@element-plus/nightly 0.0.20261025 → 0.0.20261027

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

@@ -102,7 +102,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -159,7 +159,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -175,7 +175,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "left" | "right" | "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" | "bottom" | "left" | "right" | "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, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -286,7 +286,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   valueOnClear: EpPropFinalized<(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, undefined, boolean>;
   name: StringConstructor;
   id: StringConstructor;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown, undefined, boolean>;
   autocomplete: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   automaticDropdown: BooleanConstructor;
   size: {
@@ -343,7 +343,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   suffixIcon: EpPropFinalized<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown, _$vue.DefineComponent<{}, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>, boolean>;
   tagType: {
     default: string;
-    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+    type: _$vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
     required: false;
     validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -359,7 +359,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   remoteShowSuffix: BooleanConstructor;
   showArrow: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
-  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, string, boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "bottom" | "left" | "right" | "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" | "bottom" | "left" | "right" | "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, string, boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, string[], boolean>;
   tabindex: EpPropFinalized<(StringConstructor | NumberConstructor)[], unknown, unknown, number, boolean>;
   appendTo: {
@@ -375,51 +375,51 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
+  props: TreeOptionProps;
   data: TreeData;
   offset: number;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  props: TreeOptionProps;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | NumberConstructor | BooleanConstructor | ObjectConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;
-  autocomplete: string;
-  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
-  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   clearable: boolean;
-  valueKey: string;
+  clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  filterable: boolean;
+  collapseTags: boolean;
+  maxCollapseTags: number;
+  collapseTagsTooltip: boolean;
   debounce: number;
-  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "top" | "bottom" | "auto-start" | "auto-end" | "right" | "left" | "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" | "bottom" | "left" | "right" | "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" | "bottom" | "left" | "right" | "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>;
   fallbackPlacements: Placement[];
   popperOptions: Partial<Options>;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   popperClass: ClassValue;
   popperStyle: _$vue.StyleValue;
+  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  fitInputWidth: boolean;
-  multiple: boolean;
-  loading: boolean;
-  filterable: boolean;
-  collapseTags: boolean;
-  maxCollapseTags: number;
-  collapseTagsTooltip: boolean;
-  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+  tagType: EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>;
   tagEffect: EpPropMergeType<StringConstructor, "light" | "dark" | "plain", unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   checkOnClickNode: boolean;
+  fitInputWidth: boolean;
   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>;
+  multiple: boolean;
   checkStrictly: boolean;
   lazy: boolean;
   checkOnClickLeaf: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  draggable: boolean;
+  loading: boolean;
+  tabindex: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   accordion: boolean;
+  autocomplete: string;
+  suffixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  draggable: boolean;
   automaticDropdown: boolean;
-  allowCreate: boolean;
-  remote: boolean;
+  showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  tagTooltip: TagTooltipProps;
   multipleLimit: number;
-  defaultFirstOption: boolean;
   reserveKeyword: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  tagTooltip: TagTooltipProps;
+  valueKey: string;
+  allowCreate: boolean;
+  defaultFirstOption: boolean;
+  remote: boolean;
   remoteShowSuffix: boolean;
   defaultExpandAll: boolean;
   indent: number;

package/lib/components/tree-v2/src/composables/useTree.d.ts

@@ -48,7 +48,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
     };
-    readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+    readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
       readonly type: _$vue.PropType<number>;
@@ -162,7 +162,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
     };
-    readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+    readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
       readonly type: _$vue.PropType<number>;
@@ -181,11 +181,10 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly style: _$vue.StyleValue;
-    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: ClassValue;
-    readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
@@ -193,6 +192,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined, _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly className: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
@@ -230,7 +230,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
     };
-    readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+    readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
       readonly type: _$vue.PropType<number>;
@@ -344,7 +344,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
     };
-    readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+    readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
       readonly type: _$vue.PropType<number>;
