@nutui/nutui-react 1.3.2 → 1.3.3-beta.1

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.2 Wed Sep 07 2022 14:13:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.3-beta.1 Wed Sep 14 2022 10:51:04 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -72,7 +72,7 @@
     classname.exports = classname_production_min;
   }
   const cn = classname.exports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     name: "",
     size: "",
     classPrefix: "nut-icon",
@@ -83,10 +83,10 @@
     },
     className: ""
   };
-  function pxCheck$2(value) {
+  function pxCheck$3(value) {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   }
-  function Icon(props) {
+  function Icon$1(props) {
     const {
       name,
       size,
@@ -100,7 +100,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -122,9 +122,9 @@
         className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
         style: {
           color,
-          fontSize: pxCheck$2(size),
-          width: pxCheck$2(size),
-          height: pxCheck$2(size),
+          fontSize: pxCheck$3(size),
+          width: pxCheck$3(size),
+          height: pxCheck$3(size),
           ...style
         },
         ...rest,
@@ -134,9 +134,14 @@
       children
     );
   }
-  Icon.defaultProps = defaultProps$1k;
-  Icon.displayName = "NutIcon";
-  const defaultProps$1j = {
+  Icon$1.defaultProps = defaultProps$1l;
+  Icon$1.displayName = "NutIcon";
+  const ComponentDefaults = {
+    iconClassPrefix: "nut-icon",
+    iconFontClassName: "nutui-iconfont"
+  };
+  const defaultProps$1k = {
+    ...ComponentDefaults,
     className: "",
     color: "",
     shape: "round",
@@ -169,7 +174,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1j,
+      ...defaultProps$1k,
       ...props
     };
     const getStyle = React.useCallback(() => {
@@ -236,13 +241,17 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-button__warp",
       style: getStyle()
-    }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "loading"
-    }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon
     }) : "", children));
   };
-  Button.defaultProps = defaultProps$1j;
+  Button.defaultProps = defaultProps$1k;
   Button.displayName = "NutButton";
   function _setPrototypeOf(o, p2) {
     _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p3) {
@@ -1460,7 +1469,8 @@
   function useHistory() {
     return useContext(historyContext);
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
+    ...ComponentDefaults,
     title: null,
     subTitle: null,
     desc: "",
@@ -1500,7 +1510,7 @@
       linkSlot,
       ...rest
     } = {
-      ...defaultProps$1i,
+      ...defaultProps$1j,
       ...props
     };
     const b2 = cn("cell");
@@ -1530,7 +1540,9 @@
       ...rest
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("icon")
-    }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       className: "icon"
     }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -1544,14 +1556,16 @@
         alone: !title && !subTitle
       }),
       style: styles
-    }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "right",
       className: b2("link")
     }) : linkSlot));
   };
-  Cell.defaultProps = defaultProps$1i;
+  Cell.defaultProps = defaultProps$1j;
   Cell.displayName = "NutCell";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     title: "",
     desc: "",
     titleSlot: null,
@@ -1560,7 +1574,7 @@
   };
   const CellGroup = (props) => {
     const { children, classPrefix, title, desc, titleSlot, descSlot } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const b2 = cn("cell-group");
@@ -1574,7 +1588,7 @@
       className: b2("wrap")
     }, children));
   };
-  CellGroup.defaultProps = defaultProps$1h;
+  CellGroup.defaultProps = defaultProps$1i;
   CellGroup.displayName = "NutCellGroup";
   var classnames = { exports: {} };
   /*!
@@ -2127,7 +2141,8 @@
   };
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
-  const defaultProps$1g = {
+  const defaultProps$1h = {
+    ...ComponentDefaults,
     position: "center",
     transition: "",
     style: {},
@@ -2282,7 +2297,9 @@
       }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default["default"].createElement("div", {
         className: closeClasses,
         onClick: onHandleClickCloseIcon
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: closeIcon,
         size: "12px"
       })) : ""));
@@ -2308,7 +2325,7 @@
     }, [position]);
     return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, renderToContainer(teleport, renderNode()));
   };
-  Popup.defaultProps = defaultProps$1g;
+  Popup.defaultProps = defaultProps$1h;
   Popup.displayName = "NutPopup";
   const zhCN = {
     save: "\u4FDD\u5B58",
@@ -2435,7 +2452,7 @@
       completeText: "\u5237\u65B0\u6210\u529F"
     }
   };
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     locale: zhCN
   };
   const defaultConfigRef = {
@@ -2452,7 +2469,7 @@
   };
   const ConfigContext = React.createContext(null);
   const ConfigProvider = (props) => {
-    const { children, ...config2 } = { ...defaultProps$1f, ...props };
+    const { children, ...config2 } = { ...defaultProps$1g, ...props };
     const parentConfig = useConfig();
     return /* @__PURE__ */ React__default["default"].createElement(ConfigContext.Provider, {
       value: {
@@ -2461,25 +2478,25 @@
       }
     }, children);
   };
-  ConfigProvider.defaultProps = defaultProps$1f;
+  ConfigProvider.defaultProps = defaultProps$1g;
   ConfigProvider.displayName = "NutConfigProvider";
-  const defaultProps$1e = {};
+  const defaultProps$1f = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1e, ...props });
+    ({ ...defaultProps$1f, ...props });
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-layout"
     }, "Layout");
   };
-  Layout.defaultProps = defaultProps$1e;
+  Layout.defaultProps = defaultProps$1f;
   Layout.displayName = "NutLayout";
   const DataContext$2 = React.createContext({});
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     span: "24",
     offset: "0",
     gutter: "0"
   };
   const Col = (props) => {
-    const { span, offset, children, onClick } = { ...defaultProps$1d, ...props };
+    const { span, offset, children, onClick } = { ...defaultProps$1e, ...props };
     const [colName, setColName] = React.useState("");
     const [colStyle, setColStyle] = React.useState({});
     const { gutter } = React.useContext(DataContext$2);
@@ -2505,9 +2522,9 @@
       }
     }, children);
   };
-  Col.defaultProps = defaultProps$1d;
+  Col.defaultProps = defaultProps$1e;
   Col.displayName = "NutCol";
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -2516,7 +2533,7 @@
   };
   const Row = (props) => {
     const { children, type, justify, align, wrap, gutter, onClick } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const prefixCls = "nut-row";
@@ -2550,9 +2567,9 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1c;
+  Row.defaultProps = defaultProps$1d;
   Row.displayName = "NutRow";
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     contentPosition: "center",
     dashed: false,
     hairline: true,
@@ -2569,7 +2586,7 @@
       direction,
       ...rest
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const dividerBem = cn("divider");
@@ -2590,9 +2607,9 @@
       ...rest
     }, children);
   };
-  Divider.defaultProps = defaultProps$1b;
+  Divider.defaultProps = defaultProps$1c;
   Divider.displayName = "NutDivider";
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     columnNum: 4,
     border: true,
     gutter: 0,
@@ -2619,7 +2636,7 @@
       iconColor,
       className,
       ...rest
-    } = { ...defaultProps$1a, ...props };
+    } = { ...defaultProps$1b, ...props };
     const childrenDom = React__default["default"].Children.toArray(children);
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2658,9 +2675,10 @@
       });
     }));
   };
-  Grid.defaultProps = defaultProps$1a;
+  Grid.defaultProps = defaultProps$1b;
   Grid.displayName = "NutGrid";
-  const defaultProps$19 = {
+  const defaultProps$1a = {
+    ...ComponentDefaults,
     text: "",
     icon: "",
     iconSize: "",
@@ -2694,7 +2712,7 @@
       reverse,
       direction,
       ...rest
-    } = { ...defaultProps$19, ...props };
+    } = { ...defaultProps$1a, ...props };
     const b2 = cn("grid-item");
     const pxCheck2 = (value) => {
       return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2726,7 +2744,9 @@
       ...rest
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
-    }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       size: iconSize || parentIconSize,
       color: iconColor || parentIconColor
@@ -2734,9 +2754,10 @@
       className: "nut-grid-item__text"
     }, text), children && /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children)));
   };
-  GridItem.defaultProps = defaultProps$19;
+  GridItem.defaultProps = defaultProps$1a;
   GridItem.displayName = "NutGridItem";
