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

package/dist/nutui.react.es.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @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.
 */
@@ -2480,6 +2480,28 @@ const Button = React__default.forwardRef(
 );
 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__default.createElement("div", { className: classNames(classPrefix$n, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__description` }, description) : null, /* @__PURE__ */ React__default.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,
@@ -2489,7 +2511,7 @@ const defaultProps$1p = {
   onClick: (event) => {
   }
 };
-const classPrefix$n = "nut-cell";
+const classPrefix$m = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -2503,7 +2525,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const handleClick2 = (event) => {
@@ -2520,45 +2542,24 @@ const Cell = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$n, className),
+      className: classNames(classPrefix$m, className),
       onClick: (event) => handleClick2(event),
       style: baseStyle,
       ...rest
     },
-    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
+    children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, title || description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$m}__left` }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$m}__description` }, description) : null) : null, extra ? /* @__PURE__ */ React__default.createElement(
       "div",
       {
-        className: `${classPrefix$n}__extra`,
+        className: `${classPrefix$m}__extra`,
         style: styles
       },
       extra
-    ) : null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$n}__divider` }))
+    ) : null, /* @__PURE__ */ React__default.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__default.createElement("div", { className: classNames(classPrefix$m, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$m}__title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$m}__description` }, description) : null, /* @__PURE__ */ React__default.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;
@@ -15924,7 +15925,7 @@ const Form = (props) => {
         resetFields();
       }
     },
-    /* @__PURE__ */ React__default.createElement(CellGroup, null, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
+    /* @__PURE__ */ React__default.createElement(Cell.Group, null, /* @__PURE__ */ React__default.createElement(Context.Provider, { value: formInstance }, children), footer ? /* @__PURE__ */ React__default.createElement(Cell, null, footer) : null)
   );
 };
 Form.defaultProps = defaultProps$T;
@@ -16371,148 +16372,6 @@ const InputNumber = (props) => {
 };
 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 = useRef(null);
-  const [isScrollFixed, setIsScrollFixed] = 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);
-  };
-  useEffect(() => {
-    if (scrollFixed) {
-      window.addEventListener("scroll", onScroll);
-    }
-    return () => window.removeEventListener("scroll", onScroll);
-  }, []);
-  const [showMenuItem, setShowMenuItem] = useState([]);
-  const [menuItemTitle, setMenuItemTitle] = 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__default.Children.map(children, (child, index) => {
-      return React__default.cloneElement(child, {
-        ...child.props,
-        show: showMenuItem[index],
-        index,
-        activeColor,
-        parent: {
-          closeOnOverlayClick,
-          lockScroll,
-          toggleMenuItem,
-          updateTitle,
-          hideMenuItem,
-          menuRef
-        }
-      });
-    });
-  };
-  const menuTitle = () => {
-    return React__default.Children.map(children, (child, index) => {
-      if (React__default.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__default.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__default.createElement(
-            "div",
-            {
-              className: classNames("nut-menu__title ", {
-                active: showMenuItem[index],
-                disabled
-              })
-            },
-            /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React__default.createElement(y$9, { className: "nut-menu__title-icon" }))
-          )
-        );
-      }
-      return null;
-    });
-  };
-  return /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      ...rest,
-      className: classNames(`nut-menu`, className, {
-        "scroll-fixed": isScrollFixed
-      }),
-      ref: menuRef
-    },
-    /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React__default.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) => {
@@ -16553,7 +16412,7 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$P = {
+const defaultProps$Q = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -16582,7 +16441,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$P,
+    ...defaultProps$Q,
     ...props
   };
   const [_showPopup, setShowPopup] = useState(show2);
@@ -16714,8 +16573,151 @@ const MenuItem = forwardRef((props, ref) => {
     )
   );
 });
-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 = useRef(null);
+  const [isScrollFixed, setIsScrollFixed] = 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);
+  };
+  useEffect(() => {
+    if (scrollFixed) {
+      window.addEventListener("scroll", onScroll);
+    }
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
+  const [showMenuItem, setShowMenuItem] = useState([]);
+  const [menuItemTitle, setMenuItemTitle] = 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__default.Children.map(children, (child, index) => {
+      return React__default.cloneElement(child, {
+        ...child.props,
+        show: showMenuItem[index],
+        index,
+        activeColor,
+        parent: {
+          closeOnOverlayClick,
+          lockScroll,
+          toggleMenuItem,
+          updateTitle,
+          hideMenuItem,
+          menuRef
+        }
+      });
+    });
+  };
+  const menuTitle = () => {
+    return React__default.Children.map(children, (child, index) => {
+      if (React__default.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__default.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__default.createElement(
+            "div",
+            {
+              className: classNames("nut-menu__title ", {
+                active: showMenuItem[index],
+                disabled
+              })
+            },
+            /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
+            icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(x$h, { className: "nut-menu__title-icon" }) : /* @__PURE__ */ React__default.createElement(y$9, { className: "nut-menu__title-icon" }))
+          )
+        );
+      }
+      return null;
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      ...rest,
+      className: classNames(`nut-menu`, className, {
+        "scroll-fixed": isScrollFixed
+      }),
+      ref: menuRef
+    },
+    /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu-relative" }, /* @__PURE__ */ React__default.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,
@@ -20304,6 +20306,29 @@ PullToRefresh.defaultProps = defaultProps$v;
 PullToRefresh.displayName = "NutPullToRefresh";
 const AvatarContext = 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 = useRef(null);
+  const cls = classNames(classPrefix$8, className);
+  const parentAvatar = {
+    propAvatarGroup,
+    avatarGroupRef
+  };
+  return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
+};
+AvatarGroup.defaultProps = defaultProps$u;
+AvatarGroup.displayName = "NutAvatarGroup";
+const defaultProps$t = {
   ...ComponentDefaults,
   size: "",
   shape: "round",
@@ -20314,7 +20339,7 @@ const defaultProps$u = {
   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 {
@@ -20333,7 +20358,7 @@ const Avatar = (props) => {
     onError,
     ...rest
   } = {
-    ...defaultProps$u,
+    ...defaultProps$t,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -20346,7 +20371,7 @@ const Avatar = (props) => {
     [`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`,
@@ -20415,9 +20440,10 @@ const Avatar = (props) => {
     showMax && /* @__PURE__ */ React__default.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,
@@ -20440,7 +20466,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...rest
   } = {
-    ...defaultProps$t,
+    ...defaultProps$s,
     ...props
   };
   const classPrefix2 = "nut-skeleton";
@@ -20476,7 +20502,7 @@ const Skeleton = (props) => {
     return /* @__PURE__ */ React__default.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) {
@@ -20486,13 +20512,13 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$s = {
+const defaultProps$r = {
   name: ""
 };
 const Swipe = 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 = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -20660,9 +20686,9 @@ const Swipe = forwardRef((props, instanceRef) => {
     /* @__PURE__ */ React__default.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.PureComponent {
   constructor(props) {
     super(props);
@@ -20724,7 +20750,7 @@ class Notification extends React.PureComponent {
           iconNode = /* @__PURE__ */ React.createElement(x$8, null);
           break;
       }
-      return /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$7}__icon-wrapper` }, iconNode);
+      return /* @__PURE__ */ React.createElement("p", { className: `${classPrefix$6}__icon-wrapper` }, iconNode);
     }
     return icon;
   }
@@ -20759,22 +20785,22 @@ class Notification extends React.PureComponent {
       {
         visible: show2,
         style,
-        className: `${classPrefix$7}__overlay-default ${className}`,
+        className: `${classPrefix$6}__overlay-default ${className}`,
         onClick: () => {
           this.clickCover();
         },
         closeOnOverlayClick,
         lockScroll
       },
-      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$7} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$6} ${classes}`, id: `toast-${id}` }, /* @__PURE__ */ React.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.createElement("div", { className: `${classPrefix$7}-title` }, title) : null,
-        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$7}-text` }, content)
+        title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$6}-title` }, title) : null,
+        /* @__PURE__ */ React.createElement("span", { className: `${classPrefix$6}-text` }, content)
       ))
     ));
   }
@@ -20881,7 +20907,7 @@ const Toast = {
     }
   }
 };
-const defaultProps$r = {
+const defaultProps$q = {
   ...ComponentDefaults,
   type: "shake",
   action: "initial",
@@ -20889,16 +20915,16 @@ const defaultProps$r = {
   onClick: (event) => {
   }
 };
-const classPrefix$6 = `nut-animate`;
+const classPrefix$5 = `nut-animate`;
 const Animate = (props) => {
   const { className, type: type4, action, loop: loop2, onClick, children, ...rest } = {
-    ...defaultProps$r,
+    ...defaultProps$q,
     ...props
   };
   const [clicked, setClicked] = useState(false);
   const classes = classNames({
     "nut-ani-container": true,
-    [`${classPrefix$6}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${classPrefix$5}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop: loop2
   });
   const cls = classNames(classes, className);
@@ -20913,9 +20939,9 @@ const Animate = (props) => {
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-animate" }, /* @__PURE__ */ React__default.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: "",
@@ -20934,7 +20960,7 @@ const CountUp = (props) => {
     style,
     ...reset
   } = {
-    ...defaultProps$q,
+    ...defaultProps$p,
     ...props
   };
   const classPrefix2 = "nut-countup";
@@ -20998,9 +21024,9 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$q;
+CountUp.defaultProps = defaultProps$p;
 CountUp.displayName = "NutCountUp";
-const defaultProps$p = {};
+const defaultProps$o = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -21010,11 +21036,11 @@ class AnimatingNumbers extends Component {
     return /* @__PURE__ */ React__default.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,
@@ -21057,7 +21083,7 @@ const Audio = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$o,
+    ...defaultProps$n,
     ...props
   };
   const [playing, setPlaying] = useState(false);
@@ -21263,31 +21289,8 @@ const Audio = (props) => {
     /* @__PURE__ */ React__default.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 = useRef(null);
-  const cls = classNames(classPrefix$5, className);
-  const parentAvatar = {
-    propAvatarGroup,
-    avatarGroupRef
-  };
-  return /* @__PURE__ */ React__default.createElement(AvatarContext.Provider, { value: parentAvatar }, /* @__PURE__ */ React__default.createElement("div", { className: cls, style, ref: avatarGroupRef }, children));
-};
-AvatarGroup.defaultProps = defaultProps$n;
-AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$m = {
   ...ComponentDefaults,
   strokeWidth: 5,
@@ -22562,6 +22565,8 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
 });
 SwiperItem.defaultProps = defaultProps$e;
 SwiperItem.displayName = "NutSwiperItem";
+const InnerSwiper = Swiper;
+InnerSwiper.Item = SwiperItem;
 const defaultProps$d = {
   ...ComponentDefaults,
   images: [],
@@ -22737,7 +22742,7 @@ const ImagePreview = (props) => {
         onTouchStart
       },
       /* @__PURE__ */ React__default.createElement(
-        Swiper,
+        InnerSwiper,
         {
           autoPlay,
           className: `${classPrefix2}-swiper`,
@@ -24183,7 +24188,7 @@ export {
   Sticky,
   SubSideNavBar,
   Swipe,
-  Swiper,
+  InnerSwiper as Swiper,
   SwiperItem,
   Switch,
   TabPane,