npm - gc_i18n - Versions diffs - 1.3.1 → 1.3.3 - Mend

gc_i18n 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/README.md +61 -3
package/lang/index.js +4 -15
package/lang/index.json +23 -38
package/lib/gc_i18n.css +1 -0
package/lib/gc_i18n.es.js +791 -0
package/lib/gc_i18n.umd.js +1 -0
package/package.json +9 -3
package/packages/components/earth.vue +24 -0
package/packages/index.js +25 -1
package/src/view/Home.vue +3 -0
package/vite.config.js +2 -1

package/README.md CHANGED Viewed

@@ -1,5 +1,63 @@
-# Vue 3 + Vite
+# gc_i18n
-This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+一个基于 Vue 3 和 Vite 的国际化解决方案库。
-Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://vuejs.org/guide/scaling-up/tooling.html#ide-support).
+## 安装
+```bash
+npm install gc_i18n
+```
+## 使用
+```javascript
+import lang from 'gc_i18n';
+const app = createApp(App);
+app.use(lang, router);
+app.mount('#app');
+```
+## Node.js 版本兼容性说明
+本库支持 Node.js 16.0.0 及以上版本。在低版本 Node.js 环境中使用时，请注意以下几点：
+1. 本库同时提供 ESM 和 UMD 两种模块格式的构建产物
+2. 在 package.json 中明确指定了 `exports` 字段以提高模块解析兼容性
+3. 如果在 Node.js 16.0.0 环境中遇到模块解析错误，请尝试以下解决方案：
+### 解决方案 1：升级 Node.js 版本（推荐）
+建议将 Node.js 升级到 18.x 或更高版本以获得更好的 ES 模块支持。
+### 解决方案 2：使用 require 方式导入
+如果必须使用 Node.js 16.0.0，可以尝试使用 CommonJS 方式导入：
+```javascript
+const lang = require('gc_i18n');
+```
+### 解决方案 3：检查 Vite 配置
+确保你的 Vite 配置正确处理了模块解析：
+```javascript
+// vite.config.js
+export default defineConfig({
+  resolve: {
+    alias: {
+      'gc_i18n': 'gc_i18n/lib/gc_i18n.umd.cjs'
+    }
+  }
+});
+```
+## 构建
+```bash
+npm run build
+```
+## 开发
+```bash
+npm run dev
+```

package/lang/index.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -0,0 +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}.earth{display:flex;justify-content:center;align-items:center}.earth .icon{cursor:pointer}.earth .input{margin-right:5px}

package/lib/gc_i18n.es.js ADDED Viewed