-  const defaultProps$18 = {
+  const defaultProps$19 = {
+    ...ComponentDefaults,
     title: "",
     desc: "",
     leftShow: true,
@@ -2769,7 +2790,7 @@
       onClickBack,
       onClickRight
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const b2 = cn("navbar");
@@ -2791,7 +2812,9 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("left")}`,
         onClick: (e2) => onClickBack(e2)
-      }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "left",
         color: "#979797"
       }), leftText && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2806,7 +2829,9 @@
         onClick: (e2) => onClickTitle(e2)
       }, title), titIcon && /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: (e2) => onClickIcon(e2)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: titIcon
       })), slot.content);
     };
@@ -2834,9 +2859,10 @@
       className: `${b2("")}--placeholder`
     }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$18;
+  NavBar.defaultProps = defaultProps$19;
   NavBar.displayName = "NutNavBar";
-  const defaultProps$17 = {
+  const defaultProps$18 = {
+    ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
     unActiveText: "",
@@ -2862,7 +2888,7 @@
       slotList,
       slotBtn,
       ...rest
-    } = { ...defaultProps$17, ...props };
+    } = { ...defaultProps$18, ...props };
     const b2 = cn("fixednav");
     const classes = classNames(
       {
@@ -2906,16 +2932,18 @@
     }))), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "nut-fixednav__btn",
       onClick: () => onUpdateValue()
-    }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "left",
       color: "#fff"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "text"
     }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
   };
-  FixedNav.defaultProps = defaultProps$17;
+  FixedNav.defaultProps = defaultProps$18;
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     visible: 0,
     bottom: false,
     size: 20,
@@ -2940,7 +2968,7 @@
       style,
       tabSwitch
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const b2 = cn("tabbar");
@@ -2975,9 +3003,10 @@
       return React__default["default"].cloneElement(child, childProps);
     }));
   };
-  Tabbar.defaultProps = defaultProps$16;
+  Tabbar.defaultProps = defaultProps$17;
   Tabbar.displayName = "NutTabbar";
-  const defaultProps$15 = {
+  const defaultProps$16 = {
+    ...ComponentDefaults,
     dot: false,
     size: "",
     classPrefix: "nut-icon",
@@ -3009,7 +3038,7 @@
       index: index2,
       handleClick: handleClick2
     } = {
-      ...defaultProps$15,
+      ...defaultProps$16,
       ...props
     };
     const b2 = cn("tabbar-item");
@@ -3040,10 +3069,11 @@
       className: `${bIcon("tips", [bIcon("nums")])}`
     }, "99+")) : /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon("dot")}`
-    }), icon && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }), icon && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size,
-      name: icon,
-      classPrefix
+      name: icon
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: bIcon({ "nav-word": true }, [
         bIcon({ "big-word": !icon })
@@ -7988,7 +8018,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     height: "200px",
     acceptKey: "title",
     indexList: [],
@@ -8011,7 +8041,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     const b2 = cn("elevator");
@@ -8198,9 +8228,9 @@
       }, item[acceptKey]);
     }))));
   };
-  Elevator.defaultProps = defaultProps$14;
+  Elevator.defaultProps = defaultProps$15;
   Elevator.displayName = "NutElevator";
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     defaultValue: 1,
     mode: "multi",
     prevText: "",
@@ -8217,7 +8247,7 @@
   };
   const Pagination = (props) => {
     const { locale } = useConfig();
-    ({ ...defaultProps$13, ...props });
+    ({ ...defaultProps$14, ...props });
     const {
       modelValue,
       mode,
@@ -8334,7 +8364,7 @@
       onClick: (e2) => selectPage(Number(currentPage) + 1, true)
     }, nextText || locale.pagination.next));
   };
-  Pagination.defaultProps = defaultProps$13;
+  Pagination.defaultProps = defaultProps$14;
   Pagination.displayName = "NutPagination";
   class Title {
     constructor() {
@@ -8344,7 +8374,8 @@
       this.index = 0;
     }
   }
-  const defaultProps$12 = {
+  const defaultProps$13 = {
+    ...ComponentDefaults,
     value: 0,
     color: "",
     background: "",
@@ -8357,7 +8388,7 @@
     size: "normal",
     autoHeight: false
   };
-  const pxCheck$1 = (value) => {
+  const pxCheck$2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
   const Tabs = (props) => {
@@ -8379,7 +8410,7 @@
       className,
       autoHeight,
       ...rest
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$13, ...props };
     const [currentItem, setCurrentItem] = React.useState({ index: 0 });
     const titles = React.useRef([]);
     React.useEffect(() => {
@@ -8415,8 +8446,8 @@
       `${b2("")}__titles`
     );
     const titleStyle = {
-      marginLeft: pxCheck$1(titleGutter),
-      marginRight: pxCheck$1(titleGutter)
+      marginLeft: pxCheck$2(titleGutter),
+      marginRight: pxCheck$2(titleGutter)
     };
     const tabsActiveStyle = {
       color: type === "smile" ? color : "",
@@ -8459,7 +8490,9 @@
       }), type === "smile" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color,
         name: "joy-smile"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -8491,9 +8524,9 @@
       return React__default["default"].cloneElement(child, childProps);
     })));
   };
-  Tabs.defaultProps = defaultProps$12;
+  Tabs.defaultProps = defaultProps$13;
   Tabs.displayName = "NutTabs";
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     title: "",
     paneKey: "",
     activeKey: "",
@@ -8501,7 +8534,7 @@
   };
   const TabPane = (props) => {
     const { children, paneKey, activeKey, autoHeightClassName } = {
-      ...defaultProps$11,
+      ...defaultProps$12,
       ...props
     };
     const b2 = cn("tabpane");
@@ -8516,7 +8549,7 @@
       className: classes
     }, children);
   };
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     size: 3,
     current: 1,
     block: false,
@@ -8536,7 +8569,7 @@
       vertical,
       ...rest
     } = {
-      ...defaultProps$10,
+      ...defaultProps$11,
       ...props
     };
     const b2 = cn("indicator");
@@ -8570,7 +8603,7 @@
       ...rest
     }, renderEles());
   };
-  Indicator.defaultProps = defaultProps$10;
+  Indicator.defaultProps = defaultProps$11;
   Indicator.displayName = "NutIndicator";
   const handleClick = (e2) => {
     e2.stopPropagation();
@@ -8586,7 +8619,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     showhead: false,
     position: "left",
     width: "80%"
@@ -8604,7 +8637,7 @@
       handleClose,
       ...rest
     } = {
-      ...defaultProps$$,
+      ...defaultProps$10,
       ...props
     };
     const offset = props.offset ? Number(props.offset) : 20;
@@ -8632,14 +8665,14 @@
       className: "nut-sidenavbar__content"
     }, children))))));
   };
-  SideNavBar.defaultProps = defaultProps$$;
+  SideNavBar.defaultProps = defaultProps$10;
   SideNavBar.displayName = "NutSideNavBar";
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const { title, ikey, children, titleClick, open, ...rest } = {
-      ...defaultProps$_,
+      ...defaultProps$$,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -8710,7 +8743,8 @@
       ...rest
     }, title);
   };
-  const defaultProps$Z = {
+  const defaultProps$_ = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     activeColor: "#F2270C",
@@ -8730,7 +8764,7 @@
       activeColor,
       ...rest
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$_,
       ...props
     };
     const parentRef = React.useRef(null);
@@ -8826,16 +8860,19 @@
         })}`
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-menu__title-text"
-      }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: "nut-menu__title-icon",
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
       })));
     })), cloneChildren());
   };
-  Menu.defaultProps = defaultProps$Z;
+  Menu.defaultProps = defaultProps$_;
   Menu.displayName = "NutMenu";
-  const defaultProps$Y = {
+  const defaultProps$Z = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     columns: 1,
@@ -8849,7 +8886,7 @@
   };
   const MenuItem = (props) => {
     useConfig();
-    const mergedProps = { ...defaultProps$Y, ...props };
+    const mergedProps = { ...defaultProps$Z, ...props };
     const {
       className,
       style,
@@ -8866,7 +8903,7 @@
       inactiveTitleClass,
       children
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$Z,
       ...props
     };
     const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -8972,11 +9009,11 @@
         onClick: () => {
           handleClick2(item);
         }
-      }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: getIconCName(item.value, value),
         name: optionsIcon,
-        classPrefix: iconClassPrefix,
-        fontClassName,
         color: activeColor
       }) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: getIconCName(item.value, value),
@@ -8986,7 +9023,7 @@
       }, item.text));
     }), children))));
   };
-  MenuItem.defaultProps = defaultProps$Y;
+  MenuItem.defaultProps = defaultProps$Z;
   MenuItem.displayName = "NutMenuItem";
   const MIN_DISTANCE = 10;
   function getDirection(x2, y2) {
@@ -9190,7 +9227,7 @@
         }
       }, icon ? /* @__PURE__ */ React__namespace.createElement("p", {
         className: toastBem("icon-wrapper")
-      }, /* @__PURE__ */ React__namespace.createElement(Icon, {
+      }, /* @__PURE__ */ React__namespace.createElement(Icon$1, {
         name: icon || "",
         color: "#ffffff",
         size: iconSize
@@ -9307,7 +9344,7 @@
       }
     }
   };
-  const defaultProps$X = {
+  const defaultProps$Y = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -9338,8 +9375,8 @@
       change,
       dragStart,
       dragEnd
-    } = { ...defaultProps$X, ...props };
-    let { min, max, step } = { ...defaultProps$X, ...props };
+    } = { ...defaultProps$Y, ...props };
+    let { min, max, step } = { ...defaultProps$Y, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -9674,7 +9711,7 @@
       className: "max"
     }, +max) : null);
   };
-  Range.defaultProps = defaultProps$X;
+  Range.defaultProps = defaultProps$Y;
   Range.displayName = "NutRange";
   const Utils = {
     isLeapYear(y2) {
@@ -9768,7 +9805,7 @@
     };
   }
   var requestAniFrame$1 = requestAniFrame();
-  const defaultProps$W = {
+  const defaultProps$X = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -9817,7 +9854,7 @@
       onChoose,
       onUpdate,
       onSelected
-    } = { ...defaultProps$W, ...props };
+    } = { ...defaultProps$X, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -10404,9 +10441,9 @@
       onClick: confirm2
     }, confirmText || locale.confirm)) : ""));
   });
-  CalendarItem.defaultProps = defaultProps$W;
+  CalendarItem.defaultProps = defaultProps$X;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$V = {
+  const defaultProps$W = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -10458,7 +10495,7 @@
       onClose,
       onChoose,
       onSelected
-    } = { ...defaultProps$V, ...props };
+    } = { ...defaultProps$W, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -10517,9 +10554,9 @@
       style: { height: "85vh" }
     }, renderItem()) : renderItem());
   });
-  Calendar.defaultProps = defaultProps$V;
+  Calendar.defaultProps = defaultProps$W;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$U = {
+  const defaultProps$V = {
     disabled: false,
     checkedValue: [],
     max: void 0,
@@ -10528,7 +10565,7 @@
   };
   const CheckboxGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$U, ...props };
+      const { children } = { ...defaultProps$V, ...props };
       const b2 = cn("checkboxgroup");
       const { className, disabled, onChange, checkedValue, max, ...rest } = props;
       const [innerDisabled, setInnerDisabled] = React.useState(disabled);
@@ -10606,9 +10643,10 @@
       }, cloneChildren());
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$U;
+  CheckboxGroup.defaultProps = defaultProps$V;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$T = {
+  const defaultProps$U = {
+    ...ComponentDefaults,
     checked: false,
     disabled: false,
     textPosition: "right",
@@ -10622,7 +10660,7 @@
     }
   };
   const Checkbox = (props) => {
-    const { children } = { ...defaultProps$T, ...props };
+    const { children } = { ...defaultProps$U, ...props };
     const b2 = cn("checkbox");
     const {
       iconName,
@@ -10662,12 +10700,12 @@
       return iconActiveName;
     };
     const renderIcon = () => {
-      return /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: getIconName(),
         size: iconSize,
-        className: color(),
-        classPrefix: iconClassPrefix,
-        fontClassName: iconFontClassName
+        className: color()
       });
     };
     const color = () => {
@@ -10702,7 +10740,7 @@
       onClick: handleClick2
     }, renderIcon(), renderLabel());
   };
-  Checkbox.defaultProps = defaultProps$T;
+  Checkbox.defaultProps = defaultProps$U;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const InternalPickerSlot = (props, ref) => {
@@ -11127,7 +11165,7 @@
   };
   const Picker = React__default["default"].forwardRef(InternalPicker);
   const currentYear = new Date().getFullYear();
-  const defaultProps$S = {
+  const defaultProps$T = {
     modelValue: null,
     visible: false,
     title: "",
@@ -11157,7 +11195,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const { locale } = useConfig();
@@ -11424,9 +11462,10 @@
       ref: pickerRef
     }));
   };
-  DatePicker.defaultProps = defaultProps$S;
+  DatePicker.defaultProps = defaultProps$T;
   DatePicker.displayName = "NutDatePicker";
-  const defaultProps$R = {
+  const defaultProps$S = {
+    ...ComponentDefaults,
     disabled: false,
     buttonSize: "",
     min: 1,
@@ -11438,7 +11477,7 @@
     decimalPlaces: 0,
     isAsync: false
   };
-  function pxCheck(value) {
+  function pxCheck$1(value) {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   }
   const InputNumber = (props) => {
@@ -11464,7 +11503,7 @@
       focus,
       ...restProps
     } = {
-      ...defaultProps$R,
+      ...defaultProps$S,
       ...props
     };
     const [inputValue, setInputValue] = React.useState(modelValue);
@@ -11480,7 +11519,7 @@
       b2("")
     );
     const styles = {
-      height: pxCheck(buttonSize),
+      height: pxCheck$1(buttonSize),
       ...style
     };
     const addAllow = (value = Number(inputValue)) => {
@@ -11566,7 +11605,9 @@
       className: classes,
       style: styles,
       ...restProps
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: iconMinusClasses,
       size: buttonSize,
       name: "minus",
@@ -11575,21 +11616,23 @@
       type: "number",
       min,
       max,
-      style: { width: pxCheck(inputWidth) },
+      style: { width: pxCheck$1(inputWidth) },
       disabled,
       readOnly: readonly,
       value: inputValue,
       onInput: changeValue,
       onBlur: burValue,
       onFocus: focusValue
-    }), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: iconAddClasses,
       size: buttonSize,
       name: "plus",
       onClick: addNumber
     }));
   };
-  InputNumber.defaultProps = defaultProps$R;
+  InputNumber.defaultProps = defaultProps$S;
   InputNumber.displayName = "NutInputNumber";
   function trimExtraChar(value, char, regExp) {
     const index2 = value.indexOf(char);
@@ -11615,7 +11658,8 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$Q = {
+  const defaultProps$R = {
+    ...ComponentDefaults,
     type: "text",
     defaultValue: "",
     placeholder: "",
@@ -11698,7 +11742,7 @@
       clickRightIcon,
       click,
       ...rest
-    } = { ...defaultProps$Q, ...props };
+    } = { ...defaultProps$R, ...props };
     locale.placeholder = placeholder || locale.placeholder;
     const [inputValue, SetInputValue] = React.useState("");
     const [active, SetActive] = React.useState(false);
@@ -11825,7 +11869,9 @@
       onClick: (e2) => {
         onClickLeftIcon(e2);
       }
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: leftIcon,
       size: leftIconSize
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11882,7 +11928,9 @@
       onInput: (e2) => {
         onInput(e2);
       }
-    }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "nut-input-clear",
       name: clearIcon,
       size: clearSize,
@@ -11894,7 +11942,9 @@
       onClick: (e2) => {
         onClickRightIcon(e2);
       }
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: rightIcon,
       size: rightIconSize
     })) : null, slotButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11910,14 +11960,14 @@
       }
     }, errorMessage) : null)));
   };
-  Input.defaultProps = defaultProps$Q;
+  Input.defaultProps = defaultProps$R;
   Input.displayName = "NutInput";
   const radioContext = {
     onChange: (val) => {
     }
   };
   var RadioContext = React__default["default"].createContext(radioContext);
-  const defaultProps$P = {
+  const defaultProps$Q = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -11926,7 +11976,7 @@
   };
   const RadioGroup = React__default["default"].forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$P, ...props };
+      const { children } = { ...defaultProps$Q, ...props };
       cn("RadioGroup");
       const { className, value, onChange, textPosition, direction, ...rest } = props;
       const [val2State, setVal2State] = React.useState(value);
@@ -11963,9 +12013,10 @@
       }, cloneChildren()));
     }
   );
-  RadioGroup.defaultProps = defaultProps$P;
+  RadioGroup.defaultProps = defaultProps$Q;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$O = {
+  const defaultProps$P = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     disabled: false,
@@ -11980,7 +12031,7 @@
     }
   };
   const Radio = (props) => {
-    const { children } = { ...defaultProps$O, ...props };
+    const { children } = { ...defaultProps$P, ...props };
     const {
       className,
       disabled,
@@ -12025,7 +12076,9 @@
     };
     const renderIcon = () => {
       const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
-      return /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
@@ -12054,10 +12107,11 @@
       ...rest
     }, renderRadioItem());
   };
-  Radio.defaultProps = defaultProps$O;
+  Radio.defaultProps = defaultProps$P;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
-  const defaultProps$N = {
+  const defaultProps$O = {
+    ...ComponentDefaults,
     count: 5,
     modelValue: 0,
     minimizeValue: 0,
@@ -12085,8 +12139,8 @@
       readonly,
       allowHalf,
       spacing,
-      change
-    } = { ...defaultProps$N, ...props };
+      onChange
+    } = { ...defaultProps$O, ...props };
     const b2 = cn("rate");
     const bi = cn("rate-item");
     const [countArray, setCountArray] = React.useState([1, 2, 3, 4, 5]);
@@ -12122,7 +12176,7 @@
       }
       value = Math.max(value, Number(minimizeValue));
       setScore(value);
-      change && change(value);
+      onChange && onChange(value);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2()
@@ -12132,17 +12186,23 @@
         key: n2,
         onClick: (event) => onClick(event, n2),
         style: { marginRight: pxCheck2(spacing) }
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         size: iconSize,
         className: `${bi("icon")} ${disabled || n2 > score ? bi("icon--disabled") : ""}`,
         name: n2 <= score ? checkedIcon : uncheckedIcon,
         color: n2 <= score ? activeColor : voidColor
-      }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: `${bi("icon")} ${bi("icon--half")}`,
         color: n2 <= score ? activeColor : voidColor,
         size: iconSize,
         name: checkedIcon
-      }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
           "icon--half"
         )}`,
