@element-plus/nightly 0.0.20260107 → 0.0.20260108

package/lib/components/collapse/src/collapse-item2.js

@@ -2,126 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var index$1 = require('../../collapse-transition/index.js');
-var index = require('../../icon/index.js');
-var collapseItem = require('./collapse-item.js');
-var useCollapseItem = require('./use-collapse-item.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var iconsVue = require('@element-plus/icons-vue');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var icon = require('../../../utils/vue/icon.js');
 
-const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled"];
-const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElCollapseItem"
+const collapseItemProps = runtime.buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  __name: "collapse-item",
-  props: collapseItem.collapseItemProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const {
-      focusing,
-      id,
-      isActive,
-      handleFocus,
-      handleHeaderClick,
-      handleEnterClick
-    } = useCollapseItem.useCollapseItem(props);
-    const {
-      arrowKls,
-      headKls,
-      rootKls,
-      itemTitleKls,
-      itemWrapperKls,
-      itemContentKls,
-      scopedContentId,
-      scopedHeadId
-    } = useCollapseItem.useCollapseItemDOM(props, { focusing, isActive, id });
-    __expose({
-      isActive
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(vue.unref(rootKls))
-        },
-        [
-          vue.createElementVNode("div", {
-            id: vue.unref(scopedHeadId),
-            class: vue.normalizeClass(vue.unref(headKls)),
-            "aria-expanded": vue.unref(isActive),
-            "aria-controls": vue.unref(scopedContentId),
-            "aria-describedby": vue.unref(scopedContentId),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
-            role: "button",
-            onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(handleHeaderClick) && vue.unref(handleHeaderClick)(...args)),
-            onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(
-              (...args) => vue.unref(handleEnterClick) && vue.unref(handleEnterClick)(...args),
-              ["stop"]
-            ), ["space", "enter"])),
-            onFocus: _cache[2] || (_cache[2] = (...args) => vue.unref(handleFocus) && vue.unref(handleFocus)(...args)),
-            onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
-          }, [
-            vue.createElementVNode(
-              "span",
-              {
-                class: vue.normalizeClass(vue.unref(itemTitleKls))
-              },
-              [
-                vue.renderSlot(_ctx.$slots, "title", { isActive: vue.unref(isActive) }, () => [
-                  vue.createTextVNode(
-                    vue.toDisplayString(_ctx.title),
-                    1
-                  )
-                ])
-              ],
-              2
-            ),
-            vue.renderSlot(_ctx.$slots, "icon", { isActive: vue.unref(isActive) }, () => [
-              vue.createVNode(vue.unref(index.ElIcon), {
-                class: vue.normalizeClass(vue.unref(arrowKls))
-              }, {
-                default: vue.withCtx(() => [
-                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ])
-          ], 42, _hoisted_1),
-          vue.createVNode(vue.unref(index$1.ElCollapseTransition), null, {
-            default: vue.withCtx(() => [
-              vue.withDirectives(vue.createElementVNode("div", {
-                id: vue.unref(scopedContentId),
-                role: "region",
-                class: vue.normalizeClass(vue.unref(itemWrapperKls)),
-                "aria-hidden": !vue.unref(isActive),
-                "aria-labelledby": vue.unref(scopedHeadId)
-              }, [
-                vue.createElementVNode(
-                  "div",
-                  {
-                    class: vue.normalizeClass(vue.unref(itemContentKls))
-                  },
-                  [
-                    vue.renderSlot(_ctx.$slots, "default")
-                  ],
-                  2
-                )
-              ], 10, _hoisted_2), [
-                [vue.vShow, vue.unref(isActive)]
-              ])
-            ]),
-            _: 3
-          })
-        ],
-        2
-      );
-    };
-  }
+  name: {
+    type: runtime.definePropType([String, Number]),
+    default: void 0
+  },
+  icon: {
+    type: icon.iconPropType,
+    default: iconsVue.ArrowRight
+  },
+  disabled: Boolean
 });
-var CollapseItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse-item.vue"]]);
 
-exports["default"] = CollapseItem;
+exports.collapseItemProps = collapseItemProps;
 //# sourceMappingURL=collapse-item2.js.map

package/lib/components/collapse/src/collapse-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <span :class=\"itemTitleKls\">\n        <slot name=\"title\" :is-active=\"isActive\">{{ title }}</slot>\n      </span>\n      <slot name=\"icon\" :is-active=\"isActive\">\n        <el-icon :class=\"arrowKls\">\n          <component :is=\"icon\" />\n        </el-icon>\n      </slot>\n    </div>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemTitleKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["useCollapseItem","useCollapseItemDOM","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","icon","ElCollapseTransition","_withCtx","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;;;AAMO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}

