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

package/dist/nutui.react.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.0-alpha.3 Fri Apr 28 2023 15:57:49 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.4 Fri May 05 2023 16:12:43 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3285,7 +3285,7 @@ const defaultProps$1q = {
   onClick: (event) => {
   }
 };
-const classPrefix$9 = "nut-cell";
+const classPrefix$a = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -3316,24 +3316,24 @@ const Cell = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: classNames(classPrefix$9, className),
+      className: classNames(classPrefix$a, className),
       onClick: (event) => handleClick2(event),
       style: baseStyle,
       ...rest,
       children: children || /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        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
+        title || description ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix$a}__left`, children: [
+          title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$a}__title`, children: title }) : null,
+          description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$a}__description`, children: description }) : null
         ] }) : null,
         extra ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
           {
-            className: `${classPrefix$9}__extra`,
+            className: `${classPrefix$a}__extra`,
             style: styles,
             children: extra
           }
         ) : null,
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$9}__divider` })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$a}__divider` })
       ] })
     }
   );
@@ -3345,16 +3345,16 @@ const defaultProps$1p = {
   title: "",
   description: ""
 };
-const classPrefix$8 = "nut-cell-group";
+const classPrefix$9 = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, style, title, description, ...rest } = {
     ...defaultProps$1p,
     ...props
   };
-  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 })
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$9, className), ...rest, 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,
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$9}__wrap`, children })
   ] });
 };
 CellGroup.defaultProps = defaultProps$1p;
@@ -3829,7 +3829,7 @@ const defaultProps$1n = {
   loading: true,
   lazy: false
 };
-const classPrefix$7 = "nut-image";
+const classPrefix$8 = "nut-image";
 const Image$1 = (props) => {
   const {
     className,
@@ -3945,7 +3945,7 @@ const Image$1 = (props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: classNames(classPrefix$7, className),
+      className: classNames(classPrefix$8, className),
       style: containerStyle,
       onClick: (e) => {
         imageClick(e);
@@ -4113,21 +4113,21 @@ const defaultProps$1l = {
   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$1l,
     ...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 });
 };
@@ -4288,7 +4288,7 @@ const Layout = (props) => {
 };
 Layout.defaultProps = defaultProps$1i;
 Layout.displayName = "NutLayout";
-const classPrefix$5 = "nut-row";
+const classPrefix$6 = "nut-row";
 const defaultProps$1h = {
   ...ComponentDefaults,
   type: "",
@@ -4323,7 +4323,7 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$5}
+    ${classPrefix$6}
    `;
   };
   const parentRow = {
@@ -4422,7 +4422,7 @@ const defaultProps$1g = {
   threshold: 0,
   zIndex: 2e3
 };
-const classPrefix$4 = "nut-sticky";
+const classPrefix$5 = "nut-sticky";
 const Sticky = (props) => {
   const {
     position,
@@ -4544,7 +4544,7 @@ const Sticky = (props) => {
     {
       ref: rootRef,
       style: { ...style, ...rootStyle },
-      className: classNames(classPrefix$4, className),
+      className: classNames(classPrefix$5, className),
       ...rest,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-sticky--box", ref: stickyRef, style: stickyStyle, children })
     }
@@ -12221,280 +12221,189 @@ const SubSideNavBar = (props) => {
     /* @__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 r(r2) {
-    function t2(t3, i, a2, o) {
-      var f = i ? e + t3 + r2.e + i : e + t3, v = f;
-      if (a2) {
-        var s = " " + v + r2.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 l2 = o[y2];
-          if (l2 && "string" == typeof l2.valueOf())
-            for (var g = l2.valueOf().split(" "), d = 0; d < g.length; d++) {
-              var h = g[d];
-              h !== f && (v += " " + h);
-            }
-        }
-      return v;
-    }
-    var e = r2.n || "", n = r2.v || r2.m;
-    return function(r3, e2) {
-      return function(n2, i, a2) {
-        return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r3, n2, void 0, i) : t2(r3, n2, i, a2) : t2(r3, e2, n2, i);
-      };
-    };
+function usePropsValue({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = (value2) => {
   }
-  Object.defineProperty(classname_production_min, "__esModule", { value: true });
-  var t = r({ e: "-", m: "_" });
-  classname_production_min.cn = t, classname_production_min.withNaming = r;
-  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(b, e, m, mix) {
-      var entityName = e ? nameSpace + b + preset.e + e : nameSpace + b;
-      var className = entityName;
-      if (m) {
-        var modPrefix = " " + className + preset.m;
-        for (var k2 in m) {
-          if (m.hasOwnProperty(k2)) {
-            var modVal = m[k2];
-            if (modVal === true) {
-              className += modPrefix + k2;
-            } else if (modVal) {
-              className += modPrefix + k2 + 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(b, e) {
-      return function(elemOrMods, elemModsOrBlockMix, elemMix) {
-        if (typeof elemOrMods === "string") {
-          if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
-            return stringify(b, elemOrMods, void 0, elemModsOrBlockMix);
-          }
-          return stringify(b, elemOrMods, elemModsOrBlockMix, elemMix);
-        }
-        return stringify(b, e, elemOrMods, elemModsOrBlockMix);
-      };
-    };
+}) {
+  const [uncontrolled, setUncontrolled] = 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(module) {
-  if (process.env.NODE_ENV === "production") {
-    module.exports = requireClassname_production_min();
-  } else {
-    module.exports = requireClassname_development();
-  }
-})(classname);
-const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const defaultProps$18 = {
-  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$18,
     ...props
   };
-  const b = cn("tabbar");
-  const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
-  const handleClick2 = (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;
   };
-  useEffect(() => {
-    if (activeVisible !== void 0) {
-      setSelectIndex(activeVisible);
-    }
-  }, [activeVisible]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: [
-        `${b()}`,
-        bottom ? `${b("bottom")}` : "",
-        safeAreaInsetBottom ? `${b("bottom")} ${b("safebottom")}` : "",
-        className
-      ].join(" "),
-      style,
-      children: React__default.Children.map(children, (child, idx) => {
-        if (!React__default.isValidElement(child)) {
-          return null;
-        }
-        const childProps = {
-          ...child.props,
-          active: idx === selectIndex,
-          index: idx,
-          unactiveColor,
-          activeColor,
-          size,
-          handleClick: () => {
-            handleClick2(idx);
-            onSwitch(child, idx);
-          }
-        };
-        return React__default.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$18;
-Tabbar.displayName = "NutTabbar";
+Badge.defaultProps = defaultProps$18;
+Badge.displayName = "NutBadge";
 const defaultProps$17 = {
   ...ComponentDefaults,
-  dot: false,
-  className: "",
-  tabTitle: "",
+  title: "",
   icon: null,
-  href: "",
-  num: "",
   active: false,
-  activeColor: "",
-  unactiveColor: "",
   index: 0,
   handleClick: (idx) => {
   }
 };
 const TabbarItem = (props) => {
   const {
-    dot,
     className,
     style,
-    tabTitle,
+    title,
     icon,
-    href,
-    num,
     active,
     activeColor,
-    unactiveColor,
+    inactiveColor,
     index,
-    handleClick: handleClick2
+    handleClick: handleClick2,
+    ...rest
   } = {
     ...defaultProps$17,
     ...props
   };
-  const b = cn("tabbar-item");
-  const bIcon = cn("tabbar-item__icon-box");
-  useEffect(() => {
-    if (active && href) {
-      window.location.href = href;
-    }
-  }, [active, href]);
-  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: `${b({ active })} ${className}`,
+      className: tabbarItemClass,
       style: {
-        ...style,
-        color: active ? activeColor : unactiveColor
-      },
-      onClick: () => {
-        handleClick2(index);
+        color: active ? activeColor : inactiveColor,
+        ...style
       },
+      onClick: () => handleClick2(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$16 = {
+  ...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$16,
+    ...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__default.Children.map(children, (child, idx) => {
+          if (!React__default.isValidElement(child)) {
+            return null;
           }
-        )
+          const childProps = {
+            ...child.props,
+            active: idx === selectIndex,
+            index: idx,
+            inactiveColor,
+            activeColor,
+            handleClick: setSelectIndex
+          };
+          return React__default.cloneElement(child, childProps);
+        }) }),
+        (fixed || safeArea) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__safe-area` })
       ]
     }
   );
 };
