@nutui/nutui 3.1.12-beta.1 → 3.1.14

package/dist/packages/_es/CountUp.js

@@ -17,16 +17,14 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.14 Wed Dec 22 2021 20:49:10 GMT+0800 (中国标准时间)
 * (c) 2021 @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 { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 function useExtend(apis) {
   const instance = getCurrentInstance();
   if (instance) {
@@ -34,7 +32,7 @@ function useExtend(apis) {
   }
 }
 const { componentName, create } = createComponent("countup");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     initNum: {
       type: Number,
@@ -181,20 +179,20 @@ var _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 = () => {
@@ -324,21 +322,21 @@ var _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";
@@ -399,16 +397,16 @@ var _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 = [];
@@ -460,16 +458,17 @@ 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))
@@ -478,16 +477,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         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",
+              backgroundPosition: "0 " + -(String(_ctx.relNum)[index2] * _ctx.numHeight + _ctx.customSpacNum * String(_ctx.relNum)[index2]) + "px",
               transition: "all linear " + _ctx.during / 10 + "ms"
             })
           }, null, 4);
@@ -513,17 +512,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",
             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 +554,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 64))
   ]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };