@element-plus/nightly 0.0.20251221 → 0.0.20251223

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

@@ -1 +1 @@
-{"version":3,"file":"message2.js","sources":["../../../../../../packages/components/message/src/message.vue"],"sourcesContent":["<template>\n  <transition\n    :name=\"ns.b('fade')\"\n    @before-enter=\"isStartTransition = true\"\n    @before-leave=\"onClose\"\n    @after-leave=\"$emit('destroy')\"\n  >\n    <div\n      v-show=\"visible\"\n      :id=\"id\"\n      ref=\"messageRef\"\n      :class=\"[\n        ns.b(),\n        { [ns.m(type)]: type },\n        ns.is('closable', showClose),\n        ns.is('plain', plain),\n        ns.is('bottom', verticalProperty === 'bottom'),\n        horizontalClass,\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-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\" />\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\n<script lang=\"ts\" setup>\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\nimport { useEventListener, useResizeObserver, useTimeoutFn } from '@vueuse/core'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport ElBadge from '@element-plus/components/badge'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  MESSAGE_DEFAULT_PLACEMENT,\n  messageEmits,\n  messageProps,\n} from './message'\nimport { getLastOffset, getOffsetOrSpace } from './instance'\n\nimport type { BadgeProps } from '@element-plus/components/badge'\nimport type { CSSProperties } from 'vue'\n\nconst { Close } = TypeComponents\n\ndefineOptions({\n  name: 'ElMessage',\n})\n\nconst props = defineProps(messageProps)\nconst emit = defineEmits(messageEmits)\n\nconst isStartTransition = ref(false)\n\nconst { ns, zIndex } = useGlobalComponentSettings('message')\nconst { currentZIndex, nextZIndex } = zIndex\n\nconst messageRef = ref<HTMLDivElement>()\nconst visible = ref(false)\nconst height = ref(0)\n\nlet stopTimer: (() => void) | undefined = undefined\n\nconst badgeType = computed<BadgeProps['type']>(() =>\n  props.type ? (props.type === 'error' ? 'danger' : props.type) : 'info'\n)\nconst typeClass = computed(() => {\n  const type = props.type\n  return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n})\nconst iconComponent = computed(\n  () => props.icon || TypeComponentsMap[props.type] || ''\n)\n\nconst placement = computed(() => props.placement || MESSAGE_DEFAULT_PLACEMENT)\n\nconst lastOffset = computed(() => getLastOffset(props.id, placement.value))\nconst offset = computed(() => {\n  return (\n    getOffsetOrSpace(props.id, props.offset, placement.value) + lastOffset.value\n  )\n})\nconst bottom = computed(() => height.value + offset.value)\nconst horizontalClass = computed(() => {\n  if (placement.value.includes('left')) return ns.is('left')\n  if (placement.value.includes('right')) return ns.is('right')\n  return ns.is('center')\n})\n\nconst verticalProperty = computed(() =>\n  placement.value.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst customStyle = computed<CSSProperties>(() => ({\n  [verticalProperty.value]: `${offset.value}px`,\n  zIndex: currentZIndex.value,\n}))\n\nfunction startTimer() {\n  if (props.duration === 0) return\n  ;({ stop: stopTimer } = useTimeoutFn(() => {\n    close()\n  }, props.duration))\n}\n\nfunction clearTimer() {\n  stopTimer?.()\n}\n\nfunction close() {\n  visible.value = false\n\n  // if the message has never started a transition, we can destroy it immediately\n  nextTick(() => {\n    if (!isStartTransition.value) {\n      props.onClose?.()\n      emit('destroy')\n    }\n  })\n}\n\nfunction keydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n  if (code === EVENT_CODE.esc) {\n    // press esc to close the message\n    close()\n  }\n}\n\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nwatch(\n  () => props.repeatNum,\n  () => {\n    clearTimer()\n    startTimer()\n  }\n)\n\nuseEventListener(document, 'keydown', keydown)\n\nuseResizeObserver(messageRef, () => {\n  height.value = messageRef.value!.getBoundingClientRect().height\n})\n\ndefineExpose({\n  visible,\n  bottom,\n  close,\n})\n</script>\n"],"names":["TypeComponents","ref","useGlobalComponentSettings","computed","TypeComponentsMap","MESSAGE_DEFAULT_PLACEMENT","getLastOffset","getOffsetOrSpace","useTimeoutFn","nextTick","event","getEventCode","EVENT_CODE","onMounted","watch","useEventListener","useResizeObserver","_createBlock","_Transition","_unref","onClose","$emit","_withDirectives","_createElementVNode","id","_normalizeClass","type","showClose","plain","customClass","_normalizeStyle","repeatNum","ElBadge","_createCommentVNode","_openBlock","ElIcon","_resolveDynamicComponent","_renderSlot","dangerouslyUseHTMLString","_createElementBlock","message","_Fragment","_withModifiers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEM,IAAA,MAAA,EAAE,OAAU,GAAAA,mBAAA,CAAA;AAMlB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,iBAAA,GAAoBC,QAAI,KAAK,CAAA,CAAA;AAEnC,IAAA,MAAM,EAAE,EAAA,EAAI,MAAO,EAAA,GAAIC,2CAA2B,SAAS,CAAA,CAAA;AACrD,IAAA,MAAA,EAAE,aAAe,EAAA,UAAA,EAAe,GAAA,MAAA,CAAA;AAEtC,IAAA,MAAM,aAAaD,OAAoB,EAAA,CAAA;AACjC,IAAA,MAAA,OAAA,GAAUA,QAAI,KAAK,CAAA,CAAA;AACnB,IAAA,MAAA,MAAA,GAASA,QAAI,CAAC,CAAA,CAAA;AAEpB,IAAA,IAAI,SAAsC,GAAA,KAAA,CAAA,CAAA;AAE1C,IAAA,MAAM,SAAY,GAAAE,YAAA;AAAA,MAA6B,MAC7C,MAAM,IAAQ,GAAA,KAAA,CAAM,SAAS,OAAU,GAAA,QAAA,GAAW,MAAM,IAAQ,GAAA,MAAA;AAAA,KAClE,CAAA;AACM,IAAA,MAAA,SAAA,GAAYA,aAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACZ,MAAA,OAAA,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,IAAI,CAAA,GAAI,IAAQ,IAAAC,sBAAA,CAAkB,IAAM,CAAA,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AACD,IAAA,MAAM,aAAgB,GAAAD,YAAA;AAAA,MACpB,MAAM,KAAA,CAAM,IAAQ,IAAAC,sBAAA,CAAkB,MAAM,IAAS,CAAA,IAAA,EAAA;AAAA,KACvD,CAAA;AAEA,IAAA,MAAM,SAAY,GAAAD,YAAA,CAAS,MAAM,KAAA,CAAM,aAAaE,iCAAyB,CAAA,CAAA;AAEvE,IAAA,MAAA,UAAA,GAAaF,aAAS,MAAMG,sBAAA,CAAc,MAAM,EAAI,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA;AACpE,IAAA,MAAA,MAAA,GAASH,aAAS,MAAM;AAE1B,MAAA,OAAAI,yBAAA,CAAiB,MAAM,EAAI,EAAA,KAAA,CAAM,QAAQ,SAAU,CAAA,KAAK,IAAI,UAAW,CAAA,KAAA,CAAA;AAAA,KAE1E,CAAA,CAAA;AACD,IAAA,MAAM,SAASJ,YAAS,CAAA,MAAM,MAAO,CAAA,KAAA,GAAQ,OAAO,KAAK,CAAA,CAAA;AACnD,IAAA,MAAA,eAAA,GAAkBA,aAAS,MAAM;AACjC,MAAA,IAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,MAAM,CAAA;AAAU,QAAA,OAAA,EAAA,CAAG,GAAG,MAAM,CAAA,CAAA;AACrD,MAAA,IAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAAU,QAAA,OAAA,EAAA,CAAG,GAAG,OAAO,CAAA,CAAA;AACpD,MAAA,OAAA,EAAA,CAAG,GAAG,QAAQ,CAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AAED,IAAA,MAAM,gBAAmB,GAAAA,YAAA;AAAA,MAAS,MAChC,SAAU,CAAA,KAAA,CAAM,UAAW,CAAA,KAAK,IAAI,KAAQ,GAAA,QAAA;AAAA,KAC9C,CAAA;AAEM,IAAA,MAAA,WAAA,GAAcA,aAAwB,OAAO;AAAA,MACjD,CAAC,gBAAA,CAAiB,KAAQ,GAAA,CAAA,EAAG,MAAO,CAAA,KAAA,CAAA,EAAA,CAAA;AAAA,MACpC,QAAQ,aAAc,CAAA,KAAA;AAAA,KACtB,CAAA,CAAA,CAAA;AAEF,IAAA,SAAS,UAAa,GAAA;AAChB,MAAA,IAAA,MAAM,QAAa,KAAA,CAAA;AAAG,QAAA,OAAA;AACzB,MAAA,CAAC,EAAE,IAAA,EAAM,SAAU,EAAA,GAAIK,kBAAa,MAAM;AACnC,QAAA,KAAA,EAAA,CAAA;AAAA,OACR,EAAG,MAAM,QAAQ,CAAA,EAAA;AAAA,KACnB;AAEA,IAAA,SAAS,UAAa,GAAA;AACR,MAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AAAA,KACd;AAEA,IAAA,SAAS,KAAQ,GAAA;AACf,MAAA,OAAA,CAAQ,KAAQ,GAAA,KAAA,CAAA;AAGhB,MAAAC,YAAA,CAAS,MAAM;;AACT,QAAA,IAAA,CAAC,kBAAkB,KAAO,EAAA;AAC5B,UAAA,CAAA,EAAA,GAAA,KAAA,CAAM,OAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;AACA,UAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AAAA,SAChB;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAEA,IAAA,SAAS,QAAQC,OAAsB,EAAA;AAC/B,MAAA,MAAA,IAAA,GAAOC,mBAAaD,OAAK,CAAA,CAAA;AAC3B,MAAA,IAAA,IAAA,KAASE,gBAAW,GAAK,EAAA;AAErB,QAAA,KAAA,EAAA,CAAA;AAAA,OACR;AAAA,KACF;AAEA,IAAAC,aAAA,CAAU,MAAM;AACH,MAAA,UAAA,EAAA,CAAA;AACA,MAAA,UAAA,EAAA,CAAA;AACX,MAAA,OAAA,CAAQ,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAED,IAAAC,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,SAAA;AAAA,MACZ,MAAM;AACO,QAAA,UAAA,EAAA,CAAA;AACA,QAAA,UAAA,EAAA,CAAA;AAAA,OACb;AAAA,KACF,CAAA;AAEiB,IAAAC,qBAAA,CAAA,QAAA,EAAU,WAAW,OAAO,CAAA,CAAA;AAE7C,IAAAC,sBAAA,CAAkB,YAAY,MAAM;AAClC,MAAA,MAAA,CAAO,KAAQ,GAAA,UAAA,CAAW,KAAO,CAAA,qBAAA,EAAwB,CAAA,MAAA,CAAA;AAAA,KAC1D,CAAA,CAAA;AAEY,IAAA,QAAA,CAAA;AAAA,MACX,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,KACD,CAAA,CAAA;;4BAnLC,EAAAC,eAAA,CA4CaC,cAAA,EAAA;AAAA,QA3CV,IAAM,EAAAC,SAAA,KAAG,EAAC,MAAA,CAAA;AAAA,QACV,aAAA,EAAY,sCAAE,kBAAiB,KAAA,GAAA,IAAA,CAAA;AAAA,QAC/B,eAAcC,IAAAA,CAAAA,OAAAA;AAAAA,QACd,YAAA,EAAW,sCAAEC,IAAK,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA;AAAA,QAJrB,SAAA,EAAA,EAAA;AAAA,OAAA,EAAA;AAAA,6BAME,MAqCM;AAAA,UAAAC,kBAAA,CArCNC,uBAqCM,KAAA,EAAA;AAAA,YAnCH,IAAIC,IAAAA,CAAAA,EAAAA;AAAAA,YACD,OAAA,EAAA,YAAA;AAAA,YAAJ,GAAI,EAAA,UAAA;AAAA,YACH,OAAKC,kBAAA,CAAA;AAAA,cAAYN,SAAA,KAAG,CAAC,EAAA;AAAA,cAAA,EAAA,CAAeA,SAAA,CAAG,EAAA,CAAA,CAAA,EAAEO,IAAI,CAAA,IAAA,CAAIA,GAAAA,IAAAA,CAAI,IAAA,EAAA;AAAA,cAAYP,UAAA,EAAA,CAAA,CAAG,EAAE,CAAA,UAAA,EAAaQ,KAAS,SAAA,CAAA;AAAA,cAAWR,UAAA,EAAA,CAAA,CAAG,EAAE,CAAA,OAAA,EAAUS,KAAK,KAAA,CAAA;AAAA,cAAWT,UAAA,EAAA,CAAA,CAAG,GAAE,QAAW,EAAA,gBAAA,CAAgB,UAAA,QAAA,CAAA;AAAA,cAAwB,eAAA,CAAA,KAAA;AAAA,cAAyBU,IAAAA,CAAAA,WAAAA;AAAAA,aAAAA,CAAAA;AAAAA,YASvN,KAAA,EAAKC,kBAAE,CAAA,WAAA,CAAW,KAAA,CAAA;AAAA,YACnB,IAAK,EAAA,OAAA;AAAA,YACJ,YAAY,EAAA,UAAA;AAAA,YACZ,YAAY,EAAA,UAAA;AAAA,WAAA,EAAA;AAAA,YAGLC,IAAAA,CAAAA,YAAS,sBADjBd,eAKE,CAAAE,SAAA,CAAAa,aAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAHC,OAAOD,IAAAA,CAAAA,SAAAA;AAAAA,cACP,MAAM,SAAA,CAAA,KAAA;AAAA,cACN,OAAKN,kBAAE,CAAAN,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,CAAA,IAAAc,sBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,YAEC,cAAA,KAAA,IAAAC,aAAA,IAAfjB,eAEU,CAAAE,SAAA,CAAAgB,cAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFqB,KAAA,EAAKV,kBAAG,CAAA,CAAAN,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,EAAU,SAAS,CAAA,KAAA,CAAA,CAAA;AAAA,aAAA,EAAA;AAAA,mCAC5D,MAAiC;AAAA,iBAAjCe,eAAA,EAAAjB,eAAA,CAAiCmB,2BAAjB,CAAA,aAAA,CAAa,KAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;YAE/BC,eAMO,4BANP,MAMO;AAAA,cAAA,CALKC,IAAAA,CAAV,wBAAA,IAAAJ,aAAA,EAAA,EAAAK,sBAAA;AAAA,gBAEI,GAAA;AAAA,gBAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAFiC,OAAKd,kBAAE,CAAAN,SAAA,IAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,oCAC3CqB,KAAO,OAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAGZ,KAAAN,eAAA,EAAAK,sBAAA;AAAA,gBAAsDE,YAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBADtDR,uBAAA,sFAAA,CAAA;AAAA,kBACAV,uBAAsD,GAAA,EAAA;AAAA,oBAA3C,OAAKE,kBAAE,CAAAN,SAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,oBAAa,WAAQqB,IAAAA,CAAAA,OAAAA;AAAAA,mBAAAA,EAAAA,IAAAA,EAAAA,EAAAA,EAAAA,UAAAA,CAAAA;AAAAA;;;;YAE9Bb,KAAAA,SAAAA,IAAAA,aAAAA,IAAfV,eAEU,CAAAE,SAAA,CAAAgB,cAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFiB,OAAKV,kBAAE,CAAAN,SAAA,IAAG,CAAA,CAAA,CAAC,UAAA,CAAA,CAAA;AAAA,cAAe,OAAK,EAAAuB,iBAAA,CAAO,KAAK,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,aAAA,EAAA;AAAA,mCACpE,MAAS;AAAA,gBAATC,eAAA,CAASxB,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;sBAlCH,EAAA,OAAA,CAAO,KAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"message2.js","sources":["../../../../../../packages/components/message/src/message.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  iconPropType,\n  isClient,\n  mutable,\n} from '@element-plus/utils'\n\nimport type {\n  AppContext,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  VNode,\n} from 'vue'\nimport type { Mutable } from '@element-plus/utils'\nimport type MessageConstructor from './message.vue'\n\nexport const messageTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const messagePlacement = [\n  'top',\n  'top-left',\n  'top-right',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n] as const\n\nexport const MESSAGE_DEFAULT_PLACEMENT = 'top'\n\nexport type MessageType = (typeof messageTypes)[number]\nexport type MessagePlacement = (typeof messagePlacement)[number]\n/** @deprecated please use `MessageType` instead */\nexport type messageType = MessageType // will be removed in 3.0.0.\n\nexport interface MessageConfigContext {\n  max?: number\n  grouping?: boolean\n  duration?: number\n  offset?: number\n  showClose?: boolean\n  plain?: boolean\n  placement?: string\n}\n\nexport const messageDefaults = mutable({\n  customClass: '',\n  dangerouslyUseHTMLString: false,\n  duration: 3000,\n  icon: undefined,\n  id: '',\n  message: '',\n  onClose: undefined,\n  showClose: false,\n  type: 'info',\n  plain: false,\n  offset: 16,\n  placement: undefined,\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  /**\n   * @description custom class name for Message\n   */\n  customClass: {\n    type: String,\n    default: messageDefaults.customClass,\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: {\n    type: Boolean,\n    default: messageDefaults.dangerouslyUseHTMLString,\n  },\n  /**\n   * @description display duration, millisecond. If set to 0, it will not turn off automatically\n   */\n  duration: {\n    type: Number,\n    default: messageDefaults.duration,\n  },\n  /**\n   * @description custom icon component, overrides `type`\n   */\n  icon: {\n    type: iconPropType,\n    default: messageDefaults.icon,\n  },\n  /**\n   * @description message dom id\n   */\n  id: {\n    type: String,\n    default: messageDefaults.id,\n  },\n  /**\n   * @description message text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: messageDefaults.message,\n  },\n  /**\n   * @description callback function when closed with the message instance as the parameter\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    default: messageDefaults.onClose,\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: messageDefaults.showClose,\n  },\n  /**\n   * @description message type\n   */\n  type: {\n    type: String,\n    values: messageTypes,\n    default: messageDefaults.type,\n  },\n  /**\n   * @description whether message is plain\n   */\n  plain: {\n    type: Boolean,\n    default: messageDefaults.plain,\n  },\n  /**\n   * @description set the distance to the top of viewport\n   */\n  offset: {\n    type: Number,\n    default: messageDefaults.offset,\n  },\n  /**\n   * @description message placement position\n   */\n  placement: {\n    type: String,\n    values: messagePlacement,\n    default: messageDefaults.placement,\n  },\n  /**\n   * @description input box size\n   */\n  zIndex: {\n    type: Number,\n    default: messageDefaults.zIndex,\n  },\n  /**\n   * @description merge messages with the same content, type of VNode message is not supported\n   */\n  grouping: {\n    type: Boolean,\n    default: messageDefaults.grouping,\n  },\n  /**\n   * @description The number of repetitions, similar to badge, is used as the initial number when used with `grouping`\n   */\n  repeatNum: {\n    type: Number,\n    default: messageDefaults.repeatNum,\n  },\n} as const)\nexport type MessageProps = ExtractPropTypes<typeof messageProps>\nexport type MessagePropsPublic = ExtractPublicPropTypes<typeof messageProps>\n\nexport const messageEmits = {\n  destroy: () => true,\n}\nexport type MessageEmits = typeof messageEmits\n\nexport type MessageInstance = InstanceType<typeof MessageConstructor> & unknown\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  /**\n   * @description set the root element for the message, default to `document.body`\n   */\n  appendTo: HTMLElement\n}\nexport type MessageOptionsWithType = Omit<MessageOptions, 'type'>\nexport type MessageParamsWithType =\n  | MessageOptionsWithType\n  | MessageOptions['message']\n\nexport interface MessageHandler {\n  /**\n   * @description close the Message\n   */\n  close: () => void\n}\n\nexport type MessageFn = {\n  (options?: MessageParams, appContext?: null | AppContext): MessageHandler\n  closeAll(type?: MessageType): void\n  closeAllByPlacement(position: MessagePlacement): void\n}\nexport type MessageTypedFn = (\n  options?: MessageParamsWithType,\n  appContext?: null | AppContext\n) => MessageHandler\n\nexport type Message = MessageFn & {\n  primary: MessageTypedFn\n  success: MessageTypedFn\n  warning: MessageTypedFn\n  info: MessageTypedFn\n  error: MessageTypedFn\n}\n"],"names":["mutable","isClient","buildProps","iconPropType","definePropType"],"mappings":"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"}

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
-var message$2 = require('./message2.js');
-var message$1 = require('./message.js');
+var message$2 = require('./message.js');
+var message$1 = require('./message2.js');
 var instance = require('./instance.js');
 var configProvider = require('../../config-provider/src/config-provider.js');
 var core = require('@vueuse/core');

package/lib/components/notification/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var notify = require('./src/notify.js');
-var notification = require('./src/notification.js');
+var notification = require('./src/notification2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElNotification = install.withInstallFunction(notify["default"], "$notify");

package/lib/components/notification/src/notification.js

@@ -2,83 +2,183 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var iconsVue = require('@element-plus/icons-vue');
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var core = require('@vueuse/core');
+var index = require('../../icon/index.js');
+var notification = require('./notification2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var useGlobalConfig = require('../../config-provider/src/hooks/use-global-config.js');
 var icon = require('../../../utils/vue/icon.js');
+var event = require('../../../utils/dom/event.js');
+var aria = require('../../../constants/aria.js');
 
-const notificationTypes = [
-  "primary",
-  "success",
-  "info",
-  "warning",
-  "error"
-];
-const notificationProps = runtime.buildProps({
-  customClass: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["textContent"];
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["innerHTML"];
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElNotification"
   },
-  dangerouslyUseHTMLString: Boolean,
-  duration: {
-    type: Number,
-    default: 4500
-  },
-  icon: {
-    type: icon.iconPropType
-  },
-  id: {
-    type: String,
-    default: ""
-  },
-  message: {
-    type: runtime.definePropType([
-      String,
-      Object,
-      Function
-    ]),
-    default: ""
-  },
-  offset: {
-    type: Number,
-    default: 0
-  },
-  onClick: {
-    type: runtime.definePropType(Function),
-    default: () => void 0
-  },
-  onClose: {
-    type: runtime.definePropType(Function),
-    required: true
-  },
-  position: {
-    type: String,
-    values: ["top-right", "top-left", "bottom-right", "bottom-left"],
-    default: "top-right"
-  },
-  showClose: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  type: {
-    type: String,
-    values: [...notificationTypes, ""],
-    default: ""
-  },
-  zIndex: Number,
-  closeIcon: {
-    type: icon.iconPropType,
-    default: iconsVue.Close
+  __name: "notification",
+  props: notification.notificationProps,
+  emits: notification.notificationEmits,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const { ns, zIndex } = useGlobalConfig.useGlobalComponentSettings("notification");
+    const { nextZIndex, currentZIndex } = zIndex;
+    const visible = vue.ref(false);
+    let timer = void 0;
+    const typeClass = vue.computed(() => {
+      const type = props.type;
+      return type && icon.TypeComponentsMap[props.type] ? ns.m(type) : "";
+    });
+    const iconComponent = vue.computed(() => {
+      if (!props.type)
+        return props.icon;
+      return icon.TypeComponentsMap[props.type] || props.icon;
+    });
+    const horizontalClass = vue.computed(
+      () => props.position.endsWith("right") ? "right" : "left"
+    );
+    const verticalProperty = vue.computed(
+      () => props.position.startsWith("top") ? "top" : "bottom"
+    );
+    const positionStyle = vue.computed(() => {
+      var _a;
+      return {
+        [verticalProperty.value]: `${props.offset}px`,
+        zIndex: (_a = props.zIndex) != null ? _a : currentZIndex.value
+      };
+    });
+    function startTimer() {
+      if (props.duration > 0) {
+        ({ stop: timer } = core.useTimeoutFn(() => {
+          if (visible.value)
+            close();
+        }, props.duration));
+      }
+    }
+    function clearTimer() {
+      timer == null ? void 0 : timer();
+    }
+    function close() {
+      visible.value = false;
+    }
+    function onKeydown(event$1) {
+      const code = event.getEventCode(event$1);
+      switch (code) {
+        case aria.EVENT_CODE.delete:
+        case aria.EVENT_CODE.backspace:
+          clearTimer();
+          break;
+        case aria.EVENT_CODE.esc:
+          if (visible.value) {
+            close();
+          }
+          break;
+        default:
+          startTimer();
+          break;
+      }
+    }
+    vue.onMounted(() => {
+      startTimer();
+      nextZIndex();
+      visible.value = true;
+    });
+    core.useEventListener(document, "keydown", onKeydown);
+    __expose({
+      visible,
+      close
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: vue.unref(ns).b("fade"),
+        onBeforeLeave: _ctx.onClose,
+        onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy")),
+        persisted: ""
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("div", {
+            id: _ctx.id,
+            class: vue.normalizeClass([vue.unref(ns).b(), _ctx.customClass, horizontalClass.value]),
+            style: vue.normalizeStyle(positionStyle.value),
+            role: "alert",
+            onMouseenter: clearTimer,
+            onMouseleave: startTimer,
+            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          }, [
+            iconComponent.value ? (vue.openBlock(), vue.createBlock(vue.unref(index.ElIcon), {
+              key: 0,
+              class: vue.normalizeClass([vue.unref(ns).e("icon"), typeClass.value])
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconComponent.value)))
+              ]),
+              _: 1
+            }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(vue.unref(ns).e("group"))
+              },
+              [
+                vue.createElementVNode("h2", {
+                  class: vue.normalizeClass(vue.unref(ns).e("title")),
+                  textContent: vue.toDisplayString(_ctx.title)
+                }, null, 10, _hoisted_2),
+                vue.withDirectives(vue.createElementVNode(
+                  "div",
+                  {
+                    class: vue.normalizeClass(vue.unref(ns).e("content")),
+                    style: vue.normalizeStyle(!!_ctx.title ? void 0 : { margin: 0 })
+                  },
+                  [
+                    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+                      !_ctx.dangerouslyUseHTMLString ? (vue.openBlock(), vue.createElementBlock(
+                        "p",
+                        _hoisted_3,
+                        vue.toDisplayString(_ctx.message),
+                        1
+                      )) : (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", { innerHTML: _ctx.message }, null, 8, _hoisted_4)
+                        ],
+                        2112
+                      ))
+                    ])
+                  ],
+                  6
+                ), [
+                  [vue.vShow, _ctx.message]
+                ]),
+                _ctx.showClose ? (vue.openBlock(), vue.createBlock(vue.unref(index.ElIcon), {
+                  key: 0,
+                  class: vue.normalizeClass(vue.unref(ns).e("closeBtn")),
+                  onClick: vue.withModifiers(close, ["stop"])
+                }, {
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.closeIcon)))
+                  ]),
+                  _: 1
+                }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+              ],
+              2
+            )
+          ], 46, _hoisted_1), [
+            [vue.vShow, visible.value]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onBeforeLeave"]);
+    };
   }
 });
-const notificationEmits = {
-  destroy: () => true
-};
+var NotificationConstructor = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/notification/src/notification.vue"]]);
 
-exports.notificationEmits = notificationEmits;
-exports.notificationProps = notificationProps;
-exports.notificationTypes = notificationTypes;
+exports["default"] = NotificationConstructor;
 //# sourceMappingURL=notification.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.js","sources":["../../../../../../packages/components/notification/src/notification.ts"],"sourcesContent":["import { Close } from '@element-plus/icons-vue'\nimport { buildProps, definePropType, iconPropType } from '@element-plus/utils'\n\nimport type {\n  AppContext,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  VNode,\n} from 'vue'\nimport type Notification from './notification.vue'\n\nexport const notificationTypes = [\n  'primary',\n  'success',\n  'info',\n  'warning',\n  'error',\n] as const\n\nexport const notificationProps = buildProps({\n  /**\n   * @description custom class name for Notification\n   */\n  customClass: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description whether `message` is treated as HTML string\n   */\n  dangerouslyUseHTMLString: Boolean,\n  /**\n   * @description duration before close. It will not automatically close if set 0\n   */\n  duration: {\n    type: Number,\n    default: 4500,\n  },\n  /**\n   * @description custom icon component. It will be overridden by `type`\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description notification dom id\n   */\n  id: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description description text\n   */\n  message: {\n    type: definePropType<string | VNode | (() => VNode)>([\n      String,\n      Object,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description offset from the top edge of the screen. Every Notification instance of the same moment should have the same offset\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description callback function when notification clicked\n   */\n  onClick: {\n    type: definePropType<() => void>(Function),\n    default: () => undefined,\n  },\n  /**\n   * @description callback function when closed\n   */\n  onClose: {\n    type: definePropType<() => void>(Function),\n    required: true,\n  },\n  /**\n   * @description custom position\n   */\n  position: {\n    type: String,\n    values: ['top-right', 'top-left', 'bottom-right', 'bottom-left'],\n    default: 'top-right',\n  },\n  /**\n   * @description whether to show a close button\n   */\n  showClose: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description notification type\n   */\n  type: {\n    type: String,\n    values: [...notificationTypes, ''],\n    default: '',\n  },\n  /**\n   * @description initial zIndex\n   */\n  zIndex: Number,\n  /**\n   * @description custom close icon, default is Close\n   */\n  closeIcon: {\n    type: iconPropType,\n    default: Close,\n  },\n} as const)\nexport type NotificationProps = ExtractPropTypes<typeof notificationProps>\nexport type NotificationPropsPublic = ExtractPublicPropTypes<\n  typeof notificationProps\n>\n\nexport const notificationEmits = {\n  destroy: () => true,\n}\nexport type NotificationEmits = typeof notificationEmits\n\nexport type NotificationInstance = InstanceType<typeof Notification> & unknown\n\nexport type NotificationOptions = Omit<NotificationProps, 'id' | 'onClose'> & {\n  /**\n   * @description set the root element for the notification, default to `document.body`\n   */\n  appendTo?: HTMLElement | string\n  /**\n   * @description callback function when closed\n   */\n  onClose?(vm: VNode): void\n}\nexport type NotificationOptionsTyped = Omit<NotificationOptions, 'type'>\n\nexport interface NotificationHandle {\n  close: () => void\n}\n\nexport type NotificationParams = Partial<NotificationOptions> | string | VNode\nexport type NotificationParamsTyped =\n  | Partial<NotificationOptionsTyped>\n  | string\n  | VNode\n\nexport interface NotifyFn {\n  (\n    options?: NotificationParams,\n    appContext?: null | AppContext\n  ): NotificationHandle\n  closeAll(): void\n  updateOffsets(position?: NotificationOptions['position']): void\n  _context: AppContext | null\n}\n\nexport type NotifyTypedFn = (\n  options?: NotificationParamsTyped,\n  appContext?: null | AppContext\n) => NotificationHandle\n\nexport interface Notify extends NotifyFn {\n  primary: NotifyTypedFn\n  success: NotifyTypedFn\n  warning: NotifyTypedFn\n  error: NotifyTypedFn\n  info: NotifyTypedFn\n}\n\nexport interface NotificationQueueItem {\n  vm: VNode\n}\n\nexport type NotificationQueue = NotificationQueueItem[]\n"],"names":["buildProps","iconPropType","definePropType","Close"],"mappings":";;;;;;;;AAWO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AACF,EAAA;AAEO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,wBAA0B,EAAA,OAAA;AAAA,EAI1B,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,MAAMC,sBAA+C,CAAA;AAAA,MACnD,MAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA;AAAA,IACD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA2B,QAAQ,CAAA;AAAA,IACzC,SAAS,MAAM,KAAA,CAAA;AAAA,GACjB;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAMA,uBAA2B,QAAQ,CAAA;AAAA,IACzC,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,WAAa,EAAA,UAAA,EAAY,gBAAgB,aAAa,CAAA;AAAA,IAC/D,OAAS,EAAA,WAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAA,CAAC,GAAG,iBAAA,EAAmB,EAAE,CAAA;AAAA,IACjC,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,MAAA;AAAA,EAIR,SAAW,EAAA;AAAA,IACT,IAAM,EAAAD,iBAAA;AAAA,IACN,OAAS,EAAAE,cAAA;AAAA,GACX;AACF,CAAU,EAAA;AAMH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAS,MAAM,IAAA;AACjB;;;;;;"}
+{"version":3,"file":"notification.js","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\" />\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 compromised, never use user's input as message -->\n            <p v-else v-html=\"message\" />\n          </slot>\n        </div>\n        <el-icon v-if=\"showClose\" :class=\"ns.e('closeBtn')\" @click.stop=\"close\">\n          <component :is=\"closeIcon\" />\n        </el-icon>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, ref } from 'vue'\nimport { useEventListener, useTimeoutFn } from '@vueuse/core'\nimport { TypeComponentsMap, getEventCode } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useGlobalComponentSettings } from '@element-plus/components/config-provider'\nimport { notificationEmits, notificationProps } from './notification'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElNotification',\n})\n\nconst props = defineProps(notificationProps)\ndefineEmits(notificationEmits)\n\nconst { ns, zIndex } = useGlobalComponentSettings('notification')\nconst { nextZIndex, currentZIndex } = zIndex\n\nconst visible = ref(false)\nlet timer: (() => void) | undefined = undefined\n\nconst typeClass = computed(() => {\n  const type = props.type\n  return type && TypeComponentsMap[props.type] ? ns.m(type) : ''\n})\n\nconst iconComponent = computed(() => {\n  if (!props.type) return props.icon\n  return TypeComponentsMap[props.type] || props.icon\n})\n\nconst horizontalClass = computed(() =>\n  props.position.endsWith('right') ? 'right' : 'left'\n)\n\nconst verticalProperty = computed(() =>\n  props.position.startsWith('top') ? 'top' : 'bottom'\n)\n\nconst positionStyle = computed<CSSProperties>(() => {\n  return {\n    [verticalProperty.value]: `${props.offset}px`,\n    zIndex: props.zIndex ?? currentZIndex.value,\n  }\n})\n\nfunction startTimer() {\n  if (props.duration > 0) {\n    ;({ stop: timer } = useTimeoutFn(() => {\n      if (visible.value) close()\n    }, props.duration))\n  }\n}\n\nfunction clearTimer() {\n  timer?.()\n}\n\nfunction close() {\n  visible.value = false\n}\n\nfunction onKeydown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.delete:\n    case EVENT_CODE.backspace:\n      clearTimer() // press delete/backspace clear timer\n      break\n    case EVENT_CODE.esc:\n      // press esc to close the notification\n      if (visible.value) {\n        close()\n      }\n      break\n    default: // resume timer\n      startTimer()\n      break\n  }\n}\n\n// lifecycle\nonMounted(() => {\n  startTimer()\n  nextZIndex()\n  visible.value = true\n})\n\nuseEventListener(document, 'keydown', onKeydown)\n\ndefineExpose({\n  visible,\n  /** @description close notification */\n  close,\n})\n</script>\n"],"names":["useGlobalComponentSettings","ref","computed","TypeComponentsMap","useTimeoutFn","event","getEventCode","EVENT_CODE","onMounted","useEventListener","_createBlock","_Transition","_unref","onClose","$emit","_withDirectives","_createElementVNode","id","_normalizeClass","customClass","_normalizeStyle","_openBlock","ElIcon","_resolveDynamicComponent","_toDisplayString","title","_renderSlot","dangerouslyUseHTMLString","_createElementBlock","message","_Fragment","_createCommentVNode","showClose","_withModifiers","closeIcon"],"mappings":"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"}