You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
97 lines
2.8 KiB
97 lines
2.8 KiB
import { create } from "zustand";
|
|
import { createJSONStorage, persist } from "zustand/middleware";
|
|
import en_US from "antd/locale/en_US";
|
|
import zh_CN from "antd/locale/zh_CN";
|
|
import { LocalEnum } from "#/enum";
|
|
import { getLocalizationApi } from "@/api/abp-core";
|
|
|
|
import type { Locale as AntdLocal } from "antd/es/locale";
|
|
import useAbpStore from "./abpCoreStore";
|
|
import { mapLocaleToAbpLanguageFormat } from "@/utils";
|
|
import type { Dictionary } from "#/abp-core";
|
|
|
|
type Locale = keyof typeof LocalEnum;
|
|
type Language = {
|
|
locale: keyof typeof LocalEnum;
|
|
icon: string;
|
|
label: string;
|
|
antdLocal: AntdLocal;
|
|
};
|
|
|
|
export const LANGUAGE_MAP: Record<Locale, Language> = {
|
|
[LocalEnum.zh_CN]: {
|
|
locale: LocalEnum.zh_CN,
|
|
label: "Chinese",
|
|
icon: "ic-locale_zh_CN",
|
|
antdLocal: zh_CN,
|
|
},
|
|
[LocalEnum.en_US]: {
|
|
locale: LocalEnum.en_US,
|
|
label: "English",
|
|
icon: "ic-locale_en_US",
|
|
antdLocal: en_US,
|
|
},
|
|
};
|
|
|
|
type LocaleStore = {
|
|
locale: Locale;
|
|
language: Language;
|
|
localizations: Dictionary<string, Dictionary<string, string>>;
|
|
|
|
actions: {
|
|
setLocale: (locale: Locale, i18n: any) => Promise<void>;
|
|
};
|
|
};
|
|
|
|
const useLocaleStore = create<LocaleStore>()(
|
|
persist(
|
|
(set) => ({
|
|
locale: LocalEnum.en_US, // 默认语言
|
|
language: LANGUAGE_MAP[LocalEnum.en_US],
|
|
localizations: {},
|
|
actions: {
|
|
setLocale: async (locale: Locale, i18n: any) => {
|
|
let { localization } = useAbpStore.getState();
|
|
const setLocalization = useAbpStore.getState().actions.setLocalization;
|
|
const getI18nLocales = useAbpStore.getState().actions.getI18nLocales;
|
|
|
|
const lang = mapLocaleToAbpLanguageFormat(locale);
|
|
if (lang !== localization?.currentCulture.cultureName) {
|
|
localization = await getLocalizationApi({
|
|
cultureName: lang, //api的语言转换
|
|
onlyDynamics: false,
|
|
});
|
|
}
|
|
|
|
if (localization) {
|
|
setLocalization(localization); //存进去
|
|
}
|
|
const locales = getI18nLocales(); //刚刚存进去的，清理下
|
|
i18n.changeLanguage(locale);
|
|
Object.keys(locales).forEach((resource) => {
|
|
const translations = { [resource]: locales[resource] }; // 保留嵌套结构
|
|
i18n.addResourceBundle(locale, "translation", translations, true, true); // 添加资源到 i18n
|
|
});
|
|
// 更新 Zustand 状态
|
|
set({
|
|
locale,
|
|
language: LANGUAGE_MAP[locale],
|
|
localizations: locales,
|
|
});
|
|
},
|
|
},
|
|
}),
|
|
{
|
|
name: "localeI18nStore",
|
|
storage: createJSONStorage(() => localStorage),
|
|
// 保持风格，但暂时不持久化数据
|
|
partialize: () => ({}),
|
|
},
|
|
),
|
|
);
|
|
|
|
export const useLocale = () => useLocaleStore((state) => state.locale);
|
|
export const useLanguage = () => useLocaleStore((state) => state.language);
|
|
export const useSetLocale = () => useLocaleStore((state) => state.actions.setLocale);
|
|
|
|
export default useLocaleStore;
|
|
|