diff --git a/src/__fk-inputs__/components/file-upload/file-upload.vue b/src/__fk-inputs__/components/file-upload/file-upload.vue index c3bc47f..edf29ec 100644 --- a/src/__fk-inputs__/components/file-upload/file-upload.vue +++ b/src/__fk-inputs__/components/file-upload/file-upload.vue @@ -71,6 +71,8 @@ const changeUploadedFiles = () => { } try { const files = formkitContext.valueToFiles(formkitContext._value); + if (files === null) return; + fileUploadRef.value!.uploadedFiles = files.map((f) => ({ name: f.name, url: f.url, @@ -79,7 +81,7 @@ const changeUploadedFiles = () => { })); fileUploadRef.value!.uploadedFileCount = files.length; } catch (error) { - console.warn('[FileUpload] valueToFiles error:', error); + console.warn('[FileUpload] valueToFiles error:', error, 'value:', formkitContext._value); } }; @@ -148,8 +150,8 @@ const onUploader = (event: FileUploadUploaderEvent) => { diff --git a/src/__fk-inputs__/components/file-upload/types.ts b/src/__fk-inputs__/components/file-upload/types.ts index 25ca281..a212065 100644 --- a/src/__fk-inputs__/components/file-upload/types.ts +++ b/src/__fk-inputs__/components/file-upload/types.ts @@ -24,5 +24,5 @@ export type CustomRequest = (options: { onProgress: (percent: number) => void; }) => Promise<{ url: string }>; -export type PropValueToFiles = (value: unknown) => UploadedFileInfo[]; +export type PropValueToFiles = (value: unknown) => UploadedFileInfo[] | null; export type PropFilesToValue = (filelist: UploadedFileInfo[]) => unknown;