@@ -12152,9 +12212,10 @@
       }));
     }));
   };
-  Rate.defaultProps = defaultProps$N;
+  Rate.defaultProps = defaultProps$O;
   Rate.displayName = "NutRate";
-  const defaultProps$M = {
+  const defaultProps$N = {
+    ...ComponentDefaults,
     title: "",
     desc: "",
     tips: "",
@@ -12301,7 +12362,9 @@
       className: b2("message__error")
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("message__forget")
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "icon",
       size: "11px",
       name: "tips"
@@ -12317,9 +12380,9 @@
       onClick: () => sure()
     }, locale.confirm)) : null)));
   };
-  ShortPassword.defaultProps = defaultProps$M;
+  ShortPassword.defaultProps = defaultProps$N;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$L = {
+  const defaultProps$M = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -12347,7 +12410,7 @@
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$L, ...props };
+    } = { ...defaultProps$M, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const textareaRef = React.useRef(null);
@@ -12446,7 +12509,7 @@
       className: textareaBem("limit")
     }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
   };
-  TextArea.defaultProps = defaultProps$L;
+  TextArea.defaultProps = defaultProps$M;
   TextArea.displayName = "NutTextArea";
   class UploadOptions {
     constructor() {
@@ -12499,7 +12562,8 @@
       }
     }
   }
-  const defaultProps$K = {
+  const defaultProps$L = {
+    ...ComponentDefaults,
     url: "",
     maximum: 1,
     uploadIcon: "photograph",
@@ -12574,7 +12638,7 @@
       beforeUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$K, ...props };
+    } = { ...defaultProps$L, ...props };
     const [fileList, setFileList] = React.useState([]);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -12804,12 +12868,16 @@
         className: "nut-uploader__preview__progress__msg"
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#fff",
         name: `${item.status === "error" ? "failure" : "loading"}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
-      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "rgba(0,0,0,0.6)",
         className: "close",
         name: "failure",
@@ -12829,7 +12897,9 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handleItemClick(item),
         className: "nut-uploader__preview-img__file__name"
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#808080",
         name: "link"
       }), "\xA0", item.name))), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -12839,9 +12909,13 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `nut-uploader__preview-img__file__name ${item.status}`,
         onClick: () => handleItemClick(item)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "link"
-      }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#808080",
         className: "nut-uploader__preview-img__file__del",
         name: "del",
@@ -12849,7 +12923,9 @@
       })));
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-uploader__upload ${listType}`
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: uploadIconSize,
       color: "#808080",
       name: uploadIcon
@@ -12873,9 +12949,9 @@
     })));
   };
   const Uploader = React__default["default"].forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$K;
+  Uploader.defaultProps = defaultProps$L;
   Uploader.displayName = "NutUploader";
-  const defaultProps$J = {
+  const defaultProps$K = {
     data: {
       text: "",
       value: "",
@@ -12890,7 +12966,7 @@
   };
   const InternalCascaderItem = (props) => {
     const { data, checked, chooseItem } = {
-      ...defaultProps$J,
+      ...defaultProps$K,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -12916,17 +12992,17 @@
       }
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: classesTitle
-    }, data.text), data.loading ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, data.text), data.loading ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       color: "#969799",
       className: "nut-cascader-item__icon-loading",
       name: "loading"
-    }) : /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       className: `${checked ? b2("icon-check") : ""}`,
       name: "checklist"
     }));
   };
   const CascaderItem = React__default["default"].forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$J;
+  CascaderItem.defaultProps = defaultProps$K;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -13060,7 +13136,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$I = {
+  const defaultProps$J = {
     className: "",
     style: {},
     visible: false,
@@ -13105,7 +13181,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$J, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optiosData, setOptiosData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -13361,9 +13437,10 @@
     })))));
   };
   const Cascader = React__default["default"].forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$I;
+  Cascader.defaultProps = defaultProps$J;
   Cascader.displayName = "NutCascader";
-  const defaultProps$H = {
+  const defaultProps$I = {
+    ...ComponentDefaults,
     placeholder: "",
     shape: "square",
     disabled: false,
@@ -13373,7 +13450,7 @@
     readonly: true,
     autoFocus: false,
     label: "",
-    leftinIcon: /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    leftinIcon: /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
       name: "search",
       size: "12"
     })
@@ -13410,7 +13487,7 @@
       onClickRightinIcon,
       onClickRightoutIcon
     } = {
-      ...defaultProps$H,
+      ...defaultProps$I,
       ...props
     };
     const alignClass = `${align}`;
@@ -13507,7 +13584,9 @@
       return /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
         onClick: (e2) => clearaVal(e2)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "circle-close",
         size: "12",
         color: "#555"
@@ -13547,9 +13626,9 @@
       className: `${searchbarBem("content")}`
     }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
   };
-  SearchBar.defaultProps = defaultProps$H;
+  SearchBar.defaultProps = defaultProps$I;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$G = {
+  const defaultProps$H = {
     confirmText: "",
     title: "",
     visible: false,
@@ -13747,9 +13826,9 @@
       })
     }, confirmText || locale.done))) : null))));
   };
-  NumberKeyboard.defaultProps = defaultProps$G;
+  NumberKeyboard.defaultProps = defaultProps$H;
   NumberKeyboard.displayName = "NutNumberKeyboard";
-  const defaultProps$F = {
+  const defaultProps$G = {
     cancelTxt: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -13783,7 +13862,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$G, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -13827,9 +13906,10 @@
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$G;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$E = {
+  const defaultProps$F = {
+    ...ComponentDefaults,
     bottom: 20,
     right: 10,
     elId: "body",
@@ -13852,7 +13932,7 @@
       style,
       onClick
     } = {
-      ...defaultProps$E,
+      ...defaultProps$F,
       ...props
     };
     const [backTop, SetBackTop] = React.useState(false);
@@ -13935,15 +14015,17 @@
       onClick: (e2) => {
         goTop(e2);
       }
-    }, children || /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
     }));
   };
-  BackTop.defaultProps = defaultProps$E;
+  BackTop.defaultProps = defaultProps$F;
   BackTop.displayName = "NutBackTop";
-  const defaultProps$D = {
+  const defaultProps$E = {
     attract: false,
     direction: void 0,
     boundary: {
@@ -13956,7 +14038,7 @@
   };
   const Drag = (props) => {
     const { attract, direction, boundary, children, className, style, ...reset } = {
-      ...defaultProps$D,
+      ...defaultProps$E,
       ...props
     };
     const b2 = cn("drag");
@@ -14018,7 +14100,7 @@
       ...bind()
     }, children));
   };
-  Drag.defaultProps = defaultProps$D;
+  Drag.defaultProps = defaultProps$E;
   Drag.displayName = "NutDrag";
   const Content = (props) => {
     const {
@@ -14213,7 +14295,7 @@
       update: update2
     };
   }
