@element-plus/nightly 0.0.20251220 → 0.0.20251221

package/es/components/countdown/src/countdown2.mjs

@@ -1,27 +1,90 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
+import { ElStatistic } from '../../statistic/index.mjs';
+import { countdownProps, countdownEmits } from './countdown.mjs';
+import { formatTime, getTime } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { rAF, cAF } from '../../../utils/raf.mjs';
 import { CHANGE_EVENT } from '../../../constants/event.mjs';
-import { isNumber } from '../../../utils/types.mjs';
 
-const countdownProps = buildProps({
-  format: {
-    type: String,
-    default: "HH:mm:ss"
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElCountdown"
   },
-  prefix: String,
-  suffix: String,
-  title: String,
-  value: {
-    type: definePropType([Number, Object]),
-    default: 0
-  },
-  valueStyle: {
-    type: definePropType([String, Object, Array])
+  __name: "countdown",
+  props: countdownProps,
+  emits: countdownEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    let timer;
+    const rawValue = ref(0);
+    const displayValue = computed(() => formatTime(rawValue.value, props.format));
+    const formatter = (val) => formatTime(val, props.format);
+    const stopTimer = () => {
+      if (timer) {
+        cAF(timer);
+        timer = void 0;
+      }
+    };
+    const startTimer = () => {
+      const timestamp = getTime(props.value);
+      const frameFunc = () => {
+        let diff = timestamp - Date.now();
+        emit(CHANGE_EVENT, diff);
+        if (diff <= 0) {
+          diff = 0;
+          stopTimer();
+          emit("finish");
+        } else {
+          timer = rAF(frameFunc);
+        }
+        rawValue.value = diff;
+      };
+      timer = rAF(frameFunc);
+    };
+    onMounted(() => {
+      rawValue.value = getTime(props.value) - Date.now();
+      watch(
+        () => [props.value, props.format],
+        () => {
+          stopTimer();
+          startTimer();
+        },
+        {
+          immediate: true
+        }
+      );
+    });
+    onBeforeUnmount(() => {
+      stopTimer();
+    });
+    __expose({
+      displayValue
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElStatistic), {
+        value: rawValue.value,
+        title: _ctx.title,
+        prefix: _ctx.prefix,
+        suffix: _ctx.suffix,
+        "value-style": _ctx.valueStyle,
+        formatter
+      }, createSlots({
+        _: 2
+      }, [
+        renderList(_ctx.$slots, (_, name) => {
+          return {
+            name,
+            fn: withCtx(() => [
+              renderSlot(_ctx.$slots, name)
+            ])
+          };
+        })
+      ]), 1032, ["value", "title", "prefix", "suffix", "value-style"]);
+    };
   }
 });
-const countdownEmits = {
-  finish: () => true,
-  [CHANGE_EVENT]: (value) => isNumber(value)
-};
+var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/countdown/src/countdown.vue"]]);
 
-export { countdownEmits, countdownProps };
+export { Countdown as default };
 //# sourceMappingURL=countdown2.mjs.map

package/es/components/countdown/src/countdown2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"countdown2.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Countdown from './countdown.vue'\n\nexport const countdownProps = buildProps({\n  /**\n   * @description Formatting the countdown display\n   */\n  format: {\n    type: String,\n    default: 'HH:mm:ss',\n  },\n  /**\n   * @description Sets the prefix of a countdown\n   */\n  prefix: String,\n  /**\n   * @description Sets the suffix of a countdown\n   */\n  suffix: String,\n  /**\n   * @description countdown titles\n   */\n  title: String,\n  /**\n   * @description target time\n   */\n  value: {\n    type: definePropType<number | Dayjs>([Number, Object]),\n    default: 0,\n  },\n  /**\n   * @description Styles countdown values\n   */\n  valueStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n} as const)\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\nexport type CountdownPropsPublic = ExtractPublicPropTypes<typeof countdownProps>\n\nexport const countdownEmits = {\n  finish: () => true,\n  [CHANGE_EVENT]: (value: number) => isNumber(value),\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport type CountdownInstance = InstanceType<typeof Countdown> & unknown\n"],"names":[],"mappings":";;;;AAOO,MAAM,iBAAiB,UAAW,CAAA;AAAA,EAIvC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA,MAAA;AAAA,EAIR,MAAQ,EAAA,MAAA;AAAA,EAIR,KAAO,EAAA,MAAA;AAAA,EAIP,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,cAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,MAAM,cAA2B,CAAA,CAAC,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAC,CAAA;AAAA,GAC1D;AACF,CAAU,EAAA;AAIH,MAAM,cAAiB,GAAA;AAAA,EAC5B,QAAQ,MAAM,IAAA;AAAA,EACd,CAAC,YAAA,GAAe,CAAC,KAAA,KAAkB,SAAS,KAAK,CAAA;AACnD;;;;"}
+{"version":3,"file":"countdown2.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <el-statistic\n    :value=\"rawValue\"\n    :title=\"title\"\n    :prefix=\"prefix\"\n    :suffix=\"suffix\"\n    :value-style=\"valueStyle\"\n    :formatter=\"formatter\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </el-statistic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { countdownEmits, countdownProps } from './countdown'\nimport { formatTime, getTime } from './utils'\n\ndefineOptions({\n  name: 'ElCountdown',\n})\n\nconst props = defineProps(countdownProps)\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref<number>(0)\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n  if (timer) {\n    cAF(timer)\n    timer = undefined\n  }\n}\n\nconst startTimer = () => {\n  const timestamp = getTime(props.value)\n  const frameFunc = () => {\n    let diff = timestamp - Date.now()\n    emit(CHANGE_EVENT, diff)\n    if (diff <= 0) {\n      diff = 0\n      stopTimer()\n      emit('finish')\n    } else {\n      timer = rAF(frameFunc)\n    }\n    rawValue.value = diff\n  }\n  timer = rAF(frameFunc)\n}\n\nonMounted(() => {\n  rawValue.value = getTime(props.value) - Date.now()\n\n  watch(\n    () => [props.value, props.format],\n    () => {\n      stopTimer()\n      startTimer()\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  stopTimer()\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["_createBlock","_unref","title","prefix","suffix","valueStyle","_createSlots","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAET,IAAA,IAAA,KAAA,CAAA;AACE,IAAA,MAAA,QAAA,GAAW,IAAY,CAAC,CAAA,CAAA;AACxB,IAAA,MAAA,YAAA,GAAe,SAAS,MAAM,UAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgB,UAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AACD,QAAA,KAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACV;AAAA,KACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACjB,MAAA,MAAA,SAAA,GAAY,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AAClB,QAAA,IAAA,IAAA,GAAO,SAAY,GAAA,IAAA,CAAK,GAAI,EAAA,CAAA;AAChC,QAAA,IAAA,CAAK,cAAc,IAAI,CAAA,CAAA;AACvB,QAAA,IAAI,QAAQ,CAAG,EAAA;AACN,UAAA,IAAA,GAAA,CAAA,CAAA;AACG,UAAA,SAAA,EAAA,CAAA;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA,CAAA;AAAA,SACR,MAAA;AACL,UAAA,KAAA,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQ,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AAEjD,MAAA,KAAA;AAAA,QACE,MAAM,CAAC,KAAM,CAAA,KAAA,EAAO,MAAM,MAAM,CAAA;AAAA,QAChC,MAAM;AACM,UAAA,SAAA,EAAA,CAAA;AACC,UAAA,UAAA,EAAA,CAAA;AAAA,SACb;AAAA,QACA;AAAA,UACE,SAAW,EAAA,IAAA;AAAA,SACb;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AACV,MAAA,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAEY,IAAA,QAAA,CAAA;AAAA,MAIX,YAAA;AAAA,KACD,CAAA,CAAA;;0BAnFCA,WAWe,CAAAC,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,QAVZ,OAAO,QAAA,CAAA,KAAA;AAAA,QACP,OAAOC,IAAAA,CAAAA,KAAAA;AAAAA,QACP,QAAQC,IAAAA,CAAAA,MAAAA;AAAAA,QACR,QAAQC,IAAAA,CAAAA,MAAAA;AAAAA,QACR,eAAaC,IAAAA,CAAAA,UAAAA;AAAAA,QACb,SAAA;AAAA,SAAAC,WAAA,CAAA;AAAA;;kBAE6BC,CAAAA,IAAAA,CAAM,MAAA,EAAA,CAAlB,GAAG,IAAI,KAAA;;;wBACvB,MAAqB;AAAA,cAArBC,UAAA,CAAqB,aAAR,IAAI,CAAA;AAAA,aAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/dialog/src/dialog.mjs

@@ -1,6 +1,6 @@
 import { dialogContentProps } from './dialog-content.mjs';
 import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { teleportProps } from '../../teleport/src/teleport2.mjs';
+import { teleportProps } from '../../teleport/src/teleport.mjs';
 import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
 import { isBoolean } from '../../../utils/types.mjs';
 

package/es/components/index.mjs

@@ -87,8 +87,8 @@ export { default as FixedSizeGrid } from './virtual-list/src/components/fixed-si
 export { default as DynamicSizeGrid } from './virtual-list/src/components/dynamic-size-grid.mjs';
 export { default as ElLoadingDirective, default as vLoading } from './loading/src/directive.mjs';
 export { default as ElLoadingService } from './loading/src/service.mjs';
-export { affixEmits, affixProps } from './affix/src/affix.mjs';
-export { alertEffects, alertEmits, alertProps } from './alert/src/alert2.mjs';
+export { affixEmits, affixProps } from './affix/src/affix2.mjs';
+export { alertEffects, alertEmits, alertProps } from './alert/src/alert.mjs';
 export { autocompleteEmits, autocompleteProps } from './autocomplete/src/autocomplete.mjs';
 export { avatarEmits, avatarProps } from './avatar/src/avatar.mjs';
 export { backtopEmits, backtopProps } from './backtop/src/backtop.mjs';
@@ -99,9 +99,9 @@ export { breadcrumbKey } from './breadcrumb/src/constants.mjs';
 export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './button/src/button.mjs';
 export { buttonGroupContextKey } from './button/src/constants.mjs';
 export { calendarEmits, calendarProps } from './calendar/src/calendar.mjs';
-export { cardContextKey, cardProps } from './card/src/card2.mjs';
+export { cardContextKey, cardProps } from './card/src/card.mjs';
 export { carouselEmits, carouselProps } from './carousel/src/carousel.mjs';
-export { carouselItemProps } from './carousel/src/carousel-item2.mjs';
+export { carouselItemProps } from './carousel/src/carousel-item.mjs';
 export { CAROUSEL_ITEM_NAME, carouselContextKey } from './carousel/src/constants.mjs';
 export { cascaderEmits, cascaderProps } from './cascader/src/cascader.mjs';
 export { CASCADER_PANEL_INJECTION_KEY } from './cascader-panel/src/types.mjs';
@@ -114,13 +114,13 @@ export { colProps } from './col/src/col.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './collapse/src/collapse.mjs';
 export { collapseItemProps } from './collapse/src/collapse-item.mjs';
 export { collapseContextKey } from './collapse/src/constants.mjs';
-export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './color-picker-panel/src/color-picker-panel.mjs';
-export { colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker2.mjs';
+export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './color-picker-panel/src/color-picker-panel2.mjs';
+export { colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker.mjs';
 export { messageConfig } from './config-provider/src/config-provider.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';
-export { countdownEmits, countdownProps } from './countdown/src/countdown2.mjs';
+export { countdownEmits, countdownProps } from './countdown/src/countdown.mjs';
 export { datePickerProps } from './date-picker/src/props.mjs';
 export { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from './date-picker-panel/src/constants.mjs';
 export { datePickerPanelProps } from './date-picker-panel/src/props/date-picker-panel.mjs';
@@ -158,12 +158,12 @@ export { elPaginationKey } from './pagination/src/constants.mjs';
 export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content2.mjs';
+export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content.mjs';
 export { popperArrowProps, usePopperArrowProps } from './popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src/constants.mjs';
 export { default as ElPopperArrow } from './popper/src/arrow2.mjs';
 export { default as ElPopperTrigger } from './popper/src/trigger2.mjs';
-export { default as ElPopperContent } from './popper/src/content.mjs';
+export { default as ElPopperContent } from './popper/src/content2.mjs';
 export { progressProps } from './progress/src/progress.mjs';
 export { radioEmits, radioProps, radioPropsBase } from './radio/src/radio.mjs';
 export { radioDefaultProps, radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
@@ -175,10 +175,10 @@ export { RowAlign, RowJustify, rowProps } from './row/src/row.mjs';
 export { rowContextKey } from './row/src/constants.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
 export { scrollbarEmits, scrollbarProps } from './scrollbar/src/scrollbar.mjs';
-export { thumbProps } from './scrollbar/src/thumb.mjs';
+export { thumbProps } from './scrollbar/src/thumb2.mjs';
 export { scrollbarContextKey } from './scrollbar/src/constants.mjs';
 export { selectGroupKey, selectKey } from './select/src/token.mjs';
-export { selectEmits, selectProps } from './select/src/select2.mjs';
+export { selectEmits, selectProps } from './select/src/select.mjs';
 export { selectV2InjectionKey } from './select-v2/src/token.mjs';
 export { skeletonProps } from './skeleton/src/skeleton.mjs';
 export { skeletonItemProps } from './skeleton/src/skeleton-item.mjs';
@@ -187,7 +187,7 @@ export { sliderContextKey } from './slider/src/constants.mjs';
 export { spaceProps } from './space/src/space.mjs';
 export { spaceItemProps } from './space/src/item.mjs';
 export { useSpace } from './space/src/use-space.mjs';
-export { statisticProps } from './statistic/src/statistic2.mjs';
+export { statisticProps } from './statistic/src/statistic.mjs';
 export { stepProps } from './steps/src/item.mjs';
 export { stepsEmits, stepsProps } from './steps/src/steps.mjs';
 export { STEPS_INJECTION_KEY } from './steps/src/tokens.mjs';
@@ -204,16 +204,16 @@ export { tabNavEmits, tabNavProps } from './tabs/src/tab-nav.mjs';
 export { tabPaneProps } from './tabs/src/tab-pane.mjs';
 export { tabsRootContextKey } from './tabs/src/constants.mjs';
 export { tagEmits, tagProps } from './tag/src/tag.mjs';
-export { textProps } from './text/src/text2.mjs';
+export { textProps } from './text/src/text.mjs';
 export { buildTimeList, dateEquals, dayOrDaysToDate, extractDateFormat, extractTimeFormat, formatter, makeList, parseDate, rangeArr, valueEquals } from './time-picker/src/utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, PICKER_BASE_INJECTION_KEY, PICKER_POPPER_OPTIONS_INJECTION_KEY, ROOT_COMMON_PICKER_INJECTION_KEY, timeUnits } from './time-picker/src/constants.mjs';
 export { timePickerDefaultProps, timePickerRangeTriggerProps, timePickerRngeTriggerProps } from './time-picker/src/common/props.mjs';
 export { default as CommonPicker } from './time-picker/src/common/picker.mjs';
 export { default as TimePickPanel } from './time-picker/src/time-picker-com/panel-time-pick.mjs';
-export { timeSelectProps } from './time-select/src/time-select2.mjs';
-export { timelineItemProps } from './timeline/src/timeline-item2.mjs';
+export { timeSelectProps } from './time-select/src/time-select.mjs';
+export { timelineItemProps } from './timeline/src/timeline-item.mjs';
 export { TIMELINE_INJECTION_KEY } from './timeline/src/tokens.mjs';
-export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip2.mjs';
+export { tooltipEmits, useTooltipModelToggle, useTooltipModelToggleEmits, useTooltipModelToggleProps, useTooltipProps } from './tooltip/src/tooltip.mjs';
 export { useTooltipTriggerProps } from './tooltip/src/trigger.mjs';
 export { useTooltipContentProps } from './tooltip/src/content.mjs';
 export { TOOLTIP_INJECTION_KEY } from './tooltip/src/constants.mjs';
@@ -230,14 +230,14 @@ export { default as DynamicSizeList } from './virtual-list/src/components/dynami
 export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './virtual-list/src/props.mjs';
 export { watermarkProps } from './watermark/src/watermark.mjs';
 export { tourEmits, tourProps } from './tour/src/tour.mjs';
-export { tourStepEmits, tourStepProps } from './tour/src/step2.mjs';
-export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './tour/src/content2.mjs';
+export { tourStepEmits, tourStepProps } from './tour/src/step.mjs';
+export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } from './tour/src/content.mjs';
 export { anchorEmits, anchorProps } from './anchor/src/anchor.mjs';
 export { defaultProps, segmentedEmits, segmentedProps } from './segmented/src/segmented.mjs';
 export { mentionDefaultProps, mentionEmits, mentionProps } from './mention/src/mention.mjs';
 export { splitterEmits, splitterProps } from './splitter/src/splitter.mjs';
-export { splitterPanelEmits, splitterPanelProps } from './splitter/src/split-panel2.mjs';
+export { splitterPanelEmits, splitterPanelProps } from './splitter/src/split-panel.mjs';
 export { MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messageEmits, messagePlacement, messageProps, messageTypes } from './message/src/message.mjs';
-export { notificationEmits, notificationProps, notificationTypes } from './notification/src/notification2.mjs';
+export { notificationEmits, notificationProps, notificationTypes } from './notification/src/notification.mjs';
 export { popoverEmits, popoverProps } from './popover/src/popover.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/notification/index.mjs

@@ -1,5 +1,5 @@
 import notify from './src/notify.mjs';
-export { notificationEmits, notificationProps, notificationTypes } from './src/notification2.mjs';
+export { notificationEmits, notificationProps, notificationTypes } from './src/notification.mjs';
 import { withInstallFunction } from '../../utils/vue/install.mjs';
 
 const ElNotification = withInstallFunction(notify, "$notify");

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"notification.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\" />\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":["_createBlock","_Transition","_unref","onClose","$emit","_withDirectives","_createElementVNode","id","_normalizeClass","customClass","_normalizeStyle","_openBlock","_resolveDynamicComponent","_toDisplayString","title","_renderSlot","dangerouslyUseHTMLString","_createElementBlock","message","_Fragment","_createCommentVNode","showClose","_withModifiers","closeIcon"],"mappings":"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"}
+{"version":3,"file":"notification.mjs","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":[],"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,oBAAoB,UAAW,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,EAAA,YAAA;AAAA,GACR;AAAA,EAIA,EAAI,EAAA;AAAA,IACF,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,MAAM,cAA+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,EAAM,eAA2B,QAAQ,CAAA;AAAA,IACzC,SAAS,MAAM,KAAA,CAAA;AAAA,GACjB;AAAA,EAIA,OAAS,EAAA;AAAA,IACP,IAAA,EAAM,eAA2B,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,EAAA,YAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF,CAAU,EAAA;AAMH,MAAM,iBAAoB,GAAA;AAAA,EAC/B,SAAS,MAAM,IAAA;AACjB;;;;"}