fix(): upload-files-v2构件限制了上传文件类型时，前端需要二次校验 SHLSTYYWPT-693

bricks/forms/src/i18n/constants.ts

@@ -139,6 +139,7 @@ export enum K {
   USE_LINK_TO_UPLOAD_PLACEHOLDER = "USE_LINK_TO_UPLOAD_PLACEHOLDER",
   UPLOAD_IMG_NUMBER_LIMIT = "UPLOAD_IMG_NUMBER_LIMIT",
   ATTACHMENT = "ATTACHMENT",
+  NO_SUPPORT_FILE_TYPE = "NO_SUPPORT_FILE_TYPE",
 }
 
 export type Locale = { [key in K]: string };

bricks/forms/src/i18n/locales/en.ts

@@ -162,6 +162,7 @@ const locale: Locale = {
   [K.UPLOAD_IMG_NUMBER_LIMIT]:
     "Only {{maxNumber}} image can be uploaded at most",
   [K.ATTACHMENT]: "Attachment",
+  [K.NO_SUPPORT_FILE_TYPE]: "The current file type is not supported",
 };
 
 export default locale;

bricks/forms/src/i18n/locales/zh.ts

@@ -147,6 +147,7 @@ const locale: Locale = {
     "请输入图片的链接，多个链接之间用换行分隔",
   [K.UPLOAD_IMG_NUMBER_LIMIT]: "最多只能上传 {{maxNumber}} 张图片",
   [K.ATTACHMENT]: "附件",
+  [K.NO_SUPPORT_FILE_TYPE]: "当前文件类型不支持",
 };
 
 export default locale;

bricks/forms/src/upload-files-v2/UploadFilesV2.tsx

@@ -113,6 +113,22 @@ export function RealUploadFile(
         reject(new Error(i18n.t(`${NS_FORMS}:${K.VOLUME_TOO_BIG}`)));
       });
     }
+    if (props.accept) {
+      const acceptedTypes = props.accept.split(",").map((type) => type.trim());
+      const fileName = file.name.toLowerCase();
+      const fileType = file.type;
+      const isValidType = acceptedTypes.some((type) => {
+        if (type.startsWith(".")) {
+          return fileName.endsWith(type);
+        }
+        return fileType === type;
+      });
+      if (!isValidType) {
+        return new Promise((_resolve, reject) => {
+          reject(new Error(i18n.t(`${NS_FORMS}:${K.NO_SUPPORT_FILE_TYPE}`)));
+        });
+      }
+    }
     if (props.autoUpload) {
       // 进行自动上传
       return new Promise((resolve) => resolve(file));