bk-magic-vue 2.5.6-beta.3 → 2.5.6

package/dist/bk-magic-vue.css

@@ -944,19 +944,28 @@
         cursor:not-allowed;
     }
 .bk-button.bk-primary.is-loading{
-        cursor:default
+      cursor:default
     }
 .bk-button.bk-primary.is-loading:hover,
-        .bk-button.bk-primary.is-loading.hover{
-            background-color:#3a84ff;
-            border-color:#3a84ff;
-            opacity:1;
-        }
+      .bk-button.bk-primary.is-loading.hover{
+          background-color:#3a84ff;
+          border-color:#3a84ff;
+          opacity:1;
+      }
 .bk-button.bk-primary.is-loading:active,
-        .bk-button.bk-primary.is-loading.active{
+      .bk-button.bk-primary.is-loading.active{
+          background-color:#3a84ff;
+          border-color:#3a84ff;
+      }
+.bk-button.bk-primary.is-loading.is-outline .bk-button-loading div{
             background-color:#3a84ff;
-            border-color:#3a84ff;
-        }
+          }
+.bk-button.bk-primary.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-primary.is-loading.is-outline.hover .bk-button-loading div{
+              background-color:#fff;
+            }
+.bk-button.bk-primary.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-primary.is-loading.is-outline:active .bk-button-loading div{
+              background-color:#fff;
+            }
 .bk-button.bk-primary.is-outline{
         color:#3a84ff;
         border-color:#3a84ff;
@@ -1000,19 +1009,28 @@
         cursor:not-allowed;
     }
 .bk-button.bk-success.is-loading{
-        cursor:default
+      cursor:default
     }
 .bk-button.bk-success.is-loading:hover,
-        .bk-button.bk-success.is-loading.hover{
-            background-color:#2dcb56;
-            border-color:#2dcb56;
-            opacity:1;
-        }
+      .bk-button.bk-success.is-loading.hover{
+          background-color:#2dcb56;
+          border-color:#2dcb56;
+          opacity:1;
+      }
 .bk-button.bk-success.is-loading:active,
-        .bk-button.bk-success.is-loading.active{
+      .bk-button.bk-success.is-loading.active{
+          background-color:#2dcb56;
+          border-color:#2dcb56;
+      }
+.bk-button.bk-success.is-loading.is-outline .bk-button-loading div{
             background-color:#2dcb56;
-            border-color:#2dcb56;
-        }
+          }
+.bk-button.bk-success.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-success.is-loading.is-outline.hover .bk-button-loading div{
+              background-color:#fff;
+            }
+.bk-button.bk-success.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-success.is-loading.is-outline:active .bk-button-loading div{
+              background-color:#fff;
+            }
 .bk-button.bk-success.is-outline{
         color:#2dcb56;
         border-color:#2dcb56;
@@ -1056,19 +1074,28 @@
         cursor:not-allowed;
     }
 .bk-button.bk-warning.is-loading{
-        cursor:default
+      cursor:default
     }
 .bk-button.bk-warning.is-loading:hover,
-        .bk-button.bk-warning.is-loading.hover{
-            background-color:#ff9c01;
-            border-color:#ff9c01;
-            opacity:1;
-        }
+      .bk-button.bk-warning.is-loading.hover{
+          background-color:#ff9c01;
+          border-color:#ff9c01;
+          opacity:1;
+      }
 .bk-button.bk-warning.is-loading:active,
-        .bk-button.bk-warning.is-loading.active{
+      .bk-button.bk-warning.is-loading.active{
+          background-color:#ff9c01;
+          border-color:#ff9c01;
+      }
+.bk-button.bk-warning.is-loading.is-outline .bk-button-loading div{
             background-color:#ff9c01;
-            border-color:#ff9c01;
-        }
+          }
+.bk-button.bk-warning.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-warning.is-loading.is-outline.hover .bk-button-loading div{
+              background-color:#fff;
+            }
+.bk-button.bk-warning.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-warning.is-loading.is-outline:active .bk-button-loading div{
+              background-color:#fff;
+            }
 .bk-button.bk-warning.is-outline{
         color:#ff9c01;
         border-color:#ff9c01;
@@ -1112,19 +1139,28 @@
         cursor:not-allowed;
     }
 .bk-button.bk-danger.is-loading{
-        cursor:default
+      cursor:default
     }
 .bk-button.bk-danger.is-loading:hover,
-        .bk-button.bk-danger.is-loading.hover{
-            background-color:#ea3636;
-            border-color:#ea3636;
-            opacity:1;
-        }
+      .bk-button.bk-danger.is-loading.hover{
+          background-color:#ea3636;
+          border-color:#ea3636;
+          opacity:1;
+      }
 .bk-button.bk-danger.is-loading:active,
