bk-magic-vue 2.4.12-beta.4 → 2.4.13-beta.2

package/dist/bk-magic-vue.css

@@ -7953,7 +7953,6 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em{
 .tippy-backdrop+.tippy-content{
     -webkit-transition-property:opacity;
     transition-property:opacity;
-    will-change:opacity
 }
 .tippy-backdrop+.tippy-content[data-state=visible]{
     opacity:1
@@ -11896,6 +11895,11 @@ th.bk-table-column-selection .cell, th.bk-table-column-expand .cell, td.bk-table
                     background-color:#eef6fe;
                     color:#3a84ff;
                 }
+.bk-transfer .source-list .content li.is-disabled, .bk-transfer .target-list .content li.is-disabled{
+                    cursor:not-allowed;
+                    color:#c4c6cc;
+                    background-color:#fff;
+                }
 .bk-transfer .source-list .content li .content-text, .bk-transfer .target-list .content li .content-text{
                     -webkit-box-flex:1;
                         -ms-flex:1;

package/dist/bk-magic-vue.js

@@ -29619,10 +29619,7 @@
         type: String,
         default: 'normal'
       },
-      precision: {
-        type: Number,
-        default: 0
-      },
+      precision: Number,
       passwordIcon: {
         type: Array,
         default: function _default() {
@@ -29677,9 +29674,12 @@
         inputRightPadding: '10px',
         iconAreaSizeObserver: null,
         validKeyCodeList: [48, 49, 50, 51, 52, 53, 54, 55, 56, 57,
+        96, 97, 98, 99, 100, 101, 102, 103, 104, 105,
         8,
         189,
+        109,
         190,
+        110,
         38, 40, 37, 39,
         46,
         9
@@ -29849,7 +29849,8 @@
         }
         return outputAttr;
       },
-      handleToFixed: function handleToFixed(defaultNumber, len) {
+      handleToFixed: function handleToFixed(defaultNumber, length) {
+        var len = _parseInt$2(length, 10);
         var number = Number(defaultNumber);
         if (isNaN(number) || number >= Math.pow(10, 21)) {
           return number.toString();
@@ -29950,11 +29951,6 @@
             return false;
           }
           if (keyCode === 190) {
-            if (this.precision === 0) {
-              event.stopPropagation();
-              event.preventDefault();
-              return false;
-            }
             if (String(value).trim()) {
               if (value.indexOf('.') >= 0) {
                 event.stopPropagation();
@@ -32827,6 +32823,10 @@
       readonly: Boolean,
       loading: Boolean,
       searchable: Boolean,
+      searchableMinCount: {
+        type: Number,
+        default: 0
+      },
       searchIgnoreCase: {
         type: Boolean,
         default: true
@@ -33025,6 +33025,9 @@
           icon: 'circle-2-1',
           placement: 'right'
         }, this.scrollLoading);
+      },
+      showSearch: function showSearch() {
+        return this.searchable && this.options.length >= this.searchableMinCount;
       }
     },
     watch: {
@@ -33201,7 +33204,7 @@
         var popover = this.getPopoverInstance();
         popover.set({
           onShown: function onShown() {
-            if (_this6.searchable) {
+            if (_this6.showSearch) {
               _this6.$refs.searchInput.focus();
             }
           }
@@ -33571,7 +33574,7 @@
         "slot": "content"
       },
       slot: "content"
-    }, [_vm.searchable ? _c('div', {
+    }, [_vm.showSearch ? _c('div', {
       staticClass: "bk-select-search-wrapper"
     }, [_c('i', {
       staticClass: "left-icon bk-icon icon-search"
@@ -33689,7 +33692,7 @@
     }, [_c('bk-spin', _vm._b({}, 'bk-spin', _vm.scrollEndLoading, false), [_vm._v(_vm._s(_vm.scrollEndLoading.text))])], 1) : _vm._e()], 2)]), _vm.showEmpty ? [!_vm.options.length ? _c('div', {
       staticClass: "bk-select-empty",
       class: _vm.fontSizeCls
-    }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n        ")]) : _vm.searchable && _vm.unmatchedCount === _vm.options.length ? _c('div', {
+    }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.dataEmpty')) + "\n        ")]) : _vm.showSearch && _vm.unmatchedCount === _vm.options.length ? _c('div', {
       staticClass: "bk-select-empty",
       class: _vm.fontSizeCls
     }, [_vm._v("\n          " + _vm._s(_vm.emptyText || _vm.t('bk.select.searchEmpty')) + "\n        ")]) : _vm._e()] : _vm._e(), _vm.$slots.extension ? _c('div', {
@@ -36838,6 +36841,15 @@
           this.firstValue = val;
         }
       },
+      firstChange: function firstChange(v) {
+        if (v === '') {
+          return;
+        }
+        this.firstInput = _parseFloat$2(v);
+        if (this.firstInput >= this.minValue && this.firstInput <= this.maxValue) {
+          this.firstValue = _parseFloat$2(v);
+        }
+      },
       secondInputChange: function secondInputChange(v) {
         if (v === '') {
           return;
@@ -36853,6 +36865,15 @@
           this.secondValue = val;
         }
       },
+      secondChange: function secondChange(v) {
+        if (v === '') {
+          return;
+        }
+        this.secondInput = _parseFloat$2(v);
+        if (this.secondInput >= this.minValue && this.secondInput <= this.maxValue) {
+          this.secondValue = _parseFloat$2(v);
+        }
+      },
       on: function on(element, event, handler) {
         if (element && event && handler) {
           element.addEventListener(event, handler, false);
@@ -36976,7 +36997,7 @@
         "min": _vm.minValue
       },
       on: {
-        "change": _vm.firstInputChange,
+        "change": _vm.firstChange,
         "enter": _vm.firstInputChange,
         "blur": _vm.firstInputChange
       },
@@ -37001,7 +37022,7 @@
         "min": _vm.minValue
       },
       on: {
-        "change": _vm.secondInputChange,
+        "change": _vm.secondChange,
         "enter": _vm.secondInputChange,
         "blur": _vm.secondInputChange
       },
@@ -45499,7 +45520,7 @@
       sortDataList: function sortDataList(list, key, sortList) {
         var arr = sortList;
         return list.sort(function (a, b) {
-          return arr.indexOf(a[key]) - arr.indexOf(b[key]) >= 0;
+          return arr.indexOf(a[key]) - arr.indexOf(b[key]);
         });
       },
       removeFromDataList: function removeFromDataList(removeItem) {
@@ -45514,6 +45535,7 @@
         var displayDataList = this.displayDataList;
         var hasSelectedList = this.hasSelectedList;
         displayDataList.forEach(function (transferItem) {
+          if (transferItem.disabled) return;
           hasSelectedList.push(transferItem);
           _this6.removeFromDataList(transferItem);
         });
@@ -45531,10 +45553,13 @@
       },
       allToLeft: function allToLeft() {
         this.rightHoverIndex = -1;
-        var hasSelectedList = this.hasSelectedList;
+        var hasSelectedList = this.hasSelectedList.filter(function (i) {
+          return !i.disabled;
+        });
         var dataList = this.dataList;
         while (hasSelectedList.length) {
           var transferItem = hasSelectedList.shift();
+          this.hasSelectedList.splice(this.hasSelectedList.indexOf(transferItem), 1);
           dataList.push(transferItem);
           if (this.sortList.length === this.sourceList.length) {
             this.dataList = _toConsumableArray(this.sortDataList(dataList, this.sortCode, this.sortList));
@@ -45549,7 +45574,8 @@
           this.$emit('change', this.dataList, this.hasSelectedList, list);
         }
       },
-      leftClick: function leftClick(index) {
+      leftClick: function leftClick(index, item) {
+        if (item.disabled) return;
         this.leftHoverIndex = -1;
         var transferItem = this.displayDataList[index];
         var hasSelectedList = this.hasSelectedList;
@@ -45567,7 +45593,8 @@
           this.$emit('change', this.dataList, this.hasSelectedList, list);
         }
       },
-      rightClick: function rightClick(index) {
+      rightClick: function rightClick(index, item) {
+        if (item.disabled) return;
         this.rightHoverIndex = -1;
         var transferItem = this.hasSelectedList.splice(index, 1)[0];
         var dataList = this.dataList;
@@ -45649,12 +45676,13 @@
     }, _vm._l(_vm.displayDataList, function (item, index) {
       return _c('li', {
         key: index,
+        class: [item.disabled ? 'is-disabled' : ''],
         on: {
           "click": function click($event) {
             $event.stopPropagation();
             $event.preventDefault();
 
-            _vm.leftClick(index);
+            _vm.leftClick(index, item);
           },
           "mouseover": function mouseover($event) {
             $event.stopPropagation();
@@ -45680,12 +45708,12 @@
         attrs: {
           "title": item[_vm.displayCode]
         }
-      }, [_vm._v(_vm._s(item[_vm.displayCode]))]), _c('span', {
+      }, [_vm._v(_vm._s(item[_vm.displayCode]))]), !item.disabled ? _c('span', {
         staticClass: "icon-wrapper",
         class: [index === _vm.leftHoverIndex ? 'hover' : '']
       }, [_c('i', {
         staticClass: "bk-icon icon-arrows-right"
-      })])], null, item)], 2);
+      })]) : _vm._e()], null, item)], 2);
     }), 0)] : [_vm.slot['left-empty-content'] ? _c('div', [_vm._t("left-empty-content")], 2) : _c('div', {
       staticClass: "empty"
     }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[0] ? _vm.emptyContent[0] : _vm.t('bk.transfer.emptyContent')) + "\n      ")])]], 2), _c('div', {
@@ -45711,12 +45739,13 @@
     }, _vm._l(_vm.hasSelectedList, function (item, index) {
       return _c('li', {
         key: index,
+        class: [item.disabled ? 'is-disabled' : ''],
         on: {
           "click": function click($event) {
             $event.stopPropagation();
             $event.preventDefault();
 
-            _vm.rightClick(index);
+            _vm.rightClick(index, item);
           },
           "mouseover": function mouseover($event) {
             $event.stopPropagation();
@@ -45742,12 +45771,12 @@
         attrs: {
           "title": item[_vm.displayCode]
         }
-      }, [_vm._v(_vm._s(item[_vm.displayCode]))]), _c('span', {
+      }, [_vm._v(_vm._s(item[_vm.displayCode]))]), !item.disabled ? _c('span', {
         staticClass: "icon-wrapper",
         class: [index === _vm.rightHoverIndex ? 'hover' : '']
       }, [_c('i', {
         staticClass: "bk-icon icon-close"
-      })])], null, item)], 2);
+      })]) : _vm._e()], null, item)], 2);
     }), 0)] : [_vm.slot['right-empty-content'] ? _c('div', [_vm._t("right-empty-content")], 2) : _c('div', {
       staticClass: "empty"
     }, [_vm._v("\n        " + _vm._s(_vm.emptyContent[1] ? _vm.emptyContent[1] : _vm.t('bk.transfer.emptySelected')) + "\n      ")])]], 2)]);
@@ -49995,6 +50024,10 @@
         type: String,
         default: ''
       },
+      inputUnfocusClear: {
+        type: Boolean,
+        default: false
+      },
       extCls: {
         type: String,
         default: ''
@@ -50367,8 +50400,19 @@
         if (unFocus) {
           this.hidePopper();
           this.input.focus = false;
+          this.inputUnfocusClear && this.inputOutSideClear();
+          this.$emit('input-click-outside', e);
         }
-        this.$emit('input-click-outside', e);
+      },
+      inputOutSideClear: function inputOutSideClear() {
+        this.input.value = '';
+        this.menu.active = -1;
+        this.menu.id = null;
+        this.updateInput();
+        this.clearInput();
+        this.menu.checked = {};
+        this.menuChildInstance && (this.menuChildInstance.checked = {});
+        this.menuInstance = null;
       },
       handleCancel: function handleCancel(e) {
         this.handleClearChildSelectChecked();