@element-plus/nightly 0.0.20260312 → 0.0.20260314

package/lib/components/menu/src/menu-item-group.vue.d.ts

@@ -1,3 +1,4 @@
+import { MenuItemGroupProps } from "./menu-item-group.js";
 import * as vue from "vue";
 
 //#region ../../packages/components/menu/src/menu-item-group.vue.d.ts
@@ -7,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: vue.DefineComponent<{}, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_base: vue.DefineComponent<MenuItemGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<MenuItemGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -27,9 +27,9 @@ interface MenuItemProps {
  * @deprecated Removed after 3.0.0, Use `MenuItemProps` instead.
  */
 declare const menuItemProps: {
-  readonly index: EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | ((new (...args: any[]) => string) | (() => string | null))[], unknown, unknown, null, boolean>;
+  readonly index: EpPropFinalized<(new (...args: any[]) => string) | (() => string | null) | (((new (...args: any[]) => string) | (() => string | null)) | null)[], unknown, unknown, null, boolean>;
   readonly route: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | (() => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | ((new (...args: any[]) => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | (() => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | (() => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | (((new (...args: any[]) => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric) | (() => string | vue_router0.RouteLocationAsRelativeGeneric | vue_router0.RouteLocationAsPathGeneric)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -13,9 +13,7 @@ type __VLS_Slots = {} & {
 } & {
   title?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MenuItemProps>, {
-  index: null;
-}>, {
+declare const __VLS_base: vue.DefineComponent<MenuItemProps, {
   parentMenu: vue.ComputedRef<vue.ComponentInternalInstance>;
   rootMenu: MenuProvider;
   active: vue.ComputedRef<boolean>;
@@ -56,31 +54,19 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
     cssVarBlockName: (name: string) => string;
   };
   handleClick: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   click: (item: MenuItemRegistered) => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MenuItemProps>, {
-  index: null;
-}>>> & {
+}, string, vue.PublicProps, Readonly<MenuItemProps> & Readonly<{
   onClick?: ((item: MenuItemRegistered) => any) | undefined;
-}, {
+}>, {
   index: string | null;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -11,10 +11,10 @@ import { NavigationFailure } from "vue-router";
 declare const menuProps: {
   readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -23,11 +23,11 @@ declare const menuProps: {
   readonly collapseTransition: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly ellipsis: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly popperOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, () => any, boolean>;
-  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown, "dark", boolean>;
+  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
+  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "dark", boolean>;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -44,13 +44,13 @@ declare const menuEmits: {
   select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
 };
 type MenuEmits = typeof menuEmits;
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -59,11 +59,11 @@ declare const _default: vue.DefineComponent<{
   readonly collapseTransition: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly ellipsis: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly popperOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, () => any, boolean>;
-  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown, "dark", boolean>;
+  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
+  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "dark", boolean>;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -71,19 +71,19 @@ declare const _default: vue.DefineComponent<{
   readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}, () => VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: (index: string, indexPath: string[]) => boolean;
   open: (index: string, indexPath: string[]) => boolean;
   select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
 }, string, vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+  readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
   readonly router: BooleanConstructor;
-  readonly menuTrigger: EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+  readonly menuTrigger: EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
   readonly collapse: BooleanConstructor;
   readonly backgroundColor: StringConstructor;
   readonly textColor: StringConstructor;
@@ -92,11 +92,11 @@ declare const _default: vue.DefineComponent<{
   readonly collapseTransition: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly ellipsis: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly popperOffset: EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, () => any, boolean>;
-  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown, "dark", boolean>;
+  readonly ellipsisIcon: EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => vue.DefineComponent<{}, void, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>, boolean>;
+  readonly popperEffect: EpPropFinalized<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown, "dark", boolean>;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -104,11 +104,11 @@ declare const _default: vue.DefineComponent<{
   readonly showTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly hideTimeout: EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
   readonly persistent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-}>> & {
+}>> & Readonly<{
   onClose?: ((index: string, indexPath: string[]) => any) | undefined;
   onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
   onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
-}, {
+}>, {
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -117,14 +117,14 @@ declare const _default: vue.DefineComponent<{
   readonly hideTimeout: number;
   readonly defaultActive: string;
   readonly defaultOpeneds: string[];
-  readonly menuTrigger: EpPropMergeType<StringConstructor, "hover" | "click", unknown>;
+  readonly menuTrigger: EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
   readonly collapseTransition: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperOffset: number;
-  readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>;
-  readonly popperEffect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
+  readonly ellipsisIcon: EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+  readonly popperEffect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly uniqueOpened: boolean;
   readonly router: boolean;
   readonly closeOnClickOutside: boolean;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { MenuEmits, MenuProps, MenuPropsPublic, _default, menuEmits, menuProps };

package/lib/components/menu/src/sub-menu.d.ts

@@ -15,7 +15,7 @@ declare const subMenuProps: {
   readonly hideTimeout: NumberConstructor;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -24,25 +24,25 @@ declare const subMenuProps: {
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly popperOffset: NumberConstructor;
   readonly expandCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly expandOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -50,7 +50,7 @@ declare const subMenuProps: {
 };
 type SubMenuProps = ExtractPropTypes<typeof subMenuProps>;
 type SubMenuPropsPublic = ExtractPublicPropTypes<typeof subMenuProps>;
-declare const _default: vue.DefineComponent<{
+declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly index: {
     readonly type: vue.PropType<string>;
     readonly required: true;
@@ -61,7 +61,7 @@ declare const _default: vue.DefineComponent<{
   readonly hideTimeout: NumberConstructor;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -70,32 +70,32 @@ declare const _default: vue.DefineComponent<{
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly popperOffset: NumberConstructor;
   readonly expandCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly expandOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
   [key: string]: any;
-}>, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ExtractPropTypes<{
   readonly index: {
     readonly type: vue.PropType<string>;
     readonly required: true;
@@ -106,7 +106,7 @@ declare const _default: vue.DefineComponent<{
   readonly hideTimeout: NumberConstructor;
   readonly popperClass: StringConstructor;
   readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | ((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -115,32 +115,32 @@ declare const _default: vue.DefineComponent<{
   readonly teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly popperOffset: NumberConstructor;
   readonly expandCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly expandOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseCloseIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
   readonly collapseOpenIcon: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-}>>, {
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}>> & Readonly<{}>, {
   readonly disabled: boolean;
-}, {}>;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { SubMenuProps, SubMenuPropsPublic, _default, subMenuProps };

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

@@ -110,31 +110,31 @@ declare const messageProps: {
   readonly customClass: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly dangerouslyUseHTMLString: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly duration: EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
-  readonly icon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | ((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component))[], unknown, unknown, undefined, boolean>;
+  readonly icon: EpPropFinalized<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown, undefined, boolean>;
   readonly id: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly message: EpPropFinalized<(new (...args: any[]) => string | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }> | (() => VNode)) | (() => string | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-  }> | (() => VNode)) | ((new (...args: any[]) => string | VNode<vue.RendererNode, vue.RendererElement, {
+  }> | (() => VNode)) | (((new (...args: any[]) => string | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }> | (() => VNode)) | (() => string | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-  }> | (() => VNode)))[], unknown, unknown, "", boolean>;
+  }> | (() => VNode))) | null)[], unknown, unknown, "", boolean>;
   readonly onClose: EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
     (): () => void;
     new (): any;
     readonly prototype: any;
-  } | ((new (...args: any[]) => () => void) | (() => () => void) | {
+  } | (((new (...args: any[]) => () => void) | (() => () => void) | {
     (): () => void;
     new (): any;
     readonly prototype: any;
-  })[], unknown, unknown, undefined, boolean>;
+  }) | null)[], unknown, unknown, undefined, boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

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

@@ -1,5 +1,4 @@
 import { IconPropType } from "../../../utils/vue/icon.js";
-import { Mutable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
 import { MessagePlacement, MessageProps, MessageType } from "./message.js";
 import * as vue from "vue";
@@ -10,56 +9,22 @@ declare var __VLS_27: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<MessageProps>, Pick<Mutable<{
-  readonly customClass: "";
-  readonly dangerouslyUseHTMLString: false;
-  readonly duration: 3000;
-  readonly icon: undefined;
-  readonly id: "";
-  readonly message: "";
-  readonly onClose: undefined;
-  readonly showClose: false;
-  readonly type: "info";
-  readonly plain: false;
-  readonly offset: 16;
-  readonly placement: undefined;
-  readonly zIndex: 0;
-  readonly grouping: false;
-  readonly repeatNum: 1;
-  readonly appendTo: HTMLElement;
-}>, "zIndex" | "offset" | "type" | "onClose" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>, {
-  visible: vue.Ref<boolean>;
+declare const __VLS_base: vue.DefineComponent<MessageProps, {
+  visible: vue.Ref<boolean, boolean>;
   bottom: vue.ComputedRef<number>;
   close: typeof close;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   destroy: () => void;
-}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<MessageProps>, Pick<Mutable<{
-  readonly customClass: "";
-  readonly dangerouslyUseHTMLString: false;
-  readonly duration: 3000;
-  readonly icon: undefined;
-  readonly id: "";
-  readonly message: "";
-  readonly onClose: undefined;
-  readonly showClose: false;
-  readonly type: "info";
-  readonly plain: false;
-  readonly offset: 16;
-  readonly placement: undefined;
-  readonly zIndex: 0;
-  readonly grouping: false;
-  readonly repeatNum: 1;
-  readonly appendTo: HTMLElement;
-}>, "zIndex" | "offset" | "type" | "onClose" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>>> & {
+}, string, vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
-}, {
-  zIndex: number;
-  offset: number;
+}>, {
   type: MessageType;
-  onClose: () => void;
-  placement: MessagePlacement;
   id: string;
+  offset: number;
+  placement: MessagePlacement;
   icon: IconPropType;
+  zIndex: number;
+  onClose: () => void;
   plain: boolean;
   message: string | vue.VNode | (() => vue.VNode);
   showClose: boolean;
@@ -68,23 +33,13 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;
   repeatNum: number;
-}, {}>;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
-type __VLS_TypePropsToOption<T> = { [K in keyof T]-?: {} extends Pick<T, K> ? {
-  type: vue.PropType<Required<T>[K]>;
-} : {
-  type: vue.PropType<T[K]>;
-  required: true;
-} };
-type __VLS_WithDefaults<P, D> = { [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-  default: D[K];
-}> : P[K] };
 type __VLS_WithSlots<T, S> = T & {
   new (): {
     $slots: S;
   };
 };
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

package/lib/components/message-box/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n  <transition name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n    <el-overlay\n      v-show=\"visible\"\n      :z-index=\"zIndex\"\n      :overlay-class=\"[ns.is('message-box'), modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n            >\n              <div :class=\"ns.e('title')\">\n                <el-icon\n                  v-if=\"iconComponent && center\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <span>{{ title }}</span>\n              </div>\n              <button\n                v-if=\"showClose\"\n                type=\"button\"\n                :class=\"ns.e('headerbtn')\"\n                :aria-label=\"t('el.messagebox.close')\"\n                @click=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n                @keydown.prevent.enter=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :class=\"ns.e('content')\">\n              <div :class=\"ns.e('container')\">\n                <el-icon\n                  v-if=\"iconComponent && !center && hasMessage\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n                  <slot>\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\n                  :class=\"{ invalid: validateError }\"\n                  @keydown.enter=\"handleInputEnter\"\n                />\n                <div\n                  :class=\"ns.e('errormsg')\"\n                  :style=\"{\n                    visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                  }\"\n                >\n                  {{ editorErrorMessage }}\n                </div>\n              </div>\n            </div>\n            <div :class=\"ns.e('btns')\">\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\n                :class=\"[cancelButtonClass]\"\n                :round=\"roundButton\"\n                :size=\"btnSize\"\n                @click=\"handleAction('cancel')\"\n                @keydown.prevent.enter=\"handleAction('cancel')\"\n              >\n                {{ cancelButtonText || t('el.messagebox.cancel') }}\n              </el-button>\n              <el-button\n                v-show=\"showConfirmButton\"\n                ref=\"confirmRef\"\n                :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\n                :class=\"[confirmButtonClasses]\"\n                :round=\"roundButton\"\n                :disabled=\"confirmButtonDisabled\"\n                :size=\"btnSize\"\n                @click=\"handleAction('confirm')\"\n                @keydown.prevent.enter=\"handleAction('confirm')\"\n              >\n                {{ confirmButtonText || t('el.messagebox.confirm') }}\n              </el-button>\n            </div>\n          </div>\n        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useId,\n  useLockscreen,\n  useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\n    ElInput,\n    ElOverlay,\n    ElIcon,\n    ...TypeComponents,\n  },\n  inheritAttrs: false,\n  props: {\n    buttonSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n    lockScroll: {\n      type: Boolean,\n      default: true,\n    },\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnClickModal: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnPressEscape: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnHashChange: {\n      type: Boolean,\n      default: true,\n    },\n    center: Boolean,\n    draggable: Boolean,\n    overflow: Boolean,\n    roundButton: Boolean,\n    container: {\n      type: String, // default append to body\n      default: 'body',\n    },\n    boxType: {\n      type: String as PropType<MessageBoxType>,\n      default: '',\n    },\n  },\n  emits: ['vanish', 'action'],\n  setup(props, { emit }) {\n    // const popup = usePopup(props, doClose)\n    const {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\n      modalFade: true,\n      modalClass: '',\n      showCancelButton: false,\n      showConfirmButton: true,\n      type: '',\n      title: undefined,\n      showInput: false,\n      action: '' as Action,\n      confirmButtonLoading: false,\n      cancelButtonLoading: false,\n      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\n      confirmButtonDisabled: false,\n      editorErrorMessage: '',\n      // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n      // seemed ok for now without this state.\n      // isOnComposition: false, // temporary remove\n      validateError: false,\n      zIndex: nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\n\n    const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n    watch(\n      () => state.inputValue,\n      async (val) => {\n        await nextTick()\n        if (props.boxType === 'prompt' && val) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\n            }\n          }\n          state.zIndex = nextZIndex()\n        }\n        if (props.boxType !== 'prompt') return\n        if (val) {\n          nextTick().then(() => {\n            if (inputRef.value && inputRef.value.$el) {\n              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('hashchange', doClose)\n      }\n    })\n\n    function doClose() {\n      if (!visible.value) return\n      visible.value = false\n      nextTick(() => {\n        if (state.action) emit('action', state.action)\n      })\n    }\n\n    const handleWrapperClick = () => {\n      if (props.closeOnClickModal) {\n        handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n      }\n    }\n\n    const overlayEvent = useSameTarget(handleWrapperClick)\n\n    const handleInputEnter = (e: KeyboardEvent | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n        e.preventDefault()\n        return handleAction('confirm')\n      }\n    }\n\n    const handleAction = (action: Action) => {\n      if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n        return\n      }\n\n      state.action = action\n\n      if (state.beforeClose) {\n        state.beforeClose?.(action, state, doClose)\n      } else {\n        doClose()\n      }\n    }\n\n    const validate = () => {\n      if (props.boxType === 'prompt') {\n        const inputPattern = state.inputPattern\n        if (inputPattern && !inputPattern.test(state.inputValue || '')) {\n          state.editorErrorMessage =\n            state.inputErrorMessage || t('el.messagebox.error')\n          state.validateError = true\n          return false\n        }\n        const inputValidator = state.inputValidator\n        if (isFunction(inputValidator)) {\n          const validateResult = inputValidator(state.inputValue)\n          if (validateResult === false) {\n            state.editorErrorMessage =\n              state.inputErrorMessage || t('el.messagebox.error')\n            state.validateError = true\n            return false\n          }\n          if (isString(validateResult)) {\n            state.editorErrorMessage = validateResult\n            state.validateError = true\n            return false\n          }\n        }\n      }\n      state.editorErrorMessage = ''\n      state.validateError = false\n      return true\n    }\n\n    const getInputElement = () => {\n      const inputRefs = inputRef.value?.$refs\n      return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n    }\n\n    const handleClose = () => {\n      handleAction('close')\n    }\n\n    // when close on press escape is disabled, pressing esc should not callout\n    // any other message box and close any other dialog-ish elements\n    // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n    // props.beforeClose method to make a intermediate state by callout a message box\n    // for some verification or alerting. then if we allow global event like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n  <transition name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n    <el-overlay\n      v-show=\"visible\"\n      :z-index=\"zIndex\"\n      :overlay-class=\"[ns.is('message-box'), modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n            >\n              <div :class=\"ns.e('title')\">\n                <el-icon\n                  v-if=\"iconComponent && center\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <span>{{ title }}</span>\n              </div>\n              <button\n                v-if=\"showClose\"\n                type=\"button\"\n                :class=\"ns.e('headerbtn')\"\n                :aria-label=\"t('el.messagebox.close')\"\n                @click=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n                @keydown.prevent.enter=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :class=\"ns.e('content')\">\n              <div :class=\"ns.e('container')\">\n                <el-icon\n                  v-if=\"iconComponent && !center && hasMessage\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n                  <slot>\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\n                  :class=\"{ invalid: validateError }\"\n                  @keydown.enter=\"handleInputEnter\"\n                />\n                <div\n                  :class=\"ns.e('errormsg')\"\n                  :style=\"{\n                    visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                  }\"\n                >\n                  {{ editorErrorMessage }}\n                </div>\n              </div>\n            </div>\n            <div :class=\"ns.e('btns')\">\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\n                :class=\"[cancelButtonClass]\"\n                :round=\"roundButton\"\n                :size=\"btnSize\"\n                @click=\"handleAction('cancel')\"\n                @keydown.prevent.enter=\"handleAction('cancel')\"\n              >\n                {{ cancelButtonText || t('el.messagebox.cancel') }}\n              </el-button>\n              <el-button\n                v-show=\"showConfirmButton\"\n                ref=\"confirmRef\"\n                :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\n                :class=\"[confirmButtonClasses]\"\n                :round=\"roundButton\"\n                :disabled=\"confirmButtonDisabled\"\n                :size=\"btnSize\"\n                @click=\"handleAction('confirm')\"\n                @keydown.prevent.enter=\"handleAction('confirm')\"\n              >\n                {{ confirmButtonText || t('el.messagebox.confirm') }}\n              </el-button>\n            </div>\n          </div>\n        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n  watch,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useId,\n  useLockscreen,\n  useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\n    ElInput,\n    ElOverlay,\n    ElIcon,\n    ...TypeComponents,\n  },\n  inheritAttrs: false,\n  props: {\n    buttonSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n    lockScroll: {\n      type: Boolean,\n      default: true,\n    },\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnClickModal: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnPressEscape: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnHashChange: {\n      type: Boolean,\n      default: true,\n    },\n    center: Boolean,\n    draggable: Boolean,\n    overflow: Boolean,\n    roundButton: Boolean,\n    container: {\n      type: String, // default append to body\n      default: 'body',\n    },\n    boxType: {\n      type: String as PropType<MessageBoxType>,\n      default: '',\n    },\n  },\n  emits: ['vanish', 'action'],\n  setup(props, { emit }) {\n    // const popup = usePopup(props, doClose)\n    const {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\n      modalFade: true,\n      modalClass: '',\n      showCancelButton: false,\n      showConfirmButton: true,\n      type: '',\n      title: undefined,\n      showInput: false,\n      action: '' as Action,\n      confirmButtonLoading: false,\n      cancelButtonLoading: false,\n      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\n      confirmButtonDisabled: false,\n      editorErrorMessage: '',\n      // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n      // seemed ok for now without this state.\n      // isOnComposition: false, // temporary remove\n      validateError: false,\n      zIndex: nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\n\n    const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n    watch(\n      () => state.inputValue,\n      async (val) => {\n        await nextTick()\n        if (props.boxType === 'prompt' && val) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\n            }\n          }\n          state.zIndex = nextZIndex()\n        }\n        if (props.boxType !== 'prompt') return\n        if (val) {\n          nextTick().then(() => {\n            if (inputRef.value && inputRef.value.$el) {\n              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('hashchange', doClose)\n      }\n    })\n\n    function doClose() {\n      if (!visible.value) return\n      visible.value = false\n      nextTick(() => {\n        if (state.action) emit('action', state.action)\n      })\n    }\n\n    const handleWrapperClick = () => {\n      if (props.closeOnClickModal) {\n        handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n      }\n    }\n\n    const overlayEvent = useSameTarget(handleWrapperClick)\n\n    const handleInputEnter = (e: KeyboardEvent | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n        e.preventDefault()\n        return handleAction('confirm')\n      }\n    }\n\n    const handleAction = (action: Action) => {\n      if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n        return\n      }\n\n      state.action = action\n\n      if (state.beforeClose) {\n        state.beforeClose?.(action, state, doClose)\n      } else {\n        doClose()\n      }\n    }\n\n    const validate = () => {\n      if (props.boxType === 'prompt') {\n        const inputPattern = state.inputPattern\n        if (inputPattern && !inputPattern.test(state.inputValue || '')) {\n          state.editorErrorMessage =\n            state.inputErrorMessage || t('el.messagebox.error')\n          state.validateError = true\n          return false\n        }\n        const inputValidator = state.inputValidator\n        if (isFunction(inputValidator)) {\n          const validateResult = inputValidator(state.inputValue)\n          if (validateResult === false) {\n            state.editorErrorMessage =\n              state.inputErrorMessage || t('el.messagebox.error')\n            state.validateError = true\n            return false\n          }\n          if (isString(validateResult)) {\n            state.editorErrorMessage = validateResult\n            state.validateError = true\n            return false\n          }\n        }\n      }\n      state.editorErrorMessage = ''\n      state.validateError = false\n      return true\n    }\n\n    const getInputElement = () => {\n      const inputRefs = inputRef.value?.$refs\n      return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n    }\n\n    const handleClose = () => {\n      handleAction('close')\n    }\n\n    // when close on press escape is disabled, pressing esc should not callout\n    // any other message box and close any other dialog-ish elements\n    // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n    // props.beforeClose method to make a intermediate state by callout a message box\n    // for some verification or alerting. then if we allow global event like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}