From 5231d7ddbc8a3c5fd9b1b4d0e6fd7f1ff3dcef0e Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Tue, 22 Aug 2023 13:01:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=88=A0=E9=99=A4=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/upload-list/index.vue | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/packages/upload-list/index.vue b/packages/upload-list/index.vue
index 039a935..aa594ee 100644
--- a/packages/upload-list/index.vue
+++ b/packages/upload-list/index.vue
@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-16 17:33:41
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-08-18 17:02:06
+ * @LastEditTime: 2023-08-22 12:54:19
  * @FilePath: \vue3\packages\upload-list\index.vue
  * @Description:
  *
@@ -14,15 +14,18 @@
     :disabled="disabled"
     :before-upload="beforeUpload"
     :http-request="httpRequest"
+    @remove="remove"
   >
-    <el-button type="primary" plain>
-      点击上传
-    </el-button>
+    <slot>
+      <el-button type="primary" plain :disabled="disabled">
+        点击上传
+      </el-button>
+    </slot>
   </el-upload>
 </template>
 
 <script lang="ts" setup name="ThUploadList">
-import type { UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus'
+import type { UploadFile, UploadFiles, UploadRawFile, UploadRequestOptions, UploadUserFile } from 'element-plus'
 
 const props = withDefaults(
   defineProps<{
@@ -76,19 +79,19 @@ async function httpRequest({ file, onProgress, onSuccess, onError }: UploadReque
 }
 
 userFiles.value = props.fileList.map(file => ({
-  name: file.name!,
-  url: file.url,
+  ...file,
   status: 'success',
   percentage: 100,
   uid: file.id,
 }))
 
+function remove(_uploadFile: UploadFile, uploadFiles: UploadFiles) {
+  userFiles.value = uploadFiles
+}
+
 watch(() => userFiles, (files) => {
   emit('update:fileList', files.value.map(file => ({
-    name: file.name!,
-    url: file.url,
-    status: 'success',
-    percentage: 100,
+    ...file,
   })))
 })
 </script>