package/lib/components/countdown/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var countdown$1 = require('./src/countdown.js');
-var countdown = require('./src/countdown2.js');
+var countdown$1 = require('./src/countdown2.js');
+var countdown = require('./src/countdown.js');
 var install = require('../../utils/vue/install.js');
 
 const ElCountdown = install.withInstall(countdown$1["default"]);

package/lib/components/countdown/src/countdown.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.js","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":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","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,GAAWA,QAAY,CAAC,CAAA,CAAA;AACxB,IAAA,MAAA,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAAC,OAAA,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,GAAYC,aAAQ,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,CAAKC,oBAAc,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,GAAQC,QAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AAEjD,MAAAI,SAAA;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,IAAAC,mBAAA,CAAgB,MAAM;AACV,MAAA,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAEY,IAAA,QAAA,CAAA;AAAA,MAIX,YAAA;AAAA,KACD,CAAA,CAAA;;8BAnFCC,eAWe,CAAAC,SAAA,CAAAC,iBAAA,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,eAAA,CAAA;AAAA;;sBAE6BC,CAAAA,IAAAA,CAAM,MAAA,EAAA,CAAlB,GAAG,IAAI,KAAA;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,aAAR,IAAI,CAAA;AAAA,aAAA,CAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"countdown.js","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":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAOO,MAAM,iBAAiBA,kBAAW,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,EAAAC,sBAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,MAAMA,sBAA2B,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,CAACC,kBAAA,GAAe,CAAC,KAAA,KAAkBC,eAAS,KAAK,CAAA;AACnD;;;;;"}

package/lib/components/countdown/src/countdown2.js

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

package/lib/components/countdown/src/countdown2.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown2.js","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":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;;;AAOO,MAAM,iBAAiBA,kBAAW,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,EAAAC,sBAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,MAAMA,sBAA2B,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,CAACC,kBAAA,GAAe,CAAC,KAAA,KAAkBC,eAAS,KAAK,CAAA;AACnD;;;;;"}
+{"version":3,"file":"countdown2.js","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":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","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,GAAWA,QAAY,CAAC,CAAA,CAAA;AACxB,IAAA,MAAA,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAO,EAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAW,CAAA,GAAA,EAAK,MAAM,MAAM,CAAA,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAO,EAAA;AACT,QAAAC,OAAA,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,GAAYC,aAAQ,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,CAAKC,oBAAc,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,GAAQC,QAAI,SAAS,CAAA,CAAA;AAAA,SACvB;AACA,QAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAA;AAAA,OACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAQ,CAAA,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAI,EAAA,CAAA;AAEjD,MAAAI,SAAA;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,IAAAC,mBAAA,CAAgB,MAAM;AACV,MAAA,SAAA,EAAA,CAAA;AAAA,KACX,CAAA,CAAA;AAEY,IAAA,QAAA,CAAA;AAAA,MAIX,YAAA;AAAA,KACD,CAAA,CAAA;;8BAnFCC,eAWe,CAAAC,SAAA,CAAAC,iBAAA,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,eAAA,CAAA;AAAA;;sBAE6BC,CAAAA,IAAAA,CAAM,MAAA,EAAA,CAAlB,GAAG,IAAI,KAAA;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,aAAR,IAAI,CAAA;AAAA,aAAA,CAAA;AAAA;;;;;;;;;;"}

package/lib/components/dropdown/src/dropdown-item-impl.js

@@ -102,11 +102,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onPointermove: _cache[4] || (_cache[4] = (e) => _ctx.$emit("pointermove", e)),
         onPointerleave: _cache[5] || (_cache[5] = (e) => _ctx.$emit("pointerleave", e))
       }), [
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
+        _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createBlock(_component_el_icon, { key: 0 }, {
           default: vue.withCtx(() => [
-            (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon)))
+            ])
           ]),
-          _: 1
+          _: 3
         })) : vue.createCommentVNode("v-if", true),
         vue.renderSlot(_ctx.$slots, "default")
       ], 16, _hoisted_1)

