gc_i18n 1.0.7 → 1.0.8

package/packages/components/language.vue

@@ -36,7 +36,7 @@ export default {
     }
   },
   async mounted() {
-    this.language = store.get("i18n_language") || navigator.language;
+    this.language = store.get("I18N_LANGUAGE") || navigator.language;
     const res = await getLanguages(this.token);
     if (res && res.result === 0) {
       this.languages = res.retVal;

package/packages/index.js

@@ -17,7 +17,7 @@ export default class I18n {
     this.token = token || store2.get("token");
     this.appCode = appCode;
     this.router = router;
-    this.locale = navigator.language || "zh-CN";
+    this.locale = store2.get("I18N_LANGUAGE") || navigator.language || "zh-CN";
     this.modalLoad = false;
     this.name = "";
     this.messages = messages || {};
@@ -69,22 +69,9 @@ export default class I18n {
       this.configInstance && this.configInstance.closeModal();
       this.name = to.name;
       token && this.setToken(token);
-      await this.setLanguage(language);
+      await this.setLanguage(language || this.locale);
       next();
     });
-    // router.afterEach((to, from) => {
-    //   nextTick(() => {
-    //     console.log("this.configInstance", this.configInstance);
-
-    //     if (!this.configInstance) {
-    //       console.log("to", to, to.name);
-    //       this.name = to.name;
-    //     } else {
-    //       this.configInstance.closeModal();
-    //       this.configInstance = null;
-    //     }
-    //   });
-    // });
     keyboardJS.bind("shift > t", (e) => {
       // 打开弹窗
       this.configInstance.openModal({ name: this.name }); // 调用 openModal 方法
@@ -109,6 +96,7 @@ export default class I18n {
       }
       this.locale = language;
       this.i18n.global.locale.value = language;
+      store2.set("I18N_LANGUAGE", language);
       resolve(true);
     });
   }

package/packages/libs/service.js

@@ -62,7 +62,7 @@ export const saveTranslate = async (data, token) => {
 export const getTranslate = async ({ appCode, language = "zh-CN", token }) => {
   return new Promise(async (resolve, reject) => {
     // const appCodeStore = i18nStore.get(appCode);
-    const languageStore = store2.namespace(`i18n_${appCode}`);
+    const languageStore = store2.namespace(`I18N_${_.toUpper(appCode)}`);
     const options = {
       appCode,
       language,
@@ -92,7 +92,7 @@ export const getTranslate = async ({ appCode, language = "zh-CN", token }) => {
             lastPullDate: res.lastPullDate,
             translatesDTOs: data
           };
-          const languageStore = store2.namespace(`i18n_${appCode}`);
+          const languageStore = store2.namespace(`I18N_${_.toUpper(appCode)}`);
           languageStore.set(language, saveData, ":"); // Only update the specific key
           resolve(data);
         } else {

package/src/main.js

@@ -2,11 +2,14 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import gc_i18n from "../packages/index";
 import router from "./router/index";
+import zh from "view-ui-plus/dist/locale/zh-CN";
 
 const i18n = new gc_i18n({
   appCode: "TEST",
   router,
-  messages: {}
+  messages: {
+    "zh-CN": zh
+  }
 });
 console.log("i18n", i18n);
 

package/src/router/index.js

@@ -7,9 +7,9 @@ const routes = [
     component: () => import("../view/Home.vue")
   },
   {
-    path: "/BOOK",
-    name: "BOOK",
-    component: () => import("../view/book.vue")
+    path: "/BOATNOTICE",
+    name: "BOATNOTICE",
+    component: () => import("../view/BOATNOTICE.vue")
   }
 ];
 const router = createRouter({

package/src/view/{book.vue → BOATNOTICE.vue}

@@ -27,7 +27,7 @@ const change = (lang) => {
 
 <template>
   <div>
-    {{ locale }}
+    <div>当前语言: {{ locale }}</div>
     <Button
       v-for="item in langs"
       :type="item.code === locale ? 'primary' : 'default'"
@@ -36,21 +36,21 @@ const change = (lang) => {
     >
     <div>
       <div>带路由前缀:</div>
-      <div>{{ $t("BOOK.BAOCUN", "找不到2") }}</div>
+      <div>{{ $t("BOATNOTICE.DAOCHU", "找不到2") }}</div>
     </div>
 
     <div>
-      <div>带路由前缀:</div>
-      <div>{{ $t("HEJI{0}", [total], "合计:{0}条") }}</div>
+      <div>有变量的:</div>
+      <div>{{ $t("HJ: {0}GT", [total], "合xxx计:{0}条") }}</div>
     </div>
     <div>
       <div>不带前缀:</div>
-      <div>{{ $t("BAOCUN", "找不到") }}</div>
+      <div>{{ $t("DAOCHU", "找不到") }}</div>
       <!-- <div>{{ $t("中文{0}", [{ comment: "找不到" }]) }}</div> -->
     </div>
     <div>
       <div>完全找不到的数据:</div>
-      <div>{{ $t("BOOK.BAOCUNABC", "找不到") }}</div>
+      <div>{{ $t("ggbb", "找不到") }}</div>
     </div>
     <Page
       :total="40"