mirror of
https://github.com/WeBankFinTech/fes.js.git
synced 2025-04-05 11:18:54 +08:00
feat: 升级plugin-locale,导出t函数
This commit is contained in:
harrywan
parent
db063b062c
commit
d2095cb80f
@ -118,5 +118,6 @@
|
||||
"enable": false
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
|
||||
}
|
||||
|
||||
@ -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",
|
||||
|
||||
@ -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,
|
||||
|
||||
@ -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 };
|
||||
@ -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: '語言',
|
||||
},
|
||||
};
|
||||
|
||||
13
packages/fes-plugin-locale/src/runtime/locales.js.tpl
Normal file
13
packages/fes-plugin-locale/src/runtime/locales.js.tpl
Normal 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}}
|
||||
];
|
||||
@ -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);
|
||||
|
||||
@ -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,
|
||||
};
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user