bk-magic-vue 2.4.0-beta.2 → 2.4.0

package/lib/big-tree.js

@@ -627,7 +627,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/breadcrumb.js

@@ -14,6 +14,16 @@
         separatorClass: {
           type: String,
           default: ''
+        },
+        backRouter: {
+          type: [Object, String],
+          default: function _default() {
+            return null;
+          }
+        },
+        replace: {
+          type: Boolean,
+          default: false
         }
       },
       provide: function provide() {
@@ -26,6 +36,14 @@
         if (items.length) {
           items[items.length - 1].setAttribute('aria-current', 'page');
         }
+      },
+      methods: {
+        goBack: function goBack() {
+          var backRouter = this.backRouter,
+              $router = this.$router;
+          if (!backRouter || !$router) return;
+          this.replace ? $router.replace(backRouter) : $router.push(backRouter);
+        }
       }
     };
 
@@ -105,7 +123,16 @@
           "aria-label": "Breadcrumb",
           "role": "navigation"
         }
-      }, [_vm._t("default")], 2);
+      }, [!_vm.$slots.prefix && _vm.backRouter ? _c('div', {
+        staticClass: "bk-breadcrumb-goback"
+      }, [_c('i', {
+        staticClass: "bk-icon icon-arrows-left icon-default",
+        on: {
+          "click": _vm.goBack
+        }
+      })]) : _vm._e(), _vm.$slots.prefix ? _c('div', {
+        staticClass: "bk-breadcrumb-goback"
+      }, [_vm._t("prefix")], 2) : _vm._e(), _vm._t("default")], 2);
     };
 
     var __vue_staticRenderFns__ = [];

package/lib/cascade.js

@@ -6142,7 +6142,11 @@
 	      return selections;
 	    },
 	    changeValueList: function changeValueList() {
-	      this.recursiveList(this.cascadeList, this.value, 'init');
+	      if (this.isRemote) {
+	        this.recursiveList(this.cascadeList, this.value, 'search');
+	      } else {
+	        this.recursiveList(this.cascadeList, this.value, 'init');
+	      }
 	      this.checkListStatus(this.value);
 	      var newList = this.changeList();
 	      this.multipleSelectedList = newList.filter(function (item) {
@@ -6261,7 +6265,7 @@
 	      var itemId = item.id[item.id.length - 1];
 	      var changeCheckStatus = function changeCheckStatus(arr) {
 	        arr.forEach(function (item) {
-	          if (itemId === item.id) {
+	          if ("".concat(itemId) === "".concat(item.id)) {
 	            item.isSelected = false;
 	            item.isIndeterminate = false;
 	          }
@@ -6365,9 +6369,15 @@
 	  }, _vm._l(_vm.multipleSelectedList, function (item, index) {
 	    return _c('span', {
 	      key: index,
-	      staticClass: "bk-cascade-tag-item"
+	      staticClass: "bk-cascade-tag-item",
+	      staticStyle: {
+	        "padding-right": "18px"
+	      }
 	    }, [_c('span', {
-	      staticClass: "bk-cascade-item-name"
+	      staticClass: "bk-cascade-item-name",
+	      attrs: {
+	        "title": item.name
+	      }
 	    }, [_vm._v(_vm._s(item.name))]), _c('a', {
 	      staticClass: "remove-key",
 	      attrs: {

package/lib/date-picker.js

@@ -62,7 +62,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }
@@ -2935,10 +2935,10 @@
         return !this.editable || this.readonly;
       },
       hasFooter: function hasFooter() {
-        return !!this.$slots.footer;
+        return !!this.$slots.footer || !!this.$scopedSlots.footer;
       },
       hasHeader: function hasHeader() {
-        return !!this.$slots.header;
+        return !!this.$slots.header || !!this.$scopedSlots.header;
       },
       allowCrossDayProp: function allowCrossDayProp() {
         return this.panel === 'RangeTimePickerPanel' ? this.allowCrossDay : false;
@@ -3570,7 +3570,12 @@
         },
         "selection-mode-change": _vm.onSelectionModeChange
       }
-    }, 'component', _vm.ownPickerProps, false)), _vm.hasFooter ? [_c('div', {
+    }, 'component', _vm.ownPickerProps, false), [_vm.$slots.shortcuts || _vm.$scopedSlots.shortcuts ? _c('div', {
+      attrs: {
+        "slot": "shortcuts"
+      },
+      slot: "shortcuts"
+    }, [_vm._t("shortcuts")], 2) : _vm._e()]), _vm.hasFooter ? [_c('div', {
       staticClass: "bk-date-picker-footer-wrapper",
       class: _vm.footerSlotCls
     }, [_vm._t("footer")], 2)] : _vm._e()], 2)], 1)], 1);
@@ -6097,7 +6102,7 @@
 
     return _c('div', {
       staticClass: "bk-picker-panel-body-wrapper bk-date-picker-with-range",
-      class: [_vm.shortcuts.length ? 'bk-picker-panel-with-sidebar' : ''],
+      class: [_vm.shortcuts.length || _vm.$slots.shortcuts ? 'bk-picker-panel-with-sidebar' : ''],
       on: {
         "mousedown": function mousedown($event) {
           $event.preventDefault();
@@ -6331,9 +6336,9 @@
         "pick-clear": _vm.handlePickClear,
         "pick-success": _vm.handlePickSuccess
       }
-    }) : _vm._e()], 1), _vm.shortcuts.length ? _c('div', {
+    }) : _vm._e()], 1), _vm.shortcuts.length || _vm.$slots.shortcuts ? _c('div', {
       staticClass: "bk-picker-panel-sidebar"
-    }, _vm._l(_vm.shortcuts, function (shortcut, index) {
+    }, [_vm.$slots.shortcuts ? _vm._t("shortcuts") : _vm._l(_vm.shortcuts, function (shortcut, index) {
       return _c('div', {
         key: index,
         staticClass: "bk-picker-panel-shortcut",
@@ -6343,7 +6348,7 @@
           }
         }
       }, [_vm._v(_vm._s(shortcut.text))]);
-    }), 0) : _vm._e()]);
+    })], 2) : _vm._e()]);
   };
 
   var __vue_staticRenderFns__$b = [];

