6e721ccc7e
将组件级 i18n 对象重构为统一由全局 locales/messages.js 管理，确保中英文语言切换时正确显示对应文本。 - 新增 utils/i18n.js 国际化工具函数 - 更新 store/$t.mixin.js 翻译混入逻辑 - 迁移 pkgService、pkgBooking、pkgAccount、pkgExplore、pages 等共 58 个组件的中英文文本至全局消息表
96 lines
2.4 KiB
JavaScript
96 lines
2.4 KiB
JavaScript
import { mapState } from 'vuex'
|
|
import store from '@/store'
|
|
import {
|
|
getCurrentLocale,
|
|
getLocaleShort,
|
|
getNextLocale,
|
|
normalizeLocale,
|
|
pickLocalizedText,
|
|
translateGlobalMessages,
|
|
translateMessages,
|
|
translateText
|
|
} from '@/utils/i18n'
|
|
import { syncNavigationBarTitle } from '@/utils/navigation-title'
|
|
|
|
// 尝试将用户在根目录中的store/index.js的vuex的state变量加载到全局变量中
|
|
let $tStoreKey = []
|
|
try {
|
|
$tStoreKey = store.state ? Object.keys(store.state) : []
|
|
} catch(e) {
|
|
|
|
}
|
|
|
|
module.exports = {
|
|
beforeCreate() {
|
|
this.$t.vuex = (name, value) => {
|
|
this.$store.commit('$tStore', {
|
|
name, value
|
|
})
|
|
}
|
|
},
|
|
onShow() {
|
|
this.$syncNavigationTitle()
|
|
},
|
|
watch: {
|
|
vuex_locale() {
|
|
this.$nextTick(() => {
|
|
this.$syncNavigationTitle()
|
|
if (typeof this.$forceUpdate === 'function') {
|
|
this.$forceUpdate()
|
|
}
|
|
})
|
|
}
|
|
},
|
|
computed: {
|
|
// 将vuex的state中的变量结构到全局混入mixin中
|
|
...mapState($tStoreKey)
|
|
},
|
|
methods: {
|
|
$getLocale() {
|
|
return normalizeLocale(this.vuex_locale || getCurrentLocale())
|
|
},
|
|
$getLanguage() {
|
|
return getLocaleShort(this.$getLocale())
|
|
},
|
|
$setLocale(locale) {
|
|
const nextLocale = normalizeLocale(locale)
|
|
this.$store.commit('$tStore', {
|
|
name: 'vuex_locale',
|
|
value: nextLocale
|
|
})
|
|
return nextLocale
|
|
},
|
|
$toggleLocale() {
|
|
return this.$setLocale(getNextLocale(this.$getLocale()))
|
|
},
|
|
$translate(messages, key, params) {
|
|
return translateMessages(messages, this.$getLocale(), key, params)
|
|
},
|
|
$tm(namespace, key, params) {
|
|
return translateGlobalMessages(namespace, this.$getLocale(), key, params)
|
|
},
|
|
$tr(text, params = {}) {
|
|
return translateText(text, this.$getLocale(), params)
|
|
},
|
|
$pickText(zh, en, fallback = '') {
|
|
return pickLocalizedText({
|
|
zh,
|
|
en,
|
|
fallback,
|
|
locale: this.$getLocale()
|
|
})
|
|
},
|
|
$getCurrentPageRoute() {
|
|
const pages = getCurrentPages()
|
|
if (!Array.isArray(pages) || !pages.length) {
|
|
return ''
|
|
}
|
|
const currentPage = pages[pages.length - 1] || {}
|
|
return currentPage.route || ''
|
|
},
|
|
$syncNavigationTitle(route) {
|
|
return syncNavigationBarTitle(route || this.$getCurrentPageRoute(), this.$getLocale())
|
|
}
|
|
}
|
|
}
|