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

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

package/dist/bk-magic-vue.js

@@ -29677,9 +29677,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
@@ -32827,6 +32830,10 @@
       readonly: Boolean,
       loading: Boolean,
       searchable: Boolean,
+      searchableMinCount: {
+        type: Number,
+        default: 0
+      },
       searchIgnoreCase: {
         type: Boolean,
         default: true
@@ -33025,6 +33032,9 @@
           icon: 'circle-2-1',
           placement: 'right'
         }, this.scrollLoading);
+      },
+      showSearch: function showSearch() {
+        return this.searchable && this.options.length >= this.searchableMinCount;
       }
     },
     watch: {
@@ -33201,7 +33211,7 @@
         var popover = this.getPopoverInstance();
         popover.set({
           onShown: function onShown() {
-            if (_this6.searchable) {
+            if (_this6.showSearch) {
               _this6.$refs.searchInput.focus();
             }
           }
@@ -33571,7 +33581,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 +33699,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 +36848,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 +36872,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 +37004,7 @@
         "min": _vm.minValue
       },
       on: {
-        "change": _vm.firstInputChange,
+        "change": _vm.firstChange,
         "enter": _vm.firstInputChange,
         "blur": _vm.firstInputChange
       },
@@ -37001,7 +37029,7 @@
         "min": _vm.minValue
       },
       on: {
-        "change": _vm.secondInputChange,
+        "change": _vm.secondChange,
         "enter": _vm.secondInputChange,
         "blur": _vm.secondInputChange
       },
@@ -41831,7 +41859,12 @@
         type: Boolean,
         default: true
       },
-      pagination: Object,
+      pagination: {
+        type: Object,
+        default: function _default() {
+          return {};
+        }
+      },
       showPaginationInfo: {
         type: Boolean,
         default: true
@@ -49990,6 +50023,10 @@
         type: String,
         default: ''
       },
+      inputUnfocusClear: {
+        type: Boolean,
+        default: false
+      },
       extCls: {
         type: String,
         default: ''
@@ -50362,8 +50399,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();