@element-plus/nightly 0.0.20230831 → 0.0.20230914

package/es/components/date-picker/src/panel-utils.d.ts

@@ -560,6 +560,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly dark: boolean;
         readonly disabled: boolean;
         readonly text: boolean;
+        readonly autofocus: boolean;
         readonly round: boolean;
         readonly circle: boolean;
         readonly tag: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
@@ -569,7 +570,6 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly loading: boolean;
         readonly plain: boolean;
         readonly bg: boolean;
-        readonly autofocus: boolean;
     }>> & {
         ButtonGroup: import("vue").DefineComponent<{
             readonly size: {
@@ -685,6 +685,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
         readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+        readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -750,6 +751,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
             readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+            readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         }>> & {
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -1002,6 +1004,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
         readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+        readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }>> & {
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -1031,6 +1034,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly validateEvent: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly inputStyle: import("vue").StyleValue;
+        readonly autofocus: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>> & Record<string, any>;
     TimePickPanel: import("vue").DefineComponent<{
         readonly datetimeRole: StringConstructor;
@@ -7602,274 +7606,10 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
                 selecting: boolean;
             }, boolean>;
         }>> & {
-            onSelect?: ((...args: any[]) => any) | undefined;
-            onPick?: ((...args: any[]) => any) | undefined;
-            onChangerange?: ((...args: any[]) => any) | undefined;
+            [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "select" | "pick" | "changerange", ...args: any[]) => void;
-        ns: {
-            namespace: import("vue").ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string;
-            m: (modifier?: string | undefined) => string;
-            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-            em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-            is: {
-                (name: string, state: boolean | undefined): string;
-                (name: string): string;
-            };
-            cssVar: (object: Record<string, string>) => Record<string, string>;
-            cssVarName: (name: string) => string;
-            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-            cssVarBlockName: (name: string) => string;
-        };
-        t: import("../../..").Translator;
-        lang: import("vue").Ref<string>;
-        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
-        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
-        lastRow: import("vue").Ref<number | undefined>;
-        lastColumn: import("vue").Ref<number | undefined>;
-        tableRows: import("vue").Ref<{
-            column?: number | undefined;
-            customClass?: string | undefined;
-            disabled?: boolean | undefined;
-            end?: boolean | undefined;
-            inRange?: boolean | undefined;
-            row?: number | undefined;
-            selected?: {
-                clone: () => import("dayjs").Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
-                get: (unit: import("dayjs").UnitType) => number;
-                add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): import("dayjs").Dayjs;
-                };
-                localeData: () => import("dayjs").InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-            } | undefined;
-            isCurrent?: boolean | undefined;
-            isSelected?: boolean | undefined;
-            start?: boolean | undefined;
-            text?: number | undefined;
-            timestamp?: number | undefined;
-            date?: {
-                toString: () => string;
-                toDateString: () => string;
-                toTimeString: () => string;
-                toLocaleString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleDateString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleTimeString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                valueOf: () => number;
-                getTime: () => number;
-                getFullYear: () => number;
-                getUTCFullYear: () => number;
-                getMonth: () => number;
-                getUTCMonth: () => number;
-                getDate: () => number;
-                getUTCDate: () => number;
-                getDay: () => number;
-                getUTCDay: () => number;
-                getHours: () => number;
-                getUTCHours: () => number;
-                getMinutes: () => number;
-                getUTCMinutes: () => number;
-                getSeconds: () => number;
-                getUTCSeconds: () => number;
-                getMilliseconds: () => number;
-                getUTCMilliseconds: () => number;
-                getTimezoneOffset: () => number;
-                setTime: (time: number) => number;
-                setMilliseconds: (ms: number) => number;
-                setUTCMilliseconds: (ms: number) => number;
-                setSeconds: (sec: number, ms?: number | undefined) => number;
-                setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-                setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setDate: (date: number) => number;
-                setUTCDate: (date: number) => number;
-                setMonth: (month: number, date?: number | undefined) => number;
-                setUTCMonth: (month: number, date?: number | undefined) => number;
-                setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                toUTCString: () => string;
-                toISOString: () => string;
-                toJSON: (key?: any) => string;
-                [Symbol.toPrimitive]: {
-                    (hint: "default"): string;
-                    (hint: "string"): string;
-                    (hint: "number"): number;
-                    (hint: string): string | number;
-                };
-            } | undefined;
-            dayjs?: {
-                clone: () => import("dayjs").Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
-                get: (unit: import("dayjs").UnitType) => number;
-                add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): import("dayjs").Dayjs;
-                };
-                localeData: () => import("dayjs").InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-            } | undefined;
-            type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
-        }[][]>;
-        focusWithClick: boolean;
-        firstDayOfWeek: any;
-        WEEKS_CONSTANT: string[];
-        offsetDay: import("vue").ComputedRef<number>;
-        startDate: import("vue").ComputedRef<import("dayjs").Dayjs>;
+        emit: (event: string, ...args: any[]) => void;
         WEEKS: import("vue").ComputedRef<string[]>;
