npm - @nutui/nutui-react - Versions diffs - 1.3.2 → 1.3.3-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (678) hide show

package/dist/nutui.react.es.js CHANGED Viewed

@@ -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.
 */
@@ -45,7 +45,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$1k = {
+const defaultProps$1l = {
   name: "",
   size: "",
   classPrefix: "nut-icon",
@@ -56,10 +56,10 @@ const defaultProps$1k = {
   },
   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,
@@ -73,7 +73,7 @@ function Icon(props) {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const isImage = name ? name.indexOf("/") !== -1 : false;
@@ -95,9 +95,9 @@ function Icon(props) {
       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,
@@ -107,9 +107,14 @@ function Icon(props) {
     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",
@@ -142,7 +147,7 @@ const Button = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1j,
+    ...defaultProps$1k,
     ...props
   };
   const getStyle = useCallback(() => {
@@ -209,13 +214,17 @@ const Button = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-button__warp",
     style: getStyle()
-  }, loading && /* @__PURE__ */ React__default.createElement(Icon, {
+  }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "loading"
-  }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }), !loading && icon ? /* @__PURE__ */ React__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) {
@@ -1433,7 +1442,8 @@ var useContext = React__default.useContext;
 function useHistory() {
   return useContext(historyContext);
 }
-const defaultProps$1i = {
+const defaultProps$1j = {
+  ...ComponentDefaults,
   title: null,
   subTitle: null,
   desc: "",
@@ -1473,7 +1483,7 @@ const Cell = (props) => {
     linkSlot,
     ...rest
   } = {
-    ...defaultProps$1i,
+    ...defaultProps$1j,
     ...props
   };
   const b2 = cn("cell");
@@ -1503,7 +1513,9 @@ const Cell = (props) => {
     ...rest
   }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("icon")
-  }, iconSlot || (icon ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, iconSlot || (icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     className: "icon"
   }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default.createElement("div", {
@@ -1517,14 +1529,16 @@ const Cell = (props) => {
       alone: !title && !subTitle
     }),
     style: styles
-  }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__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,
@@ -1533,7 +1547,7 @@ const defaultProps$1h = {
 };
 const CellGroup = (props) => {
   const { children, classPrefix, title, desc, titleSlot, descSlot } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const b2 = cn("cell-group");
@@ -1547,7 +1561,7 @@ const CellGroup = (props) => {
     className: b2("wrap")
   }, children));
 };
-CellGroup.defaultProps = defaultProps$1h;
+CellGroup.defaultProps = defaultProps$1i;
 CellGroup.displayName = "NutCellGroup";
 var classnames = { exports: {} };
 /*!
@@ -2100,7 +2114,8 @@ CSSTransition.defaultProps = {
 };
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
-const defaultProps$1g = {
+const defaultProps$1h = {
+  ...ComponentDefaults,
   position: "center",
   transition: "",
   style: {},
@@ -2255,7 +2270,9 @@ const Popup = (props) => {
     }, showChildren ? children : "", closeable ? /* @__PURE__ */ React__default.createElement("div", {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: closeIcon,
       size: "12px"
     })) : ""));
@@ -2281,7 +2298,7 @@ const Popup = (props) => {
   }, [position]);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
 };
-Popup.defaultProps = defaultProps$1g;
+Popup.defaultProps = defaultProps$1h;
 Popup.displayName = "NutPopup";
 const zhCN = {
   save: "\u4FDD\u5B58",
@@ -2408,7 +2425,7 @@ const zhCN = {
     completeText: "\u5237\u65B0\u6210\u529F"
   }
 };
-const defaultProps$1f = {
+const defaultProps$1g = {
   locale: zhCN
 };
 const defaultConfigRef = {
@@ -2425,7 +2442,7 @@ const useConfig = () => {
 };
 const ConfigContext = createContext(null);
 const ConfigProvider = (props) => {
-  const { children, ...config2 } = { ...defaultProps$1f, ...props };
+  const { children, ...config2 } = { ...defaultProps$1g, ...props };
   const parentConfig = useConfig();
   return /* @__PURE__ */ React__default.createElement(ConfigContext.Provider, {
     value: {
@@ -2434,25 +2451,25 @@ const ConfigProvider = (props) => {
     }
   }, 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.createElement("div", {
     className: "nut-layout"
   }, "Layout");
 };
-Layout.defaultProps = defaultProps$1e;
+Layout.defaultProps = defaultProps$1f;
 Layout.displayName = "NutLayout";
 const DataContext$2 = 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] = useState("");
   const [colStyle, setColStyle] = useState({});
   const { gutter } = useContext$1(DataContext$2);
@@ -2478,9 +2495,9 @@ const Col = (props) => {
     }
   }, children);
 };
-Col.defaultProps = defaultProps$1d;
+Col.defaultProps = defaultProps$1e;
 Col.displayName = "NutCol";
-const defaultProps$1c = {
+const defaultProps$1d = {
   type: "",
   justify: "start",
   align: "flex-start",
@@ -2489,7 +2506,7 @@ const defaultProps$1c = {
 };
 const Row = (props) => {
   const { children, type, justify, align, wrap, gutter, onClick } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const prefixCls = "nut-row";
@@ -2523,9 +2540,9 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1c;
+Row.defaultProps = defaultProps$1d;
 Row.displayName = "NutRow";
-const defaultProps$1b = {
+const defaultProps$1c = {
   contentPosition: "center",
   dashed: false,
   hairline: true,
@@ -2542,7 +2559,7 @@ const Divider = (props) => {
     direction,
     ...rest
   } = {
-    ...defaultProps$1b,
+    ...defaultProps$1c,
     ...props
   };
   const dividerBem = cn("divider");
@@ -2563,9 +2580,9 @@ const Divider = (props) => {
     ...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,
@@ -2592,7 +2609,7 @@ const Grid = (props) => {
     iconColor,
     className,
     ...rest
-  } = { ...defaultProps$1a, ...props };
+  } = { ...defaultProps$1b, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const pxCheck2 = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -2631,9 +2648,10 @@ const Grid = (props) => {
     });
   }));
 };
-Grid.defaultProps = defaultProps$1a;
+Grid.defaultProps = defaultProps$1b;
 Grid.displayName = "NutGrid";
-const defaultProps$19 = {
+const defaultProps$1a = {
+  ...ComponentDefaults,
   text: "",
   icon: "",
   iconSize: "",
@@ -2667,7 +2685,7 @@ const GridItem = (props) => {
     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`;
@@ -2699,7 +2717,9 @@ const GridItem = (props) => {
     ...rest
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
-  }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor
@@ -2707,9 +2727,10 @@ const GridItem = (props) => {
     className: "nut-grid-item__text"
   }, text), children && /* @__PURE__ */ React__default.createElement(React__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,
@@ -2742,7 +2763,7 @@ const NavBar = (props) => {
     onClickBack,
     onClickRight
   } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const b2 = cn("navbar");
@@ -2764,7 +2785,9 @@ const NavBar = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("left")}`,
       onClick: (e2) => onClickBack(e2)
-    }, leftShow && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, leftShow && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "left",
       color: "#979797"
     }), leftText && /* @__PURE__ */ React__default.createElement("div", {
@@ -2779,7 +2802,9 @@ const NavBar = (props) => {
       onClick: (e2) => onClickTitle(e2)
     }, title), titIcon && /* @__PURE__ */ React__default.createElement("div", {
       onClick: (e2) => onClickIcon(e2)
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titIcon
     })), slot.content);
   };
@@ -2807,9 +2832,10 @@ const NavBar = (props) => {
     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: "",
@@ -2835,7 +2861,7 @@ const FixedNav = (props) => {
     slotList,
     slotBtn,
     ...rest
-  } = { ...defaultProps$17, ...props };
+  } = { ...defaultProps$18, ...props };
   const b2 = cn("fixednav");
   const classes = classNames(
     {
@@ -2879,16 +2905,18 @@ const FixedNav = (props) => {
   }))), /* @__PURE__ */ React__default.createElement("div", {
     className: "nut-fixednav__btn",
     onClick: () => onUpdateValue()
-  }, slotBtn || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, slotBtn || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "left",
     color: "#fff"
   }), /* @__PURE__ */ React__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,
@@ -2913,7 +2941,7 @@ const Tabbar = (props) => {
     style,
     tabSwitch
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const b2 = cn("tabbar");
@@ -2948,9 +2976,10 @@ const Tabbar = (props) => {
     return React__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",
@@ -2982,7 +3011,7 @@ const TabbarItem = (props) => {
     index: index2,
     handleClick: handleClick2
   } = {
-    ...defaultProps$15,
+    ...defaultProps$16,
     ...props
   };
   const b2 = cn("tabbar-item");
@@ -3013,10 +3042,11 @@ const TabbarItem = (props) => {
     className: `${bIcon("tips", [bIcon("nums")])}`
   }, "99+")) : /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon("dot")}`
-  }), icon && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon, {
+  }), icon && /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size,
-    name: icon,
-    classPrefix
+    name: icon
   })), /* @__PURE__ */ React__default.createElement("div", {
     className: bIcon({ "nav-word": true }, [
       bIcon({ "big-word": !icon })
@@ -7961,7 +7991,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$14 = {
+const defaultProps$15 = {
   height: "200px",
   acceptKey: "title",
   indexList: [],
@@ -7984,7 +8014,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   const b2 = cn("elevator");
@@ -8171,9 +8201,9 @@ const Elevator = (props) => {
     }, item[acceptKey]);
   }))));
 };
-Elevator.defaultProps = defaultProps$14;
+Elevator.defaultProps = defaultProps$15;
 Elevator.displayName = "NutElevator";
-const defaultProps$13 = {
+const defaultProps$14 = {
   defaultValue: 1,
   mode: "multi",
   prevText: "",
@@ -8190,7 +8220,7 @@ const defaultProps$13 = {
 };
 const Pagination = (props) => {
   const { locale } = useConfig();
-  ({ ...defaultProps$13, ...props });
+  ({ ...defaultProps$14, ...props });
   const {
     modelValue,
     mode,
@@ -8307,7 +8337,7 @@ const Pagination = (props) => {
     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() {
@@ -8317,7 +8347,8 @@ class Title {
     this.index = 0;
   }
 }
-const defaultProps$12 = {
+const defaultProps$13 = {
+  ...ComponentDefaults,
   value: 0,
   color: "",
   background: "",
@@ -8330,7 +8361,7 @@ const defaultProps$12 = {
   size: "normal",
   autoHeight: false
 };
-const pxCheck$1 = (value) => {
+const pxCheck$2 = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
 const Tabs = (props) => {
@@ -8352,7 +8383,7 @@ const Tabs = (props) => {
     className,
     autoHeight,
     ...rest
-  } = { ...defaultProps$12, ...props };
+  } = { ...defaultProps$13, ...props };
   const [currentItem, setCurrentItem] = useState({ index: 0 });
   const titles = useRef([]);
   useEffect(() => {
@@ -8388,8 +8419,8 @@ const Tabs = (props) => {
     `${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 : "",
@@ -8432,7 +8463,9 @@ const Tabs = (props) => {
     }), type === "smile" && /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("")}__titles-item__smile`,
       style: tabsActiveStyle
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color,
       name: "joy-smile"
     })), /* @__PURE__ */ React__default.createElement("div", {
@@ -8464,9 +8497,9 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   })));
 };
-Tabs.defaultProps = defaultProps$12;
+Tabs.defaultProps = defaultProps$13;
 Tabs.displayName = "NutTabs";
-const defaultProps$11 = {
+const defaultProps$12 = {
   title: "",
   paneKey: "",
   activeKey: "",
@@ -8474,7 +8507,7 @@ const defaultProps$11 = {
 };
 const TabPane = (props) => {
   const { children, paneKey, activeKey, autoHeightClassName } = {
-    ...defaultProps$11,
+    ...defaultProps$12,
     ...props
   };
   const b2 = cn("tabpane");
@@ -8489,7 +8522,7 @@ const TabPane = (props) => {
     className: classes
   }, children);
 };
-const defaultProps$10 = {
+const defaultProps$11 = {
   size: 3,
   current: 1,
   block: false,
@@ -8509,7 +8542,7 @@ const Indicator = (props) => {
     vertical,
     ...rest
   } = {
-    ...defaultProps$10,
+    ...defaultProps$11,
     ...props
   };
   const b2 = cn("indicator");
@@ -8543,7 +8576,7 @@ const Indicator = (props) => {
     ...rest
   }, renderEles());
 };
-Indicator.defaultProps = defaultProps$10;
+Indicator.defaultProps = defaultProps$11;
 Indicator.displayName = "NutIndicator";
 const handleClick = (e2) => {
   e2.stopPropagation();
@@ -8559,7 +8592,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$$ = {
+const defaultProps$10 = {
   showhead: false,
   position: "left",
   width: "80%"
@@ -8577,7 +8610,7 @@ const SideNavBar = (props) => {
     handleClose,
     ...rest
   } = {
-    ...defaultProps$$,
+    ...defaultProps$10,
     ...props
   };
   const offset = props.offset ? Number(props.offset) : 20;
@@ -8605,14 +8638,14 @@ const SideNavBar = (props) => {
     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 = useContext$1(OffsetContext);
@@ -8683,7 +8716,8 @@ const SideNavBarItem = (props) => {
     ...rest
   }, title);
 };
-const defaultProps$Z = {
+const defaultProps$_ = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   activeColor: "#F2270C",
@@ -8703,7 +8737,7 @@ const Menu = (props) => {
     activeColor,
     ...rest
   } = {
-    ...defaultProps$Z,
+    ...defaultProps$_,
     ...props
   };
   const parentRef = useRef(null);
@@ -8799,16 +8833,19 @@ const Menu = (props) => {
       })}`
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-menu__title-text"
-    }, finallyTitle()), /* @__PURE__ */ React__default.createElement(Icon, {
+    }, finallyTitle()), /* @__PURE__ */ React__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,
@@ -8822,7 +8859,7 @@ const defaultProps$Y = {
 };
 const MenuItem = (props) => {
   useConfig();
-  const mergedProps = { ...defaultProps$Y, ...props };
+  const mergedProps = { ...defaultProps$Z, ...props };
   const {
     className,
     style,
@@ -8839,7 +8876,7 @@ const MenuItem = (props) => {
     inactiveTitleClass,
     children
   } = {
-    ...defaultProps$Y,
+    ...defaultProps$Z,
     ...props
   };
   const { activeColor, showPopup, parent, orderKey } = mergedProps;
@@ -8945,11 +8982,11 @@ const MenuItem = (props) => {
       onClick: () => {
         handleClick2(item);
       }
-    }, item.value === _value ? /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.value === _value ? /* @__PURE__ */ React__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.createElement("div", {
       className: getIconCName(item.value, value),
@@ -8959,7 +8996,7 @@ const MenuItem = (props) => {
     }, item.text));
   }), children))));
 };
-MenuItem.defaultProps = defaultProps$Y;
+MenuItem.defaultProps = defaultProps$Z;
 MenuItem.displayName = "NutMenuItem";
 const MIN_DISTANCE = 10;
 function getDirection(x2, y2) {
@@ -9163,7 +9200,7 @@ class Notification$1 extends React.PureComponent {
       }
     }, icon ? /* @__PURE__ */ React.createElement("p", {
       className: toastBem("icon-wrapper")
-    }, /* @__PURE__ */ React.createElement(Icon, {
+    }, /* @__PURE__ */ React.createElement(Icon$1, {
       name: icon || "",
       color: "#ffffff",
       size: iconSize
@@ -9280,7 +9317,7 @@ var Toast = {
     }
   }
 };
-const defaultProps$X = {
+const defaultProps$Y = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -9311,8 +9348,8 @@ const Range = (props) => {
     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);
@@ -9647,7 +9684,7 @@ const Range = (props) => {
     className: "max"
   }, +max) : null);
 };
-Range.defaultProps = defaultProps$X;
+Range.defaultProps = defaultProps$Y;
 Range.displayName = "NutRange";
 const Utils = {
   isLeapYear(y2) {
@@ -9741,7 +9778,7 @@ function requestAniFrame() {
   };
 }
 var requestAniFrame$1 = requestAniFrame();
-const defaultProps$W = {
+const defaultProps$X = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -9790,7 +9827,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onChoose,
     onUpdate,
     onSelected
-  } = { ...defaultProps$W, ...props };
+  } = { ...defaultProps$X, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [monthsData, setMonthsData] = useState([]);
@@ -10377,9 +10414,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     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,
@@ -10431,7 +10468,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onClose,
     onChoose,
     onSelected
-  } = { ...defaultProps$V, ...props };
+  } = { ...defaultProps$W, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -10490,9 +10527,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     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,
@@ -10501,7 +10538,7 @@ const defaultProps$U = {
 };
 const CheckboxGroup = React__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] = useState(disabled);
@@ -10579,9 +10616,10 @@ const CheckboxGroup = React__default.forwardRef(
     }, 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",
@@ -10595,7 +10633,7 @@ const defaultProps$T = {
   }
 };
 const Checkbox = (props) => {
-  const { children } = { ...defaultProps$T, ...props };
+  const { children } = { ...defaultProps$U, ...props };
   const b2 = cn("checkbox");
   const {
     iconName,
@@ -10635,12 +10673,12 @@ const Checkbox = (props) => {
     return iconActiveName;
   };
   const renderIcon = () => {
-    return /* @__PURE__ */ React__default.createElement(Icon, {
+    return /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: getIconName(),
       size: iconSize,
-      className: color(),
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName
+      className: color()
     });
   };
   const color = () => {
@@ -10675,7 +10713,7 @@ const Checkbox = (props) => {
     onClick: handleClick2
   }, renderIcon(), renderLabel());
 };
-Checkbox.defaultProps = defaultProps$T;
+Checkbox.defaultProps = defaultProps$U;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const InternalPickerSlot = (props, ref) => {
@@ -11100,7 +11138,7 @@ const InternalPicker = (props, ref) => {
 };
 const Picker = React__default.forwardRef(InternalPicker);
 const currentYear = new Date().getFullYear();
-const defaultProps$S = {
+const defaultProps$T = {
   modelValue: null,
   visible: false,
   title: "",
@@ -11130,7 +11168,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$S,
+    ...defaultProps$T,
     ...props
   };
   const { locale } = useConfig();
@@ -11397,9 +11435,10 @@ const DatePicker = (props) => {
     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,
@@ -11411,7 +11450,7 @@ const defaultProps$R = {
   decimalPlaces: 0,
   isAsync: false
 };
-function pxCheck(value) {
+function pxCheck$1(value) {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 }
 const InputNumber = (props) => {
@@ -11437,7 +11476,7 @@ const InputNumber = (props) => {
     focus,
     ...restProps
   } = {
-    ...defaultProps$R,
+    ...defaultProps$S,
     ...props
   };
   const [inputValue, setInputValue] = useState(modelValue);
@@ -11453,7 +11492,7 @@ const InputNumber = (props) => {
     b2("")
   );
   const styles = {
-    height: pxCheck(buttonSize),
+    height: pxCheck$1(buttonSize),
     ...style
   };
   const addAllow = (value = Number(inputValue)) => {
@@ -11539,7 +11578,9 @@ const InputNumber = (props) => {
     className: classes,
     style: styles,
     ...restProps
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
@@ -11548,21 +11589,23 @@ const InputNumber = (props) => {
     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.createElement(Icon, {
+  }), /* @__PURE__ */ React__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);
@@ -11588,7 +11631,8 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$Q = {
+const defaultProps$R = {
+  ...ComponentDefaults,
   type: "text",
   defaultValue: "",
   placeholder: "",
@@ -11671,7 +11715,7 @@ const Input = (props) => {
     clickRightIcon,
     click,
     ...rest
-  } = { ...defaultProps$Q, ...props };
+  } = { ...defaultProps$R, ...props };
   locale.placeholder = placeholder || locale.placeholder;
   const [inputValue, SetInputValue] = useState("");
   const [active, SetActive] = useState(false);
@@ -11798,7 +11842,9 @@ const Input = (props) => {
     onClick: (e2) => {
       onClickLeftIcon(e2);
     }
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: leftIcon,
     size: leftIconSize
   })) : null, /* @__PURE__ */ React__default.createElement("div", {
@@ -11855,7 +11901,9 @@ const Input = (props) => {
     onInput: (e2) => {
       onInput(e2);
     }
-  }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "nut-input-clear",
     name: clearIcon,
     size: clearSize,
@@ -11867,7 +11915,9 @@ const Input = (props) => {
     onClick: (e2) => {
       onClickRightIcon(e2);
     }
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: rightIcon,
     size: rightIconSize
   })) : null, slotButton ? /* @__PURE__ */ React__default.createElement("div", {
@@ -11883,14 +11933,14 @@ const Input = (props) => {
     }
   }, errorMessage) : null)));
 };
-Input.defaultProps = defaultProps$Q;
+Input.defaultProps = defaultProps$R;
 Input.displayName = "NutInput";
 const radioContext = {
   onChange: (val) => {
   }
 };
 var RadioContext = React__default.createContext(radioContext);
-const defaultProps$P = {
+const defaultProps$Q = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -11899,7 +11949,7 @@ const defaultProps$P = {
 };
 const RadioGroup = React__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] = useState(value);
@@ -11936,9 +11986,10 @@ const RadioGroup = React__default.forwardRef(
     }, cloneChildren()));
   }
 );