-const defaultProps$16 = {
+Tabbar.defaultProps = defaultProps$16;
+Tabbar.displayName = "NutTabbar";
+Tabbar.Item = TabbarItem;
+const defaultProps$15 = {
   title: "",
   value: "",
   disabled: false
 };
 const TabPane = (props) => {
   const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps$16,
+    ...defaultProps$15,
     ...props
   };
   const classPrefix2 = "nut-tabpane";
@@ -12521,26 +12430,7 @@ function requestAniFrame() {
   }
 }
 const requestAniFrame$1 = requestAniFrame();
-function usePropsValue({
-  value,
-  defaultValue,
-  finalValue,
-  onChange = (value2) => {
-  }
-}) {
-  const [uncontrolled, setUncontrolled] = 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$15 = {
+const defaultProps$14 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -12549,7 +12439,7 @@ const defaultProps$15 = {
   duration: 300,
   autoHeight: false
 };
-const classPrefix$3 = "nut-tabs";
+const classPrefix$4 = "nut-tabs";
 const Tabs = (props) => {
   const {
     activeColor,
@@ -12566,7 +12456,7 @@ const Tabs = (props) => {
     autoHeight,
     ...rest
   } = {
-    ...defaultProps$15,
+    ...defaultProps$14,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -12628,14 +12518,14 @@ const Tabs = (props) => {
   };
   const titles = 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 : "",
@@ -12664,7 +12554,7 @@ const Tabs = (props) => {
           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
@@ -12674,14 +12564,14 @@ const Tabs = (props) => {
             activeType === "line" && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: `${classPrefix$3}__titles-item__line`,
+                className: `${classPrefix$4}__titles-item__line`,
                 style: tabsActiveStyle
               }
             ),
             activeType === "smile" && /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",
               {
-                className: `${classPrefix$3}__titles-item__smile`,
+                className: `${classPrefix$4}__titles-item__smile`,
                 style: tabsActiveStyle,
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(x$7, { color: activeColor, width: 40, height: 20 })
               }
@@ -12693,7 +12583,7 @@ const Tabs = (props) => {
                   {
                     ellipsis: true
                   },
-                  `${classPrefix$3}__titles-item__text`
+                  `${classPrefix$4}__titles-item__text`
                 ),
                 children: item.title
               }
@@ -12703,28 +12593,148 @@ const Tabs = (props) => {
         item.value
       );
     }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$3}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$3}__content`, style: contentStyle, children: React__default.Children.map(children, (child, idx) => {
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$4}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$4}__content`, style: contentStyle, children: React__default.Children.map(children, (child, idx) => {
       if (!React__default.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__default.cloneElement(child, childProps);
+    }) }) })
+  ] });
+};
+Tabs.defaultProps = defaultProps$14;
+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 r(r2) {
+    function t2(t3, i, a2, o) {
+      var f = i ? e + t3 + r2.e + i : e + t3, v = f;
+      if (a2) {
+        var s = " " + v + r2.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 l2 = o[y2];
+          if (l2 && "string" == typeof l2.valueOf())
+            for (var g = l2.valueOf().split(" "), d = 0; d < g.length; d++) {
+              var h = g[d];
+              h !== f && (v += " " + h);
+            }
+        }
+      return v;
+    }
+    var e = r2.n || "", n = r2.v || r2.m;
+    return function(r3, e2) {
+      return function(n2, i, a2) {
+        return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r3, n2, void 0, i) : t2(r3, n2, i, a2) : t2(r3, 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 = r({ e: "-", m: "_" });
+  classname_production_min.cn = t, classname_production_min.withNaming = r;
+  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(b, e, m, mix) {
+      var entityName = e ? nameSpace + b + preset.e + e : nameSpace + b;
+      var className = entityName;
+      if (m) {
+        var modPrefix = " " + className + preset.m;
+        for (var k2 in m) {
+          if (m.hasOwnProperty(k2)) {
+            var modVal = m[k2];
+            if (modVal === true) {
+              className += modPrefix + k2;
+            } else if (modVal) {
+              className += modPrefix + k2 + modValueDelimiter + modVal;
+            }
+          }
+        }
       }
-      return React__default.cloneElement(child, childProps);
-    }) }) })
-  ] });
-};
-Tabs.defaultProps = defaultProps$15;
-Tabs.displayName = "NutTabs";
-Tabs.TabPane = TabPane;
-const defaultProps$14 = {
+      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(b, e) {
+      return function(elemOrMods, elemModsOrBlockMix, elemMix) {
+        if (typeof elemOrMods === "string") {
+          if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+            return stringify(b, elemOrMods, void 0, elemModsOrBlockMix);
+          }
+          return stringify(b, elemOrMods, elemModsOrBlockMix, elemMix);
+        }
+        return stringify(b, e, elemOrMods, elemModsOrBlockMix);
+      };
+    };
+  }
+  var cn2 = withNaming({
+    e: "-",
+    m: "_"
+  });
+  classname_development.cn = cn2;
+  classname_development.withNaming = withNaming;
+  return classname_development;
+}
+(function(module) {
+  if (process.env.NODE_ENV === "production") {
+    module.exports = requireClassname_production_min();
+  } else {
+    module.exports = requireClassname_development();
+  }
+})(classname);
+const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
+const defaultProps$13 = {
   type: "custom",
   existAddress: [],
   defaultIcon: null,
@@ -12746,7 +12756,7 @@ const ExistRender = (props) => {
     onClose,
     onSwitchModule,
     ...rest
-  } = { ...defaultProps$14, ...props };
+  } = { ...defaultProps$13, ...props };
   const b = cn("address");
   const selectedExist = (item) => {
     const copyExistAdd = existAddress;
@@ -12788,7 +12798,7 @@ const ExistRender = (props) => {
     isShowCustomAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("choose-other"), onClick: onSwitch, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b("choose-other-btn"), children: customAndExistTitle || locale.address.chooseAnotherAddress }) })
   ] });
 };
-const defaultProps$13 = {
+const defaultProps$12 = {
   modelValue: [],
   type: "custom",
   province: [],
@@ -12813,7 +12823,7 @@ const CustomRender = (props) => {
     onClose,
     ...rest
   } = {
-    ...defaultProps$13,
+    ...defaultProps$12,
     ...props
   };
   const b = cn("address");
@@ -12982,28 +12992,28 @@ const CustomRender = (props) => {
     nextAreaList(item);
   };
   useEffect(() => {
-    const { province: province2 } = { ...defaultProps$13, ...props };
+    const { province: province2 } = { ...defaultProps$12, ...props };
     setRegionList({
       ...regionList,
       province: isCustom2() ? transformData(province2) : province2
     });
   }, [province]);
   useEffect(() => {
-    const { city: city2 } = { ...defaultProps$13, ...props };
+    const { city: city2 } = { ...defaultProps$12, ...props };
     setRegionList({
       ...regionList,
       city: isCustom2() ? transformData(city2) : city2
     });
   }, [city]);
   useEffect(() => {
-    const { country: country2 } = { ...defaultProps$13, ...props };
+    const { country: country2 } = { ...defaultProps$12, ...props };
     setRegionList({
       ...regionList,
       country: isCustom2() ? transformData(country2) : country2
     });
   }, [country]);
   useEffect(() => {
-    const { town: town2 } = { ...defaultProps$13, ...props };
+    const { town: town2 } = { ...defaultProps$12, ...props };
     setRegionList({
       ...regionList,
       town: isCustom2() ? transformData(town2) : town2
@@ -13078,7 +13088,7 @@ const CustomRender = (props) => {
     ) })
   ] });
 };
-const defaultProps$12 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   modelValue: false,
   modelSelect: [],
@@ -13129,7 +13139,7 @@ const Address = (props) => {
     className,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$11,
     ...props
   };
   const b = cn("address");
@@ -13287,7 +13297,7 @@ const Address = (props) => {
     }
   ) });
 };
