@element-plus/nightly 0.0.20260912 → 0.0.20260913

package/lib/components/cascader/src/cascader.vue.d.ts

@@ -187,18 +187,18 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   focus: () => void; /** @description blur the input element */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   change: (value: CascaderValue | null | undefined) => void;
   clear: () => void;
+  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   visibleChange: (val: boolean) => void;
   expandChange: (val: CascaderValue) => void;
   removeTag: (val: CascaderNodeValue | CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderComponentProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onClear?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onVisibleChange?: ((val: boolean) => any) | undefined;

package/lib/components/cascader-panel/src/index.vue.d.ts

@@ -268,14 +268,14 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   scrollToExpandingNode: () => void;
   loadLazyRootNodes: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   change: (value: CascaderValue | null | undefined) => void;
   close: () => void;
+  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   "expand-change": (value: CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderPanelProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onClose?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   "onExpand-change"?: ((value: CascaderNodePathValue) => any) | undefined;
 }>, {
   props: CascaderProps;

package/lib/components/checkbox/src/checkbox-button.vue.d.ts

@@ -7,11 +7,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
   id: string;
   disabled: boolean;

package/lib/components/checkbox/src/checkbox-group.vue.d.ts

@@ -8,11 +8,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxGroupValueType) => void;
   change: (val: CheckboxValueType[]) => void;
+  "update:modelValue": (val: CheckboxGroupValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
 }>, {
   type: "checkbox" | "button";
   props: {

package/lib/components/checkbox/src/checkbox.vue.d.ts

@@ -7,11 +7,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
   id: string;
   disabled: boolean;

package/lib/components/collapse/src/collapse.vue.d.ts

@@ -10,11 +10,11 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {
   /** @description active names */activeNames: _$vue.Ref<(string | number)[], (string | number)[]>; /** @description set active names */
   setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CollapseModelValue) => void;
   change: (value: CollapseModelValue) => void;
+  "update:modelValue": (value: CollapseModelValue) => void;
 }, string, _$vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;

package/lib/components/color-picker/src/color-picker.vue.d.ts

@@ -30,16 +30,16 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | null) => void;
   change: (val: string | null) => void;
   clear: () => void;
+  "update:modelValue": (val: string | null) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onChange?: ((val: string | null) => any) | undefined;
   onClear?: (() => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;

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

@@ -8,7 +8,7 @@ import * as _$vue_jsx_runtime0 from "vue/jsx-runtime";
 
 //#region ../../packages/components/date-picker/src/date-picker.d.ts
 declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -34,7 +34,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -106,7 +106,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -132,7 +132,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -206,7 +206,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
   readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
@@ -220,7 +220,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/date-picker/src/props.d.ts

@@ -8,7 +8,7 @@ import { ExtractPropTypes, ExtractPublicPropTypes } from "vue";
 
 //#region ../../packages/components/date-picker/src/props.d.ts
 declare const datePickerProps: {
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly showNow: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showConfirm: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly showFooter: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -34,7 +34,7 @@ declare const datePickerProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.d.ts

@@ -214,7 +214,7 @@ declare const useBasicDateTable: (props: BasicDateTableProps, emit: SetupContext
       isSameOrAfter: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
       isSameOrBefore: (date?: dayjs.ConfigType, unit?: dayjs.OpUnitType) => boolean;
     } | undefined;
-    type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | undefined;
+    type?: ("normal" | "prev-month" | "next-month" | "today" | "week") | undefined;
   }[][]>;
   tbodyRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   currentCellRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
@@ -222,11 +222,12 @@ declare const useBasicDateTable: (props: BasicDateTableProps, emit: SetupContext
   isCurrent: (cell: DateCell) => boolean;
   isWeekActive: (cell: DateCell) => boolean;
   isSelectedCell: (cell: DateCell) => boolean | undefined;
-  handlePickDate: (event: FocusEvent | MouseEvent, isKeyboardMovement?: boolean) => void;
+  handlePickDate: (event: FocusEvent | KeyboardEvent | MouseEvent, isKeyboardMovement?: boolean) => void;
   handleMouseUp: (event: MouseEvent) => void;
   handleMouseDown: (event: MouseEvent) => void;
   handleMouseMove: (event: MouseEvent) => void;
   handleFocus: (event: FocusEvent) => void;
+  handleKeydown: (event: KeyboardEvent) => void;
 };
 declare const useBasicDateTableDOM: (props: BasicDateTableProps, {
   isCurrent,

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js

@@ -253,6 +253,12 @@ const useBasicDateTable = (props, emit) => {
 		}
 		return false;
 	};
+	const handleKeydown = (event) => {
+		if (props.selectionMode !== "dates") return;
+		event.preventDefault();
+		event.stopPropagation();
+		handlePickDate(event);
+	};
 	return {
 		WEEKS,
 		rows,
@@ -266,7 +272,8 @@ const useBasicDateTable = (props, emit) => {
 		handleMouseUp,
 		handleMouseDown,
 		handleMouseMove,
-		handleFocus
+		handleFocus,
+		handleKeydown
 	};
 };
 const useBasicDateTableDOM = (props, { isCurrent, isWeekActive }) => {

package/lib/components/date-picker-panel/src/composables/use-basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-basic-date-table.js","names":["useLocale","ref","computed","flatten","unref","castArray","nextTick","isArray","useNamespace"],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    //NOTE: because relying of startDate is not reliable in every weekStart (especially 2, 3); we re-create it\n    const startOfMonthDay = unref(days).startOfMonthDay\n    const offset = unref(offsetDay)\n    const numberOfDaysFromPreviousMonth =\n      startOfMonthDay + offset < 0\n        ? 7 + startOfMonthDay + offset\n        : startOfMonthDay + offset\n    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0))\n    return props.date\n      .startOf('month')\n      .subtract(numberOfDaysFromPreviousMonth, 'day')\n      .add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-basic-date-table.js","names":["useLocale","ref","computed","flatten","unref","castArray","nextTick","isArray","useNamespace"],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-basic-date-table.ts"],"sourcesContent":["import { computed, nextTick, ref, unref, watch } from 'vue'\nimport dayjs from 'dayjs'\nimport { flatten } from 'lodash-unified'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { castArray, isArray } from '@element-plus/utils'\nimport { buildPickerTable } from '../utils'\n\nimport type { SetupContext } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type { DateCell } from '../types'\nimport type {\n  BasicDateTableEmits,\n  BasicDateTableProps,\n} from '../props/basic-date-table'\n\nconst isNormalDay = (type = '') => {\n  return ['normal', 'today'].includes(type)\n}\n\nexport const useBasicDateTable = (\n  props: BasicDateTableProps,\n  emit: SetupContext<BasicDateTableEmits>['emit']\n) => {\n  const { lang } = useLocale()\n  const tbodyRef = ref<HTMLElement>()\n  const currentCellRef = ref<HTMLElement>()\n  // data\n  const lastRow = ref<number>()\n  const lastColumn = ref<number>()\n  const tableRows = ref<DateCell[][]>([[], [], [], [], [], []])\n\n  let focusWithClick = false\n\n  // todo better way to get Day.js locale object\n  const firstDayOfWeek = (props.date as any).$locale().weekStart || 7\n  const WEEKS_CONSTANT = props.date\n    .locale('en')\n    .localeData()\n    .weekdaysShort()\n    .map((_) => _.toLowerCase())\n\n  const offsetDay = computed(() => {\n    // Sunday 7(0), cal the left and right offset days, 3217654, such as Monday is -1, the is to adjust the position of the first two rows of dates\n    return firstDayOfWeek > 3 ? 7 - firstDayOfWeek : -firstDayOfWeek\n  })\n\n  const startDate = computed(() => {\n    const startDayOfMonth = props.date.startOf('month')\n    return startDayOfMonth.subtract(startDayOfMonth.day() || 7, 'day')\n  })\n\n  const WEEKS = computed(() => {\n    return WEEKS_CONSTANT.concat(WEEKS_CONSTANT).slice(\n      firstDayOfWeek,\n      firstDayOfWeek + 7\n    )\n  })\n\n  const hasCurrent = computed<boolean>(() => {\n    return flatten(unref(rows)).some((row) => {\n      return row.isCurrent\n    })\n  })\n\n  const days = computed(() => {\n    const startOfMonth = props.date.startOf('month')\n    const startOfMonthDay = startOfMonth.day() || 7 // day of first day\n    const dateCountOfMonth = startOfMonth.daysInMonth()\n\n    const dateCountOfLastMonth = startOfMonth.subtract(1, 'month').daysInMonth()\n\n    return {\n      startOfMonthDay,\n      dateCountOfMonth,\n      dateCountOfLastMonth,\n    }\n  })\n\n  const selectedDate = computed<Dayjs[]>(() => {\n    return props.selectionMode === 'dates' ? castArray(props.parsedValue!) : []\n  })\n\n  // Return value indicates should the counter be incremented\n  type CellCoordinate = { columnIndex: number; rowIndex: number }\n  type CellMeta = CellCoordinate & {\n    count: number\n  }\n  const setDateText = (\n    cell: DateCell,\n    { count, rowIndex, columnIndex }: CellMeta\n  ): boolean => {\n    const { startOfMonthDay, dateCountOfMonth, dateCountOfLastMonth } =\n      unref(days)\n    const offset = unref(offsetDay)\n    if (rowIndex >= 0 && rowIndex <= 1) {\n      const numberOfDaysFromPreviousMonth =\n        startOfMonthDay + offset < 0\n          ? 7 + startOfMonthDay + offset\n          : startOfMonthDay + offset\n\n      if (columnIndex + rowIndex * 7 >= numberOfDaysFromPreviousMonth) {\n        cell.text = count\n        return true\n      } else {\n        cell.text =\n          dateCountOfLastMonth -\n          (numberOfDaysFromPreviousMonth - (columnIndex % 7)) +\n          1 +\n          rowIndex * 7\n        cell.type = 'prev-month'\n      }\n    } else {\n      if (count <= dateCountOfMonth) {\n        cell.text = count\n      } else {\n        cell.text = count - dateCountOfMonth\n        cell.type = 'next-month'\n      }\n      return true\n    }\n    return false\n  }\n\n  const setCellMetadata = (\n    cell: DateCell,\n    { columnIndex, rowIndex }: CellCoordinate,\n    count: number\n  ) => {\n    const { disabledDate, cellClassName } = props\n    const _selectedDate = unref(selectedDate)\n    const shouldIncrement = setDateText(cell, { count, rowIndex, columnIndex })\n\n    const cellDate = cell.dayjs!.toDate()\n    cell.selected = _selectedDate.find((d) => d.isSame(cell.dayjs, 'day'))\n    cell.isSelected = !!cell.selected\n    cell.isCurrent = isCurrent(cell)\n    cell.disabled = disabledDate?.(cellDate)\n    cell.customClass = cellClassName?.(cellDate)\n    return shouldIncrement\n  }\n\n  const setRowMetadata = (row: DateCell[]) => {\n    if (props.selectionMode === 'week') {\n      const [start, end] = props.showWeekNumber ? [1, 7] : [0, 6]\n      const isActive = isWeekActive(row[start + 1])\n      row[start].inRange = isActive\n      row[start].start = isActive\n      row[end].inRange = isActive\n      row[end].end = isActive\n    }\n  }\n\n  const rows = computed(() => {\n    const { minDate, maxDate, rangeState, showWeekNumber } = props\n\n    const offset = unref(offsetDay)\n    const rows_ = unref(tableRows)\n    const dateUnit = 'day'\n    let count = 1\n\n    buildPickerTable({ row: 6, column: 7 }, rows_, {\n      startDate: minDate,\n      columnIndexOffset: showWeekNumber ? 1 : 0,\n      nextEndDate:\n        rangeState.endDate ||\n        maxDate ||\n        (rangeState.selecting && minDate) ||\n        null,\n      now: dayjs().locale(unref(lang)).startOf(dateUnit),\n      unit: dateUnit,\n      relativeDateGetter: (idx: number) =>\n        unref(startDate).add(idx - offset, dateUnit),\n      setCellMetadata: (...args) => {\n        if (setCellMetadata(...args, count)) {\n          count += 1\n        }\n      },\n\n      setRowMetadata,\n    })\n\n    if (showWeekNumber) {\n      for (let rowIndex = 0; rowIndex < 6; rowIndex++) {\n        if (rows_[rowIndex][1].dayjs) {\n          rows_[rowIndex][0] = {\n            type: 'week',\n            text: rows_[rowIndex][1].dayjs!.week(),\n          }\n        }\n      }\n    }\n\n    return rows_\n  })\n\n  watch(\n    () => props.date,\n    async () => {\n      if (unref(tbodyRef)?.contains(document.activeElement)) {\n        await nextTick()\n        await focus()\n        // currentCellRef.value?.focus()\n      }\n    }\n  )\n\n  const focus = async () => unref(currentCellRef)?.focus()\n\n  const isCurrent = (cell: DateCell): boolean => {\n    return (\n      props.selectionMode === 'date' &&\n      isNormalDay(cell.type) &&\n      cellMatchesDate(cell, props.parsedValue as Dayjs)\n    )\n  }\n\n  const cellMatchesDate = (cell: DateCell, date: Dayjs) => {\n    if (!date) return false\n    return dayjs(date)\n      .locale(unref(lang))\n      .isSame(props.date.date(Number(cell.text)), 'day')\n  }\n\n  const getDateOfCell = (row: number, column: number) => {\n    //NOTE: because relying of startDate is not reliable in every weekStart (especially 2, 3); we re-create it\n    const startOfMonthDay = unref(days).startOfMonthDay\n    const offset = unref(offsetDay)\n    const numberOfDaysFromPreviousMonth =\n      startOfMonthDay + offset < 0\n        ? 7 + startOfMonthDay + offset\n        : startOfMonthDay + offset\n    const offsetFromStart = row * 7 + (column - (props.showWeekNumber ? 1 : 0))\n    return props.date\n      .startOf('month')\n      .subtract(numberOfDaysFromPreviousMonth, 'day')\n      .add(offsetFromStart, 'day')\n  }\n\n  const handleMouseMove = (event: MouseEvent) => {\n    if (!props.rangeState.selecting) return\n\n    let target = event.target as HTMLElement\n    if (target.tagName === 'SPAN') {\n      target = target.parentNode?.parentNode as HTMLElement\n    }\n    if (target.tagName === 'DIV') {\n      target = target.parentNode as HTMLElement\n    }\n    if (target.tagName !== 'TD') return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n\n    // can not select disabled date\n    if (unref(rows)[row][column].disabled) return\n\n    // only update rangeState when mouse moves to a new cell\n    // this avoids frequent Date object creation and improves performance\n    if (row !== unref(lastRow) || column !== unref(lastColumn)) {\n      lastRow.value = row\n      lastColumn.value = column\n      emit('changerange', {\n        selecting: true,\n        endDate: getDateOfCell(row, column),\n      })\n    }\n  }\n\n  const isSelectedCell = (cell: DateCell) => {\n    return (\n      (!unref(hasCurrent) && cell?.text === 1 && isNormalDay(cell.type)) ||\n      cell.isCurrent\n    )\n  }\n\n  const handleFocus = (event: FocusEvent) => {\n    if (focusWithClick || unref(hasCurrent) || props.selectionMode !== 'date')\n      return\n    handlePickDate(event, true)\n  }\n\n  const handleMouseDown = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = true\n  }\n\n  const handleMouseUp = (event: MouseEvent) => {\n    const target = (event.target as HTMLElement).closest('td')\n    if (!target) return\n    focusWithClick = false\n  }\n\n  const handleRangePick = (newDate: Dayjs) => {\n    if (!props.rangeState.selecting || !props.minDate) {\n      emit('pick', { minDate: newDate, maxDate: null })\n      emit('select', true)\n    } else {\n      if (newDate >= props.minDate) {\n        emit('pick', { minDate: props.minDate, maxDate: newDate })\n      } else {\n        emit('pick', { minDate: newDate, maxDate: props.minDate })\n      }\n      emit('select', false)\n    }\n  }\n\n  const handleWeekPick = (newDate: Dayjs) => {\n    const weekNumber = newDate.week()\n    const value = `${newDate.year()}w${weekNumber}`\n    emit('pick', {\n      year: newDate.year(),\n      week: weekNumber,\n      value,\n      date: newDate.startOf('week'),\n    })\n  }\n\n  const handleDatesPick = (newDate: Dayjs, selected: boolean) => {\n    const newValue = selected\n      ? castArray(props.parsedValue).filter(\n          (d) => d?.valueOf() !== newDate.valueOf()\n        )\n      : castArray(props.parsedValue).concat([newDate])\n    emit('pick', newValue)\n  }\n\n  const handlePickDate = (\n    event: FocusEvent | KeyboardEvent | MouseEvent,\n    isKeyboardMovement = false\n  ) => {\n    if (props.disabled) return\n    const target = (event.target as HTMLElement).closest('td')\n\n    if (!target) return\n\n    const row = (target.parentNode as HTMLTableRowElement).rowIndex - 1\n    const column = (target as HTMLTableCellElement).cellIndex\n    const cell = unref(rows)[row][column]\n\n    if (cell.disabled || cell.type === 'week') return\n\n    const newDate = getDateOfCell(row, column)\n\n    switch (props.selectionMode) {\n      case 'range': {\n        handleRangePick(newDate)\n        break\n      }\n      case 'date': {\n        emit('pick', newDate, isKeyboardMovement)\n        break\n      }\n      case 'week': {\n        handleWeekPick(newDate)\n        break\n      }\n      case 'dates': {\n        handleDatesPick(newDate, !!cell.selected)\n        break\n      }\n      default: {\n        break\n      }\n    }\n  }\n\n  const isWeekActive = (cell: DateCell) => {\n    if (props.selectionMode !== 'week') return false\n    let newDate = props.date.startOf('day')\n\n    if (cell.type === 'prev-month') {\n      newDate = newDate.subtract(1, 'month')\n    }\n\n    if (cell.type === 'next-month') {\n      newDate = newDate.add(1, 'month')\n    }\n\n    newDate = newDate.date(Number.parseInt(cell.text as any, 10))\n\n    if (props.parsedValue && !isArray(props.parsedValue)) {\n      const dayOffset = ((props.parsedValue.day() - firstDayOfWeek + 7) % 7) - 1\n      const weekDate = props.parsedValue.subtract(dayOffset, 'day')\n      return weekDate.isSame(newDate, 'day')\n    }\n    return false\n  }\n\n  const handleKeydown = (event: KeyboardEvent) => {\n    if (props.selectionMode !== 'dates') return\n    event.preventDefault()\n    event.stopPropagation()\n    handlePickDate(event)\n  }\n  return {\n    WEEKS,\n    rows,\n    tbodyRef,\n    currentCellRef,\n\n    // cellMatchesDate,\n    // getDateOfCell,\n    focus,\n    isCurrent,\n    isWeekActive,\n    isSelectedCell,\n\n    handlePickDate,\n    handleMouseUp,\n    handleMouseDown,\n    handleMouseMove,\n    handleFocus,\n    handleKeydown,\n  }\n}\n\nexport const useBasicDateTableDOM = (\n  props: BasicDateTableProps,\n  {\n    isCurrent,\n    isWeekActive,\n  }: Pick<ReturnType<typeof useBasicDateTable>, 'isCurrent' | 'isWeekActive'>\n) => {\n  const ns = useNamespace('date-table')\n  const { t } = useLocale()\n\n  const tableKls = computed(() => [\n    ns.b(),\n    ns.is('week-mode', props.selectionMode === 'week' && !props.disabled),\n  ])\n\n  const tableLabel = computed(() => t('el.datepicker.dateTablePrompt'))\n\n  const getCellClasses = (cell: DateCell) => {\n    const classes: string[] = []\n    if (isNormalDay(cell.type) && !cell.disabled) {\n      classes.push('available')\n      if (cell.type === 'today') {\n        classes.push('today')\n      }\n    } else {\n      classes.push(cell.type!)\n    }\n\n    if (isCurrent(cell)) {\n      classes.push('current')\n    }\n\n    if (\n      cell.inRange &&\n      (isNormalDay(cell.type) || props.selectionMode === 'week')\n    ) {\n      classes.push('in-range')\n\n      if (cell.start) {\n        classes.push('start-date')\n      }\n\n      if (cell.end) {\n        classes.push('end-date')\n      }\n    }\n\n    if (cell.disabled || props.disabled) {\n      classes.push('disabled')\n    }\n\n    if (cell.selected) {\n      classes.push('selected')\n    }\n\n    if (cell.customClass) {\n      classes.push(cell.customClass)\n    }\n\n    return classes.join(' ')\n  }\n\n  const getRowKls = (cell: DateCell) => [\n    ns.e('row'),\n    { current: isWeekActive(cell) },\n  ]\n\n  return {\n    tableKls,\n    tableLabel,\n    weekHeaderClass: ns.e('week-header'),\n\n    getCellClasses,\n    getRowKls,\n    t,\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,eAAe,OAAO,OAAO;CACjC,OAAO,CAAC,UAAU,OAAO,CAAC,CAAC,SAAS,IAAI;AAC1C;AAEA,MAAa,qBACX,OACA,SACG;CACH,MAAM,EAAE,SAASA,cAAAA,UAAU;CAC3B,MAAM,YAAA,GAAWC,IAAAA,IAAAA,CAAiB;CAClC,MAAM,kBAAA,GAAiBA,IAAAA,IAAAA,CAAiB;CAExC,MAAM,WAAA,GAAUA,IAAAA,IAAAA,CAAY;CAC5B,MAAM,cAAA,GAAaA,IAAAA,IAAAA,CAAY;CAC/B,MAAM,aAAA,GAAYA,IAAAA,IAAAA,CAAkB;EAAC,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;EAAG,CAAC;CAAC,CAAC;CAE5D,IAAI,iBAAiB;CAGrB,MAAM,iBAAkB,MAAM,KAAa,QAAQ,CAAC,CAAC,aAAa;CAClE,MAAM,iBAAiB,MAAM,KAC1B,OAAO,IAAI,CAAC,CACZ,WAAW,CAAC,CACZ,cAAc,CAAC,CACf,KAAK,MAAM,EAAE,YAAY,CAAC;CAE7B,MAAM,aAAA,GAAYC,IAAAA,SAAAA,OAAe;EAE/B,OAAO,iBAAiB,IAAI,IAAI,iBAAiB,CAAC;CACpD,CAAC;CAED,MAAM,aAAA,GAAYA,IAAAA,SAAAA,OAAe;EAC/B,MAAM,kBAAkB,MAAM,KAAK,QAAQ,OAAO;EAClD,OAAO,gBAAgB,SAAS,gBAAgB,IAAI,KAAK,GAAG,KAAK;CACnE,CAAC;CAED,MAAM,SAAA,GAAQA,IAAAA,SAAAA,OAAe;EAC3B,OAAO,eAAe,OAAO,cAAc,CAAC,CAAC,MAC3C,gBACA,iBAAiB,CACnB;CACF,CAAC;CAED,MAAM,cAAA,GAAaA,IAAAA,SAAAA,OAAwB;EACzC,QAAA,GAAOC,eAAAA,QAAAA,EAAAA,GAAQC,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC,CAAC,MAAM,QAAQ;GACxC,OAAO,IAAI;EACb,CAAC;CACH,CAAC;CAED,MAAM,QAAA,GAAOF,IAAAA,SAAAA,OAAe;EAC1B,MAAM,eAAe,MAAM,KAAK,QAAQ,OAAO;EAM/C,OAAO;GACL,iBANsB,aAAa,IAAI,KAAK;GAO5C,kBANuB,aAAa,YAMrB;GACf,sBAL2B,aAAa,SAAS,GAAG,OAAO,CAAC,CAAC,YAK1C;EACrB;CACF,CAAC;CAED,MAAM,gBAAA,GAAeA,IAAAA,SAAAA,OAAwB;EAC3C,OAAO,MAAM,kBAAkB,UAAUG,eAAAA,UAAU,MAAM,WAAY,IAAI,CAAC;CAC5E,CAAC;CAOD,MAAM,eACJ,MACA,EAAE,OAAO,UAAU,kBACP;EACZ,MAAM,EAAE,iBAAiB,kBAAkB,0BAAA,GACzCD,IAAAA,MAAAA,CAAM,IAAI;EACZ,MAAM,UAAA,GAASA,IAAAA,MAAAA,CAAM,SAAS;EAC9B,IAAI,YAAY,KAAK,YAAY,GAAG;GAClC,MAAM,gCACJ,kBAAkB,SAAS,IACvB,IAAI,kBAAkB,SACtB,kBAAkB;GAExB,IAAI,cAAc,WAAW,KAAK,+BAA+B;IAC/D,KAAK,OAAO;IACZ,OAAO;GACT,OAAO;IACL,KAAK,OACH,wBACC,gCAAiC,cAAc,KAChD,IACA,WAAW;IACb,KAAK,OAAO;GACd;EACF,OAAO;GACL,IAAI,SAAS,kBACX,KAAK,OAAO;QACP;IACL,KAAK,OAAO,QAAQ;IACpB,KAAK,OAAO;GACd;GACA,OAAO;EACT;EACA,OAAO;CACT;CAEA,MAAM,mBACJ,MACA,EAAE,aAAa,YACf,UACG;EACH,MAAM,EAAE,cAAc,kBAAkB;EACxC,MAAM,iBAAA,GAAgBA,IAAAA,MAAAA,CAAM,YAAY;EACxC,MAAM,kBAAkB,YAAY,MAAM;GAAE;GAAO;GAAU;EAAY,CAAC;EAE1E,MAAM,WAAW,KAAK,MAAO,OAAO;EACpC,KAAK,WAAW,cAAc,MAAM,MAAM,EAAE,OAAO,KAAK,OAAO,KAAK,CAAC;EACrE,KAAK,aAAa,CAAC,CAAC,KAAK;EACzB,KAAK,YAAY,UAAU,IAAI;EAC/B,KAAK,WAAW,eAAe,QAAQ;EACvC,KAAK,cAAc,gBAAgB,QAAQ;EAC3C,OAAO;CACT;CAEA,MAAM,kBAAkB,QAAoB;EAC1C,IAAI,MAAM,kBAAkB,QAAQ;GAClC,MAAM,CAAC,OAAO,OAAO,MAAM,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC;GAC1D,MAAM,WAAW,aAAa,IAAI,QAAQ,EAAE;GAC5C,IAAI,MAAM,CAAC,UAAU;GACrB,IAAI,MAAM,CAAC,QAAQ;GACnB,IAAI,IAAI,CAAC,UAAU;GACnB,IAAI,IAAI,CAAC,MAAM;EACjB;CACF;CAEA,MAAM,QAAA,GAAOF,IAAAA,SAAAA,OAAe;EAC1B,MAAM,EAAE,SAAS,SAAS,YAAY,mBAAmB;EAEzD,MAAM,UAAA,GAASE,IAAAA,MAAAA,CAAM,SAAS;EAC9B,MAAM,SAAA,GAAQA,IAAAA,MAAAA,CAAM,SAAS;EAC7B,MAAM,WAAW;EACjB,IAAI,QAAQ;EAEZ,cAAA,iBAAiB;GAAE,KAAK;GAAG,QAAQ;EAAE,GAAG,OAAO;GAC7C,WAAW;GACX,mBAAmB,iBAAiB,IAAI;GACxC,aACE,WAAW,WACX,WACC,WAAW,aAAa,WACzB;GACF,MAAA,GAAK,MAAA,QAAA,CAAM,CAAC,CAAC,QAAA,GAAOA,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,QAAQ;GACjD,MAAM;GACN,qBAAqB,SAAA,GACnBA,IAAAA,MAAAA,CAAM,SAAS,CAAC,CAAC,IAAI,MAAM,QAAQ,QAAQ;GAC7C,kBAAkB,GAAG,SAAS;IAC5B,IAAI,gBAAgB,GAAG,MAAM,KAAK,GAChC,SAAS;GAEb;GAEA;EACF,CAAC;EAED,IAAI,gBACG;QAAA,IAAI,WAAW,GAAG,WAAW,GAAG,YACnC,IAAI,MAAM,SAAS,CAAC,EAAE,CAAC,OACrB,MAAM,SAAS,CAAC,KAAK;IACnB,MAAM;IACN,MAAM,MAAM,SAAS,CAAC,EAAE,CAAC,MAAO,KAAK;GACvC;EAAA;EAKN,OAAO;CACT,CAAC;CAED,CAAA,GAAA,IAAA,MAAA,OACQ,MAAM,MACZ,YAAY;EACV,KAAA,GAAIA,IAAAA,MAAAA,CAAM,QAAQ,CAAC,EAAE,SAAS,SAAS,aAAa,GAAG;GACrD,OAAA,GAAME,IAAAA,SAAAA,CAAS;GACf,MAAM,MAAM;EAEd;CACF,CACF;CAEA,MAAM,QAAQ,aAAA,GAAYF,IAAAA,MAAAA,CAAM,cAAc,CAAC,EAAE,MAAM;CAEvD,MAAM,aAAa,SAA4B;EAC7C,OACE,MAAM,kBAAkB,UACxB,YAAY,KAAK,IAAI,KACrB,gBAAgB,MAAM,MAAM,WAAoB;CAEpD;CAEA,MAAM,mBAAmB,MAAgB,SAAgB;EACvD,IAAI,CAAC,MAAM,OAAO;EAClB,QAAA,GAAO,MAAA,QAAA,CAAM,IAAI,CAAC,CACf,QAAA,GAAOA,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC,CACnB,OAAO,MAAM,KAAK,KAAK,OAAO,KAAK,IAAI,CAAC,GAAG,KAAK;CACrD;CAEA,MAAM,iBAAiB,KAAa,WAAmB;EAErD,MAAM,mBAAA,GAAkBA,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC;EACpC,MAAM,UAAA,GAASA,IAAAA,MAAAA,CAAM,SAAS;EAC9B,MAAM,gCACJ,kBAAkB,SAAS,IACvB,IAAI,kBAAkB,SACtB,kBAAkB;EACxB,MAAM,kBAAkB,MAAM,KAAK,UAAU,MAAM,iBAAiB,IAAI;EACxE,OAAO,MAAM,KACV,QAAQ,OAAO,CAAC,CAChB,SAAS,+BAA+B,KAAK,CAAC,CAC9C,IAAI,iBAAiB,KAAK;CAC/B;CAEA,MAAM,mBAAmB,UAAsB;EAC7C,IAAI,CAAC,MAAM,WAAW,WAAW;EAEjC,IAAI,SAAS,MAAM;EACnB,IAAI,OAAO,YAAY,QACrB,SAAS,OAAO,YAAY;EAE9B,IAAI,OAAO,YAAY,OACrB,SAAS,OAAO;EAElB,IAAI,OAAO,YAAY,MAAM;EAE7B,MAAM,MAAO,OAAO,WAAmC,WAAW;EAClE,MAAM,SAAU,OAAgC;EAGhD,KAAA,GAAIA,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU;EAIvC,IAAI,SAAA,GAAQA,IAAAA,MAAAA,CAAM,OAAO,KAAK,YAAA,GAAWA,IAAAA,MAAAA,CAAM,UAAU,GAAG;GAC1D,QAAQ,QAAQ;GAChB,WAAW,QAAQ;GACnB,KAAK,eAAe;IAClB,WAAW;IACX,SAAS,cAAc,KAAK,MAAM;GACpC,CAAC;EACH;CACF;CAEA,MAAM,kBAAkB,SAAmB;EACzC,OACG,EAAA,GAACA,IAAAA,MAAAA,CAAM,UAAU,KAAK,MAAM,SAAS,KAAK,YAAY,KAAK,IAAI,KAChE,KAAK;CAET;CAEA,MAAM,eAAe,UAAsB;EACzC,IAAI,mBAAA,GAAkBA,IAAAA,MAAAA,CAAM,UAAU,KAAK,MAAM,kBAAkB,QACjE;EACF,eAAe,OAAO,IAAI;CAC5B;CAEA,MAAM,mBAAmB,UAAsB;EAE7C,IAAI,CADY,MAAM,OAAuB,QAAQ,IAC3C,GAAG;EACb,iBAAiB;CACnB;CAEA,MAAM,iBAAiB,UAAsB;EAE3C,IAAI,CADY,MAAM,OAAuB,QAAQ,IAC3C,GAAG;EACb,iBAAiB;CACnB;CAEA,MAAM,mBAAmB,YAAmB;EAC1C,IAAI,CAAC,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS;GACjD,KAAK,QAAQ;IAAE,SAAS;IAAS,SAAS;GAAK,CAAC;GAChD,KAAK,UAAU,IAAI;EACrB,OAAO;GACL,IAAI,WAAW,MAAM,SACnB,KAAK,QAAQ;IAAE,SAAS,MAAM;IAAS,SAAS;GAAQ,CAAC;QAEzD,KAAK,QAAQ;IAAE,SAAS;IAAS,SAAS,MAAM;GAAQ,CAAC;GAE3D,KAAK,UAAU,KAAK;EACtB;CACF;CAEA,MAAM,kBAAkB,YAAmB;EACzC,MAAM,aAAa,QAAQ,KAAK;EAChC,MAAM,QAAQ,GAAG,QAAQ,KAAK,EAAE,GAAG;EACnC,KAAK,QAAQ;GACX,MAAM,QAAQ,KAAK;GACnB,MAAM;GACN;GACA,MAAM,QAAQ,QAAQ,MAAM;EAC9B,CAAC;CACH;CAEA,MAAM,mBAAmB,SAAgB,aAAsB;EAM7D,KAAK,QALY,WACbC,eAAAA,UAAU,MAAM,WAAW,CAAC,CAAC,QAC1B,MAAM,GAAG,QAAQ,MAAM,QAAQ,QAAQ,CAC1C,IACAA,eAAAA,UAAU,MAAM,WAAW,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAC5B;CACvB;CAEA,MAAM,kBACJ,OACA,qBAAqB,UAClB;EACH,IAAI,MAAM,UAAU;EACpB,MAAM,SAAU,MAAM,OAAuB,QAAQ,IAAI;EAEzD,IAAI,CAAC,QAAQ;EAEb,MAAM,MAAO,OAAO,WAAmC,WAAW;EAClE,MAAM,SAAU,OAAgC;EAChD,MAAM,QAAA,GAAOD,IAAAA,MAAAA,CAAM,IAAI,CAAC,CAAC,IAAI,CAAC;EAE9B,IAAI,KAAK,YAAY,KAAK,SAAS,QAAQ;EAE3C,MAAM,UAAU,cAAc,KAAK,MAAM;EAEzC,QAAQ,MAAM,eAAd;GACE,KAAK;IACH,gBAAgB,OAAO;IACvB;GAEF,KAAK;IACH,KAAK,QAAQ,SAAS,kBAAkB;IACxC;GAEF,KAAK;IACH,eAAe,OAAO;IACtB;GAEF,KAAK,SACH,gBAAgB,SAAS,CAAC,CAAC,KAAK,QAAQ;EAM5C;CACF;CAEA,MAAM,gBAAgB,SAAmB;EACvC,IAAI,MAAM,kBAAkB,QAAQ,OAAO;EAC3C,IAAI,UAAU,MAAM,KAAK,QAAQ,KAAK;EAEtC,IAAI,KAAK,SAAS,cAChB,UAAU,QAAQ,SAAS,GAAG,OAAO;EAGvC,IAAI,KAAK,SAAS,cAChB,UAAU,QAAQ,IAAI,GAAG,OAAO;EAGlC,UAAU,QAAQ,KAAK,OAAO,SAAS,KAAK,MAAa,EAAE,CAAC;EAE5D,IAAI,MAAM,eAAe,EAAA,GAACG,YAAAA,QAAAA,CAAQ,MAAM,WAAW,GAAG;GACpD,MAAM,aAAc,MAAM,YAAY,IAAI,IAAI,iBAAiB,KAAK,IAAK;GAEzE,OADiB,MAAM,YAAY,SAAS,WAAW,KACzC,CAAC,CAAC,OAAO,SAAS,KAAK;EACvC;EACA,OAAO;CACT;CAEA,MAAM,iBAAiB,UAAyB;EAC9C,IAAI,MAAM,kBAAkB,SAAS;EACrC,MAAM,eAAe;EACrB,MAAM,gBAAgB;EACtB,eAAe,KAAK;CACtB;CACA,OAAO;EACL;EACA;EACA;EACA;EAIA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,MAAa,wBACX,OACA,EACE,WACA,mBAEC;CACH,MAAM,KAAKC,gBAAAA,aAAa,YAAY;CACpC,MAAM,EAAE,MAAMR,cAAAA,UAAU;CAExB,MAAM,YAAA,GAAWE,IAAAA,SAAAA,OAAe,CAC9B,GAAG,EAAE,GACL,GAAG,GAAG,aAAa,MAAM,kBAAkB,UAAU,CAAC,MAAM,QAAQ,CACtE,CAAC;CAED,MAAM,cAAA,GAAaA,IAAAA,SAAAA,OAAe,EAAE,+BAA+B,CAAC;CAEpE,MAAM,kBAAkB,SAAmB;EACzC,MAAM,UAAoB,CAAC;EAC3B,IAAI,YAAY,KAAK,IAAI,KAAK,CAAC,KAAK,UAAU;GAC5C,QAAQ,KAAK,WAAW;GACxB,IAAI,KAAK,SAAS,SAChB,QAAQ,KAAK,OAAO;EAExB,OACE,QAAQ,KAAK,KAAK,IAAK;EAGzB,IAAI,UAAU,IAAI,GAChB,QAAQ,KAAK,SAAS;EAGxB,IACE,KAAK,YACJ,YAAY,KAAK,IAAI,KAAK,MAAM,kBAAkB,SACnD;GACA,QAAQ,KAAK,UAAU;GAEvB,IAAI,KAAK,OACP,QAAQ,KAAK,YAAY;GAG3B,IAAI,KAAK,KACP,QAAQ,KAAK,UAAU;EAE3B;EAEA,IAAI,KAAK,YAAY,MAAM,UACzB,QAAQ,KAAK,UAAU;EAGzB,IAAI,KAAK,UACP,QAAQ,KAAK,UAAU;EAGzB,IAAI,KAAK,aACP,QAAQ,KAAK,KAAK,WAAW;EAG/B,OAAO,QAAQ,KAAK,GAAG;CACzB;CAEA,MAAM,aAAa,SAAmB,CACpC,GAAG,EAAE,KAAK,GACV,EAAE,SAAS,aAAa,IAAI,EAAE,CAChC;CAEA,OAAO;EACL;EACA;EACA,iBAAiB,GAAG,EAAE,aAAa;EAEnC;EACA;EACA;CACF;AACF"}

package/lib/components/date-picker-panel/src/date-picker-com/basic-date-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"basic-date-table.js","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n          @keydown.enter=\"handleKeydown\"\n          @keydown.space=\"handleKeydown\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n  handleKeydown,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":""}

package/lib/components/date-picker-panel/src/date-picker-com/basic-date-table.vue_vue_type_script_setup_true_lang.js

@@ -17,7 +17,7 @@ var basic_date_table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	emits: require_basic_date_table.basicDateTableEmits,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
-		const { WEEKS, rows, tbodyRef, currentCellRef, focus, isCurrent, isWeekActive, isSelectedCell, handlePickDate, handleMouseUp, handleMouseDown, handleMouseMove, handleFocus } = require_use_basic_date_table.useBasicDateTable(props, __emit);
+		const { WEEKS, rows, tbodyRef, currentCellRef, focus, isCurrent, isWeekActive, isSelectedCell, handlePickDate, handleMouseUp, handleMouseDown, handleMouseMove, handleFocus, handleKeydown } = require_use_basic_date_table.useBasicDateTable(props, __emit);
 		const { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } = require_use_basic_date_table.useBasicDateTableDOM(props, {
 			isCurrent,
 			isWeekActive
@@ -38,10 +38,10 @@ focus });
 				cellspacing: "0",
 				cellpadding: "0",
 				role: "grid",
-				onClick: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(handlePickDate) && (0, vue.unref)(handlePickDate)(...args)),
-				onMousemove: _cache[2] || (_cache[2] = (...args) => (0, vue.unref)(handleMouseMove) && (0, vue.unref)(handleMouseMove)(...args)),
-				onMousedown: _cache[3] || (_cache[3] = (...args) => (0, vue.unref)(handleMouseDown) && (0, vue.unref)(handleMouseDown)(...args)),
-				onMouseup: _cache[4] || (_cache[4] = (...args) => (0, vue.unref)(handleMouseUp) && (0, vue.unref)(handleMouseUp)(...args))
+				onClick: _cache[3] || (_cache[3] = (...args) => (0, vue.unref)(handlePickDate) && (0, vue.unref)(handlePickDate)(...args)),
+				onMousemove: _cache[4] || (_cache[4] = (...args) => (0, vue.unref)(handleMouseMove) && (0, vue.unref)(handleMouseMove)(...args)),
+				onMousedown: _cache[5] || (_cache[5] = (...args) => (0, vue.unref)(handleMouseDown) && (0, vue.unref)(handleMouseDown)(...args)),
+				onMouseup: _cache[6] || (_cache[6] = (...args) => (0, vue.unref)(handleMouseUp) && (0, vue.unref)(handleMouseUp)(...args))
 			}, [(0, vue.createElementVNode)("tbody", {
 				ref_key: "tbodyRef",
 				ref: tbodyRef
@@ -69,7 +69,8 @@ focus });
 						"aria-selected": cell.isCurrent,
 						tabindex: _ctx.disabled ? void 0 : (0, vue.unref)(isSelectedCell)(cell) ? 0 : -1,
 						"aria-disabled": _ctx.disabled,
-						onFocus: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleFocus) && (0, vue.unref)(handleFocus)(...args))
+						onFocus: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleFocus) && (0, vue.unref)(handleFocus)(...args)),
+						onKeydown: [_cache[1] || (_cache[1] = (0, vue.withKeys)((...args) => (0, vue.unref)(handleKeydown) && (0, vue.unref)(handleKeydown)(...args), ["enter"])), _cache[2] || (_cache[2] = (0, vue.withKeys)((...args) => (0, vue.unref)(handleKeydown) && (0, vue.unref)(handleKeydown)(...args), ["space"]))]
 					}, [(0, vue.createVNode)((0, vue.unref)(require_basic_cell_render.default), { cell }, null, 8, ["cell"])], 42, _hoisted_3);
 				}), 128))], 2);
 			}), 128))], 512)], 42, _hoisted_1);

