@nutui/nutui-react 1.1.4-beta.0 → 1.1.4-beta.3

package/dist/nutui.react.es.js

@@ -34,7 +34,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.1.4-beta.0 Tue May 10 2022 10:33:01 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.1.4-beta.3 Mon May 23 2022 14:47:48 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,12 +2612,13 @@ 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: "",
+  to: "",
   num: "",
   active: false,
   activeColor: "",
@@ -2627,12 +2628,17 @@ const defaultProps$L = {
   }
 };
 const TabbarItem = (props) => {
-  const { tabTitle, icon, href, 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();
   useEffect(() => {
     if (active && href) {
       window.location.href = href;
+      return;
+    }
+    if (active && to2) {
+      history.push(to2);
     }
   }, [active]);
   return /* @__PURE__ */ React__default.createElement("div", {
@@ -2656,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);
@@ -2797,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",
@@ -2816,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,
@@ -2946,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() {
@@ -2956,7 +2962,7 @@ class Title {
     __publicField(this, "index", 0);
   }
 }
-const defaultProps$I = {
+const defaultProps$J = {
   value: 0,
   color: "",
   background: "",
@@ -2972,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,
@@ -3093,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
@@ -3388,7 +3394,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$G = {
+const defaultProps$H = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -3418,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");
@@ -3627,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) {
@@ -3713,7 +3719,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$F = {
+const defaultProps$G = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -3742,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);
@@ -4128,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,
@@ -4158,7 +4164,7 @@ const Calendar = (props) => {
     endDate,
     onClose,
     onChoose
-  } = __spreadValues(__spreadValues({}, defaultProps$E), props);
+  } = __spreadValues(__spreadValues({}, defaultProps$F), props);
   const close = () => {
     onClose && onClose();
   };
@@ -4201,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);
@@ -4269,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",
@@ -4282,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,
@@ -4338,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) => {
@@ -4654,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: "",
@@ -4666,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,
@@ -4920,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,
@@ -4938,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,
@@ -5095,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);
@@ -5121,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",
@@ -5152,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);
@@ -5236,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) => {
@@ -5251,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);
@@ -5286,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",
@@ -5301,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,
@@ -5369,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,
@@ -5399,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]);
@@ -5462,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",
@@ -5640,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,
@@ -5670,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(() => {
@@ -5741,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() {
@@ -5797,10 +5803,12 @@ class Upload {
     }
   }
 }
-const defaultProps$t = {
+const defaultProps$u = {
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
+  uploadIconSize: "",
+  listType: "picture",
   name: "file",
   accept: "*",
   disabled: false,
@@ -5825,6 +5833,7 @@ const defaultProps$t = {
 class FileItem {
   constructor() {
     __publicField(this, "status", "ready");
+    __publicField(this, "message", "\u51C6\u5907\u4E2D..");
     __publicField(this, "uid", new Date().getTime().toString());
     __publicField(this, "name");
     __publicField(this, "url");
@@ -5833,11 +5842,14 @@ class FileItem {
   }
 }
 const InternalUploader = (props, ref) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$t), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$u), props), {
     children,
     uploadIcon,
+    uploadIconSize,
     name,
     accept,
+    defaultFileList,
+    listType,
     disabled,
     multiple,
     url,
@@ -5858,6 +5870,8 @@ const InternalUploader = (props, ref) => {
     clearInput,
     start: start2,
     removeImage,
+    change,
+    fileItemClick,
     progress,
     success,
     update: update2,
@@ -5868,8 +5882,11 @@ const InternalUploader = (props, ref) => {
   } = _a, restProps = __objRest(_a, [
     "children",
     "uploadIcon",
+    "uploadIconSize",
     "name",
     "accept",
+    "defaultFileList",
+    "listType",
     "disabled",
     "multiple",
     "url",
@@ -5890,6 +5907,8 @@ const InternalUploader = (props, ref) => {
     "clearInput",
     "start",
     "removeImage",
+    "change",
+    "fileItemClick",
     "progress",
     "success",
     "update",
@@ -5900,6 +5919,11 @@ const InternalUploader = (props, ref) => {
   ]);
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
+  useEffect(() => {
+    if (defaultFileList) {
+      setFileList(defaultFileList);
+    }
+  }, [defaultFileList]);
   const b2 = cn("uploader");
   const classes = classNames(className, b2(""));
   useImperativeHandle(ref, () => ({
@@ -5938,6 +5962,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "ready";
+            item.message = "\u51C6\u5907\u4E0A\u4F20";
           }
         });
         return [...fileList2];
@@ -5949,6 +5974,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "uploading";
+            item.message = "\u4E0A\u4F20\u4E2D...";
           }
         });
         return [...fileList2];
@@ -5961,6 +5987,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "success";
+            item.message = "\u4E0A\u4F20\u6210\u529F";
           }
         });
         return [...fileList2];