-Address.defaultProps = defaultProps$12;
+Address.defaultProps = defaultProps$11;
 Address.displayName = "NutAddress";
 const Utils = {
   /**
@@ -13407,7 +13417,7 @@ const Utils = {
     return false;
   }
 };
-const defaultProps$11 = {
+const defaultProps$10 = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -13459,7 +13469,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onSelected,
     onYearMonthChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$10, ...props };
   const weeks = locale.calendaritem.weekdays;
   const [yearMonthTitle, setYearMonthTitle] = useState("");
   const [monthsData, setMonthsData] = useState([]);
@@ -14055,9 +14065,9 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     poppable && !isAutoBackFill ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-calendar-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-confirm-btn", onClick: confirm2, children: confirmText || locale.confirm }) }) : ""
   ] }) });
 });
-CalendarItem.defaultProps = defaultProps$11;
+CalendarItem.defaultProps = defaultProps$10;
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$10 = {
+const defaultProps$$ = {
   type: "one",
   isAutoBackFill: false,
   poppable: true,
@@ -14112,7 +14122,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onChoose,
     onSelected,
     onYearMonthChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$$, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -14182,9 +14192,9 @@ const Calendar = React__default.forwardRef((props, ref) => {
     }
   ) : renderItem() });
 });
-Calendar.defaultProps = defaultProps$10;
+Calendar.defaultProps = defaultProps$$;
 Calendar.displayName = "NutCalendar";
-const defaultProps$$ = {
+const defaultProps$_ = {
   data: {
     text: "",
     value: "",
@@ -14201,7 +14211,7 @@ const defaultProps$$ = {
 };
 const InternalCascaderItem = (props, ref) => {
   const { data, checked, checkedIcon, chooseItem, activeColor } = {
-    ...defaultProps$$,
+    ...defaultProps$_,
     ...props
   };
   const b = cn("cascader-item");
@@ -14240,7 +14250,7 @@ const InternalCascaderItem = (props, ref) => {
   );
 };
 const CascaderItem = React__default.forwardRef(InternalCascaderItem);
-CascaderItem.defaultProps = defaultProps$$;
+CascaderItem.defaultProps = defaultProps$_;
 CascaderItem.displayName = "NutCascaderItem";
 const formatTree = (tree, parent, config2) => tree.map((node) => {
   const {
@@ -14378,7 +14388,7 @@ class Tree {
   }
 }
 const Tree$1 = Tree;
-const defaultProps$_ = {
+const defaultProps$Z = {
   className: "",
   style: {},
   activeColor: "",
@@ -14429,7 +14439,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$_, ...props };
+  } = { ...defaultProps$Z, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -14704,11 +14714,11 @@ const InternalCascader = (props, ref) => {
   ) : renderItem() });
 };
 const Cascader = React__default.forwardRef(InternalCascader);
-Cascader.defaultProps = defaultProps$_;
+Cascader.defaultProps = defaultProps$Z;
 Cascader.displayName = "NutCascader";
 const CheckboxGroupContext = createContext(null);
 const Context = CheckboxGroupContext;
-const defaultProps$Z = {
+const defaultProps$Y = {
   disabled: false,
   max: void 0,
   textPosition: "right",
@@ -14719,7 +14729,7 @@ const defaultProps$Z = {
 };
 const CheckboxGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$Z, ...props };
+    const { children } = { ...defaultProps$Y, ...props };
     const b = cn("checkboxgroup");
     const {
       className,
@@ -14808,9 +14818,9 @@ const CheckboxGroup = React__default.forwardRef(
     );
   }
 );
-CheckboxGroup.defaultProps = defaultProps$Z;
+CheckboxGroup.defaultProps = defaultProps$Y;
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$Y = {
+const defaultProps$X = {
   ...ComponentDefaults,
   disabled: false,
   textPosition: "right",
@@ -14825,7 +14835,7 @@ const defaultProps$Y = {
 };
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$Y,
+    ...defaultProps$X,
     ...props
   };
   const b = cn("checkbox");
@@ -14923,7 +14933,7 @@ const Checkbox = (props) => {
     }
   );
 };
-Checkbox.defaultProps = defaultProps$Y;
+Checkbox.defaultProps = defaultProps$X;
 Checkbox.displayName = "NutCheckBox";
 Checkbox.Group = CheckboxGroup;
 const MIN_DISTANCE = 10;
@@ -15430,7 +15440,7 @@ const InternalPicker = (props, ref) => {
 const Picker = React__default.forwardRef(InternalPicker);
 const Picker$1 = Picker;
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$X = {
+const defaultProps$W = {
   modelValue: null,
   visible: false,
   title: "",
@@ -15461,7 +15471,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$X,
+    ...defaultProps$W,
     ...props
   };
   const { locale } = useConfig();
@@ -15738,7 +15748,7 @@ const DatePicker = (props) => {
     }
   );
 };
-DatePicker.defaultProps = defaultProps$X;
+DatePicker.defaultProps = defaultProps$W;
 DatePicker.displayName = "NutDatePicker";
 const FormItemContext = createContext({});
 function _extends() {
@@ -16929,7 +16939,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$W = {
+const defaultProps$V = {
   ...ComponentDefaults,
   name: "",
   label: "",
@@ -16991,7 +17001,7 @@ class FormItem extends React__default.Component {
         showErrorLine,
         showErrorMessage
       } = {
-        ...defaultProps$W,
+        ...defaultProps$V,
         ...this.props
       };
       const item = ((_a2 = this.context.errList) == null ? void 0 : _a2.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -17058,9 +17068,9 @@ class FormItem extends React__default.Component {
     return this.renderLayout(returnChildNode);
   }
 }
-__publicField(FormItem, "defaultProps", defaultProps$W);
+__publicField(FormItem, "defaultProps", defaultProps$V);
 __publicField(FormItem, "contextType", FormItemContext);
-const defaultProps$V = {
+const defaultProps$U = {
   ...ComponentDefaults,
   className: "",
   style: void 0,
@@ -17088,7 +17098,7 @@ const Form = (props) => {
     form,
     ...rest
   } = {
-    ...defaultProps$V,
+    ...defaultProps$U,
     ...props
   };
   let formInstance = {};
@@ -17112,392 +17122,225 @@ const Form = (props) => {
         e.preventDefault();
         submit();
       },
-      onReset: (e) => {
-        e.preventDefault();
-        resetFields();
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(CellGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormItemContext.Provider, { value: formInstance, children }) })
-    }
-  );
-};
-Form.defaultProps = defaultProps$V;
-Form.displayName = "NutForm";
-Form.Item = FormItem;
-Form.useForm = useForm;
-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$U = {
-  ...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 = forwardRef((props, ref) => {
-  const { locale } = useConfig();
-  const {
-    children,
-    type: type4,
-    name,
-    defaultValue,
-    placeholder,
-    label,
-    labelClass,
-    labelWidth,
-    labelAlign,
-    colon,
-    inputAlign,
-    center,
-    required: required4,
-    disabled,
-    readonly,
-    error,
-    maxlength,
-    leftIcon,
-    rightIcon,
-    clearable,
-    clearIcon,
-    clearSize,
-    border,
-    formatTrigger,
-    rules: rules2,
-    errorMessage,
-    errorMessageAlign,
-    showWordLimit,
-    autofocus,
-    style,
-    className,
-    rows,
-    slotButton,
-    slotInput,
-    onChange,
-    onBlur,
-    onFocus,
-    onClear,
-    formatter,
-    keypress,
-    onClickInput,
-    onClickLeftIcon,
-    onClickRightIcon,
-    onClick,
-    ...rest
-  } = {
-    ...defaultProps$U,
-    ...props
-  };
-  const inputPlaceholder = placeholder || locale.placeholder;
-  const [inputValue, SetInputValue] = useState("");
-  const [active, SetActive] = useState(false);
-  const [classes, setClasses] = useState("");
-  const getModelValue = () => String(inputValue ?? "");
-  const inputRef = useRef(null);
-  useEffect(() => {
-    setClasses(inputClass);
-    SetInputValue(defaultValue);
-  }, [defaultValue]);
-  useEffect(() => {
-    if (inputValue) {
-      updateValue(getModelValue());
-      resetValidation();
-    }
-  }, [inputValue]);
-  useImperativeHandle(ref, () => {
-    return inputRef.current;
-  });
-  const inputClass = useCallback(() => {
-    const prefixCls2 = "nut-input";
-    return [
-      prefixCls2,
-      `${center ? "center" : ""}`,
-      `${disabled ? `${prefixCls2}-disabled` : ""}`,
-      `${required4 ? `${prefixCls2}-required` : ""}`,
-      `${error ? `${prefixCls2}-error` : ""}`,
-      `${border ? `${prefixCls2}-border` : ""}`,
-      `${slotButton || rightIcon ? `${prefixCls2}-right-mark` : ""}`
-    ].filter(Boolean).join(" ");
-  }, [disabled, required4, error, border, slotButton, rightIcon, center]);
-  useEffect(() => {
-    setClasses(inputClass);
-  }, [disabled, required4, error, border, slotButton, rightIcon, center]);
-  const updateValue = (value, trigger = "onChange", event) => {
-    var _a2;
-    let val = value;
-    if (type4 === "digit" || type4 === "tel") {
-      val = formatNumber(val, false, false);
-    }
-    if (type4 === "number") {
-      val = formatNumber(val, true, true);
-    }
-    if (type4 === "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 (((_a2 = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a2.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 = (type22) => {
-    if (type22 === "number") {
-      return "text";
-    }
-    if (type22 === "digit") {
-      return "tel";
+      onReset: (e) => {
+        e.preventDefault();
+        resetFields();
+      },
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(CellGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(FormItemContext.Provider, { value: formInstance, children }) })
     }
-    return type22;
-  };
-  const handleClear = (event) => {
-    updateValue("");
-    onClear && onClear("", event);
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: `${classes}  ${className || ""}`,
+  );
+};
+Form.defaultProps = defaultProps$U;
+Form.displayName = "NutForm";
+Form.Item = FormItem;
+Form.useForm = useForm;
+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$T = {
+  ...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 = forwardRef(
+  (props, ref) => {
+    const { locale } = useConfig();
+    const {
+      type: type4,
+      name,
+      placeholder,
+      align,
+      disabled,
+      readOnly,
+      maxLength,
+      clearable,
+      clearIcon,
+      formatTrigger,
+      autoFocus,
       style,
-      ...rest,
-      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__default.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: [
-                  type4 === "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",
-                    {
-                      name,
-                      className: "input-text",
-                      ref: inputRef,
-                      style: { textAlign: inputAlign },
-                      type: inputType(type4),
-                      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(x$4, { className: "nut-input-clear" })
-                    }
-                  ) : null
-                ]
-              }
-            ),
-            React__default.isValidElement(rightIcon) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
-              {
-                className: "nut-input-right-icon",
-                onClick: (e) => {
-                  handleClickRightIcon(e);
-                },
-                children: rightIcon
+      className,
+      onChange,
+      onFocus,
+      onClear,
+      formatter,
+      onClick,
+      confirmType,
+      defaultValue,
+      value: _value,
+      ...rest
+    } = {
+      ...defaultProps$T,
+      ...props
+    };
+    const [value, setValue] = usePropsValue({
+      value: props.value,
+      defaultValue: props.defaultValue,
+      finalValue: "",
+      onChange
+    });
+    const inputRef = useRef(null);
+    const composingRef = useRef(false);
+    const [active, setActive] = useState(false);
+    useImperativeHandle(ref, () => {
+      return {
+        clear: () => {
+          setValue("");
+        },
+        focus: () => {
+          var _a2;
+          (_a2 = inputRef.current) == null ? void 0 : _a2.focus();
+        },
+        blur: () => {
+          var _a2;
+          (_a2 = inputRef.current) == null ? void 0 : _a2.blur();
+        },
+        get nativeElement() {
+          return inputRef.current;
+        }
+      };
+    });
+    const inputClass = useCallback(() => {
+      const classPrefix2 = "nut-input";
+      return [classPrefix2, `${disabled ? `${classPrefix2}-disabled` : ""}`].filter(Boolean).join(" ");
+    }, [disabled]);
+    const updateValue = (value2, trigger = "onChange") => {
+      let val = value2;
+      if (type4 === "number") {
+        val = formatNumber(val, false, true);
+      }
+      if (type4 === "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);
+      }
+    };
+    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");
+      setActive(false);
+    };
+    const inputType = (type22) => {
+      if (type22 === "digit") {
+        return "text";
+      }
+      if (type22 === "number") {
+        return "tel";
+      }
+      return type22;
+    };
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `${inputClass()}  ${className || ""}`,
+        style,
+        onClick: (e) => {
+          onClick && onClick(e);
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              ...rest,
+              name,
+              className: "nut-input-native",
+              ref: inputRef,
+              style: { textAlign: align },
+              type: inputType(type4),
+              maxLength,
+              placeholder: placeholder || locale.placeholder,
+              disabled,
+              readOnly,
+              value,
+              autoFocus,
+              enterKeyHint: confirmType,
+              onBlur: (e) => {
+                handleBlur(e);
+              },
+              onFocus: (e) => {
+                handleFocus(e);
+              },
+              onChange: (e) => {
+                handleInput(e.currentTarget.value);
+              },
+              onCompositionStart: (e) => {
+                var _a2;
+                composingRef.current = true;
+                (_a2 = props.onCompositionStart) == null ? void 0 : _a2.call(props, e);
+              },
+              onCompositionEnd: (e) => {
+                var _a2;
+                composingRef.current = false;
+                (_a2 = props.onCompositionEnd) == null ? void 0 : _a2.call(props, e);
               }
-            ) : 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",
+            }
+          ),
+          clearable && !readOnly && active && value.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "span",
             {
-              className: "nut-input-error-message",
-              style: {
-                textAlign: errorMessageAlign
+              style: { display: "flex", alignItems: "center" },
+              onClick: () => {
+                if (!disabled) {
+                  setValue("");
+                  onClear && onClear("");
+                }
               },
-              children: errorMessage
+              children: clearIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(x$4, { className: "nut-input-clear" })
             }
-          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
-        ] })
-      ] })
-    }
-  );
-});
-Input.defaultProps = defaultProps$U;
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Input.defaultProps = defaultProps$T;
 Input.displayName = "NutInput";
-const defaultProps$T = {
+const defaultProps$S = {
   ...ComponentDefaults,
   disabled: false,
   min: 1,
@@ -17509,7 +17352,7 @@ const defaultProps$T = {
   digits: 0,
   async: false
 };
-const classPrefix$2 = `nut-inputnumber`;
+const classPrefix$3 = `nut-inputnumber`;
 const InputNumber = (props) => {
   const {
     children,
@@ -17534,7 +17377,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$T,
+    ...defaultProps$S,
     ...props
   };
   const inputRef = useRef("");
@@ -17552,8 +17395,8 @@ const InputNumber = (props) => {
   }, []);
   const classes = classNames(
     {
-      [`${classPrefix$2}`]: true,
-      [`${classPrefix$2}--disabled`]: disabled
+      [`${classPrefix$3}`]: true,
+      [`${classPrefix$3}--disabled`]: disabled
     },
     className
   );
@@ -17735,9 +17578,9 @@ const InputNumber = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-add", children: /* @__PURE__ */ jsxRuntimeExports.jsx(y$3, { className: iconAddClasses, onClick: (e) => addNumber(e) }) })
   ] });
 };
