@nutui/nutui-react 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.0-beta.2 Wed Jun 28 2023 16:06:00 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-beta.3 Fri Jun 30 2023 14:20:38 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2498,6 +2498,28 @@ Check the top-level render call using <` + t + ">.");
   );
   Button.displayName = "NutButton";
   const defaultProps$1p = {
+    ...ComponentDefaults,
+    title: "",
+    description: "",
+    divider: true
+  };
+  const classPrefix$n = "nut-cell-group";
+  const CellGroup = (props) => {
+    const { children, className, style, title, description, divider, ...rest } = {
+      ...defaultProps$1p,
+      ...props
+    };
+    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$n, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `${classPrefix$n}__wrap ${divider ? `${classPrefix$n}__wrap--divider` : ""}`
+      },
+      children
+    ));
+  };
+  CellGroup.defaultProps = defaultProps$1p;
+  CellGroup.displayName = "NutCellGroup";
+  const defaultProps$1o = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -2507,7 +2529,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$n = "nut-cell";
+  const classPrefix$m = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2521,7 +2543,7 @@ Check the top-level render call using <` + t + ">.");
       style,
       ...rest
     } = {
-      ...defaultProps$1p,
+      ...defaultProps$1o,
       ...props
     };
     const handleClick2 = (event) => {
@@ -2538,45 +2560,24 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$n, className),
+        className: classNames(classPrefix$m, className),
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
       },
-      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
+      children || /* @__PURE__ */ React.createElement(React.Fragment, null, title || description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React.createElement(
         "div",
         {
-          className: `${classPrefix$n}__extra`,
+          className: `${classPrefix$m}__extra`,
           style: styles
         },
         extra
-      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$n}__divider` }))
+      ) : null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__divider` }))
     );
   };
-  Cell.defaultProps = defaultProps$1p;
+  Cell.defaultProps = defaultProps$1o;
   Cell.displayName = "NutCell";
-  const defaultProps$1o = {
-    ...ComponentDefaults,
-    title: "",
-    description: "",
-    divider: true
-  };
-  const classPrefix$m = "nut-cell-group";
-  const CellGroup = (props) => {
-    const { children, className, style, title, description, divider, ...rest } = {
-      ...defaultProps$1o,
-      ...props
-    };
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$m, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$m}__description` }, description) : null, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: `${classPrefix$m}__wrap ${divider ? `${classPrefix$m}__wrap--divider` : ""}`
-      },
-      children
-    ));
-  };
-  CellGroup.defaultProps = defaultProps$1o;
-  CellGroup.displayName = "NutCellGroup";
+  Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
   var symbolTag = "[object Symbol]";
   var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
@@ -15942,7 +15943,7 @@ Please add \`${key}Action\` when creating your handler.`);
           resetFields();
         }
       },
-      /* @__PURE__ */ React.createElement(CellGroup, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
+      /* @__PURE__ */ React.createElement(Cell.Group, null, /* @__PURE__ */ React.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React.createElement(Cell, null, footer) : null)
     );
   };
   Form.defaultProps = defaultProps$T;
