@element-plus/nightly 0.0.20251231 → 0.0.20260102

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

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

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

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

package/es/components/empty/index.mjs

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

package/es/components/empty/src/empty.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 './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';
+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=empty.mjs.map

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

@@ -1 +1 @@
-{"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;;;;;;;;;;;;"}
+{"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;;;;"}

package/es/components/empty/src/empty2.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 './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';
 
-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=empty2.mjs.map

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

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

@@ -87,13 +87,13 @@ export { default as FixedSizeGrid } from './virtual-list/src/components/fixed-si
 export { default as DynamicSizeGrid } from './virtual-list/src/components/dynamic-size-grid.mjs';
 export { default as ElLoadingDirective, default as vLoading } from './loading/src/directive.mjs';
 export { default as ElLoadingService } from './loading/src/service.mjs';
-export { affixEmits, affixProps } from './affix/src/affix2.mjs';
+export { affixEmits, affixProps } from './affix/src/affix.mjs';
 export { alertEffects, alertEmits, alertProps } from './alert/src/alert.mjs';
 export { autocompleteEmits, autocompleteProps } from './autocomplete/src/autocomplete.mjs';
 export { avatarEmits, avatarProps } from './avatar/src/avatar.mjs';
 export { backtopEmits, backtopProps } from './backtop/src/backtop.mjs';
 export { badgeProps } from './badge/src/badge.mjs';
-export { breadcrumbProps } from './breadcrumb/src/breadcrumb2.mjs';
+export { breadcrumbProps } from './breadcrumb/src/breadcrumb.mjs';
 export { breadcrumbItemProps } from './breadcrumb/src/breadcrumb-item.mjs';
 export { breadcrumbKey } from './breadcrumb/src/constants.mjs';
 export { buttonEmits, buttonNativeTypes, buttonProps, buttonTypes } from './button/src/button.mjs';
@@ -110,17 +110,17 @@ export { checkTagEmits, checkTagProps } from './check-tag/src/check-tag.mjs';
 export { checkboxDefaultProps, checkboxGroupEmits, checkboxGroupProps } from './checkbox/src/checkbox-group.mjs';
 export { checkboxEmits, checkboxProps } from './checkbox/src/checkbox.mjs';
 export { checkboxGroupContextKey } from './checkbox/src/constants.mjs';
-export { colProps } from './col/src/col2.mjs';
+export { colProps } from './col/src/col.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './collapse/src/collapse.mjs';
-export { collapseItemProps } from './collapse/src/collapse-item2.mjs';
+export { collapseItemProps } from './collapse/src/collapse-item.mjs';
 export { collapseContextKey } from './collapse/src/constants.mjs';
