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.
59 lines
1.5 KiB
59 lines
1.5 KiB
import { defineStore } from 'pinia'
|
|
import { store } from '../index'
|
|
import zhCn from 'element-plus/es/locale/lang/zh-cn'
|
|
import en from 'element-plus/es/locale/lang/en'
|
|
import { CACHE_KEY, useCache } from '@/hooks/web/useCache'
|
|
import { LocaleDropdownType } from '@/types/localeDropdown'
|
|
|
|
const { wsCache } = useCache()
|
|
|
|
const elLocaleMap = {
|
|
'zh-CN': zhCn,
|
|
en: en
|
|
}
|
|
interface LocaleState {
|
|
currentLocale: LocaleDropdownType
|
|
localeMap: LocaleDropdownType[]
|
|
}
|
|
|
|
export const useLocaleStore = defineStore('locales', {
|
|
state: (): LocaleState => {
|
|
return {
|
|
currentLocale: {
|
|
lang: wsCache.get(CACHE_KEY.LANG) || 'zh-CN',
|
|
elLocale: elLocaleMap[wsCache.get(CACHE_KEY.LANG) || 'zh-CN']
|
|
},
|
|
// 多语言
|
|
localeMap: [
|
|
{
|
|
lang: 'zh-CN',
|
|
name: '简体中文'
|
|
},
|
|
{
|
|
lang: 'en-US',
|
|
name: 'English'
|
|
}
|
|
]
|
|
}
|
|
},
|
|
getters: {
|
|
getCurrentLocale(): LocaleDropdownType {
|
|
return this.currentLocale
|
|
},
|
|
getLocaleMap(): LocaleDropdownType[] {
|
|
return this.localeMap
|
|
}
|
|
},
|
|
actions: {
|
|
setCurrentLocale(localeMap: LocaleDropdownType) {
|
|
// this.locale = Object.assign(this.locale, localeMap)
|
|
this.currentLocale.lang = localeMap?.lang
|
|
this.currentLocale.elLocale = elLocaleMap[localeMap?.lang]
|
|
wsCache.set(CACHE_KEY.LANG, localeMap?.lang)
|
|
}
|
|
}
|
|
})
|
|
|
|
export const useLocaleStoreWithOut = () => {
|
|
return useLocaleStore(store)
|
|
}
|
|
|