@nutui/nutui-react-taro 1.2.2-beta.0 → 1.3.1-beta.0

package/dist/esm/{address.taro-82a8fa11.js → address.taro-4765a826.js}

@@ -1,20 +1,21 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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", "clickItem", "clickIndex", "children"],
-    _excluded3 = ["children", "type", "height", "province", "city", "country", "town", "onNextArea", "onTabClick", "onClose"],
-    _excluded4 = ["modelValue", "children", "type", "height", "customAddressTitle", "existAddress", "existAddressTitle", "province", "city", "country", "town", "isShowCustomAddress", "customAndExistTitle", "selectedIcon", "defaultIcon", "closeBtnIcon", "backBtnIcon", "onChange", "onSelected", "onClose", "closeMask", "switchModule", "onTabChecked", "style", "className"];
+    _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"];
 
 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 { I as Icon } from './icon-62bd7379.js';
-import { P as Popup } from './popup-15922d84.js';
+import { I as Icon } from './icon-8dc4de10.js';
+import { P as Popup } from './popup-67173ec6.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps$3 = {
   type: 'custom',
   existAddress: [],
@@ -81,7 +82,8 @@ var ExistRender = function ExistRender(props) {
   }, existAddress.map(function (item, index) {
     return React__default.createElement("li", {
       className: b('exist-item'),
-      key: index,
+      key: index
+    }, React__default.createElement("div", {
       onClick: function onClick() {
         return selectedExist(item);
       }
@@ -100,7 +102,7 @@ var ExistRender = function ExistRender(props) {
       className: "exist-item-info-phone"
     }, item.phone)), React__default.createElement("div", {
       className: "exist-item-info-bottom"
-    }, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail))));
+    }, React__default.createElement("div", null, item.provinceName + item.cityName + item.countyName + item.townName + item.addressDetail)))));
   }))), isShowCustomAddress && React__default.createElement("div", {
     className: b('choose-other'),
     onClick: switchModule
@@ -234,10 +236,12 @@ var Elevator = function Elevator(props) {
   var touchMove = function touchMove(e) {
     var firstTouch = e.touches[0];
     touchState.current.y2 = firstTouch.pageY;
-    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0;
-    var cacheIndex = state.current.anchorIndex + delta;
+    var delta = (touchState.current.y2 - touchState.current.y1) / spaceHeight || 0; // delta 是一个浮点数, 需要四舍五入一下, 否则页面会找不到最终计算后的index
+
+    var cacheIndex = state.current.anchorIndex + Math.ceil(delta);
     setCodeIndex(cacheIndex);
     scrollTo(cacheIndex);
+    e.preventDefault();
   };
 
   var touchEnd = function touchEnd() {
@@ -328,6 +332,17 @@ var Elevator = function Elevator(props) {
     if (state.current.fixedTop === fixedTop) return;
     state.current.fixedTop = fixedTop;
   }, [state.current.diff, titleHeight]);
+  var refIndexBar = useRef(null); // 之前的代码, 手指在index条上下移动的时候, 下面的列表也会跟随滚动, 需要阻止默认事件
+  // 如果使用react的touchmove, 没有找到可以设置passive的选项, 无法阻止默认事件, 所以使用了原生的方法进行添加
+
+  useEffect(function () {
+    refIndexBar.current && refIndexBar.current.addEventListener('touchmove', touchMove, {
+      passive: false
+    });
+    return function () {
+      refIndexBar.current && refIndexBar.current.removeEventListener('touchmove', touchMove);
+    };
+  }, []);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {
@@ -366,12 +381,10 @@ var Elevator = function Elevator(props) {
       current: true
     })
   }, indexList[codeIndex][acceptKey]) : null, React__default.createElement("div", {
+    ref: refIndexBar,
     className: b('bars'),
     onTouchStart: function onTouchStart(event) {
       return touchStart(event);
-    },
-    onTouchMove: function onTouchMove(event) {
-      return touchMove(event);
     }
   }, React__default.createElement("div", {
     className: b('bars__inner')
@@ -392,6 +405,7 @@ var Elevator = function Elevator(props) {
 Elevator.defaultProps = defaultProps$2;
 Elevator.displayName = 'NutElevator';
 var defaultProps$1 = {
+  modelValue: [],
   type: 'custom',
   province: [],
   city: [],
@@ -407,6 +421,7 @@ var CustomRender = function CustomRender(props) {
   var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
       children = _defaultProps$1$props.children,
       type = _defaultProps$1$props.type,
+      modelValue = _defaultProps$1$props.modelValue,
       height = _defaultProps$1$props.height,
       province = _defaultProps$1$props.province,
       city = _defaultProps$1$props.city,
@@ -542,21 +557,18 @@ var CustomRender = function CustomRender(props) {
     var calBack = {
       next: '',
       value: '',
-      custom: tabName[tabIndex],
-      selectedRegion: {}
+      custom: tabName[tabIndex]
     };
-    setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
-    calBack.selectedRegion = _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
+    var bbselectedRegion = selectedRegion ? _objectSpread({}, selectedRegion) : null;
 
-    var _loop = function _loop(i) {
-      setSelectedRegion(function () {
-        return _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
-      });
-      calBack.selectedRegion = _objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
-    };
+    if (bbselectedRegion) {
+      setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item)));
+      calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[tabIndex], item));
 
-    for (var i = tabIndex; i < tabIndex - 1; i++) {
-      _loop(i);
+      for (var i = tabIndex; i < tabIndex - 1; i++) {
+        setSelectedRegion(_objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], null)));
+        calBack.selectedRegion = _objectSpread(_objectSpread({}, bbselectedRegion), {}, _defineProperty({}, tabName[i + 1], {}));
+      }
     }
 
     if (tabIndex < 4) {
@@ -586,6 +598,47 @@ var CustomRender = function CustomRender(props) {
     }
 
     onTabClick && onTabClick(key);
+  }; // 默认选中项
+
+
+  var initCustomSelected = function initCustomSelected() {
+    if (modelValue.length > 0) {
+      var tagIndex = 0;
+      var selectedRegionC = selectedRegion && Object.assign(selectedRegion);
+
+      for (var index = 0; index < modelValue.length; index++) {
+        if (regionList[tabName[index]].length === 0) {
+          tagIndex = index - 1;
+          setTabIndex(index - 1);
+          break;
+        } else {
+          (function () {
+            var val = modelValue[index];
+            var arr = regionList[tabName[index]];
+
+            if (privateType === 'custom') {
+              selectedRegionC[[tabName[index]]] = arr.filter(function (item) {
+                return item.id === val;
+              })[0];
+            } else if (privateType === 'custom2') {
+              var sumArr = [];
+              arr.forEach(function (item) {
+                sumArr.push.apply(sumArr, _toConsumableArray(item.list));
+              });
+              selectedRegionC[[tabName[index]]] = sumArr.filter(function (item) {
+                return item.id === val;
+              })[0];
+            }
+
+            tagIndex = index;
+            setSelectedRegion(selectedRegionC);
+          })();
+        }
+      }
+
+      setTabIndex(tagIndex);
+      lineAnimation(tagIndex);
+    }
   };
 
   var handleElevatorItem = function handleElevatorItem(key, item) {
@@ -624,11 +677,14 @@ var CustomRender = function CustomRender(props) {
       town: isCustom2() ? transformData(town) : town
     }));
   }, [town]);
+  useEffect(function () {
+    initCustomSelected();
+  }, [modelValue]);
   return React__default.createElement("div", {
     className: b('custom')
   }, React__default.createElement("div", {
     className: b('region-tab')
-  }, Object.keys(selectedRegion).map(function (key, index) {
+  }, selectedRegion && Object.keys(selectedRegion).map(function (key, index) {
     return React__default.createElement("div", {
       className: "".concat(b('tab-item'), " ").concat(index === tabIndex ? 'active' : ''),
       key: index,
@@ -650,16 +706,17 @@ var CustomRender = function CustomRender(props) {
   }, regionList[tabName[tabIndex]].map(function (item, index) {
     return React__default.createElement("li", {
       key: index,
-      className: b('region-item'),
-      onClick: function onClick(e) {
-        return nextAreaList(item);
+      className: b('region-item')
+    }, React__default.createElement("div", {
+      onClick: function onClick() {
+        nextAreaList(item);
       }
-    }, selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
+    }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && React__default.createElement(Icon, {
       className: b('region-item--icon'),
       name: "Check",
       color: "#FA2C19",
       size: "13px"
-    }), item.name);
+    }), item.name));
   }))), privateType === 'custom2' && React__default.createElement("div", {
     className: b('elevator-group')
   }, React__default.createElement(Elevator, {
@@ -671,6 +728,7 @@ var CustomRender = function CustomRender(props) {
 
 var defaultProps = {
   modelValue: false,
+  modelSelect: [],
   type: 'custom',
   customAddressTitle: '请选择所在地区',
   province: [],
@@ -694,6 +752,7 @@ var Address = function Address(props) {
 
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       modelValue = _defaultProps$props.modelValue,
+      modelSelect = _defaultProps$props.modelSelect,
       children = _defaultProps$props.children,
       type = _defaultProps$props.type,
       height = _defaultProps$props.height,
@@ -779,8 +838,7 @@ var Address = function Address(props) {
     var callbackParams = {
       next: item.next,
       value: item.value,
-      custom: item.custom,
-      selectedRegion: {}
+      custom: item.custom
     };
     setSelectedRegion(_objectSpread({}, item.selectedRegion));
     onChange && onChange(callbackParams);
@@ -788,7 +846,6 @@ var Address = function Address(props) {
 
 
   var selectedExist = function selectedExist(prevExistAdd, item, copyExistAdd) {
-    console.log(prevExistAdd, item, copyExistAdd);
     setSelectedExistAddress(item);
     onSelected && onSelected(prevExistAdd, item, copyExistAdd);
     handClose();
@@ -799,8 +856,6 @@ var Address = function Address(props) {
     for (var i = 0; i < tabName.length; i++) {
       setSelectedRegion(_objectSpread(_objectSpread({}, selectedRegion), {}, _defineProperty({}, tabName[i], {})));
     }
-
-    console.log(selectedRegion);
   }; // 关闭
 
 
@@ -811,7 +866,10 @@ var Address = function Address(props) {
     }, selectedRegion);
 
     var res = {
-      data: {},
+      data: _objectSpread({
+        addressIdStr: '',
+        addressStr: ''
+      }, selectedRegion),
       type: privateType
     };
 
@@ -886,6 +944,7 @@ var Address = function Address(props) {
     className: "".concat(b(), " ").concat(className || ''),
     style: _objectSpread({}, style)
   }, rest), headerRender(), (privateType === 'custom' || privateType === 'custom2') && React__default.createElement(CustomRender, {
+    modelValue: modelSelect,
     type: privateType,
     province: province,
     city: city,

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

@@ -16,6 +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 Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 var defaultProps$1 = {
   maxLen: 0,
@@ -56,21 +57,25 @@ var CountUp = function CountUp(props) {
 
   var setNumberTransform = function setNumberTransform() {
     if (countupRef.current) {
-      var numberItems = countupRef.current.querySelectorAll('.nut-countup__number');
-      var numberFilterArr = numerArr.filter(function (item) {
-        return !Number.isNaN(Number(item));
-      });
-      Object.keys(numberItems).forEach(function (key) {
-        var elem = numberItems[Number(key)];
-        var idx = Number(numberFilterArr[Number(key)]);
-
-        if ((idx || idx === 0) && elem) {
-          // 计算规则：父元素和实际列表高度的百分比，分割成20等份
-          var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
-          elem.style.transform = transform;
-          elem.style.webkitTransform = transform;
-        }
-      });
+      // 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));
+        });
+        Object.keys(numberItems).forEach(function (key) {
+          var elem = numberItems[Number(key)];
+          var idx = Number(numberFilterArr[Number(key)]);
+
+          if ((idx || idx === 0) && elem) {
+            // 计算规则：父元素和实际列表高度的百分比，分割成20等份
+            var transform = "translate(0, -".concat((idx === 0 ? 10 : idx) * 5, "%)");
+            elem.style.transform = transform;
+            elem.style.webkitTransform = transform;
+          }
+        });
+      }).exec();
     }
   };
 

package/dist/esm/audio.taro-cd6cc93b.js

@@ -0,0 +1,292 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "url", "style", "muted", "autoplay", "loop", "preload", "type", "onFastBack", "onForward", "onPause", "onPlayEnd", "onMute", "onCanPlay", "children"];
+
+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, { useState, useRef, useEffect } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { R as Range } from './range.taro-fe08c5f4.js';
+import { c as cn } from './bem-893ad28d.js';
+import { B as Button } from './button.taro-d5968f9d.js';
+import { u as useConfig } from './configprovider.taro-1ff7f150.js';
+var defaultProps = {
+  className: '',
+  url: '',
+  style: {},
+  muted: false,
+  autoplay: false,
+  loop: false,
+  preload: 'auto',
+  type: 'progress',
+  onFastBack: function onFastBack(e) {},
+  onForward: function onForward(e) {},
+  onPause: function onPause(e) {},
+  onPlayEnd: function onPlayEnd(e) {},
+  onMute: function onMute(e) {},
+  onCanPlay: function onCanPlay(e) {}
+};
+
+var Audio = function Audio(props) {
+  var _useConfig = useConfig(),
+      locale = _useConfig.locale;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      className = _defaultProps$props.className,
+      url = _defaultProps$props.url,
+      style = _defaultProps$props.style,
+      muted = _defaultProps$props.muted,
+      autoplay = _defaultProps$props.autoplay,
+      loop = _defaultProps$props.loop,
+      preload = _defaultProps$props.preload,
+      type = _defaultProps$props.type,
+      onFastBack = _defaultProps$props.onFastBack,
+      onForward = _defaultProps$props.onForward,
+      onPause = _defaultProps$props.onPause,
+      onPlayEnd = _defaultProps$props.onPlayEnd,
+      onMute = _defaultProps$props.onMute,
+      onCanPlay = _defaultProps$props.onCanPlay,
+      children = _defaultProps$props.children,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      playing = _useState2[0],
+      setPlaying = _useState2[1];
+
+  var _useState3 = useState(0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      percent = _useState4[0],
+      setPercent = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isCanPlay = _useState6[0],
+      setIsCanPlay = _useState6[1];
+
+  var _useState7 = useState('00:00:00'),
+      _useState8 = _slicedToArray(_useState7, 2),
+      currentDuration = _useState8[0],
+      setCurrentDuration = _useState8[1];
+
+  var AudioRef = useRef(null);
+  var statusRef = useRef({
+    currentTime: 0,
+    currentDuration: '00:00:00',
+    percent: 0,
+    duration: '00:00:00',
+    second: 0,
+    hanMuted: props.muted,
+    playing: props.autoplay,
+    handPlaying: false
+  });
+  var b = cn('audio');
+  var warn = console.warn;
+
+  var handleEnded = function handleEnded(e) {
+    if (props.loop) {
+      warn(locale.audio.tips || 'onPlayEnd事件在loop=false时才会触发');
+    } else {
+      props.onPlayEnd && props.onPlayEnd(e);
+    }
+  };
+
+  function watch() {
+    if (AudioRef && AudioRef.current) {
+      var current = AudioRef.current;
+      current.addEventListener('play', function () {
+        setPlaying(true);
+      });
+    }
+  }
+
+  useEffect(function () {
+    watch();
+  }, []);
+  useEffect(function () {}, [currentDuration]);
+
+  var handleStatusChange = function handleStatusChange() {
+    setPlaying(!playing);
+
+    if (playing) {
+      AudioRef && AudioRef.current && AudioRef.current.pause();
+    } else {
+      AudioRef && AudioRef.current && AudioRef.current.play();
+    }
+  };
+
+  var renderIcon = function renderIcon() {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: b('icon')
+    }, React__default.createElement("div", {
+      className: "".concat(b('icon-box'), " ").concat(playing ? b('icon-play') : b('icon-stop')),
+      onClick: handleStatusChange
+    }, playing ? React__default.createElement(Icon, {
+      name: "service",
+      className: "nut-icon-loading"
+    }) : React__default.createElement(Icon, {
+      name: "service"
+    }))));
+  };
+
+  var handleBack = function handleBack() {
+    if (statusRef.current.currentTime > 0 && AudioRef.current) {
+      statusRef.current.currentTime--;
+      AudioRef.current.currentTime = statusRef.current.currentTime;
+      props.onFastBack && props.onFastBack(AudioRef.current);
+    }
+  };
+
+  var handleForward = function handleForward() {
+    if (AudioRef.current) {
+      statusRef.current.currentTime++;
+      AudioRef.current.currentTime = statusRef.current.currentTime;
+      props.onForward && props.onForward(AudioRef.current);
+    }
+  };
+
+  var handleMute = function handleMute() {
+    if (AudioRef.current) {
+      AudioRef.current.muted = !AudioRef.current.muted;
+      props.onMute && props.onMute(AudioRef.current);
+    }
+  };
+
+  var handlePause = function handlePause(e) {
+    setPlaying(false);
+    props.onPause && props.onPause(e);
+  };
+
+  var formatSeconds = function formatSeconds(value) {
+    if (!value) {
+      return '00:00:00';
+    }
+
+    var time = parseInt(value);
+    var hours = Math.floor(time / 3600);
+    var minutes = Math.floor((time - hours * 3600) / 60);
+    var seconds = time - hours * 3600 - minutes * 60;
+    var result = '';
+    result += "".concat("0".concat(hours.toString()).slice(-2), ":");
+    result += "".concat("0".concat(minutes.toString()).slice(-2), ":");
+    result += "0".concat(seconds.toString()).slice(-2);
+    return result;
+  };
+
+  var renderProgerss = function renderProgerss() {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      className: b('progress')
+    }, React__default.createElement("div", {
+      className: "time"
+    }, currentDuration), React__default.createElement("div", {
+      className: b('progress-bar-wrapper')
+    }, React__default.createElement(Range, {
+      modelValue: percent,
+      hiddenTag: true,
+      hiddenRange: true,
+      "inactive-color": "#cccccc",
+      "active-color": "#fa2c19"
+    })), React__default.createElement("div", {
+      className: "time"
+    }, AudioRef.current ? formatSeconds("".concat(statusRef.current.second)) : '00:00:00')), React__default.createElement("div", {
+      className: isCanPlay ? 'custom-button-group' : 'custom-button-group-disable'
+    }, React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      className: "back",
+      onClick: handleBack
+    }, locale.audio.back || '快退'), React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      className: "start",
+      onClick: handleStatusChange
+    }, playing ? "".concat(locale.audio.pause || '暂停') : "".concat(locale.audio.start || '开始')), React__default.createElement(Button, {
+      type: "primary",
+      size: "small",
+      onClick: handleForward
+    }, locale.audio.forward || '快进'), React__default.createElement(Button, {
+      type: AudioRef.current && AudioRef.current.muted ? 'default' : 'primary',
+      size: "small",
+      onClick: handleMute
+    }, locale.audio.mute || '静音')));
+  };
+
+  var renderNone = function renderNone() {
+    return React__default.createElement("div", {
+      className: b('none-container'),
+      onClick: handleStatusChange
+    }, children);
+  };
+
+  var renderAudio = function renderAudio() {
+    switch (type) {
+      case 'icon':
+        return renderIcon();
+
+      case 'progress':
+        return renderProgerss();
+
+      case 'none':
+        return renderNone();
+
+      default:
+        return null;
+    }
+  };
+
+  var handleCanplay = function handleCanplay(e) {
+    setIsCanPlay(true);
+
+    if (props.autoplay && !playing) {
+      AudioRef && AudioRef.current && AudioRef.current.play();
+    }
+
+    if (AudioRef.current) {
+      statusRef.current.second = AudioRef.current.duration || 0;
+      props.onCanPlay && props.onCanPlay(e);
+    }
+  };
+
+  var onTimeupdate = function onTimeupdate(e) {
+    var time = parseInt(e.target.currentTime);
+    var formated = formatSeconds("".concat(time));
+    statusRef.current.currentDuration = formated;
+    setPercent(time / statusRef.current.second * 100);
+    setCurrentDuration(formated);
+    statusRef.current.currentTime = time;
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className),
+    style: style
+  }, rest), renderAudio(), React__default.createElement("audio", {
+    className: "audioMain",
+    controls: type === 'controls',
+    ref: AudioRef,
+    src: url,
+    muted: muted,
+    preload: preload,
+    loop: loop,
+    onPause: function onPause(e) {
+      return handlePause(e);
+    },
+    onEnded: function onEnded(e) {
+      return handleEnded(e);
+    },
+    onCanPlay: function onCanPlay(e) {
+      return handleCanplay(e);
+    },
+    onTimeUpdate: function onTimeUpdate(e) {
+      return onTimeupdate(e);
+    }
+  }, React__default.createElement("track", {
+    kind: "captions"
+  })));
+};
+
+Audio.defaultProps = defaultProps;
+Audio.displayName = 'NutAudio';
+export { Audio as A };

package/dist/esm/{avatar.taro-5dafffdc.js → avatar.taro-0a0472fd.js}

@@ -11,7 +11,7 @@ import React__default, { useState, useRef, useContext, useEffect } from 'react';
 import classNames from 'classnames';
 import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 var defaultProps = {
   size: '',
   icon: '',
@@ -102,7 +102,6 @@ var Avatar = function Avatar(props) {
     var index = avatarRef === null || avatarRef === void 0 ? void 0 : (_avatarRef$current = avatarRef.current) === null || _avatarRef$current === void 0 ? void 0 : (_avatarRef$current$da = _avatarRef$current.dataset) === null || _avatarRef$current$da === void 0 ? void 0 : _avatarRef$current$da.index;
     var maxCount = parent === null || parent === void 0 ? void 0 : (_parent$propAvatarGro8 = parent.propAvatarGroup) === null || _parent$propAvatarGro8 === void 0 ? void 0 : _parent$propAvatarGro8.maxCount;
     setMaxSum(children.length);
-    console.log('index', index);
     setAvatarIndex(index);
 
     if (index === children.length && index !== maxCount && children.length > maxCount) {

package/dist/esm/{avatargroup.taro-a39282b3.js → avatargroup-1ca79066.js}

@@ -8,7 +8,7 @@ import React__default, { useRef } from 'react';
 import classNames from 'classnames';
 import { A as AvatarContext } from './AvatarContext-7153ad2b.js';
 import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider-18657611.js';
+import { u as useConfig } from './configprovider-9c393a29.js';
 var defaultProps = {
   maxContent: '',
   maxCount: '',