@element-plus/nightly 0.0.20260601 → 0.0.20260602

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<{}>, {
-  onChange: UploadHooks["onChange"];
-  disabled: boolean;
+  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   name: string;
+  disabled: boolean;
+  onChange: UploadHooks["onChange"];
   onError: UploadHooks["onError"];
   onProgress: UploadHooks["onProgress"];
-  data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
   beforeUpload: UploadHooks["beforeUpload"];
   onRemove: UploadHooks["onRemove"];
   onPreview: UploadHooks["onPreview"];

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

@@ -113,7 +113,7 @@ declare const createGrid: ({
   readonly role: StringConstructor;
 }>, () => VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -203,17 +203,17 @@ declare const createGrid: ({
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -130,7 +130,7 @@ declare const createList: ({
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -181,19 +181,19 @@ declare const createList: ({
     __epPropKey: true;
   };
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -99,7 +99,7 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly role: StringConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -189,17 +189,17 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -117,7 +117,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -168,19 +168,19 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -94,7 +94,7 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly role: StringConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -184,17 +184,17 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -117,7 +117,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -168,19 +168,19 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  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;

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

@@ -3,8 +3,8 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 require("../../_virtual/_rolldown/runtime.js");
-const require_aria = require("../../utils/dom/aria.js");
-const require_aria$1 = require("../../constants/aria.js");
+const require_aria = require("../../constants/aria.js");
+const require_aria$1 = require("../../utils/dom/aria.js");
 const require_event = require("../../utils/dom/event.js");
 let vue = require("vue");
 //#region ../../packages/directives/trap-focus/index.ts
@@ -15,7 +15,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$1.EVENT_CODE.tab) {
+	if (focusableElement.length > 0 && code === require_aria.EVENT_CODE.tab) {
 		if (focusableElement.length === 1) {
 			e.preventDefault();
 			if (document.activeElement !== focusableElement[0]) focusableElement[0].focus();
@@ -40,13 +40,13 @@ const FOCUS_HANDLER = (e) => {
 };
 const TrapFocus = {
 	beforeMount(el) {
-		el[FOCUSABLE_CHILDREN] = require_aria.obtainAllFocusableElements(el);
+		el[FOCUSABLE_CHILDREN] = require_aria$1.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.obtainAllFocusableElements(el);
+			el[FOCUSABLE_CHILDREN] = require_aria$1.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,EAAE;AAE1C,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,EAAE;CAC5B,MAAM,mBACJ,YAAY,YAAY,SAAS,GAAG;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,eAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,gBAAgB;GAClB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,GAAG,OAAO;GAE7B;;EAEF,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,iBAAiB,SAAS,GAAG,OAAO;;EAEvD,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,GAAG,OAAO;;EAK7B,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,OAAsB;GAC/D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,IAAI,OAAO;;;;AAMxE,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,aAAAA,2BAA2B,GAAG;EACvD,YAAY,KAAK,GAAG;EACpB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,cAAc;;CAGvD,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,gBAAe;GACb,GAAG,sBAAsBA,aAAAA,2BAA2B,GAAG;IACvD;;CAEJ,YAAY;EACV,YAAY,OAAO;EACnB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,cAAc;;CAG3D"}
+{"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,EAAE;AAE1C,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,EAAE;CAC5B,MAAM,mBACJ,YAAY,YAAY,SAAS,GAAG;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,aAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,gBAAgB;GAClB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,GAAG,OAAO;GAE7B;;EAEF,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,iBAAiB,SAAS,GAAG,OAAO;;EAEvD,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,GAAG,OAAO;;EAK7B,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,OAAsB;GAC/D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,IAAI,OAAO;;;;AAMxE,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,eAAAA,2BAA2B,GAAG;EACvD,YAAY,KAAK,GAAG;EACpB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,cAAc;;CAGvD,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,gBAAe;GACb,GAAG,sBAAsBA,eAAAA,2BAA2B,GAAG;IACvD;;CAEJ,YAAY;EACV,YAAY,OAAO;EACnB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,cAAc;;CAG3D"}

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

@@ -25,8 +25,8 @@ declare const useFloating: ({
   middlewareData: Ref<{
     [x: string]: any;
     arrow?: {
-      x?: number | undefined;
       y?: number | undefined;
+      x?: number | undefined;
       centerOffset: number;
       alignmentOffset?: number | undefined;
     } | undefined;
@@ -48,36 +48,36 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined;
       escaped?: boolean | undefined;
       referenceHiddenOffsets?: {
-        top: number;
+        right: number;
         bottom: number;
         left: number;
-        right: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
+        right: number;
         bottom: number;
         left: number;
-        right: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {
-      x: number;
       y: number;
+      x: number;
       placement: Placement;
     } | undefined;
     shift?: {
-      x: number;
       y: number;
+      x: number;
       enabled: {
-        x: boolean;
         y: boolean;
+        x: boolean;
       };
     } | undefined;
   }, _$_floating_ui_dom0.MiddlewareData | {
     [x: string]: any;
     arrow?: {
-      x?: number | undefined;
       y?: number | undefined;
+      x?: number | undefined;
       centerOffset: number;
       alignmentOffset?: number | undefined;
     } | undefined;
@@ -99,29 +99,29 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined;
       escaped?: boolean | undefined;
       referenceHiddenOffsets?: {
-        top: number;
+        right: number;
         bottom: number;
         left: number;
-        right: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        top: number;
+        right: number;
         bottom: number;
         left: number;
-        right: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {
-      x: number;
       y: number;
+      x: number;
       placement: Placement;
     } | undefined;
     shift?: {
-      x: number;
       y: number;
+      x: number;
       enabled: {
-        x: boolean;
         y: boolean;
+        x: boolean;
       };
     } | undefined;
   }>;

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

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