element-plus 2.0.4 → 2.1.0

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

@@ -12,7 +12,7 @@ export declare const messageProps: {
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly message: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>>, "", unknown, unknown, unknown>;
+    }> | (() => VNode)>, "", unknown, unknown, unknown>;
     readonly onClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<() => void>, unknown, false, unknown, unknown>;
     readonly showClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;

package/es/components/message/src/message.mjs

@@ -29,7 +29,11 @@ const messageProps = buildProps({
     default: ""
   },
   message: {
-    type: definePropType([String, Object]),
+    type: definePropType([
+      String,
+      Object,
+      Function
+    ]),
     default: ""
   },
   onClose: {

package/es/components/message/src/message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"message.mjs","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport type { VNode, ExtractPropTypes, AppContext } 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>([String, Object]),\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":[],"mappings":";;;;AACY,MAAC,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,MAAC,YAAY,GAAG,UAAU,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,EAAE,YAAY;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,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,cAAc,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":"message.mjs","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport type { VNode, ExtractPropTypes, AppContext } 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":[],"mappings":";;;;AACY,MAAC,YAAY,GAAG,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,MAAC,YAAY,GAAG,UAAU,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,EAAE,YAAY;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,EAAE,cAAc,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,EAAE,cAAc,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;;;;"}

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

@@ -8,7 +8,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly message: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>>, "", unknown, unknown, unknown>;
+    }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>)>, "", unknown, unknown, unknown>;
     readonly onClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<() => void>, unknown, false, unknown, unknown>;
     readonly showClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
@@ -52,7 +54,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly id: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
     readonly message: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>>, "", unknown, unknown, unknown>;
+    }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>)>, "", unknown, unknown, unknown>;
     readonly onClose: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<() => void>, unknown, false, unknown, unknown>;
     readonly showClose: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
     readonly type: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "info", unknown, "success" | "warning" | "info" | "error", unknown>;
@@ -67,7 +71,9 @@ declare const _default: import("vue").DefineComponent<{
     icon: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>>, unknown, unknown>;
     message: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
-    }>>, unknown, unknown>;
+    }> | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>)>, unknown, unknown>;
     zIndex: number;
     offset: number;
     center: import("element-plus/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;

package/es/components/message/src/message2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"message2.mjs","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type && !icon },\n        ns.is('center', center),\n        ns.is('closable', showClose),\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      >\n      </el-badge>\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\"></p>\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { messageEmits, messageProps } from './message'\nimport type { BadgeProps } from '@element-plus/components/badge'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMessage',\n\n  components: {\n    ElBadge,\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: messageProps,\n  emits: messageEmits,\n\n  setup(props) {\n    const ns = useNamespace('message')\n    const visible = ref(false)\n    const badgeType = ref<BadgeProps['type']>(\n      props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n    )\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const iconComponent = computed(() => {\n      return props.icon || TypeComponentsMap[props.type] || ''\n    })\n\n    const customStyle = computed<CSSProperties>(() => ({\n      top: `${props.offset}px`,\n      zIndex: props.zIndex,\n    }))\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: stopTimer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      stopTimer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function keydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.esc) {\n        // press esc to close the message\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    watch(\n      () => props.repeatNum,\n      () => {\n        clearTimer()\n        startTimer()\n      }\n    )\n\n    useEventListener(document, 'keydown', keydown)\n\n    return {\n      ns,\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n      badgeType,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Transition","_createElementVNode","_normalizeClass","_normalizeStyle","_resolveDynamicComponent","_renderSlot","_createElementBlock","_Fragment","_createCommentVNode","_withModifiers","_createVNode"],"mappings":";;;;;;;;;;;;;AA0DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,OACG;AAAA;AAAA,EAGL,OAAO;AAAA,EACP,OAAO;AAAA,EAEP,MAAM,OAAO;AACX,UAAM,KAAK,aAAa;AACxB,UAAM,UAAU,IAAI;AACpB,UAAM,YAAY,IAChB,MAAM,OAAQ,MAAM,SAAS,UAAU,WAAW,MAAM,OAAQ;AAElE,QAAI,YAAsC;AAE1C,UAAM,YAAY,SAAS,MAAM;AAC/B,YAAM,OAAO,MAAM;AACnB,aAAO,GAAG,GAAG,GAAG,QAAQ,QAAQ,QAAQ,kBAAkB;AAAA;AAG5D,UAAM,gBAAgB,SAAS,MAAM;AACnC,aAAO,MAAM,QAAQ,kBAAkB,MAAM,SAAS;AAAA;AAGxD,UAAM,cAAc,SAAwB;AAAO,MACjD,KAAK,GAAG,MAAM;AAAA,MACd,QAAQ,MAAM;AAAA;AAGhB,0BAAsB;AACpB,UAAI,MAAM,WAAW,GAAG;AACtB;AAAC,QAAC,GAAE,MAAM,cAAc,aAAa,MAAM;AACzC,cAAI,QAAQ;AAAO;AAAA,WAClB,MAAM;AAAA;AAAA;AAIb,0BAAsB;AACpB;AAAA;AAGF,qBAAiB;AACf,cAAQ,QAAQ;AAAA;AAGlB,qBAAiB,EAAE,QAAuB;AACxC,UAAI,SAAS,WAAW,KAAK;AAE3B,YAAI,QAAQ,OAAO;AACjB;AAAA;AAAA,aAEG;AACL;AAAA;AAAA;AAIJ,cAAU,MAAM;AACd;AACA,cAAQ,QAAQ;AAAA;AAGlB,UACE,MAAM,MAAM,WACZ,MAAM;AACJ;AACA;AAAA;AAIJ,qBAAiB,UAAU,WAAW;AAEtC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;sBA/IJA,YAyCaC;AAAA,IAxCV,MAAM,QAAG,EAAC;AAAA,IACV,eAAc;AAAA,IACd,cAAW,sCAAE,WAAK;AAAA;qBAEnB,MAmCM;AAAA,qBAnCNC,mBAmCM;AAAA,QAjCH,IAAI;AAAA,QACJ,OAAKC;AAAA,UAAY,QAAG;AAAA,aAAgB,QAAG,EAAE,aAAQ,aAAI,CAAK;AAAA,UAAgB,QAAG,GAAE,UAAW;AAAA,UAAiB,QAAG,GAAE,YAAa;AAAA,UAAoB;AAAA;AAAA,QAOjJ,OAAKC,eAAE;AAAA,QACR,MAAK;AAAA,QACJ,cAAU,uCAAE;AAAA,QACZ,cAAU,uCAAE;AAAA;QAGL,iBAAS,kBADjBJ,YAMW;AAAA;UAJR,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAKG,eAAE,QAAG,EAAC;AAAA;QAGC,mCAAfH,YAEU;AAAA;UAFqB,OAAKG,gBAAG,QAAG,EAAC,SAAU;AAAA;2BACnD,MAAiC;AAAA,0BAAjCH,YAAiCK,wBAAjB;AAAA;AAAA;;QAElBC,WAMO,4BANP,MAMO;AAAA,WALK,8CAAVC,mBAEI;AAAA;YAFiC,OAAKJ,eAAE,QAAG,EAAC;AAAA,6BAC3C,eAAO,oBAGZI,mBAAwDC;AAAA,YADxDC;AAAA,YACAP,mBAAwD;AAAA,cAA7C,OAAKC,eAAE,QAAG,EAAC;AAAA,cAAa,WAAQ;AAAA;;;QAE9B,+BAAfH,YAEU;AAAA;UAFiB,OAAKG,eAAE,QAAG,EAAC;AAAA,UAAe,SAAKO,cAAO,YAAK;AAAA;2BACpE,MAAS;AAAA,YAATC,YAAS;AAAA;AAAA;;;gBAhCH;AAAA;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"message2.mjs","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type && !icon },\n        ns.is('center', center),\n        ns.is('closable', showClose),\n        customClass,\n      ]\"\n      :style=\"customStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n    >\n      <el-badge\n        v-if=\"repeatNum > 1\"\n        :value=\"repeatNum\"\n        :type=\"badgeType\"\n        :class=\"ns.e('badge')\"\n      >\n      </el-badge>\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <slot>\n        <p v-if=\"!dangerouslyUseHTMLString\" :class=\"ns.e('content')\">\n          {{ message }}\n        </p>\n        <!-- Caution here, message could've been compromised, never use user's input as message -->\n        <p v-else :class=\"ns.e('content')\" v-html=\"message\"></p>\n      </slot>\n      <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n        <close />\n      </el-icon>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, watch } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport { messageEmits, messageProps } from './message'\nimport type { BadgeProps } from '@element-plus/components/badge'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElMessage',\n\n  components: {\n    ElBadge,\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: messageProps,\n  emits: messageEmits,\n\n  setup(props) {\n    const ns = useNamespace('message')\n    const visible = ref(false)\n    const badgeType = ref<BadgeProps['type']>(\n      props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n    )\n    let stopTimer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const iconComponent = computed(() => {\n      return props.icon || TypeComponentsMap[props.type] || ''\n    })\n\n    const customStyle = computed<CSSProperties>(() => ({\n      top: `${props.offset}px`,\n      zIndex: props.zIndex,\n    }))\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: stopTimer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      stopTimer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function keydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.esc) {\n        // press esc to close the message\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    watch(\n      () => props.repeatNum,\n      () => {\n        clearTimer()\n        startTimer()\n      }\n    )\n\n    useEventListener(document, 'keydown', keydown)\n\n    return {\n      ns,\n      typeClass,\n      iconComponent,\n      customStyle,\n      visible,\n      badgeType,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Transition","_withDirectives","_createElementVNode","_normalizeClass","_normalizeStyle","_createCommentVNode","_openBlock","_resolveDynamicComponent","_renderSlot","_createElementBlock","_toDisplayString","_Fragment","_withModifiers","_createVNode","_vShow"],"mappings":"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"}

