From 437692869a232ee65c300c65ee473557ae0913c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=97=A0=E6=9C=A8?= <netfan@foxmail.com>
Date: Sat, 5 Jun 2021 18:10:58 +0800
Subject: [PATCH] fix(upload): ensure preview items valid

---
 src/components/Upload/src/UploadPreviewModal.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/Upload/src/UploadPreviewModal.vue b/src/components/Upload/src/UploadPreviewModal.vue
index 0cfc12674c7..9929aff0fcd 100644
--- a/src/components/Upload/src/UploadPreviewModal.vue
+++ b/src/components/Upload/src/UploadPreviewModal.vue
@@ -11,7 +11,7 @@
   </BasicModal>
 </template>
 <script lang="ts">
-  import { defineComponent, watch, ref, unref } from 'vue';
+  import { defineComponent, watch, ref } from 'vue';
 
   //   import { BasicTable, useTable } from '/@/components/Table';
   import FileList from './FileList';
@@ -36,17 +36,15 @@
       watch(
         () => props.value,
         (value) => {
-          fileListRef.value = [];
-          value.forEach((item) => {
-            fileListRef.value = [
-              ...unref(fileListRef),
-              {
+          fileListRef.value = value
+            .filter((item) => !!item)
+            .map((item) => {
+              return {
                 url: item,
                 type: item.split('.').pop() || '',
                 name: item.split('/').pop() || '',
-              },
-            ];
-          });
+              };
+            });
         },
         { immediate: true }
       );