bkui-vue 0.0.1-beta.15 → 0.0.1-beta.152

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

@@ -5,96 +5,151 @@ declare const BkDatePicker: {
         $props: Partial<{
             placement: import("@popperjs/core").ComputedPlacement;
             options: Record<string, any>;
+            type: import("./interface").PickerTypeType;
+            disabled: boolean;
             placeholder: string;
+            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
-            disabled: boolean;
-            type: import("./interface").PickerTypeType;
-            extPopoverCls: string;
-            readonly: boolean;
-            editable: boolean;
             clearable: boolean;
-            timePickerOptions: {};
-            splitPanels: boolean;
-            transfer: boolean;
-            appendToBody: boolean;
-            shortcuts: import("./interface").DatePickerShortcutsType;
-            shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
-            upToNow: boolean;
-            useShortcutText: boolean;
-            shortcutSelectedIndex: number;
-            footerSlotCls: string;
-            allowCrossDay: boolean;
+            readonly: boolean;
             behavior: "normal" | "simplicity";
-        }> & Omit<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: import("./interface").PickerTypeType;
             extPopoverCls: string;
-            readonly: boolean;
             editable: boolean;
-            clearable: boolean;
             timePickerOptions: {};
             splitPanels: boolean;
             transfer: boolean;
             appendToBody: boolean;
             shortcuts: import("./interface").DatePickerShortcutsType;
             shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
             upToNow: boolean;
             useShortcutText: boolean;
             shortcutSelectedIndex: number;
+            headerSlotCls: string;
             footerSlotCls: string;
             allowCrossDay: boolean;
-            behavior: "normal" | "simplicity";
-        } & {
-            open?: boolean;
-            modelValue?: import("./interface").DatePickerValueType;
-            format?: string;
-            startDate?: Date;
-            disableDate?: import("./interface").DisableDateType;
-        }> & {
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            readonly type: {
+                readonly type: import("vue").PropType<import("./interface").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: import("vue").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: import("vue").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: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
+                readonly default: () => any[];
+            };
+            readonly shortcutClose: {
+                readonly type: BooleanConstructor;
+                readonly default: false;
+            };
+            readonly modelValue: {
+                readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+            };
+            readonly value: {
+                readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+            };
+            readonly options: {
+                readonly type: ObjectConstructor;
+                readonly default: () => {};
+            };
+            readonly fontSize: {
+                readonly type: import("vue").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 headerSlotCls: {
+                readonly type: StringConstructor;
+                readonly default: "";
+            };
+            readonly footerSlotCls: {
+                readonly type: StringConstructor;
+                readonly default: "";
+            };
+            readonly allowCrossDay: {
+                readonly type: BooleanConstructor;
+                readonly default: false;
+            };
+            readonly behavior: {
+                readonly type: import("vue").PropType<"normal" | "simplicity">;
+                readonly default: "normal";
+                readonly validator: (v: any) => boolean;
+            };
+            readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
+        }>> & {
             onChange?: (...args: any[]) => any;
             onInput?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-            "onPick-success"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
+            "onPick-success"?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "options" | "placeholder" | "open" | "multiple" | "disabled" | "type" | "extPopoverCls" | "readonly" | "editable" | "clearable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "fontSize" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "footerSlotCls" | "allowCrossDay" | "behavior">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "options" | "type" | "disabled" | "placeholder" | "fontSize" | "open" | "multiple" | "clearable" | "readonly" | "behavior" | "extPopoverCls" | "editable" | "timePickerOptions" | "splitPanels" | "transfer" | "appendToBody" | "shortcuts" | "shortcutClose" | "upToNow" | "useShortcutText" | "shortcutSelectedIndex" | "headerSlotCls" | "footerSlotCls" | "allowCrossDay">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -108,71 +163,125 @@ declare const BkDatePicker: {
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         $emit: (event: "input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change", ...args: any[]) => void;
         $el: any;
-        $options: import("vue").ComponentOptionsBase<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: import("./interface").PickerTypeType;
-            extPopoverCls: string;
-            readonly: boolean;
-            editable: boolean;
-            clearable: boolean;
-            timePickerOptions: {};
-            splitPanels: boolean;
-            transfer: boolean;
-            appendToBody: boolean;
-            shortcuts: import("./interface").DatePickerShortcutsType;
-            shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
-            upToNow: boolean;
-            useShortcutText: boolean;
-            shortcutSelectedIndex: number;
-            footerSlotCls: string;
-            allowCrossDay: boolean;
-            behavior: "normal" | "simplicity";
-        } & {
-            open?: boolean;
-            modelValue?: import("./interface").DatePickerValueType;
-            format?: string;
-            startDate?: Date;
-            disableDate?: import("./interface").DisableDateType;
-        }> & {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly type: {
+                readonly type: import("vue").PropType<import("./interface").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: import("vue").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: import("vue").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: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
+                readonly default: () => any[];
+            };
+            readonly shortcutClose: {
+                readonly type: BooleanConstructor;
+                readonly default: false;
+            };
+            readonly modelValue: {
+                readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+            };
+            readonly value: {
+                readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+            };
+            readonly options: {
+                readonly type: ObjectConstructor;
+                readonly default: () => {};
+            };
+            readonly fontSize: {
+                readonly type: import("vue").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 headerSlotCls: {
+                readonly type: StringConstructor;
+                readonly default: "";
+            };
+            readonly footerSlotCls: {
+                readonly type: StringConstructor;
+                readonly default: "";
+            };
+            readonly allowCrossDay: {
+                readonly type: BooleanConstructor;
+                readonly default: false;
+            };
+            readonly behavior: {
+                readonly type: import("vue").PropType<"normal" | "simplicity">;
+                readonly default: "normal";
+                readonly validator: (v: any) => boolean;
+            };
+            readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
+        }>> & {
             onChange?: (...args: any[]) => any;
             onInput?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
-            "onPick-success"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
+            "onPick-success"?: (...args: any[]) => any;
             "onOpen-change"?: (...args: any[]) => any;
             "onShortcut-change"?: (...args: any[]) => any;
         }, {
@@ -182,10 +291,12 @@ declare const BkDatePicker: {
             visualValue: import("vue").ComputedRef<any>;
             displayValue: import("vue").ComputedRef<any>;
             isConfirm: import("vue").ComputedRef<boolean>;
+            hasHeader: import("vue").ComputedRef<boolean>;
+            hasFooter: import("vue").ComputedRef<boolean>;
+            hasShortcuts: import("vue").ComputedRef<boolean>;
             fontSizeCls: import("vue").ComputedRef<string>;
             longWidthCls: import("vue").ComputedRef<string>;
             localReadonly: import("vue").ComputedRef<boolean>;
-            hasFooter: import("vue").ComputedRef<boolean>;
             allowCrossDayProp: import("vue").ComputedRef<boolean>;
             pickerDropdownRef: any;
             inputRef: any;
@@ -194,7 +305,7 @@ declare const BkDatePicker: {
             handleClose: (e?: Event) => boolean;
             handleIconClick: () => void;
             handleInputMouseenter: () => void;
-            handleInputMouseleave: (e: any) => void;
+            handleInputMouseleave: (_e: any) => void;
             handleFocus: (e: any) => void;
             handleBlur: (e: any) => void;
             handleKeydown: (e: KeyboardEvent) => void;
@@ -202,15 +313,16 @@ declare const BkDatePicker: {
             handleClear: () => void;
             handleTransferClick: () => void;
             onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
+            onPickSuccess: () => 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<import("./interface").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;
@@ -219,33 +331,34 @@ declare const BkDatePicker: {
             }>;
             internalFocus: import("vue").Ref<boolean>;
             timeEnterMode: import("vue").Ref<boolean>;
-            shortcut: any;
+            shortcut: import("vue").Ref<any>;
             onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "change" | "clear" | "update:modelValue" | "pick-success" | "open-change" | "shortcut-change")[], string, {
             placement: import("@popperjs/core").ComputedPlacement;
             options: Record<string, any>;
+            type: import("./interface").PickerTypeType;
+            disabled: boolean;
             placeholder: string;
+            fontSize: "large" | "normal" | "medium";
             open: boolean;
             multiple: boolean;
-            disabled: boolean;
-            type: import("./interface").PickerTypeType;
-            extPopoverCls: string;
+            clearable: boolean;
             readonly: boolean;
+            behavior: "normal" | "simplicity";
+            extPopoverCls: string;
             editable: boolean;
-            clearable: boolean;
             timePickerOptions: {};
             splitPanels: boolean;
             transfer: boolean;
             appendToBody: boolean;
             shortcuts: import("./interface").DatePickerShortcutsType;
             shortcutClose: boolean;
-            fontSize: "large" | "normal" | "medium";
             upToNow: boolean;
             useShortcutText: boolean;
             shortcutSelectedIndex: number;
+            headerSlotCls: string;
             footerSlotCls: string;
             allowCrossDay: boolean;
-            behavior: "normal" | "simplicity";
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -266,71 +379,125 @@ declare const BkDatePicker: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & 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: import("./interface").PickerTypeType;
-        extPopoverCls: string;
-        readonly: boolean;
-        editable: boolean;
-        clearable: boolean;
-        timePickerOptions: {};
-        splitPanels: boolean;
-        transfer: boolean;
-        appendToBody: boolean;
-        shortcuts: import("./interface").DatePickerShortcutsType;
-        shortcutClose: boolean;
-        fontSize: "large" | "normal" | "medium";
-        upToNow: boolean;
-        useShortcutText: boolean;
-        shortcutSelectedIndex: number;
-        footerSlotCls: string;
-        allowCrossDay: boolean;
-        behavior: "normal" | "simplicity";
-    } & {
-        open?: boolean;
-        modelValue?: import("./interface").DatePickerValueType;
-        format?: string;
-        startDate?: Date;
-        disableDate?: import("./interface").DisableDateType;
-    }> & {
+    } & Readonly<import("vue").ExtractPropTypes<{
+        readonly type: {
+            readonly type: import("vue").PropType<import("./interface").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: import("vue").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: import("vue").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: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
+            readonly default: () => any[];
+        };
+        readonly shortcutClose: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly modelValue: {
+            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+        };
+        readonly value: {
+            readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+        };
+        readonly options: {
+            readonly type: ObjectConstructor;
+            readonly default: () => {};
+        };
+        readonly fontSize: {
+            readonly type: import("vue").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 headerSlotCls: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly footerSlotCls: {
+            readonly type: StringConstructor;
+            readonly default: "";
+        };
+        readonly allowCrossDay: {
+            readonly type: BooleanConstructor;
+            readonly default: false;
+        };
+        readonly behavior: {
+            readonly type: import("vue").PropType<"normal" | "simplicity">;
+            readonly default: "normal";
+            readonly validator: (v: any) => boolean;
+        };
+        readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
+    }>> & {
         onChange?: (...args: any[]) => any;
         onInput?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
-        "onPick-success"?: (...args: any[]) => any;
         onClear?: (...args: any[]) => any;
+        "onPick-success"?: (...args: any[]) => any;
         "onOpen-change"?: (...args: any[]) => any;
         "onShortcut-change"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
@@ -340,10 +507,12 @@ declare const BkDatePicker: {
         visualValue: import("vue").ComputedRef<any>;
         displayValue: import("vue").ComputedRef<any>;
         isConfirm: import("vue").ComputedRef<boolean>;
+        hasHeader: import("vue").ComputedRef<boolean>;
+        hasFooter: import("vue").ComputedRef<boolean>;
+        hasShortcuts: import("vue").ComputedRef<boolean>;
         fontSizeCls: import("vue").ComputedRef<string>;
         longWidthCls: import("vue").ComputedRef<string>;
         localReadonly: import("vue").ComputedRef<boolean>;
-        hasFooter: import("vue").ComputedRef<boolean>;
         allowCrossDayProp: import("vue").ComputedRef<boolean>;
         pickerDropdownRef: any;
         inputRef: any;
@@ -352,7 +521,7 @@ declare const BkDatePicker: {
         handleClose: (e?: Event) => boolean;
         handleIconClick: () => void;
         handleInputMouseenter: () => void;
-        handleInputMouseleave: (e: any) => void;
+        handleInputMouseleave: (_e: any) => void;
         handleFocus: (e: any) => void;
         handleBlur: (e: any) => void;
         handleKeydown: (e: KeyboardEvent) => void;
@@ -360,15 +529,16 @@ declare const BkDatePicker: {
         handleClear: () => void;
         handleTransferClick: () => void;
         onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
+        onPickSuccess: () => 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<import("./interface").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;
@@ -377,77 +547,131 @@ declare const BkDatePicker: {
         }>;
         internalFocus: import("vue").Ref<boolean>;
         timeEnterMode: import("vue").Ref<boolean>;
-        shortcut: any;
+        shortcut: import("vue").Ref<any>;
         onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").SelectionModeType>;
     }> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<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: import("./interface").PickerTypeType;
-    extPopoverCls: string;
-    readonly: boolean;
-    editable: boolean;
-    clearable: boolean;
-    timePickerOptions: {};
-    splitPanels: boolean;
-    transfer: boolean;
-    appendToBody: boolean;
-    shortcuts: import("./interface").DatePickerShortcutsType;
-    shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
-    upToNow: boolean;
-    useShortcutText: boolean;
-    shortcutSelectedIndex: number;
-    footerSlotCls: string;
-    allowCrossDay: boolean;
-    behavior: "normal" | "simplicity";
-} & {
-    open?: boolean;
-    modelValue?: import("./interface").DatePickerValueType;
-    format?: string;
-    startDate?: Date;
-    disableDate?: import("./interface").DisableDateType;
-}> & {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    readonly type: {
+        readonly type: import("vue").PropType<import("./interface").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: import("vue").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: import("vue").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: import("vue").PropType<import("./interface").DatePickerShortcutsType>;
+        readonly default: () => any[];
+    };
+    readonly shortcutClose: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+    };
+    readonly value: {
+        readonly type: import("vue").PropType<import("./interface").DatePickerValueType>;
+    };
+    readonly options: {
+        readonly type: ObjectConstructor;
+        readonly default: () => {};
+    };
+    readonly fontSize: {
+        readonly type: import("vue").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 headerSlotCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly footerSlotCls: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly allowCrossDay: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly behavior: {
+        readonly type: import("vue").PropType<"normal" | "simplicity">;
+        readonly default: "normal";
+        readonly validator: (v: any) => boolean;
+    };
+    readonly disableDate: import("vue").PropType<import("./interface").DisableDateType>;
+}>> & {
     onChange?: (...args: any[]) => any;
     onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
-    "onPick-success"?: (...args: any[]) => any;
     onClear?: (...args: any[]) => any;
+    "onPick-success"?: (...args: any[]) => any;
     "onOpen-change"?: (...args: any[]) => any;
     "onShortcut-change"?: (...args: any[]) => any;
 }, {
@@ -457,10 +681,12 @@ declare const BkDatePicker: {
     visualValue: import("vue").ComputedRef<any>;
     displayValue: import("vue").ComputedRef<any>;
     isConfirm: import("vue").ComputedRef<boolean>;
+    hasHeader: import("vue").ComputedRef<boolean>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    hasShortcuts: import("vue").ComputedRef<boolean>;
     fontSizeCls: import("vue").ComputedRef<string>;
     longWidthCls: import("vue").ComputedRef<string>;
     localReadonly: import("vue").ComputedRef<boolean>;
-    hasFooter: import("vue").ComputedRef<boolean>;
     allowCrossDayProp: import("vue").ComputedRef<boolean>;
     pickerDropdownRef: any;
     inputRef: any;
@@ -469,7 +695,7 @@ declare const BkDatePicker: {
     handleClose: (e?: Event) => boolean;
     handleIconClick: () => void;
     handleInputMouseenter: () => void;
-    handleInputMouseleave: (e: any) => void;
+    handleInputMouseleave: (_e: any) => void;
     handleFocus: (e: any) => void;
     handleBlur: (e: any) => void;
     handleKeydown: (e: KeyboardEvent) => void;
@@ -477,15 +703,16 @@ declare const BkDatePicker: {
     handleClear: () => void;
     handleTransferClick: () => void;
     onPick: (_dates: any, visible: boolean, type: any, shortcut: any) => void;
+    onPickSuccess: () => 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<import("./interface").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;
@@ -494,32 +721,33 @@ declare const BkDatePicker: {
     }>;
     internalFocus: import("vue").Ref<boolean>;
     timeEnterMode: import("vue").Ref<boolean>;
-    shortcut: any;
+    shortcut: import("vue").Ref<any>;
     onSelectionModeChange: import("vue").Ref<(_type: any) => import("./interface").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", {
     placement: import("@popperjs/core").ComputedPlacement;
     options: Record<string, any>;
+    type: import("./interface").PickerTypeType;
+    disabled: boolean;
     placeholder: string;
+    fontSize: "large" | "normal" | "medium";
     open: boolean;
     multiple: boolean;
-    disabled: boolean;
-    type: import("./interface").PickerTypeType;
-    extPopoverCls: string;
+    clearable: boolean;
     readonly: boolean;
+    behavior: "normal" | "simplicity";
+    extPopoverCls: string;
     editable: boolean;
-    clearable: boolean;
     timePickerOptions: {};
     splitPanels: boolean;
     transfer: boolean;
     appendToBody: boolean;
     shortcuts: import("./interface").DatePickerShortcutsType;
     shortcutClose: boolean;
-    fontSize: "large" | "normal" | "medium";
     upToNow: boolean;
     useShortcutText: boolean;
     shortcutSelectedIndex: number;
+    headerSlotCls: string;
     footerSlotCls: string;
     allowCrossDay: boolean;
-    behavior: "normal" | "simplicity";
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkDatePicker;