blackteay/fes.js
1
0
Fork 0
mirror of https://github.com/WeBankFinTech/fes.js.git synced 2025-04-06 03:59:53 +08:00
Code Issues Projects Releases Wiki Activity

feat: 升级plugin-locale,导出t函数

Browse Source
This commit is contained in:
harrywan 2024-10-23 10:12:37 +08:00
parent db063b062c
commit d2095cb80f
8 changed files with 143 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
package.json
View File

@ -118,5 +118,6 @@
"enable": false "enable": false
} }
} }
} },
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
} }

3
packages/fes-plugin-locale/package.json
View File

@ -28,7 +28,8 @@
}, },
"dependencies": { "dependencies": {
"@fesjs/utils": "^2.0.4", "@fesjs/utils": "^2.0.4",
"vue-i18n": "^9.0.0" "vue-i18n": "^9.0.0",
"lodash-es": "^4.17.21"
}, },
"peerDependencies": { "peerDependencies": {
"@fesjs/fes": "^2.0.0", "@fesjs/fes": "^2.0.0",

18
packages/fes-plugin-locale/src/index.js
View File

@ -1,7 +1,7 @@
import { readFileSync } from 'fs'; import { readFileSync } from 'fs';
import { join } from 'path'; import { join } from 'path';
import { resolvePkg } from '@fesjs/utils'; import { resolvePkg } from '@fesjs/utils';
import { getLocalesJSON } from './utils'; import { getLocales } from './utils';
const namespace = 'plugin-locale'; const namespace = 'plugin-locale';
@ -49,16 +49,26 @@ export default (api) => {
const localeConfigFileBasePath = getLocaleFileBasePath(); const localeConfigFileBasePath = getLocaleFileBasePath();
const locales = getLocalesJSON(localeConfigFileBasePath); const { files, locales } = getLocales([localeConfigFileBasePath]);
const { baseNavigator, ...otherConfig } = userConfig; 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({ api.writeTmpFile({
path: absoluteFilePath, path: absoluteFilePath,
content: Mustache.render( 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( REPLACE_DEFAULT_OPTIONS: JSON.stringify(
otherConfig, otherConfig,
null, null,

20
packages/fes-plugin-locale/src/runtime/core.tpl → packages/fes-plugin-locale/src/runtime/core.js.tpl
View File

@ -7,13 +7,8 @@
// 所有插件使用一个语言和配置 // 所有插件使用一个语言和配置
import { isRef, unref } from 'vue'; import { isRef, unref } from 'vue';
import { createI18n, useI18n } from '{{{ VUE_I18N_PATH }}}'; import { createI18n, useI18n } from '{{{ VUE_I18N_PATH }}}';
import { plugin, ApplyPluginsType } from "@@/core/coreExports"; import locales from './locales'
import SelectLang from "./views/SelectLang";
// 共享出去
plugin.share("locale", {useI18n, SelectLang });
const locales = {{{REPLACE_LOCALES}}};
const defaultOptions = {{{REPLACE_DEFAULT_OPTIONS}}}; const defaultOptions = {{{REPLACE_DEFAULT_OPTIONS}}};
@ -71,6 +66,10 @@ const addLocale = ({ locale, messages }) => {
} }
}; };
const getLocale = () => {
return unref(i18n.global.locale)
}
const getAllLocales = () => { const getAllLocales = () => {
return Object.keys( return Object.keys(
unref(i18n.global.messages) unref(i18n.global.messages)
@ -78,19 +77,18 @@ const getAllLocales = () => {
}; };
const install = (app) => { const install = (app) => {
const runtimeConfig = plugin.applyPlugins({
key: "locale",
type: ApplyPluginsType.modify,
initialValue: {},
});
app.use(i18n); app.use(i18n);
}; };
const t = i18n.global.t;
const locale = { const locale = {
setLocale, setLocale,
getLocale,
addLocale, addLocale,
getAllLocales, getAllLocales,
messages, messages,
t
}; };
export { useI18n, locale, install }; export { useI18n, locale, install };

110
packages/fes-plugin-locale/src/runtime/langUConfigMap.js
View File

@ -3,312 +3,312 @@ export default {
lang: 'ar-EG', lang: 'ar-EG',
label: 'العربية', label: 'العربية',
icon: '🇪🇬', icon: '🇪🇬',
title: 'لغة' title: 'لغة',
}, },
'az-AZ': { 'az-AZ': {
lang: 'az-AZ', lang: 'az-AZ',
label: 'Azərbaycan dili', label: 'Azərbaycan dili',
icon: '🇦🇿', icon: '🇦🇿',
title: 'Dil' title: 'Dil',
}, },
'bg-BG': { 'bg-BG': {
lang: 'bg-BG', lang: 'bg-BG',
label: 'Български език', label: 'Български език',
icon: '🇧🇬', icon: '🇧🇬',
title: 'език' title: 'език',
}, },
'ca-ES': { 'ca-ES': {
lang: 'ca-ES', lang: 'ca-ES',
label: 'Catalá', label: 'Catalá',
icon: '🇨🇦', icon: '🇨🇦',
title: 'llengua' title: 'llengua',
}, },
'cs-CZ': { 'cs-CZ': {
lang: 'cs-CZ', lang: 'cs-CZ',
label: 'Čeština', label: 'Čeština',
icon: '🇨🇿', icon: '🇨🇿',
title: 'Jazyk' title: 'Jazyk',
}, },
'da-DK': { 'da-DK': {
lang: 'da-DK', lang: 'da-DK',
label: 'Dansk', label: 'Dansk',
icon: '🇩🇰', icon: '🇩🇰',
title: 'Sprog' title: 'Sprog',
}, },
'de-DE': { 'de-DE': {
lang: 'de-DE', lang: 'de-DE',
label: 'Deutsch', label: 'Deutsch',
icon: '🇩🇪', icon: '🇩🇪',
title: 'Sprache' title: 'Sprache',
}, },
'el-GR': { 'el-GR': {
lang: 'el-GR', lang: 'el-GR',
label: 'Ελληνικά', label: 'Ελληνικά',
icon: '🇬🇷', icon: '🇬🇷',
title: 'Γλώσσα' title: 'Γλώσσα',
}, },
'en-GB': { 'en-GB': {
lang: 'en-GB', lang: 'en-GB',
label: 'English', label: 'English',
icon: '🇬🇧', icon: '🇬🇧',
title: 'Language' title: 'Language',
}, },
'en-US': { 'en-US': {
lang: 'en-US', lang: 'en-US',
label: 'English', label: 'English',
icon: '🇺🇸', icon: '🇺🇸',
title: 'Language' title: 'Language',
}, },
'es-ES': { 'es-ES': {
lang: 'es-ES', lang: 'es-ES',
label: 'Español', label: 'Español',
icon: '🇪🇸', icon: '🇪🇸',
title: 'Idioma' title: 'Idioma',
}, },
'et-EE': { 'et-EE': {
lang: 'et-EE', lang: 'et-EE',
label: 'Eesti', label: 'Eesti',
icon: '🇪🇪', icon: '🇪🇪',
title: 'Keel' title: 'Keel',
}, },
'fa-IR': { 'fa-IR': {
lang: 'fa-IR', lang: 'fa-IR',
label: 'فارسی', label: 'فارسی',
icon: '🇮🇷', icon: '🇮🇷',
title: 'زبان' title: 'زبان',
}, },
'fi-FI': { 'fi-FI': {
lang: 'fi-FI', lang: 'fi-FI',
label: 'Suomi', label: 'Suomi',
icon: '🇫🇮', icon: '🇫🇮',
title: 'Kieli' title: 'Kieli',
}, },
'fr-BE': { 'fr-BE': {
lang: 'fr-BE', lang: 'fr-BE',
label: 'Français', label: 'Français',
icon: '🇧🇪', icon: '🇧🇪',
title: 'Langue' title: 'Langue',
}, },
'fr-FR': { 'fr-FR': {
lang: 'fr-FR', lang: 'fr-FR',
label: 'Français', label: 'Français',
icon: '🇫🇷', icon: '🇫🇷',
title: 'Langue' title: 'Langue',
}, },
'ga-IE': { 'ga-IE': {
lang: 'ga-IE', lang: 'ga-IE',
label: 'Gaeilge', label: 'Gaeilge',
icon: '🇮🇪', icon: '🇮🇪',
title: 'Teanga' title: 'Teanga',
}, },
'he-IL': { 'he-IL': {
lang: 'he-IL', lang: 'he-IL',
label: 'עברית', label: 'עברית',
icon: '🇮🇱', icon: '🇮🇱',
title: 'שפה' title: 'שפה',
}, },
'hi-IN': { 'hi-IN': {
lang: 'hi-IN', lang: 'hi-IN',
label: 'हिन्दी, हिंदी', label: 'हिन्दी, हिंदी',
icon: '🇮🇳', icon: '🇮🇳',
title: 'भाषा: हिन्दी' title: 'भाषा: हिन्दी',
}, },
'hr-HR': { 'hr-HR': {
lang: 'hr-HR', lang: 'hr-HR',
label: 'Hrvatski jezik', label: 'Hrvatski jezik',
icon: '🇭🇷', icon: '🇭🇷',
title: 'Jezik' title: 'Jezik',
}, },
'hu-HU': { 'hu-HU': {
lang: 'hu-HU', lang: 'hu-HU',
label: 'Magyar', label: 'Magyar',
icon: '🇭🇺', icon: '🇭🇺',
title: 'Nyelv' title: 'Nyelv',
}, },
'hy-AM': { 'hy-AM': {
lang: 'hu-HU', lang: 'hy-AM',
label: 'Հայերեն', label: 'Հայերեն',
icon: '🇦🇲', icon: '🇦🇲',
title: 'Լեզու' title: 'Լեզու',
}, },
'id-ID': { 'id-ID': {
lang: 'id-ID', lang: 'id-ID',
label: 'Bahasa Indonesia', label: 'Bahasa Indonesia',
icon: '🇮🇩', icon: '🇮🇩',
title: 'Bahasa' title: 'Bahasa',
}, },
'it-IT': { 'it-IT': {
lang: 'it-IT', lang: 'it-IT',
label: 'Italiano', label: 'Italiano',
icon: '🇮🇹', icon: '🇮🇹',
title: 'Linguaggio' title: 'Linguaggio',
}, },
'is-IS': { 'is-IS': {
lang: 'is-IS', lang: 'is-IS',
label: 'Íslenska', label: 'Íslenska',
icon: '🇮🇸', icon: '🇮🇸',
title: 'Tungumál' title: 'Tungumál',
}, },
'ja-JP': { 'ja-JP': {
lang: 'ja-JP', lang: 'ja-JP',
label: '日本語', label: '日本語',
icon: '🇯🇵', icon: '🇯🇵',
title: '言語' title: '言語',
}, },
'ku-IQ': { 'ku-IQ': {
lang: 'ku-IQ', lang: 'ku-IQ',
label: 'کوردی', label: 'کوردی',
icon: '🇮🇶', icon: '🇮🇶',
title: 'Ziman' title: 'Ziman',
}, },
'kn-IN': { 'kn-IN': {
lang: 'zh-TW', lang: 'kn-IN',
label: 'ಕನ್ನಡ', label: 'ಕನ್ನಡ',
icon: '🇮🇳', icon: '🇮🇳',
title: 'ಭಾಷೆ' title: 'ಭಾಷೆ',
}, },
'ko-KR': { 'ko-KR': {
lang: 'ko-KR', lang: 'ko-KR',
label: '한국어', label: '한국어',
icon: '🇰🇷', icon: '🇰🇷',
title: '언어' title: '언어',
}, },
'lv-LV': { 'lv-LV': {
lang: 'lv-LV', lang: 'lv-LV',
label: 'Latviešu valoda', label: 'Latviešu valoda',
icon: '🇱🇮', icon: '🇱🇮',
title: 'Kalba' title: 'Kalba',
}, },
'mk-MK': { 'mk-MK': {
lang: 'mk-MK', lang: 'mk-MK',
label: 'македонски јазик', label: 'македонски јазик',
icon: '🇲🇰', icon: '🇲🇰',
title: 'Јазик' title: 'Јазик',
}, },
'mn-MN': { 'mn-MN': {
lang: 'mn-MN', lang: 'mn-MN',
label: 'Монгол хэл', label: 'Монгол хэл',
icon: '🇲🇳', icon: '🇲🇳',
title: 'Хэл' title: 'Хэл',
}, },
'ms-MY': { 'ms-MY': {
lang: 'ms-MY', lang: 'ms-MY',
label: 'بهاس ملايو‎', label: 'بهاس ملايو‎',
icon: '🇲🇾', icon: '🇲🇾',
title: 'Bahasa' title: 'Bahasa',
}, },
'nb-NO': { 'nb-NO': {
lang: 'nb-NO', lang: 'nb-NO',
label: 'Norsk', label: 'Norsk',
icon: '🇳🇴', icon: '🇳🇴',
title: 'Språk' title: 'Språk',
}, },
'ne-NP': { 'ne-NP': {
lang: 'ne-NP', lang: 'ne-NP',
label: 'नेपाली', label: 'नेपाली',
icon: '🇳🇵', icon: '🇳🇵',
title: 'भाषा' title: 'भाषा',
}, },
'nl-BE': { 'nl-BE': {
lang: 'nl-BE', lang: 'nl-BE',
label: 'Vlaams', label: 'Vlaams',
icon: '🇧🇪', icon: '🇧🇪',
title: 'Taal' title: 'Taal',
}, },
'nl-NL': { 'nl-NL': {
lang: 'nl-NL', lang: 'nl-NL',
label: 'Vlaams', label: 'Vlaams',
icon: '🇳🇱', icon: '🇳🇱',
title: 'Taal' title: 'Taal',
}, },
'pt-BR': { 'pt-BR': {
lang: 'pt-BR', lang: 'pt-BR',
label: 'Português', label: 'Português',
icon: '🇧🇷', icon: '🇧🇷',
title: 'Idiomas' title: 'Idiomas',
}, },
'pt-PT': { 'pt-PT': {
lang: 'pt-PT', lang: 'pt-PT',
label: 'Português', label: 'Português',
icon: '🇵🇹', icon: '🇵🇹',
title: 'Idiomas' title: 'Idiomas',
}, },
'ro-RO': { 'ro-RO': {
lang: 'ro-RO', lang: 'ro-RO',
label: 'Română', label: 'Română',
icon: '🇷🇴', icon: '🇷🇴',
title: 'Limba' title: 'Limba',
}, },
'ru-RU': { 'ru-RU': {
lang: 'ru-RU', lang: 'ru-RU',
label: 'русский', label: 'русский',
icon: '🇷🇺', icon: '🇷🇺',
title: 'язык' title: 'язык',
}, },
'sk-SK': { 'sk-SK': {
lang: 'sk-SK', lang: 'sk-SK',
label: 'Slovenčina', label: 'Slovenčina',
icon: '🇸🇰', icon: '🇸🇰',
title: 'Jazyk' title: 'Jazyk',
}, },
'sr-RS': { 'sr-RS': {
lang: 'sr-RS', lang: 'sr-RS',
label: 'српски језик', label: 'српски језик',
icon: '🇸🇷', icon: '🇸🇷',
title: 'Језик' title: 'Језик',
}, },
'sl-SI': { 'sl-SI': {
lang: 'sl-SI', lang: 'sl-SI',
label: 'Slovenščina', label: 'Slovenščina',
icon: '🇸🇱', icon: '🇸🇱',
title: 'Jezik' title: 'Jezik',
}, },
'sv-SE': { 'sv-SE': {
lang: 'sv-SE', lang: 'sv-SE',
label: 'Svenska', label: 'Svenska',
icon: '🇸🇪', icon: '🇸🇪',
title: 'Språk' title: 'Språk',
}, },
'ta-IN': { 'ta-IN': {
lang: 'ta-IN', lang: 'ta-IN',
label: 'தமிழ்', label: 'தமிழ்',
icon: '🇮🇳', icon: '🇮🇳',
title: 'மொழி' title: 'மொழி',
}, },
'th-TH': { 'th-TH': {
lang: 'th-TH', lang: 'th-TH',
label: 'ไทย', label: 'ไทย',
icon: '🇹🇭', icon: '🇹🇭',
title: 'ภาษา' title: 'ภาษา',
}, },
'tr-TR': { 'tr-TR': {
lang: 'tr-TR', lang: 'tr-TR',
label: 'Türkçe', label: 'Türkçe',
icon: '🇹🇷', icon: '🇹🇷',
title: 'Dil' title: 'Dil',
}, },
'uk-UA': { 'uk-UA': {
lang: 'uk-UA', lang: 'uk-UA',
label: 'Українська', label: 'Українська',
icon: '🇺🇰', icon: '🇺🇰',
title: 'Мова' title: 'Мова',
}, },
'vi-VN': { 'vi-VN': {
lang: 'vi-VN', lang: 'vi-VN',
label: 'Tiếng Việt', label: 'Tiếng Việt',
icon: '🇻🇳', icon: '🇻🇳',
title: 'Ngôn ngữ' title: 'Ngôn ngữ',
}, },
'zh-CN': { 'zh-CN': {
lang: 'zh-CN', lang: 'zh-CN',
label: '简体中文', label: '简体中文',
icon: '🇨🇳', icon: '🇨🇳',
title: '语言' title: '语言',
}, },
'zh-TW': { 'zh-TW': {
lang: 'zh-TW', lang: 'zh-TW',
label: '繁体中文', label: '繁体中文',
icon: '🇭🇰', icon: '🇭🇰',
title: '語言' title: '語言',
} },
}; };

13
packages/fes-plugin-locale/src/runtime/locales.js.tpl Normal file
View File

@ -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}}
];

6
packages/fes-plugin-locale/src/runtime/runtime.js
View File

@ -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 }) { export function onAppCreated({ app }) {
install(app); install(app);

63
packages/fes-plugin-locale/src/utils/index.js
View File

@ -1,31 +1,46 @@
import { glob } from '@fesjs/utils'; import { basename, join } from 'node:path';
import { join, basename } from 'path'; import { glob, winPath } from '@fesjs/utils';
export function getLocales(cwd) { const ignore = /\.(d\.ts|\.test\.(js|ts))$/;
const files = glob
.sync('*.js', { const getRouteName = function (path) {
cwd 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( .filter(file => !ignore.test(file))
file => !file.endsWith('.d.ts') .forEach((fileName) => {
&& !file.endsWith('.test.js')
&& !file.endsWith('.test.jsx')
).map((fileName) => {
const locale = basename(fileName, '.js'); const locale = basename(fileName, '.js');
return { const importName = getRouteName(fileName).replace('.js', '');
locale, const result = {
message: `require('${join(cwd, fileName)}').default` importName,
// import语法的路径，必须处理win
path: winPath(join(cwd, fileName)),
}; };
files.push(result);
if (!map[locale]) {
map[locale] = [];
}
map[locale].push(importName);
});
}); });
return files; return {
} locales: Object.keys(map).map(key => ({ locale: key, importNames: map[key] })),
files,
export function getLocalesJSON(cwd) { };
const locales = getLocales(cwd);
return JSON.stringify(locales)
.replace(
/"message": ("(.+?)")/g,
(global, m1, m2) => `"message": ${m2.replace(/\^/g, '"')}`
);
} }