@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.4

package/dist/packages/_es/CollapseItem.js

@@ -18,12 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { inject, ref, reactive, computed, getCurrentInstance, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, normalizeStyle } from "vue";
-import Taro, { eventCenter, getCurrentInstance as getCurrentInstance$1 } from "@tarojs/taro";
+import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, nextTick, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, normalizeStyle } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create, componentName } = createComponent("collapse-item");
@@ -52,7 +51,6 @@ const _sfc_main = create({
   },
   setup(props, ctx) {
     const collapse = inject("collapseParent");
-    const conHeight = ref("auto");
     const parent = reactive(collapse);
     const classes = computed(() => {
       const prefixCls = componentName;
@@ -71,7 +69,7 @@ const _sfc_main = create({
       icon: parent.props.icon,
       iconSize: parent.props.iconSize,
       iconColor: parent.props.iconColor,
-      openExpanded: null,
+      openExpanded: false,
       iconStyle: {
         transform: "rotate(0deg)",
         marginTop: parent.props.iconHeght ? "-" + parent.props.iconHeght / 2 + "px" : "-10px"
@@ -86,33 +84,31 @@ const _sfc_main = create({
     const wrapperRef = ref(null);
     const contentRef = ref(null);
     const onTransitionEnd = () => {
-      nextTick(() => {
-        parent.children.forEach((item1, index) => {
-          let ary = Array.from(item1.$el.children);
-          ary.forEach((item2, index2) => {
-            if (item2.className.includes("collapse-wrapper")) {
-              item2.style.willChange = "auto";
-            }
-          });
-        });
-      });
+      const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
+      if (wrapperRefEle) {
+        wrapperRefEle.style.willChange = "auto";
+      }
     };
     const animation = () => {
-      if (parent.props.icon && !proxyData.openExpanded) {
-        proxyData.iconStyle["transform"] = "rotate(0deg)";
-      } else {
-        proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
+      const wrapperRefEle = wrapperRef.value;
+      const contentRefEle = contentRef.value;
+      if (!wrapperRefEle || !contentRefEle) {
+        return;
       }
-      nextTick(() => {
-        const query = Taro.getEnv() === "ALIPAY" ? my.createSelectorQuery() : Taro.createSelectorQuery();
-        query.selectAll(".collapse-content").boundingClientRect();
-        query.exec((res) => {
-          getH(res[0]);
-        });
-        if (!proxyData.openExpanded) {
-          onTransitionEnd();
+      const offsetHeight = contentRefEle.offsetHeight || "auto";
+      if (offsetHeight) {
+        const contentHeight = `${offsetHeight}px`;
+        wrapperRefEle.style.willChange = "height";
+        wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
+        if (parent.props.icon && !proxyData.openExpanded) {
+          proxyData.iconStyle["transform"] = "rotate(0deg)";
+        } else {
+          proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
         }
-      });
+      }
+      if (!proxyData.openExpanded) {
+        onTransitionEnd();
+      }
     };
     const open = () => {
       proxyData.openExpanded = !proxyData.openExpanded;
@@ -127,7 +123,7 @@ const _sfc_main = create({
     const currentName = computed(() => props.name);
     const toggleOpen = () => {
       if (parent.props.accordion) {
-        parent.children.forEach((item, index) => {
+        parent.children.forEach((item, index2) => {
           if (currentName.value == item.name) {
             item.changeOpen(!item.openExpanded);
           } else {
@@ -161,65 +157,39 @@ const _sfc_main = create({
     watch(() => {
       var _a, _b;
       return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
-    }, (vnodes) => {
+    }, () => {
       setTimeout(() => {
-        getRefHeight();
+        animation();
       }, 300);
     });
-    const getH = (list) => {
-      parent.children.forEach((item1, index1) => {
-        let ary = Array.from(item1.$el.children);
-        let _uid = ary[1].children[0]["uid"];
-        let tm = list.filter((item2) => item2.id == _uid);
-        if (tm && tm.length > 0) {
-          let h = tm[0]["height"];
-          item1.conHeight = h;
-        }
-      });
-    };
-    const getH5 = () => {
-      parent.children.forEach((item1, index1) => {
-        let ary = Array.from(item1.$el.children);
-        let h = ary[1].children[0]["offsetHeight"];
-        item1.conHeight = h;
-      });
-    };
-    const getRefHeight = () => {
-      const query = Taro.getEnv() === "ALIPAY" ? my.createSelectorQuery() : Taro.createSelectorQuery();
-      query.selectAll(".collapse-content").boundingClientRect();
-      query.exec((res) => {
-        if (Taro.getEnv() === "WEB") {
-          getH5();
-        } else {
-          getH(res[0]);
-        }
-      });
-    };
     onMounted(() => {
       const { name } = props;
       const active = parent && parent.props.active;
-      if (typeof active == "number" || typeof active == "string") {
-        if (name == active) {
-          defaultOpen();
-        }
-      } else if (Object.values(active) instanceof Array) {
-        const f = Object.values(active).filter((item) => item == name);
-        if (f.length > 0) {
-          defaultOpen();
+      nextTick(() => {
+        if (typeof active == "number" || typeof active == "string") {
+          if (name == active) {
+            defaultOpen();
+          }
+        } else if (Object.values(active) instanceof Array) {
+          const f = Object.values(active).filter((item) => item == name);
+          if (f.length > 0) {
+            defaultOpen();
+          }
         }
+      });
+    });
+    const emptyContent = computed(() => {
+      let ele = contentRef.value;
+      let _class = "";
+      if (!(ele == null ? void 0 : ele.innerText)) {
+        _class = "empty";
       }
-      if (Taro.getEnv() === "WEB") {
-        getRefHeight();
-      } else {
-        eventCenter.once(getCurrentInstance$1().router.onReady, () => {
-          getRefHeight();
-        });
-      }
+      return _class;
     });
     return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
-      classes
+      classes,
+      emptyContent
     }, toRefs(proxyData)), toRefs(parent.props)), toRefs(titleIconStyle)), {
-      conHeight,
       wrapperRef,
       contentRef,
       open,
@@ -238,8 +208,8 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = ["innerHTML"];
 const _hoisted_6 = {
-  class: "collapse-content",
-  ref: "contentRef"
+  class: "collapse-wrapper",
+  ref: "wrapperRef"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -258,7 +228,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               name: _ctx.titleIcon,
               size: _ctx.titleIconSize,
               color: _ctx.titleIconColor,
-              class: normalizeClass(["collapse-title-icon", _ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
+              class: normalizeClass([_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
             }, null, 8, ["name", "size", "color", "class"])) : createCommentVNode("", true),
             _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
               key: 2,
@@ -284,16 +254,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.iconStyle)
       }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
-    createElementVNode("view", {
-      class: normalizeClass(["collapse-wrapper", _ctx.openExpanded ? "open-style" : "close-style"]),
-      ref: "wrapperRef",
-      style: normalizeStyle({ height: _ctx.openExpanded ? _ctx.conHeight == "auto" ? "auto" : _ctx.conHeight + "px" : 0 })
-    }, [
-      createElementVNode("view", _hoisted_6, [
+    createElementVNode("view", _hoisted_6, [
+      createElementVNode("view", {
+        class: normalizeClass(["collapse-content", _ctx.emptyContent]),
+        ref: "contentRef"
+      }, [
         renderSlot(_ctx.$slots, "default")
-      ], 512)
-    ], 6)
+      ], 2)
+    ], 512)
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CountDown.js

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, Fragment, createElementVNode, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-const { componentName, create } = createComponent("countdown");
+const { componentName, create, translate } = createComponent("countdown");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -62,7 +62,7 @@ const _sfc_main = create({
     }
   },
   components: {},
-  emits: ["input", "on-end", "on-restart", "on-paused"],
+  emits: ["input", "on-end", "on-restart", "on-paused", "update:modelValue"],
   setup(props, { emit, slots }) {
     const state = reactive({
       restTime: 0,
@@ -81,7 +81,7 @@ const _sfc_main = create({
     });
     const plainText = computed(() => {
       const { d, h, m, s } = resttime.value;
-      return `${d > 0 && props.showDays ? d + "\u5929" + h : h}\u5C0F\u65F6${m}\u5206${s}\u79D2`;
+      return `${d > 0 && props.showDays ? d + translate("day") + h : h}${translate("hour")}${m}${translate("minute")}${s}${translate("second")}`;
     });
     watch(() => props.value, (value) => {
     });
@@ -131,7 +131,7 @@ const _sfc_main = create({
         if (!props.paused) {
           let restTime2 = end - (Date.now() - state.p + diffTime);
           state.restTime = restTime2;
-          if (restTime2 < delay) {
+          if (restTime2 < 0) {
             state.restTime = 0;
             emit("on-end");
             clearInterval(state.timer);
@@ -188,7 +188,8 @@ const _sfc_main = create({
       getTimeStamp,
       initTimer,
       resttime,
-      plainText
+      plainText,
+      translate
     });
   }
 });
@@ -197,7 +198,7 @@ const _hoisted_1 = {
   class: "nut-cd-block"
 };
 const _hoisted_2 = { class: "nut-cd-block" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, "\u5929", -1);
+const _hoisted_3 = { class: "nut-cd-dot" };
 const _hoisted_4 = { class: "nut-cd-block" };
 const _hoisted_5 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
 const _hoisted_6 = { class: "nut-cd-block" };
@@ -211,7 +212,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.plainText), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
       _ctx.resttime.d >= 0 && _ctx.showDays ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
         createElementVNode("view", _hoisted_2, toDisplayString(_ctx.resttime.d), 1),
-        _hoisted_3
+        createElementVNode("view", _hoisted_3, toDisplayString(_ctx.translate("day")), 1)
       ], 64)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4, toDisplayString(_ctx.resttime.h), 1),
       _hoisted_5,
@@ -221,5 +222,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CountUp.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance, reactive, watch, nextTick, onMounted, onUnmounted, toRefs, openBlock, createElementBlock, Fragment, normalizeStyle, renderList, createCommentVNode, toDisplayString, createTextVNode } from "vue";
+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";
 function useExtend(apis) {
@@ -98,7 +98,7 @@ const _sfc_main = create({
       type: Number,
       default: 0
     },
-    machineTrunMore: {
+    machineTurnMore: {
       type: Number,
       default: 0
     }
@@ -106,6 +106,11 @@ const _sfc_main = create({
   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,
@@ -179,20 +184,20 @@ const _sfc_main = create({
         return m / baseNum;
       }
     };
-    const topNumber = (index) => {
+    const topNumber = (index2) => {
       let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
-      let idx1 = sortFlag == "add" || sortFlag == "equal" ? String(initDigit2)[index - (num_total_len - pointNum)] : 10 - Number(String(initDigit2)[index - (num_total_len - pointNum)]);
-      let idx2 = sortFlag == "add" || sortFlag == "equal" ? String(initDigit1)[index] : 10 - Number(String(initDigit1)[index]);
-      let num = index > num_total_len - pointNum - 1 ? -idx1 * 100 + "%" : index <= String(initDigit1).length - 1 ? -idx2 * 100 + "%" : 0;
+      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 = (index) => {
+    const turnNumber = (index2) => {
       let { num_total_len, pointNum, initDigit1, initDigit2, sortFlag } = data;
-      let idx1 = String(initDigit2)[index - (num_total_len - pointNum)];
-      let num = index > num_total_len - pointNum - 1 ? idx1 ? idx1 : 0 : index <= String(initDigit1).length - 1 ? String(initDigit1)[index] : 0;
+      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 = () => {
@@ -200,21 +205,23 @@ const _sfc_main = create({
       let countTimer = setInterval(() => {
         if (initNum > endNum) {
           if (data.current <= endNum || data.current <= speed) {
-            data.current = Number(endNum.toFixed(toFixed));
+            data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
             emit("scroll-end");
             data.valFlag = false;
           } else {
-            data.current = Number((parseFloat(String(data.current)) - parseFloat(String(speed))).toFixed(toFixed));
+            let num = parseFloat(String(data.current)) - parseFloat(String(speed));
+            data.current = num.toFixed(toFixed);
           }
         } else {
           if (data.current >= endNum) {
-            data.current = Number(endNum.toFixed(toFixed));
+            data.current = endNum.toFixed(toFixed);
             clearInterval(countTimer);
             emit("scroll-end");
             data.valFlag = false;
           } else {
-            data.current = Number((parseFloat(String(data.current)) + parseFloat(String(speed))).toFixed(toFixed));
+            let num = parseFloat(String(data.current)) + parseFloat(String(speed));
+            data.current = num.toFixed(toFixed);
           }
         }
       }, props.during);
@@ -295,8 +302,7 @@ const _sfc_main = create({
           if (data.sortFlag == "equal") {
             return false;
           }
-          let refsDom = document.getElementsByClassName("numberItem");
-          let element = refsDom[data.num_total_len - 1];
+          let element = numberItemRef.value[data.num_total_len - 1];
           runTurn(element);
         });
       } else {
@@ -322,21 +328,21 @@ const _sfc_main = create({
       }, props.during);
     };
     const runStep = (el) => {
-      let currentTurn = el.style.all;
+      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.style.all = String(turningNum);
-      if (el.style.transition == "none" || turningNum == 1 || !el.style.transition) {
+      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.style.all = "0";
+        el.setAttribute("turn-number", "0");
         timeOut = setTimeout(() => {
           timeOut && clearTimeout(timeOut);
           el.style.transition = "none";
@@ -359,8 +365,7 @@ const _sfc_main = create({
         Math.pow(10, data.pointNum);
       }
       nextTick(() => {
-        let f = document.getElementsByClassName("run-number-img")[0];
-        f.addEventListener("webkitTransitionEnd", () => {
+        runNumberImg.value.addEventListener("webkitTransitionEnd", () => {
           emit("scroll-end");
           data.valFlag = false;
         });
@@ -376,14 +381,14 @@ const _sfc_main = create({
       }
     };
     const machineLuck = () => {
-      const machineTrunMoreNum = props.machineTrunMore < 0 ? 0 : props.machineTrunMore;
+      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(machineTrunMoreNum)));
+          let turn = distance * (i + 1 + parseFloat(String(machineTurnMoreNum)));
           if (data.prizeYPrev.length != 0) {
             data.prizeY[i] = data.prizeYPrev[i];
           }
@@ -397,16 +402,16 @@ const _sfc_main = create({
       }
     };
     useExtend({ machineLuck });
-    const scrollTime = (index, total, num) => {
+    const scrollTime = (index2, total, num) => {
       let t = setInterval(() => {
         if (num <= total) {
           num += 10;
-          data.prizeY[index] = parseFloat(String(num));
+          data.prizeY[index2] = parseFloat(String(num));
         } else {
           clearInterval(t);
           t = null;
           data.finshMachine += 1;
-          data.prizeY[index] = total;
+          data.prizeY[index2] = total;
           if (data.finshMachine == props.machineNum) {
             let distance = props.numHeight * props.machinePrizeNum;
             data.prizeYPrev = [];
@@ -443,6 +448,8 @@ const _sfc_main = create({
       data.timer = null;
     });
     return __spreadProps(__spreadValues(__spreadValues({}, toRefs(data)), toRefs(reactive(props))), {
+      runNumberImg,
+      setRef,
       topNumber,
       turnNumber
     });
@@ -458,35 +465,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "run-number-machine-img",
         style: normalizeStyle({ height: _ctx.numHeight + "px" })
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "run-number-machine-img-li",
             ref_for: true,
             ref: "run-number-machine-img-li",
-            key: "mImg" + index,
+            key: "mImg" + index2,
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
               height: _ctx.numHeight + "px",
-              background: "url(" + _ctx.customBgImg + ") ",
-              backgroundPosition: "0 " + _ctx.prizeY[index] + "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, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
           return openBlock(), createElementBlock("view", {
             class: "run-number-img-li",
-            key: "cImg" + index,
+            key: "cImg" + index2,
             style: normalizeStyle({
               width: _ctx.numWidth + "px",
               height: _ctx.numHeight + "px",
-              left: _ctx.numWidth * (index > _ctx.num_total_len - _ctx.pointNum - 1 ? index == _ctx.num_total_len - _ctx.pointNum ? index * 1.5 : index * 1.3 : index) + "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 + ")",
-              backgroundPosition: "0 " + -(String(_ctx.relNum)[index] * _ctx.numHeight + _ctx.customSpacNum * String(_ctx.relNum)[index]) + "px",
+              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);
@@ -512,18 +521,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           lineHeight: _ctx.numHeight + "px"
         })
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index2) => {
           return openBlock(), createElementBlock("view", {
             ref_for: true,
-            ref: "numberItem",
+            ref: _ctx.setRef,
             class: "numberItem",
             key: val,
             style: normalizeStyle({
-              all: _ctx.turnNumber(index),
-              top: _ctx.topNumber(index),
-              left: _ctx.numWidth * (index > _ctx.num_total_len - _ctx.pointNum - 1 ? index * 1.1 : index) + "px"
+              top: _ctx.topNumber(index2),
+              left: _ctx.numWidth * (index2 > _ctx.num_total_len - _ctx.pointNum - 1 ? index2 * 1.1 : index2) + "px"
             }),
-            "turn-number": _ctx.turnNumber(index)
+            "turn-number": _ctx.turnNumber(index2)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.to0_10, (item, idx) => {
               return openBlock(), createElementBlock("view", {
@@ -555,5 +563,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };