--UDM鉴权用户国际化

src/components/UploadModal/index.vue

@@ -2,6 +2,8 @@
 import { message } from 'ant-design-vue/lib';
 import { FileType } from 'ant-design-vue/lib/upload/interface';
 import { UploadRequestOption } from 'ant-design-vue/lib/vc-upload/interface';
+import useI18n from '@/hooks/useI18n';
+const { t } = useI18n();
 const emit = defineEmits(['upload', 'close', 'update:visible']);
 const props = defineProps({
   /**窗口标题 */
@@ -45,7 +47,7 @@ function fnBeforeUpload(file: FileType) {
     const fileSize = file.size;
     const isLtM = fileSize / 1024 / 1024 < props.size;
     if (!isLtM) {
-      message.error(`上传文件大小必须小于 ${props.size}MB`, 3);
+      message.error(`${t('components.UploadModal.allowFilter')} ${props.size}MB`, 3);
       return false;
     }
   }
@@ -54,7 +56,7 @@ function fnBeforeUpload(file: FileType) {
     const fileName = file.name;
     const isAllowType = props.ext.some(v => fileName.endsWith(v));
     if (!isAllowType) {
-      message.error(`只支持上传文件格式 ${props.ext.join('、')}`, 3);
+      message.error(`${t('components.UploadModal.onlyAllow')} ${props.ext.join('、')}`, 3);
       return false;
     }
   }
@@ -91,15 +93,14 @@ function fnUpload(up: UploadRequestOption) {
         <p class="ant-upload-drag-icon">
           <inbox-outlined></inbox-outlined>
         </p>
-        <p class="ant-upload-text">点击选择或将文件拖入边框区域进行上传</p>
+        <p class="ant-upload-text">{{t('components.UploadModal.uploadTip')}}</p>
         <p class="ant-upload-hint">
           <div v-if="props.size > 0">
-            允许上传文件大小 {{ props.size }} MB
+            {{t('components.UploadModal.allowSize')}} {{ props.size }} MB
           </div>
           <div v-if="props.ext.length > 0">
-            允许导入
-            {{ props.ext.join('、') }}
-            格式文件
+            {{t('components.UploadModal.allowFormat')}}  {{ props.ext.join('、') }}
+          
           </div>
         </p>
       </a-upload-dragger>