@nutui/nutui-react-taro 1.3.3 → 1.3.4

package/dist/esm/{cell.taro-075998e0.js → cell.taro-a4c3bb7b.js}

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot"];
+var _excluded = ["children", "click", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "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; }
 
@@ -51,6 +51,8 @@ var Cell = function Cell(props) {
       className = _defaultProps$props.className,
       iconSlot = _defaultProps$props.iconSlot,
       linkSlot = _defaultProps$props.linkSlot,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var b = cn('cell');
@@ -92,8 +94,8 @@ var Cell = function Cell(props) {
   }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
     className: b('icon')
   }, iconSlot || (icon ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon,
     className: "icon"
   }) : null)) : null, title || subTitle ? React__default.createElement("div", {
@@ -108,8 +110,8 @@ var Cell = function Cell(props) {
     }),
     style: styles
   }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "right",
     className: b('link')
   }) : linkSlot));

package/dist/esm/{checkbox.taro-62677b5e.js → checkbox.taro-104557c1.js}

@@ -86,8 +86,8 @@ var Checkbox = function Checkbox(props) {
 
   var renderIcon = function renderIcon() {
     return React__default.createElement(Icon, {
-      classPrefix: props.iconClassPrefix,
-      fontClassName: props.iconFontClassName,
+      classPrefix: iconClassPrefix,
+      fontClassName: iconFontClassName,
       name: getIconName(),
       size: iconSize,
       className: color()

package/dist/esm/{circleprogress.taro-1a38e1c6.js → circleprogress.taro-3c89a157.js}

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _typeof from "@babel/runtime/helpers/typeof";
@@ -7,7 +8,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 from 'react';
+import React__default, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 
@@ -19,14 +20,12 @@ var defaultProps = {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: 'round',
-  circleColor: '',
-  pathColor: '',
+  circleColor: '#fa2c19',
+  pathColor: '#e5e9f2',
   clockwise: true
 };
 
 var CircleProgress = function CircleProgress(props) {
-  var _stop;
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
       children = _defaultProps$props.children,
       progress = _defaultProps$props.progress,
@@ -40,40 +39,66 @@ var CircleProgress = function CircleProgress(props) {
       strokeLinecap = _defaultProps$props.strokeLinecap,
       restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
 
+  var _useState = useState(progress),
+      _useState2 = _slicedToArray(_useState, 2),
+      oldValue = _useState2[0],
+      setOldValue = _useState2[1];
+
   var b = cn('circleprogress');
   var classes = classNames(className, b(''));
   var refRandomId = Math.random().toString(36).slice(-8);
+  var lastTime = 0;
 
   var styles = _objectSpread({
     height: "".concat(Number(radius) * 2, "px"),
     width: "".concat(Number(radius) * 2, "px")
   }, style);
 
-  var pathStyle = {
-    stroke: pathColor
-  };
+  useEffect(function () {
+    var rafId;
+    var startTime = Date.now();
+    var startRate = Number(oldValue); // 30
 
-  var hoverStyle = function hoverStyle() {
-    var perimeter = 283;
-    var offset = perimeter * Number(progress) / 100;
-    return {
-      stroke: isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor,
-      strokeDasharray: "".concat(offset, "px ").concat(perimeter, "px")
+    var endRate = Number(progress); // 40
+
+    var duration = Math.abs((startRate - endRate) * 1000 / +100); // 100
+
+    var animate = function animate() {
+      var now = Date.now();
+      var progress = Math.min((now - startTime) / duration, 1);
+      var rate = progress * (endRate - startRate) + startRate;
+      setOldValue(Math.min(Math.max(+rate, 0), 100));
+
+      if (endRate > startRate ? rate < endRate : rate > endRate) {
+        rafId = requestAnimationFrame(animate);
+      }
     };
-  };
 
-  var path = function path() {
-    var isWise = clockwise ? 1 : 0;
-    return "M 50 50 m -45 0 a 45 45 0 1 ".concat(isWise, " 90 0  a 45 45 0 1 ").concat(isWise, " -90 0");
+    if (rafId) {
+      cancelAnimationFrame(rafId);
+    }
+
+    rafId = requestAnimationFrame(animate);
+  }, [progress]);
+
+  var requestAnimationFrame = function requestAnimationFrame(callback) {
+    var currTime = new Date().getTime();
+    var timeToCall = Math.max(0, 16.7 - (currTime - lastTime));
+    lastTime = currTime + timeToCall;
+    var id = setTimeout(function () {
+      callback();
+    }, timeToCall);
+    lastTime = currTime + timeToCall;
+    return id;
   };
 
-  var hoverColor = function hoverColor() {
-    return isObject(circleColor) ? "url(#".concat(refRandomId, ")") : circleColor;
+  var cancelAnimationFrame = function cancelAnimationFrame(id) {
+    clearTimeout(id);
   };
 
   var stop = function stop() {
     if (!isObject(circleColor)) {
-      return;
+      return [];
     }
 
     var color = circleColor;
@@ -93,39 +118,48 @@ var CircleProgress = function CircleProgress(props) {
     return stopArr;
   };
 
+  var transColor = function transColor(color) {
+    return color && color.replace('#', '%23');
+  };
+
+  var format = function format(progress) {
+    return Math.min(Math.max(+progress, 0), 100);
+  };
+
+  var circleStyle = function circleStyle() {
+    var stopArr = stop();
+    var stopDom = [];
+
+    if (stopArr) {
+      stopArr.map(function (item) {
+        var obj = '';
+        obj = "%3Cstop offset='".concat(item.key, "' stop-color='").concat(transColor(item.value), "'/%3E");
+        stopDom.push(obj);
+      });
+    }
+
+    var perimeter = 283;
+    var progress = +oldValue;
+    var offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
+    var isWise = props.clockwise ? 1 : 0;
+    var color = isObject(circleColor) ? "url(%23".concat(refRandomId, ")") : transColor(circleColor);
+    var d = "M 50 50 m 0 -45 a 45 45 0 1 ".concat(isWise, " 0 90 a 45 45 0 1, ").concat(isWise, " 0 -90");
+    var pa = "%3Cdefs%3E%3ClinearGradient id='".concat(refRandomId, "' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E").concat(stopDom, "%3C/linearGradient%3E%3C/defs%3E");
+    var path = "%3Cpath d='".concat(d, "' stroke-width='").concat(strokeWidth, "' stroke='").concat(transColor(props.pathColor), "' fill='none'/%3E");
+    var path1 = "%3Cpath d='".concat(d, "' stroke-width='").concat(strokeWidth, "' stroke-dasharray='").concat(offset, ",").concat(perimeter, "' stroke-linecap='round' stroke='").concat(transColor(color), "' fill='none'/%3E");
+    return {
+      background: "url(\"data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E".concat(pa).concat(path).concat(path1, "%3C/svg%3E\")"),
+      width: '100%',
+      height: '100%'
+    };
+  };
+
   return React__default.createElement("div", _objectSpread({
     className: classes,
     style: styles
-  }, restProps), React__default.createElement("svg", {
-    viewBox: "0 0 100 100"
-  }, React__default.createElement("defs", null, React__default.createElement("linearGradient", {
-    id: refRandomId,
-    x1: "100%",
-    y1: "0%",
-    x2: "0%",
-    y2: "0%"
-  }, (_stop = stop()) === null || _stop === void 0 ? void 0 : _stop.map(function (item, index) {
-    return React__default.createElement("stop", {
-      key: index,
-      offset: item.key,
-      stopColor: item.value
-    });
-  }))), React__default.createElement("path", {
-    className: "nut-circleprogress-path",
-    style: pathStyle,
-    d: path(),
-    fill: "none",
-    strokeWidth: strokeWidth
-  }), React__default.createElement("path", {
-    className: "nut-circleprogress-hover",
-    style: hoverStyle(),
-    d: path(),
-    fill: "none",
-    stroke: hoverColor(),
-    strokeLinecap: strokeLinecap,
-    transform: "rotate(90,50,50)",
-    strokeWidth: strokeWidth
-  })), React__default.createElement("div", {
+  }, restProps), React__default.createElement("div", {
+    style: circleStyle()
+  }), React__default.createElement("div", {
     className: "nut-circleprogress-text"
   }, children || React__default.createElement("div", null, progress, "%")));
 };

package/dist/esm/{collapseitem-246e1699.js → collapseitem-75843a5e.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "icon", "rotate", "subTitle", "titleIcon", "titleIconColor", "titleIconPosition", "titleIconSize", "iconSize", "iconColor"];
+var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "icon", "rotate", "subTitle", "titleIcon", "titleIconColor", "titleIconPosition", "titleIconSize", "iconSize", "iconColor", "childnull", "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; }
 
@@ -25,7 +25,8 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   titleIcon: '',
   titleIconColor: '',
   titleIconPosition: '',
-  titleIconSize: ''
+  titleIconSize: '',
+  childnull: true
 });
 
 var CollapseItem = function CollapseItem(props) {
@@ -45,6 +46,9 @@ var CollapseItem = function CollapseItem(props) {
       titleIconSize = _defaultProps$props.titleIconSize,
       iconSize = _defaultProps$props.iconSize,
       iconColor = _defaultProps$props.iconColor,
+      childnull = _defaultProps$props.childnull,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var _useState = useState(-1),
@@ -111,16 +115,16 @@ var CollapseItem = function CollapseItem(props) {
   }, titleIcon && titleIconPosition === 'left' && React__default.createElement("b", {
     className: colBem('title-icon-left')
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? '#C2C2C2' : titleIconColor
   })), title, titleIcon && titleIconPosition === 'right' && React__default.createElement("b", {
     className: colBem('title-icon-right')
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? '#C2C2C2' : titleIconColor
@@ -132,12 +136,12 @@ var CollapseItem = function CollapseItem(props) {
     className: colBem('icon'),
     style: iconStyle
   }, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon,
     size: iconSize,
     color: disabled ? '#C2C2C2' : iconColor
-  })))), React__default.createElement("div", {
+  })))), childnull && React__default.createElement("div", {
     className: colBem('content'),
     style: {
       height: currHeight

package/dist/esm/{datepicker.taro-e0e58f39.js → datepicker.taro-1acec61f.js}

@@ -9,7 +9,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, { useState, useRef, useEffect } from 'react';
-import { P as Picker } from './picker.taro-a3f311a0.js';
+import { P as Picker } from './picker.taro-6a4dad23.js';
 var currentYear = new Date().getFullYear();
 var defaultProps = {
   modelValue: null,

package/dist/esm/{dialog.taro-7e9249e7.js → dialog.taro-54c67e08.js}

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style"],
+var _excluded = ["color", "shape", "plain", "loading", "disabled", "type", "size", "block", "icon", "children", "onClick", "className", "style", "iconClassPrefix", "iconFontClassName"],
     _excluded2 = ["visible", "footer", "noFooter", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"],
     _excluded3 = ["visible", "footer", "noOkBtn", "noCancelBtn", "lockScroll", "okBtnDisabled", "cancelAutoClose", "okText", "cancelText", "onClosed", "onCancel", "onOk"];
 
@@ -12,7 +12,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import * as React from 'react';
 import React__default, { useCallback, useState, useEffect, forwardRef } from 'react';
 import classNames from 'classnames';
-import { B as Button$1 } from './button.taro-7074924f.js';
+import { B as Button$1 } from './button.taro-a9ebb937.js';
 import { CSSTransition } from 'react-transition-group';
 import ReactDOM__default from 'react-dom';
 import { I as Icon } from './icon-8dc4de10.js';
@@ -162,6 +162,8 @@ var Button = function Button(props) {
       onClick = _defaultProps$2$props.onClick,
       className = _defaultProps$2$props.className,
       style = _defaultProps$2$props.style,
+      iconClassPrefix = _defaultProps$2$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$2$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$2$props, _excluded);
 
   var getStyle = useCallback(function () {
@@ -220,12 +222,12 @@ var Button = function Button(props) {
     className: "nut-button__warp",
     style: getStyle()
   }, loading && React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "loading"
   }), !loading && icon ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon
   }) : '', children));
 };

package/dist/esm/{fixednav.taro-9ee2dbea.js → fixednav.taro-582322a1.js}

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn"];
+var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn", "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; }
 
@@ -42,6 +42,8 @@ var FixedNav = function FixedNav(props) {
       type = _defaultProps$props.type,
       slotList = _defaultProps$props.slotList,
       slotBtn = _defaultProps$props.slotBtn,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var b = cn('fixednav');
@@ -92,8 +94,8 @@ var FixedNav = function FixedNav(props) {
       return onUpdateValue();
     }
   }, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: "left",
     color: "#fff"
   }), React__default.createElement("div", {

package/dist/esm/{griditem.taro-a2ad1edd.js → griditem.taro-866cd288.js}

@@ -1,6 +1,6 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction"];
+var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "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; }
 
@@ -47,6 +47,8 @@ var GridItem = function GridItem(props) {
       center = _defaultProps$props.center,
       reverse = _defaultProps$props.reverse,
       direction = _defaultProps$props.direction,
+      iconClassPrefix = _defaultProps$props.iconClassPrefix,
+      iconFontClassName = _defaultProps$props.iconFontClassName,
       rest = _objectWithoutProperties(_defaultProps$props, _excluded);
 
   var b = cn('grid-item');
@@ -87,8 +89,8 @@ var GridItem = function GridItem(props) {
   }, rest), React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? React__default.createElement(Icon, {
-    classPrefix: props.iconClassPrefix,
-    fontClassName: props.iconFontClassName,
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
     name: icon,
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor

package/dist/esm/{imagepreview.taro-99659d6a.js → imagepreview.taro-3f1c7638.js}

@@ -6,9 +6,9 @@ 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, useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-d74c3422.js';
+import { P as Popup } from './popup.taro-33d0bbc8.js';
 import { V as Video } from './video-c1090c92.js';
-import { S as Swiper } from './swiper.taro-448cd0ad.js';
+import { S as Swiper } from './swiper.taro-58ed323b.js';
 import { S as SwiperItem } from './swiperitem-d00e7513.js';
 var defaultProps = {
   images: [],