fix https://github.com/d2-projects/d2-admin/issues/227

Former-commit-id: bb6f09e83ff6e530a4bf49d46c6b0d1168a93246

src/i18n.js

@@ -7,13 +7,17 @@ Vue.use(VueI18n)
 function loadLocaleMessages () {
   const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
   const messages = {}
-  locales.keys().forEach(key => {
+  for (const key of locales.keys()) {
     const matched = key.match(/([A-Za-z0-9-_]+)\./i)
     if (matched && matched.length > 1) {
       const locale = matched[1]
-      messages[locale] = locales(key)
+      const localeElementUI = require(`element-ui/lib/locale/lang/${locales(key)._element}`)
+      messages[locale] = {
+        ...locales(key),
+        ...localeElementUI ? localeElementUI.default : {}
+      }
     }
-  })
+  }
   return messages
 }
 
@@ -24,8 +28,10 @@ Vue.prototype.$languages = Object.keys(messages).map(langlage => ({
   value: langlage
 }))
 
-export default new VueI18n({
+const i18n = new VueI18n({
   locale: util.cookies.get('lang') || process.env.VUE_APP_I18N_LOCALE,
   fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE,
   messages
 })
+
+export default i18n

src/layout/header-aside/components/header-locales/index.vue

@@ -19,24 +19,10 @@
 </template>
 
 <script>
+import localeMixin from '@/locales/mixin.js'
 export default {
-  methods: {
+  mixins: [
-    onChangeLocale (command) {
+    localeMixin
-      this.$i18n.locale = command
+  ]
-      let message = `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`
-      if (!['TRAVIS', 'NETLIFY'].includes(process.env.VUE_APP_BUILD_MODE)) {
-        message = [
-          `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`,
-          `仅提供切换功能，没有配置具体的语言数据 `,
-          `文档参考：<a class="el-link el-link--primary is-underline" target="_blank" href="https://doc.d2admin.fairyever.com/zh/sys-locales/">《国际化 | D2Admin》</a>`
-        ].join('<br/>')
-      }
-      this.$notify({
-        title: '语言变更',
-        dangerouslyUseHTMLString: true,
-        message
-      })
-    }
-  }
 }
 </script>

src/locales/en.json

@@ -1,3 +1,13 @@
 {
-	"_name": "English"
+	"_element": "en",
+	"_name": "English",
+	"page": {
+		"demo": {
+			"playground": {
+				"locales": {
+					"text": "D2Admin is a fully open source and free enterprise back-end product front-end integration solution, using the latest front-end technology stack, has prepared most of the project preparations, and with a lot of sample code to help the management system agile development."
+				}
+			}
+		}
+	}
 }

src/locales/ja.json

@@ -1,3 +1,13 @@
 {
-	"_name": "日本語"
+	"_element": "ja",
+	"_name": "日本語",
+	"page": {
+		"demo": {
+			"playground": {
+				"locales": {
+					"text": "D2Adminは、最新のフロントエンドテクノロジースタックを使用した、完全にオープンソースの無料エンタープライズバックエンド製品フロントエンド統合ソリューションであり、プロジェクトのほとんどの準備を整えており、システムのアジャイル開発の管理に役立つ多くのサンプルコードを備えています。"
+				}
+			}
+		}
+	}
 }

src/locales/mixin.js

@@ -0,0 +1,20 @@
+export default {
+  methods: {
+    onChangeLocale (command) {
+      this.$i18n.locale = command
+      let message = `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`
+      if (['TRAVIS', 'NETLIFY'].includes(process.env.VUE_APP_BUILD_MODE)) {
+        message = [
+          `当前语言：${this.$t('_name')} [ ${this.$i18n.locale} ]`,
+          `仅提供切换功能，没有配置具体的语言数据 `,
+          `文档参考：<a class="el-link el-link--primary is-underline" target="_blank" href="https://doc.d2admin.fairyever.com/zh/sys-locales/">《国际化 | D2Admin》</a>`
+        ].join('<br/>')
+      }
+      this.$notify({
+        title: '语言变更',
+        dangerouslyUseHTMLString: true,
+        message
+      })
+    }
+  }
+}

src/locales/zh-chs.json

@@ -1,3 +1,13 @@
 {
-	"_name": "简体中文"
+	"_element": "zh-CN",
+	"_name": "简体中文",
+	"page": {
+		"demo": {
+			"playground": {
+				"locales": {
+					"text": "D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，使用最新的前端技术栈，已经做好大部分项目前期准备工作，并且带有大量示例代码，助力管理系统敏捷开发。"
+				}
+			}
+		}
+	}
 }

src/locales/zh-cht.json

@@ -1,3 +1,13 @@
 {
-	"_name": "繁體中文"
+	"_element": "zh-TW",
+	"_name": "繁體中文",
+	"page": {
+		"demo": {
+			"playground": {
+				"locales": {
+					"text": "D2Admin 是一個完全 開源免費 的企業中後台產品前端集成方案，使用最新的前端技術棧，已經做好大部分項目前期準備工作，並且帶有大量示例代碼，助力管理系統敏捷開發。"
+				}
+			}
+		}
+	}
 }

src/plugin/d2admin/index.js

@@ -7,6 +7,8 @@ import 'flex.css'
 import '@/components'
 // svg 图标
 import '@/assets/svg-icons'
+// 国际化
+import i18n from '@/i18n.js'
 
 // 功能插件
 import pluginError from '@/plugin/error'
@@ -27,7 +29,9 @@ export default {
     // 构建时间
     Vue.prototype.$buildTime = process.env.VUE_APP_BUILD_TIME
     // Element
-    Vue.use(ElementUI)
+    Vue.use(ElementUI, {
+      i18n: (key, value) => i18n.t(key, value)
+    })
     // 插件
     Vue.use(pluginError)
     Vue.use(pluginLog)

src/store/modules/d2admin/modules/account.js

@@ -70,8 +70,6 @@ export default {
       if (confirm) {
         commit('d2admin/gray/set', true, { root: true })
         MessageBox.confirm('确定要注销当前用户吗', '注销用户', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
           type: 'warning'
         })
           .then(() => {

src/views/system/login/page.vue

@@ -85,8 +85,7 @@
             <a
               v-for="language in $languages"
               :key="language.value"
-              :command="language.value"
+              @click="onChangeLocale(language.value)">
-              @click="$i18n.locale = language.value">
               {{ language.label }}
             </a>
           </p>
@@ -125,7 +124,11 @@
 <script>
 import dayjs from 'dayjs'
 import { mapActions } from 'vuex'
+import localeMixin from '@/locales/mixin.js'
 export default {
+  mixins: [
+    localeMixin
+  ],
   data () {
     return {
       timeInterval: null,