@element-plus/nightly 0.0.20260101 → 0.0.20260103

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-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":["_createBlock","_Transition","_unref","onClose","$emit","_withDirectives","_createElementVNode","id","_normalizeClass","type","showClose","plain","customClass","_normalizeStyle","repeatNum","_createCommentVNode","_openBlock","_resolveDynamicComponent","_renderSlot","dangerouslyUseHTMLString","_createElementBlock","message","_Fragment","_withModifiers","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsEM,IAAA,MAAA,EAAE,OAAU,GAAA,cAAA,CAAA;AAMlB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEP,IAAA,MAAA,iBAAA,GAAoB,IAAI,KAAK,CAAA,CAAA;AAEnC,IAAA,MAAM,EAAE,EAAA,EAAI,MAAO,EAAA,GAAI,2BAA2B,SAAS,CAAA,CAAA;AACrD,IAAA,MAAA,EAAE,aAAe,EAAA,UAAA,EAAe,GAAA,MAAA,CAAA;AAEtC,IAAA,MAAM,aAAa,GAAoB,EAAA,CAAA;AACjC,IAAA,MAAA,OAAA,GAAU,IAAI,KAAK,CAAA,CAAA;AACnB,IAAA,MAAA,MAAA,GAAS,IAAI,CAAC,CAAA,CAAA;AAEpB,IAAA,IAAI,SAAsC,GAAA,KAAA,CAAA,CAAA;AAE1C,IAAA,MAAM,SAAY,GAAA,QAAA;AAAA,MAA6B,MAC7C,MAAM,IAAQ,GAAA,KAAA,CAAM,SAAS,OAAU,GAAA,QAAA,GAAW,MAAM,IAAQ,GAAA,MAAA;AAAA,KAClE,CAAA;AACM,IAAA,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,OAAO,KAAM,CAAA,IAAA,CAAA;AACZ,MAAA,OAAA,EAAE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,IAAI,CAAA,GAAI,IAAQ,IAAA,iBAAA,CAAkB,IAAM,CAAA,EAAA,CAAA;AAAA,KACjE,CAAA,CAAA;AACD,IAAA,MAAM,aAAgB,GAAA,QAAA;AAAA,MACpB,MAAM,KAAA,CAAM,IAAQ,IAAA,iBAAA,CAAkB,MAAM,IAAS,CAAA,IAAA,EAAA;AAAA,KACvD,CAAA;AAEA,IAAA,MAAM,SAAY,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,aAAa,yBAAyB,CAAA,CAAA;AAEvE,IAAA,MAAA,UAAA,GAAa,SAAS,MAAM,aAAA,CAAc,MAAM,EAAI,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA,CAAA;AACpE,IAAA,MAAA,MAAA,GAAS,SAAS,MAAM;AAE1B,MAAA,OAAA,gBAAA,CAAiB,MAAM,EAAI,EAAA,KAAA,CAAM,QAAQ,SAAU,CAAA,KAAK,IAAI,UAAW,CAAA,KAAA,CAAA;AAAA,KAE1E,CAAA,CAAA;AACD,IAAA,MAAM,SAAS,QAAS,CAAA,MAAM,MAAO,CAAA,KAAA,GAAQ,OAAO,KAAK,CAAA,CAAA;AACnD,IAAA,MAAA,eAAA,GAAkB,SAAS,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,GAAA,QAAA;AAAA,MAAS,MAChC,SAAU,CAAA,KAAA,CAAM,UAAW,CAAA,KAAK,IAAI,KAAQ,GAAA,QAAA;AAAA,KAC9C,CAAA;AAEM,IAAA,MAAA,WAAA,GAAc,SAAwB,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,GAAI,aAAa,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,MAAA,QAAA,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,QAAQ,KAAsB,EAAA;AAC/B,MAAA,MAAA,IAAA,GAAO,aAAa,KAAK,CAAA,CAAA;AAC3B,MAAA,IAAA,IAAA,KAAS,WAAW,GAAK,EAAA;AAErB,QAAA,KAAA,EAAA,CAAA;AAAA,OACR;AAAA,KACF;AAEA,IAAA,SAAA,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,IAAA,KAAA;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,IAAA,gBAAA,CAAA,QAAA,EAAU,WAAW,OAAO,CAAA,CAAA;AAE7C,IAAA,iBAAA,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;;wBAnLC,EAAAA,WAAA,CA4CaC,UAAA,EAAA;AAAA,QA3CV,IAAM,EAAAC,KAAA,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,yBAME,MAqCM;AAAA,UAAAC,cAAA,CArCNC,mBAqCM,KAAA,EAAA;AAAA,YAnCH,IAAIC,IAAAA,CAAAA,EAAAA;AAAAA,YACD,OAAA,EAAA,YAAA;AAAA,YAAJ,GAAI,EAAA,UAAA;AAAA,YACH,OAAKC,cAAA,CAAA;AAAA,cAAYN,KAAA,KAAG,CAAC,EAAA;AAAA,cAAA,EAAA,CAAeA,KAAA,CAAG,EAAA,CAAA,CAAA,EAAEO,IAAI,CAAA,IAAA,CAAIA,GAAAA,IAAAA,CAAI,IAAA,EAAA;AAAA,cAAYP,MAAA,EAAA,CAAA,CAAG,EAAE,CAAA,UAAA,EAAaQ,KAAS,SAAA,CAAA;AAAA,cAAWR,MAAA,EAAA,CAAA,CAAG,EAAE,CAAA,OAAA,EAAUS,KAAK,KAAA,CAAA;AAAA,cAAWT,MAAA,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,cAAE,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,kBADjBd,WAKE,CAAAE,KAAA,CAAA,OAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAHC,OAAOY,IAAAA,CAAAA,SAAAA;AAAAA,cACP,MAAM,SAAA,CAAA,KAAA;AAAA,cACN,OAAKN,cAAE,CAAAN,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,aAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,CAAA,CAAA,IAAAa,kBAAA,CAAA,MAAA,EAAA,IAAA,CAAA;AAAA,YAEC,cAAA,KAAA,IAAAC,SAAA,IAAfhB,WAEU,CAAAE,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFqB,KAAA,EAAKM,cAAG,CAAA,CAAAN,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,MAAA,CAAA,EAAU,SAAS,CAAA,KAAA,CAAA,CAAA;AAAA,aAAA,EAAA;AAAA,+BAC5D,MAAiC;AAAA,iBAAjCc,WAAA,EAAAhB,WAAA,CAAiCiB,uBAAjB,CAAA,aAAA,CAAa,KAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;YAE/BC,WAMO,4BANP,MAMO;AAAA,cAAA,CALKC,IAAAA,CAAV,wBAAA,IAAAH,SAAA,EAAA,EAAAI,kBAAA;AAAA,gBAEI,GAAA;AAAA,gBAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAFiC,OAAKZ,cAAE,CAAAN,KAAA,IAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,iBAAA;AAAA,gCAC3CmB,KAAO,OAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAGZ,KAAAL,WAAA,EAAAI,kBAAA;AAAA,gBAAsDE,QAAA;AAAA,gBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,gBAAA;AAAA,kBADtDP,mBAAA,sFAAA,CAAA;AAAA,kBACAT,mBAAsD,GAAA,EAAA;AAAA,oBAA3C,OAAKE,cAAE,CAAAN,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,oBAAa,WAAQmB,IAAAA,CAAAA,OAAAA;AAAAA,mBAAAA,EAAAA,IAAAA,EAAAA,EAAAA,EAAAA,UAAAA,CAAAA;AAAAA;;;;YAE9BX,KAAAA,SAAAA,IAAAA,SAAAA,IAAfV,WAEU,CAAAE,KAAA,CAAA,MAAA,CAAA,EAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFiB,OAAKM,cAAE,CAAAN,KAAA,IAAG,CAAA,CAAA,CAAC,UAAA,CAAA,CAAA;AAAA,cAAe,OAAK,EAAAqB,aAAA,CAAO,KAAK,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,aAAA,EAAA;AAAA,+BACpE,MAAS;AAAA,gBAATC,WAAA,CAAStB,KAAA,CAAA,KAAA,CAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;kBAlCH,EAAA,OAAA,CAAO,KAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"message2.mjs","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":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { isVNode, render, createVNode } from 'vue';
-import MessageConstructor from './message2.mjs';
-import { messageTypes, MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messagePlacement } from './message.mjs';
+import MessageConstructor from './message.mjs';
+import { messageTypes, MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messagePlacement } from './message2.mjs';
 import { getOrCreatePlacementInstances, placementInstances } from './instance.mjs';
 import { messageConfig } from '../../config-provider/src/config-provider.mjs';
 import { isClient } from '@vueuse/core';

package/es/components/pagination/src/components/next.mjs

@@ -1,23 +1,49 @@
-import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../../utils/vue/icon.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import { ElIcon } from '../../../icon/index.mjs';
+import { paginationNextProps } from './next2.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 
-const paginationNextProps = buildProps({
-  disabled: Boolean,
-  currentPage: {
-    type: Number,
-    default: 1
+const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
+const _hoisted_2 = { key: 0 };
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElPaginationNext"
   },
-  pageCount: {
-    type: Number,
-    default: 50
-  },
-  nextText: {
-    type: String
-  },
-  nextIcon: {
-    type: iconPropType
+  __name: "next",
+  props: paginationNextProps,
+  emits: ["click"],
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const internalDisabled = computed(
+      () => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: "btn-next",
+        disabled: internalDisabled.value,
+        "aria-label": _ctx.nextText || unref(t)("el.pagination.next"),
+        "aria-disabled": internalDisabled.value,
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
+      }, [
+        _ctx.nextText ? (openBlock(), createElementBlock(
+          "span",
+          _hoisted_2,
+          toDisplayString(_ctx.nextText),
+          1
+        )) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
+          ]),
+          _: 1
+        }))
+      ], 8, _hoisted_1);
+    };
   }
 });
+var Next = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/next.vue"]]);
 
-export { paginationNextProps };
+export { Next as default };
 //# sourceMappingURL=next.mjs.map

package/es/components/pagination/src/components/next.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"next.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Next from './next.vue'\n\nexport const paginationNextProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n  },\n  nextIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport type PaginationNextProps = ExtractPropTypes<typeof paginationNextProps>\nexport type PaginationNextPropsPublic = ExtractPublicPropTypes<\n  typeof paginationNextProps\n>\n\nexport type NextInstance = InstanceType<typeof Next> & unknown\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,QAAU,EAAA,OAAA;AAAA,EACV,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAU;;;;"}
+{"version":3,"file":"next.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"nextText || t('el.pagination.next')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else>\n      <component :is=\"nextIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationNextProps } from './next'\n\ndefineOptions({\n  name: 'ElPaginationNext',\n})\n\nconst props = defineProps(paginationNextProps)\n\ndefineEmits(['click'])\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () =>\n    props.disabled ||\n    props.currentPage === props.pageCount ||\n    props.pageCount === 0\n)\n</script>\n"],"names":["_createElementBlock","nextText","_unref","$emit","_openBlock","_toDisplayString","_createBlock","_withCtx","_resolveDynamicComponent","nextIcon"],"mappings":";;;;;;;;;;;;;;;;AA0BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAIR,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MACvB,MACE,MAAM,QACN,IAAA,KAAA,CAAM,gBAAgB,KAAM,CAAA,SAAA,IAC5B,MAAM,SAAc,KAAA,CAAA;AAAA,KACxB,CAAA;;wBApCE,EAAAA,kBAAA,CAYS,QAAA,EAAA;AAAA,QAXP,IAAK,EAAA,QAAA;AAAA,QACL,KAAM,EAAA,UAAA;AAAA,QACL,UAAU,gBAAA,CAAA,KAAA;AAAA,QACV,cAAYC,iBAAYC,KAAC,CAAA,CAAA,EAAA,oBAAA,CAAA;AAAA,QACzB,iBAAe,gBAAA,CAAA,KAAA;AAAA,QACf,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAEC,KAAAA,IAAAA,CAAK,KAAA,CAAA,OAAA,EAAU,MAAM,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAEjBF,IAAAA,CAAZ,QAAA,IAAAG,SAAA,EAAA,EAAAJ,kBAAA;AAAA,UAA2C,MAAA;AAAA,UAAA,UAAA;AAAA,UAAAK,eAAA,CAAlBJ,KAAQ,QAAA,CAAA;AAAA,UAAA,CAAA;AAAA,SAAA,KAAAG,SAAA,EAAA,EACjCE,WAEU,CAAAJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,UAAA,OAAA,EAAAK,QADR,MAA4B;AAAA,aAA5BH,WAAA,EAAAE,WAAA,CAA4BE,uBAAZC,CAAAA,IAAAA,CAAQ,QAAA,CAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/pagination/src/components/next2.mjs

@@ -1,49 +1,23 @@
-import { defineComponent, computed, openBlock, createElementBlock, unref, toDisplayString, createBlock, withCtx, resolveDynamicComponent } from 'vue';
-import { ElIcon } from '../../../icon/index.mjs';
-import { paginationNextProps } from './next.mjs';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { buildProps } from '../../../../utils/vue/props/runtime.mjs';
+import { iconPropType } from '../../../../utils/vue/icon.mjs';
 
-const _hoisted_1 = ["disabled", "aria-label", "aria-disabled"];
-const _hoisted_2 = { key: 0 };
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElPaginationNext"
+const paginationNextProps = buildProps({
+  disabled: Boolean,
+  currentPage: {
+    type: Number,
+    default: 1
   },
-  __name: "next",
-  props: paginationNextProps,
-  emits: ["click"],
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const internalDisabled = computed(
-      () => props.disabled || props.currentPage === props.pageCount || props.pageCount === 0
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        type: "button",
-        class: "btn-next",
-        disabled: internalDisabled.value,
-        "aria-label": _ctx.nextText || unref(t)("el.pagination.next"),
-        "aria-disabled": internalDisabled.value,
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
-      }, [
-        _ctx.nextText ? (openBlock(), createElementBlock(
-          "span",
-          _hoisted_2,
-          toDisplayString(_ctx.nextText),
-          1
-        )) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
-          default: withCtx(() => [
-            (openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon)))
-          ]),
-          _: 1
-        }))
-      ], 8, _hoisted_1);
-    };
+  pageCount: {
+    type: Number,
+    default: 50
+  },
+  nextText: {
+    type: String
+  },
+  nextIcon: {
+    type: iconPropType
   }
 });
-var Next = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/pagination/src/components/next.vue"]]);
 
-export { Next as default };
+export { paginationNextProps };
 //# sourceMappingURL=next2.mjs.map

