Merge branch 'perf/upload-file-limit' into 'main_dev'

perf: 优化上传组件可以手动选择更改上传文件类型

See merge request yunteng/thingskit-front!891

@@ -9,7 +9,7 @@
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { computed, ref, unref } from 'vue';
   import { computed, ref, unref } from 'vue';
   import { cloneDeep } from 'lodash-es';
   import { cloneDeep } from 'lodash-es';
-  import { isFunction, isNumber, isObject } from '/@/utils/is';
+  import { isFunction, isNumber, isObject, isString } from '/@/utils/is';
   import { useDesign } from '/@/hooks/web/useDesign';
   import { useDesign } from '/@/hooks/web/useDesign';
 
 
   export interface FileItem {
   export interface FileItem {
@@ -59,10 +59,19 @@
   );
   );
 
 
   const handleBeforeUpload = (file: File, fileList: File[]) => {
   const handleBeforeUpload = (file: File, fileList: File[]) => {
-    const { beforeUpload } = props;
+    const { beforeUpload, accept } = props;
 
 
     if (beforeUpload && isFunction(beforeUpload)) return beforeUpload?.(file, fileList);
     if (beforeUpload && isFunction(beforeUpload)) return beforeUpload?.(file, fileList);
 
 
+    if (accept && isString(accept)) {
+      const limitFileSuffix = accept.split(',');
+
+      if (limitFileSuffix.length && !limitFileSuffix.some((suffix) => file.name.includes(suffix))) {
+        createMessage.warning(`允许上传的文件类型包括${accept}`);
+        return false;
+      }
+    }
+
     if (file.size > props.maxSize) {
     if (file.size > props.maxSize) {
       createMessage.warning(`文件大小超过${Math.floor(props.maxSize / 1024 / 1024)}mb`);
       createMessage.warning(`文件大小超过${Math.floor(props.maxSize / 1024 / 1024)}mb`);
       return false;
       return false;