@element-plus/nightly 0.0.20221207 → 0.0.20221209

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20221207 */
+/*! Element Plus v0.0.20221209 */
 
 (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.20221209";
 
   const makeInstaller = (components = []) => {
     const install = (app, options) => {
@@ -19594,27 +19594,33 @@
         onClickRoot
       } = useCheckbox(props, slots);
       const ns = useNamespace("checkbox");
+      const compKls = vue.computed(() => {
+        return [
+          ns.b(),
+          ns.m(checkboxSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("bordered", props.border),
+          ns.is("checked", isChecked.value)
+        ];
+      });
+      const spanKls = vue.computed(() => {
+        return [
+          ns.e("input"),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("indeterminate", props.indeterminate),
+          ns.is("focus", isFocused.value)
+        ];
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(!vue.unref(hasOwnLabel) && vue.unref(isLabeledByFormItem) ? "span" : "label"), {
-          class: vue.normalizeClass([
-            vue.unref(ns).b(),
-            vue.unref(ns).m(vue.unref(checkboxSize)),
-            vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-            vue.unref(ns).is("bordered", _ctx.border),
-            vue.unref(ns).is("checked", vue.unref(isChecked))
-          ]),
+          class: vue.normalizeClass(vue.unref(compKls)),
           "aria-controls": _ctx.indeterminate ? _ctx.controls : null,
           onClick: vue.unref(onClickRoot)
         }, {
           default: vue.withCtx(() => [
             vue.createElementVNode("span", {
-              class: vue.normalizeClass([
-                vue.unref(ns).e("input"),
-                vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-                vue.unref(ns).is("checked", vue.unref(isChecked)),
-                vue.unref(ns).is("indeterminate", _ctx.indeterminate),
-                vue.unref(ns).is("focus", vue.unref(isFocused))
-              ]),
+              class: vue.normalizeClass(vue.unref(spanKls)),
               tabindex: _ctx.indeterminate ? 0 : void 0,
               role: _ctx.indeterminate ? "checkbox" : void 0,
               "aria-checked": _ctx.indeterminate ? "mixed" : void 0
@@ -19706,15 +19712,18 @@
           boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
         };
       });
+      const lableKls = vue.computed(() => {
+        return [
+          ns.b("button"),
+          ns.bm("button", checkboxButtonSize.value),
+          ns.is("disabled", isDisabled.value),
+          ns.is("checked", isChecked.value),
+          ns.is("focus", isFocused.value)
+        ];
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("label", {
-          class: vue.normalizeClass([
-            vue.unref(ns).b("button"),
-            vue.unref(ns).bm("button", vue.unref(checkboxButtonSize)),
-            vue.unref(ns).is("disabled", vue.unref(isDisabled)),
-            vue.unref(ns).is("checked", vue.unref(isChecked)),
-            vue.unref(ns).is("focus", vue.unref(isFocused))
-          ])
+          class: vue.normalizeClass(vue.unref(lableKls))
         }, [
           _ctx.trueLabel || _ctx.falseLabel ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
             key: 0,
@@ -23105,6 +23114,13 @@
       const buttonAriaLabelledby = vue.computed(() => {
         return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
       });
+      const btnKls = vue.computed(() => {
+        return [
+          ns.b("picker"),
+          ns.is("disabled", colorDisabled.value),
+          ns.bm("picker", colorSize.value)
+        ];
+      });
       function displayedRgb(color2, showAlpha) {
         if (!(color2 instanceof Color)) {
           throw new TypeError("color should be instance of _color Class");
@@ -23295,11 +23311,7 @@
           default: vue.withCtx(() => [
             vue.createElementVNode("div", {
               id: vue.unref(buttonId),
-              class: vue.normalizeClass([
-                vue.unref(ns).b("picker"),
-                vue.unref(ns).is("disabled", vue.unref(colorDisabled)),
-                vue.unref(ns).bm("picker", vue.unref(colorSize))
-              ]),
+              class: vue.normalizeClass(vue.unref(btnKls)),
               role: "button",
               "aria-label": vue.unref(buttonAriaLabel),
               "aria-labelledby": vue.unref(buttonAriaLabelledby),
@@ -51312,41 +51324,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 +51355,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 +51366,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 +51400,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 +51421,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 +51446,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 +51482,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 +51496,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 +51515,11 @@
       }, {
         immediate: true
       });
+      vue.onBeforeUnmount(() => {
+        stopTimer();
+      });
       expose({
-        disposeValue
+        displayValue
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
@@ -51552,17 +51549,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 +55631,7 @@
   exports.formatter = formatter;
   exports.genFileId = genFileId;
   exports.getPositionDataWithUnit = getPositionDataWithUnit;
+  exports.groupFormat = groupFormat;
   exports.iconProps = iconProps;
   exports.imageEmits = imageEmits;
   exports.imageProps = imageProps;
@@ -55694,7 +55687,6 @@
   exports.rangeArr = rangeArr;
   exports.rateEmits = rateEmits;
   exports.rateProps = rateProps;
-  exports.regroup = regroup;
   exports.renderThumbStyle = renderThumbStyle$1;
   exports.resultProps = resultProps;
   exports.roleTypes = roleTypes;