bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/tag-input/index.js

@@ -2,7 +2,6 @@ import "../styles/reset.css";
 import "./tag-input.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_directives_45d4776f__ from "../directives";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
@@ -10,6 +9,7 @@ import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_loading_dcf0e69a__ from "../l
 import "../loading/loading.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
 import "../popover/popover.less";
+import * as __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__ from "lodash/debounce";
 import * as __WEBPACK_EXTERNAL_MODULE_vue_types_22de060a__ from "vue-types";
 /******/ var __webpack_modules__ = ({
 
@@ -17446,10 +17446,6 @@ function _defineProperty(obj, key, value) {
 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, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["markRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.markRaw, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveDirective"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveDirective, ["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/debounce"
-var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var debounce_y = x => () => x
-const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
 ;// CONCATENATED MODULE: external "../config-provider"
 var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var config_provider_y = x => () => x
@@ -17478,6 +17474,10 @@ const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNA
 var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var popover_less_y = x => () => x
 const popover_less_namespaceObject = popover_less_x({  });
+;// CONCATENATED MODULE: external "lodash/debounce"
+var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var debounce_y = x => () => x
+const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_lodash_debounce_3540babe__["default"] });
 ;// CONCATENATED MODULE: ../../packages/tag-input/src/common.ts
 
 
@@ -17909,8 +17909,8 @@ function tag_render_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
       return this.tpl(this.node, external_vue_namespaceObject.h, this);
     }
     return (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "tag",
-      "ref": "tagRef"
+      "ref": "tagRef",
+      "class": "tag"
     }, [(0,external_vue_namespaceObject.createVNode)("span", {
       "class": "text"
     }, [this.node[this.displayKey]])]), [[(0,external_vue_namespaceObject.resolveDirective)("bk-tooltips"), this.overflowTips]]);