-InputNumber.defaultProps = defaultProps$T;
+InputNumber.defaultProps = defaultProps$S;
 InputNumber.displayName = "NutInputNumber";
-const defaultProps$S = {
+const defaultProps$R = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -17756,7 +17599,7 @@ const Menu = (props) => {
     activeColor,
     ...rest
   } = {
-    ...defaultProps$S,
+    ...defaultProps$R,
     ...props
   };
   const menuRef = useRef(null);
@@ -17880,9 +17723,9 @@ const Menu = (props) => {
     }
   );
 };
-Menu.defaultProps = defaultProps$S;
+Menu.defaultProps = defaultProps$R;
 Menu.displayName = "NutMenu";
-const defaultProps$R = {
+const defaultProps$Q = {
   ...ComponentDefaults,
   columns: 1,
   direction: "down",
@@ -17912,7 +17755,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$R,
+    ...defaultProps$Q,
     ...props
   };
   const [_showPopup, setShowPopup] = useState(show);
@@ -18066,9 +17909,9 @@ const MenuItem = forwardRef((props, ref) => {
     )
   ] });
 });
-MenuItem.defaultProps = defaultProps$R;
+MenuItem.defaultProps = defaultProps$Q;
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$Q = {
+const defaultProps$P = {
   confirmText: "",
   title: "",
   visible: false,
@@ -18300,14 +18143,14 @@ const NumberKeyboard = (props) => {
     }
   ) });
 };