package/es/components/pagination/src/components/next2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.vue"],"sourcesContent":["<template>\n  <button\n    type=\"button\"\n    class=\"btn-next\"\n    :disabled=\"internalDisabled\"\n    :aria-label=\"nextText || t('el.pagination.next')\"\n    :aria-disabled=\"internalDisabled\"\n    @click=\"$emit('click', $event)\"\n  >\n    <span v-if=\"nextText\">{{ nextText }}</span>\n    <el-icon v-else>\n      <component :is=\"nextIcon\" />\n    </el-icon>\n  </button>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { paginationNextProps } from './next'\n\ndefineOptions({\n  name: 'ElPaginationNext',\n})\n\nconst props = defineProps(paginationNextProps)\n\ndefineEmits(['click'])\n\nconst { t } = useLocale()\n\nconst internalDisabled = computed(\n  () =>\n    props.disabled ||\n    props.currentPage === props.pageCount ||\n    props.pageCount === 0\n)\n</script>\n"],"names":["_createElementBlock","nextText","_unref","$emit","_openBlock","_toDisplayString","_createBlock","_withCtx","_resolveDynamicComponent","nextIcon"],"mappings":";;;;;;;;;;;;;;;;AA0BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAIR,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAExB,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MACvB,MACE,MAAM,QACN,IAAA,KAAA,CAAM,gBAAgB,KAAM,CAAA,SAAA,IAC5B,MAAM,SAAc,KAAA,CAAA;AAAA,KACxB,CAAA;;wBApCE,EAAAA,kBAAA,CAYS,QAAA,EAAA;AAAA,QAXP,IAAK,EAAA,QAAA;AAAA,QACL,KAAM,EAAA,UAAA;AAAA,QACL,UAAU,gBAAA,CAAA,KAAA;AAAA,QACV,cAAYC,iBAAYC,KAAC,CAAA,CAAA,EAAA,oBAAA,CAAA;AAAA,QACzB,iBAAe,gBAAA,CAAA,KAAA;AAAA,QACf,OAAA,EAAK,MAAA,CAAA,CAAA,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAEC,KAAAA,IAAAA,CAAK,KAAA,CAAA,OAAA,EAAU,MAAM,CAAA,CAAA;AAAA,OAAA,EAAA;AAAA,QAEjBF,IAAAA,CAAZ,QAAA,IAAAG,SAAA,EAAA,EAAAJ,kBAAA;AAAA,UAA2C,MAAA;AAAA,UAAA,UAAA;AAAA,UAAAK,eAAA,CAAlBJ,KAAQ,QAAA,CAAA;AAAA,UAAA,CAAA;AAAA,SAAA,KAAAG,SAAA,EAAA,EACjCE,WAEU,CAAAJ,KAAA,CAAA,MAAA,CAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,EAAA;AAAA,UAAA,OAAA,EAAAK,QADR,MAA4B;AAAA,aAA5BH,WAAA,EAAAE,WAAA,CAA4BE,uBAAZC,CAAAA,IAAAA,CAAQ,QAAA,CAAA,CAAA;AAAA,WAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"next2.mjs","sources":["../../../../../../../packages/components/pagination/src/components/next.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Next from './next.vue'\n\nexport const paginationNextProps = buildProps({\n  disabled: Boolean,\n  currentPage: {\n    type: Number,\n    default: 1,\n  },\n  pageCount: {\n    type: Number,\n    default: 50,\n  },\n  nextText: {\n    type: String,\n  },\n  nextIcon: {\n    type: iconPropType,\n  },\n} as const)\n\nexport type PaginationNextProps = ExtractPropTypes<typeof paginationNextProps>\nexport type PaginationNextPropsPublic = ExtractPublicPropTypes<\n  typeof paginationNextProps\n>\n\nexport type NextInstance = InstanceType<typeof Next> & unknown\n"],"names":[],"mappings":";;;AAKO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,QAAU,EAAA,OAAA;AAAA,EACV,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,YAAA;AAAA,GACR;AACF,CAAU;;;;"}

package/es/components/pagination/src/pagination.mjs

@@ -2,7 +2,7 @@ import { defineComponent, getCurrentInstance, computed, ref, watch, provide, h }
 import { ArrowLeft, ArrowRight } from '@element-plus/icons-vue';
 import { elPaginationKey } from './constants.mjs';
 import Prev from './components/prev2.mjs';
-import Next from './components/next2.mjs';
+import Next from './components/next.mjs';
 import Sizes from './components/sizes2.mjs';
 import Jumper from './components/jumper.mjs';
 import Total from './components/total2.mjs';

package/es/components/popconfirm/src/popconfirm.mjs

@@ -1,9 +1,9 @@
 import { QuestionFilled } from '@element-plus/icons-vue';
