@element-plus/nightly 0.0.20221207 → 0.0.20221208

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221207 */
+/*! Element Plus v0.0.20221208 */
 
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
@@ -11116,7 +11116,7 @@
     };
   };
 
-  const version$1 = "0.0.20221207";
+  const version$1 = "0.0.20221208";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -51312,41 +51312,28 @@
     },
     precision: {
       type: Number,
-      default: null
+      default: 0
     },
     formatter: {
       type: definePropType(Function)
     },
     value: {
       type: [String, Number],
-      default: null
-    },
-    prefix: {
-      type: String,
-      default: ""
-    },
-    suffix: {
-      type: String,
-      default: null
-    },
-    title: {
-      type: [String, Number],
-      default: ""
+      default: 0
     },
+    prefix: String,
+    suffix: String,
+    title: String,
     valueStyle: {
-      type: definePropType([String, Object]),
-      default: () => ({})
-    },
-    rate: {
-      type: Number,
-      default: 3
+      type: definePropType([String, Object, Array])
     }
   });
-  const regroup = function(target, _mulriple = 3, _groupSeparator = ",") {
-    const reg = new RegExp(`\\B(?=(\\d{${_mulriple}})+(?!\\d))`, "g");
-    return String(target).replace(reg, _groupSeparator);
+  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"
   });
@@ -51356,7 +51343,7 @@
     setup(__props, { expose }) {
       const props = __props;
       const ns = useNamespace("statistic");
-      const disposeValue = vue.computed(() => {
+      const displayValue = vue.computed(() => {
         if (isFunction(props.formatter)) {
           return props.formatter(props.value);
         } else if (isNil(props.value) || !/^(-|\+)?\d+(\.\d+)?$/.test(`${props.value}`)) {
@@ -51367,12 +51354,12 @@
             decimal = `${decimal || ""}${1 .toFixed(props.precision).replace(".", "").slice(1)}`;
             decimal = decimal.slice(0, props.precision);
           }
-          integer = regroup(integer, props.rate, props.groupSeparator);
+          integer = groupFormat(integer, THOUSANDTH, props.groupSeparator);
           return [integer, decimal].join(decimal ? props.decimalSeparator || "." : "");
         }
       });
       expose({
-        disposeValue
+        displayValue
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -51401,7 +51388,7 @@
             vue.createElementVNode("span", {
               class: vue.normalizeClass(vue.unref(ns).e("number")),
               style: vue.normalizeStyle(_ctx.valueStyle)
-            }, vue.toDisplayString(vue.unref(disposeValue)), 7),
+            }, 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"))
@@ -51422,31 +51409,22 @@
       type: String,
       default: "HH:mm:ss"
     },
-    prefix: {
-      type: String,
-      default: ""
-    },
-    suffix: {
-      type: String,
-      default: null
-    },
-    title: {
-      type: [String, Number],
-      default: ""
-    },
+    prefix: String,
+    suffix: String,
+    title: String,
     value: {
-      type: definePropType([Number, Object])
+      type: definePropType([Number, Object]),
+      default: 0
     },
     valueStyle: {
-      type: definePropType([String, Object]),
-      default: () => ({})
+      type: definePropType([String, Object, Array])
     }
   });
   const countdownEmits = {
     finish: () => true,
-    change: (value) => !!value
+    [CHANGE_EVENT]: (value) => isNumber(value)
   };
-  const formatTimeStr = function(format, time, futureTime) {
+  const formatTimeStr = (format, time) => {
     const timeUnits = [
       ["Y", 1e3 * 60 * 60 * 24 * 365],
       ["M", 1e3 * 60 * 60 * 24 * 30],
@@ -51456,19 +51434,28 @@
       ["s", 1e3],
       ["S", 1]
     ];
-    return reduce(timeUnits, (con, item) => {
+    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 (name == "M") {
-          sum = Math.abs(dayjs().diff(dayjs(futureTime), name));
-          time -= Math.abs(dayjs().diff(dayjs().add(sum, "month").format(), "day") * timeUnits[2][1]);
+        if (!format.includes(name)) {
+          pre = Math.floor(timeLeft / item[1]);
+          timeLeft = timeLeft - pre * item[1];
+          preTick = item[1];
         } else {
-          sum = floor$1(divide(time, item[1]));
-          time -= multiply(sum, item[1]);
+          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;
+          }
         }
-        sum = padStart(String(sum), String(match).length, "0");
-        return sum;
+        return padStart(String(sum), match.length, "0");
       });
     }, format);
   };
@@ -51483,11 +51470,8 @@
     emits: countdownEmits,
     setup(__props, { expose, emit }) {
       const props = __props;
-      vue.onBeforeUnmount(() => {
-        stopTimer();
-      });
       const ns = useNamespace("statistic");
-      const disposeValue = vue.ref("");
+      const displayValue = vue.ref("");
       let timer;
       const getTime = (val) => {
         return new Date(val).getTime();
@@ -51500,19 +51484,17 @@
       };
       const startTimer = () => {
         const { value, format } = props;
-        if (isNil(value)) {
-          disposeValue.value = "";
-          return;
-        }
         const timestamp = getTime(isNumber(value) ? value : value.valueOf());
+        displayValue.value = formatTimeStr(format, timestamp - Date.now());
         timer = setInterval(() => {
-          const diff = timestamp - Date.now();
+          let diff = timestamp - Date.now();
           emit("change", diff);
-          if (diff < 0) {
+          if (diff <= 0) {
+            diff = 0;
             stopTimer();
             emit("finish");
           }
-          disposeValue.value = formatTimeStr(format, diff, value);
+          displayValue.value = formatTimeStr(format, diff);
         }, REFRESH_INTERVAL);
       };
       vue.watch(() => [props.value, props.format], () => {
@@ -51521,8 +51503,11 @@
       }, {
         immediate: true
       });
+      vue.onBeforeUnmount(() => {
+        stopTimer();
+      });
       expose({
-        disposeValue
+        displayValue
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -51552,17 +51537,12 @@
                 vue.createTextVNode(vue.toDisplayString(_ctx.prefix), 1)
               ])
             ], 2)) : vue.createCommentVNode("v-if", true),
-            _ctx.value ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 1,
+            vue.createElementVNode("span", {
               class: vue.normalizeClass(vue.unref(ns).e("number")),
               style: vue.normalizeStyle(_ctx.valueStyle)
-            }, [
-              vue.renderSlot(_ctx.$slots, "formatter", {}, () => [
-                vue.createTextVNode(vue.toDisplayString(disposeValue.value), 1)
-              ])
-            ], 6)) : vue.createCommentVNode("v-if", true),
+            }, vue.toDisplayString(displayValue.value), 7),
             !!_ctx.$slots.title || _ctx.suffix ? (vue.openBlock(), vue.createElementBlock("span", {
-              key: 2,
+              key: 1,
               class: vue.normalizeClass(vue.unref(ns).e("suffix"))
             }, [
               vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
@@ -55639,6 +55619,7 @@
   exports.formatter = formatter;
   exports.genFileId = genFileId;
   exports.getPositionDataWithUnit = getPositionDataWithUnit;
+  exports.groupFormat = groupFormat;
   exports.iconProps = iconProps;
   exports.imageEmits = imageEmits;
   exports.imageProps = imageProps;
@@ -55694,7 +55675,6 @@
   exports.rangeArr = rangeArr;
   exports.rateEmits = rateEmits;
   exports.rateProps = rateProps;
-  exports.regroup = regroup;
   exports.renderThumbStyle = renderThumbStyle$1;
   exports.resultProps = resultProps;
   exports.roleTypes = roleTypes;