@@ -16389,148 +16390,6 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   InputNumber.defaultProps = defaultProps$R;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$Q = {
-    ...ComponentDefaults,
-    activeColor: "",
-    closeOnOverlayClick: true,
-    scrollFixed: false,
-    lockScroll: true,
-    icon: null
-  };
-  const Menu = (props) => {
-    const {
-      className,
-      icon,
-      scrollFixed,
-      lockScroll,
-      closeOnOverlayClick,
-      children,
-      activeColor,
-      ...rest
-    } = {
-      ...defaultProps$Q,
-      ...props
-    };
-    const menuRef = React.useRef(null);
-    const [isScrollFixed, setIsScrollFixed] = React.useState(false);
-    const getScrollTop = (el) => {
-      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
-    };
-    const onScroll = () => {
-      const { scrollFixed: scrollFixed2 } = props;
-      const scrollTop = getScrollTop(window);
-      const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
-      setIsScrollFixed(isFixed);
-    };
-    React.useEffect(() => {
-      if (scrollFixed) {
-        window.addEventListener("scroll", onScroll);
-      }
-      return () => window.removeEventListener("scroll", onScroll);
-    }, []);
-    const [showMenuItem, setShowMenuItem] = React.useState([]);
-    const [menuItemTitle, setMenuItemTitle] = React.useState([]);
-    const toggleMenuItem = (index) => {
-      showMenuItem[index] = !showMenuItem[index];
-      const temp = showMenuItem.map(
-        (i, idx) => idx === index ? i : false
-      );
-      setShowMenuItem([...temp]);
-    };
-    const hideMenuItem = (index) => {
-      showMenuItem[index] = false;
-      setShowMenuItem([...showMenuItem]);
-    };
-    const updateTitle = (text, index) => {
-      menuItemTitle[index] = text;
-      setMenuItemTitle([...menuItemTitle]);
-    };
-    const cloneChildren = () => {
-      return React.Children.map(children, (child, index) => {
-        return React.cloneElement(child, {
-          ...child.props,
-          show: showMenuItem[index],
-          index,
-          activeColor,
-          parent: {
-            closeOnOverlayClick,
-            lockScroll,
-            toggleMenuItem,
-            updateTitle,
-            hideMenuItem,
-            menuRef
-          }
-        });
-      });
-    };
-    const menuTitle = () => {
-      return React.Children.map(children, (child, index) => {
-        if (React.isValidElement(child)) {
-          const { title, options: options2, value, disabled, direction } = child.props;
-          const selected = options2 == null ? void 0 : options2.filter(
-            (option) => option.value === value
-          );
-          const finallyTitle = () => {
-            if (title)
-              return title;
-            if (menuItemTitle && menuItemTitle[index])
-              return menuItemTitle[index];
-            if (selected && selected.length && selected[0].text)
-              return selected[0].text;
-            return "";
-          };
-          return /* @__PURE__ */ React.createElement(
-            "div",
-            {
-              className: classNames("nut-menu__item ", className, {
-                active: showMenuItem[index],
-                disabled
-              }),
-              style: { color: showMenuItem[index] ? activeColor : "" },
-              key: index,
-              onClick: (e) => {
-                e.stopPropagation();
-                !disabled && toggleMenuItem(index);
-              }
-            },
-            /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                className: classNames("nut-menu__title ", {
-                  active: showMenuItem[index],
-                  disabled
-                })
-              },
-              /* @__PURE__ */ React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$9, { className: "nut-menu__title-icon" }))
-            )
-          );
-        }
-        return null;
-      });
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        className: classNames(`nut-menu`, className, {
-          "scroll-fixed": isScrollFixed
-        }),
-        ref: menuRef
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames("nut-menu__bar", {
-            opened: showMenuItem.includes(true)
-          })
-        },
-        menuTitle()
-      ), cloneChildren())
-    );
-  };
-  Menu.defaultProps = defaultProps$Q;
-  Menu.displayName = "NutMenu";
   const isObject = (val) => val !== null && typeof val === "object";
   const isFunction = (val) => typeof val === "function";
   const isPromise = (val) => {
@@ -16571,7 +16430,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [target]);
   }
-  const defaultProps$P = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -16600,7 +16459,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$P,
+      ...defaultProps$Q,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show2);
@@ -16732,8 +16591,151 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     );
   });
-  MenuItem.defaultProps = defaultProps$P;
+  MenuItem.defaultProps = defaultProps$Q;
   MenuItem.displayName = "NutMenuItem";
+  const defaultProps$P = {
+    ...ComponentDefaults,
+    activeColor: "",
+    closeOnOverlayClick: true,
+    scrollFixed: false,
+    lockScroll: true,
+    icon: null
+  };
+  const Menu = (props) => {
+    const {
+      className,
+      icon,
+      scrollFixed,
+      lockScroll,
+      closeOnOverlayClick,
+      children,
+      activeColor,
+      ...rest
+    } = {
+      ...defaultProps$P,
+      ...props
+    };
+    const menuRef = React.useRef(null);
+    const [isScrollFixed, setIsScrollFixed] = React.useState(false);
+    const getScrollTop = (el) => {
+      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+    };
+    const onScroll = () => {
+      const { scrollFixed: scrollFixed2 } = props;
+      const scrollTop = getScrollTop(window);
+      const isFixed = scrollTop > (typeof scrollFixed2 === "boolean" ? 30 : Number(scrollFixed2));
+      setIsScrollFixed(isFixed);
+    };
+    React.useEffect(() => {
+      if (scrollFixed) {
+        window.addEventListener("scroll", onScroll);
+      }
+      return () => window.removeEventListener("scroll", onScroll);
+    }, []);
+    const [showMenuItem, setShowMenuItem] = React.useState([]);
+    const [menuItemTitle, setMenuItemTitle] = React.useState([]);
+    const toggleMenuItem = (index) => {
+      showMenuItem[index] = !showMenuItem[index];
+      const temp = showMenuItem.map(
+        (i, idx) => idx === index ? i : false
+      );
+      setShowMenuItem([...temp]);
+    };
+    const hideMenuItem = (index) => {
+      showMenuItem[index] = false;
+      setShowMenuItem([...showMenuItem]);
+    };
+    const updateTitle = (text, index) => {
+      menuItemTitle[index] = text;
+      setMenuItemTitle([...menuItemTitle]);
+    };
+    const cloneChildren = () => {
+      return React.Children.map(children, (child, index) => {
+        return React.cloneElement(child, {
+          ...child.props,
+          show: showMenuItem[index],
+          index,
+          activeColor,
+          parent: {
+            closeOnOverlayClick,
+            lockScroll,
+            toggleMenuItem,
+            updateTitle,
+            hideMenuItem,
+            menuRef
+          }
+        });
+      });
+    };
+    const menuTitle = () => {
+      return React.Children.map(children, (child, index) => {
+        if (React.isValidElement(child)) {
+          const { title, options: options2, value, disabled, direction } = child.props;
+          const selected = options2 == null ? void 0 : options2.filter(
+            (option) => option.value === value
+          );
+          const finallyTitle = () => {
+            if (title)
+              return title;
+            if (menuItemTitle && menuItemTitle[index])
+              return menuItemTitle[index];
+            if (selected && selected.length && selected[0].text)
+              return selected[0].text;
+            return "";
+          };
+          return /* @__PURE__ */ React.createElement(
+            "div",
+            {
+              className: classNames("nut-menu__item ", className, {
+                active: showMenuItem[index],
+                disabled
+              }),
+              style: { color: showMenuItem[index] ? activeColor : "" },
+              key: index,
+              onClick: (e) => {
+                e.stopPropagation();
+                !disabled && toggleMenuItem(index);
+              }
+            },
+            /* @__PURE__ */ React.createElement(
+              "div",
+              {
+                className: classNames("nut-menu__title ", {
+                  active: showMenuItem[index],
+                  disabled
+                })
+              },
+              /* @__PURE__ */ React.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
+              icon || (direction === "up" ? /* @__PURE__ */ React.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React.createElement(y$9, { className: "nut-menu__title-icon" }))
+            )
+          );
+        }
+        return null;
+      });
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ...rest,
+        className: classNames(`nut-menu`, className, {
+          "scroll-fixed": isScrollFixed
+        }),
+        ref: menuRef
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: classNames("nut-menu__bar", {
+            opened: showMenuItem.includes(true)
+          })
+        },
+        menuTitle()
+      ), cloneChildren())
+    );
+  };
+  Menu.defaultProps = defaultProps$P;
+  Menu.displayName = "NutMenu";
+  Menu.Item = MenuItem;
   const defaultProps$O = {
     ...ComponentDefaults,
     visible: false,
@@ -20322,6 +20324,29 @@ Please add \`${key}Action\` when creating your handler.`);
   PullToRefresh.displayName = "NutPullToRefresh";
   const AvatarContext = React.createContext({});
   const defaultProps$u = {
+    ...ComponentDefaults,
+    maxContent: "",
+    max: "",
+    maxBackground: "#eee",
+    maxColor: "#666",
+    gap: "-8",
+    level: "left"
+  };
+  const classPrefix$8 = `nut-avatar-group`;
+  const AvatarGroup = (props) => {
+    const propAvatarGroup = { ...defaultProps$u, ...props };
+    const { className, style, children } = propAvatarGroup;
+    const avatarGroupRef = React.useRef(null);
+    const cls = classNames(classPrefix$8, className);
+    const parentAvatar = {
+      propAvatarGroup,
+      avatarGroupRef
+    };
+    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
+  };
+  AvatarGroup.defaultProps = defaultProps$u;
+  AvatarGroup.displayName = "NutAvatarGroup";
+  const defaultProps$t = {
     ...ComponentDefaults,
     size: "",
     shape: "round",
@@ -20332,7 +20357,7 @@ Please add \`${key}Action\` when creating your handler.`);
     src: "",
     alt: ""
   };