-NumberKeyboard.defaultProps = defaultProps$Q;
+NumberKeyboard.defaultProps = defaultProps$P;
 NumberKeyboard.displayName = "NutNumberKeyboard";
 const radioContext = {
   onChange: (val) => {
   }
 };
 const RadioContext = React__default.createContext(radioContext);
-const defaultProps$P = {
+const defaultProps$O = {
   value: null,
   textPosition: "right",
   onChange: (value) => {
@@ -18317,7 +18160,7 @@ const defaultProps$P = {
 };
 const RadioGroup = React__default.forwardRef(
   (props, ref) => {
-    const { children } = { ...defaultProps$P, ...props };
+    const { children } = { ...defaultProps$O, ...props };
     cn("RadioGroup");
     const {
       className,
@@ -18394,9 +18237,9 @@ const RadioGroup = React__default.forwardRef(
     );
   }
 );
-RadioGroup.defaultProps = defaultProps$P;
+RadioGroup.defaultProps = defaultProps$O;
 RadioGroup.displayName = "NutRadioGroup";
-const defaultProps$O = {
+const defaultProps$N = {
   ...ComponentDefaults,
   className: "",
   style: {},
@@ -18413,7 +18256,7 @@ const defaultProps$O = {
 };
 const Radio = (props) => {
   const { children } = {
-    ...defaultProps$O,
+    ...defaultProps$N,
     ...props
   };
   const {
@@ -18513,7 +18356,7 @@ const Radio = (props) => {
     }
   );
 };
-Radio.defaultProps = defaultProps$O;
+Radio.defaultProps = defaultProps$N;
 Radio.displayName = "NutRadio";
 Radio.RadioGroup = RadioGroup;
 const fullClone = {
@@ -18779,7 +18622,7 @@ const Toast = {
     }
   }
 };
-const defaultProps$N = {
+const defaultProps$M = {
   range: false,
   hiddenRange: false,
   hiddenTag: false,
@@ -18815,8 +18658,8 @@ const Range = (props) => {
     minDesc,
     maxDesc,
     curValueDesc
-  } = { ...defaultProps$N, ...props };
-  let { min, max, step } = { ...defaultProps$N, ...props };
+  } = { ...defaultProps$M, ...props };
+  let { min, max, step } = { ...defaultProps$M, ...props };
   min = Number(min);
   max = Number(max);
   step = Number(step);
@@ -19155,9 +18998,9 @@ const Range = (props) => {
     !hiddenRange ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max", children: maxDesc || +max }) : null
   ] });
 };
-Range.defaultProps = defaultProps$N;
+Range.defaultProps = defaultProps$M;
 Range.displayName = "NutRange";
-const defaultProps$M = {
+const defaultProps$L = {
   ...ComponentDefaults,
   count: 5,
   min: 0,
@@ -19182,7 +19025,7 @@ const Rate = (props) => {
     allowHalf,
     onChange
   } = {
-    ...defaultProps$M,
+    ...defaultProps$L,
     ...props
   };
   const classPrefix2 = "nut-rate";
@@ -19267,9 +19110,9 @@ const Rate = (props) => {
     }
   );
 };
-Rate.defaultProps = defaultProps$M;
+Rate.defaultProps = defaultProps$L;
 Rate.displayName = "NutRate";
-const defaultProps$L = {
+const defaultProps$K = {
   ...ComponentDefaults,
   placeholder: "",
   shape: "square",
@@ -19317,7 +19160,7 @@ const SearchBar = (props) => {
     onClickRightinIcon,
     onClickRightoutIcon
   } = {
-    ...defaultProps$L,
+    ...defaultProps$K,
     ...props
   };
   const alignClass = `${align}`;
@@ -19500,9 +19343,9 @@ const SearchBar = (props) => {
     }
   );
 };
-SearchBar.defaultProps = defaultProps$L;
+SearchBar.defaultProps = defaultProps$K;
 SearchBar.displayName = "NutSearchBar";
-const defaultProps$K = {
+const defaultProps$J = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -19666,9 +19509,9 @@ const ShortPassword = (props) => {
     }
   ) });
 };