-import { buttonTypes } from '../../button/src/button2.mjs';
+import { buttonTypes } from '../../button/src/button.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 import { iconPropType } from '../../../utils/vue/icon.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
+import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
 
 const popconfirmProps = buildProps({
   title: String,

package/es/components/popover/src/popover.mjs

@@ -1,6 +1,6 @@
 import { dropdownProps } from '../../dropdown/src/dropdown.mjs';
 import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { useTooltipTriggerProps } from '../../tooltip/src/trigger2.mjs';
+import { useTooltipTriggerProps } from '../../tooltip/src/trigger.mjs';
 import { useTooltipContentProps } from '../../tooltip/src/content.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
 

package/es/components/progress/index.mjs

@@ -1,5 +1,5 @@
-import Progress from './src/progress2.mjs';
-export { progressProps } from './src/progress.mjs';
+import Progress from './src/progress.mjs';
+export { progressProps } from './src/progress2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElProgress = withInstall(Progress);

package/es/components/progress/src/progress.mjs

@@ -1,58 +1,262 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createBlock, withCtx, resolveDynamicComponent } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { WarningFilled, CircleCheck, CircleClose, Check, Close } from '@element-plus/icons-vue';
+import { progressProps } from './progress2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isFunction, isString } from '@vue/shared';
 
-const progressProps = buildProps({
-  type: {
-    type: String,
-    default: "line",
-    values: ["line", "circle", "dashboard"]
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = { viewBox: "0 0 100 100" };
+const _hoisted_3 = ["d", "stroke", "stroke-linecap", "stroke-width"];
+const _hoisted_4 = ["d", "stroke", "opacity", "stroke-linecap", "stroke-width"];
+const _hoisted_5 = { key: 0 };
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElProgress"
   },
-  percentage: {
-    type: Number,
-    default: 0,
-    validator: (val) => val >= 0 && val <= 100
-  },
-  status: {
-    type: String,
-    default: "",
-    values: ["", "success", "exception", "warning"]
-  },
-  indeterminate: Boolean,
-  duration: {
-    type: Number,
-    default: 3
-  },
-  strokeWidth: {
-    type: Number,
-    default: 6
-  },
-  strokeLinecap: {
-    type: definePropType(String),
-    default: "round"
-  },
-  textInside: Boolean,
-  width: {
-    type: Number,
-    default: 126
-  },
-  showText: {
-    type: Boolean,
-    default: true
-  },
-  color: {
-    type: definePropType([
-      String,
-      Array,
-      Function
-    ]),
-    default: ""
-  },
-  striped: Boolean,
-  stripedFlow: Boolean,
-  format: {
-    type: definePropType(Function),
-    default: (percentage) => `${percentage}%`
+  __name: "progress",
+  props: progressProps,
+  setup(__props) {
+    const STATUS_COLOR_MAP = {
+      success: "#13ce66",
+      exception: "#ff4949",
+      warning: "#e6a23c",
+      default: "#20a0ff"
+    };
+    const props = __props;
+    const ns = useNamespace("progress");
+    const barStyle = computed(() => {
+      const barStyle2 = {
+        width: `${props.percentage}%`,
+        animationDuration: `${props.duration}s`
+      };
+      const color = getCurrentColor(props.percentage);
+      if (color.includes("gradient")) {
+        barStyle2.background = color;
+      } else {
+        barStyle2.backgroundColor = color;
+      }
+      return barStyle2;
+    });
+    const relativeStrokeWidth = computed(
+      () => (props.strokeWidth / props.width * 100).toFixed(1)
+    );
+    const radius = computed(() => {
+      if (["circle", "dashboard"].includes(props.type)) {
+        return Number.parseInt(
+          `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,
+          10
+        );
+      }
+      return 0;
+    });
+    const trackPath = computed(() => {
+      const r = radius.value;
+      const isDashboard = props.type === "dashboard";
+      return `
+          M 50 50
+          m 0 ${isDashboard ? "" : "-"}${r}
+          a ${r} ${r} 0 1 1 0 ${isDashboard ? "-" : ""}${r * 2}
+          a ${r} ${r} 0 1 1 0 ${isDashboard ? "" : "-"}${r * 2}
+          `;
+    });
+    const perimeter = computed(() => 2 * Math.PI * radius.value);
+    const rate = computed(() => props.type === "dashboard" ? 0.75 : 1);
+    const strokeDashoffset = computed(() => {
+      const offset = -1 * perimeter.value * (1 - rate.value) / 2;
+      return `${offset}px`;
+    });
+    const trailPathStyle = computed(() => ({
+      strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,
+      strokeDashoffset: strokeDashoffset.value
+    }));
+    const circlePathStyle = computed(() => ({
+      strokeDasharray: `${perimeter.value * rate.value * (props.percentage / 100)}px, ${perimeter.value}px`,
+      strokeDashoffset: strokeDashoffset.value,
+      transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s"
+    }));
+    const stroke = computed(() => {
+      let ret;
+      if (props.color) {
+        ret = getCurrentColor(props.percentage);
+      } else {
+        ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default;
+      }
+      return ret;
+    });
+    const statusIcon = computed(() => {
+      if (props.status === "warning") {
+        return WarningFilled;
+      }
+      if (props.type === "line") {
+        return props.status === "success" ? CircleCheck : CircleClose;
+      } else {
+        return props.status === "success" ? Check : Close;
+      }
+    });
+    const progressTextSize = computed(() => {
+      return props.type === "line" ? 12 + props.strokeWidth * 0.4 : props.width * 0.111111 + 2;
+    });
+    const content = computed(() => props.format(props.percentage));
+    function getColors(color) {
+      const span = 100 / color.length;
+      const seriesColors = color.map((seriesColor, index) => {
+        if (isString(seriesColor)) {
+          return {
+            color: seriesColor,
+            percentage: (index + 1) * span
+          };
+        }
+        return seriesColor;
+      });
+      return seriesColors.sort((a, b) => a.percentage - b.percentage);
+    }
+    const getCurrentColor = (percentage) => {
+      var _a;
+      const { color } = props;
+      if (isFunction(color)) {
+        return color(percentage);
+      } else if (isString(color)) {
+        return color;
+      } else {
+        const colors = getColors(color);
+        for (const color2 of colors) {
+          if (color2.percentage > percentage)
+            return color2.color;
+        }
+        return (_a = colors[colors.length - 1]) == null ? void 0 : _a.color;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).m(_ctx.type),
+          unref(ns).is(_ctx.status),
+          {
+            [unref(ns).m("without-text")]: !_ctx.showText,
+            [unref(ns).m("text-inside")]: _ctx.textInside
+          }
+        ]),
+        role: "progressbar",
+        "aria-valuenow": _ctx.percentage,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100"
+      }, [
+        _ctx.type === "line" ? (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 0,
+            class: normalizeClass(unref(ns).b("bar"))
+          },
+          [
+            createElementVNode(
+              "div",
+              {
+                class: normalizeClass(unref(ns).be("bar", "outer")),
+                style: normalizeStyle({ height: `${_ctx.strokeWidth}px` })
+              },
+              [
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass([
+                      unref(ns).be("bar", "inner"),
+                      { [unref(ns).bem("bar", "inner", "indeterminate")]: _ctx.indeterminate },
+                      { [unref(ns).bem("bar", "inner", "striped")]: _ctx.striped },
+                      { [unref(ns).bem("bar", "inner", "striped-flow")]: _ctx.stripedFlow }
+                    ]),
+                    style: normalizeStyle(barStyle.value)
+                  },
+                  [
+                    (_ctx.showText || _ctx.$slots.default) && _ctx.textInside ? (openBlock(), createElementBlock(
+                      "div",
+                      {
+                        key: 0,
+                        class: normalizeClass(unref(ns).be("bar", "innerText"))
+                      },
+                      [
+                        renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+                          createElementVNode(
+                            "span",
+                            null,
+                            toDisplayString(content.value),
+                            1
+                          )
+                        ])
+                      ],
+                      2
+                    )) : createCommentVNode("v-if", true)
+                  ],
+                  6
+                )
+              ],
+              6
+            )
+          ],
+          2
+        )) : (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 1,
+            class: normalizeClass(unref(ns).b("circle")),
+            style: normalizeStyle({ height: `${_ctx.width}px`, width: `${_ctx.width}px` })
+          },
+          [
+            (openBlock(), createElementBlock("svg", _hoisted_2, [
+              createElementVNode("path", {
+                class: normalizeClass(unref(ns).be("circle", "track")),
+                d: trackPath.value,
+                stroke: `var(${unref(ns).cssVarName("fill-color-light")}, #e5e9f2)`,
+                "stroke-linecap": _ctx.strokeLinecap,
+                "stroke-width": relativeStrokeWidth.value,
+                fill: "none",
+                style: normalizeStyle(trailPathStyle.value)
+              }, null, 14, _hoisted_3),
+              createElementVNode("path", {
+                class: normalizeClass(unref(ns).be("circle", "path")),
+                d: trackPath.value,
+                stroke: stroke.value,
+                fill: "none",
+                opacity: _ctx.percentage ? 1 : 0,
+                "stroke-linecap": _ctx.strokeLinecap,
+                "stroke-width": relativeStrokeWidth.value,
+                style: normalizeStyle(circlePathStyle.value)
+              }, null, 14, _hoisted_4)
+            ]))
+          ],
+          6
+        )),
+        (_ctx.showText || _ctx.$slots.default) && !_ctx.textInside ? (openBlock(), createElementBlock(
+          "div",
+          {
+            key: 2,
+            class: normalizeClass(unref(ns).e("text")),
+            style: normalizeStyle({ fontSize: `${progressTextSize.value}px` })
+          },
+          [
+            renderSlot(_ctx.$slots, "default", { percentage: _ctx.percentage }, () => [
+              !_ctx.status ? (openBlock(), createElementBlock(
+                "span",
+                _hoisted_5,
+                toDisplayString(content.value),
+                1
+              )) : (openBlock(), createBlock(unref(ElIcon), { key: 1 }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(statusIcon.value)))
+                ]),
+                _: 1
+              }))
+            ])
+          ],
+          6
+        )) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1);
+    };
   }
 });
