@nutui/nutui-react 1.1.4-beta.2 → 1.1.4

package/dist/nutui.react.es.js

@@ -34,7 +34,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.4-beta.2 Fri May 20 2022 09:38:53 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4 Tue May 24 2022 15:09:27 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -80,7 +80,7 @@ classname_production_min.cn = e$1, classname_production_min.withNaming = r$1;
   classname.exports = classname_production_min;
 }
 const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-const defaultProps$Y = {
+const defaultProps$Z = {
   name: "",
   size: "",
   classPrefix: "nutui-iconfont",
@@ -94,7 +94,7 @@ function pxCheck$2(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const Icon = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$Y), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$Z), props), { name, size, classPrefix, color, tag, children, className, style, click } = _a, rest = __objRest(_a, ["name", "size", "classPrefix", "color", "tag", "children", "className", "style", "click"]);
   const isImage = name ? name.indexOf("/") !== -1 : false;
   const type = isImage ? "img" : tag;
   const b2 = cn("icon");
@@ -120,9 +120,9 @@ const Icon = (props) => {
     onClick: handleClick
   }), hasSrc()), children);
 };
-Icon.defaultProps = defaultProps$Y;
+Icon.defaultProps = defaultProps$Z;
 Icon.displayName = "NutIcon";
-const defaultProps$X = {
+const defaultProps$Y = {
   className: "",
   color: "",
   shape: "round",
@@ -139,7 +139,7 @@ const defaultProps$X = {
   }
 };
 const Button = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$Y), props), {
     color,
     shape,
     plain,
@@ -233,7 +233,7 @@ const Button = (props) => {
     name: icon
   }) : "", children));
 };
-Button.defaultProps = defaultProps$X;
+Button.defaultProps = defaultProps$Y;
 Button.displayName = "NutButton";
 function _setPrototypeOf(o, p2) {
   _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p3) {
@@ -1442,7 +1442,7 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$W = {
+const defaultProps$X = {
   title: "",
   subTitle: "",
   desc: "",
@@ -1458,7 +1458,7 @@ const defaultProps$W = {
   }
 };
 const Cell = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$W), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$X), props), {
     children,
     click,
     isLink,
@@ -1521,11 +1521,11 @@ const Cell = (props) => {
     className: b2("link")
   }) : null);
 };
-Cell.defaultProps = defaultProps$W;
+Cell.defaultProps = defaultProps$X;
 Cell.displayName = "NutCell";
-const defaultProps$V = { title: "", classPrefix: "nutui-cell-group" };
+const defaultProps$W = { title: "", classPrefix: "nutui-cell-group" };
 const CellGroup = (props) => {
-  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$V), props);
+  const { children, classPrefix, title } = __spreadValues(__spreadValues({}, defaultProps$W), props);
   const b2 = cn("cell-group");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2(null, [classPrefix])
@@ -1535,7 +1535,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$V;
+CellGroup.defaultProps = defaultProps$W;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2079,7 +2079,7 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$U = __spreadValues({
+const defaultProps$V = __spreadValues({
   position: "center",
   transition: "",
   style: {},
@@ -2228,25 +2228,25 @@ const Popup = (props) => {
     size: "12px"
   })) : "")));
 };
-Popup.defaultProps = defaultProps$U;
+Popup.defaultProps = defaultProps$V;
 Popup.displayName = "NutPopup";
-const defaultProps$T = {};
+const defaultProps$U = {};
 const Layout = (props) => {
-  __spreadValues(__spreadValues({}, defaultProps$T), props);
+  __spreadValues(__spreadValues({}, defaultProps$U), props);
   return /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$T;
+Layout.defaultProps = defaultProps$U;
 Layout.displayName = "NutLayout";
 const DataContext$2 = createContext({});
-const defaultProps$S = {
+const defaultProps$T = {
   span: "24",
   offset: "0",
   gutter: "0"
 };
 const Col = (props) => {
-  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$S), props);
+  const { span, offset, children } = __spreadValues(__spreadValues({}, defaultProps$T), props);
   const [colName, setColName] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2269,9 +2269,9 @@ const Col = (props) => {
     style: __spreadValues({}, colStyle)
   }, children);
 };
