mirror of
https://github.com/pure-admin/vue-pure-admin.git
synced 2025-06-06 00:18:51 +08:00
74 lines
2.1 KiB
TypeScript
74 lines
2.1 KiB
TypeScript
// 多组件库的国际化和本地项目国际化兼容
|
||
import { App, WritableComputedRef } from "vue";
|
||
import { storageLocal } from "@pureadmin/utils";
|
||
import { type I18n, createI18n } from "vue-i18n";
|
||
|
||
// element-plus国际化
|
||
import enLocale from "element-plus/lib/locale/lang/en";
|
||
import zhLocale from "element-plus/lib/locale/lang/zh-cn";
|
||
|
||
function siphonI18n(prefix = "zh-CN") {
|
||
return Object.fromEntries(
|
||
Object.entries(
|
||
import.meta.glob("../../locales/*.y(a)?ml", { eager: true })
|
||
).map(([key, value]: any) => {
|
||
const matched = key.match(/([A-Za-z0-9-_]+)\./i)[1];
|
||
return [matched, value.default];
|
||
})
|
||
)[prefix];
|
||
}
|
||
|
||
export const localesConfigs = {
|
||
zh: {
|
||
...siphonI18n("zh-CN"),
|
||
...zhLocale
|
||
},
|
||
en: {
|
||
...siphonI18n("en"),
|
||
...enLocale
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 国际化转换工具函数（自动读取根目录locales文件夹下文件进行国际化匹配）
|
||
* @param message message
|
||
* @returns 转化后的message
|
||
*/
|
||
export function transformI18n(message: any = "") {
|
||
if (!message) {
|
||
return "";
|
||
}
|
||
|
||
// 处理存储动态路由的title,格式 {zh:"",en:""}
|
||
if (typeof message === "object") {
|
||
const locale: string | WritableComputedRef<string> | any =
|
||
i18n.global.locale;
|
||
return message[locale?.value];
|
||
}
|
||
|
||
const key = message.match(/(\S*)\./)?.[1];
|
||
if (key && Object.keys(siphonI18n("zh-CN")).includes(key)) {
|
||
return i18n.global.t.call(i18n.global.locale, message);
|
||
} else if (!key && Object.keys(siphonI18n("zh-CN")).includes(message)) {
|
||
// 兼容非嵌套形式的国际化写法
|
||
return i18n.global.t.call(i18n.global.locale, message);
|
||
} else {
|
||
return message;
|
||
}
|
||
}
|
||
|
||
/** 此函数只是配合i18n Ally插件来进行国际化智能提示，并无实际意义（只对提示起作用），如果不需要国际化可删除 */
|
||
export const $t = (key: string) => key;
|
||
|
||
export const i18n: I18n = createI18n({
|
||
legacy: false,
|
||
locale:
|
||
storageLocal.getItem<StorageConfigs>("responsive-locale")?.locale ?? "zh",
|
||
fallbackLocale: "en",
|
||
messages: localesConfigs
|
||
});
|
||
|
||
export function useI18n(app: App) {
|
||
app.use(i18n);
|
||
}
|