gc_i18n 1.0.9 → 1.1.0

package/packages/libs/i18nUtils.ts

@@ -0,0 +1,53 @@
+export function extractTranslationKeys(component: any): string[] {
+    const keys: string[] = [];
+    // 优化后的正则表达式，兼容 $t 和 _ctx.$t 的情况
+    const regex = /(?:\$t|_ctx\.\$t)\s*\(\s*(['"])([^'"]+?)\1/gs;
+
+    // 解析组件选项中的模板
+    if (component.template) {
+        let match;
+        while ((match = regex.exec(component.template)) !== null) {
+            // 提取第二个捕获组的内容，即引号内的值
+            keys.push(match[2]);
+        }
+    }
+
+    // 解析组件选项中的渲染函数
+    if (component.render) {
+        const renderCode = component.render.toString();
+        let match;
+        while ((match = regex.exec(renderCode)) !== null) {
+            keys.push(match[2]);
+        }
+    }
+
+    // 解析组件的 setup 函数或 methods 中的 JS 代码
+    if (component.setup) {
+        const setupCode = component.setup.toString();
+        let match;
+        while ((match = regex.exec(setupCode)) !== null) {
+            keys.push(match[2]);
+        }
+    }
+
+    if (component.methods) {
+        for (const methodName in component.methods) {
+            const methodCode = component.methods[methodName].toString();
+            let match;
+            while ((match = regex.exec(methodCode)) !== null) {
+                keys.push(match[2]);
+            }
+        }
+    }
+
+    // 递归处理子组件
+    if (component.components) {
+        for (const childComponentName in component.components) {
+            const childComponent = component.components[childComponentName];
+            keys.push(...extractTranslationKeys(childComponent));
+        }
+    }
+
+    // 合并同名的 key，利用 Set 去重
+    return [...new Set(keys)];
+}

package/packages/libs/service.js

@@ -33,8 +33,8 @@ export const fetchTranslate = async ({
         Authorization: token
       }
     });
-    if (res && res.result == 0) {
-      resolve(res.retVal);
+    if (res.data && res.data.result == 0) {
+      resolve(res.data.retVal);
     } else {
       resolve(res);
     }

package/src/main.js

@@ -7,11 +7,12 @@ import zh from "view-ui-plus/dist/locale/zh-CN";
 const i18n = new gc_i18n({
   appCode: "TEST",
   router,
+  token:
+    "eyJhbGciOiJIUzUxMiJ9.eyJkZXZpY2VUeXBlIjoiQ09NUFVURVIiLCJtYWluQXBwQ29kZSI6IlNTTyIsIm9yZ0NvZGUiOiJHUkVFTkNMT1VEIiwidWNTZXJ2ZXJVcmwiOiJodHRwczovL3Rlc3QuaWhvdGVsLmNuL3VjLXdlYi8iLCJhcHBDb2RlIjoiU1NPIiwidXNlclR5cGUiOiJOT1JNQUwiLCJsb2dpbkF0IjoxNzQ0MTA0OTQ5MDAwLCJwcmluY2lwYWxVc2VyQ29kZSI6IkhRTCIsImV4cCI6MzI1MDM2NTEyMDAsInVzZXJDb2RlIjoiSFFMIiwic3NvIjoiU1NPX1NFUlZFUiJ9.ra6-Yz0FEZdLObSuR1UsP8v2f3TXUWw0NDBKYUSrR4gbFtlrtgQcyp78LF3rLJMIaGn7A_YmqrzxP1pW4-ZGyA",
   messages: {
     "zh-CN": { ...zh, test: "合计{0}条" }
   }
 });
-console.log("i18n", i18n);
 
 const app = createApp(App).use(router).use(i18n);
 

package/src/view/BOATNOTICE.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { useI18n } from "vue-i18n";
 const { locale, changeLocale } = useI18n();
-
+import { ref } from "vue";
 defineProps({
   msg: String
 });
@@ -19,6 +19,7 @@ const langs = [
     code: "zh-TW"
   }
 ];
+const TEST = ref($t("gbfb"));
 const total = [100];
 const change = (lang) => {
   changeLocale(lang);
@@ -40,17 +41,61 @@ const change = (lang) => {
     </div>
 
     <div>
-      <div>有变量的:</div>
-      <div>{{ $t("test", total) }}</div>
+      <div>有变量的xxx:</div>
+      <div>{{ $t("test", total, "找不到test") }}</div>
     </div>
     <div>
       <div>不带前缀:</div>
-      <div>{{ $t("DAOCHU", "找不到") }}</div>
+      <div>{{ $t("xwlywz7", "找不到") }}</div>
       <!-- <div>{{ $t("中文{0}", [{ comment: "找不到" }]) }}</div> -->
     </div>
     <div>
-      <div>完全找不到的数据:</div>
-      <div>{{ $t("ggbb", "找不到") }}</div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy86", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy81", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy82", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy83", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy85", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy84", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy87", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy88", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy86", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy86", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy86", "找不到") }}</div>
+    </div>
+    <div>
+      <div>测试:</div>
+      <div>{{ $t("4j3dy86", "找不到") }}</div>
     </div>
     <Page
       :total="40"

package/src/view/Home.vue

@@ -3,11 +3,13 @@ import { useI18n } from "vue-i18n";
 const { locale, changeLocal } = useI18n();
 
 const change = (lang) => {
-  changeLocal(lang);
+  locale.value = lang;
 };
 </script>
 
 <template>
   {{ locale }}
-  <Language :more="true"></Language>
+  {{ $t("home", "主页", "lang") }}
+  <button @click="change('en')">en</button>
+  <button @click="change('zh')">zh</button>
 </template>

package/vite.config.js

@@ -38,7 +38,7 @@ export default defineConfig({
     },
     outDir: "lib"
     // outDir:
-    //   "/Users/huqiliang/Documents/lvyun/dpms-front/node_modules/gc_i18n/lib"
+    //   "/Users/huqiliang/Documents/github/auto-i18n-translation-plugins/example/vue3/node_modules/gc_i18n/lib"
     // outDir:
     //   "/Users/huqiliang/Documents/lvyun/travel-ship-standard-front/node_modules/gc_i18n/lib"
   },

package/packages/components/language.vue

@@ -1,93 +0,0 @@
-<script>
-import { getLanguages } from "../libs/service";
-import store from "store2";
-import _ from "lodash-es";
-import { useI18n } from "vue-i18n";
-
-export default {
-  setup() {
-    const { changeLocal, locale } = useI18n();
-    return {
-      changeLocal,
-      locale
-    };
-  },
-  name: "LangChange",
-  data() {
-    return {
-      languages: []
-    };
-  },
-  props: {
-    token: String,
-    simple: {
-      type: Boolean,
-      default: false
-    }
-  },
-  methods: {
-    toggle() {
-      const langToggle = _.find(
-        this.languages,
-        (item) => item.code !== this.locale
-      );
-
-      this.changeLocal(langToggle.code);
-    }
-  },
-  async mounted() {
-    this.language = store.get("I18N_LANGUAGE") || navigator.language;
-    const res = await getLanguages(this.token);
-    if (res && res.result === 0) {
-      this.languages = res.retVal;
-    }
-  }
-};
-</script>
-<template>
-  <div
-    class="gc_i18n_language"
-    v-if="languages && languages.length > 0"
-  >
-    <div v-if="languages.length === 1">
-      <span>{{ languages[0].name }}</span>
-    </div>
-    <div
-      v-else-if="languages.length === 2"
-      class="two"
-    >
-      <span
-        class="item"
-        v-for="item in languages"
-        @click="toggle"
-        :class="item.code == locale ? 'active' : 'hide'"
-        >{{ item.name }}</span
-      >
-    </div>
-    <Select
-      :modelValue="locale"
-      @on-change="changeLocal"
-      v-else
-    >
-      <Option
-        :value="item.code"
-        :label="item.name"
-        v-for="item in languages"
-        >{{ item.name }}</Option
-      >
-    </Select>
-  </div>
-</template>
-
-<style lang="less" scoped>
-.gc_i18n_language {
-  .two {
-    .item {
-      cursor: pointer;
-    }
-    .hide {
-      display: none;
-    }
-  }
-}
-</style>