@@ -18791,8 +18791,8 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   render: function render() {
     var _this = this;
     return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(this.resolveClassName('tag-input')),
       "ref": "bkTagSelectorRef",
+      "class": "".concat(this.resolveClassName('tag-input')),
       "onClick": this.focusInputTrigger,
       "onMouseenter": function onMouseenter() {
         return _this.isHover = true;
@@ -18801,54 +18801,54 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
         return _this.isHover = false;
       }
     }, [(0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
-      "theme": "light ".concat(this.resolveClassName('tag-input-popover-content')),
-      "trigger": "manual",
+      "arrow": false,
       "placement": "bottom-start",
-      "arrow": false
+      "theme": "light ".concat(this.resolveClassName('tag-input-popover-content')),
+      "trigger": "manual"
     }, this.popoverProps), {
       "default": function _default() {
         var _this$$slots$suffix, _this$$slots, _this$$slots$suffix2;
         return (0,external_vue_namespaceObject.createVNode)("div", {
           "class": _this.triggerClass
         }, [(0,external_vue_namespaceObject.createVNode)("ul", {
-          "class": "tag-list",
           "ref": "tagListRef",
           "style": {
             marginLeft: "".concat(_this.leftSpace, "px")
-          }
+          },
+          "class": "tag-list"
         }, [_this.selectedTagList.map(function (item, index) {
           var isOverflow = _this.localCollapseTags && _this.overflowTagIndex && index >= _this.overflowTagIndex;
           return (0,external_vue_namespaceObject.createVNode)("li", {
-            "class": "tag-item",
             "style": {
               display: isOverflow ? 'none' : ''
             },
+            "class": "tag-item",
             "onClick": _this.tagFocus
           }, [(0,external_vue_namespaceObject.createVNode)(tag_render, {
-            "node": item,
-            "tpl": _this.tagTpl,
             "displayKey": _this.displayKey,
+            "node": item,
+            "tagOverflowTips": _this.tagOverflowTips,
             "tooltipKey": _this.tooltipKey || _this.displayKey,
-            "tagOverflowTips": _this.tagOverflowTips
+            "tpl": _this.tagTpl
           }, null), _this.showTagClose && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Error, {
             "class": "remove-tag",
             "onClick": _this.handleTagRemove.bind(_this, item, index)
           }, null)]);
         }), (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("li", {
-          "ref": "tagInputItemRef",
           "id": "tagInputItem",
+          "ref": "tagInputItemRef",
           "class": "tag-input-item",
           "role": "input"
         }, [(0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("input", {
-          "type": "text",
-          "class": "tag-input",
           "ref": "tagInputRef",
+          "class": "tag-input",
           "onUpdate:modelValue": function onUpdateModelValue($event) {
             return _this.curInputValue = $event;
           },
-          "onInput": _this.handleInput,
-          "onFocus": _this.handleFocus,
+          "type": "text",
           "onBlur": _this.handleBlur,
+          "onFocus": _this.handleFocus,
+          "onInput": _this.handleInput,
           "onKeydown": _this.handleKeydown,
           "onPaste": _this.handlePaste
         }, null), [[external_vue_namespaceObject.vModelText, _this.curInputValue]])]), [[external_vue_namespaceObject.vShow, _this.isEdit]]), !!_this.overflowTagIndex && _this.localCollapseTags && (0,external_vue_namespaceObject.withDirectives)((0,external_vue_namespaceObject.createVNode)("li", {
@@ -18887,12 +18887,12 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
               }, _this.activeClass(item, index)],
               "onClick": _this.handleTagSelected.bind(_this, item, 'select')
             }, [(0,external_vue_namespaceObject.createVNode)(list_tag_render, {
-              "node": item,
+              "disabled": item.disabled,
               "displayKey": _this.displayKey,
-              "tpl": _this.tpl,
+              "node": item,
               "searchKey": _this.searchKey,
               "searchKeyword": _this.curInputValue,
-              "disabled": item.disabled
+              "tpl": _this.tpl
             }, null)]);
           })])]) : (0,external_vue_namespaceObject.createVNode)("li", {
             "class": ["".concat(_this.resolveClassName('selector-list-item')), {
@@ -18900,18 +18900,18 @@ function tag_input_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
             }, _this.activeClass(group, index)],
             "onClick": _this.handleTagSelected.bind(_this, group, 'select')
           }, [(0,external_vue_namespaceObject.createVNode)(list_tag_render, {
-            "node": group,
+            "disabled": group.disabled,
             "displayKey": _this.displayKey,
-            "tpl": _this.tpl,
+            "node": group,
             "searchKey": _this.searchKey,
             "searchKeyword": _this.curInputValue,
-            "disabled": group.disabled
+            "tpl": _this.tpl
           }, null)]);
         }), _this.isPageLoading ? (0,external_vue_namespaceObject.createVNode)("li", {
           "class": "".concat(_this.resolveClassName('selector-list-item'), " loading")
         }, [(0,external_vue_namespaceObject.createVNode)(loading_namespaceObject["default"], {
-          "theme": "primary",
-          "size": loading_namespaceObject.BkLoadingSize.Small
+          "size": loading_namespaceObject.BkLoadingSize.Small,
+          "theme": "primary"
         }, null)]) : null])]);
       }
     })]);

package/lib/tag-input/tag-input.d.ts

@@ -176,8 +176,8 @@ declare const _default: import("vue").DefineComponent<{
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
             };
             theme: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -274,7 +274,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>; /**
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
          * 不显示条件：
          * 1. 设置不可清除
          * 2. 禁用时
@@ -516,8 +516,8 @@ declare const _default: import("vue").DefineComponent<{
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
             };
             theme: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;
@@ -614,7 +614,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>; /**
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
          * 不显示条件：
          * 1. 设置不可清除
          * 2. 禁用时

package/lib/tag-input/tag-input.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-tag-input {
   position: relative;

package/lib/tag-input/tag-props.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes, PropType, VNode } from 'vue';
-import { IOptions } from '../directives/src/tooltips';
+import { IOptions } from '../directives/tooltips';
 declare const tagProps: () => {
     modelValue: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
@@ -169,8 +169,8 @@ declare const tagProps: () => {
             } & {
                 default: boolean;
             };
-            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end"> & {
-                default: "auto" | "auto-start" | "auto-end" | "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+            placement: import("vue-types").VueTypeValidableDef<"auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"> & {
+                default: "auto" | "auto-end" | "auto-start" | "bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start";
             };
             theme: import("vue-types").VueTypeValidableDef<string> & {
                 default: string;

package/lib/tag-input/tag-render.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { IOptions } from '../directives/src/tooltips';
+import { IOptions } from '../directives/tooltips';
 declare const _default: import("vue").DefineComponent<{
     node: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;

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

@@ -25,7 +25,7 @@ declare const BkTimePicker: {
             readonly default: true;
         };
         type: {
-            type: import("vue").PropType<import("../../date-picker/src/interface").PickerTypeType>;
+            type: import("vue").PropType<import("../date-picker/interface").PickerTypeType>;
             default: string;
             validator(value: any): boolean;
         };
@@ -89,7 +89,7 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         shortcuts: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerShortcutsType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerShortcutsType>;
             readonly default: () => any[];
         };
         shortcutClose: {
@@ -97,10 +97,10 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         modelValue: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         value: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         options: {
             readonly type: ObjectConstructor;
@@ -135,7 +135,7 @@ declare const BkTimePicker: {
             readonly default: "normal";
             readonly validator: (v: any) => boolean;
         };
-        disabledDate: import("vue").PropType<import("../../date-picker/src/interface").DisabledDateType>;
+        disabledDate: import("vue").PropType<import("../date-picker/interface").DisabledDateType>;
         withValidate: {
             readonly type: BooleanConstructor;
             readonly default: true;
@@ -149,7 +149,7 @@ declare const BkTimePicker: {
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
     }, {
-        panel: import("vue").ComputedRef<import("../../date-picker/src/interface").DatePickerPanelType>;
+        panel: import("vue").ComputedRef<import("../date-picker/interface").DatePickerPanelType>;
         publicStringValue: import("vue").ComputedRef<any>;
         opened: import("vue").ComputedRef<boolean>;
         visualValue: import("vue").ComputedRef<any>;
@@ -172,6 +172,7 @@ declare const BkTimePicker: {
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
         pickerPanelRef: import("vue").Ref<any>;
+        teleportTo: import("vue").Ref<any>;
         handleClose: (e?: Event) => boolean;
         handleIconClick: () => void;
         handleInputMouseenter: () => void;
@@ -191,7 +192,7 @@ declare const BkTimePicker: {
         internalValue: import("vue").Ref<any>;
         disableClickOutSide: import("vue").Ref<boolean>;
         disableCloseUnderTransfer: import("vue").Ref<boolean>;
-        selectionMode: import("vue").Ref<import("../../date-picker/src/interface").SelectionModeType>;
+        selectionMode: import("vue").Ref<import("../date-picker/interface").SelectionModeType>;
         forceInputRerender: import("vue").Ref<number>;
         isFocused: import("vue").Ref<boolean>;
         focusedDate: import("vue").Ref<any>;
@@ -204,7 +205,7 @@ declare const BkTimePicker: {
         internalFocus: import("vue").Ref<boolean>;
         timeEnterMode: import("vue").Ref<boolean>;
         shortcut: import("vue").Ref<any>;
-        onSelectionModeChange: import("vue").Ref<(_type: any) => import("../../date-picker/src/interface").SelectionModeType>;
+        onSelectionModeChange: import("vue").Ref<(_type: any) => import("../date-picker/interface").SelectionModeType>;
         tmpValue: import("vue").Ref<any>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("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: {
@@ -232,7 +233,7 @@ declare const BkTimePicker: {
             readonly default: true;
         };
         type: {
-            type: import("vue").PropType<import("../../date-picker/src/interface").PickerTypeType>;
+            type: import("vue").PropType<import("../date-picker/interface").PickerTypeType>;
             default: string;
             validator(value: any): boolean;
         };
@@ -296,7 +297,7 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         shortcuts: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerShortcutsType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerShortcutsType>;
             readonly default: () => any[];
         };
         shortcutClose: {
@@ -304,10 +305,10 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         modelValue: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         value: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         options: {
             readonly type: ObjectConstructor;
@@ -342,7 +343,7 @@ declare const BkTimePicker: {
             readonly default: "normal";
             readonly validator: (v: any) => boolean;
         };
-        disabledDate: import("vue").PropType<import("../../date-picker/src/interface").DisabledDateType>;
+        disabledDate: import("vue").PropType<import("../date-picker/interface").DisabledDateType>;
         withValidate: {
             readonly type: BooleanConstructor;
             readonly default: true;
@@ -356,7 +357,7 @@ declare const BkTimePicker: {
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
     }, {
-        type: import("../../date-picker/src/interface").PickerTypeType;
+        type: import("../date-picker/interface").PickerTypeType;
         width: number;
         disabled: boolean;
         placement: import("@popperjs/core").ComputedPlacement;
@@ -375,7 +376,7 @@ declare const BkTimePicker: {
         timePickerOptions: {};
         splitPanels: boolean;
         appendToBody: boolean;
-        shortcuts: import("../../date-picker/src/interface").DatePickerShortcutsType;
+        shortcuts: import("../date-picker/interface").DatePickerShortcutsType;
         shortcutClose: boolean;
         upToNow: boolean;
         useShortcutText: boolean;
@@ -429,7 +430,7 @@ declare const BkTimePicker: {
             readonly default: true;
         };
         type: {
-            type: import("vue").PropType<import("../../date-picker/src/interface").PickerTypeType>;
+            type: import("vue").PropType<import("../date-picker/interface").PickerTypeType>;
             default: string;
             validator(value: any): boolean;
         };
@@ -493,7 +494,7 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         shortcuts: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerShortcutsType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerShortcutsType>;
             readonly default: () => any[];
         };
         shortcutClose: {
@@ -501,10 +502,10 @@ declare const BkTimePicker: {
             readonly default: false;
         };
         modelValue: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         value: {
-            readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+            readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
         };
         options: {
             readonly type: ObjectConstructor;
@@ -539,7 +540,7 @@ declare const BkTimePicker: {
             readonly default: "normal";
             readonly validator: (v: any) => boolean;
         };
-        disabledDate: import("vue").PropType<import("../../date-picker/src/interface").DisabledDateType>;
+        disabledDate: import("vue").PropType<import("../date-picker/interface").DisabledDateType>;
         withValidate: {
             readonly type: BooleanConstructor;
             readonly default: true;
@@ -553,7 +554,7 @@ declare const BkTimePicker: {
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
     }, {
-        panel: import("vue").ComputedRef<import("../../date-picker/src/interface").DatePickerPanelType>;
+        panel: import("vue").ComputedRef<import("../date-picker/interface").DatePickerPanelType>;
         publicStringValue: import("vue").ComputedRef<any>;
         opened: import("vue").ComputedRef<boolean>;
         visualValue: import("vue").ComputedRef<any>;
@@ -576,6 +577,7 @@ declare const BkTimePicker: {
         inputRef: import("vue").Ref<any>;
         triggerRef: import("vue").Ref<HTMLElement>;
         pickerPanelRef: import("vue").Ref<any>;
+        teleportTo: import("vue").Ref<any>;
         handleClose: (e?: Event) => boolean;
         handleIconClick: () => void;
         handleInputMouseenter: () => void;
@@ -595,7 +597,7 @@ declare const BkTimePicker: {
         internalValue: import("vue").Ref<any>;
         disableClickOutSide: import("vue").Ref<boolean>;
         disableCloseUnderTransfer: import("vue").Ref<boolean>;
-        selectionMode: import("vue").Ref<import("../../date-picker/src/interface").SelectionModeType>;
+        selectionMode: import("vue").Ref<import("../date-picker/interface").SelectionModeType>;
         forceInputRerender: import("vue").Ref<number>;
         isFocused: import("vue").Ref<boolean>;
         focusedDate: import("vue").Ref<any>;
@@ -608,10 +610,10 @@ declare const BkTimePicker: {
         internalFocus: import("vue").Ref<boolean>;
         timeEnterMode: import("vue").Ref<boolean>;
         shortcut: import("vue").Ref<any>;
-        onSelectionModeChange: import("vue").Ref<(_type: any) => import("../../date-picker/src/interface").SelectionModeType>;
+        onSelectionModeChange: import("vue").Ref<(_type: any) => import("../date-picker/interface").SelectionModeType>;
         tmpValue: import("vue").Ref<any>;
     }, {}, {}, {}, {
-        type: import("../../date-picker/src/interface").PickerTypeType;
+        type: import("../date-picker/interface").PickerTypeType;
         width: number;
         disabled: boolean;
         placement: import("@popperjs/core").ComputedPlacement;
@@ -630,7 +632,7 @@ declare const BkTimePicker: {
         timePickerOptions: {};
         splitPanels: boolean;
         appendToBody: boolean;
-        shortcuts: import("../../date-picker/src/interface").DatePickerShortcutsType;
+        shortcuts: import("../date-picker/interface").DatePickerShortcutsType;
         shortcutClose: boolean;
         upToNow: boolean;
         useShortcutText: boolean;
@@ -673,7 +675,7 @@ declare const BkTimePicker: {
         readonly default: true;
     };
     type: {
-        type: import("vue").PropType<import("../../date-picker/src/interface").PickerTypeType>;
+        type: import("vue").PropType<import("../date-picker/interface").PickerTypeType>;
         default: string;
         validator(value: any): boolean;
     };
@@ -737,7 +739,7 @@ declare const BkTimePicker: {
         readonly default: false;
     };
     shortcuts: {
-        readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerShortcutsType>;
+        readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerShortcutsType>;
         readonly default: () => any[];
     };
     shortcutClose: {
@@ -745,10 +747,10 @@ declare const BkTimePicker: {
         readonly default: false;
     };
     modelValue: {
-        readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+        readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
     };
     value: {
-        readonly type: import("vue").PropType<import("../../date-picker/src/interface").DatePickerValueType>;
+        readonly type: import("vue").PropType<import("../date-picker/interface").DatePickerValueType>;
     };
     options: {
         readonly type: ObjectConstructor;
@@ -783,7 +785,7 @@ declare const BkTimePicker: {
         readonly default: "normal";
         readonly validator: (v: any) => boolean;
     };
-    disabledDate: import("vue").PropType<import("../../date-picker/src/interface").DisabledDateType>;
+    disabledDate: import("vue").PropType<import("../date-picker/interface").DisabledDateType>;
     withValidate: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -797,7 +799,7 @@ declare const BkTimePicker: {
     "onOpen-change"?: (...args: any[]) => any;
     "onShortcut-change"?: (...args: any[]) => any;
 }, {
-    panel: import("vue").ComputedRef<import("../../date-picker/src/interface").DatePickerPanelType>;
+    panel: import("vue").ComputedRef<import("../date-picker/interface").DatePickerPanelType>;
     publicStringValue: import("vue").ComputedRef<any>;
     opened: import("vue").ComputedRef<boolean>;
     visualValue: import("vue").ComputedRef<any>;
@@ -820,6 +822,7 @@ declare const BkTimePicker: {
     inputRef: import("vue").Ref<any>;
     triggerRef: import("vue").Ref<HTMLElement>;
     pickerPanelRef: import("vue").Ref<any>;
+    teleportTo: import("vue").Ref<any>;
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;
@@ -839,7 +842,7 @@ declare const BkTimePicker: {
     internalValue: import("vue").Ref<any>;
     disableClickOutSide: import("vue").Ref<boolean>;
     disableCloseUnderTransfer: import("vue").Ref<boolean>;
-    selectionMode: import("vue").Ref<import("../../date-picker/src/interface").SelectionModeType>;
+    selectionMode: import("vue").Ref<import("../date-picker/interface").SelectionModeType>;
     forceInputRerender: import("vue").Ref<number>;
     isFocused: import("vue").Ref<boolean>;
     focusedDate: import("vue").Ref<any>;
@@ -852,10 +855,10 @@ declare const BkTimePicker: {
     internalFocus: import("vue").Ref<boolean>;
     timeEnterMode: import("vue").Ref<boolean>;
     shortcut: import("vue").Ref<any>;
-    onSelectionModeChange: import("vue").Ref<(_type: any) => import("../../date-picker/src/interface").SelectionModeType>;
+    onSelectionModeChange: import("vue").Ref<(_type: any) => import("../date-picker/interface").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", {
-    type: import("../../date-picker/src/interface").PickerTypeType;
+    type: import("../date-picker/interface").PickerTypeType;
     width: number;
     disabled: boolean;
     placement: import("@popperjs/core").ComputedPlacement;
@@ -874,7 +877,7 @@ declare const BkTimePicker: {
     timePickerOptions: {};
     splitPanels: boolean;
     appendToBody: boolean;
-    shortcuts: import("../../date-picker/src/interface").DatePickerShortcutsType;
+    shortcuts: import("../date-picker/interface").DatePickerShortcutsType;
     shortcutClose: boolean;
     upToNow: boolean;
     useShortcutText: boolean;

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

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-time-picker-header {
   height: 46px;