-Col.defaultProps = defaultProps$S;
+Col.defaultProps = defaultProps$T;
 Col.displayName = "NutCol";
-const defaultProps$R = {
+const defaultProps$S = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2279,7 +2279,7 @@ const defaultProps$R = {
   gutter: "0"
 };
 const Row = (props) => {
-  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$R), props);
+  const { children, type, justify, align, wrap, gutter } = __spreadValues(__spreadValues({}, defaultProps$S), props);
   const prefixCls = "nut-row";
   const getClass = (prefix2, type2) => {
     return prefix2 ? type2 ? `nut-row-${prefix2}-${type2}` : "" : `nut-row-${type2}`;
@@ -2302,15 +2302,15 @@ const Row = (props) => {
     className: getClasses()
   }, children));
 };
-Row.defaultProps = defaultProps$R;
+Row.defaultProps = defaultProps$S;
 Row.displayName = "NutRow";
-const defaultProps$Q = {
+const defaultProps$R = {
   contentPosition: "center",
   dashed: false,
   hairline: true
 };
 const Divider = (props) => {
-  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
+  const { children, contentPosition, dashed, hairline, styles, className } = __spreadValues(__spreadValues({}, defaultProps$R), props);
   const dividerBem = cn("divider");
   const classes = classNames({
     [dividerBem()]: true,
@@ -2325,9 +2325,9 @@ const Divider = (props) => {
     style: styles
   }, children);
 };
-Divider.defaultProps = defaultProps$Q;
+Divider.defaultProps = defaultProps$R;
 Divider.displayName = "NutDivider";
-const defaultProps$P = {
+const defaultProps$Q = {
   title: "",
   desc: "",
   leftShow: false,
@@ -2348,7 +2348,7 @@ const NavBar = (props) => {
     onClickIcon,
     onClickBack,
     onClickClear
-  } = __spreadValues(__spreadValues({}, defaultProps$P), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$Q), props);
   const b2 = cn("navbar");
   return /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-navbar ${className}`,
@@ -2371,7 +2371,7 @@ const NavBar = (props) => {
     name: icon
   })));
 };
-NavBar.defaultProps = defaultProps$P;
+NavBar.defaultProps = defaultProps$Q;
 NavBar.displayName = "NutNavBar";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2464,7 +2464,7 @@ const zhCN = {
     additionalImages: (length) => `${length}\u5F20\u8FFD\u8BC4\u56FE\u7247`
   }
 };
-const defaultProps$O = {
+const defaultProps$P = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2481,15 +2481,15 @@ const useConfig = () => {
 };
 const ConfigContext = createContext(null);
 const ConfigProvider = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$O), props), { children } = _a, config2 = __objRest(_a, ["children"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$P), props), { children } = _a, config2 = __objRest(_a, ["children"]);
   const parentConfig = useConfig();
   return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
     value: __spreadValues(__spreadValues({}, parentConfig), config2)
   }, children);
 };
-ConfigProvider.defaultProps = defaultProps$O;
+ConfigProvider.defaultProps = defaultProps$P;
 ConfigProvider.displayName = "NutConfigProvider";
-const defaultProps$N = {
+const defaultProps$O = {
   fixednavClass: "nut-fixednav",
   activeText: "\u6536\u8D77\u5BFC\u822A",
   unActiveText: "\u5FEB\u901F\u5BFC\u822A",
@@ -2501,7 +2501,7 @@ const defaultProps$N = {
 };
 const FixedNav = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$N), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$O), props), {
     fixednavClass,
     overlay,
     visible,
@@ -2571,9 +2571,9 @@ const FixedNav = (props) => {
     className: "text"
   }, visible ? locale.fixednav.activeText || activeText : locale.fixednav.unActiveText || unActiveText))));
 };
-FixedNav.defaultProps = defaultProps$N;
+FixedNav.defaultProps = defaultProps$O;
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$M = {
+const defaultProps$N = {
   visible: 0,
   bottom: false,
   type: "",
@@ -2586,7 +2586,7 @@ const defaultProps$M = {
   }
 };
 const Tabbar = (props) => {
-  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$M), props);
+  const { children, visible, bottom, activeColor, unactiveColor, className, style, tabSwitch } = __spreadValues(__spreadValues({}, defaultProps$N), props);
   const b2 = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(visible);
   const handleClick = (idx) => {
@@ -2612,9 +2612,9 @@ const Tabbar = (props) => {
     return React__default.cloneElement(child, childProps);
   }));
 };
-Tabbar.defaultProps = defaultProps$M;
+Tabbar.defaultProps = defaultProps$N;
 Tabbar.displayName = "NutTabbar";
-const defaultProps$L = {
+const defaultProps$M = {
   tabTitle: "",
   icon: "",
   href: "",
@@ -2628,7 +2628,7 @@ const defaultProps$L = {
   }
 };
 const TabbarItem = (props) => {
-  const { tabTitle, icon, href, to: to2, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$L), props);
+  const { tabTitle, icon, href, to: to2, num, active, activeColor, unactiveColor, index: index2, handleClick } = __spreadValues(__spreadValues({}, defaultProps$M), props);
   const b2 = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
   const history = useHistory();
@@ -2662,14 +2662,14 @@ const TabbarItem = (props) => {
     className: bIcon({ "nav-word": true }, [bIcon({ "big-word": !icon })])
   }, tabTitle)));
 };
-const defaultProps$K = {
+const defaultProps$L = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
   className: ""
 };
 const Elevator = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$K), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$L), props), { height, acceptKey, indexList, className, clickItem, clickIndex } = _a, rest = __objRest(_a, ["height", "acceptKey", "indexList", "className", "clickItem", "clickIndex"]);
   const b2 = cn("elevator");
   const spaceHeight = 23;
   const listview = useRef(null);
@@ -2803,9 +2803,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$K;
+Elevator.defaultProps = defaultProps$L;
 Elevator.displayName = "NutElevator";
-const defaultProps$J = {
+const defaultProps$K = {
   defaultValue: 1,
   mode: "multi",
   prevText: "\u4E0A\u4E00\u9875",
@@ -2822,7 +2822,7 @@ const defaultProps$J = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  __spreadValues(__spreadValues({}, defaultProps$J), props);
+  __spreadValues(__spreadValues({}, defaultProps$K), props);
   const _a = props, {
     modelValue,
     mode,
@@ -2952,7 +2952,7 @@ const Pagination = (props) => {
     onClick: (e2) => selectPage(Number(currentPage) + 1, true)
   }, locale.pagination.next || nextText));
 };
-Pagination.defaultProps = defaultProps$J;
+Pagination.defaultProps = defaultProps$K;
 Pagination.displayName = "NutPagination";
 class Title {
   constructor() {
@@ -2962,7 +2962,7 @@ class Title {
     __publicField(this, "index", 0);
   }
 }
-const defaultProps$I = {
+const defaultProps$J = {
   value: 0,
   color: "",
   background: "",
@@ -2978,7 +2978,7 @@ const pxCheck$1 = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$I), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$J), props), {
     value,
     color,
     background,
@@ -3099,16 +3099,16 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$I;
+Tabs.defaultProps = defaultProps$J;
 Tabs.displayName = "NutTabs";
-const defaultProps$H = {
+const defaultProps$I = {
   title: "",
   paneKey: "",
   activeKey: "",
   disabled: false
 };
 const TabPane = (props) => {
-  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$H), props);
+  const { children, paneKey, activeKey } = __spreadValues(__spreadValues({}, defaultProps$I), props);
   const b2 = cn("tabpane");
   const classes = classNames({
     active: paneKey === activeKey
@@ -3394,7 +3394,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$G = {
+const defaultProps$H = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3424,7 +3424,7 @@ const Range = (props) => {
     change,
     dragStart,
     dragEnd
-  } = __spreadValues(__spreadValues({}, defaultProps$G), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$H), props);
   const [buttonIndex, SetButtonIndex] = useState(0);
   const [initValue, SetInitValue] = useState();
   const [dragStatus, SetDragStatus] = useState("start");
@@ -3633,7 +3633,7 @@ const Range = (props) => {
     className: "max"
   }, +max) : null);
 };
-Range.defaultProps = defaultProps$G;
+Range.defaultProps = defaultProps$H;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -3719,7 +3719,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$F = {
+const defaultProps$G = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -3748,7 +3748,7 @@ const CalendarItem = (props) => {
     onChoose,
     onUpdate,
     onClose
-  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$G), props);
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [unLoadPrev, setUnLoadPrev] = useState(false);
@@ -4134,9 +4134,9 @@ const CalendarItem = (props) => {
     onClick: confirm2
   }, locale.confirm)) : ""));
 };
-CalendarItem.defaultProps = defaultProps$F;
+CalendarItem.defaultProps = defaultProps$G;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$E = {
+const defaultProps$F = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -4164,7 +4164,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = __spreadValues(__spreadValues({}, defaultProps$E), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
   const close = () => {
     onClose && onClose();
   };
@@ -4207,16 +4207,16 @@ const Calendar = (props) => {
     onChoose: choose
   }));
 };
-Calendar.defaultProps = defaultProps$E;
+Calendar.defaultProps = defaultProps$F;
 Calendar.displayName = "NutCalendar";
-const defaultProps$D = {
+const defaultProps$E = {
   disabled: false,
   checkedValue: [],
   onChange: (value) => {
   }
 };
 const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$D), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$E), props);
   const b2 = cn("checkboxgroup");
   const _a = props, { className, disabled, onChange, checkedValue } = _a, rest = __objRest(_a, ["className", "disabled", "onChange", "checkedValue"]);
   const [innerDisabled, setInnerDisabled] = useState(disabled);
@@ -4275,9 +4275,9 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     className: `${b2()} ${className || ""}`
   }, rest), cloneChildren());
 });
-CheckboxGroup.defaultProps = defaultProps$D;
+CheckboxGroup.defaultProps = defaultProps$E;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$C = {
+const defaultProps$D = {
   checked: false,
   disabled: false,
   textPosition: "right",
@@ -4288,7 +4288,7 @@ const defaultProps$C = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$C), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$D), props);
   const b2 = cn("checkbox");
   const _a = props, {
     iconName,
@@ -4344,7 +4344,7 @@ const Checkbox = (props) => {
     onClick: handleClick
   }), renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$C;
+Checkbox.defaultProps = defaultProps$D;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -4660,7 +4660,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$B = {
+const defaultProps$C = {
   modelValue: new Date(),
   visible: false,
   title: "",
@@ -4672,7 +4672,7 @@ const defaultProps$B = {
   onCloseDatePicker: () => void 0
 };
 const DatePicker = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$B), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$C), props), {
     minDate,
     maxDate,
     type,
@@ -4926,9 +4926,9 @@ const DatePicker = (props) => {
     ref: pickerRef
   }));
 };
-DatePicker.defaultProps = defaultProps$B;
+DatePicker.defaultProps = defaultProps$C;
 DatePicker.displayName = "NutDatePicker";
-const defaultProps$A = {
+const defaultProps$B = {
   disabled: false,
   buttonSize: "",
   min: 1,
@@ -4944,7 +4944,7 @@ function pxCheck(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const InputNumber = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$A), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$B), props), {
     children,
     disabled,
     buttonSize,
@@ -5101,7 +5101,7 @@ const InputNumber = (props) => {
     click: addNumber
   }));
 };
-InputNumber.defaultProps = defaultProps$A;
+InputNumber.defaultProps = defaultProps$B;
 InputNumber.displayName = "NutInputNumber";
 function trimExtraChar(value, char, regExp) {
   const index2 = value.indexOf(char);
@@ -5127,7 +5127,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$z = {
+const defaultProps$A = {
   type: "text",
   defaultValue: "",
   placeholder: "\u8BF7\u8F93\u5165\u4FE1\u606F",
@@ -5158,7 +5158,7 @@ const Input = (props) => {
     blur,
     focus,
     clear
-  } = __spreadValues(__spreadValues({}, defaultProps$z), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$A), props);
   const inputBem = cn("input");
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -5242,14 +5242,14 @@ const Input = (props) => {
     size: "12px"
   }) : null) : null);
 };
-Input.defaultProps = defaultProps$z;
+Input.defaultProps = defaultProps$A;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$y = {
+const defaultProps$z = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -5257,7 +5257,7 @@ const defaultProps$y = {
   direction: "vertical"
 };
 const RadioGroup = React__default.forwardRef((props, ref) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$y), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$z), props);
   cn("RadioGroup");
   const _a = props, { className, value, onChange, textPosition, direction } = _a, rest = __objRest(_a, ["className", "value", "onChange", "textPosition", "direction"]);
   const [val2State, setVal2State] = useState(value);
@@ -5292,9 +5292,9 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     className: `nut-radiogroup nut-radiogroup--${props.direction}`
   }, rest), cloneChildren()));
 });
-RadioGroup.defaultProps = defaultProps$y;
+RadioGroup.defaultProps = defaultProps$z;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$x = {
+const defaultProps$y = {
   disabled: false,
   checked: false,
   shape: "round",
@@ -5307,7 +5307,7 @@ const defaultProps$x = {
   }
 };
 const Radio = (props) => {
-  const { children } = __spreadValues(__spreadValues({}, defaultProps$x), props);
+  const { children } = __spreadValues(__spreadValues({}, defaultProps$y), props);
   const _a = props, {
     className,
     disabled,
@@ -5375,10 +5375,10 @@ const Radio = (props) => {
     onClick: handleClick
   }, rest), props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]);
 };
-Radio.defaultProps = defaultProps$x;
+Radio.defaultProps = defaultProps$y;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
-const defaultProps$w = {
+const defaultProps$x = {
   count: 5,
   modelValue: 0,
   iconSize: 18,
@@ -5405,7 +5405,7 @@ const Rate = (props) => {
     allowHalf,
     spacing,
     change
-  } = __spreadValues(__spreadValues({}, defaultProps$w), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$x), props);
   const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
@@ -5468,9 +5468,9 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$w;
+Rate.defaultProps = defaultProps$x;
 Rate.displayName = "NutRate";
-const defaultProps$v = {
+const defaultProps$w = {
   title: "\u8BF7\u8F93\u5165\u5BC6\u7801",
   desc: "\u60A8\u4F7F\u7528\u4E86\u865A\u62DF\u8D44\u4EA7\uFF0C\u8BF7\u8FDB\u884C\u9A8C\u8BC1",
   tips: "\u5FD8\u8BB0\u5BC6\u7801",
@@ -5646,9 +5646,9 @@ const ShortPassword = (props) => {
     onClick: () => sure()
   }, locale.confirm)) : null)));
 };
-ShortPassword.defaultProps = defaultProps$v;
+ShortPassword.defaultProps = defaultProps$w;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$u = {
+const defaultProps$v = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -5676,7 +5676,7 @@ const TextArea = (props) => {
     change,
     blur,
     focus
-  } = __spreadValues(__spreadValues({}, defaultProps$u), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$v), props);
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   useEffect(() => {
@@ -5747,7 +5747,7 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$u;
+TextArea.defaultProps = defaultProps$v;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -5803,7 +5803,7 @@ class Upload {
     }
   }
 }
-const defaultProps$t = {
+const defaultProps$u = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -5842,7 +5842,7 @@ class FileItem {
   }
 }
 const InternalUploader = (props, ref) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$u), props), {
     children,
     uploadIcon,
     uploadIconSize,
@@ -6203,9 +6203,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$t;
+Uploader.defaultProps = defaultProps$u;
 Uploader.displayName = "NutUploader";
-const defaultProps$s = {
+const defaultProps$t = {
   cancelTxt: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -6223,7 +6223,7 @@ const defaultProps$s = {
   style: {}
 };
 const ActionSheet = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$s), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
     cancelTxt,
     optionTag,
     optionSubTag,
@@ -6294,9 +6294,9 @@ const ActionSheet = (props) => {
     onClick: () => cancelActionSheet()
   }, cancelTxt)));
 };
-ActionSheet.defaultProps = defaultProps$s;
+ActionSheet.defaultProps = defaultProps$t;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$r = {
+const defaultProps$s = {
   bottom: 20,
   right: 10,
   elId: "",
@@ -6318,39 +6318,39 @@ const BackTop = (props) => {
     duration,
     style,
     backTopClick
-  } = __spreadValues(__spreadValues({}, defaultProps$r), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$s), props);
   const [backTop, SetBackTop] = useState(false);
   const [scrollTop, SetScrollTop] = useState(0);
   let startTime = 0;
-  let scrollEl = elId ? document.getElementById(elId) : window;
+  let scrollEl = useRef(null);
   useEffect(() => {
     init();
     return () => removeEventListener();
   }, []);
   const init = () => {
     if (elId && document.getElementById(elId)) {
-      scrollEl = document.getElementById(elId);
+      scrollEl.current = document.getElementById(elId);
     }
     addEventListener();
     initCancelAniFrame();
   };
   const scrollListener = () => {
     let top = null;
-    if (scrollEl instanceof Window) {
-      top = scrollEl.pageYOffset;
+    if (scrollEl.current instanceof Window) {
+      top = scrollEl.current.pageYOffset;
       SetScrollTop(top);
     } else {
-      top = scrollEl.scrollTop;
+      top = scrollEl.current.scrollTop;
       SetScrollTop(top);
     }
     const showBtn = top >= distance;
     SetBackTop(showBtn);
   };
   const scroll = (y2 = 0) => {
-    if (scrollEl instanceof Window) {
+    if (scrollEl.current instanceof Window) {
       window.scrollTo(0, y2);
     } else {
-      scrollEl.scrollTop = y2;
+      scrollEl.current.scrollTop = y2;
     }
   };
   const scrollAnimation = () => {
@@ -6373,12 +6373,14 @@ const BackTop = (props) => {
     };
   };
   function addEventListener() {
-    scrollEl.addEventListener("scroll", scrollListener, false);
-    scrollEl.addEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) == null ? void 0 : _a.addEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) == null ? void 0 : _b.addEventListener("resize", scrollListener, false);
   }
   function removeEventListener() {
-    scrollEl.removeEventListener("scroll", scrollListener, false);
-    scrollEl.removeEventListener("resize", scrollListener, false);
+    var _a, _b;
+    (_a = scrollEl.current) == null ? void 0 : _a.removeEventListener("scroll", scrollListener, false);
+    (_b = scrollEl.current) == null ? void 0 : _b.removeEventListener("resize", scrollListener, false);
   }
   const goTop = (e2) => {
     backTopClick(e2);
@@ -6401,7 +6403,7 @@ const BackTop = (props) => {
     name: "top"
   }));
 };
-BackTop.defaultProps = defaultProps$r;
+BackTop.defaultProps = defaultProps$s;
 BackTop.displayName = "NutBackTop";
 function clamp(v2, min, max) {
   return Math.max(min, Math.min(v2, max));
@@ -10803,7 +10805,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$q = {
+const defaultProps$r = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -10815,7 +10817,7 @@ const defaultProps$q = {
   className: ""
 };
 const Drag = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$q), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
+  const _a = __spreadValues(__spreadValues({}, defaultProps$r), props), { attract, direction, boundary, children, className, style } = _a, reset = __objRest(_a, ["attract", "direction", "boundary", "children", "className", "style"]);
   const b2 = cn("drag");
   const [boundaryState, setBoundaryState] = useState(boundary);
   const myDrag = useRef(null);
@@ -10871,7 +10873,7 @@ const Drag = (props) => {
     style: currstyle
   }, bind()), children));
 };
-Drag.defaultProps = defaultProps$q;
+Drag.defaultProps = defaultProps$r;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const { visible, title, footer, textAlign, footerDirection, children } = props;
@@ -11030,7 +11032,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$p = {
+const defaultProps$q = {
   okText: "\u786E\u5B9A",
   cancelText: "\u53D6\u6D88",
   mask: true,
@@ -11127,9 +11129,9 @@ Dialog.confirm = (props) => {
     }));
   };
 });
-Dialog.defaultProps = defaultProps$p;
+Dialog.defaultProps = defaultProps$q;
 Dialog.displayName = "NutDialog";
-const defaultProps$o = {
+const defaultProps$p = {
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -11144,7 +11146,7 @@ const defaultProps$o = {
 };
 const Infiniteloading = (props) => {
   const { locale } = useConfig();
-  const _a = __spreadValues(__spreadValues({}, defaultProps$o), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$p), props), {
     children,
     hasMore,
     threshold,
@@ -11332,7 +11334,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, locale.infiniteloading.loadMoreText || loadMoreTxt)));
 };
-Infiniteloading.defaultProps = defaultProps$o;
+Infiniteloading.defaultProps = defaultProps$p;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -11489,7 +11491,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$n = {
+const defaultProps$o = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -11511,7 +11513,7 @@ const Switch = (props) => {
     change,
     className,
     style
-  } = __spreadValues(__spreadValues({}, defaultProps$n), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$o), props);
   const [value, setValue] = useState(false);
   const b2 = cn("switch");
   useEffect(() => {
@@ -11548,10 +11550,10 @@ const Switch = (props) => {
     className: `${b2("label")} close`
   }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$n;
+Switch.defaultProps = defaultProps$o;
 Switch.displayName = "NutSwitch";
 const isObject = (val) => val !== null && typeof val === "object";
-const defaultProps$m = {
+const defaultProps$n = {
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
@@ -11561,7 +11563,7 @@ const defaultProps$m = {
 };
 const CircleProgress = (props) => {
   var _b;
-  const _a = __spreadValues(__spreadValues({}, defaultProps$m), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$n), props), {
     children,
     progress,
     className,
@@ -11663,9 +11665,9 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-text"
   }, children ? children : /* @__PURE__ */ React__default.createElement("div", null, progress, "%")));
 };
-CircleProgress.defaultProps = defaultProps$m;
+CircleProgress.defaultProps = defaultProps$n;
 CircleProgress.displayName = "NutCircleProgress";
-const defaultProps$l = {
+const defaultProps$m = {
   direction: "across",
   list: [],
   standTime: 1e3,
@@ -11703,7 +11705,7 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click
-  } = __spreadValues(__spreadValues({}, defaultProps$l), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$m), props);
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -11916,16 +11918,16 @@ const NoticeBar = (props) => {
     size: "11px"
   }) : null))) : null);
 };
-NoticeBar.defaultProps = defaultProps$l;
+NoticeBar.defaultProps = defaultProps$m;
 NoticeBar.displayName = "NutNoticeBar";
 const DataContext$1 = createContext({});
-const defaultProps$k = {
+const defaultProps$l = {
   current: 0,
   direction: "horizontal",
   progressDot: false
 };
 const Steps = (props) => {
-  const propSteps = __spreadValues(__spreadValues({}, defaultProps$k), props);
+  const propSteps = __spreadValues(__spreadValues({}, defaultProps$l), props);
   const _a = propSteps, { children, current, direction, className, progressDot, clickStep } = _a, restProps = __objRest(_a, ["children", "current", "direction", "className", "progressDot", "clickStep"]);
   const parentSteps = {
     propSteps
@@ -11941,9 +11943,9 @@ const Steps = (props) => {
     className: classes
   }, restProps), children));
 };
-Steps.defaultProps = defaultProps$k;
+Steps.defaultProps = defaultProps$l;
 Steps.displayName = "NutSteps";
-const defaultProps$j = {
+const defaultProps$k = {
   title: "",
   content: "",
   activeIndex: 0,
@@ -11952,7 +11954,7 @@ const defaultProps$j = {
   size: "12px"
 };
 const Step = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$j), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$k), props), {
     children,
     title,
     content,
@@ -12016,10 +12018,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$j;
+Step.defaultProps = defaultProps$k;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$i = {
+const defaultProps$j = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -12036,7 +12038,7 @@ const defaultProps$i = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$i), props);
+  const propSwiper = __spreadValues(__spreadValues({}, defaultProps$j), props);
   const _a = propSwiper, {
     children,
     direction,
@@ -12412,13 +12414,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__default.createElement("div", null, pageContent)));
 });
-Swiper.defaultProps = defaultProps$i;
+Swiper.defaultProps = defaultProps$j;
 Swiper.displayName = "NutSwiper";
-const defaultProps$h = {
+const defaultProps$i = {
   direction: "horizontal"
 };
 const SwiperItem = React__default.forwardRef((props, ref) => {
-  const _props = __spreadValues(__spreadValues({}, defaultProps$h), props);
+  const _props = __spreadValues(__spreadValues({}, defaultProps$i), props);
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const [offset, setOffset] = useState(0);
@@ -12446,10 +12448,10 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$h;
+SwiperItem.defaultProps = defaultProps$i;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
-const defaultProps$g = {
+const defaultProps$h = {
   size: "",
   icon: "",
   bgColor: "#eee",
@@ -12460,7 +12462,7 @@ const defaultProps$g = {
 };
 const Avatar = (props) => {
   var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$h), props), {
     children,
     prefixCls,
     size,
@@ -12565,8 +12567,39 @@ const Avatar = (props) => {
     className: "text"
   }, ((_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent) ? (_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxContent : `+ ${avatarIndex - ((_o = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _o.maxCount)}`)));
 };
-Avatar.defaultProps = defaultProps$g;
+Avatar.defaultProps = defaultProps$h;
 Avatar.displayName = "NutAvatar";
+const defaultProps$g = {
+  maxContent: "",
+  maxCount: "",
+  maxBgColor: "#eee",
+  maxColor: "#666",
+  size: "",
+  shape: "",
+  span: "-8",
+  zIndex: "left"
+};
+const AvatarGroup = (props) => {
+  useConfig();
+  const propAvatarGroup = __spreadValues(__spreadValues({}, defaultProps$g), props);
+  const { className, style, children } = propAvatarGroup;
+  const avatarGroupRef = useRef(null);
+  const b2 = cn("avatar-group");
+  const cls = classNames(b2(""), 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$g;
+AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$f = {
   price: 0,
   needSymbol: true,
@@ -14212,4 +14245,4 @@ const Card = (props) => {
 };
 Card.defaultProps = defaultProps;
 Card.displayName = "NutCard";
-export { ActionSheet, Address, AnimatingNumbers, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };
+export { ActionSheet, Address, AnimatingNumbers, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, FixedNav, Icon, Infiniteloading, Input, InputNumber, Layout, NavBar, NoticeBar, Notify, Overlay, Pagination, Picker, Popover, Popup, Price, Radio, RadioGroup, Range, Rate, Row, ShortPassword, Signature, Skeleton, Step, Steps, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, Toast, Uploader };