@nutui/nutui 3.1.22-beta.5 → 3.1.23-beta.1

package/dist/packages/_es/CountUp.js

@@ -1,150 +1,549 @@
 /*!
-* @nutui/nutui v3.1.22-beta.5 Fri Jun 24 2022 15:10:09 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.23-beta.1 Mon Jun 27 2022 21:39:05 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance as t, ref as e, reactive as n, watch as i, nextTick as r, onMounted as l, onUnmounted as u, toRefs as m, openBlock as a, createElementBlock as o, Fragment as g, normalizeStyle as s, renderList as p, createCommentVNode as c, toDisplayString as h, createTextVNode as d } from "vue";
-import { c as N } from "./component.js";
-import { _ as b } from "./plugin-vue_export-helper.js";
+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.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
-const { componentName: f, create: v } = N("countup"), y = v({ props: { initNum: { type: Number, default: 0 }, endNum: { type: Number, default: 0 }, speed: { type: Number, default: 1 }, toFixed: { type: Number, default: 0 }, during: { type: Number, default: 1e3 }, startFlag: { type: Boolean, default: true }, numWidth: { type: Number, default: 20 }, numHeight: { type: Number, default: 20 }, scrolling: { type: Boolean, default: false }, customBgImg: { type: String, default: "" }, customSpacNum: { type: Number, default: 0 }, customChangeNum: { type: Number, default: 1 }, type: { type: String, default: "" }, machineNum: { type: Number, default: 3 }, machinePrizeNum: { type: Number, default: 0 }, machinePrizeLevel: { type: Number, default: 0 }, machineTurnMore: { type: Number, default: 0 } }, components: {}, emits: ["click", "scroll-end"], setup(a2, { emit: o2 }) {
-  const g2 = e(null), s2 = e([]), p2 = n({ valFlag: false, current: 0, sortFlag: "add", initDigit1: 0, initDigit2: 0, to0_10: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0], to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1], timer: null, totalCount: 0, pointNum: 0, numberVal: 0, num_total_len: 0, relNum: 0, customNumber: 1, prizeLevelTrun: 0, prizeY: [], prizeYPrev: [], finshMachine: 0, notPrize: [], typeMachine: "" }), { startFlag: c2, scrolling: h2, customBgImg: d2, type: N2 } = n(a2);
-  i(() => a2.customChangeNum, (t2, e2) => {
-    f2(), S2(0);
-  }), i(() => a2.machinePrizeLevel, (t2, e2) => {
-    p2.prizeLevelTrun = t2;
-  }), i(() => a2.initNum, (t2, e2) => {
-    p2.current = t2, p2.valFlag = false, b2();
-  }), i(() => a2.endNum, (t2, e2) => {
-    p2.current = a2.initNum, p2.valFlag = false, b2();
-  });
-  const b2 = () => {
-    if (p2.valFlag)
-      return false;
-    c2 && (h2 || d2 ? N2 != "machine" && S2() : (y2(), setTimeout(() => {
-      p2.valFlag = true;
-    }, 300)));
-  }, f2 = () => {
-    clearInterval(Number(p2.timer)), p2.timer = null;
-  }, v2 = (t2, e2, n2) => {
-    const i2 = (t2.toString().split(".")[1] || "").length, r2 = (e2.toString().split(".")[1] || "").length, l2 = Math.pow(10, Math.max(i2, r2));
-    if (n2 == "-") {
-      return Number((t2 * l2 - e2 * l2).toFixed(0)) / l2;
+function useExtend(apis) {
+  const instance = getCurrentInstance();
+  if (instance) {
+    Object.assign(instance.proxy, apis);
+  }
+}
+const { componentName, create } = createComponent("countup");
+const _sfc_main = create({
+  props: {
+    initNum: {
+      type: Number,
+      default: 0
+    },
+    endNum: {
+      type: Number,
+      default: 0
+    },
+    speed: {
+      type: Number,
+      default: 1
+    },
+    toFixed: {
+      type: Number,
+      default: 0
+    },
+    during: {
+      type: Number,
+      default: 1e3
+    },
+    startFlag: {
+      type: Boolean,
+      default: true
+    },
+    numWidth: {
+      type: Number,
+      default: 20
+    },
+    numHeight: {
+      type: Number,
+      default: 20
+    },
+    scrolling: {
+      type: Boolean,
+      default: false
+    },
+    customBgImg: {
+      type: String,
+      default: ""
+    },
+    customSpacNum: {
+      type: Number,
+      default: 0
+    },
+    customChangeNum: {
+      type: Number,
+      default: 1
+    },
+    type: {
+      type: String,
+      default: ""
+    },
+    machineNum: {
+      type: Number,
+      default: 3
+    },
+    machinePrizeNum: {
+      type: Number,
+      default: 0
+    },
+    machinePrizeLevel: {
+      type: Number,
+      default: 0
+    },
+    machineTurnMore: {
+      type: Number,
+      default: 0
     }
-    return Number((t2 * l2 + e2 * l2).toFixed(0)) / l2;
-  }, y2 = () => {
-    let { endNum: t2, initNum: e2, speed: n2, toFixed: i2 } = a2, r2 = setInterval(() => {
-      if (e2 > t2)
-        if (p2.current <= t2 || p2.current <= n2)
-          p2.current = t2.toFixed(i2), clearInterval(r2), o2("scroll-end"), p2.valFlag = false;
-        else {
-          let t3 = parseFloat(String(p2.current)) - parseFloat(String(n2));
-          p2.current = t3.toFixed(i2);
-        }
-      else if (p2.current >= t2)
-        p2.current = t2.toFixed(i2), clearInterval(r2), o2("scroll-end"), p2.valFlag = false;
-      else {
-        let t3 = parseFloat(String(p2.current)) + parseFloat(String(n2));
-        p2.current = t3.toFixed(i2);
-      }
-    }, a2.during);
-  }, S2 = (t2) => {
-    let e2, n2, i2, l2, { initNum: u2, endNum: m2, toFixed: o3, customBgImg: g3 } = a2;
-    g3 && (u2 = a2.customChangeNum), u2 != 0 ? (o3 != 0 && (u2 = Number(u2.toFixed(o3))), String(u2).indexOf(".") > -1 ? (e2 = String(u2).split(".")[0].length, n2 = String(u2).split(".")[1].length) : (e2 = String(u2).length, n2 = 0)) : (e2 = 1, n2 = 0), m2 != 0 ? (o3 != 0 && (m2 = Number(m2.toFixed(o3))), String(m2).indexOf(".") > -1 ? (i2 = String(m2).split(".")[0].length, l2 = String(m2).split(".")[1].length) : (i2 = String(m2).length, l2 = 0)) : (i2 = 1, l2 = 0);
-    let c3 = e2 >= i2 ? e2 : i2, d3 = n2 >= l2 ? n2 : l2;
-    p2.num_total_len = c3 + d3, p2.pointNum = d3, u2 > m2 ? (p2.sortFlag = "reduce", p2.to0_10 = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 0], p2.totalCount = v2(u2, m2, "-"), p2.numberVal = Number(String(u2))) : u2 < m2 ? (p2.sortFlag = "add", p2.to0_10 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0], p2.totalCount = v2(m2, u2, "-"), p2.numberVal = Number(String(m2))) : p2.sortFlag = "equal";
-    var N3 = 1;
-    for (let t3 = 0; t3 < p2.pointNum; t3++)
-      N3 *= 10;
-    var b3 = p2.numberVal * N3;
-    if (p2.relNum = b3, o3 != 0 && (p2.pointNum = String(p2.numberVal).split(".")[1] ? String(p2.numberVal).split(".")[1].length : 0, p2.num_total_len = String(b3).length), String(u2).indexOf(".") > -1) {
-      let t3 = String(u2).split(".");
-      p2.initDigit1 = Number(t3[0]), p2.initDigit2 = Number(t3[1]);
-    } else
-      p2.initDigit1 = u2, p2.initDigit2 = 0;
-    h2 && !g3 ? r(() => {
-      if (p2.sortFlag == "equal")
+  },
+  components: {},
+  emits: ["click", "scroll-end"],
+  setup(props, { emit }) {
+    const runNumberImg = ref(null);
+    const numberItemRef = ref([]);
+    const setRef = (el) => {
+      numberItemRef.value.push(el);
+    };
+    const data = reactive({
+      valFlag: false,
+      current: 0,
+      sortFlag: "add",
+      initDigit1: 0,
+      initDigit2: 0,
+      to0_10: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 0],
+      to10_0: [0, 9, 8, 7, 6, 5, 4, 3, 2, 1, 1],
+      timer: null,
+      totalCount: 0,
+      pointNum: 0,
+      numberVal: 0,
+      num_total_len: 0,
+      relNum: 0,
+      customNumber: 1,
+      prizeLevelTrun: 0,
+      prizeY: [],
+      prizeYPrev: [],
+      finshMachine: 0,
+      notPrize: [],
+      typeMachine: ""
+    });
+    const { startFlag, scrolling, customBgImg, type } = reactive(props);
+    watch(() => props.customChangeNum, (count, prevCount) => {
+      clearIntervalTime();
+      countGo(0);
+    });
+    watch(() => props.machinePrizeLevel, (count, prevCount) => {
+      data.prizeLevelTrun = count;
+    });
+    watch(() => props.initNum, (count, prevCount) => {
+      data.current = count;
+      data.valFlag = false;
+      valChange();
+    });
+    watch(() => props.endNum, (count, prevCount) => {
+      data.current = props.initNum;
+      data.valFlag = false;
+      valChange();
+    });
+    const valChange = () => {
+      if (data.valFlag) {
         return false;
-      let t3 = s2.value[p2.num_total_len - 1];
-      x2(t3);
-    }) : t2 !== 0 && _();
-  }, x2 = (t2) => {
-    f2();
-    var e2 = 1;
-    p2.pointNum != 0 && (e2 = 1 / Math.pow(10, p2.pointNum)), p2.timer = setInterval(() => {
-      F2(t2), p2.totalCount = v2(p2.totalCount, e2, "-"), p2.totalCount <= 0 && (f2(), o2("scroll-end"), p2.valFlag = false);
-    }, a2.during);
-  }, F2 = (t2) => {
-    let e2, n2 = t2.getAttribute("turn-number");
-    if (e2 = p2.sortFlag == "add" ? parseInt(String(n2)) + 1 : parseInt(String(n2)) - 1 >= 0 ? parseInt(String(n2)) - 1 : 9, t2.setAttribute("turn-number", String(e2)), t2.style.transition != "none 0s ease 0s" && e2 != 1 && t2.style.transition || (t2.style.transition = `all linear ${a2.during}ms`), e2 == 10 || p2.sortFlag == "reduce" && e2 == 0) {
-      var i2 = null;
-      t2.style.top = `-${p2.sortFlag == "add" ? 100 * e2 : 100 * (10 - e2)}%`, t2.setAttribute("turn-number", "0"), i2 = setTimeout(() => {
-        i2 && clearTimeout(i2), t2.style.transition = "none", t2.style.top = "0", e2 == 10 && t2.previousSibling && F2(t2.previousSibling);
-      }, 0.975 * a2.during);
-    } else
-      t2.style.top = `-${p2.sortFlag == "add" ? 100 * e2 : 100 * (10 - e2)}%`;
-    t2.style.top == "-100%" && p2.sortFlag == "reduce" && F2(t2.previousSibling);
-  }, _ = () => {
-    p2.pointNum != 0 && Math.pow(10, p2.pointNum), r(() => {
-      g2.value.addEventListener("webkitTransitionEnd", () => {
-        o2("scroll-end"), p2.valFlag = false;
+      }
+      if (startFlag) {
+        if (scrolling || customBgImg) {
+          if (type != "machine") {
+            countGo();
+          }
+        } else {
+          countChange();
+          setTimeout(() => {
+            data.valFlag = true;
+          }, 300);
+        }
+      }
+    };
+    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";
+          if (turningNum == 10) {
+            if (el.previousSibling) {
+              runStep(el.previousSibling);
+            }
+          }
+        }, 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 imgNumberScroll = () => {
+      if (data.pointNum != 0) {
+        Math.pow(10, data.pointNum);
+      }
+      nextTick(() => {
+        runNumberImg.value.addEventListener("webkitTransitionEnd", () => {
+          emit("scroll-end");
+          data.valFlag = false;
+        });
+      });
+    };
+    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);
+        }
+      }
+    };
+    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 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, newLocation, local);
+        }, 500 * i);
+      }
+    };
+    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);
+    };
+    onMounted(() => {
+      data.current = props.initNum;
+      nextTick(() => {
+        valChange();
       });
     });
-  };
-  !function(e2) {
-    const n2 = t();
-    n2 && Object.assign(n2.proxy, e2);
-  }({ machineLuck: () => {
-    const t2 = a2.machineTurnMore < 0 ? 0 : a2.machineTurnMore;
-    let e2 = a2.numHeight * a2.machinePrizeNum;
-    p2.prizeLevelTrun < 0 && (() => {
-      for (p2.notPrize = []; p2.notPrize.length < 3; ) {
-        var t3 = Math.floor(Math.random() * a2.machinePrizeNum + 1);
-        p2.notPrize.indexOf(t3) == -1 && p2.notPrize.push(t3);
-      }
-    })();
-    for (let n2 = 0; n2 < a2.machineNum; n2++)
-      setTimeout(() => {
-        let i2 = e2 * (n2 + 1 + parseFloat(String(t2)));
-        p2.prizeYPrev.length != 0 && (p2.prizeY[n2] = p2.prizeYPrev[n2]);
-        let r2 = p2.prizeYPrev[n2] ? p2.prizeYPrev[n2] : 0, l2 = i2 + r2 + (a2.machinePrizeNum - p2.prizeLevelTrun + 1) * a2.numHeight + (e2 - r2);
-        p2.prizeLevelTrun < 0 && (l2 += a2.numHeight * p2.notPrize[n2]), z(n2, l2, r2);
-      }, 500 * n2);
-  } });
-  const z = (t2, e2, n2) => {
-    let i2 = setInterval(() => {
-      if (n2 <= e2)
-        n2 += 10, p2.prizeY[t2] = parseFloat(String(n2));
-      else if (clearInterval(i2), i2 = null, p2.finshMachine += 1, p2.prizeY[t2] = e2, p2.finshMachine == a2.machineNum) {
-        let t3 = a2.numHeight * a2.machinePrizeNum;
-        p2.prizeYPrev = [], JSON.parse(JSON.stringify(p2.prizeY)).forEach((e3) => {
-          let n3 = e3;
-          for (; n3 > t3; )
-            n3 -= t3;
-          p2.prizeYPrev.push(n3);
-        }), setTimeout(() => {
-          p2.finshMachine = 0, p2.prizeLevelTrun < 0 ? (o2("scroll-end", false), p2.valFlag = false) : (o2("scroll-end", true), p2.valFlag = false);
-        }, 130);
-      }
-    }, 30);
-  };
-  return l(() => {
-    p2.current = a2.initNum, r(() => {
-      b2();
+    onUnmounted(() => {
+      clearIntervalTime();
+      data.timer = null;
     });
-  }), u(() => {
-    f2(), p2.timer = null;
-  }), { ...m(p2), ...m(n(a2)), runNumberImg: g2, setRef: (t2) => {
-    s2.value.push(t2);
-  }, topNumber: (t2) => {
-    let { num_total_len: e2, pointNum: n2, initDigit1: i2, initDigit2: r2, sortFlag: l2 } = p2, u2 = l2 == "add" || l2 == "equal" ? String(r2)[t2 - (e2 - n2)] : 10 - Number(String(r2)[t2 - (e2 - n2)]), m2 = l2 == "add" || l2 == "equal" ? String(i2)[t2] : 10 - Number(String(i2)[t2]), a3 = t2 > e2 - n2 - 1 ? 100 * -u2 + "%" : t2 <= String(i2).length - 1 ? 100 * -m2 + "%" : 0;
-    return a3 == "-1000%" && (a3 = 0), a3;
-  }, turnNumber: (t2) => {
-    let { num_total_len: e2, pointNum: n2, initDigit1: i2, initDigit2: r2, sortFlag: l2 } = p2, u2 = String(r2)[t2 - (e2 - n2)];
-    return t2 > e2 - n2 - 1 ? u2 || 0 : t2 <= String(i2).length - 1 ? String(i2)[t2] : 0;
-  } };
-} }), S = { class: "nut-countup" }, x = ["turn-number"];
-var F = b(y, [["render", function(t2, e2, n2, i2, r2, l2) {
-  return a(), o("view", S, [t2.customBgImg != "" ? (a(), o(g, { key: 0 }, [t2.type == "machine" ? (a(), o("view", { key: 0, class: "run-number-machine-img", style: s({ height: t2.numHeight + "px" }) }, [(a(true), o(g, null, p(t2.machineNum, (e3, n3) => (a(), o("view", { class: "run-number-machine-img-li", ref: "run-number-machine-img-li", key: "mImg" + n3, style: s({ width: t2.numWidth + "px", height: t2.numHeight + "px", backgroundImage: "url(" + t2.customBgImg + ")", backgroundPositionY: t2.prizeY[n3] + "px" }) }, null, 4))), 128))], 4)) : (a(), o("view", { key: 1, ref: "runNumberImg", class: "run-number-img", style: s({ height: t2.numHeight + "px" }) }, [(a(true), o(g, null, p(t2.num_total_len, (e3, n3) => (a(), o("view", { class: "run-number-img-li", key: "cImg" + n3, style: s({ width: t2.numWidth + "px", height: t2.numHeight + "px", left: t2.numWidth * (n3 > t2.num_total_len - t2.pointNum - 1 ? n3 == t2.num_total_len - t2.pointNum ? 1.5 * n3 : 1.3 * n3 : n3) + "px", backgroundImage: "url(" + t2.customBgImg + ")", backgroundPositionX: "0", backgroundPositionY: -(String(t2.relNum)[n3] * t2.numHeight + t2.customSpacNum * String(t2.relNum)[n3]) + "px", transition: "all linear " + t2.during / 10 + "ms" }) }, null, 4))), 128)), t2.pointNum > 0 ? (a(), o("view", { key: 0, class: "pointstyl", style: s({ width: t2.numWidth / 2 + "px", bottom: 0, left: t2.numWidth * (t2.num_total_len - t2.pointNum) * 1.1 + "px", fontSize: "30px" }) }, ".", 4)) : c("", true)], 4))], 64)) : (a(), o(g, { key: 1 }, [t2.scrolling ? (a(), o("view", { key: 0, class: "run-number", style: s({ width: t2.numWidth * t2.num_total_len + t2.numWidth / 3 + "px", height: t2.numHeight + "px", lineHeight: t2.numHeight + "px" }) }, [(a(true), o(g, null, p(t2.num_total_len, (e3, n3) => (a(), o("view", { ref: t2.setRef, class: "numberItem", key: e3, style: s({ top: t2.topNumber(n3), left: t2.numWidth * (n3 > t2.num_total_len - t2.pointNum - 1 ? 1.1 * n3 : n3) + "px" }), "turn-number": t2.turnNumber(n3) }, [(a(true), o(g, null, p(t2.to0_10, (e4, n4) => (a(), o("view", { class: "itemSpan", key: "dote" + n4, style: s({ width: t2.numWidth + "px", height: t2.numHeight + "px", lineHeight: t2.numHeight + "px" }) }, h(e4), 5))), 128))], 12, x))), 128)), t2.pointNum > 0 ? (a(), o("view", { key: 0, class: "pointstyl", style: s({ width: t2.numWidth / 3 + "px", height: t2.numHeight + "px", lineHeight: t2.numHeight + "px", top: 0, left: t2.numWidth * (t2.num_total_len - t2.pointNum) + "px" }) }, ".", 4)) : c("", true)], 4)) : (a(), o(g, { key: 1 }, [d(h(t2.current), 1)], 64))], 64))]);
-}]]);
-export { F as default };
+    return {
+      ...toRefs(data),
+      ...toRefs(reactive(props)),
+      runNumberImg,
+      setRef,
+      topNumber,
+      turnNumber
+    };
+  }
+});
+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: "run-number-machine-img",
+        style: normalizeStyle({ height: _ctx.numHeight + "px" })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "run-number-machine-img-li",
+            ref: "run-number-machine-img-li",
+            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: "run-number-img",
+        style: normalizeStyle({ height: _ctx.numHeight + "px" })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            class: "run-number-img-li",
+            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: "pointstyl",
+          style: normalizeStyle({
+            width: _ctx.numWidth / 2 + "px",
+            bottom: 0,
+            left: _ctx.numWidth * (_ctx.num_total_len - _ctx.pointNum) * 1.1 + "px",
+            fontSize: "30px"
+          })
+        }, ".", 4)) : createCommentVNode("", true)
+      ], 4))
+    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+      _ctx.scrolling ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "run-number",
+        style: normalizeStyle({
+          width: _ctx.numWidth * _ctx.num_total_len + _ctx.numWidth / 3 + "px",
+          height: _ctx.numHeight + "px",
+          lineHeight: _ctx.numHeight + "px"
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
+          return openBlock(), createElementBlock("view", {
+            ref: _ctx.setRef,
+            class: "numberItem",
+            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: "itemSpan",
+                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: "pointstyl",
+          style: normalizeStyle({
+            width: _ctx.numWidth / 3 + "px",
+            height: _ctx.numHeight + "px",
+            lineHeight: _ctx.numHeight + "px",
+            top: 0,
+            left: _ctx.numWidth * (_ctx.num_total_len - _ctx.pointNum) + "px"
+          })
+        }, ".", 4)) : createCommentVNode("", true)
+      ], 4)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        createTextVNode(toDisplayString(_ctx.current), 1)
+      ], 64))
+    ], 64))
+  ]);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };