gc_i18n 1.3.2 → 1.3.4

package/lang/index.js

@@ -1,10 +1,3 @@
-import pro_zh_CN from "pro_iview_v3/lib/locales/zh-CN";
-import iview_zh_CN from "view-ui-plus/dist/locale/zh-CN";
-import pro_zh_TW from "pro_iview_v3/lib/locales/zh-TW";
-import iview_zh_TW from "view-ui-plus/dist/locale/zh-TW";
-import pro_en_US from "pro_iview_v3/lib/locales/en-US";
-import iview_en_US from "view-ui-plus/dist/locale/en-US";
-
 import gc_i18n from "../packages/index.js";
 export const languages = [
   {
@@ -23,20 +16,16 @@ export const languages = [
 export default {
   install(app, router) {
     console.log("i18n", import.meta.env);
-    const { i18n } = new gc_i18n({
+    const i18n = new gc_i18n({
       appCode: "TEST",
       router,
       orgCode: import.meta.env.MODE === "unit" ? "DD" : "GREENCLOUD",
       // locale: localStorage.getItem("I18N_LANGUAGE"),
       // loginRouteName: "Login",
       dev: true,
-      login: false,
-      messages: {
-        "zh-CN": { ...pro_zh_CN, ...iview_zh_CN },
-        "zh-TW": { ...pro_zh_TW, ...iview_zh_TW },
-        "en-US": { ...pro_en_US, ...iview_en_US }
-      }
+      login: false
     });
-    app.use(i18n);
+    // 调用实例的 install 方法来注册全局组件
+    i18n.install(app);
   }
 };

package/lang/index.json

@@ -1,97 +1,82 @@
 {
 	"qylb2": {
 		"zh-cn": "首页",
-		"zh-tw": "首頁",
-		"en-us": "首页"
+		"zh-tw": "首頁"
 	},
 	"jcve2": {
 		"zh-cn": "测试",
-		"zh-tw": "測試",
-		"en-us": "测试"
+		"zh-tw": "測試"
 	},
 	"juzboq4": {
 		"zh-cn": "页面独有",
-		"zh-tw": "頁面獨有",
-		"en-us": "页面独有"
+		"zh-tw": "頁面獨有"
 	},
 	"haxjfz4": {
 		"zh-cn": "蓝色灯光",
-		"zh-tw": "藍色燈光",
-		"en-us": "蓝色灯光"
+		"zh-tw": "藍色燈光"
 	},
 	"875i746": {
 		"zh-cn": "十多个十多个",
-		"zh-tw": "十多個十多個",
-		"en-us": "十多个十多个"
+		"zh-tw": "十多個十多個"
 	},
 	"jaid2": {
 		"zh-cn": "清楚",
-		"zh-tw": "清楚",
-		"en-us": "清楚"
+		"zh-tw": "清楚"
 	},
 	"jcm92": {
 		"zh-cn": "清理",
-		"zh-tw": "清理",
-		"en-us": "清理"
+		"zh-tw": "清理"
 	},
 	"koca2": {
 		"zh-cn": "登录",
-		"zh-tw": "登錄",
-		"en-us": "登录"
+		"zh-tw": "登錄"
 	},
 	"klpb2": {
 		"zh-cn": "登出",
-		"zh-tw": "登出",
-		"en-us": "登出"
+		"zh-tw": "登出"
 	},
 	"sah0y05": {
 		"zh-cn": "当前单位:",
-		"zh-tw": "當前單位:",
-		"en-us": "当前单位:"
+		"zh-tw": "當前單位:"
 	},
 	"ely02": {
 		"zh-cn": "单位",
-		"zh-tw": "單位",
-		"en-us": "单位"
+		"zh-tw": "單位"
 	},
 	"imbi2": {
 		"zh-cn": "模板",
-		"zh-tw": "模板",
-		"en-us": "模板"
+		"zh-tw": "模板"
 	},
 	"sf96jw5": {
 		"zh-cn": "当前环境:",
-		"zh-tw": "當前環境:",
-		"en-us": "当前环境:"
+		"zh-tw": "當前環境:"
 	},
 	"wt0nrm7": {
 		"zh-cn": "单位 : dd",
-		"zh-tw": "單位 : dd",
-		"en-us": "单位 : dd"
+		"zh-tw": "單位 : dd"
 	},
 	"tbqqg98": {
 		"zh-cn": "单位级 : dd",
-		"zh-tw": "單位級 : dd",
-		"en-us": "单位级 : dd"
+		"zh-tw": "單位級 : dd"
 	},
 	"vo9pqm7": {
 		"zh-cn": "当前环境 --",
-		"zh-tw": "當前環境 --",
-		"en-us": "当前环境 --"
+		"zh-tw": "當前環境 --"
 	},
 	"ledywde": {
 		"zh-cn": "单位级 : 单位代码: dd",
-		"zh-tw": "單位級 : 單位代碼: dd",
-		"en-us": "单位级 : 单位代码: dd"
+		"zh-tw": "單位級 : 單位代碼: dd"
 	},
 	"g44k6lc": {
 		"zh-cn": "单位级 单位代码: dd",
-		"zh-tw": "單位級 單位代碼: dd",
-		"en-us": "单位级 单位代码: dd"
+		"zh-tw": "單位級 單位代碼: dd"
 	},
 	"g1wx53": {
 		"zh-cn": "模板级",
-		"zh-tw": "模板級",
-		"en-us": "模板级"
+		"zh-tw": "模板級"
+	},
+	"axba5d6": {
+		"zh-cn": "全局地球翻译",
+		"zh-tw": "全局地球翻譯"
 	}
 }

package/lib/gc_i18n.css

@@ -1 +1 @@
-.gc_i18n_spin[data-v-1f438196]{min-height:300px;display:flex;justify-content:center;padding-top:50px}.gc_i18n_tabs[data-v-1f438196]{padding-top:5px}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-tab{width:111px}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-content{width:100%}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-bar{margin-bottom:0!important}.gc_i18n_tabs .ivu-tabs-content[data-v-1f438196]{position:relative;top:-1px}.gc_i18n_tabs .extra[data-v-1f438196]{position:relative;top:-3px;display:flex;align-items:center}.gc_i18n_page[data-v-1f438196]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
+.gc_i18n_spin[data-v-1f438196]{min-height:300px;display:flex;justify-content:center;padding-top:50px}.gc_i18n_tabs[data-v-1f438196]{padding-top:5px}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-tab{width:111px}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-content{width:100%}.gc_i18n_tabs[data-v-1f438196] .ivu-tabs-bar{margin-bottom:0!important}.gc_i18n_tabs .ivu-tabs-content[data-v-1f438196]{position:relative;top:-1px}.gc_i18n_tabs .extra[data-v-1f438196]{position:relative;top:-3px;display:flex;align-items:center}.gc_i18n_page[data-v-1f438196]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.earth{display:flex;justify-content:center;align-items:center}.earth .icon{cursor:pointer}.earth .input{margin-right:5px}

package/lib/gc_i18n.es.js

@@ -1,25 +1,25 @@
 import './gc_i18n.css';
-import J from "keyboardjs";
-import K, { Message as w } from "view-ui-plus";
+import F from "keyboardjs";
+import R, { Message as T } from "view-ui-plus";
 import "view-ui-plus/dist/styles/viewuiplus.css";
-import { createVNode as y, resolveComponent as m, resolveDirective as F, createBlock as S, openBlock as f, withCtx as p, createElementBlock as O, createCommentVNode as U, createElementVNode as b, withDirectives as q, createTextVNode as L, Fragment as Q, renderList as X, toDisplayString as E, nextTick as Y, createApp as Z } from "vue";
-import { createI18n as $ } from "vue-i18n";
+import { createVNode as y, resolveComponent as d, resolveDirective as q, createBlock as S, openBlock as f, withCtx as p, createElementBlock as I, createCommentVNode as K, createElementVNode as b, withDirectives as Q, createTextVNode as L, Fragment as X, renderList as Y, toDisplayString as U, nextTick as Z, createApp as $ } from "vue";
+import { createI18n as ee } from "vue-i18n";
 import l from "lodash-es";
-import N from "axios";
+import D from "axios";
 import _ from "store2";
-import { jws as ee } from "jsrsasign";
-const te = (t) => {
+import { jws as te } from "jsrsasign";
+const ae = (t) => {
   const e = {};
   for (const a of t)
     e[a.key] = a.value;
   return e;
-}, ae = (t, e, a) => (e.forEach((s) => {
+}, se = (t, e, a) => (e.forEach((s) => {
   console.log("obj2.key ", s.key);
   const n = s.key.split(".");
   n[0] === "common" && l.find(t, { key: `${a}.${n[1]}` }) && l.remove(t, { key: `${a}.${n[1]}` });
   const o = l.find(t, { key: s.key });
   o ? l.merge(o, s) : t.push(s);
-}), t), A = async ({ baseUrl: t, token: e }) => N.get(t + "/i18n-web/sysoption/getsupportedlangs", {
+}), t), A = async ({ baseUrl: t, token: e }) => D.get(t + "/i18n-web/sysoption/getsupportedlangs", {
   headers: {
     Authorization: e
   }
@@ -31,7 +31,7 @@ const te = (t) => {
   baseUrl: n,
   token: o
 }) => new Promise(async (r, h) => {
-  const g = n + "/i18n-web/kv_translate/kv_translates", i = s ? g + "?lastPullDate=" + s : g, c = await N({
+  const g = n + "/i18n-web/kv_translate/kv_translates", i = s ? g + "?lastPullDate=" + s : g, c = await D({
     url: i,
     method: "GET",
     headers: {
@@ -42,21 +42,21 @@ const te = (t) => {
     }
   });
   c.data && c.data.result == 0 ? r(c.data.retVal) : r(c);
-}), se = async ({ data: t, token: e, baseUrl: a }) => N({
+}), ne = async ({ data: t, token: e, baseUrl: a }) => D({
   url: a + "/i18n-web/kv_translate/userDicts",
   method: "POST",
   headers: {
     Authorization: e
   },
   data: t
-}), ne = async ({ data: t, token: e, baseUrl: a }) => N({
+}), oe = async ({ data: t, token: e, baseUrl: a }) => D({
   url: a + "/i18n-web/kv_translate/batch",
   method: "POST",
   data: t,
   headers: {
     Authorization: e
   }
-}), oe = async ({
+}), ie = async ({
   baseUrl: t,
   appCode: e,
   language: a = "zh-CN",
@@ -82,19 +82,19 @@ const te = (t) => {
       if (l.isEmpty(u.translatesDTOs))
         o(k);
       else {
-        const v = ae(
+        const w = se(
           k,
           u.translatesDTOs,
           n
         ), C = {
           lastPullDate: u.lastPullDate,
-          translatesDTOs: v
+          translatesDTOs: w
         };
-        _.namespace(`I18N_${l.toUpper(e)}`).set(a, C, ":"), o(v);
+        _.namespace(`I18N_${l.toUpper(e)}`).set(a, C, ":"), o(w);
       }
     }
   }
-}), ie = {
+}), le = {
   data() {
     return {
       LanguageSettingVisible: !1,
@@ -157,7 +157,7 @@ const te = (t) => {
               const r = n[a], {
                 localhost: h
               } = n;
-              return h ? null : y(m("Input"), {
+              return h ? null : y(d("Input"), {
                 modelValue: r,
                 onOnChange: (g) => {
                   const i = g.target.value, {
@@ -236,12 +236,12 @@ const te = (t) => {
           });
         });
       }), l.isEmpty(a)) {
-        w.error({
+        T.error({
           content: "没有需要保存的数据"
         });
         return;
       }
-      const s = await ne({
+      const s = await oe({
         baseUrl: this.baseUrl,
         data: {
           appCode: this.appCode,
@@ -250,9 +250,9 @@ const te = (t) => {
         },
         token: this.token
       });
-      s && s.data.result === 0 ? (w.success({
+      s && s.data.result === 0 ? (T.success({
         content: t || s.data.msg
-      }), this.setLanguage(), this.initialData = l.cloneDeep(this.data.datas), this.mySaveData = [], this.router.go(0)) : w.error({
+      }), this.setLanguage(), this.initialData = l.cloneDeep(this.data.datas), this.mySaveData = [], this.router.go(0)) : T.error({
         content: s.data.msg || "保存失败"
       });
     },
@@ -283,7 +283,7 @@ const te = (t) => {
     },
     async search(t, e) {
       this.loading = !0;
-      const a = await se({
+      const a = await ne({
         baseUrl: this.baseUrl,
         data: {
           appCode: this.appCode,
@@ -321,20 +321,20 @@ const te = (t) => {
           l.includes(t, s.code) && (s.checked = !0);
         }), this.languages = a, this.getPageData();
       } else
-        w.error("获取语言失败,出错了");
+        T.error("获取语言失败,出错了");
     }
   }
-}, le = (t, e) => {
+}, G = (t, e) => {
   const a = t.__vccOpts || t;
   for (const [s, n] of e)
     a[s] = n;
   return a;
 }, re = { key: 0 }, ce = { class: "extra" }, ue = { class: "gc_i18n_page" }, ge = { style: { display: "flex" } };
 function he(t, e, a, s, n, o) {
-  const r = m("Spin"), h = m("Table"), g = m("TabPane"), i = m("Icon"), c = m("Checkbox"), u = m("DropdownItem"), k = m("DropdownMenu"), v = m("Dropdown"), C = m("Input"), I = m("Tabs"), B = m("Page"), R = m("Button"), j = m("Modal"), W = F("click-away");
-  return f(), S(j, {
+  const r = d("Spin"), h = d("Table"), g = d("TabPane"), i = d("Icon"), c = d("Checkbox"), u = d("DropdownItem"), k = d("DropdownMenu"), w = d("Dropdown"), C = d("Input"), E = d("Tabs"), j = d("Page"), O = d("Button"), W = d("Modal"), H = q("click-away");
+  return f(), S(W, {
     modelValue: n.isModalVisible,
-    "onUpdate:modelValue": e[4] || (e[4] = (d) => n.isModalVisible = d),
+    "onUpdate:modelValue": e[4] || (e[4] = (m) => n.isModalVisible = m),
     "mask-closable": !1,
     width: 70,
     title: "多语言管理中心",
@@ -342,17 +342,17 @@ function he(t, e, a, s, n, o) {
     onOnCancel: o.closeModal
   }, {
     default: p(() => [
-      n.isModalVisible ? (f(), O("div", re, [
-        y(I, {
+      n.isModalVisible ? (f(), I("div", re, [
+        y(E, {
           modelValue: n.type,
-          "onUpdate:modelValue": e[2] || (e[2] = (d) => n.type = d),
+          "onUpdate:modelValue": e[2] || (e[2] = (m) => n.type = m),
           type: "card",
           class: "gc_i18n_tabs",
           onOnClick: o.changeTab
         }, {
           extra: p(() => [
             b("div", ce, [
-              q((f(), S(v, {
+              Q((f(), S(w, {
                 style: { width: "80px" },
                 transfer: "",
                 trigger: "custom",
@@ -362,17 +362,17 @@ function he(t, e, a, s, n, o) {
                 list: p(() => [
                   y(k, null, {
                     default: p(() => [
-                      (f(!0), O(Q, null, X(n.languages, (d) => (f(), S(u, {
-                        key: d.code
+                      (f(!0), I(X, null, Y(n.languages, (m) => (f(), S(u, {
+                        key: m.code
                       }, {
                         default: p(() => [
                           y(c, {
-                            modelValue: d.checked,
-                            "onUpdate:modelValue": (H) => d.checked = H,
+                            modelValue: m.checked,
+                            "onUpdate:modelValue": (J) => m.checked = J,
                             onOnChange: o.saveLanguageSetting
                           }, {
                             default: p(() => [
-                              b("span", null, E(d.name), 1)
+                              b("span", null, U(m.name), 1)
                             ]),
                             _: 2
                           }, 1032, ["modelValue", "onUpdate:modelValue", "onOnChange"])
@@ -386,7 +386,7 @@ function he(t, e, a, s, n, o) {
                 default: p(() => [
                   b("a", {
                     href: "javascript:void(0)",
-                    onClick: e[0] || (e[0] = (...d) => o.handleLanguageSettingOpen && o.handleLanguageSettingOpen(...d))
+                    onClick: e[0] || (e[0] = (...m) => o.handleLanguageSettingOpen && o.handleLanguageSettingOpen(...m))
                   }, [
                     e[5] || (e[5] = L(" 语言 ", -1)),
                     y(i, { type: "ios-arrow-down" })
@@ -394,14 +394,14 @@ function he(t, e, a, s, n, o) {
                 ]),
                 _: 1
               }, 8, ["visible"])), [
-                [W, o.onClickOutside]
+                [H, o.onClickOutside]
               ]),
               y(C, {
                 class: "gc_i18n_search",
                 prefix: "ios-search",
                 placeholder: "请输入搜索内容",
                 modelValue: n.searchText,
-                "onUpdate:modelValue": e[1] || (e[1] = (d) => n.searchText = d),
+                "onUpdate:modelValue": e[1] || (e[1] = (m) => n.searchText = m),
                 clearable: "",
                 onOnEnter: o.inputSearch,
                 onOnClear: o.inputSearch
@@ -463,15 +463,15 @@ function he(t, e, a, s, n, o) {
                 }, null, 8, ["columns", "data"]))
               ]),
               _: 1
-            })) : U("", !0)
+            })) : K("", !0)
           ]),
           _: 1
         }, 8, ["modelValue", "onOnClick"]),
         b("div", ue, [
           b("div", ge, [
-            y(B, {
+            y(j, {
               modelValue: o.firstResult,
-              "onUpdate:modelValue": e[3] || (e[3] = (d) => o.firstResult = d),
+              "onUpdate:modelValue": e[3] || (e[3] = (m) => o.firstResult = m),
               total: n.page.totalRows,
               "page-size": 10,
               simple: "",
@@ -479,11 +479,11 @@ function he(t, e, a, s, n, o) {
               onOnChange: o.changePage
             }, null, 8, ["modelValue", "total", "onOnChange"]),
             b("div", null, [
-              b("span", null, " 共 " + E(n.page.totalRows) + " 项当前页数据 ", 1)
+              b("span", null, " 共 " + U(n.page.totalRows) + " 项当前页数据 ", 1)
             ])
           ]),
           b("div", null, [
-            y(R, {
+            y(O, {
               style: { "margin-right": "10px" },
               onClick: o.closeModal
             }, {
@@ -492,7 +492,7 @@ function he(t, e, a, s, n, o) {
               ])]),
               _: 1
             }, 8, ["onClick"]),
-            y(R, {
+            y(O, {
               type: "primary",
               onClick: o.saveData
             }, {
@@ -503,12 +503,24 @@ function he(t, e, a, s, n, o) {
             }, 8, ["onClick"])
           ])
         ])
-      ])) : U("", !0)
+      ])) : K("", !0)
     ]),
     _: 1
   }, 8, ["modelValue", "onOnCancel"]);
 }
-const de = /* @__PURE__ */ le(ie, [["render", he], ["__scopeId", "data-v-1f438196"]]);
+const de = /* @__PURE__ */ G(le, [["render", he], ["__scopeId", "data-v-1f438196"]]), me = {}, pe = { class: "earth" };
+function fe(t, e) {
+  const a = d("Input"), s = d("Icon");
+  return f(), I("div", pe, [
+    y(a, { class: "input" }),
+    y(s, {
+      class: "icon",
+      type: "ios-globe",
+      size: "20"
+    })
+  ]);
+}
+const ye = /* @__PURE__ */ G(me, [["render", fe]]);
 function V(t) {
   const e = [], a = /(?:\$t|_ctx\.\$t)\s*\(\s*(['"])([^'"]+?)\1/gs;
   if (t.template) {
@@ -542,7 +554,7 @@ function V(t) {
     }
   return [...new Set(e)];
 }
-function me(t) {
+function _e(t) {
   return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, a) {
     var s = t.get(e);
     s ? s.push(a) : t.set(e, [a]);
@@ -558,29 +570,29 @@ function me(t) {
     });
   } };
 }
-const G = function() {
+const P = function() {
   return document.ontouchstart !== null ? "click" : "touchstart";
-}, T = "__vue_click_away__", P = function(t, e, a) {
-  z(t);
+}, N = "__vue_click_away__", z = function(t, e, a) {
+  B(t);
   let s = a.context, n = e.value, o = !1;
   setTimeout(function() {
     o = !0;
-  }, 0), t[T] = function(r) {
+  }, 0), t[N] = function(r) {
     if ((!t || !t.contains(r.target)) && n && o && typeof n == "function")
       return n.call(s, r);
-  }, document.addEventListener(G(), t[T], !1);
-}, z = function(t) {
-  document.removeEventListener(G(), t[T], !1), delete t[T];
-}, pe = function(t, e, a) {
-  e.value !== e.oldValue && P(t, e, a);
-}, fe = {
+  }, document.addEventListener(P(), t[N], !1);
+}, B = function(t) {
+  document.removeEventListener(P(), t[N], !1), delete t[N];
+}, Se = function(t, e, a) {
+  e.value !== e.oldValue && z(t, e, a);
+}, ke = {
   install: function(t) {
-    t.directive("click-away", ye);
+    t.directive("click-away", be);
   }
-}, ye = {
-  mounted: P,
-  updated: pe,
-  unmounted: z
+}, be = {
+  mounted: z,
+  updated: Se,
+  unmounted: B
 };
 function M(t) {
   const e = {
@@ -589,9 +601,9 @@ function M(t) {
   }, a = {
     orgCode: t
   }, s = JSON.stringify(e), n = JSON.stringify(a);
-  return ee.JWS.sign("HS512", s, n, "");
+  return te.JWS.sign("HS512", s, n, "");
 }
-class D {
+class v {
   constructor(e = {}) {
     const {
       router: a,
@@ -604,7 +616,7 @@ class D {
       keyboard: i,
       locale: c
     } = e;
-    this.token = o || M(r) || _.get("I18N_TOKEN"), this.loadI18n = !0, this.appCode = s, this.router = a, this.locale = c || _.get("I18N_LANGUAGE") || navigator.language || "zh-CN", this.name = "", this.messages = n || {}, this.translationKeys = [], this.translationKeySet = /* @__PURE__ */ new Set(), this.loginRouteName = h || "login", this.login = g, this.loginTranslationKeys = [], this.keyboard = i || "shift>t", this.baseUrl = e.dev ? "https://test.ihotel.cn" : "https://trans.ihotel.cn", this.initRouterGuards(), this.initI18n(e), J.bind(this.keyboard, (u) => {
+    this.token = o || M(r) || _.get("I18N_TOKEN"), this.loadI18n = !0, this.appCode = s, this.router = a, this.locale = c || _.get("I18N_LANGUAGE") || navigator.language || "zh-CN", this.name = "", this.messages = n || {}, this.translationKeys = [], this.translationKeySet = /* @__PURE__ */ new Set(), this.loginRouteName = h || "login", this.login = g, this.loginTranslationKeys = [], this.keyboard = i || "shift>t", this.baseUrl = e.dev ? "https://test.ihotel.cn" : "https://trans.ihotel.cn", this.initRouterGuards(), this.initI18n(e), F.bind(this.keyboard, (u) => {
       !this.configInstance && this.name != this.loginRouteName && (this.translationKeys = Array.from(this.translationKeySet), this.configInstance = this.createModal(this.name), this.configInstance.openModal({ name: this.name }));
     }), this.setupLanguageChangeListener();
   }
@@ -617,7 +629,7 @@ class D {
   }
   // 初始化路由守卫
   initRouterGuards() {
-    D._routerGuardRegistered || (D._routerGuardRegistered = !0, this.router.beforeEach(async (e, a, s) => {
+    v._routerGuardRegistered || (v._routerGuardRegistered = !0, this.router.beforeEach(async (e, a, s) => {
       var h, g;
       const { language: n, token: o } = e.query;
       this.configInstance && this.configInstance.closeModal(), this.name = e.name, this.translationKeySet = /* @__PURE__ */ new Set(), o && this.setToken(o), this.loadI18n && await this.setLanguage(n || this.locale), this.loadI18n = !1;
@@ -650,9 +662,9 @@ class D {
           return;
         }
       s();
-    }), D._afterEachGuardRegistered || (D._afterEachGuardRegistered = !0, this.router.afterEach(async () => {
+    }), v._afterEachGuardRegistered || (v._afterEachGuardRegistered = !0, this.router.afterEach(async () => {
       var n, o, r;
-      await Y();
+      await Z();
       const e = Array.from(this.translationKeySet), a = Array.from(
         /* @__PURE__ */ new Set([...this.translationKeys || [], ...e])
       );
@@ -661,7 +673,7 @@ class D {
   }
   // 初始化 i18n 实例
   initI18n(e) {
-    this.i18n = $({
+    this.i18n = ee({
       locale: this.locale,
       allowComposition: !0,
       globalInjection: !0,
@@ -718,31 +730,43 @@ class D {
       }
     }
   }
-  async setLanguage(e) {
-    return new Promise(async (a, s) => {
-      const n = await oe({
+  async setLanguage(e = "zh-CN") {
+    const a = "I18N_MESSAGES_COMMON_" + e;
+    let s = _.get(a);
+    if (console.log("commonMessages", s), l.isEmpty(s)) {
+      const n = await D.get(
+        `https://cdn.ihotel.cn/i18n_messages/${e}.json`
+      );
+      if (console.log("lang", n), n) {
+        const { data: o } = n;
+        s = o, _.set(a, o);
+      }
+    }
+    return new Promise(async (n, o) => {
+      const r = await ie({
         baseUrl: this.baseUrl,
         appCode: this.appCode,
         language: e || this.locale,
         token: this.token,
         routerName: this.name
       });
-      if (n) {
-        const o = te(n), r = l.assign(
+      if (r) {
+        const h = ae(r), g = l.assign(
           {},
+          s,
           l.get(this.messages, e),
-          o
+          h
         );
-        this.i18n.global.setLocaleMessage(e, r);
+        this.i18n.global.setLocaleMessage(e, g);
       }
-      this.locale = e, this.i18n.global.locale.value = e, _.set("I18N_LANGUAGE", e), a(!0);
+      this.locale = e, this.i18n.global.locale.value = e, _.set("I18N_LANGUAGE", e), n(!0);
     });
   }
   createModal(e) {
-    const a = me();
+    const a = _e();
     return a.on("closeModal", (s) => {
       this.configInstance = null;
-    }), Z(de, {
+    }), $(de, {
       appCode: this.appCode,
       router: this.router,
       token: this.token,
@@ -757,15 +781,15 @@ class D {
       // 基础URL
       emitter: a
       // 将事件总线作为 prop 传递
-    }).use(K).use(fe).mount(document.createElement("div"));
+    }).use(R).use(ke).mount(document.createElement("div"));
   }
   install(e, a = {}) {
-    e.use(K, {
+    e.use(R, {
       i18n: this.i18n
-    }), e.use(this.i18n);
+    }), e.use(this.i18n), e.component("i18n-earth", ye);
   }
 }
 export {
-  D as I18n,
-  D as default
+  v as I18n,
+  v as default
 };

package/lib/gc_i18n.umd.js

@@ -1 +1 @@
-(function(p,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("keyboardjs"),require("view-ui-plus"),require("view-ui-plus/dist/styles/viewuiplus.css"),require("vue"),require("vue-i18n"),require("lodash-es"),require("axios"),require("store2"),require("jsrsasign")):typeof define=="function"&&define.amd?define(["exports","keyboardjs","view-ui-plus","view-ui-plus/dist/styles/viewuiplus.css","vue","vue-i18n","lodash-es","axios","store2","jsrsasign"],C):(p=typeof globalThis<"u"?globalThis:p||self,C(p.gc_i18n={},p.keyboardJS,p.iview,null,p.Vue,p.vueI18n,p._,p.Axios,p.store2,p.jsrsasign))})(this,(function(p,C,S,ne,a,K,r,w,f,U){"use strict";const M=t=>{const e={};for(const n of t)e[n.key]=n.value;return e},B=(t,e,n)=>(e.forEach(s=>{console.log("obj2.key ",s.key);const o=s.key.split(".");o[0]==="common"&&r.find(t,{key:`${n}.${o[1]}`})&&r.remove(t,{key:`${n}.${o[1]}`});const i=r.find(t,{key:s.key});i?r.merge(i,s):t.push(s)}),t),V=async({baseUrl:t,token:e})=>w.get(t+"/i18n-web/sysoption/getsupportedlangs",{headers:{Authorization:e}}),_=async({appCode:t,language:e="zh-CN",page:n,lastPullDate:s,baseUrl:o,token:i})=>new Promise(async(c,u)=>{const g=o+"/i18n-web/kv_translate/kv_translates",l=s?g+"?lastPullDate="+s:g,h=await w({url:l,method:"GET",headers:{appCode:t,page:n,language:e,Authorization:i}});h.data&&h.data.result==0?c(h.data.retVal):c(h)}),A=async({data:t,token:e,baseUrl:n})=>w({url:n+"/i18n-web/kv_translate/userDicts",method:"POST",headers:{Authorization:e},data:t}),P=async({data:t,token:e,baseUrl:n})=>w({url:n+"/i18n-web/kv_translate/batch",method:"POST",data:t,headers:{Authorization:e}}),G=async({baseUrl:t,appCode:e,language:n="zh-CN",token:s,routerName:o})=>new Promise(async(i,c)=>{const u=f.namespace(`I18N_${r.toUpper(e)}`),g={baseUrl:t,appCode:e,language:n,token:s},l=u.get(n);if(!l||!l.lastPullDate){const h=await _(g);h&&(u.set(n,h),i(h.translatesDTOs))}else{const{lastPullDate:h}=l,d=await _({...g,lastPullDate:h});if(d){const y=r.get(l,"translatesDTOs");if(r.isEmpty(d.translatesDTOs))i(y);else{const N=B(y,d.translatesDTOs,o),T={lastPullDate:d.lastPullDate,translatesDTOs:N};f.namespace(`I18N_${r.toUpper(e)}`).set(n,T,":"),i(N)}}}}),z={data(){return{LanguageSettingVisible:!1,isModalVisible:!1,loading:!1,searchText:"",name:"",type:"pageData",languages:[],mySaveData:[],pageData:[],pageDataShow:[],page:{pageSize:10,firstResult:0},data:[]}},computed:{firstResult(){return this.page.firstResult/this.page.pageSize+1},columns(){let t=[{title:"关键词",fixed:"left",width:110,key:"dictKey"}];return r.map(this.languages,e=>{const n=e.code;if(e.checked)return t.push({title:e.name,key:n,render:(s,{row:o,index:i})=>{const c=o[n],{localhost:u}=o;return u?null:a.createVNode(a.resolveComponent("Input"),{modelValue:c,onOnChange:g=>{const l=g.target.value,{dictKey:h}=o,d=r.findIndex(this.mySaveData,{dictKey:h});d>-1?this.mySaveData[d][n]=l:this.mySaveData.push({...o,[n]:l,page:this.type==="loginData"?this.loginRouteName:this.type==="pageData"?this.name:"common"})}},null)}})}),t}},props:{appCode:String,router:Object,setLanguage:Function,token:String,baseUrl:String,translationKeys:Array,loginRouteName:String,loginTranslationKeys:Array,login:{type:Boolean,default:!0},emitter:Object},methods:{saveLanguageSetting(t){const e=r.map(r.filter(this.languages,n=>n.checked),"code");f.set("I18N_LANGUAGE_SETTING",e)},handleLanguageSettingOpen(){this.LanguageSettingVisible=!this.LanguageSettingVisible},onClickOutside(){this.LanguageSettingVisible=!1},inputSearch(){this.type==="pageData"?this.getPageData():this.search()},closeModal(){this.searchText="",this.type="pageData",this.isModalVisible=!1,this.emitter.emit("closeModal")},openModal({name:t}){this.isModalVisible||(this.isModalVisible=!0,this.name=t,this.init())},findShallowStringDiff(t){return r.find(t,["_isEdit",!0])},async saveData({msg:t="保存成功"},e=!0){const n=[];if(r.map(this.mySaveData,o=>{r.map(this.languages,i=>{n.push({key:o.dictKey,page:o.page,lang:i.code,value:o[i.code]})})}),r.isEmpty(n)){S.Message.error({content:"没有需要保存的数据"});return}const s=await P({baseUrl:this.baseUrl,data:{appCode:this.appCode,isLocal:"F",data:n},token:this.token});s&&s.data.result===0?(S.Message.success({content:t||s.data.msg}),this.setLanguage(),this.initialData=r.cloneDeep(this.data.datas),this.mySaveData=[],this.router.go(0)):S.Message.error({content:s.data.msg||"保存失败"})},async saveNoEqual(){r.isEmpty(this.mySaveData)||this.saveData({msg:"已为您自动保存"},!1)},changePage(t){this.saveNoEqual(),this.type==="pageData"?this.getPageData({firstResult:(t-1)*this.page.pageSize}):this.search({firstResult:(t-1)*this.page.pageSize})},async getPageData(t){this.search({...t,commaSeparatedKeys:this.translationKeys.toString()},"pageData")},async getLoginData(t){this.search({...t,page:this.loginRouteName,commaSeparatedKeys:this.loginTranslationKeys.toString()},"pageData")},async search(t,e){this.loading=!0;const n=await A({baseUrl:this.baseUrl,data:{appCode:this.appCode,searchBlur:this.searchText,commaSeparatedLangs:r.map(this.languages,"code").toString(),page:e==="loginData"?this.loginRouteName:e==="pageData"?this.name:"common",pageSize:10,...t},token:this.token});if(n){this.initialData=r.cloneDeep(n.data.retVal.datas);let s=n.data.retVal.datas;this.data=r.cloneDeep(s),this.page={firstResult:n.data.retVal.firstResult,pageSize:n.data.retVal.pageSize,totalRows:n.data.retVal.totalRows}}this.loading=!1},changeTab(t){this.type=t,this.mySaveData=[],t==="data"?this.search():t==="pageData"?this.getPageData():t==="loginData"&&this.getLoginData()},async init(){let t=f.get("I18N_LANGUAGE_SETTING");const e=await V({token:this.token,baseUrl:this.baseUrl});if(e&&e.data.result==0){let n=e.data.retVal;r.isEmpty(t)&&(t=["zh-CN","en-US","zh-TW"]),r.map(n,s=>{r.includes(t,s.code)&&(s.checked=!0)}),this.languages=n,this.getPageData()}else S.Message.error("获取语言失败,出错了")}}},j=(t,e)=>{const n=t.__vccOpts||t;for(const[s,o]of e)n[s]=o;return n},q={key:0},W={class:"extra"},H={class:"gc_i18n_page"},J={style:{display:"flex"}};function F(t,e,n,s,o,i){const c=a.resolveComponent("Spin"),u=a.resolveComponent("Table"),g=a.resolveComponent("TabPane"),l=a.resolveComponent("Icon"),h=a.resolveComponent("Checkbox"),d=a.resolveComponent("DropdownItem"),y=a.resolveComponent("DropdownMenu"),N=a.resolveComponent("Dropdown"),T=a.resolveComponent("Input"),R=a.resolveComponent("Tabs"),$=a.resolveComponent("Page"),O=a.resolveComponent("Button"),ee=a.resolveComponent("Modal"),te=a.resolveDirective("click-away");return a.openBlock(),a.createBlock(ee,{modelValue:o.isModalVisible,"onUpdate:modelValue":e[4]||(e[4]=m=>o.isModalVisible=m),"mask-closable":!1,width:70,title:"多语言管理中心","footer-hide":"",onOnCancel:i.closeModal},{default:a.withCtx(()=>[o.isModalVisible?(a.openBlock(),a.createElementBlock("div",q,[a.createVNode(R,{modelValue:o.type,"onUpdate:modelValue":e[2]||(e[2]=m=>o.type=m),type:"card",class:"gc_i18n_tabs",onOnClick:i.changeTab},{extra:a.withCtx(()=>[a.createElementVNode("div",W,[a.withDirectives((a.openBlock(),a.createBlock(N,{style:{width:"80px"},transfer:"",trigger:"custom",placement:"bottom-start",visible:o.LanguageSettingVisible},{list:a.withCtx(()=>[a.createVNode(y,null,{default:a.withCtx(()=>[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(o.languages,m=>(a.openBlock(),a.createBlock(d,{key:m.code},{default:a.withCtx(()=>[a.createVNode(h,{modelValue:m.checked,"onUpdate:modelValue":ae=>m.checked=ae,onOnChange:i.saveLanguageSetting},{default:a.withCtx(()=>[a.createElementVNode("span",null,a.toDisplayString(m.name),1)]),_:2},1032,["modelValue","onUpdate:modelValue","onOnChange"])]),_:2},1024))),128))]),_:1})]),default:a.withCtx(()=>[a.createElementVNode("a",{href:"javascript:void(0)",onClick:e[0]||(e[0]=(...m)=>i.handleLanguageSettingOpen&&i.handleLanguageSettingOpen(...m))},[e[5]||(e[5]=a.createTextVNode(" 语言 ",-1)),a.createVNode(l,{type:"ios-arrow-down"})])]),_:1},8,["visible"])),[[te,i.onClickOutside]]),a.createVNode(T,{class:"gc_i18n_search",prefix:"ios-search",placeholder:"请输入搜索内容",modelValue:o.searchText,"onUpdate:modelValue":e[1]||(e[1]=m=>o.searchText=m),clearable:"",onOnEnter:i.inputSearch,onOnClear:i.inputSearch},null,8,["modelValue","onOnEnter","onOnClear"])])]),default:a.withCtx(()=>[a.createVNode(g,{name:"pageData",label:"当前页面"},{default:a.withCtx(()=>[o.loading?(a.openBlock(),a.createBlock(c,{key:0,class:"gc_i18n_spin"})):(a.openBlock(),a.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1}),a.createVNode(g,{name:"data",label:"当前应用"},{default:a.withCtx(()=>[o.loading?(a.openBlock(),a.createBlock(c,{key:0,class:"gc_i18n_spin"})):(a.openBlock(),a.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1}),n.login?(a.openBlock(),a.createBlock(g,{key:0,name:"loginData",label:"登录页面"},{default:a.withCtx(()=>[o.loading?(a.openBlock(),a.createBlock(c,{key:0,class:"gc_i18n_spin"})):(a.openBlock(),a.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1})):a.createCommentVNode("",!0)]),_:1},8,["modelValue","onOnClick"]),a.createElementVNode("div",H,[a.createElementVNode("div",J,[a.createVNode($,{modelValue:i.firstResult,"onUpdate:modelValue":e[3]||(e[3]=m=>i.firstResult=m),total:o.page.totalRows,"page-size":10,simple:"","show-total":"",onOnChange:i.changePage},null,8,["modelValue","total","onOnChange"]),a.createElementVNode("div",null,[a.createElementVNode("span",null," 共 "+a.toDisplayString(o.page.totalRows)+" 项当前页数据 ",1)])]),a.createElementVNode("div",null,[a.createVNode(O,{style:{"margin-right":"10px"},onClick:i.closeModal},{default:a.withCtx(()=>[...e[6]||(e[6]=[a.createTextVNode("关闭",-1)])]),_:1},8,["onClick"]),a.createVNode(O,{type:"primary",onClick:i.saveData},{default:a.withCtx(()=>[...e[7]||(e[7]=[a.createTextVNode("保存",-1)])]),_:1},8,["onClick"])])])])):a.createCommentVNode("",!0)]),_:1},8,["modelValue","onOnCancel"])}const v=j(z,[["render",F],["__scopeId","data-v-1f438196"]]);function D(t){const e=[],n=/(?:\$t|_ctx\.\$t)\s*\(\s*(['"])([^'"]+?)\1/gs;if(t.template){let s;for(;(s=n.exec(t.template))!==null;)e.push(s[2])}if(t.render){const s=t.render.toString();let o;for(;(o=n.exec(s))!==null;)e.push(o[2])}if(t.setup){const s=t.setup.toString();let o;for(;(o=n.exec(s))!==null;)e.push(o[2])}if(t.methods)for(const s in t.methods){const o=t.methods[s].toString();let i;for(;(i=n.exec(o))!==null;)e.push(i[2])}if(t.components)for(const s in t.components){const o=t.components[s];e.push(...D(o))}return[...new Set(e)]}function Q(t){return{all:t=t||new Map,on:function(e,n){var s=t.get(e);s?s.push(n):t.set(e,[n])},off:function(e,n){var s=t.get(e);s&&(n?s.splice(s.indexOf(n)>>>0,1):t.set(e,[]))},emit:function(e,n){var s=t.get(e);s&&s.slice().map(function(o){o(n)}),(s=t.get("*"))&&s.slice().map(function(o){o(e,n)})}}}const L=function(){return document.ontouchstart!==null?"click":"touchstart"},b="__vue_click_away__",x=function(t,e,n){E(t);let s=n.context,o=e.value,i=!1;setTimeout(function(){i=!0},0),t[b]=function(c){if((!t||!t.contains(c.target))&&o&&i&&typeof o=="function")return o.call(s,c)},document.addEventListener(L(),t[b],!1)},E=function(t){document.removeEventListener(L(),t[b],!1),delete t[b]},X=function(t,e,n){e.value!==e.oldValue&&x(t,e,n)},Y={install:function(t){t.directive("click-away",Z)}},Z={mounted:x,updated:X,unmounted:E};function I(t){const e={alg:"HS512"},n={orgCode:t},s=JSON.stringify(e),o=JSON.stringify(n);return U.jws.JWS.sign("HS512",s,o,"")}class k{constructor(e={}){const{router:n,appCode:s,messages:o,token:i,orgCode:c,loginRouteName:u,login:g,keyboard:l,locale:h}=e;this.token=i||I(c)||f.get("I18N_TOKEN"),this.loadI18n=!0,this.appCode=s,this.router=n,this.locale=h||f.get("I18N_LANGUAGE")||navigator.language||"zh-CN",this.name="",this.messages=o||{},this.translationKeys=[],this.translationKeySet=new Set,this.loginRouteName=u||"login",this.login=g,this.loginTranslationKeys=[],this.keyboard=l||"shift>t",this.baseUrl=e.dev?"https://test.ihotel.cn":"https://trans.ihotel.cn",this.initRouterGuards(),this.initI18n(e),C.bind(this.keyboard,d=>{!this.configInstance&&this.name!=this.loginRouteName&&(this.translationKeys=Array.from(this.translationKeySet),this.configInstance=this.createModal(this.name),this.configInstance.openModal({name:this.name}))}),this.setupLanguageChangeListener()}setupLanguageChangeListener(){"onlanguagechange"in window&&window.addEventListener("languagechange",()=>{const e=navigator.language;e!==this.locale&&this.setLanguage(e)})}initRouterGuards(){k._routerGuardRegistered||(k._routerGuardRegistered=!0,this.router.beforeEach(async(e,n,s)=>{var u,g;const{language:o,token:i}=e.query;this.configInstance&&this.configInstance.closeModal(),this.name=e.name,this.translationKeySet=new Set,i&&this.setToken(i),this.loadI18n&&await this.setLanguage(o||this.locale),this.loadI18n=!1;const c=this.router.getRoutes().find(l=>l.name===this.loginRouteName||l.path===`/${this.loginRouteName}`);if(c&&c.components){let l=(u=c.components)==null?void 0:u.default;if(typeof l=="function"&&l.toString().includes("import("))try{l=await l(),l=l.default}catch(d){console.error("加载异步组件时出错:",d),s();return}const h=D(l);this.loginTranslationKeys=h}if(e.matched.length>0)try{const l=[];for(const h of e.matched){let d=(g=h.components)==null?void 0:g.default;if(typeof d=="function"&&d.toString().includes("import(")&&(d=await d(),d=d.default),d){const y=D(d);l.push(...y)}}this.translationKeys=l}catch(l){console.error("加载异步组件时出错:",l),s();return}s()}),k._afterEachGuardRegistered||(k._afterEachGuardRegistered=!0,this.router.afterEach(async()=>{var o,i,c;await a.nextTick();const e=Array.from(this.translationKeySet),n=Array.from(new Set([...this.translationKeys||[],...e]));this.translationKeys=n,((c=(i=(o=this.router)==null?void 0:o.currentRoute)==null?void 0:i.value)==null?void 0:c.name)===this.loginRouteName&&(this.loginTranslationKeys=n)})))}initI18n(e){this.i18n=K.createI18n({locale:this.locale,allowComposition:!0,globalInjection:!0,legacy:!1,silentTranslationWarn:!0,silentFallbackWarn:!0,missingWarn:!1,fallbackWarn:!1,...e});const n=this.i18n.global.t;globalThis.$t=this.i18n.global.t=(s,o)=>{var c,u,g;typeof s=="string"&&this.translationKeySet.add(s);const i=(g=(u=(c=this.router)==null?void 0:c.currentRoute)==null?void 0:u.value)==null?void 0:g.name;if(i){const l=`${i}.${s}`,h=n(l);if(h!==l&&!r.isEmpty(h))return h;{const d=`common.${s}`,y=n(d);return y!==d?y:n(s,o)}}else return n(s,o)},globalThis.$i18nLogin=async s=>{this.setToken(I(s)),this.clearI18n(),await this.setLanguage(this.locale),location.reload()},globalThis.$i18nLogout=s=>{this.clearI18n(),location.reload()},globalThis.$deepScan=function(s){return s},globalThis.$clearI18n=this.clearI18n=()=>{f.namespace(`I18N_${r.toUpper(this.appCode)}`).clearAll()},globalThis.$changeLocale=this.changeLocale=this.i18n.global.changeLocale=async s=>{await this.setLanguage(s||this.locale)}}setToken(e){this.token=e,f.set("I18N_TOKEN",e)}async getLanguages(e=!1){const n=f.get("I18N_LANGUAGES");if(n&&!e)return n;{const s=await V({baseUrl:this.baseUrl,appCode:this.appCode,token:this.token});if(s.data){const o=r.get(s.data,"retVal");return f.set("I18N_LANGUAGES",o),o}}}async setLanguage(e){return new Promise(async(n,s)=>{const o=await G({baseUrl:this.baseUrl,appCode:this.appCode,language:e||this.locale,token:this.token,routerName:this.name});if(o){const i=M(o),c=r.assign({},r.get(this.messages,e),i);this.i18n.global.setLocaleMessage(e,c)}this.locale=e,this.i18n.global.locale.value=e,f.set("I18N_LANGUAGE",e),n(!0)})}createModal(e){const n=Q();return n.on("closeModal",s=>{this.configInstance=null}),a.createApp(v,{appCode:this.appCode,router:this.router,token:this.token,setLanguage:this.setLanguage.bind(this,this.locale),name:e||this.name,translationKeys:this.translationKeys,loginRouteName:this.loginRouteName,loginTranslationKeys:this.loginTranslationKeys,login:this.login,baseUrl:this.baseUrl,emitter:n}).use(S).use(Y).mount(document.createElement("div"))}install(e,n={}){e.use(S,{i18n:this.i18n}),e.use(this.i18n)}}p.I18n=k,p.default=k,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(p,C){typeof exports=="object"&&typeof module<"u"?C(exports,require("keyboardjs"),require("view-ui-plus"),require("view-ui-plus/dist/styles/viewuiplus.css"),require("vue"),require("vue-i18n"),require("lodash-es"),require("axios"),require("store2"),require("jsrsasign")):typeof define=="function"&&define.amd?define(["exports","keyboardjs","view-ui-plus","view-ui-plus/dist/styles/viewuiplus.css","vue","vue-i18n","lodash-es","axios","store2","jsrsasign"],C):(p=typeof globalThis<"u"?globalThis:p||self,C(p.gc_i18n={},p.keyboardJS,p.iview,null,p.Vue,p.vueI18n,p._,p.Axios,p.store2,p.jsrsasign))})(this,(function(p,C,S,le,t,K,r,N,f,U){"use strict";const B=a=>{const e={};for(const n of a)e[n.key]=n.value;return e},A=(a,e,n)=>(e.forEach(s=>{console.log("obj2.key ",s.key);const o=s.key.split(".");o[0]==="common"&&r.find(a,{key:`${n}.${o[1]}`})&&r.remove(a,{key:`${n}.${o[1]}`});const i=r.find(a,{key:s.key});i?r.merge(i,s):a.push(s)}),a),D=async({baseUrl:a,token:e})=>N.get(a+"/i18n-web/sysoption/getsupportedlangs",{headers:{Authorization:e}}),T=async({appCode:a,language:e="zh-CN",page:n,lastPullDate:s,baseUrl:o,token:i})=>new Promise(async(c,u)=>{const g=o+"/i18n-web/kv_translate/kv_translates",l=s?g+"?lastPullDate="+s:g,h=await N({url:l,method:"GET",headers:{appCode:a,page:n,language:e,Authorization:i}});h.data&&h.data.result==0?c(h.data.retVal):c(h)}),G=async({data:a,token:e,baseUrl:n})=>N({url:n+"/i18n-web/kv_translate/userDicts",method:"POST",headers:{Authorization:e},data:a}),P=async({data:a,token:e,baseUrl:n})=>N({url:n+"/i18n-web/kv_translate/batch",method:"POST",data:a,headers:{Authorization:e}}),z=async({baseUrl:a,appCode:e,language:n="zh-CN",token:s,routerName:o})=>new Promise(async(i,c)=>{const u=f.namespace(`I18N_${r.toUpper(e)}`),g={baseUrl:a,appCode:e,language:n,token:s},l=u.get(n);if(!l||!l.lastPullDate){const h=await T(g);h&&(u.set(n,h),i(h.translatesDTOs))}else{const{lastPullDate:h}=l,d=await T({...g,lastPullDate:h});if(d){const y=r.get(l,"translatesDTOs");if(r.isEmpty(d.translatesDTOs))i(y);else{const _=A(y,d.translatesDTOs,o),V={lastPullDate:d.lastPullDate,translatesDTOs:_};f.namespace(`I18N_${r.toUpper(e)}`).set(n,V,":"),i(_)}}}}),j={data(){return{LanguageSettingVisible:!1,isModalVisible:!1,loading:!1,searchText:"",name:"",type:"pageData",languages:[],mySaveData:[],pageData:[],pageDataShow:[],page:{pageSize:10,firstResult:0},data:[]}},computed:{firstResult(){return this.page.firstResult/this.page.pageSize+1},columns(){let a=[{title:"关键词",fixed:"left",width:110,key:"dictKey"}];return r.map(this.languages,e=>{const n=e.code;if(e.checked)return a.push({title:e.name,key:n,render:(s,{row:o,index:i})=>{const c=o[n],{localhost:u}=o;return u?null:t.createVNode(t.resolveComponent("Input"),{modelValue:c,onOnChange:g=>{const l=g.target.value,{dictKey:h}=o,d=r.findIndex(this.mySaveData,{dictKey:h});d>-1?this.mySaveData[d][n]=l:this.mySaveData.push({...o,[n]:l,page:this.type==="loginData"?this.loginRouteName:this.type==="pageData"?this.name:"common"})}},null)}})}),a}},props:{appCode:String,router:Object,setLanguage:Function,token:String,baseUrl:String,translationKeys:Array,loginRouteName:String,loginTranslationKeys:Array,login:{type:Boolean,default:!0},emitter:Object},methods:{saveLanguageSetting(a){const e=r.map(r.filter(this.languages,n=>n.checked),"code");f.set("I18N_LANGUAGE_SETTING",e)},handleLanguageSettingOpen(){this.LanguageSettingVisible=!this.LanguageSettingVisible},onClickOutside(){this.LanguageSettingVisible=!1},inputSearch(){this.type==="pageData"?this.getPageData():this.search()},closeModal(){this.searchText="",this.type="pageData",this.isModalVisible=!1,this.emitter.emit("closeModal")},openModal({name:a}){this.isModalVisible||(this.isModalVisible=!0,this.name=a,this.init())},findShallowStringDiff(a){return r.find(a,["_isEdit",!0])},async saveData({msg:a="保存成功"},e=!0){const n=[];if(r.map(this.mySaveData,o=>{r.map(this.languages,i=>{n.push({key:o.dictKey,page:o.page,lang:i.code,value:o[i.code]})})}),r.isEmpty(n)){S.Message.error({content:"没有需要保存的数据"});return}const s=await P({baseUrl:this.baseUrl,data:{appCode:this.appCode,isLocal:"F",data:n},token:this.token});s&&s.data.result===0?(S.Message.success({content:a||s.data.msg}),this.setLanguage(),this.initialData=r.cloneDeep(this.data.datas),this.mySaveData=[],this.router.go(0)):S.Message.error({content:s.data.msg||"保存失败"})},async saveNoEqual(){r.isEmpty(this.mySaveData)||this.saveData({msg:"已为您自动保存"},!1)},changePage(a){this.saveNoEqual(),this.type==="pageData"?this.getPageData({firstResult:(a-1)*this.page.pageSize}):this.search({firstResult:(a-1)*this.page.pageSize})},async getPageData(a){this.search({...a,commaSeparatedKeys:this.translationKeys.toString()},"pageData")},async getLoginData(a){this.search({...a,page:this.loginRouteName,commaSeparatedKeys:this.loginTranslationKeys.toString()},"pageData")},async search(a,e){this.loading=!0;const n=await G({baseUrl:this.baseUrl,data:{appCode:this.appCode,searchBlur:this.searchText,commaSeparatedLangs:r.map(this.languages,"code").toString(),page:e==="loginData"?this.loginRouteName:e==="pageData"?this.name:"common",pageSize:10,...a},token:this.token});if(n){this.initialData=r.cloneDeep(n.data.retVal.datas);let s=n.data.retVal.datas;this.data=r.cloneDeep(s),this.page={firstResult:n.data.retVal.firstResult,pageSize:n.data.retVal.pageSize,totalRows:n.data.retVal.totalRows}}this.loading=!1},changeTab(a){this.type=a,this.mySaveData=[],a==="data"?this.search():a==="pageData"?this.getPageData():a==="loginData"&&this.getLoginData()},async init(){let a=f.get("I18N_LANGUAGE_SETTING");const e=await D({token:this.token,baseUrl:this.baseUrl});if(e&&e.data.result==0){let n=e.data.retVal;r.isEmpty(a)&&(a=["zh-CN","en-US","zh-TW"]),r.map(n,s=>{r.includes(a,s.code)&&(s.checked=!0)}),this.languages=n,this.getPageData()}else S.Message.error("获取语言失败,出错了")}}},I=(a,e)=>{const n=a.__vccOpts||a;for(const[s,o]of e)n[s]=o;return n},q={key:0},W={class:"extra"},H={class:"gc_i18n_page"},J={style:{display:"flex"}};function F(a,e,n,s,o,i){const c=t.resolveComponent("Spin"),u=t.resolveComponent("Table"),g=t.resolveComponent("TabPane"),l=t.resolveComponent("Icon"),h=t.resolveComponent("Checkbox"),d=t.resolveComponent("DropdownItem"),y=t.resolveComponent("DropdownMenu"),_=t.resolveComponent("Dropdown"),V=t.resolveComponent("Input"),M=t.resolveComponent("Tabs"),ne=t.resolveComponent("Page"),R=t.resolveComponent("Button"),se=t.resolveComponent("Modal"),oe=t.resolveDirective("click-away");return t.openBlock(),t.createBlock(se,{modelValue:o.isModalVisible,"onUpdate:modelValue":e[4]||(e[4]=m=>o.isModalVisible=m),"mask-closable":!1,width:70,title:"多语言管理中心","footer-hide":"",onOnCancel:i.closeModal},{default:t.withCtx(()=>[o.isModalVisible?(t.openBlock(),t.createElementBlock("div",q,[t.createVNode(M,{modelValue:o.type,"onUpdate:modelValue":e[2]||(e[2]=m=>o.type=m),type:"card",class:"gc_i18n_tabs",onOnClick:i.changeTab},{extra:t.withCtx(()=>[t.createElementVNode("div",W,[t.withDirectives((t.openBlock(),t.createBlock(_,{style:{width:"80px"},transfer:"",trigger:"custom",placement:"bottom-start",visible:o.LanguageSettingVisible},{list:t.withCtx(()=>[t.createVNode(y,null,{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.languages,m=>(t.openBlock(),t.createBlock(d,{key:m.code},{default:t.withCtx(()=>[t.createVNode(h,{modelValue:m.checked,"onUpdate:modelValue":ie=>m.checked=ie,onOnChange:i.saveLanguageSetting},{default:t.withCtx(()=>[t.createElementVNode("span",null,t.toDisplayString(m.name),1)]),_:2},1032,["modelValue","onUpdate:modelValue","onOnChange"])]),_:2},1024))),128))]),_:1})]),default:t.withCtx(()=>[t.createElementVNode("a",{href:"javascript:void(0)",onClick:e[0]||(e[0]=(...m)=>i.handleLanguageSettingOpen&&i.handleLanguageSettingOpen(...m))},[e[5]||(e[5]=t.createTextVNode(" 语言 ",-1)),t.createVNode(l,{type:"ios-arrow-down"})])]),_:1},8,["visible"])),[[oe,i.onClickOutside]]),t.createVNode(V,{class:"gc_i18n_search",prefix:"ios-search",placeholder:"请输入搜索内容",modelValue:o.searchText,"onUpdate:modelValue":e[1]||(e[1]=m=>o.searchText=m),clearable:"",onOnEnter:i.inputSearch,onOnClear:i.inputSearch},null,8,["modelValue","onOnEnter","onOnClear"])])]),default:t.withCtx(()=>[t.createVNode(g,{name:"pageData",label:"当前页面"},{default:t.withCtx(()=>[o.loading?(t.openBlock(),t.createBlock(c,{key:0,class:"gc_i18n_spin"})):(t.openBlock(),t.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1}),t.createVNode(g,{name:"data",label:"当前应用"},{default:t.withCtx(()=>[o.loading?(t.openBlock(),t.createBlock(c,{key:0,class:"gc_i18n_spin"})):(t.openBlock(),t.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1}),n.login?(t.openBlock(),t.createBlock(g,{key:0,name:"loginData",label:"登录页面"},{default:t.withCtx(()=>[o.loading?(t.openBlock(),t.createBlock(c,{key:0,class:"gc_i18n_spin"})):(t.openBlock(),t.createBlock(u,{key:1,border:"",height:380,columns:i.columns,data:o.data},null,8,["columns","data"]))]),_:1})):t.createCommentVNode("",!0)]),_:1},8,["modelValue","onOnClick"]),t.createElementVNode("div",H,[t.createElementVNode("div",J,[t.createVNode(ne,{modelValue:i.firstResult,"onUpdate:modelValue":e[3]||(e[3]=m=>i.firstResult=m),total:o.page.totalRows,"page-size":10,simple:"","show-total":"",onOnChange:i.changePage},null,8,["modelValue","total","onOnChange"]),t.createElementVNode("div",null,[t.createElementVNode("span",null," 共 "+t.toDisplayString(o.page.totalRows)+" 项当前页数据 ",1)])]),t.createElementVNode("div",null,[t.createVNode(R,{style:{"margin-right":"10px"},onClick:i.closeModal},{default:t.withCtx(()=>[...e[6]||(e[6]=[t.createTextVNode("关闭",-1)])]),_:1},8,["onClick"]),t.createVNode(R,{type:"primary",onClick:i.saveData},{default:t.withCtx(()=>[...e[7]||(e[7]=[t.createTextVNode("保存",-1)])]),_:1},8,["onClick"])])])])):t.createCommentVNode("",!0)]),_:1},8,["modelValue","onOnCancel"])}const Q=I(j,[["render",F],["__scopeId","data-v-1f438196"]]),v={},X={class:"earth"};function Y(a,e){const n=t.resolveComponent("Input"),s=t.resolveComponent("Icon");return t.openBlock(),t.createElementBlock("div",X,[t.createVNode(n,{class:"input"}),t.createVNode(s,{class:"icon",type:"ios-globe",size:"20"})])}const Z=I(v,[["render",Y]]);function b(a){const e=[],n=/(?:\$t|_ctx\.\$t)\s*\(\s*(['"])([^'"]+?)\1/gs;if(a.template){let s;for(;(s=n.exec(a.template))!==null;)e.push(s[2])}if(a.render){const s=a.render.toString();let o;for(;(o=n.exec(s))!==null;)e.push(o[2])}if(a.setup){const s=a.setup.toString();let o;for(;(o=n.exec(s))!==null;)e.push(o[2])}if(a.methods)for(const s in a.methods){const o=a.methods[s].toString();let i;for(;(i=n.exec(o))!==null;)e.push(i[2])}if(a.components)for(const s in a.components){const o=a.components[s];e.push(...b(o))}return[...new Set(e)]}function $(a){return{all:a=a||new Map,on:function(e,n){var s=a.get(e);s?s.push(n):a.set(e,[n])},off:function(e,n){var s=a.get(e);s&&(n?s.splice(s.indexOf(n)>>>0,1):a.set(e,[]))},emit:function(e,n){var s=a.get(e);s&&s.slice().map(function(o){o(n)}),(s=a.get("*"))&&s.slice().map(function(o){o(e,n)})}}}const L=function(){return document.ontouchstart!==null?"click":"touchstart"},w="__vue_click_away__",E=function(a,e,n){x(a);let s=n.context,o=e.value,i=!1;setTimeout(function(){i=!0},0),a[w]=function(c){if((!a||!a.contains(c.target))&&o&&i&&typeof o=="function")return o.call(s,c)},document.addEventListener(L(),a[w],!1)},x=function(a){document.removeEventListener(L(),a[w],!1),delete a[w]},ee=function(a,e,n){e.value!==e.oldValue&&E(a,e,n)},te={install:function(a){a.directive("click-away",ae)}},ae={mounted:E,updated:ee,unmounted:x};function O(a){const e={alg:"HS512"},n={orgCode:a},s=JSON.stringify(e),o=JSON.stringify(n);return U.jws.JWS.sign("HS512",s,o,"")}class k{constructor(e={}){const{router:n,appCode:s,messages:o,token:i,orgCode:c,loginRouteName:u,login:g,keyboard:l,locale:h}=e;this.token=i||O(c)||f.get("I18N_TOKEN"),this.loadI18n=!0,this.appCode=s,this.router=n,this.locale=h||f.get("I18N_LANGUAGE")||navigator.language||"zh-CN",this.name="",this.messages=o||{},this.translationKeys=[],this.translationKeySet=new Set,this.loginRouteName=u||"login",this.login=g,this.loginTranslationKeys=[],this.keyboard=l||"shift>t",this.baseUrl=e.dev?"https://test.ihotel.cn":"https://trans.ihotel.cn",this.initRouterGuards(),this.initI18n(e),C.bind(this.keyboard,d=>{!this.configInstance&&this.name!=this.loginRouteName&&(this.translationKeys=Array.from(this.translationKeySet),this.configInstance=this.createModal(this.name),this.configInstance.openModal({name:this.name}))}),this.setupLanguageChangeListener()}setupLanguageChangeListener(){"onlanguagechange"in window&&window.addEventListener("languagechange",()=>{const e=navigator.language;e!==this.locale&&this.setLanguage(e)})}initRouterGuards(){k._routerGuardRegistered||(k._routerGuardRegistered=!0,this.router.beforeEach(async(e,n,s)=>{var u,g;const{language:o,token:i}=e.query;this.configInstance&&this.configInstance.closeModal(),this.name=e.name,this.translationKeySet=new Set,i&&this.setToken(i),this.loadI18n&&await this.setLanguage(o||this.locale),this.loadI18n=!1;const c=this.router.getRoutes().find(l=>l.name===this.loginRouteName||l.path===`/${this.loginRouteName}`);if(c&&c.components){let l=(u=c.components)==null?void 0:u.default;if(typeof l=="function"&&l.toString().includes("import("))try{l=await l(),l=l.default}catch(d){console.error("加载异步组件时出错:",d),s();return}const h=b(l);this.loginTranslationKeys=h}if(e.matched.length>0)try{const l=[];for(const h of e.matched){let d=(g=h.components)==null?void 0:g.default;if(typeof d=="function"&&d.toString().includes("import(")&&(d=await d(),d=d.default),d){const y=b(d);l.push(...y)}}this.translationKeys=l}catch(l){console.error("加载异步组件时出错:",l),s();return}s()}),k._afterEachGuardRegistered||(k._afterEachGuardRegistered=!0,this.router.afterEach(async()=>{var o,i,c;await t.nextTick();const e=Array.from(this.translationKeySet),n=Array.from(new Set([...this.translationKeys||[],...e]));this.translationKeys=n,((c=(i=(o=this.router)==null?void 0:o.currentRoute)==null?void 0:i.value)==null?void 0:c.name)===this.loginRouteName&&(this.loginTranslationKeys=n)})))}initI18n(e){this.i18n=K.createI18n({locale:this.locale,allowComposition:!0,globalInjection:!0,legacy:!1,silentTranslationWarn:!0,silentFallbackWarn:!0,missingWarn:!1,fallbackWarn:!1,...e});const n=this.i18n.global.t;globalThis.$t=this.i18n.global.t=(s,o)=>{var c,u,g;typeof s=="string"&&this.translationKeySet.add(s);const i=(g=(u=(c=this.router)==null?void 0:c.currentRoute)==null?void 0:u.value)==null?void 0:g.name;if(i){const l=`${i}.${s}`,h=n(l);if(h!==l&&!r.isEmpty(h))return h;{const d=`common.${s}`,y=n(d);return y!==d?y:n(s,o)}}else return n(s,o)},globalThis.$i18nLogin=async s=>{this.setToken(O(s)),this.clearI18n(),await this.setLanguage(this.locale),location.reload()},globalThis.$i18nLogout=s=>{this.clearI18n(),location.reload()},globalThis.$deepScan=function(s){return s},globalThis.$clearI18n=this.clearI18n=()=>{f.namespace(`I18N_${r.toUpper(this.appCode)}`).clearAll()},globalThis.$changeLocale=this.changeLocale=this.i18n.global.changeLocale=async s=>{await this.setLanguage(s||this.locale)}}setToken(e){this.token=e,f.set("I18N_TOKEN",e)}async getLanguages(e=!1){const n=f.get("I18N_LANGUAGES");if(n&&!e)return n;{const s=await D({baseUrl:this.baseUrl,appCode:this.appCode,token:this.token});if(s.data){const o=r.get(s.data,"retVal");return f.set("I18N_LANGUAGES",o),o}}}async setLanguage(e="zh-CN"){const n="I18N_MESSAGES_COMMON_"+e;let s=f.get(n);if(console.log("commonMessages",s),r.isEmpty(s)){const o=await N.get(`https://cdn.ihotel.cn/i18n_messages/${e}.json`);if(console.log("lang",o),o){const{data:i}=o;s=i,f.set(n,i)}}return new Promise(async(o,i)=>{const c=await z({baseUrl:this.baseUrl,appCode:this.appCode,language:e||this.locale,token:this.token,routerName:this.name});if(c){const u=B(c),g=r.assign({},s,r.get(this.messages,e),u);this.i18n.global.setLocaleMessage(e,g)}this.locale=e,this.i18n.global.locale.value=e,f.set("I18N_LANGUAGE",e),o(!0)})}createModal(e){const n=$();return n.on("closeModal",s=>{this.configInstance=null}),t.createApp(Q,{appCode:this.appCode,router:this.router,token:this.token,setLanguage:this.setLanguage.bind(this,this.locale),name:e||this.name,translationKeys:this.translationKeys,loginRouteName:this.loginRouteName,loginTranslationKeys:this.loginTranslationKeys,login:this.login,baseUrl:this.baseUrl,emitter:n}).use(S).use(te).mount(document.createElement("div"))}install(e,n={}){e.use(S,{i18n:this.i18n}),e.use(this.i18n),e.component("i18n-earth",Z)}}p.I18n=k,p.default=k,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gc_i18n",
-  "version": "1.3.2",
+  "version": "1.3.4",
   "type": "module",
   "main": "./lib/gc_i18n.umd.js",
   "module": "./lib/gc_i18n.es.js",

package/packages/components/earth.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="earth">
+    <Input class="input"></Input>
+    <Icon
+      class="icon"
+      type="ios-globe"
+      size="20"
+    />
+  </div>
+</template>
+<script setup></script>
+<style lang="less">
+.earth {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  .icon {
+    cursor: pointer;
+  }
+  .input {
+    margin-right: 5px;
+  }
+}
+</style>

package/packages/index.js

@@ -4,6 +4,7 @@ import "view-ui-plus/dist/styles/viewuiplus.css";
 import { createApp, nextTick } from "vue";
 import { createI18n } from "vue-i18n";
 import configVue from "./components/config.vue";
+import earthVue from "./components/earth.vue";
 import { getLanguages, getTranslate } from "./libs/service";
 import { convertArrayToObject } from "./libs/utils";
 import { extractTranslationKeys } from "./libs/i18nUtils";
@@ -12,6 +13,7 @@ import store2 from "store2";
 import mitt from "mitt";
 import { jws } from "jsrsasign";
 import VueClickAway from "vue3-click-away";
+import axios from "axios";
 
 // 生成 JWT 的函数
 function generateJWT(orgCode) {
@@ -267,7 +269,22 @@ class I18n {
       }
     }
   }
-  async setLanguage(language) {
+  async setLanguage(language = "zh-CN") {
+    const commonMessagesKey = "I18N_MESSAGES_COMMON_" + language;
+    let commonMessages = store2.get(commonMessagesKey);
+    console.log("commonMessages", commonMessages);
+    if (_.isEmpty(commonMessages)) {
+      const lang = await axios.get(
+        `https://cdn.ihotel.cn/i18n_messages/${language}.json`
+      );
+      console.log("lang", lang);
+      if (lang) {
+        const { data } = lang;
+        commonMessages = data;
+        store2.set(commonMessagesKey, data);
+      }
+    }
+
     return new Promise(async (resolve, reject) => {
       const res = await getTranslate({
         baseUrl: this.baseUrl,
@@ -280,6 +297,7 @@ class I18n {
         const remoteMessages = convertArrayToObject(res);
         const messages = _.assign(
           {},
+          commonMessages,
           _.get(this.messages, language),
           remoteMessages
         );
@@ -325,6 +343,8 @@ class I18n {
       i18n: this.i18n
     });
     app.use(this.i18n);
+    // 自动注册全局组件
+    app.component("i18n-earth", earthVue);
   }
 }
 

package/src/view/Home.vue

@@ -20,12 +20,15 @@ const type = import.meta.env.MODE === "unit" ? "单位级 单位代码: dd" : "
 
   <div>首页</div>
   <RouterLink to="/test">测试</RouterLink>
+  全局地球翻译<i18n-earth></i18n-earth>
   <h1>{{ $t("dsgljksdg") }}</h1>
   <button @click="change('en-US')">en</button>
   <button @click="change('zh-CN')">zh</button>
+  <button @click="change('zh-TW')">tw</button>
   <div>
     <button @click="clear">清理</button>
     <button @click="login">登录</button>
     <button @click="logout">登出</button>
+    <Table></Table>
   </div>
 </template>