@element-plus/nightly 0.0.20220618 → 0.0.20220621

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

@@ -1,8 +1,27 @@
 import type { AppContext, ExtractPropTypes, VNode } from 'vue';
+import type { Mutable } from 'element-plus/es/utils';
+import type MessageConstructor from './message.vue';
 export declare const messageTypes: readonly ["success", "info", "warning", "error"];
 export interface MessageConfigContext {
     max?: number;
 }
+export declare const messageDefaults: Mutable<{
+    readonly customClass: "";
+    readonly center: false;
+    readonly dangerouslyUseHTMLString: false;
+    readonly duration: 3000;
+    readonly icon: "";
+    readonly id: "";
+    readonly message: "";
+    readonly onClose: undefined;
+    readonly showClose: false;
+    readonly type: "info";
+    readonly offset: 20;
+    readonly zIndex: 0;
+    readonly grouping: false;
+    readonly repeatNum: 1;
+    readonly appendTo: HTMLElement;
+}>;
 export declare const messageProps: {
     readonly customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly center: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
@@ -37,27 +56,33 @@ export declare const messageEmits: {
     destroy: () => boolean;
 };
 export declare type MessageEmits = typeof messageEmits;
-export declare type MessageOptions = Omit<MessageProps, 'id'> & {
+export declare type MessageInstance = InstanceType<typeof MessageConstructor>;
+export declare type MessageOptions = Partial<Mutable<Omit<MessageProps, 'id'> & {
     appendTo?: HTMLElement | string;
+}>>;
+export declare type MessageParams = MessageOptions | MessageOptions['message'];
+export declare type MessageParamsNormalized = Omit<MessageProps, 'id'> & {
+    appendTo: HTMLElement;
 };
-export declare type MessageOptionsTyped = Omit<MessageOptions, 'type'>;
-export interface MessageHandle {
+export declare type MessageOptionsWithType = Omit<MessageOptions, 'type'>;
+export declare type MessageParamsWithType = MessageOptionsWithType | MessageOptions['message'];
+export interface MessageHandler {
     close: () => void;
 }
-export declare type MessageParams = Partial<MessageOptions> | string | VNode;
-export declare type MessageParamsTyped = Partial<MessageOptionsTyped> | string | VNode;
-export declare type MessageFn = ((options?: MessageParams, appContext?: null | AppContext) => MessageHandle) & {
+export declare type MessageFn = {
+    (options?: MessageParams, appContext?: null | AppContext): MessageHandler;
     closeAll(): void;
 };
-export declare type MessageTypedFn = (options?: MessageParamsTyped, appContext?: null | AppContext) => MessageHandle;
+export declare type MessageTypedFn = (options?: MessageParamsWithType, appContext?: null | AppContext) => MessageHandler;
 export interface Message extends MessageFn {
     success: MessageTypedFn;
     warning: MessageTypedFn;
     info: MessageTypedFn;
     error: MessageTypedFn;
 }
-declare type MessageQueueItem = {
-    vm: VNode;
+export declare type MessageQueueItem = {
+    vnode: VNode;
+    handler: MessageHandler;
+    vm: MessageInstance;
 };
 export declare type MessageQueue = MessageQueueItem[];
-export {};

package/lib/components/message/src/message.js

@@ -6,6 +6,7 @@ var message = require('./message3.js');
 
 
 
+exports.messageDefaults = message.messageDefaults;
 exports.messageEmits = message.messageEmits;
 exports.messageProps = message.messageProps;
 exports.messageTypes = message.messageTypes;

package/lib/components/message/src/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"message.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

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

@@ -36,6 +36,46 @@ declare const _default: import("vue").DefineComponent<{
     readonly grouping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     readonly repeatNum: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
 }, {
+    Close: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly customClass: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly center: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly dangerouslyUseHTMLString: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly duration: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3000, boolean>;
+        readonly icon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
+        readonly id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+        readonly message: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>)) & {}) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>)) | ((new (...args: any[]) => (string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>)) & {}) | (() => string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>)))[], unknown, unknown, "", boolean>;
+        readonly onClose: {
+            readonly type: import("vue").PropType<() => void>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "success" | "warning" | "info" | "error", unknown, "info", boolean>;
+        readonly offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>;
+        readonly zIndex: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+        readonly grouping: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+        readonly repeatNum: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;
+    }>> & {
+        onDestroy?: (() => any) | undefined;
+    }>>;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -54,16 +94,129 @@ declare const _default: import("vue").DefineComponent<{
         cssVarBlock: (object: Record<string, string>) => Record<string, string>;
         cssVarBlockName: (name: string) => string;
     };
+    visible: import("vue").Ref<boolean>;
+    badgeType: import("vue").Ref<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
+    stopTimer: undefined;
     typeClass: import("vue").ComputedRef<{
         [x: string]: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }>;
     iconComponent: import("vue").ComputedRef<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
     customStyle: import("vue").ComputedRef<CSSProperties>;
-    visible: import("vue").Ref<boolean>;
-    badgeType: import("vue").Ref<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>>;
-    close: () => void;
-    clearTimer: () => void;
     startTimer: () => void;
+    clearTimer: () => void;
+    close: () => void;
+    keydown: ({ code }: KeyboardEvent) => void;
+    ElBadge: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly value: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
+        readonly isDot: BooleanConstructor;
+        readonly hidden: BooleanConstructor;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly value: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
+            readonly isDot: BooleanConstructor;
+            readonly hidden: BooleanConstructor;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        content: import("vue").ComputedRef<string>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly value: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+        readonly max: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 99, boolean>;
+        readonly isDot: BooleanConstructor;
+        readonly hidden: BooleanConstructor;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "danger", boolean>;
+    }>>, {
+        readonly type: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown>;
+        readonly max: number;
+        readonly value: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        readonly hidden: boolean;
+        readonly isDot: boolean;
+    }>> & Record<string, any>;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: {
+                readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+            cssVar: (object: Record<string, string>) => Record<string, string>;
+            cssVarName: (name: string) => string;
+            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+            cssVarBlockName: (name: string) => string;
+        };
+        style: import("vue").ComputedRef<CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: {
+            readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {}>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/lib/components/message/src/message3.js

@@ -2,35 +2,54 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var core = require('@vueuse/core');
 require('../../../utils/index2.js');
+var typescript = require('../../../utils/typescript2.js');
 var runtime = require('../../../utils/vue/props/runtime2.js');
 var icon = require('../../../utils/vue/icon2.js');
 
 const messageTypes = ["success", "info", "warning", "error"];
+const messageDefaults = typescript.mutable({
+  customClass: "",
+  center: false,
+  dangerouslyUseHTMLString: false,
+  duration: 3e3,
+  icon: "",
+  id: "",
+  message: "",
+  onClose: void 0,
+  showClose: false,
+  type: "info",
+  offset: 20,
+  zIndex: 0,
+  grouping: false,
+  repeatNum: 1,
+  appendTo: core.isClient ? document.body : void 0
+});
 const messageProps = runtime.buildProps({
   customClass: {
     type: String,
-    default: ""
+    default: messageDefaults.customClass
   },
   center: {
     type: Boolean,
-    default: false
+    default: messageDefaults.center
   },
   dangerouslyUseHTMLString: {
     type: Boolean,
-    default: false
+    default: messageDefaults.dangerouslyUseHTMLString
   },
   duration: {
     type: Number,
-    default: 3e3
+    default: messageDefaults.duration
   },
   icon: {
     type: icon.iconPropType,
-    default: ""
+    default: messageDefaults.icon
   },
   id: {
     type: String,
-    default: ""
+    default: messageDefaults.id
   },
   message: {
     type: runtime.definePropType([
@@ -38,7 +57,7 @@ const messageProps = runtime.buildProps({
       Object,
       Function
     ]),
-    default: ""
+    default: messageDefaults.message
   },
   onClose: {
     type: runtime.definePropType(Function),
@@ -46,34 +65,35 @@ const messageProps = runtime.buildProps({
   },
   showClose: {
     type: Boolean,
-    default: false
+    default: messageDefaults.showClose
   },
   type: {
     type: String,
     values: messageTypes,
-    default: "info"
+    default: messageDefaults.type
   },
   offset: {
     type: Number,
-    default: 20
+    default: messageDefaults.offset
   },
   zIndex: {
     type: Number,
-    default: 0
+    default: messageDefaults.zIndex
   },
   grouping: {
     type: Boolean,
-    default: false
+    default: messageDefaults.grouping
   },
   repeatNum: {
     type: Number,
-    default: 1
+    default: messageDefaults.repeatNum
   }
 });
 const messageEmits = {
   destroy: () => true
 };
 
+exports.messageDefaults = messageDefaults;
 exports.messageEmits = messageEmits;
 exports.messageProps = messageProps;
 exports.messageTypes = messageTypes;

package/lib/components/message/src/message3.js.map

@@ -1 +1 @@
-{"version":3,"file":"message3.js","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const\n\nexport interface MessageConfigContext {\n  max?: number\n}\n\nexport const messageProps = buildProps({\n  customClass: {\n    type: String,\n    default: '',\n  },\n  center: {\n    type: Boolean,\n    default: false,\n  },\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: false,\n  },\n  duration: {\n    type: Number,\n    default: 3000,\n  },\n  icon: {\n    type: iconPropType,\n    default: '',\n  },\n  id: {\n    type: String,\n    default: '',\n  },\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: false,\n  },\n  type: {\n    type: String,\n    values: messageTypes,\n    default: 'info',\n  },\n  offset: {\n    type: Number,\n    default: 20,\n  },\n  zIndex: {\n    type: Number,\n    default: 0,\n  },\n  grouping: {\n    type: Boolean,\n    default: false,\n  },\n  repeatNum: {\n    type: Number,\n    default: 1,\n  },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageOptions = Omit<MessageProps, 'id'> & {\n  appendTo?: HTMLElement | string\n}\nexport type MessageOptionsTyped = Omit<MessageOptions, 'type'>\n\nexport interface MessageHandle {\n  close: () => void\n}\n\nexport type MessageParams = Partial<MessageOptions> | string | VNode\nexport type MessageParamsTyped = Partial<MessageOptionsTyped> | string | VNode\n\nexport type MessageFn = ((\n  options?: MessageParams,\n  appContext?: null | AppContext\n) => MessageHandle) & {\n  closeAll(): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsTyped,\n  appContext?: null | AppContext\n) => MessageHandle\n\nexport interface Message extends MessageFn {\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n\ntype MessageQueueItem = {\n  vm: VNode\n}\n\nexport type MessageQueue = MessageQueueItem[]\n"],"names":["buildProps","iconPropType","definePropType"],"mappings":";;;;;;;;AACY,MAAC,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,MAAC,YAAY,GAAGA,kBAAU,CAAC;AACvC,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,wBAAwB,EAAE;AAC5B,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,GAAG;AAChB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAEC,iBAAY;AACtB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEC,sBAAc,CAAC;AACzB,MAAM,MAAM;AACZ,MAAM,MAAM;AACZ,MAAM,QAAQ;AACd,KAAK,CAAC;AACN,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAEA,sBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,QAAQ,EAAE,KAAK;AACnB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,YAAY;AACxB,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,OAAO,EAAE,MAAM,IAAI;AACrB;;;;;;"}
+{"version":3,"file":"message3.js","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { isClient } from '@vueuse/core'\nimport {\n  buildProps,\n  definePropType,\n  iconPropType,\n  mutable,\n} from '@element-plus/utils'\nimport type { AppContext, ExtractPropTypes, VNode } from 'vue'\nimport type { Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport const messageTypes = ['success', 'info', 'warning', 'error'] as const\n\nexport interface MessageConfigContext {\n  max?: number\n}\n\nexport const messageDefaults = mutable({\n  customClass: '',\n  center: false,\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: '',\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  offset: 20,\n  zIndex: 0,\n  grouping: false,\n  repeatNum: 1,\n  appendTo: isClient ? document.body : (undefined as never),\n} as const)\n\nexport const messageProps = buildProps({\n  customClass: {\n    type: String,\n    default: messageDefaults.customClass,\n  },\n  center: {\n    type: Boolean,\n    default: messageDefaults.center,\n  },\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: messageDefaults.dangerouslyUseHTMLString,\n  },\n  duration: {\n    type: Number,\n    default: messageDefaults.duration,\n  },\n  icon: {\n    type: iconPropType,\n    default: messageDefaults.icon,\n  },\n  id: {\n    type: String,\n    default: messageDefaults.id,\n  },\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: messageDefaults.message,\n  },\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: false,\n  },\n  showClose: {\n    type: Boolean,\n    default: messageDefaults.showClose,\n  },\n  type: {\n    type: String,\n    values: messageTypes,\n    default: messageDefaults.type,\n  },\n  offset: {\n    type: Number,\n    default: messageDefaults.offset,\n  },\n  zIndex: {\n    type: Number,\n    default: messageDefaults.zIndex,\n  },\n  grouping: {\n    type: Boolean,\n    default: messageDefaults.grouping,\n  },\n  repeatNum: {\n    type: Number,\n    default: messageDefaults.repeatNum,\n  },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor>\n\nexport type MessageOptions = Partial<\n  Mutable<\n    Omit<MessageProps, 'id'> & {\n      appendTo?: HTMLElement | string\n    }\n  >\n>\nexport type MessageParams = MessageOptions | MessageOptions['message']\nexport type MessageParamsNormalized = Omit<MessageProps, 'id'> & {\n  appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n  | MessageOptionsWithType\n  | MessageOptions['message']\n\nexport interface MessageHandler {\n  close: () => void\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n  closeAll(): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsWithType,\n  appContext?: null | AppContext\n) => MessageHandler\n\nexport interface Message extends MessageFn {\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n\nexport type MessageQueueItem = {\n  vnode: VNode\n  handler: MessageHandler\n  vm: MessageInstance\n}\n\nexport type MessageQueue = MessageQueueItem[]\n"],"names":["mutable","isClient","buildProps","iconPropType","definePropType"],"mappings":"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"}

package/lib/components/message/src/message4.js

@@ -6,26 +6,28 @@ var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../utils/index2.js');
 require('../../../constants/index2.js');
-var index = require('../../badge/index2.js');
-var index$1 = require('../../icon/index2.js');
+var index$1 = require('../../badge/index2.js');
+var index$2 = require('../../icon/index2.js');
 require('../../../hooks/index2.js');
 var message = require('./message3.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var icon = require('../../../utils/vue/icon2.js');
-var index$2 = require('../../../hooks/use-namespace/index2.js');
+var index = require('../../../hooks/use-namespace/index2.js');
 var aria = require('../../../constants/aria2.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElMessage",
-  components: {
-    ElBadge: index.ElBadge,
-    ElIcon: index$1.ElIcon,
-    ...icon.TypeComponents
-  },
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["innerHTML"];
+const __default__ = {
+  name: "ElMessage"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
   props: message.messageProps,
   emits: message.messageEmits,
-  setup(props) {
-    const ns = index$2.useNamespace("message");
+  setup(__props, { expose }) {
+    const props = __props;
+    const { Close } = icon.TypeComponents;
+    const ns = index.useNamespace("message");
     const visible = vue.ref(false);
     const badgeType = vue.ref(props.type ? props.type === "error" ? "danger" : props.type : "info");
     let stopTimer = void 0;
@@ -33,21 +35,17 @@ const _sfc_main = vue.defineComponent({
       const type = props.type;
       return { [ns.bm("icon", type)]: type && icon.TypeComponentsMap[type] };
     });
-    const iconComponent = vue.computed(() => {
-      return props.icon || icon.TypeComponentsMap[props.type] || "";
-    });
+    const iconComponent = vue.computed(() => props.icon || icon.TypeComponentsMap[props.type] || "");
     const customStyle = vue.computed(() => ({
       top: `${props.offset}px`,
       zIndex: props.zIndex
     }));
     function startTimer() {
-      if (props.duration > 0) {
-        ;
-        ({ stop: stopTimer } = core.useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
+      if (props.duration === 0)
+        return;
+      ({ stop: stopTimer } = core.useTimeoutFn(() => {
+        close();
+      }, props.duration));
     }
     function clearTimer() {
       stopTimer == null ? void 0 : stopTimer();
@@ -57,11 +55,7 @@ const _sfc_main = vue.defineComponent({
     }
     function keydown({ code }) {
       if (code === aria.EVENT_CODE.esc) {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
+        close();
       }
     }
     vue.onMounted(() => {
@@ -73,91 +67,79 @@ const _sfc_main = vue.defineComponent({
       startTimer();
     });
     core.useEventListener(document, "keydown", keydown);
-    return {
-      ns,
-      typeClass,
-      iconComponent,
-      customStyle,
+    expose({
       visible,
-      badgeType,
-      close,
-      clearTimer,
-      startTimer
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: _ctx.id,
+            class: vue.normalizeClass([
+              vue.unref(ns).b(),
+              { [vue.unref(ns).m(_ctx.type)]: _ctx.type && !_ctx.icon },
+              vue.unref(ns).is("center", _ctx.center),
+              vue.unref(ns).is("closable", _ctx.showClose),
+              _ctx.customClass
+            ]),
+            style: vue.normalizeStyle(vue.unref(customStyle)),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer
+          }, [
+            _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.ElBadge), {
+              key: 0,
+              value: _ctx.repeatNum,
+              type: badgeType.value,
+              class: vue.normalizeClass(vue.unref(ns).e("badge"))
+            }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
+            vue.unref(iconComponent) ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
+              key: 1,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), vue.unref(typeClass)])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(iconComponent))))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.renderSlot(_ctx.$slots, "default", {}, () => [
+              !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e("content"))
+              }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
+                vue.createElementVNode("p", {
+                  class: vue.normalizeClass(vue.unref(ns).e("content")),
+                  innerHTML: _ctx.message
+                }, null, 10, _hoisted_2)
+              ], 2112))
+            ]),
+            _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.ElIcon), {
+              key: 2,
+              class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+              onClick: vue.withModifiers(close, ["stop"])
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(Close))
+              ]),
+              _: 1
+            }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+          ], 46, _hoisted_1), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onBeforeLeave"]);
     };
   }
 });
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_el_badge = vue.resolveComponent("el-badge");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_close = vue.resolveComponent("close");
-  return vue.openBlock(), vue.createBlock(vue.Transition, {
-    name: _ctx.ns.b("fade"),
-    onBeforeLeave: _ctx.onClose,
-    onAfterLeave: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("destroy")),
-    persisted: ""
-  }, {
-    default: vue.withCtx(() => [
-      vue.withDirectives(vue.createElementVNode("div", {
-        id: _ctx.id,
-        class: vue.normalizeClass([
-          _ctx.ns.b(),
-          { [_ctx.ns.m(_ctx.type)]: _ctx.type && !_ctx.icon },
-          _ctx.ns.is("center", _ctx.center),
-          _ctx.ns.is("closable", _ctx.showClose),
-          _ctx.customClass
-        ]),
-        style: vue.normalizeStyle(_ctx.customStyle),
-        role: "alert",
-        onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.clearTimer && _ctx.clearTimer(...args)),
-        onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.startTimer && _ctx.startTimer(...args))
-      }, [
-        _ctx.repeatNum > 1 ? (vue.openBlock(), vue.createBlock(_component_el_badge, {
-          key: 0,
-          value: _ctx.repeatNum,
-          type: _ctx.badgeType,
-          class: vue.normalizeClass(_ctx.ns.e("badge"))
-        }, null, 8, ["value", "type", "class"])) : vue.createCommentVNode("v-if", true),
-        _ctx.iconComponent ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 1,
-          class: vue.normalizeClass([_ctx.ns.e("icon"), _ctx.typeClass])
-        }, {
-          default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.iconComponent)))
-          ]),
-          _: 1
-        }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock("p", {
-            key: 0,
-            class: vue.normalizeClass(_ctx.ns.e("content"))
-          }, vue.toDisplayString(_ctx.message), 3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            vue.createCommentVNode(" Caution here, message could've been compromised, never use user's input as message "),
-            vue.createElementVNode("p", {
-              class: vue.normalizeClass(_ctx.ns.e("content")),
-              innerHTML: _ctx.message
-            }, null, 10, _hoisted_2)
-          ], 2112))
-        ]),
-        _ctx.showClose ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-          key: 2,
-          class: vue.normalizeClass(_ctx.ns.e("closeBtn")),
-          onClick: vue.withModifiers(_ctx.close, ["stop"])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_close)
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
-      ], 46, _hoisted_1), [
-        [vue.vShow, _ctx.visible]
-      ])
-    ]),
-    _: 3
-  }, 8, ["name", "onBeforeLeave"]);
-}
-var MessageConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
+var MessageConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/message/src/message.vue"]]);
 
 exports["default"] = MessageConstructor;
 //# sourceMappingURL=message4.js.map