@nutui/nutui-react-taro 2.0.0-alpha.3 → 2.0.0-alpha.4

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.3 Fri Apr 28 2023 15:56:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.4 Fri May 05 2023 16:38:12 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -2813,7 +2813,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$8 = "nut-cell";
+  const classPrefix$9 = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2844,24 +2844,24 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: classNames(classPrefix$8, className),
+        className: classNames(classPrefix$9, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest,
         children: children || /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          title || description ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix$8}__left`, children: [
-            title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__title`, children: title }) : null,
-            description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__description`, children: description }) : null
+          title || description ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix$9}__left`, children: [
+            title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$9}__title`, children: title }) : null,
+            description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$9}__description`, children: description }) : null
           ] }) : null,
           extra ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: `${classPrefix$8}__extra`,
+              className: `${classPrefix$9}__extra`,
               style: styles,
               children: extra
             }
           ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__divider` })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$9}__divider` })
         ] })
       }
     );
@@ -2873,16 +2873,16 @@ var __publicField = (obj, key, value) => {
     title: "",
     description: ""
   };
-  const classPrefix$7 = "nut-cell-group";
+  const classPrefix$8 = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, style, title, description, ...rest } = {
       ...defaultProps$1r,
       ...props
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$7, className), ...rest, children: [
-      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__title`, children: title }) : null,
-      description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__description`, children: description }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__wrap`, children })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$8, className), ...rest, children: [
+      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__title`, children: title }) : null,
+      description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__description`, children: description }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__wrap`, children })
     ] });
   };
   CellGroup.defaultProps = defaultProps$1r;
@@ -3577,21 +3577,21 @@ var __publicField = (obj, key, value) => {
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$6 = `nut-divider`;
+  const classPrefix$7 = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
       ...defaultProps$1n,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$6}`]: true,
-      [`${classPrefix$6}__center`]: children,
-      [`${classPrefix$6}__left`]: contentPosition === "left",
-      [`${classPrefix$6}__right`]: contentPosition === "right",
-      [`${classPrefix$6}__hairline`]: true
+      [`${classPrefix$7}`]: true,
+      [`${classPrefix$7}__center`]: children,
+      [`${classPrefix$7}__left`]: contentPosition === "left",
+      [`${classPrefix$7}__right`]: contentPosition === "right",
+      [`${classPrefix$7}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$6}`]: true,
-      [`${classPrefix$6}__vertical`]: direction === "vertical"
+      [`${classPrefix$7}`]: true,
+      [`${classPrefix$7}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classes} ${className || ""}`, style, ...rest, children });
   };
@@ -3755,7 +3755,7 @@ var __publicField = (obj, key, value) => {
   };
   Layout.defaultProps = defaultProps$1k;
   Layout.displayName = "NutLayout";
-  const classPrefix$5 = "nut-row";
+  const classPrefix$6 = "nut-row";
   const defaultProps$1j = {
     ...ComponentDefaults,
     type: "",
@@ -3790,7 +3790,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$5}
+    ${classPrefix$6}
    `;
     };
     const parentRow = {
@@ -3866,7 +3866,7 @@ var __publicField = (obj, key, value) => {
     position: "top",
     zIndex: 2e3
   };
-  const classPrefix$4 = "nut-sticky";
+  const classPrefix$5 = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3968,7 +3968,7 @@ var __publicField = (obj, key, value) => {
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$4, className),
+        className: classNames(classPrefix$5, className),
         ...rest,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -6508,288 +6508,189 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-subsidenavbar__content", children })
     ] });
   };
-  var classnameExports = {};
-  var classname = {
-    get exports() {
-      return classnameExports;
-    },
-    set exports(v) {
-      classnameExports = v;
-    }
-  };
-  var classname_production_min = {};
-  var hasRequiredClassname_production_min;
-  function requireClassname_production_min() {
-    if (hasRequiredClassname_production_min)
-      return classname_production_min;
-    hasRequiredClassname_production_min = 1;
-    function r2(r3) {
-      function t2(t3, i, a2, o) {
-        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
-        if (a2) {
-          var s = " " + v + r3.m;
-          for (var u in a2)
-            if (a2.hasOwnProperty(u)) {
-              var p = a2[u];
-              true === p ? v += s + u : p && (v += s + u + n + p);
-            }
-        }
-        if (void 0 !== o)
-          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
-            var l = o[y2];
-            if (l && "string" == typeof l.valueOf())
-              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
-                var h = g[d];
-                h !== f && (v += " " + h);
-              }
-          }
-        return v;
-      }
-      var e = r3.n || "", n = r3.v || r3.m;
-      return function(r4, e2) {
-        return function(n2, i, a2) {
-          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
-        };
-      };
+  function usePropsValue({
+    value,
+    defaultValue,
+    finalValue,
+    onChange = (value2) => {
     }
-    Object.defineProperty(classname_production_min, "__esModule", { value: true });
-    var t = r2({ e: "-", m: "_" });
-    classname_production_min.cn = t, classname_production_min.withNaming = r2;
-    return classname_production_min;
-  }
-  var classname_development = {};
-  var hasRequiredClassname_development;
-  function requireClassname_development() {
-    if (hasRequiredClassname_development)
-      return classname_development;
-    hasRequiredClassname_development = 1;
-    Object.defineProperty(classname_development, "__esModule", { value: true });
-    function withNaming(preset) {
-      var nameSpace = preset.n || "";
-      var modValueDelimiter = preset.v || preset.m;
-      function stringify(b2, e, m, mix) {
-        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
-        var className = entityName;
-        if (m) {
-          var modPrefix = " " + className + preset.m;
-          for (var k in m) {
-            if (m.hasOwnProperty(k)) {
-              var modVal = m[k];
-              if (modVal === true) {
-                className += modPrefix + k;
-              } else if (modVal) {
-                className += modPrefix + k + modValueDelimiter + modVal;
-              }
-            }
-          }
-        }
-        if (mix !== void 0) {
-          mix = Array.isArray(mix) ? mix : [mix];
-          for (var i = 0, len = mix.length; i < len; i++) {
-            var value = mix[i];
-            if (!value || typeof value.valueOf() !== "string")
-              continue;
-            var mixes = value.valueOf().split(" ");
-            for (var j = 0; j < mixes.length; j++) {
-              var val = mixes[j];
-              if (val !== entityName) {
-                className += " " + val;
-              }
-            }
-          }
-        }
-        return className;
-      }
-      return function cnGenerator(b2, e) {
-        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
-          if (typeof elemOrMods === "string") {
-            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
-              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
-            }
-            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
-          }
-          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
-        };
-      };
+  }) {
+    const [uncontrolled, setUncontrolled] = React.useState(
+      defaultValue !== void 0 ? defaultValue : finalValue
+    );
+    const handleUncontrolledChange = (val) => {
+      setUncontrolled(val);
+      onChange == null ? void 0 : onChange(val);
+    };
+    if (value !== void 0) {
+      return [value, onChange];
     }
-    var cn2 = withNaming({
-      e: "-",
-      m: "_"
-    });
-    classname_development.cn = cn2;
-    classname_development.withNaming = withNaming;
-    return classname_development;
+    return [uncontrolled, handleUncontrolledChange];
   }
