yh-i18n 2.2.12 → 2.2.14

package/excelTool.ts

@@ -5,58 +5,58 @@ import http from "@/libs/api.request";
 import { useI18nStore } from "./index";
 
 const verificationCode = "lkyhtranslateexcel";
-export async function exportExcel(total) {
-  const loading = ElLoading.service({
+export async function exportExcel ( total ) {
+  const loading = ElLoading.service( {
     lock: true,
     text: "正在获取所有翻译字段……",
     background: "rgba(255, 255, 255, 0.2)",
-  });
+  } );
   const i18nStore = useI18nStore();
   let records = await http
-    .request({
+    .request( {
       url: "/translate/select",
       method: "post",
       data: {
         pageNum: 1,
         pageSize: total,
       },
-    })
-    .then((res) => {
-      let localKeys = i18nStore.localList.map((item) => item.value);
+    } )
+    .then( ( res ) => {
+      let localKeys = i18nStore.localList.map( ( item ) => item.value );
       let { records } = res.data.data;
-      records = records.map((item) => {
+      records = records.map( ( item ) => {
         try {
-          let content = JSON.parse(item.content);
-          let keys = Object.keys(content);
+          let content = JSON.parse( item.content );
+          let keys = Object.keys( content );
 
-          keys.forEach((key) => {
-            let val = content[key];
-            item[key] = val;
-          });
-          localKeys.forEach((k) => {
-            if (!keys.includes(k)) {
-              item[k] = "";
+          keys.forEach( ( key ) => {
+            let val = content[ key ];
+            item[ key ] = val;
+          } );
+          localKeys.forEach( ( k ) => {
+            if ( !keys.includes( k ) ) {
+              item[ k ] = "";
             }
-          });
-        } catch (error) {}
+          } );
+        } catch ( error ) { }
         return item;
-      });
+      } );
       return records;
-    });
-  loading.setText("正在序列化表格数据……");
+    } );
+  loading.setText( "正在序列化表格数据……" );
   const workbook = new ExcelJS.Workbook();
   workbook.creator = "力控远海";
   workbook.lastModifiedBy = "力控远海技术中心前端";
   workbook.keywords = verificationCode;
   workbook.created = new Date();
   workbook.modified = new Date();
-  const sheet = workbook.addWorksheet(`${Config.title}-系统待翻译文字`);
+  const sheet = workbook.addWorksheet( `${ Config.title }-系统待翻译文字` );
 
   let columns: any[] = [
     { width: 0, hidden: true },
     { width: 0, hidden: true },
   ];
-  let title: string[] = ["", ""];
+  let title: string[] = [ "", "" ];
   let titleObj = {
     zh_CN: "中文",
     en_US: "英语",
@@ -64,30 +64,30 @@ export async function exportExcel(total) {
     vi: "越南语",
     tr: "土耳其语",
   };
-  Config.i18nList.forEach((item) => {
-    columns.push({
+  Config.i18nList.forEach( ( item ) => {
+    columns.push( {
       width: 30,
       alignment: { vertical: "middle", horizontal: "center", wrapText: true },
       value: item,
-    });
-    title.push(titleObj[item]);
-  });
+    } );
+    title.push( titleObj[ item ] );
+  } );
 
   sheet.columns = columns;
-  sheet.addRow(title);
+  sheet.addRow( title );
   sheet.addRows(
-    records.map((item) => {
+    records.map( ( item ) => {
       let { adTranslateId, key } = item;
-      let row = [adTranslateId, key];
-      Config.i18nList.forEach((valKey) => {
-        row.push(item[valKey]);
-      });
+      let row = [ adTranslateId, key ];
+      Config.i18nList.forEach( ( valKey ) => {
+        row.push( item[ valKey ] );
+      } );
       return row;
-    })
+    } )
   );
-  sheet.getRows(1, 1)?.forEach((row, index) => {
+  sheet.getRows( 1, 1 )?.forEach( ( row, index ) => {
     row.height = 25;
-    row.eachCell({ includeEmpty: true }, (cell, cellIndex) => {
+    row.eachCell( { includeEmpty: true }, ( cell, cellIndex ) => {
       cell.font = { bold: true };
       cell.alignment = {
         vertical: "middle",
@@ -100,11 +100,11 @@ export async function exportExcel(total) {
         bottom: { style: "thin" },
         right: { style: "thin" },
       };
-    });
-  });
-  sheet.getRows(2, records.length)?.forEach((row, index) => {
+    } );
+  } );
+  sheet.getRows( 2, records.length )?.forEach( ( row, index ) => {
     row.height = 25;
-    row.eachCell({ includeEmpty: true }, (cell, cellIndex) => {
+    row.eachCell( { includeEmpty: true }, ( cell, cellIndex ) => {
       cell.alignment = {
         vertical: "middle",
         horizontal: "left",
@@ -116,138 +116,141 @@ export async function exportExcel(total) {
         bottom: { style: "thin" },
         right: { style: "thin" },
       };
-    });
-  });
-  sheet.views = [{ state: "frozen", xSplit: 0, ySplit: 1, activeCell: "C2" }];
-  loading.setText("正在生成表格文件……");
-  workbook.xlsx.writeBuffer().then((data) => {
-    const blob = new Blob([data], {
+    } );
+  } );
+  sheet.views = [ { state: "frozen", xSplit: 0, ySplit: 1, activeCell: "C2" } ];
+  loading.setText( "正在生成表格文件……" );
+  workbook.xlsx.writeBuffer().then( ( data ) => {
+    const blob = new Blob( [ data ], {
       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8",
-    });
-    let downloadA = document.createElement("a");
-    downloadA.download = `${Config.title}-系统待翻译文字.xlsx`;
-    downloadA.href = window.URL.createObjectURL(blob);
+    } );
+    let downloadA = document.createElement( "a" );
+    downloadA.download = `${ Config.title }-系统待翻译文字.xlsx`;
+    downloadA.href = window.URL.createObjectURL( blob );
     downloadA.click();
     loading.close();
-    ElMessage.success("导出成功，请到下载目录查看");
-  });
+    ElMessage.success( "导出成功，请到下载目录查看" );
+  } );
 }
 
-async function getFile() {
+async function getFile () {
   // @ts-ignore
-  let fileHandle = await window.showOpenFilePicker({
+  let fileHandle = await window.showOpenFilePicker( {
     id: "importTranslateExcel",
     types: [
       {
         description: "请选择之前导出的文件",
         accept: {
-          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx", ".xls"],
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [ ".xlsx", ".xls" ],
         },
       },
     ],
-  });
-  if (Array.isArray(fileHandle)) {
-    fileHandle = fileHandle[0];
+  } );
+  if ( Array.isArray( fileHandle ) ) {
+    fileHandle = fileHandle[ 0 ];
   }
-  let state = await fileHandle.queryPermission({ mode: "read" });
-  if (state === "denied") {
+  let state = await fileHandle.queryPermission( { mode: "read" } );
+  if ( state === "denied" ) {
     return false;
   } else {
-    if (state === "prompt") {
-      fileHandle.requestPermission({
+    if ( state === "prompt" ) {
+      fileHandle.requestPermission( {
         mode: "read",
-      });
+      } );
     }
     return await fileHandle.getFile();
   }
 }
 
 
-async function saveData(dataList){
+async function saveData ( dataList ) {
   return await http
-      .request({
-        url: "/translate/save",
-        type: "json",
-        method: "POST",
-        data: dataList,
-      })
-      .then((res) => {
-        return res?.data?.status === 200
-      })
+    .request( {
+      url: "/translate/save",
+      type: "json",
+      method: "POST",
+      data: dataList,
+    } )
+    .then( ( res ) => {
+      return res?.data?.status === 200;
+    } );
 }
 
-export async function importExcel(getDataList) {
-  if (!window["showOpenFilePicker"]) {
-    ElMessage({
-      message: "请使用Chrome(Edge) 102 及以上版本的浏览器",
+export async function importExcel ( e, getDataList ) {
+  // if (!window["showOpenFilePicker"]) {
+  //   ElMessage({
+  //     message: "请使用Chrome(Edge) 102 及以上版本的浏览器",
+  //     type: "warning",
+  //   });
+  //   return false;
+  // }
+  // let file = await getFile();
+  const file = e.target.files[ 0 ];
+  if ( !( file instanceof File ) ) {
+    ElMessage( {
+      message: "请选择文件",
       type: "warning",
-    });
-    return false;
-  }
-  let file = await getFile();
-  if (file === false) {
-    ElMessage({
-      message: "请授权浏览器读取文件",
-      type: "warning",
-    });
+    } );
     return false;
   } else {
     try {
       const workbook = new ExcelJS.Workbook();
-      await workbook.xlsx.load(file);
-      if (workbook.keywords !== verificationCode) {
-        ElMessage({
+      // @ts-ignore
+      await workbook.xlsx.load( file );
+      if ( workbook.keywords !== verificationCode ) {
+        ElMessage( {
           message: "您选择的文件不是系统导出的文件",
           type: "warning",
-        });
+        } );
         return false;
       }
-      const loading = ElLoading.service({
+      const loading = ElLoading.service( {
         lock: true,
         text: "开始读取已翻译的字段",
         background: "rgba(255, 255, 255, 0.5)",
         customClass: "yh-i18n-loading"
-      });
-      let sheet = workbook.worksheets[0];
+      } );
+      let sheet = workbook.worksheets[ 0 ];
+      // @ts-ignore
       let len = sheet._rows.length - 1;
       let dataList: any[] = [];
-      sheet.getRows(2, len)?.forEach((row) => {
-        let id = row.getCell(1).value;
-        let key = row.getCell(2).value;
+      sheet.getRows( 2, len )?.forEach( ( row ) => {
+        let id = row.getCell( 1 ).value;
+        let key = row.getCell( 2 ).value;
         let content: any = {};
-        Config.i18nList.forEach((item, index) => {
-          content[item] = row.getCell(index + 3).value;
-        });
-        dataList.push({
+        Config.i18nList.forEach( ( item, index ) => {
+          content[ item ] = row.getCell( index + 3 ).value;
+        } );
+        dataList.push( {
           id,
           key,
-          content: JSON.stringify(content),
-        });
-      });
-      loading.setText("读取完成，正在更新");
-  
+          content: JSON.stringify( content ),
+        } );
+      } );
+      loading.setText( "读取完成，正在更新" );
+
       let dataLen = dataList.length;
       let flag = true;
       let saveLength = 200;
-      while (flag) {
-        if(dataList.length > saveLength) {
-          let perCent = (dataLen - dataList.length)/dataLen
-          let fillIndex = parseInt((perCent / 0.5 * 10).toFixed(0));
-          let loadingText = new Array(20);
-          loadingText.fill('◇',0,20-fillIndex)
-          loadingText.fill('◆',20-fillIndex)
-          loading.setText(`${(perCent*100).toFixed(2)}%　${loadingText.join('')}　正在更新…………`)
-          await saveData(dataList.splice(0,saveLength))
+      while ( flag ) {
+        if ( dataList.length > saveLength ) {
+          let perCent = ( dataLen - dataList.length ) / dataLen;
+          let fillIndex = parseInt( ( perCent / 0.5 * 10 ).toFixed( 0 ) );
+          let loadingText = new Array( 20 );
+          loadingText.fill( '◇', 0, 20 - fillIndex );
+          loadingText.fill( '◆', 20 - fillIndex );
+          loading.setText( `${ ( perCent * 100 ).toFixed( 2 ) }%　${ loadingText.join( '' ) }　正在更新…………` );
+          await saveData( dataList.splice( 0, saveLength ) );
         } else {
-          await saveData(dataList)
+          await saveData( dataList );
           flag = false;
         }
       }
       loading.close();
-      ElMessage.success("导入数据保存成功")
+      ElMessage.success( "导入数据保存成功" );
       getDataList();
-    } catch (error) {
-      ElMessage.error("导入保存翻译数据遇到错误：",error.message)
+    } catch ( error ) {
+      ElMessage.error( "导入保存翻译数据遇到错误：", error.message );
     }
   }
 }

package/index.js

@@ -37,7 +37,6 @@ const initlang = localStorage.translateLanguage || navLang || "zh_CN";
 
 export let i18n = null;
 window.translateReady = localStorage.translateReady ? localStorage.translateReady === "1" : import.meta.env.DEV;
-const isDev = window.translateReady;
 let contentReady = false;
 
 const keySet = new Set();
@@ -78,7 +77,7 @@ function recursionAddTranslate () {
     }
     // 通过延时降低任务密度，避免挤兑正常逻辑的运算资源
     recursionAddTimer = setTimeout(() => {
-      // cLog(`${unHandle.length} ${key}`);
+      cLog(`${unHandle.length} ${key}`);
       recursionAddTimer = null;
       recursionAddTranslate();
     }, 150);
@@ -86,9 +85,9 @@ function recursionAddTranslate () {
 }
 
 export const ct = (key, args) => {
-  if (isDev && window.translateCollect) {
+  if (window.translateReady && window.translateCollect) {
     // 将 键的处理全部放入队列中，避免挤兑正常逻辑的运算资源
-    if (!unHandle.includes(key)) {
+    if (!keySet.has(key) && !unHandle.includes(key)) {
       unHandle.push(key);
       recursionAddTranslate();
     }
@@ -180,7 +179,6 @@ export const useI18nStore = defineStore("i18nStore", () => {
   });
 
   return {
-    isDev,
     lang,
     setLang,
     langList,
@@ -214,7 +212,7 @@ async function getRemoteMessage (list) {
       try {
         let itemObj = JSON.parse(item);
         let mKey = itemObj.zh_CN;
-        if (import.meta.env.DEV && !keySet.has(mKey)) {
+        if (window.translateReady && !keySet.has(mKey)) {
           keySet.add(mKey);
         }
         Object.entries(itemObj).forEach(([key, val]) => {
@@ -223,7 +221,7 @@ async function getRemoteMessage (list) {
           }
         });
       } catch (err) {
-        if (isDev) {
+        if (window.translateReady) {
           // console.count("翻译数据格式不对");
         }
       }
@@ -268,7 +266,7 @@ function createLocalMessage (list) {
 }
 
 export function addI18nPage (router) {
-  if (isDev) {
+  if (window.translateReady) {
     router.addRoute("Index", {
       path: "translate",
       name: "翻译管理",
@@ -304,10 +302,10 @@ export const yhI18n = {
     app.use(i18n);
     app.config.globalProperties.$T = ct;
 
-    if (!isDev) {
-      cLog("没有开启翻译管理，可以在开发环境或者在控制台运行后面的代码再刷新页面： `localStorage.translateLanguage = '1'`");
+    if (!window.translateReady) {
+      cLog("没有开启翻译管理，可以在开发环境或者在控制台运行后面的代码再刷新页面： `localStorage.translateReady = '1'`");
     }
-    if (router && isDev) {
+    if (router && window.translateReady) {
       addI18nPage(router);
     } else {
       if (!router) {

package/list.vue

@@ -14,33 +14,35 @@
       <el-button
         type="primary"
         @click="getDataList">
-        {{ ct("搜索") }}
+        {{ ct('搜索') }}
       </el-button>
-      <el-button @click="resetList">{{ ct("重置") }}</el-button>
+      <el-button @click="resetList">{{ ct('重置') }}</el-button>
     </div>
     <div class="yh-i18n-list-actions">
       <el-button
         type="primary"
         @click="addOne">
         <i class="iconfont icon-add"></i>
-        {{ ct("新增") }}
+        {{ ct('新增') }}
       </el-button>
       <el-button
         type="danger"
         @click="delMore">
         <i class="iconfont icon-delete"></i>
-        {{ ct("批量删除") }}
+        {{ ct('批量删除') }}
       </el-button>
       <el-button
         text
         @click="exportExcel(listForm.total)">
-        {{ ct("导出") }}
-      </el-button>
-      <el-button
-        text
-        @click="importExcel(getDataList)">
-        {{ ct("导入") }}
+        {{ ct('导出') }}
       </el-button>
+      <div class="el-button is-text import-excel-button">
+        <input
+          class="import-excel-input"
+          type="file"
+          @change="importExcel($event, getDataList)" />
+        {{ ct('导入') }}
+      </div>
     </div>
     <el-table
       ref="i18nList"
@@ -64,18 +66,18 @@
         width="140"
         align="center"
         fixed="left">
-        <template #default="{ row, $index }">
+        <template #default="{row, $index}">
           <el-button
             link
             type="primary"
             @click="editOne(row, $index)">
-            {{ ct("编辑") }}
+            {{ ct('编辑') }}
           </el-button>
           <el-button
             link
             type="danger"
             @click="delOne(row.adTranslateId)">
-            {{ ct("删除") }}
+            {{ ct('删除') }}
           </el-button>
         </template>
       </el-table-column>
@@ -93,7 +95,7 @@
     </el-table>
     <el-pagination
       background
-      :page-sizes="[10, 100, 200, 500, 1000]"
+      :page-sizes="[10, 100, 200, 500, 10000]"
       v-model:page-size="listForm.pageSize"
       :total="listForm.total"
       v-model:current-page="listForm.pageNum"
@@ -119,46 +121,46 @@
           @click="prevOne"
           text
           :disabled="!isNaN(formDataIndex) && formDataIndex <= 0">
-          {{ ct("上一个") }}（←）
+          {{ ct('上一个') }}（←）
         </el-button>
         <el-button
           type="primary"
           plain
           @click="cancelForm">
-          {{ ct("取消") }}
+          {{ ct('取消') }}
         </el-button>
         <el-button
           type="primary"
           @click="saveOne">
-          {{ ct("保存") }}
+          {{ ct('保存') }}
         </el-button>
         <el-button
           @click="nextOne"
           text
           :disabled="!isNaN(formDataIndex) && formDataIndex >= dataList.leng - 1">
-          {{ ct("下一个") }}（→）
+          {{ ct('下一个') }}（→）
         </el-button>
       </div>
     </template>
   </el-dialog>
 </template>
 <script setup lang="ts">
-import { reactive, ref, onMounted, watch } from "vue";
-import { ElLoadingService, ElMessage, ElMessageBox } from "element-plus";
-import { useI18nStore, ct } from "yh-i18n";
-import http from "@/libs/api.request";
-import { VxeFormInstance, VxeFormPropTypes } from "vxe-table";
-import { exportExcel, importExcel } from "./excelTool";
+import {reactive, ref, onMounted, watch} from 'vue';
+import {ElLoadingService, ElMessage, ElMessageBox} from 'element-plus';
+import {useI18nStore, ct} from 'yh-i18n';
+import http from '@/libs/api.request';
+import {VxeFormInstance, VxeFormPropTypes} from 'vxe-table';
+import {exportExcel, importExcel} from './excelTool';
 const i18nStore = useI18nStore();
 const vxeFormRef = ref<VxeFormInstance>();
 
-const insertUrl = "/translate/insert";
-const updateUrl = "/translate/edit";
-const deleteUrl = "/translate/deleteTranslate";
+const insertUrl = '/translate/insert';
+const updateUrl = '/translate/edit';
+const deleteUrl = '/translate/deleteTranslate';
 
 const i18nList = ref();
 const listForm = reactive({
-  key: "",
+  key: '',
   pageNum: 1,
   pageSize: 10,
   total: 0,
@@ -166,14 +168,17 @@ const listForm = reactive({
 const listColumns = reactive<any>([]);
 const dataList = ref<any>([]);
 function getDataList(isReset = false) {
-  let { key, pageNum, pageSize } = listForm;
+  let {key, pageNum, pageSize} = listForm;
   if (isReset) {
     pageNum = 1;
   }
+  let loading = ElLoadingService({
+    text: '获取列表数据中……',
+  });
   http
     .request({
-      url: "/translate/select",
-      method: "post",
+      url: '/translate/select',
+      method: 'post',
       data: {
         key,
         pageNum,
@@ -182,7 +187,7 @@ function getDataList(isReset = false) {
     })
     .then((res) => {
       let localKeys = i18nStore.localList.map((item) => item.value);
-      let { records, total } = res.data.data;
+      let {records, total} = res.data.data;
       records = records.map((item) => {
         try {
           let content = JSON.parse(item.content);
@@ -194,7 +199,7 @@ function getDataList(isReset = false) {
           });
           localKeys.forEach((k) => {
             if (!keys.includes(k)) {
-              item[k] = "";
+              item[k] = '';
             }
           });
         } catch (error) {}
@@ -202,6 +207,9 @@ function getDataList(isReset = false) {
       });
       dataList.value = records;
       listForm.total = total;
+    })
+    .finally(() => {
+      loading.close();
     });
 }
 
@@ -223,7 +231,7 @@ function rowClickHandler(row) {
 }
 
 function resetList() {
-  listForm.key = "";
+  listForm.key = '';
   listForm.pageNum = 1;
   listForm.total = 0;
   getDataList();
@@ -264,8 +272,8 @@ function editOne(item, index) {
   }
   formShow.value = true;
   setTimeout(() => {
-    (document.querySelector("#i18nFormItem1 input") as HTMLInputElement)?.focus();
-    inputs = Array.from(document.querySelectorAll(".i18n-form-item input"));
+    (document.querySelector('#i18nFormItem1 input') as HTMLInputElement)?.focus();
+    inputs = Array.from(document.querySelectorAll('.i18n-form-item input'));
   }, 500);
 }
 
@@ -292,7 +300,7 @@ function saveOne() {
         data.id = formData.adTranslateId;
       }
       for (const key in formData) {
-        if (key !== "key" && langList.includes(key)) {
+        if (key !== 'key' && langList.includes(key)) {
           const val = formData[key];
           data.content[key] = val;
         }
@@ -301,7 +309,7 @@ function saveOne() {
       http
         .request({
           url,
-          method: "POST",
+          method: 'POST',
           data,
         })
         .then((res) => {
@@ -324,11 +332,11 @@ function saveOne() {
 }
 
 function delOne(id) {
-  ElMessageBox.confirm("确认删除这条翻译记录吗？").then(() => {
+  ElMessageBox.confirm('确认删除这条翻译记录吗？').then(() => {
     http
       .request({
         url: deleteUrl,
-        method: "POST",
+        method: 'POST',
         data: {
           id,
         },
@@ -345,19 +353,19 @@ function delOne(id) {
 }
 
 function delMore() {
-  ElMessageBox.confirm("确认删除选中的翻译记录吗？").then(async () => {
+  ElMessageBox.confirm('确认删除选中的翻译记录吗？').then(async () => {
     let ids = i18nList.value?.getSelectionRows().map((row) => row.adTranslateId);
     if (ids && ids.length) {
       let len = ids.length;
       let loading = ElLoadingService({
-        text: "正在删除选中的翻译……",
+        text: '正在删除选中的翻译……',
       });
       for (let i = 0; i < ids.length; i++) {
         const id = ids[i];
         loading.setText(`正在删除... ${i + 1}/${len}`);
         await http.request({
           url: deleteUrl,
-          method: "POST",
+          method: 'POST',
           data: {
             id,
           },
@@ -371,18 +379,18 @@ function delMore() {
 
 const formItems = reactive<VxeFormPropTypes.Items>([
   {
-    field: "key",
+    field: 'key',
     span: 24,
-    title: "翻译键值",
+    title: '翻译键值',
     itemRender: {
-      name: "$input",
-      props: { class: "i18n-form-item", id: `i18nFormItem${1}` },
+      name: '$input',
+      props: {class: 'i18n-form-item', id: `i18nFormItem${1}`},
     },
   },
 ]);
 
 const fromRules = reactive<VxeFormPropTypes.Rules>({
-  key: [{ required: true, type: "string", message: "请输入翻译键值" }],
+  key: [{required: true, type: 'string', message: '请输入翻译键值'}],
 });
 
 let needInit = true;
@@ -395,15 +403,15 @@ watch(
         listColumns.push({
           field: item.value,
           title: item.label,
-          minWidth: "200",
+          minWidth: '200',
         });
         formItems.push({
           field: item.value,
           span: 24,
           title: item.label,
           itemRender: {
-            name: "$input",
-            props: { class: "i18n-form-item", id: `i18nFormItem${index + 2}` },
+            name: '$input',
+            props: {class: 'i18n-form-item', id: `i18nFormItem${index + 2}`},
           },
         });
       });
@@ -417,24 +425,24 @@ watch(
 
 onMounted(() => {
   getDataList();
-  window.addEventListener("keydown", (e) => {
-    let { key, ctrlKey, altKey } = e;
-    if (key === "s" && ctrlKey) {
+  window.addEventListener('keydown', (e) => {
+    let {key, ctrlKey, altKey} = e;
+    if (key === 's' && ctrlKey) {
       e.preventDefault();
       e.stopPropagation();
       saveOne();
     }
-    if (key === "ArrowRight" && (ctrlKey || altKey)) {
+    if (key === 'ArrowRight' && (ctrlKey || altKey)) {
       e.preventDefault();
       e.stopPropagation();
       nextOne();
     }
-    if (key === "ArrowLeft" && (ctrlKey || altKey)) {
+    if (key === 'ArrowLeft' && (ctrlKey || altKey)) {
       e.preventDefault();
       e.stopPropagation();
       prevOne();
     }
-    if (key === "Tab") {
+    if (key === 'Tab') {
       e.preventDefault();
       e.stopPropagation();
       if (
@@ -454,7 +462,7 @@ onMounted(() => {
       } else {
         setTimeout(() => {
           if (!document.activeElement || !inputs.includes(document.activeElement as HTMLInputElement)) {
-            (document.querySelector("#i18nFormItem1 input") as HTMLInputElement)?.focus();
+            (document.querySelector('#i18nFormItem1 input') as HTMLInputElement)?.focus();
           }
         }, 100);
       }
@@ -475,8 +483,21 @@ onMounted(() => {
       padding: 0 8px;
       flex: 1;
       .el-form--inline .el-form-item {
-       margin-bottom: 0;
-       margin-right: 18px; 
+        margin-bottom: 0;
+        margin-right: 18px;
+      }
+    }
+
+    .import-excel-button {
+      position: relative;
+      .import-excel-input {
+        position: absolute;
+        left: 0;
+        top: 0;
+        opacity: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 10;
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yh-i18n",
-  "version": "2.2.12",
+  "version": "2.2.14",
   "description": "对于国际化的封装",
   "main": "index.js",
   "scripts": {