@element-plus/nightly 0.0.20251229 → 0.0.20251231

package/es/components/collapse/src/collapse-item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.mjs","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":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","_createBlock","_resolveDynamicComponent","icon","_withCtx","_withDirectives"],"mappings":"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"}
+{"version":3,"file":"collapse-item2.mjs","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":[],"mappings":";;;;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,YAAA;AAAA,IACN,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}

package/es/components/countdown/index.mjs

@@ -1,5 +1,5 @@
-import Countdown from './src/countdown2.mjs';
-export { countdownEmits, countdownProps } from './src/countdown.mjs';
+import Countdown from './src/countdown.mjs';
+export { countdownEmits, countdownProps } from './src/countdown2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElCountdown = withInstall(Countdown);

package/es/components/countdown/src/countdown.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 './countdown2.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=countdown.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.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":"countdown.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/countdown/src/countdown2.mjs

@@ -1,90 +1,27 @@
-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 { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
 import { CHANGE_EVENT } from '../../../constants/event.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElCountdown"
+const countdownProps = buildProps({
+  format: {
+    type: String,
+    default: "HH:mm:ss"
   },
-  __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"]);
-    };
+  prefix: String,
+  suffix: String,
+  title: String,
+  value: {
+    type: definePropType([Number, Object]),
+    default: 0
+  },
+  valueStyle: {
+    type: definePropType([String, Object, Array])
   }
 });
-var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/countdown/src/countdown.vue"]]);
+const countdownEmits = {
+  finish: () => true,
+  [CHANGE_EVENT]: (value) => isNumber(value)
+};
 
-export { Countdown as default };
+export { countdownEmits, countdownProps };
 //# 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.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;;;;;;;;;;"}
+{"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;;;;"}

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/dialog/src/use-dialog.mjs

@@ -204,6 +204,7 @@ const useDialog = (props, targetRef) => {
       var _a2;
       if (val) {
         closed.value = false;
+        closing.value = false;
         open();
         rendered.value = true;
         zIndex.value = (_a2 = props.zIndex) != null ? _a2 : nextZIndex();

package/es/components/dialog/src/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport {\n  defaultNamespace,\n  useId,\n  useLockscreen,\n  useZIndex,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  addUnit,\n  debugWarn,\n  isArray,\n  isClient,\n  isFunction,\n  isObject,\n} from '@element-plus/utils'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { DEFAULT_DIALOG_TRANSITION } from './constants'\n\nimport type { CSSProperties, Ref, SetupContext, TransitionProps } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nconst COMPONENT_NAME = 'ElDialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const instance = getCurrentInstance()!\n  const emit = instance.emit as SetupContext<DialogEmits>['emit']\n  const { nextZIndex } = useZIndex()\n\n  let lastPosition = ''\n  const titleId = useId()\n  const bodyId = useId()\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when destroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex ?? nextZIndex())\n  const closing = ref(false)\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const config = useGlobalConfig()\n\n  const namespace = computed(() => config.value?.namespace ?? defaultNamespace)\n  const globalConfig = computed(() => config.value?.dialog)\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--${namespace.value}-dialog` as const\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      const width = addUnit(props.width)\n      if (width) {\n        style[`${varPrefix}-width`] = width\n      }\n    }\n    return style\n  })\n\n  const _draggable = computed(\n    () =>\n      (props.draggable ?? globalConfig.value?.draggable ?? false) &&\n      !props.fullscreen\n  )\n\n  const _alignCenter = computed(\n    () => props.alignCenter ?? globalConfig.value?.alignCenter ?? false\n  )\n\n  const _overflow = computed(\n    () => props.overflow ?? globalConfig.value?.overflow ?? false\n  )\n\n  const overlayDialogStyle = computed<CSSProperties>(() => {\n    if (_alignCenter.value) {\n      return { display: 'flex' }\n    }\n    return {}\n  })\n\n  const transitionConfig = computed(() => {\n    const transition =\n      props.transition ??\n      globalConfig.value?.transition ??\n      DEFAULT_DIALOG_TRANSITION\n    const baseConfig = {\n      name: transition,\n      onAfterEnter: afterEnter,\n      onBeforeLeave: beforeLeave,\n      onAfterLeave: afterLeave,\n    }\n    if (isObject(transition)) {\n      const config = { ...transition } as TransitionProps\n      const _mergeHook = (\n        userHook: Arrayable<(el: Element) => void> | undefined,\n        defaultHook: () => void\n      ) => {\n        return (el: Element) => {\n          if (isArray(userHook)) {\n            userHook.forEach((fn) => {\n              if (isFunction(fn)) fn(el)\n            })\n          } else if (isFunction(userHook)) {\n            userHook(el)\n          }\n          defaultHook()\n        }\n      }\n      config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter)\n      config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave)\n      config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave)\n      if (!config.name) {\n        config.name = DEFAULT_DIALOG_TRANSITION\n        debugWarn(\n          COMPONENT_NAME,\n          `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`\n        )\n      }\n      return config\n    }\n\n    return baseConfig\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n    closing.value = false\n  }\n\n  function beforeLeave() {\n    closing.value = true\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function handleClose() {\n    function hide(shouldCancel?: boolean) {\n      if (shouldCancel) return\n      closed.value = true\n      visible.value = false\n    }\n\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) return\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  function onOpenAutoFocus() {\n    emit('openAutoFocus')\n  }\n\n  function onCloseAutoFocus() {\n    emit('closeAutoFocus')\n  }\n\n  function onFocusoutPrevented(event: CustomEvent) {\n    if (event.detail?.focusReason === 'pointer') {\n      event.preventDefault()\n    }\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  function onCloseRequested() {\n    if (props.closeOnPressEscape) {\n      handleClose()\n    }\n  }\n\n  watch(\n    () => props.zIndex,\n    () => {\n      zIndex.value = props.zIndex ?? nextZIndex()\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ?? nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          emit('open')\n          if (targetRef.value) {\n            targetRef.value.parentElement!.scrollTop = 0\n            targetRef.value.parentElement!.scrollLeft = 0\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  watch(\n    () => props.fullscreen,\n    (val) => {\n      if (!targetRef.value) return\n      if (val) {\n        lastPosition = targetRef.value.style.transform\n        targetRef.value.style.transform = ''\n      } else {\n        targetRef.value.style.transform = lastPosition\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onCloseRequested,\n    onFocusoutPrevented,\n    titleId,\n    bodyId,\n    closed,\n    style,\n    overlayDialogStyle,\n    rendered,\n    visible,\n    zIndex,\n    transitionConfig,\n    _draggable,\n    _alignCenter,\n    _overflow,\n    closing,\n  }\n}\n"],"names":["_a","style","config"],"mappings":"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"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../../packages/components/dialog/src/use-dialog.ts"],"sourcesContent":["import {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useTimeoutFn } from '@vueuse/core'\nimport {\n  defaultNamespace,\n  useId,\n  useLockscreen,\n  useZIndex,\n} from '@element-plus/hooks'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport {\n  addUnit,\n  debugWarn,\n  isArray,\n  isClient,\n  isFunction,\n  isObject,\n} from '@element-plus/utils'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { DEFAULT_DIALOG_TRANSITION } from './constants'\n\nimport type { CSSProperties, Ref, SetupContext, TransitionProps } from 'vue'\nimport type { Arrayable } from '@element-plus/utils'\nimport type { DialogEmits, DialogProps } from './dialog'\n\nconst COMPONENT_NAME = 'ElDialog'\n\nexport const useDialog = (\n  props: DialogProps,\n  targetRef: Ref<HTMLElement | undefined>\n) => {\n  const instance = getCurrentInstance()!\n  const emit = instance.emit as SetupContext<DialogEmits>['emit']\n  const { nextZIndex } = useZIndex()\n\n  let lastPosition = ''\n  const titleId = useId()\n  const bodyId = useId()\n  const visible = ref(false)\n  const closed = ref(false)\n  const rendered = ref(false) // when destroyOnClose is true, we initialize it as false vise versa\n  const zIndex = ref(props.zIndex ?? nextZIndex())\n  const closing = ref(false)\n\n  let openTimer: (() => void) | undefined = undefined\n  let closeTimer: (() => void) | undefined = undefined\n\n  const config = useGlobalConfig()\n\n  const namespace = computed(() => config.value?.namespace ?? defaultNamespace)\n  const globalConfig = computed(() => config.value?.dialog)\n\n  const style = computed<CSSProperties>(() => {\n    const style: CSSProperties = {}\n    const varPrefix = `--${namespace.value}-dialog` as const\n    if (!props.fullscreen) {\n      if (props.top) {\n        style[`${varPrefix}-margin-top`] = props.top\n      }\n      const width = addUnit(props.width)\n      if (width) {\n        style[`${varPrefix}-width`] = width\n      }\n    }\n    return style\n  })\n\n  const _draggable = computed(\n    () =>\n      (props.draggable ?? globalConfig.value?.draggable ?? false) &&\n      !props.fullscreen\n  )\n\n  const _alignCenter = computed(\n    () => props.alignCenter ?? globalConfig.value?.alignCenter ?? false\n  )\n\n  const _overflow = computed(\n    () => props.overflow ?? globalConfig.value?.overflow ?? false\n  )\n\n  const overlayDialogStyle = computed<CSSProperties>(() => {\n    if (_alignCenter.value) {\n      return { display: 'flex' }\n    }\n    return {}\n  })\n\n  const transitionConfig = computed(() => {\n    const transition =\n      props.transition ??\n      globalConfig.value?.transition ??\n      DEFAULT_DIALOG_TRANSITION\n    const baseConfig = {\n      name: transition,\n      onAfterEnter: afterEnter,\n      onBeforeLeave: beforeLeave,\n      onAfterLeave: afterLeave,\n    }\n    if (isObject(transition)) {\n      const config = { ...transition } as TransitionProps\n      const _mergeHook = (\n        userHook: Arrayable<(el: Element) => void> | undefined,\n        defaultHook: () => void\n      ) => {\n        return (el: Element) => {\n          if (isArray(userHook)) {\n            userHook.forEach((fn) => {\n              if (isFunction(fn)) fn(el)\n            })\n          } else if (isFunction(userHook)) {\n            userHook(el)\n          }\n          defaultHook()\n        }\n      }\n      config.onAfterEnter = _mergeHook(config.onAfterEnter, afterEnter)\n      config.onBeforeLeave = _mergeHook(config.onBeforeLeave, beforeLeave)\n      config.onAfterLeave = _mergeHook(config.onAfterLeave, afterLeave)\n      if (!config.name) {\n        config.name = DEFAULT_DIALOG_TRANSITION\n        debugWarn(\n          COMPONENT_NAME,\n          `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`\n        )\n      }\n      return config\n    }\n\n    return baseConfig\n  })\n\n  function afterEnter() {\n    emit('opened')\n  }\n\n  function afterLeave() {\n    emit('closed')\n    emit(UPDATE_MODEL_EVENT, false)\n    if (props.destroyOnClose) {\n      rendered.value = false\n    }\n    closing.value = false\n  }\n\n  function beforeLeave() {\n    closing.value = true\n    emit('close')\n  }\n\n  function open() {\n    closeTimer?.()\n    openTimer?.()\n\n    if (props.openDelay && props.openDelay > 0) {\n      ;({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay))\n    } else {\n      doOpen()\n    }\n  }\n\n  function close() {\n    openTimer?.()\n    closeTimer?.()\n\n    if (props.closeDelay && props.closeDelay > 0) {\n      ;({ stop: closeTimer } = useTimeoutFn(() => doClose(), props.closeDelay))\n    } else {\n      doClose()\n    }\n  }\n\n  function handleClose() {\n    function hide(shouldCancel?: boolean) {\n      if (shouldCancel) return\n      closed.value = true\n      visible.value = false\n    }\n\n    if (props.beforeClose) {\n      props.beforeClose(hide)\n    } else {\n      close()\n    }\n  }\n\n  function onModalClick() {\n    if (props.closeOnClickModal) {\n      handleClose()\n    }\n  }\n\n  function doOpen() {\n    if (!isClient) return\n    visible.value = true\n  }\n\n  function doClose() {\n    visible.value = false\n  }\n\n  function onOpenAutoFocus() {\n    emit('openAutoFocus')\n  }\n\n  function onCloseAutoFocus() {\n    emit('closeAutoFocus')\n  }\n\n  function onFocusoutPrevented(event: CustomEvent) {\n    if (event.detail?.focusReason === 'pointer') {\n      event.preventDefault()\n    }\n  }\n\n  if (props.lockScroll) {\n    useLockscreen(visible)\n  }\n\n  function onCloseRequested() {\n    if (props.closeOnPressEscape) {\n      handleClose()\n    }\n  }\n\n  watch(\n    () => props.zIndex,\n    () => {\n      zIndex.value = props.zIndex ?? nextZIndex()\n    }\n  )\n\n  watch(\n    () => props.modelValue,\n    (val) => {\n      if (val) {\n        closed.value = false\n        closing.value = false\n        open()\n        rendered.value = true // enables lazy rendering\n        zIndex.value = props.zIndex ?? nextZIndex()\n        // this.$el.addEventListener('scroll', this.updatePopper)\n        nextTick(() => {\n          emit('open')\n          if (targetRef.value) {\n            targetRef.value.parentElement!.scrollTop = 0\n            targetRef.value.parentElement!.scrollLeft = 0\n            targetRef.value.scrollTop = 0\n          }\n        })\n      } else {\n        // this.$el.removeEventListener('scroll', this.updatePopper\n        if (visible.value) {\n          close()\n        }\n      }\n    }\n  )\n\n  watch(\n    () => props.fullscreen,\n    (val) => {\n      if (!targetRef.value) return\n      if (val) {\n        lastPosition = targetRef.value.style.transform\n        targetRef.value.style.transform = ''\n      } else {\n        targetRef.value.style.transform = lastPosition\n      }\n    }\n  )\n\n  onMounted(() => {\n    if (props.modelValue) {\n      visible.value = true\n      rendered.value = true // enables lazy rendering\n      open()\n    }\n  })\n\n  return {\n    afterEnter,\n    afterLeave,\n    beforeLeave,\n    handleClose,\n    onModalClick,\n    close,\n    doClose,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    onCloseRequested,\n    onFocusoutPrevented,\n    titleId,\n    bodyId,\n    closed,\n    style,\n    overlayDialogStyle,\n    rendered,\n    visible,\n    zIndex,\n    transitionConfig,\n    _draggable,\n    _alignCenter,\n    _overflow,\n    closing,\n  }\n}\n"],"names":["_a","style","config"],"mappings":"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"}

package/es/components/empty/index.mjs

@@ -1,5 +1,5 @@
-import Empty from './src/empty2.mjs';
-export { emptyProps } from './src/empty.mjs';
+import Empty from './src/empty.mjs';
+export { emptyProps } from './src/empty2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElEmpty = withInstall(Empty);

package/es/components/empty/src/empty.mjs

@@ -1,16 +1,86 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
+import ImgEmpty from './img-empty.mjs';
+import { emptyProps } from './empty2.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { addUnit } from '../../../utils/dom/style.mjs';
 
-const emptyProps = buildProps({
-  image: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["src"];
+const _hoisted_2 = { key: 1 };
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElEmpty"
   },
-  imageSize: Number,
-  description: {
-    type: String,
-    default: ""
+  __name: "empty",
+  props: emptyProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    const ns = useNamespace("empty");
+    const emptyDescription = computed(
+      () => props.description || t("el.table.emptyText")
+    );
+    const imageStyle = computed(() => ({
+      width: addUnit(props.imageSize)
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(ns).b())
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("image")),
+              style: normalizeStyle(imageStyle.value)
+            },
+            [
+              _ctx.image ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: _ctx.image,
+                ondragstart: "return false"
+              }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
+                createVNode(ImgEmpty)
+              ])
+            ],
+            6
+          ),
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(unref(ns).e("description"))
+            },
+            [
+              _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock(
+                "p",
+                _hoisted_2,
+                toDisplayString(emptyDescription.value),
+                1
+              ))
+            ],
+            2
+          ),
+          _ctx.$slots.default ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(ns).e("bottom"))
+            },
+            [
+              renderSlot(_ctx.$slots, "default")
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
+        ],
+        2
+      );
+    };
   }
 });
+var Empty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);
 
-export { emptyProps };
+export { Empty as default };
 //# sourceMappingURL=empty.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const emptyProps = buildProps({\n  /**\n   * @description image URL of empty\n   */\n  image: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description image size (width) of empty\n   */\n  imageSize: Number,\n  /**\n   * @description description of empty\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n} as const)\n\nexport type EmptyProps = ExtractPropTypes<typeof emptyProps>\nexport type EmptyPropsPublic = ExtractPublicPropTypes<typeof emptyProps>\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa,UAAW,CAAA;AAAA,EAInC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,MAAA;AAAA,EAIX,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"empty.mjs","sources":["../../../../../../packages/components/empty/src/empty.vue"],"sourcesContent":["<template>\n  <div :class=\"ns.b()\">\n    <div :class=\"ns.e('image')\" :style=\"imageStyle\">\n      <img v-if=\"image\" :src=\"image\" ondragstart=\"return false\" />\n      <slot v-else name=\"image\">\n        <img-empty />\n      </slot>\n    </div>\n    <div :class=\"ns.e('description')\">\n      <slot v-if=\"$slots.description\" name=\"description\" />\n      <p v-else>{{ emptyDescription }}</p>\n    </div>\n    <div v-if=\"$slots.default\" :class=\"ns.e('bottom')\">\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { addUnit } from '@element-plus/utils'\nimport ImgEmpty from './img-empty.vue'\nimport { emptyProps } from './empty'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElEmpty',\n})\n\nconst props = defineProps(emptyProps)\n\nconst { t } = useLocale()\nconst ns = useNamespace('empty')\nconst emptyDescription = computed(\n  () => props.description || t('el.table.emptyText')\n)\nconst imageStyle = computed<CSSProperties>(() => ({\n  width: addUnit(props.imageSize),\n}))\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_normalizeStyle","image","_renderSlot","_createVNode","$slots","_toDisplayString"],"mappings":";;;;;;;;;;;;;;;;;AA+BA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAE,CAAE,EAAA,GAAI,SAAU,EAAA,CAAA;AAClB,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAC/B,IAAA,MAAM,gBAAmB,GAAA,QAAA;AAAA,MACvB,MAAM,KAAA,CAAM,WAAe,IAAA,CAAA,CAAE,oBAAoB,CAAA;AAAA,KACnD,CAAA;AACM,IAAA,MAAA,UAAA,GAAa,SAAwB,OAAO;AAAA,MAChD,KAAA,EAAO,OAAQ,CAAA,KAAA,CAAM,SAAS,CAAA;AAAA,KAC9B,CAAA,CAAA,CAAA;;AAvCA,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAcM,KAAA;AAAA,QAAA;AAAA,UAdA,OAAKC,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,SAAA;AAAA;UACfC,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA,cALA,OAAKF,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,OAAA,CAAA,CAAA;AAAA,cAAY,KAAA,EAAKE,cAAE,CAAA,UAAA,CAAU,KAAA,CAAA;AAAA,aAAA;AAAA;cACjCC,IAAAA,CAAAA,KAAAA,IAAAA,SAAAA,EAAAA,EAAXL,mBAA4D,KAAA,EAAA;AAAA,gBAAA,GAAA,EAAA,CAAA;AAAA,gBAAzC,KAAKK,IAAAA,CAAAA,KAAAA;AAAAA,gBAAO,WAAY,EAAA,cAAA;AAAA,eAC3C,EAAA,IAAA,EAAA,CAAA,EAAA,UAAA,CAAA,IAAAC,UAAA,CAEO,kCAFP,MAEO;AAAA,gBADLC,YAAa,QAAA,CAAA;AAAA,eAAA,CAAA;AAAA;;;UAGjBJ,kBAAA;AAAA,YAGM,KAAA;AAAA,YAAA;AAAA,cAHA,OAAKF,cAAE,CAAAC,KAAA,CAAA,EAAA,CAAG,CAAA,CAAA,CAAC,aAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACHM,IAAO,CAAA,MAAA,CAAA,WAAnB,GAAAF,UAAA,CAAqD,IACrD,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,GAAA,EAAA,CAAA,EAAA,CAAA,IAAAP,WAAA,EAAAC,kBAAA;AAAA,gBAAoC,GAAA;AAAA,gBAAA,UAAA;AAAA,gBAAAS,eAAA,CAAvB,iBAAgB,KAAA,CAAA;AAAA,gBAAA,CAAA;AAAA,eAAA,CAAA;AAAA,aAAA;AAAA;;UAEpBD,IAAAA,CAAAA,MAAAA,CAAO,OAAlB,IAAAT,SAAA,EAAA,EAAAC,kBAAA;AAAA,YAEM,KAAA;AAAA,YAAA;AAAA,cAAA,GAAA,EAAA,CAAA;AAAA,cAFsB,OAAKC,cAAE,CAAAC,KAAA,IAAG,CAAA,CAAA,CAAC,QAAA,CAAA,CAAA;AAAA,aAAA;AAAA;cACrCI,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,aAAA;AAAA;;;;;;;;;;;;"}

