bk-magic-vue 2.5.9-beta.26 → 2.5.9-beta.27

package/dist/bk-magic-vue.js

@@ -59745,6 +59745,7 @@
         asideContentVisible: true,
         minimized: false,
         limitMax: null,
+        asideStyleValue: null,
         state: {}
       };
     },
@@ -59756,11 +59757,13 @@
         return this.vertical ? 'width' : 'height';
       },
       computedAsideStyle: function computedAsideStyle() {
-        var divide = this.initialDivide;
-        if (typeof divide === 'number') {
-          divide = "".concat(divide, "px");
+        var asideStyleValue = '';
+        if (typeof this.asideStyleValue !== 'number' && isNaN(this.asideStyleValue)) {
+          asideStyleValue = this.asideStyleValue;
+        } else {
+          asideStyleValue = "".concat(this.asideStyleValue, "px");
         }
-        return _defineProperty({}, this.computedStyleKey, divide);
+        return _defineProperty({}, this.computedStyleKey, asideStyleValue);
       },
       computedTriggerStyle: function computedTriggerStyle() {
         var _style;
@@ -59774,6 +59777,17 @@
         return 0;
       }
     },
+    watch: {
+      initialDivide: {
+        handler: function handler(newValue, _oldValue) {
+          this.asideStyleValue = newValue;
+        },
+        immediate: true
+      }
+    },
+    created: function created() {
+      this.asideStyleValue = this.initialDivide;
+    },
     mounted: function mounted() {
       this.setupLimit();
       addResizeListener(this.$el, this.setupLimit);
@@ -59863,6 +59877,7 @@
             var current = _this.state.aside[_this.computedStyleKey] + delta;
             var realValue = _this.getRealValue(current) + _this.triggerOffset;
             var pixel = "".concat(realValue, "px");
+            _this.asideStyleValue = pixel;
             if (_this.immediate) {
               aside.style[_this.computedStyleKey] = pixel;
             } else {
@@ -59879,6 +59894,7 @@
           document.removeEventListener('mouseup', handleMouseUp);
           document.onselectstart = null;
           document.ondragstart = null;
+          _this.asideStyleValue = resizeProxy.style[placement];
           _this.$nextTick(function () {
             _this.setupAutoMinimize();
             _this.$emit('after-resize', _parseFloat$2(resizeProxy.style[placement], 10));
@@ -59887,7 +59903,6 @@
             return false;
           }
           aside.style[_this.computedStyleKey] = resizeProxy.style[placement];
-          console.error('mouseup', aside.style[_this.computedStyleKey]);
         };
         document.addEventListener('mousemove', handleMouseMove);
         document.addEventListener('mouseup', handleMouseUp);
@@ -59904,9 +59919,11 @@
           this.asideContentVisible = true;
           return false;
         }
+        var prevDataWidthAttr = aside.getAttribute("data-".concat(this.computedStyleKey));
+        var prevDataWidth = prevDataWidthAttr && "".concat(_parseFloat$2(prevDataWidthAttr), "px") || this.initialDivide;
         this.setupAsideAnimation();
         this.$nextTick(function () {
-          aside.setAttribute("data-".concat(_this2.computedStyleKey), _this2.computedAsideStyle[_this2.computedStyleKey]);
+          aside.setAttribute("data-".concat(_this2.computedStyleKey), prevDataWidth);
         });
       },
       setCollapse: function setCollapse(collapsed) {
@@ -59916,14 +59933,14 @@
       },
       setupAsideAnimation: function setupAsideAnimation() {
         var aside = this.$refs.aside;
-        var asideRect = aside.getBoundingClientRect();
+        var previewStyleValue = aside.style[this.computedStyleKey];
         this.setupAsideListener(!this.collapsed);
         if (this.collapsed) {
-          aside.setAttribute("data-".concat(this.computedStyleKey), asideRect[this.computedStyleKey] + 'px');
-          aside.style[this.computedStyleKey] = this.collapsible ? '0' : '5px';
+          aside.setAttribute("data-".concat(this.computedStyleKey), previewStyleValue);
+          this.asideStyleValue = this.collapsible ? '0' : '5px';
         } else {
           this.asideContentVisible = true;
-          aside.style[this.computedStyleKey] = aside.getAttribute("data-".concat(this.computedStyleKey));
+          this.asideStyleValue = aside.getAttribute("data-".concat(this.computedStyleKey));
         }
       },
       setupAsideListener: function setupAsideListener(asideContentVisible) {