@element-plus/nightly 0.0.20261007 → 0.0.20261008

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

@@ -5,9 +5,9 @@ import { CheckedInfo, TreeData, TreeKey, TreeNode, TreeNodeData as TreeNodeData$
 import * as _$vue from "vue";
 
 //#region ../../packages/components/tree-v2/src/tree.vue.d.ts
-declare var __VLS_20: {};
+declare var __VLS_18: {};
 type __VLS_Slots = {} & {
-  empty?: (props: typeof __VLS_20) => any;
+  empty?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   toggleCheckbox: (node: TreeNode, isChecked: CheckboxValueType, nodeClick?: boolean, immediateUpdate?: boolean, deep?: boolean) => void;
@@ -47,12 +47,12 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
   "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
 }>, {
-  props: TreeOptionProps;
-  height: number;
   data: TreeData;
-  checkOnClickLeaf: boolean;
-  itemSize: number;
+  height: number;
   perfMode: boolean;
+  itemSize: number;
+  props: TreeOptionProps;
+  checkOnClickLeaf: boolean;
   indent: number;
   expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];

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

@@ -1,6 +1,6 @@
-import { Awaitable } from "../../../utils/typescript.js";
+import { Awaitable, Mutable } from "../../../utils/typescript.js";
 import { UploadAjaxError } from "./ajax.js";
-import { ListType, UploadData, UploadFile, UploadHooks, UploadProgressEvent, UploadRawFile, UploadRequestHandler, UploadUserFile } from "./upload.js";
+import { ListType, UploadData, UploadFile, UploadProgressEvent, UploadRawFile, UploadRequestHandler, UploadUserFile } from "./upload.js";
 import { UploadContentProps } from "./upload-content.js";
 import * as _$vue from "vue";
 
@@ -15,15 +15,15 @@ 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<{}>, {
+  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   name: string;
   disabled: boolean;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
-  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  beforeUpload: UploadHooks["beforeUpload"];
+  beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
   onRemove: (file: UploadFile | UploadRawFile) => void;
   onSuccess: (response: any, rawFile: UploadRawFile) => unknown;
-  onExceed: UploadHooks["onExceed"];
+  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
   action: string;
   method: string;
   showFileList: boolean;

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

@@ -1,4 +1,4 @@
-import { ListType, UploadFile, UploadFiles, UploadHooks } from "./upload.js";
+import { ListType, UploadFile, UploadFiles } from "./upload.js";
 import { UploadListProps } from "./upload-list.js";
 import * as _$vue from "vue";
 
@@ -20,7 +20,7 @@ declare const __VLS_base: _$vue.DefineComponent<UploadListProps, {}, {}, {}, {},
   disabled: boolean;
   listType: ListType;
   files: UploadFiles;
-  handlePreview: UploadHooks["onPreview"];
+  handlePreview: (uploadFile: UploadFile) => void;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1,31 +1,31 @@
-import { Awaitable } from "../../../utils/typescript.js";
-import { ListType, UploadData, UploadFile, UploadHooks, UploadProps, UploadRawFile, UploadRequestHandler, UploadStatus, UploadUserFile } from "./upload.js";
+import { Awaitable, Mutable } from "../../../utils/typescript.js";
+import { ListType, UploadData, UploadFile, UploadFiles, UploadProgressEvent, UploadProps, UploadRawFile, UploadRequestHandler, UploadStatus, UploadUserFile } from "./upload.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/upload/src/upload.vue.d.ts
 declare var __VLS_10: {
     file: UploadFile;
     index: number;
-  }, __VLS_21: {}, __VLS_23: {}, __VLS_33: {}, __VLS_35: {}, __VLS_37: {}, __VLS_39: {}, __VLS_50: {
+  }, __VLS_19: {}, __VLS_21: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {}, __VLS_35: {}, __VLS_46: {
     file: UploadFile;
     index: number;
   };
 type __VLS_Slots = {} & {
   file?: (props: typeof __VLS_10) => any;
 } & {
-  trigger?: (props: typeof __VLS_21) => any;
+  trigger?: (props: typeof __VLS_19) => any;
 } & {
-  default?: (props: typeof __VLS_23) => any;
+  default?: (props: typeof __VLS_21) => any;
 } & {
-  trigger?: (props: typeof __VLS_33) => any;
+  trigger?: (props: typeof __VLS_29) => any;
 } & {
-  default?: (props: typeof __VLS_35) => any;
+  default?: (props: typeof __VLS_31) => any;
 } & {
-  default?: (props: typeof __VLS_37) => any;
+  default?: (props: typeof __VLS_33) => any;
 } & {
-  tip?: (props: typeof __VLS_39) => any;
+  tip?: (props: typeof __VLS_35) => any;
 } & {
-  file?: (props: typeof __VLS_50) => any;
+  file?: (props: typeof __VLS_46) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   /** @description cancel upload request */abort: (file?: UploadFile) => void; /** @description upload the file list manually */
@@ -34,17 +34,17 @@ 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<{}>, {
+  data: Awaitable<Mutable<Record<string, any>>> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   name: string;
-  onChange: UploadHooks["onChange"];
   disabled: boolean;
-  onError: UploadHooks["onError"];
-  onProgress: UploadHooks["onProgress"];
-  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
-  beforeUpload: UploadHooks["beforeUpload"];
-  onRemove: UploadHooks["onRemove"];
-  onPreview: UploadHooks["onPreview"];
-  onSuccess: UploadHooks["onSuccess"];
-  onExceed: UploadHooks["onExceed"];
+  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  beforeUpload: (rawFile: UploadRawFile) => Awaitable<void | undefined | null | boolean | File | Blob>;
+  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onPreview: (uploadFile: UploadFile) => void;
+  onSuccess: (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
   action: string;
   method: string;
   showFileList: boolean;

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

@@ -207,17 +207,17 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+  readonly itemKey: GridItemKeyGetter;
   readonly className: ClassValue;
-  readonly style: StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

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

@@ -186,18 +186,18 @@ declare const createList: ({
   onItemRendered?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   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,17 +193,17 @@ 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 itemKey: GridItemKeyGetter;
   readonly className: ClassValue;
-  readonly style: _$vue.StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

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

@@ -173,18 +173,18 @@ 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 className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   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,17 +188,17 @@ 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 itemKey: GridItemKeyGetter;
   readonly className: ClassValue;
-  readonly style: _$vue.StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

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

@@ -173,18 +173,18 @@ 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 className: ClassValue;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
-  readonly data: any[];
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   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

@@ -74,13 +74,13 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onStart-move"?: ((...args: any[]) => any) | undefined;
   "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly visible: boolean;
-  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly class: ClassValue;
+  readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;
   readonly startGap: number;
   readonly endGap: number;
+  readonly visible: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { ScrollBar as default };

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

@@ -3,7 +3,7 @@ import { CSSProperties } from "vue";
 
 //#region ../../packages/components/virtual-list/src/utils.d.ts
 declare const getScrollDir: (prev: number, cur: number) => "forward" | "backward";
-declare const isHorizontal: (dir: string) => dir is "horizontal" | "ltr" | "rtl";
+declare const isHorizontal: (dir: string) => dir is "ltr" | "rtl" | "horizontal";
 declare const isRTL: (dir: Direction) => dir is "rtl";
 declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
 type RenderThumbStyleParams = {

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<{}>, {
-  content: string | string[];
   zIndex: number;
-  gap: [number, number];
+  content: string | string[];
   rotate: 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;
+        left: number;
         right: number;
+        top: number;
         bottom: number;
-        left: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
+        left: number;
         right: number;
+        top: number;
         bottom: number;
-        left: number;
       } | undefined;
     } | undefined;
     offset?: {
@@ -99,16 +99,16 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined | undefined;
       escaped?: boolean | undefined | undefined;
       referenceHiddenOffsets?: {
-        top: number;
+        left: number;
         right: number;
+        top: number;
         bottom: number;
-        left: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
+        left: number;
         right: number;
+        top: number;
         bottom: number;
-        left: number;
       } | undefined;
     } | undefined;
     offset?: {

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

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