-  const classPrefix$8 = `nut-avatar`;
+  const classPrefix$7 = `nut-avatar`;
   const Avatar = (props) => {
     var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
@@ -20351,7 +20376,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onError,
       ...rest
     } = {
-      ...defaultProps$u,
+      ...defaultProps$t,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -20364,7 +20389,7 @@ Please add \`${key}Action\` when creating your handler.`);
       [`nut-avatar-${((_a2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a2.size) || size || "normal"}`]: true,
       [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
     });
-    const cls = classNames(classPrefix$8, classes, className);
+    const cls = classNames(classPrefix$7, classes, className);
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -20433,9 +20458,10 @@ Please add \`${key}Action\` when creating your handler.`);
       showMax && /* @__PURE__ */ React.createElement("div", { className: "text" }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}`)
     ));
   };
-  Avatar.defaultProps = defaultProps$u;
+  Avatar.defaultProps = defaultProps$t;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$t = {
+  Avatar.Group = AvatarGroup;
+  const defaultProps$s = {
     ...ComponentDefaults,
     rows: 1,
     animated: false,
@@ -20458,7 +20484,7 @@ Please add \`${key}Action\` when creating your handler.`);
       avatarShape,
       ...rest
     } = {
-      ...defaultProps$t,
+      ...defaultProps$s,
       ...props
     };
     const classPrefix2 = "nut-skeleton";
@@ -20494,7 +20520,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__block`, key: index });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$t;
+  Skeleton.defaultProps = defaultProps$s;
   Skeleton.displayName = "NutSkeleton";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -20504,13 +20530,13 @@ Please add \`${key}Action\` when creating your handler.`);
       event.stopPropagation();
     }
   }
-  const defaultProps$s = {
+  const defaultProps$r = {
     name: ""
   };
   const Swipe = React.forwardRef((props, instanceRef) => {
     const classPrefix2 = "nut-swipe";
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$s, ...props };
+    const { children, className, style } = { ...defaultProps$r, ...props };
     const root2 = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -20678,9 +20704,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}__wrapper`, style: wrapperStyle }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef))
     );
   });
-  Swipe.defaultProps = defaultProps$s;
+  Swipe.defaultProps = defaultProps$r;
   Swipe.displayName = "NutSwipe";
-  const classPrefix$7 = "nut-toast";
+  const classPrefix$6 = "nut-toast";
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
       super(props);
@@ -20742,7 +20768,7 @@ Please add \`${key}Action\` when creating your handler.`);
             iconNode = /* @__PURE__ */ React__namespace.createElement(x$8, null);
             break;
         }
-        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconNode);
+        return /* @__PURE__ */ React__namespace.createElement("p", { className: `${classPrefix$6}__icon-wrapper` }, iconNode);
       }
       return icon;
     }
@@ -20777,22 +20803,22 @@ Please add \`${key}Action\` when creating your handler.`);
         {
           visible: show2,
           style,
-          className: `${classPrefix$7}__overlay-default ${className}`,
+          className: `${classPrefix$6}__overlay-default ${className}`,
           onClick: () => {
             this.clickCover();
           },
           closeOnOverlayClick,
           lockScroll
         },
-        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$7} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.createElement(
+        /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React__namespace.createElement(
           "div",
           {
-            className: `${classPrefix$7}__inner ${classPrefix$7}-${position} ${contentClassName}`,
+            className: `${classPrefix$6}__inner ${classPrefix$6}-${position} ${contentClassName}`,
             style: contentStyle
           },
           this.renderIcon(),
-          title ? /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
-          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$7}-text` }, content)
+          title ? /* @__PURE__ */ React__namespace.createElement("div", { className: `${classPrefix$6}-title` }, title) : null,
+          /* @__PURE__ */ React__namespace.createElement("span", { className: `${classPrefix$6}-text` }, content)
         ))
       ));
     }
@@ -20899,7 +20925,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   };
-  const defaultProps$r = {
+  const defaultProps$q = {
     ...ComponentDefaults,
     type: "shake",
     action: "initial",
@@ -20907,16 +20933,16 @@ Please add \`${key}Action\` when creating your handler.`);
     onClick: (event) => {
     }
   };
