@nutui/nutui-react-taro 1.3.3-beta.0 → 1.3.3-beta.1

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.3-beta.0 Tue Sep 13 2022 09:21:06 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.3-beta.1 Wed Sep 14 2022 11:24:00 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -110,7 +110,12 @@ function Icon$1(props) {
 }
 Icon$1.defaultProps = defaultProps$1o;
 Icon$1.displayName = "NutIcon";
+const ComponentDefaults = {
+  iconClassPrefix: "nut-icon",
+  iconFontClassName: "nutui-iconfont"
+};
 const defaultProps$1n = {
+  ...ComponentDefaults,
   className: "",
   color: "",
   shape: "round",
@@ -211,8 +216,12 @@ const Button$1 = (props) => {
     className: "nut-button__warp",
     style: getStyle()
   }, loading && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "loading"
   }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon
   }) : "", children));
 };
@@ -1435,6 +1444,7 @@ function useHistory() {
   return useContext(historyContext);
 }
 const defaultProps$1m = {
+  ...ComponentDefaults,
   title: null,
   subTitle: null,
   desc: "",
@@ -1509,6 +1519,8 @@ const Cell = (props) => {
   }, 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$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     className: "icon"
   }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default.createElement("div", {
@@ -1523,6 +1535,8 @@ const Cell = (props) => {
     }),
     style: styles
   }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "right",
     className: b2("link")
   }) : linkSlot));
@@ -2106,6 +2120,7 @@ CSSTransition.defaultProps = {
 CSSTransition.propTypes = {};
 var CSSTransition$1 = CSSTransition;
 const defaultProps$1k = {
+  ...ComponentDefaults,
   position: "center",
   transition: "",
   style: {},
@@ -2261,6 +2276,8 @@ const Popup = (props) => {
       className: closeClasses,
       onClick: onHandleClickCloseIcon
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: closeIcon,
       size: "12px"
     })) : ""));
@@ -2639,6 +2656,7 @@ const Grid = (props) => {
 Grid.defaultProps = defaultProps$1e;
 Grid.displayName = "NutGrid";
 const defaultProps$1d = {
+  ...ComponentDefaults,
   text: "",
   icon: "",
   iconSize: "",
@@ -2705,6 +2723,8 @@ const GridItem = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: contentClass()
   }, icon && isIconName() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     size: iconSize || parentIconSize,
     color: iconColor || parentIconColor
@@ -2715,6 +2735,7 @@ const GridItem = (props) => {
 GridItem.defaultProps = defaultProps$1d;
 GridItem.displayName = "NutGridItem";
 const defaultProps$1c = {
+  ...ComponentDefaults,
   title: "",
   desc: "",
   leftShow: true,
@@ -2770,6 +2791,8 @@ const NavBar = (props) => {
       className: `${b2("left")}`,
       onClick: (e2) => onClickBack(e2)
     }, leftShow && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "left",
       color: "#979797"
     }), leftText && /* @__PURE__ */ React__default.createElement("div", {
@@ -2785,6 +2808,8 @@ const NavBar = (props) => {
     }, title), titIcon && /* @__PURE__ */ React__default.createElement("div", {
       onClick: (e2) => onClickIcon(e2)
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titIcon
     })), slot.content);
   };
@@ -2815,6 +2840,7 @@ const NavBar = (props) => {
 NavBar.defaultProps = defaultProps$1c;
 NavBar.displayName = "NutNavBar";
 const defaultProps$1b = {
+  ...ComponentDefaults,
   fixednavClass: "nut-fixednav",
   activeText: "",
   unActiveText: "",
@@ -2885,6 +2911,8 @@ const FixedNav = (props) => {
     className: "nut-fixednav__btn",
     onClick: () => onUpdateValue()
   }, 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", {
@@ -2956,6 +2984,7 @@ const Tabbar = (props) => {
 Tabbar.defaultProps = defaultProps$1a;
 Tabbar.displayName = "NutTabbar";
 const defaultProps$19 = {
+  ...ComponentDefaults,
   dot: false,
   size: "",
   classPrefix: "nutui-iconfont",
@@ -3019,9 +3048,10 @@ const TabbarItem = (props) => {
   }, "99+")) : /* @__PURE__ */ React__default.createElement("div", {
     className: `${bIcon("dot")}`
   }), 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 })
