@nutui/nutui-react-taro 3.0.4 → 3.0.6

package/dist/nutui.react.umd.js

@@ -4454,7 +4454,8 @@
     top: 0,
     right: 0,
     fill: "solid",
-    size: "large"
+    size: "large",
+    disabled: false
   });
   var Badge = function(props) {
     var getContent = function getContent2() {
@@ -4475,14 +4476,14 @@
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1l, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
+    var _$_object_spread = _object_spread({}, defaultProps$1l, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right2 = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size, disabled = _$_object_spread.disabled;
     var classPrefix2 = "nut-badge";
     var isHarmony2 = harmony();
     var classes = classNames(classPrefix2, className);
     var badgeRef = React.useRef(null);
     var _useState = _sliced_to_array(React.useState({}), 2), contentStyle = _useState[0], setContentStyle = _useState[1];
     var _obj;
-    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof getContent() === "string" && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _obj));
+    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof getContent() === "string" && ((_this = "".concat(getContent())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _obj));
     React.useEffect(function() {
       if (badgeRef.current) {
         getPositionStyle();
@@ -4541,7 +4542,7 @@
     var classPrefix2 = "nut-fixednav";
     var classes = classNames(classPrefix2, {
       active: visible
-    }, type2, className);
+    }, "".concat(classPrefix2, "-").concat(type2), className);
     var renderListItem = function(item, index2) {
       return /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-list-item"),
@@ -4549,9 +4550,9 @@
           return onSelect(item, event);
         },
         key: item.id || index2
-      }, /* @__PURE__ */ React.isValidElement(item.icon) ? item.icon : /* @__PURE__ */ React.createElement("img", {
+      }, /* @__PURE__ */ React.isValidElement(item.icon) ? item.icon : /* @__PURE__ */ React.createElement(components.Image, {
         src: item.icon,
-        alt: ""
+        className: "".concat(classPrefix2, "-list-image")
       }), /* @__PURE__ */ React.createElement(components.View, {
         className: "".concat(classPrefix2, "-list-text")
       }, item.text));
@@ -4898,14 +4899,6 @@
   SideBar.displayName = "NutSideBar";
   SideBar.Item = SideBarItem;
   const TabbarContext = React.createContext(null);
-  function addColorForHarmony(maybeElement, color) {
-    if (React.isValidElement(maybeElement) && harmony()) {
-      return React.cloneElement(maybeElement, {
-        color
-      });
-    }
-    return maybeElement;
-  }
   var defaultProps$1g = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     icon: null,
@@ -4913,11 +4906,12 @@
     dot: false,
     max: 99,
     top: "0",
-    right: "0"
+    right: "0",
+    direction: "vertical"
   });
   var TabbarItem = function(props) {
     var ctx = React.useContext(TabbarContext);
-    var _ref = _object_spread({}, defaultProps$1g, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1g, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right2 = _ref.right, index2 = _ref.index, direction = _ref.direction, onActiveClick = _ref.onActiveClick, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "title",
@@ -4927,15 +4921,19 @@
       "max",
       "top",
       "right",
-      "index"
+      "index",
+      "direction",
+      "onActiveClick"
     ]);
     var active2 = index2 === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
     var classPrefix2 = "nut-tabbar-item";
-    var tabbarItemClass = classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-active"), active2), className);
-    var boxPrefix = "".concat(classPrefix2, "-icon-box");
-    var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _define_property({}, "".concat(boxPrefix, "-large"), !icon));
+    var _obj;
+    var tabbarItemClass = classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-active"), active2), _define_property(_obj, "".concat(classPrefix2, "-large"), !icon || !title), _obj), className);
+    var renderNodeWithActive = function(node) {
+      return node && typeof node === "function" ? node(active2) : node;
+    };
     var badgeProps = {
-      value: value2,
+      value: renderNodeWithActive(value2),
       dot,
       max,
       top,
@@ -4944,11 +4942,32 @@
     };
     var renderTitleText = function() {
       return title && /* @__PURE__ */ React.createElement(components.View, {
-        className: titleClass,
+        className: "".concat(classPrefix2, "-text"),
         style: {
           color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
         }
-      }, title);
+      }, renderNodeWithActive(title));
+    };
+    var renderTitle = function() {
+      return /* @__PURE__ */ React.createElement(Badge, _object_spread({
+        size: "normal"
+      }, badgeProps), renderTitleText());
+    };
+    var renderIcon = function() {
+      var distIcon = renderNodeWithActive(icon);
+      return /* @__PURE__ */ React.isValidElement(distIcon) ? /* @__PURE__ */ React.cloneElement(distIcon, _object_spread_props(_object_spread({}, distIcon.props), {
+        color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
+      })) : null;
+    };
+    var renderIconAndTitle = function() {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, _object_spread_props(_object_spread({
+        size: "normal"
+      }, badgeProps), {
+        top: 3
+      }), renderIcon()), renderTitleText());
+    };
+    var renderDualItem = function() {
+      return dot ? null : /* @__PURE__ */ React.createElement(React.Fragment, null, renderIcon(), renderTitleText(), /* @__PURE__ */ React.createElement(Badge, badgeProps));
     };
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: tabbarItemClass,
@@ -4956,23 +4975,22 @@
         color: active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
       }, style),
       onClick: function() {
-        return ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index2);
+        return active2 ? onActiveClick === null || onActiveClick === void 0 ? void 0 : onActiveClick() : ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index2);
       }
-    }, rest), icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement(components.View, {
-      className: boxPrefix
-    }, addColorForHarmony(icon, active2 ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor))), renderTitleText()) : /* @__PURE__ */ React.createElement(Badge, badgeProps, renderTitleText()));
+    }, rest), direction === "horizontal" && !dot ? renderDualItem() : /* @__PURE__ */ React.createElement(React.Fragment, null, icon && renderIconAndTitle(), !icon && renderTitle()));
   };
   var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 0,
     fixed: false,
     inactiveColor: "",
     activeColor: "",
+    direction: "vertical",
     safeArea: false,
-    onSwitch: function(value2) {
+    onSwitch: function() {
     }
   });
   var Tabbar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1f, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
+    var _$_object_spread = _object_spread({}, defaultProps$1f, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, direction = _$_object_spread.direction, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
     var classPrefix2 = "nut-tabbar";
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: value2,
@@ -4980,11 +4998,26 @@
       finalValue: 0,
       onChange: onSwitch
     }), 2), selectIndex = _usePropsValue[0], setSelectIndex = _usePropsValue[1];
+    var sizeCls = React.useMemo(function() {
+      var size = React.Children.count(children);
+      var _obj;
+      return size > 3 ? "" : classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-wrap-3"), size === 3), _define_property(_obj, "".concat(classPrefix2, "-wrap-2"), size === 2), _define_property(_obj, "".concat(classPrefix2, "-wrap-").concat(direction), size === 2 && direction !== "vertical"), _obj));
+    }, [
+      children,
+      direction
+    ]);
+    var itemDirection = React.useMemo(function() {
+      var size = React.Children.count(children);
+      return size === 2 && direction !== "vertical" && direction;
+    }, [
+      direction,
+      children
+    ]);
     return /* @__PURE__ */ React.createElement(components.View, {
       className: classNames(classPrefix2, _define_property({}, "".concat(classPrefix2, "-fixed"), fixed), className),
       style
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-wrap")
+      className: "".concat(classPrefix2, "-wrap ").concat(sizeCls)
     }, /* @__PURE__ */ React.createElement(TabbarContext.Provider, {
       value: {
         selectIndex,
@@ -4993,12 +5026,12 @@
         handleClick: setSelectIndex
       }
     }, React.Children.map(children, function(child, index2) {
-      if (!/* @__PURE__ */ React.isValidElement(child)) return null;
-      return /* @__PURE__ */ React.cloneElement(child, _object_spread_props(_object_spread({}, child.props), {
-        index: index2
-      }));
-    }))), (fixed || safeArea) && /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-safe-area")
+      return /* @__PURE__ */ React.isValidElement(child) ? /* @__PURE__ */ React.cloneElement(child, _object_spread_props(_object_spread({}, child.props), {
+        index: index2,
+        direction: itemDirection
+      })) : null;
+    }))), (fixed || safeArea) && /* @__PURE__ */ React.createElement(SafeArea, {
+      position: "bottom"
     }));
   };
   Tabbar.displayName = "NutTabbar";
@@ -7856,22 +7889,26 @@
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
       return item.label;
     } : _props_renderLabel;
+    var classPrefix2 = "nut-pickerview-roller";
+    var uuid = useUuid();
     var DEFAULT_DURATION = 200;
     var INERTIA_TIME = 300;
     var INERTIA_DISTANCE = 15;
     var ROTATION = 20;
     var touch = useTouch();