-        hasCurrent: import("vue").ComputedRef<boolean>;
-        days: import("vue").ComputedRef<{
-            startOfMonthDay: number;
-            dateCountOfMonth: number;
-            dateCountOfLastMonth: number;
-        }>;
-        selectedDate: import("vue").ComputedRef<import("dayjs").Dayjs[]>;
-        setDateText: (cell: import("./date-picker.type").DateCell, { count, rowIndex, columnIndex, }: {
-            count: number;
-            rowIndex: number;
-            columnIndex: number;
-        }) => boolean;
-        setCellMetadata: (cell: import("./date-picker.type").DateCell, { columnIndex, rowIndex, }: {
-            columnIndex: number;
-            rowIndex: number;
-        }, count: number) => boolean;
-        setRowMetadata: (row: import("./date-picker.type").DateCell[]) => void;
         rows: import("vue").ComputedRef<{
             column?: number | undefined;
             customClass?: string | undefined;
@@ -8086,19 +7826,27 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             } | undefined;
             type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
         }[][]>;
-        focus: () => Promise<void>;
-        isNormalDay: (type?: string) => boolean;
+        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
+        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
+        focus: () => Promise<void | undefined>;
         isCurrent: (cell: import("./date-picker.type").DateCell) => boolean;
-        cellMatchesDate: (cell: import("./date-picker.type").DateCell, date: import("dayjs").Dayjs) => boolean;
-        getCellClasses: (cell: import("./date-picker.type").DateCell) => string;
-        getDateOfCell: (row: number, column: number) => import("dayjs").Dayjs;
-        handleMouseMove: (event: MouseEvent) => void;
+        isWeekActive: (cell: import("./date-picker.type").DateCell) => boolean;
         isSelectedCell: (cell: import("./date-picker.type").DateCell) => boolean | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleMouseDown: (event: MouseEvent) => void;
-        handleMouseUp: (event: MouseEvent) => void;
         handlePickDate: (event: MouseEvent | FocusEvent, isKeyboardMovement?: boolean) => void;