@@ -363,11 +363,10 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     onItemRendered?: ((...args: any[]) => any) | undefined;
     "onEnd-reached"?: ((...args: any[]) => any) | undefined;
   }>, {
+    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly data: any[];
     readonly style: _$vue.StyleValue;
-    readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: ClassValue;
-    readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
     readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
     readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
@@ -375,6 +374,7 @@ declare function useTree(props: TreeProps, emit: SetupContext<typeof treeEmits>[
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;
+    readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly initScrollOffset: number;
   }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any> | undefined>;
   getKey: (node: TreeNodeData) => TreeKey;

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -47,9 +47,9 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
-  data: TreeData;
   props: TreeOptionProps;
   height: number;
+  data: TreeData;
   itemSize: number;
   checkOnClickLeaf: boolean;
   perfMode: boolean;

package/lib/components/upload/src/upload-content.vue.d.ts

@@ -15,11 +15,11 @@ declare const __VLS_base: _$vue.DefineComponent<UploadContentProps, {
   abort: (file?: UploadFile) => void;
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
+  name: string;
   data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   disabled: boolean;
-  name: string;
   action: string;
   beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
   onRemove: (file: UploadFile | UploadRawFile) => void;

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

@@ -34,12 +34,12 @@ declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
+  name: string;
   data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
   disabled: boolean;
-  name: string;
   action: string;
   beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
   onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -207,9 +207,9 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -53,7 +53,7 @@ declare const createList: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -167,7 +167,7 @@ declare const createList: ({
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -186,11 +186,10 @@ declare const createList: ({
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: _$vue.StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
@@ -198,6 +197,7 @@ declare const createList: ({
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -193,9 +193,9 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: _$vue.StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -40,7 +40,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -154,7 +154,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -173,11 +173,10 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: _$vue.StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
@@ -185,6 +184,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type DynamicSizeListInstance = InstanceType<typeof DynamicSizeList> & unknown;

package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -188,9 +188,9 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: _$vue.StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -40,7 +40,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -154,7 +154,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -173,11 +173,10 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];
   readonly style: _$vue.StyleValue;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
@@ -185,6 +184,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type FixedSizeListInstance = InstanceType<typeof FixedSizeList> & unknown;

package/lib/components/virtual-list/src/components/scrollbar.d.ts

@@ -6,7 +6,7 @@ import * as _$vue from "vue";
 declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly alwaysOn: BooleanConstructor;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
     readonly required: true;
@@ -40,7 +40,7 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly alwaysOn: BooleanConstructor;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
     readonly required: true;
@@ -75,7 +75,7 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly visible: boolean;
-  readonly layout: EpPropMergeType<StringConstructor, "vertical" | "horizontal", never>;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly class: ClassValue;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;

package/lib/components/virtual-list/src/props.d.ts

@@ -71,7 +71,7 @@ declare const virtualizedListProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly initScrollOffset: EpPropFinalized<NumberConstructor, never, never, 0, false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
@@ -179,7 +179,7 @@ declare const virtualizedGridProps: {
 declare const virtualizedScrollbarProps: {
   readonly alwaysOn: BooleanConstructor;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly layout: EpPropFinalized<StringConstructor, "vertical" | "horizontal", never, "vertical", false>;
+  readonly layout: EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
   readonly total: {
     readonly type: _$vue.PropType<number>;
     readonly required: true;

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

@@ -7,10 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<WatermarkProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<WatermarkProps> & Readonly<{}>, {
-  zIndex: number;
   content: string | string[];
-  gap: [number, number];
   rotate: number;
+  zIndex: number;
+  gap: [number, number];
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/constants/index.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_aria = require("./aria.js");
-const require_column_alignment = require("./column-alignment.js");
 const require_date = require("./date.js");
 const require_event = require("./event.js");
-const require_form = require("./form.js");
 const require_key = require("./key.js");
 const require_size = require("./size.js");
+const require_column_alignment = require("./column-alignment.js");
+const require_form = require("./form.js");
 exports.BORDER_HORIZONTAL_WIDTH = require_form.BORDER_HORIZONTAL_WIDTH;
 exports.CHANGE_EVENT = require_event.CHANGE_EVENT;
 exports.EVENT_CODE = require_aria.EVENT_CODE;

package/lib/directives/trap-focus/index.js

@@ -2,8 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_aria = require("../../constants/aria.js");
-const require_aria$1 = require("../../utils/dom/aria.js");
+const require_aria = require("../../utils/dom/aria.js");
+const require_aria$1 = require("../../constants/aria.js");
 const require_event = require("../../utils/dom/event.js");
 let vue = require("vue");
 //#region ../../packages/directives/trap-focus/index.ts
@@ -14,7 +14,7 @@ const FOCUS_HANDLER = (e) => {
 	if (FOCUS_STACK.length === 0) return;
 	const code = require_event.getEventCode(e);
 	const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
-	if (focusableElement.length > 0 && code === require_aria.EVENT_CODE.tab) {
+	if (focusableElement.length > 0 && code === require_aria$1.EVENT_CODE.tab) {
 		if (focusableElement.length === 1) {
 			e.preventDefault();
 			if (document.activeElement !== focusableElement[0]) focusableElement[0].focus();
@@ -39,13 +39,13 @@ const FOCUS_HANDLER = (e) => {
 };
 const TrapFocus = {
 	beforeMount(el) {
-		el[FOCUSABLE_CHILDREN] = require_aria$1.obtainAllFocusableElements(el);
+		el[FOCUSABLE_CHILDREN] = require_aria.obtainAllFocusableElements(el);
 		FOCUS_STACK.push(el);
 		if (FOCUS_STACK.length <= 1) document.addEventListener("keydown", FOCUS_HANDLER);
 	},
 	updated(el) {
 		(0, vue.nextTick)(() => {
-			el[FOCUSABLE_CHILDREN] = require_aria$1.obtainAllFocusableElements(el);
+			el[FOCUSABLE_CHILDREN] = require_aria.obtainAllFocusableElements(el);
 		});
 	},
 	unmounted() {

package/lib/directives/trap-focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getEventCode","EVENT_CODE","obtainAllFocusableElements"],"sources":["../../../../../packages/directives/trap-focus/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { getEventCode, obtainAllFocusableElements } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ObjectDirective } from 'vue'\n\nexport const FOCUSABLE_CHILDREN = '_trap-focus-children'\nexport const TRAP_FOCUS_HANDLER = '_trap-focus-handler'\n\nexport interface TrapFocusElement extends HTMLElement {\n  [FOCUSABLE_CHILDREN]: HTMLElement[]\n  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void\n}\n\nconst FOCUS_STACK: TrapFocusElement[] = []\n\nconst FOCUS_HANDLER = (e: KeyboardEvent) => {\n  // Getting the top layer.\n  if (FOCUS_STACK.length === 0) return\n  const code = getEventCode(e)\n  const focusableElement =\n    FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN]\n  if (focusableElement.length > 0 && code === EVENT_CODE.tab) {\n    if (focusableElement.length === 1) {\n      e.preventDefault()\n      if (document.activeElement !== focusableElement[0]) {\n        focusableElement[0].focus()\n      }\n      return\n    }\n    const goingBackward = e.shiftKey\n    const isFirst = e.target === focusableElement[0]\n    const isLast = e.target === focusableElement[focusableElement.length - 1]\n    if (isFirst && goingBackward) {\n      e.preventDefault()\n      focusableElement[focusableElement.length - 1].focus()\n    }\n    if (isLast && !goingBackward) {\n      e.preventDefault()\n      focusableElement[0].focus()\n    }\n\n    // the is critical since jsdom did not implement user actions, you can only mock it\n    // DELETE ME: when testing env switches to puppeteer\n    if (process.env.NODE_ENV === 'test') {\n      const index = focusableElement.indexOf(e.target as HTMLElement)\n      if (index !== -1) {\n        focusableElement[goingBackward ? index - 1 : index + 1]?.focus()\n      }\n    }\n  }\n}\n\nconst TrapFocus: ObjectDirective = {\n  beforeMount(el: TrapFocusElement) {\n    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    FOCUS_STACK.push(el)\n    if (FOCUS_STACK.length <= 1) {\n      document.addEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n  updated(el: TrapFocusElement) {\n    nextTick(() => {\n      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    })\n  },\n  unmounted() {\n    FOCUS_STACK.shift()\n    if (FOCUS_STACK.length === 0) {\n      document.removeEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n}\n\nexport default TrapFocus\n"],"mappings":";;;;;;;;;AAMA,MAAa,qBAAqB;AAClC,MAAa,qBAAqB;AAOlC,MAAM,cAAkC,CAAC;AAEzC,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,CAAC;CAC3B,MAAM,mBACJ,YAAY,YAAY,SAAS,EAAE,CAAC;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,aAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,eAAe;GACjB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,EAAE,CAAC,MAAM;GAE5B;EACF;EACA,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,eAAe;GACjB,iBAAiB,iBAAiB,SAAS,EAAE,CAAC,MAAM;EACtD;EACA,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,eAAe;GACjB,iBAAiB,EAAE,CAAC,MAAM;EAC5B;EAIA,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,MAAqB;GAC9D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,EAAE,EAAE,MAAM;EAEnE;CACF;AACF;AAEA,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,eAAAA,2BAA2B,EAAE;EACtD,YAAY,KAAK,EAAE;EACnB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,aAAa;CAEtD;CACA,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,SAAA,OAAe;GACb,GAAG,sBAAsBA,eAAAA,2BAA2B,EAAE;EACxD,CAAC;CACH;CACA,YAAY;EACV,YAAY,MAAM;EAClB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,aAAa;CAEzD;AACF"}
+{"version":3,"file":"index.js","names":["getEventCode","EVENT_CODE","obtainAllFocusableElements"],"sources":["../../../../../packages/directives/trap-focus/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { getEventCode, obtainAllFocusableElements } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ObjectDirective } from 'vue'\n\nexport const FOCUSABLE_CHILDREN = '_trap-focus-children'\nexport const TRAP_FOCUS_HANDLER = '_trap-focus-handler'\n\nexport interface TrapFocusElement extends HTMLElement {\n  [FOCUSABLE_CHILDREN]: HTMLElement[]\n  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void\n}\n\nconst FOCUS_STACK: TrapFocusElement[] = []\n\nconst FOCUS_HANDLER = (e: KeyboardEvent) => {\n  // Getting the top layer.\n  if (FOCUS_STACK.length === 0) return\n  const code = getEventCode(e)\n  const focusableElement =\n    FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN]\n  if (focusableElement.length > 0 && code === EVENT_CODE.tab) {\n    if (focusableElement.length === 1) {\n      e.preventDefault()\n      if (document.activeElement !== focusableElement[0]) {\n        focusableElement[0].focus()\n      }\n      return\n    }\n    const goingBackward = e.shiftKey\n    const isFirst = e.target === focusableElement[0]\n    const isLast = e.target === focusableElement[focusableElement.length - 1]\n    if (isFirst && goingBackward) {\n      e.preventDefault()\n      focusableElement[focusableElement.length - 1].focus()\n    }\n    if (isLast && !goingBackward) {\n      e.preventDefault()\n      focusableElement[0].focus()\n    }\n\n    // the is critical since jsdom did not implement user actions, you can only mock it\n    // DELETE ME: when testing env switches to puppeteer\n    if (process.env.NODE_ENV === 'test') {\n      const index = focusableElement.indexOf(e.target as HTMLElement)\n      if (index !== -1) {\n        focusableElement[goingBackward ? index - 1 : index + 1]?.focus()\n      }\n    }\n  }\n}\n\nconst TrapFocus: ObjectDirective = {\n  beforeMount(el: TrapFocusElement) {\n    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    FOCUS_STACK.push(el)\n    if (FOCUS_STACK.length <= 1) {\n      document.addEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n  updated(el: TrapFocusElement) {\n    nextTick(() => {\n      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    })\n  },\n  unmounted() {\n    FOCUS_STACK.shift()\n    if (FOCUS_STACK.length === 0) {\n      document.removeEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n}\n\nexport default TrapFocus\n"],"mappings":";;;;;;;;;AAMA,MAAa,qBAAqB;AAClC,MAAa,qBAAqB;AAOlC,MAAM,cAAkC,CAAC;AAEzC,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,CAAC;CAC3B,MAAM,mBACJ,YAAY,YAAY,SAAS,EAAE,CAAC;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,eAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,eAAe;GACjB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,EAAE,CAAC,MAAM;GAE5B;EACF;EACA,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,eAAe;GACjB,iBAAiB,iBAAiB,SAAS,EAAE,CAAC,MAAM;EACtD;EACA,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,eAAe;GACjB,iBAAiB,EAAE,CAAC,MAAM;EAC5B;EAIA,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,MAAqB;GAC9D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,EAAE,EAAE,MAAM;EAEnE;CACF;AACF;AAEA,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,aAAAA,2BAA2B,EAAE;EACtD,YAAY,KAAK,EAAE;EACnB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,aAAa;CAEtD;CACA,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,SAAA,OAAe;GACb,GAAG,sBAAsBA,aAAAA,2BAA2B,EAAE;EACxD,CAAC;CACH;CACA,YAAY;EACV,YAAY,MAAM;EAClB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,aAAa;CAEzD;AACF"}

package/lib/hooks/use-floating/index.d.ts

@@ -48,16 +48,16 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
-        top: number;
         bottom: number;
-        right: number;
         left: number;
+        right: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
         bottom: number;
-        right: number;
         left: number;
+        right: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {
@@ -99,16 +99,16 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
-        top: number;
         bottom: number;
-        right: number;
         left: number;
+        right: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
         bottom: number;
-        right: number;
         left: number;
+        right: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {

package/lib/hooks/use-popper/index.d.ts

@@ -47,12 +47,12 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
       };
       offset?: {
         auto?: _$_popperjs_core0.Offsets | undefined;
-        top?: _$_popperjs_core0.Offsets | undefined;
         bottom?: _$_popperjs_core0.Offsets | undefined;
+        left?: _$_popperjs_core0.Offsets | undefined;
+        right?: _$_popperjs_core0.Offsets | undefined;
+        top?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;
-        right?: _$_popperjs_core0.Offsets | undefined;
-        left?: _$_popperjs_core0.Offsets | undefined;
         "top-start"?: _$_popperjs_core0.Offsets | undefined;
         "top-end"?: _$_popperjs_core0.Offsets | undefined;
         "bottom-start"?: _$_popperjs_core0.Offsets | undefined;