-ShortPassword.defaultProps = defaultProps$K;
+ShortPassword.defaultProps = defaultProps$J;
 ShortPassword.displayName = "NutShortPassword";
-const defaultProps$J = {
+const defaultProps$I = {
   type: "png",
   lineWidth: 2,
   strokeStyle: "#000",
@@ -19689,7 +19532,7 @@ const Signature = (props) => {
     onClear,
     ...rest
   } = {
-    ...defaultProps$J,
+    ...defaultProps$I,
     ...props
   };
   const b = cn("signature");
@@ -19803,9 +19646,9 @@ const Signature = (props) => {
     )
   ] });
 };
-Signature.defaultProps = defaultProps$J;
+Signature.defaultProps = defaultProps$I;
 Signature.displayName = "NutSignature";
-const defaultProps$I = {
+const defaultProps$H = {
   ...ComponentDefaults,
   disabled: false,
   activeText: "",
@@ -19822,7 +19665,7 @@ const Switch = (props) => {
     style,
     onChange
   } = {
-    ...defaultProps$I,
+    ...defaultProps$H,
     ...props
   };
   const classPrefix2 = "nut-switch";
@@ -19844,9 +19687,9 @@ const Switch = (props) => {
     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$I;
+Switch.defaultProps = defaultProps$H;
 Switch.displayName = "NutSwitch";
-const defaultProps$H = {
+const defaultProps$G = {
   defaultValue: "",
   textAlign: "left",
   limitshow: false,
@@ -19874,7 +19717,7 @@ const TextArea = (props) => {
     onChange,
     onBlur,
     onFocus
-  } = { ...defaultProps$H, ...props };
+  } = { ...defaultProps$G, ...props };
   const textareaBem = cn("textarea");
   const [inputValue, SetInputValue] = useState("");
   const textareaRef = useRef(null);
@@ -19989,9 +19832,9 @@ const TextArea = (props) => {
     }
   );
 };
-TextArea.defaultProps = defaultProps$H;
+TextArea.defaultProps = defaultProps$G;
 TextArea.displayName = "NutTextArea";
-const defaultProps$G = {
+const defaultProps$F = {
   ...ComponentDefaults,
   percent: 0,
   showText: false,
@@ -20010,7 +19853,7 @@ const Progress = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$G,
+    ...defaultProps$F,
     ...props
   };
   const classPrefix2 = "nut-progress";
@@ -20047,7 +19890,7 @@ const Progress = (props) => {
     }
   ) }) }) });
 };