-        .bk-button.bk-danger.is-loading.active{
+      .bk-button.bk-danger.is-loading.active{
+          background-color:#ea3636;
+          border-color:#ea3636;
+      }
+.bk-button.bk-danger.is-loading.is-outline .bk-button-loading div{
             background-color:#ea3636;
-            border-color:#ea3636;
-        }
+          }
+.bk-button.bk-danger.is-loading.is-outline:hover .bk-button-loading div, .bk-button.bk-danger.is-loading.is-outline.hover .bk-button-loading div{
+              background-color:#fff;
+            }
+.bk-button.bk-danger.is-loading.is-outline.active .bk-button-loading div, .bk-button.bk-danger.is-loading.is-outline:active .bk-button-loading div{
+              background-color:#fff;
+            }
 .bk-button.bk-danger.is-outline{
         color:#ea3636;
         border-color:#ea3636;
@@ -1427,6 +1463,9 @@
     transition:background-color ease 0.3s;
     min-width:68px;
 }
+.bk-button-hover .bk-loading-wrapper{
+        opacity:0;
+    }
 .bk-button-hover .bk-button-loading{
         width:58px;
         display:inline-block;

package/dist/bk-magic-vue.js

@@ -39183,15 +39183,18 @@
             return _this2.updateElsHeight();
           });
         }
