bkui-vue 0.0.2-beta.117 → 0.0.2-beta.119

package/lib/date-picker/date-picker.d.ts

@@ -145,6 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: (e: any) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     handleInputChange: (e: any) => void;
+    handleInputInput: (e: any) => void;
     handleClear: () => void;
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
     onPickSuccess: () => void;
@@ -170,6 +171,7 @@ declare const _default: import("vue").DefineComponent<{
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
+    tmpValue: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
         readonly type: import("vue").PropType<import("./interface").PickerTypeType>;

package/lib/date-picker/index.d.ts

@@ -261,6 +261,7 @@ declare const BkDatePicker: {
             handleBlur: (e: any) => void;
             handleKeydown: (e: KeyboardEvent) => void;
             handleInputChange: (e: any) => void;
+            handleInputInput: (e: any) => void;
             handleClear: () => void;
             onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
             onPickSuccess: () => void;
@@ -286,6 +287,7 @@ declare const BkDatePicker: {
             timeEnterMode: import("vue").Ref<boolean>;
             shortcut: import("vue").Ref<any>;
             onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
+            tmpValue: import("vue").Ref<any>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], string, {
             readonly type: import("./interface").PickerTypeType;
             readonly disabled: boolean;
@@ -495,6 +497,7 @@ declare const BkDatePicker: {
         handleBlur: (e: any) => void;
         handleKeydown: (e: KeyboardEvent) => void;
         handleInputChange: (e: any) => void;
+        handleInputInput: (e: any) => void;
         handleClear: () => void;
         onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
         onPickSuccess: () => void;
@@ -520,6 +523,7 @@ declare const BkDatePicker: {
         timeEnterMode: import("vue").Ref<boolean>;
         shortcut: import("vue").Ref<any>;
         onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
+        tmpValue: import("vue").Ref<any>;
     }> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: never;
     __isTeleport?: never;
@@ -678,6 +682,7 @@ declare const BkDatePicker: {
     handleBlur: (e: any) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     handleInputChange: (e: any) => void;
+    handleInputInput: (e: any) => void;
     handleClear: () => void;
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
     onPickSuccess: () => void;
@@ -703,6 +708,7 @@ declare const BkDatePicker: {
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
+    tmpValue: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "pick-first" | "open-change" | "shortcut-change", {
     readonly type: import("./interface").PickerTypeType;
     readonly disabled: boolean;

package/lib/date-picker/index.js

@@ -2303,20 +2303,22 @@ var timeParts = ['hours', 'minutes', 'seconds'];
       var bindFunction = function bindFunction(type) {
         var domRef = getDomRef(type);
         domRef.addEventListener('wheel', (0,debounce_namespaceObject["default"])(function () {
+          // handleWheel(type);
           if (wheelStart.value === true) {
             // console.log('滚动了');
             wheelStart.value = false;
             wheelEnd.value = true;
             // 这里写开始滚动时调用的方法
-            handleWheel(type);
             wheelTimer.value = setTimeout(function () {
+              handleWheel(type);
               stopWheel(domRef);
-            }, 400);
+            }, 200);
           } else {
-            clearTimeout(wheelTimer);
+            clearTimeout(wheelTimer.value);
             wheelTimer.value = setTimeout(function () {
+              handleWheel(type);
               stopWheel(domRef);
-            }, 400);
+            }, 300);
           }
         }, 32), {
           passive: true
@@ -4185,7 +4187,9 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       internalFocus: false,
       timeEnterMode: true,
       shortcut: shortcut,
-      onSelectionModeChange: onSelectionModeChange
+      onSelectionModeChange: onSelectionModeChange,
+      // for 编辑时，mouseleave 事件中缓存的 value
+      tmpValue: initialValue
     });
     onSelectionModeChange(props.type);
     function onSelectionModeChange(_type) {
@@ -4339,6 +4343,11 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
         emit('input', now);
       }
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return state.internalValue;
+    }, function (v) {
+      state.tmpValue = v;
+    });
     (0,external_vue_namespaceObject.onMounted)(function () {
       // 如果是 date-picker 那么 time-picker 就是回车模式
       if (props.type.indexOf('date') > -1) {
@@ -4407,6 +4416,7 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       //   return;
       // }
       state.showClose = false;
+      state.internalValue = state.tmpValue;
     };
     var emitChange = function emitChange(type) {
       (0,external_vue_namespaceObject.nextTick)(function () {
@@ -4439,6 +4449,21 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
         state.forceInputRerender = state.forceInputRerender + 1;
       }
     };
+    var handleInputInput = function handleInputInput(e) {
+      var _props$disabledDate2;
+      var isArrayValue = props.type.includes('range') || props.multiple;
+      var oldValue = visualValue.value;
+      var newValue = e.target.value;
+      var newDate = parseDate(newValue, props.type, props.multiple, props.format);
+      var valueToTest = isArrayValue ? newDate : newDate[0];
+      var isDisabled = (_props$disabledDate2 = props.disabledDate) === null || _props$disabledDate2 === void 0 ? void 0 : _props$disabledDate2.call(props, valueToTest);
+      var isValidDate = newDate.reduce(function (valid, date) {
+        return valid && date instanceof Date;
+      }, true);
+      if (newValue !== oldValue && !isDisabled && isValidDate) {
+        state.tmpValue = newDate;
+      }
+    };
     var handleFocus = function handleFocus(e) {
       if (props.readonly) {
         return;
@@ -4642,6 +4667,7 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       handleBlur: handleBlur,
       handleKeydown: handleKeydown,
       handleInputChange: handleInputChange,
+      handleInputInput: handleInputInput,
       handleClear: handleClear,
       onPick: onPick,
       onPickSuccess: onPickSuccess,
@@ -4721,7 +4747,8 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       "onClick": this.handleFocus,
       "onBlur": this.handleBlur,
       "onKeydown": this.handleKeydown,
-      "onChange": this.handleInputChange
+      "onChange": this.handleInputChange,
+      "onInput": this.handleInputInput
     }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
       "onClick": this.handleClear,
       "class": "clear-action"
@@ -4901,7 +4928,9 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       internalFocus: false,
       timeEnterMode: true,
       shortcut: shortcut,
-      onSelectionModeChange: onSelectionModeChange
+      onSelectionModeChange: onSelectionModeChange,
+      // for 编辑时，mouseleave 事件中缓存的 value
+      tmpValue: initialValue
     });
     function onSelectionModeChange(_type) {
       var type = _type;
@@ -5055,6 +5084,11 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
         emit('input', now);
       }
     });
+    (0,external_vue_namespaceObject.watch)(function () {
+      return state.internalValue;
+    }, function (v) {
+      state.tmpValue = v;
+    });
     (0,external_vue_namespaceObject.onMounted)(function () {
       // 如果是 date-picker 那么 time-picker 就是回车模式
       if (props.type.indexOf('date') > -1) {
@@ -5123,6 +5157,7 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       //   return;
       // }
       state.showClose = false;
+      state.internalValue = state.tmpValue;
     };
     var emitChange = function emitChange(type) {
       (0,external_vue_namespaceObject.nextTick)(function () {
@@ -5155,6 +5190,21 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
         state.forceInputRerender = state.forceInputRerender + 1;
       }
     };
+    var handleInputInput = function handleInputInput(e) {
+      var _props$disabledDate2;
+      var isArrayValue = props.type.includes('range') || props.multiple;
+      var oldValue = visualValue.value;
+      var newValue = e.target.value;
+      var newDate = parseDate(newValue, props.type, props.multiple, props.format);
+      var valueToTest = isArrayValue ? newDate : newDate[0];
+      var isDisabled = (_props$disabledDate2 = props.disabledDate) === null || _props$disabledDate2 === void 0 ? void 0 : _props$disabledDate2.call(props, valueToTest);
+      var isValidDate = newDate.reduce(function (valid, date) {
+        return valid && date instanceof Date;
+      }, true);
+      if (newValue !== oldValue && !isDisabled && isValidDate) {
+        state.tmpValue = newDate;
+      }
+    };
     var handleFocus = function handleFocus(e) {
       if (props.readonly) {
         return;
@@ -5356,6 +5406,7 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       handleBlur: handleBlur,
       handleKeydown: handleKeydown,
       handleInputChange: handleInputChange,
+      handleInputInput: handleInputInput,
       handleClear: handleClear,
       handleTransferClick: handleTransferClick,
       onPick: onPick,
@@ -5434,7 +5485,8 @@ function time_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       "onClick": this.handleFocus,
       "onBlur": this.handleBlur,
       "onKeydown": this.handleKeydown,
-      "onChange": this.handleInputChange
+      "onChange": this.handleInputChange,
+      "onInput": this.handleInputInput
     }, null), this.clearable && this.showClose ? (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Close, {
       "onClick": this.handleClear,
       "class": "clear-action"

package/lib/date-picker/time-picker.d.ts

@@ -173,6 +173,7 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: (e: any) => void;
     handleKeydown: (e: KeyboardEvent) => void;
     handleInputChange: (e: any) => void;
+    handleInputInput: (e: any) => void;
     handleClear: () => void;
     handleTransferClick: () => void;
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
@@ -197,6 +198,7 @@ declare const _default: import("vue").DefineComponent<{
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
+    tmpValue: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "change" | "input" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabledHours: {
         readonly type: ArrayConstructor;

package/lib/input/index.js

@@ -960,6 +960,7 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
     });
     var resizeObserver = new ResizeObserver(function () {
       onceInitSizeTextarea();
+      setOverflow();
     });
     (0,external_vue_namespaceObject.watch)(function () {
       return props.type;
@@ -990,12 +991,10 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
       (0,external_vue_namespaceObject.nextTick)(function () {
         return resizeTextarea();
       });
-      // TODO: 值变化时实时检测是否溢出
-      // isOverflow.value = detectOverflow();
+      setOverflow();
     });
-
     (0,external_vue_namespaceObject.onMounted)(function () {
-      isOverflow.value = detectOverflow();
+      setOverflow();
       resizeObserver.observe(inputRef.value);
       (0,external_vue_namespaceObject.nextTick)(function () {
         return resizeTextarea();
@@ -1013,12 +1012,19 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
       focus: function focus() {
         inputRef.value.focus();
       },
+      blur: function blur() {
+        inputRef.value.blur();
+        isFocused.value = false;
+      },
       clear: clear
     });
     function detectOverflow() {
       var _inputRef$value3, _inputRef$value4;
       return ((_inputRef$value3 = inputRef.value) === null || _inputRef$value3 === void 0 ? void 0 : _inputRef$value3.scrollWidth) > ((_inputRef$value4 = inputRef.value) === null || _inputRef$value4 === void 0 ? void 0 : _inputRef$value4.clientWidth) + 2;
     }
+    function setOverflow() {
+      isOverflow.value = detectOverflow();
+    }
     function clear() {
       if (props.disabled) return;
       var resetVal = isNumberInput.value ? props.min : '';
@@ -1032,7 +1038,6 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
     }
     function handleBlur(e) {
       isFocused.value = false;
-      isOverflow.value = detectOverflow();
       ctx.emit(EVENTS.BLUR, e);
       if (props.withValidate) {
         var _formItem$validate2;

package/lib/select/index.d.ts

@@ -568,8 +568,10 @@ declare const BkSelect: {
                     overflowTagIndex: import("vue").Ref<number>;
                     value: any;
                     inputRef: import("vue").Ref<HTMLElement>;
+                    overflowContent: import("vue").ComputedRef<string>;
                     handleRemoveTag: (val: string) => void;
                     focus: () => void;
+                    blur: () => void;
                     handleInput: (e: any) => void;
                     handleKeydown: (e: any) => void;
                     resolveClassName: (cls: string) => string;
@@ -648,8 +650,10 @@ declare const BkSelect: {
                 overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
+                overflowContent: import("vue").ComputedRef<string>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
@@ -1335,8 +1339,10 @@ declare const BkSelect: {
                 overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
+                overflowContent: import("vue").ComputedRef<string>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
@@ -1415,8 +1421,10 @@ declare const BkSelect: {
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2047,8 +2055,10 @@ declare const BkSelect: {
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2127,8 +2137,10 @@ declare const BkSelect: {
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
+        overflowContent: import("vue").ComputedRef<string>;
         handleRemoveTag: (val: string) => void;
         focus: () => void;
+        blur: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/index.js

@@ -483,7 +483,7 @@ function _defineProperty(obj, key, value) {
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
+const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["customRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.customRef, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["onBeforeMount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeMount, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["vModelText"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vModelText, ["vShow"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.vShow, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch, ["withDirectives"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.withDirectives });
 ;// CONCATENATED MODULE: external "lodash/isEqual"
 var isEqual_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var isEqual_y = x => () => x
@@ -1029,7 +1029,7 @@ const merge_namespaceObject = merge_x({ ["default"]: () => __WEBPACK_EXTERNAL_MO
 ;// CONCATENATED MODULE: external "../directives"
 var external_directives_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_directives_y = x => () => x
-const external_directives_namespaceObject = external_directives_x({ ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
+const external_directives_namespaceObject = external_directives_x({ ["bkTooltips"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.bkTooltips, ["clickoutside"]: () => __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__.clickoutside });
 ;// CONCATENATED MODULE: external "../input"
 var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_input_y = x => () => x
@@ -1088,8 +1088,12 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
 
 
 
+
 /* harmony default export */ const selectTagInput = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'SelectTagInput',
+  directives: {
+    bkTooltips: external_directives_namespaceObject.bkTooltips
+  },
   props: {
     selected: {
       type: Array,
@@ -1118,6 +1122,11 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
     var value = (0,external_vue_namespaceObject.ref)(modelValue.value);
     var inputRef = (0,external_vue_namespaceObject.ref)();
     var overflowTagIndex = (0,external_vue_namespaceObject.ref)(null);
+    var overflowContent = (0,external_vue_namespaceObject.computed)(function () {
+      return selected.value.slice(overflowTagIndex.value, selected.value.length).map(function (item) {
+        return item.label;
+      }).join(', ');
+    });
     (0,external_vue_namespaceObject.watch)(modelValue, function () {
       value.value = modelValue.value;
     });
@@ -1133,6 +1142,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       var _inputRef$value;
       (_inputRef$value = inputRef.value) === null || _inputRef$value === void 0 ? void 0 : _inputRef$value.focus();
     };
+    var blur = function blur() {
+      var _inputRef$value2;
+      (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
+    };
     var handleInput = function handleInput(e) {
       emit('update:modelValue', e.target.value);
     };
@@ -1198,8 +1211,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       overflowTagIndex: overflowTagIndex,
       value: value,
       inputRef: inputRef,
+      overflowContent: overflowContent,
       handleRemoveTag: handleRemoveTag,
       focus: focus,
+      blur: blur,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -1247,7 +1262,7 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
           return [(_this$select = _this.select) === null || _this$select === void 0 ? void 0 : _this$select.handleGetLabelByValue(item.value)];
         }
       });
-    }), (0,external_vue_namespaceObject.createVNode)(external_tag_namespaceObject["default"], {
+    }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)(external_tag_namespaceObject["default"], {
       "class": this.resolveClassName('select-overflow-tag'),
       "style": {
         display: !!this.overflowTagIndex && this.collapseTags ? '' : 'none'
@@ -1257,7 +1272,10 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       "default": function _default() {
         return [(0,external_vue_namespaceObject.createTextVNode)("+"), _this.selected.length - _this.overflowTagIndex];
       }
-    }), (0,external_vue_namespaceObject.createVNode)("input", {
+    }), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), {
+      content: this.overflowContent,
+      disabled: !this.overflowTagIndex || !this.collapseTags
+    }]]), (0,external_vue_namespaceObject.createVNode)("input", {
       "class": this.resolveClassName('select-tag-input'),
       "ref": "inputRef",
       "type": "text",
@@ -1362,7 +1380,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     displayKey: external_shared_namespaceObject.PropTypes.string.def('label'),
     withValidate: external_shared_namespaceObject.PropTypes.bool.def(true),
     showSelectedIcon: external_shared_namespaceObject.PropTypes.bool.def(true),
-    inputSearch: external_shared_namespaceObject.PropTypes.bool.def(true),
+    inputSearch: external_shared_namespaceObject.PropTypes.bool.def(false),
     enableVirtualRender: external_shared_namespaceObject.PropTypes.bool.def(false),
     allowEmptyValues: external_shared_namespaceObject.PropTypes.array.def([]),
     autoFocus: external_shared_namespaceObject.PropTypes.bool.def(false),
@@ -1614,6 +1632,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
     var handleBlur = function handleBlur() {
       if (!isFocus.value) return;
       isFocus.value = false;
+      blurInput();
       emit('blur');
     };
     var _usePopover = usePopover({
@@ -1761,6 +1780,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           }));
           emit('select', option.optionID);
         }
+        focusInput();
       } else {
         // 单选
         selected.value = [{
@@ -1770,8 +1790,8 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         emitChange(option.optionID);
         emit('select', option.optionID);
         hidePopover();
+        handleBlur();
       }
-      focusInput();
     };
     // 聚焦输入框
     var focusInput = function focusInput() {
@@ -1790,6 +1810,18 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         }
       }, 0);
     };
+    // 失焦输入框
+    var blurInput = function blurInput() {
+      setTimeout(function () {
+        if (multipleMode.value === 'tag') {
+          var _selectTagInputRef$va2;
+          (_selectTagInputRef$va2 = selectTagInputRef.value) === null || _selectTagInputRef$va2 === void 0 ? void 0 : _selectTagInputRef$va2.blur();
+        } else {
+          var _inputRef$value2;
+          (_inputRef$value2 = inputRef.value) === null || _inputRef$value2 === void 0 ? void 0 : _inputRef$value2.blur();
+        }
+      }, 0);
+    };
     // 清空事件
     var handleClear = function handleClear(e) {
       e.stopPropagation();

package/lib/select/select.css

@@ -435,6 +435,9 @@
   margin-right: 6px;
   pointer-events: none;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
+  opacity: 0;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/select/select.d.ts

@@ -442,8 +442,10 @@ declare const _default: import("vue").DefineComponent<{
             overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
+            overflowContent: import("vue").ComputedRef<string>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -522,8 +524,10 @@ declare const _default: import("vue").DefineComponent<{
         overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
+        overflowContent: import("vue").ComputedRef<string>;
         handleRemoveTag: (val: string) => void;
         focus: () => void;
+        blur: () => void;
         handleInput: (e: any) => void;
         handleKeydown: (e: any) => void;
         resolveClassName: (cls: string) => string;

package/lib/select/select.less

@@ -353,6 +353,9 @@
           .@{bk-prefix}-select-checkbox {
             margin-right: 6px;
             pointer-events: none;
+            .@{bk-prefix}-checkbox-original {
+              opacity: 0;
+            }
           }
 
           &-item {

package/lib/select/select.variable.css

@@ -804,6 +804,9 @@
   margin-right: 6px;
   pointer-events: none;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option .bk-select-checkbox .bk-checkbox-original {
+  opacity: 0;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item {
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/select/selectTagInput.d.ts

@@ -42,8 +42,10 @@ declare const _default: import("vue").DefineComponent<{
     overflowTagIndex: import("vue").Ref<number>;
     value: any;
     inputRef: import("vue").Ref<HTMLElement>;
+    overflowContent: import("vue").ComputedRef<string>;
     handleRemoveTag: (val: string) => void;
     focus: () => void;
+    blur: () => void;
     handleInput: (e: any) => void;
     handleKeydown: (e: any) => void;
     resolveClassName: (cls: string) => string;

package/lib/steps/steps.css

@@ -237,9 +237,11 @@
 .bk-steps .bk-step:last-child .bk-step-title::after {
   display: none;
 }
-.bk-steps .bk-step.done .bk-step-title,
+.bk-steps .bk-step.done .bk-step-title {
+  color: var(--default-color);
+}
 .bk-steps .bk-step.done .bk-step-description {
-  color: #9EA2AB;
+  color: #979ba5;
 }
 .bk-steps .bk-step.done .bk-steps-icon {
   margin-bottom: 3px;
@@ -393,6 +395,10 @@
   background-size: 1px 6px;
   content: '';
 }
+.bk-steps-vertical .bk-step.done:has(+ .current.is-error)::after,
+.bk-steps-vertical .bk-step.done:has( + .current.bk-step-error)::after {
+  background-image: linear-gradient(var(--danger-color) 50%, transparent 0%);
+}
 .bk-steps-vertical .bk-step .bk-step-title {
   display: flex;
   height: 100%;

package/lib/steps/steps.less

@@ -139,9 +139,11 @@
     }
 
     &.done {
-      .@{bk-prefix}-step-title,
+      .@{bk-prefix}-step-title {
+        color: @default-color;
+      }
       .@{bk-prefix}-step-description {
-        color: #9EA2AB;
+        color: #979ba5;
       }
 
       .@{bk-prefix}-steps-icon {
@@ -298,6 +300,15 @@
         content: '';
       }
 
+      &.done {
+        &:has(+ .current.is-error),
+        &:has(+ .current.@{bk-prefix}-step-error) {
+          &::after {
+            background-image: linear-gradient(@danger-color 50%, transparent 0%);
+          }
+        }
+      }
+
       .@{bk-prefix}-step-title {
         display: flex;
         height: 100%;

package/lib/steps/steps.variable.css

@@ -483,9 +483,11 @@
 .bk-steps .bk-step:last-child .bk-step-title::after {
   display: none;
 }
-.bk-steps .bk-step.done .bk-step-title,
+.bk-steps .bk-step.done .bk-step-title {
+  color: var(--default-color);
+}
 .bk-steps .bk-step.done .bk-step-description {
-  color: #9EA2AB;
+  color: #979ba5;
 }
 .bk-steps .bk-step.done .bk-steps-icon {
   margin-bottom: 3px;
@@ -639,6 +641,10 @@
   background-size: 1px 6px;
   content: '';
 }
+.bk-steps-vertical .bk-step.done:has(+ .current.is-error)::after,
+.bk-steps-vertical .bk-step.done:has( + .current.bk-step-error)::after {
+  background-image: linear-gradient(var(--danger-color) 50%, transparent 0%);
+}
 .bk-steps-vertical .bk-step .bk-step-title {
   display: flex;
   height: 100%;