@element-plus/nightly 0.0.20261020 → 0.0.20261022

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

@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {
   "update:modelValue": (value: CollapseModelValue) => void;
   change: (value: CollapseModelValue) => void;
 }, string, _$vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  onChange?: ((value: CollapseModelValue) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
+  onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;

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

@@ -30,30 +30,30 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
-  clear: () => void;
   "update:modelValue": (val: string | null) => void;
+  clear: () => void;
   change: (val: string | null) => void;
+  focus: (evt: FocusEvent) => void;
+  blur: (evt: FocusEvent) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onClear?: (() => any) | undefined;
   onChange?: ((val: string | null) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onClear?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
+  valueOnClear: string | number | boolean | Function | null;
+  modelValue: string | null;
+  teleported: boolean;
   disabled: boolean;
-  persistent: boolean;
+  clearable: boolean;
+  tabindex: string | number;
+  validateEvent: boolean;
   popperClass: string | false | Record<string, any> | ClassValue[] | null;
   popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
-  teleported: boolean;
-  validateEvent: boolean;
-  modelValue: string | null;
-  tabindex: string | number;
-  clearable: boolean;
-  valueOnClear: string | number | boolean | Function | null;
+  persistent: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

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

@@ -28,9 +28,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerPanelProps, {
 }, string, _$vue.PublicProps, Readonly<ColorPickerPanelProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
-  border: boolean;
-  validateEvent: boolean;
   modelValue: string | null;
+  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/config-provider.d.ts

@@ -136,10 +136,10 @@ declare const ConfigProvider: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  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 a11y: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly keyboardNavigation: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly namespace: string;
+  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>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type ConfigProviderInstance = InstanceType<typeof ConfigProvider> & unknown;
 //#endregion

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

@@ -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" | "top" | "auto" | "right" | "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" | "top" | "auto" | "right" | "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" | "left" | "right" | "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[]) => "top" | "left" | "right" | "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[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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;
@@ -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" | "top" | "auto" | "right" | "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" | "top" | "auto" | "right" | "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" | "left" | "right" | "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[]) => "top" | "left" | "right" | "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[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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;
@@ -207,25 +207,26 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "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 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 disabled: EpPropMergeType<BooleanConstructor, 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 popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "top" | "auto" | "right" | "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" | "top" | "auto" | "right" | "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" | "left" | "right" | "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[]) => "top" | "left" | "right" | "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 validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
-  readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  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 editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, 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 rangeSeparator: string;
   readonly shortcuts: 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 showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -233,7 +234,6 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
-  readonly readonly: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -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" | "top" | "auto" | "right" | "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" | "top" | "auto" | "right" | "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" | "left" | "right" | "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[]) => "top" | "left" | "right" | "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[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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?: ("normal" | "week" | "today" | "prev-month" | "next-month") | 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/date-picker-com/panel-date-pick.vue.d.ts

@@ -76,8 +76,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

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

@@ -90,8 +90,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

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

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

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

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

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

@@ -48,8 +48,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

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

