eoss-ui 0.5.73 → 0.5.74

package/packages/nav/src/main.vue

@@ -39,9 +39,9 @@
       :biserial="biserial"
       :style="{
         width: biserial ? width : boxWidth,
-        left: show ? '15px' : navWidth
+        left: biserial ? (show ? '15px' : navWidth) : ''
       }"
-      v-show="biserial ? subMenu.length : menu.length"
+      v-show="showMenu"
     >
       <div class="es-nav-title" v-if="showTitle" ref="navTitle">
         <span v-show="!isCollapse">{{ headline }}</span>
@@ -91,6 +91,7 @@
 </template>
 <script>
 import util from 'eoss-ui/src/utils/util';
+import { debounce } from 'throttle-debounce';
 export default {
   name: 'EsNav',
   inheritAttrs: false,
@@ -131,7 +132,9 @@ export default {
       type: Boolean,
       default: true
     },
-    overlap: Boolean
+    overlap: Boolean,
+    //隐藏菜单
+    hideSubMenu: Boolean
   },
   computed: {
     show() {
@@ -178,7 +181,11 @@ export default {
           return this.navWidth;
         }
       }
-      return this.subMenu && this.subMenu.length && this.isShow && !this.overlap
+      return this.subMenu &&
+        this.subMenu.length &&
+        this.isShow &&
+        !this.overlap &&
+        !this.hideSubMenu
         ? parseInt(this.width, 10) + parseInt(this.navWidth, 10) + 'px'
         : this.navWidth;
     },
@@ -197,10 +204,13 @@ export default {
         this.headline = val;
       }
     },
+    boxWidth() {
+      this.getHeight();
+    },
     biserial: {
       handler(val) {
         this.isShow = !val;
-        this.resetHeight();
+        this.getHeight();
       }
     },
     defaultActive: {
@@ -251,8 +261,10 @@ export default {
         this.subMenu = [];
       }
     },
-    showMenu() {
-      this.resetHeight();
+    showMenu(val) {
+      if (val) {
+        this.getHeight();
+      }
     }
   },
   data() {
@@ -267,8 +279,13 @@ export default {
       subMenu: []
     };
   },
+  beforeCreate() {
+    this.getHeight = debounce(500, () => {
+      this.resetHeight();
+    });
+  },
   mounted() {
-    this.resetHeight();
+    this.getHeight();
     this.move();
   },
   methods: {