-    var _useState = _sliced_to_array(React.useState(1), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
+    var _useState = _sliced_to_array(React.useState(0), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
     var lineSpacing = React.useRef(36);
     var _useState1 = _sliced_to_array(React.useState(0), 2), touchTime = _useState1[0], setTouchTime = _useState1[1];
     var _useState2 = _sliced_to_array(React.useState("0deg"), 2), touchDeg = _useState2[0], setTouchDeg = _useState2[1];
     var isMoving = React.useRef(false);
     var rollerRef = React.useRef(null);
     var pickerRollerRef = React.useRef(null);
+    var placeholderRef = React.useRef(null);
     var _useState3 = _sliced_to_array(React.useState(0), 2), startTime = _useState3[0], setStartTime = _useState3[1];
     var _useState4 = _sliced_to_array(React.useState(0), 2), startY = _useState4[0], setStartY = _useState4[1];
     var transformY = React.useRef(0);
     var _useState5 = _sliced_to_array(React.useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
+    var _useState6 = _sliced_to_array(React.useState(web()), 2), isGetLineSpacing = _useState6[0], setGetStatus = _useState6[1];
     var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
     var isItemHidden = function(index2) {
       return index2 >= currentIndex + 8 || index2 <= currentIndex - 8;
@@ -7895,7 +7932,7 @@
         var deg1 = Math.min(Math.max(currentDeg, 0), (options.length + 1) * ROTATION);
         if (deg1 >= 0 && deg1 < (options.length + 1) * ROTATION) {
           applyTransform("", "".concat(deg1, "deg"), void 0, updatedMove);
-          setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
+          deg1 > 0 && setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
         }
       }
     };
@@ -7936,7 +7973,7 @@
       var index2 = options.findIndex(function(item) {
         return item.value === selectedValue;
       });
-      setCurrentIndex(index2 === -1 ? 1 : index2 + 1);
+      setCurrentIndex(index2 === -1 ? 0 : index2 + 1);
       var move = index2 * lineSpacing.current;
       handleMove(-move);
     };
@@ -7945,15 +7982,68 @@
       setTouchTime(0);
       selectValue(scrollDistance);
     };
+    var getReactHeight = /* @__PURE__ */ function() {
+      var _ref = _async_to_generator(function() {
+        var placeholder, placeholderHeight, error;
+        return __generator(this, function(_state) {
+          switch (_state.label) {
+            case 0:
+              _state.trys.push([
+                0,
+                2,
+                ,
+                3
+              ]);
+              return [
+                4,
+                getRectByTaro(placeholderRef.current)
+              ];
+            case 1:
+              placeholder = _state.sent();
+              placeholderHeight = placeholder.height || 0;
+              return [
+                2,
+                placeholderHeight
+              ];
+            case 2:
+              error = _state.sent();
+              console.error("获取高度失败:", error);
+              return [
+                2,
+                0
+              ];
+            case 3:
+              return [
+                2
+              ];
+          }
+        });
+      });
+      return function getReactHeight2() {
+        return _ref.apply(this, arguments);
+      };
+    }();
     React.useEffect(function() {
       var element = pickerRollerRef.current;
+      var currentLineSpacing;
       if (element && web()) {
         var computedStyle = getComputedStyle(element);
-        var currentLineSpacing = computedStyle.getPropertyValue("--nutui-picker-item-height");
-        !!currentLineSpacing && (lineSpacing.current = parseFloat(currentLineSpacing));
+        currentLineSpacing = computedStyle.getPropertyValue("--nutui-picker-item-height");
+        if (currentLineSpacing) {
+          lineSpacing.current = parseFloat(currentLineSpacing);
+        }
+      } else {
+        getReactHeight().then(function(height2) {
+          currentLineSpacing = height2;
+          if (currentLineSpacing) {
+            lineSpacing.current = currentLineSpacing;
+            setGetStatus(true);
+          }
+        });
       }
     }, [
-      pickerRollerRef.current
+      pickerRollerRef.current,
+      placeholderRef.current
     ]);
     React.useEffect(function() {
       isMoving.current = false;
@@ -7995,21 +8085,27 @@
       className: "nut-pickerview-list",
       ref: pickerRollerRef
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-pickerview-roller",
+      className: "".concat(classPrefix2, "-placeholder"),
+      ref: placeholderRef,
+      id: "".concat(classPrefix2, "-placeholder-").concat(uuid)
+    }), /* @__PURE__ */ React.createElement(components.View, {
+      className: classPrefix2,
+      id: "".concat(classPrefix2, "-").concat(uuid),
       ref: rollerRef,
       style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
       onTransitionEnd: stopMomentumScroll
     }, threeDimensional && options.map(function(item, index2) {
       var _item_value;
-      return /* @__PURE__ */ React.createElement(components.View, {
-        className: "nut-pickerview-roller-item ".concat(isItemHidden(index2 + 1) && "nut-pickerview-roller-item-hidden"),
+      var _obj;
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, isGetLineSpacing ? /* @__PURE__ */ React.createElement(components.View, {
+        className: classNames("".concat(classPrefix2, "-item"), (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-item-hidden"), isItemHidden(index2 + 1)), _define_property(_obj, "".concat(classPrefix2, "-item-active"), index2 + 1 === currentIndex), _obj)),
         style: rollerStyle(index2),
         key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
-      }, renderLabel(item));
+      }, renderLabel(item)) : null);
     }), !threeDimensional && options.map(function(item, index2) {
       var _item_value;
       return /* @__PURE__ */ React.createElement(components.View, {
-        className: "nut-pickerview-roller-item-tiled",
+        className: classNames("".concat(classPrefix2, "-item-tiled"), _define_property({}, "".concat(classPrefix2, "-item-active"), index2 + 1 === currentIndex)),
         key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
       }, renderLabel(item));
     })));
@@ -11084,7 +11180,7 @@
       onClick: handleReduce
     }, /* @__PURE__ */ React.createElement(IconSVG$e, {
       size: 10,
-      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === min || disabled))
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), Number(shadowValue) <= Number(min) || disabled))
     })), /* @__PURE__ */ React.createElement("input", {
       className: classNames("".concat(classPrefix$h, "-input"), _define_property({}, "".concat(classPrefix$h, "-input-disabled"), disabled)),
       type: type2,
@@ -11101,7 +11197,7 @@
       onClick: handlePlus
     }, /* @__PURE__ */ React.createElement(IconSVG$a, {
       size: 10,
-      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === max || disabled))
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), Number(shadowValue) >= Number(max) || disabled))
     })));
   };
   InputNumber.displayName = "NutInputNumber";
@@ -12601,7 +12697,9 @@
       outerValue
     ]);
     React.useEffect(function() {
-      autoFocus && forceFocus();
+      if (Taro.getEnv() === "WEB") {
+        autoFocus && forceFocus();
+      }
     }, [
       autoFocus
     ]);
@@ -12609,10 +12707,12 @@
       return /* @__PURE__ */ React.createElement(components.Input, {
         className: "".concat(classPrefix2, "-input ").concat(clearable ? "".concat(classPrefix2, "-input-clear") : ""),
         ref: searchRef,
-        value: value2 || "",
+        style,
+        value: (value2 || "").toString(),
         placeholder: placeholder || locale.placeholder,
         disabled: disabled || readOnly,
         maxlength: maxLength,
+        autoFocus,
         onInput,
         onFocus: focus,
         onBlur: blur,
@@ -12983,15 +13083,19 @@
   var defaultProps$M = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     activeText: "",
-    inactiveText: ""
+    inactiveText: "",
+    loadingIcon: /* @__PURE__ */ React.createElement(IconSVG$h, null)
   });
   var Switch = function(props) {
-    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, className = _ref.className, style = _ref.style, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$M, props), checked = _ref.checked, defaultChecked = _ref.defaultChecked, disabled = _ref.disabled, activeText = _ref.activeText, inactiveText = _ref.inactiveText, loadingIcon = _ref.loadingIcon, className = _ref.className, style = _ref.style;
+    _ref.onChange;
+    var rest = _object_without_properties(_ref, [
       "checked",
       "defaultChecked",
       "disabled",
       "activeText",
       "inactiveText",
+      "loadingIcon",
       "className",
       "style",
       "onChange"
@@ -13002,6 +13106,12 @@
       value: checked,
       defaultValue: defaultChecked
     }), 2), value2 = _usePropsValue[0], setValue = _usePropsValue[1];
+    React.useEffect(function() {
+      changing && setChanging(false);
+    }, [
+      value2
+    ]);
+    var _useState = _sliced_to_array(React.useState(false), 2), changing = _useState[0], setChanging = _useState[1];
     var classes = function() {
       var _obj2;
       return classNames([
@@ -13010,17 +13120,18 @@
         (_obj2 = {}, _define_property(_obj2, "".concat(classPrefix2, "-close"), !value2), _define_property(_obj2, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj2, "".concat(classPrefix2, "-disabled-close"), disabled && !value2), _obj2)
       ]);
     };