-  (function(module2) {
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = requireClassname_production_min();
-    } else {
-      module2.exports = requireClassname_development();
-    }
-  })(classname);
-  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$1a = {
-    visible: 0,
-    bottom: false,
-    size: 20,
-    unactiveColor: "",
-    activeColor: "",
-    safeAreaInsetBottom: false,
-    className: "",
-    style: {},
-    onSwitch: (child, activeVisible) => {
-    }
+    ...ComponentDefaults,
+    value: "",
+    dot: false,
+    max: 99,
+    top: "0",
+    right: "5",
+    color: ""
   };
-  const Tabbar = (props) => {
-    const {
-      children,
-      visible,
-      activeVisible,
-      bottom,
-      size,
-      activeColor,
-      unactiveColor,
-      safeAreaInsetBottom,
-      className,
-      style,
-      onSwitch
-    } = {
+  const Badge = (props) => {
+    const { className, style, value, max, children, dot, top, right, color } = {
       ...defaultProps$1a,
       ...props
     };
-    const b2 = cn("tabbar");
-    const [selectIndex, setSelectIndex] = React.useState(activeVisible || visible);
-    const handleClick = (idx) => {
-      if (!("activeVisible" in props)) {
-        setSelectIndex(idx);
+    const classPrefix2 = "nut-badge";
+    const classes = classNames(classPrefix2, className);
+    const contentClasses = classNames(
+      { [`${classPrefix2}__dot`]: dot },
+      `${classPrefix2}__content`,
+      `${classPrefix2}__sup`
+    );
+    function content() {
+      if (dot || typeof value === "object")
+        return null;
+      if (typeof value === "number" && typeof max === "number") {
+        return max < value ? `${max}+` : value;
       }
+      return value;
+    }
+    const getStyle = () => {
+      const style2 = {};
+      style2.top = `${Number(top) || parseFloat(top) || 0}px`;
+      style2.right = `${Number(right) || parseFloat(right) || 0}px`;
+      style2.background = color;
+      return style2;
     };
-    React.useEffect(() => {
-      if (activeVisible !== void 0) {
-        setSelectIndex(activeVisible);
-      }
-    }, [activeVisible]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: [
-          `${b2()}`,
-          bottom ? `${b2("bottom")}` : "",
-          safeAreaInsetBottom ? `${b2("bottom")} ${b2("safebottom")}` : "",
-          className
-        ].join(" "),
-        style,
-        children: React.Children.map(children, (child, idx) => {
-          if (!React.isValidElement(child)) {
-            return null;
-          }
-          const childProps = {
-            ...child.props,
-            active: idx === selectIndex,
-            index: idx,
-            unactiveColor,
-            activeColor,
-            size,
-            handleClick: () => {
-              handleClick(idx);
-              onSwitch(child, idx);
-            }
-          };
-          return React.cloneElement(child, childProps);
-        })
-      }
-    );
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style, children: [
+      typeof value === "object" && value && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__icon`, children: value }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: contentClasses, style: getStyle(), children: content() })
+    ] });
   };
-  Tabbar.defaultProps = defaultProps$1a;
-  Tabbar.displayName = "NutTabbar";
+  Badge.defaultProps = defaultProps$1a;
+  Badge.displayName = "NutBadge";
   const defaultProps$19 = {
     ...ComponentDefaults,
-    dot: false,
-    className: "",
-    tabTitle: "",
+    title: "",
     icon: null,
-    href: "",
-    to: "",
-    num: "",
     active: false,
-    activeColor: "",
-    unactiveColor: "",
     index: 0,
     handleClick: (idx) => {
     }
   };
   const TabbarItem = (props) => {
     const {
-      dot,
       className,
       style,
-      tabTitle,
+      title,
       icon,
-      href,
-      to: to2,
-      num,
       active,
       activeColor,
-      unactiveColor,
+      inactiveColor,
       index,
-      handleClick
+      handleClick,
+      ...rest
     } = {
       ...defaultProps$19,
       ...props
     };
-    const b2 = cn("tabbar-item");
-    const bIcon = cn("tabbar-item__icon-box");
-    React.useEffect(() => {
-      if (active && href) {
-        window.location.href = href;
-        return;
-      }
-      if (active && to2) {
-        Taro.navigateTo({
-          url: to2
-        });
-      }
-    }, [active, href, to2]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    const classPrefix2 = "nut-tabbar-item";
+    const tabbarItemClass = classNames(className, classPrefix2, {
+      [`${classPrefix2}-active`]: active
+    });
+    const boxPrefix = `${classPrefix2}__icon-box`;
+    const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
+      [`${boxPrefix}-large`]: !icon
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: `${b2({ active })} ${className}`,
+        className: tabbarItemClass,
         style: {
-          ...style,
-          color: active ? activeColor : unactiveColor
-        },
-        onClick: () => {
-          handleClick(index);
+          color: active ? activeColor : inactiveColor,
+          ...style
         },
+        onClick: () => handleClick(index),
+        children: icon ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: boxPrefix, children: icon }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: titleClass, children: title })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: titleClass, children: title }) })
+      }
+    );
+  };
+  const defaultProps$18 = {
+    ...ComponentDefaults,
+    defaultValue: 0,
+    fixed: false,
+    inactiveColor: "",
+    activeColor: "",
+    safeArea: false,
+    onSwitch: (value) => {
+    }
+  };
+  const Tabbar = (props) => {
+    const {
+      children,
+      defaultValue,
+      value,
+      fixed,
+      activeColor,
+      inactiveColor,
+      safeArea,
+      className,
+      style,
+      onSwitch
+    } = {
+      ...defaultProps$18,
+      ...props
+    };
+    const classPrefix2 = "nut-tabbar";
+    const [selectIndex, setSelectIndex] = usePropsValue({
+      value,
+      defaultValue,
+      finalValue: 0,
+      onChange: onSwitch
+    });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: classNames(classPrefix2, className, {
+          [`${classPrefix2}__fixed`]: fixed
+        }),
+        style,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${bIcon()}`, children: [
-            !dot ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              num && num <= 99 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("num")])}`, children: num }),
-              num && num >= 100 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("nums")])}`, children: "99+" })
-            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("dot")])}` }),
-            icon || null
-          ] }),
-          tabTitle && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: bIcon({ "nav-word": true }, [
-                bIcon({ "big-word": !icon })
-              ]),
-              children: tabTitle
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__wrap`, children: React.Children.map(children, (child, idx) => {
+            if (!React.isValidElement(child)) {
+              return null;
             }
-          )
+            const childProps = {
+              ...child.props,
+              active: idx === selectIndex,
+              index: idx,
+              inactiveColor,
+              activeColor,
+              handleClick: setSelectIndex
+            };
+            return React.cloneElement(child, childProps);
+          }) }),
+          (fixed || safeArea) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__safe-area` })
         ]
       }
     );
   };
-  const defaultProps$18 = {
+  Tabbar.defaultProps = defaultProps$18;
+  Tabbar.displayName = "NutTabbar";
+  Tabbar.Item = TabbarItem;
+  const defaultProps$17 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -6803,26 +6704,7 @@ var __publicField = (obj, key, value) => {
     );
     return children ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes, children: !disabled && children }) : null;
   };
-  function usePropsValue({
-    value,
-    defaultValue,
-    finalValue,
-    onChange = (value2) => {
-    }
-  }) {
-    const [uncontrolled, setUncontrolled] = React.useState(
-      defaultValue !== void 0 ? defaultValue : finalValue
-    );
-    const handleUncontrolledChange = (val) => {
-      setUncontrolled(val);
-      onChange == null ? void 0 : onChange(val);
-    };
-    if (value !== void 0) {
-      return [value, onChange];
-    }
-    return [uncontrolled, handleUncontrolledChange];
-  }
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -6831,7 +6713,7 @@ var __publicField = (obj, key, value) => {
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$3 = "nut-tabs";
+  const classPrefix$4 = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -6848,7 +6730,7 @@ var __publicField = (obj, key, value) => {
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$17,
+      ...defaultProps$16,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -6878,14 +6760,14 @@ var __publicField = (obj, key, value) => {
     };
     const titles = React.useRef(getTitles());
     const classes = classNames(
-      classPrefix$3,
-      `${classPrefix$3}--${direction}`,
+      classPrefix$4,
+      `${classPrefix$4}--${direction}`,
       className
     );
-    const classesTitle = classNames(`${classPrefix$3}__titles`, {
-      [`${classPrefix$3}__titles--${activeType}`]: activeType,
-      [`${classPrefix$3}__titles--scrollable`]: true,
-      [`${classPrefix$3}__titles--${align}`]: align
+    const classesTitle = classNames(`${classPrefix$4}__titles`, {
+      [`${classPrefix$4}__titles--${activeType}`]: activeType,
+      [`${classPrefix$4}__titles--scrollable`]: true,
+      [`${classPrefix$4}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -6931,7 +6813,7 @@ var __publicField = (obj, key, value) => {
                 onClick: (e) => {
                   tabChange(item);
                 },
-                className: classNames(`${classPrefix$3}__titles-item`, {
+                className: classNames(`${classPrefix$4}__titles-item`, {
                   [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
                   [`nut-tabs__titles-item--disabled`]: item.disabled,
                   [`nut-tabs__titles-item--${align}`]: align
@@ -6940,14 +6822,14 @@ var __publicField = (obj, key, value) => {
                   activeType === "line" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     components.View,
                     {
-                      className: `${classPrefix$3}__titles-item__line`,
+                      className: `${classPrefix$4}__titles-item__line`,
                       style: tabsActiveStyle
                     }
                   ),
                   activeType === "smile" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     components.View,
                     {
-                      className: `${classPrefix$3}__titles-item__smile`,
+                      className: `${classPrefix$4}__titles-item__smile`,
                       style: tabsActiveStyle,
                       children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$h, { color: activeColor, width: 40, height: 20 })
                     }
@@ -6959,7 +6841,7 @@ var __publicField = (obj, key, value) => {
                         {
                           ellipsis: true
                         },
-                        `${classPrefix$3}__titles-item__text`
+                        `${classPrefix$4}__titles-item__text`
                       ),
                       children: item.title
                     }
@@ -6971,27 +6853,147 @@ var __publicField = (obj, key, value) => {
           })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$3}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$3}__content`, style: contentStyle, children: React.Children.map(children, (child, idx) => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$4}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$4}__content`, style: contentStyle, children: React.Children.map(children, (child, idx) => {
         if (!React.isValidElement(child)) {
           return null;
         }
-        let childProps = {
-          ...child.props,
-          active: value === child.props.value
+        let childProps = {
+          ...child.props,
+          active: value === child.props.value
+        };
+        if (String(value) !== String(child.props.value || idx) && autoHeight) {
+          childProps = {
+            ...childProps,
+            autoHeightClassName: "inactive"
+          };
+        }
+        return React.cloneElement(child, childProps);
+      }) }) })
+    ] });
+  };
+  Tabs.defaultProps = defaultProps$16;
+  Tabs.displayName = "NutTabs";
+  Tabs.TabPane = TabPane;
+  var classnameExports = {};
+  var classname = {
+    get exports() {
+      return classnameExports;
+    },
+    set exports(v) {
+      classnameExports = v;
+    }
+  };
+  var classname_production_min = {};
+  var hasRequiredClassname_production_min;
+  function requireClassname_production_min() {
+    if (hasRequiredClassname_production_min)
+      return classname_production_min;
+    hasRequiredClassname_production_min = 1;
+    function r2(r3) {
+      function t2(t3, i, a2, o) {
+        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
+        if (a2) {
+          var s = " " + v + r3.m;
+          for (var u in a2)
+            if (a2.hasOwnProperty(u)) {
+              var p = a2[u];
+              true === p ? v += s + u : p && (v += s + u + n + p);
+            }
+        }
+        if (void 0 !== o)
+          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
+            var l = o[y2];
+            if (l && "string" == typeof l.valueOf())
+              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
+                var h = g[d];
+                h !== f && (v += " " + h);
+              }
+          }
+        return v;
+      }
+      var e = r3.n || "", n = r3.v || r3.m;
+      return function(r4, e2) {
+        return function(n2, i, a2) {
+          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
         };
-        if (String(value) !== String(child.props.value || idx) && autoHeight) {
-          childProps = {
-            ...childProps,
-            autoHeightClassName: "inactive"
-          };
+      };
+    }
+    Object.defineProperty(classname_production_min, "__esModule", { value: true });
+    var t = r2({ e: "-", m: "_" });
+    classname_production_min.cn = t, classname_production_min.withNaming = r2;
+    return classname_production_min;
+  }
+  var classname_development = {};
+  var hasRequiredClassname_development;
+  function requireClassname_development() {
+    if (hasRequiredClassname_development)
+      return classname_development;
+    hasRequiredClassname_development = 1;
+    Object.defineProperty(classname_development, "__esModule", { value: true });
+    function withNaming(preset) {
+      var nameSpace = preset.n || "";
+      var modValueDelimiter = preset.v || preset.m;
+      function stringify(b2, e, m, mix) {
+        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
+        var className = entityName;
+        if (m) {
+          var modPrefix = " " + className + preset.m;
+          for (var k in m) {
+            if (m.hasOwnProperty(k)) {
+              var modVal = m[k];
+              if (modVal === true) {
+                className += modPrefix + k;
+              } else if (modVal) {
+                className += modPrefix + k + modValueDelimiter + modVal;
+              }
+            }
+          }
         }
-        return React.cloneElement(child, childProps);
-      }) }) })
-    ] });
-  };
-  Tabs.defaultProps = defaultProps$17;
-  Tabs.displayName = "NutTabs";
-  Tabs.TabPane = TabPane;
+        if (mix !== void 0) {
+          mix = Array.isArray(mix) ? mix : [mix];
+          for (var i = 0, len = mix.length; i < len; i++) {
+            var value = mix[i];
+            if (!value || typeof value.valueOf() !== "string")
+              continue;
+            var mixes = value.valueOf().split(" ");
+            for (var j = 0; j < mixes.length; j++) {
+              var val = mixes[j];
+              if (val !== entityName) {
+                className += " " + val;
+              }
+            }
+          }
+        }
+        return className;
+      }
+      return function cnGenerator(b2, e) {
+        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
+          if (typeof elemOrMods === "string") {
+            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
+            }
+            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
+          }
+          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
+        };
+      };
+    }
+    var cn2 = withNaming({
+      e: "-",
+      m: "_"
+    });
+    classname_development.cn = cn2;
+    classname_development.withNaming = withNaming;
+    return classname_development;
+  }
+  (function(module2) {
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = requireClassname_production_min();
+    } else {
+      module2.exports = requireClassname_development();
+    }
+  })(classname);
+  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultConfigRef = {
     current: {
       locale: zhCN
@@ -7004,7 +7006,7 @@ var __publicField = (obj, key, value) => {
   const useConfig = () => {
     return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -7026,7 +7028,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$15, ...props };
     const b2 = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -7068,7 +7070,7 @@ var __publicField = (obj, key, value) => {
       isShowCustomAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other"), onClick: onSwitch, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other-btn"), children: customAndExistTitle || locale.address.chooseAnotherAddress }) })
     ] });
   };
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     modelValue: [],
     type: "custom",
     province: [],