-        isWeekActive: (cell: import("./date-picker.type").DateCell) => boolean;
+        handleMouseUp: (event: MouseEvent) => void;
+        handleMouseDown: (event: MouseEvent) => void;
+        handleMouseMove: (event: MouseEvent) => void;
+        handleFocus: (event: FocusEvent) => void;
+        tableLabel: import("vue").ComputedRef<string>;
+        tableKls: import("vue").ComputedRef<(string | {
+            'is-week-mode': boolean;
+        })[]>;
+        weekLabel: import("vue").ComputedRef<string>;
+        getCellClasses: (cell: import("./date-picker.type").DateCell) => string;
+        getRowKls: (cell: import("./date-picker.type").DateCell) => (string | {
+            current: boolean;
+        })[];
+        t: import("../../..").Translator;
         ElDatePickerCell: import("vue").DefineComponent<{
             readonly cell: {
                 readonly type: import("vue").PropType<import("./date-picker.type").DateCell>;
@@ -8116,7 +7864,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
                 __epPropKey: true;
             };
         }>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "pick" | "changerange")[], "select" | "pick" | "changerange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -8160,9 +7908,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             selecting: boolean;
         }, boolean>;
     }>> & {
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onPick?: ((...args: any[]) => any) | undefined;
-        onChangerange?: ((...args: any[]) => any) | undefined;
+        [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
         readonly rangeState: import("./props/shared").RangeState;
         readonly showWeekNumber: boolean;
@@ -9192,6 +8938,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly dark: boolean;
         readonly disabled: boolean;
         readonly text: boolean;
+        readonly autofocus: boolean;
         readonly round: boolean;
         readonly circle: boolean;
         readonly tag: import("../../../utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
@@ -9201,7 +8948,6 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly loading: boolean;
         readonly plain: boolean;
         readonly bg: boolean;
-        readonly autofocus: boolean;
     }>> & {
         ButtonGroup: import("vue").DefineComponent<{
             readonly size: {
@@ -9318,6 +9064,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
         readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+        readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             readonly id: import("../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -9383,6 +9130,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
             readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
             readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+            readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
         }>> & {
             onChange?: ((value: string) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -9635,6 +9383,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
         readonly validateEvent: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
         readonly inputStyle: import("../../../utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("../../../utils").Mutable<{}>, boolean>;
+        readonly autofocus: import("../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     }>> & {
         onChange?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -9664,6 +9413,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
         readonly tabindex: import("../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         readonly validateEvent: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         readonly inputStyle: import("vue").StyleValue;
+        readonly autofocus: import("../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     }>> & Record<string, any>;
     TimePickPanel: import("vue").DefineComponent<{
         readonly datetimeRole: StringConstructor;
@@ -16235,274 +15985,10 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
                 selecting: boolean;
             }, boolean>;
         }>> & {
-            onSelect?: ((...args: any[]) => any) | undefined;
-            onPick?: ((...args: any[]) => any) | undefined;
-            onChangerange?: ((...args: any[]) => any) | undefined;
+            [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
         }>>;
-        emit: (event: "select" | "pick" | "changerange", ...args: any[]) => void;
-        ns: {
-            namespace: import("vue").ComputedRef<string>;
-            b: (blockSuffix?: string) => string;
-            e: (element?: string | undefined) => string;
-            m: (modifier?: string | undefined) => string;
-            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-            em: (element?: string | undefined, modifier?: string | undefined) => string;
-            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-            is: {
-                (name: string, state: boolean | undefined): string;
-                (name: string): string;
-            };
-            cssVar: (object: Record<string, string>) => Record<string, string>;
-            cssVarName: (name: string) => string;
-            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-            cssVarBlockName: (name: string) => string;
-        };
-        t: import("../../..").Translator;
-        lang: import("vue").Ref<string>;
-        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
-        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
-        lastRow: import("vue").Ref<number | undefined>;
-        lastColumn: import("vue").Ref<number | undefined>;
-        tableRows: import("vue").Ref<{
-            column?: number | undefined;
-            customClass?: string | undefined;
-            disabled?: boolean | undefined;
-            end?: boolean | undefined;
-            inRange?: boolean | undefined;
-            row?: number | undefined;
-            selected?: {
-                clone: () => import("dayjs").Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
-                get: (unit: import("dayjs").UnitType) => number;
-                add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): import("dayjs").Dayjs;
-                };
-                localeData: () => import("dayjs").InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-            } | undefined;
-            isCurrent?: boolean | undefined;
-            isSelected?: boolean | undefined;
-            start?: boolean | undefined;
-            text?: number | undefined;
-            timestamp?: number | undefined;
-            date?: {
-                toString: () => string;
-                toDateString: () => string;
-                toTimeString: () => string;
-                toLocaleString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleDateString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                toLocaleTimeString: {
-                    (): string;
-                    (locales?: string | string[] | undefined, options?: Intl.DateTimeFormatOptions | undefined): string;
-                };
-                valueOf: () => number;
-                getTime: () => number;
-                getFullYear: () => number;
-                getUTCFullYear: () => number;
-                getMonth: () => number;
-                getUTCMonth: () => number;
-                getDate: () => number;
-                getUTCDate: () => number;
-                getDay: () => number;
-                getUTCDay: () => number;
-                getHours: () => number;
-                getUTCHours: () => number;
-                getMinutes: () => number;
-                getUTCMinutes: () => number;
-                getSeconds: () => number;
-                getUTCSeconds: () => number;
-                getMilliseconds: () => number;
-                getUTCMilliseconds: () => number;
-                getTimezoneOffset: () => number;
-                setTime: (time: number) => number;
-                setMilliseconds: (ms: number) => number;
-                setUTCMilliseconds: (ms: number) => number;
-                setSeconds: (sec: number, ms?: number | undefined) => number;
-                setUTCSeconds: (sec: number, ms?: number | undefined) => number;
-                setMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCMinutes: (min: number, sec?: number | undefined, ms?: number | undefined) => number;
-                setHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setUTCHours: (hours: number, min?: number | undefined, sec?: number | undefined, ms?: number | undefined) => number;
-                setDate: (date: number) => number;
-                setUTCDate: (date: number) => number;
-                setMonth: (month: number, date?: number | undefined) => number;
-                setUTCMonth: (month: number, date?: number | undefined) => number;
-                setFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                setUTCFullYear: (year: number, month?: number | undefined, date?: number | undefined) => number;
-                toUTCString: () => string;
-                toISOString: () => string;
-                toJSON: (key?: any) => string;
-                [Symbol.toPrimitive]: {
-                    (hint: "default"): string;
-                    (hint: "string"): string;
-                    (hint: "number"): number;
-                    (hint: string): string | number;
-                };
-            } | undefined;
-            dayjs?: {
-                clone: () => import("dayjs").Dayjs;
-                isValid: () => boolean;
-                year: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                month: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                date: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                day: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                hour: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                minute: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                second: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                millisecond: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                set: (unit: import("dayjs").UnitType, value: number) => import("dayjs").Dayjs;
-                get: (unit: import("dayjs").UnitType) => number;
-                add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => import("dayjs").Dayjs;
-                startOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                endOf: (unit: import("dayjs").OpUnitType) => import("dayjs").Dayjs;
-                format: (template?: string | undefined) => string;
-                diff: (date?: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: "year" | "month" | "date" | "dates" | "week" | "D" | "M" | "y" | "weeks" | "months" | "m" | "s" | "day" | "hour" | "minute" | "second" | "millisecond" | "hours" | "minutes" | "seconds" | "milliseconds" | "days" | "years" | "d" | "h" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
-                valueOf: () => number;
-                unix: () => number;
-                daysInMonth: () => number;
-                toDate: () => Date;
-                toJSON: () => string;
-                toISOString: () => string;
-                toString: () => string;
-                utcOffset: () => number;
-                isBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSame: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                locale: {
-                    (): string;
-                    (preset: string | ILocale, object?: Partial<ILocale> | undefined): import("dayjs").Dayjs;
-                };
-                localeData: () => import("dayjs").InstanceLocaleDataReturn;
-                week: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                weekYear: () => number;
-                dayOfYear: {
-                    (): number;
-                    (value: number): import("dayjs").Dayjs;
-                };
-                isSameOrAfter: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-                isSameOrBefore: (date: string | number | Date | import("dayjs").Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
-            } | undefined;
-            type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
-        }[][]>;
-        focusWithClick: boolean;
-        firstDayOfWeek: any;
-        WEEKS_CONSTANT: string[];
-        offsetDay: import("vue").ComputedRef<number>;
-        startDate: import("vue").ComputedRef<import("dayjs").Dayjs>;
+        emit: (event: string, ...args: any[]) => void;
         WEEKS: import("vue").ComputedRef<string[]>;
-        hasCurrent: import("vue").ComputedRef<boolean>;
-        days: import("vue").ComputedRef<{
-            startOfMonthDay: number;
-            dateCountOfMonth: number;
-            dateCountOfLastMonth: number;
-        }>;
-        selectedDate: import("vue").ComputedRef<import("dayjs").Dayjs[]>;
-        setDateText: (cell: import("./date-picker.type").DateCell, { count, rowIndex, columnIndex, }: {
-            count: number;
-            rowIndex: number;
-            columnIndex: number;
-        }) => boolean;
-        setCellMetadata: (cell: import("./date-picker.type").DateCell, { columnIndex, rowIndex, }: {
-            columnIndex: number;
-            rowIndex: number;
-        }, count: number) => boolean;
-        setRowMetadata: (row: import("./date-picker.type").DateCell[]) => void;
         rows: import("vue").ComputedRef<{
             column?: number | undefined;
             customClass?: string | undefined;
@@ -16719,19 +16205,27 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             } | undefined;
             type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
         }[][]>;
-        focus: () => Promise<void>;
-        isNormalDay: (type?: string) => boolean;
+        tbodyRef: import("vue").Ref<HTMLElement | undefined>;
+        currentCellRef: import("vue").Ref<HTMLElement | undefined>;
+        focus: () => Promise<void | undefined>;
         isCurrent: (cell: import("./date-picker.type").DateCell) => boolean;
-        cellMatchesDate: (cell: import("./date-picker.type").DateCell, date: import("dayjs").Dayjs) => boolean;
-        getCellClasses: (cell: import("./date-picker.type").DateCell) => string;
-        getDateOfCell: (row: number, column: number) => import("dayjs").Dayjs;
-        handleMouseMove: (event: MouseEvent) => void;
+        isWeekActive: (cell: import("./date-picker.type").DateCell) => boolean;
         isSelectedCell: (cell: import("./date-picker.type").DateCell) => boolean | undefined;
-        handleFocus: (event: FocusEvent) => void;
-        handleMouseDown: (event: MouseEvent) => void;
-        handleMouseUp: (event: MouseEvent) => void;
         handlePickDate: (event: MouseEvent | FocusEvent, isKeyboardMovement?: boolean) => void;
-        isWeekActive: (cell: import("./date-picker.type").DateCell) => boolean;
+        handleMouseUp: (event: MouseEvent) => void;
+        handleMouseDown: (event: MouseEvent) => void;
+        handleMouseMove: (event: MouseEvent) => void;
+        handleFocus: (event: FocusEvent) => void;
+        tableLabel: import("vue").ComputedRef<string>;
+        tableKls: import("vue").ComputedRef<(string | {
+            'is-week-mode': boolean;
+        })[]>;
+        weekLabel: import("vue").ComputedRef<string>;
+        getCellClasses: (cell: import("./date-picker.type").DateCell) => string;
+        getRowKls: (cell: import("./date-picker.type").DateCell) => (string | {
+            current: boolean;
+        })[];
+        t: import("../../..").Translator;
         ElDatePickerCell: import("vue").DefineComponent<{
             readonly cell: {
                 readonly type: import("vue").PropType<import("./date-picker.type").DateCell>;
@@ -16749,7 +16243,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
                 __epPropKey: true;
             };
         }>>, {}>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "pick" | "changerange")[], "select" | "pick" | "changerange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         readonly cellClassName: {
             readonly type: import("vue").PropType<(date: Date) => string>;
             readonly required: false;
@@ -16793,9 +16287,7 @@ export declare const getPanel: (type: IDatePickerType) => import("vue").DefineCo
             selecting: boolean;
         }, boolean>;
     }>> & {
-        onSelect?: ((...args: any[]) => any) | undefined;
-        onPick?: ((...args: any[]) => any) | undefined;
-        onChangerange?: ((...args: any[]) => any) | undefined;
+        [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
     }, {
         readonly rangeState: import("./props/shared").RangeState;
         readonly showWeekNumber: boolean;