-    var onClick = function(event) {
-      if (disabled) return;
-      onChange && onChange(!value2, event);
+    var onClick = function() {
+      if (disabled || changing) return;
+      if (props.onChange) {
+        setChanging(true);
+        props.onChange(!value2);
+      }
       setValue(!value2);
     };
     var _obj, _obj1;
     return /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: classes(),
-      onClick: function(e) {
-        return onClick(e);
-      },
+      onClick,
       style
     }, rest), /* @__PURE__ */ React.createElement(components.View, {
       className: classNames([
@@ -13032,9 +13143,9 @@
         ],
         (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-button-open-rtl"), rtl && value2), _define_property(_obj, "".concat(classPrefix2, "-button-close-rtl"), rtl && !value2), _obj)
       ])
-    }, !value2 && !activeText && /* @__PURE__ */ React.createElement(components.View, {
+    }, changing && loadingIcon ? /* @__PURE__ */ React.createElement(React.Fragment, null, loadingIcon) : /* @__PURE__ */ React.createElement(React.Fragment, null, !value2 && !activeText && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-close-line")
-    })), activeText && /* @__PURE__ */ React.createElement(components.View, {
+    }))), activeText && /* @__PURE__ */ React.createElement(components.View, {
       className: classNames("".concat(classPrefix2, "-label"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-label-open"), value2), _define_property(_obj1, "".concat(classPrefix2, "-label-close"), !value2), _define_property(_obj1, "".concat(classPrefix2, "-label-open-rtl"), rtl && value2), _define_property(_obj1, "".concat(classPrefix2, "-label-close-rtl"), rtl && !value2), _define_property(_obj1, "".concat(classPrefix2, "-label-close-disabled"), disabled && !value2), _obj1))
     }, value2 ? activeText : inactiveText));
   };
@@ -31520,83 +31631,110 @@
         return Object.prototype.hasOwnProperty.call(t2, e2);
       }, r.p = "", r(r.s = 1);
     }([function(t, e, r) {
-      function i2(t2, e2) {
+      function i2() {
+        var t2 = { request: function() {
+        }, getSystemInfoSync: function() {
+          return {};
+        } };
+        return "undefined" != typeof wx && (t2 = wx), "undefined" != typeof jd && (t2 = jd), t2;
+      }
+      function s(t2) {
+        return (s = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(t3) {
+          return typeof t3;
+        } : function(t3) {
+          return t3 && "function" == typeof Symbol && t3.constructor === Symbol && t3 !== Symbol.prototype ? "symbol" : typeof t3;
+        })(t2);
+      }
+      function a(t2, e2) {
         for (var r2 = 0; r2 < e2.length; r2++) {
           var i3 = e2[r2];
-          i3.enumerable = i3.enumerable || false, i3.configurable = true, "value" in i3 && (i3.writable = true), Object.defineProperty(t2, i3.key, i3);
+          i3.enumerable = i3.enumerable || false, i3.configurable = true, "value" in i3 && (i3.writable = true), Object.defineProperty(t2, o(i3.key), i3);
         }
       }
-      function s(t2, e2, r2) {
-        return e2 in t2 ? Object.defineProperty(t2, e2, { value: r2, enumerable: true, configurable: true, writable: true }) : t2[e2] = r2, t2;
+      function n(t2, e2, r2) {
+        return (e2 = o(e2)) in t2 ? Object.defineProperty(t2, e2, { value: r2, enumerable: true, configurable: true, writable: true }) : t2[e2] = r2, t2;
+      }
+      function o(t2) {
+        var e2 = function(t3, e3) {
+          if ("object" != s(t3) || !t3) return t3;
+          var r2 = t3[Symbol.toPrimitive];
+          if (void 0 !== r2) {
+            var i3 = r2.call(t3, e3 || "default");
+            if ("object" != s(i3)) return i3;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
+          }
+          return ("string" === e3 ? String : Number)(t3);
+        }(t2, "string");
+        return "symbol" == s(e2) ? e2 : e2 + "";
       }
       r.d(e, "c", function() {
-        return _;
+        return E;
       }), r.d(e, "b", function() {
-        return x;
+        return T;
       }), r.d(e, "a", function() {
-        return P;
+        return S;
       });
-      var a = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), o = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap();
-      function p(t2) {
+      var h = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), m = /* @__PURE__ */ new WeakMap();
+      function c(t2) {
         if ("function" == typeof this["on".concat(t2)]) {
           for (var e2 = arguments.length, r2 = new Array(e2 > 1 ? e2 - 1 : 0), i3 = 1; i3 < e2; i3++) r2[i3 - 1] = arguments[i3];
           this["on".concat(t2)].apply(this, r2);
         }
       }
-      function f(t2) {
-        this.readyState = t2, p.call(this, "readystatechange");
+      function d(t2) {
+        this.readyState = t2, c.call(this, "readystatechange");
       }
-      var m = function() {
+      var u = function() {
         function t2() {
           !function(t3, e3) {
             if (!(t3 instanceof e3)) throw new TypeError("Cannot call a class as a function");
-          }(this, t2), s(this, "onabort", null), s(this, "onerror", null), s(this, "onload", null), s(this, "onloadstart", null), s(this, "onprogress", null), s(this, "ontimeout", null), s(this, "onloadend", null), s(this, "onreadystatechange", null), s(this, "readyState", 0), s(this, "response", null), s(this, "responseText", null), s(this, "responseType", ""), s(this, "responseXML", null), s(this, "status", 0), s(this, "statusText", ""), s(this, "upload", {}), s(this, "withCredentials", false), o.set(this, { "content-type": "application/x-www-form-urlencoded" }), h.set(this, {});
+          }(this, t2), n(this, "onabort", null), n(this, "onerror", null), n(this, "onload", null), n(this, "onloadstart", null), n(this, "onprogress", null), n(this, "ontimeout", null), n(this, "onloadend", null), n(this, "onreadystatechange", null), n(this, "readyState", 0), n(this, "response", null), n(this, "responseText", null), n(this, "responseType", ""), n(this, "responseXML", null), n(this, "status", 0), n(this, "statusText", ""), n(this, "upload", {}), n(this, "withCredentials", false), p.set(this, { "content-type": "application/x-www-form-urlencoded" }), f.set(this, {});
         }
-        var e2, r2;
         return e2 = t2, (r2 = [{ key: "abort", value: function() {
-          var t3 = l.get(this);
+          var t3 = m.get(this);
           t3 && t3.abort();
         } }, { key: "getAllResponseHeaders", value: function() {
-          var t3 = h.get(this);
+          var t3 = f.get(this);
           return Object.keys(t3).map(function(e3) {
             return "".concat(e3, ": ").concat(t3[e3]);
           }).join("\n");
         } }, { key: "getResponseHeader", value: function(t3) {
-          return h.get(this)[t3];
+          return f.get(this)[t3];
         } }, { key: "open", value: function(e3, r3) {
-          n.set(this, e3), a.set(this, r3), f.call(this, t2.OPENED);
+          l.set(this, e3), h.set(this, r3), d.call(this, t2.OPENED);
         } }, { key: "overrideMimeType", value: function() {
         } }, { key: "send", value: function() {
           var e3 = this, r3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "";
           if (this.readyState !== t2.OPENED) throw new Error("Failed to execute 'send' on 'XMLHttpRequest': The object's state must be OPENED.");
-          wx.request({ data: r3, url: a.get(this), method: n.get(this), header: o.get(this), success: function(r4) {
-            var i3 = r4.data, s2 = r4.statusCode, a2 = r4.header;
+          i2().request({ data: r3, url: h.get(this), method: l.get(this), header: p.get(this), success: function(r4) {
+            var i3 = r4.data, s3 = r4.statusCode, a2 = r4.header;
             if ("string" != typeof i3 && !(i3 instanceof ArrayBuffer)) try {
               i3 = JSON.stringify(i3);
             } catch (t3) {
             }
-            if (e3.status = s2, h.set(e3, a2), p.call(e3, "loadstart"), f.call(e3, t2.HEADERS_RECEIVED), f.call(e3, t2.LOADING), e3.response = i3, i3 instanceof ArrayBuffer) {
+            if (e3.status = s3, f.set(e3, a2), c.call(e3, "loadstart"), d.call(e3, t2.HEADERS_RECEIVED), d.call(e3, t2.LOADING), e3.response = i3, i3 instanceof ArrayBuffer) {
               e3.responseText = "";
-              for (var n2 = new Uint8Array(i3), o2 = n2.byteLength, l2 = 0; l2 < o2; l2++) e3.responseText += String.fromCharCode(n2[l2]);
+              for (var n2 = new Uint8Array(i3), o2 = n2.byteLength, h2 = 0; h2 < o2; h2++) e3.responseText += String.fromCharCode(n2[h2]);
             } else e3.responseText = i3;
-            f.call(e3, t2.DONE), p.call(e3, "load"), p.call(e3, "loadend");
+            d.call(e3, t2.DONE), c.call(e3, "load"), c.call(e3, "loadend");
           }, fail: function(t3) {
             var r4 = t3.errMsg;
-            -1 !== r4.indexOf("abort") ? p.call(e3, "abort") : p.call(e3, "error", r4), p.call(e3, "loadend");
+            -1 !== r4.indexOf("abort") ? c.call(e3, "abort") : c.call(e3, "error", r4), c.call(e3, "loadend");
           } });
         } }, { key: "setRequestHeader", value: function(t3, e3) {
-          var r3 = o.get(this);
-          r3[t3] = e3, o.set(this, r3);
-        } }]) && i2(e2.prototype, r2), t2;
+          var r3 = p.get(this);
+          r3[t3] = e3, p.set(this, r3);
+        } }]) && a(e2.prototype, r2), s2 && a(e2, s2), Object.defineProperty(e2, "prototype", { writable: false }), e2;
+        var e2, r2, s2;
       }();
-      function c() {
+      function y() {
       }
-      function d() {
+      function g() {
         console.error("小程序由于不支持动态创建 canvas 的能力，故 lottie 中有关图片处理的操作无法支持，请保持图片的原始宽高与 JSON 描述的一致，避免需要对图片处理");
       }
-      function u(t2) {
+      function v(t2) {
         return "canvas" === t2 ? (console.warn("发现 Lottie 动态创建 canvas 组件，但小程序不支持动态创建组件，接下来可能会出现异常"), { getContext: function() {
-          return { fillRect: c, createImage: d, drawImage: d };
+          return { fillRect: y, createImage: g, drawImage: g };
         } }) : "img" === t2 ? function(t3) {
           if (void 0 === t3.createImage) return {};
           var e2 = t3.createImage();
@@ -31607,42 +31745,42 @@
           }, e2;
         }(this) : void 0;
       }
-      function y(t2, e2) {
+      function b(t2, e2) {
         return function(r2) {
           return e2.call(t2, Array.from(r2));
         };
       }
-      function g(t2, e2) {
+      function P(t2, e2) {
         return function() {
           return e2.call(t2);
         };
       }
-      function v(t2, e2, r2) {
+      function _(t2, e2, r2) {
         var i3 = t2[e2];
         t2[e2] = r2(t2, i3);
       }
-      s(m, "UNSEND", 0), s(m, "OPENED", 1), s(m, "HEADERS_RECEIVED", 2), s(m, "LOADING", 3), s(m, "DONE", 4);
-      var b = wx.getSystemInfoSync(), P = { requestAnimationFrame: function(t2) {
+      n(u, "UNSEND", 0), n(u, "OPENED", 1), n(u, "HEADERS_RECEIVED", 2), n(u, "LOADING", 3), n(u, "DONE", 4);
+      var x = i2().getSystemInfoSync(), S = { requestAnimationFrame: function(t2) {
         setTimeout(function() {
           "function" == typeof t2 && t2(Date.now());
         }, 16);
       } };
-      P.window = { devicePixelRatio: b.pixelRatio }, P.document = P.window.document = { body: {}, createElement: u }, P.navigator = P.window.navigator = { userAgent: "" }, XMLHttpRequest = m;
-      var _ = function(t2) {
-        var e2 = P.window, r2 = P.document;
-        P._requestAnimationFrame = e2.requestAnimationFrame, P._cancelAnimationFrame = e2.cancelAnimationFrame, e2.requestAnimationFrame = function(e3) {
+      S.window = { devicePixelRatio: x.pixelRatio }, S.document = S.window.document = { body: {}, createElement: v }, S.navigator = S.window.navigator = { userAgent: "" }, XMLHttpRequest = u;
+      var E = function(t2) {
+        var e2 = S.window, r2 = S.document;
+        S._requestAnimationFrame = e2.requestAnimationFrame, S._cancelAnimationFrame = e2.cancelAnimationFrame, e2.requestAnimationFrame = function(e3) {
           var r3 = false;
           setTimeout(function() {
             r3 || (r3 = true, "function" == typeof e3 && e3(Date.now()));
           }, 100), t2.requestAnimationFrame(function(t3) {
             r3 || (r3 = true, "function" == typeof e3 && e3(t3));
           });
-        }, e2.cancelAnimationFrame = t2.cancelAnimationFrame.bind(t2), P._body = r2.body, P._createElement = r2.createElement, r2.body = {}, r2.createElement = u.bind(t2);
+        }, e2.cancelAnimationFrame = t2.cancelAnimationFrame.bind(t2), S._body = r2.body, S._createElement = r2.createElement, r2.body = {}, r2.createElement = v.bind(t2);
         var i3 = t2.getContext("2d");
-        i3.canvas || (i3.canvas = t2), v(i3, "setLineDash", y), v(i3, "fill", g);
-      }, x = function() {
-        var t2 = P.window, e2 = P.document;
-        t2.requestAnimationFrame = P._requestAnimationFrame, t2.cancelAnimationFrame = P._cancelAnimationFrame, e2.body = P._body, e2.createElement = P._createElement;
+        i3.canvas || (i3.canvas = t2), _(i3, "setLineDash", b), _(i3, "fill", P);
+      }, T = function() {
+        var t2 = S.window, e2 = S.document;
+        t2.requestAnimationFrame = S._requestAnimationFrame, t2.cancelAnimationFrame = S._cancelAnimationFrame, e2.body = S._body, e2.createElement = S._createElement;
       };
     }, function(module, __webpack_exports__, __webpack_require__) {
       __webpack_require__.r(__webpack_exports__), (function(module) {
@@ -35201,7 +35339,7 @@
   var implementation;
   if (process.env.TARO_ENV === "h5") {
     implementation = Lottie$2;
-  } else if (process.env.TARO_ENV === "weapp") {
+  } else if (process.env.TARO_ENV === "weapp" || process.env.TARO_ENV === "jd") {
     implementation = Lottie$1;
   } else {
     implementation = function(props) {
@@ -35701,10 +35839,14 @@
   NoticeBar.displayName = "NutNoticeBar";
   var defaultProps$B = _object_spread_props(_object_spread({}, ComponentDefaults), {
     id: "",
-    duration: 3e3,
-    type: "danger",
+    distance: 8,
+    navHeight: 57,
     position: "top",
     visible: false,
+    closeable: false,
+    leftIcon: null,
+    rightIcon: null,
+    duration: 3e3,
     onClose: function() {
     },
     onClick: function() {
@@ -35712,13 +35854,12 @@
   });
   var classPrefix$c = "nut-notify";
   var Notify = function(props) {
-    var _mergeProps = mergeProps(defaultProps$B, props), id = _mergeProps.id, children = _mergeProps.children, style = _mergeProps.style, type2 = _mergeProps.type, className = _mergeProps.className, position2 = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
+    var _mergeProps = mergeProps(defaultProps$B, props), id = _mergeProps.id, style = _mergeProps.style, children = _mergeProps.children, distance = _mergeProps.distance, navHeight = _mergeProps.navHeight, closeable = _mergeProps.closeable, leftIcon = _mergeProps.leftIcon, rightIcon = _mergeProps.rightIcon, position2 = _mergeProps.position, visible = _mergeProps.visible, duration = _mergeProps.duration, className = _mergeProps.className, onClose = _mergeProps.onClose, onClick = _mergeProps.onClick;
     useCustomEvent(id, function(status) {
       status ? show2() : hide2();
     });
     var timer;
     var _useState = _sliced_to_array(React.useState(false), 2), showNotify = _useState[0], setShowNotify = _useState[1];
-    var cssRef = React.useRef(null);
     React.useEffect(function() {
       if (visible) {
         show2();
@@ -35728,9 +35869,6 @@
     }, [
       visible
     ]);
-    var clickHandle = function() {
-      onClick();
-    };
     var show2 = function() {
       setShowNotify(true);
       clearTimer();
@@ -35750,10 +35888,29 @@
       setShowNotify(false);
       onClose();
     };
+    var getDistance = React.useMemo(function() {
+      if (position2 === "top") {
+        return {
+          top: pxTransform(web() ? Number(distance) + navHeight : Number(distance))
+        };
+      }
+      return {
+        bottom: pxTransform(Number(distance))
+      };
+    }, [
+      distance,
+      position2
+    ]);
     var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$c, "-popup-top"), position2 === "top"), _define_property(_obj, "".concat(classPrefix$c, "-popup-bottom"), position2 === "bottom"), _define_property(_obj, "".concat(classPrefix$c), true), _define_property(_obj, "".concat(classPrefix$c, "-").concat(type2), true), _obj));
+    var classes = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix$c), true), _define_property(_obj, "".concat(className), true), _obj));
+    var handleClick = function() {
+      onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var handleClickIcon = function() {
+      hide2();
+    };
+    var _obj1;
     return /* @__PURE__ */ React.createElement(CSSTransition, {
-      nodeRef: cssRef,
       in: showNotify,
       timeout: 300,
       classNames: "fade",
@@ -35762,10 +35919,19 @@
       position: position2,
       id
     }, /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classes, " ").concat(className),
-      style,
-      onClick: clickHandle
-    }, children));
+      className: classes,
+      style: _object_spread({}, style, getDistance),
+      onClick: handleClick
+    }, leftIcon ? /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix$c, "-left-icon")
+    }, leftIcon) : null, /* @__PURE__ */ React.createElement(components.View, {
+      className: classNames((_obj1 = {}, _define_property(_obj1, "".concat(classPrefix$c, "-content"), true), _define_property(_obj1, "".concat(classPrefix$c, "-ellipsis"), closeable || rightIcon), _define_property(_obj1, "".concat(classPrefix$c, "-layout-left"), leftIcon || rightIcon), _obj1))
+    }, children), rightIcon || closeable ? /* @__PURE__ */ React.createElement(components.View, {
+      className: "".concat(classPrefix$c, "-right-icon"),
+      onClick: handleClickIcon
+    }, rightIcon || (closeable ? /* @__PURE__ */ React.createElement(IconSVG$p, {
+      size: 12
+    }) : null)) : null));
   };
   function open(selector) {
     var path = useCustomEventsPath(selector);
@@ -36365,203 +36531,83 @@
     })) : null, children);
   };
   ResultPage.displayName = "NutResultPage";