-  const defaultProps$C = {
+  const defaultProps$D = {
     okText: "\u786E\u8BA4",
     cancelText: "\u53D6\u6D88",
     mask: true,
@@ -14304,9 +14386,10 @@
       });
     };
   });
-  Dialog.defaultProps = defaultProps$C;
+  Dialog.defaultProps = defaultProps$D;
   Dialog.displayName = "NutDialog";
-  const defaultProps$B = {
+  const defaultProps$C = {
+    ...ComponentDefaults,
     hasMore: true,
     threshold: 200,
     containerId: "",
@@ -14340,7 +14423,7 @@
       scrollChange,
       ...restProps
     } = {
-      ...defaultProps$B,
+      ...defaultProps$C,
       ...props
     };
     const [isInfiniting, setIsInfiniting] = React.useState(false);
@@ -14480,7 +14563,9 @@
       style: getStyle()
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "top-box"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "top-img",
       name: pullIcon
     }), /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -14491,7 +14576,9 @@
       className: "nut-infinite-bottom"
     }, isInfiniting ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-box"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "bottom-img",
       name: loadIcon
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -14500,7 +14587,7 @@
       className: "tips"
     }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
   };
-  Infiniteloading.defaultProps = defaultProps$B;
+  Infiniteloading.defaultProps = defaultProps$C;
   Infiniteloading.displayName = "NutInfiniteloading";
   class Notification extends React__namespace.PureComponent {
     constructor(props) {
@@ -14675,7 +14762,7 @@
       }
     }
   };
-  const defaultProps$A = {
+  const defaultProps$B = {
     isAsync: false,
     checked: false,
     disable: false,
@@ -14698,7 +14785,7 @@
       className,
       style
     } = {
-      ...defaultProps$A,
+      ...defaultProps$B,
       ...props
     };
     const [value, setValue] = React.useState(false);
@@ -14738,7 +14825,7 @@
       className: `${b2("label")} close`
     }, inactiveText))));
   };
-  Switch.defaultProps = defaultProps$A;
+  Switch.defaultProps = defaultProps$B;
   Switch.displayName = "NutSwitch";
   function preventDefault(event, isStopPropagation) {
     if (typeof event.cancelable !== "boolean" || event.cancelable) {
@@ -14748,7 +14835,7 @@
       event.stopPropagation();
     }
   }
-  const defaultProps$z = {
+  const defaultProps$A = {
     name: "",
     leftWidth: 0,
     rightWidth: 0
@@ -14756,7 +14843,7 @@
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
     const touch = useTouch();
-    const { children, className, style } = { ...defaultProps$z, ...props };
+    const { children, className, style } = { ...defaultProps$A, ...props };
     const root = React.useRef();
     const opened = React.useRef(false);
     const lockClick = React.useRef(false);
@@ -14922,7 +15009,7 @@
       style: wrapperStyle
     }, renderActionContent("left", leftRef), children, renderActionContent("right", rightRef)));
   });
-  Swipe.defaultProps = defaultProps$z;
+  Swipe.defaultProps = defaultProps$A;
   Swipe.displayName = "NutSwipe";
   const canUseDom = !!(typeof window !== "undefined" && typeof document !== "undefined" && window.document && window.document.createElement);
   const defaultRoot = canUseDom ? window : void 0;
@@ -14981,7 +15068,7 @@
       console.log(e2);
     }
   }
-  const defaultProps$y = {
+  const defaultProps$z = {
     className: "",
     style: {},
     pullingText: "",
@@ -14998,7 +15085,7 @@
   const PullToRefresh = (p2) => {
     const { locale } = useConfig();
     const props = {
-      ...defaultProps$y,
+      ...defaultProps$z,
       ...p2,
       ...{
         pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -15137,10 +15224,10 @@
       className: "nut-pulltorefresh-content"
     }, props.children));
   };
-  PullToRefresh.defaultProps = defaultProps$y;
+  PullToRefresh.defaultProps = defaultProps$z;
   PullToRefresh.displayName = "NutPullToRefresh";
   const isObject = (val) => val !== null && typeof val === "object";
-  const defaultProps$x = {
+  const defaultProps$y = {
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
@@ -15163,7 +15250,7 @@
       strokeLinecap,
       ...restProps
     } = {
-      ...defaultProps$x,
+      ...defaultProps$y,
       ...props
     };
     const b2 = cn("circleprogress");
@@ -15249,9 +15336,10 @@
       className: "nut-circleprogress-text"
     }, children || /* @__PURE__ */ React__default["default"].createElement("div", null, progress, "%")));
   };
-  CircleProgress.defaultProps = defaultProps$x;
+  CircleProgress.defaultProps = defaultProps$y;
   CircleProgress.displayName = "NutCircleProgress";
-  const defaultProps$w = {
+  const defaultProps$x = {
+    ...ComponentDefaults,
     direction: "across",
     list: [],
     standTime: 1e3,
@@ -15289,7 +15377,7 @@
       rightIcon,
       close,
       click
-    } = { ...defaultProps$w, ...props };
+    } = { ...defaultProps$x, ...props };
     const wrap = React.useRef(null);
     const content = React.useRef(null);
     const [showNoticeBar, SetShowNoticeBar] = React.useState(true);
@@ -15303,7 +15391,6 @@
     const [distance, SetDistance] = React.useState(0);
     const [timer, SetTimer] = React.useState(0);
     const [isCanScroll, SetIsCanScroll] = React.useState(null);
-    React.useState(0);
     React.useEffect(() => {
       if (direction === "vertical") {
         if (children) {
@@ -15385,7 +15472,7 @@
     };
     const startRollEasy = () => {
       showhorseLamp();
-      const timerCurr = window.setInterval(
+      const timerCurr = setInterval(
         showhorseLamp,
         ~~(height / speed / 4) * 1e3 + Number(standTime)
       );
@@ -15480,7 +15567,9 @@
     }, iconShow() ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
-    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "notice",
       size: "16",
       color
@@ -15495,7 +15584,9 @@
     }, children, text)), closeMode || rightIcon ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "right-icon",
       onClick: onClickIcon
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: rightIcon || "close",
       color
     })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15523,22 +15614,24 @@
       onClick: () => {
         handleClickIcon();
       }
-    }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "cross",
       color,
       size: "11px"
     }) : null))) : null);
   };
-  NoticeBar.defaultProps = defaultProps$w;
+  NoticeBar.defaultProps = defaultProps$x;
   NoticeBar.displayName = "NutNoticeBar";
   const DataContext$1 = React.createContext({});
-  const defaultProps$v = {
+  const defaultProps$w = {
     current: 0,
     direction: "horizontal",
     progressDot: false
   };
   const Steps = (props) => {
-    const propSteps = { ...defaultProps$v, ...props };
+    const propSteps = { ...defaultProps$w, ...props };
     const {
       children,
       current,
@@ -15571,9 +15664,10 @@
       children
     ));
   };
-  Steps.defaultProps = defaultProps$v;
+  Steps.defaultProps = defaultProps$w;
   Steps.displayName = "NutSteps";
-  const defaultProps$u = {
+  const defaultProps$v = {
+    ...ComponentDefaults,
     title: "",
     content: "",
     activeIndex: 0,
@@ -15594,7 +15688,7 @@
       renderContent,
       ...restProps
     } = {
-      ...defaultProps$u,
+      ...defaultProps$v,
       ...props
     };
     const parent = React.useContext(DataContext$1);
@@ -15638,7 +15732,9 @@
       className: "nut-step-line"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: renderIconClass()
-    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "nut-step-icon-inner",
       color: iconColor,
       name: icon,
@@ -15655,10 +15751,10 @@
       className: "nut-step-content"
     }, renderContent())));
   };
-  Step.defaultProps = defaultProps$u;
+  Step.defaultProps = defaultProps$v;
   Step.displayName = "NutStep";
   const DataContext = React.createContext({});
-  const defaultProps$t = {
+  const defaultProps$u = {
     width: typeof window === "object" ? window.innerWidth : 375,
     height: 0,
     duration: 500,
@@ -15676,7 +15772,7 @@
   };
   const DISTANCE = 5;
   const Swiper = React__default["default"].forwardRef((props, ref) => {
-    const propSwiper = { ...defaultProps$t, ...props };
+    const propSwiper = { ...defaultProps$u, ...props };
     const {
       children,
       direction,
@@ -16086,13 +16182,13 @@
       });
     })) : /* @__PURE__ */ React__default["default"].createElement("div", null, pageContent)));
   });
-  Swiper.defaultProps = defaultProps$t;
+  Swiper.defaultProps = defaultProps$u;
   Swiper.displayName = "NutSwiper";