@@ -8324,6 +8354,7 @@ class Title {
   }
 }
 const defaultProps$16 = {
+  ...ComponentDefaults,
   value: 0,
   color: "",
   background: "",
@@ -8439,6 +8470,8 @@ const Tabs = (props) => {
       className: `${b2("")}__titles-item__smile`,
       style: tabsActiveStyle
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color,
       name: "joy-smile"
     })), /* @__PURE__ */ React__default.createElement("div", {
@@ -8690,6 +8723,7 @@ const SideNavBarItem = (props) => {
   }, title);
 };
 const defaultProps$11 = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   activeColor: "#F2270C",
@@ -8796,6 +8830,8 @@ const Menu = (props) => {
     }, /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-menu__title-text"
     }, 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")
@@ -8805,6 +8841,7 @@ const Menu = (props) => {
 Menu.defaultProps = defaultProps$11;
 Menu.displayName = "NutMenu";
 const defaultProps$10 = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   columns: 1,
@@ -8942,10 +8979,10 @@ const MenuItem = (props) => {
         handleClick2(item);
       }
     }, 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),
@@ -10421,6 +10458,7 @@ const CheckboxGroup = React__default.forwardRef(
 CheckboxGroup.defaultProps = defaultProps$X;
 CheckboxGroup.displayName = "NutCheckboxGroup";
 const defaultProps$W = {
+  ...ComponentDefaults,
   checked: false,
   disabled: false,
   textPosition: "right",
@@ -10475,11 +10513,11 @@ const Checkbox = (props) => {
   };
   const renderIcon = () => {
     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 = () => {
@@ -11259,6 +11297,7 @@ const DatePicker = (props) => {
 DatePicker.defaultProps = defaultProps$V;
 DatePicker.displayName = "NutDatePicker";
 const defaultProps$U = {
+  ...ComponentDefaults,
   disabled: false,
   buttonSize: "",
   min: 1,
@@ -11398,6 +11437,8 @@ const InputNumber = (props) => {
     style: styles,
     ...restProps
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: iconMinusClasses,
     size: buttonSize,
     name: "minus",
@@ -11414,6 +11455,8 @@ const InputNumber = (props) => {
     onBlur: burValue,
     onFocus: focusValue
   }), /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: iconAddClasses,
     size: buttonSize,
     name: "plus",
@@ -11447,6 +11490,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   return value.replace(regExp, "");
 }
 const defaultProps$T = {
+  ...ComponentDefaults,
   type: "text",
   defaultValue: "",
   placeholder: "",
@@ -11657,6 +11701,8 @@ const Input = (props) => {
       onClickLeftIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: leftIcon,
     size: leftIconSize
   })) : null, /* @__PURE__ */ React__default.createElement("div", {
@@ -11714,6 +11760,8 @@ const Input = (props) => {
       onInput(e2);
     }
   }), 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,
@@ -11726,6 +11774,8 @@ const Input = (props) => {
       onClickRightIcon(e2);
     }
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: rightIcon,
     size: rightIconSize
   })) : null, slotButton ? /* @__PURE__ */ React__default.createElement("div", {
@@ -11797,6 +11847,7 @@ const RadioGroup = React__default.forwardRef(
 RadioGroup.defaultProps = defaultProps$S;
 RadioGroup.displayName = "NutRadioGroup";
 const defaultProps$R = {
+  ...ComponentDefaults,
   disabled: false,
   checked: false,
   shape: "round",
@@ -11855,6 +11906,8 @@ const Radio = (props) => {
   const renderIcon = () => {
     const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
     return /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: checkedStatement ? iconActiveName2 : iconName2,
       size: iconSize2,
       className: color()
@@ -11887,6 +11940,7 @@ Radio.defaultProps = defaultProps$R;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
 const defaultProps$Q = {
+  ...ComponentDefaults,
   count: 5,
   modelValue: 0,
   minimizeValue: 0,
@@ -11964,11 +12018,15 @@ const Rate = (props) => {
       onClick: (event) => onClick(event, n2),
       style: { marginRight: pxCheck2(spacing) }
     }, /* @__PURE__ */ React__default.createElement(Icon, {
+      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, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       onClick: (event) => onHalfClick(event, n2),
       className: `${bi("icon")} ${bi("icon--half")}`,
       color: n2 <= score ? activeColor : voidColor,
@@ -11980,6 +12038,7 @@ const Rate = (props) => {
 Rate.defaultProps = defaultProps$Q;
 Rate.displayName = "NutRate";
 const defaultProps$P = {
+  ...ComponentDefaults,
   title: "",
   desc: "",
   tips: "",
@@ -12127,6 +12186,8 @@ const ShortPassword = (props) => {
   }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default.createElement("div", {
     className: b2("message__forget")
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "icon",
     size: "11px",
     name: "tips"
@@ -12293,6 +12354,7 @@ class Upload {
   }
 }
 const defaultProps$N = {
+  ...ComponentDefaults,
   url: "",
   maximum: 1,
   uploadIcon: "photograph",
@@ -12594,11 +12656,15 @@ const InternalUploader = (props, ref) => {
     }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", {
       className: "nut-uploader__preview__progress"
     }, /* @__PURE__ */ React__default.createElement(Icon, {
+      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, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "rgba(0,0,0,0.6)",
       className: "close",
       name: "failure",
@@ -12617,6 +12683,8 @@ const InternalUploader = (props, ref) => {
       onClick: () => handleItemClick(item),
       className: "nut-uploader__preview-img__file__name"
     }, /* @__PURE__ */ React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       name: "link"
     }), "\xA0", item.name))), /* @__PURE__ */ React__default.createElement("div", {
@@ -12627,8 +12695,12 @@ const InternalUploader = (props, ref) => {
       className: `nut-uploader__preview-img__file__name ${item.status}`,
       onClick: () => handleItemClick(item)
     }, /* @__PURE__ */ React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "link"
     }), "\xA0", item.name), /* @__PURE__ */ React__default.createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       color: "#808080",
       className: "nut-uploader__preview-img__file__del",
       name: "del",
@@ -12637,6 +12709,8 @@ 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, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: uploadIconSize,
     color: "#808080",
     name: uploadIcon
@@ -13151,6 +13225,7 @@ const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.defaultProps = defaultProps$L;
 Cascader.displayName = "NutCascader";
 const defaultProps$K = {
+  ...ComponentDefaults,
   placeholder: "",
   shape: "square",
   disabled: false,
@@ -13295,6 +13370,8 @@ const SearchBar = (props) => {
       className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
       onClick: (e2) => clearaVal(e2)
     }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "circle-close",
       size: "12",
       color: "#555"
@@ -13617,6 +13694,7 @@ const ActionSheet = (props) => {
 ActionSheet.defaultProps = defaultProps$I;
 ActionSheet.displayName = "NutActionSheet";
 const defaultProps$H = {
+  ...ComponentDefaults,
   bottom: 20,
   right: 10,
   elId: "body",
@@ -13723,6 +13801,8 @@ const BackTop = (props) => {
       goTop(e2);
     }
   }, children || /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: "19px",
     className: "nut-backtop-main",
     name: "top"
@@ -13905,6 +13985,7 @@ const DialogWrapper = (props) => {
 };
 DialogWrapper.displayName = "NutDialogWrapper";
 const defaultProps$F = {
+  ...ComponentDefaults,
   className: "",
   color: "",
   shape: "round",
@@ -14005,8 +14086,12 @@ const Button = (props) => {
     className: "nut-button__warp",
     style: getStyle()
   }, loading && /* @__PURE__ */ React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "loading"
   }), !loading && icon ? /* @__PURE__ */ React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon
   }) : "", children));
 };
@@ -14295,6 +14380,7 @@ Dialog.confirm = (props) => {
 Dialog.defaultProps = defaultProps$D;
 Dialog.displayName = "NutDialog";
 const defaultProps$C = {
+  ...ComponentDefaults,
   hasMore: true,
   threshold: 200,
   containerId: "",
@@ -14468,6 +14554,8 @@ const Infiniteloading = (props) => {
   }, /* @__PURE__ */ React__default.createElement("div", {
     className: "top-box"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "top-img",
     name: pullIcon
   }), /* @__PURE__ */ React__default.createElement("span", {
@@ -14479,6 +14567,8 @@ const Infiniteloading = (props) => {
   }, isInfiniting ? /* @__PURE__ */ React__default.createElement("div", {
     className: "bottom-box"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "bottom-img",
     name: loadIcon
   }), /* @__PURE__ */ React__default.createElement("div", {
@@ -15239,6 +15329,7 @@ const CircleProgress = (props) => {
 CircleProgress.defaultProps = defaultProps$y;
 CircleProgress.displayName = "NutCircleProgress";
 const defaultProps$x = {
+  ...ComponentDefaults,
   direction: "across",
   list: [],
   standTime: 1e3,
@@ -15469,6 +15560,8 @@ const NoticeBar = (props) => {
     className: "left-icon",
     style: { backgroundImage: `url(${iconBg() || ""})` }
   }, !iconBg() ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "notice",
     size: "16",
     color
@@ -15484,6 +15577,8 @@ const NoticeBar = (props) => {
     className: "right-icon",
     onClick: onClickIcon
   }, /* @__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", {
@@ -15512,6 +15607,8 @@ const NoticeBar = (props) => {
       handleClickIcon();
     }
   }, rightIcon || (closeMode ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: "cross",
     color,
     size: "11px"
@@ -15562,6 +15659,7 @@ const Steps = (props) => {
 Steps.defaultProps = defaultProps$w;
 Steps.displayName = "NutSteps";
 const defaultProps$v = {
+  ...ComponentDefaults,
   title: "",
   content: "",
   activeIndex: 0,
@@ -15626,7 +15724,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,
@@ -16112,6 +16212,7 @@ SwiperItem.defaultProps = defaultProps$t;
 SwiperItem.displayName = "NutSwiperItem";
 const AvatarContext = createContext({});
 const defaultProps$s = {
+  ...ComponentDefaults,
   size: "",
   icon: "",
   bgColor: "#eee",
@@ -16215,6 +16316,8 @@ const Avatar = (props) => {
     alt,
     onError: errorEvent
   }), icon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "icon",
     name: iconStyles
   }), children && /* @__PURE__ */ React__default.createElement("span", {
@@ -16353,6 +16456,7 @@ const Price = (props) => {
 Price.defaultProps = defaultProps$q;
 Price.displayName = "NutPrice";
 const defaultProps$p = {
+  ...ComponentDefaults,
   value: "",
   dot: false,
   max: 1e4,
@@ -16390,6 +16494,8 @@ const Badge = (props) => {
   }, icons !== "" && /* @__PURE__ */ React__default.createElement("div", {
     className: "slot-icons"
   }, /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "_icon",
     name: icons,
     color: "#ffffff",
@@ -16402,6 +16508,7 @@ const Badge = (props) => {
 Badge.defaultProps = defaultProps$p;
 Badge.displayName = "NutBadge";
 const defaultProps$o = {
+  ...ComponentDefaults,
   type: "default",
   color: "",
   textColor: "",
@@ -16484,6 +16591,8 @@ const Tag = (props) => {
   }, children && /* @__PURE__ */ React__default.createElement("span", {
     className: "text"
   }, children), /* @__PURE__ */ React__default.createElement(Icon$1, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     className: "_icon",
     name: "close",
     size: "12",
@@ -16546,6 +16655,7 @@ class Trigger extends React__default.Component {
   }
 }
 const defaultProps$n = {
+  ...ComponentDefaults,
   list: [],
   theme: "light",
   location: "bottom",
@@ -16653,6 +16763,8 @@ const Popover = (props) => {
         handleChoose(item, i);
       }
     }, 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", {
@@ -16752,20 +16864,24 @@ const Skeleton = (props) => {
 Skeleton.defaultProps = defaultProps$m;
 Skeleton.displayName = "NutSkeleton";
 const defaultProps$l = {
-  showPlainText: false,
-  showDays: false,
   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$1();
+const InternalCountDown = (props, ref) => {
+  useConfig$1();
   const {
-    showPlainText,
-    showDays,
     paused,
     startTime,
     endTime,
+    millisecond,
+    format,
+    autoStart,
+    time,
     className,
     style,
     onEnd,
@@ -16780,147 +16896,196 @@ const CountDown = (props) => {
   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))));
+  }, 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$k = {
@@ -17006,6 +17171,7 @@ const Collapse = memo(
 Collapse.defaultProps = defaultProps$k;
 Collapse.displayName = "NutCollapse";
 const defaultProps$j = {
+  ...ComponentDefaults,
   title: "",
   name: "",
   isOpen: false,
@@ -17085,12 +17251,16 @@ const CollapseItem = (props) => {
   }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default.createElement("b", {
     className: colBem("title-icon-left")
   }, /* @__PURE__ */ React__default.createElement(Icon, {
+    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, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: titleIcon,
     size: titleIconSize,
     color: disabled ? "#C2C2C2" : titleIconColor
@@ -17102,6 +17272,8 @@ const CollapseItem = (props) => {
     className: colBem("icon"),
     style: iconStyle
   }, /* @__PURE__ */ React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     name: icon,
     size: iconSize,
     color: disabled ? "#C2C2C2" : iconColor
@@ -17551,6 +17723,7 @@ const VirtualList = (props) => {
 VirtualList.defaultProps = defaultProps$f;
 VirtualList.displayName = "NutVirtualList";
 const defaultProps$e = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   columns: [],
@@ -17616,6 +17789,8 @@ const Table = (props) => {
         key: item.key,
         onClick: () => handleSorterClick(item)
       }, item.title, item.sorter && /* @__PURE__ */ React__default.createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "down-arrow",
         size: "12px"
       }));
@@ -17755,6 +17930,7 @@ const Video = (props) => {
 Video.defaultProps = defaultProps$d;
 Video.displayName = "NutVideo";
 const defaultProps$c = {
+  ...ComponentDefaults,
   className: "",
   style: {},
   isShowPercentage: true,
@@ -17866,7 +18042,9 @@ const Progress = (props) => {
   }, textType === "text" && /* @__PURE__ */ React__default.createElement("span", {
     className: classesTextInner,
     style: { color: textColor || "#333" }
-  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon$1, {
+  }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default.createElement(Icon, {
+    classPrefix: props.iconClassPrefix,
+    fontClassName: props.iconFontClassName,
     size: iconSize,
     name: iconName,
     color: iconColor
@@ -17875,6 +18053,7 @@ const Progress = (props) => {
 Progress.defaultProps = defaultProps$c;
 Progress.displayName = "NutProgress";
 const defaultProps$b = {
+  ...ComponentDefaults,
   className: "",
   url: "",
   style: {},
@@ -17971,9 +18150,13 @@ const Audio = (props) => {
       className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
       onClick: handleStatusChange
     }, playing ? /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "service",
       className: "nut-icon-loading"
     }) : /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "service"
     }))));
   };
@@ -18875,6 +19058,7 @@ const CustomRender = (props) => {
   })));
 };
 const defaultProps$6 = {
+  ...ComponentDefaults,
   modelValue: false,
   modelSelect: [],
   type: "custom",
@@ -19016,6 +19200,8 @@ const Address = (props) => {
       className: "arrow-back",
       onClick: onSwitchModule
     }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: backBtnIcon,
       color: "#cccccc"
     })), /* @__PURE__ */ React__default.createElement("div", {
@@ -19023,6 +19209,8 @@ const Address = (props) => {
     }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default.createElement("div", {
       onClick: () => handClose()
     }, closeBtnIcon && /* @__PURE__ */ React__default.createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: closeBtnIcon,
       color: "#cccccc",
       size: "18px"