-  const classPrefix$6 = `nut-animate`;
+  const classPrefix$5 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop: loop2, onClick, children, ...rest } = {
-      ...defaultProps$r,
+      ...defaultProps$q,
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$6}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix$5}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -20931,9 +20957,9 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ React.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React.createElement("div", { className: cls, onClick: handleClick2, ...rest }, children));
   };
-  Animate.defaultProps = defaultProps$r;
+  Animate.defaultProps = defaultProps$q;
   Animate.displayName = "NutAnimate";
-  const defaultProps$q = {
+  const defaultProps$p = {
     ...ComponentDefaults,
     length: 0,
     value: "",
@@ -20952,7 +20978,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...reset
     } = {
-      ...defaultProps$q,
+      ...defaultProps$p,
       ...props
     };
     const classPrefix2 = "nut-countup";
@@ -21016,9 +21042,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$q;
+  CountUp.defaultProps = defaultProps$p;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$p = {};
+  const defaultProps$o = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -21028,11 +21054,11 @@ Please add \`${key}Action\` when creating your handler.`);
       return /* @__PURE__ */ React.createElement("div", { className: "nut-animatingnumbers" });
     }
   }
-  __publicField(AnimatingNumbers, "defaultProps", defaultProps$p);
+  __publicField(AnimatingNumbers, "defaultProps", defaultProps$o);
   __publicField(AnimatingNumbers, "displayName", "NutAnimatingNumbers");
   __publicField(AnimatingNumbers, "CountUp", CountUp);
   AnimatingNumbers.CountUp = CountUp;
-  const defaultProps$o = {
+  const defaultProps$n = {
     ...ComponentDefaults,
     src: "",
     muted: false,
@@ -21075,7 +21101,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$o,
+      ...defaultProps$n,
       ...props
     };
     const [playing, setPlaying] = React.useState(false);
@@ -21281,31 +21307,8 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("track", { kind: "captions" })
     ));
   };
-  Audio.defaultProps = defaultProps$o;
+  Audio.defaultProps = defaultProps$n;
   Audio.displayName = "NutAudio";
-  const defaultProps$n = {
-    ...ComponentDefaults,
-    maxContent: "",
-    max: "",
-    maxBackground: "#eee",
-    maxColor: "#666",
-    gap: "-8",
-    level: "left"
-  };
-  const classPrefix$5 = `nut-avatar-group`;
-  const AvatarGroup = (props) => {
-    const propAvatarGroup = { ...defaultProps$n, ...props };
-    const { className, style, children } = propAvatarGroup;
-    const avatarGroupRef = React.useRef(null);
-    const cls = classNames(classPrefix$5, className);
-    const parentAvatar = {
-      propAvatarGroup,
-      avatarGroupRef
-    };
-    return /* @__PURE__ */ React.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
-  };
-  AvatarGroup.defaultProps = defaultProps$n;
-  AvatarGroup.displayName = "NutAvatarGroup";
   const defaultProps$m = {
     ...ComponentDefaults,
     strokeWidth: 5,
@@ -22580,6 +22583,8 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   SwiperItem.defaultProps = defaultProps$e;
   SwiperItem.displayName = "NutSwiperItem";
+  const InnerSwiper = Swiper;
+  InnerSwiper.Item = SwiperItem;
   const defaultProps$d = {
     ...ComponentDefaults,
     images: [],
@@ -22755,7 +22760,7 @@ Please add \`${key}Action\` when creating your handler.`);
           onTouchStart
         },
         /* @__PURE__ */ React.createElement(
-          Swiper,
+          InnerSwiper,
           {
             autoPlay,
             className: `${classPrefix2}-swiper`,
@@ -24200,7 +24205,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Sticky = Sticky;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
-  exports2.Swiper = Swiper;
+  exports2.Swiper = InnerSwiper;
   exports2.SwiperItem = SwiperItem;
   exports2.Switch = Switch;
   exports2.TabPane = TabPane;