yh-i18n 2.2.23 → 2.3.0

package/excelTool.ts

@@ -5,33 +5,6 @@ import http from '@/libs/api.request';
 import {useI18nStore} from './index';
 
 const verificationCode = 'lkyhtranslateexcel';
-
-/**
- * 解析翻译内容，将 JSON 字符串解析并合并到 item 对象中
- * @param item 翻译项对象
- * @param localKeys 本地语言键列表
- * @returns 处理后的翻译项对象
- */
-export function parseTranslateContent(item: any, localKeys: string[]): any {
-  try {
-    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] = '';
-      }
-    });
-  } catch (error) {
-    console.error('解析翻译内容失败:', error);
-  }
-  return item;
-}
 export async function exportExcel(total) {
   const loading = ElLoading.service({
     lock: true,
@@ -51,7 +24,23 @@ export async function exportExcel(total) {
     .then((res) => {
       let localKeys = i18nStore.localList.map((item) => item.value);
       let {records} = res.data.data;
-      records = records.map((item) => parseTranslateContent(item, localKeys));
+      records = records.map((item) => {
+        try {
+          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] = '';
+            }
+          });
+        } catch (error) {}
+        return item;
+      });
       return records;
     });
   loading.setText('正在序列化表格数据……');
@@ -88,8 +77,8 @@ export async function exportExcel(total) {
   sheet.addRow(title);
   sheet.addRows(
     records.map((item) => {
-      let {id, name} = item;
-      let row = [id, name];
+      let {adTranslateId, key} = item;
+      let row = [adTranslateId, key];
       Config.i18nList.forEach((valKey) => {
         row.push(item[valKey]);
       });
@@ -212,7 +201,6 @@ export async function importExcel(e, getDataList) {
           message: '您选择的文件不是系统导出的文件',
           type: 'warning',
         });
-        e.target.value = '';
         return false;
       }
       const loading = ElLoading.service({
@@ -227,14 +215,14 @@ export async function importExcel(e, getDataList) {
       let dataList: any[] = [];
       sheet.getRows(2, len)?.forEach((row) => {
         let id = row.getCell(1).value;
-        let name = row.getCell(2).value;
+        let key = row.getCell(2).value;
         let content: any = {};
         Config.i18nList.forEach((item, index) => {
           content[item] = row.getCell(index + 3).value;
         });
         dataList.push({
           id,
-          name,
+          key,
           content: JSON.stringify(content),
         });
       });
@@ -262,8 +250,6 @@ export async function importExcel(e, getDataList) {
       getDataList();
     } catch (error) {
       ElMessage.error('导入保存翻译数据遇到错误：', error.message);
-    } finally {
-      e.target.value = '';
     }
   }
 }

package/index.d.ts

@@ -21,7 +21,7 @@ declare global {
 export const i18n: I18n;
 
 /** 自定义的翻译函数，这个函数包装了 t 函数，在翻译的前提下，可以帮忙手机键 */
-export const ct: (key: string, args?: any[]) => void;
+export const ct: (key: string, args: any[]) => void;
 
 /** 国际化相关 Pinia Store 实例 */
 export const useI18nStore: StoreDefinition;

package/index.js

@@ -10,12 +10,14 @@ import enUSBase from "./lang/baseEnUS.js";
 import thBase from "./lang/baseTh.js";
 import viBase from "./lang/baseVi.js";
 import trBase from "./lang/baseTr.js";
+import faBase from "./lang/baseFa.js"
 // vxe table
 import zhCNVXETable from "./lang/zh.js";
 import enUSVXETable from "./lang/en.js";
 import thVXETable from "./lang/th.js";
 import viVXETable from "./lang/vi.js";
 import trVXETable from "./lang/tr.js";
+import faVXETable from "./lang/fa.js"
 
 // element-plus
 import el_zh_CN from "element-plus/dist/locale/zh-cn.mjs";
@@ -23,6 +25,7 @@ import el_en_US from "element-plus/dist/locale/en.mjs";
 import el_th from "element-plus/dist/locale/th.mjs";
 import el_vi from "element-plus/dist/locale/vi.mjs";
 import el_tr from "element-plus/dist/locale/tr.mjs";
+import el_fa from "element-plus/dist/locale/fa.mjs";
 
 // 自动根据浏览器系统语言设置语言
 let navLang = navigator.language.replace("-", "_");
@@ -47,15 +50,15 @@ Object.keys(zhCNBase).forEach((key) => {
 
 const unHandle = [];
 
-function addTranslate (name) {
-  if (name && name.indexOf("vxe") === -1) {
+function addTranslate (key) {
+  if (key && key.indexOf("vxe") === -1) {
     try {
       axios.request({
         url: "/translate/insert",
         method: "POST",
         data: {
-          name,
-          content: `{"zh_CN":"${name}"}`,
+          key,
+          content: `{"zh_CN":"${key}"}`,
         },
       });
     } catch (error) {
@@ -84,7 +87,7 @@ function recursionAddTranslate () {
   }
 }
 
-export const ct = (key, args = []) => {
+export const ct = (key, args) => {
   if (key && window.translateReady && window.translateCollect) {
     // 将 键的处理全部放入队列中，避免挤兑正常逻辑的运算资源
     if (!keySet.has(key) && !unHandle.includes(key)) {
@@ -119,6 +122,7 @@ export const useI18nStore = defineStore("i18nStore", () => {
     th: "ไทย",
     vi: "Việt nam",
     tr: "Türkçe",
+    fa_IR: "فارسی",
   });
 
   const localList = reactive([]);
@@ -155,6 +159,12 @@ export const useI18nStore = defineStore("i18nStore", () => {
             value: "tr",
           });
           break;
+        case "fa_IR":
+          localList.push({
+            label: "فارسی",
+            value: "fa_IR",
+          });
+          break;
       }
     });
   }
@@ -175,6 +185,8 @@ export const useI18nStore = defineStore("i18nStore", () => {
         return el_vi;
       case "tr":
         return el_tr;
+      case "fa_IR":
+        return el_fa;
     }
   });
 
@@ -197,6 +209,7 @@ async function getRemoteMessage (list) {
       th: {},
       vi: {},
       tr: {},
+      fa_IR: {},
     };
     let {
       data: { data },
@@ -257,7 +270,9 @@ function createLocalMessage (list) {
       case "tr":
         messages["tr"] = Object.assign(trBase, trVXETable);
         break;
-
+      case "fa_IR":
+        messages["fa_IR"] = Object.assign(faBase, faVXETable);
+        break;
       default:
         break;
     }

package/lang/baseEnUS.js

@@ -23,4 +23,5 @@ export default {
   ไทย: "Thailand.",
   "Việt nam": "Vietnamese",
   Türkçe: "Turkish",
+  "فارسی": "Persian"
 };

package/lang/baseFa.js

@@ -0,0 +1,27 @@
+export default {
+  翻译键名: "کلید ترجمه",
+  翻译管理: "مدیریت ترجمه",
+  键入以筛选键名: "برای فیلتر کردن کلید تایپ کنید",
+  搜索: "جستجو",
+  新增: "جدید",
+  批量删除: "حذف گروهی",
+  重置: "بازنشانی",
+  编辑: "ویرایش",
+  删除: "حذف",
+  操作: "عملیات",
+  导出: "صادرات",
+  导入: "واردات",
+  翻译键值: "مقدار ترجمه",
+  新增翻译: "افزودن ترجمه",
+  编辑翻译: "ویرایش ترجمه",
+  请输入翻译键值: "لطفاً مقدار ترجمه را وارد کنید",
+  上一个: "قبلی",
+  下一个: "بعدی",
+  取消: "لغو",
+  中文简体: "چینی ساده شده",
+  English: "انگلیسی",
+  ไทย: "تایلندی",
+  "Việt nam": "ویتنامی",
+  Türkçe: "ترکی",
+  "فارسی": "فارسی",
+};

package/lang/baseTh.js

@@ -23,4 +23,5 @@ export default {
   ไทย: "ไทย",
   "Việt nam": "เวียดนาม",
   Türkçe: "ตุรกี",
+  "فارسی": "ภาษาเปอร์เซีย"
 };

package/lang/baseTr.js

@@ -23,4 +23,5 @@ export default {
   ไทย: "Tayland.",
   "Việt nam": "Vietnamca",
   Türkçe: "Türkçe",
+  "فارسی": "Farsça"
 };

package/lang/baseVi.js

@@ -23,4 +23,5 @@ export default {
   ไทย: "Thái Lan.",
   "Việt nam": "Việt nam",
   Türkçe: "Thổ Nhĩ Kỳ",
+  "فارسی": "Tiếng Ba Tư"
 };

package/lang/baseZhCn.js

@@ -23,4 +23,5 @@ export default {
   ไทย: "泰语",
   "Việt nam": "越南语",
   Türkçe: "土耳其语",
+  "فارسی": "波斯语",
 };

package/lang/fa.js

@@ -0,0 +1,310 @@
+export default {
+  vxe: {
+    loading: {
+      text: "در حال بارگذاری...",
+    },
+    error: {
+      groupFixed: "اگر از سرستون گروهی استفاده می‌شود، ستون ثابت باید به صورت گروهی تنظیم شود",
+      groupMouseRange: 'سرستون گروهی نمی‌تواند با "{0}" همزمان استفاده شود، که ممکن است باعث خطا شود',
+      groupTag: 'سرستون گروهی باید از "{0}" به جای "{1}" استفاده کند، که ممکن است باعث خطا شود',
+      scrollErrProp: 'پس از فعال کردن اسکرول مجازی، پارامتر "{0}" پشتیبانی نمی‌شود',
+      errConflicts: 'پارامتر "{0}" با "{1}" تداخل دارد',
+      unableInsert: "نمی‌توان در موقعیت مشخصی درج کرد، لطفاً بررسی کنید که آیا پارامترها صحیح هستند",
+      useErr: 'هنگام نصب ماژول "{0}" خطایی رخ داد، ممکن است ترتیب نادرست باشد، ماژول‌های وابسته باید قبل از Table نصب شوند',
+      barUnableLink: "نوار ابزار نمی‌تواند به جدول متصل شود",
+      expandContent: 'اسلات ردیف باز شده باید "content" باشد، لطفاً بررسی کنید که آیا صحیح است',
+      reqModule: 'ماژول "{0}" وجود ندارد',
+      reqProp: 'پارامتر ضروری "{0}" وجود ندارد، که ممکن است باعث خطا شود',
+      emptyProp: 'پارامتر "{0}" نمی‌تواند خالی باشد',
+      errProp: 'پارامتر "{0}" پشتیبانی نمی‌شود، ممکن است "{1}" باشد',
+      colRepet: 'column.{0}="{1}" تکرار شده است، که ممکن است باعث عدم کارکرد برخی توابع شود',
+      notFunc: 'متد "{0}" وجود ندارد',
+      notSlot: 'اسلات "{0}" وجود ندارد',
+      noTree: 'ساختار درختی "{0}" را پشتیبانی نمی‌کند',
+      notProp: 'پارامتر "{0}" پشتیبانی نمی‌شود',
+      coverProp: 'پارامتر "{1}" از "{0}" بازنویسی شده است، که ممکن است باعث خطا شود',
+      delFunc: 'متد "{0}" منسوخ شده است، لطفاً از "{1}" استفاده کنید',
+      delProp: 'پارامتر "{0}" منسوخ شده است، لطفاً از "{1}" استفاده کنید',
+      delEvent: 'رویداد "{0}" منسوخ شده است، لطفاً از "{1}" استفاده کنید',
+      removeProp: 'پارامتر "{0}" منسوخ شده و توصیه نمی‌شود，这可能会导致出现错误',
+      errFormat: 'محتوای قالب‌بندی سراسری باید با "VXETable.formats" تعریف شود، روش اتصال "formatter={0}" دیگر توصیه نمی‌شود',
+      notType: 'نوع فایل "{0}" پشتیبانی نمی‌شود',
+      notExp: "این مرورگر از قابلیت وارد کردن/صادر کردن پشتیبانی نمی‌کند",
+      impFields: "وارد کردن ناموفق بود، لطفاً بررسی کنید که نام فیلدها و فرمت داده صحیح هستند",
+      treeNotImp: "جدول درختی از وارد کردن پشتیبانی نمی‌کند",
+    },
+    renderer: {
+      search: "جستجو",
+      cases: {
+        equal: "مساوی",
+        unequal: "نامساوی",
+        gt: "بزرگتر از",
+        ge: "بزرگتر یا مساوی",
+        lt: "کوچکتر از",
+        le: "کوچکتر یا مساوی",
+        begin: "شروع با",
+        notbegin: "شروع نشود با",
+        endin: "پایان با",
+        notendin: "پایان نشود با",
+        include: "شامل",
+        exclude: "شامل نشود",
+        between: "بین",
+        custom: "فیلتر سفارشی",
+        insensitive: "بدون حساسیت به حروف",
+        isSensitive: "حساس به حروف",
+      },
+      combination: {
+        menus: {
+          clearSort: "پاک کردن مرتب‌سازی",
+          sortAsc: "صعودی",
+          sortDesc: "نزولی",
+          fixedColumn: "ستون ثابت",
+          fixedGroup: "گروه ثابت",
+          cancelFixed: "لغو ثابت",
+          fixedLeft: "ثابت چپ",
+          fixedRight: "ثابت راست",
+          clearFilter: "پاک کردن فیلتر",
+          textOption: "فیلتر متنی",
+          numberOption: "فیلتر عددی",
+        },
+        popup: {
+          title: "روش فیلتر سفارشی",
+          currColumnTitle: "ستون فعلی：",
+          and: "و",
+          or: "یا",
+          describeHtml: "از ? برای نمایندگی یک کاراکتر استفاده کنید<br/>از * برای نمایندگی چندین کاراکتر دلخواه استفاده کنید",
+        },
+        empty: "(خالی)",
+        notData: "موردی یافت نشد",
+      },
+    },
+    pro: {
+      area: {
+        mergeErr: "نمی‌توان این عملیات را روی سلول ادغام شده انجام داد",
+        multiErr: "نمی‌توان این عملیات را روی ناحیه انتخاب چندگانه انجام داد",
+        extendErr: "اگر ناحیه گسترش یافته شامل سلول‌های ادغام شده باشد، تمام سلول‌های ادغام شده باید اندازه یکسانی داشته باشند",
+        pasteMultiErr: "نمی‌توان چسباند، برای انجام این عملیات ناحیه کپی شده و ناحیه چسبانده شده باید اندازه یکسانی داشته باشند",
+      },
+      fnr: {
+        title: "جستجو و جایگزینی",
+        findLabel: "جستجو",
+        replaceLabel: "جایگزینی",
+        findTitle: "جستجوی محتوا：",
+        replaceTitle: "جایگزینی با：",
+        tabs: {
+          find: "جستجو",
+          replace: "جایگزینی",
+        },
+        filter: {
+          re: "عبارت منظم",
+          whole: "تطبیق کل کلمه",
+          sensitive: "حساس به حروف",
+        },
+        btns: {
+          findNext: "جستجوی بعدی",
+          findAll: "جستجوی همه",
+          replace: "جایگزینی",
+          replaceAll: "جایگزینی همه",
+          cancel: "لغو",
+        },
+        header: {
+          seq: "#",
+          cell: "سلول",
+          value: "مقدار",
+        },
+        empty: "(تهی)",
+        reError: "عبارت منظم نامعتبر",
+        recordCount: "{0} سلول یافت شد",
+        notCell: "سلول منطبقی یافت نشد",
+        replaceSuccess: "با موفقیت {0} سلول جایگزین شد",
+      },
+    },
+    table: {
+      emptyText: "داده‌ای موجود نیست",
+      allTitle: "انتخاب همه/لغو",
+      seqTitle: "#",
+      confirmFilter: "فیلتر",
+      resetFilter: "بازنشانی",
+      allFilter: "همه",
+      sortAsc: "صعودی：کمترین به بیشترین",
+      sortDesc: "نزولی：بیشترین به کمترین",
+      filter: "فعال کردن فیلتر برای ستون انتخاب شده",
+      impSuccess: "با موفقیت {0} رکورد وارد شد",
+      expLoading: "در حال صدور...",
+      expSuccess: "صدور با موفقیت انجام شد",
+      expFilename: "صدور_{0}",
+      expOriginFilename: "صدور_منبع_{0}",
+      customTitle: "تنظیمات ستون",
+      customAll: "همه",
+      customConfirm: "تایید",
+      customRestore: "بازیابی",
+    },
+    grid: {
+      selectOneRecord: "لطفاً حداقل یک رکورد انتخاب کنید！",
+      deleteSelectRecord: "آیا مطمئن هستید که می‌خواهید رکوردهای انتخاب شده را حذف کنید؟",
+      removeSelectRecord: "آیا مطمئن هستید که می‌خواهید رکوردهای انتخاب شده را جابجا کنید؟",
+      dataUnchanged: "داده‌ها تغییر نکرده‌اند！",
+      delSuccess: "رکوردهای انتخاب شده با موفقیت حذف شدند！",
+      saveSuccess: "ذخیره با موفقیت انجام شد！",
+      operError: "خطایی رخ داد، عملیات ناموفق بود！",
+    },
+    select: {
+      search: "جستجو",
+      loadingText: "در حال بارگذاری",
+      emptyText: "داده‌ای موجود نیست",
+    },
+    pager: {
+      goto: "برو به",
+      pagesize: "{0} مورد/صفحه",
+      total: "مجموع {0} رکورد",
+      pageClassifier: "صفحه",
+      prevPage: "صفحه قبل",
+      nextPage: "صفحه بعد",
+      prevJump: "پرش به بالا",
+      nextJump: "پرش به پایین",
+    },
+    alert: {
+      title: "پیام هشدار",
+    },
+    button: {
+      confirm: "تایید",
+      cancel: "لغو",
+    },
+    import: {
+      modes: {
+        covering: "بازنویسی",
+        insert: "درج",
+      },
+      impTitle: "وارد کردن داده‌ها",
+      impFile: "نام فایل",
+      impSelect: "انتخاب فایل",
+      impType: "نوع فایل",
+      impOpts: "تنظیمات پارامتر",
+      impConfirm: "وارد کردن",
+      impCancel: "لغو",
+    },
+    export: {
+      types: {
+        csv: "CSV (جدا شده با کاما)(*.csv)",
+        html: "صفحه وب(*.html)",
+        xml: "داده XML(*.xml)",
+        txt: "فایل متنی (جدا شده با تب)(*.txt)",
+        xls: "کتاب کار Excel 97-2003(*.xls)",
+        xlsx: "کتاب کار Excel(*.xlsx)",
+        pdf: "PDF (*.pdf)",
+      },
+      modes: {
+        current: "داده‌های فعلی (داده‌های صفحه فعلی)",
+        selected: "داده‌های انتخاب شده (داده‌های انتخاب شده در صفحه فعلی)",
+        all: "تمام داده‌ها (شامل داده‌های تمام صفحات)",
+      },
+      printTitle: "چاپ داده‌ها",
+      expTitle: "صدور داده‌ها",
+      expName: "نام فایل",
+      expNamePlaceholder: "لطفاً نام فایل را وارد کنید",
+      expSheetName: "عنوان",
+      expSheetNamePlaceholder: "لطفاً عنوان را وارد کنید",
+      expType: "نوع ذخیره",
+      expMode: "انتخاب داده‌ها",
+      expCurrentColumn: "تمام فیلدها",
+      expColumn: "انتخاب فیلدها",
+      expOpts: "تنظیمات پارامتر",
+      expOptHeader: "سرستون",
+      expHeaderTitle: "آیا سرستون نیاز است",
+      expOptFooter: "پاصفحه",
+      expFooterTitle: "آیا پاصفحه نیاز است",
+      expOptColgroup: "سرستون گروهی",
+      expColgroupTitle: "در صورت وجود، از سرستون با ساختار گروهی پشتیبانی می‌کند",
+      expOptMerge: "ادغام",
+      expMergeTitle: "در صورت وجود، از سلول‌های با ساختار ادغام شده پشتیبانی می‌کند",
+      expOptAllExpand: "باز کردن سطوح",
+      expAllExpandTitle: "در صورت وجود، از باز کردن تمام داده‌های با ساختار سلسله مراتبی پشتیبانی می‌کند",
+      expOptUseStyle: "سبک",
+      expUseStyleTitle: "در صورت وجود، از سلول‌های دارای سبک پشتیبانی می‌کند",
+      expOptOriginal: "داده‌های منبع",
+      expOriginalTitle: "اگر داده‌های منبع باشند، از وارد کردن به جدول پشتیبانی می‌کنند",
+      expPrint: "چاپ",
+      expConfirm: "صدور",
+      expCancel: "لغو",
+    },
+    modal: {
+      zoomIn: "بیشینه‌سازی",
+      zoomOut: "بازیابی",
+      close: "بستن",
+    },
+    form: {
+      folding: "جمع کردن",
+      unfolding: "باز کردن",
+    },
+    toolbar: {
+      import: "وارد کردن",
+      export: "صدور",
+      print: "چاپ",
+      refresh: "بازنشانی",
+      zoomIn: "تمام صفحه",
+      zoomOut: "بازیابی",
+      custom: "تنظیمات ستون",
+      customAll: "همه",
+      customConfirm: "تایید",
+      customRestore: "بازیابی",
+    },
+    input: {
+      date: {
+        m1: "۰۱ ژانویه",
+        m2: "۰۲ فوریه",
+        m3: "۰۳ مارس",
+        m4: "۰۴ آوریل",
+        m5: "۰۵ مه",
+        m6: "۰۶ ژوئن",
+        m7: "۰۷ ژوئیه",
+        m8: "۰۸ اوت",
+        m9: "۰۹ سپتامبر",
+        m10: "۱۰ اکتبر",
+        m11: "۱۱ نوامبر",
+        m12: "۱۲ دسامبر",
+        quarterLabel: "{0} سال",
+        monthLabel: "{0} سال",
+        dayLabel: "{0} سال {1}",
+        labelFormat: {
+          date: "yyyy-MM-dd",
+          time: "HH:mm:ss",
+          datetime: "yyyy-MM-dd HH:mm:ss",
+          week: "هفته WW از سال yyyy",
+          month: "yyyy-MM",
+          quarter: "فصل q از سال yyyy",
+          year: "yyyy",
+        },
+        weeks: {
+          w: "هفته",
+          w0: "یکشنبه",
+          w1: "دوشنبه",
+          w2: "سه‌شنبه",
+          w3: "چهارشنبه",
+          w4: "پنجشنبه",
+          w5: "جمعه",
+          w6: "شنبه",
+        },
+        months: {
+          m0: "ژانویه",
+          m1: "فوریه",
+          m2: "مارس",
+          m3: "آوریل",
+          m4: "مه",
+          m5: "ژوئن",
+          m6: "ژوئیه",
+          m7: "اوت",
+          m8: "سپتامبر",
+          m9: "اکتبر",
+          m10: "نوامبر",
+          m11: "دسامبر",
+        },
+        quarters: {
+          q1: "فصل اول",
+          q2: "فصل دوم",
+          q3: "فصل سوم",
+          q4: "فصل چهارم",
+        },
+      },
+    },
+  },
+};

package/list.vue

@@ -5,7 +5,7 @@
         <el-form inline>
           <el-form-item :label="ct('翻译键名')">
             <el-input
-              v-model="listForm.name"
+              v-model="listForm.key"
               @keyup.enter.stop.prevent="getDataList(true)"
               :placeholder="ct('键入以筛选键名')"></el-input>
           </el-form-item>
@@ -48,7 +48,7 @@
       ref="i18nList"
       stripe
       :data="dataList"
-      row-key="id"
+      row-key="adTranslateId"
       @row-click="rowClickHandler">
       <el-table-column
         type="selection"
@@ -76,13 +76,13 @@
           <el-button
             link
             type="danger"
-            @click="delOne(row.id)">
+            @click="delOne(row.adTranslateId)">
             {{ ct('删除') }}
           </el-button>
         </template>
       </el-table-column>
       <el-table-column
-        prop="name"
+        prop="key"
         min-width="140"
         fixed="left"
         :label="ct('翻译键名')"></el-table-column>
@@ -105,9 +105,8 @@
     class="form-drawer"
     v-model="formShow"
     @close="cancelForm"
-    :close-on-click-modal="false"
     draggable
-    :title="formData.id ? ct('编辑翻译') : ct('新增翻译')">
+    :title="formData.adTranslateId ? ct('编辑翻译') : ct('新增翻译')">
     <vxe-form
       title-align="right"
       title-width="100px"
@@ -115,14 +114,14 @@
       title-colon
       :data="formData"
       :items="formItems"
-      :rules="formRules"></vxe-form>
+      :rules="fromRules"></vxe-form>
     <template #footer>
       <div class="yh-i18n-form-actions">
         <el-button
           @click="prevOne"
           text
           :disabled="!isNaN(formDataIndex) && formDataIndex <= 0">
-          {{ ct('上一个') }} （ctrl/alt + ←）
+          {{ ct('上一个') }}（←）
         </el-button>
         <el-button
           type="primary"
@@ -133,44 +132,25 @@
         <el-button
           type="primary"
           @click="saveOne">
-          {{ ct('保存') }}（ctrl + S）
+          {{ ct('保存') }}
         </el-button>
         <el-button
           @click="nextOne"
           text
-          :disabled="!isNaN(formDataIndex) && formDataIndex >= dataList.length - 1">
-          {{ ct('下一个') }}（ctrl/alt + →）
+          :disabled="!isNaN(formDataIndex) && formDataIndex >= dataList.leng - 1">
+          {{ ct('下一个') }}（→）
         </el-button>
       </div>
     </template>
   </el-dialog>
 </template>
 <script setup lang="ts">
-import {reactive, ref, onMounted, onUnmounted, watch} from 'vue';
+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, parseTranslateContent} from './excelTool';
-
-interface TranslateItem {
-  id?: string;
-  name: string;
-  content: string;
-  [key: string]: any;
-}
-
-interface ListColumn {
-  field: string;
-  title: string;
-  minWidth: string;
-}
-
-interface SaveData {
-  name: string;
-  content: Record<string, string> | string;
-  id?: string;
-}
+import {exportExcel, importExcel} from './excelTool';
 const i18nStore = useI18nStore();
 const vxeFormRef = ref<VxeFormInstance>();
 
@@ -180,15 +160,15 @@ const deleteUrl = '/translate/deleteTranslate';
 
 const i18nList = ref();
 const listForm = reactive({
-  name: '',
+  key: '',
   pageNum: 1,
   pageSize: 10,
   total: 0,
 });
-const listColumns = reactive<ListColumn[]>([]);
-const dataList = ref<TranslateItem[]>([]);
+const listColumns = reactive<any>([]);
+const dataList = ref<any>([]);
 function getDataList(isReset = false) {
-  let {name, pageNum, pageSize} = listForm;
+  let {key, pageNum, pageSize} = listForm;
   if (isReset) {
     pageNum = 1;
   }
@@ -200,7 +180,7 @@ function getDataList(isReset = false) {
       url: '/translate/select',
       method: 'post',
       data: {
-        name,
+        key,
         pageNum,
         pageSize,
       },
@@ -208,14 +188,26 @@ function getDataList(isReset = false) {
     .then((res) => {
       let localKeys = i18nStore.localList.map((item) => item.value);
       let {records, total} = res.data.data;
-      records = records.map((item) => parseTranslateContent(item, localKeys));
+      records = records.map((item) => {
+        try {
+          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] = '';
+            }
+          });
+        } catch (error) {}
+        return item;
+      });
       dataList.value = records;
       listForm.total = total;
     })
-    .catch((error) => {
-      ElMessage.error('获取数据失败');
-      console.error('获取列表数据失败:', error);
-    })
     .finally(() => {
       loading.close();
     });
@@ -239,25 +231,22 @@ function rowClickHandler(row) {
 }
 
 function resetList() {
-  listForm.name = '';
+  listForm.key = '';
   listForm.pageNum = 1;
   listForm.total = 0;
   getDataList();
 }
 
 const langList = Object.keys(i18nStore.langList);
-const formDataIndex = ref<number>();
-const formData = reactive<TranslateItem>({
-  name: '',
-  content: '',
-});
+const formDataIndex = ref();
+const formData = reactive<any>({});
 const formShow = ref(false);
-
+let inputs: HTMLInputElement[] = [];
 function cancelForm() {
   vxeFormRef?.value?.reset();
   vxeFormRef?.value?.clearValidate();
   formDataIndex.value = void 0;
-  formData.id = undefined;
+  formData.id = null;
   formShow.value = false;
 }
 
@@ -266,7 +255,7 @@ function addOne() {
 }
 
 function prevOne() {
-  if (formDataIndex.value !== void 0 && formDataIndex.value > 0) {
+  if (formDataIndex.value > 0) {
     let index = formDataIndex.value - 1;
     let item = dataList.value[index];
     editOne(item, index);
@@ -275,13 +264,6 @@ function prevOne() {
 
 function editOne(item, index) {
   formDataIndex.value = index;
-  // 先清空表单数据，除了 id
-  for (const key in formData) {
-    if (key !== 'id') {
-      delete formData[key];
-    }
-  }
-  // 然后将新项目的数据复制到表单
   for (const key in item) {
     if (Object.prototype.hasOwnProperty.call(item, key)) {
       const val = item[key];
@@ -296,7 +278,7 @@ function editOne(item, index) {
 }
 
 function nextOne() {
-  if (formDataIndex.value !== void 0 && formDataIndex.value < dataList.value.length - 1) {
+  if (formDataIndex.value < dataList.value.length - 1) {
     let index = formDataIndex.value + 1;
     let item = dataList.value[index];
     editOne(item, index);
@@ -304,18 +286,18 @@ function nextOne() {
 }
 
 function saveOne() {
-  let isAdd = !formData.id;
+  let isAdd = !!formData.adTranslateId;
   let url = updateUrl;
   vxeFormRef?.value?.validate().then((errMap) => {
     if (!errMap) {
-      let data: SaveData = {
-        name: formData.name,
+      let data: any = {
+        key: formData.key,
         content: {},
       };
       if (isAdd) {
         url = insertUrl;
       } else {
-        data.id = formData.id;
+        data.id = formData.adTranslateId;
       }
       for (const key in formData) {
         if (key !== 'key' && langList.includes(key)) {
@@ -333,16 +315,13 @@ function saveOne() {
         .then((res) => {
           if (res?.data?.status === 200) {
             ElMessage.success(res.data.msg);
-            if (isAdd) {
-              getDataList();
-              cancelForm();
+            if (!isAdd) {
+              dataList.value[formDataIndex.value] = {
+                ...formData,
+              };
+              nextOne();
             } else {
-              if (formDataIndex.value !== undefined && formDataIndex.value !== null) {
-                dataList.value[formDataIndex.value] = {
-                  ...formData,
-                };
-                nextOne();
-              }
+              cancelForm();
             }
           } else {
             ElMessage.error(res.data.msg);
@@ -375,8 +354,7 @@ function delOne(id) {
 
 function delMore() {
   ElMessageBox.confirm('确认删除选中的翻译记录吗？').then(async () => {
-    const selectedRows = i18nList.value?.getSelectionRows();
-    const ids = selectedRows?.map((row) => row.id) || [];
+    let ids = i18nList.value?.getSelectionRows().map((row) => row.adTranslateId);
     if (ids && ids.length) {
       let len = ids.length;
       let loading = ElLoadingService({
@@ -385,21 +363,15 @@ function delMore() {
       for (let i = 0; i < ids.length; i++) {
         const id = ids[i];
         loading.setText(`正在删除... ${i + 1}/${len}`);
-        try {
-          await http.request({
-            url: deleteUrl,
-            method: 'POST',
-            data: {
-              id,
-            },
-          });
-        } catch (error) {
-          ElMessage.error(`删除第 ${i + 1} 条记录失败`);
-          console.error(`删除第 ${i + 1} 条记录失败:`, error);
-        }
+        await http.request({
+          url: deleteUrl,
+          method: 'POST',
+          data: {
+            id,
+          },
+        });
       }
       loading.close();
-      ElMessage.success(`删除完成，共 ${len} 条记录`);
       getDataList();
     }
   });
@@ -407,7 +379,7 @@ function delMore() {
 
 const formItems = reactive<VxeFormPropTypes.Items>([
   {
-    field: 'name',
+    field: 'key',
     span: 24,
     title: '翻译键值',
     itemRender: {
@@ -417,8 +389,8 @@ const formItems = reactive<VxeFormPropTypes.Items>([
   },
 ]);
 
-const formRules = reactive<VxeFormPropTypes.Rules>({
-  name: [{required: true, type: 'string', message: '请输入翻译键值'}],
+const fromRules = reactive<VxeFormPropTypes.Rules>({
+  key: [{required: true, type: 'string', message: '请输入翻译键值'}],
 });
 
 let needInit = true;
@@ -451,32 +423,51 @@ watch(
   }
 );
 
-const handleKeydown = (e: KeyboardEvent) => {
-  let {key, ctrlKey, altKey} = e;
-  if (key === 's' && ctrlKey) {
-    e.preventDefault();
-    e.stopPropagation();
-    saveOne();
-  }
-  if (key === 'ArrowRight' && (ctrlKey || altKey)) {
-    e.preventDefault();
-    e.stopPropagation();
-    nextOne();
-  }
-  if (key === 'ArrowLeft' && (ctrlKey || altKey)) {
-    e.preventDefault();
-    e.stopPropagation();
-    prevOne();
-  }
-};
-
 onMounted(() => {
   getDataList();
-  window.addEventListener('keydown', handleKeydown);
-});
+  window.addEventListener('keydown', (e) => {
+    let {key, ctrlKey, altKey} = e;
+    if (key === 's' && ctrlKey) {
+      e.preventDefault();
+      e.stopPropagation();
+      saveOne();
+    }
+    if (key === 'ArrowRight' && (ctrlKey || altKey)) {
+      e.preventDefault();
+      e.stopPropagation();
+      nextOne();
+    }
+    if (key === 'ArrowLeft' && (ctrlKey || altKey)) {
+      e.preventDefault();
+      e.stopPropagation();
+      prevOne();
+    }
+    if (key === 'Tab') {
+      e.preventDefault();
+      e.stopPropagation();
+      if (
+        document.activeElement ||
+        // @ts-ignore
+        inputs.includes(document.activeElement)
+      ) {
+        // @ts-ignore
+        let index = inputs.indexOf(document.activeElement);
 
-onUnmounted(() => {
-  window.removeEventListener('keydown', handleKeydown);
+        if (index === inputs.length) {
+          index = 0;
+        } else {
+          index++;
+        }
+        inputs[index].focus();
+      } else {
+        setTimeout(() => {
+          if (!document.activeElement || !inputs.includes(document.activeElement as HTMLInputElement)) {
+            (document.querySelector('#i18nFormItem1 input') as HTMLInputElement)?.focus();
+          }
+        }, 100);
+      }
+    }
+  });
 });
 </script>
 <style lang="scss">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yh-i18n",
-  "version": "2.2.23",
+  "version": "2.3.0",
   "description": "对于国际化的封装",
   "main": "index.js",
   "scripts": {
@@ -18,4 +18,4 @@
     "element-plus": "^2.3.8"
   },
   "author": "Liubin"
-}
+}