-RadioGroup.defaultProps = defaultProps$P;
+RadioGroup.defaultProps = defaultProps$Q;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$O = {
+const defaultProps$P = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   disabled: false,
@@ -11953,7 +12004,7 @@ const defaultProps$O = {
   }
 };
 const Radio = (props) => {
-  const { children } = { ...defaultProps$O, ...props };
+  const { children } = { ...defaultProps$P, ...props };
   const {
     className,
     disabled,
@@ -11998,7 +12049,9 @@ const Radio = (props) => {
   };
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
-    return /* @__PURE__ */ React__default.createElement(Icon, {
+    return /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: checkedStatement ? iconActiveName2 : iconName2,
       size: iconSize2,
       className: color()
@@ -12027,10 +12080,11 @@ const Radio = (props) => {
     ...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,
@@ -12058,8 +12112,8 @@ const Rate = (props) => {
     readonly,
     allowHalf,
     spacing,
-    change
-  } = { ...defaultProps$N, ...props };
+    onChange
+  } = { ...defaultProps$O, ...props };
   const b2 = cn("rate");
   const bi = cn("rate-item");
   const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
@@ -12095,7 +12149,7 @@ const Rate = (props) => {
     }
     value = Math.max(value, Number(minimizeValue));
     setScore(value);
-    change && change(value);
+    onChange && onChange(value);
   };
   return /* @__PURE__ */ React__default.createElement("div", {
     className: b2()
@@ -12105,17 +12159,23 @@ const Rate = (props) => {
       key: n2,
       onClick: (event) => onClick(event, n2),
       style: { marginRight: pxCheck2(spacing) }
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__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.createElement(Icon, {
+    }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__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.createElement(Icon, {
+    }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
         "icon--half"
       )}`,
@@ -12125,9 +12185,10 @@ const Rate = (props) => {
     }));
   }));
 };
-Rate.defaultProps = defaultProps$N;
+Rate.defaultProps = defaultProps$O;
 Rate.displayName = "NutRate";
-const defaultProps$M = {
+const defaultProps$N = {
+  ...ComponentDefaults,
   title: "",
   desc: "",
   tips: "",
@@ -12274,7 +12335,9 @@ const ShortPassword = (props) => {
     className: b2("message__error")
   }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("message__forget")
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "icon",
     size: "11px",
     name: "tips"
@@ -12290,9 +12353,9 @@ const ShortPassword = (props) => {
     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,
@@ -12320,7 +12383,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$L, ...props };
+  } = { ...defaultProps$M, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   const textareaRef = useRef(null);
@@ -12419,7 +12482,7 @@ const TextArea = (props) => {
     className: textareaBem("limit")
   }, inputValue.length, "/", maxlength < 0 ? 0 : maxlength) : null);
 };
-TextArea.defaultProps = defaultProps$L;
+TextArea.defaultProps = defaultProps$M;
 TextArea.displayName = "NutTextArea";
 class UploadOptions {
   constructor() {
@@ -12472,7 +12535,8 @@ class Upload {
     }
   }
 }
-const defaultProps$K = {
+const defaultProps$L = {
+  ...ComponentDefaults,
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -12547,7 +12611,7 @@ const InternalUploader = (props, ref) => {
     beforeUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$K, ...props };
+  } = { ...defaultProps$L, ...props };
   const [fileList, setFileList] = useState([]);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -12777,12 +12841,16 @@ const InternalUploader = (props, ref) => {
       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, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       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, {
+    }, item.message)), isDeletable && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "rgba(0,0,0,0.6)",
       className: "close",
       name: "failure",
@@ -12802,7 +12870,9 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handleItemClick(item),
       className: "nut-uploader__preview-img__file__name"
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       name: "link"
     }), "\xA0", item.name))), /* @__PURE__ */ React__default.createElement("div", {
@@ -12812,9 +12882,13 @@ const InternalUploader = (props, ref) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `nut-uploader__preview-img__file__name ${item.status}`,
       onClick: () => handleItemClick(item)
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "link"
-    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon, {
+    }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       name: "del",
@@ -12822,7 +12896,9 @@ const InternalUploader = (props, ref) => {
     })));
   }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", {
     className: `nut-uploader__upload ${listType}`
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
@@ -12846,9 +12922,9 @@ const InternalUploader = (props, ref) => {
   })));
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$K;
+Uploader.defaultProps = defaultProps$L;
 Uploader.displayName = "NutUploader";
-const defaultProps$J = {
+const defaultProps$K = {
   data: {
     text: "",
     value: "",
@@ -12863,7 +12939,7 @@ const defaultProps$J = {
 };
 const InternalCascaderItem = (props) => {
   const { data, checked, chooseItem } = {
-    ...defaultProps$J,
+    ...defaultProps$K,
     ...props
   };
   const b2 = cn("cascader-item");
@@ -12889,17 +12965,17 @@ const InternalCascaderItem = (props) => {
     }
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: classesTitle
-  }, data.text), data.loading ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, data.text), data.loading ? /* @__PURE__ */ React__default.createElement(Icon$1, {
     color: "#969799",
     className: "nut-cascader-item__icon-loading",
     name: "loading"
-  }) : /* @__PURE__ */ React__default.createElement(Icon, {
+  }) : /* @__PURE__ */ React__default.createElement(Icon$1, {
     className: `${checked ? b2("icon-check") : ""}`,
     name: "checklist"
   }));
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$J;
+CascaderItem.defaultProps = defaultProps$K;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -13033,7 +13109,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$I = {
+const defaultProps$J = {
   className: "",
   style: {},
   visible: false,
@@ -13078,7 +13154,7 @@ const InternalCascader = (props) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$I, ...props };
+  } = { ...defaultProps$J, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optiosData, setOptiosData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -13334,9 +13410,10 @@ const InternalCascader = (props) => {
   })))));
 };
 const Cascader = React__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,
@@ -13346,7 +13423,7 @@ const defaultProps$H = {
   readonly: true,
   autoFocus: false,
   label: "",
-  leftinIcon: /* @__PURE__ */ React__default.createElement(Icon, {
+  leftinIcon: /* @__PURE__ */ React__default.createElement(Icon$1, {
     name: "search",
     size: "12"
   })
@@ -13383,7 +13460,7 @@ const SearchBar = (props) => {
     onClickRightinIcon,
     onClickRightoutIcon
   } = {
-    ...defaultProps$H,
+    ...defaultProps$I,
     ...props
   };
   const alignClass = `${align}`;
@@ -13480,7 +13557,9 @@ const SearchBar = (props) => {
     return /* @__PURE__ */ React__default.createElement("div", {
       className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
       onClick: (e2) => clearaVal(e2)
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "circle-close",
       size: "12",
       color: "#555"
@@ -13520,9 +13599,9 @@ const SearchBar = (props) => {
     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,
@@ -13720,9 +13799,9 @@ const NumberKeyboard = (props) => {
     })
   }, 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",
@@ -13756,7 +13835,7 @@ const ActionSheet = (props) => {
     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";
@@ -13800,9 +13879,10 @@ const ActionSheet = (props) => {
     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",
@@ -13825,7 +13905,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$E,
+    ...defaultProps$F,
     ...props
   };
   const [backTop, SetBackTop] = useState(false);
@@ -13908,15 +13988,17 @@ const BackTop = (props) => {
     onClick: (e2) => {
       goTop(e2);
     }
-  }, children || /* @__PURE__ */ React__default.createElement(Icon, {
+  }, children || /* @__PURE__ */ React__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: {
@@ -13929,7 +14011,7 @@ const defaultProps$D = {
 };
 const Drag = (props) => {
   const { attract, direction, boundary, children, className, style, ...reset } = {
-    ...defaultProps$D,
+    ...defaultProps$E,
     ...props
   };
   const b2 = cn("drag");
@@ -13991,7 +14073,7 @@ const Drag = (props) => {
     ...bind()
   }, children));
 };
-Drag.defaultProps = defaultProps$D;
+Drag.defaultProps = defaultProps$E;
 Drag.displayName = "NutDrag";
 const Content = (props) => {
   const {
@@ -14186,7 +14268,7 @@ function confirm(config2, renderFunc) {
     update: update2
   };
 }
-const defaultProps$C = {
+const defaultProps$D = {
   okText: "\u786E\u8BA4",
   cancelText: "\u53D6\u6D88",
   mask: true,
@@ -14277,9 +14359,10 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$C;
+Dialog.defaultProps = defaultProps$D;
 Dialog.displayName = "NutDialog";
-const defaultProps$B = {
+const defaultProps$C = {
+  ...ComponentDefaults,
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -14313,7 +14396,7 @@ const Infiniteloading = (props) => {
     scrollChange,
     ...restProps
   } = {
-    ...defaultProps$B,
+    ...defaultProps$C,
     ...props
   };
   const [isInfiniting, setIsInfiniting] = useState(false);
@@ -14453,7 +14536,9 @@ const Infiniteloading = (props) => {
     style: getStyle()
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "top-box"
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "top-img",
     name: pullIcon
   }), /* @__PURE__ */ React__default.createElement("span", {
@@ -14464,7 +14549,9 @@ const Infiniteloading = (props) => {
     className: "nut-infinite-bottom"
   }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-box"
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "bottom-img",
     name: loadIcon
   }), /* @__PURE__ */ React__default.createElement("div", {
@@ -14473,7 +14560,7 @@ const Infiniteloading = (props) => {
     className: "tips"
   }, loadMoreTxt || locale.infiniteloading.loadMoreText)));
 };
-Infiniteloading.defaultProps = defaultProps$B;
+Infiniteloading.defaultProps = defaultProps$C;
 Infiniteloading.displayName = "NutInfiniteloading";
 class Notification extends React.PureComponent {
   constructor(props) {
@@ -14648,7 +14735,7 @@ var Notify = {
     }
   }
 };
-const defaultProps$A = {
+const defaultProps$B = {
   isAsync: false,
   checked: false,
   disable: false,
@@ -14671,7 +14758,7 @@ const Switch = (props) => {
     className,
     style
   } = {
-    ...defaultProps$A,
+    ...defaultProps$B,
     ...props
   };
   const [value, setValue] = useState(false);
@@ -14711,7 +14798,7 @@ const Switch = (props) => {
     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) {
@@ -14721,7 +14808,7 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps$z = {
+const defaultProps$A = {
   name: "",
   leftWidth: 0,
   rightWidth: 0
@@ -14729,7 +14816,7 @@ const defaultProps$z = {
 const Swipe = 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 = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -14895,7 +14982,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     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;
@@ -14954,7 +15041,7 @@ if (canUseDom) {
     console.log(e2);
   }
 }
-const defaultProps$y = {
+const defaultProps$z = {
   className: "",
   style: {},
   pullingText: "",
@@ -14971,7 +15058,7 @@ const defaultProps$y = {
 const PullToRefresh = (p2) => {
   const { locale } = useConfig();
   const props = {
-    ...defaultProps$y,
+    ...defaultProps$z,
     ...p2,
     ...{
       pullingText: p2.pullingText || locale.pullToRefresh.pullingText,
@@ -15110,10 +15197,10 @@ const PullToRefresh = (p2) => {
     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",
@@ -15136,7 +15223,7 @@ const CircleProgress = (props) => {
     strokeLinecap,
     ...restProps
   } = {
-    ...defaultProps$x,
+    ...defaultProps$y,
     ...props
   };
   const b2 = cn("circleprogress");
@@ -15222,9 +15309,10 @@ const CircleProgress = (props) => {
     className: "nut-circleprogress-text"
   }, children || /* @__PURE__ */ React__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,
@@ -15262,7 +15350,7 @@ const NoticeBar = (props) => {
     rightIcon,
     close,
     click
-  } = { ...defaultProps$w, ...props };
+  } = { ...defaultProps$x, ...props };
   const wrap = useRef(null);
   const content = useRef(null);
   const [showNoticeBar, SetShowNoticeBar] = useState(true);
@@ -15276,7 +15364,6 @@ const NoticeBar = (props) => {
   const [distance, SetDistance] = useState(0);
   const [timer, SetTimer] = useState(0);
   const [isCanScroll, SetIsCanScroll] = useState(null);
-  useState(0);
   useEffect(() => {
     if (direction === "vertical") {
       if (children) {
@@ -15358,7 +15445,7 @@ const NoticeBar = (props) => {
   };
   const startRollEasy = () => {
     showhorseLamp();
-    const timerCurr = window.setInterval(
+    const timerCurr = setInterval(
       showhorseLamp,
       ~~(height / speed / 4) * 1e3 + Number(standTime)
     );
@@ -15453,7 +15540,9 @@ const NoticeBar = (props) => {
   }, iconShow() ? /* @__PURE__ */ React__default.createElement("div", {
     className: "left-icon",
     style: { backgroundImage: `url(${iconBg() || ""})` }
-  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "notice",
     size: "16",
     color
@@ -15468,7 +15557,9 @@ const NoticeBar = (props) => {
   }, children, text)), closeMode || rightIcon ? /* @__PURE__ */ React__default.createElement("div", {
     className: "right-icon",
     onClick: onClickIcon
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__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.createElement("div", {
@@ -15496,22 +15587,24 @@ const NoticeBar = (props) => {
     onClick: () => {
       handleClickIcon();
     }
-  }, rightIcon || (closeMode ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, rightIcon || (closeMode ? /* @__PURE__ */ React__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 = 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,
@@ -15544,9 +15637,10 @@ const Steps = (props) => {
     children
   ));
 };
-Steps.defaultProps = defaultProps$v;
+Steps.defaultProps = defaultProps$w;
 Steps.displayName = "NutSteps";
-const defaultProps$u = {
+const defaultProps$v = {
+  ...ComponentDefaults,
   title: "",
   content: "",
   activeIndex: 0,
@@ -15567,7 +15661,7 @@ const Step = (props) => {
     renderContent,
     ...restProps
   } = {
-    ...defaultProps$u,
+    ...defaultProps$v,
     ...props
   };
   const parent = useContext$1(DataContext$1);
@@ -15611,7 +15705,9 @@ const Step = (props) => {
     className: "nut-step-line"
   }), /* @__PURE__ */ React__default.createElement("div", {
     className: renderIconClass()
-  }, icon ? /* @__PURE__ */ React__default.createElement(Icon, {
+  }, icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "nut-step-icon-inner",
     color: iconColor,
     name: icon,
@@ -15628,10 +15724,10 @@ const Step = (props) => {
     className: "nut-step-content"
   }, renderContent())));
 };
-Step.defaultProps = defaultProps$u;
+Step.defaultProps = defaultProps$v;
 Step.displayName = "NutStep";
 const DataContext = createContext({});
-const defaultProps$t = {
+const defaultProps$u = {
   width: typeof window === "object" ? window.innerWidth : 375,
   height: 0,
   duration: 500,
@@ -15649,7 +15745,7 @@ const defaultProps$t = {
 };
 const DISTANCE = 5;
 const Swiper = React__default.forwardRef((props, ref) => {
-  const propSwiper = { ...defaultProps$t, ...props };
+  const propSwiper = { ...defaultProps$u, ...props };
   const {
     children,
     direction,
@@ -16059,13 +16155,13 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
   })) : /* @__PURE__ */ React__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.forwardRef((props, ref) => {
-  const _props = { ...defaultProps$s, ...props };
+  const _props = { ...defaultProps$t, ...props };
   const { children, direction, size } = _props;
   const parent = useContext$1(DataContext);
   const b2 = cn("swiper-item");
@@ -16084,10 +16180,11 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     style: style()
   }, children);
 });
-SwiperItem.defaultProps = defaultProps$s;
+SwiperItem.defaultProps = defaultProps$t;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
-const defaultProps$r = {
+const defaultProps$s = {
+  ...ComponentDefaults,
   size: "",
   icon: "",
   bgColor: "#eee",
@@ -16114,7 +16211,7 @@ const Avatar = (props) => {
     onError,
     ...rest
   } = {
-    ...defaultProps$r,
+    ...defaultProps$s,
     ...props
   };
   const [maxSum, setMaxSum] = useState(0);
@@ -16186,7 +16283,9 @@ const Avatar = (props) => {
     src: url,
     alt,
     onError: errorEvent
-  }), icon && /* @__PURE__ */ React__default.createElement(Icon, {
+  }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "icon",
     name: iconStyles
   }), children && /* @__PURE__ */ React__default.createElement("span", {
@@ -16195,9 +16294,9 @@ const Avatar = (props) => {
     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",
@@ -16209,7 +16308,7 @@ const defaultProps$q = {
 };
 const AvatarGroup = (props) => {
   useConfig();
-  const propAvatarGroup = { ...defaultProps$q, ...props };
+  const propAvatarGroup = { ...defaultProps$r, ...props };
   const { className, style, children } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
   const b2 = cn("avatar-group");
@@ -16226,9 +16325,9 @@ const AvatarGroup = (props) => {
     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;",
@@ -16246,7 +16345,7 @@ const Price = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$p,
+    ...defaultProps$q,
     ...props
   };
   const b2 = cn("price");
@@ -16309,9 +16408,10 @@ const Price = (props) => {
     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,
@@ -16323,7 +16423,7 @@ const defaultProps$o = {
 };
 const Badge = (props) => {
   const { children, dot, top, right, zIndex, color, icons } = {
-    ...defaultProps$o,
+    ...defaultProps$p,
     ...props
   };
   function content() {
@@ -16348,7 +16448,9 @@ const Badge = (props) => {
     className: "nut-badge"
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "_icon",
     name: icons,
     color: "#ffffff",
@@ -16358,9 +16460,10 @@ const Badge = (props) => {
     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: "",
@@ -16388,7 +16491,7 @@ const Tag = (props) => {
     onClick,
     onClose
   } = {
-    ...defaultProps$n,
+    ...defaultProps$o,
     ...props
   };
   const [btnName, setBtnName] = useState("");
@@ -16442,7 +16545,9 @@ const Tag = (props) => {
     onClick: (e2) => handleClick2(e2)
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
-  }, children), /* @__PURE__ */ React__default.createElement(Icon, {
+  }, children), /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "_icon",
     name: "close",
     size: "12",
@@ -16460,7 +16565,7 @@ const Tag = (props) => {
     className: "text"
   }, children)));
 };
-Tag.defaultProps = defaultProps$n;
+Tag.defaultProps = defaultProps$o;
 Tag.displayName = "NutTag";
 function fillRef(ref, node) {
   if (typeof ref === "function") {
@@ -16504,7 +16609,8 @@ class Trigger extends React__default.Component {
     return trigger;
   }
 }
-const defaultProps$m = {
+const defaultProps$n = {
+  ...ComponentDefaults,
   list: [],
   theme: "light",
   location: "bottom",
@@ -16530,7 +16636,7 @@ const Popover = (props) => {
     onChoose,
     ...reset
   } = {
-    ...defaultProps$m,
+    ...defaultProps$n,
     ...props
   };
   const goodItem = useRef(null);
@@ -16610,7 +16716,9 @@ const Popover = (props) => {
       onClick: () => {
         handleChoose(item, i);
       }
-    }, item.icon ? /* @__PURE__ */ React__default.createElement(Icon, {
+    }, item.icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "popover-menu-item-img",
       name: item.icon
     }) : "", /* @__PURE__ */ React__default.createElement("div", {
@@ -16622,9 +16730,9 @@ const Popover = (props) => {
     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,
@@ -16652,7 +16760,7 @@ const Skeleton = (props) => {
     avatarShape,
     ...restProps
   } = {
-    ...defaultProps$l,
+    ...defaultProps$m,
     ...props
   };
   const b2 = cn("skeleton");
@@ -16707,23 +16815,27 @@ const Skeleton = (props) => {
     });
   })))));
 };
-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,
@@ -16732,156 +16844,205 @@ const CountDown = (props) => {
     onUpdate,
     children,
     ...rest
-  } = { ...defaultProps$k, ...props };
+  } = { ...defaultProps$l, ...props };
   const b2 = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = 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);
+    });
   };
-  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);
+  };
+  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);
+      }
     }
+  }));
+  useEffect(() => {
+    const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
+    onUpdate && onUpdate(tranTime);
   }, [restTimeStamp]);
   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]);
   useEffect(() => {
     if (stateRef.current.isIninted) {
-      initTimer();
+      initTime();
     }
   }, [endTime, startTime]);
   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.createElement("div", {
     className: `${b2()} ${className || ""}`,
     style: { ...style },
     ...rest
-  }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, showPlainText ? /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("block")
-  }, " ", plainText, " ") : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Number(resttime.d) >= 0 && showDays ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("block")
-  }, resttime.d), /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("dot")
-  }, locale.countdown.day || ":")) : null, /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("block")
-  }, resttime.h), /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("dot")
-  }, ":"), /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("block")
-  }, resttime.m), /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("dot")
-  }, ":"), /* @__PURE__ */ React__default.createElement("div", {
-    className: b2("block")
-  }, resttime.s))));
-};
-CountDown.defaultProps = defaultProps$k;
+  }, children || /* @__PURE__ */ React__default.createElement("div", {
+    className: b2("block"),
+    dangerouslySetInnerHTML: {
+      __html: `${renderTime}`
+    }
+  }));
+};
+const CountDown = React__default.forwardRef(InternalCountDown);
+CountDown.defaultProps = defaultProps$l;
 CountDown.displayName = "NutCountDown";
-const defaultProps$j = {
+const defaultProps$k = {
   activeName: ["0"],
   accordion: false,
   icon: "",
@@ -16904,7 +17065,7 @@ const Collapse = memo(
       iconColor,
       change
     } = {
-      ...defaultProps$j,
+      ...defaultProps$k,
       ...props
     };
     const childrenDom = React__default.Children.toArray(children);
@@ -16961,9 +17122,10 @@ const Collapse = memo(
   },
   areEqual
 );
-Collapse.defaultProps = defaultProps$j;
+Collapse.defaultProps = defaultProps$k;
 Collapse.displayName = "NutCollapse";
-const defaultProps$i = {
+const defaultProps$j = {
+  ...ComponentDefaults,
   title: "",
   name: "",
   isOpen: false,
@@ -16997,7 +17159,7 @@ const CollapseItem = (props) => {
     iconColor,
     ...rest
   } = {
-    ...defaultProps$i,
+    ...defaultProps$j,
     ...props
   };
   const [domHeight, setDomHeight] = useState(-1);
@@ -17042,13 +17204,17 @@ const CollapseItem = (props) => {
     className: colBem("title")
   }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-left")
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__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.createElement("b", {
     className: colBem("title-icon-right")
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? "#C2C2C2" : titleIconColor
@@ -17059,7 +17225,9 @@ const CollapseItem = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: colBem("icon"),
     style: iconStyle
-  }, /* @__PURE__ */ React__default.createElement(Icon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     size: iconSize,
     color: disabled ? "#C2C2C2" : iconColor
@@ -17071,9 +17239,9 @@ const CollapseItem = (props) => {
     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,
@@ -17091,7 +17259,7 @@ const CountUp = (props) => {
     thousands,
     ...reset
   } = {
-    ...defaultProps$h,
+    ...defaultProps$i,
     ...props
   };
   const b2 = cn("countup");
@@ -17161,9 +17329,9 @@ const CountUp = (props) => {
     }, item));
   })));
 };
-CountUp.defaultProps = defaultProps$h;
+CountUp.defaultProps = defaultProps$i;
 CountUp.displayName = "NutCountUp";
-const defaultProps$g = {};
+const defaultProps$h = {};
 class AnimatingNumbers extends Component {
   constructor(props) {
     super(props);
@@ -17175,7 +17343,7 @@ class AnimatingNumbers extends Component {
     });
   }
 }
-AnimatingNumbers.defaultProps = defaultProps$g;
+AnimatingNumbers.defaultProps = defaultProps$h;
 AnimatingNumbers.displayName = "NutAnimatingNumbers";
 AnimatingNumbers.CountUp = CountUp;
 AnimatingNumbers.CountUp = CountUp;
@@ -17184,7 +17352,7 @@ const defaultStatus = {
   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: "",
@@ -17192,9 +17360,9 @@ const defaultProps$f = {
 };
 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] = useState({});
@@ -17236,7 +17404,7 @@ const Empty = (props) => {
     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;
@@ -17349,7 +17517,7 @@ const updateItemSize = (positions, items, sizeKey) => {
     }
   });
 };
-const defaultProps$e = {};
+const defaultProps$f = {};
 const VirtualList = (props) => {
   const {
     sourceData = [],
@@ -17508,9 +17676,10 @@ const VirtualList = (props) => {
     }) : data);
   }))));
 };
-VirtualList.defaultProps = defaultProps$e;
+VirtualList.defaultProps = defaultProps$f;
 VirtualList.displayName = "NutVirtualList";
-const defaultProps$d = {
+const defaultProps$e = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   columns: [],
@@ -17521,7 +17690,7 @@ const defaultProps$d = {
 };
 const Table = (props) => {
   const { locale } = useConfig();
-  defaultProps$d.noData = locale.noData;
+  defaultProps$e.noData = locale.noData;
   const {
     children,
     className,
@@ -17535,7 +17704,7 @@ const Table = (props) => {
     onSorter,
     ...rest
   } = {
-    ...defaultProps$d,
+    ...defaultProps$e,
     ...props
   };
   const [curData, setCurData] = useState(data);
@@ -17575,7 +17744,9 @@ const Table = (props) => {
         ),
         key: item.key,
         onClick: () => handleSorterClick(item)
-      }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon, {
+      }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "down-arrow",
         size: "12px"
       }));
@@ -17631,9 +17802,9 @@ const Table = (props) => {
     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: ""
@@ -17658,7 +17829,7 @@ const Video = (props) => {
     playend,
     ...restProps
   } = {
-    ...defaultProps$c,
+    ...defaultProps$d,
     ...props
   };
   const rootRef = useRef(null);
@@ -17712,9 +17883,74 @@ const Video = (props) => {
     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.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,
@@ -17827,6 +18063,8 @@ const Progress = (props) => {
     className: classesTextInner,
     style: { color: textColor || "#333" }
   }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: iconSize,
     name: iconName,
     color: iconColor
@@ -17835,6 +18073,7 @@ const Progress = (props) => {
 Progress.defaultProps = defaultProps$b;
 Progress.displayName = "NutProgress";
 const defaultProps$a = {
+  ...ComponentDefaults,
   className: "",
   url: "",
   style: {},
@@ -17930,10 +18169,14 @@ const Audio = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
       onClick: handleStatusChange
-    }, playing ? /* @__PURE__ */ React__default.createElement(Icon, {
+    }, playing ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "service",
       className: "nut-icon-loading"
-    }) : /* @__PURE__ */ React__default.createElement(Icon, {
+    }) : /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "service"
     }))));
   };
@@ -18322,7 +18565,7 @@ const ExistRender = (props) => {
       key: index2
     }, /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => selectedExist(item)
-    }, /* @__PURE__ */ React__default.createElement(Icon, {
+    }, /* @__PURE__ */ React__default.createElement(Icon$1, {
       className: b2("exist-item-icon"),
       name: item.selectedAddress ? selectedIcon : defaultIcon,
       color: item.selectedAddress ? "#FA2C19" : "",
@@ -18606,7 +18849,7 @@ const CustomRender = (props) => {
         onClick: () => {
           nextAreaList(item);
         }
-      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon, {
+      }, selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ React__default.createElement(Icon$1, {
         className: b2("region-item--icon"),
         name: "Check",
         color: "#FA2C19",
@@ -18622,6 +18865,7 @@ const CustomRender = (props) => {
   })));
 };
 const defaultProps$6 = {
+  ...ComponentDefaults,
   modelValue: false,
   modelSelect: [],
   type: "custom",
@@ -18762,14 +19006,18 @@ const Address = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "arrow-back",
       onClick: onSwitchModule
-    }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: backBtnIcon,
       color: "#cccccc"
     })), /* @__PURE__ */ React__default.createElement("div", {
       className: b2("header__title")
     }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handClose()
-    }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon, {
+    }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: closeBtnIcon,
       color: "#cccccc",
       size: "18px"
@@ -19287,4 +19535,4 @@ const TimeSelect = (props) => {
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = "NutTimeSelect";
-export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Grid, GridItem, Icon, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };
+export { ActionSheet, Address, AnimatingNumbers, Audio, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, ConfigProvider, CountDown, DatePicker, Dialog, Divider, Drag, Elevator, Empty, FixedNav, Grid, GridItem, Icon$1 as Icon, ImagePreview, Indicator, Infiniteloading, Input, InputNumber, Layout, Menu, MenuItem, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, Picker, Popover, Popup, Price, Progress, PullToRefresh, Radio, RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Step, Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, Toast, Uploader, Video, VirtualList };