haiwei-skins-classics 1.0.2 → 1.0.4

package/package.json

@@ -1,10 +1,10 @@
 {
     "name": "haiwei-skins-classics",
-    "version": "1.0.2",
+    "version": "1.0.4",
     "description": "HaiWei前端框架经典皮肤组件",
     "author": "Eric",
     "license": "ISC",
-    "main": "dist/haiwei-skins-classics.js",
+    "main": "src/index.js",
     "scripts": {
         "serve": "vue-cli-service serve",
         "build": "vue-cli-service build",
@@ -16,7 +16,7 @@
         "pub": "cd ./script && npm_publish.bat"
     },
     "dependencies": {
-        "haiwei-ui": "^1.0.2"
+        "haiwei-ui": "^1.0.3"
     },
     "devDependencies": {
         "@vue/cli-plugin-babel": "^4.0.0",

package/src/components/header/index.vue

@@ -39,8 +39,39 @@ export default {
     ...mapState('app/account', ['menus', 'routeMenus']),
     ...mapState('app/page', ['current'])
   },
+  created() {
+    // 初始化时设置菜单
+    this.initMenus()
+  },
   methods: {
     ...mapMutations('app/skins/classics', ['setMenus']),
+    initMenus() {
+      // 如果有当前路由，尝试设置对应的菜单
+      if (this.current.name && this.routeMenus) {
+        let routeMenu = this.routeMenus.get(this.current.name)
+        if (routeMenu) {
+          for (var i = 0; i < this.menus.length; i++) {
+            if (this.menus[i].id === routeMenu.menu.rootId) {
+              this.curr = this.menus[i].id
+              this.setMenus(this.menus[i].children)
+              return
+            }
+          }
+        }
+      }
+      // 如果没有匹配的路由，设置第一个菜单的子菜单（如果有）
+      if (this.menus && this.menus.length > 0) {
+        const firstMenu = this.menus[0]
+        this.curr = firstMenu.id
+        if (firstMenu.children && firstMenu.children.length > 0) {
+          this.setMenus(firstMenu.children)
+        } else {
+          this.setMenus([])
+        }
+      } else {
+        this.setMenus([])
+      }
+    },
     onNavClick(menu) {
       this.curr = menu.id
       // 节点类型

package/src/components/main/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <section :class="['nm-main',fontSize,sidebarCollapse?'collapse':'']">
+  <section :class="['nm-main', fontSize, sidebarCollapse ? 'collapse' : '']">
     <section class="nm-main-left">
       <nm-menus />
     </section>

package/src/index.vue

@@ -12,5 +12,5 @@ export default {
 }
 </script>
 <style lang="scss">
-@import "./styles/_index.scss";
+@import './styles/_index.scss';
 </style>

package/src/main.js

@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './index.vue'
+
+Vue.config.productionTip = false
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')