@element-plus/nightly 0.0.20260606 → 0.0.20260610

package/lib/components/time-picker/src/common/picker.vue.d.ts

@@ -60,7 +60,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((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$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -207,7 +207,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -216,7 +216,7 @@ declare const __VLS_base: _$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 | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | 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 rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -255,12 +255,12 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
    */
   onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (...args: any[]) => void;
-  change: (...args: any[]) => void;
   clear: (...args: any[]) => void;
-  focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  change: (...args: any[]) => void;
+  focus: (...args: any[]) => void;
   keydown: (...args: any[]) => void;
+  "update:modelValue": (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
   "visible-change": (...args: any[]) => void;
@@ -290,7 +290,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((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$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -437,7 +437,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -446,7 +446,7 @@ declare const __VLS_base: _$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 | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | 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 rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -464,20 +464,21 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-  onChange?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
-  onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onChange?: ((...args: any[]) => any) | undefined;
+  onFocus?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: string;
   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 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 | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   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>;
@@ -486,9 +487,8 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement$1[];
-  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$1) | (((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$1)) | null)[], Placement$1, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly popperOptions: Partial<Options>;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/time-picker/src/common/props.d.ts

@@ -41,7 +41,7 @@ declare const timePickerDefaultProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((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$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -188,7 +188,7 @@ declare const timePickerDefaultProps: {
   readonly saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "", boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -197,7 +197,7 @@ declare const timePickerDefaultProps: {
   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 | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | 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 rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

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

@@ -15,9 +15,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly datetimeRole: StringConstructor;
   readonly parsedValue: {
@@ -30,9 +30,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: boolean;
   readonly format: string;

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

@@ -14,9 +14,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "select-range": (...args: any[]) => void;
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
+  "select-range": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly parsedValue: {
     readonly type: _$vue.PropType<[dayjs.Dayjs, dayjs.Dayjs]>;
@@ -28,9 +28,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly actualVisible: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly format: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
 }>> & Readonly<{
-  "onSelect-range"?: ((...args: any[]) => any) | undefined;
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+  "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: boolean;
   readonly format: string;

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

@@ -35,7 +35,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  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>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -182,7 +182,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -191,7 +191,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  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>;
+  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>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -237,7 +237,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  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>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "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>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -384,7 +384,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   saveOnBlur: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   prefixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, "", boolean>;
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -393,7 +393,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  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>;
+  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>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -414,8 +414,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   type: string;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  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>;
   placeholder: string;
+  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>;
+  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: boolean;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
@@ -424,9 +425,8 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   popperStyle: _$vue.StyleValue;
   fallbackPlacements: Placement[];
-  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>;
+  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
-  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>;
   automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/lib/components/time-select/src/time-select.d.ts

@@ -105,7 +105,7 @@ declare const timeSelectProps: {
   readonly effect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "light", boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/time-select/src/time-select.vue.d.ts

@@ -14,28 +14,28 @@ declare const __VLS_export: _$vue.DefineComponent<TimeSelectProps, {
    */
   focus: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (...args: any[]) => void;
-  change: (...args: any[]) => void;
   clear: (...args: any[]) => void;
-  focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
+  change: (...args: any[]) => void;
+  focus: (...args: any[]) => void;
+  "update:modelValue": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
-  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-  onChange?: ((...args: any[]) => any) | undefined;
   onClear?: ((...args: any[]) => any) | undefined;
-  onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
+  onChange?: ((...args: any[]) => any) | undefined;
+  onFocus?: ((...args: any[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  effect: PopperEffect;
+  end: string;
+  start: string;
   disabled: boolean;
+  valueOnClear: string | number | boolean | Function | null;
+  effect: PopperEffect;
   clearable: boolean;
   clearIcon: IconPropType;
   prefixIcon: IconPropType;
-  end: string;
-  start: string;
   popperClass: string;
   popperStyle: string | _$vue.CSSProperties;
-  valueOnClear: string | number | boolean | Function | null;
   editable: boolean;
   format: string;
   step: string;

package/lib/components/timeline/src/timeline-item.d.ts

@@ -50,10 +50,10 @@ declare const timelineItemProps: {
   readonly timestamp: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly hideTimestamp: BooleanConstructor;
   readonly center: BooleanConstructor;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom", unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "bottom", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
   readonly color: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly size: EpPropFinalized<StringConstructor, "large" | "normal", unknown, "normal", boolean>;
+  readonly size: EpPropFinalized<StringConstructor, "normal" | "large", unknown, "normal", boolean>;
   readonly icon: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;

package/lib/components/tooltip/src/content.d.ts

@@ -322,7 +322,7 @@ declare const useTooltipContentProps: {
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   readonly placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  readonly strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
   readonly showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   readonly autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;

package/lib/components/tooltip/src/content.vue.d.ts

@@ -19,12 +19,12 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
    */
   isFocusInsideContent: (event?: FocusEvent) => boolean | undefined;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ElTooltipContentProps> & Readonly<{}>, {
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  visible: boolean | null;
+  content: string;
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
-  visible: boolean | null;
-  content: string;
-  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -37,7 +37,7 @@ declare const __VLS_base: _$vue.DefineComponent<ElTooltipContentProps, {
   gpuAcceleration: boolean;
   placement: Placement;
   popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
   showAfter: number;
   hideAfter: number;

package/lib/components/tooltip/src/tooltip.d.ts

@@ -39,7 +39,7 @@ declare const useTooltipProps: {
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   arrowOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
   disabled: BooleanConstructor;
-  trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   focusOnTarget: BooleanConstructor;
   virtualRef: {
@@ -338,7 +338,7 @@ declare const useTooltipProps: {
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, 12, boolean>;
   placement: EpPropFinalized<StringConstructor, Placement, unknown, "bottom", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  strategy: EpPropFinalized<StringConstructor, "fixed" | "absolute", unknown, "absolute", boolean>;
+  strategy: EpPropFinalized<StringConstructor, "absolute" | "fixed", unknown, "absolute", boolean>;
   showAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   hideAfter: EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
   autoClose: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;

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

@@ -43,28 +43,29 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
    */
   hide: (event?: Event) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  close: (...args: any[]) => void;
   hide: (...args: any[]) => void;
   show: (...args: any[]) => void;
   open: (...args: any[]) => void;
+  close: (...args: any[]) => void;
   "update:visible": (...args: any[]) => void;
   "before-show": (...args: any[]) => void;
   "before-hide": (...args: any[]) => void;
 }, string, _$vue.PublicProps, Readonly<UseTooltipProps> & Readonly<{
-  onClose?: ((...args: any[]) => any) | undefined;
   onHide?: ((...args: any[]) => any) | undefined;
   onShow?: ((...args: any[]) => any) | undefined;
   onOpen?: ((...args: any[]) => any) | undefined;
+  onClose?: ((...args: any[]) => any) | undefined;
   "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
   "onBefore-show"?: ((...args: any[]) => any) | undefined;
   "onBefore-hide"?: ((...args: any[]) => any) | undefined;
 }>, {
+  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+  visible: boolean | null;
+  content: string;
+  role: typeof roleTypes[number];
   offset: number;
   teleported: boolean;
   effect: PopperEffect;
-  visible: boolean | null;
-  content: string;
-  style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
   enterable: boolean;
   pure: boolean;
   focusOnShow: boolean;
@@ -77,10 +78,9 @@ declare const __VLS_base: _$vue.DefineComponent<UseTooltipProps, {
   gpuAcceleration: boolean;
   placement: Placement;
   popperOptions: Partial<Options>;
-  strategy: "fixed" | "absolute";
+  strategy: "absolute" | "fixed";
   arrowOffset: number;
   showArrow: boolean;
-  role: typeof roleTypes[number];
   showAfter: number;
   hideAfter: number;
   autoClose: number;

package/lib/components/tooltip/src/trigger.d.ts

@@ -34,7 +34,7 @@ declare const useTooltipTriggerPropsDefaults: {
  */
 declare const useTooltipTriggerProps: {
   readonly disabled: BooleanConstructor;
-  readonly trigger: EpPropFinalized<(new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "focus" | "hover" | "click" | "contextmenu" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
+  readonly trigger: EpPropFinalized<(new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>) | (((new (...args: any[]) => "click" | "contextmenu" | "focus" | "hover" | TooltipTriggerType[]) | (() => Arrayable<TooltipTriggerType>)) | null)[], unknown, unknown, "hover", boolean>;
   readonly triggerKeys: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => string[], boolean>;
   readonly focusOnTarget: BooleanConstructor;
   readonly virtualRef: {

package/lib/components/tour/src/content.d.ts

@@ -35,9 +35,9 @@ interface TourContentProps {
  * @deprecated Removed after 3.0.0, Use `TourContentProps` instead.
  */
 declare const tourContentProps: {
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   reference: EpPropFinalized<(new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null) | (((new (...args: any[]) => HTMLElement | VirtualElement) | (() => HTMLElement | VirtualElement | null)) | null)[], unknown, unknown, null, boolean>;
-  strategy: EpPropFinalized<(new (...args: any[]) => "fixed" | "absolute") | (() => Strategy) | (((new (...args: any[]) => "fixed" | "absolute") | (() => Strategy)) | null)[], "fixed" | "absolute", unknown, string, boolean>;
+  strategy: EpPropFinalized<(new (...args: any[]) => "absolute" | "fixed") | (() => Strategy) | (((new (...args: any[]) => "absolute" | "fixed") | (() => Strategy)) | null)[], "absolute" | "fixed", unknown, string, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
   showArrow: BooleanConstructor;
   zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;

package/lib/components/tour/src/helper.d.ts

@@ -30,7 +30,6 @@ interface TourContext {
   updateModelValue(modelValue: boolean): void;
   onClose(): void;
   onFinish(): void;
-  onChange(): void;
 }
 declare const tourKey: InjectionKey<TourContext>;
 declare const useFloating: (referenceRef: Ref<HTMLElement | VirtualElement | null>, contentRef: Ref<HTMLElement | null>, arrowRef: Ref<HTMLElement | null>, placement: Ref<Placement | undefined>, strategy: Ref<Strategy>, offset: Ref<number>, zIndex: Ref<number>, showArrow: Ref<boolean>) => {

package/lib/components/tour/src/helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.js","names":["isClient"],"sources":["../../../../../../packages/components/tour/src/helper.ts"],"sourcesContent":["import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  detectOverflow,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n} from '@floating-ui/dom'\nimport {\n  isArray,\n  isClient,\n  isFunction,\n  isString,\n  keysOf,\n} from '@element-plus/utils'\n\nimport type {\n  CSSProperties,\n  Component,\n  InjectionKey,\n  Ref,\n  SetupContext,\n} from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { PosInfo, TourGap, TourMask } from './types'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\nimport type { TourStepProps } from './step'\n\nexport const useTarget = (\n  target: Ref<\n    string | HTMLElement | (() => HTMLElement | null) | null | undefined\n  >,\n  open: Ref<boolean>,\n  gap: Ref<TourGap>,\n  mergedMask: Ref<TourMask>,\n  scrollIntoViewOptions: Ref<boolean | ScrollIntoViewOptions>\n) => {\n  const posInfo: Ref<PosInfo | null> = ref(null)\n\n  const getTargetEl = () => {\n    let targetEl: HTMLElement | null | undefined\n    if (isString(target.value)) {\n      targetEl = document.querySelector<HTMLElement>(target.value)\n    } else if (isFunction(target.value)) {\n      targetEl = target.value()\n    } else {\n      targetEl = target.value\n    }\n    return targetEl\n  }\n\n  const updatePosInfo = () => {\n    const targetEl = getTargetEl()\n    if (!targetEl || !open.value) {\n      posInfo.value = null\n      return\n    }\n    if (!isInViewPort(targetEl)) {\n      targetEl.scrollIntoView(scrollIntoViewOptions.value)\n    }\n    const { left, top, width, height } = targetEl.getBoundingClientRect()\n    posInfo.value = {\n      left,\n      top,\n      width,\n      height,\n      radius: 0,\n    }\n  }\n\n  onMounted(() => {\n    watch(\n      [open, target],\n      () => {\n        updatePosInfo()\n      },\n      {\n        immediate: true,\n      }\n    )\n    window.addEventListener('resize', updatePosInfo)\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('resize', updatePosInfo)\n  })\n\n  const getGapOffset = (index: number) =>\n    (isArray(gap.value.offset) ? gap.value.offset[index] : gap.value.offset) ??\n    6\n\n  const mergedPosInfo = computed(() => {\n    if (!posInfo.value) return posInfo.value\n\n    const gapOffsetX = getGapOffset(0)\n    const gapOffsetY = getGapOffset(1)\n    const gapRadius = gap.value?.radius || 2\n\n    return {\n      left: posInfo.value.left - gapOffsetX,\n      top: posInfo.value.top - gapOffsetY,\n      width: posInfo.value.width + gapOffsetX * 2,\n      height: posInfo.value.height + gapOffsetY * 2,\n      radius: gapRadius,\n    }\n  })\n\n  const triggerTarget = computed(() => {\n    const targetEl = getTargetEl()\n    if (!mergedMask.value || !targetEl || !window.DOMRect) {\n      return targetEl || undefined\n    }\n\n    return {\n      getBoundingClientRect() {\n        return window.DOMRect.fromRect({\n          width: mergedPosInfo.value?.width || 0,\n          height: mergedPosInfo.value?.height || 0,\n          x: mergedPosInfo.value?.left || 0,\n          y: mergedPosInfo.value?.top || 0,\n        })\n      },\n    }\n  })\n\n  return {\n    mergedPosInfo,\n    triggerTarget,\n  }\n}\n\nexport interface TourContext {\n  currentStep: Ref<TourStepProps | undefined>\n  current: Ref<number>\n  total: Ref<number>\n  showClose: Ref<boolean>\n  closeIcon: Ref<string | Component | undefined>\n  mergedType: Ref<'default' | 'primary' | undefined>\n  ns: UseNamespaceReturn\n  slots: SetupContext['slots']\n  updateModelValue(modelValue: boolean): void\n  onClose(): void\n  onFinish(): void\n  onChange(): void\n}\n\nexport const tourKey: InjectionKey<TourContext> = Symbol('ElTour')\n\nfunction isInViewPort(element: HTMLElement) {\n  const viewWidth = window.innerWidth || document.documentElement.clientWidth\n  const viewHeight = window.innerHeight || document.documentElement.clientHeight\n  const { top, right, bottom, left } = element.getBoundingClientRect()\n\n  return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight\n}\n\nexport const useFloating = (\n  referenceRef: Ref<HTMLElement | VirtualElement | null>,\n  contentRef: Ref<HTMLElement | null>,\n  arrowRef: Ref<HTMLElement | null>,\n  placement: Ref<Placement | undefined>,\n  strategy: Ref<Strategy>,\n  offset: Ref<number>,\n  zIndex: Ref<number>,\n  showArrow: Ref<boolean>\n) => {\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const middleware = computed(() => {\n    const _middleware: Middleware[] = [\n      offsetMiddleware(unref(offset)),\n      flip(),\n      shift(),\n      overflowMiddleware(),\n    ]\n\n    if (unref(showArrow) && unref(arrowRef)) {\n      _middleware.push(\n        arrow({\n          element: unref(arrowRef)!,\n        })\n      )\n    }\n    return _middleware\n  })\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    keysOf(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  const contentStyle = computed<CSSProperties>(() => {\n    if (!unref(referenceRef)) {\n      return {\n        position: 'fixed',\n        top: '50%',\n        left: '50%',\n        transform: 'translate3d(-50%, -50%, 0)',\n        maxWidth: '100vw',\n        zIndex: unref(zIndex),\n      }\n    }\n\n    const { overflow } = unref(middlewareData)\n\n    return {\n      position: unref(strategy),\n      zIndex: unref(zIndex),\n      top: unref(y) != null ? `${unref(y)}px` : '',\n      left: unref(x) != null ? `${unref(x)}px` : '',\n      maxWidth: overflow?.maxWidth ? `${overflow?.maxWidth}px` : '',\n    }\n  })\n\n  const arrowStyle = computed<CSSProperties>(() => {\n    if (!unref(showArrow)) return {}\n\n    const { arrow } = unref(middlewareData)\n    return {\n      left: arrow?.x != null ? `${arrow?.x}px` : '',\n      top: arrow?.y != null ? `${arrow?.y}px` : '',\n    }\n  })\n\n  let cleanup: any\n  onMounted(() => {\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (referenceEl && contentEl) {\n      cleanup = autoUpdate(referenceEl, contentEl, update)\n    }\n\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  onBeforeUnmount(() => {\n    cleanup && cleanup()\n  })\n\n  return {\n    update,\n    contentStyle,\n    arrowStyle,\n  }\n}\n\nconst overflowMiddleware = (): Middleware => {\n  return {\n    name: 'overflow',\n    async fn(state) {\n      const overflow = await detectOverflow(state)\n      let overWidth = 0\n      if (overflow.left > 0) overWidth = overflow.left\n      if (overflow.right > 0) overWidth = overflow.right\n      const floatingWidth = state.rects.floating.width\n      return {\n        data: {\n          maxWidth: floatingWidth - overWidth,\n        },\n      }\n    },\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"helper.js","names":["isClient"],"sources":["../../../../../../packages/components/tour/src/helper.ts"],"sourcesContent":["import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  unref,\n  watch,\n  watchEffect,\n} from 'vue'\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  detectOverflow,\n  flip,\n  offset as offsetMiddleware,\n  shift,\n} from '@floating-ui/dom'\nimport {\n  isArray,\n  isClient,\n  isFunction,\n  isString,\n  keysOf,\n} from '@element-plus/utils'\n\nimport type {\n  CSSProperties,\n  Component,\n  InjectionKey,\n  Ref,\n  SetupContext,\n} from 'vue'\nimport type { UseNamespaceReturn } from '@element-plus/hooks'\nimport type { PosInfo, TourGap, TourMask } from './types'\nimport type {\n  ComputePositionReturn,\n  Middleware,\n  Placement,\n  Strategy,\n  VirtualElement,\n} from '@floating-ui/dom'\nimport type { TourStepProps } from './step'\n\nexport const useTarget = (\n  target: Ref<\n    string | HTMLElement | (() => HTMLElement | null) | null | undefined\n  >,\n  open: Ref<boolean>,\n  gap: Ref<TourGap>,\n  mergedMask: Ref<TourMask>,\n  scrollIntoViewOptions: Ref<boolean | ScrollIntoViewOptions>\n) => {\n  const posInfo: Ref<PosInfo | null> = ref(null)\n\n  const getTargetEl = () => {\n    let targetEl: HTMLElement | null | undefined\n    if (isString(target.value)) {\n      targetEl = document.querySelector<HTMLElement>(target.value)\n    } else if (isFunction(target.value)) {\n      targetEl = target.value()\n    } else {\n      targetEl = target.value\n    }\n    return targetEl\n  }\n\n  const updatePosInfo = () => {\n    const targetEl = getTargetEl()\n    if (!targetEl || !open.value) {\n      posInfo.value = null\n      return\n    }\n    if (!isInViewPort(targetEl)) {\n      targetEl.scrollIntoView(scrollIntoViewOptions.value)\n    }\n    const { left, top, width, height } = targetEl.getBoundingClientRect()\n    posInfo.value = {\n      left,\n      top,\n      width,\n      height,\n      radius: 0,\n    }\n  }\n\n  onMounted(() => {\n    watch(\n      [open, target],\n      () => {\n        updatePosInfo()\n      },\n      {\n        immediate: true,\n      }\n    )\n    window.addEventListener('resize', updatePosInfo)\n  })\n\n  onBeforeUnmount(() => {\n    window.removeEventListener('resize', updatePosInfo)\n  })\n\n  const getGapOffset = (index: number) =>\n    (isArray(gap.value.offset) ? gap.value.offset[index] : gap.value.offset) ??\n    6\n\n  const mergedPosInfo = computed(() => {\n    if (!posInfo.value) return posInfo.value\n\n    const gapOffsetX = getGapOffset(0)\n    const gapOffsetY = getGapOffset(1)\n    const gapRadius = gap.value?.radius || 2\n\n    return {\n      left: posInfo.value.left - gapOffsetX,\n      top: posInfo.value.top - gapOffsetY,\n      width: posInfo.value.width + gapOffsetX * 2,\n      height: posInfo.value.height + gapOffsetY * 2,\n      radius: gapRadius,\n    }\n  })\n\n  const triggerTarget = computed(() => {\n    const targetEl = getTargetEl()\n    if (!mergedMask.value || !targetEl || !window.DOMRect) {\n      return targetEl || undefined\n    }\n\n    return {\n      getBoundingClientRect() {\n        return window.DOMRect.fromRect({\n          width: mergedPosInfo.value?.width || 0,\n          height: mergedPosInfo.value?.height || 0,\n          x: mergedPosInfo.value?.left || 0,\n          y: mergedPosInfo.value?.top || 0,\n        })\n      },\n    }\n  })\n\n  return {\n    mergedPosInfo,\n    triggerTarget,\n  }\n}\n\nexport interface TourContext {\n  currentStep: Ref<TourStepProps | undefined>\n  current: Ref<number>\n  total: Ref<number>\n  showClose: Ref<boolean>\n  closeIcon: Ref<string | Component | undefined>\n  mergedType: Ref<'default' | 'primary' | undefined>\n  ns: UseNamespaceReturn\n  slots: SetupContext['slots']\n  updateModelValue(modelValue: boolean): void\n  onClose(): void\n  onFinish(): void\n}\n\nexport const tourKey: InjectionKey<TourContext> = Symbol('ElTour')\n\nfunction isInViewPort(element: HTMLElement) {\n  const viewWidth = window.innerWidth || document.documentElement.clientWidth\n  const viewHeight = window.innerHeight || document.documentElement.clientHeight\n  const { top, right, bottom, left } = element.getBoundingClientRect()\n\n  return top >= 0 && left >= 0 && right <= viewWidth && bottom <= viewHeight\n}\n\nexport const useFloating = (\n  referenceRef: Ref<HTMLElement | VirtualElement | null>,\n  contentRef: Ref<HTMLElement | null>,\n  arrowRef: Ref<HTMLElement | null>,\n  placement: Ref<Placement | undefined>,\n  strategy: Ref<Strategy>,\n  offset: Ref<number>,\n  zIndex: Ref<number>,\n  showArrow: Ref<boolean>\n) => {\n  const x = ref<number>()\n  const y = ref<number>()\n  const middlewareData = ref<ComputePositionReturn['middlewareData']>({})\n\n  const states = {\n    x,\n    y,\n    placement,\n    strategy,\n    middlewareData,\n  } as const\n\n  const middleware = computed(() => {\n    const _middleware: Middleware[] = [\n      offsetMiddleware(unref(offset)),\n      flip(),\n      shift(),\n      overflowMiddleware(),\n    ]\n\n    if (unref(showArrow) && unref(arrowRef)) {\n      _middleware.push(\n        arrow({\n          element: unref(arrowRef)!,\n        })\n      )\n    }\n    return _middleware\n  })\n\n  const update = async () => {\n    if (!isClient) return\n\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (!referenceEl || !contentEl) return\n\n    const data = await computePosition(referenceEl, contentEl, {\n      placement: unref(placement),\n      strategy: unref(strategy),\n      middleware: unref(middleware),\n    })\n\n    keysOf(states).forEach((key) => {\n      states[key].value = data[key]\n    })\n  }\n\n  const contentStyle = computed<CSSProperties>(() => {\n    if (!unref(referenceRef)) {\n      return {\n        position: 'fixed',\n        top: '50%',\n        left: '50%',\n        transform: 'translate3d(-50%, -50%, 0)',\n        maxWidth: '100vw',\n        zIndex: unref(zIndex),\n      }\n    }\n\n    const { overflow } = unref(middlewareData)\n\n    return {\n      position: unref(strategy),\n      zIndex: unref(zIndex),\n      top: unref(y) != null ? `${unref(y)}px` : '',\n      left: unref(x) != null ? `${unref(x)}px` : '',\n      maxWidth: overflow?.maxWidth ? `${overflow?.maxWidth}px` : '',\n    }\n  })\n\n  const arrowStyle = computed<CSSProperties>(() => {\n    if (!unref(showArrow)) return {}\n\n    const { arrow } = unref(middlewareData)\n    return {\n      left: arrow?.x != null ? `${arrow?.x}px` : '',\n      top: arrow?.y != null ? `${arrow?.y}px` : '',\n    }\n  })\n\n  let cleanup: any\n  onMounted(() => {\n    const referenceEl = unref(referenceRef)\n    const contentEl = unref(contentRef)\n    if (referenceEl && contentEl) {\n      cleanup = autoUpdate(referenceEl, contentEl, update)\n    }\n\n    watchEffect(() => {\n      update()\n    })\n  })\n\n  onBeforeUnmount(() => {\n    cleanup && cleanup()\n  })\n\n  return {\n    update,\n    contentStyle,\n    arrowStyle,\n  }\n}\n\nconst overflowMiddleware = (): Middleware => {\n  return {\n    name: 'overflow',\n    async fn(state) {\n      const overflow = await detectOverflow(state)\n      let overWidth = 0\n      if (overflow.left > 0) overWidth = overflow.left\n      if (overflow.right > 0) overWidth = overflow.right\n      const floatingWidth = state.rects.floating.width\n      return {\n        data: {\n          maxWidth: floatingWidth - overWidth,\n        },\n      }\n    },\n  }\n}\n"],"mappings":"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"}

package/lib/components/tour/src/mask.vue.d.ts

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/tour/src/mask.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<MaskProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MaskProps> & Readonly<{}>, {
-  zIndex: number;
   fill: string;
+  zIndex: number;
   targetAreaClickable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/lib/components/tour/src/step.d.ts

@@ -81,7 +81,7 @@ declare const tourStepProps: {
     __epPropKey: true;
   };
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement) | (((new (...args: any[]) => "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => _$_floating_ui_dom0.Placement)) | null)[], "left" | "right" | "bottom" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end", unknown, string, boolean>;
   mask: EpPropFinalized<(new (...args: any[]) => boolean | {
     style?: CSSProperties;
     color?: string;

package/lib/components/tour/src/step.vue_vue_type_script_setup_true_lang.js

@@ -21,7 +21,7 @@ var step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		const emit = __emit;
 		const { Close } = require_icon.CloseComponents;
 		const { t } = require_index.useLocale();
-		const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish, onChange } = (0, vue.inject)(require_helper.tourKey);
+		const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish } = (0, vue.inject)(require_helper.tourKey);
 		(0, vue.watch)(props, (val) => {
 			currentStep.value = val;
 		}, { immediate: true });
@@ -34,13 +34,11 @@ var step_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.d
 		const onPrev = () => {
 			current.value -= 1;
 			if (props.prevButtonProps?.onClick) props.prevButtonProps?.onClick();
-			onChange();
 		};
 		const onNext = () => {
 			if (current.value >= total.value - 1) onFinish();
 			else current.value += 1;
 			if (props.nextButtonProps?.onClick) props.nextButtonProps.onClick();
-			onChange();
 		};
 		const onFinish = () => {
 			onClose();