yh-i18n 2.0.2 → 2.1.3

package/index.js

@@ -29,14 +29,17 @@ const navLang = navigator.language.replace("-", "_");
 const initlang = localStorage.translateLanguage || navLang || "zh_CN";
 
 export let i18n = null;
-window.translateReady = !!localStorage.translateReady || import.meta.env.DEV;
+window.translateReady = localStorage.translateReady ? localStorage.translateReady === "1" : import.meta.env.DEV;
 const isDev = window.translateReady;
+let contentReady = false;
 
 const keySet = new Set();
 Object.keys(zhCNBase).forEach((key) => {
   keySet.add(key);
 });
 
+const unHandle: string[] = [];
+
 function addTranslate(key) {
   if (key.indexOf("vxe") === -1) {
     try {
@@ -54,12 +57,33 @@ function addTranslate(key) {
   }
 }
 
-export const ct = (key, args) => {
-  if (isDev) {
+function recursionAddTranslate() {
+  // 当触发 content 加载完成触发递归方法后，判断是否有需要处理的键，有则处理，没有则忽略
+  if (unHandle.length) {
+    let key = unHandle.pop();
     if (!keySet.has(key) && window.translateReady) {
       keySet.add(key);
       addTranslate(key);
     }
+    // 通过延时降低任务密度，避免挤兑正常逻辑的运算资源
+    setTimeout(() => {
+      recursionAddTranslate();
+    }, 500);
+  }
+}
+
+export const ct = (key, args) => {
+  if (isDev) {
+    // 当 content 加载完成时，进行翻译键是否已存在的判断
+    if (contentReady) {
+      if (!keySet.has(key) && window.translateReady) {
+        keySet.add(key);
+        addTranslate(key);
+      }
+    } else {
+      // 当 content 加载未完成时，现将翻译键放入缓存中，等待加载完成后再处理。
+      unHandle.push(key);
+    }
   }
   if (i18n) {
     return i18n.global.t(key, args);
@@ -200,6 +224,9 @@ async function getRemoteMessage(list) {
       let m = i18n.global.getLocaleMessage(key);
       i18n.global.setLocaleMessage(key, Object.assign(m, messages[key]));
     });
+    // 翻译内容加载完成，打开开关并运行递归函数，处理累积的数据
+    contentReady = true;
+    recursionAddTranslate();
   } catch (error) {}
 }
 
@@ -248,17 +275,9 @@ export function addI18nPage(router) {
 
 export function cLog(string, isError = false) {
   if (isError) {
-    console.error(
-      "%cyhI18n：",
-      "font-size: 16px;font-weight: bold;color: #61AFEF",
-      string
-    );
+    console.error("%cyhI18n：", "font-size: 16px;font-weight: bold;color: #61AFEF", string);
   } else {
-    console.log(
-      "%cYHI18n",
-      "font-size: 18px;font-weight: bold;color: #61AFEF",
-      string
-    );
+    console.log("%cYHI18n", "font-size: 18px;font-weight: bold;color: #61AFEF", string);
   }
 }
 
@@ -266,9 +285,7 @@ export const yhI18n = {
   install(app, config) {
     let { list, router, pinia, VXETable } = config;
     if (!list) {
-      cLog(
-        "请设置 Config.i18nList ,并将其设置到 yhI18n 的 congfig.list 上，否则 国际化插件将失效"
-      );
+      cLog("请设置 Config.i18nList ,并将其设置到 yhI18n 的 congfig.list 上，否则 国际化插件将失效");
       return false;
     }
     let messages = createLocalMessage(list);
@@ -280,9 +297,7 @@ export const yhI18n = {
     app.config.globalProperties.$T = ct;
 
     if (!isDev) {
-      cLog(
-        "没有开启翻译管理，可以在开发环境或者在控制台运行后面的代码再刷新页面： `localStorage.translateLanguage = '1'`"
-      );
+      cLog("没有开启翻译管理，可以在开发环境或者在控制台运行后面的代码再刷新页面： `localStorage.translateLanguage = '1'`");
     }
     if (router && isDev) {
       addI18nPage(router);
@@ -307,10 +322,7 @@ export const yhI18n = {
       });
     } else {
       if (!pinia) {
-        cLog(
-          "没有传递 VXETable 对象，所以无法为 SLW 和 VXETable 设置国际化",
-          true
-        );
+        cLog("没有传递 VXETable 对象，所以无法为 SLW 和 VXETable 设置国际化", true);
       }
     }
 

package/package.json

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