feat （项目库）更改上传附件大小限制以及在预览中返显上传文件名字

src/components/Upload/src/BasicUpload.vue

@@ -32,10 +32,12 @@
       @register="registerUploadModal"
       @change="handleChange"
       @delete="handleDelete"
+      @file="handleUploadFile"
     />
 
     <UploadPreviewModal
       :value="fileList"
+      :upload-file="uploadFile"
       :max-number="bindValue.maxNumber"
       @register="registerPreviewModal"
       @list-change="handlePreviewChange"
@@ -73,6 +75,7 @@
   const [registerPreviewModal, { openModal: openPreviewModal }] = useModal();
 
   const fileList = ref<string[]>([]);
+    const uploadFile = ref<string[]>([]);
 
   const showPreview = computed(() => {
     const { emptyHidePreview } = props;
@@ -106,11 +109,12 @@
     emit('update:value', fileList.value);
     emit('change', fileList.value);
   }
-
   function handleDelete(record: Recordable<any>) {
     emit('delete', record);
   }
-
+  function handleUploadFile(data){
+   uploadFile.value = data.value
+  }
   function handlePreviewDelete(url: string) {
     emit('preview-delete', url);
   }

src/components/Upload/src/components/UploadModal.vue

@@ -76,7 +76,7 @@
     },
   });
 
-  const emit = defineEmits(['change', 'register', 'delete']);
+  const emit = defineEmits(['change', 'register', 'delete','file']);
 
   const columns = createTableColumns();
   const actionColumn = createActionColumn(handleRemove);
@@ -84,7 +84,8 @@
   // 是否正在上传
   const isUploadingRef = ref(false);
   const fileListRef = ref<FileItem[]>([]);
-  const { accept, helpText, maxNumber, maxSize } = toRefs(props);
+    const uploadFile = ref<FileItem[]>([]);
+  const { accept, helpText, maxNumber, maxSize} = toRefs(props);
 
   const { t } = useI18n();
   const [register, { closeModal }] = useModalInner();
@@ -232,6 +233,7 @@
           return uploadApiByItem(item);
         }),
       );
+      emit('file',uploadFileList)
       isUploadingRef.value = false;
       // 生产环境:抛出错误
       const errorList = data.filter((item: any) => !item.success);
@@ -264,9 +266,11 @@
     if (fileList.length <= 0) {
       return createMessage.warning(t('component.upload.saveError'));
     }
+    uploadFile.value = fileListRef.value
     fileListRef.value = [];
     closeModal();
     emit('change', fileList);
+    emit('file', uploadFile);
   }
 
   // 点击关闭：则所有操作不保存，包括上传的

src/components/Upload/src/components/UploadPreviewModal.vue

@@ -64,7 +64,7 @@
       }
       fileListRef.value = value
         .filter((item) => !!item)
-        .map((item) => {
+        .map((item,index) => {
           if (typeof item != 'string') {
             console.error('return value should be string');
             return;
@@ -72,9 +72,10 @@
           return {
             url: item,
             type: item.split('.').pop() || '',
-            name: item.split('/').pop() || '',
+            name: props.uploadFile[index].name,
           };
         });
+        console.log(fileListRef.value)
     },
     { immediate: true },
   );

src/components/Upload/src/props.ts

@@ -119,6 +119,10 @@ export const previewProps = {
     type: Number as PropType<number>,
     default: 1,
   },
+  uploadFile: {
+    type: Array as PropType<Object>,
+    default: () => [],
+  },
   ...previewType,
 };