package/lib/components/dropdown/src/dropdown-item-impl.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon\">\n      <component :is=\"icon\" />\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useNamespace","inject","DROPDOWN_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","getEventCode","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_createBlock","_withCtx","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-item-impl.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item-impl.vue"],"sourcesContent":["<template>\n  <li\n    v-if=\"divided\"\n    role=\"separator\"\n    :class=\"ns.bem('menu', 'item', 'divided')\"\n  />\n  <li\n    :ref=\"itemRef\"\n    v-bind=\"{ ...dataset, ...$attrs }\"\n    :aria-disabled=\"disabled\"\n    :class=\"[ns.be('menu', 'item'), ns.is('disabled', disabled)]\"\n    :tabindex=\"tabIndex\"\n    :role=\"role\"\n    @click=\"(e) => $emit('clickimpl', e)\"\n    @focus=\"handleFocus\"\n    @keydown.self=\"handleKeydown\"\n    @mousedown=\"handleMousedown\"\n    @pointermove=\"(e) => $emit('pointermove', e)\"\n    @pointerleave=\"(e) => $emit('pointerleave', e)\"\n  >\n    <el-icon v-if=\"icon || $slots.icon\">\n      <slot name=\"icon\">\n        <component :is=\"icon\" />\n      </slot>\n    </el-icon>\n    <slot />\n  </li>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport {\n  ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY,\n  ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n} from '@element-plus/components/roving-focus-group'\nimport { COLLECTION_ITEM_SIGN } from '@element-plus/components/collection'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport {\n  composeEventHandlers,\n  composeRefs,\n  getEventCode,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'DropdownItemImpl',\n  components: {\n    ElIcon,\n  },\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click', 'clickimpl'],\n  setup(_, { emit }) {\n    const ns = useNamespace('dropdown')\n\n    const { role: menuRole } = inject(DROPDOWN_INJECTION_KEY, undefined)!\n\n    const { collectionItemRef: rovingFocusCollectionItemRef } = inject(\n      ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY,\n      undefined\n    )!\n\n    const {\n      rovingFocusGroupItemRef,\n      tabIndex,\n      handleFocus,\n      handleKeydown: handleItemKeydown,\n      handleMousedown,\n    } = inject(ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY, undefined)!\n\n    const itemRef = composeRefs(\n      rovingFocusCollectionItemRef,\n      rovingFocusGroupItemRef\n    )\n\n    const role = computed<string>(() => {\n      if (menuRole.value === 'menu') {\n        return 'menuitem'\n      } else if (menuRole.value === 'navigation') {\n        return 'link'\n      }\n      return 'button'\n    })\n\n    const handleKeydown = composeEventHandlers((e: KeyboardEvent) => {\n      const code = getEventCode(e)\n\n      if (\n        [EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(\n          code\n        )\n      ) {\n        e.preventDefault()\n        e.stopImmediatePropagation()\n        emit('clickimpl', e)\n        return true\n      }\n    }, handleItemKeydown)\n\n    return {\n      ns,\n      itemRef,\n      dataset: {\n        [COLLECTION_ITEM_SIGN]: '',\n      },\n      role,\n      tabIndex,\n      handleFocus,\n      handleKeydown,\n      handleMousedown,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElIcon","dropdownItemProps","useNamespace","inject","DROPDOWN_INJECTION_KEY","ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY","ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY","composeRefs","computed","composeEventHandlers","getEventCode","EVENT_CODE","COLLECTION_ITEM_SIGN","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_mergeProps","_createBlock","_withCtx","_renderSlot","_resolveDynamicComponent"],"mappings":"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"}

package/lib/components/dropdown/src/dropdown-item.js

@@ -93,12 +93,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onPointerleave: _ctx.handlePointerLeave,
         onPointermove: _ctx.handlePointerMove,
         onClickimpl: _ctx.handleClick
-      }), {
+      }), vue.createSlots({
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default")
         ]),
-        _: 3
-      }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
+        _: 2
+      }, [
+        _ctx.$slots.icon ? {
+          name: "icon",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["onPointerleave", "onPointermove", "onClickimpl"])
     ]),
     _: 3
   }, 8, ["focusable"]);