-  const defaultProps$s = {
+  const defaultProps$t = {
     direction: "horizontal"
   };
   const SwiperItem = React__default["default"].forwardRef((props, ref) => {
-    const _props = { ...defaultProps$s, ...props };
+    const _props = { ...defaultProps$t, ...props };
     const { children, direction, size } = _props;
     const parent = React.useContext(DataContext);
     const b2 = cn("swiper-item");
@@ -16111,10 +16207,11 @@
       style: style()
     }, children);
   });
-  SwiperItem.defaultProps = defaultProps$s;
+  SwiperItem.defaultProps = defaultProps$t;
   SwiperItem.displayName = "NutSwiperItem";
   const AvatarContext = React.createContext({});
-  const defaultProps$r = {
+  const defaultProps$s = {
+    ...ComponentDefaults,
     size: "",
     icon: "",
     bgColor: "#eee",
@@ -16141,7 +16238,7 @@
       onError,
       ...rest
     } = {
-      ...defaultProps$r,
+      ...defaultProps$s,
       ...props
     };
     const [maxSum, setMaxSum] = React.useState(0);
@@ -16213,7 +16310,9 @@
       src: url,
       alt,
       onError: errorEvent
-    }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "icon",
       name: iconStyles
     }), children && /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -16222,9 +16321,9 @@
       className: "text"
     }, ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}`)));
   };
-  Avatar.defaultProps = defaultProps$r;
+  Avatar.defaultProps = defaultProps$s;
   Avatar.displayName = "NutAvatar";
-  const defaultProps$q = {
+  const defaultProps$r = {
     maxContent: "",
     maxCount: "",
     maxBgColor: "#eee",
@@ -16236,7 +16335,7 @@
   };
   const AvatarGroup = (props) => {
     useConfig();
-    const propAvatarGroup = { ...defaultProps$q, ...props };
+    const propAvatarGroup = { ...defaultProps$r, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
     const b2 = cn("avatar-group");
@@ -16253,9 +16352,9 @@
       ref: avatarGroupRef
     }, children));
   };
-  AvatarGroup.defaultProps = defaultProps$q;
+  AvatarGroup.defaultProps = defaultProps$r;
   AvatarGroup.displayName = "NutAvatarGroup";
-  const defaultProps$p = {
+  const defaultProps$q = {
     price: 0,
     needSymbol: true,
     symbol: "&yen;",
@@ -16273,7 +16372,7 @@
       className,
       ...rest
     } = {
-      ...defaultProps$p,
+      ...defaultProps$q,
       ...props
     };
     const b2 = cn("price");
@@ -16336,9 +16435,10 @@
       className: `${b2("small")}`
     }, formatDecimal(price)));
   };
-  Price.defaultProps = defaultProps$p;
+  Price.defaultProps = defaultProps$q;
   Price.displayName = "NutPrice";
-  const defaultProps$o = {
+  const defaultProps$p = {
+    ...ComponentDefaults,
     value: "",
     dot: false,
     max: 1e4,
@@ -16350,7 +16450,7 @@
   };
   const Badge = (props) => {
     const { children, dot, top, right, zIndex, color, icons } = {
-      ...defaultProps$o,
+      ...defaultProps$p,
       ...props
     };
     function content() {
@@ -16375,7 +16475,9 @@
       className: "nut-badge"
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "_icon",
       name: icons,
       color: "#ffffff",
@@ -16385,9 +16487,10 @@
       style: getStyle()
     }, content()));
   };
-  Badge.defaultProps = defaultProps$o;
+  Badge.defaultProps = defaultProps$p;
   Badge.displayName = "NutBadge";
-  const defaultProps$n = {
+  const defaultProps$o = {
+    ...ComponentDefaults,
     type: "default",
     color: "",
     textColor: "",
@@ -16415,7 +16518,7 @@
       onClick,
       onClose
     } = {
-      ...defaultProps$n,
+      ...defaultProps$o,
       ...props
     };
     const [btnName, setBtnName] = React.useState("");
@@ -16469,7 +16572,9 @@
       onClick: (e2) => handleClick2(e2)
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
-    }, children), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, children), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "_icon",
       name: "close",
       size: "12",
@@ -16487,7 +16592,7 @@
       className: "text"
     }, children)));
   };
-  Tag.defaultProps = defaultProps$n;
+  Tag.defaultProps = defaultProps$o;
   Tag.displayName = "NutTag";
   function fillRef(ref, node) {
     if (typeof ref === "function") {
@@ -16531,7 +16636,8 @@
       return trigger;
     }
   }
-  const defaultProps$m = {
+  const defaultProps$n = {
+    ...ComponentDefaults,
     list: [],
     theme: "light",
     location: "bottom",
@@ -16557,7 +16663,7 @@
       onChoose,
       ...reset
     } = {
-      ...defaultProps$m,
+      ...defaultProps$n,
       ...props
     };
     const goodItem = React.useRef(null);
@@ -16637,7 +16743,9 @@
         onClick: () => {
           handleChoose(item, i);
         }
-      }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: "popover-menu-item-img",
         name: item.icon
       }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -16649,9 +16757,9 @@
       style: { background: "transparent" }
     }) : "");
   };
-  Popover.defaultProps = defaultProps$m;
+  Popover.defaultProps = defaultProps$n;
   Popover.displayName = "NutPopover";
-  const defaultProps$l = {
+  const defaultProps$m = {
     width: "100px",
     height: "100px",
     row: 1,
@@ -16679,7 +16787,7 @@
       avatarShape,
       ...restProps
     } = {
-      ...defaultProps$l,
+      ...defaultProps$m,
       ...props
     };
     const b2 = cn("skeleton");
@@ -16734,23 +16842,27 @@
       });
     })))));
   };
-  Skeleton.defaultProps = defaultProps$l;
+  Skeleton.defaultProps = defaultProps$m;
   Skeleton.displayName = "NutSkeleton";
-  const defaultProps$k = {
-    showPlainText: false,
-    showDays: false,
+  const defaultProps$l = {
     paused: false,
     startTime: Date.now(),
-    endTime: Date.now()
+    endTime: Date.now(),
+    millisecond: false,
+    format: "HH:mm:ss",
+    autoStart: true,
+    time: 0
   };
-  const CountDown = (props) => {
-    const { locale } = useConfig();
+  const InternalCountDown = (props, ref) => {
+    useConfig();
     const {
-      showPlainText,
-      showDays,
       paused,
       startTime,
       endTime,
+      millisecond,
+      format,
+      autoStart,
+      time,
       className,
       style,
       onEnd,
@@ -16759,156 +16871,205 @@
       onUpdate,
       children,
       ...rest
-    } = { ...defaultProps$k, ...props };
+    } = { ...defaultProps$l, ...props };
     const b2 = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
       pauseTime: 0,
       curr: 0,
-      timer: 0,
       isPaused: paused,
-      isIninted: false
+      isIninted: false,
+      timer: 0,
+      restTime: 0,
+      counting: !paused && autoStart,
+      handleEndTime: Date.now(),
+      diffTime: 0
     });
-    const fill2 = (v2) => {
-      v2 += "";
-      while (v2.length < 2) {
-        v2 = `0${v2}`;
-      }
-      return v2;
-    };
-    const restTime = (t2) => {
-      const ts2 = t2;
-      let rest2 = {
-        d: "-",
-        h: "--",
-        m: "--",
-        s: "--"
-      };
-      if (ts2 === 0) {
-        rest2 = {
-          d: "0",
-          h: "00",
-          m: "00",
-          s: "00"
-        };
-      }
-      if (ts2) {
-        const ds = 24 * 60 * 60 * 1e3;
-        const hs = 60 * 60 * 1e3;
-        const ms = 60 * 1e3;
-        const d2 = ts2 >= ds ? parseInt(String(ts2 / ds)) : 0;
-        const h2 = ts2 - d2 * ds >= hs ? parseInt(String((ts2 - d2 * ds) / hs)) : 0;
-        const m2 = ts2 - d2 * ds - h2 * hs >= ms ? parseInt(String((ts2 - d2 * ds - h2 * hs) / ms)) : 0;
-        const s = Math.round((ts2 - d2 * ds - h2 * hs - m2 * ms) / 1e3);
-        if (d2 >= 0)
-          rest2.d = `${d2}`;
-        if (h2 >= 0)
-          rest2.h = fill2(h2);
-        if (m2 >= 0)
-          rest2.m = fill2(m2);
-        if (s >= 0)
-          rest2.s = fill2(s);
-      }
-      return rest2;
-    };
-    const resttime = (() => {
-      const rest2 = restTime(restTimeStamp);
-      const { d: d2 } = rest2;
-      if (!showDays && Number(d2) > 0) {
-        rest2.h = fill2(Number(rest2.h) + Number(d2) * 24);
-        rest2.d = "0";
-      }
-      return rest2;
-    })();
     const getTimeStamp = (timeStr) => {
       if (!timeStr)
         return Date.now();
       let t2 = timeStr;
-      t2 = t2 > 0 ? +t2 : t2.toString().replace(/\-/g, "/");
+      t2 = t2 > 0 ? +t2 : t2.toString().replace(/-/g, "/");
       return new Date(t2).getTime();
     };
-    const plainText = (() => {
-      const { d: d2, h: h2, m: m2, s } = resttime;
-      const showDayshours = Number(d2) > 0 && showDays ? `${d2}${locale.countdown.day}${h2}` : h2;
-      return `${showDayshours}${locale.countdown.hour}${m2}${locale.countdown.minute}${s}${locale.countdown.second}`;
-    })();
-    const initTimer = () => {
-      if (!stateRef.current.isIninted) {
-        stateRef.current.isIninted = true;
-      }
-      const delay = 1e3;
-      const curr = Date.now();
-      const start2 = getTimeStamp(startTime || curr);
-      const end = getTimeStamp(endTime || curr);
-      const diffTime = curr - start2;
-      setRestTime(end - (start2 + diffTime));
-      stateRef.current.timer = setInterval(() => {
-        if (!stateRef.current.isPaused) {
-          const restTime2 = end - (Date.now() - stateRef.current.pauseTime + diffTime);
-          setRestTime(restTime2);
-          if (restTime2 < 0) {
-            setRestTime(0);
+    const initTime = () => {
+      stateRef.current.handleEndTime = endTime;
+      stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+      if (!stateRef.current.counting)
+        stateRef.current.counting = true;
+      tick();
+    };
+    const tick = () => {
+      stateRef.current.timer = requestAnimationFrame(() => {
+        if (stateRef.current.counting) {
+          const currentTime = Date.now() - stateRef.current.diffTime;
+          const remainTime = Math.max(
+            stateRef.current.handleEndTime - currentTime,
+            0
+          );
+          stateRef.current.restTime = remainTime;
+          setRestTime(remainTime);
+          if (!remainTime) {
+            stateRef.current.counting = false;
+            pause();
             onEnd && onEnd();
-            clearInterval(stateRef.current.timer);
+          }
+          if (remainTime > 0) {
+            tick();
           }
         }
-      }, delay);
+      });
     };
-    React.useEffect(() => {
-      if (onUpdate) {
-        const tranTime = restTime(restTimeStamp);
-        onUpdate(tranTime);
+    const formatRemainTime = (t2, type) => {
+      const ts2 = t2;
+      const rest2 = {
+        d: 0,
+        h: 0,
+        m: 0,
+        s: 0,
+        ms: 0
+      };
+      const SECOND = 1e3;
+      const MINUTE = 60 * SECOND;
+      const HOUR = 60 * MINUTE;
+      const DAY = 24 * HOUR;
+      if (ts2 > 0) {
+        rest2.d = ts2 >= SECOND ? Math.floor(ts2 / DAY) : 0;
+        rest2.h = Math.floor(ts2 % DAY / HOUR);
+        rest2.m = Math.floor(ts2 % HOUR / MINUTE);
+        rest2.s = Math.floor(ts2 % MINUTE / SECOND);
+        rest2.ms = Math.floor(ts2 % SECOND);
+      }
+      return type === "custom" ? rest2 : parseFormat({ ...rest2 });
+    };
+    const parseFormat = (time2) => {
+      const { d: d2 } = time2;
+      let { h: h2, m: m2, s, ms } = time2;
+      let formatCache = format;
+      if (formatCache.includes("DD")) {
+        formatCache = formatCache.replace("DD", padZero(d2));
+      } else {
+        h2 += Number(d2) * 24;
+      }
+      if (formatCache.includes("HH")) {
+        formatCache = formatCache.replace("HH", padZero(h2));
+      } else {
+        m2 += Number(h2) * 60;
+      }
+      if (formatCache.includes("mm")) {
+        formatCache = formatCache.replace("mm", padZero(m2));
+      } else {
+        s += Number(m2) * 60;
+      }
+      if (formatCache.includes("ss")) {
+        formatCache = formatCache.replace("ss", padZero(s));
+      } else {
+        ms += Number(s) * 1e3;
+      }
+      if (formatCache.includes("S")) {
+        const msC = padZero(ms, 3).toString();
+        if (formatCache.includes("SSS")) {
+          formatCache = formatCache.replace("SSS", msC);
+        } else if (formatCache.includes("SS")) {
+          formatCache = formatCache.replace("SS", msC.slice(0, 2));
+        } else if (formatCache.includes("S")) {
+          formatCache = formatCache.replace("SS", msC.slice(0, 1));
+        }
+      }
+      return formatCache;
+    };
+    const padZero = (num, length = 2) => {
+      num += "";
+      while (num.length < length) {
+        num = `0${num}`;
+      }
+      return num.toString();
+    };
+    const pause = () => {
+      cancelAnimationFrame(stateRef.current.timer);
+      stateRef.current.counting = false;
+      onPaused && onPaused(stateRef.current.restTime);
+    };
+    React.useImperativeHandle(ref, () => ({
+      start: () => {
+        if (!stateRef.current.counting && !autoStart) {
+          stateRef.current.counting = true;
+          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+          tick();
+          onRestart && onRestart(stateRef.current.restTime);
+        }
+      },
+      pause: () => {
+        cancelAnimationFrame(stateRef.current.timer);
+        stateRef.current.counting = false;
+        onPaused && onPaused(stateRef.current.restTime);
+      },
+      reset: () => {
+        if (!autoStart) {
+          pause();
+          stateRef.current.restTime = time;
+          setRestTime(time);
+        }
       }
+    }));
+    React.useEffect(() => {
+      const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
+      onUpdate && onUpdate(tranTime);
     }, [restTimeStamp]);
     React.useEffect(() => {
       if (stateRef.current.isIninted) {
-        stateRef.current.isPaused = paused;
         if (paused) {
-          stateRef.current.curr = getTimeStamp();
-          onPaused && onPaused(restTimeStamp);
+          if (stateRef.current.counting) {
+            pause();
+          }
         } else {
-          stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
-          onRestart && onRestart(restTimeStamp);
+          if (!stateRef.current.counting) {
+            stateRef.current.counting = true;
+            stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+            tick();
+          }
+          onRestart && onRestart(stateRef.current.restTime);
         }
       }
     }, [paused]);
     React.useEffect(() => {
       if (stateRef.current.isIninted) {
-        initTimer();
+        initTime();
       }
     }, [endTime, startTime]);
     React.useEffect(() => {
-      initTimer();
+      if (autoStart) {
+        initTime();
+      } else {
+        stateRef.current.restTime = time;
+        setRestTime(time);
+      }
+      if (!stateRef.current.isIninted) {
+        stateRef.current.isIninted = true;
+      }
       return componentWillUnmount;
     }, []);
     const componentWillUnmount = () => {
       clearInterval(stateRef.current.timer);
     };
+    const renderTime = (() => {
+      return formatRemainTime(stateRef.current.restTime);
+    })();
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className || ""}`,
       style: { ...style },
       ...rest
