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

package/lib/date-picker/date-picker.css

@@ -198,6 +198,9 @@
 .bk-date-picker-rel .clear-action:hover {
   color: var(--gray-color);
 }
+.bk-date-picker-rel .clear-action.hidden {
+  visibility: hidden;
+}
 .bk-date-picker-rel .icon-wrapper {
   position: absolute;
   top: 0;

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/date-picker.less

@@ -91,6 +91,9 @@
     &:hover {
       color: @gray-color;
     }
+    &.hidden {
+      visibility: hidden;
+    }
   }
 
   .icon-wrapper {

package/lib/date-picker/date-picker.variable.css

@@ -444,6 +444,9 @@
 .bk-date-picker-rel .clear-action:hover {
   color: var(--gray-color);
 }
+.bk-date-picker-rel .clear-action.hidden {
+  visibility: hidden;
+}
 .bk-date-picker-rel .icon-wrapper {
   position: absolute;
   top: 0;

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

@@ -2311,12 +2311,12 @@ var timeParts = ['hours', 'minutes', 'seconds'];
             handleWheel(type);
             wheelTimer.value = setTimeout(function () {
               stopWheel(domRef);
-            }, 400);
+            }, 0);
           } else {
             clearTimeout(wheelTimer);
             wheelTimer.value = setTimeout(function () {
               stopWheel(domRef);
-            }, 400);
+            }, 100);
           }
         }, 32), {
           passive: true
@@ -4185,7 +4185,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) {
@@ -4407,6 +4409,8 @@ function date_picker_objectSpread(target) { for (var i = 1; i < arguments.length
       //   return;
       // }
       state.showClose = false;
+      emitChange(props.type);
+      state.internalValue = state.tmpValue;
     };
     var emitChange = function emitChange(type) {
       (0,external_vue_namespaceObject.nextTick)(function () {
@@ -4439,6 +4443,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 +4661,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 +4741,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"

package/lib/input/index.js

@@ -1013,6 +1013,10 @@ var inputEmitEventsType = (_inputEmitEventsType = {}, _defineProperty(_inputEmit
       focus: function focus() {
         inputRef.value.focus();
       },
+      blur: function blur() {
+        inputRef.value.blur();
+        isFocused.value = false;
+      },
       clear: clear
     });
     function detectOverflow() {

package/lib/select/index.d.ts

@@ -570,6 +570,7 @@ declare const BkSelect: {
                     inputRef: import("vue").Ref<HTMLElement>;
                     handleRemoveTag: (val: string) => void;
                     focus: () => void;
+                    blur: () => void;
                     handleInput: (e: any) => void;
                     handleKeydown: (e: any) => void;
                     resolveClassName: (cls: string) => string;
@@ -650,6 +651,7 @@ declare const BkSelect: {
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
@@ -1337,6 +1339,7 @@ declare const BkSelect: {
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
                 focus: () => void;
+                blur: () => void;
                 handleInput: (e: any) => void;
                 handleKeydown: (e: any) => void;
                 resolveClassName: (cls: string) => string;
@@ -1417,6 +1420,7 @@ declare const BkSelect: {
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2049,6 +2053,7 @@ declare const BkSelect: {
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -2129,6 +2134,7 @@ declare const BkSelect: {
         inputRef: import("vue").Ref<HTMLElement>;
         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

@@ -1133,6 +1133,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);
     };
@@ -1200,6 +1204,7 @@ const external_tag_namespaceObject = external_tag_x({ ["default"]: () => __WEBPA
       inputRef: inputRef,
       handleRemoveTag: handleRemoveTag,
       focus: focus,
+      blur: blur,
       handleInput: handleInput,
       handleKeydown: handleKeydown,
       resolveClassName: resolveClassName
@@ -1362,7 +1367,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 +1619,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 +1767,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
           }));
           emit('select', option.optionID);
         }
+        focusInput();
       } else {
         // 单选
         selected.value = [{
@@ -1770,8 +1777,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 +1797,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

@@ -444,6 +444,7 @@ declare const _default: import("vue").DefineComponent<{
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
             focus: () => void;
+            blur: () => void;
             handleInput: (e: any) => void;
             handleKeydown: (e: any) => void;
             resolveClassName: (cls: string) => string;
@@ -524,6 +525,7 @@ declare const _default: import("vue").DefineComponent<{
         inputRef: import("vue").Ref<HTMLElement>;
         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

@@ -44,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     inputRef: import("vue").Ref<HTMLElement>;
     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%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.2-beta.117",
+  "version": "0.0.2-beta.118",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",