package/lib/components/date-picker-panel/src/date-picker-com/basic-date-table.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"basic-date-table.vue_vue_type_script_setup_true_lang.js","names":["showWeekNumber","disabled"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"basic-date-table.vue_vue_type_script_setup_true_lang.js","names":["showWeekNumber","disabled"],"sources":["../../../../../../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue"],"sourcesContent":["<template>\n  <table\n    :aria-label=\"tableLabel\"\n    :class=\"tableKls\"\n    cellspacing=\"0\"\n    cellpadding=\"0\"\n    role=\"grid\"\n    @click=\"handlePickDate\"\n    @mousemove=\"handleMouseMove\"\n    @mousedown=\"handleMouseDown\"\n    @mouseup=\"handleMouseUp\"\n  >\n    <tbody ref=\"tbodyRef\">\n      <tr>\n        <th v-if=\"showWeekNumber\" scope=\"col\" :class=\"weekHeaderClass\" />\n        <th\n          v-for=\"(week, key) in WEEKS\"\n          :key=\"key\"\n          :aria-label=\"t('el.datepicker.weeksFull.' + week)\"\n          scope=\"col\"\n        >\n          {{ t('el.datepicker.weeks.' + week) }}\n        </th>\n      </tr>\n      <tr\n        v-for=\"(row, rowKey) in rows\"\n        :key=\"rowKey\"\n        :class=\"getRowKls(showWeekNumber ? row[2] : row[1])\"\n      >\n        <td\n          v-for=\"(cell, columnKey) in row\"\n          :key=\"`${rowKey}.${columnKey}`\"\n          :ref=\"\n            (el) =>\n              !isUnmounting &&\n              isSelectedCell(cell) &&\n              (currentCellRef = el as HTMLElement)\n          \"\n          :class=\"getCellClasses(cell)\"\n          :aria-current=\"cell.isCurrent ? 'date' : undefined\"\n          :aria-selected=\"cell.isCurrent\"\n          :tabindex=\"disabled ? undefined : isSelectedCell(cell) ? 0 : -1\"\n          :aria-disabled=\"disabled\"\n          @focus=\"handleFocus\"\n          @keydown.enter=\"handleKeydown\"\n          @keydown.space=\"handleKeydown\"\n        >\n          <el-date-picker-cell :cell=\"cell\" />\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\" setup>\nimport { onBeforeUnmount } from 'vue'\nimport {\n  basicDateTableEmits,\n  basicDateTableProps,\n} from '../props/basic-date-table'\nimport {\n  useBasicDateTable,\n  useBasicDateTableDOM,\n} from '../composables/use-basic-date-table'\nimport ElDatePickerCell from './basic-cell-render'\n\nconst props = defineProps(basicDateTableProps)\nconst emit = defineEmits(basicDateTableEmits)\n\nconst {\n  WEEKS,\n  rows,\n  tbodyRef,\n  currentCellRef,\n\n  focus,\n  isCurrent,\n  isWeekActive,\n  isSelectedCell,\n\n  handlePickDate,\n  handleMouseUp,\n  handleMouseDown,\n  handleMouseMove,\n  handleFocus,\n  handleKeydown,\n} = useBasicDateTable(props, emit)\nconst { tableLabel, tableKls, getCellClasses, getRowKls, weekHeaderClass, t } =\n  useBasicDateTableDOM(props, {\n    isCurrent,\n    isWeekActive,\n  })\nlet isUnmounting = false\n\nonBeforeUnmount(() => {\n  isUnmounting = true\n})\n\ndefineExpose({\n  /**\n   * @description focus on current cell\n   */\n  focus,\n})\n</script>\n"],"mappings":"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"}

package/lib/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -56,7 +56,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly visible: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/date-picker-panel/src/date-picker-com/panel-date-range.vue.d.ts

@@ -41,7 +41,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -72,7 +72,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange")) | null)[], "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange", unknown>>;
     readonly required: true;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/date-picker-panel/src/date-picker-panel.d.ts

@@ -25,7 +25,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -65,7 +65,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly isRange: BooleanConstructor;
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change")[], "clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly disabledDate: {
     readonly type: _$vue.PropType<Function>;
     readonly required: false;
@@ -85,7 +85,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly showConfirm: BooleanConstructor;
   readonly showFooter: BooleanConstructor;
   readonly showWeekNumber: BooleanConstructor;
-  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
+  readonly type: EpPropFinalized<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown, "date", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly border: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly editable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
@@ -126,13 +126,13 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "months" | "month" | "date" | "years" | "dates" | "quarter" | "quarters" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;