@element-plus/nightly 0.0.20260719 → 0.0.20260721

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

@@ -1,7 +1,7 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { Arrayable } from "../../../utils/typescript.js";
+import { Arrayable, ClassValue } from "../../../utils/typescript.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
 import { Measurable } from "../../popper/src/constants.js";
 import { PopperEffect, PopperInstance, roleTypes } from "../../popper/src/popper.js";
@@ -21,7 +21,7 @@ import { CSSProperties } from "vue";
 declare const _default: typeof __VLS_export;
 declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -43,7 +43,7 @@ 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[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -60,108 +60,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  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, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
@@ -202,7 +101,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollbar: _$vue.Ref<null, null>;
   wrapStyle: _$vue.ComputedRef<CSSProperties>;
   dropdownTriggerKls: _$vue.ComputedRef<string[]>;
-  dropdownSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  dropdownSize: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   triggerId: _$vue.ComputedRef<string>;
   currentTabId: _$vue.Ref<string | null, string | null>;
   handleCurrentTabIdChange: (id: string) => void;
@@ -216,9 +115,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   contentRef: _$vue.Ref<HTMLElement | undefined, HTMLElement | undefined>;
   triggeringElementRef: _$vue.Ref<any, any>;
   referenceElementRef: _$vue.Ref<any, any>;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("click" | "command" | "visible-change")[], "click" | "command" | "visible-change", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("visible-change" | "click" | "command")[], "visible-change" | "click" | "command", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"click" | "contextmenu" | "hover">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -240,7 +139,7 @@ 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[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -257,108 +156,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 150, boolean>;
   readonly tabindex: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 0, boolean>;
   readonly maxHeight: EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, "", boolean>;
-  readonly popperClass: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (((new (...args: any[]) => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[]) | (() => string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | (string | {
-      [x: string]: boolean;
-    } | /*elided*/any)[])[])[])[])[])[])[])[])[])[])[])) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  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, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown, "menu", boolean>;
@@ -378,25 +176,26 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
   onClick?: ((...args: any[]) => any) | undefined;
-  onCommand?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
+  onCommand?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly role: EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
   readonly disabled: boolean;
   readonly size: string;
-  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 persistent: EpPropMergeType<BooleanConstructor, 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 virtualTriggering: boolean;
   readonly loop: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], unknown, unknown>;
   readonly popperOptions: Partial<Options>;
+  readonly maxHeight: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  readonly role: EpPropMergeType<StringConstructor, "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree", unknown>;
   readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly trigger: Arrayable<"click" | "contextmenu" | "hover">;
+  readonly trigger: Arrayable<"click" | "hover" | "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>;
   readonly showTimeout: number;
   readonly hideTimeout: number;
@@ -407,23 +206,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-      type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, _$vue.PublicProps, {
-      type: ButtonType;
       disabled: boolean;
       text: boolean;
+      type: ButtonType;
       round: boolean;
       dashed: boolean;
-      tag: string | _$vue.Component;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -435,21 +234,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClick?: ((evt: MouseEvent) => any) | undefined;
     }>, {
       ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-      size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-      type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+      type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
-      type: ButtonType;
       disabled: boolean;
       text: boolean;
+      type: ButtonType;
       round: boolean;
       dashed: boolean;
-      tag: string | _$vue.Component;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
+      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -458,23 +257,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClick?: ((evt: MouseEvent) => any) | undefined;
   }>, {
     ref: _$vue.Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
-    size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-    type: _$vue.ComputedRef<"default" | "" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+    size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
+    type: _$vue.ComputedRef<"" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
-    type: ButtonType;
     disabled: boolean;
     text: boolean;
+    type: ButtonType;
     round: boolean;
     dashed: boolean;
-    tag: string | _$vue.Component;
     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;
@@ -485,9 +284,9 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   }) & _$vue.ObjectPlugin & {
     setPropsDefaults: (defaults: {
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
+      readonly size?: "" | "small" | "default" | "large" | (() => "" | "small" | "default" | "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?: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger" | (() => "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -525,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: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
       direction: "horizontal" | "vertical";
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -535,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: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
       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: "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger";
     direction: "horizontal" | "vertical";
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -573,14 +372,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
+      tabindex: number | string;
       height: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
-      maxHeight: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      wrapClass: string | string[];
-      viewClass: string | string[];
+      wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+      viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       minSize: number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -607,14 +406,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
+      tabindex: number | string;
       height: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
-      tabindex: number | string;
-      maxHeight: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
-      wrapClass: string | string[];
-      viewClass: string | string[];
+      wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+      viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       minSize: number;
     }>;
@@ -644,14 +443,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
+    tabindex: number | string;
     height: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
-    tabindex: number | string;
-    maxHeight: number | string;
     distance: number;
+    maxHeight: number | string;
     wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
-    wrapClass: string | string[];
-    viewClass: string | string[];
+    wrapClass: string | false | Record<string, any> | ClassValue[] | null;
+    viewClass: string | false | Record<string, any> | ClassValue[] | null;
     viewStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     minSize: number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
@@ -686,30 +485,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
       visible: boolean | null;
-      role: typeof roleTypes[number];
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      offset: number;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      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: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
-      showArrow: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -737,30 +537,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
       visible: boolean | null;
-      role: typeof roleTypes[number];
-      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
       content: string;
-      offset: number;
+      style: string | false | CSSProperties | _$vue.StyleValue[] | null;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      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: "absolute" | "fixed";
+      strategy: "fixed" | "absolute";
       arrowOffset: number;
-      showArrow: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
+      role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -793,30 +594,31 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-hide": (...args: any[]) => void;
   }, string, {
     visible: boolean | null;
-    role: typeof roleTypes[number];
-    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
     content: string;
-    offset: number;
+    style: string | false | CSSProperties | _$vue.StyleValue[] | null;
+    popperClass: string | false | Record<string, any> | ClassValue[] | null;
+    popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     teleported: boolean;
     effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
-    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: "absolute" | "fixed";
+    strategy: "fixed" | "absolute";
     arrowOffset: number;
-    showArrow: boolean;
     showAfter: number;
     hideAfter: number;
     autoClose: number;
+    role: typeof roleTypes[number];
+    showArrow: boolean;
     trigger: Arrayable<TooltipTriggerType>;
     triggerKeys: string[];
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {

package/lib/components/focus-trap/src/focus-trap.vue.d.ts

@@ -31,7 +31,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>, {
   loop: boolean;
   trapped: boolean;
-  focusStartEl: "first" | HTMLElement | "container";
+  focusStartEl: HTMLElement | "first" | "container";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

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

@@ -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;
@@ -95,7 +95,7 @@ declare const formItemProps: {
   readonly inlineMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly showMessage: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -19,7 +19,7 @@ declare const __VLS_base: _$vue.DefineComponent<FormItemProps, {
   /**
    * @description Form item size.
    */
-  size: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  size: _$vue.ComputedRef<"" | "small" | "default" | "large">;
   /**
    * @description Validation message.
    */
@@ -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.
    */