feat: import form vben/utils

apps/web-naive/src/components/upload/helper.ts

@@ -1,8 +1,3 @@
-/**
- * 默认图片类型
- */
-export const defaultImageAccepts = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
-
 export function checkFileType(file: File, accepts: string[]) {
   if (!accepts || accepts.length === 0) {
     return true;
@@ -11,10 +6,3 @@ export function checkFileType(file: File, accepts: string[]) {
   const reg = new RegExp(`${String.raw`\.(` + newTypes})$`, 'i');
   return reg.test(file.name);
 }
-
-export function checkImgType(
-  file: File,
-  accepts: string[] = defaultImageAccepts,
-) {
-  return checkFileType(file, accepts);
-}

apps/web-naive/src/components/upload/image-upload.vue

@@ -9,11 +9,16 @@ import { computed, ref, toRefs, watch } from 'vue';
 
 import { IconifyIcon } from '@vben/icons';
 import { $t } from '@vben/locales';
-import { isFunction, isObject, isString } from '@vben/utils';
+import {
+  defaultImageAccepts,
+  isFunction,
+  isImage,
+  isObject,
+  isString,
+} from '@vben/utils';
 
 import { NImage, NImageGroup, NModal, NUpload, useMessage } from 'naive-ui';
 
-import { checkImgType, defaultImageAccepts } from './helper';
 import { useUpload, useUploadType } from './use-upload';
 
 defineOptions({ name: 'ImageUpload', inheritAttrs: false });
@@ -152,7 +157,7 @@ function beforeUpload(options: {
   }
 
   const { maxSize, accept } = props;
-  const isAct = checkImgType(file, accept);
+  const isAct = isImage(file.name, accept);
   if (!isAct) {
     message.error($t('ui.upload.acceptUpload', [accept]));
     isActMsg.value = false;