From 9d206a0b469864176d7327e91a630dafeeabe5b9 Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Wed, 16 Aug 2023 18:59:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=9B=9E=E6=98=BE=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 | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/packages/upload-list/index.vue b/packages/upload-list/index.vue
index 6ea28f6..b786cf9 100644
--- a/packages/upload-list/index.vue
+++ b/packages/upload-list/index.vue
@@ -2,13 +2,13 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-16 17:33:41
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-08-16 18:32:13
+ * @LastEditTime: 2023-08-16 18:58:09
  * @FilePath: \vue3\packages\upload-list\index.vue
  * @Description:
  *
 -->
 <template>
-  <el-upload v-model:file-list="value" :accept="accept" :disabled="disabled" :http-request="httpRequest">
+  <el-upload v-model:file-list="userFiles" :accept="accept" :disabled="disabled" :http-request="httpRequest">
     <el-button type="primary" plain>
       点击上传
     </el-button>
@@ -39,7 +39,7 @@ const emit = defineEmits<{
   (event: 'update:fileList', file: FileVO[]): void
 }>()
 
-let value = $ref<UploadUserFile[]>([])
+const userFiles = ref<UploadUserFile[]>([])
 
 async function httpRequest({ file, onProgress, onSuccess, onError }: UploadRequestOptions) {
   const formData = new FormData()
@@ -58,16 +58,20 @@ async function httpRequest({ file, onProgress, onSuccess, onError }: UploadReque
   }
 }
 
-function init() {
-  if (value.length === 0) {
-    value = props.fileList.map(file => ({
-      name: file.name!,
-      url: file.url,
-      status: 'success',
-    }))
-  }
-}
-init()
+userFiles.value = props.fileList.map(file => ({
+  name: file.name!,
+  url: file.url,
+  status: 'success',
+  percentage: 100,
+  uid: file.id,
+}))
 
-watch(() => props.fileList, init)
+watch(() => userFiles, (files) => {
+  emit('update:fileList', files.value.map(file => ({
+    name: file.name!,
+    url: file.url,
+    status: 'success',
+    percentage: 100,
+  })))
+})
 </script>