@element-plus/nightly 0.0.20260623 → 0.0.20260625

package/es/components/dropdown/src/dropdown.d.ts

@@ -22,7 +22,7 @@ interface IElDropdownInstance {
 }
 declare const dropdownProps: {
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -44,12 +44,12 @@ declare const dropdownProps: {
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "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[]) => "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$1) | (((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$1)) | null)[], unknown, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "right" | "left" | "auto" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | 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>;

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

@@ -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<"hover" | "click" | "contextmenu">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -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" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "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[]) => "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, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "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[]) => "right" | "left" | "auto" | "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, "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>;
@@ -218,7 +218,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   referenceElementRef: _$vue.Ref<any, any>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("visible-change" | "click" | "command")[], "visible-change" | "click" | "command", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly trigger: {
-    readonly type: _$vue.PropType<Arrayable<"hover" | "click" | "contextmenu">>;
+    readonly type: _$vue.PropType<Arrayable<"click" | "hover" | "contextmenu">>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;
@@ -240,12 +240,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     readonly __epPropKey: true;
   };
   readonly type: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (((new (...args: any[]) => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger")) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (((new (...args: any[]) => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | (() => "" | "primary" | "default" | "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[]) => "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, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "auto" | "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[]) => "right" | "left" | "auto" | "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, "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>;
@@ -381,22 +381,22 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
   onCommand?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly disabled: boolean;
   readonly size: string;
+  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 disabled: boolean;
   readonly popperStyle: _$vue.StyleValue;
-  readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   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 placement: EpPropMergeType<(new (...args: any[]) => "right" | "left" | "auto" | "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[]) => "right" | "left" | "auto" | "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 showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  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 trigger: Arrayable<"hover" | "click" | "contextmenu">;
+  readonly showArrow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  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;
@@ -408,7 +408,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" | "primary" | "success" | "warning" | "info" | "danger">;
+      type: _$vue.ComputedRef<"primary" | "" | "default" | "success" | "info" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -416,6 +416,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }, _$vue.PublicProps, {
       disabled: boolean;
       type: ButtonType;
+      tag: string | _$vue.Component;
       text: boolean;
       round: boolean;
       dashed: boolean;
@@ -423,7 +424,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | _$vue.Component;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -436,12 +436,13 @@ 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" | "primary" | "success" | "warning" | "info" | "danger">;
+      type: _$vue.ComputedRef<"primary" | "" | "default" | "success" | "info" | "warning" | "danger" | "text">;
       disabled: _$vue.ComputedRef<boolean>;
       shouldAddSpace: _$vue.ComputedRef<boolean>;
     }, {}, {}, {}, {
       disabled: boolean;
       type: ButtonType;
+      tag: string | _$vue.Component;
       text: boolean;
       round: boolean;
       dashed: boolean;
@@ -449,7 +450,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | _$vue.Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -459,7 +459,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" | "primary" | "success" | "warning" | "info" | "danger">;
+    type: _$vue.ComputedRef<"primary" | "" | "default" | "success" | "info" | "warning" | "danger" | "text">;
     disabled: _$vue.ComputedRef<boolean>;
     shouldAddSpace: _$vue.ComputedRef<boolean>;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
@@ -467,6 +467,7 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   }, string, {
     disabled: boolean;
     type: ButtonType;
+    tag: string | _$vue.Component;
     text: boolean;
     round: boolean;
     dashed: boolean;
@@ -474,7 +475,6 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     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;
@@ -487,7 +487,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" | "primary" | "success" | "warning" | "info" | "danger" | (() => "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger") | undefined;
+      readonly type?: "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text" | (() => "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text") | undefined;
       readonly icon?: string | _$vue.FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -525,7 +525,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" | "primary" | "success" | "warning" | "info" | "danger";
+      type: "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text";
       direction: "horizontal" | "vertical";
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -535,14 +535,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<ButtonGroupProps> & Readonly<{}>, {}, {}, {}, {}, {
-      type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
+      type: "" | "primary" | "default" | "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" | "primary" | "success" | "warning" | "info" | "danger";
+    type: "" | "primary" | "default" | "success" | "info" | "warning" | "danger" | "text";
     direction: "horizontal" | "vertical";
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -574,10 +574,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
       tabindex: number | string;
-      height: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
+      height: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -608,10 +608,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       handleScroll: () => void;
     }, {}, {}, {}, {
       tabindex: number | string;
-      height: number | string;
-      maxHeight: number | string;
       tag: keyof HTMLElementTagNameMap | (string & {});
+      height: number | string;
       distance: number;
+      maxHeight: number | string;
       wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | string[];
       viewClass: string | string[];
@@ -645,10 +645,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
     tabindex: number | string;
-    height: number | string;
-    maxHeight: number | string;
     tag: keyof HTMLElementTagNameMap | (string & {});
+    height: number | string;
     distance: number;
+    maxHeight: number | string;
     wrapStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | string[];
     viewClass: string | string[];
@@ -664,10 +664,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onShow?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -680,10 +680,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       show: (...args: any[]) => void;
       hide: (...args: any[]) => void;
       open: (...args: any[]) => void;
+      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
-      close: (...args: any[]) => void;
     }, _$vue.PublicProps, {
       popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
@@ -708,8 +708,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       showAfter: number;
       hideAfter: number;
       autoClose: number;
-      showArrow: boolean;
       role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
@@ -723,10 +723,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onShow?: ((...args: any[]) => any) | undefined;
       onHide?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-      onClose?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -759,8 +759,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       showAfter: number;
       hideAfter: number;
       autoClose: number;
-      showArrow: boolean;
       role: typeof roleTypes[number];
+      showArrow: boolean;
       trigger: Arrayable<TooltipTriggerType>;
       triggerKeys: string[];
     }>;
@@ -771,10 +771,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
   }>, {
     popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
     contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -787,10 +787,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     show: (...args: any[]) => void;
     hide: (...args: any[]) => void;
     open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
-    close: (...args: any[]) => void;
   }, string, {
     popperStyle: string | false | CSSProperties | _$vue.StyleValue[] | null;
     teleported: boolean;
@@ -815,8 +815,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     showAfter: number;
     hideAfter: number;
     autoClose: number;
-    showArrow: boolean;
     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/es/components/dropdown/style/css.mjs

@@ -1,6 +1,6 @@
 import "../../base/style/css.mjs";
-import "../../popper/style/css.mjs";
 import "../../scrollbar/style/css.mjs";
-import "../../button-group/style/css.mjs";
+import "../../popper/style/css.mjs";
 import "../../button/style/css.mjs";
+import "../../button-group/style/css.mjs";
 import "@element-plus/nightly/theme-chalk/el-dropdown.css";

package/es/components/dropdown/style/index.mjs

@@ -1,6 +1,6 @@
 import "../../base/style/index.mjs";
-import "../../popper/style/index.mjs";
 import "../../scrollbar/style/index.mjs";
-import "../../button-group/style/index.mjs";
+import "../../popper/style/index.mjs";
 import "../../button/style/index.mjs";
+import "../../button-group/style/index.mjs";
 import "@element-plus/nightly/theme-chalk/src/dropdown.scss";

package/es/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, "" | "left" | "right" | "top", unknown, "", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "" | "right" | "left" | "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;

package/es/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, "left" | "right" | "top", unknown, "right", boolean>;
-  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "left" | "right", unknown, "left", boolean>;
+  readonly labelPosition: EpPropFinalized<StringConstructor, "right" | "left" | "top", unknown, "right", boolean>;
+  readonly requireAsteriskPosition: EpPropFinalized<StringConstructor, "right" | "left", unknown, "left", boolean>;
   readonly labelWidth: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
   readonly labelSuffix: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly inline: BooleanConstructor;

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

@@ -47,8 +47,8 @@ declare const __VLS_base: _$vue.DefineComponent<ImageProps, {
   onSwitch?: ((val: number) => any) | undefined;
 }>, {
   infinite: boolean;
-  scale: number;
   closeOnPressEscape: boolean;
+  scale: number;
   src: string;
   fit: ImageFitType;
   previewSrcList: string[];

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

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

package/es/components/input/src/input.vue.d.ts

@@ -32,9 +32,9 @@ declare const __VLS_base: _$vue.DefineComponent<InputProps, {
   clear: (evt?: MouseEvent) => void; /** @description resize textarea. */
   resizeTextarea: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  change: (value: string, evt?: Event | undefined) => void;
   clear: (evt: MouseEvent | undefined) => void;
   "update:modelValue": (value: string) => void;
-  change: (value: string, evt?: Event | undefined) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   input: (value: string) => void;
@@ -45,9 +45,9 @@ declare const __VLS_base: _$vue.DefineComponent<InputProps, {
   compositionupdate: (evt: CompositionEvent) => void;
   compositionend: (evt: CompositionEvent) => void;
 }, string, _$vue.PublicProps, Readonly<InputProps> & Readonly<{
+  onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
   onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onChange?: ((value: string, evt?: Event | undefined) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onInput?: ((value: string) => any) | undefined;
@@ -58,11 +58,11 @@ declare const __VLS_base: _$vue.DefineComponent<InputProps, {
   onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
   onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
 }>, {
-  modelValue: string | number | null;
   disabled: boolean;
+  type: InputType;
+  modelValue: string | number | null;
   tabindex: string | number;
   validateEvent: boolean;
-  type: InputType;
   modelModifiers: InputModelModifiers;
   autocomplete: string;
   clearIcon: IconPropType;

package/es/components/input-number/src/input-number.d.ts

@@ -107,7 +107,7 @@ interface InputNumberProps {
  */
 declare const inputNumberProps: {
   readonly inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
-  readonly align: EpPropFinalized<(new (...args: any[]) => "center" | "left" | "right") | (() => "center" | "left" | "right") | (((new (...args: any[]) => "center" | "left" | "right") | (() => "center" | "left" | "right")) | null)[], unknown, unknown, "center", boolean>;
+  readonly align: EpPropFinalized<(new (...args: any[]) => "right" | "left" | "center") | (() => "right" | "left" | "center") | (((new (...args: any[]) => "right" | "left" | "center") | (() => "right" | "left" | "center")) | null)[], unknown, unknown, "center", boolean>;
   readonly disabledScientific: BooleanConstructor;
   readonly formatter: {
     readonly type: _$vue.PropType<Function>;
@@ -144,7 +144,7 @@ declare const inputNumberProps: {
   };
   readonly controls: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly controlsPosition: EpPropFinalized<StringConstructor, "" | "right", unknown, "", boolean>;
-  readonly valueOnClear: EpPropFinalized<(new (...args: any[]) => number | "max" | "min") | (() => number | "max" | "min" | null) | (((new (...args: any[]) => number | "max" | "min") | (() => number | "max" | "min" | null)) | null)[], unknown, unknown, null, boolean>;
+  readonly valueOnClear: EpPropFinalized<(new (...args: any[]) => number | "min" | "max") | (() => number | "min" | "max" | null) | (((new (...args: any[]) => number | "min" | "max") | (() => number | "min" | "max" | null)) | null)[], unknown, unknown, null, boolean>;
   readonly name: StringConstructor;
   readonly placeholder: StringConstructor;
   readonly precision: {

package/es/components/input-number/src/input-number.vue.d.ts

@@ -16,30 +16,30 @@ declare const __VLS_base: _$vue.DefineComponent<InputNumberProps, {
   /** @description get focus the input component */focus: () => void; /** @description remove focus the input component */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: number | undefined) => void;
   change: (cur: number | undefined, prev: number | undefined) => void;
+  "update:modelValue": (val: number | undefined) => void;
   focus: (e: FocusEvent) => void;
   blur: (e: FocusEvent) => void;
   input: (val: number | null | undefined) => void;
 }, string, _$vue.PublicProps, Readonly<InputNumberProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
   onChange?: ((cur: number | undefined, prev: number | undefined) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
   onFocus?: ((e: FocusEvent) => any) | undefined;
   onBlur?: ((e: FocusEvent) => any) | undefined;
   onInput?: ((val: number | null | undefined) => any) | undefined;
 }>, {
-  id: string;
   disabled: boolean;
+  id: string;
   tabindex: string | number;
   validateEvent: boolean;
+  min: number;
+  max: number;
   valueOnClear: "min" | "max" | number | null;
   readonly: boolean;
   inputmode: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
   align: "left" | "right" | "center";
   step: number;
   stepStrictly: boolean;
-  max: number;
-  min: number;
   controls: boolean;
   controlsPosition: "" | "right";
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/input-otp/src/input-otp.d.ts

@@ -33,7 +33,7 @@ interface InputOtpProps extends Pick<AriaProps, 'ariaLabel'> {
   type?: 'outlined' | 'filled' | 'underlined';
   /**
    * @description The size of the OTP fields
-   * @default 'default'
+   * @default undefined
    */
   size?: ComponentSize;
   /**

package/es/components/input-otp/src/input-otp.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-otp.mjs","names":[],"sources":["../../../../../../packages/components/input-otp/src/input-otp.ts"],"sourcesContent":["import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isString } from '@element-plus/utils'\n\nimport type { InputHTMLAttributes, VNode } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { AriaProps } from '@element-plus/hooks'\n\nexport interface InputOtpProps extends Pick<AriaProps, 'ariaLabel'> {\n  /**\n   * @description The value of the OTP fields.\n   *\n   * Since numbers must not have leading zeros, `modelValue` is allowed to be a number only during initialization.\n   *\n   * @default undefined\n   */\n  modelValue?: string | number\n  /**\n   * @description The OTP fields length\n   * @default 6\n   */\n  length?: number\n  /**\n   * @description Custom validator function\n   * @default () => true\n   */\n  validator?: (char: string, index: number) => boolean\n  /**\n   * @description Native input mode for virtual keyboards\n   */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /**\n   * @description The type of the OTP fields\n   * @default 'outlined'\n   */\n  type?: 'outlined' | 'filled' | 'underlined'\n  /**\n   * @description The size of the OTP fields\n   * @default 'default'\n   */\n  size?: ComponentSize\n  /**\n   * @description Whether to enable password mode\n   */\n  mask?: boolean\n  /**\n   * @description Whether the OTP fields are disabled\n   * @default undefined\n   */\n  disabled?: boolean\n  /**\n   * @description Same as `readonly` in native input\n   */\n  readonly?: boolean\n  /**\n   * @description Same as `id` in native input\n   */\n  id?: string\n  /**\n   * @description Whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description The separator between OTP fields\n   */\n  separator?: string | VNode | ((index: number) => string | VNode)\n}\n\nexport const inputOtpEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  [CHANGE_EVENT]: (value: string) => isString(value),\n  finish: (value: string) => isString(value),\n  focus: (eve: FocusEvent) => eve instanceof FocusEvent,\n  blur: (eve: FocusEvent) => eve instanceof FocusEvent,\n}\n\nexport type InputOtpEmits = typeof inputOtpEmits\n"],"mappings":";;;AAmEA,MAAa,gBAAgB;EAC1B,sBAAsB,UAAkB,SAAS,MAAM;EACvD,gBAAgB,UAAkB,SAAS,MAAM;CAClD,SAAS,UAAkB,SAAS,MAAM;CAC1C,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC3C"}
+{"version":3,"file":"input-otp.mjs","names":[],"sources":["../../../../../../packages/components/input-otp/src/input-otp.ts"],"sourcesContent":["import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { isString } from '@element-plus/utils'\n\nimport type { InputHTMLAttributes, VNode } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { AriaProps } from '@element-plus/hooks'\n\nexport interface InputOtpProps extends Pick<AriaProps, 'ariaLabel'> {\n  /**\n   * @description The value of the OTP fields.\n   *\n   * Since numbers must not have leading zeros, `modelValue` is allowed to be a number only during initialization.\n   *\n   * @default undefined\n   */\n  modelValue?: string | number\n  /**\n   * @description The OTP fields length\n   * @default 6\n   */\n  length?: number\n  /**\n   * @description Custom validator function\n   * @default () => true\n   */\n  validator?: (char: string, index: number) => boolean\n  /**\n   * @description Native input mode for virtual keyboards\n   */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /**\n   * @description The type of the OTP fields\n   * @default 'outlined'\n   */\n  type?: 'outlined' | 'filled' | 'underlined'\n  /**\n   * @description The size of the OTP fields\n   * @default undefined\n   */\n  size?: ComponentSize\n  /**\n   * @description Whether to enable password mode\n   */\n  mask?: boolean\n  /**\n   * @description Whether the OTP fields are disabled\n   * @default undefined\n   */\n  disabled?: boolean\n  /**\n   * @description Same as `readonly` in native input\n   */\n  readonly?: boolean\n  /**\n   * @description Same as `id` in native input\n   */\n  id?: string\n  /**\n   * @description Whether to trigger form validation\n   */\n  validateEvent?: boolean\n  /**\n   * @description The separator between OTP fields\n   */\n  separator?: string | VNode | ((index: number) => string | VNode)\n}\n\nexport const inputOtpEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  [CHANGE_EVENT]: (value: string) => isString(value),\n  finish: (value: string) => isString(value),\n  focus: (eve: FocusEvent) => eve instanceof FocusEvent,\n  blur: (eve: FocusEvent) => eve instanceof FocusEvent,\n}\n\nexport type InputOtpEmits = typeof inputOtpEmits\n"],"mappings":";;;AAmEA,MAAa,gBAAgB;EAC1B,sBAAsB,UAAkB,SAAS,MAAM;EACvD,gBAAgB,UAAkB,SAAS,MAAM;CAClD,SAAS,UAAkB,SAAS,MAAM;CAC1C,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC3C"}

package/es/components/input-otp/src/input-otp.vue.d.ts

@@ -1,4 +1,3 @@
-import { ComponentSize } from "../../../constants/size.js";
 import { InputOtpProps } from "./input-otp.js";
 import * as _$vue from "vue";
 
@@ -23,23 +22,22 @@ declare const __VLS_base: _$vue.DefineComponent<InputOtpProps, {
    */
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: string) => void;
   change: (value: string) => void;
+  "update:modelValue": (value: string) => void;
   focus: (eve: FocusEvent) => void;
   blur: (eve: FocusEvent) => void;
   finish: (value: string) => void;
 }, string, _$vue.PublicProps, Readonly<InputOtpProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onChange?: ((value: string) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
   onFocus?: ((eve: FocusEvent) => any) | undefined;
   onBlur?: ((eve: FocusEvent) => any) | undefined;
   onFinish?: ((value: string) => any) | undefined;
 }>, {
-  length: number;
-  size: ComponentSize;
   disabled: boolean;
-  validateEvent: boolean;
   type: "outlined" | "filled" | "underlined";
+  length: number;
+  validateEvent: boolean;
   validator: (char: string, index: number) => boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/input-otp/src/input-otp.vue_vue_type_script_setup_true_lang.mjs

@@ -6,7 +6,7 @@ import { rAF } from "../../../utils/raf.mjs";
 import { NOOP } from "../../../utils/functions.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
-import { useFormDisabled } from "../../form/src/hooks/use-form-common-props.mjs";
+import { useFormDisabled, useFormSize } from "../../form/src/hooks/use-form-common-props.mjs";
 import { useFormItem, useFormItemInputId } from "../../form/src/hooks/use-form-item.mjs";
 import { inputOtpEmits } from "./input-otp.mjs";
 import { clamp } from "@vueuse/core";
@@ -57,8 +57,7 @@ var input_otp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		},
 		size: {
 			type: null,
-			required: false,
-			default: "default"
+			required: false
 		},
 		mask: {
 			type: Boolean,
@@ -115,6 +114,7 @@ var input_otp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 		const { t } = useLocale();
 		const { formItem } = useFormItem();
 		const { inputId, isLabeledByFormItem } = useFormItemInputId(props, { formItemContext: formItem });
+		const size = useFormSize();
 		const disabled = useFormDisabled();
 		let modelValueOnFocus = props.modelValue;
 		const getFirstIndex = (maxIndex) => {
@@ -244,7 +244,7 @@ var input_otp_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				id: unref(inputId),
 				class: normalizeClass([
 					unref(ns).b(),
-					unref(ns).m(__props.size),
+					unref(ns).m(unref(size)),
 					unref(ns).m(__props.type),
 					unref(ns).is("disabled", unref(disabled))
 				]),