-        var tableHeight = this.tableHeight = this.table.$el.offsetHeight - this.paginationHeight;
-        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;
-        this.syncRowHeight();
-        this.updateScrollY();
-        this.notifyObservers('scrollable');
+        setTimeout(function () {
+          var tableHeight = _this2.tableHeight = _this2.table.$el.offsetHeight - _this2.paginationHeight;
+          console.warn("this.table.$el.offsetHeight: ".concat(_this2.table.$el.offsetHeight, " --- this.paginationHeight: ").concat(_this2.paginationHeight, " --- tableHeight: ").concat(tableHeight));
+          var footerHeight = _this2.footerHeight = footerWrapper ? footerWrapper.offsetHeight : 0;
+          _this2.bodyHeight = tableHeight - headerHeight - footerHeight + (footerWrapper ? 1 : 0);
+          _this2.fixedBodyHeight = _this2.scrollX ? _this2.bodyHeight - _this2.gutterWidth : _this2.bodyHeight;
+          var noData = !_this2.table.data || _this2.table.data.length === 0;
+          _this2.viewportHeight = _this2.scrollX ? tableHeight - (noData ? 0 : _this2.gutterWidth) : tableHeight;
+          _this2.syncRowHeight();
+          _this2.updateScrollY();
+          _this2.notifyObservers('scrollable');
+        }, 0);
       }
     }, {
       key: "getFlattenColumns",
@@ -43719,27 +43722,31 @@
         this.$refs.input.style.width = this.INPUT_MIN_WIDTH + 'px';
       },
       handleInput: function handleInput(event) {
-        if (this.maxData === -1 || this.maxData > this.tagList.length) {
-          var value = event.target.value;
-          var charLen = this.getCharLength(value);
-          this.cacheVal = value;
-          if (charLen) {
-            this.isCanRemoveTag = false;
-            this.filterData(value);
-            this.$refs.input.style.width = charLen * this.INPUT_MIN_WIDTH + 'px';
-          } else {
-            this.isCanRemoveTag = true;
-            if (this.trigger === 'focus') {
-              this.filterData();
+        var _this7 = this;
+        var value = event.target.value;
+        this.$emit('inputchange', value);
+        this.$nextTick(function () {
+          if (_this7.maxData === -1 || _this7.maxData > _this7.tagList.length) {
+            var charLen = _this7.getCharLength(value);
+            _this7.cacheVal = value;
+            if (charLen) {
+              _this7.isCanRemoveTag = false;
+              _this7.filterData(value);
+              _this7.$refs.input.style.width = charLen * _this7.INPUT_MIN_WIDTH + 'px';
+            } else {
+              _this7.isCanRemoveTag = true;
+              if (_this7.trigger === 'focus') {
+                _this7.filterData();
+              }
             }
+          } else {
+            _this7.handleBlur();
+            _this7.curInputValue = '';
+            _this7.showList = false;
           }
-        } else {
-          this.handleBlur();
-          this.curInputValue = '';
-          this.showList = false;
-        }
-        this.isEdit = true;
-        this.focusItemIndex = this.allowCreate ? -1 : 0;
+          _this7.isEdit = true;
+          _this7.focusItemIndex = _this7.allowCreate ? -1 : 0;
+        });
       },
       handleFocus: function handleFocus(event) {
         this.isCanRemoveTag = true;
@@ -43748,7 +43755,7 @@
         event.currentTarget.select();
       },
       handlePaste: function handlePaste(event) {
-        var _this7 = this;
+        var _this8 = this;
         if (this.isSingleSelect) {
           return false;
         }
@@ -43763,7 +43770,7 @@
         var valArr = this.pasteFn ? this.pasteFn(value) : this.defaultPasteFn(value);
         var tags = [];
         valArr.map(function (val) {
-          return tags.push(val[_this7.saveKey]);
+          return tags.push(val[_this8.saveKey]);
         });
         if (tags.length) {
           var nodes = this.$refs.tagList.childNodes;
@@ -43771,10 +43778,10 @@
           var localTags = [];
           var localInitDara = [];
           this.initData.map(function (data) {
-            localInitDara.push(data[_this7.saveKey]);
+            localInitDara.push(data[_this8.saveKey]);
           });
           tags = tags.filter(function (tag) {
-            return tag && tag.trim() && !_this7.tagList.includes(tag) && localInitDara.includes(tag);
+            return tag && tag.trim() && !_this8.tagList.includes(tag) && localInitDara.includes(tag);
           });
           if (this.maxData !== -1) {
             if (this.tagList.length < this.maxData) {
@@ -43788,8 +43795,8 @@
           }
           tags.map(function (tag) {
             var temp = {};
-            temp[_this7.saveKey] = tag;
-            temp[_this7.displayKey] = tag;
+            temp[_this8.saveKey] = tag;
+            temp[_this8.displayKey] = tag;
             localTags.push(temp);
           });
           if (tags.length) {
@@ -43801,36 +43808,36 @@
             this.focusInputer();
             this.$refs.input.style.width = this.INPUT_MIN_WIDTH + 'px';
             this.initData = this.initData.filter(function (val) {
-              return !tags.includes(val[_this7.saveKey]);
+              return !tags.includes(val[_this8.saveKey]);
             });
             this.handlerChange('select');
           }
         }
       },
       defaultPasteFn: function defaultPasteFn(val) {
-        var _this8 = this;
+        var _this9 = this;
         var target = [];
         var textArr = val.split(';');
         textArr.map(function (item) {
           if (item.match(/^[a-zA-Z][a-zA-Z_]+/g)) {
             var finalItem = item.match(/^[a-zA-Z][a-zA-Z_]+/g).join('');
             var temp = {};
-            temp[_this8.saveKey] = finalItem;
-            temp[_this8.displayKey] = finalItem;
+            temp[_this9.saveKey] = finalItem;
+            temp[_this9.displayKey] = finalItem;
             target.push(temp);
           }
         });
         return target;
       },
       updateScrollTop: function updateScrollTop() {
-        var _this9 = this;
+        var _this10 = this;
         var panelObj = this.$refs.selectorList;
         var panelInfo = {
           height: panelObj.clientHeight,
           yAxis: panelObj.getBoundingClientRect().y
         };
         this.$nextTick(function () {
-          var activeObj = _this9.$refs.selectorList.querySelector('.bk-selector-actived');
+          var activeObj = _this10.$refs.selectorList.querySelector('.bk-selector-actived');
           if (!activeObj) {
             return;
           }
@@ -43942,7 +43949,7 @@
         this.showList = false;
       },
       backspaceHandler: function backspaceHandler(index, target) {
-        var _this10 = this;
+        var _this11 = this;
         if (!this.curInputValue) {
           if (this.isCanRemoveTag) {
             this.tagList.splice(index - 1, 1);
@@ -43955,7 +43962,7 @@
             this.focusInputer();
             var localList = this.useGroup ? this.allList : this.list;
             var isExistInit = localList.some(function (item) {
-              return item === target[_this10.saveKey];
+              return item === target[_this11.saveKey];
             });
             if ((this.allowCreate && isExistInit || !this.allowCreate) && !this.isSingleSelect) {
               this.initData.push(target);
@@ -43973,19 +43980,19 @@
         this.handlerChange('remove');
       },
       removeTag: function removeTag(data, index) {
-        var _this11 = this;
+        var _this12 = this;
         this.tagList.splice(index, 1);
         this.localTagList.splice(index, 1);
         var localList = this.useGroup ? this.allList : this.list;
         var isExistInit = localList.some(function (item) {
-          return item === data[_this11.saveKey];
+          return item === data[_this12.saveKey];
         });
         if ((this.allowCreate && isExistInit || !this.allowCreate) && !this.isSingleSelect) {
           this.initData.push(data);
         }
       },
       addTag: function addTag(item, type) {
-        var _this12 = this;
+        var _this13 = this;
         var nodes = this.$refs.tagList.childNodes;
         var result = this.getSiteInfo();
         var isSelected = false;
@@ -43996,13 +44003,13 @@
             var localTags = [];
             tags = item.split(this.separator);
             tags = tags.filter(function (tag) {
-              var validate = typeof _this12.createTagValidator === 'function' ? _this12.createTagValidator(tag) : true;
-              return tag && tag.trim() && !_this12.tagList.includes(tag) && validate;
+              var validate = typeof _this13.createTagValidator === 'function' ? _this13.createTagValidator(tag) : true;
+              return tag && tag.trim() && !_this13.tagList.includes(tag) && validate;
             });
             tags.forEach(function (tag) {
               var temp = {};
-              temp[_this12.saveKey] = tag;
-              temp[_this12.displayKey] = tag;
+              temp[_this13.saveKey] = tag;
+              temp[_this13.displayKey] = tag;
               localTags.push(temp);
             });
             if (tags.length) {
@@ -44047,14 +44054,14 @@
         if (isSelected) {
           this.$nextTick(function () {
             var site = nodes[_parseInt$2(result.index, 10) + 1];
-            _this12.insertAfter(_this12.$refs.staffInput, site);
-            _this12.$refs.input.style.width = _this12.INPUT_MIN_WIDTH + 'px';
-            if (!_this12.isSingleSelect && _this12.allowNextFocus) {
-              _this12.focusInputer();
-            }
-            if (!_this12.isSingleSelect) {
-              _this12.initData = _this12.initData.filter(function (val) {
-                return !_this12.tagList.includes(val[_this12.saveKey]);
+            _this13.insertAfter(_this13.$refs.staffInput, site);
+            _this13.$refs.input.style.width = _this13.INPUT_MIN_WIDTH + 'px';
+            if (!_this13.isSingleSelect && _this13.allowNextFocus) {
+              _this13.focusInputer();
+            }
+            if (!_this13.isSingleSelect) {
+              _this13.initData = _this13.initData.filter(function (val) {
+                return !_this13.tagList.includes(val[_this13.saveKey]);
               });
             }
           });
@@ -44072,35 +44079,35 @@
         this.cacheVal = '';
       },
       handleBlur: function handleBlur(inputValue) {
-        var _this13 = this;
+        var _this14 = this;
         this.timer = setTimeout(function () {
-          var inputValue = _this13.curInputValue;
-          _this13.clearInput();
-          _this13.dispatch('bk-form-item', 'form-blur');
-          _this13.isEdit = false;
-          if (_this13.isSingleSelect) {
-            var _this13$tagListCache = _slicedToArray(_this13.tagListCache, 1),
-              oldVal = _this13$tagListCache[0];
-            if (inputValue && inputValue === oldVal && _this13.localTagListCache.length) {
-              _this13.addTag(_this13.localTagListCache[0], 'select');
+          var inputValue = _this14.curInputValue;
+          _this14.clearInput();
+          _this14.dispatch('bk-form-item', 'form-blur');
+          _this14.isEdit = false;
+          if (_this14.isSingleSelect) {
+            var _this14$tagListCache = _slicedToArray(_this14.tagListCache, 1),
+              oldVal = _this14$tagListCache[0];
+            if (inputValue && inputValue === oldVal && _this14.localTagListCache.length) {
+              _this14.addTag(_this14.localTagListCache[0], 'select');
             } else {
-              _this13.handlerChange('remove');
+              _this14.handlerChange('remove');
             }
-          } else if (_this13.allowAutoMatch && inputValue) {
-            var matchItem = _this13.renderList.find(function (item) {
-              return item[_this13.searchKey] === inputValue;
+          } else if (_this14.allowAutoMatch && inputValue) {
+            var matchItem = _this14.renderList.find(function (item) {
+              return item[_this14.searchKey] === inputValue;
             });
             if (matchItem) {
-              _this13.handlerResultSelect(matchItem, 'select');
-            } else if (_this13.allowCreate) {
-              _this13.handlerResultSelect(inputValue, 'custom');
+              _this14.handlerResultSelect(matchItem, 'select');
+            } else if (_this14.allowCreate) {
+              _this14.handlerResultSelect(inputValue, 'custom');
             }
           }
-          _this13.$emit('blur', inputValue, _this13.tagList);
+          _this14.$emit('blur', inputValue, _this14.tagList);
         }, 200);
       },
       focusInputer: function focusInputer(event) {
-        var _this14 = this;
+        var _this15 = this;
         if (this.disabled) {
           return;
         }
@@ -44125,11 +44132,11 @@
         }
         this.isEdit = true;
         this.$nextTick(function () {
-          _this14.$refs.input.focus();
-          if (_this14.trigger === 'focus') {
-            _this14.showList = true;
-            _this14.filterData();
-            _this14.showPopover();
+          _this15.$refs.input.focus();
+          if (_this15.trigger === 'focus') {
+            _this15.showList = true;
+            _this15.filterData();
+            _this15.showPopover();
           }
         });
       },