@@ -7093,7 +7095,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const b2 = cn("address");
@@ -7257,28 +7259,28 @@ var __publicField = (obj, key, value) => {
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$15, ...props };
+      const { province: province2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$15, ...props };
+      const { city: city2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$15, ...props };
+      const { country: country2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$15, ...props };
+      const { town: town2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -7351,7 +7353,7 @@ var __publicField = (obj, key, value) => {
       ) })
     ] });
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -7402,7 +7404,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$13,
       ...props
     };
     const b2 = cn("address");
@@ -7560,7 +7562,7 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  Address.defaultProps = defaultProps$14;
+  Address.defaultProps = defaultProps$13;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -7693,7 +7695,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -7745,7 +7747,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$12, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -8350,9 +8352,9 @@ var __publicField = (obj, key, value) => {
       poppable && !isAutoBackFill ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-calendar-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-confirm-btn", onClick: confirm, children: confirmText || locale.confirm }) }) : ""
     ] }) });
   });
-  CalendarItem.defaultProps = defaultProps$13;
+  CalendarItem.defaultProps = defaultProps$12;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -8408,7 +8410,7 @@ var __publicField = (obj, key, value) => {
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -8478,9 +8480,9 @@ var __publicField = (obj, key, value) => {
       }
     ) : renderItem() });
   });