@@ -51,7 +51,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -65,7 +65,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly isRange: BooleanConstructor;
-}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change")[], "clear" | "update:modelValue" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, () => _$vue_jsx_runtime0.JSX.Element, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change")[], "update:modelValue" | "clear" | "calendar-change" | "panel-change" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly disabledDate: {
     readonly type: _$vue.PropType<Function>;
     readonly required: false;
@@ -111,7 +111,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -133,10 +133,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "quarter" | "quarters" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange" | "quarterrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
-  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

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

@@ -45,8 +45,8 @@ declare const getPanel: (type: DatePickerType) => ({
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -94,8 +94,8 @@ declare const getPanel: (type: DatePickerType) => ({
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -146,8 +146,8 @@ declare const getPanel: (type: DatePickerType) => ({
   "set-picker-option": (...args: any[]) => void;
 }, string, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
@@ -194,8 +194,8 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -223,8 +223,8 @@ declare const getPanel: (type: DatePickerType) => ({
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -249,8 +249,8 @@ declare const getPanel: (type: DatePickerType) => ({
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;
@@ -304,8 +304,8 @@ declare const getPanel: (type: DatePickerType) => ({
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -349,8 +349,8 @@ declare const getPanel: (type: DatePickerType) => ({
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly border: boolean;
     readonly disabled: boolean;
+    readonly border: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -395,8 +395,8 @@ declare const getPanel: (type: DatePickerType) => ({
   "set-picker-option": (...args: any[]) => void;
 }, string, {
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: boolean;
   readonly disabled: boolean;
+  readonly border: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

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

@@ -51,7 +51,7 @@ declare const datePickerPanelProps: {
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;

package/es/components/descriptions/src/description-item.d.ts

@@ -15,9 +15,9 @@ declare const descriptionItemProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -37,9 +37,9 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -58,9 +58,9 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  align: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, string, boolean>;
+  align: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, string, boolean>;
   labelAlign: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -68,14 +68,14 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
+  width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  className: string;
+  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   label: string;
   span: number;
-  className: string;
-  width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   rowspan: number;
+  align: EpPropMergeType<StringConstructor, "center" | "left" | "right", unknown>;
   labelClassName: string;
-  minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
-  align: EpPropMergeType<StringConstructor, "left" | "right" | "center", unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DescriptionItemProps = ExtractPropTypes<typeof descriptionItemProps>;
 type DescriptionItemPropsPublic = ExtractPublicPropTypes<typeof descriptionItemProps>;

package/es/components/dialog/src/dialog-content.vue.d.ts

@@ -19,14 +19,14 @@ declare const __VLS_base: _$vue.DefineComponent<DialogContentProps, {
 }, string, _$vue.PublicProps, Readonly<DialogContentProps> & Readonly<{
   onClose?: (() => any) | undefined;
 }>, {
-  title: string;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  alignCenter: boolean;
+  draggable: boolean;
   overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
   bodyClass: string | false | Record<string, any> | ClassValue[] | null;
   footerClass: string | false | Record<string, any> | ClassValue[] | null;
-  alignCenter: boolean;
-  draggable: boolean;
   showClose: boolean;
+  title: string;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -23,29 +23,24 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   resetPosition: () => void;
   handleClose: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: () => void;
-  open: () => void;
   "update:modelValue": (value: boolean) => void;
+  open: () => void;
   opened: () => void;
+  close: () => void;
   closed: () => void;
   openAutoFocus: () => void;
   closeAutoFocus: () => void;
 }, string, _$vue.PublicProps, Readonly<DialogProps> & Readonly<{
-  onClose?: (() => any) | undefined;
-  onOpen?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+  onOpen?: (() => any) | undefined;
   onOpened?: (() => any) | undefined;
+  onClose?: (() => any) | undefined;
   onClosed?: (() => any) | undefined;
   onOpenAutoFocus?: (() => any) | undefined;
   onCloseAutoFocus?: (() => any) | undefined;
 }>, {
-  title: string;
-  appendTo: string | HTMLElement;
   transition: DialogTransition;
-  headerClass: string | false | Record<string, any> | ClassValue[] | null;
-  overflow: boolean;
-  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
-  footerClass: string | false | Record<string, any> | ClassValue[] | null;
+  appendTo: string | HTMLElement;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
@@ -56,7 +51,12 @@ declare const __VLS_base: _$vue.DefineComponent<DialogProps, {
   headerAriaLevel: string;
   alignCenter: boolean;
   draggable: boolean;
+  overflow: boolean;
+  headerClass: string | false | Record<string, any> | ClassValue[] | null;
+  bodyClass: string | false | Record<string, any> | ClassValue[] | null;
+  footerClass: string | false | Record<string, any> | ClassValue[] | null;
   showClose: boolean;
+  title: string;
   ariaLevel: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -23,7 +23,7 @@ interface DividerProps {
  */
 declare const dividerProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-  readonly contentPosition: EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+  readonly contentPosition: EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
   readonly borderStyle: EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**

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

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<DividerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-  direction: "horizontal" | "vertical";
   borderStyle: string;
-  contentPosition: "left" | "right" | "center";
+  direction: "horizontal" | "vertical";
+  contentPosition: "center" | "left" | "right";
 }, {}, {}, {}, 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/drawer/src/composables/useResizable.mjs

@@ -1,6 +1,5 @@
 import { isObject } from "../../../../utils/types.mjs";
-import { addUnit } from "../../../../utils/dom/style.mjs";
-import { getPct, getPx, isPct, isPx } from "../../../splitter/src/hooks/useSize.mjs";
+import { addUnit, isPercent, isPx, parsePx, percentToRatio } from "../../../../utils/dom/style.mjs";
 import { clamp, useEventListener, useWindowSize } from "@vueuse/core";
 import { computed, onBeforeUnmount, ref, watch } from "vue";
 //#region ../../packages/components/drawer/src/composables/useResizable.ts
@@ -11,11 +10,11 @@ function useResizable(props, target, emit) {
 	const windowSize = computed(() => isHorizontal.value ? width.value : height.value);
 	const resizableOptions = computed(() => isObject(props.resizable) ? props.resizable : {});
 	/**
-	* Parse size string/number to pixels using splitter utilities.
+	* Parse size string/number to pixels.
 	*/
 	const parseSizeToPixels = (size, fallback) => {
-		if (isPct(size)) return getPct(size) * windowSize.value;
-		else if (isPx(size)) return getPx(size);
+		if (isPercent(size)) return percentToRatio(size) * windowSize.value;
+		else if (isPx(size)) return parsePx(size);
 		return Number(size ?? fallback);
 	};
 	const getSize = computed(() => {

package/es/components/drawer/src/composables/useResizable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.mjs","names":[],"sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport { addUnit, isObject } from '@element-plus/utils'\nimport {\n  getPct,\n  getPx,\n  isPct,\n  isPx,\n} from '@element-plus/components/splitter/src/hooks'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const resizableOptions = computed(() =>\n    isObject(props.resizable) ? props.resizable : {}\n  )\n\n  /**\n   * Parse size string/number to pixels using splitter utilities.\n   */\n  const parseSizeToPixels = (\n    size: string | number | undefined,\n    fallback: number\n  ): number => {\n    if (isPct(size)) {\n      return getPct(size) * windowSize.value\n    } else if (isPx(size)) {\n      return getPx(size)\n    }\n    return Number(size ?? fallback)\n  }\n\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      parseSizeToPixels(resizableOptions.value.minSize, 4),\n      parseSizeToPixels(resizableOptions.value.maxSize, windowSize.value)\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"mappings":";;;;;;AAaA,SAAgB,aACd,OACA,QACA,MACA;CACA,MAAM,EAAE,OAAO,WAAW,cAAc;CAExC,MAAM,eAAe,eAAe,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,MAAM,SAAS,CAAC;CAC5E,MAAM,OAAO,eACX,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,MAAM,SAAS,IAAI,IAAI,EACjD;CACA,MAAM,aAAa,eACjB,aAAa,QAAQ,MAAM,QAAQ,OAAO,KAC5C;CACA,MAAM,mBAAmB,eACvB,SAAS,MAAM,SAAS,IAAI,MAAM,YAAY,CAAC,CACjD;;;;CAKA,MAAM,qBACJ,MACA,aACW;EACX,IAAI,MAAM,IAAI,GACZ,OAAO,OAAO,IAAI,IAAI,WAAW;OAC5B,IAAI,KAAK,IAAI,GAClB,OAAO,MAAM,IAAI;EAEnB,OAAO,OAAO,QAAQ,QAAQ;CAChC;CAEA,MAAM,UAAU,eAAe;EAC7B,OAAO,MACL,UAAU,QAAQ,KAAK,QAAQ,OAAO,OACtC,kBAAkB,iBAAiB,MAAM,SAAS,CAAC,GACnD,kBAAkB,iBAAiB,MAAM,SAAS,WAAW,KAAK,CACpE;CACF,CAAC;CAED,MAAM,YAAY,IAAI,CAAC;CACvB,MAAM,SAAS,IAAI,CAAC;CACpB,MAAM,aAAa,IAAI,KAAK;CAC5B,MAAM,qBAAqB,IAAI,KAAK;CACpC,IAAI,WAAqB,CAAC;CAC1B,IAAI,WAA2B,CAAC;CAEhC,MAAM,sBAAsB;EAC1B,MAAM,WAAW,OAAO,OAAO,QAAQ,uBAAqB;EAC5D,IAAI,UACF,OAAO,aAAa,QAAQ,SAAS,cAAc,SAAS;EAE9D,OAAO;CACT;CAEA,YACQ,CAAC,MAAM,MAAM,MAAM,SAAS,SAC5B;EACJ,mBAAmB,QAAQ;EAC3B,UAAU,QAAQ;EAClB,OAAO,QAAQ;EACf,UAAU;CACZ,CACF;CAEA,MAAM,eAAe,MAAkB;EACrC,IAAI,CAAC,MAAM,WAAW;EAEtB,IAAI,CAAC,mBAAmB,OAAO;GAC7B,UAAU,QAAQ,cAAc;GAChC,mBAAmB,QAAQ;EAC7B;EAEA,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK;EAC5B,WAAW,QAAQ;EACnB,KAAK,gBAAgB,GAAG,UAAU,KAAK;EACvC,SAAS,KACP,iBAAiB,QAAQ,WAAW,SAAS,GAC7C,iBAAiB,QAAQ,aAAa,WAAW,CACnD;CACF;CAEA,MAAM,eAAe,MAAkB;EACrC,MAAM,EAAE,OAAO,UAAU;EACzB,MAAM,UAAU,QAAQ,SAAS;EACjC,MAAM,UAAU,QAAQ,SAAS;EACjC,OAAO,QAAQ,aAAa,QAAQ,UAAU;EAC9C,KAAK,UAAU,GAAG,QAAQ,KAAK;CACjC;CAEA,MAAM,aAAa,MAAmB;EAGpC,IAAI,CAAC,WAAW,OAAO;EAEvB,WAAW,CAAC;EACZ,UAAU,QAAQ,QAAQ;EAC1B,OAAO,QAAQ;EACf,WAAW,QAAQ;EACnB,SAAS,SAAS,YAAY,UAAU,CAAC;EACzC,WAAW,CAAC;EACZ,IAAI,GACF,KAAK,cAAc,GAAG,UAAU,KAAK;CAEzC;CAEA,MAAM,UAAU,iBAAiB,QAAQ,aAAa,WAAW;CAEjE,sBAAsB;EACpB,QAAQ;EACR,UAAU;CACZ,CAAC;CAED,OAAO;EACL,MAAM,eAAe;GACnB,OAAO,mBAAmB,QACtB,GAAG,QAAQ,MAAM,MACjB,QAAQ,MAAM,IAAI;EACxB,CAAC;EACD;EACA;CACF;AACF"}
+{"version":3,"file":"useResizable.mjs","names":[],"sources":["../../../../../../../packages/components/drawer/src/composables/useResizable.ts"],"sourcesContent":["import { computed, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  addUnit,\n  isObject,\n  isPercent,\n  isPx,\n  parsePx,\n  percentToRatio,\n} from '@element-plus/utils'\nimport { clamp, useEventListener, useWindowSize } from '@vueuse/core'\n\nimport type { Ref, SetupContext } from 'vue'\nimport type { DrawerEmits, DrawerProps } from '../drawer'\n\nexport function useResizable(\n  props: DrawerProps & Required<Pick<DrawerProps, 'direction'>>,\n  target: Ref<HTMLElement | undefined>,\n  emit: SetupContext<DrawerEmits>['emit']\n) {\n  const { width, height } = useWindowSize()\n\n  const isHorizontal = computed(() => ['ltr', 'rtl'].includes(props.direction))\n  const sign = computed(() =>\n    ['ltr', 'ttb'].includes(props.direction) ? 1 : -1\n  )\n  const windowSize = computed(() =>\n    isHorizontal.value ? width.value : height.value\n  )\n  const resizableOptions = computed(() =>\n    isObject(props.resizable) ? props.resizable : {}\n  )\n\n  /**\n   * Parse size string/number to pixels.\n   */\n  const parseSizeToPixels = (\n    size: string | number | undefined,\n    fallback: number\n  ): number => {\n    if (isPercent(size)) {\n      return percentToRatio(size) * windowSize.value\n    } else if (isPx(size)) {\n      return parsePx(size)\n    }\n    return Number(size ?? fallback)\n  }\n\n  const getSize = computed(() => {\n    return clamp(\n      startSize.value + sign.value * offset.value,\n      parseSizeToPixels(resizableOptions.value.minSize, 4),\n      parseSizeToPixels(resizableOptions.value.maxSize, windowSize.value)\n    )\n  })\n\n  const startSize = ref(0)\n  const offset = ref(0)\n  const isResizing = ref(false)\n  const hasStartedDragging = ref(false)\n  let startPos: number[] = []\n  let cleanups: (() => void)[] = []\n\n  const getActualSize = () => {\n    const drawerEl = target.value?.closest('[aria-modal=\"true\"]') as HTMLElement\n    if (drawerEl) {\n      return isHorizontal.value ? drawerEl.offsetWidth : drawerEl.offsetHeight\n    }\n    return 100\n  }\n\n  watch(\n    () => [props.size, props.resizable] as const,\n    () => {\n      hasStartedDragging.value = false\n      startSize.value = 0\n      offset.value = 0\n      onMouseUp()\n    }\n  )\n\n  const onMousedown = (e: MouseEvent) => {\n    if (!props.resizable) return\n\n    if (!hasStartedDragging.value) {\n      startSize.value = getActualSize()\n      hasStartedDragging.value = true\n    }\n\n    startPos = [e.pageX, e.pageY]\n    isResizing.value = true\n    emit('resize-start', e, startSize.value)\n    cleanups.push(\n      useEventListener(window, 'mouseup', onMouseUp),\n      useEventListener(window, 'mousemove', onMouseMove)\n    )\n  }\n\n  const onMouseMove = (e: MouseEvent) => {\n    const { pageX, pageY } = e\n    const offsetX = pageX - startPos[0]\n    const offsetY = pageY - startPos[1]\n    offset.value = isHorizontal.value ? offsetX : offsetY\n    emit('resize', e, getSize.value)\n  }\n\n  const onMouseUp = (e?: MouseEvent) => {\n    // premature interruption\n    // avoid triggering meaningless execution due to watch size/resizable constraints.\n    if (!isResizing.value) return\n\n    startPos = []\n    startSize.value = getSize.value\n    offset.value = 0\n    isResizing.value = false\n    cleanups.forEach((cleanup) => cleanup?.())\n    cleanups = []\n    if (e) {\n      emit('resize-end', e, startSize.value)\n    }\n  }\n\n  const cleanup = useEventListener(target, 'mousedown', onMousedown)\n\n  onBeforeUnmount(() => {\n    cleanup()\n    onMouseUp()\n  })\n\n  return {\n    size: computed(() => {\n      return hasStartedDragging.value\n        ? `${getSize.value}px`\n        : addUnit(props.size)\n    }),\n    isResizing,\n    isHorizontal,\n  }\n}\n"],"mappings":";;;;;AAcA,SAAgB,aACd,OACA,QACA,MACA;CACA,MAAM,EAAE,OAAO,WAAW,cAAc;CAExC,MAAM,eAAe,eAAe,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,MAAM,SAAS,CAAC;CAC5E,MAAM,OAAO,eACX,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,MAAM,SAAS,IAAI,IAAI,EACjD;CACA,MAAM,aAAa,eACjB,aAAa,QAAQ,MAAM,QAAQ,OAAO,KAC5C;CACA,MAAM,mBAAmB,eACvB,SAAS,MAAM,SAAS,IAAI,MAAM,YAAY,CAAC,CACjD;;;;CAKA,MAAM,qBACJ,MACA,aACW;EACX,IAAI,UAAU,IAAI,GAChB,OAAO,eAAe,IAAI,IAAI,WAAW;OACpC,IAAI,KAAK,IAAI,GAClB,OAAO,QAAQ,IAAI;EAErB,OAAO,OAAO,QAAQ,QAAQ;CAChC;CAEA,MAAM,UAAU,eAAe;EAC7B,OAAO,MACL,UAAU,QAAQ,KAAK,QAAQ,OAAO,OACtC,kBAAkB,iBAAiB,MAAM,SAAS,CAAC,GACnD,kBAAkB,iBAAiB,MAAM,SAAS,WAAW,KAAK,CACpE;CACF,CAAC;CAED,MAAM,YAAY,IAAI,CAAC;CACvB,MAAM,SAAS,IAAI,CAAC;CACpB,MAAM,aAAa,IAAI,KAAK;CAC5B,MAAM,qBAAqB,IAAI,KAAK;CACpC,IAAI,WAAqB,CAAC;CAC1B,IAAI,WAA2B,CAAC;CAEhC,MAAM,sBAAsB;EAC1B,MAAM,WAAW,OAAO,OAAO,QAAQ,uBAAqB;EAC5D,IAAI,UACF,OAAO,aAAa,QAAQ,SAAS,cAAc,SAAS;EAE9D,OAAO;CACT;CAEA,YACQ,CAAC,MAAM,MAAM,MAAM,SAAS,SAC5B;EACJ,mBAAmB,QAAQ;EAC3B,UAAU,QAAQ;EAClB,OAAO,QAAQ;EACf,UAAU;CACZ,CACF;CAEA,MAAM,eAAe,MAAkB;EACrC,IAAI,CAAC,MAAM,WAAW;EAEtB,IAAI,CAAC,mBAAmB,OAAO;GAC7B,UAAU,QAAQ,cAAc;GAChC,mBAAmB,QAAQ;EAC7B;EAEA,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK;EAC5B,WAAW,QAAQ;EACnB,KAAK,gBAAgB,GAAG,UAAU,KAAK;EACvC,SAAS,KACP,iBAAiB,QAAQ,WAAW,SAAS,GAC7C,iBAAiB,QAAQ,aAAa,WAAW,CACnD;CACF;CAEA,MAAM,eAAe,MAAkB;EACrC,MAAM,EAAE,OAAO,UAAU;EACzB,MAAM,UAAU,QAAQ,SAAS;EACjC,MAAM,UAAU,QAAQ,SAAS;EACjC,OAAO,QAAQ,aAAa,QAAQ,UAAU;EAC9C,KAAK,UAAU,GAAG,QAAQ,KAAK;CACjC;CAEA,MAAM,aAAa,MAAmB;EAGpC,IAAI,CAAC,WAAW,OAAO;EAEvB,WAAW,CAAC;EACZ,UAAU,QAAQ,QAAQ;EAC1B,OAAO,QAAQ;EACf,WAAW,QAAQ;EACnB,SAAS,SAAS,YAAY,UAAU,CAAC;EACzC,WAAW,CAAC;EACZ,IAAI,GACF,KAAK,cAAc,GAAG,UAAU,KAAK;CAEzC;CAEA,MAAM,UAAU,iBAAiB,QAAQ,aAAa,WAAW;CAEjE,sBAAsB;EACpB,QAAQ;EACR,UAAU;CACZ,CAAC;CAED,OAAO;EACL,MAAM,eAAe;GACnB,OAAO,mBAAmB,QACtB,GAAG,QAAQ,MAAM,MACjB,QAAQ,MAAM,IAAI;EACxB,CAAC;EACD;EACA;CACF;AACF"}