58 lines
1.5 KiB
TypeScript
58 lines
1.5 KiB
TypeScript
import { nextTick } from 'vue'
|
|
|
|
class Language {
|
|
private i18n: any;
|
|
private loadLocale: Array<string> = []; //已加载的语言
|
|
|
|
constructor(i18n: any) {
|
|
this.i18n = i18n
|
|
}
|
|
|
|
/**
|
|
*
|
|
* @param locale 设置语言
|
|
*/
|
|
public setI18nLanguage(locale: string) {
|
|
if (this.i18n.mode === 'legacy') {
|
|
this.i18n.global.locale = locale
|
|
} else {
|
|
this.i18n.global.locale = locale
|
|
}
|
|
let html = document.querySelector('html')
|
|
html && html.setAttribute('lang', locale)
|
|
}
|
|
|
|
/**
|
|
* 加载语言包
|
|
* @param path
|
|
* @param locale
|
|
* @returns
|
|
*/
|
|
public async loadLocaleMessages(path: string, locale: string) {
|
|
try {
|
|
const file = path == '/' ? 'index' : path.replace('/', '').replaceAll('/', '.')
|
|
|
|
if (this.loadLocale.includes(`${locale}/${file}`)) {
|
|
return nextTick()
|
|
}
|
|
this.loadLocale.push(`${locale}/${file}`)
|
|
|
|
// 引入语言包文件
|
|
const messages = await import(`~/lang/${locale}/${file}.json`)
|
|
|
|
let data: Record<string, string> = {}
|
|
Object.keys(messages.default).forEach(key => {
|
|
data[`${file}.${key}`] = messages.default[key]
|
|
})
|
|
|
|
this.i18n.global.mergeLocaleMessage(locale, data)
|
|
this.setI18nLanguage(locale)
|
|
return nextTick()
|
|
} catch {
|
|
this.setI18nLanguage(locale)
|
|
return nextTick()
|
|
}
|
|
}
|
|
}
|
|
|
|
export default Language |