-  Calendar.defaultProps = defaultProps$12;
+  Calendar.defaultProps = defaultProps$11;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     data: {
       text: "",
       value: "",
@@ -8497,7 +8499,7 @@ var __publicField = (obj, key, value) => {
   };
   const InternalCascaderItem = (props, ref) => {
     const { data, checked, checkedIcon, chooseItem, activeColor } = {
-      ...defaultProps$11,
+      ...defaultProps$10,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -8536,7 +8538,7 @@ var __publicField = (obj, key, value) => {
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$11;
+  CascaderItem.defaultProps = defaultProps$10;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -8674,7 +8676,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     className: "",
     style: {},
     activeColor: "",
@@ -8725,7 +8727,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -8999,11 +9001,11 @@ var __publicField = (obj, key, value) => {
     ) : renderItem() });
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$10;
+  Cascader.defaultProps = defaultProps$$;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     disabled: false,
     checkedValue: [],
     max: void 0,
@@ -9015,7 +9017,7 @@ var __publicField = (obj, key, value) => {
   };
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$$, ...props };
+      const { children } = { ...defaultProps$_, ...props };
       const b2 = cn("checkboxgroup");
       const {
         className,
@@ -9101,9 +9103,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$$;
+  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     checked: false,
     disabled: false,
@@ -9119,7 +9121,7 @@ var __publicField = (obj, key, value) => {
   };
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$Z,
       ...props
     };
     const b2 = cn("checkbox");
@@ -9211,7 +9213,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Checkbox.defaultProps = defaultProps$_;
+  Checkbox.defaultProps = defaultProps$Z;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -9760,7 +9762,7 @@ var __publicField = (obj, key, value) => {
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     modelValue: null,
     visible: false,
     title: "",
@@ -9791,7 +9793,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig$1();
@@ -10069,10 +10071,10 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  DatePicker.defaultProps = defaultProps$Z;
+  DatePicker.defaultProps = defaultProps$Y;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -10121,7 +10123,7 @@ var __publicField = (obj, key, value) => {
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$Y,
+          ...defaultProps$X,
           ...this.props
         };
         const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -10182,7 +10184,7 @@ var __publicField = (obj, key, value) => {
       return this.renderLayout(returnChildNode);
     }
   }
-  __publicField(FormItem, "defaultProps", defaultProps$Y);
+  __publicField(FormItem, "defaultProps", defaultProps$X);
   __publicField(FormItem, "contextType", FormItemContext);
   class FormStore {
     constructor() {
@@ -10306,7 +10308,7 @@ var __publicField = (obj, key, value) => {
     }
     return [formRef.current];
   };
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     className: "",
     style: void 0,
@@ -10333,7 +10335,7 @@ var __publicField = (obj, key, value) => {
       starPositon,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     console.log("46 dddd");
@@ -10357,383 +10359,223 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Form.defaultProps = defaultProps$X;
+  Form.defaultProps = defaultProps$W;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
-  function trimExtraChar(value, char, regExp) {
-    const index = value.indexOf(char);
-    if (index === -1) {
-      return value;
-    }
-    if (char === "-" && index !== 0) {
-      return value.slice(0, index);
-    }
-    return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
-  }
-  function formatNumber(value, allowDot = true, allowMinus = true) {
-    if (allowDot) {
-      value = trimExtraChar(value, ".", /\./g);
-    } else {
-      value = value.split(".")[0];
-    }
-    if (allowMinus) {
-      value = trimExtraChar(value, "-", /-/g);
-    } else {
-      value = value.replace(/-/, "");
-    }
-    const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-    return value.replace(regExp, "");
-  }
-  const defaultProps$W = {
-    ...ComponentDefaults,
-    type: "text",
-    name: "",
-    defaultValue: "",
-    placeholder: "",
-    label: "",
-    labelClass: "",
-    labelWidth: "80",
-    labelAlign: "left",
-    colon: false,
-    inputAlign: "left",
-    center: false,
-    required: false,
-    disabled: false,
-    readonly: false,
-    error: false,
-    maxlength: "9999",
-    leftIcon: null,
-    rightIcon: null,
-    clearable: false,
-    clearIcon: null,
-    clearSize: "14",
-    border: true,
-    formatTrigger: "onChange",
-    rules: [],
-    rows: null,
-    errorMessage: "",
-    errorMessageAlign: "",
-    showWordLimit: false,
-    autofocus: false,
-    slotButton: null,
-    slotInput: null
-  };
-  const Input = React.forwardRef((props, ref) => {
-    const { locale } = useConfig$1();
-    const {
-      children,
-      type,
-      name,
-      defaultValue,
-      placeholder,
-      label,
-      labelClass,
-      labelWidth,
-      labelAlign,
-      colon,
-      inputAlign,
-      center,
-      required,
-      disabled,
-      readonly,
-      error,
-      maxlength,
-      leftIcon,
-      rightIcon,
-      clearable,
-      clearIcon,
-      clearSize,
-      border,
-      formatTrigger,
-      rules,
-      errorMessage,
-      errorMessageAlign,
-      showWordLimit,
-      autofocus,
-      style,
-      className,
-      rows,
-      slotButton,
-      slotInput,
-      onChange,
-      onBlur,
-      onFocus,
-      onClear,
-      formatter,
-      keypress,
-      onClickInput,
-      onClickLeftIcon,
-      onClickRightIcon,
-      onClick,
-      ...rest
-    } = {
-      ...defaultProps$W,
-      ...props
-    };
-    const inputPlaceholder = placeholder || locale.placeholder;
-    const [inputValue, SetInputValue] = React.useState("");
-    const [active, SetActive] = React.useState(false);
-    const [classes, setClasses] = React.useState("");
-    const getModelValue = () => String(inputValue ?? "");
-    const inputRef = React.useRef(null);
-    React.useEffect(() => {
-      setClasses(inputClass);
-      SetInputValue(defaultValue);
-    }, [defaultValue]);
-    React.useEffect(() => {
-      if (inputValue) {
-        updateValue(getModelValue());
-        resetValidation();
-      }
-    }, [inputValue]);
-    React.useImperativeHandle(ref, () => {
-      return inputRef.current;
-    });
-    const inputClass = React.useCallback(() => {
-      const prefixCls2 = "nut-input";
-      return [
-        prefixCls2,
-        `${center ? "center" : ""}`,
-        `${disabled ? `${prefixCls2}-disabled` : ""}`,
-        `${required ? `${prefixCls2}-required` : ""}`,
-        `${error ? `${prefixCls2}-error` : ""}`,
-        `${border ? `${prefixCls2}-border` : ""}`,
-        `${slotButton || rightIcon ? `${prefixCls2}-right-mark` : ""}`
-      ].filter(Boolean).join(" ");
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    React.useEffect(() => {
-      setClasses(inputClass);
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    const updateValue = (value, trigger = "onChange") => {
-      var _a;
-      let val = value;
-      if (type === "digit" || type === "tel") {
-        val = formatNumber(val, false, false);
-      }
-      if (type === "number") {
-        val = formatNumber(val, true, true);
-      }
-      if (type === "tel" && !formatter) {
-        const regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-        const regNumber = /[^-0-9]/g;
-        val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, "");
-      }
-      if (formatter && trigger === formatTrigger) {
-        val = formatter(val);
-      }
-      if (((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) !== val) {
-        inputRef.current.value = val;
-      }
-      SetInputValue(val);
-    };
-    const handleFocus = (event) => {
-      const val = event.target.value;
-      SetActive(true);
-      onFocus && onFocus(val, event);
-    };
-    const handleInput = (event) => {
-      let val = event.target.value;
-      if (maxlength && val.length > Number(maxlength)) {
-        val = val.slice(0, Number(maxlength));
-      }
-      updateValue(val, "onChange");
-      onChange && onChange(val, event);
-    };
-    const handleBlur = (event) => {
-      setTimeout(() => {
-        SetActive(false);
-      }, 200);
-      let val = event.target.value;
-      if (maxlength && val.length > Number(maxlength)) {
-        val = val.slice(0, Number(maxlength));
-      }
-      updateValue(val, "onBlur");
-      onBlur && onBlur(val, event);
-    };
-    const handleClickInput = (event) => {
-      onClickInput && onClickInput(event);
-    };
-    const handleClickLeftIcon = (event) => {
-      onClickLeftIcon && onClickLeftIcon(event);
-    };
-    const handleClickRightIcon = (event) => {
-      onClickRightIcon && onClickRightIcon(event);
-    };
-    const resetValidation = () => {
-    };
-    const inputType = (type2) => {
-      if (type2 === "number") {
-        return "text";
-      }
-      if (type2 === "digit") {
-        return "tel";
-      }
-      return type2;
-    };
-    const handleClear = (event) => {
-      updateValue("");
-      onClear && onClear("", event);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: `${classes}  ${className || ""}`,
+  function trimExtraChar(value, char, regExp) {
+    const index = value.indexOf(char);
+    if (index === -1) {
+      return value;
+    }
+    if (char === "-" && index !== 0) {
+      return value.slice(0, index);
+    }
+    return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
+  }
+  function formatNumber(value, allowDot = true, allowMinus = true) {
+    if (allowDot) {
+      value = trimExtraChar(value, ".", /\./g);
+    } else {
+      value = value.split(".")[0];
+    }
+    if (allowMinus) {
+      value = trimExtraChar(value, "-", /-/g);
+    } else {
+      value = value.replace(/-/, "");
+    }
+    const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+    return value.replace(regExp, "");
+  }
+  const defaultProps$V = {
+    ...ComponentDefaults,
+    type: "text",
+    name: "",
+    placeholder: "",
+    confirmType: "done",
+    align: "left",
+    required: false,
+    disabled: false,
+    readOnly: false,
+    maxLength: 9999,
+    clearable: false,
+    clearIcon: null,
+    formatTrigger: "onChange",
+    autoFocus: false
+  };
+  const Input = React.forwardRef(
+    (props, ref) => {
+      const { locale } = useConfig$1();
+      const {
+        type,
+        name,
+        placeholder,
+        align,
+        disabled,
+        readOnly,
+        maxLength,
+        clearable,
+        clearIcon,
+        formatTrigger,
+        autoFocus,
         style,
-        onClick: (e) => {
-          onClick && onClick(e);
-        },
-        children: slotInput ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `nut-input-label ${labelClass}`,
-              style: { width: `${labelWidth}px`, textAlign: labelAlign },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "label-string", children: [
-                label,
-                colon ? ":" : ""
-              ] })
-            }
-          ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "nut-input-inner",
-              onClick: (e) => {
-                handleClickInput(e);
-              },
-              children: slotInput
-            }
-          ) })
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          React.isValidElement(leftIcon) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "nut-input-left-icon",
-              onClick: (e) => {
-                handleClickLeftIcon(e);
-              },
-              children: leftIcon
-            }
-          ) : null,
-          label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `nut-input-label ${labelClass}`,
-              style: { width: `${labelWidth}px`, textAlign: labelAlign },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "label-string", children: [
-                label,
-                colon ? ":" : ""
-              ] })
-            }
-          ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-value", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-main-con", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "div",
-                {
-                  className: "nut-input-inner",
-                  onClick: (e) => {
-                    handleClickInput(e);
-                  },
-                  children: [
-                    type === "textarea" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "textarea",
-                      {
-                        name,
-                        className: "input-text",
-                        ref: inputRef,
-                        style: {
-                          textAlign: inputAlign,
-                          height: `${Number(rows) * 24}px`
-                        },
-                        maxLength: maxlength,
-                        placeholder: inputPlaceholder,
-                        disabled,
-                        readOnly: readonly,
-                        value: inputValue,
-                        autoFocus: autofocus,
-                        onBlur: (e) => {
-                          handleBlur(e);
-                        },
-                        onFocus: (e) => {
-                          handleFocus(e);
-                        },
-                        onInput: (e) => {
-                          handleInput(e);
-                        }
-                      }
-                    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "input",
-                      {
-                        ...rest,
-                        name,
-                        className: "input-text",
-                        ref: inputRef,
-                        style: { textAlign: inputAlign },
-                        type: inputType(type),
-                        maxLength: maxlength,
-                        placeholder: inputPlaceholder,
-                        disabled,
-                        readOnly: readonly,
-                        value: inputValue,
-                        autoFocus: autofocus,
-                        onBlur: (e) => {
-                          handleBlur(e);
-                        },
-                        onFocus: (e) => {
-                          handleFocus(e);
-                        },
-                        onInput: (e) => {
-                          handleInput(e);
-                        }
-                      }
-                    ),
-                    clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "span",
-                      {
-                        className: "nut-input-clear-wrap",
-                        onClick: (e) => handleClear(e),
-                        children: clearIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$c, { className: "nut-input-clear" })
-                      }
-                    ) : null
-                  ]
-                }
-              ),
-              React.isValidElement(rightIcon) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "div",
-                {
-                  className: "nut-input-right-icon",
-                  onClick: (e) => {
-                    handleClickRightIcon(e);
-                  },
-                  children: rightIcon
+        className,
+        onChange,
+        onFocus,
+        onBlur,
+        onClear,
+        formatter,
+        onClick,
+        confirmType,
+        defaultValue,
+        value: _value,
+        ...rest
+      } = {
+        ...defaultProps$V,
+        ...props
+      };
+      const [value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: "",
+        onChange
+      });
+      const inputRef = React.useRef(null);
+      const [active, setActive] = React.useState(false);
+      React.useImperativeHandle(ref, () => {
+        return {
+          clear: () => {
+            setValue("");
+          },
+          focus: () => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.focus();
+          },
+          blur: () => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.blur();
+          },
+          get nativeElement() {
+            return inputRef.current;
+          }
+        };
+      });
+      const inputClass = React.useCallback(() => {
+        const classPrefix2 = "nut-input";
+        return [classPrefix2, `${disabled ? `${classPrefix2}-disabled` : ""}`].filter(Boolean).join(" ");
+      }, [disabled]);
+      const [, updateState] = React.useState();
+      const forceUpdate = React.useCallback(() => updateState({}), []);
+      const updateValue = (value2, trigger = "onChange") => {
+        let val = value2;
+        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+          if (type === "number") {
+            val = formatNumber(val, false, true);
+          }
+          if (type === "digit") {
+            val = formatNumber(val, true, true);
+          }
+        }
+        if (formatter && trigger === formatTrigger) {
+          val = formatter(val);
+        }
+        setValue(val);
+        const eventHandler = props[trigger];
+        if (eventHandler && typeof eventHandler === "function") {
+          eventHandler(val);
+        }
+        forceUpdate();
+      };
+      const handleFocus = (event) => {
+        const val = event.target.value;
+        onFocus && onFocus(val);
+        setActive(true);
+      };
+      const handleInput = (value2) => {
+        updateValue(value2, "onChange");
+      };
+      const handleBlur = (event) => {
+        const val = event.target.value;
+        updateValue(val, "onBlur");
+        setTimeout(() => {
+          setActive(false);
+        }, 50);
+      };
+      const inputType = (type2) => {
+        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+          if (type2 === "digit") {
+            return "text";
+          }
+          if (type2 === "number") {
+            return "tel";
+          }
+        } else if (type2 === "password") {
+          return "text";
+        }
+        return type2;
+      };
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        components.View,
+        {
+          className: `${inputClass()}  ${className || ""}`,
+          style,
+          onClick: (e) => {
+            onClick && onClick(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              components.Input,
+              {
+                ...rest,
+                name,
+                className: "nut-input-native",
+                ref: inputRef,
+                style: { textAlign: align },
+                type: inputType(type),
+                password: type === "password",
+                maxlength: maxLength,
+                placeholder: placeholder || locale.placeholder,
+                disabled: disabled || readOnly,
+                value,
+                focus: autoFocus,
+                confirmType,
+                onBlur: (e) => {
+                  handleBlur(e);
+                },
+                onFocus: (e) => {
+                  handleFocus(e);
+                },
+                onInput: (e) => {
+                  handleInput(e.currentTarget.value);
                 }
-              ) : null,
-              slotButton ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-button", children: slotButton }) : null,
-              showWordLimit && maxlength ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-word-limit", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nut-input-word-num", children: inputValue ? inputValue.length : 0 }),
-                "/",
-                maxlength
-              ] }) : null
-            ] }),
-            errorMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              components.View,
               {
-                className: "nut-input-error-message",
                 style: {
-                  textAlign: errorMessageAlign
+                  display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
+                  alignItems: "center"
+                },
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (!disabled) {
+                    setTimeout(() => {
+                      setValue("");
+                      onClear && onClear("");
+                    }, 50);
+                  }
                 },
