mirror of
https://github.com/jeecgboot/JeecgBoot.git
synced 2026-02-05 10:05:33 +08:00
前端和后端源码,合并到一个git仓库中,方便用户下载,避免前后端不匹配的问题
This commit is contained in:
69
jeecgboot-vue3/src/locales/useLocale.ts
Normal file
69
jeecgboot-vue3/src/locales/useLocale.ts
Normal file
@ -0,0 +1,69 @@
|
||||
/**
|
||||
* Multi-language related operations
|
||||
*/
|
||||
import type { LocaleType } from '/#/config';
|
||||
|
||||
import { i18n } from './setupI18n';
|
||||
import { useLocaleStoreWithOut } from '/@/store/modules/locale';
|
||||
import { unref, computed } from 'vue';
|
||||
import { loadLocalePool, setHtmlPageLang } from './helper';
|
||||
|
||||
interface LangModule {
|
||||
message: Recordable;
|
||||
dateLocale: Recordable;
|
||||
dateLocaleName: string;
|
||||
}
|
||||
|
||||
function setI18nLanguage(locale: LocaleType) {
|
||||
const localeStore = useLocaleStoreWithOut();
|
||||
|
||||
if (i18n.mode === 'legacy') {
|
||||
i18n.global.locale = locale;
|
||||
} else {
|
||||
(i18n.global.locale as any).value = locale;
|
||||
}
|
||||
localeStore.setLocaleInfo({ locale });
|
||||
setHtmlPageLang(locale);
|
||||
}
|
||||
|
||||
export function useLocale() {
|
||||
const localeStore = useLocaleStoreWithOut();
|
||||
const getLocale = computed(() => localeStore.getLocale);
|
||||
const getShowLocalePicker = computed(() => localeStore.getShowPicker);
|
||||
|
||||
const getAntdLocale = computed((): any => {
|
||||
return i18n.global.getLocaleMessage(unref(getLocale))?.antdLocale ?? {};
|
||||
});
|
||||
|
||||
// Switching the language will change the locale of useI18n
|
||||
// And submit to configuration modification
|
||||
async function changeLocale(locale: LocaleType) {
|
||||
const globalI18n = i18n.global;
|
||||
const currentLocale = unref(globalI18n.locale);
|
||||
if (currentLocale === locale) {
|
||||
return locale;
|
||||
}
|
||||
|
||||
if (loadLocalePool.includes(locale)) {
|
||||
setI18nLanguage(locale);
|
||||
return locale;
|
||||
}
|
||||
const langModule = ((await import(`./lang/${locale}.ts`)) as any).default as LangModule;
|
||||
if (!langModule) return;
|
||||
|
||||
const { message } = langModule;
|
||||
|
||||
globalI18n.setLocaleMessage(locale, message);
|
||||
loadLocalePool.push(locale);
|
||||
|
||||
setI18nLanguage(locale);
|
||||
return locale;
|
||||
}
|
||||
|
||||
return {
|
||||
getLocale,
|
||||
getShowLocalePicker,
|
||||
changeLocale,
|
||||
getAntdLocale,
|
||||
};
|
||||
}
|
||||
Reference in New Issue
Block a user