@@ -5975,6 +6002,7 @@ const InternalUploader = (props, ref) => {
         fileList2.map((item) => {
           if (item.uid === fileItem.uid) {
             item.status = "error";
+            item.message = "\u4E0A\u4F20\u5931\u8D25";
           }
         });
         return [...fileList2];
@@ -6004,6 +6032,7 @@ const InternalUploader = (props, ref) => {
       fileItem.type = file.type;
       fileItem.formData = formData;
       fileItem.uid = file.lastModified + fileItem.uid;
+      fileItem.message = "\u51C6\u5907\u4E0A\u4F20";
       executeUpload(fileItem, index2);
       if (isPreview && file.type.includes("image")) {
         const reader = new FileReader();
@@ -6071,9 +6100,12 @@ const InternalUploader = (props, ref) => {
       clearInputValue($el);
     }
   };
+  const handleItemClick = (file) => {
+    fileItemClick && fileItemClick(file);
+  };
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes
-  }, restProps), children ? /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), children && /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-uploader__slot"
   }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children, maximum > fileList.length && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, capture ? /* @__PURE__ */ React__default.createElement("input", {
     className: "nut-uploader__input",
@@ -6092,30 +6124,63 @@ const InternalUploader = (props, ref) => {
     disabled,
     multiple,
     onChange: fileChange
-  })))) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fileList.length !== 0 && fileList.map((item, index2) => {
-    console.log("item", item);
+  })))), fileList.length !== 0 && fileList.map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: "nut-uploader__preview",
+      className: `nut-uploader__preview ${listType}`,
       key: item.uid
-    }, /* @__PURE__ */ React__default.createElement("div", {
+    }, listType == "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview-img"
-    }, isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress"
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#fff",
+      name: `${item.status == "error" ? "failure" : "loading"}`
+    }), /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview__progress__msg"
+    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon, {
       color: "rgba(0,0,0,0.6)",
       className: "close",
-      name: "circle-close",
+      name: "failure",
       click: () => onDelete(item, index2)
-    }), item.type.includes("image") && item.url && /* @__PURE__ */ React__default.createElement("img", {
+    }), item.type.includes("image") ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: item.url
-    }), !item.type.includes("image") && defaultImg && /* @__PURE__ */ React__default.createElement("img", {
+      src: item.url,
+      onClick: () => handleItemClick(item)
+    })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, defaultImg ? /* @__PURE__ */ React__default.createElement("img", {
       className: "nut-uploader__preview-img__c",
-      src: defaultImg
-    }), item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
+      src: defaultImg,
+      onClick: () => handleItemClick(item)
+    }) : /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview-img__file"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      onClick: () => handleItemClick(item),
+      className: "nut-uploader__preview-img__file__name"
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#808080",
+      name: "link"
+    }), "\xA0", item.name))), /* @__PURE__ */ React__default.createElement("div", {
       className: "tips"
-    }, item.status)));
-  }), maximum > fileList.length && /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-uploader__upload"
+    }, item.name)), listType == "list" && /* @__PURE__ */ React__default.createElement("div", {
+      className: "nut-uploader__preview-list"
+    }, /* @__PURE__ */ React__default.createElement("div", {
+      className: `nut-uploader__preview-img__file__name ${item.status}`,
+      onClick: () => handleItemClick(item)
+    }, /* @__PURE__ */ React__default.createElement(Icon, {
+      name: "link"
+    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon, {
+      color: "#808080",
+      className: "nut-uploader__preview-img__file__del",
+      name: "del",
+      click: () => onDelete(item, index2)
+    })));
+  }), maximum > fileList.length && listType == "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
+    className: `nut-uploader__upload ${listType}`
   }, /* @__PURE__ */ React__default.createElement(Icon, {
+    size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
   }), capture ? /* @__PURE__ */ React__default.createElement("input", {
@@ -6135,12 +6200,12 @@ const InternalUploader = (props, ref) => {
     disabled,
     multiple,
     onChange: fileChange
-  }))));
+  })));
 };
 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",
@@ -6158,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,
@@ -6229,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: "",
@@ -6253,7 +6318,7 @@ 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;
@@ -6336,7 +6401,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));
@@ -10738,7 +10803,7 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-const defaultProps$q = {
+const defaultProps$r = {
   attract: false,
   direction: void 0,
   boundary: {
@@ -10750,7 +10815,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);
@@ -10806,7 +10871,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;
@@ -10965,7 +11030,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$p = {
+const defaultProps$q = {
   okText: "\u786E\u5B9A",
   cancelText: "\u53D6\u6D88",
   mask: true,
@@ -11062,9 +11127,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: "",
@@ -11079,7 +11144,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,
@@ -11267,7 +11332,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) {
@@ -11424,7 +11489,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$n = {
+const defaultProps$o = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -11446,7 +11511,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(() => {
@@ -11483,92 +11548,124 @@ const Switch = (props) => {
     className: `${b2("label")} close`
   }, inactiveText))));
 };
-Switch.defaultProps = defaultProps$n;
+Switch.defaultProps = defaultProps$o;
 Switch.displayName = "NutSwitch";
-const defaultProps$m = {
-  strokeInnerWidth: 10,
-  progress: 10,
-  isAuto: false,
-  progressOption: {}
+const isObject = (val) => val !== null && typeof val === "object";
+const defaultProps$n = {
+  strokeWidth: 5,
+  radius: 50,
+  strokeLinecap: "round",
+  circleColor: "",
+  pathColor: "",
+  clockwise: true
 };
 const CircleProgress = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$m), props), {
+  var _b;
+  const _a = __spreadValues(__spreadValues({}, defaultProps$n), props), {
     children,
-    strokeInnerWidth,
     progress,
-    isAuto,
-    progressOption,
     className,
-    style
+    radius,
+    pathColor,
+    clockwise,
+    circleColor,
+    strokeWidth,
+    style,
+    strokeLinecap
   } = _a, restProps = __objRest(_a, [
     "children",
-    "strokeInnerWidth",
     "progress",
-    "isAuto",
-    "progressOption",
     "className",
-    "style"
+    "radius",
+    "pathColor",
+    "clockwise",
+    "circleColor",
+    "strokeWidth",
+    "style",
+    "strokeLinecap"
   ]);
   const b2 = cn("circleprogress");
   const classes = classNames(className, b2(""));
-  const option = () => {
-    const baseOption = {
-      radius: 50,
-      strokeOutWidth: 10,
-      backColor: "#d9d9d9",
-      progressColor: "red",
-      cy: 1,
-      cx: 1,
-      size: 1,
-      startPosition: ""
-    };
-    Object.assign(baseOption, progressOption);
-    baseOption.cy = baseOption.cx = baseOption.radius + baseOption.strokeOutWidth;
-    baseOption.size = (baseOption.radius + baseOption.strokeOutWidth) * 2;
-    baseOption.startPosition = `rotate(-90,${baseOption.cx},${baseOption.cy})`;
-    return baseOption;
-  };
+  const refRandomId = Math.random().toString(36).slice(-8);
   const styles = __spreadValues({
-    height: `${option().size}px`,
-    width: `${option().size}px`
+    height: `${Number(radius) * 2}px`,
+    width: `${Number(radius) * 2}px`
   }, style);
-  const arcLength = () => {
-    const circleLength = Math.floor(2 * Math.PI * option().radius);
-    const progressLength = progress / 100 * circleLength;
-    return `${progressLength},${circleLength}`;
+  const pathStyle = {
+    stroke: pathColor
+  };
+  const hoverStyle = () => {
+    let perimeter = 283;
+    let offset = perimeter * Number(progress) / 100;
+    return {
+      stroke: isObject(circleColor) ? `url(#${refRandomId})` : circleColor,
+      strokeDasharray: `${offset}px ${perimeter}px`
+    };
+  };
+  const path = () => {
+    const isWise = clockwise ? 1 : 0;
+    return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
+  };
+  const hoverColor = () => {
+    return isObject(circleColor) ? `url(#${refRandomId})` : circleColor;
+  };
+  const stop2 = () => {
+    if (!isObject(circleColor)) {
+      return;
+    }
+    let color = circleColor;
+    const colorArr = Object.keys(color).sort((a, b22) => parseFloat(a) - parseFloat(b22));
+    let stopArr = [];
+    colorArr.map((item) => {
+      let obj = {
+        key: "",
+        value: ""
+      };
+      obj.key = item;
+      obj.value = color[item];
+      stopArr.push(obj);
+    });
+    return stopArr;
   };
   return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes,
     style: styles
   }, restProps), /* @__PURE__ */ React__default.createElement("svg", {
-    height: option().size,
-    width: option().size,
-    "x-mlns": "http://www.w3.org/200/svg"
-  }, /* @__PURE__ */ React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().backColor,
-    strokeWidth: option().strokeOutWidth,
-    fill: "none"
-  }), /* @__PURE__ */ React__default.createElement("circle", {
-    r: option().radius,
-    cx: option().cx,
-    cy: option().cy,
-    stroke: option().progressColor,
-    strokeWidth: strokeInnerWidth,
-    strokeDasharray: arcLength(),
-    transform: option().startPosition,
+    viewBox: "0 0 100 100"
+  }, /* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", {
+    id: refRandomId,
+    x1: "100%",
+    y1: "0%",
+    x2: "0%",
+    y2: "0%"
+  }, (_b = stop2()) == null ? void 0 : _b.map((item, index2) => {
+    return /* @__PURE__ */ React__default.createElement("stop", {
+      key: index2,
+      offset: item.key,
+      stopColor: item.value
+    });
+  }))), /* @__PURE__ */ React__default.createElement("path", {
+    className: "nut-circleprogress-path",
+    style: pathStyle,
+    d: path(),
+    fill: "none",
+    strokeWidth
+  }), /* @__PURE__ */ React__default.createElement("path", {
+    className: "nut-circleprogress-hover",
+    style: hoverStyle(),
+    d: path(),
     fill: "none",
-    strokeLinecap: "round",
-    style: { transition: "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
+    stroke: hoverColor(),
+    strokeLinecap,
+    transform: "rotate(90,50,50)",
+    strokeWidth
   })), /* @__PURE__ */ React__default.createElement("div", {
-    className: "nut-circleprogress-content"
-  }, !isAuto ? `${progress}%` : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children)));
+    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,
@@ -11606,7 +11703,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);
@@ -11819,17 +11916,17 @@ 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 _a = propSteps, { children, direction, className } = _a, restProps = __objRest(_a, ["children", "direction", "className"]);
+  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
   };
