@element-plus/nightly 0.0.20260812 → 0.0.20260814

package/es/components/anchor/src/anchor.vue.d.ts

@@ -15,12 +15,12 @@ declare const __VLS_base: _$vue.DefineComponent<AnchorProps, {
   onChange?: ((href: string) => any) | undefined;
   onClick?: ((e: MouseEvent, href?: string | undefined) => any) | undefined;
 }>, {
-  type: "default" | "underline";
   offset: number;
+  type: "default" | "underline";
   direction: "vertical" | "horizontal";
   marker: boolean;
-  duration: number;
   bound: number;
+  duration: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/autocomplete/src/autocomplete.d.ts

@@ -91,7 +91,7 @@ declare const autocompleteProps: {
   readonly valueKey: EpPropFinalized<StringConstructor, unknown, unknown, "value", boolean>;
   readonly modelValue: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly debounce: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-  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)[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", 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)[], "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end", unknown, "bottom-start", boolean>;
   readonly fetchSuggestions: EpPropFinalized<(new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>) | (((new (...args: any[]) => ((queryString: string, cb: AutocompleteFetchSuggestionsCallback<AutocompleteDataItem>) => Awaitable<void | AutocompleteData<AutocompleteDataItem>>) | AutocompleteData<AutocompleteDataItem>) | (() => AutocompleteFetchSuggestions<AutocompleteDataItem>)) | null)[], unknown, unknown, () => void, boolean>;
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;

package/es/components/autocomplete/src/autocomplete.vue.d.ts

@@ -7,10 +7,10 @@ import { Ref } from "vue";
 //#region ../../packages/components/autocomplete/src/autocomplete.vue.d.ts
 declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<AutocompleteProps<T> & {
-    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
     onChange?: ((value: string | number) => any) | undefined;
-    onInput?: ((value: string | number) => any) | undefined;
     onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+    onInput?: ((value: string | number) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onSelect?: ((item: Record<string, any>) => any) | undefined;
@@ -52,7 +52,7 @@ declare const __VLS_export: <T extends AutocompleteDataItem = AutocompleteDataIt
   } & {
     footer?: (props: {}) => any;
   };
-  emit: ((event: "update:modelValue", value: string | number) => void) & ((event: "change", value: string | number) => void) & ((event: "input", value: string | number) => void) & ((event: "clear") => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", item: Record<string, any>) => void);
+  emit: ((event: "change", value: string | number) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string | number) => void) & ((event: "input", value: string | number) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", item: Record<string, any>) => void);
 }>) => _$vue.VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/es/components/backtop/src/backtop.vue.d.ts

@@ -11,9 +11,9 @@ declare const __VLS_base: _$vue.DefineComponent<BacktopProps, {}, {}, {}, {}, _$
 }, string, _$vue.PublicProps, Readonly<BacktopProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  right: number;
   target: string;
   bottom: number;
+  right: number;
   visibilityHeight: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/badge/src/badge.vue.d.ts

@@ -15,8 +15,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<BadgeProps, {
   /** @description badge content */content: _$vue.ComputedRef<string>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
-  type: "primary" | "success" | "warning" | "info" | "danger";
   offset: [number, number];
+  type: "primary" | "success" | "warning" | "info" | "danger";
   value: string | number;
   max: number;
   showZero: boolean;

package/es/components/calendar/src/calendar.d.ts

@@ -39,7 +39,7 @@ declare const calendarProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly controllerType: EpPropFinalized<StringConstructor, "button" | "select", unknown, "button", boolean>;
+  readonly controllerType: EpPropFinalized<StringConstructor, "select" | "button", unknown, "button", boolean>;
   readonly formatter: {
     readonly type: _$vue.PropType<(value: number, type: "year" | "month") => string | number>;
     readonly required: false;

package/es/components/cascader/src/cascader.d.ts

@@ -164,7 +164,7 @@ declare const cascaderProps: {
   maxCollapseTags: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   collapseTagsTooltip: BooleanConstructor;
   maxCollapseTagsTooltipHeight: {
-    readonly type: _$vue.PropType<EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -179,7 +179,7 @@ declare const cascaderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => true, boolean>;
-  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, string, boolean>;
+  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, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | _$vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;

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

@@ -187,25 +187,24 @@ 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;
   onExpandChange?: ((val: CascaderValue) => any) | undefined;
   onRemoveTag?: ((val: CascaderNodeValue | CascaderNodePathValue) => any) | undefined;
 }>, {
-  valueOnClear: string | number | boolean | Function | null;
   teleported: boolean;
   props: CascaderProps;
   effect: PopperEffect;
@@ -221,6 +220,7 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   persistent: boolean;
   options: CascaderOption[];
   debounce: number;
+  valueOnClear: string | number | boolean | Function | null;
   showPrefix: boolean;
   filterMethod: (node: Node, keyword: string) => boolean;
   showAllLevels: boolean;

package/es/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/es/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/es/components/checkbox/src/checkbox-group.vue.d.ts

@@ -8,18 +8,18 @@ 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: {
     value?: string;
     label?: string;
     disabled?: string;
   };
+  type: "checkbox" | "button";
   disabled: boolean;
   modelValue: CheckboxGroupValueType;
   validateEvent: boolean;

package/es/components/checkbox/src/checkbox.d.ts

@@ -84,21 +84,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -127,14 +127,14 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueValue: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox if it's not checked
    */
   falseValue: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -142,7 +142,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -150,7 +150,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -176,7 +176,7 @@ declare const checkboxProps: {
   /**
    * @description input tabindex
    */
-  tabindex: (StringConstructor | NumberConstructor)[];
+  tabindex: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether to trigger form validation
    */

package/es/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/es/components/col/src/col.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColProps> & Readonly<{}>, {
-  push: number;
   offset: number;
+  push: number;
   tag: string;
   span: number;
   pull: number;

package/es/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/es/components/color-picker/src/color-picker.vue.d.ts

@@ -30,21 +30,20 @@ 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;
 }>, {
-  valueOnClear: string | number | boolean | Function | null;
   teleported: boolean;
   disabled: boolean;
   modelValue: string | null;
@@ -54,6 +53,7 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   persistent: boolean;
+  valueOnClear: string | number | boolean | Function | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/es/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>;
@@ -88,7 +88,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(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, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -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>;
@@ -186,7 +186,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(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, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -206,10 +206,9 @@ 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 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 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 | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], 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>;
   readonly placeholder: string;
   readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -220,8 +219,9 @@ 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 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 automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/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>;
@@ -88,7 +88,7 @@ declare const datePickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(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, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

package/es/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>;

package/es/components/date-picker-panel/src/composables/use-panel-date-range.mjs

@@ -1,14 +1,14 @@
 import { useLocale } from "../../../../hooks/use-locale/index.mjs";
 import { PICKER_BASE_INJECTION_KEY } from "../../../time-picker/src/constants.mjs";
 import { getValidDateOfMonth, getValidDateOfYear } from "../utils.mjs";
-import { computed, inject, nextTick, ref } from "vue";
+import { computed, inject, nextTick, ref, toRef } from "vue";
 //#region ../../packages/components/date-picker-panel/src/composables/use-panel-date-range.ts
 const usePanelDateRange = (props, emit, leftDate, rightDate) => {
 	const leftCurrentView = ref("date");
 	const leftCurrentViewRef = ref();
 	const rightCurrentView = ref("date");
 	const rightCurrentViewRef = ref();
-	const { disabledDate } = inject(PICKER_BASE_INJECTION_KEY).props;
+	const disabledDate = toRef(inject(PICKER_BASE_INJECTION_KEY).props, "disabledDate");
 	const { t, lang } = useLocale();
 	const leftYear = computed(() => {
 		return leftDate.value.year();
@@ -48,8 +48,8 @@ const usePanelDateRange = (props, emit, leftDate, rightDate) => {
 		const endDate = isLeftPicker ? rightDate : leftDate;
 		const currentView = isLeftPicker ? leftCurrentView : rightCurrentView;
 		const currentViewRef = isLeftPicker ? leftCurrentViewRef : rightCurrentViewRef;
-		if (mode === "year") startDate.value = getValidDateOfYear(startDate.value.year(value), lang.value, disabledDate);
-		if (mode === "month") startDate.value = getValidDateOfMonth(startDate.value, startDate.value.year(), value, lang.value, disabledDate);
+		if (mode === "year") startDate.value = getValidDateOfYear(startDate.value.year(value), lang.value, disabledDate.value);
+		if (mode === "month") startDate.value = getValidDateOfMonth(startDate.value, startDate.value.year(), value, lang.value, disabledDate.value);
 		if (!props.unlinkPanels) endDate.value = pickerType === "left" ? startDate.value.add(1, "month") : startDate.value.subtract(1, "month");
 		currentView.value = mode === "year" ? "month" : "date";
 		await nextTick();

package/es/components/date-picker-panel/src/composables/use-panel-date-range.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-panel-date-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-panel-date-range.ts"],"sourcesContent":["import { computed, inject, nextTick, ref } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { getValidDateOfMonth, getValidDateOfYear } from '../utils'\n\nimport type { PanelDateRangeProps } from '../props/panel-date-range'\nimport type { Dayjs } from 'dayjs'\nimport type { ComputedRef, Ref } from 'vue'\n\ntype CurrentView = 'date' | 'year' | 'month'\ntype CurrentViewRef = { focus: () => void }\n\nexport type Emits = (\n  event: 'pick' | 'set-picker-option' | 'calendar-change' | 'panel-change',\n  ...args: any[]\n) => void\n\nexport const usePanelDateRange = (\n  props: PanelDateRangeProps,\n  emit: Emits,\n  leftDate: Ref<Dayjs>,\n  rightDate: Ref<Dayjs>\n) => {\n  const leftCurrentView = ref<CurrentView>('date')\n  const leftCurrentViewRef = ref<CurrentViewRef>()\n  const rightCurrentView = ref<CurrentView>('date')\n  const rightCurrentViewRef = ref<CurrentViewRef>()\n  const pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\n  const { disabledDate } = pickerBase.props\n  const { t, lang } = useLocale()\n\n  const leftYear = computed(() => {\n    return leftDate.value.year()\n  })\n  const leftMonth = computed(() => {\n    return leftDate.value.month()\n  })\n\n  const rightYear = computed(() => {\n    return rightDate.value.year()\n  })\n  const rightMonth = computed(() => {\n    return rightDate.value.month()\n  })\n\n  function computedYearLabel(\n    currentView: Ref<CurrentView>,\n    yearValue: ComputedRef<number>\n  ) {\n    const yearTranslation = t('el.datepicker.year')\n    if (currentView.value === 'year') {\n      const startYear = Math.floor(yearValue.value! / 10) * 10\n      return yearTranslation\n        ? `${startYear} ${yearTranslation} - ${\n            startYear + 9\n          } ${yearTranslation}`\n        : `${startYear} - ${startYear + 9}`\n    }\n    return `${yearValue.value} ${yearTranslation}`\n  }\n\n  function focusPicker(currentViewRef?: CurrentViewRef) {\n    currentViewRef?.focus()\n  }\n\n  async function showPicker(\n    pickerType: 'left' | 'right',\n    view: 'month' | 'year'\n  ) {\n    if (props.disabled) return\n    const currentView =\n      pickerType === 'left' ? leftCurrentView : rightCurrentView\n    const currentViewRef =\n      pickerType === 'left' ? leftCurrentViewRef : rightCurrentViewRef\n    currentView.value = view\n    await nextTick()\n    focusPicker(currentViewRef.value)\n  }\n\n  async function handlePick(\n    mode: 'month' | 'year',\n    pickerType: 'left' | 'right',\n    value: number\n  ) {\n    if (props.disabled) return\n    const isLeftPicker = pickerType === 'left'\n    const startDate = isLeftPicker ? leftDate : rightDate\n    const endDate = isLeftPicker ? rightDate : leftDate\n    const currentView = isLeftPicker ? leftCurrentView : rightCurrentView\n    const currentViewRef = isLeftPicker\n      ? leftCurrentViewRef\n      : rightCurrentViewRef\n\n    if (mode === 'year') {\n      const data = startDate.value.year(value)\n      startDate.value = getValidDateOfYear(data, lang.value, disabledDate)\n    }\n\n    if (mode === 'month') {\n      startDate.value = getValidDateOfMonth(\n        startDate.value,\n        startDate.value.year(),\n        value,\n        lang.value,\n        disabledDate\n      )\n    }\n\n    if (!props.unlinkPanels) {\n      endDate.value =\n        pickerType === 'left'\n          ? startDate.value.add(1, 'month')\n          : startDate.value.subtract(1, 'month')\n    }\n\n    currentView.value = mode === 'year' ? 'month' : 'date'\n    await nextTick()\n    focusPicker(currentViewRef.value)\n    handlePanelChange(mode)\n  }\n\n  function handlePanelChange(mode: 'month' | 'year') {\n    emit(\n      'panel-change',\n      [leftDate.value.toDate(), rightDate.value.toDate()],\n      mode\n    )\n  }\n\n  function adjustDateByView(\n    currentView: CurrentView,\n    date: Dayjs,\n    forward: boolean\n  ) {\n    const action = forward ? 'add' : 'subtract'\n    return currentView === 'year'\n      ? date[action](10, 'year')\n      : date[action](1, 'year')\n  }\n\n  return {\n    leftCurrentView,\n    rightCurrentView,\n    leftCurrentViewRef,\n    rightCurrentViewRef,\n    leftYear,\n    rightYear,\n    leftMonth,\n    rightMonth,\n    leftYearLabel: computed(() => computedYearLabel(leftCurrentView, leftYear)),\n    rightYearLabel: computed(() =>\n      computedYearLabel(rightCurrentView, rightYear)\n    ),\n    showLeftPicker: (view: 'month' | 'year') => showPicker('left', view),\n    showRightPicker: (view: 'month' | 'year') => showPicker('right', view),\n    handleLeftYearPick: (year: number) => handlePick('year', 'left', year),\n    handleRightYearPick: (year: number) => handlePick('year', 'right', year),\n    handleLeftMonthPick: (month: number) => handlePick('month', 'left', month),\n    handleRightMonthPick: (month: number) =>\n      handlePick('month', 'right', month),\n    handlePanelChange,\n    adjustDateByView,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-panel-date-range.mjs","names":[],"sources":["../../../../../../../packages/components/date-picker-panel/src/composables/use-panel-date-range.ts"],"sourcesContent":["import { computed, inject, nextTick, ref, toRef } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { PICKER_BASE_INJECTION_KEY } from '@element-plus/components/time-picker'\nimport { getValidDateOfMonth, getValidDateOfYear } from '../utils'\n\nimport type { PanelDateRangeProps } from '../props/panel-date-range'\nimport type { Dayjs } from 'dayjs'\nimport type { ComputedRef, Ref } from 'vue'\n\ntype CurrentView = 'date' | 'year' | 'month'\ntype CurrentViewRef = { focus: () => void }\n\nexport type Emits = (\n  event: 'pick' | 'set-picker-option' | 'calendar-change' | 'panel-change',\n  ...args: any[]\n) => void\n\nexport const usePanelDateRange = (\n  props: PanelDateRangeProps,\n  emit: Emits,\n  leftDate: Ref<Dayjs>,\n  rightDate: Ref<Dayjs>\n) => {\n  const leftCurrentView = ref<CurrentView>('date')\n  const leftCurrentViewRef = ref<CurrentViewRef>()\n  const rightCurrentView = ref<CurrentView>('date')\n  const rightCurrentViewRef = ref<CurrentViewRef>()\n  const pickerBase = inject(PICKER_BASE_INJECTION_KEY) as any\n  const disabledDate = toRef(pickerBase.props, 'disabledDate')\n  const { t, lang } = useLocale()\n\n  const leftYear = computed(() => {\n    return leftDate.value.year()\n  })\n  const leftMonth = computed(() => {\n    return leftDate.value.month()\n  })\n\n  const rightYear = computed(() => {\n    return rightDate.value.year()\n  })\n  const rightMonth = computed(() => {\n    return rightDate.value.month()\n  })\n\n  function computedYearLabel(\n    currentView: Ref<CurrentView>,\n    yearValue: ComputedRef<number>\n  ) {\n    const yearTranslation = t('el.datepicker.year')\n    if (currentView.value === 'year') {\n      const startYear = Math.floor(yearValue.value! / 10) * 10\n      return yearTranslation\n        ? `${startYear} ${yearTranslation} - ${\n            startYear + 9\n          } ${yearTranslation}`\n        : `${startYear} - ${startYear + 9}`\n    }\n    return `${yearValue.value} ${yearTranslation}`\n  }\n\n  function focusPicker(currentViewRef?: CurrentViewRef) {\n    currentViewRef?.focus()\n  }\n\n  async function showPicker(\n    pickerType: 'left' | 'right',\n    view: 'month' | 'year'\n  ) {\n    if (props.disabled) return\n    const currentView =\n      pickerType === 'left' ? leftCurrentView : rightCurrentView\n    const currentViewRef =\n      pickerType === 'left' ? leftCurrentViewRef : rightCurrentViewRef\n    currentView.value = view\n    await nextTick()\n    focusPicker(currentViewRef.value)\n  }\n\n  async function handlePick(\n    mode: 'month' | 'year',\n    pickerType: 'left' | 'right',\n    value: number\n  ) {\n    if (props.disabled) return\n    const isLeftPicker = pickerType === 'left'\n    const startDate = isLeftPicker ? leftDate : rightDate\n    const endDate = isLeftPicker ? rightDate : leftDate\n    const currentView = isLeftPicker ? leftCurrentView : rightCurrentView\n    const currentViewRef = isLeftPicker\n      ? leftCurrentViewRef\n      : rightCurrentViewRef\n\n    if (mode === 'year') {\n      const data = startDate.value.year(value)\n      startDate.value = getValidDateOfYear(data, lang.value, disabledDate.value)\n    }\n\n    if (mode === 'month') {\n      startDate.value = getValidDateOfMonth(\n        startDate.value,\n        startDate.value.year(),\n        value,\n        lang.value,\n        disabledDate.value\n      )\n    }\n\n    if (!props.unlinkPanels) {\n      endDate.value =\n        pickerType === 'left'\n          ? startDate.value.add(1, 'month')\n          : startDate.value.subtract(1, 'month')\n    }\n\n    currentView.value = mode === 'year' ? 'month' : 'date'\n    await nextTick()\n    focusPicker(currentViewRef.value)\n    handlePanelChange(mode)\n  }\n\n  function handlePanelChange(mode: 'month' | 'year') {\n    emit(\n      'panel-change',\n      [leftDate.value.toDate(), rightDate.value.toDate()],\n      mode\n    )\n  }\n\n  function adjustDateByView(\n    currentView: CurrentView,\n    date: Dayjs,\n    forward: boolean\n  ) {\n    const action = forward ? 'add' : 'subtract'\n    return currentView === 'year'\n      ? date[action](10, 'year')\n      : date[action](1, 'year')\n  }\n\n  return {\n    leftCurrentView,\n    rightCurrentView,\n    leftCurrentViewRef,\n    rightCurrentViewRef,\n    leftYear,\n    rightYear,\n    leftMonth,\n    rightMonth,\n    leftYearLabel: computed(() => computedYearLabel(leftCurrentView, leftYear)),\n    rightYearLabel: computed(() =>\n      computedYearLabel(rightCurrentView, rightYear)\n    ),\n    showLeftPicker: (view: 'month' | 'year') => showPicker('left', view),\n    showRightPicker: (view: 'month' | 'year') => showPicker('right', view),\n    handleLeftYearPick: (year: number) => handlePick('year', 'left', year),\n    handleRightYearPick: (year: number) => handlePick('year', 'right', year),\n    handleLeftMonthPick: (month: number) => handlePick('month', 'left', month),\n    handleRightMonthPick: (month: number) =>\n      handlePick('month', 'right', month),\n    handlePanelChange,\n    adjustDateByView,\n  }\n}\n"],"mappings":"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"}