n20-common-lib 2.22.70 → 2.22.71

package/src/utils/i18n/index.js

@@ -3,15 +3,67 @@ import langEn from 'element-ui/lib/locale/lang/en'
 import langTh from 'element-ui/lib/locale/lang/th'
 import langVi from 'element-ui/lib/locale/lang/vi'
 import langTw from 'element-ui/lib/locale/lang/zh-TW'
+import langEs from 'element-ui/lib/locale/lang/es'
 
 import i18n_map_corelib from '../../i18n.json'
 import zhHk from './cn2hk.json' // 简体繁体映射
 // 语言枚举
 // const langEm = { 中文: 'zh', 中文简体: 'zh-cn', 中文繁体: 'zh-hk', 英文: 'en', 德文: 'de', 法文: 'fr' }
 
-let pageLang = window.localStorage.getItem('pageLang') // 当前页面的语言
+/** 安全读取 localStorage，兼容 SSR / 浏览器禁用 storage 的场景 */
+function getStoredLang() {
+  try {
+    return window.localStorage.getItem('pageLang')
+  } catch (e) {
+    return undefined
+  }
+}
+
+let pageLang = getStoredLang() // 当前页面的语言（切换语言后会整页刷新，初始化读取一次即可）
 let $i18n_map_root = {} // 全局的国际化
 
+/**
+ * 运行时切换语言（同时持久化到 localStorage；element-ui 语言包需刷新页面后生效）
+ */
+export function setPageLang(lang) {
+  pageLang = lang
+  try {
+    window.localStorage.setItem('pageLang', lang)
+  } catch (e) {
+    /* storage 不可用时忽略 */
+  }
+}
+
+// element-ui 语言包映射，替代 if/else 链
+const elementLocaleMap = {
+  en: langEn,
+  th: langTh,
+  vi: langVi,
+  es: langEs,
+  'zh-hk': langTw
+}
+
+// 视为中文的语言（默认、简体、繁体）
+const zhLangSet = new Set([undefined, null, '', 'zh-cn', 'zh-hk'])
+
+// 简转繁结果缓存，避免过滤器高频调用时重复逐字转换
+const cn2hkCache = new Map()
+const CN2HK_CACHE_MAX = 5000
+
+function cn2hk(zh = '') {
+  const cached = cn2hkCache.get(zh)
+  if (cached !== undefined) return cached
+
+  let _zh = ''
+  for (const ch of zh) {
+    _zh += zhHk[ch] || ch
+  }
+
+  if (cn2hkCache.size >= CN2HK_CACHE_MAX) cn2hkCache.clear() // 防止动态文案导致缓存无限增长
+  cn2hkCache.set(zh, _zh)
+  return _zh
+}
+
 export function $l(zh, map = {}, arg) {
   let val = ''
   if (!pageLang || pageLang === 'zh-cn') {
@@ -19,26 +71,17 @@ export function $l(zh, map = {}, arg) {
   } else if (pageLang === 'zh-hk') {
     val = cn2hk(zh)
   } else {
-    let key = pageLang
-    let valMap = map[zh] || $i18n_map_root[zh] || {}
-    val = valMap[key] !== undefined ? valMap[key] : zh
+    const valMap = map[zh] || $i18n_map_root[zh]
+    val = valMap && valMap[pageLang] !== undefined ? valMap[pageLang] : zh
   }
   if (arg && val) {
-    for (let k in arg) {
-      val = val.replace(k, arg[k])
+    // 用函数形式替换，避免替换值中含 $&、$1 等特殊替换模式时结果被破坏
+    for (const k of Object.keys(arg)) {
+      val = val.replace(k, () => arg[k])
     }
   }
   return val
 }
-function cn2hk(zh = '') {
-  let _zh = ''
-  for (let i = 0; i < zh.length; i++) {
-    let v = zh[i]
-    let v_hk = zhHk[v]
-    v_hk ? (_zh += v_hk) : (_zh += v)
-  }
-  return _zh
-}
 
 export function $lc(zh, map) {
   return $l(zh, map || i18n_map_corelib)
@@ -46,19 +89,12 @@ export function $lc(zh, map) {
 
 const directive = {}
 directive.install = (Vue, map = {}) => {
-  if (pageLang === 'en') {
-    locale.use(langEn)
-  } else if (pageLang === 'zh-hk') {
-    locale.use(langTw)
-  } else if (pageLang === 'th') {
-    locale.use(langTh)
-  } else if (pageLang === 'vi') {
-    locale.use(langVi)
-  }
+  const elementLocale = elementLocaleMap[pageLang]
+  if (elementLocale) locale.use(elementLocale)
 
   $i18n_map_root = map
 
-  Vue.prototype._lang = !pageLang || pageLang === 'zh-cn' || pageLang === 'zh-hk' ? 'zh' : pageLang
+  Vue.prototype._lang = zhLangSet.has(pageLang) ? 'zh' : pageLang
   Vue.prototype.$l = $l
   Vue.filter('$l', $l)