+var Progress = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/progress/src/progress.vue"]]);
 
-export { progressProps };
+export { Progress as default };
 //# sourceMappingURL=progress.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type {\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n  SVGAttributes,\n} from 'vue'\nimport type Progress from './progress.vue'\n\nexport type ProgressColor = { color: string; percentage: number }\nexport type ProgressFn = (percentage: number) => string\n\nexport const progressProps = buildProps({\n  /**\n   * @description type of progress bar\n   */\n  type: {\n    type: String,\n    default: 'line',\n    values: ['line', 'circle', 'dashboard'],\n  },\n  /**\n   * @description percentage, required\n   */\n  percentage: {\n    type: Number,\n    default: 0,\n    validator: (val: number): boolean => val >= 0 && val <= 100,\n  },\n  /**\n   * @description the current status of progress bar\n   */\n  status: {\n    type: String,\n    default: '',\n    values: ['', 'success', 'exception', 'warning'],\n  },\n  /**\n   * @description set indeterminate progress\n   */\n  indeterminate: Boolean,\n  /**\n   * @description control the animation duration of indeterminate progress or striped flow progress\n   */\n  duration: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description the width of progress bar\n   */\n  strokeWidth: {\n    type: Number,\n    default: 6,\n  },\n  /**\n   * @description butt/circle/dashboard type shape at the end path\n   */\n  strokeLinecap: {\n    type: definePropType<NonNullable<SVGAttributes['stroke-linecap']>>(String),\n    default: 'round',\n  },\n  /**\n   * @description whether to place the percentage inside progress bar, only works when `type` is 'line'\n   */\n  textInside: Boolean,\n  /**\n   * @description the canvas width of circle progress bar\n   */\n  width: {\n    type: Number,\n    default: 126,\n  },\n  /**\n   * @description whether to show percentage\n   */\n  showText: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description background color of progress bar. Overrides `status` prop\n   */\n  color: {\n    type: definePropType<string | ProgressColor[] | ProgressFn>([\n      String,\n      Array,\n      Function,\n    ]),\n    default: '',\n  },\n  /**\n   * @description stripe over the progress bar's color\n   */\n  striped: Boolean,\n  /**\n   * @description get the stripes to flow\n   */\n  stripedFlow: Boolean,\n  /**\n   * @description custom text format\n   */\n  format: {\n    type: definePropType<ProgressFn>(Function),\n    default: (percentage: number): string => `${percentage}%`,\n  },\n} as const)\n\nexport type ProgressProps = ExtractPropTypes<typeof progressProps>\nexport type ProgressPropsPublic = ExtractPublicPropTypes<typeof progressProps>\nexport type ProgressInstance = InstanceType<typeof Progress> & unknown\n"],"names":[],"mappings":";;AAYO,MAAM,gBAAgB,UAAW,CAAA;AAAA,EAItC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,IACT,MAAQ,EAAA,CAAC,MAAQ,EAAA,QAAA,EAAU,WAAW,CAAA;AAAA,GACxC;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,CAAC,GAAyB,KAAA,GAAA,IAAO,KAAK,GAAO,IAAA,GAAA;AAAA,GAC1D;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,IACT,MAAQ,EAAA,CAAC,EAAI,EAAA,SAAA,EAAW,aAAa,SAAS,CAAA;AAAA,GAChD;AAAA,EAIA,aAAe,EAAA,OAAA;AAAA,EAIf,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,aAAe,EAAA;AAAA,IACb,IAAA,EAAM,eAA6D,MAAM,CAAA;AAAA,IACzE,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA,OAAA;AAAA,EAIZ,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,MAAM,cAAsD,CAAA;AAAA,MAC1D,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,KACD,CAAA;AAAA,IACD,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA,OAAA;AAAA,EAIT,WAAa,EAAA,OAAA;AAAA,EAIb,MAAQ,EAAA;AAAA,IACN,IAAA,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,OAAA,EAAS,CAAC,UAAA,KAA+B,CAAG,EAAA,UAAA,CAAA,CAAA,CAAA;AAAA,GAC9C;AACF,CAAU;;;;"}
+{"version":3,"file":"progress.mjs","sources":["../../../../../../packages/components/progress/src/progress.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is(status),\n      {\n        [ns.m('without-text')]: !showText,\n        [ns.m('text-inside')]: textInside,\n      },\n    ]\"\n    role=\"progressbar\"\n    :aria-valuenow=\"percentage\"\n    aria-valuemin=\"0\"\n    aria-valuemax=\"100\"\n  >\n    <div v-if=\"type === 'line'\" :class=\"ns.b('bar')\">\n      <div\n        :class=\"ns.be('bar', 'outer')\"\n        :style=\"{ height: `${strokeWidth}px` }\"\n      >\n        <div\n          :class=\"[\n            ns.be('bar', 'inner'),\n            { [ns.bem('bar', 'inner', 'indeterminate')]: indeterminate },\n            { [ns.bem('bar', 'inner', 'striped')]: striped },\n            { [ns.bem('bar', 'inner', 'striped-flow')]: stripedFlow },\n          ]\"\n          :style=\"barStyle\"\n        >\n          <div\n            v-if=\"(showText || $slots.default) && textInside\"\n            :class=\"ns.be('bar', 'innerText')\"\n          >\n            <slot :percentage=\"percentage\">\n              <span>{{ content }}</span>\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div\n      v-else\n      :class=\"ns.b('circle')\"\n      :style=\"{ height: `${width}px`, width: `${width}px` }\"\n    >\n      <svg viewBox=\"0 0 100 100\">\n        <path\n          :class=\"ns.be('circle', 'track')\"\n          :d=\"trackPath\"\n          :stroke=\"`var(${ns.cssVarName('fill-color-light')}, #e5e9f2)`\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"relativeStrokeWidth\"\n          fill=\"none\"\n          :style=\"trailPathStyle\"\n        />\n        <path\n          :class=\"ns.be('circle', 'path')\"\n          :d=\"trackPath\"\n          :stroke=\"stroke\"\n          fill=\"none\"\n          :opacity=\"percentage ? 1 : 0\"\n          :stroke-linecap=\"strokeLinecap\"\n          :stroke-width=\"relativeStrokeWidth\"\n          :style=\"circlePathStyle\"\n        />\n      </svg>\n    </div>\n    <div\n      v-if=\"(showText || $slots.default) && !textInside\"\n      :class=\"ns.e('text')\"\n      :style=\"{ fontSize: `${progressTextSize}px` }\"\n    >\n      <slot :percentage=\"percentage\">\n        <span v-if=\"!status\">{{ content }}</span>\n        <el-icon v-else>\n          <component :is=\"statusIcon\" />\n        </el-icon>\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Check,\n  CircleCheck,\n  CircleClose,\n  Close,\n  WarningFilled,\n} from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isFunction, isString } from '@element-plus/utils'\nimport { progressProps } from './progress'\n\nimport type { CSSProperties } from 'vue'\nimport type { ProgressColor } from './progress'\n\ndefineOptions({\n  name: 'ElProgress',\n})\n\nconst STATUS_COLOR_MAP: Record<string, string> = {\n  success: '#13ce66',\n  exception: '#ff4949',\n  warning: '#e6a23c',\n  default: '#20a0ff',\n}\n\nconst props = defineProps(progressProps)\n\nconst ns = useNamespace('progress')\n\nconst barStyle = computed<CSSProperties>(() => {\n  const barStyle: CSSProperties = {\n    width: `${props.percentage}%`,\n    animationDuration: `${props.duration}s`,\n  }\n  const color = getCurrentColor(props.percentage)\n  if (color.includes('gradient')) {\n    barStyle.background = color\n  } else {\n    barStyle.backgroundColor = color\n  }\n  return barStyle\n})\n\nconst relativeStrokeWidth = computed(() =>\n  ((props.strokeWidth / props.width) * 100).toFixed(1)\n)\n\nconst radius = computed(() => {\n  if (['circle', 'dashboard'].includes(props.type)) {\n    return Number.parseInt(\n      `${50 - Number.parseFloat(relativeStrokeWidth.value) / 2}`,\n      10\n    )\n  }\n  return 0\n})\n\nconst trackPath = computed(() => {\n  const r = radius.value\n  const isDashboard = props.type === 'dashboard'\n  return `\n          M 50 50\n          m 0 ${isDashboard ? '' : '-'}${r}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '-' : ''}${r * 2}\n          a ${r} ${r} 0 1 1 0 ${isDashboard ? '' : '-'}${r * 2}\n          `\n})\n\nconst perimeter = computed(() => 2 * Math.PI * radius.value)\n\nconst rate = computed(() => (props.type === 'dashboard' ? 0.75 : 1))\n\nconst strokeDashoffset = computed(() => {\n  const offset = (-1 * perimeter.value * (1 - rate.value)) / 2\n  return `${offset}px`\n})\n\nconst trailPathStyle = computed<CSSProperties>(() => ({\n  strokeDasharray: `${perimeter.value * rate.value}px, ${perimeter.value}px`,\n  strokeDashoffset: strokeDashoffset.value,\n}))\n\nconst circlePathStyle = computed<CSSProperties>(() => ({\n  strokeDasharray: `${\n    perimeter.value * rate.value * (props.percentage / 100)\n  }px, ${perimeter.value}px`,\n  strokeDashoffset: strokeDashoffset.value,\n  transition:\n    'stroke-dasharray 0.6s ease 0s, stroke 0.6s ease, opacity ease 0.6s',\n}))\n\nconst stroke = computed(() => {\n  let ret: string\n  if (props.color) {\n    ret = getCurrentColor(props.percentage)\n  } else {\n    ret = STATUS_COLOR_MAP[props.status] || STATUS_COLOR_MAP.default\n  }\n  return ret\n})\n\nconst statusIcon = computed(() => {\n  if (props.status === 'warning') {\n    return WarningFilled\n  }\n  if (props.type === 'line') {\n    return props.status === 'success' ? CircleCheck : CircleClose\n  } else {\n    return props.status === 'success' ? Check : Close\n  }\n})\n\nconst progressTextSize = computed(() => {\n  return props.type === 'line'\n    ? 12 + props.strokeWidth * 0.4\n    : props.width * 0.111111 + 2\n})\n\nconst content = computed(() => props.format(props.percentage))\n\nfunction getColors(color: ProgressColor[]) {\n  const span = 100 / color.length\n  const seriesColors = color.map((seriesColor, index) => {\n    if (isString(seriesColor)) {\n      return {\n        color: seriesColor,\n        percentage: (index + 1) * span,\n      }\n    }\n    return seriesColor\n  })\n  return seriesColors.sort((a, b) => a.percentage - b.percentage)\n}\n\nconst getCurrentColor = (percentage: number) => {\n  const { color } = props\n  if (isFunction(color)) {\n    return color(percentage)\n  } else if (isString(color)) {\n    return color\n  } else {\n    const colors = getColors(color)\n    for (const color of colors) {\n      if (color.percentage > percentage) return color.color\n    }\n    return colors[colors.length - 1]?.color\n  }\n}\n</script>\n"],"names":["barStyle","color","_createElementBlock","_normalizeClass","_unref","type","status","showText","textInside","percentage","_openBlock","_createElementVNode","_normalizeStyle","strokeWidth","indeterminate","striped","stripedFlow","$slots","_renderSlot","_toDisplayString","width","strokeLinecap","_createBlock","_withCtx","_resolveDynamicComponent"],"mappings":"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"}