package/es/components/message-box/index.mjs

@@ -3,6 +3,7 @@ import './src/message-box.type.mjs';
 
 const _MessageBox = MessageBox;
 _MessageBox.install = (app) => {
+  _MessageBox._context = app._context;
   app.config.globalProperties.$msgbox = _MessageBox;
   app.config.globalProperties.$messageBox = _MessageBox;
   app.config.globalProperties.$alert = _MessageBox.alert;

package/es/components/message-box/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/message-box/index.ts"],"sourcesContent":["import MessageBox from './src/messageBox'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nconst _MessageBox = MessageBox as SFCWithInstall<typeof MessageBox>\n\n_MessageBox.install = (app: App) => {\n  app.config.globalProperties.$msgbox = _MessageBox\n  app.config.globalProperties.$messageBox = _MessageBox\n  app.config.globalProperties.$alert = _MessageBox.alert\n  app.config.globalProperties.$confirm = _MessageBox.confirm\n  app.config.globalProperties.$prompt = _MessageBox.prompt\n}\n\nexport default _MessageBox\nexport const ElMessageBox = _MessageBox\n\nexport * from './src/message-box.type'\n"],"names":[],"mappings":";;;AACK,MAAC,WAAW,GAAG,WAAW;AAC/B,WAAW,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC/B,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC;AACpD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AACxD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AACzD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;AAC7D,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC;AAC3D,CAAC,CAAC;AAEU,MAAC,YAAY,GAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/message-box/index.ts"],"sourcesContent":["import MessageBox from './src/messageBox'\n\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nconst _MessageBox = MessageBox as SFCWithInstall<typeof MessageBox>\n\n_MessageBox.install = (app: App) => {\n  _MessageBox._context = app._context\n  app.config.globalProperties.$msgbox = _MessageBox\n  app.config.globalProperties.$messageBox = _MessageBox\n  app.config.globalProperties.$alert = _MessageBox.alert\n  app.config.globalProperties.$confirm = _MessageBox.confirm\n  app.config.globalProperties.$prompt = _MessageBox.prompt\n}\n\nexport default _MessageBox\nexport const ElMessageBox = _MessageBox\n\nexport * from './src/message-box.type'\n"],"names":[],"mappings":";;;AACK,MAAC,WAAW,GAAG,WAAW;AAC/B,WAAW,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AAC/B,EAAE,WAAW,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AACtC,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC;AACpD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AACxD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AACzD,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;AAC7D,EAAE,GAAG,CAAC,MAAM,CAAC,gBAAgB,CAAC,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC;AAC3D,CAAC,CAAC;AAEU,MAAC,YAAY,GAAG;;;;"}

package/es/components/message-box/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","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=\"['is-message-box', modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        class=\"el-overlay-message-box\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <div\n          ref=\"rootRef\"\n          v-trap-focus\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          aria-modal=\"true\"\n          :class=\"[\n            'el-message-box',\n            customClass,\n            { 'el-message-box--center': center, 'is-draggable': draggable },\n          ]\"\n          :style=\"customStyle\"\n          @click.stop=\"\"\n        >\n          <div\n            v-if=\"title !== null && title !== undefined\"\n            ref=\"headerRef\"\n            class=\"el-message-box__header\"\n          >\n            <div class=\"el-message-box__title\">\n              <el-icon\n                v-if=\"iconComponent && center\"\n                class=\"el-message-box__status\"\n                :class=\"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=\"el-message-box__headerbtn\"\n              aria-label=\"Close\"\n              @click=\"\n                handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n              \"\n              @keydown.prevent.enter=\"\n                handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n              \"\n            >\n              <el-icon class=\"el-message-box__close\">\n                <close />\n              </el-icon>\n            </button>\n          </div>\n          <div class=\"el-message-box__content\">\n            <div class=\"el-message-box__container\">\n              <el-icon\n                v-if=\"iconComponent && !center && hasMessage\"\n                class=\"el-message-box__status\"\n                :class=\"typeClass\"\n              >\n                <component :is=\"iconComponent\" />\n              </el-icon>\n              <div v-if=\"hasMessage\" class=\"el-message-box__message\">\n                <slot>\n                  <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n                  <p v-else v-html=\"message\"></p>\n                </slot>\n              </div>\n            </div>\n            <div v-show=\"showInput\" class=\"el-message-box__input\">\n              <el-input\n                ref=\"inputRef\"\n                v-model=\"inputValue\"\n                :type=\"inputType\"\n                :placeholder=\"inputPlaceholder\"\n                :class=\"{ invalid: validateError }\"\n                @keydown.prevent.enter=\"handleInputEnter\"\n              />\n              <div\n                class=\"el-message-box__errormsg\"\n                :style=\"{\n                  visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                }\"\n              >\n                {{ editorErrorMessage }}\n              </div>\n            </div>\n          </div>\n          <div class=\"el-message-box__btns\">\n            <el-button\n              v-if=\"showCancelButton\"\n              :loading=\"cancelButtonLoading\"\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=\"primary\"\n              :loading=\"confirmButtonLoading\"\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      </div>\n    </el-overlay>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  computed,\n  watch,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useModal,\n  useLockscreen,\n  useLocale,\n  useRestoreActive,\n  usePreventGlobal,\n  useSize,\n  useDraggable,\n  useSameTarget,\n  useZIndex,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  on,\n  off,\n  isValidComponentSize,\n  TypeComponents,\n  TypeComponentsMap,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\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    roundButton: {\n      default: false,\n      type: Boolean,\n    },\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 { t } = useLocale()\n    const visible = ref(false)\n    const { nextZIndex } = useZIndex()\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: null,\n      inputValidator: null,\n      inputErrorMessage: '',\n      message: null,\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      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 type && TypeComponentsMap[type]\n        ? `el-message-box-icon--${type}`\n        : ''\n    })\n\n    const btnSize = useSize(\n      computed(() => props.buttonSize),\n      { prop: true, form: true, formItem: true }\n    )\n\n    const iconComponent = computed(\n      () => state.icon || TypeComponentsMap[state.type] || ''\n    )\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLElement>()\n    const confirmRef = ref<HTMLElement>()\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 !== null) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType === 'alert' || props.boxType === 'confirm') {\n            nextTick().then(() => {\n              confirmRef.value?.$el?.focus?.()\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              getInputElement().focus()\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    useDraggable(rootRef, headerRef, draggable)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        on(window, 'hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        off(window, '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 = () => {\n      if (state.inputType !== 'textarea') {\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 (typeof inputValidator === 'function') {\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 (typeof validateResult === 'string') {\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 liek this\n    // to dispatch, it could callout another message box.\n    if (props.closeOnPressEscape) {\n      useModal(\n        {\n          handleClose,\n        },\n        visible\n      )\n    } else {\n      usePreventGlobal(\n        visible,\n        'keydown',\n        (e: KeyboardEvent) => e.code === EVENT_CODE.esc\n      )\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible)\n    }\n\n    // restore to prev active element.\n    useRestoreActive(visible)\n\n    return {\n      ...toRefs(state),\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      headerRef,\n      inputRef,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.mjs","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=\"['is-message-box', modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        class=\"el-overlay-message-box\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <div\n          ref=\"rootRef\"\n          v-trap-focus\n          role=\"dialog\"\n          :aria-label=\"title || 'dialog'\"\n          aria-modal=\"true\"\n          :class=\"[\n            'el-message-box',\n            customClass,\n            { 'el-message-box--center': center, 'is-draggable': draggable },\n          ]\"\n          :style=\"customStyle\"\n          @click.stop=\"\"\n        >\n          <div\n            v-if=\"title !== null && title !== undefined\"\n            ref=\"headerRef\"\n            class=\"el-message-box__header\"\n          >\n            <div class=\"el-message-box__title\">\n              <el-icon\n                v-if=\"iconComponent && center\"\n                class=\"el-message-box__status\"\n                :class=\"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=\"el-message-box__headerbtn\"\n              aria-label=\"Close\"\n              @click=\"\n                handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n              \"\n              @keydown.prevent.enter=\"\n                handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n              \"\n            >\n              <el-icon class=\"el-message-box__close\">\n                <close />\n              </el-icon>\n            </button>\n          </div>\n          <div class=\"el-message-box__content\">\n            <div class=\"el-message-box__container\">\n              <el-icon\n                v-if=\"iconComponent && !center && hasMessage\"\n                class=\"el-message-box__status\"\n                :class=\"typeClass\"\n              >\n                <component :is=\"iconComponent\" />\n              </el-icon>\n              <div v-if=\"hasMessage\" class=\"el-message-box__message\">\n                <slot>\n                  <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n                  <p v-else v-html=\"message\"></p>\n                </slot>\n              </div>\n            </div>\n            <div v-show=\"showInput\" class=\"el-message-box__input\">\n              <el-input\n                ref=\"inputRef\"\n                v-model=\"inputValue\"\n                :type=\"inputType\"\n                :placeholder=\"inputPlaceholder\"\n                :class=\"{ invalid: validateError }\"\n                @keydown.prevent.enter=\"handleInputEnter\"\n              />\n              <div\n                class=\"el-message-box__errormsg\"\n                :style=\"{\n                  visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                }\"\n              >\n                {{ editorErrorMessage }}\n              </div>\n            </div>\n          </div>\n          <div class=\"el-message-box__btns\">\n            <el-button\n              v-if=\"showCancelButton\"\n              :loading=\"cancelButtonLoading\"\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=\"primary\"\n              :loading=\"confirmButtonLoading\"\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      </div>\n    </el-overlay>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  nextTick,\n  onMounted,\n  onBeforeUnmount,\n  computed,\n  watch,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useModal,\n  useLockscreen,\n  useLocale,\n  useRestoreActive,\n  usePreventGlobal,\n  useSize,\n  useDraggable,\n  useSameTarget,\n  useZIndex,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  on,\n  off,\n  isValidComponentSize,\n  TypeComponents,\n  TypeComponentsMap,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\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    roundButton: {\n      default: false,\n      type: Boolean,\n    },\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 { t } = useLocale()\n    const visible = ref(false)\n    const { nextZIndex } = useZIndex()\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: null,\n      inputValidator: null,\n      inputErrorMessage: '',\n      message: null,\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      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 type && TypeComponentsMap[type]\n        ? `el-message-box-icon--${type}`\n        : ''\n    })\n\n    const btnSize = useSize(\n      computed(() => props.buttonSize),\n      { prop: true, form: true, formItem: true }\n    )\n\n    const iconComponent = computed(\n      () => state.icon || TypeComponentsMap[state.type] || ''\n    )\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLElement>()\n    const confirmRef = ref<HTMLElement>()\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 !== null) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType === 'alert' || props.boxType === 'confirm') {\n            nextTick().then(() => {\n              confirmRef.value?.$el?.focus?.()\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              getInputElement().focus()\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    useDraggable(rootRef, headerRef, draggable)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        on(window, 'hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        off(window, '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 = () => {\n      if (state.inputType !== 'textarea') {\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 (typeof inputValidator === 'function') {\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 (typeof validateResult === 'string') {\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 liek this\n    // to dispatch, it could callout another message box.\n    if (props.closeOnPressEscape) {\n      useModal(\n        {\n          handleClose,\n        },\n        visible\n      )\n    } else {\n      usePreventGlobal(\n        visible,\n        'keydown',\n        (e: KeyboardEvent) => e.code === EVENT_CODE.esc\n      )\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible)\n    }\n\n    // restore to prev active element.\n    useRestoreActive(visible)\n\n    return {\n      ...toRefs(state),\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      headerRef,\n      inputRef,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_resolveComponent","_resolveDirective","_openBlock","_withCtx","_withDirectives","_createElementVNode","_createElementBlock","_normalizeClass","_normalizeStyle","_withModifiers","_createBlock","_resolveDynamicComponent","_createCommentVNode","_toDisplayString","_createVNode","_renderSlot","_withKeys","_vShow","_createTextVNode"],"mappings":"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"}

