vue2-client 1.8.5 → 1.8.7

package/index.js

@@ -1,5 +1,5 @@
 import Vue from 'vue'
-import { initRouter } from '@vue2-client/router'
+import { initRouter } from '@vue2-client/router/index.js'
 import { initI18n } from '@vue2-client/utils/i18n'
 import bootstrap from '@vue2-client/bootstrap'
 import { modules } from '@vue2-client/store'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.8.5",
+  "version": "1.8.7",
   "private": false,
   "scripts": {
     "serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve --no-eslint",

package/src/App.vue

@@ -1,16 +1,110 @@
 <template>
-  <div id="app">
+  <a-config-provider :locale="locale" :get-popup-container="popContainer">
     <router-view/>
-  </div>
+  </a-config-provider>
 </template>
 
 <script>
+import { enquireScreen } from '@vue2-client/utils/util'
+import { mapState, mapMutations } from 'vuex'
+import themeUtil from '@vue2-client/utils/themeUtil'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
+import { setSystemVersion } from '@vue2-client/utils/request'
+
 export default {
-  name: 'App'
+  name: 'App',
+  data () {
+    return {
+      locale: {}
+    }
+  },
+  created () {
+    this.setHtmlTitle()
+    this.setLanguage(this.lang)
+    enquireScreen(isMobile => this.setDevice(isMobile))
+  },
+  mounted () {
+    this.setWeekModeTheme(this.weekMode)
+    // 设置系统版本
+    setSystemVersion(this.compatible)
+  },
+  watch: {
+    weekMode (val) {
+      this.setWeekModeTheme(val)
+    },
+    lang (val) {
+      this.setLanguage(val)
+      this.setHtmlTitle()
+    },
+    $route () {
+      this.setHtmlTitle()
+    },
+    'theme.mode': {
+      immediate: true,
+      handler: function (val) {
+        if (process.env.NODE_ENV === 'production') {
+          const closeMessage = this.$message.loading(`您选择了主题模式 ${val}, 正在切换...`)
+          themeUtil.changeThemeColor(this.theme.color, val).then(closeMessage)
+        } else {
+          this.$message.info('为保证构建性能，关闭开发环境下的主题模式切换')
+        }
+      }
+    },
+    'theme.color': {
+      immediate: true,
+      handler: function (val) {
+        if (process.env.NODE_ENV === 'production') {
+          const closeMessage = this.$message.loading(`您选择了主题色 ${val}, 正在切换...`)
+          themeUtil.changeThemeColor(val, this.theme.mode).then(closeMessage)
+        } else {
+          this.$message.info('为保证构建性能，关闭开发环境下的主题色切换')
+        }
+      }
+    },
+    layout: function () {
+      window.dispatchEvent(new Event('resize'))
+    }
+  },
+  computed: {
+    ...mapState('setting', ['layout', 'theme', 'weekMode', 'lang', 'compatible'])
+  },
+  methods: {
+    ...mapMutations('setting', ['setDevice']),
+    setWeekModeTheme (weekMode) {
+      if (weekMode) {
+        document.body.classList.add('week-mode')
+      } else {
+        document.body.classList.remove('week-mode')
+      }
+    },
+    setLanguage (lang) {
+      this.$i18n.locale = lang
+      switch (lang) {
+        case 'CN':
+          this.locale = require('ant-design-vue/es/locale-provider/zh_CN').default
+          break
+        case 'HK':
+          this.locale = require('ant-design-vue/es/locale-provider/zh_TW').default
+          break
+        case 'US':
+        default:
+          this.locale = require('ant-design-vue/es/locale-provider/en_US').default
+          break
+      }
+    },
+    setHtmlTitle () {
+      const route = this.$route
+      const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path)
+      document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key)
+    },
+    popContainer () {
+      return document.getElementById('popContainer')
+    }
+  }
 }
 </script>
 
 <style lang="less" scoped>
-  #id{
-  }
+#id{
+}
 </style>

package/src/base-client/components/common/XStepView/XStepView.vue

@@ -44,9 +44,9 @@
 </template>
 
 <script>
-import XAddNativeForm from '@/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
-import { post } from '@/services/api'
-import XTable from '@/base-client/components/common/XTable/XTable.vue'
+import XAddNativeForm from '@vue2-client/base-client/components/common/XAddNativeForm/XAddNativeForm.vue'
+import { post } from '@vue2-client/services/api'
+import XTable from '@vue2-client/base-client/components/common/XTable/XTable.vue'
 
 export default {
   name: 'XStepView',

package/vue.config.js

@@ -76,14 +76,16 @@ module.exports = {
     config.performance = {
       hints: false
     }
-    config.plugins.push(
-      new ThemeColorReplacer({
-        fileName: 'css/theme-colors-[contenthash:8].css',
-        matchColors: getThemeColors(),
-        injectCss: true,
-        resolveCss
-      })
-    )
+    if (isProd) {
+      config.plugins.push(
+        new ThemeColorReplacer({
+          fileName: 'css/theme-colors-[contenthash:8].css',
+          matchColors: getThemeColors(),
+          injectCss: true,
+          resolveCss
+        })
+      )
+    }
     // Ignore all locale files of moment.js
     config.plugins.push(new webpack.IgnorePlugin({
       resourceRegExp: /^\.\/locale$/,