-    }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, showPlainText ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, " ", plainText, " ") : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(resttime.d) >= 0 && showDays ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.d), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, locale.countdown.day || ":")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.h), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, ":"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.m), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, ":"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.s))));
-  };
-  CountDown.defaultProps = defaultProps$k;
+    }, children || /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: b2("block"),
+      dangerouslySetInnerHTML: {
+        __html: `${renderTime}`
+      }
+    }));
+  };
+  const CountDown = React__default["default"].forwardRef(InternalCountDown);
+  CountDown.defaultProps = defaultProps$l;
   CountDown.displayName = "NutCountDown";
-  const defaultProps$j = {
+  const defaultProps$k = {
     activeName: ["0"],
     accordion: false,
     icon: "",
@@ -16931,7 +17092,7 @@
         iconColor,
         change
       } = {
-        ...defaultProps$j,
+        ...defaultProps$k,
         ...props
       };
       const childrenDom = React__default["default"].Children.toArray(children);
@@ -16988,9 +17149,10 @@
     },
     areEqual
   );
-  Collapse.defaultProps = defaultProps$j;
+  Collapse.defaultProps = defaultProps$k;
   Collapse.displayName = "NutCollapse";
-  const defaultProps$i = {
+  const defaultProps$j = {
+    ...ComponentDefaults,
     title: "",
     name: "",
     isOpen: false,
@@ -17024,7 +17186,7 @@
       iconColor,
       ...rest
     } = {
-      ...defaultProps$i,
+      ...defaultProps$j,
       ...props
     };
     const [domHeight, setDomHeight] = React.useState(-1);
@@ -17069,13 +17231,17 @@
       className: colBem("title")
     }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-left")
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
     })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-right")
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
@@ -17086,7 +17252,9 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: colBem("icon"),
       style: iconStyle