-  var AvatarContext = React.createContext({});
   var defaultProps$x = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    maxContent: "",
-    max: "",
-    maxBackground: "#eee",
-    maxColor: "#666",
-    gap: "-8",
-    level: "left"
-  });
-  var classPrefix$a = "nut-avatar-group";
-  var AvatarGroup = function(props) {
-    var propAvatarGroup = _object_spread({}, defaultProps$x, props);
-    var className = propAvatarGroup.className, style = propAvatarGroup.style, children = propAvatarGroup.children;
-    var avatarGroupRef = React.useRef(null);
-    var cls = classNames(classPrefix$a, className);
-    var parentAvatar = {
-      propAvatarGroup: _object_spread({
-        avatarCount: React.Children.count(children) || 0
-      }, propAvatarGroup),
-      avatarGroupRef
-    };
-    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, {
-      value: parentAvatar
-    }, /* @__PURE__ */ React.createElement(components.View, {
-      className: cls,
-      style,
-      ref: avatarGroupRef
-    }, React.Children.map(children, function(child, index2) {
-      var _child_type;
-      return (child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === "NutAvatar" ? /* @__PURE__ */ React.cloneElement(child, {
-        avatarIndex: index2 + 1,
-        className: "nut-avatar-group-avatar"
-      }) : child;
-    })));
-  };
-  AvatarGroup.displayName = "NutAvatarGroup";
-  var defaultProps$w = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    size: harmony() ? "40" : "",
-    shape: "round",
-    icon: "",
-    background: "#eee",
-    color: "#666",
-    fit: "cover",
-    src: "",
-    alt: "",
-    avatarIndex: 0
-  });
-  var classPrefix$9 = "nut-avatar";
-  var Avatar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$w, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
-    var _useState = _sliced_to_array(React.useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
-    var avatarRef = React.useRef(null);
-    var parent2 = React.useContext(AvatarContext);
-    var sizeValue = [
-      "large",
-      "normal",
-      "small"
-    ];
-    var propAvatarGroup = parent2.propAvatarGroup;
-    var groupSize = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.size;
-    var groupShape = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.shape;
-    var groupCount = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.avatarCount;
-    var groupMax = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.max;
-    var _obj;
-    var classes = classNames((_obj = {}, _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal"), true), _define_property(_obj, "nut-avatar-".concat(groupShape || shape), true), _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal", "-round"), shape === "round" && true), _obj));
-    var nativeClasses = classNames(_define_property({}, "nut-avatar-first-child", avatarIndex === 1));
-    var cls = classNames(classPrefix$9, classes, className, nativeClasses);
-    var _obj1;
-    var styles = _object_spread((_obj1 = {
-      width: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
-      height: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
-      backgroundColor: "".concat(background),
-      color
-    }, _define_property(_obj1, harmony() ? "marginRight" : "marginLeft", avatarIndex !== 1 && (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap) ? "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap, "px") : ""), _define_property(_obj1, "zIndex", (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.level) === "right" ? Math.abs(groupCount - avatarIndex) : ""), _obj1), style);
-    var maxStyles = {
-      backgroundColor: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxBackground),
-      color: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxColor)
-    };
-    React.useEffect(function() {
-      var maxCount = groupMax || groupCount;
-      if (avatarIndex === groupCount && avatarIndex !== maxCount && groupCount > maxCount) {
-        setShowMax(true);
-      }
-    }, [
-      avatarIndex,
-      groupCount
-    ]);
-    var errorEvent = function() {
-      onError && onError();
-    };
-    var clickAvatar = function(e) {
-      onClick && onClick(e);
-    };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, (showMax || !groupMax || avatarIndex <= groupMax) && /* @__PURE__ */ React.createElement(components.View, {
-      className: cls,
-      style: !showMax ? styles : maxStyles,
-      onClick: clickAvatar,
-      ref: avatarRef
-    }, (!groupMax || avatarIndex <= groupMax) && /* @__PURE__ */ React.createElement(React.Fragment, null, src && /* @__PURE__ */ React.createElement(components.Image, {
-      className: "nut-avatar-img nut-avatar-".concat(groupSize || size || "normal", "-img"),
-      src,
-      style: {
-        objectFit: fit
-      },
-      onError: errorEvent
-    }), /* @__PURE__ */ React.isValidElement(icon) ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-avatar-text"
-    }, /* @__PURE__ */ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
-      color,
-      className: "".concat(icon.props.className || "", " nut-avatar-icon nut-avatar-").concat(groupSize || size || "normal", "-icon")
-    }))) : null, children && /* @__PURE__ */ React.createElement(components.View, {
-      style: {
-        color
-      },
-      className: "nut-avatar-text nut-avatar-".concat(groupSize || size || "normal", "-text")
-    }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-avatar-text"
-    }, /* @__PURE__ */ React.createElement(IconSVG$1, {
-      style: {
-        color
-      },
-      className: "nut-avatar-icon nut-avatar-".concat(groupSize || size || "normal", "-icon")
-    }))), showMax && /* @__PURE__ */ React.createElement(components.View, {
-      className: "nut-avatar-text nut-avatar-".concat(groupSize || "normal", "-text"),
-      style: _object_spread({}, maxStyles)
-    }, (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent) ? propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent : "+ ".concat(avatarIndex - Number(groupMax || 0)))));
-  };
-  Avatar.displayName = "NutAvatar";
-  Avatar.Group = AvatarGroup;
-  var defaultProps$v = _object_spread_props(_object_spread({}, ComponentDefaults), {
     rows: 1,
-    animated: false,
-    title: false,
-    avatar: false,
-    avatarSize: "50px",
+    animated: true,
     visible: false,
-    avatarShape: "round"
+    size: "normal",
+    shape: "round",
+    duration: 0.6,
+    inline: false
   });
   var Skeleton = function(props) {
-    var _ref = _object_spread({}, defaultProps$v, props), className = _ref.className, animated = _ref.animated, rows = _ref.rows, title = _ref.title, avatar = _ref.avatar, avatarSize = _ref.avatarSize, visible = _ref.visible, children = _ref.children, avatarShape = _ref.avatarShape, rest = _object_without_properties(_ref, [
+    var shapeStyle = function shapeStyle2() {
+      if (shape === "circle") return {
+        borderRadius: "50%"
+      };
+      if (shape === "square") return {
+        borderRadius: "0"
+      };
+      return {};
+    };
+    var durationStyle = function durationStyle2() {
+      if (typeof duration !== "undefined") return {
+        animationDuration: "".concat(duration, "s")
+      };
+      return {};
+    };
+    var _ref = _object_spread({}, defaultProps$x, props), className = _ref.className, width2 = _ref.width, height2 = _ref.height, shape = _ref.shape, animated = _ref.animated, rows = _ref.rows, visible = _ref.visible, size = _ref.size, duration = _ref.duration, children = _ref.children, rest = _object_without_properties(_ref, [
       "className",
+      "width",
+      "height",
+      "shape",
       "animated",
       "rows",
-      "title",
-      "avatar",
-      "avatarSize",
       "visible",
-      "children",
-      "avatarShape"
+      "size",
+      "duration",
+      "children"
     ]);
     var classPrefix2 = "nut-skeleton";
     var classes = classNames(classPrefix2, className);
-    var _obj;
-    var avatarClass = classNames((_obj = {}, _define_property(_obj, "nut-avatar", true), _define_property(_obj, "nut-skeleton-content-avatar", true), _define_property(_obj, "avatar-".concat(avatarShape), avatarShape), _obj));
-    var repeatLines = function(num) {
+    var repeatCount = function(num) {
       return Array.from({
         length: num
       }, function(v, i2) {
         return i2;
       });
     };
-    var getStyle = function() {
-      if (avatarSize) {
-        return {
-          width: pxTransform(parseInt(avatarSize)),
-          height: pxTransform(parseInt(avatarSize))
-        };
-      }
-      return {
-        width: pxTransform(50),
-        height: pxTransform(50)
-      };
+    var _useState = _sliced_to_array(React.useState(false), 2), animate = _useState[0], setAnimate = _useState[1];
+    var playAnimation = function() {
+      setAnimate(false);
+      setTimeout(function() {
+        setAnimate(true);
+      }, 10);
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? /* @__PURE__ */ React.createElement(React.Fragment, null, children) : /* @__PURE__ */ React.createElement(components.View, _object_spread({
+    React.useEffect(function() {
+      if (!animated) return;
+      playAnimation();
+      var intervalId = setInterval(playAnimation, 1e3 + duration * 1e3);
+      return function() {
+        return clearInterval(intervalId);
+      };
+    }, []);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, visible ? children : /* @__PURE__ */ React.createElement(components.View, _object_spread({
       className: classes
-    }, rest), animated && /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-animation")
-    }), /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content")
-    }, avatar && /* @__PURE__ */ React.createElement(Avatar, {
-      className: avatarClass,
-      background: "rgb(239, 239, 239)",
-      shape: avatarShape,
-      style: getStyle(),
-      icon: "null"
-    }), rows === 1 ? /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content-block")
-    }) : /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content-line")
-    }, title && /* @__PURE__ */ React.createElement(components.View, {
-      className: "".concat(classPrefix2, "-content-title")
-    }), repeatLines(rows).map(function(item, index2) {
+    }, rest), repeatCount(rows).map(function(item, index2) {
+      var contentClass = "".concat(classPrefix2, "-content ").concat(classPrefix2, "-content-").concat(size, " ").concat(classPrefix2, "-content-").concat(size, "-").concat(index2);
       return /* @__PURE__ */ React.createElement(components.View, {
-        className: "".concat(classPrefix2, "-content-block ").concat(index2 === repeatLines(rows).length - 1 ? "".concat(classPrefix2, "-content-block-last-child") : ""),
-        key: index2
-      });
-    })))));
+        className: "".concat(contentClass),
+        key: index2,
+        style: _object_spread({
+          width: width2,
+          height: height2
+        }, shapeStyle())
+      }, animated && /* @__PURE__ */ React.createElement(components.View, {
+        className: "".concat(classPrefix2, "-animated ").concat(animate ? "".concat(classPrefix2, "-animation") : ""),
+        style: durationStyle()
+      }));
+    })));
   };
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
@@ -36572,7 +36618,7 @@
       event.stopPropagation();
     }
   }
-  var defaultProps$u = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$w = _object_spread_props(_object_spread({}, ComponentDefaults), {
     name: ""
   });
   var Swipe = /* @__PURE__ */ React.forwardRef(function(props, instanceRef) {
@@ -36636,7 +36682,7 @@
         return getWidth();
       });
     });
-    var _$_object_spread = _object_spread({}, defaultProps$u, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
+    var _$_object_spread = _object_spread({}, defaultProps$w, props), children = _$_object_spread.children, className = _$_object_spread.className, style = _$_object_spread.style;
     var root2 = React.useRef();
     var opened = React.useRef(false);
     var lockClick = React.useRef(false);
@@ -36870,7 +36916,7 @@
     }, renderActionContent("left"), children, renderActionContent("right")));
   });
   Swipe.displayName = "NutSwipe";
-  var defaultProps$t = _object_spread_props(_object_spread({}, defaultOverlayProps), {
+  var defaultProps$v = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     id: "",
     duration: 2,
     position: "middle",
@@ -36889,7 +36935,7 @@
     }
   });
   var Toast = function(props) {
-    var _useParams = useParams(mergeProps(defaultProps$t, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position2 = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content2 = _useParams_params.content, duration = _useParams_params.duration, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, wordBreak = _useParams_params.wordBreak, zIndex = _useParams_params.zIndex, onClose = _useParams_params.onClose, setParams = _useParams.setParams;
+    var _useParams = useParams(mergeProps(defaultProps$v, props)), _useParams_params = _useParams.params, id = _useParams_params.id, position2 = _useParams_params.position, contentStyle = _useParams_params.contentStyle, icon = _useParams_params.icon, content2 = _useParams_params.content, duration = _useParams_params.duration, title = _useParams_params.title, closeOnOverlayClick = _useParams_params.closeOnOverlayClick, lockScroll = _useParams_params.lockScroll, contentClassName = _useParams_params.contentClassName, visible = _useParams_params.visible, size = _useParams_params.size, className = _useParams_params.className, style = _useParams_params.style, wordBreak = _useParams_params.wordBreak, zIndex = _useParams_params.zIndex, onClose = _useParams_params.onClose, setParams = _useParams.setParams;
     var classPrefix2 = "nut-toast";
     var timer = React.useRef(-1);
     var rtl = useRtl();
@@ -37013,21 +37059,21 @@
   Toast.displayName = "NutToast";
   Toast.show = show;
   Toast.hide = hide;
-  var defaultProps$s = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$u = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "shake",
     action: "initial",
     loop: false,
     onClick: function(event) {
     }
   });
-  var classPrefix$8 = "nut-animate";
+  var classPrefix$a = "nut-animate";
   var Animate = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$s, props), className = _$_object_spread.className, type2 = _$_object_spread.type, action = _$_object_spread.action, loop = _$_object_spread.loop, onClick = _$_object_spread.onClick, children = _$_object_spread.children, style = _$_object_spread.style;
+    var _$_object_spread = _object_spread({}, defaultProps$u, props), className = _$_object_spread.className, type2 = _$_object_spread.type, action = _$_object_spread.action, loop = _$_object_spread.loop, onClick = _$_object_spread.onClick, children = _$_object_spread.children, style = _$_object_spread.style;
     var _useState = _sliced_to_array(React.useState(false), 2), clicked = _useState[0], setClicked = _useState[1];
     var _obj;
     var classes = classNames((_obj = {
       "nut-ani-container": true
-    }, _define_property(_obj, "".concat(classPrefix$8, "-").concat(type2), action === "initial" || clicked), _define_property(_obj, "loop", loop), _obj), className);
+    }, _define_property(_obj, "".concat(classPrefix$a, "-").concat(type2), action === "initial" || clicked), _define_property(_obj, "loop", loop), _obj), className);
     var handleClick = function(event) {
       setClicked(true);
       if (!loop) {
@@ -37046,7 +37092,7 @@
     }, children));
   };
   Animate.displayName = "NutAnimate";
-  var defaultProps$r = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$t = _object_spread_props(_object_spread({}, ComponentDefaults), {
     length: 0,
     value: "",
     delay: 300,
@@ -37054,7 +37100,7 @@
     thousands: false
   });
   var CountUp = function(props) {
-    var _mergeProps = mergeProps(defaultProps$r, props), length2 = _mergeProps.length, value2 = _mergeProps.value, delay = _mergeProps.delay, duration = _mergeProps.duration, className = _mergeProps.className, thousands = _mergeProps.thousands;
+    var _mergeProps = mergeProps(defaultProps$t, props), length2 = _mergeProps.length, value2 = _mergeProps.value, delay = _mergeProps.delay, duration = _mergeProps.duration, className = _mergeProps.className, thousands = _mergeProps.thousands;
     _mergeProps.style;
     var rest = _object_without_properties(_mergeProps, [
       "length",
@@ -37157,7 +37203,7 @@
     })));
   };
   CountUp.displayName = "NutCountUp";
