bkui-vue 1.0.3-beta.2 → 1.0.3-beta.21

package/lib/table-column/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 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_vue_types_22de060a__ from "vue-types";
@@ -82,7 +83,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({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -414,6 +415,13 @@ var tableProps = {
    * 是否显示Head
    */
   showHead: shared_namespaceObject.PropTypes.bool.def(true),
+  /**
+   * 排序时对需要排序的字符串数值进行格式化
+   * 这里需要配置为正则或者回调函数，(str) => string | number | boolean
+   * 如果配置为正则，程序会提取匹配到的第一个结果尝试转换为数值
+   * 如果为多个，程序会顺序执行所有正则表达式，直到转换成功
+   */
+  sortValFormat: shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.any).def(['']),
   /**
    * table header config
    */
@@ -657,18 +665,38 @@ var TableColumnProp = {
     var column = (0,external_vue_namespaceObject.reactive)(Object.assign({}, props, {
       field: props.prop || props.field
     }));
+    var isIndexPropChanged = (0,external_vue_namespaceObject.ref)(false);
+    var setIsIndexChanged = function setIsIndexChanged(val) {
+      isIndexPropChanged.value = val;
+    };
     return {
+      isIndexPropChanged: isIndexPropChanged,
+      setIsIndexChanged: setIsIndexChanged,
       initColumns: initColumns,
       bkTableCache: bkTableCache,
       column: column
     };
   },
+  watch: {
+    index: {
+      handler: function handler() {
+        this.setIsIndexChanged(!this.isIndexPropChanged);
+      },
+      deep: true
+    }
+  },
   unmounted: function unmounted() {
     this.updateColumnDefine(true);
   },
   mounted: function mounted() {
     this.updateColumnDefine();
   },
+  updated: function updated() {
+    if (this.isIndexPropChanged) {
+      this.updateColumnDefineByParent();
+      this.setIsIndexChanged(!this.isIndexPropChanged);
+    }
+  },
   methods: {
     updateColumnDefine: function updateColumnDefine() {
       var unmounted = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
@@ -691,7 +719,19 @@ var TableColumnProp = {
       var fn = function fn() {
         // @ts-ignore
         var selfVnode = _this._;
-        var colList = selfVnode.parent.vnode.children["default"]() || [];
+        var getTableNode = function getTableNode() {
+          var _parentVnode$type;
+          var parentVnode = selfVnode.parent;
+          if (((_parentVnode$type = parentVnode.type) === null || _parentVnode$type === void 0 ? void 0 : _parentVnode$type.name) === 'Table') {
+            return parentVnode.vnode;
+          }
+          return getTableNode();
+        };
+        var tableNode = getTableNode();
+        if (!tableNode) {
+          return;
+        }
+        var colList = tableNode.children["default"]() || [];
         var sortColumns = [];
         var index = 0;
         var reduceColumns = function reduceColumns(nodes) {
@@ -699,7 +739,7 @@ var TableColumnProp = {
             return;
           }
           nodes.forEach(function (node) {
-            var _node$type, _node$children2;
+            var _node$type, _node$children2, _node$type2;
             if (Array.isArray(node)) {
               reduceColumns(node);
               return;
@@ -717,7 +757,7 @@ var TableColumnProp = {
               sortColumns.push((0,external_vue_namespaceObject.unref)(resolveProp));
               index = index + 1;
             }
-            if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length && skipValidateKey0) {
+            if ((_node$children2 = node.children) !== null && _node$children2 !== void 0 && _node$children2.length && skipValidateKey0 && ((_node$type2 = node.type) === null || _node$type2 === void 0 ? void 0 : _node$type2.name) !== 'Table') {
               reduceColumns(node.children);
             }
           });

package/lib/tag/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./tag.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/tag/tag.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 {
   display: inline-flex;

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

@@ -274,7 +274,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -617,7 +617,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -941,7 +941,7 @@ declare const TagInput: {
             default: boolean;
         };
         tagOverflowTips: {
-            type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+            type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
             default: () => {};
         };
     }>> & {
@@ -1318,7 +1318,7 @@ declare const TagInput: {
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/src/tooltips").IOptions>>;
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
         default: () => {};
     };
 }>> & {

package/lib/tag-input/index.js

@@ -1,3 +1,4 @@
+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";

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

@@ -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. 禁用时
@@ -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[];

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>;
@@ -191,7 +191,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 +204,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 +232,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 +296,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 +304,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 +342,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 +356,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 +375,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 +429,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 +493,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 +501,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 +539,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 +553,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>;
@@ -595,7 +595,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 +608,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 +630,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 +673,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 +737,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 +745,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 +783,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 +797,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>;
@@ -839,7 +839,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 +852,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 +874,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/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./time-picker.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_date_picker_d04526d6__ from "../date-picker";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";

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;

package/lib/timeline/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 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_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";

package/lib/timeline/timeline.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;
 }
 * {
   box-sizing: border-box;

package/lib/transfer/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./transfer.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/transfer/transfer.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-transfer {
   display: flex;

package/lib/tree/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./tree.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/tree/tree.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-F-scroll-x {
   overflow-x: auto;

package/lib/upload/index.js

@@ -1,3 +1,4 @@
+import "../styles/reset.css";
 import "./upload.less";
 import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";

package/lib/upload/upload.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;
 }
 @keyframes loading-scale-animate {
   0% {