@nutui/nutui-react-taro 1.3.4 → 1.3.5-beta.1

package/dist/esm/{address.taro-7540c626.js → address.taro-f16cef31.js}

@@ -3,25 +3,23 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "type", "existAddress", "selectedIcon", "defaultIcon", "isShowCustomAddress", "customAndExistTitle", "onSelected", "onClose", "onSwitchModule"],
-    _excluded2 = ["height", "acceptKey", "indexList", "isSticky", "spaceHeight", "titleHeight", "className", "onClickItem", "onClickIndex", "children"],
-    _excluded3 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
-    _excluded4 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className", "iconClassPrefix", "iconFontClassName"];
+    _excluded2 = ["children", "type", "modelValue", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
+    _excluded3 = ["modelValue", "modelSelect", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className", "iconClassPrefix", "iconFontClassName"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React__default, { useEffect, createContext, useRef, useState } from 'react';
+import React__default, { useEffect, useState, useRef } from 'react';
 import { I as Icon$1 } from './icon.taro-1d0d4fb7.js';
 import { P as Popup } from './popup.taro-33d0bbc8.js';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon-8dc4de10.js';
 import { u as useConfig } from './configprovider-3e87d67a.js';
-import { useGesture } from '@use-gesture/react';
-import { animated } from '@react-spring/web';
+import Taro from '@tarojs/taro';
 import { u as useConfig$1 } from './configprovider.taro-6c7b3056.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps$3 = {
+var defaultProps$2 = {
   type: 'custom',
   existAddress: [],
   defaultIcon: 'location2',
@@ -34,18 +32,18 @@ var ExistRender = function ExistRender(props) {
   var _useConfig = useConfig(),
       locale = _useConfig.locale;
 
-  var _defaultProps$3$props = _objectSpread(_objectSpread({}, defaultProps$3), props),
-      children = _defaultProps$3$props.children,
-      type = _defaultProps$3$props.type,
-      existAddress = _defaultProps$3$props.existAddress,
-      selectedIcon = _defaultProps$3$props.selectedIcon,
-      defaultIcon = _defaultProps$3$props.defaultIcon,
-      isShowCustomAddress = _defaultProps$3$props.isShowCustomAddress,
-      customAndExistTitle = _defaultProps$3$props.customAndExistTitle,
-      onSelected = _defaultProps$3$props.onSelected,
-      onClose = _defaultProps$3$props.onClose,
-      onSwitchModule = _defaultProps$3$props.onSwitchModule,
-      rest = _objectWithoutProperties(_defaultProps$3$props, _excluded);
+  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
+      children = _defaultProps$2$props.children,
+      type = _defaultProps$2$props.type,
+      existAddress = _defaultProps$2$props.existAddress,
+      selectedIcon = _defaultProps$2$props.selectedIcon,
+      defaultIcon = _defaultProps$2$props.defaultIcon,
+      isShowCustomAddress = _defaultProps$2$props.isShowCustomAddress,
+      customAndExistTitle = _defaultProps$2$props.customAndExistTitle,
+      onSelected = _defaultProps$2$props.onSelected,
+      onClose = _defaultProps$2$props.onClose,
+      onSwitchModule = _defaultProps$2$props.onSwitchModule,
+      rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
 
   var b = cn('address'); // 选择现有地址
 
@@ -116,283 +114,6 @@ var ExistRender = function ExistRender(props) {
   }, locale.address.chooseAnotherAddress || customAndExistTitle)));
 };
 
-var elevatorContext = createContext({});
-var defaultProps$2 = {
-  height: '200px',
-  acceptKey: 'title',
-  indexList: [],
-  isSticky: false,
-  spaceHeight: 23,
-  titleHeight: 35,
-  className: ''
-};
-
-var Elevator = function Elevator(props) {
-  var _defaultProps$2$props = _objectSpread(_objectSpread({}, defaultProps$2), props),
-      height = _defaultProps$2$props.height,
-      acceptKey = _defaultProps$2$props.acceptKey,
-      indexList = _defaultProps$2$props.indexList,
-      isSticky = _defaultProps$2$props.isSticky,
-      spaceHeight = _defaultProps$2$props.spaceHeight,
-      titleHeight = _defaultProps$2$props.titleHeight,
-      className = _defaultProps$2$props.className,
-      onClickItem = _defaultProps$2$props.onClickItem,
-      onClickIndex = _defaultProps$2$props.onClickIndex,
-      children = _defaultProps$2$props.children,
-      rest = _objectWithoutProperties(_defaultProps$2$props, _excluded2);
-
-  var b = cn('elevator');
-  var listview = useRef(null);
-  var initData = {
-    anchorIndex: 0,
-    listHeight: [],
-    listGroup: [],
-    scrollY: 0,
-    diff: -1,
-    fixedTop: 0
-  };
-  var touchState = useRef({
-    y1: 0,
-    y2: 0
-  });
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      scrollY = _useState2[0],
-      setScrollY = _useState2[1];
-
-  var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentData = _useState4[0],
-      setCurrentData = _useState4[1];
-
-  var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      currentKey = _useState6[0],
-      setCurrentKey = _useState6[1];
-
-  var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      currentIndex = _useState8[0],
-      setCurrentIndex = _useState8[1];
-
-  var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      codeIndex = _useState10[0],
-      setCodeIndex = _useState10[1];
-
-  var _useState11 = useState(false),
-      _useState12 = _slicedToArray(_useState11, 2),
-      scrollStart = _useState12[0],
-      setScrollStart = _useState12[1];
-
-  var state = useRef(initData); // 重置滚动参数
-
-  var resetScrollState = function resetScrollState() {
-    setScrollStart(false);
-  };
-
-  var clientHeight = function clientHeight() {
-    return listview.current ? listview.current.clientHeight : 0;
-  };
-
-  var getData = function getData(el, name) {
-    var prefix = 'data-';
-    return el.getAttribute(prefix + name);
-  };
-
-  var calculateHeight = function calculateHeight() {
-    var height = 0;
-    state.current.listHeight.push(height);
-
-    for (var i = 0; i < state.current.listGroup.length; i++) {
-      var item = state.current.listGroup[i];
-      height += item.clientHeight;
-      state.current.listHeight.push(height);
-    }
-  };
-
-  var scrollTo = function scrollTo(index) {
-    if (!index && index !== 0) {
-      return;
-    }
-
-    if (!state.current.listHeight.length) {
-      calculateHeight();
-    }
-
-    var cacheIndex = index;
-
-    if (index < 0) {
-      cacheIndex = 0;
-    }
-
-    if (index > state.current.listHeight.length - 2) {
-      cacheIndex = state.current.listHeight.length - 2;
-    }
-
-    setCodeIndex(cacheIndex);
-
-    if (listview.current) {
-      listview.current.scrollTo(0, state.current.listHeight[cacheIndex]);
-    }
-  };
-
-  var bind = useGesture({
-    onDragStart: function onDragStart(_ref) {
-      var target = _ref.target,
-          offset = _ref.offset;
-      setScrollStart(true);
-      var index = Number(getData(target, 'index'));
-      touchState.current.y1 = offset[1];
-      state.current.anchorIndex = +index;
-      setCodeIndex(function (codeIndex) {
-        return codeIndex + index;
-      });
-      scrollTo(index);
-    },
-    onDragEnd: function onDragEnd(_ref2) {
-      var offset = _ref2.offset;
-      touchState.current.y2 = offset[1];
-      var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0; // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
-
-      var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
-      setCodeIndex(cacheIndex);
-      scrollTo(cacheIndex);
-      resetScrollState();
-    }
-  });
-
-  var handleClickItem = function handleClickItem(key, item) {
-    onClickItem && onClickItem(key, item);
-    setCurrentData(item);
-    setCurrentKey(key);
-  };
-
-  var handleClickIndex = function handleClickIndex(key) {
-    onClickIndex && onClickIndex(key);
-  };
-
-  var setListGroup = function setListGroup() {
-    if (listview.current) {
-      var els = listview.current.querySelectorAll('.nut-elevator__list__item');
-      els.forEach(function (el) {
-        if (el != null && !state.current.listGroup.includes(el)) {
-          state.current.listGroup.push(el);
-        }
-      });
-    }
-  };
-
-  var listViewScroll = function listViewScroll(e) {
-    var listHeight = state.current.listHeight;
-
-    if (!listHeight.length) {
-      calculateHeight();
-    }
-
-    var target = e.target;
-    var scrollTop = target.scrollTop;
-    state.current.scrollY = scrollTop;
-    setScrollY(scrollTop);
-
-    for (var i = 0; i < listHeight.length - 1; i++) {
-      var height1 = listHeight[i];
-      var height2 = listHeight[i + 1];
-
-      if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
-        setCurrentIndex(i);
-        state.current.diff = height2 - state.current.scrollY;
-        return;
-      }
-    }
-
-    setCurrentIndex(listHeight.length - 2);
-  };
-
-  useEffect(function () {
-    if (listview.current) {
-      setListGroup();
-      listview.current.addEventListener('scroll', listViewScroll);
-    }
-  }, [listview]);
-  useEffect(function () {
-    var _state$current = state.current,
-        listHeight = _state$current.listHeight,
-        diff = _state$current.diff,
-        scrollY = _state$current.scrollY;
-    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-
-    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
-      if (fixedTop !== 0) {
-        fixedTop = 0;
-      }
-    }
-
-    if (state.current.fixedTop === fixedTop) return;
-    state.current.fixedTop = fixedTop;
-  }, [state.current.diff, titleHeight]);
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
-    className: b('list__fixed')
-  }, React__default.createElement("span", {
-    className: "fixed-title"
-  }, indexList[currentIndex][acceptKey])) : null, React__default.createElement("div", {
-    className: b('list'),
-    style: {
-      height: Number.isNaN(+height) ? height : "".concat(height, "px")
-    }
-  }, React__default.createElement("div", {
-    className: b('list__inner'),
-    ref: listview
-  }, indexList.map(function (item, idx) {
-    return React__default.createElement("div", {
-      className: b('list__item'),
-      key: idx
-    }, React__default.createElement("div", {
-      className: b('list__item__code')
-    }, item[acceptKey]), React__default.createElement(React__default.Fragment, null, item.list.map(function (subitem) {
-      return React__default.createElement("div", {
-        className: b('list__item__name', {
-          highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
-        }),
-        key: subitem.id,
-        onClick: function onClick() {
-          return handleClickItem(item[acceptKey], subitem);
-        }
-      }, children ? React__default.createElement(React__default.Fragment, null, React__default.createElement(elevatorContext.Provider, {
-        value: subitem
-      }, children)) : subitem.name);
-    })));
-  }))), indexList.length && scrollStart ? React__default.createElement("div", {
-    className: b('code--current', {
-      current: true
-    })
-  }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
-    className: b('bars')
-  }, React__default.createElement(animated.div, _objectSpread(_objectSpread({
-    className: b('bars__inner')
-  }, bind()), {}, {
-    style: {
-      touchAction: 'pan-y'
-    }
-  }), indexList.map(function (item, index) {
-    return React__default.createElement("div", {
-      className: b('bars__inner__item', {
-        active: item[acceptKey] === indexList[currentIndex][acceptKey]
-      }),
-      "data-index": index,
-      key: index,
-      onClick: function onClick() {
-        return handleClickIndex(item[acceptKey]);
-      }
-    }, item[acceptKey]);
-  }))));
-};
-
-Elevator.defaultProps = defaultProps$2;
-Elevator.displayName = 'NutElevator';
 var defaultProps$1 = {
   modelValue: [],
   type: 'custom',
@@ -419,27 +140,27 @@ var CustomRender = function CustomRender(props) {
       onNextArea = _defaultProps$1$props.onNextArea,
       onTabClick = _defaultProps$1$props.onTabClick,
       onClose = _defaultProps$1$props.onClose,
-      rest = _objectWithoutProperties(_defaultProps$1$props, _excluded3);
+      rest = _objectWithoutProperties(_defaultProps$1$props, _excluded2);
 
   var b = cn('address');
 
-  var _useState13 = useState(type),
-      _useState14 = _slicedToArray(_useState13, 1),
-      privateType = _useState14[0];
-
-  var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      tabIndex = _useState16[0],
-      setTabIndex = _useState16[1];
-
-  var _useState17 = useState(['province', 'city', 'country', 'town']),
-      _useState18 = _slicedToArray(_useState17, 1),
-      tabName = _useState18[0];
-
-  var provinceRef = useRef(null);
-  var cityRef = useRef(null);
-  var countryRef = useRef(null);
-  var townRef = useRef(null);
+  var _useState = useState(type),
+      _useState2 = _slicedToArray(_useState, 1),
+      privateType = _useState2[0];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      tabIndex = _useState4[0],
+      setTabIndex = _useState4[1];
+
+  var _useState5 = useState(['province', 'city', 'country', 'town']),
+      _useState6 = _slicedToArray(_useState5, 1),
+      tabName = _useState6[0];
+
+  useRef(null);
+  useRef(null);
+  useRef(null);
+  useRef(null);
   var regionLine = useRef(null);
 
   var isCustom2 = function isCustom2() {
@@ -478,18 +199,18 @@ var CustomRender = function CustomRender(props) {
     return newData;
   };
 
-  var _useState19 = useState({
+  var _useState7 = useState({
     province: isCustom2() ? transformData(province) : province,
     city: isCustom2() ? transformData(city) : city,
     country: isCustom2() ? transformData(country) : country,
     town: isCustom2() ? transformData(town) : town
   }),
-      _useState20 = _slicedToArray(_useState19, 2),
-      regionList = _useState20[0],
-      setRegionList = _useState20[1]; // 已选择的 省、市、县、镇
+      _useState8 = _slicedToArray(_useState7, 2),
+      regionList = _useState8[0],
+      setRegionList = _useState8[1]; // 已选择的 省、市、县、镇
 
 
-  var _useState21 = useState({
+  var _useState9 = useState({
     province: {
       name: ''
     },
@@ -503,14 +224,14 @@ var CustomRender = function CustomRender(props) {
       name: ''
     }
   }),
-      _useState22 = _slicedToArray(_useState21, 2),
-      selectedRegion = _useState22[0],
-      setSelectedRegion = _useState22[1];
+      _useState10 = _slicedToArray(_useState9, 2),
+      selectedRegion = _useState10[0],
+      setSelectedRegion = _useState10[1];
 
-  var _useState23 = useState(20),
-      _useState24 = _slicedToArray(_useState23, 2),
-      lineDistance = _useState24[0],
-      setLineDistance = _useState24[1]; // 获取已选地区列表名称
+  var _useState11 = useState(20),
+      _useState12 = _slicedToArray(_useState11, 2),
+      lineDistance = _useState12[0],
+      setLineDistance = _useState12[1]; // 获取已选地区列表名称
 
 
   var getTabName = function getTabName(item, index) {
@@ -519,25 +240,18 @@ var CustomRender = function CustomRender(props) {
     }
 
     return locale.select;
-  };
-
-  var mapRef = {
-    province: provinceRef,
-    city: cityRef,
-    country: countryRef,
-    town: townRef
   }; // 移动下面的红线
 
+
   var lineAnimation = function lineAnimation(index) {
     setTimeout(function () {
       var name = tabName[index];
-      var refD = mapRef;
-
-      if (name && refD[name] && refD[name].current) {
-        var distance = refD[name].current.offsetLeft;
-        setLineDistance(distance || 20);
-      }
-    }, 0);
+      Taro.createSelectorQuery().selectAll(".".concat(name)).boundingClientRect(function (rects) {
+        rects && rects.length > 0 && rects.forEach(function (rect) {
+          if (rect.width > 0) setLineDistance(rect.left || 20);
+        });
+      }).exec();
+    }, 100);
   }; // 切换下一级列表
 
 
@@ -630,10 +344,6 @@ var CustomRender = function CustomRender(props) {
     }
   };
 
-  var handleElevatorItem = function handleElevatorItem(key, item) {
-    nextAreaList(item);
-  };
-
   useEffect(function () {
     var _defaultProps$1$props2 = _objectSpread(_objectSpread({}, defaultProps$1), props),
         province = _defaultProps$1$props2.province;
@@ -675,9 +385,8 @@ var CustomRender = function CustomRender(props) {
     className: b('region-tab')
   }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
     return React__default.createElement("div", {
-      className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
+      className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : '', " ").concat(tabName[index]),
       key: index,
-      ref: mapRef[key],
       onClick: function onClick() {
         return changeRegionTab(selectedRegion[key], index, key);
       }
@@ -706,13 +415,7 @@ var CustomRender = function CustomRender(props) {
       color: "#FA2C19",
       size: "13px"
     }), item.name));
-  }))), privateType === 'custom2' && React__default.createElement("div", {
-    className: b('elevator-group')
-  }, React__default.createElement(Elevator, {
-    height: height,
-    indexList: regionList[tabName[tabIndex]],
-    onClickItem: handleElevatorItem
-  })));
+  }))));
 };
 
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -768,25 +471,25 @@ var Address = function Address(props) {
       className = _defaultProps$props.className,
       iconClassPrefix = _defaultProps$props.iconClassPrefix,
       iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded4);
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded3);
 
   var b = cn('address');
 