-export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './color-picker-panel/src/color-picker-panel.mjs';
-export { colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker.mjs';
+export { ROOT_COMMON_COLOR_INJECTION_KEY, colorPickerPanelContextKey, colorPickerPanelEmits, colorPickerPanelProps } from './color-picker-panel/src/color-picker-panel2.mjs';
+export { colorPickerEmits, colorPickerProps } from './color-picker/src/color-picker2.mjs';
 export { messageConfig } from './config-provider/src/config-provider.mjs';
 export { configProviderProps } from './config-provider/src/config-provider-props.mjs';
 export { configProviderContextKey } from './config-provider/src/constants.mjs';
 export { provideGlobalConfig, useGlobalComponentSettings, useGlobalConfig } from './config-provider/src/hooks/use-global-config.mjs';
-export { countdownEmits, countdownProps } from './countdown/src/countdown2.mjs';
+export { countdownEmits, countdownProps } from './countdown/src/countdown.mjs';
 export { datePickerProps } from './date-picker/src/props.mjs';
 export { ROOT_PICKER_INJECTION_KEY, ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from './date-picker-panel/src/constants.mjs';
 export { datePickerPanelProps } from './date-picker-panel/src/props/date-picker-panel.mjs';
@@ -133,7 +133,7 @@ export { dividerProps } from './divider/src/divider.mjs';
 export { drawerEmits, drawerProps } from './drawer/src/drawer.mjs';
 export { FIRST_KEYS, FIRST_LAST_KEYS, LAST_KEYS, dropdownItemProps, dropdownMenuProps, dropdownProps } from './dropdown/src/dropdown.mjs';
 export { DROPDOWN_INJECTION_KEY, DROPDOWN_INSTANCE_INJECTION_KEY } from './dropdown/src/tokens.mjs';
-export { emptyProps } from './empty/src/empty2.mjs';
+export { emptyProps } from './empty/src/empty.mjs';
 export { formEmits, formMetaProps, formProps } from './form/src/form.mjs';
 export { formItemProps, formItemValidateStates } from './form/src/form-item.mjs';
 export { formContextKey, formItemContextKey } from './form/src/constants.mjs';
@@ -144,33 +144,33 @@ export { imageEmits, imageProps } from './image/src/image2.mjs';
 export { imageViewerEmits, imageViewerProps } from './image-viewer/src/image-viewer.mjs';
 export { inputEmits, inputProps } from './input/src/input.mjs';
 export { inputNumberEmits, inputNumberProps } from './input-number/src/input-number.mjs';
-export { inputTagEmits, inputTagProps } from './input-tag/src/input-tag.mjs';
+export { inputTagEmits, inputTagProps } from './input-tag/src/input-tag2.mjs';
 export { linkEmits, linkProps } from './link/src/link.mjs';
 export { menuEmits, menuProps } from './menu/src/menu.mjs';
 export { menuItemEmits, menuItemProps } from './menu/src/menu-item.mjs';
-export { menuItemGroupProps } from './menu/src/menu-item-group.mjs';
+export { menuItemGroupProps } from './menu/src/menu-item-group2.mjs';
 export { subMenuProps } from './menu/src/sub-menu.mjs';
 export { MENU_INJECTION_KEY, SUB_MENU_INJECTION_KEY } from './menu/src/tokens.mjs';
 export { overlayEmits, overlayProps } from './overlay/src/overlay.mjs';
 export { pageHeaderEmits, pageHeaderProps } from './page-header/src/page-header.mjs';
 export { paginationEmits, paginationProps } from './pagination/src/pagination.mjs';
 export { elPaginationKey } from './pagination/src/constants.mjs';
-export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm.mjs';
+export { popconfirmEmits, popconfirmProps } from './popconfirm/src/popconfirm2.mjs';
 export { Effect, popperProps, roleTypes, usePopperProps } from './popper/src/popper.mjs';
 export { popperTriggerProps, usePopperTriggerProps } from './popper/src/trigger.mjs';
-export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content.mjs';
+export { popperContentEmits, popperContentProps, popperCoreConfigProps, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps } from './popper/src/content2.mjs';
 export { popperArrowProps, usePopperArrowProps } from './popper/src/arrow.mjs';
 export { POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY } from './popper/src/constants.mjs';
 export { default as ElPopperArrow } from './popper/src/arrow2.mjs';
 export { default as ElPopperTrigger } from './popper/src/trigger2.mjs';
-export { default as ElPopperContent } from './popper/src/content2.mjs';
-export { progressProps } from './progress/src/progress2.mjs';
+export { default as ElPopperContent } from './popper/src/content.mjs';
+export { progressProps } from './progress/src/progress.mjs';
 export { radioEmits, radioProps, radioPropsBase } from './radio/src/radio.mjs';
 export { radioDefaultProps, radioGroupEmits, radioGroupProps } from './radio/src/radio-group.mjs';
 export { radioButtonProps } from './radio/src/radio-button.mjs';
 export { radioGroupKey } from './radio/src/constants.mjs';
 export { rateEmits, rateProps } from './rate/src/rate.mjs';
-export { IconComponentMap, IconMap, resultProps } from './result/src/result2.mjs';
+export { IconComponentMap, IconMap, resultProps } from './result/src/result.mjs';
 export { RowAlign, RowJustify, rowProps } from './row/src/row.mjs';
 export { rowContextKey } from './row/src/constants.mjs';
 export { BAR_MAP, GAP, renderThumbStyle } from './scrollbar/src/util.mjs';
@@ -189,7 +189,7 @@ export { spaceItemProps } from './space/src/item.mjs';
 export { useSpace } from './space/src/use-space.mjs';
 export { statisticProps } from './statistic/src/statistic.mjs';
 export { stepProps } from './steps/src/item.mjs';
-export { stepsEmits, stepsProps } from './steps/src/steps.mjs';
+export { stepsEmits, stepsProps } from './steps/src/steps2.mjs';
 export { STEPS_INJECTION_KEY } from './steps/src/tokens.mjs';
 export { switchEmits, switchProps } from './switch/src/switch.mjs';
 export { Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, SortOrder as TableV2SortOrder } from './table-v2/src/constants.mjs';
@@ -199,7 +199,7 @@ export { autoResizerProps } from './table-v2/src/auto-resizer.mjs';
 export { tableV2Props } from './table-v2/src/table.mjs';
 export { tableV2RowProps } from './table-v2/src/row.mjs';
 export { tabsEmits, tabsProps } from './tabs/src/tabs.mjs';
-export { tabBarProps } from './tabs/src/tab-bar2.mjs';
+export { tabBarProps } from './tabs/src/tab-bar.mjs';
 export { tabNavEmits, tabNavProps } from './tabs/src/tab-nav.mjs';
 export { tabPaneProps } from './tabs/src/tab-pane.mjs';
 export { tabsRootContextKey } from './tabs/src/constants.mjs';
@@ -235,7 +235,7 @@ export { tourContentEmits, tourContentProps, tourPlacements, tourStrategies } fr
 export { anchorEmits, anchorProps } from './anchor/src/anchor.mjs';
 export { defaultProps, segmentedEmits, segmentedProps } from './segmented/src/segmented.mjs';
 export { mentionDefaultProps, mentionEmits, mentionProps } from './mention/src/mention.mjs';
-export { splitterEmits, splitterProps } from './splitter/src/splitter.mjs';
+export { splitterEmits, splitterProps } from './splitter/src/splitter2.mjs';
 export { splitterPanelEmits, splitterPanelProps } from './splitter/src/split-panel.mjs';
 export { MESSAGE_DEFAULT_PLACEMENT, messageDefaults, messageEmits, messagePlacement, messageProps, messageTypes } from './message/src/message.mjs';
 export { notificationEmits, notificationProps, notificationTypes } from './notification/src/notification.mjs';

package/es/components/input-tag/index.mjs

@@ -1,5 +1,5 @@
-import InputTag from './src/input-tag2.mjs';
-export { inputTagEmits, inputTagProps } from './src/input-tag.mjs';
+import InputTag from './src/input-tag.mjs';
+export { inputTagEmits, inputTagProps } from './src/input-tag2.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElInputTag = withInstall(InputTag);