-Progress.defaultProps = defaultProps$G;
+Progress.defaultProps = defaultProps$F;
 Progress.displayName = "NutProgress";
 class UploadOptions {
   constructor() {
@@ -20144,7 +19987,7 @@ const funcInterceptor = (interceptor, {
     done();
   }
 };
-const defaultProps$F = {
+const defaultProps$E = {
   ...ComponentDefaults,
   url: "",
   maxCount: 1,
@@ -20226,7 +20069,7 @@ const InternalUploader = (props, ref) => {
     beforeXhrUpload,
     beforeDelete,
     ...restProps
-  } = { ...defaultProps$F, ...props };
+  } = { ...defaultProps$E, ...props };
   const [fileList, setFileList] = useState(defaultValue || []);
   const [uploadQueue, setUploadQueue] = useState([]);
   useEffect(() => {
@@ -20597,9 +20440,9 @@ const InternalUploader = (props, ref) => {
   ] });
 };
 const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps$F;
+Uploader.defaultProps = defaultProps$E;
 Uploader.displayName = "NutUploader";
-const defaultProps$E = {
+const defaultProps$D = {
   cancelText: "",
   optionTag: "name",
   optionSubTag: "subname",
@@ -20633,7 +20476,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$E, ...props };
+  } = { ...defaultProps$D, ...props };
   const b = cn("actionsheet");
   const isHighlight = (item) => {
     return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "$dark1";
@@ -20678,52 +20521,8 @@ const ActionSheet = (props) => {
     }
   );
 };
-ActionSheet.defaultProps = defaultProps$E;
+ActionSheet.defaultProps = defaultProps$D;
 ActionSheet.displayName = "NutActionSheet";
-const defaultProps$D = {
-  ...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$D,
-    ...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$D;
-Badge.displayName = "NutBadge";
 function ConfirmDialog(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { ...props, children: props.content });
 }
@@ -22731,7 +22530,7 @@ const defaultProps$s = {
   onClick: (event) => {
   }
 };
-const classPrefix$1 = `nut-animate`;
+const classPrefix$2 = `nut-animate`;
 const Animate = (props) => {
   const { className, type: type4, action, loop: loop2, onClick, children, ...rest } = {
     ...defaultProps$s,
@@ -22740,7 +22539,7 @@ const Animate = (props) => {
   const [clicked, setClicked] = useState(false);
   const classes = classNames({
     "nut-ani-container": true,
-    [`${classPrefix$1}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${classPrefix$2}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop: loop2
   });
   const cls = classNames(classes, className);
@@ -23137,24 +22936,26 @@ const AvatarGroup = (props) => {
 AvatarGroup.defaultProps = defaultProps$o;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$n = {
+  ...ComponentDefaults,
   strokeWidth: 5,
   radius: 50,
   strokeLinecap: "round",
-  circleColor: "",
-  pathColor: "",
+  color: "#fa2c19",
+  background: "#e5e9f2",
   clockwise: true
 };
+const classPrefix$1 = `nut-circleprogress`;
 const CircleProgress = (props) => {
   var _a2;
   const {
     children,
-    progress,
+    percent,
     className,
     radius,
-    pathColor,
     clockwise,
-    circleColor,
     strokeWidth,
+    color,
+    background,
     style,
     strokeLinecap,
     ...restProps
@@ -23162,8 +22963,7 @@ const CircleProgress = (props) => {
     ...defaultProps$n,
     ...props
   };
-  const b = cn("circleprogress");
-  const classes = classNames(className, b(""));
+  const classes = classNames(className, classPrefix$1);
   const refRandomId = Math.random().toString(36).slice(-8);
   const styles = {
     height: `${Number(radius) * 2}px`,
@@ -23171,13 +22971,13 @@ const CircleProgress = (props) => {
     ...style
   };
   const pathStyle = {
-    stroke: pathColor
+    stroke: background
   };
   const hoverStyle = () => {
     const perimeter = 283;
-    const offset = perimeter * Number(progress) / 100;
+    const offset = perimeter * Number(percent) / 100;
     return {
-      stroke: isObject(circleColor) ? `url(#${refRandomId})` : circleColor,
+      stroke: isObject(color) ? `url(#${refRandomId})` : color,
       strokeDasharray: `${offset}px ${perimeter}px`
     };
   };
@@ -23185,16 +22985,13 @@ const CircleProgress = (props) => {
     const isWise = clockwise ? 1 : 0;
     return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
   };
-  const hoverColor = () => {
-    return isObject(circleColor) ? `url(#${refRandomId})` : circleColor;
-  };
   const stop2 = () => {
-    if (!isObject(circleColor)) {
+    if (!isObject(props.color)) {
       return;
     }
-    const color = circleColor;
-    const colorArr = Object.keys(color).sort(
-      (a2, b2) => parseFloat(a2) - parseFloat(b2)
+    const color2 = props.color;
+    const colorArr = Object.keys(color2).sort(
+      (a2, b) => parseFloat(a2) - parseFloat(b)
     );
     const stopArr = [];
     colorArr.map((item) => {
@@ -23203,7 +23000,7 @@ const CircleProgress = (props) => {
         value: ""
       };
       obj.key = item;
-      obj.value = color[item];
+      obj.value = color2[item];
       stopArr.push(obj);
     });
     return stopArr;
@@ -23217,8 +23014,8 @@ const CircleProgress = (props) => {
         "path",
         {
           className: "nut-circleprogress-path",
-          style: pathStyle,
           d: path(),
+          style: pathStyle,
           fill: "none",
           strokeWidth
         }
@@ -23230,17 +23027,13 @@ const CircleProgress = (props) => {
           style: hoverStyle(),
           d: path(),
           fill: "none",
-          stroke: hoverColor(),
           strokeLinecap,
           transform: "rotate(90,50,50)",
           strokeWidth
         }
       )
     ] }),
-    /* @__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;