bk-magic-vue 2.4.8-beta.6 → 2.4.8

package/dist/bk-magic-vue.js

@@ -6694,6 +6694,7 @@
   var nodeList = [];
   var clickctx = '$clickoutsideCtx';
   var beginClick;
+  var seed = 0;
   document.addEventListener('mousedown', function (event) {
     return beginClick = event;
   });
@@ -6704,7 +6705,8 @@
   });
   var bkClickoutside = {
     bind: function bind(el, binding, vnode) {
-      var id = nodeList.push(el) - 1;
+      nodeList.push(el);
+      var id = seed++;
       var clickoutsideHandler = function clickoutsideHandler() {
         var mouseup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var mousedown = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -8511,7 +8513,7 @@
         expression: "handleClose"
       }],
       staticClass: "bk-date-picker",
-      class: [_vm.type === 'datetimerange' ? 'long' : '', _vm.longWidthCls, _vm.extCls]
+      class: [_vm.type === 'datetimerange' ? 'long' : '', _vm.longWidthCls, _vm.extCls, _vm.type === 'time' ? 'time-picker' : '']
     }, [_c('div', {
       ref: "reference",
       staticClass: "bk-date-picker-rel"
@@ -12204,7 +12206,8 @@
         "disabled-date": _vm.disabledDate,
         "range-state": _vm.rangeState,
         "value": _vm.preSelecting.left ? [_vm.dates[0]] : _vm.dates,
-        "focused-date": _vm.focusedDate
+        "focused-date": _vm.focusedDate,
+        "cell-class": _vm.cellClass
       },
       on: {
         "change-range": _vm.handleChangeRange,
@@ -29409,10 +29412,10 @@
 
   var InfoBoxConstructor = Vue.extend(__vue_component__$v);
   var instancesList = [];
-  var seed = 0;
+  var seed$1 = 0;
   var Info = function Info() {
     var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var id = 'bkInfoBox' + seed++;
+    var id = 'bkInfoBox' + seed$1++;
     if (typeof opts === 'string') {
       opts = {
         title: opts
@@ -29431,8 +29434,8 @@
     instance.type = opts.type || '';
     instance.showFooter = opts.showFooter !== false;
     instance.closeIcon = opts.closeIcon !== false;
-    instance.maskClose = opts.maskClose;
-    instance.escClose = opts.escClose;
+    instance.maskClose = opts.maskClose === undefined ? true : opts.maskClose;
+    instance.escClose = opts.escClose === undefined ? true : opts.escClose;
     instance.theme = opts.theme || 'primary';
     instance.icon = opts.icon;
     instance.extCls = opts.extCls;
@@ -30797,7 +30800,7 @@
 
   var MessageComponent = Vue.extend(__vue_component__$D);
   var messageList = [];
-  var seed$1 = 0;
+  var seed$2 = 0;
   var BkMessage = function BkMessage(config) {
     if (config.limit === 0) {
       BkMessage.batchClose();
@@ -30806,7 +30809,7 @@
     if (config.limit > 0) {
       BkMessage.batchClose(config.limit);
     }
-    var instanceId = "messageInstance_".concat(now$1(), "_").concat(seed$1++);
+    var instanceId = "messageInstance_".concat(now$1(), "_").concat(seed$2++);
     var offsetY = _parseInt$2(config.offsetY) || 30;
     var spacing = _parseInt$2(config.spacing) || 10;
     if (config.ellipsisLine === null || config.ellipsisLine === undefined || config.ellipsisLine === '' || isNaN(config.ellipsisLine)) {
@@ -31055,7 +31058,7 @@
 
   var NotifyComponent = Vue.extend(__vue_component__$E);
   var notifyList = [];
-  var seed$2 = 0;
+  var seed$3 = 0;
   var BkNotify = function BkNotify(config) {
     if (config.limit === 0) {
       BkNotify.batchClose();
@@ -31064,7 +31067,7 @@
     if (config.limit > 0) {
       BkNotify.batchClose(config.limit);
     }
-    var instanceId = "notifyInstance_".concat(now$1(), "_").concat(seed$2++);
+    var instanceId = "notifyInstance_".concat(now$1(), "_").concat(seed$3++);
     var offsetY = config.offsetY || 30;
     var offsetX = config.offsetX || 10;
     var spacing = config.spacing || 10;
@@ -48323,6 +48326,21 @@
 
   setInstaller(__vue_component__$1e);
 
+  var getElementSize = function getElementSize(node) {
+    if (node === undefined) {
+      return {
+        height: 0,
+        width: 0
+      };
+    }
+    var computedStyle = getComputedStyle(node);
+    var width = node.clientWidth - _parseFloat$2(computedStyle.paddingTop) - _parseFloat$2(computedStyle.paddingBottom);
+    var height = node.clientHeight - _parseFloat$2(computedStyle.paddingLeft) - _parseFloat$2(computedStyle.paddingRight);
+    return {
+      height: height,
+      width: width
+    };
+  };
   var script$1e = {
     name: 'bk-swiper',
     props: {
@@ -48361,7 +48379,6 @@
     },
     data: function data() {
       return {
-        swiperMainWith: 0,
         currentIndex: 1,
         isStartMove: false,
         isTransition: false,
@@ -48369,7 +48386,9 @@
         mouseDistance: 0,
         loopId: '',
         isClick: false,
-        realWidth: 0
+        realWidth: 0,
+        realHeight: 0,
+        resizeObserver: {}
       };
     },
     computed: {
@@ -48381,6 +48400,9 @@
         var last = this.sourceList.slice(-1);
         return [].concat(_toConsumableArray(last), _toConsumableArray(this.sourceList), [first]);
       },
+      swiperMainWith: function swiperMainWith() {
+        return this.realWidth * this.dataList.length;
+      },
       imageTransfer: function imageTransfer() {
         var indexMove = this.realWidth * this.currentIndex;
         var imageMove = indexMove - this.mouseDistance;
@@ -48395,38 +48417,11 @@
         },
         immediate: true
       },
-      height: function height(val) {
-        var ele = this.$refs.swiper || {
-          style: {
-            width: 0,
-            height: 0
-          },
-          offsetWidth: 0
-        };
-        if (+val > 0) ele.style.height = val + 'px';
-      },
-      width: function width(val) {
-        var ele = this.$refs.swiper || {
-          style: {
-            width: 0,
-            height: 0
-          },
-          offsetWidth: 0
-        };
-        this.realWidth = +val > 0 ? +val : ele.offsetWidth;
-        ele.style.width = this.realWidth + 'px';
-      },
-      list: function list() {
-        var _this = this;
-        this.$nextTick(function () {
-          _this.calcSize();
-        });
+      height: function height() {
+        this.calcSize();
       },
-      pics: function pics() {
-        var _this2 = this;
-        this.$nextTick(function () {
-          _this2.calcSize();
-        });
+      width: function width() {
+        this.calcSize();
       }
     },
     mounted: function mounted() {
@@ -48437,27 +48432,37 @@
     },
     methods: {
       calcSize: function calcSize() {
-        var ele = this.$refs.swiper || {
-          style: {
-            width: 0,
-            height: 0
-          },
-          offsetWidth: 0
-        };
-        if (+this.height > 0) ele.style.height = this.height + 'px';
-        this.realWidth = +this.width > 0 ? +this.width : ele.offsetWidth;
-        ele.style.width = this.realWidth + 'px';
-        this.swiperMainWith = this.realWidth * this.dataList.length;
+        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;
       },
       initStatus: function initStatus() {
         this.calcSize();
         this.startLoop();
+        this.watchParentSizeChange();
         document.addEventListener('visibilitychange', this.visChange);
       },
       destoryStatus: function destoryStatus() {
         this.endLoop();
+        this.endWatchParentSizeChange();
         document.removeEventListener('visibilitychange', this.visChange);
       },
+      watchParentSizeChange: function watchParentSizeChange() {
+        var _this = this;
+        var parentEle = this.$refs.swiper && this.$refs.swiper.parentElement;
+        if (!parentEle || !window.ResizeObserver) {
+          return;
+        }
+        this.resizeObserver = new ResizeObserver(function () {
+          _this.calcSize();
+        });
+        this.resizeObserver.observe(parentEle);
+      },
+      endWatchParentSizeChange: function endWatchParentSizeChange() {
+        if (this.resizeObserver && this.resizeObserver.disconnect) {
+          this.resizeObserver.disconnect();
+        }
+      },
       goToLink: function goToLink(link) {
         if (this.isClick && link) window.open(link, '_blank');
       },
@@ -48516,13 +48521,13 @@
         }
       },
       startLoop: function startLoop() {
-        var _this3 = this;
+        var _this2 = this;
         if (!this.isLoop) return;
         this.endLoop();
         this.loopId = window.setTimeout(function () {
-          _this3.isTransition = true;
-          _this3.changeCurrentIndex(_this3.currentIndex + 1);
-          _this3.startLoop();
+          _this2.isTransition = true;
+          _this2.changeCurrentIndex(_this2.currentIndex + 1);
+          _this2.startLoop();
         }, this.loopTime);
       },
       endLoop: function endLoop() {
@@ -48544,8 +48549,11 @@
 
     return _vm.sourceList.length ? _c('section', {
       ref: "swiper",
-      staticClass: "bk-swiper-home",
-      class: _vm.extCls
+      class: ['bk-swiper-home', _vm.extCls],
+      style: {
+        width: _vm.realWidth + "px",
+        height: _vm.realHeight + "px"
+      }
     }, [_c('hgroup', {
       class: [{
         'bk-transition': _vm.isTransition