-  var defaultProps$q = {};
+  var defaultProps$s = {};
   var AnimatingNumbers = /* @__PURE__ */ function(Component) {
     _inherits(AnimatingNumbers2, Component);
     function AnimatingNumbers2(props) {
@@ -37181,11 +37227,11 @@
     ]);
     return AnimatingNumbers2;
   }(React.Component);
-  _define_property(AnimatingNumbers, "defaultProps", defaultProps$q);
+  _define_property(AnimatingNumbers, "defaultProps", defaultProps$s);
   _define_property(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   _define_property(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
-  var defaultProps$p = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$r = _object_spread_props(_object_spread({}, ComponentDefaults), {
     className: "",
     src: "",
     style: {},
@@ -37222,7 +37268,7 @@
     };
     var classPrefix2 = "nut-audio";
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$p, props), className = _ref.className, src = _ref.src, style = _ref.style, autoplay = _ref.autoplay, loop = _ref.loop, type2 = _ref.type, onFastBack = _ref.onFastBack, onForward = _ref.onForward, onPause = _ref.onPause, onPlay = _ref.onPlay, onPlayEnd = _ref.onPlayEnd, onCanPlay = _ref.onCanPlay, children = _ref.children;
+    var _ref = _object_spread({}, defaultProps$r, props), className = _ref.className, src = _ref.src, style = _ref.style, autoplay = _ref.autoplay, loop = _ref.loop, type2 = _ref.type, onFastBack = _ref.onFastBack, onForward = _ref.onForward, onPause = _ref.onPause, onPlay = _ref.onPlay, onPlayEnd = _ref.onPlayEnd, onCanPlay = _ref.onCanPlay, children = _ref.children;
     _ref.iconClassPrefix;
     _ref.iconFontClassName;
     var rest = _object_without_properties(_ref, [
@@ -37385,6 +37431,135 @@
     }, rest), renderAudio());
   };
   Audio.displayName = "NutAudio";