-  var _useState25 = useState(type),
-      _useState26 = _slicedToArray(_useState25, 2),
-      privateType = _useState26[0],
-      setPrivateType = _useState26[1];
+  var _useState13 = useState(type),
+      _useState14 = _slicedToArray(_useState13, 2),
+      privateType = _useState14[0],
+      setPrivateType = _useState14[1];
 
-  var _useState27 = useState(['province', 'city', 'country', 'town']),
-      _useState28 = _slicedToArray(_useState27, 1),
-      tabName = _useState28[0];
+  var _useState15 = useState(['province', 'city', 'country', 'town']),
+      _useState16 = _slicedToArray(_useState15, 1),
+      tabName = _useState16[0];
 
-  var _useState29 = useState(modelValue),
-      _useState30 = _slicedToArray(_useState29, 2),
-      showPopup = _useState30[0],
-      setShowPopup = _useState30[1];
+  var _useState17 = useState(modelValue),
+      _useState18 = _slicedToArray(_useState17, 2),
+      showPopup = _useState18[0],
+      setShowPopup = _useState18[1];
 
-  var _useState31 = useState({
+  var _useState19 = useState({
     province: {
       name: ''
     },
@@ -800,15 +503,15 @@ var Address = function Address(props) {
       name: ''
     }
   }),
-      _useState32 = _slicedToArray(_useState31, 2),
-      selectedRegion = _useState32[0],
-      setSelectedRegion = _useState32[1]; // 已选择的 省、市、县、镇
+      _useState20 = _slicedToArray(_useState19, 2),
+      selectedRegion = _useState20[0],
+      setSelectedRegion = _useState20[1]; // 已选择的 省、市、县、镇
 
 
-  var _useState33 = useState({}),
-      _useState34 = _slicedToArray(_useState33, 2),
-      selectedExistAddress = _useState34[0],
-      setSelectedExistAddress = _useState34[1]; // 当前选择的地址
+  var _useState21 = useState({}),
+      _useState22 = _slicedToArray(_useState21, 2),
+      selectedExistAddress = _useState22[0],
+      setSelectedExistAddress = _useState22[1]; // 当前选择的地址
   // 手动关闭 点击叉号(cross)，或者蒙层(mask)
 
 

package/dist/esm/{animatingnumbers.taro-877baa98.js → animatingnumbers.taro-6f40a2e9.js}

@@ -3,6 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["maxLen", "endNumber", "delaySpeed", "easeSpeed", "className", "thousands"];
@@ -15,7 +16,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React__default, { useRef, useEffect, Component } from 'react';
+import React__default, { useRef, useState, useEffect, Component } from 'react';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps$1 = {
@@ -53,46 +54,61 @@ var CountUp = function CountUp(props) {
     return currNumber.split('');
   };
 
-  var numerArr = getShowNumber();
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      numerArr = _useState2[0],
+      setNumerArr = _useState2[1];
+
+  var _useState3 = useState([]),
+      _useState4 = _slicedToArray(_useState3, 2),
+      transformArr = _useState4[0],
+      setTransformArr = _useState4[1];
+
+  var isLoaded = useRef(false);
 
   var setNumberTransform = function setNumberTransform() {
-    if (countupRef.current) {
-      // const numberItems = countupRef.current.querySelectorAll(
-      //   '.nut-countup__number'
-      // )
-      Taro.createSelectorQuery().selectAll('.nut-countup__number').node(function (numberItems) {
-        var numberFilterArr = numerArr.filter(function (item) {
-          return !Number.isNaN(Number(item));
-        });
+    if (countupRef.current && numerArr.length) {
+      Taro.createSelectorQuery().selectAll('.nut-countup__listitem').node(function (numberItems) {
+        var transformArrCache = [];
         Object.keys(numberItems).forEach(function (key) {
           var elem = numberItems[Number(key)];
-          var idx = Number(numberFilterArr[Number(key)]);
+          var idx = Number(numerArr[Number(key)]);
 
-          if ((idx || idx === 0) && elem) {
+          if (elem) {
             // 计算规则：父元素和实际列表高度的百分比，分割成20等份
-            var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
-            elem.style.transform = transform;
-            elem.style.webkitTransform = transform;
+            var transform = idx || idx === 0 ? "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)") : '';
+            transformArrCache.push(transform);
           }
         });
+        setTransformArr([].concat(transformArrCache));
       }).exec();
     }
   };
 
-  var numberEaseStyle = {
-    transition: "transform ".concat(easeSpeed, "s ease-in-out")
+  var numberEaseStyle = function numberEaseStyle(idx) {
+    return {
+      transition: "transform ".concat(easeSpeed, "s ease-in-out"),
+      transform: transformArr[idx] ? transformArr[idx] : null
+    };
   };
+
   useEffect(function () {
-    timerRef.current = window.setTimeout(function () {
-      setNumberTransform();
-    }, delaySpeed);
+    setNumberTransform();
+  }, [numerArr]);
+  useEffect(function () {
+    if (!isLoaded.current) {
+      isLoaded.current = true;
+      timerRef.current = window.setTimeout(function () {
+        setNumerArr(getShowNumber());
+      }, delaySpeed);
+    } else {
+      setNumerArr(getShowNumber());
+    }
+
     return function () {
       window.clearTimeout(timerRef.current);
     };
-  }, []);
-  useEffect(function () {
-    setNumberTransform();
-  }, [numerArr]);
+  }, [endNumber]);
   return React__default.createElement("div", {
     className: "".concat(b(), " ").concat(className),
     ref: countupRef
@@ -106,7 +122,7 @@ var CountUp = function CountUp(props) {
       key: idx
     }, !Number.isNaN(Number(item)) ? React__default.createElement("span", {
       className: b('number'),
-      style: numberEaseStyle
+      style: numberEaseStyle(idx)
     }, [].concat(numbers, numbers).map(function (number, subidx) {
       return React__default.createElement("span", {
         key: subidx