package/es/components/message-box/src/index.vue.d.ts

@@ -1858,8 +1858,8 @@ declare const _default: import("vue").DefineComponent<{
     lockScroll: boolean;
     modal: boolean;
     container: string;
-    closeOnHashChange: boolean;
-    roundButton: boolean;
     boxType: MessageBoxType;
+    roundButton: boolean;
+    closeOnHashChange: boolean;
 }>;
 export default _default;

package/es/components/message-box/src/message-box.type.d.ts

@@ -1,4 +1,5 @@
-import type { CSSProperties, VNode, Component } from 'vue';
+import type { AppContext, CSSProperties, VNode, Component } from 'vue';
+import type { ComponentSize } from 'element-plus/es/constants';
 declare type MessageType = '' | 'success' | 'warning' | 'info' | 'error';
 export declare type Action = 'confirm' | 'close' | 'cancel';
 export declare type MessageBoxType = '' | 'prompt' | 'alert' | 'confirm';
@@ -111,12 +112,15 @@ export interface ElMessageBoxOptions {
     inputValidator?: MessageBoxInputValidator;
     /** Error message when validation fails */
     inputErrorMessage?: string;
+    /** Custom size of confirm and cancel buttons */
+    buttonSize?: ComponentSize;
 }
-export declare type ElMessageBoxShortcutMethod = ((message: ElMessageBoxOptions['message'], title: ElMessageBoxOptions['title'], options?: ElMessageBoxOptions) => Promise<MessageBoxData>) & ((message: ElMessageBoxOptions['message'], options?: ElMessageBoxOptions) => Promise<MessageBoxData>);
+export declare type ElMessageBoxShortcutMethod = ((message: ElMessageBoxOptions['message'], title: ElMessageBoxOptions['title'], options?: ElMessageBoxOptions, appContext?: AppContext | null) => Promise<MessageBoxData>) & ((message: ElMessageBoxOptions['message'], options?: ElMessageBoxOptions, appContext?: AppContext | null) => Promise<MessageBoxData>);
 export interface IElMessageBox {
+    _context: AppContext | null;
     /** Show a message box */
     /** Show a message box */
-    (options: ElMessageBoxOptions): Promise<MessageBoxData>;
+    (options: ElMessageBoxOptions, appContext?: AppContext | null): Promise<MessageBoxData>;
     /** Show an alert message box */
     alert: ElMessageBoxShortcutMethod;
     /** Show a confirm message box */

package/es/components/message-box/src/messageBox.mjs

@@ -2,11 +2,13 @@ import { h, render, watch, isVNode } from 'vue';
 import { isClient } from '@vueuse/core';
 import '../../../utils/index.mjs';
 import MessageBoxConstructor from './index.mjs';
-import { hasOwn, isString } from '@vue/shared';
+import { hasOwn, isString, isObject } from '@vue/shared';
+import { isUndefined } from '../../../utils/types.mjs';
 
 const messageInstance = /* @__PURE__ */ new Map();
-const initInstance = (props, container) => {
+const initInstance = (props, container, appContext = null) => {
   const vnode = h(MessageBoxConstructor, props);
+  vnode.appContext = appContext;
   render(vnode, container);
   document.body.appendChild(container.firstElementChild);
   return vnode.component;
@@ -14,7 +16,7 @@ const initInstance = (props, container) => {
 const genContainer = () => {
   return document.createElement("div");
 };
-const showMessage = (options) => {
+const showMessage = (options, appContext) => {
   const container = genContainer();
   options.onVanish = () => {
     render(null, container);
@@ -42,7 +44,7 @@ const showMessage = (options) => {
       }
     }
   };
-  const instance = initInstance(options, container);
+  const instance = initInstance(options, container, appContext);
   const vm = instance.proxy;
   for (const prop in options) {
     if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {
@@ -61,9 +63,9 @@ const showMessage = (options) => {
   vm.visible = true;
   return vm;
 };
-function MessageBox(options) {
+function MessageBox(options, appContext = null) {
   if (!isClient)
-    return;
+    return Promise.reject();
   let callback;
   if (isString(options) || isVNode(options)) {
     options = {
@@ -73,7 +75,7 @@ function MessageBox(options) {
     callback = options.callback;
   }
   return new Promise((resolve, reject) => {
-    const vm = showMessage(options);
+    const vm = showMessage(options, appContext != null ? appContext : MessageBox._context);
     messageInstance.set(vm, {
       options,
       callback,
@@ -82,62 +84,43 @@ function MessageBox(options) {
     });
   });
 }
-MessageBox.alert = (message, title, options) => {
-  if (typeof title === "object") {
-    options = title;
-    title = "";
-  } else if (title === void 0) {
-    title = "";
-  }
-  return MessageBox(Object.assign({
-    title,
-    message,
-    type: "",
-    closeOnPressEscape: false,
-    closeOnClickModal: false
-  }, options, {
-    boxType: "alert"
-  }));
-};
-MessageBox.confirm = (message, title, options) => {
-  if (typeof title === "object") {
-    options = title;
-    title = "";
-  } else if (title === void 0) {
-    title = "";
-  }
-  return MessageBox(Object.assign({
-    title,
-    message,
-    type: "",
-    showCancelButton: true
-  }, options, {
-    boxType: "confirm"
-  }));
-};
-MessageBox.prompt = (message, title, options) => {
-  if (typeof title === "object") {
-    options = title;
-    title = "";
-  } else if (title === void 0) {
-    title = "";
-  }
-  return MessageBox(Object.assign({
-    title,
-    message,
-    showCancelButton: true,
-    showInput: true,
-    type: ""
-  }, options, {
-    boxType: "prompt"
-  }));
+const MESSAGE_BOX_VARIANTS = ["alert", "confirm", "prompt"];
+const MESSAGE_BOX_DEFAULT_OPTS = {
+  alert: { closeOnPressEscape: false, closeOnClickModal: false },
+  confirm: { showCancelButton: true },
+  prompt: { showCancelButton: true, showInput: true }
 };
+MESSAGE_BOX_VARIANTS.forEach((boxType) => {
+  MessageBox[boxType] = messageBoxFactory(boxType);
+});
+function messageBoxFactory(boxType) {
+  return (message, titleOrOpts, options, appContext) => {
+    let title;
+    if (isObject(titleOrOpts)) {
+      options = titleOrOpts;
+      title = "";
+    } else if (isUndefined(titleOrOpts)) {
+      title = "";
+    } else {
+      title = titleOrOpts;
+    }
+    return MessageBox(Object.assign({
+      title,
+      message,
+      type: "",
+      ...MESSAGE_BOX_DEFAULT_OPTS[boxType]
+    }, options, {
+      boxType
+    }), appContext);
+  };
+}
 MessageBox.close = () => {
   messageInstance.forEach((_, vm) => {
     vm.doClose();
   });
   messageInstance.clear();
 };
+MessageBox._context = null;
 
 export { MessageBox as default };
 //# sourceMappingURL=messageBox.mjs.map

package/es/components/message-box/src/messageBox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"messageBox.mjs","sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { h, watch, render } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport { isVNode, isString, hasOwn } from '@element-plus/utils'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  MessageBoxState,\n  IElMessageBox,\n  ElMessageBoxOptions,\n  MessageBoxData,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: () => void }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst initInstance = (props: any, container: HTMLElement) => {\n  const vnode = h(MessageBoxConstructor, props)\n  render(vnode, container)\n  document.body.appendChild(container.firstElementChild)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container)\n\n  // This is how we use message box programmably.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: () => void\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      vm[prop as string] = options[prop]\n    }\n  }\n\n  watch(\n    () => vm.message,\n    (newVal, oldVal) => {\n      if (isVNode(newVal)) {\n        // Override slots since message is vnode type.\n        instance.slots.default = () => [newVal]\n      } else if (isVNode(oldVal) && !isVNode(newVal)) {\n        delete instance.slots.default\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(options: ElMessageBoxOptions): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode\n): Promise<{ value: string; action: Action } | Action> {\n  if (!isClient) return\n  let callback\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(options)\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nMessageBox.alert = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        closeOnPressEscape: false,\n        closeOnClickModal: false,\n      },\n      options,\n      {\n        boxType: 'alert',\n      }\n    )\n  )\n}\n\nMessageBox.confirm = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        type: '',\n        showCancelButton: true,\n      },\n      options,\n      {\n        boxType: 'confirm',\n      }\n    )\n  )\n}\n\nMessageBox.prompt = (\n  message: string,\n  title: string,\n  options?: ElMessageBoxOptions\n) => {\n  if (typeof title === 'object') {\n    options = title\n    title = ''\n  } else if (title === undefined) {\n    title = ''\n  }\n  return MessageBox(\n    Object.assign(\n      {\n        title,\n        message,\n        showCancelButton: true,\n        showInput: true,\n        type: '',\n      },\n      options,\n      {\n        boxType: 'prompt',\n      }\n    )\n  )\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n\nexport default MessageBox as IElMessageBox\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"messageBox.mjs","sources":["../../../../../../packages/components/message-box/src/messageBox.ts"],"sourcesContent":["import { h, watch, render } from 'vue'\nimport { isClient } from '@vueuse/core'\nimport {\n  isVNode,\n  isString,\n  hasOwn,\n  isObject,\n  isUndefined,\n} from '@element-plus/utils'\nimport MessageBoxConstructor from './index.vue'\n\nimport type { AppContext, ComponentPublicInstance, VNode } from 'vue'\nimport type {\n  Action,\n  Callback,\n  MessageBoxState,\n  IElMessageBox,\n  ElMessageBoxOptions,\n  MessageBoxData,\n} from './message-box.type'\n\n// component default merge props & data\n\nconst messageInstance = new Map<\n  ComponentPublicInstance<{ doClose: () => void }>, // marking doClose as function\n  {\n    options: any\n    callback: Callback\n    resolve: (res: any) => void\n    reject: (reason?: any) => void\n  }\n>()\n\nconst initInstance = (\n  props: any,\n  container: HTMLElement,\n  appContext: AppContext | null = null\n) => {\n  const vnode = h(MessageBoxConstructor, props)\n  vnode.appContext = appContext\n  render(vnode, container)\n  document.body.appendChild(container.firstElementChild!)\n  return vnode.component\n}\n\nconst genContainer = () => {\n  return document.createElement('div')\n}\n\nconst showMessage = (options: any, appContext?: AppContext | null) => {\n  const container = genContainer()\n  // Adding destruct method.\n  // when transition leaves emitting `vanish` evt. so that we can do the clean job.\n  options.onVanish = () => {\n    // not sure if this causes mem leak, need proof to verify that.\n    // maybe calling out like 1000 msg-box then close them all.\n    render(null, container)\n    messageInstance.delete(vm) // Remove vm to avoid mem leak.\n    // here we were suppose to call document.body.removeChild(container.firstElementChild)\n    // but render(null, container) did that job for us. so that we do not call that directly\n  }\n\n  options.onAction = (action: Action) => {\n    const currentMsg = messageInstance.get(vm)!\n    let resolve: Action | { value: string; action: Action }\n    if (options.showInput) {\n      resolve = { value: vm.inputValue, action }\n    } else {\n      resolve = action\n    }\n    if (options.callback) {\n      options.callback(resolve, instance.proxy)\n    } else {\n      if (action === 'cancel' || action === 'close') {\n        if (options.distinguishCancelAndClose && action !== 'cancel') {\n          currentMsg.reject('close')\n        } else {\n          currentMsg.reject('cancel')\n        }\n      } else {\n        currentMsg.resolve(resolve)\n      }\n    }\n  }\n\n  const instance = initInstance(options, container, appContext)!\n\n  // This is how we use message box programmably.\n  // Maybe consider releasing a template version?\n  // get component instance like v2.\n  const vm = instance.proxy as ComponentPublicInstance<\n    {\n      visible: boolean\n      doClose: () => void\n    } & MessageBoxState\n  >\n\n  for (const prop in options) {\n    if (hasOwn(options, prop) && !hasOwn(vm.$props, prop)) {\n      vm[prop as string] = options[prop]\n    }\n  }\n\n  watch(\n    () => vm.message,\n    (newVal, oldVal) => {\n      if (isVNode(newVal)) {\n        // Override slots since message is vnode type.\n        instance.slots.default = () => [newVal]\n      } else if (isVNode(oldVal) && !isVNode(newVal)) {\n        delete instance.slots.default\n      }\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  // change visibility after everything is settled\n  vm.visible = true\n  return vm\n}\n\nasync function MessageBox(\n  options: ElMessageBoxOptions,\n  appContext?: AppContext | null\n): Promise<MessageBoxData>\nfunction MessageBox(\n  options: ElMessageBoxOptions | string | VNode,\n  appContext: AppContext | null = null\n): Promise<{ value: string; action: Action } | Action> {\n  if (!isClient) return Promise.reject()\n  let callback\n  if (isString(options) || isVNode(options)) {\n    options = {\n      message: options,\n    }\n  } else {\n    callback = options.callback\n  }\n\n  return new Promise((resolve, reject) => {\n    const vm = showMessage(options, appContext ?? MessageBox._context)\n    // collect this vm in order to handle upcoming events.\n    messageInstance.set(vm, {\n      options,\n      callback,\n      resolve,\n      reject,\n    })\n  })\n}\n\nconst MESSAGE_BOX_VARIANTS = ['alert', 'confirm', 'prompt'] as const\nconst MESSAGE_BOX_DEFAULT_OPTS: Record<\n  typeof MESSAGE_BOX_VARIANTS[number],\n  Partial<ElMessageBoxOptions>\n> = {\n  alert: { closeOnPressEscape: false, closeOnClickModal: false },\n  confirm: { showCancelButton: true },\n  prompt: { showCancelButton: true, showInput: true },\n}\n\nMESSAGE_BOX_VARIANTS.forEach((boxType) => {\n  MessageBox[boxType] = messageBoxFactory(boxType)\n})\n\nfunction messageBoxFactory(boxType: typeof MESSAGE_BOX_VARIANTS[number]) {\n  return (\n    message: string,\n    titleOrOpts: string | ElMessageBoxOptions,\n    options?: ElMessageBoxOptions,\n    appContext?: AppContext | null\n  ) => {\n    let title: string\n    if (isObject(titleOrOpts)) {\n      options = titleOrOpts\n      title = ''\n    } else if (isUndefined(titleOrOpts)) {\n      title = ''\n    } else {\n      title = titleOrOpts\n    }\n\n    return MessageBox(\n      Object.assign(\n        {\n          title,\n          message,\n          type: '',\n          ...MESSAGE_BOX_DEFAULT_OPTS[boxType],\n        },\n        options,\n        {\n          boxType,\n        }\n      ),\n      appContext\n    )\n  }\n}\n\nMessageBox.close = () => {\n  // instance.setupInstall.doClose()\n  // instance.setupInstall.state.visible = false\n\n  messageInstance.forEach((_, vm) => {\n    vm.doClose()\n  })\n\n  messageInstance.clear()\n}\n\nMessageBox._context = null\n\nexport default MessageBox as IElMessageBox\n"],"names":[],"mappings":"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"}

package/es/components/message-box/style/index.d.ts

@@ -1,5 +1,5 @@
 import 'element-plus/es/components/base/style';
 import 'element-plus/theme-chalk/src/message-box.scss';
-import 'element-plus/es/components/button/style/index';
-import 'element-plus/es/components/input/style/index';
-import 'element-plus/es/components/overlay/style/index';
+import 'element-plus/es/components/button/style';
+import 'element-plus/es/components/input/style';
+import 'element-plus/es/components/overlay/style';

package/es/components/notification/src/notification2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const ns = useNamespace('notification')\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      ns,\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Transition","_createElementVNode","_normalizeClass","_normalizeStyle","_resolveDynamicComponent","_toDisplayString","_renderSlot","_createElementBlock","_Fragment","_createCommentVNode","_withModifiers","_createVNode"],"mappings":"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"}
+{"version":3,"file":"notification2.mjs","sources":["../../../../../../packages/components/notification/src/notification.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      :class=\"[ns.b(), customClass, horizontalClass]\"\n      :style=\"positionStyle\"\n      role=\"alert\"\n      @mouseenter=\"clearTimer\"\n      @mouseleave=\"startTimer\"\n      @click=\"onClick\"\n    >\n      <el-icon v-if=\"iconComponent\" :class=\"[ns.e('icon'), typeClass]\">\n        <component :is=\"iconComponent\" />\n      </el-icon>\n      <div :class=\"ns.e('group')\">\n        <h2 :class=\"ns.e('title')\" v-text=\"title\"></h2>\n        <div\n          v-show=\"message\"\n          :class=\"ns.e('content')\"\n          :style=\"!!title ? undefined : { margin: 0 }\"\n        >\n          <slot>\n            <p v-if=\"!dangerouslyUseHTMLString\">{{ message }}</p>\n            <!-- Caution here, message could've been compromized, nerver use user's input as message -->\n            <!-- eslint-disable-next-line -->\n            <p v-else v-html=\"message\"></p>\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <close />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponents, TypeComponentsMap } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { notificationProps, notificationEmits } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\nexport default defineComponent({\n  name: 'ElNotification',\n\n  components: {\n    ElIcon,\n    ...TypeComponents,\n  },\n\n  props: notificationProps,\n  emits: notificationEmits,\n\n  setup(props) {\n    const ns = useNamespace('notification')\n    const visible = ref(false)\n    let timer: (() => void) | undefined = undefined\n\n    const typeClass = computed(() => {\n      const type = props.type\n      return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n    })\n\n    const iconComponent = computed(() => {\n      return TypeComponentsMap[props.type] || props.icon || ''\n    })\n\n    const horizontalClass = computed(() =>\n      props.position.endsWith('right') ? 'right' : 'left'\n    )\n\n    const verticalProperty = computed(() =>\n      props.position.startsWith('top') ? 'top' : 'bottom'\n    )\n\n    const positionStyle = computed<CSSProperties>(() => {\n      return {\n        [verticalProperty.value]: `${props.offset}px`,\n        zIndex: props.zIndex,\n      }\n    })\n\n    function startTimer() {\n      if (props.duration > 0) {\n        ;({ stop: timer } = useTimeoutFn(() => {\n          if (visible.value) close()\n        }, props.duration))\n      }\n    }\n\n    function clearTimer() {\n      timer?.()\n    }\n\n    function close() {\n      visible.value = false\n    }\n\n    function onKeydown({ code }: KeyboardEvent) {\n      if (code === EVENT_CODE.delete || code === EVENT_CODE.backspace) {\n        clearTimer() // press delete/backspace clear timer\n      } else if (code === EVENT_CODE.esc) {\n        // press esc to close the notification\n        if (visible.value) {\n          close()\n        }\n      } else {\n        startTimer() // resume timer\n      }\n    }\n\n    // lifecycle\n    onMounted(() => {\n      startTimer()\n      visible.value = true\n    })\n\n    useEventListener(document, 'keydown', onKeydown)\n\n    return {\n      ns,\n      horizontalClass,\n      typeClass,\n      iconComponent,\n      positionStyle,\n      visible,\n\n      close,\n      clearTimer,\n      startTimer,\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_Transition","_withDirectives","_createElementVNode","_normalizeClass","_normalizeStyle","_openBlock","_resolveDynamicComponent","_toDisplayString","_renderSlot","_createElementBlock","_Fragment","_createCommentVNode","_vShow","_withModifiers","_createVNode"],"mappings":";;;;;;;;;;;;AAmDA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,IAAM,EAAA,gBAAA;AAAA,EAEN,UAAY,EAAA;AAAA,IACV,MAAA;AAAA,IACG,GAAA,cAAA;AAAA,GAAA;AAAA,EAGL,KAAO,EAAA,iBAAA;AAAA,EACP,KAAO,EAAA,iBAAA;AAAA,EAEP,MAAM,KAAO,EAAA;AACX,IAAA,MAAM,KAAK,YAAa,CAAA,cAAA,CAAA,CAAA;AACxB,IAAA,MAAM,UAAU,GAAI,CAAA,KAAA,CAAA,CAAA;AACpB,IAAA,IAAI,KAAkC,GAAA,KAAA,CAAA,CAAA;AAEtC,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACnB,MAAA,OAAO,QAAQ,iBAAkB,CAAA,KAAA,CAAM,IAAQ,CAAA,GAAA,EAAA,CAAG,EAAE,IAAQ,CAAA,GAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAG9D,IAAM,MAAA,aAAA,GAAgB,SAAS,MAAM;AACnC,MAAA,OAAO,iBAAkB,CAAA,KAAA,CAAM,IAAS,CAAA,IAAA,KAAA,CAAM,IAAQ,IAAA,EAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGxD,IAAA,MAAM,kBAAkB,QAAS,CAAA,MAC/B,MAAM,QAAS,CAAA,QAAA,CAAS,WAAW,OAAU,GAAA,MAAA,CAAA,CAAA;AAG/C,IAAA,MAAM,mBAAmB,QAAS,CAAA,MAChC,MAAM,QAAS,CAAA,UAAA,CAAW,SAAS,KAAQ,GAAA,QAAA,CAAA,CAAA;AAG7C,IAAM,MAAA,aAAA,GAAgB,SAAwB,MAAM;AAClD,MAAO,OAAA;AAAA,QACJ,CAAA,gBAAA,CAAiB,KAAQ,GAAA,CAAA,EAAG,KAAM,CAAA,MAAA,CAAA,EAAA,CAAA;AAAA,QACnC,QAAQ,KAAM,CAAA,MAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAIlB,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,QAAA,CAAA;AAAC,QAAC,CAAE,EAAA,IAAA,EAAM,KAAU,EAAA,GAAA,YAAA,CAAa,MAAM;AACrC,UAAA,IAAI,OAAQ,CAAA,KAAA;AAAO,YAAA,KAAA,EAAA,CAAA;AAAA,SAAA,EAClB,KAAM,CAAA,QAAA,CAAA,EAAA;AAAA,OAAA;AAAA,KAAA;AAIb,IAAsB,SAAA,UAAA,GAAA;AACpB,MAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,EAAA,CAAA;AAAA,KAAA;AAGF,IAAiB,SAAA,KAAA,GAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,KAAA;AAGlB,IAAA,SAAA,SAAA,CAAmB,EAAE,IAAuB,EAAA,EAAA;AAC1C,MAAA,IAAI,IAAS,KAAA,UAAA,CAAW,MAAU,IAAA,IAAA,KAAS,WAAW,SAAW,EAAA;AAC/D,QAAA,UAAA,EAAA,CAAA;AAAA,OACS,MAAA,IAAA,IAAA,KAAS,WAAW,GAAK,EAAA;AAElC,QAAA,IAAI,QAAQ,KAAO,EAAA;AACjB,UAAA,KAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAEG,MAAA;AACL,QAAA,UAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAKJ,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,UAAA,EAAA,CAAA;AACA,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAAA,KAAA,CAAA,CAAA;AAGlB,IAAA,gBAAA,CAAiB,UAAU,SAAW,EAAA,SAAA,CAAA,CAAA;AAEtC,IAAO,OAAA;AAAA,MACL,EAAA;AAAA,MACA,eAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MAEA,KAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAA;AAAA,KAAA,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,CAAA;;;;;;;;sBAzIJA,WAqCa,CAAAC,UAAA,EAAA;AAAA,IApCV,IAAA,EAAM,QAAG,CAAC,CAAA,MAAA,CAAA;AAAA,IACV,aAAc,EAAA,IAAA,CAAA,OAAA;AAAA,IACd,YAAA,EAAW,sCAAE,IAAK,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,GAAA,EAAA;qBAEnB,MA+BM;AAAA,MAAAC,cAAA,CA/BNC,kBA+BM,CAAA,KAAA,EAAA;AAAA,QA7BH,EAAI,EAAA,IAAA,CAAA,EAAA;AAAA,QACJ,KAAK,EAAAC,cAAA,CAAA,CAAG,IAAG,CAAA,EAAA,CAAA,CAAA,EAAA,EAAK,IAAa,CAAA,WAAA,EAAA,IAAA,CAAA,eAAA,CAAA,CAAA;AAAA,QAC7B,OAAKC,cAAE,CAAA,IAAA,CAAA,aAAA,CAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACJ,cAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QACZ,cAAU,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,UAAA,IAAA,IAAA,CAAA,UAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,QACZ,SAAK,MAAE,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,GAAA,IAAA,KAAA,IAAA,CAAA,OAAA,IAAA,IAAA,CAAA,OAAA,CAAA,GAAA,IAAA,CAAA,CAAA;AAAA,OAAA,EAAA;AAEO,QAAA,IAAA,CAAA,aAAA,IAAAC,SAAA,EAAA,EAAfN,WAEU,CAAA,kBAAA,EAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAFqB,KAAK,EAAAI,cAAA,CAAA,CAAG,IAAG,CAAA,EAAA,CAAA,CAAA,CAAC,MAAU,CAAA,EAAA,IAAA,CAAA,SAAA,CAAA,CAAA;AAAA,SAAA,EAAA;2BACnD,MAAiC;AAAA,aAAAE,SAAA,EAAA,EAAjCN,YAAiCO,uBAAjB,CAAA,IAAA,CAAA,aAAA,CAAA,CAAA;AAAA,WAAA,CAAA;AAAA,UAAA,CAAA,EAAA,CAAA;;QAElBJ,kBAiBM,CAAA,KAAA,EAAA;AAAA,UAjBA,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,SAAA,EAAA;UACfD,kBAA+C,CAAA,IAAA,EAAA;AAAA,YAA1C,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,OAAA,CAAA,CAAA;AAAA,YAAA,WAAA,EAAWI,gBAAQ,IAAM,CAAA,KAAA,CAAA;AAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;yBACzCL,kBAWM,CAAA,KAAA,EAAA;AAAA,YATH,KAAA,EAAKC,cAAE,CAAA,IAAA,CAAA,EAAA,CAAG,CAAC,CAAA,SAAA,CAAA,CAAA;AAAA,YACX,KAAA,EAAKC,cAAI,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,GAAQ,KAAS,CAAA,GAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA;AAAA,WAAA,EAAA;AAE3B,YAAAI,UAAA,CAKO,4BALP,MAKO;AAAA,cAAA,CAJK,IAAV,CAAA,wBAAA,IAAAH,SAAA,EAAA,EAAAI,kBAAA,CAAqD,GAAd,EAAA,UAAA,EAAAF,eAAA,CAAA,IAAA,CAAA,OAAA,CAAA,EAAO,oBAG9CE,kBAA+B,CAAAC,QAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,gBAF/BC,kBAAA,CAAA,uFAAA,CAAA;AAAA,gBACAA,kBAAA,CAAA,4BAAA,CAAA;AAAA,gBACAT,kBAAA,CAA+B,GAArB,EAAA,EAAA,SAAA,EAAQ,IAAO,CAAA,OAAA,EAAA,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA;AAAA,eAAA,EAAA,IAAA,CAAA,CAAA;;;AARnB,YAAA,CAAAU,KAAA,EAAA,IAAA,CAAA,OAAA,CAAA;AAAA,WAAA,CAAA;AAAA,UAWK,+BAAfb,WAEU,CAAA,kBAAA,EAAA;AAAA,YAAA,GAAA,EAAA,CAAA;YAFiB,KAAK,EAAAI,cAAA,CAAE,QAAG,CAAC,CAAA,UAAA,CAAA,CAAA;AAAA,YAAe,OAAA,EAAKU,cAAO,IAAK,CAAA,KAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,WAAA,EAAA;6BACpE,MAAS;AAAA,cAATC,WAAS,CAAA,gBAAA,CAAA;AAAA,aAAA,CAAA;AAAA,YAAA,CAAA,EAAA,CAAA;;;;AA3BL,QAAA,CAAAF,KAAA,EAAA,IAAA,CAAA,OAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,CAAA;AAAA,IAAA,CAAA,EAAA,CAAA;;;;;;;"}

package/es/components/notification/src/notify.mjs

@@ -17,7 +17,7 @@ const notifications = {
 };
 const GAP_SIZE = 16;
 let seed = 1;
-const notify = function(options = {}) {
+const notify = function(options = {}, context = null) {
   if (!isClient)
     return { close: () => void 0 };
   if (typeof options === "string" || isVNode(options)) {
@@ -56,6 +56,7 @@ const notify = function(options = {}) {
   const vm = createVNode(NotificationConstructor, props, isVNode(props.message) ? {
     default: () => props.message
   } : null);
+  vm.appContext = context != null ? context : notify._context;
   vm.props.onDestroy = () => {
     render(null, container);
   };
@@ -102,7 +103,7 @@ function close(id, position, userOnClose) {
     return;
   for (let i = idx; i < len; i++) {
     const { el, component } = orientedNotifications[i].vm;
-    const pos = parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
+    const pos = Number.parseInt(el.style[verticalPos], 10) - removedHeight - GAP_SIZE;
     component.props.offset = pos;
   }
 }
@@ -115,6 +116,7 @@ function closeAll() {
   }
 }
 notify.closeAll = closeAll;
+notify._context = null;
 
 export { close, closeAll, notify as default };
 //# sourceMappingURL=notify.mjs.map