@element-plus/nightly 0.0.20260731 → 0.0.20260802

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

@@ -43,12 +43,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly id: StringConstructor;
   readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -63,7 +63,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;
@@ -139,12 +139,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown, "bottom", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
   readonly id: StringConstructor;
   readonly size: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -159,7 +159,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly popperClass: EpPropFinalized<(new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue) | (((new (...args: any[]) => string | false | Record<string, any> | ClassValue[]) | (() => ClassValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | _$vue.StyleValue[]) | (() => _$vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
-  readonly role: EpPropFinalized<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown, "menu", boolean>;
+  readonly role: EpPropFinalized<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
   readonly buttonProps: {
     readonly type: _$vue.PropType<Partial<ButtonProps>>;
     readonly required: false;
@@ -179,21 +179,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onCommand?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly size: string;
   readonly disabled: boolean;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  readonly size: string;
-  readonly trigger: Arrayable<"hover" | "click" | "contextmenu">;
-  readonly loop: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom-start" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown>;
   readonly popperClass: ClassValue;
   readonly popperStyle: _$vue.StyleValue;
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly virtualTriggering: boolean;
+  readonly loop: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown>;
   readonly popperOptions: Partial<Options>;
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly role: EpPropMergeType<StringConstructor, "dialog" | "tree" | "menu" | "listbox" | "grid" | "tooltip" | "group" | "navigation", unknown>;
+  readonly role: EpPropMergeType<StringConstructor, "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree", unknown>;
+  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly trigger: Arrayable<"hover" | "click" | "contextmenu">;
   readonly triggerKeys: string[];
   readonly maxHeight: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly hideOnClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -207,7 +207,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"default" | "primary" | "" | "success" | "info" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -216,13 +216,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       type: ButtonType;
       disabled: boolean;
       text: boolean;
-      tag: string | _$vue.Component;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -235,20 +235,20 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-      type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: _$vue.ComputedRef<"default" | "primary" | "" | "success" | "info" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
       type: ButtonType;
       disabled: boolean;
       text: boolean;
-      tag: string | _$vue.Component;
       round: boolean;
       dashed: boolean;
-      plain: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
+      plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -258,7 +258,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
-    type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+    type: _$vue.ComputedRef<"default" | "primary" | "" | "success" | "info" | "warning" | "danger" | "text">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -267,13 +267,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: ButtonType;
     disabled: boolean;
     text: boolean;
-    tag: string | _$vue.Component;
     round: boolean;
     dashed: boolean;
-    plain: boolean;
     nativeType: ButtonNativeType;
     loadingIcon: IconPropType;
+    plain: boolean;
     autoInsertSpace: boolean;
+    tag: string | _$vue.Component;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       loading?: (props: {}) => any;
@@ -286,7 +286,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setPropsDefaults: (defaults: {
       readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
       readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly type?: "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger" | (() => "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger") | undefined;
+      readonly type?: "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text" | (() => "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -324,7 +324,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElButtonGroup: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
-      type: "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger";
+      type: "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text";
       direction: "horizontal" | "vertical";
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -334,14 +334,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
-      type: "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger";
+      type: "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text";
       direction: "horizontal" | "vertical";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
-    type: "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger";
+    type: "" | "default" | "primary" | "success" | "info" | "warning" | "danger" | "text";
     direction: "horizontal" | "vertical";
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -373,9 +373,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
       tabindex: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
@@ -407,9 +407,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       handleScroll: () => void;
     }, {}, {}, {}, {
       tabindex: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
@@ -444,9 +444,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
     tabindex: number | string;
-    tag: keyof HTMLElementTagNameMap | (string & {});
     height: number | string;
     maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | false | Record<string, any> | ClassValue[] | null;
@@ -484,25 +484,24 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      trigger: Arrayable<TooltipTriggerType>;
-      loop: boolean;
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
       teleported: boolean;
       effect: PopperEffect;
       visible: boolean | null;
       content: string;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
@@ -511,6 +510,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -536,25 +536,24 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      trigger: Arrayable<TooltipTriggerType>;
-      loop: boolean;
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      placement: Placement;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
+      offset: number;
       teleported: boolean;
       effect: PopperEffect;
       visible: boolean | null;
       content: string;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
+      loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      offset: number;
+      placement: Placement;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
@@ -563,6 +562,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
     __isFragment?: never;
@@ -593,25 +593,24 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    trigger: Arrayable<TooltipTriggerType>;
-    loop: boolean;
-    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
-    placement: Placement;
-    popperClass: string | false | Record<string, any> | ClassValue[] | null;
-    popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
+    offset: number;
     teleported: boolean;
     effect: PopperEffect;
     visible: boolean | null;
     content: string;
+    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
+    popperClass: string | false | Record<string, any> | ClassValue[] | null;
+    popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
+    loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    offset: number;
+    placement: Placement;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
@@ -620,6 +619,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     showAfter: number;
     hideAfter: number;
     autoClose: number;
+    trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -689,8 +689,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onCurrentTabIdChange?: ((...args: any[]) => any) | undefined;
       onEntryFocus?: ((...args: any[]) => any) | undefined;
     }>, {
-      loop: boolean;
       style: _$vue.StyleValue;
+      loop: boolean;
       dir: string;
     }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
   }, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/dropdown/src/dropdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown2.js","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;0DAwFQ,OAAA,EAvFA,QAAA,GAAA,IAAA,gBAAK,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,EAAA,GAAA,IAAA,aAyDjC,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAA;EACrB,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;;EAEH,UAAA,GAAA,IAAA,eAeM,EAAA,GAAA,IAAA,aAAA,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;;mCASO,EAAA,GAAA,IAAA,aAAA,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;;oCAEA,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;MAIb,KAAA,cAAA;QAAc;6BAQb,EAAA,GAAA,IAAA,aAAA,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;;mCAEY,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,gBAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,aA2BI,4BAAA,EAAA,KAAA,GAAA,EAAA;kCAfJ,EAAA,GAAA,IAAA,aAAA,uBAAA,GAAA,IAAA,YAAA,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;;mCAEe,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;2BAeb,uBAAA,GAAA,IAAA,YAAA;GAZT,IAAI,KAAA;GACL,KAAI;KACI,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;;mCAEyC,EAAA,GAAA,IAAA,aAAA,oBAAA,EAA7C,QAAA,GAAA,IAAA,gBAAO,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;oCAAwB,EAAA,GAAA,IAAA,aAAA,sBAAA,CAAA,CAAA"}
+{"version":3,"file":"dropdown2.js","names":[],"sources":["../../../../../../packages/components/dropdown/src/dropdown.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.is('disabled', disabled)]\">\n    <el-tooltip\n      ref=\"popperRef\"\n      :role=\"role\"\n      :effect=\"effect\"\n      :fallback-placements=\"['bottom', 'top']\"\n      :popper-options=\"popperOptions\"\n      :gpu-acceleration=\"false\"\n      :placement=\"placement\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :trigger-target-el=\"contentRef\"\n      :show-arrow=\"showArrow\"\n      :show-after=\"trigger === 'hover' ? showTimeout : 0\"\n      :hide-after=\"trigger === 'hover' ? hideTimeout : 0\"\n      :virtual-ref=\"virtualRef ?? triggeringElementRef\"\n      :virtual-triggering=\"virtualTriggering || splitButton\"\n      :disabled=\"disabled\"\n      :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n      :teleported=\"teleported\"\n      :append-to=\"appendTo\"\n      pure\n      focus-on-target\n      :persistent=\"persistent\"\n      @before-show=\"handleBeforeShowTooltip\"\n      @show=\"handleShowTooltip\"\n      @before-hide=\"handleBeforeHideTooltip\"\n    >\n      <template #content>\n        <el-scrollbar\n          ref=\"scrollbar\"\n          :wrap-style=\"wrapStyle\"\n          tag=\"div\"\n          :view-class=\"ns.e('list')\"\n        >\n          <el-roving-focus-group\n            :loop=\"loop\"\n            :current-tab-id=\"currentTabId\"\n            orientation=\"horizontal\"\n            @current-tab-id-change=\"handleCurrentTabIdChange\"\n          >\n            <slot name=\"dropdown\" />\n          </el-roving-focus-group>\n        </el-scrollbar>\n      </template>\n      <template v-if=\"!splitButton\" #default>\n        <el-only-child\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          role=\"button\"\n          :tabindex=\"tabindex\"\n        >\n          <slot name=\"default\" />\n        </el-only-child>\n      </template>\n    </el-tooltip>\n    <template v-if=\"splitButton\">\n      <el-button-group>\n        <el-button\n          ref=\"referenceElementRef\"\n          v-bind=\"buttonProps\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          @click=\"handlerMainButtonClick\"\n        >\n          <slot name=\"default\" />\n        </el-button>\n        <el-button\n          :id=\"triggerId\"\n          ref=\"triggeringElementRef\"\n          v-bind=\"buttonProps\"\n          role=\"button\"\n          :size=\"dropdownSize\"\n          :type=\"type\"\n          :class=\"ns.e('caret-button')\"\n          :disabled=\"disabled\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"t('el.dropdown.toggleDropdown')\"\n        >\n          <el-icon :class=\"ns.e('icon')\"><arrow-down /></el-icon>\n        </el-button>\n      </el-button-group>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  provide,\n  ref,\n  toRef,\n  unref,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport ElIcon from '@element-plus/components/icon'\nimport ElRovingFocusGroup from '@element-plus/components/roving-focus-group'\nimport { ElOnlyChild } from '@element-plus/components/slot'\nimport { useFormSize } from '@element-plus/components/form'\nimport { addUnit, ensureArray } from '@element-plus/utils'\nimport { ArrowDown } from '@element-plus/icons-vue'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { dropdownProps } from './dropdown'\nimport {\n  DROPDOWN_INJECTION_KEY,\n  DROPDOWN_INSTANCE_INJECTION_KEY,\n} from './tokens'\n\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { CSSProperties } from 'vue'\n\nconst { ButtonGroup: ElButtonGroup } = ElButton\n\nexport default defineComponent({\n  name: 'ElDropdown',\n  components: {\n    ElButton,\n    ElButtonGroup,\n    ElScrollbar,\n    ElTooltip,\n    ElRovingFocusGroup,\n    ElOnlyChild,\n    ElIcon,\n    ArrowDown,\n  },\n  props: dropdownProps,\n  emits: ['visible-change', 'click', 'command'],\n  setup(props, { emit }) {\n    const _instance = getCurrentInstance()\n    const ns = useNamespace('dropdown')\n    const { t } = useLocale()\n\n    const triggeringElementRef = ref()\n    const referenceElementRef = ref()\n    const popperRef = ref<TooltipInstance>()\n    const contentRef = ref<HTMLElement>()\n    const scrollbar = ref(null)\n    const currentTabId = ref<string | null>(null)\n    const isUsingKeyboard = ref(false)\n\n    const wrapStyle = computed<CSSProperties>(() => ({\n      maxHeight: addUnit(props.maxHeight),\n    }))\n    const dropdownTriggerKls = computed(() => [ns.m(dropdownSize.value)])\n    const trigger = computed(() => ensureArray(props.trigger))\n\n    const defaultTriggerId = useId().value\n    const triggerId = computed<string>(() => props.id || defaultTriggerId)\n\n    function handleClick() {\n      popperRef.value?.onClose(undefined, 0)\n    }\n\n    function handleClose() {\n      popperRef.value?.onClose()\n    }\n\n    function handleOpen() {\n      popperRef.value?.onOpen()\n    }\n\n    const dropdownSize = useFormSize()\n\n    function commandHandler(...args: any[]) {\n      emit('command', ...args)\n    }\n\n    function onItemEnter() {\n      // NOOP for now\n    }\n\n    function onItemLeave() {\n      const contentEl = unref(contentRef)\n\n      trigger.value.includes('hover') &&\n        contentEl?.focus({\n          preventScroll: true,\n        })\n      currentTabId.value = null\n    }\n\n    function handleCurrentTabIdChange(id: string) {\n      currentTabId.value = id\n    }\n\n    function handleBeforeShowTooltip() {\n      emit('visible-change', true)\n    }\n\n    function handleShowTooltip(event?: Event) {\n      isUsingKeyboard.value = event?.type === 'keydown'\n      contentRef.value?.focus()\n    }\n\n    function handleBeforeHideTooltip() {\n      emit('visible-change', false)\n    }\n\n    provide(DROPDOWN_INJECTION_KEY, {\n      contentRef,\n      role: computed(() => props.role),\n      triggerId,\n      isUsingKeyboard,\n      onItemEnter,\n      onItemLeave,\n      handleClose,\n    })\n\n    provide(DROPDOWN_INSTANCE_INJECTION_KEY, {\n      instance: _instance,\n      dropdownSize,\n      handleClick,\n      commandHandler,\n      trigger: toRef(props, 'trigger'),\n      hideOnClick: toRef(props, 'hideOnClick'),\n    })\n\n    const handlerMainButtonClick = (event: MouseEvent) => {\n      emit('click', event)\n    }\n\n    return {\n      t,\n      ns,\n      scrollbar,\n      wrapStyle,\n      dropdownTriggerKls,\n      dropdownSize,\n      triggerId,\n      currentTabId,\n      handleCurrentTabIdChange,\n      handlerMainButtonClick,\n      handleClose,\n      handleOpen,\n      handleBeforeShowTooltip,\n      handleShowTooltip,\n      handleBeforeHideTooltip,\n      popperRef,\n      contentRef,\n      triggeringElementRef,\n      referenceElementRef,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;CACE,QAAA,GAAA,IAAA,YAAA,GAAA,GAAA,IAAA,oBAuFM,OAAA,EAvFA,QAAA,GAAA,IAAA,gBAAK,CAAG,KAAA,GAAG,GAAC,EAAI,KAAA,GAAG,GAAE,YAAa,KAAA,SAAQ,CAAA,CAAA,EAAA,EAAA,EAAA,GAAA,IAAA,aAyDjC,uBAAA;EAvDX,KAAI;EACH,MAAM,KAAA;EACN,QAAQ,KAAA;EACR,uBAAqB,CAAA,UAAA,MAAA;EACrB,kBAAgB,KAAA;EAChB,oBAAkB;EAClB,WAAW,KAAA;EACX,gBAAY,CAAG,KAAA,GAAG,EAAC,SAAA,EAAY,KAAA,YAAW;EAC1C,gBAAc,KAAA;EACd,SAAS,KAAA;EACT,gBAAc,KAAA;EACd,qBAAmB,KAAA;EACnB,cAAY,KAAA;EACZ,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,cAAY,KAAA,YAAO,UAAe,KAAA,cAAW;EAC7C,eAAa,KAAA,cAAc,KAAA;EAC3B,sBAAoB,KAAA,qBAAqB,KAAA;EACzC,UAAU,KAAA;EACV,YAAU,GAAK,KAAA,GAAG,UAAU,MAAK;EACjC,YAAY,KAAA;EACZ,aAAW,KAAA;EACZ,MAAA;EACA,mBAAA;EACC,YAAY,KAAA;EACZ,cAAa,KAAA;EACb,QAAM,KAAA;EACN,cAAa,KAAA;;EAEH,UAAA,GAAA,IAAA,eAeM,EAAA,GAAA,IAAA,aAAA,yBAAA;GAbb,KAAI;GACH,cAAY,KAAA;GACb,KAAI;GACH,cAAY,KAAA,GAAG,EAAC,OAAA;;GAEjB,UAAA,GAAA,IAAA,eAOwB,EAAA,GAAA,IAAA,aAAA,kCAAA;IANrB,MAAM,KAAA;IACN,kBAAgB,KAAA;IACjB,aAAY;IACX,sBAAuB,KAAA;;IAExB,UAAA,GAAA,IAAA,eAAwB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;;;KAIb,CAAA,KAAA,cAAA;EAAc,MAAA;EAC7B,KAAA,GAAA,IAAA,eAOgB,EAAA,GAAA,IAAA,aAAA,0BAAA;GANb,IAAI,KAAA;GACL,KAAI;GACJ,MAAK;GACJ,UAAU,KAAA;;GAEX,UAAA,GAAA,IAAA,eAAuB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAIb,KAAA,gBAAA,GAAA,IAAA,YACd,GAAA,GAAA,IAAA,aA0BkB,4BAAA,EAAA,KAAA,GAAA,EAAA;EAzBhB,UAAA,GAAA,IAAA,eAUY,EAAA,GAAA,IAAA,aAAA,uBAAA,GAAA,IAAA,YAAA,EATV,KAAI,uBAAqB,EACjB,KAAA,aAAW;GAClB,MAAM,KAAA;GACN,MAAM,KAAA;GACN,UAAU,KAAA;GACV,UAAU,KAAA;GACV,SAAO,KAAA;;GAER,UAAA,GAAA,IAAA,eAAuB,EAAA,GAAA,IAAA,YAAA,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;2BAeb,uBAAA,GAAA,IAAA,YAAA;GAZT,IAAI,KAAA;GACL,KAAI;GACI,EAAA,KAAA,aAAW;GACnB,MAAK;GACJ,MAAM,KAAA;GACN,MAAM,KAAA;GACN,OAAO,KAAA,GAAG,EAAC,eAAA;GACX,UAAU,KAAA;GACV,UAAU,KAAA;GACV,cAAY,KAAA,EAAC,6BAAA;;GAEd,UAAA,GAAA,IAAA,eAAuD,EAAA,GAAA,IAAA,aAAA,oBAAA,EAA7C,QAAA,GAAA,IAAA,gBAAO,KAAA,GAAG,EAAC,OAAA,CAAA,EAAA,EAAA;IAAU,UAAA,GAAA,IAAA,eAAc,EAAA,GAAA,IAAA,aAAA,sBAAA,CAAA,CAAA"}

package/lib/components/focus-trap/src/focus-trap.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-trap.js","names":[],"sources":["../../../../../../packages/components/focus-trap/src/focus-trap.vue"],"sourcesContent":["<template>\n  <slot :handle-keydown=\"onKeydown\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useEscapeKeydown } from '@element-plus/hooks'\nimport { getEventCode, isString } from '@element-plus/utils'\nimport {\n  createFocusOutPreventedEvent,\n  focusFirstDescendant,\n  focusableStack,\n  getEdges,\n  isFocusCausedByUserEvent,\n  obtainAllFocusableElements,\n  tryFocus,\n  useFocusReason,\n} from './utils'\nimport {\n  FOCUS_AFTER_RELEASED,\n  FOCUS_AFTER_TRAPPED,\n  FOCUS_AFTER_TRAPPED_OPTS,\n  FOCUS_TRAP_INJECTION_KEY,\n  ON_RELEASE_FOCUS_EVT,\n  ON_TRAP_FOCUS_EVT,\n} from './tokens'\n\nimport type { PropType } from 'vue'\nimport type { FocusLayer } from './utils'\n\nexport default defineComponent({\n  name: 'ElFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n    focusTrapEl: Object as PropType<HTMLElement>,\n    focusStartEl: {\n      type: [Object, String] as PropType<'container' | 'first' | HTMLElement>,\n      default: 'first',\n    },\n  },\n  emits: [\n    ON_TRAP_FOCUS_EVT,\n    ON_RELEASE_FOCUS_EVT,\n    'focusin',\n    'focusout',\n    'focusout-prevented',\n    'release-requested',\n  ],\n  setup(props, { emit }) {\n    const forwardRef = ref<HTMLElement | undefined>()\n    let lastFocusBeforeTrapped: HTMLElement | null\n    let lastFocusAfterTrapped: HTMLElement | null\n\n    const { focusReason } = useFocusReason()\n\n    useEscapeKeydown((event) => {\n      if (props.trapped && !focusLayer.paused) {\n        emit('release-requested', event)\n      }\n    })\n\n    const focusLayer: FocusLayer = {\n      paused: false,\n      pause() {\n        this.paused = true\n      },\n      resume() {\n        this.paused = false\n      },\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      if (!props.loop && !props.trapped) return\n      if (focusLayer.paused) return\n\n      const { altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n      const { loop } = props\n      const code = getEventCode(e)\n      const isTabbing =\n        code === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n      const currentFocusingEl = document.activeElement\n      if (isTabbing && currentFocusingEl) {\n        const container = currentTarget as HTMLElement\n        const [first, last] = getEdges(container)\n        const isTabbable = first && last\n        if (!isTabbable) {\n          if (currentFocusingEl === container) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n            }\n          }\n        } else {\n          if (!shiftKey && currentFocusingEl === last) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n              if (loop) tryFocus(first, true)\n            }\n          } else if (\n            shiftKey &&\n            [first, container].includes(currentFocusingEl as HTMLElement)\n          ) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n              if (loop) tryFocus(last, true)\n            }\n          }\n        }\n      }\n    }\n\n    provide(FOCUS_TRAP_INJECTION_KEY, {\n      focusTrapRef: forwardRef,\n      onKeydown,\n    })\n\n    watch(\n      () => props.focusTrapEl,\n      (focusTrapEl) => {\n        if (focusTrapEl) {\n          forwardRef.value = focusTrapEl\n        }\n      },\n      { immediate: true }\n    )\n\n    watch([forwardRef], ([forwardRef], [oldForwardRef]) => {\n      if (forwardRef) {\n        forwardRef.addEventListener('keydown', onKeydown)\n        forwardRef.addEventListener('focusin', onFocusIn)\n        forwardRef.addEventListener('focusout', onFocusOut)\n      }\n      if (oldForwardRef) {\n        oldForwardRef.removeEventListener('keydown', onKeydown)\n        oldForwardRef.removeEventListener('focusin', onFocusIn)\n        oldForwardRef.removeEventListener('focusout', onFocusOut)\n      }\n    })\n\n    const trapOnFocus = (e: Event) => {\n      emit(ON_TRAP_FOCUS_EVT, e)\n    }\n    const releaseOnFocus = (e: Event) => emit(ON_RELEASE_FOCUS_EVT, e)\n\n    const onFocusIn = (e: FocusEvent) => {\n      const trapContainer = unref(forwardRef)\n      if (!trapContainer) return\n\n      const target = e.target as HTMLElement | null\n      const relatedTarget = e.relatedTarget as HTMLElement | null\n      const isFocusedInTrap = target && trapContainer.contains(target)\n\n      if (!props.trapped) {\n        const isPrevFocusedInTrap =\n          relatedTarget && trapContainer.contains(relatedTarget)\n        if (!isPrevFocusedInTrap) {\n          lastFocusBeforeTrapped = relatedTarget\n        }\n      }\n\n      if (isFocusedInTrap) emit('focusin', e)\n\n      if (focusLayer.paused) return\n\n      if (props.trapped) {\n        if (isFocusedInTrap) {\n          lastFocusAfterTrapped = target\n        } else {\n          tryFocus(lastFocusAfterTrapped, true)\n        }\n      }\n    }\n\n    const onFocusOut = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n\n      if (props.trapped) {\n        const relatedTarget = (e as FocusEvent)\n          .relatedTarget as HTMLElement | null\n        if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {\n          // Give embedded focus layer time to pause this layer before reclaiming focus\n          // And only reclaim focus if it should currently be trapping\n          setTimeout(() => {\n            if (!focusLayer.paused && props.trapped) {\n              const focusoutPreventedEvent = createFocusOutPreventedEvent({\n                focusReason: focusReason.value,\n              })\n              emit('focusout-prevented', focusoutPreventedEvent)\n              if (!focusoutPreventedEvent.defaultPrevented) {\n                tryFocus(lastFocusAfterTrapped, true)\n              }\n            }\n          }, 0)\n        }\n      } else {\n        const target = e.target as HTMLElement | null\n        const isFocusedInTrap = target && trapContainer.contains(target)\n        if (!isFocusedInTrap) emit('focusout', e)\n      }\n    }\n\n    async function startTrap() {\n      // Wait for forwardRef to resolve\n      await nextTick()\n      const trapContainer = unref(forwardRef)\n      if (trapContainer) {\n        focusableStack.push(focusLayer)\n        const prevFocusedElement = trapContainer.contains(\n          document.activeElement\n        )\n          ? lastFocusBeforeTrapped\n          : document.activeElement\n        lastFocusBeforeTrapped = prevFocusedElement as HTMLElement | null\n        const isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n        if (!isPrevFocusContained) {\n          const focusEvent = new Event(\n            FOCUS_AFTER_TRAPPED,\n            FOCUS_AFTER_TRAPPED_OPTS\n          )\n          trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n          trapContainer.dispatchEvent(focusEvent)\n          if (!focusEvent.defaultPrevented) {\n            nextTick(() => {\n              let focusStartEl = props.focusStartEl\n              if (!isString(focusStartEl)) {\n                tryFocus(focusStartEl)\n                if (document.activeElement !== focusStartEl) {\n                  focusStartEl = 'first'\n                }\n              }\n              if (focusStartEl === 'first') {\n                focusFirstDescendant(\n                  obtainAllFocusableElements(trapContainer),\n                  true\n                )\n              }\n              if (\n                document.activeElement === prevFocusedElement ||\n                focusStartEl === 'container'\n              ) {\n                tryFocus(trapContainer)\n              }\n            })\n          }\n        }\n      }\n    }\n\n    function stopTrap() {\n      const trapContainer = unref(forwardRef)\n\n      if (trapContainer) {\n        trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\n        const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {\n          ...FOCUS_AFTER_TRAPPED_OPTS,\n          detail: {\n            focusReason: focusReason.value,\n          },\n        })\n        trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n        trapContainer.dispatchEvent(releasedEvent)\n        if (\n          !releasedEvent.defaultPrevented &&\n          (focusReason.value == 'keyboard' ||\n            !isFocusCausedByUserEvent() ||\n            trapContainer.contains(document.activeElement))\n        ) {\n          tryFocus(lastFocusBeforeTrapped ?? document.body)\n        }\n\n        trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n        focusableStack.remove(focusLayer)\n        lastFocusBeforeTrapped = null\n        lastFocusAfterTrapped = null\n      }\n    }\n\n    onMounted(() => {\n      if (props.trapped) {\n        startTrap()\n      }\n\n      watch(\n        () => props.trapped,\n        (trapped) => {\n          if (trapped) {\n            startTrap()\n          } else {\n            stopTrap()\n          }\n        }\n      )\n    })\n\n    onBeforeUnmount(() => {\n      if (props.trapped) {\n        stopTrap()\n      }\n\n      if (forwardRef.value) {\n        forwardRef.value.removeEventListener('keydown', onKeydown)\n        forwardRef.value.removeEventListener('focusin', onFocusIn)\n        forwardRef.value.removeEventListener('focusout', onFocusOut)\n        forwardRef.value = undefined\n      }\n\n      lastFocusBeforeTrapped = null\n      lastFocusAfterTrapped = null\n    })\n\n    return {\n      onKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;4BACsC,KAAA,QAAA,WAAA,EAA7B,eAAgB,KAAA,WAAS,CAAA"}
+{"version":3,"file":"focus-trap.js","names":[],"sources":["../../../../../../packages/components/focus-trap/src/focus-trap.vue"],"sourcesContent":["<template>\n  <slot :handle-keydown=\"onKeydown\" />\n</template>\n\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  unref,\n  watch,\n} from 'vue'\nimport { isNil } from 'lodash-unified'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { useEscapeKeydown } from '@element-plus/hooks'\nimport { getEventCode, isString } from '@element-plus/utils'\nimport {\n  createFocusOutPreventedEvent,\n  focusFirstDescendant,\n  focusableStack,\n  getEdges,\n  isFocusCausedByUserEvent,\n  obtainAllFocusableElements,\n  tryFocus,\n  useFocusReason,\n} from './utils'\nimport {\n  FOCUS_AFTER_RELEASED,\n  FOCUS_AFTER_TRAPPED,\n  FOCUS_AFTER_TRAPPED_OPTS,\n  FOCUS_TRAP_INJECTION_KEY,\n  ON_RELEASE_FOCUS_EVT,\n  ON_TRAP_FOCUS_EVT,\n} from './tokens'\n\nimport type { PropType } from 'vue'\nimport type { FocusLayer } from './utils'\n\nexport default defineComponent({\n  name: 'ElFocusTrap',\n  inheritAttrs: false,\n  props: {\n    loop: Boolean,\n    trapped: Boolean,\n    focusTrapEl: Object as PropType<HTMLElement>,\n    focusStartEl: {\n      type: [Object, String] as PropType<'container' | 'first' | HTMLElement>,\n      default: 'first',\n    },\n  },\n  emits: [\n    ON_TRAP_FOCUS_EVT,\n    ON_RELEASE_FOCUS_EVT,\n    'focusin',\n    'focusout',\n    'focusout-prevented',\n    'release-requested',\n  ],\n  setup(props, { emit }) {\n    const forwardRef = ref<HTMLElement | undefined>()\n    let lastFocusBeforeTrapped: HTMLElement | null\n    let lastFocusAfterTrapped: HTMLElement | null\n\n    const { focusReason } = useFocusReason()\n\n    useEscapeKeydown((event) => {\n      if (props.trapped && !focusLayer.paused) {\n        emit('release-requested', event)\n      }\n    })\n\n    const focusLayer: FocusLayer = {\n      paused: false,\n      pause() {\n        this.paused = true\n      },\n      resume() {\n        this.paused = false\n      },\n    }\n\n    const onKeydown = (e: KeyboardEvent) => {\n      if (!props.loop && !props.trapped) return\n      if (focusLayer.paused) return\n\n      const { altKey, ctrlKey, metaKey, currentTarget, shiftKey } = e\n      const { loop } = props\n      const code = getEventCode(e)\n      const isTabbing =\n        code === EVENT_CODE.tab && !altKey && !ctrlKey && !metaKey\n\n      const currentFocusingEl = document.activeElement\n      if (isTabbing && currentFocusingEl) {\n        const container = currentTarget as HTMLElement\n        const [first, last] = getEdges(container)\n        const isTabbable = first && last\n        if (!isTabbable) {\n          if (currentFocusingEl === container) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n            }\n          }\n        } else {\n          if (!shiftKey && currentFocusingEl === last) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n              if (loop) tryFocus(first, true)\n            }\n          } else if (\n            shiftKey &&\n            [first, container].includes(currentFocusingEl as HTMLElement)\n          ) {\n            const focusoutPreventedEvent = createFocusOutPreventedEvent({\n              focusReason: focusReason.value,\n            })\n            emit('focusout-prevented', focusoutPreventedEvent)\n            if (!focusoutPreventedEvent.defaultPrevented) {\n              e.preventDefault()\n              if (loop) tryFocus(last, true)\n            }\n          }\n        }\n      }\n    }\n\n    provide(FOCUS_TRAP_INJECTION_KEY, {\n      focusTrapRef: forwardRef,\n      onKeydown,\n    })\n\n    watch(\n      () => props.focusTrapEl,\n      (focusTrapEl) => {\n        if (focusTrapEl) {\n          forwardRef.value = focusTrapEl\n        }\n      },\n      { immediate: true }\n    )\n\n    watch([forwardRef], ([forwardRef], [oldForwardRef]) => {\n      if (forwardRef) {\n        forwardRef.addEventListener('keydown', onKeydown)\n        forwardRef.addEventListener('focusin', onFocusIn)\n        forwardRef.addEventListener('focusout', onFocusOut)\n      }\n      if (oldForwardRef) {\n        oldForwardRef.removeEventListener('keydown', onKeydown)\n        oldForwardRef.removeEventListener('focusin', onFocusIn)\n        oldForwardRef.removeEventListener('focusout', onFocusOut)\n      }\n    })\n\n    const trapOnFocus = (e: Event) => {\n      emit(ON_TRAP_FOCUS_EVT, e)\n    }\n    const releaseOnFocus = (e: Event) => emit(ON_RELEASE_FOCUS_EVT, e)\n\n    const onFocusIn = (e: FocusEvent) => {\n      const trapContainer = unref(forwardRef)\n      if (!trapContainer) return\n\n      const target = e.target as HTMLElement | null\n      const relatedTarget = e.relatedTarget as HTMLElement | null\n      const isFocusedInTrap = target && trapContainer.contains(target)\n\n      if (!props.trapped) {\n        const isPrevFocusedInTrap =\n          relatedTarget && trapContainer.contains(relatedTarget)\n        if (!isPrevFocusedInTrap) {\n          lastFocusBeforeTrapped = relatedTarget\n        }\n      }\n\n      if (isFocusedInTrap) emit('focusin', e)\n\n      if (focusLayer.paused) return\n\n      if (props.trapped) {\n        if (isFocusedInTrap) {\n          lastFocusAfterTrapped = target\n        } else {\n          tryFocus(lastFocusAfterTrapped, true)\n        }\n      }\n    }\n\n    const onFocusOut = (e: Event) => {\n      const trapContainer = unref(forwardRef)\n      if (focusLayer.paused || !trapContainer) return\n\n      if (props.trapped) {\n        const relatedTarget = (e as FocusEvent)\n          .relatedTarget as HTMLElement | null\n        if (!isNil(relatedTarget) && !trapContainer.contains(relatedTarget)) {\n          // Give embedded focus layer time to pause this layer before reclaiming focus\n          // And only reclaim focus if it should currently be trapping\n          setTimeout(() => {\n            if (!focusLayer.paused && props.trapped) {\n              const focusoutPreventedEvent = createFocusOutPreventedEvent({\n                focusReason: focusReason.value,\n              })\n              emit('focusout-prevented', focusoutPreventedEvent)\n              if (!focusoutPreventedEvent.defaultPrevented) {\n                tryFocus(lastFocusAfterTrapped, true)\n              }\n            }\n          }, 0)\n        }\n      } else {\n        const target = e.target as HTMLElement | null\n        const isFocusedInTrap = target && trapContainer.contains(target)\n        if (!isFocusedInTrap) emit('focusout', e)\n      }\n    }\n\n    async function startTrap() {\n      // Wait for forwardRef to resolve\n      await nextTick()\n      const trapContainer = unref(forwardRef)\n      if (trapContainer) {\n        focusableStack.push(focusLayer)\n        const prevFocusedElement = trapContainer.contains(\n          document.activeElement\n        )\n          ? lastFocusBeforeTrapped\n          : document.activeElement\n        lastFocusBeforeTrapped = prevFocusedElement as HTMLElement | null\n        const isPrevFocusContained = trapContainer.contains(prevFocusedElement)\n        if (!isPrevFocusContained) {\n          const focusEvent = new Event(\n            FOCUS_AFTER_TRAPPED,\n            FOCUS_AFTER_TRAPPED_OPTS\n          )\n          trapContainer.addEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n          trapContainer.dispatchEvent(focusEvent)\n          if (!focusEvent.defaultPrevented) {\n            nextTick(() => {\n              let focusStartEl = props.focusStartEl\n              if (!isString(focusStartEl)) {\n                tryFocus(focusStartEl)\n                if (document.activeElement !== focusStartEl) {\n                  focusStartEl = 'first'\n                }\n              }\n              if (focusStartEl === 'first') {\n                focusFirstDescendant(\n                  obtainAllFocusableElements(trapContainer),\n                  true\n                )\n              }\n              if (\n                document.activeElement === prevFocusedElement ||\n                focusStartEl === 'container'\n              ) {\n                tryFocus(trapContainer)\n              }\n            })\n          }\n        }\n      }\n    }\n\n    function stopTrap() {\n      const trapContainer = unref(forwardRef)\n\n      if (trapContainer) {\n        trapContainer.removeEventListener(FOCUS_AFTER_TRAPPED, trapOnFocus)\n\n        const releasedEvent = new CustomEvent(FOCUS_AFTER_RELEASED, {\n          ...FOCUS_AFTER_TRAPPED_OPTS,\n          detail: {\n            focusReason: focusReason.value,\n          },\n        })\n        trapContainer.addEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n        trapContainer.dispatchEvent(releasedEvent)\n        if (\n          !releasedEvent.defaultPrevented &&\n          (focusReason.value == 'keyboard' ||\n            !isFocusCausedByUserEvent() ||\n            trapContainer.contains(document.activeElement))\n        ) {\n          tryFocus(lastFocusBeforeTrapped ?? document.body)\n        }\n\n        trapContainer.removeEventListener(FOCUS_AFTER_RELEASED, releaseOnFocus)\n        focusableStack.remove(focusLayer)\n        lastFocusBeforeTrapped = null\n        lastFocusAfterTrapped = null\n      }\n    }\n\n    onMounted(() => {\n      if (props.trapped) {\n        startTrap()\n      }\n\n      watch(\n        () => props.trapped,\n        (trapped) => {\n          if (trapped) {\n            startTrap()\n          } else {\n            stopTrap()\n          }\n        }\n      )\n    })\n\n    onBeforeUnmount(() => {\n      if (props.trapped) {\n        stopTrap()\n      }\n\n      if (forwardRef.value) {\n        forwardRef.value.removeEventListener('keydown', onKeydown)\n        forwardRef.value.removeEventListener('focusin', onFocusIn)\n        forwardRef.value.removeEventListener('focusout', onFocusOut)\n        forwardRef.value = undefined\n      }\n\n      lastFocusBeforeTrapped = null\n      lastFocusAfterTrapped = null\n    })\n\n    return {\n      onKeydown,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;CACE,QAAA,GAAA,IAAA,YAAoC,KAAA,QAAA,WAAA,EAA7B,eAAgB,KAAA,WAAS,CAAA"}

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

@@ -70,7 +70,7 @@ declare const formItemProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "right" | "left" | "top", unknown, "", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "left" | "right" | "top", unknown, "", boolean>;
   readonly prop: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | string[]) | (() => FormItemProp) | (((new (...args: any[]) => string | string[]) | (() => FormItemProp)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -86,7 +86,7 @@ declare const formItemProps: {
   };
   readonly error: StringConstructor;
   readonly validateStatus: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "success" | "error" | "validating", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/form/src/form-item.vue.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_base: _$vue.DefineComponent<FormItemProps, {
   /**
    * @description Validation state.
    */
-  validateState: _$vue.Ref<"" | "error" | "success" | "validating", "" | "error" | "success" | "validating">;
+  validateState: _$vue.Ref<"" | "success" | "error" | "validating", "" | "success" | "error" | "validating">;
   /**
    * @description Validate form item.
    */

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

@@ -98,8 +98,8 @@ declare const formProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly labelPosition: EpPropFinalized<StringConstructor, "right" | "left" | "top", unknown, "right", boolean>;
-  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
   readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly inline: BooleanConstructor;

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

@@ -86,7 +86,7 @@ interface ImageProps {
 declare const imageProps: {
   readonly hideOnClickModal: BooleanConstructor;
   readonly src: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly fit: EpPropFinalized<StringConstructor, "" | "none" | "fill" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
+  readonly fit: EpPropFinalized<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown, "", boolean>;
   readonly loading: {
     readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "lazy" | "eager", unknown>>;
     readonly required: false;

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

@@ -36,21 +36,21 @@ declare const __VLS_base: _$vue.DefineComponent<ImageProps, {
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  load: (evt: Event) => void;
   show: () => void;
+  load: (evt: Event) => void;
   switch: (val: number) => void;
 }, string, _$vue.PublicProps, Readonly<ImageProps> & Readonly<{
   onClose?: (() => any) | undefined;
   onError?: ((evt: Event) => any) | undefined;
-  onLoad?: ((evt: Event) => any) | undefined;
   onShow?: (() => any) | undefined;
+  onLoad?: ((evt: Event) => any) | undefined;
   onSwitch?: ((val: number) => any) | undefined;
 }>, {
-  initialIndex: number;
   infinite: boolean;
   scale: number;
   src: string;
   fit: ImageFitType;
+  initialIndex: number;
   closeOnPressEscape: boolean;
   previewSrcList: string[];
   zoomRate: number;

package/lib/components/image-viewer/src/image-viewer.vue.d.ts

@@ -46,9 +46,9 @@ declare const __VLS_base: _$vue.DefineComponent<ImageViewerProps, {
   onRotate?: ((deg: number) => any) | undefined;
   onSwitch?: ((index: number) => any) | undefined;
 }>, {
-  initialIndex: number;
   infinite: boolean;
   scale: number;
+  initialIndex: number;
   closeOnPressEscape: boolean;
   zoomRate: number;
   minScale: number;