From d2095cb80f106f1d6eb2554ff0796bcedca487af Mon Sep 17 00:00:00 2001
From: harrywan <harrywan@webank.com>
Date: Wed, 23 Oct 2024 10:12:37 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=8D=87=E7=BA=A7plugin-locale,?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BAt=E5=87=BD=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   5 +-
 packages/fes-plugin-locale/package.json       |   3 +-
 packages/fes-plugin-locale/src/index.js       |  18 ++-
 .../src/runtime/{core.tpl => core.js.tpl}     |  20 ++--
 .../src/runtime/langUConfigMap.js             | 110 +++++++++---------
 .../src/runtime/locales.js.tpl                |  13 +++
 .../fes-plugin-locale/src/runtime/runtime.js  |   6 +-
 packages/fes-plugin-locale/src/utils/index.js |  69 ++++++-----
 8 files changed, 143 insertions(+), 101 deletions(-)
 rename packages/fes-plugin-locale/src/runtime/{core.tpl => core.js.tpl} (84%)
 create mode 100644 packages/fes-plugin-locale/src/runtime/locales.js.tpl

diff --git a/package.json b/package.json
index 990df712..02ffba5b 100644
--- a/package.json
+++ b/package.json
@@ -118,5 +118,6 @@
         "enable": false
       }
     }
