From 878e8abaf55e55de3b8feabbd68f3d3fa784a49c Mon Sep 17 00:00:00 2001
From: haoxr <1490493387@qq.com>
Date: Mon, 22 May 2023 07:59:23 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E5=A4=9A=E5=9B=BE?=
 =?UTF-8?q?=E4=B8=8A=E4=BC=A0=E4=BF=AE=E6=94=B9=E6=9C=80=E5=A4=A7=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E5=9B=BE=E7=89=87=E6=95=B0=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: f429edf57f9a86b3811d180c7980585d275f93c7
---
 src/components/Upload/MultiUpload.vue | 40 +++++++++++++--------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/Upload/MultiUpload.vue b/src/components/Upload/MultiUpload.vue
index 1194509e..0da012af 100644
--- a/src/components/Upload/MultiUpload.vue
+++ b/src/components/Upload/MultiUpload.vue
@@ -28,11 +28,11 @@ import {
   UploadRequestOptions,
   UploadUserFile,
   UploadFile,
-  UploadProps
-} from 'element-plus';
-import { uploadFileApi, deleteFileApi } from '@/api/file';
+  UploadProps,
+} from "element-plus";
+import { uploadFileApi, deleteFileApi } from "@/api/file";
 
-const emit = defineEmits(['update:modelValue']);
+const emit = defineEmits(["update:modelValue"]);
 
 const props = defineProps({
   /**
@@ -40,36 +40,36 @@ const props = defineProps({
    */
   modelValue: {
     type: Array<string>,
-    default: [] as Array<string>
+    default: [] as Array<string>,
   },
   /**
    * 文件上传数量限制
    */
   limit: {
     type: Number,
-    default: 5
-  }
+    default: 10,
+  },
 });
 
-const previewImgUrl = ref('');
+const previewImgUrl = ref("");
 const dialogVisible = ref(false);
 
 const fileList = ref([] as UploadUserFile[]);
 watch(
   () => props.modelValue,
   (newVal: string[]) => {
-    const filePaths = fileList.value.map(file => file.url);
+    const filePaths = fileList.value.map((file) => file.url);
     // 监听modelValue文件集合值未变化时，跳过赋值
     if (
       filePaths.length > 0 &&
       filePaths.length === newVal.length &&
-      filePaths.every(x => newVal.some(y => y === x)) &&
-      newVal.every(y => filePaths.some(x => x === y))
+      filePaths.every((x) => newVal.some((y) => y === x)) &&
+      newVal.every((y) => filePaths.some((x) => x === y))
     ) {
       return;
     }
 
-    fileList.value = newVal.map(filePath => {
+    fileList.value = newVal.map((filePath) => {
       return { url: filePath } as UploadUserFile;
     });
   },
@@ -87,17 +87,17 @@ async function handleUpload(options: UploadRequestOptions): Promise<any> {
 
   // 上传成功需手动替换文件路径为远程URL，否则图片地址为预览地址 blob:http://
   const fileIndex = fileList.value.findIndex(
-    file => file.uid == (options.file as any).uid
+    (file) => file.uid == (options.file as any).uid
   );
 
   fileList.value.splice(fileIndex, 1, {
     name: fileInfo.name,
-    url: fileInfo.url
+    url: fileInfo.url,
   } as UploadUserFile);
 
   emit(
-    'update:modelValue',
-    fileList.value.map(file => file.url)
+    "update:modelValue",
+    fileList.value.map((file) => file.url)
   );
 }
 
@@ -111,8 +111,8 @@ function handleRemove(removeFile: UploadFile) {
     deleteFileApi(filePath).then(() => {
       // 删除成功回调
       emit(
-        'update:modelValue',
-        fileList.value.map(file => file.url)
+        "update:modelValue",
+        fileList.value.map((file) => file.url)
       );
     });
   }
@@ -123,7 +123,7 @@ function handleRemove(removeFile: UploadFile) {
  */
 function handleBeforeUpload(file: UploadRawFile) {
   if (file.size > 2 * 1048 * 1048) {
-    ElMessage.warning('上传图片不能大于2M');
+    ElMessage.warning("上传图片不能大于2M");
     return false;
   }
   return true;
@@ -132,7 +132,7 @@ function handleBeforeUpload(file: UploadRawFile) {
 /**
  * 预览图片
  */
-const previewImg: UploadProps['onPreview'] = uploadFile => {
+const previewImg: UploadProps["onPreview"] = (uploadFile) => {
   previewImgUrl.value = uploadFile.url!;
   dialogVisible.value = true;
 };