bkui-vue 0.0.1-beta.14 → 0.0.1-beta.17

package/lib/collapse/collapse.d.ts

@@ -47,24 +47,56 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    list?: unknown;
-    idFiled?: unknown;
-    titleField?: unknown;
-    contentField?: unknown;
-    activeIndex?: unknown;
-    activeName?: unknown;
-    accordion?: unknown;
-} & {
-    list: any[];
-    idFiled: string;
-    titleField: string;
-    contentField: string;
-    accordion: boolean;
-} & {
-    activeIndex?: number | number[];
-    activeName?: string | string[];
-}> & {}, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 渲染列表
+     * 对象数组或者字符串数组，字符串数组默认会增加 name 字段，值为传入的字符串值
+     */
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    /**
+     * ID字段
+     */
+    idFiled: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * Title 字段
+     */
+    titleField: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * Content 字段，默认渲染内容，不配置时自动读取 name字段
+     * 自定义配置slot时可以忽略
+     */
+    contentField: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /**
+     * 当前激活Index
+     */
+    activeIndex: import("vue-types").VueTypeDef<number | number[]>;
+    /**
+     * 当前激活 Name, 与activeIndex互斥，同时配置时， activeName 覆盖 activeIndex
+     */
+    activeName: import("vue-types").VueTypeDef<string | string[]>;
+    /**
+     * 是否使用手风琴效果
+     */
+    accordion: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, {
     list: any[];
     idFiled: string;
     titleField: string;

package/lib/collapse/index.d.ts

@@ -8,24 +8,33 @@ declare const BkCollaspe: {
             titleField: string;
             contentField: string;
             accordion: boolean;
-        }> & Omit<Readonly<{
-            list?: unknown;
-            idFiled?: unknown;
-            titleField?: unknown;
-            contentField?: unknown;
-            activeIndex?: unknown;
-            activeName?: unknown;
-            accordion?: unknown;
-        } & {
-            list: any[];
-            idFiled: string;
-            titleField: string;
-            contentField: string;
-            accordion: boolean;
-        } & {
-            activeIndex?: number | number[];
-            activeName?: string | string[];
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            list: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
+            };
+            idFiled: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            titleField: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            contentField: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            activeIndex: import("vue-types").VueTypeDef<number | number[]>;
+            activeName: import("vue-types").VueTypeDef<string | string[]>;
+            accordion: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "list" | "idFiled" | "titleField" | "contentField" | "accordion">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -39,24 +48,33 @@ declare const BkCollaspe: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<{
-            list?: unknown;
-            idFiled?: unknown;
-            titleField?: unknown;
-            contentField?: unknown;
-            activeIndex?: unknown;
-            activeName?: unknown;
-            accordion?: unknown;
-        } & {
-            list: any[];
-            idFiled: string;
-            titleField: string;
-            contentField: string;
-            accordion: boolean;
-        } & {
-            activeIndex?: number | number[];
-            activeName?: string | string[];
-        }> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            list: import("vue-types").VueTypeDef<any[]> & {
+                default: () => any[];
+            };
+            idFiled: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            titleField: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            contentField: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            activeIndex: import("vue-types").VueTypeDef<number | number[]>;
+            activeName: import("vue-types").VueTypeDef<string | string[]>;
+            accordion: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             list: any[];
             idFiled: string;
             titleField: string;
@@ -82,45 +100,63 @@ declare const BkCollaspe: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        list?: unknown;
-        idFiled?: unknown;
-        titleField?: unknown;
-        contentField?: unknown;
-        activeIndex?: unknown;
-        activeName?: unknown;
-        accordion?: unknown;
-    } & {
-        list: any[];
-        idFiled: string;
-        titleField: string;
-        contentField: string;
-        accordion: boolean;
-    } & {
-        activeIndex?: number | number[];
-        activeName?: string | string[];
-    }> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        list: import("vue-types").VueTypeDef<any[]> & {
+            default: () => any[];
+        };
+        idFiled: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        titleField: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        contentField: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        activeIndex: import("vue-types").VueTypeDef<number | number[]>;
+        activeName: import("vue-types").VueTypeDef<string | string[]>;
+        accordion: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    list?: unknown;
-    idFiled?: unknown;
-    titleField?: unknown;
-    contentField?: unknown;
-    activeIndex?: unknown;
-    activeName?: unknown;
-    accordion?: unknown;
-} & {
-    list: any[];
-    idFiled: string;
-    titleField: string;
-    contentField: string;
-    accordion: boolean;
-} & {
-    activeIndex?: number | number[];
-    activeName?: string | string[];
-}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    list: import("vue-types").VueTypeDef<any[]> & {
+        default: () => any[];
+    };
+    idFiled: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    titleField: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    contentField: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    activeIndex: import("vue-types").VueTypeDef<number | number[]>;
+    activeName: import("vue-types").VueTypeDef<string | string[]>;
+    accordion: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     list: any[];
     idFiled: string;
     titleField: string;

package/lib/collapse/index.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared"),require("@bkui-vue/icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","@bkui-vue/icon/"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,n,t,o){"use strict";var i=n.defineComponent({name:"Collapse",props:{list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),idFiled:t.PropTypes.string.def("$index"),titleField:t.PropTypes.string.def("name"),contentField:t.PropTypes.string.def("content"),activeIndex:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.number).def([]),t.PropTypes.number.def(-1)]),activeName:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.string).def([]),t.PropTypes.string.def("")]),accordion:t.PropTypes.bool.def(!0)},setup:function(e,t){var i=t.slots,r=n.ref(null);n.watch((function(){return[e.activeName,e.activeIndex]}),(function(){r.value=null}));var l=n.computed((function(){return(e.list||[]).map((function(e,n){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:n,name:e}:Object.assign({$index:n},e)}))})),a=n.computed((function(){var n;return null!==r.value?r.value.map((function(e){return e.$index})):null!==e.activeName&&void 0!==e.activeName&&""!==e.activeName?u(e.activeName).map((function(n){return l.value.findIndex((function(t){return t[e.idFiled]===n}))})):u(null!==(n=e.activeIndex)&&void 0!==n?n:0)})),u=function n(t){return Array.isArray(t)?e.accordion?n(t[0]):t:"string"==typeof t||"number"==typeof t?[t]:[]},c=function(e){return a.value.some((function(n){return n===e.$index}))},d=function(){return l.value.map((function(t){var l,a,u,d;return n.createVNode("div",{class:"bk-collapse-item"},[n.createVNode("div",{class:"bk-collapse-header",onClick:function(){return function(n){if(null===r.value)r.value=[n];else if(e.accordion)r.value=[n];else{var t=r.value.findIndex((function(e){return e.$index===n.$index}));t>=0?r.value.splice(t,1):r.value.push(n)}}(t)}},[n.createVNode("span",{class:"bk-collapse-title"},[null!==(a=null===(l=i.default)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t[e.titleField]]),c(t)?n.createVNode(o.AngleDown,{class:"bk-collapse-icon"},null):n.createVNode(o.AngleRight,{class:"bk-collapse-icon"},null)]),n.createVNode("div",{class:"bk-collapse-content ".concat(c(t)?"active":"")},[null!==(d=null===(u=i.content)||void 0===u?void 0:u.call(i,t))&&void 0!==d?d:t[e.contentField]])])}))};return function(){return n.createVNode("div",{class:"bk-collapse-wrapper"},[d()])}}}),r=t.withInstall(i);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared"),require("../icon/")):"function"==typeof define&&define.amd?define(["exports","vue","../shared","../icon/"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared,e._)}(this,(function(e,n,t,o){"use strict";var i=n.defineComponent({name:"Collapse",props:{list:t.PropTypes.arrayOf(t.PropTypes.any).def([]),idFiled:t.PropTypes.string.def("$index"),titleField:t.PropTypes.string.def("name"),contentField:t.PropTypes.string.def("content"),activeIndex:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.number).def([]),t.PropTypes.number.def(-1)]),activeName:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.string).def([]),t.PropTypes.string.def("")]),accordion:t.PropTypes.bool.def(!0)},setup:function(e,t){var i=t.slots,r=n.ref(null);n.watch((function(){return[e.activeName,e.activeIndex]}),(function(){r.value=null}));var l=n.computed((function(){return(e.list||[]).map((function(e,n){return"string"==typeof e||"number"==typeof e||"boolean"==typeof e?{$index:n,name:e}:Object.assign({$index:n},e)}))})),a=n.computed((function(){var n;return null!==r.value?r.value.map((function(e){return e.$index})):null!==e.activeName&&void 0!==e.activeName&&""!==e.activeName?u(e.activeName).map((function(n){return l.value.findIndex((function(t){return t[e.idFiled]===n}))})):u(null!==(n=e.activeIndex)&&void 0!==n?n:0)})),u=function n(t){return Array.isArray(t)?e.accordion?n(t[0]):t:"string"==typeof t||"number"==typeof t?[t]:[]},c=function(e){return a.value.some((function(n){return n===e.$index}))},d=function(){return l.value.map((function(t){var l,a,u,d;return n.createVNode("div",{class:"bk-collapse-item"},[n.createVNode("div",{class:"bk-collapse-header",onClick:function(){return function(n){if(null===r.value)r.value=[n];else if(e.accordion)r.value=[n];else{var t=r.value.findIndex((function(e){return e.$index===n.$index}));t>=0?r.value.splice(t,1):r.value.push(n)}}(t)}},[n.createVNode("span",{class:"bk-collapse-title"},[null!==(a=null===(l=i.default)||void 0===l?void 0:l.call(i))&&void 0!==a?a:t[e.titleField]]),c(t)?n.createVNode(o.AngleDown,{class:"bk-collapse-icon"},null):n.createVNode(o.AngleRight,{class:"bk-collapse-icon"},null)]),n.createVNode("div",{class:"bk-collapse-content ".concat(c(t)?"active":"")},[null!==(d=null===(u=i.content)||void 0===u?void 0:u.call(i,t))&&void 0!==d?d:t[e.contentField]])])}))};return function(){return n.createVNode("div",{class:"bk-collapse-wrapper"},[d()])}}}),r=t.withInstall(i);e.default=r,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/components.d.ts

@@ -24,8 +24,12 @@ export { default as Steps } from './steps';
 export { default as Switcher } from './switcher';
 export { default as Table } from './table';
 export { default as Tag } from './tag';
+export { default as Divider } from './divider';
+export { default as Tab, BKTabPanel as TabPanel } from './tab';
 export { default as Message } from './message';
 export { default as Notify } from './notify';
 export { default as Menu } from './menu';
 export { default as Navigation } from './navigation';
 export { default as DatePicker } from './date-picker';
+export { default as Tree } from './tree';
+export { default as VirtualRender } from './virtual-render';

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

@@ -244,13 +244,13 @@ declare const _default: import("vue").DefineComponent<{
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
     showClose: import("vue").Ref<boolean>;
     visible: import("vue").Ref<boolean>;
-    internalValue: any;
+    internalValue: import("vue").Ref<any>;
     disableClickOutSide: import("vue").Ref<boolean>;
     disableCloseUnderTransfer: import("vue").Ref<boolean>;
     selectionMode: import("vue").Ref<SelectionModeType>;
     forceInputRerender: import("vue").Ref<number>;
     isFocused: import("vue").Ref<boolean>;
-    focusedDate: any;
+    focusedDate: import("vue").Ref<any>;
     focusedTime: import("vue").Ref<{
         column: number;
         picker: number;
@@ -259,68 +259,115 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     internalFocus: import("vue").Ref<boolean>;
     timeEnterMode: import("vue").Ref<boolean>;
-    shortcut: any;
+    shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => SelectionModeType>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly type?: unknown;
-    readonly extPopoverCls?: unknown;
-    readonly format?: unknown;
-    readonly readonly?: unknown;
-    readonly disabled?: unknown;
-    readonly editable?: unknown;
-    readonly clearable?: unknown;
-    readonly open?: unknown;
-    readonly multiple?: unknown;
-    readonly timePickerOptions?: unknown;
-    readonly splitPanels?: unknown;
-    readonly startDate?: unknown;
-    readonly placeholder?: unknown;
-    readonly placement?: unknown;
-    readonly transfer?: unknown;
-    readonly appendToBody?: unknown;
-    readonly shortcuts?: unknown;
-    readonly shortcutClose?: unknown;
-    readonly modelValue?: unknown;
-    readonly options?: unknown;
-    readonly fontSize?: unknown;
-    readonly upToNow?: unknown;
-    readonly useShortcutText?: unknown;
-    readonly shortcutSelectedIndex?: unknown;
-    readonly footerSlotCls?: unknown;
-    readonly allowCrossDay?: unknown;
-    readonly behavior?: unknown;
-    readonly disableDate?: unknown;
-} & {
-    placement: import("@popperjs/core").ComputedPlacement;
-    options: Record<string, any>;
-    placeholder: string;
-    multiple: boolean;
-    disabled: boolean;
-    type: PickerTypeType;
-    extPopoverCls: string;
-    readonly: boolean;
-    editable: boolean;
-    clearable: boolean;
-    timePickerOptions: {};
-    splitPanels: boolean;
-    transfer: boolean;
-    appendToBody: boolean;
-    shortcuts: DatePickerShortcutsType;
-    shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
-    upToNow: boolean;
-    useShortcutText: boolean;
-    shortcutSelectedIndex: number;
-    footerSlotCls: string;
-    allowCrossDay: boolean;
-    behavior: "normal" | "simplicity";
-} & {
-    open?: boolean;
-    modelValue?: DatePickerValueType;
-    format?: string;
-    startDate?: Date;
-    disableDate?: DisableDateType;
-}> & {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    readonly type: {
+        readonly type: PropType<PickerTypeType>;
+        readonly default: "date";
+        readonly validator: (value: any) => boolean;
+    };
+    readonly extPopoverCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly format: StringConstructor;
+    readonly readonly: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly editable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly open: {
+        readonly type: BooleanConstructor;
+        readonly default: any;
+    };
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly timePickerOptions: {
+        readonly type: PropType<Record<string, any>>;
+        readonly default: () => {};
+    };
+    readonly splitPanels: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly startDate: DateConstructor;
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placement: {
+        readonly type: PropType<import("@popperjs/core").ComputedPlacement>;
+        readonly default: "bottom-start";
+        readonly validator: (value: any) => boolean;
+    };
+    readonly transfer: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly appendToBody: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly shortcuts: {
+        readonly type: PropType<DatePickerShortcutsType>;
+        readonly default: () => any[];
+    };
+    readonly shortcutClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: PropType<DatePickerValueType>;
+    };
+    readonly options: {
+        readonly type: ObjectConstructor;
+        readonly default: () => {};
+    };
+    readonly fontSize: {
+        readonly type: PropType<"large" | "normal" | "medium">;
+        readonly default: "normal";
+    };
+    readonly upToNow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly useShortcutText: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly shortcutSelectedIndex: {
+        readonly type: NumberConstructor;
+        readonly default: -1;
+    };
+    readonly footerSlotCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly allowCrossDay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly behavior: {
+        readonly type: PropType<"normal" | "simplicity">;
+        readonly default: "normal";
+        readonly validator: (v: any) => boolean;
+    };
+    readonly disableDate: PropType<DisableDateType>;
+}>> & {
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;

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

@@ -83,6 +83,12 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-date-picker {
   display: inline-block;