+  var AvatarContext = React.createContext({});
+  var defaultProps$q = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    maxContent: "",
+    max: "",
+    maxBackground: "#eee",
+    maxColor: "#666",
+    gap: "-8",
+    level: "left"
+  });
+  var classPrefix$9 = "nut-avatar-group";
+  var AvatarGroup = function(props) {
+    var propAvatarGroup = _object_spread({}, defaultProps$q, props);
+    var className = propAvatarGroup.className, style = propAvatarGroup.style, children = propAvatarGroup.children;
+    var avatarGroupRef = React.useRef(null);
+    var cls = classNames(classPrefix$9, className);
+    var parentAvatar = {
+      propAvatarGroup: _object_spread({
+        avatarCount: React.Children.count(children) || 0
+      }, propAvatarGroup),
+      avatarGroupRef
+    };
+    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, {
+      value: parentAvatar
+    }, /* @__PURE__ */ React.createElement(components.View, {
+      className: cls,
+      style,
+      ref: avatarGroupRef
+    }, React.Children.map(children, function(child, index2) {
+      var _child_type;
+      return (child === null || child === void 0 ? void 0 : (_child_type = child.type) === null || _child_type === void 0 ? void 0 : _child_type.displayName) === "NutAvatar" ? /* @__PURE__ */ React.cloneElement(child, {
+        avatarIndex: index2 + 1,
+        className: "nut-avatar-group-avatar"
+      }) : child;
+    })));
+  };
+  AvatarGroup.displayName = "NutAvatarGroup";
+  var defaultProps$p = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    size: harmony() ? "40" : "",
+    shape: "round",
+    icon: "",
+    background: "#eee",
+    color: "#666",
+    fit: "cover",
+    src: "",
+    alt: "",
+    avatarIndex: 0
+  });
+  var classPrefix$8 = "nut-avatar";
+  var Avatar = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$p, props), children = _$_object_spread.children, size = _$_object_spread.size, shape = _$_object_spread.shape, background = _$_object_spread.background, color = _$_object_spread.color, src = _$_object_spread.src, icon = _$_object_spread.icon, fit = _$_object_spread.fit, avatarIndex = _$_object_spread.avatarIndex, className = _$_object_spread.className, style = _$_object_spread.style, onClick = _$_object_spread.onClick, onError = _$_object_spread.onError;
+    var _useState = _sliced_to_array(React.useState(false), 2), showMax = _useState[0], setShowMax = _useState[1];
+    var avatarRef = React.useRef(null);
+    var parent2 = React.useContext(AvatarContext);
+    var sizeValue = [
+      "large",
+      "normal",
+      "small"
+    ];
+    var propAvatarGroup = parent2.propAvatarGroup;
+    var groupSize = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.size;
+    var groupShape = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.shape;
+    var groupCount = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.avatarCount;
+    var groupMax = propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.max;
+    var _obj;
+    var classes = classNames((_obj = {}, _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal"), true), _define_property(_obj, "nut-avatar-".concat(groupShape || shape), true), _define_property(_obj, "nut-avatar-".concat(groupSize || size || "normal", "-round"), shape === "round" && true), _obj));
+    var nativeClasses = classNames(_define_property({}, "nut-avatar-first-child", avatarIndex === 1));
+    var cls = classNames(classPrefix$8, classes, className, nativeClasses);
+    var _obj1;
+    var styles = _object_spread((_obj1 = {
+      width: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
+      height: sizeValue.indexOf(size) > -1 ? "" : pxTransform(parseInt(size)),
+      backgroundColor: "".concat(background),
+      color
+    }, _define_property(_obj1, harmony() ? "marginRight" : "marginLeft", avatarIndex !== 1 && (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap) ? "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.gap, "px") : ""), _define_property(_obj1, "zIndex", (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.level) === "right" ? Math.abs(groupCount - avatarIndex) : ""), _obj1), style);
+    var maxStyles = {
+      backgroundColor: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxBackground),
+      color: "".concat(propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxColor)
+    };
+    React.useEffect(function() {
+      var maxCount = groupMax || groupCount;
+      if (avatarIndex === groupCount && avatarIndex !== maxCount && groupCount > maxCount) {
+        setShowMax(true);
+      }
+    }, [
+      avatarIndex,
+      groupCount
+    ]);
+    var errorEvent = function() {
+      onError && onError();
+    };
+    var clickAvatar = function(e) {
+      onClick && onClick(e);
+    };
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, (showMax || !groupMax || avatarIndex <= groupMax) && /* @__PURE__ */ React.createElement(components.View, {
+      className: cls,
+      style: !showMax ? styles : maxStyles,
+      onClick: clickAvatar,
+      ref: avatarRef
+    }, (!groupMax || avatarIndex <= groupMax) && /* @__PURE__ */ React.createElement(React.Fragment, null, src && /* @__PURE__ */ React.createElement(components.Image, {
+      className: "nut-avatar-img nut-avatar-".concat(groupSize || size || "normal", "-img"),
+      src,
+      style: {
+        objectFit: fit
+      },
+      onError: errorEvent
+    }), /* @__PURE__ */ React.isValidElement(icon) ? /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-avatar-text"
+    }, /* @__PURE__ */ React.cloneElement(icon, _object_spread_props(_object_spread({}, icon.props), {
+      color,
+      className: "".concat(icon.props.className || "", " nut-avatar-icon nut-avatar-").concat(groupSize || size || "normal", "-icon")
+    }))) : null, children && /* @__PURE__ */ React.createElement(components.View, {
+      style: {
+        color
+      },
+      className: "nut-avatar-text nut-avatar-".concat(groupSize || size || "normal", "-text")
+    }, children), !src && !icon && !children && /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-avatar-text"
+    }, /* @__PURE__ */ React.createElement(IconSVG$1, {
+      style: {
+        color
+      },
+      className: "nut-avatar-icon nut-avatar-".concat(groupSize || size || "normal", "-icon")
+    }))), showMax && /* @__PURE__ */ React.createElement(components.View, {
+      className: "nut-avatar-text nut-avatar-".concat(groupSize || "normal", "-text"),
+      style: _object_spread({}, maxStyles)
+    }, (propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent) ? propAvatarGroup === null || propAvatarGroup === void 0 ? void 0 : propAvatarGroup.maxContent : "+ ".concat(avatarIndex - Number(groupMax || 0)))));
+  };
+  Avatar.displayName = "NutAvatar";
+  Avatar.Group = AvatarGroup;
   var defaultProps$o = _object_spread_props(_object_spread({}, ComponentDefaults), {
     strokeWidth: 5,
     radius: 50,
@@ -38279,7 +38454,7 @@
   var classPrefix$5 = "nut-indicator";
   var Indicator = function(props) {
     var maybeFixedWidth = function maybeFixedWidth2() {
-      if (total === 2 || type2 === "slide") {
+      if (type2 === "dualScreen" || type2 === "slide") {
         return "".concat(classPrefix$5, "-fixed-width");
       }
       return "";
@@ -38477,7 +38652,7 @@
     closeIcon: false,
     closeIconPosition: "top-right",
     showMenuByLongpress: false,
-    onChange: function(value2) {
+    onChange: function() {
     },
     onClose: function() {
     }
@@ -38490,71 +38665,50 @@
       value: value2,
       defaultValue,
       finalValue: defaultValue,
-      onChange: function(val2) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(val2);
-      }
+      onChange
     }), 2), innerNo = _usePropsValue[0], setInnerNo = _usePropsValue[1];
     var _useState = _sliced_to_array(React.useState(visible), 2), showPop = _useState[0], setShowPop = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), active2 = _useState1[0], setActive = _useState1[1];
-    var _useState2 = _sliced_to_array(React.useState((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0)), 2), maxNo = _useState2[0], setMaxNo = _useState2[1];
+    var _useState2 = _sliced_to_array(React.useState(images.length + videos.length), 2), maxNo = _useState2[0], setMaxNo = _useState2[1];
     var _useState3 = _sliced_to_array(React.useState({
       scale: 1,
-      moveable: false
+      moveable: false,
+      oriDistance: 0,
+      originScale: 1
     }), 2), store = _useState3[0], setStore = _useState3[1];
-    var _useState4 = _sliced_to_array(React.useState(0), 2), lastTouchEndTime = _useState4[0], setLastTouchEndTime = _useState4[1];
+    var lastTouchEndTime = React.useRef(0);
     var onTouchStart = function(event) {
       var touches = event.touches;
       var events = touches[0];
       var events2 = touches[1];
-      var curTouchTime = (/* @__PURE__ */ new Date()).getTime();
-      if (curTouchTime - lastTouchEndTime < 300) {
+      var curTouchTime = Date.now();
+      if (curTouchTime - lastTouchEndTime.current < 100) {
         var store1 = store;
-        if (store1.scale > 1) {
-          store1.scale = 1;
-        } else if (store1.scale === 1) {
-          store1.scale = 2;
-        }
+        store1.scale = store1.scale === 1 ? 2 : 1;
         scaleNow();
       }
       var store11 = store;
       store11.moveable = true;
       if (events2) {
-        store11.oriDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
+        store11.oriDistance = getDistance(events, events2);
       }
-      store11.originScale = store11.scale || 1;
+      store11.originScale = store11.scale;
     };
     var onTouchMove = function(event) {
+      if (!store.moveable) return;
       var touches = event.touches;
       var events = touches[0];
       var events2 = touches[1];
-      if (!store.moveable) {
-        return;
-      }
       var store1 = store;
       if (events2) {
-        var curDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
+        var curDistance = getDistance(events, events2);
         var curScale = curDistance / store1.oriDistance;
-        store1.scale = store1.originScale * curScale;
-        if (store1.scale > 3) {
-          store1.scale = 3;
-        }
+        store1.scale = Math.min(store1.originScale * curScale, 3);
         scaleNow();
       }
     };
     var onTouchEnd = function() {
-      setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
+      lastTouchEndTime.current = Date.now();
       var store1 = store;
       store1.moveable = false;
       if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
@@ -38569,6 +38723,11 @@
       document.addEventListener("touchmove", onTouchMove);
       document.addEventListener("touchend", onTouchEnd);
       document.addEventListener("touchcancel", onTouchEnd);
+      return function() {
+        document.removeEventListener("touchcancel", onTouchEnd);
+        document.removeEventListener("touchmove", onTouchMove);
+        document.removeEventListener("touchend", onTouchEnd);
+      };
     };
     React.useEffect(function() {
       setShowPop(visible);
@@ -38586,7 +38745,7 @@
       innerNo
     ]);
     React.useEffect(function() {
-      setMaxNo((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
+      setMaxNo(images.length + videos.length);
     }, [
       images,
       videos
@@ -38597,7 +38756,7 @@
       }
     };
     var getDistance = function(first, second) {
-      return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
+      return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
     };
     var slideChangeEnd = function(page) {
       setActive(page + 1);
@@ -38608,29 +38767,27 @@
       setShowPop(false);
       setActive(innerNo);
       scaleNow();
-      onClose && onClose();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
       setStore(_object_spread_props(_object_spread({}, store), {
         scale: 1
       }));
     };
     var closeOnImg = function(e) {
       e.stopPropagation();
-      if (closeOnContentClick) {
-        onCloseInner(e);
-      }
+      if (closeOnContentClick) onCloseInner(e);
     };
     return /* @__PURE__ */ React.createElement(Popup, {
       visible: showPop,
       className: "".concat(classPrefix2, "-pop"),
-      style: {
-        width: "100%"
-      },
       onClick: onCloseInner
     }, /* @__PURE__ */ React.createElement(components.View, {
       className: classNames(classPrefix2, className),
       style,
       ref,
-      onTouchStart
+      onTouchStart,
+      onTouchMove,
+      onTouchEnd,
+      onTouchCancel: onTouchEnd
     }, /* @__PURE__ */ React.createElement(InnerSwiper, {
       autoPlay,
       className: "".concat(classPrefix2, "-swiper"),
@@ -38648,60 +38805,57 @@
       },
       defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
       indicator
-    }, (videos !== null && videos !== void 0 ? videos : []).map(function(item) {
+    }, _to_consumable_array(videos.map(function(item) {
       return {
         type: "video",
         data: item
       };
-    }).concat((images !== null && images !== void 0 ? images : []).map(function(item) {
+    })).concat(_to_consumable_array(images.map(function(item) {
       return {
         type: "image",
         data: item
       };
-    })).sort(function(a, b) {
+    }))).sort(function(a, b) {
       var _a_data, _b_data;
       var _a_data_index, _b_data_index;
       return ((_a_data_index = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _a_data_index !== void 0 ? _a_data_index : 0) - ((_b_data_index = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _b_data_index !== void 0 ? _b_data_index : 0);
     }).map(function(item, index2) {
-      if (item.type === "video") {
-        var _item_data = item.data, source = _item_data.source, options = _item_data.options;
-        return /* @__PURE__ */ React.createElement(SwiperItem, {
-          key: index2,
-          className: "nut-imagepreview-swiper-item"
-        }, /* @__PURE__ */ React.createElement(components.Video, {
-          src: source.src,
-          onClick: closeOnImg,
-          controls: options.controls,
-          autoplay: false,
-          loop: false,
-          muted: options.muted
-        }));
-      }
-      if (item.type === "image") {
-        var src = item.data.src;
-        return /* @__PURE__ */ React.createElement(SwiperItem, {
-          key: index2,
-          className: "nut-imagepreview-swiper-item"
-        }, /* @__PURE__ */ React.createElement(Image$1, _object_spread({
-          src,
-          mode: "widthFix",
-          onClick: closeOnImg,
-          style: {
-            width: "100%"
-          }
-        }, Taro.getEnv() !== "WEB" && {
-          showMenuByLongpress
-        })));
-      }
-      return null;
-    }))), pagination ? /* @__PURE__ */ React.createElement(components.View, {
+      return /* @__PURE__ */ React.createElement(SwiperItem, {
+        key: index2,
+        className: "nut-imagepreview-swiper-item"
+      }, item.type === "video" ? /* @__PURE__ */ React.createElement(components.Video, {
+        src: item.data.source.src,
+        onClick: closeOnImg,
+        controls: item.data.options.controls,
+        autoplay: false,
+        loop: false,
+        muted: item.data.options.muted
+      }) : /* @__PURE__ */ React.createElement(Image$1, _object_spread({
+        src: item.data.src,
+        mode: "widthFix",
+        onClick: closeOnImg,
+        style: {
+          width: "100%"
+        }
+      }, Taro.getEnv() !== "WEB" && {
+        showMenuByLongpress
+      })));
+    }))), pagination && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-index")
-    }, active2, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null, closeIcon !== false ? /* @__PURE__ */ React.createElement(components.View, {
+    }, active2, "/", maxNo), closeIcon !== false && /* @__PURE__ */ React.createElement(components.View, {
       className: "".concat(classPrefix2, "-close ").concat(closeIconPosition),
       onClick: onCloseInner
-    }, closeIcon === true ? /* @__PURE__ */ React.createElement(IconSVG$p, null) : closeIcon) : null);
+    }, closeIcon === true ? /* @__PURE__ */ React.createElement(IconSVG$p, null) : closeIcon));
   };
   ImagePreview.displayName = "NutImagePreview";
+  function addColorForHarmony(maybeElement, color) {
+    if (React.isValidElement(maybeElement) && harmony()) {
+      return React.cloneElement(maybeElement, {
+        color
+      });
+    }
+    return maybeElement;
+  }
   var defaultPaginationOptions = {
     current: 0,
     itemsPerPage: 10,