package/lib/components/dropdown/src/dropdown-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-item :focusable=\"!disabled\">\n    <el-dropdown-item-impl\n      v-bind=\"propsAndAttrs\"\n      @pointerleave=\"handlePointerLeave\"\n      @pointermove=\"handlePointerMove\"\n      @clickimpl=\"handleClick\"\n    >\n      <slot />\n    </el-dropdown-item-impl>\n  </el-roving-focus-item>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject } from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus({\n            preventScroll: true,\n          })\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers((e: PointerEvent) => {\n      emit('pointerleave', e)\n      return e.defaultPrevented\n    }, whenMouse(onItemLeave))\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => ({ ...props, ...attrs }))\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useDropdown","getCurrentInstance","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","computed","_createBlock","_createVNode","_mergeProps","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"dropdown-item.js","sources":["../../../../../../packages/components/dropdown/src/dropdown-item.vue"],"sourcesContent":["<template>\n  <el-roving-focus-item :focusable=\"!disabled\">\n    <el-dropdown-item-impl\n      v-bind=\"propsAndAttrs\"\n      @pointerleave=\"handlePointerLeave\"\n      @pointermove=\"handlePointerMove\"\n      @clickimpl=\"handleClick\"\n    >\n      <template v-if=\"$slots.icon\" #icon>\n        <slot name=\"icon\" />\n      </template>\n\n      <slot />\n    </el-dropdown-item-impl>\n  </el-roving-focus-item>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, getCurrentInstance, inject } from 'vue'\nimport { ElRovingFocusItem } from '@element-plus/components/roving-focus-group'\nimport { composeEventHandlers, whenMouse } from '@element-plus/utils'\nimport ElDropdownItemImpl from './dropdown-item-impl.vue'\nimport { useDropdown } from './useDropdown'\nimport { dropdownItemProps } from './dropdown'\nimport { DROPDOWN_INJECTION_KEY } from './tokens'\n\nexport default defineComponent({\n  name: 'ElDropdownItem',\n  components: {\n    ElRovingFocusItem,\n    ElDropdownItemImpl,\n  },\n  inheritAttrs: false,\n  props: dropdownItemProps,\n  emits: ['pointermove', 'pointerleave', 'click'],\n  setup(props, { emit, attrs }) {\n    const { elDropdown } = useDropdown()\n    const _instance = getCurrentInstance()\n    const { onItemEnter, onItemLeave } = inject(\n      DROPDOWN_INJECTION_KEY,\n      undefined\n    )!\n\n    const handlePointerMove = composeEventHandlers(\n      (e: PointerEvent) => {\n        emit('pointermove', e)\n        return e.defaultPrevented\n      },\n      whenMouse((e) => {\n        if (props.disabled) {\n          onItemLeave(e)\n          return\n        }\n\n        const target = e.currentTarget as HTMLElement\n        /**\n         * This handles the following scenario:\n         *   when the item contains a form element such as input element\n         *   when the mouse is moving over the element itself which is contained by\n         *   the item, the default focusing logic should be prevented so that\n         *   it won't cause weird action.\n         */\n        if (\n          target === document.activeElement ||\n          target.contains(document.activeElement)\n        ) {\n          return\n        }\n\n        onItemEnter(e)\n        if (!e.defaultPrevented) {\n          target?.focus({\n            preventScroll: true,\n          })\n        }\n      })\n    )\n\n    const handlePointerLeave = composeEventHandlers((e: PointerEvent) => {\n      emit('pointerleave', e)\n      return e.defaultPrevented\n    }, whenMouse(onItemLeave))\n\n    const handleClick = composeEventHandlers(\n      (e: PointerEvent) => {\n        if (props.disabled) {\n          return\n        }\n        emit('click', e)\n        return e.type !== 'keydown' && e.defaultPrevented\n      },\n      (e) => {\n        if (props.disabled) {\n          e.stopImmediatePropagation()\n          return\n        }\n        if (elDropdown?.hideOnClick?.value) {\n          elDropdown.handleClick?.()\n        }\n        elDropdown.commandHandler?.(props.command, _instance, e)\n      }\n    )\n\n    // direct usage of v-bind={ ...$props, ...$attrs } causes type errors\n    const propsAndAttrs = computed(() => ({ ...props, ...attrs }))\n\n    return {\n      handleClick,\n      handlePointerMove,\n      handlePointerLeave,\n      propsAndAttrs,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElRovingFocusItem","ElDropdownItemImpl","dropdownItemProps","useDropdown","getCurrentInstance","inject","DROPDOWN_INJECTION_KEY","composeEventHandlers","whenMouse","computed","_createBlock","_createVNode","_mergeProps","_createSlots","_renderSlot","_withCtx"],"mappings":"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"}

package/lib/components/empty/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var empty$1 = require('./src/empty.js');
-var empty = require('./src/empty2.js');
+var empty$1 = require('./src/empty2.js');
+var empty = require('./src/empty.js');
 var install = require('../../utils/vue/install.js');
 
 const ElEmpty = install.withInstall(empty$1["default"]);