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

package/dist/nutui.react.umd.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.2 Wed Sep 07 2022 14:48:26 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.
 */
@@ -137,7 +137,12 @@
   }
   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",
@@ -238,8 +243,12 @@
       className: "nut-button__warp",
       style: getStyle()
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "loading"
     }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon
     }) : "", children));
   };
@@ -1462,6 +1471,7 @@
     return useContext(historyContext);
   }
   const defaultProps$1m = {
+    ...ComponentDefaults,
     title: null,
     subTitle: null,
     desc: "",
@@ -1536,6 +1546,8 @@
     }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, icon || iconSlot ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("icon")
     }, iconSlot || (icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       className: "icon"
     }) : null)) : null, title || subTitle ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -1550,6 +1562,8 @@
       }),
       style: styles
     }, desc) : null, !linkSlot && (isLink || to2) ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "right",
       className: b2("link")
     }) : linkSlot));
@@ -2133,6 +2147,7 @@
   CSSTransition.propTypes = {};
   var CSSTransition$1 = CSSTransition;
   const defaultProps$1k = {
+    ...ComponentDefaults,
     position: "center",
     transition: "",
     style: {},
@@ -2288,6 +2303,8 @@
         className: closeClasses,
         onClick: onHandleClickCloseIcon
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: closeIcon,
         size: "12px"
       })) : ""));
@@ -2666,6 +2683,7 @@
   Grid.defaultProps = defaultProps$1e;
   Grid.displayName = "NutGrid";
   const defaultProps$1d = {
+    ...ComponentDefaults,
     text: "",
     icon: "",
     iconSize: "",
@@ -2732,6 +2750,8 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: contentClass()
     }, icon && isIconName() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       size: iconSize || parentIconSize,
       color: iconColor || parentIconColor
@@ -2742,6 +2762,7 @@
   GridItem.defaultProps = defaultProps$1d;
   GridItem.displayName = "NutGridItem";
   const defaultProps$1c = {
+    ...ComponentDefaults,
     title: "",
     desc: "",
     leftShow: true,
@@ -2797,6 +2818,8 @@
         className: `${b2("left")}`,
         onClick: (e2) => onClickBack(e2)
       }, leftShow && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "left",
         color: "#979797"
       }), leftText && /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2812,6 +2835,8 @@
       }, title), titIcon && /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: (e2) => onClickIcon(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: titIcon
       })), slot.content);
     };
