From 3573a51dbdd98c6711e10b1f0802be6371b8ea7c Mon Sep 17 00:00:00 2001
From: chenghongxing <1126263215@qq.com>
Date: Sun, 19 Jul 2020 18:40:27 +0800
Subject: [PATCH] chore: add i18n support for TabsView.vue; :star2:

---
 src/layouts/{ => tabs}/TabsView.vue | 20 ++++++++++++++------
 src/layouts/tabs/i18n.js            | 22 ++++++++++++++++++++++
 src/router/index.js                 |  2 +-
 3 files changed, 37 insertions(+), 7 deletions(-)
 rename src/layouts/{ => tabs}/TabsView.vue (90%)
 create mode 100644 src/layouts/tabs/i18n.js

diff --git a/src/layouts/TabsView.vue b/src/layouts/tabs/TabsView.vue
similarity index 90%
rename from src/layouts/TabsView.vue
rename to src/layouts/tabs/TabsView.vue
index 1a5deec..0417391 100644
--- a/src/layouts/TabsView.vue
+++ b/src/layouts/tabs/TabsView.vue
@@ -12,7 +12,7 @@
       @contextmenu="onContextmenu"
     >
       <a-tab-pane :key="page.fullPath" v-for="page in pageList">
-        <span slot="tab" :pagekey="page.fullPath">{{page.name}}</span>
+        <span slot="tab" :pagekey="page.fullPath">{{pageName(page.path)}}</span>
       </a-tab-pane>
     </a-tabs>
     <div class="tabs-view-content">
@@ -27,13 +27,14 @@
 </template>
 
 <script>
-import AdminLayout from './AdminLayout'
-import Contextmenu from '../components/menu/Contextmenu'
-import PageToggleTransition from '../components/transition/PageToggleTransition'
+import AdminLayout from '@/layouts/AdminLayout'
+import Contextmenu from '@/components/menu/Contextmenu'
+import PageToggleTransition from '@/components/transition/PageToggleTransition'
 import {mapState, mapMutations} from 'vuex'
 
 export default {
   name: 'TabsView',
+  i18n: require('./i18n'),
   components: { PageToggleTransition, Contextmenu, AdminLayout },
   data () {
     return {
@@ -48,12 +49,16 @@ export default {
     }
   },
   computed: {
-    ...mapState('setting', ['multiPage', 'animate', 'layout', 'dustbins'])
+    ...mapState('setting', ['multiPage', 'animate', 'layout', 'dustbins', 'routesI18n'])
   },
   created () {
     const route = this.$route
     this.pageList.push(route)
     this.activePage = route.fullPath
+    let i18n = this.routesI18n
+    Object.keys(i18n).forEach(key => {
+      this.$i18n.mergeLocaleMessage(key, i18n[key])
+    })
   },
   watch: {
     '$route': function (newRoute) {
@@ -81,7 +86,7 @@ export default {
     },
     remove (key) {
       if (this.pageList.length === 1) {
-        return this.$message.warning('这是最后一页，不能再关闭了啦')
+        return this.$message.warning(this.$t('warn'))
       }
       let index = this.pageList.findIndex(item => item.fullPath === key)
       let pageRoute = this.pageList[index]
@@ -161,6 +166,9 @@ export default {
         this.setDustbins(this.dustbins.filter(item => item !== componentName))
       }
     },
+    pageName(path) {
+      return this.$t(path.substring(1).replace(new RegExp('/', 'g'), '.') + '.name')
+    },
     ...mapMutations('setting', ['setDustbins'])
   }
 }
diff --git a/src/layouts/tabs/i18n.js b/src/layouts/tabs/i18n.js
new file mode 100644
index 0000000..23d3db3
--- /dev/null
+++ b/src/layouts/tabs/i18n.js
@@ -0,0 +1,22 @@
+module.exports = {
+  messages: {
+    CN: {
+      closeLeft: '关闭左侧',
+      closeRight: '关闭右侧',
+      closeOthers: '关闭其它',
+      warn: '这是最后一页，不能再关闭了',
+    },
+    HK: {
+      closeLeft: '關閉左側',
+      closeRight: '關閉右側',
+      closeOthers: '關閉其它',
+      warn: '這是最後一頁，不能再關閉了',
+    },
+    US: {
+      closeLeft: 'close left',
+      closeRight: 'close right',
+      closeOthers: 'close others',
+      warn: 'This is the last page, you can\'t close it',
+    },
+  }
+}
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 83f4aab..6a93c55 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -2,7 +2,7 @@ import Vue from 'vue'
 import Router from 'vue-router'
 import PageView from '@/layouts/PageView'
 import BlankView from '@/layouts/BlankView'
-import TabsView from '@/layouts/TabsView'
+import TabsView from '@/layouts/tabs/TabsView'
 import Login from '@/pages/login/Login'
 
 Vue.use(Router)