@element-plus/nightly 0.0.20221210 → 0.0.20221212

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221210 */
+/*! Element Plus v0.0.20221212 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11116,7 +11116,7 @@
     };
   };
 
-  const version$1 = "0.0.20221210";
+  const version$1 = "0.0.20221212";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -16250,7 +16250,7 @@
   })(customParseFormat$1);
   var customParseFormat = customParseFormat$1.exports;
 
-  const timeUnits = ["hours", "minutes", "seconds"];
+  const timeUnits$1 = ["hours", "minutes", "seconds"];
   const DEFAULT_FORMATS_TIME = "HH:mm:ss";
   const DEFAULT_FORMATS_DATE = "YYYY-MM-DD";
   const DEFAULT_FORMATS_DATEPICKER = {
@@ -17408,7 +17408,7 @@
         seconds: listSecondsRef
       };
       const spinnerItems = vue.computed(() => {
-        return props.showSeconds ? timeUnits : timeUnits.slice(0, 2);
+        return props.showSeconds ? timeUnits$1 : timeUnits$1.slice(0, 2);
       });
       const timePartials = vue.computed(() => {
         const { spinnerDate } = props;
@@ -30389,6 +30389,10 @@
     closeOnPressEscape: {
       type: Boolean,
       default: true
+    },
+    zoomRate: {
+      type: Number,
+      default: 1.2
     }
   });
   const imageViewerEmits = {
@@ -30507,12 +30511,12 @@
           const delta = e.wheelDelta ? e.wheelDelta : -e.detail;
           if (delta > 0) {
             handleActions("zoomIn", {
-              zoomRate: 1.2,
+              zoomRate: props.zoomRate,
               enableTransition: false
             });
           } else {
             handleActions("zoomOut", {
-              zoomRate: 1.2,
+              zoomRate: props.zoomRate,
               enableTransition: false
             });
           }
@@ -30590,7 +30594,7 @@
         if (loading.value)
           return;
         const { zoomRate, rotateDeg, enableTransition } = {
-          zoomRate: 1.4,
+          zoomRate: props.zoomRate,
           rotateDeg: 90,
           enableTransition: true,
           ...options
@@ -30834,6 +30838,10 @@
     closeOnPressEscape: {
       type: Boolean,
       default: true
+    },
+    zoomRate: {
+      type: Number,
+      default: 1.2
     }
   });
   const imageEmits = {
@@ -31031,6 +31039,7 @@
               "z-index": _ctx.zIndex,
               "initial-index": vue.unref(imageIndex),
               infinite: _ctx.infinite,
+              "zoom-rate": _ctx.zoomRate,
               "url-list": _ctx.previewSrcList,
               "hide-on-click-modal": _ctx.hideOnClickModal,
               teleported: _ctx.previewTeleported,
@@ -31044,7 +31053,7 @@
                 ])) : vue.createCommentVNode("v-if", true)
               ]),
               _: 3
-            }, 8, ["z-index", "initial-index", "infinite", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
+            }, 8, ["z-index", "initial-index", "infinite", "zoom-rate", "url-list", "hide-on-click-modal", "teleported", "close-on-press-escape"])) : vue.createCommentVNode("v-if", true)
           ], 64)) : vue.createCommentVNode("v-if", true)
         ], 6);
       };
@@ -40608,6 +40617,219 @@
 
   const ElSpace = withInstall(Space);
 
+  const statisticProps = buildProps({
+    decimalSeparator: {
+      type: String,
+      default: "."
+    },
+    groupSeparator: {
+      type: String,
+      default: ","
+    },
+    precision: {
+      type: Number,
+      default: 0
+    },
+    formatter: Function,
+    value: {
+      type: definePropType([Number, Object]),
+      default: 0
+    },
+    prefix: String,
+    suffix: String,
+    title: String,
+    valueStyle: {
+      type: definePropType([String, Object, Array])
+    }
+  });
+
+  const __default__$o = vue.defineComponent({
+    name: "ElStatistic"
+  });
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$o,
+    props: statisticProps,
+    setup(__props, { expose }) {
+      const props = __props;
+      const ns = useNamespace("statistic");
+      const displayValue = vue.computed(() => {
+        const { value, formatter, precision, decimalSeparator, groupSeparator } = props;
+        if (isFunction(formatter))
+          return formatter(value);
+        if (!isNumber(value))
+          return value;
+        let [integer, decimal = ""] = String(value).split(".");
+        decimal = decimal.padEnd(precision, "0").slice(0, precision > 0 ? precision : 0);
+        integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+        return [integer, decimal].join(decimal ? decimalSeparator : "");
+      });
+      expose({
+        displayValue
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(vue.unref(ns).b())
+        }, [
+          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("head"))
+          }, [
+            vue.renderSlot(_ctx.$slots, "title", {}, () => [
+              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            ])
+          ], 2)) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
+            _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("prefix"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
+                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.prefix), 1)
+              ])
+            ], 2)) : vue.createCommentVNode("v-if", true),
+            vue.createElementVNode("span", {
+              class: vue.normalizeClass(vue.unref(ns).e("number")),
+              style: vue.normalizeStyle(_ctx.valueStyle)
+            }, vue.toDisplayString(vue.unref(displayValue)), 7),
+            _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 1,
+              class: vue.normalizeClass(vue.unref(ns).e("suffix"))
+            }, [
+              vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
+                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.suffix), 1)
+              ])
+            ], 2)) : vue.createCommentVNode("v-if", true)
+          ], 2)
+        ], 2);
+      };
+    }
+  });
+  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "statistic.vue"]]);
+
+  const ElStatistic = withInstall(Statistic);
+
+  const countdownProps = buildProps({
+    format: {
+      type: String,
+      default: "HH:mm:ss"
+    },
+    prefix: String,
+    suffix: String,
+    title: String,
+    value: {
+      type: definePropType([Number, Object]),
+      default: 0
+    },
+    valueStyle: {
+      type: definePropType([String, Object, Array])
+    }
+  });
+  const countdownEmits = {
+    finish: () => true,
+    [CHANGE_EVENT]: (value) => isNumber(value)
+  };
+
+  const timeUnits = [
+    ["Y", 1e3 * 60 * 60 * 24 * 365],
+    ["M", 1e3 * 60 * 60 * 24 * 30],
+    ["D", 1e3 * 60 * 60 * 24],
+    ["H", 1e3 * 60 * 60],
+    ["m", 1e3 * 60],
+    ["s", 1e3],
+    ["S", 1]
+  ];
+  const getTime = (value) => {
+    return isNumber(value) ? new Date(value).getTime() : value.valueOf();
+  };
+  const formatTime$1 = (timestamp, format) => {
+    let timeLeft = timestamp;
+    const escapeRegex = /\[([^\]]*)]/g;
+    const replacedText = timeUnits.reduce((current, [name, unit]) => {
+      const replaceRegex = new RegExp(`${name}+(?![^\\[\\]]*\\])`, "g");
+      if (replaceRegex.test(current)) {
+        const value = Math.floor(timeLeft / unit);
+        timeLeft -= value * unit;
+        return current.replace(replaceRegex, (match) => String(value).padStart(match.length, "0"));
+      }
+      return current;
+    }, format);
+    return replacedText.replace(escapeRegex, "$1");
+  };
+
+  const __default__$n = vue.defineComponent({
+    name: "ElCountdown"
+  });
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$n,
+    props: countdownProps,
+    emits: countdownEmits,
+    setup(__props, { expose, emit }) {
+      const props = __props;
+      let timer;
+      const rawValue = vue.ref(getTime(props.value) - Date.now());
+      const displayValue = vue.computed(() => formatTime$1(rawValue.value, props.format));
+      const formatter = (val) => formatTime$1(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", diff);
+          if (diff <= 0) {
+            diff = 0;
+            stopTimer();
+            emit("finish");
+          } else {
+            timer = rAF(frameFunc);
+          }
+          rawValue.value = diff;
+        };
+        timer = rAF(frameFunc);
+      };
+      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(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"]);
+      };
+    }
+  });
+  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "countdown.vue"]]);
+
+  const ElCountdown = withInstall(Countdown);
+
   const stepsProps = buildProps({
     space: {
       type: [Number, String],
@@ -40643,11 +40865,11 @@
     [CHANGE_EVENT]: (newVal, oldVal) => [newVal, oldVal].every(isNumber)
   };
 
-  const __default__$o = vue.defineComponent({
+  const __default__$m = vue.defineComponent({
     name: "ElSteps"
   });
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$o,
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$m,
     props: stepsProps,
     emits: stepsEmits,
     setup(__props, { emit }) {
@@ -40672,7 +40894,7 @@
       };
     }
   });
-  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "steps.vue"]]);
+  var Steps = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "steps.vue"]]);
 
   const stepProps = buildProps({
     title: {
@@ -40693,11 +40915,11 @@
     }
   });
 
-  const __default__$n = vue.defineComponent({
+  const __default__$l = vue.defineComponent({
     name: "ElStep"
   });
-  const _sfc_main$u = vue.defineComponent({
-    ...__default__$n,
+  const _sfc_main$s = vue.defineComponent({
+    ...__default__$l,
     props: stepProps,
     setup(__props) {
       const props = __props;
@@ -40877,7 +41099,7 @@
       };
     }
   });
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "item.vue"]]);
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "item.vue"]]);
 
   const ElSteps = withInstall(Steps, {
     Step
@@ -40975,11 +41197,11 @@
   const _hoisted_4$2 = ["aria-hidden"];
   const _hoisted_5$1 = ["aria-hidden"];
   const COMPONENT_NAME$8 = "ElSwitch";
-  const __default__$m = vue.defineComponent({
+  const __default__$k = vue.defineComponent({
     name: COMPONENT_NAME$8
   });
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$m,
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$k,
     props: switchProps,
     emits: switchEmits,
     setup(__props, { expose, emit }) {
@@ -41194,7 +41416,7 @@
       };
     }
   });
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "switch.vue"]]);
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "switch.vue"]]);
 
   const ElSwitch = withInstall(Switch);
 
@@ -42798,7 +43020,7 @@
   var TableLayout$1 = TableLayout;
 
   const { CheckboxGroup: ElCheckboxGroup } = ElCheckbox;
-  const _sfc_main$s = vue.defineComponent({
+  const _sfc_main$q = vue.defineComponent({
     name: "ElTableFilterPanel",
     components: {
       ElCheckbox,
@@ -43056,7 +43278,7 @@
       _: 1
     }, 8, ["visible", "placement", "popper-class"]);
   }
-  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
+  var FilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$4], ["__file", "filter-panel.vue"]]);
 
   function useLayoutObserver(root) {
     const instance = vue.getCurrentInstance();
@@ -44692,7 +44914,7 @@
   };
 
   let tableIdSeed = 1;
-  const _sfc_main$r = vue.defineComponent({
+  const _sfc_main$p = vue.defineComponent({
     name: "ElTable",
     directives: {
       Mousewheel
@@ -45001,7 +45223,7 @@
       ])
     ], 46, _hoisted_1$b);
   }
-  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$3], ["__file", "table.vue"]]);
+  var Table = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$3], ["__file", "table.vue"]]);
 
   const defaultClassNames = {
     selection: "table-column--selection",
@@ -47696,11 +47918,11 @@
   });
 
   const COMPONENT_NAME$3 = "ElTabBar";
-  const __default__$l = vue.defineComponent({
+  const __default__$j = vue.defineComponent({
     name: COMPONENT_NAME$3
   });
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$l,
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$j,
     props: tabBarProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -47766,7 +47988,7 @@
       };
     }
   });
-  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "tab-bar.vue"]]);
+  var TabBar = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "tab-bar.vue"]]);
 
   const tabNavProps = buildProps({
     panes: {
@@ -48189,11 +48411,11 @@
 
   const _hoisted_1$a = ["id", "aria-hidden", "aria-labelledby"];
   const COMPONENT_NAME$1 = "ElTabPane";
-  const __default__$k = vue.defineComponent({
+  const __default__$i = vue.defineComponent({
     name: COMPONENT_NAME$1
   });
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$k,
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$i,
     props: tabPaneProps,
     setup(__props) {
       const props = __props;
@@ -48250,7 +48472,7 @@
       };
     }
   });
-  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "tab-pane.vue"]]);
+  var TabPane = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "tab-pane.vue"]]);
 
   const ElTabs = withInstall(Tabs, {
     TabPane
@@ -48359,11 +48581,11 @@
     return formatTime(next);
   };
 
-  const __default__$j = vue.defineComponent({
+  const __default__$h = vue.defineComponent({
     name: "ElTimeSelect"
   });
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$j,
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$h,
     props: timeSelectProps,
     emits: ["change", "blur", "focus", "update:modelValue"],
     setup(__props, { expose }) {
@@ -48466,7 +48688,7 @@
       };
     }
   });
-  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "time-select.vue"]]);
+  var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "time-select.vue"]]);
 
   TimeSelect.install = (app) => {
     app.component(TimeSelect.name, TimeSelect);
@@ -48527,11 +48749,11 @@
     }
   });
 
-  const __default__$i = vue.defineComponent({
+  const __default__$g = vue.defineComponent({
     name: "ElTimelineItem"
   });
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$i,
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$g,
     props: timelineItemProps,
     setup(__props) {
       const ns = useNamespace("timeline-item");
@@ -48591,7 +48813,7 @@
       };
     }
   });
-  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "timeline-item.vue"]]);
+  var TimelineItem = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "timeline-item.vue"]]);
 
   const ElTimeline = withInstall(Timeline$1, {
     TimelineItem
@@ -48730,11 +48952,11 @@
     }
   });
 
-  const __default__$h = vue.defineComponent({
+  const __default__$f = vue.defineComponent({
     name: "ElTooltipV2Root"
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$h,
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$f,
     props: tooltipV2RootProps,
     setup(__props, { expose }) {
       const props = __props;
@@ -48801,13 +49023,13 @@
       };
     }
   });
-  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "root.vue"]]);
+  var TooltipV2Root = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "root.vue"]]);
 
-  const __default__$g = vue.defineComponent({
+  const __default__$e = vue.defineComponent({
     name: "ElTooltipV2Arrow"
   });
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$g,
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$e,
     props: {
       ...tooltipV2ArrowProps,
       ...tooltipV2ArrowSpecialProps
@@ -48837,7 +49059,7 @@
       };
     }
   });
-  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "arrow.vue"]]);
+  var TooltipV2Arrow = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "arrow.vue"]]);
 
   const visualHiddenProps = buildProps({
     style: {
@@ -48846,11 +49068,11 @@
     }
   });
 
-  const __default__$f = vue.defineComponent({
+  const __default__$d = vue.defineComponent({
     name: "ElVisuallyHidden"
   });
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$f,
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$d,
     props: visualHiddenProps,
     setup(__props) {
       const props = __props;
@@ -48878,14 +49100,14 @@
       };
     }
   });
-  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "visual-hidden.vue"]]);
+  var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "visual-hidden.vue"]]);
 
   const _hoisted_1$9 = ["data-side"];
-  const __default__$e = vue.defineComponent({
+  const __default__$c = vue.defineComponent({
     name: "ElTooltipV2Content"
   });
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$e,
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$c,
     props: { ...tooltipV2ContentProps, ...tooltipV2CommonProps },
     setup(__props) {
       const props = __props;
@@ -48980,7 +49202,7 @@
       };
     }
   });
-  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "content.vue"]]);
+  var TooltipV2Content = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "content.vue"]]);
 
   const forwardRefProps = buildProps({
     setRef: {
@@ -49013,11 +49235,11 @@
     }
   });
 
-  const __default__$d = vue.defineComponent({
+  const __default__$b = vue.defineComponent({
     name: "ElTooltipV2Trigger"
   });
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$d,
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$b,
     props: {
       ...tooltipV2CommonProps,
       ...tooltipV2TriggerProps
@@ -49094,13 +49316,13 @@
       };
     }
   });
-  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "trigger.vue"]]);
+  var TooltipV2Trigger = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "trigger.vue"]]);
 
-  const __default__$c = vue.defineComponent({
+  const __default__$a = vue.defineComponent({
     name: "ElTooltipV2"
   });
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$c,
+  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$a,
     props: tooltipV2Props,
     setup(__props) {
       const props = __props;
@@ -49159,7 +49381,7 @@
       };
     }
   });
-  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "tooltip.vue"]]);
+  var TooltipV2 = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "tooltip.vue"]]);
 
   const ElTooltipV2 = withInstall(TooltipV2);
 
@@ -49417,11 +49639,11 @@
     };
   };
 
-  const __default__$b = vue.defineComponent({
+  const __default__$9 = vue.defineComponent({
     name: "ElTransferPanel"
   });
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$b,
+  const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$9,
     props: transferPanelProps,
     emits: transferPanelEmits,
     setup(__props, { expose, emit }) {
@@ -49534,15 +49756,15 @@
       };
     }
   });
-  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "transfer-panel.vue"]]);
+  var TransferPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "transfer-panel.vue"]]);
 
   const _hoisted_1$8 = { key: 0 };
   const _hoisted_2$6 = { key: 0 };
-  const __default__$a = vue.defineComponent({
+  const __default__$8 = vue.defineComponent({
     name: "ElTransfer"
   });
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$a,
+  const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+    ...__default__$8,
     props: transferProps,
     emits: transferEmits,
     setup(__props, { expose, emit }) {
@@ -49677,7 +49899,7 @@
       };
     }
   });
-  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "transfer.vue"]]);
+  var Transfer = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "transfer.vue"]]);
 
   const ElTransfer = withInstall(Transfer);
 
@@ -50425,7 +50647,7 @@
     }
   }
 
-  const _sfc_main$e = vue.defineComponent({
+  const _sfc_main$c = vue.defineComponent({
     name: "ElTreeNodeContent",
     props: {
       node: {
@@ -50445,7 +50667,7 @@
       };
     }
   });
-  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "tree-node-content.vue"]]);
+  var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "tree-node-content.vue"]]);
 
   function useNodeExpandEventBroadcast(props) {
     const parentNodeMap = vue.inject("TreeNodeMap", null);
@@ -50615,7 +50837,7 @@
     };
   }
 
-  const _sfc_main$d = vue.defineComponent({
+  const _sfc_main$b = vue.defineComponent({
     name: "ElTreeNode",
     components: {
       ElCollapseTransition: _CollapseTransition,
@@ -50905,7 +51127,7 @@
       [vue.vShow, _ctx.node.visible]
     ]);
   }
-  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
+  var ElTreeNode$1 = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2], ["__file", "tree-node.vue"]]);
 
   function useKeydown({ el$ }, store) {
     const ns = useNamespace("tree");
@@ -50990,7 +51212,7 @@
     };
   }
 
-  const _sfc_main$c = vue.defineComponent({
+  const _sfc_main$a = vue.defineComponent({
     name: "ElTree",
     components: { ElTreeNode: ElTreeNode$1 },
     props: {
@@ -51301,7 +51523,7 @@
       ])
     ], 2);
   }
-  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
+  var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$1], ["__file", "tree.vue"]]);
 
   Tree.install = (app) => {
     app.component(Tree.name, Tree);
@@ -51309,264 +51531,6 @@
   const _Tree = Tree;
   const ElTree = _Tree;
 
-  const statisticProps = buildProps({
-    decimalSeparator: {
-      type: String,
-      default: "."
-    },
-    groupSeparator: {
-      type: String,
-      default: ","
-    },
-    precision: {
-      type: Number,
-      default: 0
-    },
-    formatter: {
-      type: definePropType(Function)
-    },
-    value: {
-      type: [String, Number],
-      default: 0
-    },
-    prefix: String,
-    suffix: String,
-    title: String,
-    valueStyle: {
-      type: definePropType([String, Object, Array])
-    }
-  });
-  const groupFormat = function(target, step = 3, groupSeparator = ",") {
-    const reg = new RegExp(`\\B(?=(\\d{${step}})+(?!\\d))`, "g");
-    return target.replace(reg, groupSeparator);
-  };
-
-  const THOUSANDTH = 3;
-  const __default__$9 = vue.defineComponent({
-    name: "ElStatistic"
-  });
-  const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$9,
-    props: statisticProps,
-    setup(__props, { expose }) {
-      const props = __props;
-      const ns = useNamespace("statistic");
-      const displayValue = vue.computed(() => {
-        if (isFunction(props.formatter)) {
-          return props.formatter(props.value);
-        } else if (isNil(props.value) || !/^(-|\+)?\d+(\.\d+)?$/.test(`${props.value}`)) {
-          return props.value;
-        } else {
-          let [integer, decimal] = `${props.value}`.split(".");
-          if (!isNil(props.precision)) {
-            decimal = `${decimal || ""}${1 .toFixed(props.precision).replace(".", "").slice(1)}`;
-            decimal = decimal.slice(0, props.precision);
-          }
-          integer = groupFormat(integer, THOUSANDTH, props.groupSeparator);
-          return [integer, decimal].join(decimal ? props.decimalSeparator || "." : "");
-        }
-      });
-      expose({
-        displayValue
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(vue.unref(ns).b())
-        }, [
-          _ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref: "title",
-            class: vue.normalizeClass(vue.unref(ns).e("head"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "title", {}, () => [
-              vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-            ])
-          ], 2)) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("content"))
-          }, [
-            _ctx.$slots.prefix || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("prefix"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.prefix), 1)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(ns).e("number")),
-              style: vue.normalizeStyle(_ctx.valueStyle)
-            }, vue.toDisplayString(vue.unref(displayValue)), 7),
-            _ctx.$slots.suffix || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("suffix"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
-                vue.createElementVNode("span", null, vue.toDisplayString(_ctx.suffix), 1)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true)
-          ], 2)
-        ], 2);
-      };
-    }
-  });
-  var Statistic = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "statistic.vue"]]);
-
-  const countdownProps = buildProps({
-    format: {
-      type: String,
-      default: "HH:mm:ss"
-    },
-    prefix: String,
-    suffix: String,
-    title: String,
-    value: {
-      type: definePropType([Number, Object]),
-      default: 0
-    },
-    valueStyle: {
-      type: definePropType([String, Object, Array])
-    }
-  });
-  const countdownEmits = {
-    finish: () => true,
-    [CHANGE_EVENT]: (value) => isNumber(value)
-  };
-  const formatTimeStr = (format, time) => {
-    const timeUnits = [
-      ["Y", 1e3 * 60 * 60 * 24 * 365],
-      ["M", 1e3 * 60 * 60 * 24 * 30],
-      ["D", 1e3 * 60 * 60 * 24],
-      ["H", 1e3 * 60 * 60],
-      ["m", 1e3 * 60],
-      ["s", 1e3],
-      ["S", 1]
-    ];
-    let pre = 0;
-    let preTick = 0;
-    let timeLeft = time;
-    return timeUnits.reduce((con, item) => {
-      const name = item[0];
-      return con.replace(new RegExp(`${name}+`, "g"), (match) => {
-        let sum = 0;
-        if (!format.includes(name)) {
-          pre = Math.floor(timeLeft / item[1]);
-          timeLeft = timeLeft - pre * item[1];
-          preTick = item[1];
-        } else {
-          pre = 0;
-          preTick = 0;
-          sum = Math.floor(timeLeft / item[1]);
-          timeLeft = timeLeft - sum * item[1];
-          if (pre > 0) {
-            sum = sum + pre * (preTick / item[1]);
-            pre = 0;
-          }
-        }
-        return padStart(String(sum), match.length, "0");
-      });
-    }, format);
-  };
-
-  const REFRESH_INTERVAL = 1e3 / 30;
-  const __default__$8 = vue.defineComponent({
-    name: "ElCountdown"
-  });
-  const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
-    ...__default__$8,
-    props: countdownProps,
-    emits: countdownEmits,
-    setup(__props, { expose, emit }) {
-      const props = __props;
-      const ns = useNamespace("statistic");
-      const displayValue = vue.ref("");
-      let timer;
-      const getTime = (val) => {
-        return new Date(val).getTime();
-      };
-      const stopTimer = () => {
-        if (timer) {
-          clearInterval(timer);
-          timer = void 0;
-        }
-      };
-      const startTimer = () => {
-        const { value, format } = props;
-        const timestamp = getTime(isNumber(value) ? value : value.valueOf());
-        displayValue.value = formatTimeStr(format, timestamp - Date.now());
-        timer = setInterval(() => {
-          let diff = timestamp - Date.now();
-          emit("change", diff);
-          if (diff <= 0) {
-            diff = 0;
-            stopTimer();
-            emit("finish");
-          }
-          displayValue.value = formatTimeStr(format, diff);
-        }, REFRESH_INTERVAL);
-      };
-      vue.watch(() => [props.value, props.format], () => {
-        stopTimer();
-        startTimer();
-      }, {
-        immediate: true
-      });
-      vue.onBeforeUnmount(() => {
-        stopTimer();
-      });
-      expose({
-        displayValue
-      });
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(vue.unref(ns).b())
-        }, [
-          !!_ctx.$slots.title || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            ref: "title",
-            class: vue.normalizeClass(vue.unref(ns).e("head"))
-          }, [
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(ns).e("title"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-              ])
-            ], 2)
-          ], 2)) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("content"))
-          }, [
-            !!_ctx.$slots.title || _ctx.prefix ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("prefix"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "prefix", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.prefix), 1)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("span", {
-              class: vue.normalizeClass(vue.unref(ns).e("number")),
-              style: vue.normalizeStyle(_ctx.valueStyle)
-            }, vue.toDisplayString(displayValue.value), 7),
-            !!_ctx.$slots.title || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(ns).e("suffix"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(_ctx.suffix), 1)
-              ])
-            ], 2)) : vue.createCommentVNode("v-if", true)
-          ], 2)
-        ], 2);
-      };
-    }
-  });
-  var Countdown = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "countdown.vue"]]);
-
-  const ElStatistic = withInstall(Statistic);
-  const ElCountdown = withInstall(Countdown);
-
   const useSelect = (props, { attrs }, {
     tree,
     key
@@ -53611,8 +53575,6 @@
   const ElUpload = withInstall(Upload);
 
   var Components = [
-    ElCountdown,
-    ElStatistic,
     ElAffix,
     ElAlert,
     ElAutocomplete,
@@ -53687,6 +53649,8 @@
     ElSkeletonItem,
     ElSlider,
     ElSpace,
+    ElStatistic,
+    ElCountdown,
     ElSteps,
     ElStep,
     ElSwitch,
@@ -55623,11 +55587,9 @@
   exports.formItemProps = formItemProps;
   exports.formItemValidateStates = formItemValidateStates;
   exports.formProps = formProps;
-  exports.formatTimeStr = formatTimeStr;
   exports.formatter = formatter;
   exports.genFileId = genFileId;
   exports.getPositionDataWithUnit = getPositionDataWithUnit;
-  exports.groupFormat = groupFormat;
   exports.iconProps = iconProps;
   exports.imageEmits = imageEmits;
   exports.imageProps = imageProps;
@@ -55720,7 +55682,7 @@
   exports.tagProps = tagProps;
   exports.thumbProps = thumbProps;
   exports.timePickerDefaultProps = timePickerDefaultProps;
-  exports.timeUnits = timeUnits;
+  exports.timeUnits = timeUnits$1;
   exports.timelineItemProps = timelineItemProps;
   exports.tooltipEmits = tooltipEmits;
   exports.tooltipV2ContentKey = tooltipV2ContentKey;