-  }
-}
\ No newline at end of file
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}
diff --git a/packages/fes-plugin-locale/package.json b/packages/fes-plugin-locale/package.json
index d59c0717..cc4a5a47 100644
--- a/packages/fes-plugin-locale/package.json
+++ b/packages/fes-plugin-locale/package.json
@@ -28,7 +28,8 @@
   },
   "dependencies": {
     "@fesjs/utils": "^2.0.4",
-    "vue-i18n": "^9.0.0"
+    "vue-i18n": "^9.0.0",
+    "lodash-es": "^4.17.21"
   },
   "peerDependencies": {
     "@fesjs/fes": "^2.0.0",
diff --git a/packages/fes-plugin-locale/src/index.js b/packages/fes-plugin-locale/src/index.js
index 2cec5253..477a4c0d 100644
--- a/packages/fes-plugin-locale/src/index.js
+++ b/packages/fes-plugin-locale/src/index.js
@@ -1,7 +1,7 @@
 import { readFileSync } from 'fs';
 import { join } from 'path';
 import { resolvePkg } from '@fesjs/utils';
-import { getLocalesJSON } from './utils';
+import { getLocales } from './utils';
 
 const namespace = 'plugin-locale';
 
@@ -49,16 +49,26 @@ export default (api) => {
 
         const localeConfigFileBasePath = getLocaleFileBasePath();
 
-        const locales = getLocalesJSON(localeConfigFileBasePath);
+        const { files, locales } = getLocales([localeConfigFileBasePath]);
 
         const { baseNavigator, ...otherConfig } = userConfig;
 
+        api.writeTmpFile({
+            path: join(namespace, 'locales.js'),
+            content: Mustache.render(readFileSync(join(__dirname, 'runtime/locales.js.tpl'), 'utf-8'), {
+                REPLACE_IMPORTS: files,
+                REPLACE_LOCALES: locales.map(item => ({
+                    locale: item.locale,
+                    importNames: item.importNames.join(', '),
+                })),
+            }),
+        });
+
         api.writeTmpFile({
             path: absoluteFilePath,
             content: Mustache.render(
-                readFileSync(join(__dirname, 'runtime/core.tpl'), 'utf-8'),
+                readFileSync(join(__dirname, 'runtime/core.js.tpl'), 'utf-8'),
                 {
-                    REPLACE_LOCALES: locales,
                     REPLACE_DEFAULT_OPTIONS: JSON.stringify(
                         otherConfig,
                         null,
diff --git a/packages/fes-plugin-locale/src/runtime/core.tpl b/packages/fes-plugin-locale/src/runtime/core.js.tpl
similarity index 84%
rename from packages/fes-plugin-locale/src/runtime/core.tpl
rename to packages/fes-plugin-locale/src/runtime/core.js.tpl
index 006587e6..8a9e1be8 100644
--- a/packages/fes-plugin-locale/src/runtime/core.tpl
+++ b/packages/fes-plugin-locale/src/runtime/core.js.tpl
@@ -7,13 +7,8 @@
 // 所有插件使用一个语言和配置
 import { isRef, unref } from 'vue';
 import { createI18n, useI18n } from '{{{ VUE_I18N_PATH }}}';
-import { plugin, ApplyPluginsType } from "@@/core/coreExports";
-import SelectLang from "./views/SelectLang";
+import locales from './locales'
 
-// 共享出去
-plugin.share("locale", {useI18n, SelectLang });
-
-const locales = {{{REPLACE_LOCALES}}};
 
 const defaultOptions = {{{REPLACE_DEFAULT_OPTIONS}}};
 
@@ -71,6 +66,10 @@ const addLocale = ({ locale, messages }) => {
     }
 };
 
+const getLocale = () => {
+    return unref(i18n.global.locale)
+}
+
 const getAllLocales = () => {
     return Object.keys(
         unref(i18n.global.messages)
@@ -78,19 +77,18 @@ const getAllLocales = () => {
 };
 
 const install = (app) => {
-    const runtimeConfig = plugin.applyPlugins({
-        key: "locale",
-        type: ApplyPluginsType.modify,
-        initialValue: {},
-    });
     app.use(i18n);
 };
 
+const t = i18n.global.t;
+
 const locale = {
     setLocale,
+    getLocale,
     addLocale,
     getAllLocales,
     messages,
+    t
 };
 
 export { useI18n, locale, install };
diff --git a/packages/fes-plugin-locale/src/runtime/langUConfigMap.js b/packages/fes-plugin-locale/src/runtime/langUConfigMap.js
index 783db959..3c4b401b 100644
--- a/packages/fes-plugin-locale/src/runtime/langUConfigMap.js
+++ b/packages/fes-plugin-locale/src/runtime/langUConfigMap.js
@@ -3,312 +3,312 @@ export default {
         lang: 'ar-EG',
         label: 'العربية',
         icon: '🇪🇬',
-        title: 'لغة'
+        title: 'لغة',
     },
     'az-AZ': {
         lang: 'az-AZ',
         label: 'Azərbaycan dili',
         icon: '🇦🇿',
-        title: 'Dil'
+        title: 'Dil',
     },
     'bg-BG': {
         lang: 'bg-BG',
         label: 'Български език',
         icon: '🇧🇬',
-        title: 'език'
+        title: 'език',
     },
     'ca-ES': {
         lang: 'ca-ES',
         label: 'Catalá',
         icon: '🇨🇦',
-        title: 'llengua'
+        title: 'llengua',
     },
     'cs-CZ': {
         lang: 'cs-CZ',
         label: 'Čeština',
         icon: '🇨🇿',
-        title: 'Jazyk'
+        title: 'Jazyk',
     },
     'da-DK': {
         lang: 'da-DK',
         label: 'Dansk',
         icon: '🇩🇰',
-        title: 'Sprog'
+        title: 'Sprog',
     },
     'de-DE': {
         lang: 'de-DE',
         label: 'Deutsch',
         icon: '🇩🇪',
-        title: 'Sprache'
+        title: 'Sprache',
     },
     'el-GR': {
         lang: 'el-GR',
         label: 'Ελληνικά',
         icon: '🇬🇷',
-        title: 'Γλώσσα'
+        title: 'Γλώσσα',
     },
     'en-GB': {
         lang: 'en-GB',
         label: 'English',
         icon: '🇬🇧',
-        title: 'Language'
+        title: 'Language',
     },
     'en-US': {
         lang: 'en-US',
         label: 'English',
         icon: '🇺🇸',
-        title: 'Language'
+        title: 'Language',
     },
     'es-ES': {
         lang: 'es-ES',
         label: 'Español',
         icon: '🇪🇸',
-        title: 'Idioma'
+        title: 'Idioma',
     },
     'et-EE': {
         lang: 'et-EE',
         label: 'Eesti',
         icon: '🇪🇪',
-        title: 'Keel'
+        title: 'Keel',
     },
     'fa-IR': {
         lang: 'fa-IR',
         label: 'فارسی',
         icon: '🇮🇷',
-        title: 'زبان'
+        title: 'زبان',
     },
     'fi-FI': {
         lang: 'fi-FI',
         label: 'Suomi',
         icon: '🇫🇮',
-        title: 'Kieli'
+        title: 'Kieli',
     },
     'fr-BE': {
         lang: 'fr-BE',
         label: 'Français',
         icon: '🇧🇪',
-        title: 'Langue'
+        title: 'Langue',
     },
     'fr-FR': {
         lang: 'fr-FR',
         label: 'Français',
         icon: '🇫🇷',
-        title: 'Langue'
+        title: 'Langue',
     },
     'ga-IE': {
         lang: 'ga-IE',
         label: 'Gaeilge',
         icon: '🇮🇪',
-        title: 'Teanga'
+        title: 'Teanga',
     },
     'he-IL': {
         lang: 'he-IL',
         label: 'עברית',
         icon: '🇮🇱',
-        title: 'שפה'
+        title: 'שפה',
     },
     'hi-IN': {
         lang: 'hi-IN',
         label: 'हिन्दी, हिंदी',
         icon: '🇮🇳',
-        title: 'भाषा: हिन्दी'
+        title: 'भाषा: हिन्दी',
     },
     'hr-HR': {
         lang: 'hr-HR',
         label: 'Hrvatski jezik',
         icon: '🇭🇷',
-        title: 'Jezik'
+        title: 'Jezik',
     },
     'hu-HU': {
         lang: 'hu-HU',
         label: 'Magyar',
         icon: '🇭🇺',
-        title: 'Nyelv'
+        title: 'Nyelv',
     },
     'hy-AM': {
-        lang: 'hu-HU',
+        lang: 'hy-AM',
         label: 'Հայերեն',
         icon: '🇦🇲',
-        title: 'Լեզու'
+        title: 'Լեզու',
     },
     'id-ID': {
         lang: 'id-ID',
         label: 'Bahasa Indonesia',
         icon: '🇮🇩',
-        title: 'Bahasa'
+        title: 'Bahasa',
     },
     'it-IT': {
         lang: 'it-IT',
         label: 'Italiano',
         icon: '🇮🇹',
-        title: 'Linguaggio'
+        title: 'Linguaggio',
     },
     'is-IS': {
         lang: 'is-IS',
         label: 'Íslenska',
         icon: '🇮🇸',
-        title: 'Tungumál'
+        title: 'Tungumál',
     },
     'ja-JP': {
         lang: 'ja-JP',
         label: '日本語',
         icon: '🇯🇵',
-        title: '言語'
+        title: '言語',
     },
     'ku-IQ': {
         lang: 'ku-IQ',
         label: 'کوردی',
         icon: '🇮🇶',
-        title: 'Ziman'
+        title: 'Ziman',
     },
     'kn-IN': {
-        lang: 'zh-TW',
+        lang: 'kn-IN',
         label: 'ಕನ್ನಡ',
         icon: '🇮🇳',
-        title: 'ಭಾಷೆ'
+        title: 'ಭಾಷೆ',
     },
     'ko-KR': {
         lang: 'ko-KR',
         label: '한국어',
         icon: '🇰🇷',
-        title: '언어'
+        title: '언어',
     },
     'lv-LV': {
         lang: 'lv-LV',
         label: 'Latviešu valoda',
         icon: '🇱🇮',
-        title: 'Kalba'
+        title: 'Kalba',
     },
     'mk-MK': {
         lang: 'mk-MK',
         label: 'македонски јазик',
         icon: '🇲🇰',
-        title: 'Јазик'
+        title: 'Јазик',
     },
     'mn-MN': {
         lang: 'mn-MN',
         label: 'Монгол хэл',
         icon: '🇲🇳',
-        title: 'Хэл'
+        title: 'Хэл',
     },
     'ms-MY': {
         lang: 'ms-MY',
         label: 'بهاس ملايو‎',
         icon: '🇲🇾',
-        title: 'Bahasa'
+        title: 'Bahasa',
     },
     'nb-NO': {
         lang: 'nb-NO',
         label: 'Norsk',
         icon: '🇳🇴',
-        title: 'Språk'
+        title: 'Språk',
     },
     'ne-NP': {
         lang: 'ne-NP',
         label: 'नेपाली',
         icon: '🇳🇵',
-        title: 'भाषा'
+        title: 'भाषा',
     },
     'nl-BE': {
         lang: 'nl-BE',
         label: 'Vlaams',
         icon: '🇧🇪',
-        title: 'Taal'
+        title: 'Taal',
     },
     'nl-NL': {
         lang: 'nl-NL',
         label: 'Vlaams',
         icon: '🇳🇱',
-        title: 'Taal'
+        title: 'Taal',
     },
     'pt-BR': {
         lang: 'pt-BR',
         label: 'Português',
         icon: '🇧🇷',
-        title: 'Idiomas'
+        title: 'Idiomas',
     },
     'pt-PT': {
         lang: 'pt-PT',
         label: 'Português',
         icon: '🇵🇹',
-        title: 'Idiomas'
+        title: 'Idiomas',
     },
     'ro-RO': {
         lang: 'ro-RO',
         label: 'Română',
         icon: '🇷🇴',
-        title: 'Limba'
+        title: 'Limba',
     },
     'ru-RU': {
         lang: 'ru-RU',
         label: 'русский',
         icon: '🇷🇺',
-        title: 'язык'
+        title: 'язык',
     },
     'sk-SK': {
         lang: 'sk-SK',
         label: 'Slovenčina',
         icon: '🇸🇰',
-        title: 'Jazyk'
+        title: 'Jazyk',
     },
     'sr-RS': {
         lang: 'sr-RS',
         label: 'српски језик',
         icon: '🇸🇷',
-        title: 'Језик'
+        title: 'Језик',
     },
     'sl-SI': {
         lang: 'sl-SI',
         label: 'Slovenščina',
         icon: '🇸🇱',
-        title: 'Jezik'
+        title: 'Jezik',
     },
     'sv-SE': {
         lang: 'sv-SE',
         label: 'Svenska',
         icon: '🇸🇪',
-        title: 'Språk'
+        title: 'Språk',
     },
     'ta-IN': {
         lang: 'ta-IN',
         label: 'தமிழ்',
         icon: '🇮🇳',
-        title: 'மொழி'
+        title: 'மொழி',
     },
     'th-TH': {
         lang: 'th-TH',
         label: 'ไทย',
         icon: '🇹🇭',
-        title: 'ภาษา'
+        title: 'ภาษา',
     },
     'tr-TR': {
         lang: 'tr-TR',
         label: 'Türkçe',
         icon: '🇹🇷',
-        title: 'Dil'
+        title: 'Dil',
     },
     'uk-UA': {
         lang: 'uk-UA',
         label: 'Українська',
         icon: '🇺🇰',
-        title: 'Мова'
+        title: 'Мова',
     },
     'vi-VN': {
         lang: 'vi-VN',
         label: 'Tiếng Việt',
         icon: '🇻🇳',
-        title: 'Ngôn ngữ'
+        title: 'Ngôn ngữ',
     },
     'zh-CN': {
         lang: 'zh-CN',
         label: '简体中文',
         icon: '🇨🇳',
-        title: '语言'
+        title: '语言',
     },
     'zh-TW': {
         lang: 'zh-TW',
         label: '繁体中文',
         icon: '🇭🇰',
-        title: '語言'
-    }
+        title: '語言',
+    },
 };
diff --git a/packages/fes-plugin-locale/src/runtime/locales.js.tpl b/packages/fes-plugin-locale/src/runtime/locales.js.tpl
new file mode 100644
index 00000000..90f766ae
--- /dev/null
+++ b/packages/fes-plugin-locale/src/runtime/locales.js.tpl
@@ -0,0 +1,13 @@
+import { merge } from 'lodash-es'
+{{#REPLACE_IMPORTS}}
+import {{importName}} from "{{{path}}}";
+{{/REPLACE_IMPORTS}}
+
+export default [
+{{#REPLACE_LOCALES}}
+{
+    locale: "{{locale}}",
+    message: merge({}, {{importNames}})
+},
+{{/REPLACE_LOCALES}}
+];
diff --git a/packages/fes-plugin-locale/src/runtime/runtime.js b/packages/fes-plugin-locale/src/runtime/runtime.js
index c9a39e3c..993d1de5 100644
--- a/packages/fes-plugin-locale/src/runtime/runtime.js
+++ b/packages/fes-plugin-locale/src/runtime/runtime.js
@@ -1,4 +1,8 @@
-import { install } from './core';
+import { plugin } from '@@/core/coreExports';
+import { install, useI18n } from './core';
+import SelectLang from "./views/SelectLang";
+// 共享出去
+plugin.share("locale", { useI18n, SelectLang });
 
 export function onAppCreated({ app }) {
     install(app);
diff --git a/packages/fes-plugin-locale/src/utils/index.js b/packages/fes-plugin-locale/src/utils/index.js
index 1f2f0e32..a488c55b 100644
--- a/packages/fes-plugin-locale/src/utils/index.js
+++ b/packages/fes-plugin-locale/src/utils/index.js
@@ -1,31 +1,46 @@
-import { glob } from '@fesjs/utils';
-import { join, basename } from 'path';
+import { basename, join } from 'node:path';
+import { glob, winPath } from '@fesjs/utils';
 
-export function getLocales(cwd) {
-    const files = glob
-        .sync('*.js', {
-            cwd
+const ignore = /\.(d\.ts|\.test\.(js|ts))$/;
+
+const getRouteName = function (path) {
+    const routeName = winPath(path);
+    return routeName
+        .replace(/\//g, '_')
+        .replace(/@/g, '_')
+        .replace(/:/g, '_')
+        .replace(/-/g, '_')
+        .replace(/\*/g, 'ALL')
+        .replace(/\[([a-zA-Z]+)\]/, '_$1')
+        .replace(/\[...([a-zA-Z]*)\]/, 'FUZZYMATCH-$1');
+};
+
+export function getLocales(cwdArray) {
+    const map = {};
+    const files = [];
+    cwdArray.forEach((cwd) => {
+        glob.sync('**/*.js', {
+            cwd,
         })
-        .filter(
-            file => !file.endsWith('.d.ts')
-                && !file.endsWith('.test.js')
-                && !file.endsWith('.test.jsx')
-        ).map((fileName) => {
-            const locale = basename(fileName, '.js');
-            return {
-                locale,
-                message: `require('${join(cwd, fileName)}').default`
-            };
-        });
+            .filter(file => !ignore.test(file))
+            .forEach((fileName) => {
+                const locale = basename(fileName, '.js');
+                const importName = getRouteName(fileName).replace('.js', '');
+                const result = {
+                    importName,
+                    // import语法的路径，必须处理win
+                    path: winPath(join(cwd, fileName)),
+                };
+                files.push(result);
+                if (!map[locale]) {
+                    map[locale] = [];
+                }
+                map[locale].push(importName);
+            });
+    });
 
-    return files;
-}
-
-export function getLocalesJSON(cwd) {
-    const locales = getLocales(cwd);
-    return JSON.stringify(locales)
-        .replace(
-            /"message": ("(.+?)")/g,
-            (global, m1, m2) => `"message": ${m2.replace(/\^/g, '"')}`
-        );
+    return {
+        locales: Object.keys(map).map(key => ({ locale: key, importNames: map[key] })),
+        files,
+    };
 }