@@ -0,0 +1,791 @@
+import './gc_i18n.css';
+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 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 D from "axios";
+import _ from "store2";
+import { jws as te } from "jsrsasign";
+const ae = (t) => {
+  const e = {};
+  for (const a of t)
+    e[a.key] = a.value;
+  return e;
+}, 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 }) => D.get(t + "/i18n-web/sysoption/getsupportedlangs", {
+  headers: {
+    Authorization: e
+  }
+}), x = async ({
+  appCode: t,
+  language: e = "zh-CN",
+  page: a,
+  lastPullDate: s,
+  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 D({
+    url: i,
+    method: "GET",
+    headers: {
+      appCode: t,
+      page: a,
+      language: e,
+      Authorization: o
+    }
+  });
+  c.data && c.data.result == 0 ? r(c.data.retVal) : r(c);
+}), ne = async ({ data: t, token: e, baseUrl: a }) => D({
+  url: a + "/i18n-web/kv_translate/userDicts",
+  method: "POST",
+  headers: {
+    Authorization: e
+  },
+  data: t
+}), oe = async ({ data: t, token: e, baseUrl: a }) => D({
+  url: a + "/i18n-web/kv_translate/batch",
+  method: "POST",
+  data: t,
+  headers: {
+    Authorization: e
+  }
+}), ie = async ({
+  baseUrl: t,
+  appCode: e,
+  language: a = "zh-CN",
+  token: s,
+  routerName: n
+}) => new Promise(async (o, r) => {
+  const h = _.namespace(`I18N_${l.toUpper(e)}`), g = {
+    baseUrl: t,
+    appCode: e,
+    language: a,
+    token: s
+  }, i = h.get(a);
+  if (!i || !i.lastPullDate) {
+    const c = await x(g);
+    c && (h.set(a, c), o(c.translatesDTOs));
+  } else {
+    const { lastPullDate: c } = i, u = await x({
+      ...g,
+      lastPullDate: c
+    });
+    if (u) {
+      const k = l.get(i, "translatesDTOs");
+      if (l.isEmpty(u.translatesDTOs))
+        o(k);
+      else {
+        const w = se(
+          k,
+          u.translatesDTOs,
+          n
+        ), C = {
+          lastPullDate: u.lastPullDate,
+          translatesDTOs: w
+        };
+        _.namespace(`I18N_${l.toUpper(e)}`).set(a, C, ":"), o(w);
+      }
+    }
+  }
+}), le = {
+  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: 90,
+        //   key: "page",
+        //   render: (h, { row }) => {
+        //     return h(
+        //       "span",
+        //       {},
+        //       row.page === "common"
+        //         ? "全局"
+        //         : row.page === this.name
+        //         ? "当前页"
+        //         : "登录页"
+        //     );
+        //   }
+        // },
+        {
+          title: "关键词",
+          fixed: "left",
+          width: 110,
+          key: "dictKey"
+        }
+      ];
+      return l.map(this.languages, (e) => {
+        const a = e.code;
+        if (e.checked)
+          return t.push({
+            title: e.name,
+            key: a,
+            render: (s, {
+              row: n,
+              index: o
+            }) => {
+              const r = n[a], {
+                localhost: h
+              } = n;
+              return h ? null : y(d("Input"), {
+                modelValue: r,
+                onOnChange: (g) => {
+                  const i = g.target.value, {
+                    dictKey: c
+                  } = n, u = l.findIndex(this.mySaveData, {
+                    dictKey: c
+                  });
+                  u > -1 ? this.mySaveData[u][a] = i : this.mySaveData.push({
+                    ...n,
+                    [a]: i,
+                    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,
+    // 基础URL
+    translationKeys: Array,
+    loginRouteName: String,
+    // 登录页路由名称
+    loginTranslationKeys: Array,
+    // 登录页翻译键
+    login: {
+      type: Boolean,
+      default: !0
+      // 是否显示登录页翻译
+    },
+    emitter: Object
+    // 接收事件总线
+  },
+  methods: {
+    saveLanguageSetting(t) {
+      const e = l.map(l.filter(this.languages, (a) => a.checked), "code");
+      _.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 l.find(t, ["_isEdit", !0]);
+    },
+    async saveData({
+      msg: t = "保存成功"
+    }, e = !0) {
+      const a = [];
+      if (l.map(this.mySaveData, (n) => {
+        l.map(this.languages, (o) => {
+          a.push({
+            key: n.dictKey,
+            page: n.page,
+            lang: o.code,
+            value: n[o.code]
+          });
+        });
+      }), l.isEmpty(a)) {
+        T.error({
+          content: "没有需要保存的数据"
+        });
+        return;
+      }
+      const s = await oe({
+        baseUrl: this.baseUrl,
+        data: {
+          appCode: this.appCode,
+          isLocal: "F",
+          data: a
+        },
+        token: this.token
+      });
+      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)) : T.error({
+        content: s.data.msg || "保存失败"
+      });
+    },
+    async saveNoEqual() {
+      l.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 a = await ne({
+        baseUrl: this.baseUrl,
+        data: {
+          appCode: this.appCode,
+          searchBlur: this.searchText,
+          commaSeparatedLangs: l.map(this.languages, "code").toString(),
+          page: e === "loginData" ? this.loginRouteName : e === "pageData" ? this.name : "common",
+          pageSize: 10,
+          ...t
+        },
+        token: this.token
+      });
+      if (a) {
+        this.initialData = l.cloneDeep(a.data.retVal.datas);
+        let s = a.data.retVal.datas;
+        this.data = l.cloneDeep(s), this.page = {
+          firstResult: a.data.retVal.firstResult,
+          pageSize: a.data.retVal.pageSize,
+          totalRows: a.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 = _.get("I18N_LANGUAGE_SETTING");
+      const e = await A({
+        token: this.token,
+        baseUrl: this.baseUrl
+      });
+      if (e && e.data.result == 0) {
+        let a = e.data.retVal;
+        l.isEmpty(t) && (t = ["zh-CN", "en-US", "zh-TW"]), l.map(a, (s) => {
+          l.includes(t, s.code) && (s.checked = !0);
+        }), this.languages = a, this.getPageData();
+      } else
+        T.error("获取语言失败,出错了");
+    }
+  }
+}, 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" }, he = { style: { display: "flex" } };
+function ge(t, e, a, s, n, o) {
+  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"), O = d("Tabs"), j = d("Page"), E = d("Button"), W = d("Modal"), H = q("click-away");
+  return f(), S(W, {
+    modelValue: n.isModalVisible,
+    "onUpdate:modelValue": e[4] || (e[4] = (m) => n.isModalVisible = m),
+    "mask-closable": !1,
+    width: 70,
+    title: "多语言管理中心",
+    "footer-hide": "",
+    onOnCancel: o.closeModal
+  }, {
+    default: p(() => [
+      n.isModalVisible ? (f(), I("div", re, [
+        y(O, {
+          modelValue: n.type,
+          "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(w, {
+                style: { width: "80px" },
+                transfer: "",
+                trigger: "custom",
+                placement: "bottom-start",
+                visible: n.LanguageSettingVisible
+              }, {
+                list: p(() => [
+                  y(k, null, {
+                    default: p(() => [
+                      (f(!0), I(X, null, Y(n.languages, (m) => (f(), S(u, {
+                        key: m.code
+                      }, {
+                        default: p(() => [
+                          y(c, {
+                            modelValue: m.checked,
+                            "onUpdate:modelValue": (J) => m.checked = J,
+                            onOnChange: o.saveLanguageSetting
+                          }, {
+                            default: p(() => [
+                              b("span", null, U(m.name), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["modelValue", "onUpdate:modelValue", "onOnChange"])
+                        ]),
+                        _: 2
+                      }, 1024))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: p(() => [
+                  b("a", {
+                    href: "javascript:void(0)",
+                    onClick: e[0] || (e[0] = (...m) => o.handleLanguageSettingOpen && o.handleLanguageSettingOpen(...m))
+                  }, [
+                    e[5] || (e[5] = L(" 语言 ", -1)),
+                    y(i, { type: "ios-arrow-down" })
+                  ])
+                ]),
+                _: 1
+              }, 8, ["visible"])), [
+                [H, o.onClickOutside]
+              ]),
+              y(C, {
+                class: "gc_i18n_search",
+                prefix: "ios-search",
+                placeholder: "请输入搜索内容",
+                modelValue: n.searchText,
+                "onUpdate:modelValue": e[1] || (e[1] = (m) => n.searchText = m),
+                clearable: "",
+                onOnEnter: o.inputSearch,
+                onOnClear: o.inputSearch
+              }, null, 8, ["modelValue", "onOnEnter", "onOnClear"])
+            ])
+          ]),
+          default: p(() => [
+            y(g, {
+              name: "pageData",
+              label: "当前页面"
+            }, {
+              default: p(() => [
+                n.loading ? (f(), S(r, {
+                  key: 0,
+                  class: "gc_i18n_spin"
+                })) : (f(), S(h, {
+                  key: 1,
+                  border: "",
+                  height: 380,
+                  columns: o.columns,
+                  data: n.data
+                }, null, 8, ["columns", "data"]))
+              ]),
+              _: 1
+            }),
+            y(g, {
+              name: "data",
+              label: "当前应用"
+            }, {
+              default: p(() => [
+                n.loading ? (f(), S(r, {
+                  key: 0,
+                  class: "gc_i18n_spin"
+                })) : (f(), S(h, {
+                  key: 1,
+                  border: "",
+                  height: 380,
+                  columns: o.columns,
+                  data: n.data
+                }, null, 8, ["columns", "data"]))
+              ]),
+              _: 1
+            }),
+            a.login ? (f(), S(g, {
+              key: 0,
+              name: "loginData",
+              label: "登录页面"
+            }, {
+              default: p(() => [
+                n.loading ? (f(), S(r, {
+                  key: 0,
+                  class: "gc_i18n_spin"
+                })) : (f(), S(h, {
+                  key: 1,
+                  border: "",
+                  height: 380,
+                  columns: o.columns,
+                  data: n.data
+                }, null, 8, ["columns", "data"]))
+              ]),
+              _: 1
+            })) : K("", !0)
+          ]),
+          _: 1
+        }, 8, ["modelValue", "onOnClick"]),
+        b("div", ue, [
+          b("div", he, [
+            y(j, {
+              modelValue: o.firstResult,
+              "onUpdate:modelValue": e[3] || (e[3] = (m) => o.firstResult = m),
+              total: n.page.totalRows,
+              "page-size": 10,
+              simple: "",
+              "show-total": "",
+              onOnChange: o.changePage
+            }, null, 8, ["modelValue", "total", "onOnChange"]),
+            b("div", null, [
+              b("span", null, " 共 " + U(n.page.totalRows) + " 项当前页数据 ", 1)
+            ])
+          ]),
+          b("div", null, [
+            y(E, {
+              style: { "margin-right": "10px" },
+              onClick: o.closeModal
+            }, {
+              default: p(() => [...e[6] || (e[6] = [
+                L("关闭", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"]),
+            y(E, {
+              type: "primary",
+              onClick: o.saveData
+            }, {
+              default: p(() => [...e[7] || (e[7] = [
+                L("保存", -1)
+              ])]),
+              _: 1
+            }, 8, ["onClick"])
+          ])
+        ])
+      ])) : K("", !0)
+    ]),
+    _: 1
+  }, 8, ["modelValue", "onOnCancel"]);
+}
+const de = /* @__PURE__ */ G(le, [["render", ge], ["__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) {
+    let s;
+    for (; (s = a.exec(t.template)) !== null; )
+      e.push(s[2]);
+  }
+  if (t.render) {
+    const s = t.render.toString();
+    let n;
+    for (; (n = a.exec(s)) !== null; )
+      e.push(n[2]);
+  }
+  if (t.setup) {
+    const s = t.setup.toString();
+    let n;
+    for (; (n = a.exec(s)) !== null; )
+      e.push(n[2]);
+  }
+  if (t.methods)
+    for (const s in t.methods) {
+      const n = t.methods[s].toString();
+      let o;
+      for (; (o = a.exec(n)) !== null; )
+        e.push(o[2]);
+    }
+  if (t.components)
+    for (const s in t.components) {
+      const n = t.components[s];
+      e.push(...V(n));
+    }
+  return [...new Set(e)];
+}
+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]);
+  }, off: function(e, a) {
+    var s = t.get(e);
+    s && (a ? s.splice(s.indexOf(a) >>> 0, 1) : t.set(e, []));
+  }, emit: function(e, a) {
+    var s = t.get(e);
+    s && s.slice().map(function(n) {
+      n(a);
+    }), (s = t.get("*")) && s.slice().map(function(n) {
+      n(e, a);
+    });
+  } };
+}
+const P = function() {
+  return document.ontouchstart !== null ? "click" : "touchstart";
+}, 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[N] = function(r) {
+    if ((!t || !t.contains(r.target)) && n && o && typeof n == "function")
+      return n.call(s, r);
+  }, 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", be);
+  }
+}, be = {
+  mounted: z,
+  updated: Se,
+  unmounted: B
+};
+function M(t) {
+  const e = {
+    alg: "HS512"
+    // 算法
+  }, a = {
+    orgCode: t
+  }, s = JSON.stringify(e), n = JSON.stringify(a);
+  return te.JWS.sign("HS512", s, n, "");
+}
+class v {
+  constructor(e = {}) {
+    const {
+      router: a,
+      appCode: s,
+      messages: n,
+      token: o,
+      orgCode: r,
+      loginRouteName: h,
+      login: g,
+      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), 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();
+  }
+  // 监听浏览器语言变化
+  setupLanguageChangeListener() {
+    "onlanguagechange" in window && window.addEventListener("languagechange", () => {
+      const e = navigator.language;
+      e !== this.locale && this.setLanguage(e);
+    });
+  }
+  // 初始化路由守卫
+  initRouterGuards() {
+    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;
+      const r = this.router.getRoutes().find((i) => i.name === this.loginRouteName || i.path === `/${this.loginRouteName}`);
+      if (r && r.components) {
+        let i = (h = r.components) == null ? void 0 : h.default;
+        if (typeof i == "function" && i.toString().includes("import("))
+          try {
+            i = await i(), i = i.default;
+          } catch (u) {
+            console.error("加载异步组件时出错:", u), s();
+            return;
+          }
+        const c = V(i);
+        this.loginTranslationKeys = c;
+      }
+      if (e.matched.length > 0)
+        try {
+          const i = [];
+          for (const c of e.matched) {
+            let u = (g = c.components) == null ? void 0 : g.default;
+            if (typeof u == "function" && u.toString().includes("import(") && (u = await u(), u = u.default), u) {
+              const k = V(u);
+              i.push(...k);
+            }
+          }
+          this.translationKeys = i;
+        } catch (i) {
+          console.error("加载异步组件时出错:", i), s();
+          return;
+        }
+      s();
+    }), v._afterEachGuardRegistered || (v._afterEachGuardRegistered = !0, this.router.afterEach(async () => {
+      var n, o, r;
+      await Z();
+      const e = Array.from(this.translationKeySet), a = Array.from(
+        /* @__PURE__ */ new Set([...this.translationKeys || [], ...e])
+      );
+      this.translationKeys = a, ((r = (o = (n = this.router) == null ? void 0 : n.currentRoute) == null ? void 0 : o.value) == null ? void 0 : r.name) === this.loginRouteName && (this.loginTranslationKeys = a);
+    })));
+  }
+  // 初始化 i18n 实例
+  initI18n(e) {
+    this.i18n = ee({
+      locale: this.locale,
+      allowComposition: !0,
+      globalInjection: !0,
+      legacy: !1,
+      silentTranslationWarn: !0,
+      silentFallbackWarn: !0,
+      missingWarn: !1,
+      fallbackWarn: !1,
+      ...e
+    });
+    const a = this.i18n.global.t;
+    globalThis.$t = this.i18n.global.t = (s, n) => {
+      var r, h, g;
+      typeof s == "string" && this.translationKeySet.add(s);
+      const o = (g = (h = (r = this.router) == null ? void 0 : r.currentRoute) == null ? void 0 : h.value) == null ? void 0 : g.name;
+      if (o) {
+        const i = `${o}.${s}`, c = a(i);
+        if (c !== i && !l.isEmpty(c))
+          return c;
+        {
+          const u = `common.${s}`, k = a(u);
+          return k !== u ? k : a(s, n);
+        }
+      } else
+        return a(s, n);
+    }, globalThis.$i18nLogin = async (s) => {
+      this.setToken(M(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 = () => {
+      _.namespace(`I18N_${l.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, _.set("I18N_TOKEN", e);
+  }
+  async getLanguages(e = !1) {
+    const a = _.get("I18N_LANGUAGES");
+    if (a && !e)
+      return a;
+    {
+      const s = await A({
+        baseUrl: this.baseUrl,
+        appCode: this.appCode,
+        token: this.token
+      });
+      if (s.data) {
+        const n = l.get(s.data, "retVal");
+        return _.set("I18N_LANGUAGES", n), n;
+      }
+    }
+  }
+  async setLanguage(e) {
+    let a = _.get("I18N_MESSAGES_COMMON_" + e);
+    if (!a) {
+      const s = await D.get(
+        `https://cdn.ihotel.cn/i18n_messages/${e}.json`
+      ), { data: n } = s;
+      s.status === 200 && (a = n, _.set("I18N_MESSAGES_COMMON_" + e, n));
+    }
+    return new Promise(async (s, n) => {
+      const o = await ie({
+        baseUrl: this.baseUrl,
+        appCode: this.appCode,
+        language: e || this.locale,
+        token: this.token,
+        routerName: this.name
+      });
+      if (o) {
+        const r = ae(o), h = l.assign(
+          {},
+          a,
+          l.get(this.messages, e),
+          r
+        );
+        this.i18n.global.setLocaleMessage(e, h);
+      }
+      this.locale = e, this.i18n.global.locale.value = e, _.set("I18N_LANGUAGE", e), s(!0);
+    });
+  }
+  createModal(e) {
+    const a = _e();
+    return a.on("closeModal", (s) => {
+      this.configInstance = null;
+    }), $(de, {
+      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,
+      // 基础URL
+      emitter: a
+      // 将事件总线作为 prop 传递
+    }).use(R).use(ke).mount(document.createElement("div"));
+  }
+  install(e, a = {}) {
+    e.use(R, {
+      i18n: this.i18n
+    }), e.use(this.i18n), e.component("i18n-earth", ye);
+  }
+}
+export {
+  v as I18n,
+  v as default
+};

package/lib/gc_i18n.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/package.json CHANGED Viewed

@@ -1,9 +1,15 @@
 {
   "name": "gc_i18n",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
-  "main": "./lib/gc_i18n.umd.cjs",
-  "module": "./lib/gc_i18n.js",
+  "main": "./lib/gc_i18n.umd.js",
+  "module": "./lib/gc_i18n.es.js",
+  "exports": {
+    ".": {
+      "import": "./lib/gc_i18n.es.js",
+      "require": "./lib/gc_i18n.umd.js"
+    }
+  },
   "scripts": {
     "dev": "vite",
     "dev:unit": "vite --mode unit --port 8080",

package/packages/components/earth.vue ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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) {
@@ -27,7 +29,8 @@ function generateJWT(orgCode) {
   // 同步生成 JWT
   return jws.JWS.sign("HS512", sHeader, sPayload, secret);
 }
-export default class I18n {
+class I18n {
   constructor(options = {}) {
     const {
       router,
@@ -267,6 +270,18 @@ export default class I18n {
     }
   }
   async setLanguage(language) {
+    let commonMessages = store2.get("I18N_MESSAGES_COMMON_" + language);
+    if (!commonMessages) {
+      const res = await axios.get(
+        `https://cdn.ihotel.cn/i18n_messages/${language}.json`
+      );
+      const { data } = res;
+      if (res.status === 200) {
+        commonMessages = data;
+        store2.set("I18N_MESSAGES_COMMON_" + language, data);
+      }
+    }
     return new Promise(async (resolve, reject) => {
       const res = await getTranslate({
         baseUrl: this.baseUrl,
@@ -279,6 +294,7 @@ export default class I18n {
         const remoteMessages = convertArrayToObject(res);
         const messages = _.assign(
           {},
+          commonMessages,
           _.get(this.messages, language),
           remoteMessages
         );
@@ -324,5 +340,13 @@ export default class I18n {
       i18n: this.i18n
     });
     app.use(this.i18n);
+    // 自动注册全局组件
+    app.component("i18n-earth", earthVue);
   }
 }
+// 默认导出
+export default I18n;
+// 为了兼容不同的导入方式，同时提供命名导出
+export { I18n };

package/src/view/Home.vue CHANGED Viewed

@@ -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>

package/vite.config.js CHANGED Viewed

@@ -13,7 +13,8 @@ export default defineConfig({
       // Could also be a dictionary or array of multiple entry points
       entry: resolve(__dirname, "packages/index.js"),
       name: "gc_i18n",
-      fileName: "gc_i18n"
+      formats: ["es", "umd"], // 明确指定构建格式
+      fileName: (format) => `gc_i18n.${format}.js`
     },
     rollupOptions: {