package/es/components/empty/src/empty2.mjs

@@ -1,86 +1,16 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, renderSlot, createVNode, toDisplayString, createCommentVNode } from 'vue';
-import ImgEmpty from './img-empty.mjs';
-import { emptyProps } from './empty.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useLocale } from '../../../hooks/use-locale/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { addUnit } from '../../../utils/dom/style.mjs';
+import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 
-const _hoisted_1 = ["src"];
-const _hoisted_2 = { key: 1 };
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElEmpty"
+const emptyProps = buildProps({
+  image: {
+    type: String,
+    default: ""
   },
-  __name: "empty",
-  props: emptyProps,
-  setup(__props) {
-    const props = __props;
-    const { t } = useLocale();
-    const ns = useNamespace("empty");
-    const emptyDescription = computed(
-      () => props.description || t("el.table.emptyText")
-    );
-    const imageStyle = computed(() => ({
-      width: addUnit(props.imageSize)
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(ns).b())
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("image")),
-              style: normalizeStyle(imageStyle.value)
-            },
-            [
-              _ctx.image ? (openBlock(), createElementBlock("img", {
-                key: 0,
-                src: _ctx.image,
-                ondragstart: "return false"
-              }, null, 8, _hoisted_1)) : renderSlot(_ctx.$slots, "image", { key: 1 }, () => [
-                createVNode(ImgEmpty)
-              ])
-            ],
-            6
-          ),
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("description"))
-            },
-            [
-              _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock(
-                "p",
-                _hoisted_2,
-                toDisplayString(emptyDescription.value),
-                1
-              ))
-            ],
-            2
-          ),
-          _ctx.$slots.default ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(unref(ns).e("bottom"))
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : createCommentVNode("v-if", true)
-        ],
-        2
-      );
-    };
+  imageSize: Number,
+  description: {
+    type: String,
+    default: ""
   }
 });
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/empty/src/empty.vue"]]);
 
-export { Empty as default };
+export { emptyProps };
 //# sourceMappingURL=empty2.mjs.map