@element-plus/nightly 0.0.20260811 → 0.0.20260813

package/es/components/button/src/use-button.d.ts

@@ -6,13 +6,13 @@ import { SetupContext } from "vue";
 declare const useButton: (props: ButtonProps, emit: SetupContext<ButtonEmits>["emit"]) => {
   _disabled: _$vue.ComputedRef<boolean>;
   _size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-  _type: _$vue.ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+  _type: _$vue.ComputedRef<"default" | "" | "info" | "primary" | "success" | "warning" | "text" | "danger">;
   _ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
   _props: _$vue.ComputedRef<{
     ariaDisabled: boolean | undefined;
     disabled: boolean | undefined;
     autofocus: boolean | undefined;
-    type: "button" | "submit" | "reset" | undefined;
+    type: "button" | "reset" | "submit" | undefined;
   } | {
     ariaDisabled?: undefined;
     disabled?: undefined;

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

@@ -44,7 +44,7 @@ declare const cardProps: {
   readonly headerClass: 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 bodyClass: 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 footerClass: 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 shadow: EpPropFinalized<StringConstructor, "hover" | "always" | "never", unknown, undefined, boolean>;
+  readonly shadow: EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, undefined, boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `CardProps` instead.

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

@@ -12,8 +12,8 @@ type __VLS_Slots = {} & {
   footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CardProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CardProps> & Readonly<{}>, {
-  footer: string;
   header: string;
+  footer: string;
   bodyStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;

package/es/components/carousel/src/carousel-item.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<CarouselItemProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CarouselItemProps> & Readonly<{}>, {
-  label: string | number;
   name: string;
+  label: string | 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/carousel/src/carousel.d.ts

@@ -62,11 +62,11 @@ interface CarouselProps {
 declare const carouselProps: {
   readonly initialIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly height: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly trigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
   readonly autoplay: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly interval: EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
   readonly indicatorPosition: EpPropFinalized<StringConstructor, "" | "none" | "outside", unknown, "", boolean>;
-  readonly arrow: EpPropFinalized<StringConstructor, "hover" | "always" | "never", unknown, "hover", boolean>;
+  readonly arrow: EpPropFinalized<StringConstructor, "always" | "never" | "hover", unknown, "hover", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "" | "card", unknown, "", boolean>;
   readonly cardScale: EpPropFinalized<NumberConstructor, unknown, unknown, 0.83, boolean>;
   readonly loop: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;

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

@@ -17,10 +17,10 @@ declare const __VLS_base: _$vue.DefineComponent<CarouselProps, {
   onChange?: ((current: number, prev: number) => any) | undefined;
 }>, {
   type: "" | "card";
-  direction: "horizontal" | "vertical";
   height: string;
   loop: boolean;
   trigger: "hover" | "click";
+  direction: "horizontal" | "vertical";
   arrow: "always" | "hover" | "never";
   initialIndex: number;
   autoplay: boolean;

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

@@ -179,7 +179,7 @@ declare const cascaderProps: {
     new (): any;
     readonly prototype: any;
   }) | null)[], unknown, unknown, () => true, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "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[]) => "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>;
   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>;
@@ -187,14 +187,14 @@ declare const cascaderProps: {
   effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, string, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   tagEffect: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "plain" | "dark" | "light", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -188,48 +188,48 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderComponentProps, {
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: CascaderValue | null | undefined) => void;
+  change: (value: CascaderValue | null | undefined) => void;
   clear: () => void;
   focus: (evt: FocusEvent) => void;
-  change: (value: CascaderValue | null | undefined) => 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;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onVisibleChange?: ((val: boolean) => any) | undefined;
   onExpandChange?: ((val: CascaderValue) => any) | undefined;
   onRemoveTag?: ((val: CascaderNodeValue | CascaderNodePathValue) => any) | undefined;
 }>, {
-  props: CascaderProps;
-  disabled: boolean;
   valueOnClear: string | number | boolean | Function | null;
-  height: number;
   teleported: boolean;
+  props: CascaderProps;
   effect: PopperEffect;
+  disabled: boolean;
   clearIcon: IconPropType;
   validateEvent: boolean;
-  debounce: number;
-  placement: Placement;
-  fallbackPlacements: Placement[];
+  height: number;
+  separator: string;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | StyleValue[] | null;
+  fallbackPlacements: Placement[];
+  placement: Placement;
   persistent: boolean;
   options: CascaderOption[];
-  itemSize: number;
+  debounce: number;
   showPrefix: boolean;
-  separator: string;
   filterMethod: (node: Node, keyword: string) => boolean;
   showAllLevels: boolean;
   maxCollapseTags: number;
   beforeFilter: (value: string) => boolean | Promise<any>;
-  tagType: "primary" | "success" | "warning" | "info" | "danger";
-  tagEffect: "plain" | "dark" | "light";
+  tagType: "info" | "primary" | "success" | "warning" | "danger";
+  tagEffect: "light" | "dark" | "plain";
   showCheckedStrategy: "parent" | "child";
+  itemSize: 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/cascader-panel/src/index.vue.d.ts

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

package/es/components/cascader-panel/src/menu.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {
   readonly $el: HTMLElement;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
   height: number;
-  itemSize: number;
   virtualScroll: boolean;
+  itemSize: 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/check-tag/src/check-tag.d.ts

@@ -23,7 +23,7 @@ interface CheckTagProps {
 declare const checkTagProps: {
   readonly checked: BooleanConstructor;
   readonly disabled: BooleanConstructor;
-  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.

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

@@ -14,12 +14,12 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
   id: string;
+  disabled: boolean;
   modelValue: number | string | boolean;
-  label: string | boolean | number | object;
+  validateEvent: boolean;
   name: string;
-  disabled: boolean;
   value: string | boolean | number | object;
-  validateEvent: boolean;
+  label: string | boolean | number | object;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

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

@@ -14,16 +14,16 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {},
   "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType[]) => any) | undefined;
 }>, {
-  modelValue: CheckboxGroupValueType;
-  tag: string;
+  type: "checkbox" | "button";
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
-  type: "checkbox" | "button";
   disabled: boolean;
+  modelValue: CheckboxGroupValueType;
   validateEvent: boolean;
+  tag: string;
 }, {}, {}, {}, 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/checkbox/src/checkbox.d.ts

@@ -84,21 +84,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**

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

@@ -14,12 +14,12 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
   id: string;
+  disabled: boolean;
   modelValue: number | string | boolean;
-  label: string | boolean | number | object;
+  validateEvent: boolean;
   name: string;
-  disabled: boolean;
   value: string | boolean | number | object;
-  validateEvent: boolean;
+  label: string | boolean | number | object;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

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

@@ -7,10 +7,10 @@ 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<{}>, {
-  tag: string;
   push: number;
-  span: number;
   offset: number;
+  tag: string;
+  span: number;
   pull: number;
   xs: ColSize;
   sm: ColSize;

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

@@ -31,26 +31,26 @@ 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;
   focus: (evt: FocusEvent) => void;
-  change: (val: string | null) => 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;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onChange?: ((val: string | null) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
-  modelValue: string | null;
-  disabled: boolean;
   valueOnClear: string | number | boolean | Function | null;
   teleported: boolean;
+  disabled: boolean;
+  modelValue: string | null;
+  clearable: boolean;
   tabindex: string | number;
   validateEvent: boolean;
-  clearable: boolean;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   persistent: boolean;

package/es/components/color-picker-panel/src/color-picker-panel.vue.d.ts

@@ -29,8 +29,8 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerPanelProps, {
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
   modelValue: string | null;
-  border: boolean;
   validateEvent: boolean;
+  border: boolean;
   showAlpha: boolean;
   hueSliderClass: string | false | Record<string, any> | ClassValue[] | null;
   hueSliderStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;

package/es/components/config-provider/src/hooks/use-global-config.d.ts

@@ -32,7 +32,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: _$vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: _$vue.ComputedRef<"default" | "" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => _$vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

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

@@ -11,11 +11,11 @@ declare const __VLS_base: _$vue.DefineComponent<CountdownProps, {
    */
   displayValue: _$vue.ComputedRef<string>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  finish: () => void;
   change: (value: number) => void;
+  finish: () => void;
 }, string, _$vue.PublicProps, Readonly<CountdownProps> & Readonly<{
-  onFinish?: (() => any) | undefined;
   onChange?: ((value: number) => any) | undefined;
+  onFinish?: (() => any) | undefined;
 }>, {
   value: number | _$dayjs.Dayjs;
   format: string;

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" | "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 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 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[]) => "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "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[]) => "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 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 | string[] | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => 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" | "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 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 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[]) => "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "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[]) => "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 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 | string[] | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => 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,22 +206,22 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
-  readonly placeholder: string;
-  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 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 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>;
+  readonly placeholder: string;
+  readonly readonly: boolean;
+  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly readonly: boolean;
-  readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "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 fallbackPlacements: Placement[];
-  readonly popperOptions: Partial<Options>;
   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 popperOptions: Partial<Options>;
   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" | "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 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 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[]) => "bottom" | "left" | "right" | "top" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "bottom" | "left" | "right" | "top" | "auto" | "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[]) => "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 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 | string[] | Date[] | number[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | Date[] | number[]) | (() => 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?: ("prev-month" | "next-month" | "today" | "week" | "normal") | undefined;
+    type?: ("week" | "normal" | "prev-month" | "next-month" | "today") | 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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"}