@@ -11844,22 +11941,24 @@ 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,
   icon: "",
+  iconColor: "",
   size: "12px"
 };
 const Step = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$j), props), {
+  const _a = __spreadValues(__spreadValues({}, defaultProps$k), props), {
     children,
     title,
     content,
     activeIndex,
     icon,
+    iconColor,
     size,
     className,
     renderContent
@@ -11869,6 +11968,7 @@ const Step = (props) => {
     "content",
     "activeIndex",
     "icon",
+    "iconColor",
     "size",
     "className",
     "renderContent"
@@ -11881,13 +11981,19 @@ const Step = (props) => {
       return "finish";
     return index2 === +parent.propSteps.current ? "process" : "wait";
   };
+  const handleClickStep = () => {
+    var _a2;
+    (_a2 = parent.propSteps) == null ? void 0 : _a2.clickStep(activeIndex);
+  };
   const b2 = cn("step");
   const classes = classNames({
     [`${b2("")}-${getCurrentStatus()}`]: true
   }, className, b2(""));
-  return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
+  return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: classes
-  }, restProps), /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), {
+    onClick: handleClickStep
+  }), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-step-head"
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-step-line"
@@ -11895,6 +12001,7 @@ const Step = (props) => {
     className: `nut-step-icon ${!dot ? icon ? "is-icon" : "is-text" : ""}`
   }, icon ? /* @__PURE__ */ React__default.createElement(Icon, {
     className: "nut-step-icon-inner",
+    color: iconColor,
     name: icon,
     size
   }) : dot ? /* @__PURE__ */ React__default.createElement("span", null) : /* @__PURE__ */ React__default.createElement("span", {
@@ -11909,11 +12016,11 @@ 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 = {
-  width: window.innerWidth,
+const defaultProps$j = {
+  width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
   initPage: 0,
@@ -11929,7 +12036,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,
@@ -12305,13 +12412,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);
@@ -12339,51 +12446,158 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$h;
+SwiperItem.defaultProps = defaultProps$i;
 SwiperItem.displayName = "NutSwiperItem";
-const defaultProps$g = {
-  size: "normal",
+const AvatarContext = createContext({});
+const defaultProps$h = {
+  size: "",
   icon: "",
-  shape: "round",
   bgColor: "#eee",
+  color: "#666",
   prefixCls: "nut-avatar",
-  src: ""
+  url: "",
+  alt: ""
 };
 const Avatar = (props) => {
-  const _a = __spreadValues(__spreadValues({}, defaultProps$g), props), { children, prefixCls, size, shape, bgColor, src, icon, className, style } = _a, rest = __objRest(_a, ["children", "prefixCls", "size", "shape", "bgColor", "src", "icon", "className", "style"]);
-  const sizeValue = ["large", "normal", "small"];
+  var _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  const _a = __spreadValues(__spreadValues({}, defaultProps$h), props), {
+    children,
+    prefixCls,
+    size,
+    shape,
+    bgColor,
+    color,
+    url,
+    alt,
+    icon,
+    className,
+    style,
+    activeAvatar,
+    onError
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "prefixCls",
+    "size",
+    "shape",
+    "bgColor",
+    "color",
+    "url",
+    "alt",
+    "icon",
+    "className",
+    "style",
+    "activeAvatar",
+    "onError"
+  ]);
+  const [maxSum, setMaxSum] = useState(0);
+  const [showMax, setShowMax] = useState(false);
+  const [avatarIndex, setAvatarIndex] = useState(1);
+  const avatarRef = useRef(null);
+  const parent = useContext$1(AvatarContext);
+  const b2 = cn("avatar");
   const classes = classNames({
-    [`${prefixCls}`]: true,
-    [`avatar-${size}`]: true,
-    [`avatar-${shape}`]: true
+    [`nut-avatar-${size || ((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.size) || "normal"}`]: true,
+    [`nut-avatar-${shape || ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.shape) || "round"}`]: true
   });
-  const cls = classNames(classes, className);
+  const cls = classNames(b2(""), classes, className);
+  const sizeValue = ["large", "normal", "small"];
   const styles = __spreadValues({
     width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
     height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
-    backgroundImage: src ? `url(${src})` : "",
-    backgroundColor: `${bgColor}`
+    backgroundColor: `${bgColor}`,
+    color: `${color}`,
+    marginLeft: avatarIndex != 1 && ((_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.span) ? `${(_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.span}px` : "",
+    zIndex: ((_f = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _f.zIndex) == "right" ? `${Math.abs(maxSum - avatarIndex)}` : ""
   }, style);
-  const iconStyles = !!icon && !src ? icon : "";
-  const handleClick = (e2) => {
-    if (props.onClick) {
-      props.onClick(e2);
+  const maxStyles = {
+    backgroundColor: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxBgColor}`,
+    color: `${(_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxColor}`
+  };
+  const iconStyles = !!icon ? icon : "";
+  useEffect(() => {
+    var _a2;
+    const avatarChildren = (_a2 = parent == null ? void 0 : parent.avatarGroupRef) == null ? void 0 : _a2.current.children;
+    if (avatarChildren) {
+      avatarLength(avatarChildren);
+    }
+  }, []);
+  const avatarLength = (children2) => {
+    var _a2, _b2, _c2;
+    for (let i = 0; i < children2.length; i++) {
+      if (children2[i] && children2[i].classList && children2[i].classList[0] == "nut-avatar") {
+        children2[i].setAttribute("data-index", i + 1);
+      }
+    }
+    const index2 = (_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index;
+    const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.maxCount;
+    setMaxSum(children2.length);
+    setAvatarIndex(index2);
+    if (index2 == children2.length && index2 != maxCount && children2.length > maxCount) {
+      setShowMax(true);
     }
   };
-  return /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
+  const errorEvent = (e2) => {
+    if (props.onError) {
+      props.onError(e2);
+    }
+  };
+  const clickAvatar = (e2) => {
+    if (props.activeAvatar) {
+      props.activeAvatar(e2);
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (showMax || !((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount) || avatarIndex <= ((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.maxCount)) && /* @__PURE__ */ React__default.createElement("div", __spreadProps(__spreadValues({
     className: cls
   }, rest), {
-    style: styles,
-    onClick: handleClick
-  }), /* @__PURE__ */ React__default.createElement(Icon, {
+    style: !showMax ? styles : maxStyles,
+    onClick: clickAvatar,
+    ref: avatarRef
+  }), (!((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount) || avatarIndex <= ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxCount)) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, url && /* @__PURE__ */ React__default.createElement("img", {
+    src: url,
+    alt,
+    onError: errorEvent
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon, {
     className: "icon",
     name: iconStyles
   }), children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
-  }, children));
+  }, children)), showMax && /* @__PURE__ */ React__default.createElement("div", {
+    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,
@@ -12746,8 +12960,8 @@ const Popover = (props) => {
 Popover.defaultProps = defaultProps$c;
 Popover.displayName = "NutPopover";
 const defaultProps$b = {
-  width: 100,
-  height: 100,
+  width: "100px",
+  height: "100px",
   row: 1,
   animated: false,
   title: false,
@@ -12799,33 +13013,40 @@ const Skeleton = (props) => {
     return Array.from({ length: num }, (v2, i) => i);
   };
   const getStyle = () => {
+    if (avatarSize) {
+      return {
+        width: avatarSize,
+        height: avatarSize
+      };
+    }
     return {
-      width: avatarSize,
-      height: avatarSize
+      width: "50px",
+      height: "50px"
     };
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, loading ? /* @__PURE__ */ React__default.createElement("div", null, children) : /* @__PURE__ */ React__default.createElement("div", __spreadValues({
     className: classes
-  }, restProps), /* @__PURE__ */ React__default.createElement("div", {
+  }, restProps), animated2 && /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-animation"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-skeleton-content"
   }, avatar && /* @__PURE__ */ React__default.createElement(Avatar, {
     className: avatarClass,
     bgColor: "rgb(239, 239, 239)",
+    shape: avatarShape,
     style: getStyle()
-  }), row === 1 ? /* @__PURE__ */ React__default.createElement("div", {
+  }), row === 1 && /* @__PURE__ */ React__default.createElement("div", {
     className: blockClass,
-    style: { width: `${width}px`, height: `${height}px` }
-  }) : /* @__PURE__ */ React__default.createElement("div", {
+    style: { width, height }
+  }), /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-content-line"
   }, title && /* @__PURE__ */ React__default.createElement("div", {
     className: "skeleton-title"
   }), repeatLines(row).map((item, index2) => {
     return /* @__PURE__ */ React__default.createElement("div", {
-      className: `${blockClass} skeleton-lines`,
+      className: blockClass,
       key: index2,
-      style: { width: `${width}px`, height: `${height}px` }
+      style: { width, height }
     });
   })))));
 };
@@ -13817,7 +14038,6 @@ const InternalBarrage = (props, ref) => {
     barrageContainer.current.appendChild(el);
     const width = el.offsetWidth;
     const height = el.offsetHeight;
-    console.log(el.offsetWidth, el.offsetHeight);
     el.classList.add("move");
     el.style.animationDuration = `${speeds}ms`;
     el.style.top = `${_index % rows * (height + top) + 20}px`;
@@ -14023,4 +14243,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 };