-                children: errorMessage
+                children: clearIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$c, { className: "nut-input-clear" })
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
-          ] })
-        ] })
-      }
-    );
-  });
-  Input.defaultProps = defaultProps$W;
+            )
+          ]
+        }
+      );
+    }
+  );
+  Input.defaultProps = defaultProps$V;
   Input.displayName = "NutInput";
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -10745,7 +10587,7 @@ var __publicField = (obj, key, value) => {
     digits: 0,
     async: false
   };
-  const classPrefix$2 = `nut-inputnumber`;
+  const classPrefix$3 = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -10770,7 +10612,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...restProps
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     const inputRef = React.useRef("");
@@ -10788,8 +10630,8 @@ var __publicField = (obj, key, value) => {
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$2}`]: true,
-        [`${classPrefix$2}--disabled`]: disabled
+        [`${classPrefix$3}`]: true,
+        [`${classPrefix$3}--disabled`]: disabled
       },
       className
     );
@@ -10961,9 +10803,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-add", children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$8, { className: iconAddClasses, onClick: addNumber }) })
     ] });
   };
-  InputNumber.defaultProps = defaultProps$V;
+  InputNumber.defaultProps = defaultProps$U;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnClickOverlay: true,
@@ -10982,7 +10824,7 @@ var __publicField = (obj, key, value) => {
       activeColor,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -11106,9 +10948,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Menu.defaultProps = defaultProps$U;
+  Menu.defaultProps = defaultProps$T;
   Menu.displayName = "NutMenu";
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -11138,7 +10980,7 @@ var __publicField = (obj, key, value) => {
       parent,
       index
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show);
@@ -11296,9 +11138,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   });
-  MenuItem.defaultProps = defaultProps$T;
+  MenuItem.defaultProps = defaultProps$S;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$S = {
+  const defaultProps$R = {
     confirmText: "",
     title: "",
     visible: false,
@@ -11530,14 +11372,14 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  NumberKeyboard.defaultProps = defaultProps$S;
+  NumberKeyboard.defaultProps = defaultProps$R;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const radioContext = {
     onChange: (val) => {
     }
   };
   const RadioContext = React.createContext(radioContext);
-  const defaultProps$R = {
+  const defaultProps$Q = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -11547,7 +11389,7 @@ var __publicField = (obj, key, value) => {
   };
   const RadioGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$R, ...props };
+      const { children } = { ...defaultProps$Q, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -11624,9 +11466,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$R;
+  RadioGroup.defaultProps = defaultProps$Q;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$Q = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -11643,7 +11485,7 @@ var __publicField = (obj, key, value) => {
   };
   const Radio = (props) => {
     const { children } = {
-      ...defaultProps$Q,
+      ...defaultProps$P,
       ...props
     };
     const {
@@ -11736,10 +11578,10 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Radio.defaultProps = defaultProps$Q;
+  Radio.defaultProps = defaultProps$P;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
-  const defaultProps$P = {
+  const defaultProps$O = {
     id: "",
     style: {},
     icon: null,
@@ -11794,7 +11636,7 @@ var __publicField = (obj, key, value) => {
       visible,
       onClose,
       ...rest
-    } = { ...defaultProps$P, ...props };
+    } = { ...defaultProps$O, ...props };
     let timer;
     const [openState, SetOpenState] = React.useState(false);
     React.useEffect(() => {
@@ -11885,9 +11727,9 @@ var __publicField = (obj, key, value) => {
       }
     ) : null });
   };
-  Toast.defaultProps = defaultProps$P;
+  Toast.defaultProps = defaultProps$O;
   Toast.displayName = "NutToast";
-  const defaultProps$O = {
+  const defaultProps$N = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -11923,8 +11765,8 @@ var __publicField = (obj, key, value) => {
       minDesc,
       maxDesc,
       curValueDesc
-    } = { ...defaultProps$O, ...props };
-    let { min, max, step } = { ...defaultProps$O, ...props };
+    } = { ...defaultProps$N, ...props };
+    let { min, max, step } = { ...defaultProps$N, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -12280,9 +12122,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   };
-  Range.defaultProps = defaultProps$O;
+  Range.defaultProps = defaultProps$N;
   Range.displayName = "NutRange";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -12307,7 +12149,7 @@ var __publicField = (obj, key, value) => {
       allowHalf,
       onChange
     } = {
-      ...defaultProps$N,
+      ...defaultProps$M,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -12392,9 +12234,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Rate.defaultProps = defaultProps$N;
+  Rate.defaultProps = defaultProps$M;
   Rate.displayName = "NutRate";
-  const defaultProps$M = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -12442,7 +12284,7 @@ var __publicField = (obj, key, value) => {
       onClickRightinIcon,
       onClickRightoutIcon
     } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const alignClass = `${align}`;
@@ -12628,9 +12470,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  SearchBar.defaultProps = defaultProps$M;
+  SearchBar.defaultProps = defaultProps$L;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -12793,9 +12635,9 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  ShortPassword.defaultProps = defaultProps$L;
+  ShortPassword.defaultProps = defaultProps$K;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$K = {
+  const defaultProps$J = {
     canvasId: "spcanvas",
     type: "png",
     lineWidth: 2,
@@ -12817,7 +12659,7 @@ var __publicField = (obj, key, value) => {
       onClear,
       ...rest
     } = {
-      ...defaultProps$K,
+      ...defaultProps$J,
       ...props
     };
     const b2 = cn("signature");
@@ -12981,9 +12823,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   };
-  Signature.defaultProps = defaultProps$K;
+  Signature.defaultProps = defaultProps$J;
   Signature.displayName = "NutSignature";
-  const defaultProps$J = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -13000,7 +12842,7 @@ var __publicField = (obj, key, value) => {
       style,
       onChange
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -13022,9 +12864,9 @@ var __publicField = (obj, key, value) => {
       activeText && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: value ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__label open`, children: activeText }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__label close`, children: inactiveText }) })
     ] }) });
   };
-  Switch.defaultProps = defaultProps$J;
+  Switch.defaultProps = defaultProps$I;
   Switch.displayName = "NutSwitch";
-  const defaultProps$I = {
+  const defaultProps$H = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -13052,7 +12894,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$H, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const compositingRef = React.useRef(false);
@@ -13147,9 +12989,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  TextArea.defaultProps = defaultProps$I;
+  TextArea.defaultProps = defaultProps$H;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -13168,7 +13010,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$G,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -13205,7 +13047,7 @@ var __publicField = (obj, key, value) => {
       }
     ) }) }) });
   };
-  Progress.defaultProps = defaultProps$H;
+  Progress.defaultProps = defaultProps$G;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -13350,7 +13192,7 @@ var __publicField = (obj, key, value) => {
       done();
     }
   };
-  const defaultProps$G = {
+  const defaultProps$F = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -13438,7 +13280,7 @@ var __publicField = (obj, key, value) => {
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$F, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -13801,9 +13643,9 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$G;
+  Uploader.defaultProps = defaultProps$F;
   Uploader.displayName = "NutUploader";
-  const defaultProps$F = {
+  const defaultProps$E = {
     cancelText: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -13837,7 +13679,7 @@ var __publicField = (obj, key, value) => {
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$E, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -13882,52 +13724,8 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$E;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$E = {
-    ...ComponentDefaults,
-    value: "",
-    dot: false,
-    max: 99,
-    top: "0",
-    right: "5",
-    color: ""
-  };
-  const Badge = (props) => {
-    const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$E,
-      ...props
-    };
-    const classPrefix2 = "nut-badge";
-    const classes = classNames(classPrefix2, className);
-    const contentClasses = classNames(
-      { [`${classPrefix2}__dot`]: dot },
-      `${classPrefix2}__content`,
-      `${classPrefix2}__sup`
-    );
-    function content() {
-      if (dot || typeof value === "object")
-        return null;
-      if (typeof value === "number" && typeof max === "number") {
-        return max < value ? `${max}+` : value;
-      }
-      return value;
-    }
-    const getStyle = () => {
-      const style2 = {};
-      style2.top = `${Number(top) || parseFloat(top) || 0}px`;
-      style2.right = `${Number(right) || parseFloat(right) || 0}px`;
-      style2.background = color;
-      return style2;
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style, children: [
-      typeof value === "object" && value && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__icon`, children: value }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: contentClasses, style: getStyle(), children: content() })
-    ] });
-  };
-  Badge.defaultProps = defaultProps$E;
-  Badge.displayName = "NutBadge";
   const Content = (props) => {
     const { visible, title, footer, footerDirection, onClick, children } = props;
     const classPrefix2 = "nut-dialog";
@@ -20318,7 +20116,7 @@ This message will only show in development mode. It won't appear in production.
     onClick: (event) => {
     }
   };