-    }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       size: iconSize,
       color: disabled ? "#C2C2C2" : iconColor
@@ -17098,9 +17266,9 @@
       className: colBem("content-text")
     }, children)));
   };
-  CollapseItem.defaultProps = defaultProps$i;
+  CollapseItem.defaultProps = defaultProps$j;
   CollapseItem.displayName = "NutCollapseItem";
-  const defaultProps$h = {
+  const defaultProps$i = {
     maxLen: 0,
     endNumber: "",
     delaySpeed: 300,
@@ -17118,7 +17286,7 @@
       thousands,
       ...reset
     } = {
-      ...defaultProps$h,
+      ...defaultProps$i,
       ...props
     };
     const b2 = cn("countup");
@@ -17188,9 +17356,9 @@
       }, item));
     })));
   };
-  CountUp.defaultProps = defaultProps$h;
+  CountUp.defaultProps = defaultProps$i;
   CountUp.displayName = "NutCountUp";
-  const defaultProps$g = {};
+  const defaultProps$h = {};
   class AnimatingNumbers extends React.Component {
     constructor(props) {
       super(props);
@@ -17202,7 +17370,7 @@
       });
     }
   }
-  AnimatingNumbers.defaultProps = defaultProps$g;
+  AnimatingNumbers.defaultProps = defaultProps$h;
   AnimatingNumbers.displayName = "NutAnimatingNumbers";
   AnimatingNumbers.CountUp = CountUp;
   AnimatingNumbers.CountUp = CountUp;
@@ -17211,7 +17379,7 @@
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const defaultProps$f = {
+  const defaultProps$g = {
     description: "\u65E0\u5185\u5BB9",
     image: "empty",
     imageSize: "",
@@ -17219,9 +17387,9 @@
   };
   const Empty = (props) => {
     const { locale } = useConfig();
-    defaultProps$f.description = locale.noData || defaultProps$f.description;
+    defaultProps$g.description = locale.noData || defaultProps$g.description;
     const { image, imageSize, description, children, className, ...rest } = {
-      ...defaultProps$f,
+      ...defaultProps$g,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
@@ -17263,7 +17431,7 @@
       className: b2("description")
     }, description) : { description }, children));
   };
-  Empty.defaultProps = defaultProps$f;
+  Empty.defaultProps = defaultProps$g;
   Empty.displayName = "NutEmpty";
   const initPositinoCache = (reaItemSize, length = 0) => {
     let index2 = 0;
@@ -17376,7 +17544,7 @@
       }
     });
   };
-  const defaultProps$e = {};
+  const defaultProps$f = {};
   const VirtualList = (props) => {
     const {
       sourceData = [],
@@ -17535,9 +17703,10 @@
       }) : data);
     }))));
   };
-  VirtualList.defaultProps = defaultProps$e;
+  VirtualList.defaultProps = defaultProps$f;
   VirtualList.displayName = "NutVirtualList";
-  const defaultProps$d = {
+  const defaultProps$e = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     columns: [],
@@ -17548,7 +17717,7 @@
   };
   const Table = (props) => {
     const { locale } = useConfig();
-    defaultProps$d.noData = locale.noData;
+    defaultProps$e.noData = locale.noData;
     const {
       children,
       className,
@@ -17562,7 +17731,7 @@
       onSorter,
       ...rest
     } = {
-      ...defaultProps$d,
+      ...defaultProps$e,
       ...props
     };
     const [curData, setCurData] = React.useState(data);
@@ -17602,7 +17771,9 @@
           ),
           key: item.key,
           onClick: () => handleSorterClick(item)
-        }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+          classPrefix: props.iconClassPrefix,
+          fontClassName: props.iconFontClassName,
           name: "down-arrow",
           size: "12px"
         }));
@@ -17658,9 +17829,9 @@
       className: "nut-table__nodata__text"
     }, noData))));
   };
-  Table.defaultProps = defaultProps$d;
+  Table.defaultProps = defaultProps$e;
   Table.displayName = "NutTable";
-  const defaultProps$c = {
+  const defaultProps$d = {
     source: {
       type: {},
       src: ""
@@ -17685,7 +17856,7 @@
       playend,
       ...restProps
     } = {
-      ...defaultProps$c,
+      ...defaultProps$d,
       ...props
     };
     const rootRef = React.useRef(null);
@@ -17739,9 +17910,74 @@
       kind: "captions"
     })));
   };
-  Video.defaultProps = defaultProps$c;
+  Video.defaultProps = defaultProps$d;
   Video.displayName = "NutVideo";
+  const defaultProps$c = {
+    name: "",
+    size: "",
+    classPrefix: "nut-icon",
+    fontClassName: "nutui-iconfont",
+    color: "",
+    tag: "i",
+    onClick: (e2) => {
+    },
+    className: ""
+  };
+  function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+  }
+  function Icon(props) {
+    const {
+      name,
+      size,
+      classPrefix,
+      color,
+      tag,
+      children,
+      className,
+      fontClassName,
+      style,
+      onClick,
+      ...rest
+    } = {
+      ...defaultProps$c,
+      ...props
+    };
+    const isImage = name ? name.indexOf("/") !== -1 : false;
+    const type = isImage ? "img" : tag;
+    const b2 = cn("icon");
+    const handleClick2 = (e2) => {
+      if (onClick) {
+        onClick(e2);
+      }
+    };
+    const hasSrc = () => {
+      if (isImage)
+        return { src: name };
+      return {};
+    };
+    return React__default["default"].createElement(
+      type,
+      {
+        className: isImage ? `${b2("img")} ${className || ""} ` : `${fontClassName} ${b2(null)} ${classPrefix}-${name} ${className || ""}`,
+        style: {
+          color,
+          fontSize: pxCheck(size),
+          width: pxCheck(size),
+          height: pxCheck(size),
+          ...style
+        },
+        ...rest,
+        onClick: handleClick2,
+        ...hasSrc()
+      },
+      children
+    );
+  }
+  Icon.defaultProps = defaultProps$c;
+  Icon.displayName = "NutIcon";
   const defaultProps$b = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     isShowPercentage: true,
@@ -17854,6 +18090,8 @@
       className: classesTextInner,
       style: { color: textColor || "#333" }
     }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: iconSize,
       name: iconName,
       color: iconColor
@@ -17862,6 +18100,7 @@
   Progress.defaultProps = defaultProps$b;
   Progress.displayName = "NutProgress";
   const defaultProps$a = {
+    ...ComponentDefaults,
     className: "",
     url: "",
     style: {},
@@ -17957,10 +18196,14 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
         onClick: handleStatusChange
-      }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "service",
         className: "nut-icon-loading"
-      }) : /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "service"
       }))));
     };
@@ -18349,7 +18592,7 @@
         key: index2
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => selectedExist(item)
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
         className: b2("exist-item-icon"),
         name: item.selectedAddress ? selectedIcon : defaultIcon,
         color: item.selectedAddress ? "#FA2C19" : "",
@@ -18633,7 +18876,7 @@
           onClick: () => {
             nextAreaList(item);
           }
-        }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
           className: b2("region-item--icon"),
           name: "Check",
           color: "#FA2C19",
@@ -18649,6 +18892,7 @@
     })));
   };
   const defaultProps$6 = {
+    ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
     type: "custom",
@@ -18789,14 +19033,18 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "arrow-back",
         onClick: onSwitchModule
-      }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: backBtnIcon,
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: b2("header__title")
       }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
-      }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: closeBtnIcon,
         color: "#cccccc",
         size: "18px"
@@ -19347,7 +19595,7 @@
   exports2.FixedNav = FixedNav;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
-  exports2.Icon = Icon;
+  exports2.Icon = Icon$1;
   exports2.ImagePreview = ImagePreview;
   exports2.Indicator = Indicator;
   exports2.Infiniteloading = Infiniteloading;