bk-magic-vue 2.5.9-beta.18 → 2.5.9-beta.19

package/dist/bk-magic-vue.js

@@ -57018,8 +57018,15 @@
         this.dispatch('bkCascade', 'on-cascade-click');
       },
       cascadeHover: function cascadeHover(item) {
-        if (this.trigger === 'hover' && item.children && item.children.length) {
+        if (this.trigger !== 'hover') {
+          return;
+        }
+        if (item.children && item.children.length) {
           this.handleItem(item, false);
+        } else {
+          this.childrenList = item.children || [];
+          this.emitUpdate([item]);
+          this.dispatch('bkCascade', 'on-popover-width', item);
         }
       },
       handleItem: function handleItem(item) {
@@ -59611,7 +59618,6 @@
         asideContentVisible: true,
         minimized: false,
         limitMax: null,
-        asideStyleValue: null,
         state: {}
       };
     },
@@ -59623,8 +59629,11 @@
         return this.vertical ? 'width' : 'height';
       },
       computedAsideStyle: function computedAsideStyle() {
-        var asideStyleValue = typeof this.asideStyleValue === 'number' ? "".concat(this.asideStyleValue, "px") : this.asideStyleValue;
-        return _defineProperty({}, this.computedStyleKey, asideStyleValue);
+        var divide = this.initialDivide;
+        if (typeof divide === 'number') {
+          divide = "".concat(divide, "px");
+        }
+        return _defineProperty({}, this.computedStyleKey, divide);
       },
       computedTriggerStyle: function computedTriggerStyle() {
         var _style;
@@ -59638,9 +59647,6 @@
         return 0;
       }
     },
-    created: function created() {
-      this.asideStyleValue = this.initialDivide;
-    },
     mounted: function mounted() {
       this.setupLimit();
       addResizeListener(this.$el, this.setupLimit);
@@ -59754,6 +59760,7 @@
             return false;
           }
           aside.style[_this.computedStyleKey] = resizeProxy.style[placement];
+          console.error('mouseup', aside.style[_this.computedStyleKey]);
         };
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);
@@ -59782,14 +59789,14 @@
       },
       setupAsideAnimation: function setupAsideAnimation() {
         var aside = this.$refs.aside;
-        var previewStyleValue = aside.style[this.computedStyleKey];
+        var asideRect = aside.getBoundingClientRect();
         this.setupAsideListener(!this.collapsed);
         if (this.collapsed) {
-          aside.setAttribute("data-".concat(this.computedStyleKey), previewStyleValue);
-          this.asideStyleValue = this.collapsible ? '0' : '5px';
+          aside.setAttribute("data-".concat(this.computedStyleKey), asideRect[this.computedStyleKey] + 'px');
+          aside.style[this.computedStyleKey] = this.collapsible ? '0' : '5px';
         } else {
           this.asideContentVisible = true;
-          this.asideStyleValue = aside.getAttribute("data-".concat(this.computedStyleKey));
+          aside.style[this.computedStyleKey] = aside.getAttribute("data-".concat(this.computedStyleKey));
         }
       },
       setupAsideListener: function setupAsideListener(asideContentVisible) {