@@ -2842,6 +2867,7 @@
   NavBar.defaultProps = defaultProps$1c;
   NavBar.displayName = "NutNavBar";
   const defaultProps$1b = {
+    ...ComponentDefaults,
     fixednavClass: "nut-fixednav",
     activeText: "",
     unActiveText: "",
@@ -2912,6 +2938,8 @@
       className: "nut-fixednav__btn",
       onClick: () => onUpdateValue()
     }, slotBtn || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "left",
       color: "#fff"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -2983,6 +3011,7 @@
   Tabbar.defaultProps = defaultProps$1a;
   Tabbar.displayName = "NutTabbar";
   const defaultProps$19 = {
+    ...ComponentDefaults,
     dot: false,
     size: "",
     classPrefix: "nutui-iconfont",
@@ -3046,9 +3075,10 @@
     }, "99+")) : /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${bIcon("dot")}`
     }), icon && /* @__PURE__ */ React__default["default"].createElement("div", null, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size,
-      name: icon,
-      classPrefix
+      name: icon
     })), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: bIcon({ "nav-word": true }, [
         bIcon({ "big-word": !icon })
@@ -8351,6 +8381,7 @@
     }
   }
   const defaultProps$16 = {
+    ...ComponentDefaults,
     value: 0,
     color: "",
     background: "",
@@ -8466,6 +8497,8 @@
         className: `${b2("")}__titles-item__smile`,
         style: tabsActiveStyle
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color,
         name: "joy-smile"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -8717,6 +8750,7 @@
     }, title);
   };
   const defaultProps$11 = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     activeColor: "#F2270C",
@@ -8823,6 +8857,8 @@
       }, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-menu__title-text"
       }, finallyTitle()), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: "nut-menu__title-icon",
         size: "10",
         name: titleIcon || (direction === "up" ? "arrow-up" : "down-arrow")
@@ -8832,6 +8868,7 @@
   Menu.defaultProps = defaultProps$11;
   Menu.displayName = "NutMenu";
   const defaultProps$10 = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     columns: 1,
@@ -8969,10 +9006,10 @@
           handleClick2(item);
         }
       }, item.value === _value ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: getIconCName(item.value, value),
         name: optionsIcon,
-        classPrefix: iconClassPrefix,
-        fontClassName,
         color: activeColor
       }) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
         className: getIconCName(item.value, value),
@@ -10448,6 +10485,7 @@
   CheckboxGroup.defaultProps = defaultProps$X;
   CheckboxGroup.displayName = "NutCheckboxGroup";
   const defaultProps$W = {
+    ...ComponentDefaults,
     checked: false,
     disabled: false,
     textPosition: "right",
@@ -10502,11 +10540,11 @@
     };
     const renderIcon = () => {
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: getIconName(),
         size: iconSize,
-        className: color(),
-        classPrefix: iconClassPrefix,
-        fontClassName: iconFontClassName
+        className: color()
       });
     };
     const color = () => {
@@ -11286,6 +11324,7 @@
   DatePicker.defaultProps = defaultProps$V;
   DatePicker.displayName = "NutDatePicker";
   const defaultProps$U = {
+    ...ComponentDefaults,
     disabled: false,
     buttonSize: "",
     min: 1,
@@ -11425,6 +11464,8 @@
       style: styles,
       ...restProps
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: iconMinusClasses,
       size: buttonSize,
       name: "minus",
@@ -11441,6 +11482,8 @@
       onBlur: burValue,
       onFocus: focusValue
     }), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: iconAddClasses,
       size: buttonSize,
       name: "plus",
@@ -11474,6 +11517,7 @@
     return value.replace(regExp, "");
   }
   const defaultProps$T = {
+    ...ComponentDefaults,
     type: "text",
     defaultValue: "",
     placeholder: "",
@@ -11684,6 +11728,8 @@
         onClickLeftIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: leftIcon,
       size: leftIconSize
     })) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11741,6 +11787,8 @@
         onInput(e2);
       }
     }), clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "nut-input-clear",
       name: clearIcon,
       size: clearSize,
@@ -11753,6 +11801,8 @@
         onClickRightIcon(e2);
       }
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: rightIcon,
       size: rightIconSize
     })) : null, slotButton ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -11824,6 +11874,7 @@
   RadioGroup.defaultProps = defaultProps$S;
   RadioGroup.displayName = "NutRadioGroup";
   const defaultProps$R = {
+    ...ComponentDefaults,
     disabled: false,
     checked: false,
     shape: "round",
@@ -11882,6 +11933,8 @@
     const renderIcon = () => {
       const { iconName: iconName2, iconSize: iconSize2, iconActiveName: iconActiveName2 } = props;
       return /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: checkedStatement ? iconActiveName2 : iconName2,
         size: iconSize2,
         className: color()
@@ -11914,6 +11967,7 @@
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
   const defaultProps$Q = {
+    ...ComponentDefaults,
     count: 5,
     modelValue: 0,
     minimizeValue: 0,
@@ -11941,7 +11995,7 @@
       readonly,
       allowHalf,
       spacing,
-      change
+      onChange
     } = { ...defaultProps$Q, ...props };
     const b2 = cn("rate");
     const bi = cn("rate-item");
@@ -11961,7 +12015,6 @@
       return isNaN(Number(value)) ? String(value) : `${value}px`;
     };
     const onClick = (e2, index2) => {
-      var _a, _b;
       e2.preventDefault();
       e2.stopPropagation();
       if (disabled || readonly)
@@ -11971,16 +12024,17 @@
         ;
       else {
         value = index2;
-        if (allowHalf) {
-          console.log("e", e2);
-          if ((_b = (_a = e2 == null ? void 0 : e2.target) == null ? void 0 : _a.className) == null ? void 0 : _b.includes("__icon--half")) {
-            value -= 0.5;
-          }
-        }
       }
       value = Math.max(value, Number(minimizeValue));
       setScore(value);
-      change && change(value);
+      onChange && onChange(value);
+    };
+    const onHalfClick = (event, n2) => {
+      event.preventDefault();
+      event.stopPropagation();
+      const value = Math.max(Number(minimizeValue), n2 - 0.5);
+      setScore(value);
+      onChange && onChange(value);
     };
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2()
@@ -11990,29 +12044,28 @@
         key: n2,
         onClick: (event) => onClick(event, n2),
         style: { marginRight: pxCheck2(spacing) }
-      }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      }, /* @__PURE__ */ React__default["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["default"].createElement(Icon$1, {
+      }), allowHalf && score > n2 - 1 && /* @__PURE__ */ React__default["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,
         size: iconSize,
         name: checkedIcon
-      }), allowHalf && score < n2 - 1 && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
-        className: `${bi("icon")} ${bi("icon--disabled")} ${bi(
-          "icon--half"
-        )}`,
-        color: voidColor,
-        size: iconSize,
-        name: uncheckedIcon
       }));
     }));
   };
   Rate.defaultProps = defaultProps$Q;
   Rate.displayName = "NutRate";
   const defaultProps$P = {
+    ...ComponentDefaults,
     title: "",
     desc: "",
     tips: "",
@@ -12160,6 +12213,8 @@
     }, errorMsg2), tips || locale.shortpassword.tips ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("message__forget")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "icon",
       size: "11px",
       name: "tips"
@@ -12326,6 +12381,7 @@
     }
   }
   const defaultProps$N = {
+    ...ComponentDefaults,
     url: "",
     maximum: 1,
     uploadIcon: "photograph",
@@ -12627,11 +12683,15 @@
       }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress"
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#fff",
         name: `${item.status == "error" ? "failure" : "loading"}`
       }), /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "nut-uploader__preview__progress__msg"
       }, item.message)), isDeletable && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "rgba(0,0,0,0.6)",
         className: "close",
         name: "failure",
@@ -12650,6 +12710,8 @@
         onClick: () => handleItemClick(item),
         className: "nut-uploader__preview-img__file__name"
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#808080",
         name: "link"
       }), "\xA0", item.name))), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -12660,8 +12722,12 @@
         className: `nut-uploader__preview-img__file__name ${item.status}`,
         onClick: () => handleItemClick(item)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "link"
       }), "\xA0", item.name), /* @__PURE__ */ React__default["default"].createElement(Icon, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         color: "#808080",
         className: "nut-uploader__preview-img__file__del",
         name: "del",
@@ -12670,6 +12736,8 @@
     }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `nut-uploader__upload ${listType}`
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: uploadIconSize,
       color: "#808080",
       name: uploadIcon
@@ -13184,6 +13252,7 @@
   Cascader.defaultProps = defaultProps$L;
   Cascader.displayName = "NutCascader";
   const defaultProps$K = {
+    ...ComponentDefaults,
     placeholder: "",
     shape: "square",
     disabled: false,
@@ -13328,6 +13397,8 @@
         className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
         onClick: (e2) => clearaVal(e2)
       }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "circle-close",
         size: "12",
         color: "#555"
@@ -13588,6 +13659,7 @@
   };
   const ActionSheet = (props) => {
     const {
+      children,
       cancelTxt,
       optionTag,
       optionSubTag,
@@ -13641,7 +13713,7 @@
       }, item[optionTag], /* @__PURE__ */ React__default["default"].createElement("div", {
         className: "subdesc"
       }, item[optionSubTag]));
-    })) : null, cancelTxt && /* @__PURE__ */ React__default["default"].createElement("div", {
+    })) : children, cancelTxt && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: b2("cancel"),
       onClick: () => cancelActionSheet()
     }, cancelTxt)));
@@ -13649,6 +13721,7 @@
   ActionSheet.defaultProps = defaultProps$I;
   ActionSheet.displayName = "NutActionSheet";
   const defaultProps$H = {
+    ...ComponentDefaults,
     bottom: 20,
     right: 10,
     elId: "body",
@@ -13755,6 +13828,8 @@
         goTop(e2);
       }
     }, children || /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: "19px",
       className: "nut-backtop-main",
       name: "top"
@@ -13937,6 +14012,7 @@
   };
   DialogWrapper.displayName = "NutDialogWrapper";
   const defaultProps$F = {
+    ...ComponentDefaults,
     className: "",
     color: "",
     shape: "round",
@@ -14037,8 +14113,12 @@
       className: "nut-button__warp",
       style: getStyle()
     }, loading && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "loading"
     }), !loading && icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon
     }) : "", children));
   };
@@ -14327,6 +14407,7 @@
   Dialog.defaultProps = defaultProps$D;
   Dialog.displayName = "NutDialog";
   const defaultProps$C = {
+    ...ComponentDefaults,
     hasMore: true,
     threshold: 200,
     containerId: "",
@@ -14500,6 +14581,8 @@
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "top-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "top-img",
       name: pullIcon
     }), /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -14511,6 +14594,8 @@
     }, isInfiniting ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "bottom-box"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "bottom-img",
       name: loadIcon
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15271,6 +15356,7 @@
   CircleProgress.defaultProps = defaultProps$y;
   CircleProgress.displayName = "NutCircleProgress";
   const defaultProps$x = {
+    ...ComponentDefaults,
     direction: "across",
     list: [],
     standTime: 1e3,
@@ -15322,7 +15408,6 @@
     const [distance, SetDistance] = React.useState(0);
     const [timer, SetTimer] = React.useState(0);
     const [isCanScroll, SetIsCanScroll] = React.useState(null);
-    React.useState(0);
     React.useEffect(() => {
       if (direction === "vertical") {
         if (children) {
@@ -15406,7 +15491,7 @@
     };
     const startRollEasy = () => {
       showhorseLamp();
-      const timerCurr = window.setInterval(
+      const timerCurr = setInterval(
         showhorseLamp,
         ~~(height / speed / 4) * 1e3 + Number(standTime)
       );
@@ -15502,6 +15587,8 @@
       className: "left-icon",
       style: { backgroundImage: `url(${iconBg() || ""})` }
     }, !iconBg() ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "notice",
       size: "16",
       color
@@ -15510,13 +15597,15 @@
       className: "wrap"
     }, /* @__PURE__ */ React__default["default"].createElement("div", {
       ref: content,
-      className: `content ${animationClass} ${isEllipsis() && "nut-ellipsis"}`,
+      className: `content ${animationClass} ${isEllipsis() ? "nut-ellipsis" : ""}`,
       style: contentStyle,
       onAnimationEnd
     }, children, text)), closeMode || rightIcon ? /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "right-icon",
       onClick: onClickIcon
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: rightIcon || "close",
       color
     })) : null) : null, scrollList.current.length > 0 && direction === "vertical" ? /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -15545,6 +15634,8 @@
         handleClickIcon();
       }
     }, rightIcon || (closeMode ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: "cross",
       color,
       size: "11px"
@@ -15595,6 +15686,7 @@
   Steps.defaultProps = defaultProps$w;
   Steps.displayName = "NutSteps";
   const defaultProps$v = {
+    ...ComponentDefaults,
     title: "",
     content: "",
     activeIndex: 0,
@@ -15659,7 +15751,9 @@
       className: "nut-step-line"
     }), /* @__PURE__ */ React__default["default"].createElement("div", {
       className: renderIconClass()
-    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon, {
+    }, icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "nut-step-icon-inner",
       color: iconColor,
       name: icon,
@@ -16145,6 +16239,7 @@
   SwiperItem.displayName = "NutSwiperItem";
   const AvatarContext = React.createContext({});
   const defaultProps$s = {
+    ...ComponentDefaults,
     size: "",
     icon: "",
     bgColor: "#eee",
@@ -16248,6 +16343,8 @@
       alt,
       onError: errorEvent
     }), icon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "icon",
       name: iconStyles
     }), children && /* @__PURE__ */ React__default["default"].createElement("span", {
@@ -16386,6 +16483,7 @@
   Price.defaultProps = defaultProps$q;
   Price.displayName = "NutPrice";
   const defaultProps$p = {
+    ...ComponentDefaults,
     value: "",
     dot: false,
     max: 1e4,
@@ -16423,6 +16521,8 @@
     }, icons !== "" && /* @__PURE__ */ React__default["default"].createElement("div", {
       className: "slot-icons"
     }, /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "_icon",
       name: icons,
       color: "#ffffff",
@@ -16435,6 +16535,7 @@
   Badge.defaultProps = defaultProps$p;
   Badge.displayName = "NutBadge";
   const defaultProps$o = {
+    ...ComponentDefaults,
     type: "default",
     color: "",
     textColor: "",
@@ -16517,6 +16618,8 @@
     }, children && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: "text"
     }, children), /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       className: "_icon",
       name: "close",
       size: "12",
@@ -16579,6 +16682,7 @@
     }
   }
   const defaultProps$n = {
+    ...ComponentDefaults,
     list: [],
     theme: "light",
     location: "bottom",
@@ -16686,6 +16790,8 @@
           handleChoose(item, i);
         }
       }, item.icon ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         className: "popover-menu-item-img",
         name: item.icon
       }) : "", /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -16785,20 +16891,24 @@
   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,
@@ -16813,147 +16923,196 @@
     const stateRef = React.useRef({
       pauseTime: 0,
       curr: 0,
-      timer: 0,
       isPaused: paused,
-      isIninted: false
+      isIninted: false,
+      timer: 0,
+      restTime: 0,
+      counting: !paused && autoStart,
+      handleEndTime: Date.now(),
+      diffTime: 0
     });
-    const fill2 = (v2) => {
-      v2 += "";
-      while (v2.length < 2) {
-        v2 = `0${v2}`;
-      }
-      return v2;
-    };
-    const restTime = (t2) => {
-      const ts2 = t2;
-      let rest2 = {
-        d: "-",
-        h: "--",
-        m: "--",
-        s: "--"
-      };
-      if (ts2 === 0) {
-        rest2 = {
-          d: "0",
-          h: "00",
-          m: "00",
-          s: "00"
-        };
-      }
-      if (ts2) {
-        const ds = 24 * 60 * 60 * 1e3;
-        const hs = 60 * 60 * 1e3;
-        const ms = 60 * 1e3;
-        const d2 = ts2 >= ds ? parseInt(String(ts2 / ds)) : 0;
-        const h2 = ts2 - d2 * ds >= hs ? parseInt(String((ts2 - d2 * ds) / hs)) : 0;
-        const m2 = ts2 - d2 * ds - h2 * hs >= ms ? parseInt(String((ts2 - d2 * ds - h2 * hs) / ms)) : 0;
-        const s = Math.round((ts2 - d2 * ds - h2 * hs - m2 * ms) / 1e3);
-        if (d2 >= 0)
-          rest2.d = `${d2}`;
-        if (h2 >= 0)
-          rest2.h = fill2(h2);
-        if (m2 >= 0)
-          rest2.m = fill2(m2);
-        if (s >= 0)
-          rest2.s = fill2(s);
-      }
-      return rest2;
-    };
-    const resttime = (() => {
-      const rest2 = restTime(restTimeStamp);
-      const { d: d2 } = rest2;
-      if (!showDays && Number(d2) > 0) {
-        rest2.h = fill2(Number(rest2.h) + Number(d2) * 24);
-        rest2.d = "0";
-      }
-      return rest2;
-    })();
     const getTimeStamp = (timeStr) => {
       if (!timeStr)
         return Date.now();
       let t2 = timeStr;
-      t2 = t2 > 0 ? +t2 : t2.toString().replace(/\-/g, "/");
+      t2 = t2 > 0 ? +t2 : t2.toString().replace(/-/g, "/");
       return new Date(t2).getTime();
     };
-    const plainText = (() => {
-      const { d: d2, h: h2, m: m2, s } = resttime;
-      const showDayshours = Number(d2) > 0 && showDays ? `${d2}${locale.countdown.day}${h2}` : h2;
-      return `${showDayshours}${locale.countdown.hour}${m2}${locale.countdown.minute}${s}${locale.countdown.second}`;
-    })();
-    const initTimer = () => {
-      if (!stateRef.current.isIninted) {
-        stateRef.current.isIninted = true;
-      }
-      const delay = 1e3;
-      const curr = Date.now();
-      const start2 = getTimeStamp(startTime || curr);
-      const end = getTimeStamp(endTime || curr);
-      const diffTime = curr - start2;
-      setRestTime(end - (start2 + diffTime));
-      stateRef.current.timer = setInterval(() => {
-        if (!stateRef.current.isPaused) {
-          const restTime2 = end - (Date.now() - stateRef.current.pauseTime + diffTime);
-          setRestTime(restTime2);
-          if (restTime2 < 0) {
-            setRestTime(0);
+    const initTime = () => {
+      stateRef.current.handleEndTime = endTime;
+      stateRef.current.diffTime = Date.now() - getTimeStamp(startTime);
+      if (!stateRef.current.counting)
+        stateRef.current.counting = true;
+      tick();
+    };
+    const tick = () => {
+      stateRef.current.timer = requestAnimationFrame(() => {
+        if (stateRef.current.counting) {
+          const currentTime = Date.now() - stateRef.current.diffTime;
+          const remainTime = Math.max(
+            stateRef.current.handleEndTime - currentTime,
+            0
+          );
+          stateRef.current.restTime = remainTime;
+          setRestTime(remainTime);
+          if (!remainTime) {
+            stateRef.current.counting = false;
+            pause();
             onEnd && onEnd();
-            clearInterval(stateRef.current.timer);
+          }
+          if (remainTime > 0) {
+            tick();
           }
         }
-      }, delay);
+      });
     };
-    React.useEffect(() => {
-      if (onUpdate) {
-        const tranTime = restTime(restTimeStamp);
-        onUpdate(tranTime);
+    const formatRemainTime = (t2, type) => {
+      const ts2 = t2;
+      const rest2 = {
+        d: 0,
+        h: 0,
+        m: 0,
+        s: 0,
+        ms: 0
+      };
+      const SECOND = 1e3;
+      const MINUTE = 60 * SECOND;
+      const HOUR = 60 * MINUTE;
+      const DAY = 24 * HOUR;
+      if (ts2 > 0) {
+        rest2.d = ts2 >= SECOND ? Math.floor(ts2 / DAY) : 0;
+        rest2.h = Math.floor(ts2 % DAY / HOUR);
+        rest2.m = Math.floor(ts2 % HOUR / MINUTE);
+        rest2.s = Math.floor(ts2 % MINUTE / SECOND);
+        rest2.ms = Math.floor(ts2 % SECOND);
+      }
+      return type === "custom" ? rest2 : parseFormat({ ...rest2 });
+    };
+    const parseFormat = (time2) => {
+      const { d: d2 } = time2;
+      let { h: h2, m: m2, s, ms } = time2;
+      let formatCache = format;
+      if (formatCache.includes("DD")) {
+        formatCache = formatCache.replace("DD", padZero(d2));
+      } else {
+        h2 += Number(d2) * 24;
+      }
+      if (formatCache.includes("HH")) {
+        formatCache = formatCache.replace("HH", padZero(h2));
+      } else {
+        m2 += Number(h2) * 60;
+      }
+      if (formatCache.includes("mm")) {
+        formatCache = formatCache.replace("mm", padZero(m2));
+      } else {
+        s += Number(m2) * 60;
+      }
+      if (formatCache.includes("ss")) {
+        formatCache = formatCache.replace("ss", padZero(s));
+      } else {
+        ms += Number(s) * 1e3;
+      }
+      if (formatCache.includes("S")) {
+        const msC = padZero(ms, 3).toString();
+        if (formatCache.includes("SSS")) {
+          formatCache = formatCache.replace("SSS", msC);
+        } else if (formatCache.includes("SS")) {
+          formatCache = formatCache.replace("SS", msC.slice(0, 2));
+        } else if (formatCache.includes("S")) {
+          formatCache = formatCache.replace("SS", msC.slice(0, 1));
+        }
+      }
+      return formatCache;
+    };
+    const padZero = (num, length = 2) => {
+      num += "";
+      while (num.length < length) {
+        num = `0${num}`;
+      }
+      return num.toString();
+    };
+    const pause = () => {
+      cancelAnimationFrame(stateRef.current.timer);
+      stateRef.current.counting = false;
+      onPaused && onPaused(stateRef.current.restTime);
+    };
+    React.useImperativeHandle(ref, () => ({
+      start: () => {
+        if (!stateRef.current.counting && !autoStart) {
+          stateRef.current.counting = true;
+          stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+          tick();
+          onRestart && onRestart(stateRef.current.restTime);
+        }
+      },
+      pause: () => {
+        cancelAnimationFrame(stateRef.current.timer);
+        stateRef.current.counting = false;
+        onPaused && onPaused(stateRef.current.restTime);
+      },
+      reset: () => {
+        if (!autoStart) {
+          pause();
+          stateRef.current.restTime = time;
+          setRestTime(time);
+        }
       }
+    }));
+    React.useEffect(() => {
+      const tranTime = formatRemainTime(stateRef.current.restTime, "custom");
+      onUpdate && onUpdate(tranTime);
     }, [restTimeStamp]);
     React.useEffect(() => {
       if (stateRef.current.isIninted) {
-        stateRef.current.isPaused = paused;
         if (paused) {
-          stateRef.current.curr = getTimeStamp();
-          onPaused && onPaused(restTimeStamp);
+          if (stateRef.current.counting) {
+            pause();
+          }
         } else {
-          stateRef.current.pauseTime += getTimeStamp() - stateRef.current.curr;
-          onRestart && onRestart(restTimeStamp);
+          if (!stateRef.current.counting) {
+            stateRef.current.counting = true;
+            stateRef.current.handleEndTime = Date.now() + Number(stateRef.current.restTime);
+            tick();
+          }
+          onRestart && onRestart(stateRef.current.restTime);
         }
       }
     }, [paused]);
     React.useEffect(() => {
       if (stateRef.current.isIninted) {
-        initTimer();
+        initTime();
       }
     }, [endTime, startTime]);
     React.useEffect(() => {
-      initTimer();
+      if (autoStart) {
+        initTime();
+      } else {
+        stateRef.current.restTime = time;
+        setRestTime(time);
+      }
+      if (!stateRef.current.isIninted) {
+        stateRef.current.isIninted = true;
+      }
       return componentWillUnmount;
     }, []);
     const componentWillUnmount = () => {
       clearInterval(stateRef.current.timer);
     };
+    const renderTime = (() => {
+      return formatRemainTime(stateRef.current.restTime);
+    })();
     return /* @__PURE__ */ React__default["default"].createElement("div", {
       className: `${b2()} ${className || ""}`,
       style: { ...style },
       ...rest
-    }, children || /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, showPlainText ? /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, " ", plainText, " ") : /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, Number(resttime.d) >= 0 && showDays ? /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.d), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, locale.countdown.day || ":")) : null, /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.h), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, ":"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.m), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("dot")
-    }, ":"), /* @__PURE__ */ React__default["default"].createElement("div", {
-      className: b2("block")
-    }, resttime.s))));
+    }, children || /* @__PURE__ */ React__default["default"].createElement("div", {
+      className: b2("block"),
+      dangerouslySetInnerHTML: {
+        __html: `${renderTime}`
+      }
+    }));
   };
+  const CountDown = React__default["default"].forwardRef(InternalCountDown);
   CountDown.defaultProps = defaultProps$l;
   CountDown.displayName = "NutCountDown";
   const defaultProps$k = {
@@ -17039,6 +17198,7 @@
   Collapse.defaultProps = defaultProps$k;
   Collapse.displayName = "NutCollapse";
   const defaultProps$j = {
+    ...ComponentDefaults,
     title: "",
     name: "",
     isOpen: false,
@@ -17118,12 +17278,16 @@
     }, titleIcon && titleIconPosition === "left" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-left")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
     })), title, titleIcon && titleIconPosition === "right" && /* @__PURE__ */ React__default["default"].createElement("b", {
       className: colBem("title-icon-right")
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: titleIcon,
       size: titleIconSize,
       color: disabled ? "#C2C2C2" : titleIconColor
@@ -17135,6 +17299,8 @@
       className: colBem("icon"),
       style: iconStyle
     }, /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       name: icon,
       size: iconSize,
       color: disabled ? "#C2C2C2" : iconColor
@@ -17584,6 +17750,7 @@
   VirtualList.defaultProps = defaultProps$f;
   VirtualList.displayName = "NutVirtualList";
   const defaultProps$e = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     columns: [],
@@ -17649,6 +17816,8 @@
           key: item.key,
           onClick: () => handleSorterClick(item)
         }, item.title, item.sorter && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+          classPrefix: props.iconClassPrefix,
+          fontClassName: props.iconFontClassName,
           name: "down-arrow",
           size: "12px"
         }));
@@ -17788,6 +17957,7 @@
   Video.defaultProps = defaultProps$d;
   Video.displayName = "NutVideo";
   const defaultProps$c = {
+    ...ComponentDefaults,
     className: "",
     style: {},
     isShowPercentage: true,
@@ -17899,7 +18069,9 @@
     }, textType === "text" && /* @__PURE__ */ React__default["default"].createElement("span", {
       className: classesTextInner,
       style: { color: textColor || "#333" }
-    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+    }, percentage, isShowPercentage ? "%" : ""), textType === "icon" && /* @__PURE__ */ React__default["default"].createElement(Icon, {
+      classPrefix: props.iconClassPrefix,
+      fontClassName: props.iconFontClassName,
       size: iconSize,
       name: iconName,
       color: iconColor
@@ -17908,6 +18080,7 @@
   Progress.defaultProps = defaultProps$c;
   Progress.displayName = "NutProgress";
   const defaultProps$b = {
+    ...ComponentDefaults,
     className: "",
     url: "",
     style: {},
@@ -18004,9 +18177,13 @@
         className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
         onClick: handleStatusChange
       }, playing ? /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "service",
         className: "nut-icon-loading"
       }) : /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: "service"
       }))));
     };
@@ -18908,6 +19085,7 @@
     })));
   };
   const defaultProps$6 = {
+    ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
     type: "custom",
@@ -19049,6 +19227,8 @@
         className: "arrow-back",
         onClick: onSwitchModule
       }, privateType === "custom" && backBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: backBtnIcon,
         color: "#cccccc"
       })), /* @__PURE__ */ React__default["default"].createElement("div", {
@@ -19056,6 +19236,8 @@
       }, privateType === "custom" ? locale.address.selectRegion || customAddressTitle : locale.address.deliveryTo || existAddressTitle), /* @__PURE__ */ React__default["default"].createElement("div", {
         onClick: () => handClose()
       }, closeBtnIcon && /* @__PURE__ */ React__default["default"].createElement(Icon$1, {
+        classPrefix: props.iconClassPrefix,
+        fontClassName: props.iconFontClassName,
         name: closeBtnIcon,
         color: "#cccccc",
         size: "18px"