@nutui/nutui 4.0.12-beta.1 → 4.0.12

package/dist/packages/_es/Countup.js

@@ -1,24 +1,34 @@
-var x = Object.defineProperty, ee = Object.defineProperties;
-var te = Object.getOwnPropertyDescriptors;
-var B = Object.getOwnPropertySymbols;
-var ne = Object.prototype.hasOwnProperty, ie = Object.prototype.propertyIsEnumerable;
-var V = (e, a, c) => a in e ? x(e, a, { enumerable: !0, configurable: !0, writable: !0, value: c }) : e[a] = c, H = (e, a) => {
-  for (var c in a || (a = {}))
-    ne.call(a, c) && V(e, c, a[c]);
-  if (B)
-    for (var c of B(a))
-      ie.call(a, c) && V(e, c, a[c]);
-  return e;
-}, $ = (e, a) => ee(e, te(a));
-import { getCurrentInstance as re, ref as A, reactive as C, watch as F, nextTick as M, onMounted as ue, onUnmounted as le, toRefs as E, openBlock as s, createElementBlock as g, Fragment as b, normalizeStyle as d, renderList as z, createCommentVNode as O, toDisplayString as R, createTextVNode as ae } from "vue";
-import { c as oe } from "./component-234624bc.js";
-import { _ as me } from "./_plugin-vue_export-helper-dad06003.js";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { getCurrentInstance, ref, reactive, watch, nextTick, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, Fragment, normalizeStyle, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+import { c as createComponent } from "./component-81a4c1d0.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
 import "../locale/lang";
-function se(e) {
-  const a = re();
-  a && Object.assign(a.proxy, e);
+function useExtend(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
+  }
 }
-const { componentName: Fe, create: ge } = oe("countup"), ce = ge({
+const { componentName, create } = createComponent("countup");
+const _sfc_main = create({
   props: {
     initNum: {
       type: Number,
@@ -42,7 +52,7 @@ const { componentName: Fe, create: ge } = oe("countup"), ce = ge({
     },
     startFlag: {
       type: Boolean,
-      default: !0
+      default: true
     },
     // 数字滚动
     numWidth: {
@@ -55,7 +65,7 @@ const { componentName: Fe, create: ge } = oe("countup"), ce = ge({
     },
     scrolling: {
       type: Boolean,
-      default: !1
+      default: false
     },
     // 自定义图片
     customBgImg: {
@@ -94,11 +104,16 @@ const { componentName: Fe, create: ge } = oe("countup"), ce = ge({
   },
   components: {},
   emits: ["click", "scroll-end"],
-  setup(e, { emit: a }) {
-    const c = A(null), I = A([]), Y = (n) => {
-      n && I.value.push(n);
-    }, t = C({
-      valFlag: !1,
+  setup(props, { emit }) {
+    const runNumberImg = ref(null);
+    const numberItemRef = ref([]);
+    const setRef = (el) => {
+      if (el) {
+        numberItemRef.value.push(el);
+      }
+    };
+    const data = reactive({
+      valFlag: false,
       current: 0,
       sortFlag: "add",
       initDigit1: 0,
@@ -124,260 +139,458 @@ const { componentName: Fe, create: ge } = oe("countup"), ce = ge({
       finshMachine: 0,
       notPrize: [],
       typeMachine: ""
-    }), { startFlag: v, scrolling: o, customBgImg: y, type: k } = C(e);
-    F(
-      () => e.customChangeNum,
-      (n, r) => {
-        S(), D(0);
+    });
+    const { startFlag, scrolling, customBgImg, type } = reactive(props);
+    watch(
+      () => props.customChangeNum,
+      (count, prevCount) => {
+        clearIntervalTime();
+        countGo(0);
       }
-    ), F(
-      () => e.machinePrizeLevel,
-      (n, r) => {
-        t.prizeLevelTrun = n;
+    );
+    watch(
+      () => props.machinePrizeLevel,
+      (count, prevCount) => {
+        data.prizeLevelTrun = count;
       }
-    ), F(
-      () => e.initNum,
-      (n, r) => {
-        t.current = n, t.valFlag = !1, w();
+    );
+    watch(
+      () => props.initNum,
+      (count, prevCount) => {
+        data.current = count;
+        data.valFlag = false;
+        valChange();
       }
-    ), F(
-      () => e.endNum,
-      (n, r) => {
-        t.current = e.initNum, t.valFlag = !1, w();
+    );
+    watch(
+      () => props.endNum,
+      (count, prevCount) => {
+        data.current = props.initNum;
+        data.valFlag = false;
+        valChange();
       }
     );
-    const w = () => {
-      if (t.valFlag)
-        return !1;
-      v && (o || y ? k != "machine" && D() : (j(), setTimeout(() => {
-        t.valFlag = !0;
-      }, 300)));
-    }, S = () => {
-      clearInterval(Number(t.timer)), t.timer = null;
-    }, T = (n, r, i) => {
-      const u = (n.toString().split(".")[1] || "").length, m = (r.toString().split(".")[1] || "").length, l = Math.pow(10, Math.max(u, m));
-      return i == "-" ? Number((n * l - r * l).toFixed(0)) / l : Number((n * l + r * l).toFixed(0)) / l;
-    }, q = (n) => {
-      let { num_total_len: r, pointNum: i, initDigit1: u, initDigit2: m, sortFlag: l } = t, h = l == "add" || l == "equal" ? String(m)[n - (r - i)] : 10 - Number(String(m)[n - (r - i)]), p = l == "add" || l == "equal" ? String(u)[n] : 10 - Number(String(u)[n]), f = n > r - i - 1 ? -h * 100 + "%" : n <= String(u).length - 1 ? -p * 100 + "%" : 0;
-      return f == "-1000%" && (f = 0), f;
-    }, J = (n) => {
-      let { num_total_len: r, pointNum: i, initDigit1: u, initDigit2: m, sortFlag: l } = t, h = String(m)[n - (r - i)];
-      return n > r - i - 1 ? h || 0 : n <= String(u).length - 1 ? String(u)[n] : 0;
-    }, j = () => {
-      let { endNum: n, initNum: r, speed: i, toFixed: u } = e, m = setInterval(() => {
-        if (r > n)
-          if (t.current <= n || t.current <= i)
-            t.current = n.toFixed(u), clearInterval(m), a("scroll-end"), t.valFlag = !1;
-          else {
-            let l = parseFloat(String(t.current)) - parseFloat(String(i));
-            t.current = l.toFixed(u);
+    const valChange = () => {
+      if (data.valFlag) {
+        return false;
+      }
+      if (startFlag) {
+        if (scrolling || customBgImg) {
+          if (type != "machine") {
+            countGo();
           }
-        else if (t.current >= n)
-          t.current = n.toFixed(u), clearInterval(m), a("scroll-end"), t.valFlag = !1;
-        else {
-          let l = parseFloat(String(t.current)) + parseFloat(String(i));
-          t.current = l.toFixed(u);
+        } else {
+          countChange();
+          setTimeout(() => {
+            data.valFlag = true;
+          }, 300);
         }
-      }, e.during);
-    }, D = (n) => {
-      let { initNum: r, endNum: i, toFixed: u, customBgImg: m } = e;
-      m && (r = e.customChangeNum);
-      let l, h, p, f;
-      r != 0 ? (u != 0 && (r = Number(r.toFixed(u))), String(r).indexOf(".") > -1 ? (l = String(r).split(".")[0].length, h = String(r).split(".")[1].length) : (l = String(r).length, h = 0)) : (l = 1, h = 0), i != 0 ? (u != 0 && (i = Number(i.toFixed(u))), String(i).indexOf(".") > -1 ? (p = String(i).split(".")[0].length, f = String(i).split(".")[1].length) : (p = String(i).length, f = 0)) : (p = 1, f = 0);
-      let Z = l >= p ? l : p, L = h >= f ? h : f;
-      t.num_total_len = Z + L, t.pointNum = L, r > i ? (t.sortFlag = "reduce", t.to0_10 = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], t.totalCount = T(r, i, "-"), t.numberVal = Number(String(r))) : r < i ? (t.sortFlag = "add", t.to0_10 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0], t.totalCount = T(i, r, "-"), t.numberVal = Number(String(i))) : t.sortFlag = "equal";
-      var _ = 1;
-      for (let N = 0; N < t.pointNum; N++)
-        _ *= 10;
-      var W = t.numberVal * _;
-      if (t.relNum = W, u != 0 && (t.pointNum = String(t.numberVal).split(".")[1] ? String(t.numberVal).split(".")[1].length : 0, t.num_total_len = String(W).length), String(r).indexOf(".") > -1) {
-        let N = String(r).split(".");
-        t.initDigit1 = Number(N[0]), t.initDigit2 = Number(N[1]);
-      } else
-        t.initDigit1 = r, t.initDigit2 = 0;
-      o && !m ? M(() => {
-        if (t.sortFlag == "equal")
-          return !1;
-        let N = I.value[t.num_total_len - 1];
-        G(N);
-      }) : n !== 0 && X();
-    }, G = (n) => {
-      S();
-      var r = 1;
-      t.pointNum != 0 && (r = 1 / Math.pow(10, t.pointNum)), t.timer = setInterval(() => {
-        P(n), t.totalCount = T(t.totalCount, r, "-"), t.totalCount <= 0 && (S(), a("scroll-end"), t.valFlag = !1);
-      }, e.during);
-    }, P = (n) => {
-      let r = n.getAttribute("turn-number"), i;
-      if (t.sortFlag == "add" ? i = parseInt(String(r)) + 1 : i = parseInt(String(r)) - 1 >= 0 ? parseInt(String(r)) - 1 : 9, n.setAttribute("turn-number", String(i)), (n.style.transition == "none 0s ease 0s" || i == 1 || !n.style.transition) && (n.style.transition = `all linear ${e.during}ms`), i == 10 || t.sortFlag == "reduce" && i == 0) {
-        var u = null;
-        n.style.top = `-${t.sortFlag == "add" ? i * 100 : (10 - i) * 100}%`, n.setAttribute("turn-number", "0"), u = setTimeout(() => {
-          u && clearTimeout(u), n.style.transition = "none", n.style.top = "0", U(n, i);
-        }, 0.975 * e.during);
-      } else
-        n.style.top = `-${t.sortFlag == "add" ? i * 100 : (10 - i) * 100}%`;
-      n.style.top == "-100%" && t.sortFlag == "reduce" && P(n.previousSibling);
-    }, U = (n, r) => {
+      }
+    };
+    const clearIntervalTime = () => {
+      clearInterval(Number(data.timer));
+      data.timer = null;
+    };
+    const calculation = (num1, num2, type2) => {
+      const num1Digits = (num1.toString().split(".")[1] || "").length;
+      const num2Digits = (num2.toString().split(".")[1] || "").length;
+      const baseNum = Math.pow(10, Math.max(num1Digits, num2Digits));
+      if (type2 == "-") {
+        const n = Number((num1 * baseNum - num2 * baseNum).toFixed(0));
+        return n / baseNum;
+      } else {
+        const m = Number((num1 * baseNum + num2 * baseNum).toFixed(0));
+        return m / baseNum;
+      }
+    };
+    const topNumber = (index2) => {
+      let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
+      let idx1 = sortFlag == "add" || sortFlag == "equal" ? String(initDigit2)[index2 - (num_total_len - pointNum)] : 10 - Number(String(initDigit2)[index2 - (num_total_len - pointNum)]);
+      let idx2 = sortFlag == "add" || sortFlag == "equal" ? String(initDigit1)[index2] : 10 - Number(String(initDigit1)[index2]);
+      let num = index2 > num_total_len - pointNum - 1 ? -idx1 * 100 + "%" : index2 <= String(initDigit1).length - 1 ? -idx2 * 100 + "%" : 0;
+      if (num == "-1000%") {
+        num = 0;
+      }
+      return num;
+    };
+    const turnNumber = (index2) => {
+      let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
+      let idx1 = String(initDigit2)[index2 - (num_total_len - pointNum)];
+      let num = index2 > num_total_len - pointNum - 1 ? idx1 ? idx1 : 0 : index2 <= String(initDigit1).length - 1 ? String(initDigit1)[index2] : 0;
+      return num;
+    };
+    const countChange = () => {
+      let { endNum, initNum, speed, toFixed } = props;
+      let countTimer = setInterval(() => {
+        if (initNum > endNum) {
+          if (data.current <= endNum || data.current <= speed) {
+            data.current = endNum.toFixed(toFixed);
+            clearInterval(countTimer);
+            emit("scroll-end");
+            data.valFlag = false;
+          } else {
+            let num = parseFloat(String(data.current)) - parseFloat(String(speed));
+            data.current = num.toFixed(toFixed);
+          }
+        } else {
+          if (data.current >= endNum) {
+            data.current = endNum.toFixed(toFixed);
+            clearInterval(countTimer);
+            emit("scroll-end");
+            data.valFlag = false;
+          } else {
+            let num = parseFloat(String(data.current)) + parseFloat(String(speed));
+            data.current = num.toFixed(toFixed);
+          }
+        }
+      }, props.during);
+    };
+    const countGo = (flag) => {
+      let { initNum, endNum, toFixed, customBgImg: customBgImg2 } = props;
+      if (customBgImg2) {
+        initNum = props.customChangeNum;
+      }
+      let startNumber1, startNumber2, endNumber1, endNumber2;
+      if (initNum != 0) {
+        if (toFixed != 0) {
+          initNum = Number(initNum.toFixed(toFixed));
+        }
+        if (String(initNum).indexOf(".") > -1) {
+          startNumber1 = String(initNum).split(".")[0].length;
+          startNumber2 = String(initNum).split(".")[1].length;
+        } else {
+          startNumber1 = String(initNum).length;
+          startNumber2 = 0;
+        }
+      } else {
+        startNumber1 = 1;
+        startNumber2 = 0;
+      }
+      if (endNum != 0) {
+        if (toFixed != 0) {
+          endNum = Number(endNum.toFixed(toFixed));
+        }
+        if (String(endNum).indexOf(".") > -1) {
+          endNumber1 = String(endNum).split(".")[0].length;
+          endNumber2 = String(endNum).split(".")[1].length;
+        } else {
+          endNumber1 = String(endNum).length;
+          endNumber2 = 0;
+        }
+      } else {
+        endNumber1 = 1;
+        endNumber2 = 0;
+      }
+      let len1 = startNumber1 >= endNumber1 ? startNumber1 : endNumber1;
+      let len2 = startNumber2 >= endNumber2 ? startNumber2 : endNumber2;
+      data.num_total_len = len1 + len2;
+      data.pointNum = len2;
+      if (initNum > endNum) {
+        data.sortFlag = "reduce";
+        data.to0_10 = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0];
+        data.totalCount = calculation(initNum, endNum, "-");
+        data.numberVal = Number(String(initNum));
+      } else if (initNum < endNum) {
+        data.sortFlag = "add";
+        data.to0_10 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+        data.totalCount = calculation(endNum, initNum, "-");
+        data.numberVal = Number(String(endNum));
+      } else {
+        data.sortFlag = "equal";
+      }
+      var unit = 1;
+      for (let i = 0; i < data.pointNum; i++) {
+        unit *= 10;
+      }
+      var rel_big = data.numberVal * unit;
+      data.relNum = rel_big;
+      if (toFixed != 0) {
+        data.pointNum = String(data.numberVal).split(".")[1] ? String(data.numberVal).split(".")[1].length : 0;
+        data.num_total_len = String(rel_big).length;
+      }
+      if (String(initNum).indexOf(".") > -1) {
+        let n = String(initNum).split(".");
+        data.initDigit1 = Number(n[0]);
+        data.initDigit2 = Number(n[1]);
+      } else {
+        data.initDigit1 = initNum;
+        data.initDigit2 = 0;
+      }
+      if (scrolling && !customBgImg2) {
+        nextTick(() => {
+          if (data.sortFlag == "equal") {
+            return false;
+          }
+          let element = numberItemRef.value[data.num_total_len - 1];
+          runTurn(element);
+        });
+      } else {
+        if (flag !== 0) {
+          imgNumberScroll();
+        }
+      }
+    };
+    const runTurn = (el) => {
+      clearIntervalTime();
+      var m = 1;
+      if (data.pointNum != 0) {
+        m = 1 / Math.pow(10, data.pointNum);
+      }
+      data.timer = setInterval(() => {
+        runStep(el);
+        data.totalCount = calculation(data.totalCount, m, "-");
+        if (data.totalCount <= 0) {
+          clearIntervalTime();
+          emit("scroll-end");
+          data.valFlag = false;
+        }
+      }, props.during);
+    };
+    const runStep = (el) => {
+      let currentTurn = el.getAttribute("turn-number");
+      let turningNum;
+      if (data.sortFlag == "add") {
+        turningNum = parseInt(String(currentTurn)) + 1;
+      } else {
+        turningNum = parseInt(String(currentTurn)) - 1 >= 0 ? parseInt(String(currentTurn)) - 1 : 9;
+      }
+      el.setAttribute("turn-number", String(turningNum));
+      if (el.style.transition == "none 0s ease 0s" || turningNum == 1 || !el.style.transition) {
+        el.style.transition = `all linear ${props.during}ms`;
+      }
+      if (turningNum == 10 || data.sortFlag == "reduce" && turningNum == 0) {
+        var timeOut = null;
+        el.style.top = `-${data.sortFlag == "add" ? turningNum * 100 : (10 - turningNum) * 100}%`;
+        el.setAttribute("turn-number", "0");
+        timeOut = setTimeout(() => {
+          timeOut && clearTimeout(timeOut);
+          el.style.transition = "none";
+          el.style.top = "0";
+          reset(el, turningNum);
+        }, 0.975 * props.during);
+      } else {
+        el.style.top = `-${data.sortFlag == "add" ? turningNum * 100 : (10 - turningNum) * 100}%`;
+      }
+      if (el.style.top == "-100%" && data.sortFlag == "reduce") {
+        runStep(el.previousSibling);
+      }
+    };
+    const reset = (el, turningNum) => {
       setTimeout(() => {
-        r == 10 && n.previousSibling && P(n.previousSibling);
+        if (turningNum == 10) {
+          if (el.previousSibling) {
+            runStep(el.previousSibling);
+          }
+        }
       }, 200);
-    }, X = () => {
-      t.pointNum != 0 && Math.pow(10, t.pointNum), M(() => {
-        c.value.addEventListener("webkitTransitionEnd", () => {
-          a("scroll-end"), t.valFlag = !1;
+    };
+    const imgNumberScroll = () => {
+      if (data.pointNum != 0) {
+        Math.pow(10, data.pointNum);
+      }
+      nextTick(() => {
+        runNumberImg.value.addEventListener("webkitTransitionEnd", () => {
+          emit("scroll-end");
+          data.valFlag = false;
         });
       });
-    }, K = () => {
-      for (t.notPrize = []; t.notPrize.length < 3; ) {
-        var n = Math.floor(Math.random() * e.machinePrizeNum + 1);
-        t.notPrize.indexOf(n) == -1 && t.notPrize.push(n);
+    };
+    const generateRandom = () => {
+      data.notPrize = [];
+      while (data.notPrize.length < 3) {
+        var rand = Math.floor(Math.random() * props.machinePrizeNum + 1);
+        if (data.notPrize.indexOf(rand) == -1) {
+          data.notPrize.push(rand);
+        }
       }
     };
-    se({ machineLuck: () => {
-      const n = e.machineTurnMore < 0 ? 0 : e.machineTurnMore;
-      let r = e.numHeight * e.machinePrizeNum;
-      t.prizeLevelTrun < 0 && K();
-      for (let i = 0; i < e.machineNum; i++)
+    const machineLuck = () => {
+      const machineTurnMoreNum = props.machineTurnMore < 0 ? 0 : props.machineTurnMore;
+      let distance = props.numHeight * props.machinePrizeNum;
+      if (data.prizeLevelTrun < 0) {
+        generateRandom();
+      }
+      for (let i = 0; i < props.machineNum; i++) {
         setTimeout(() => {
-          let u = r * (i + 1 + parseFloat(String(n)));
-          t.prizeYPrev.length != 0 && (t.prizeY[i] = t.prizeYPrev[i]);
-          let m = t.prizeYPrev[i] ? t.prizeYPrev[i] : 0, l = u + m + (e.machinePrizeNum - t.prizeLevelTrun + 1) * e.numHeight + (r - m);
-          t.prizeLevelTrun < 0 && (l += e.numHeight * t.notPrize[i]), Q(
+          let turn = distance * (i + 1 + parseFloat(String(machineTurnMoreNum)));
+          if (data.prizeYPrev.length != 0) {
+            data.prizeY[i] = data.prizeYPrev[i];
+          }
+          let local = data.prizeYPrev[i] ? data.prizeYPrev[i] : 0;
+          let newLocation = turn + local + (props.machinePrizeNum - data.prizeLevelTrun + 1) * props.numHeight + (distance - local);
+          if (data.prizeLevelTrun < 0) {
+            newLocation += props.numHeight * data.notPrize[i];
+          }
+          scrollTime(
             i,
             // parseFloat((this.machinePrizeNum-(this.prizeLevelTrun-1))*this.numHeight + turn + local),
-            l,
-            m
+            newLocation,
+            local
           );
         }, 500 * i);
-    } });
-    const Q = (n, r, i) => {
-      let u = setInterval(() => {
-        if (i <= r)
-          i += 10, t.prizeY[n] = parseFloat(String(i));
-        else if (clearInterval(u), u = null, t.finshMachine += 1, t.prizeY[n] = r, t.finshMachine == e.machineNum) {
-          let m = e.numHeight * e.machinePrizeNum;
-          t.prizeYPrev = [], JSON.parse(JSON.stringify(t.prizeY)).forEach((h) => {
-            let p = h;
-            for (; p > m; )
-              p -= m;
-            t.prizeYPrev.push(p);
-          }), setTimeout(() => {
-            t.finshMachine = 0, t.prizeLevelTrun < 0 ? (a("scroll-end", !1), t.valFlag = !1) : (a("scroll-end", !0), t.valFlag = !1);
-          }, 130);
+      }
+    };
+    useExtend({ machineLuck });
+    const scrollTime = (index2, total, num) => {
+      let t = setInterval(() => {
+        if (num <= total) {
+          num += 10;
+          data.prizeY[index2] = parseFloat(String(num));
+        } else {
+          clearInterval(t);
+          t = null;
+          data.finshMachine += 1;
+          data.prizeY[index2] = total;
+          if (data.finshMachine == props.machineNum) {
+            let distance = props.numHeight * props.machinePrizeNum;
+            data.prizeYPrev = [];
+            let prevAry = JSON.parse(JSON.stringify(data.prizeY));
+            prevAry.forEach((item) => {
+              let n = item;
+              while (n > distance) {
+                n -= distance;
+              }
+              data.prizeYPrev.push(n);
+            });
+            setTimeout(() => {
+              data.finshMachine = 0;
+              if (data.prizeLevelTrun < 0) {
+                emit("scroll-end", false);
+                data.valFlag = false;
+              } else {
+                emit("scroll-end", true);
+                data.valFlag = false;
+              }
+            }, 130);
+          }
         }
       }, 30);
     };
-    return ue(() => {
-      t.current = e.initNum, M(() => {
-        w();
+    onMounted(() => {
+      data.current = props.initNum;
+      nextTick(() => {
+        valChange();
       });
-    }), le(() => {
-      S(), t.timer = null;
-    }), $(H(H({}, E(t)), E(C(e))), {
-      runNumberImg: c,
-      setRef: Y,
-      topNumber: q,
-      turnNumber: J
+    });
+    onUnmounted(() => {
+      clearIntervalTime();
+      data.timer = null;
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(data)), toRefs(reactive(props))), {
+      runNumberImg,
+      setRef,
+      topNumber,
+      turnNumber
     });
   }
-}), he = { class: "nut-countup" }, pe = ["turn-number"];
-function fe(e, a, c, I, Y, t) {
-  return s(), g("view", he, [
-    e.customBgImg != "" ? (s(), g(b, { key: 0 }, [
-      e.type == "machine" ? (s(), g("view", {
+});
+const _hoisted_1 = { class: "nut-countup" };
+const _hoisted_2 = ["turn-number"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1, [
+    _ctx.customBgImg != "" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      _ctx.type == "machine" ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-countup__machine",
-        style: d({ height: e.numHeight + "px" })
+        style: normalizeStyle({ height: _ctx.numHeight + "px" })
       }, [
-        (s(!0), g(b, null, z(e.machineNum, (v, o) => (s(), g("view", {
-          class: "nut-countup__machine-item",
-          key: "mImg" + o,
-          style: d({
-            width: e.numWidth + "px",
-            height: e.numHeight + "px",
-            backgroundImage: "url(" + e.customBgImg + ")",
-            backgroundPositionY: e.prizeY[o] + "px"
-          })
-        }, null, 4))), 128))
-      ], 4)) : (s(), g("view", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-countup__machine-item",
+            key: "mImg" + index2,
+            style: normalizeStyle({
+              width: _ctx.numWidth + "px",
+              height: _ctx.numHeight + "px",
+              backgroundImage: "url(" + _ctx.customBgImg + ")",
+              backgroundPositionY: _ctx.prizeY[index2] + "px"
+            })
+          }, null, 4);
+        }), 128))
+      ], 4)) : (openBlock(), createElementBlock("view", {
         key: 1,
         ref: "runNumberImg",
         class: "nut-countup__numberimg",
-        style: d({ height: e.numHeight + "px" })
+        style: normalizeStyle({ height: _ctx.numHeight + "px" })
       }, [
-        (s(!0), g(b, null, z(e.num_total_len, (v, o) => (s(), g("view", {
-          class: "nut-countup__numberimg__item",
-          key: "cImg" + o,
-          style: d({
-            width: e.numWidth + "px",
-            height: e.numHeight + "px",
-            left: e.numWidth * (o > e.num_total_len - e.pointNum - 1 ? o == e.num_total_len - e.pointNum ? o * 1.5 : o * 1.3 : o) + "px",
-            backgroundImage: "url(" + e.customBgImg + ")",
-            backgroundPositionX: "0",
-            backgroundPositionY: -(+String(e.relNum)[o] * e.numHeight + e.customSpacNum * +String(e.relNum)[o]) + "px",
-            transition: "all linear " + e.during / 10 + "ms"
-          })
-        }, null, 4))), 128)),
-        e.pointNum > 0 ? (s(), g("view", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "nut-countup__numberimg__item",
+            key: "cImg" + index2,
+            style: normalizeStyle({
+              width: _ctx.numWidth + "px",
+              height: _ctx.numHeight + "px",
+              left: _ctx.numWidth * (index2 > _ctx.num_total_len - _ctx.pointNum - 1 ? index2 == _ctx.num_total_len - _ctx.pointNum ? index2 * 1.5 : index2 * 1.3 : index2) + "px",
+              backgroundImage: "url(" + _ctx.customBgImg + ")",
+              backgroundPositionX: "0",
+              backgroundPositionY: -(+String(_ctx.relNum)[index2] * _ctx.numHeight + _ctx.customSpacNum * +String(_ctx.relNum)[index2]) + "px",
+              transition: "all linear " + _ctx.during / 10 + "ms"
+            })
+          }, null, 4);
+        }), 128)),
+        _ctx.pointNum > 0 ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "nut-countup-pointstyl",
-          style: d({
-            width: e.numWidth / 2 + "px",
+          style: normalizeStyle({
+            width: _ctx.numWidth / 2 + "px",
             bottom: 0,
-            left: e.numWidth * (e.num_total_len - e.pointNum) * 1.1 + "px",
+            left: _ctx.numWidth * (_ctx.num_total_len - _ctx.pointNum) * 1.1 + "px",
             fontSize: "30px"
           })
-        }, ".", 4)) : O("", !0)
+        }, ".", 4)) : createCommentVNode("", true)
       ], 4))
-    ], 64)) : (s(), g(b, { key: 1 }, [
-      e.scrolling ? (s(), g("view", {
+    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      _ctx.scrolling ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-countup__number",
-        style: d({
-          width: e.numWidth * e.num_total_len + e.numWidth / 3 + "px",
-          height: e.numHeight + "px",
-          lineHeight: e.numHeight + "px"
+        style: normalizeStyle({
+          width: _ctx.numWidth * _ctx.num_total_len + _ctx.numWidth / 3 + "px",
+          height: _ctx.numHeight + "px",
+          lineHeight: _ctx.numHeight + "px"
         })
       }, [
-        (s(!0), g(b, null, z(e.num_total_len, (v, o) => (s(), g("view", {
-          ref_for: !0,
-          ref: (y) => e.setRef(y),
-          class: "nut-countup__number-item",
-          key: v,
-          style: d({
-            top: e.topNumber(o),
-            left: e.numWidth * (o > e.num_total_len - e.pointNum - 1 ? o * 1.1 : o) + "px"
-          }),
-          "turn-number": e.turnNumber(o)
-        }, [
-          (s(!0), g(b, null, z(e.to0_10, (y, k) => (s(), g("view", {
-            class: "nut-countup__number-item__span",
-            key: "dote" + k,
-            style: d({
-              width: e.numWidth + "px",
-              height: e.numHeight + "px",
-              lineHeight: e.numHeight + "px"
-            })
-          }, R(y), 5))), 128))
-        ], 12, pe))), 128)),
-        e.pointNum > 0 ? (s(), g("view", {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            ref_for: true,
+            ref: (el) => _ctx.setRef(el),
+            class: "nut-countup__number-item",
+            key: val,
+            style: normalizeStyle({
+              top: _ctx.topNumber(index2),
+              left: _ctx.numWidth * (index2 > _ctx.num_total_len - _ctx.pointNum - 1 ? index2 * 1.1 : index2) + "px"
+            }),
+            "turn-number": _ctx.turnNumber(index2)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.to0_10, (item, idx) => {
+              return openBlock(), createElementBlock("view", {
+                class: "nut-countup__number-item__span",
+                key: "dote" + idx,
+                style: normalizeStyle({
+                  width: _ctx.numWidth + "px",
+                  height: _ctx.numHeight + "px",
+                  lineHeight: _ctx.numHeight + "px"
+                })
+              }, toDisplayString(item), 5);
+            }), 128))
+          ], 12, _hoisted_2);
+        }), 128)),
+        _ctx.pointNum > 0 ? (openBlock(), createElementBlock("view", {
           key: 0,
           class: "nut-countup-pointstyl",
-          style: d({
-            width: e.numWidth / 3 + "px",
-            height: e.numHeight + "px",
-            lineHeight: e.numHeight + "px",
+          style: normalizeStyle({
+            width: _ctx.numWidth / 3 + "px",
+            height: _ctx.numHeight + "px",
+            lineHeight: _ctx.numHeight + "px",
             top: 0,
-            left: e.numWidth * (e.num_total_len - e.pointNum) + "px"
+            left: _ctx.numWidth * (_ctx.num_total_len - _ctx.pointNum) + "px"
           })
-        }, ".", 4)) : O("", !0)
-      ], 4)) : (s(), g(b, { key: 1 }, [
-        ae(R(e.current), 1)
+        }, ".", 4)) : createCommentVNode("", true)
+      ], 4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createTextVNode(toDisplayString(_ctx.current), 1)
       ], 64))
     ], 64))
   ]);
 }
-const ze = /* @__PURE__ */ me(ce, [["render", fe]]);
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  ze as default
+  index as default
 };