From 86f47b51133f867de08d9412527a1e0652453942 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Tue, 31 Dec 2024 16:31:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E6=96=87=E4=BB=B6=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E7=BB=84=E4=BB=B6=E6=B7=BB=E5=8A=A0=E7=A6=81=E7=94=A8?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/file-upload/file-upload-item.vue   |  2 ++
 .../components/file-upload/file-upload.vue        | 15 ++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/__fk-inputs__/components/file-upload/file-upload-item.vue b/src/__fk-inputs__/components/file-upload/file-upload-item.vue
index 528ceda..8949c39 100644
--- a/src/__fk-inputs__/components/file-upload/file-upload-item.vue
+++ b/src/__fk-inputs__/components/file-upload/file-upload-item.vue
@@ -5,6 +5,7 @@ import { computed } from 'vue';
 import type { BadgeProps } from 'primevue/badge';
 
 const props = defineProps<{
+  disabled: boolean;
   url: string;
   filename: string;
   status?: FileUploadStatus;
@@ -62,6 +63,7 @@ const bageSeverity = computed<BadgeProps['severity']>(() => {
       :value="progress"
     />
     <Button
+      :disabled="disabled"
       text
       :rounded="true"
       severity="danger"
diff --git a/src/__fk-inputs__/components/file-upload/file-upload.vue b/src/__fk-inputs__/components/file-upload/file-upload.vue
index 62ca1ff..c3bc47f 100644
--- a/src/__fk-inputs__/components/file-upload/file-upload.vue
+++ b/src/__fk-inputs__/components/file-upload/file-upload.vue
@@ -22,6 +22,9 @@ const customRequest = props.context.customRequest;
 const fileUploadRef = useTemplateRef<FileUploadInst>('fileUploadRef');
 
 const cmpt_disabled = computed(() => {
+  if (formkitContext.disabled === true) {
+    return true;
+  }
   if (fileUploadRef.value) {
     // 有上传失败的文件
     if (fileUploadRef.value.uploadedFiles.some((f) => f.status === 'failed')) {
@@ -55,7 +58,11 @@ const changeModelValue = () => {
     console.warn('[FileUpload] filesToValue is not defined');
     return;
   }
-  formkitContext.node.input(formkitContext.filesToValue(uploadedFiles));
+  if (uploadedFiles.length === 0) {
+    formkitContext.node.input(null);
+  } else {
+    formkitContext.node.input(formkitContext.filesToValue(uploadedFiles));
+  }
 };
 const changeUploadedFiles = () => {
   if (!formkitContext.valueToFiles) {
@@ -112,6 +119,8 @@ const onUploader = (event: FileUploadUploaderEvent) => {
       });
   }
 };
+
+// fileUploadRef.value?.uploadedFiles
 </script>
 
 <template>
@@ -133,6 +142,8 @@ const onUploader = (event: FileUploadUploaderEvent) => {
     :chooseButtonProps="{ size: 'small' }"
     :uploadButtonProps="{ size: 'small', severity: 'secondary' }"
     :cancelButtonProps="{ size: 'small', severity: 'secondary' }"
+    @remove="changeModelValue()"
+    @removeUploadedFile="changeModelValue()"
   >
     <template #empty>
       <Message
@@ -159,6 +170,7 @@ const onUploader = (event: FileUploadUploaderEvent) => {
         :key="file.name + file.url"
       >
         <FileUploadItem
+          :disabled="formkitContext.disabled === true"
           :url="file.url || file.rawFile?.objectURL || ''"
           :filename="file.name || file.url || '未知文件'"
           @remove="
@@ -178,6 +190,7 @@ const onUploader = (event: FileUploadUploaderEvent) => {
         :key="file.name + file.type + file.size"
       >
         <FileUploadItem
+          :disabled="formkitContext.disabled === true"
           :url="file.objectURL"
           :filename="file.name"
           @remove="removeFileCallback(index)"