package/lib/dialog.js

@@ -590,7 +590,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/directives/overflow-tips.js

@@ -81,7 +81,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/directives/tooltips.js

@@ -83,7 +83,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/form-item.js

@@ -1659,7 +1659,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/image-viewer.js

@@ -236,7 +236,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/image.js

@@ -374,7 +374,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/info-box.js

@@ -606,7 +606,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/pagination.js

@@ -628,7 +628,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/row.js

@@ -25,7 +25,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/search-select.js

@@ -403,7 +403,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/select.js

@@ -628,7 +628,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/slider.js

@@ -429,7 +429,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }

package/lib/table-column.js

@@ -77,7 +77,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }
@@ -2231,7 +2231,9 @@
           renderCell = DEFAULT_RENDER_CELL;
         }
         if (_self.showOverflowTooltip) {
-          var config = _typeof(_self.showOverflowTooltip) === 'object' ? _self.showOverflowTooltip : {};
+          var config = _typeof(_self.showOverflowTooltip) === 'object' ? _self.showOverflowTooltip : {
+            interactive: false
+          };
           return h("div", {
             "class": "cell",
             "directives": [{

package/lib/table.js

@@ -419,7 +419,7 @@
 	    var ownKeys = Object.keys(source);
 
 	    if (typeof Object.getOwnPropertySymbols === 'function') {
-	      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+	      ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
 	        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
 	      }));
 	    }
@@ -3994,12 +3994,11 @@
 	  _createClass(TableLayout, [{
 	    key: "updateScrollY",
 	    value: function updateScrollY() {
-	      var height = this.height;
-	      if (typeof height !== 'string' && typeof height !== 'number') return;
+	      if (!this.bodyHeight) return;
 	      var bodyWrapper = this.table.bodyWrapper;
 	      if (this.table.$el && bodyWrapper) {
 	        if (this.table.isVirtualRender) {
-	          var body = bodyWrapper.querySelector('.bk-virtual-render');
+	          var body = bodyWrapper.querySelector('.bk-virtual-section');
 	          this.scrollY = body.offsetHeight > this.bodyHeight;
 	        } else {
 	          var _body = bodyWrapper.querySelector('.bk-table-body');
@@ -4059,10 +4058,8 @@
 	        });
 	      }
 	      var tableHeight = this.tableHeight = this.table.$el.offsetHeight - this.paginationHeight;
-	      if (this.height !== null && (!isNaN(this.height) || typeof this.height === 'string')) {
-	        var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
-	        this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
-	      }
+	      var footerHeight = this.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
+	      this.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
 	      this.fixedBodyHeight = this.scrollX ? this.bodyHeight - this.gutterWidth : this.bodyHeight;
 	      var noData = !this.table.data || this.table.data.length === 0;
 	      this.viewportHeight = this.scrollX ? tableHeight - (noData ? 0 : this.gutterWidth) : tableHeight;
@@ -12679,10 +12676,10 @@
 	    },
 	    doLayout: function doLayout() {
 	      if (this.$destroyed) return;
-	      this.layout.updateColumnsWidth();
 	      if (this.shouldUpdateHeight) {
 	        this.layout.updateElsHeight();
 	      }
+	      this.layout.updateColumnsWidth();
 	    },
 	    sort: function sort(prop, order) {
 	      this.store.commit('sort', {

package/lib/tag-input.js

@@ -403,7 +403,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/time-picker.js

@@ -62,7 +62,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }
@@ -2853,10 +2853,10 @@
         return !this.editable || this.readonly;
       },
       hasFooter: function hasFooter() {
-        return !!this.$slots.footer;
+        return !!this.$slots.footer || !!this.$scopedSlots.footer;
       },
       hasHeader: function hasHeader() {
-        return !!this.$slots.header;
+        return !!this.$slots.header || !!this.$scopedSlots.header;
       },
       allowCrossDayProp: function allowCrossDayProp() {
         return this.panel === 'RangeTimePickerPanel' ? this.allowCrossDay : false;
@@ -3488,7 +3488,12 @@
         },
         "selection-mode-change": _vm.onSelectionModeChange
       }
-    }, 'component', _vm.ownPickerProps, false)), _vm.hasFooter ? [_c('div', {
+    }, 'component', _vm.ownPickerProps, false), [_vm.$slots.shortcuts || _vm.$scopedSlots.shortcuts ? _c('div', {
+      attrs: {
+        "slot": "shortcuts"
+      },
+      slot: "shortcuts"
+    }, [_vm._t("shortcuts")], 2) : _vm._e()]), _vm.hasFooter ? [_c('div', {
       staticClass: "bk-date-picker-footer-wrapper",
       class: _vm.footerSlotCls
     }, [_vm._t("footer")], 2)] : _vm._e()], 2)], 1)], 1);