-  const classPrefix$1 = `nut-animate`;
+  const classPrefix$2 = `nut-animate`;
   const Animate = (props) => {
     const { className, type, action, loop: loop2, onClick, children, ...rest } = {
       ...defaultProps$s,
@@ -20327,7 +20125,7 @@ This message will only show in development mode. It won't appear in production.
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$1}-${type}`]: action === "initial" || clicked ? type : false,
+      [`${classPrefix$2}-${type}`]: action === "initial" || clicked ? type : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -20683,22 +20481,24 @@ This message will only show in development mode. It won't appear in production.
   AvatarGroup.defaultProps = defaultProps$o;
   AvatarGroup.displayName = "NutAvatarGroup";
   const defaultProps$n = {
+    ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
-    circleColor: "#fa2c19",
-    pathColor: "#e5e9f2",
+    color: "#fa2c19",
+    background: "#e5e9f2",
     clockwise: true
   };
+  const classPrefix$1 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     const {
       children,
-      progress,
+      percent,
       className,
       radius,
-      pathColor,
+      background,
       clockwise,
-      circleColor,
+      color,
       strokeWidth,
       style,
       strokeLinecap,
@@ -20707,45 +20507,39 @@ This message will only show in development mode. It won't appear in production.
       ...defaultProps$n,
       ...props
     };
-    const [oldValue, setOldValue] = React.useState(progress);
-    const b2 = cn("circleprogress");
-    const classes = classNames(className, b2(""));
+    const [oldValue, setOldValue] = React.useState(percent);
+    const classes = classNames(className, classPrefix$1);
     const refRandomId = Math.random().toString(36).slice(-8);
+    const animateIdRef = React.useRef(0);
     const styles = {
       height: `${Number(radius) * 2}px`,
       width: `${Number(radius) * 2}px`,
       ...style
     };
     React.useEffect(() => {
-      let rafId;
       const startTime = Date.now();
       const startRate = Number(oldValue);
-      const endRate = Number(progress);
+      const endRate = Number(percent);
       const duration = Math.abs((startRate - endRate) * 1e3 / 100);
       const animate = () => {
         const now = Date.now();
-        const progress2 = Math.min((now - startTime) / duration, 1);
-        const rate = progress2 * (endRate - startRate) + startRate;
+        const progress = Math.min((now - startTime) / duration, 1);
+        const rate = progress * (endRate - startRate) + startRate;
         setOldValue(Math.min(Math.max(+rate, 0), 100));
         if (endRate > startRate ? rate < endRate : rate > endRate) {
-          rafId = window.requestAnimationFrame(animate);
+          animateIdRef.current = window.requestAnimationFrame(animate);
         }
       };
-      if (rafId) {
-        cancelAnimationFrame2(rafId);
-      }
-      rafId = window.requestAnimationFrame(animate);
-    }, [progress]);
-    const cancelAnimationFrame2 = function(id) {
-      clearTimeout(id);
-    };
+      animateIdRef.current = window.requestAnimationFrame(animate);
+      return () => window.cancelAnimationFrame(animateIdRef.current);
+    }, [percent]);
     const stop2 = () => {
-      if (!isObject(circleColor)) {
+      if (!isObject(props.color)) {
         return [];
       }
-      const color = circleColor;
-      const colorArr = Object.keys(color).sort(
-        (a2, b22) => parseFloat(a2) - parseFloat(b22)
+      const color2 = props.color;
+      const colorArr = Object.keys(color2).sort(
+        (a2, b2) => parseFloat(a2) - parseFloat(b2)
       );
       const stopArr = [];
       colorArr.map((item) => {
@@ -20754,15 +20548,15 @@ This message will only show in development mode. It won't appear in production.
           value: ""
         };
         obj.key = item;
-        obj.value = color[item];
+        obj.value = color2[item];
         stopArr.push(obj);
       });
       return stopArr;
     };
-    const transColor = (color) => {
-      return color && color.replace("#", "%23");
+    const transColor = (color2) => {
+      return color2 && color2.replace("#", "%23");
     };
-    const format = (progress2) => Math.min(Math.max(+progress2, 0), 100);
+    const format = (progress) => Math.min(Math.max(+progress, 0), 100);
     const circleStyle = () => {
       const stopArr = stop2();
       const stopDom = [];
@@ -20776,17 +20570,17 @@ This message will only show in development mode. It won't appear in production.
         });
       }
       const perimeter = 283;
-      const progress2 = +oldValue;
-      const offset = perimeter * Number(format(parseFloat(progress2.toFixed(1)))) / 100;
+      const progress = +oldValue;
+      const offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
       const isWise = props.clockwise ? 1 : 0;
-      const color = isObject(circleColor) ? `url(%23${refRandomId})` : transColor(circleColor);
+      const color2 = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
       const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
       const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
       const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
-        props.pathColor
+        props.background
       )}' fill='none'/%3E`;
       const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(
-        color
+        color2
       )}' fill='none'/%3E`;
       return {
         background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
@@ -20796,10 +20590,7 @@ This message will only show in development mode. It won't appear in production.
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style: styles, ...restProps, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: circleStyle() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-circleprogress-text", children: children || /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        progress,
-        "%"
-      ] }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-circleprogress-text", children })
     ] });
   };
   CircleProgress.defaultProps = defaultProps$n;