69 lines
1.8 KiB
TypeScript
69 lines
1.8 KiB
TypeScript
import { ref, unref } from 'vue';
|
|
import dayjs from 'dayjs';
|
|
|
|
import { loadLocalePool } from './helper';
|
|
import { i18n } from './index';
|
|
import type { LocaleType, Recordable } from '@lib/shared/types/global';
|
|
|
|
interface LangModule {
|
|
message: Recordable;
|
|
dayjsLocale: Recordable;
|
|
dayjsLocaleName: string;
|
|
}
|
|
|
|
export default function useLocale(showLoadingTip: (message: string) => void) {
|
|
const { locale } = i18n.global;
|
|
const currentLocale = ref(locale as LocaleType);
|
|
|
|
/**
|
|
* 设置语言
|
|
* @param _locale 语言类型
|
|
*/
|
|
function setI18nLanguage(_locale: LocaleType) {
|
|
if (i18n.mode === 'legacy') {
|
|
i18n.global.locale = _locale;
|
|
} else {
|
|
(i18n.global.locale as any).value = _locale;
|
|
}
|
|
localStorage.setItem('CRM-locale', _locale);
|
|
}
|
|
|
|
/**
|
|
* 切换语言
|
|
* @param _locale 语言类型
|
|
* @returns 语言类型
|
|
*/
|
|
async function changeLocale(_locale: LocaleType) {
|
|
const globalI18n = i18n.global;
|
|
const _currentLocale = unref(globalI18n.locale);
|
|
if (_currentLocale === _locale) {
|
|
setI18nLanguage(_locale); // 初始化的时候需要设置一次本地语言
|
|
return _locale;
|
|
}
|
|
|
|
showLoadingTip(_currentLocale === 'zh-CN' ? '语言切换中...' : 'Language switching...');
|
|
|
|
if (loadLocalePool.includes(_locale)) {
|
|
setI18nLanguage(_locale);
|
|
return _locale;
|
|
}
|
|
const langModule = ((await import(`@locale/${_locale}/index.ts`)) as any).default as LangModule;
|
|
if (!langModule) return;
|
|
|
|
const { message, dayjsLocale, dayjsLocaleName } = langModule;
|
|
|
|
globalI18n.setLocaleMessage(_locale, message);
|
|
dayjs.locale(dayjsLocaleName, dayjsLocale);
|
|
loadLocalePool.push(_locale);
|
|
|
|
setI18nLanguage(_locale);
|
|
window.location.reload();
|
|
return _locale;
|
|
}
|
|
|
|
return {
|
|
currentLocale,
|
|
changeLocale,
|
|
};
|
|
}
|