package/lib/transfer.js

@@ -83,7 +83,7 @@
       var ownKeys = Object.keys(source);
 
       if (typeof Object.getOwnPropertySymbols === 'function') {
-        ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
+        ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) {
           return Object.getOwnPropertyDescriptor(source, sym).enumerable;
         }));
       }

package/lib/ui/bk-magic-vue.css

@@ -10344,9 +10344,11 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
             cursor:pointer;
             color:#C4C6CC
         }
-.bk-table th .bk-table-column-filter-trigger.is-open,
-            .bk-table th .bk-table-column-filter-trigger.is-filtered{
-                color:#63656E;
+.bk-table th .bk-table-column-filter-trigger.is-open{
+                color:#63656e;
+            }
+.bk-table th .bk-table-column-filter-trigger.is-filtered{
+                color:#3a84ff;
             }
 .bk-table th .bk-table-caret-wrapper{
             display:-webkit-inline-box;
@@ -10384,10 +10386,10 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
                 bottom:-1px;
             }
 .bk-table th.ascending .bk-table-sort-caret.ascending{
-            border-bottom-color:#63656E;
+            border-bottom-color:#3a84ff;
         }
 .bk-table th.descending .bk-table-sort-caret.descending{
-            border-top-color:#63656E;
+            border-top-color:#3a84ff;
         }
 .bk-table td.gutter{
         width:0;
@@ -11245,7 +11247,6 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         box-sizing:border-box;
         padding-top:6px;
         text-align:left;
-        //background-color:#e1ecff;
         background-color:rgba(58,132,255,.16);
         mix-blend-mode:multiply;
         color:#3a84ff;
@@ -14508,14 +14509,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
         min-height:21px;
         line-height:19px;
         word-break:break-all;
-        max-width:200px;
+        max-width:150px;
         overflow:hidden;
         display:inline-block;
         text-overflow:ellipsis;
         white-space:nowrap;
     }
 .bk-cascade-tag-list .remove-key{
-        position:relative;
+        position:absolute;
         width:18px;
         height:16px;
         top:3px;
@@ -15149,6 +15150,14 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
 .bk-breadcrumb-item:last-child .bk-breadcrumb-separator{
         display:none;
       }
+.bk-breadcrumb-goback{
+    color:#699df4;
+    margin-right:12px;
+    cursor:pointer
+  }
+.bk-breadcrumb-goback .icon-default{
+      font-size:26px;
+    }
 .bk-divider{
     position:relative
 }