bk-magic-vue 2.4.10 → 2.4.12-beta.1

package/dist/bk-magic-vue.css

@@ -10012,7 +10012,7 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .position-left .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-add-controller{
                 border-left:none;
             }
-.position-left .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add ..bk-tab-extension-controller{
+.position-left .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-extension-controller, .position-right .bk-tab-label-wrapper.has-scroller.has-add .bk-tab-extension-controller{
                 border-left:none;
             }
 .position-left .bk-tab-label-wrapper .bk-tab-label-list, .position-right .bk-tab-label-wrapper .bk-tab-label-list{

package/dist/bk-magic-vue.js

@@ -48686,6 +48686,16 @@
         var indexMove = this.realWidth * this.currentIndex;
         var imageMove = indexMove - this.mouseDistance;
         return -imageMove;
+      },
+      swiperStyle: function swiperStyle() {
+        var swiperStyle = {};
+        if (this.realWidth > 0) {
+          swiperStyle.width = "".concat(this.realWidth, "px");
+        }
+        if (this.realHeight > 0) {
+          swiperStyle.height = "".concat(this.realHeight, "px");
+        }
+        return swiperStyle;
       }
     },
     watch: {
@@ -48704,16 +48714,21 @@
       }
     },
     mounted: function mounted() {
-      this.initStatus();
+      var _this = this;
+      setTimeout(function () {
+        _this.initStatus();
+      });
     },
     beforeDestroy: function beforeDestroy() {
       this.destoryStatus();
     },
     methods: {
       calcSize: function calcSize() {
+        console.log(this);
+        var swiperSize = getElementSize(this.$refs.swiper);
         var swiperParentSize = getElementSize(this.$refs.swiper && this.$refs.swiper.parentElement);
-        this.realWidth = +this.width > 0 ? this.width : swiperParentSize.width || 600;
-        this.realHeight = +this.height > 0 ? this.height : swiperParentSize.height || 300;
+        this.realWidth = +this.width > 0 ? this.width : swiperSize.width > 0 ? swiperSize.width : swiperParentSize.width;
+        this.realHeight = +this.height > 0 ? this.height : swiperSize.height > 25 ? swiperSize.height : swiperParentSize.height;
       },
       initStatus: function initStatus() {
         this.calcSize();
@@ -48727,13 +48742,13 @@
         document.removeEventListener('visibilitychange', this.visChange);
       },
       watchParentSizeChange: function watchParentSizeChange() {
-        var _this = this;
+        var _this2 = this;
         var parentEle = this.$refs.swiper && this.$refs.swiper.parentElement;
         if (!parentEle || !window.ResizeObserver) {
           return;
         }
         this.resizeObserver = new ResizeObserver(function () {
-          _this.calcSize();
+          _this2.calcSize();
         });
         this.resizeObserver.observe(parentEle);
       },
@@ -48800,13 +48815,13 @@
         }
       },
       startLoop: function startLoop() {
-        var _this2 = this;
+        var _this3 = this;
         if (!this.isLoop) return;
         this.endLoop();
         this.loopId = window.setTimeout(function () {
-          _this2.isTransition = true;
-          _this2.changeCurrentIndex(_this2.currentIndex + 1);
-          _this2.startLoop();
+          _this3.isTransition = true;
+          _this3.changeCurrentIndex(_this3.currentIndex + 1);
+          _this3.startLoop();
         }, this.loopTime);
       },
       endLoop: function endLoop() {
@@ -48829,10 +48844,7 @@
     return _vm.sourceList.length ? _c('section', {
       ref: "swiper",
       class: ['bk-swiper-home', _vm.extCls],
-      style: {
-        width: _vm.realWidth + "px",
-        height: _vm.realHeight + "px"
-      }
+      style: _vm.swiperStyle
     }, [_c('hgroup', {
       class: [{
         'bk-transition': _vm.isTransition