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

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @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.
 */
@@ -3303,7 +3303,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$9 = "nut-cell";
+  const classPrefix$a = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -3334,24 +3334,24 @@ Check the top-level render call using <` + t + ">.");
     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` })
         ] })
       }
     );
@@ -3363,16 +3363,16 @@ Check the top-level render call using <` + t + ">.");
     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;
@@ -3847,7 +3847,7 @@ Check the top-level render call using <` + t + ">.");
     loading: true,
     lazy: false
   };
-  const classPrefix$7 = "nut-image";
+  const classPrefix$8 = "nut-image";
   const Image$1 = (props) => {
     const {
       className,
@@ -3963,7 +3963,7 @@ Check the top-level render call using <` + t + ">.");
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: classNames(classPrefix$7, className),
+        className: classNames(classPrefix$8, className),
         style: containerStyle,
         onClick: (e) => {
           imageClick(e);
@@ -4131,21 +4131,21 @@ Check the top-level render call using <` + t + ">.");
     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 });
   };
@@ -4306,7 +4306,7 @@ Check the top-level render call using <` + t + ">.");
   };
   Layout.defaultProps = defaultProps$1i;
   Layout.displayName = "NutLayout";
-  const classPrefix$5 = "nut-row";
+  const classPrefix$6 = "nut-row";
   const defaultProps$1h = {
     ...ComponentDefaults,
     type: "",
@@ -4341,7 +4341,7 @@ Check the top-level render call using <` + t + ">.");
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$5}
+    ${classPrefix$6}
    `;
     };
     const parentRow = {
@@ -4440,7 +4440,7 @@ Check the top-level render call using <` + t + ">.");
     threshold: 0,
     zIndex: 2e3
   };
-  const classPrefix$4 = "nut-sticky";
+  const classPrefix$5 = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -4562,7 +4562,7 @@ Check the top-level render call using <` + t + ">.");
       {
         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 })
       }
@@ -12239,280 +12239,189 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__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] = 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$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] = React.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;
     };
-    React.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.Children.map(children, (child, idx) => {
-          if (!React.isValidElement(child)) {
-            return null;
-          }
-          const childProps = {
-            ...child.props,
-            active: idx === selectIndex,
-            index: idx,
-            unactiveColor,
-            activeColor,
-            size,
-            handleClick: () => {
-              handleClick2(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$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");
-    React.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.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$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";
@@ -12539,26 +12448,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   }
   const requestAniFrame$1 = requestAniFrame();
-  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$15 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -12567,7 +12457,7 @@ Please add \`${key}Action\` when creating your handler.`);
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$3 = "nut-tabs";
+  const classPrefix$4 = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -12584,7 +12474,7 @@ Please add \`${key}Action\` when creating your handler.`);
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -12646,14 +12536,14 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 : "",
@@ -12682,7 +12572,7 @@ Please add \`${key}Action\` when creating your handler.`);
             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
@@ -12692,14 +12582,14 @@ Please add \`${key}Action\` when creating your handler.`);
               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 })
                 }
@@ -12711,7 +12601,7 @@ Please add \`${key}Action\` when creating your handler.`);
                     {
                       ellipsis: true
                     },
-                    `${classPrefix$3}__titles-item__text`
+                    `${classPrefix$4}__titles-item__text`
                   ),
                   children: item.title
                 }
@@ -12721,28 +12611,148 @@ Please add \`${key}Action\` when creating your handler.`);
           item.value
         );
       }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$3}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$3}__content`, style: contentStyle, children: React.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.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$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.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(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$13 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -12764,7 +12774,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$14, ...props };
+    } = { ...defaultProps$13, ...props };
     const b = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -12806,7 +12816,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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: [],
@@ -12831,7 +12841,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$12,
       ...props
     };
     const b = cn("address");
@@ -13000,28 +13010,28 @@ Please add \`${key}Action\` when creating your handler.`);
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$13, ...props };
+      const { province: province2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$13, ...props };
+      const { city: city2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$13, ...props };
+      const { country: country2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$13, ...props };
+      const { town: town2 } = { ...defaultProps$12, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -13096,7 +13106,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ) })
     ] });
   };
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -13147,7 +13157,7 @@ Please add \`${key}Action\` when creating your handler.`);
       className,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$11,
       ...props
     };
     const b = cn("address");
@@ -13305,7 +13315,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ) });
   };
-  Address.defaultProps = defaultProps$12;
+  Address.defaultProps = defaultProps$11;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -13425,7 +13435,7 @@ Please add \`${key}Action\` when creating your handler.`);
       return false;
     }
   };
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -13477,7 +13487,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$10, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -14073,9 +14083,9 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -14130,7 +14140,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -14200,9 +14210,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ) : renderItem() });
   });
-  Calendar.defaultProps = defaultProps$10;
+  Calendar.defaultProps = defaultProps$$;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$$ = {
+  const defaultProps$_ = {
     data: {
       text: "",
       value: "",
@@ -14219,7 +14229,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const InternalCascaderItem = (props, ref) => {
     const { data, checked, checkedIcon, chooseItem, activeColor } = {
-      ...defaultProps$$,
+      ...defaultProps$_,
       ...props
     };
     const b = cn("cascader-item");
@@ -14258,7 +14268,7 @@ Please add \`${key}Action\` when creating your handler.`);
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$$;
+  CascaderItem.defaultProps = defaultProps$_;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -14396,7 +14406,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     className: "",
     style: {},
     activeColor: "",
@@ -14447,7 +14457,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$Z, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -14722,11 +14732,11 @@ Please add \`${key}Action\` when creating your handler.`);
     ) : renderItem() });
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$_;
+  Cascader.defaultProps = defaultProps$Z;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     disabled: false,
     max: void 0,
     textPosition: "right",
@@ -14737,7 +14747,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$Z, ...props };
+      const { children } = { ...defaultProps$Y, ...props };
       const b = cn("checkboxgroup");
       const {
         className,
@@ -14826,9 +14836,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$Z;
+  CheckboxGroup.defaultProps = defaultProps$Y;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     disabled: false,
     textPosition: "right",
@@ -14843,7 +14853,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Y,
+      ...defaultProps$X,
       ...props
     };
     const b = cn("checkbox");
@@ -14941,7 +14951,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  Checkbox.defaultProps = defaultProps$Y;
+  Checkbox.defaultProps = defaultProps$X;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -15448,7 +15458,7 @@ Please add \`${key}Action\` when creating your handler.`);
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$X = {
+  const defaultProps$W = {
     modelValue: null,
     visible: false,
     title: "",
@@ -15479,7 +15489,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     const { locale } = useConfig();
@@ -15756,7 +15766,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  DatePicker.defaultProps = defaultProps$X;
+  DatePicker.defaultProps = defaultProps$W;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
   function _extends() {
@@ -16947,7 +16957,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
     return [formRef.current];
   };
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -17009,7 +17019,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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) => {
@@ -17076,9 +17086,9 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -17106,7 +17116,7 @@ Please add \`${key}Action\` when creating your handler.`);
       form,
       ...rest
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     let formInstance = {};
@@ -17130,392 +17140,225 @@ Please add \`${key}Action\` when creating your handler.`);
           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 = React.forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const {
-      children,
-      type: type2,
-      name,
-      defaultValue,
-      placeholder,
-      label,
-      labelClass,
-      labelWidth,
-      labelAlign,
-      colon,
-      inputAlign,
-      center,
-      required: required2,
-      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] = 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` : ""}`,
-        `${required2 ? `${prefixCls2}-required` : ""}`,
-        `${error ? `${prefixCls2}-error` : ""}`,
-        `${border ? `${prefixCls2}-border` : ""}`,
-        `${slotButton || rightIcon ? `${prefixCls2}-right-mark` : ""}`
-      ].filter(Boolean).join(" ");
-    }, [disabled, required2, error, border, slotButton, rightIcon, center]);
-    React.useEffect(() => {
-      setClasses(inputClass);
-    }, [disabled, required2, error, border, slotButton, rightIcon, center]);
-    const updateValue = (value, trigger = "onChange", event) => {
-      var _a2;
-      let val = value;
-      if (type2 === "digit" || type2 === "tel") {
-        val = formatNumber(val, false, false);
-      }
-      if (type2 === "number") {
-        val = formatNumber(val, true, true);
-      }
-      if (type2 === "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 = React.forwardRef(
+    (props, ref) => {
+      const { locale } = useConfig();
+      const {
+        type: type2,
+        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.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: [
-                    type2 === "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(type2),
-                        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.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 = React.useRef(null);
+      const composingRef = React.useRef(false);
+      const [active, setActive] = React.useState(false);
+      React.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 = React.useCallback(() => {
+        const classPrefix2 = "nut-input";
+        return [classPrefix2, `${disabled ? `${classPrefix2}-disabled` : ""}`].filter(Boolean).join(" ");
+      }, [disabled]);
+      const updateValue = (value2, trigger = "onChange") => {
+        let val = value2;
+        if (type2 === "number") {
+          val = formatNumber(val, false, true);
+        }
+        if (type2 === "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(type2),
+                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,
@@ -17527,7 +17370,7 @@ Please add \`${key}Action\` when creating your handler.`);
     digits: 0,
     async: false
   };
-  const classPrefix$2 = `nut-inputnumber`;
+  const classPrefix$3 = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -17552,7 +17395,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       ...restProps
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const inputRef = React.useRef("");
@@ -17570,8 +17413,8 @@ Please add \`${key}Action\` when creating your handler.`);
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$2}`]: true,
-        [`${classPrefix$2}--disabled`]: disabled
+        [`${classPrefix$3}`]: true,
+        [`${classPrefix$3}--disabled`]: disabled
       },
       className
     );
@@ -17753,9 +17596,9 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__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,
@@ -17774,7 +17617,7 @@ Please add \`${key}Action\` when creating your handler.`);
       activeColor,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$R,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -17898,9 +17741,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  Menu.defaultProps = defaultProps$S;
+  Menu.defaultProps = defaultProps$R;
   Menu.displayName = "NutMenu";
-  const defaultProps$R = {
+  const defaultProps$Q = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -17930,7 +17773,7 @@ Please add \`${key}Action\` when creating your handler.`);
       parent,
       index
     } = {
-      ...defaultProps$R,
+      ...defaultProps$Q,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show);
@@ -18084,9 +17927,9 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ] });
   });
-  MenuItem.defaultProps = defaultProps$R;
+  MenuItem.defaultProps = defaultProps$Q;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$Q = {
+  const defaultProps$P = {
     confirmText: "",
     title: "",
     visible: false,
@@ -18318,14 +18161,14 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ) });
   };
-  NumberKeyboard.defaultProps = defaultProps$Q;
+  NumberKeyboard.defaultProps = defaultProps$P;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const radioContext = {
     onChange: (val) => {
     }
   };
   const RadioContext = React.createContext(radioContext);
-  const defaultProps$P = {
+  const defaultProps$O = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -18335,7 +18178,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const RadioGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$P, ...props };
+      const { children } = { ...defaultProps$O, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -18412,9 +18255,9 @@ Please add \`${key}Action\` when creating your handler.`);
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$P;
+  RadioGroup.defaultProps = defaultProps$O;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$O = {
+  const defaultProps$N = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -18431,7 +18274,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   const Radio = (props) => {
     const { children } = {
-      ...defaultProps$O,
+      ...defaultProps$N,
       ...props
     };
     const {
@@ -18531,7 +18374,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  Radio.defaultProps = defaultProps$O;
+  Radio.defaultProps = defaultProps$N;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
   const fullClone = {
@@ -18797,7 +18640,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }
   };
-  const defaultProps$N = {
+  const defaultProps$M = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -18833,8 +18676,8 @@ Please add \`${key}Action\` when creating your handler.`);
       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);
@@ -19173,9 +19016,9 @@ Please add \`${key}Action\` when creating your handler.`);
       !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,
@@ -19200,7 +19043,7 @@ Please add \`${key}Action\` when creating your handler.`);
       allowHalf,
       onChange
     } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -19285,9 +19128,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  Rate.defaultProps = defaultProps$M;
+  Rate.defaultProps = defaultProps$L;
   Rate.displayName = "NutRate";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -19335,7 +19178,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClickRightinIcon,
       onClickRightoutIcon
     } = {
-      ...defaultProps$L,
+      ...defaultProps$K,
       ...props
     };
     const alignClass = `${align}`;
@@ -19518,9 +19361,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  SearchBar.defaultProps = defaultProps$L;
+  SearchBar.defaultProps = defaultProps$K;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$K = {
+  const defaultProps$J = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -19684,9 +19527,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ) });
   };
-  ShortPassword.defaultProps = defaultProps$K;
+  ShortPassword.defaultProps = defaultProps$J;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$J = {
+  const defaultProps$I = {
     type: "png",
     lineWidth: 2,
     strokeStyle: "#000",
@@ -19707,7 +19550,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClear,
       ...rest
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const b = cn("signature");
@@ -19821,9 +19664,9 @@ Please add \`${key}Action\` when creating your handler.`);
       )
     ] });
   };
-  Signature.defaultProps = defaultProps$J;
+  Signature.defaultProps = defaultProps$I;
   Signature.displayName = "NutSignature";
-  const defaultProps$I = {
+  const defaultProps$H = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -19840,7 +19683,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       onChange
     } = {
-      ...defaultProps$I,
+      ...defaultProps$H,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -19862,9 +19705,9 @@ Please add \`${key}Action\` when creating your handler.`);
       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,
@@ -19892,7 +19735,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$H, ...props };
+    } = { ...defaultProps$G, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const textareaRef = React.useRef(null);
@@ -20007,9 +19850,9 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  TextArea.defaultProps = defaultProps$H;
+  TextArea.defaultProps = defaultProps$G;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$G = {
+  const defaultProps$F = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -20028,7 +19871,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       ...rest
     } = {
-      ...defaultProps$G,
+      ...defaultProps$F,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -20065,7 +19908,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     ) }) }) });
   };
-  Progress.defaultProps = defaultProps$G;
+  Progress.defaultProps = defaultProps$F;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -20162,7 +20005,7 @@ Please add \`${key}Action\` when creating your handler.`);
       done();
     }
   };
-  const defaultProps$F = {
+  const defaultProps$E = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -20244,7 +20087,7 @@ Please add \`${key}Action\` when creating your handler.`);
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$E, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -20615,9 +20458,9 @@ Please add \`${key}Action\` when creating your handler.`);
     ] });
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$F;
+  Uploader.defaultProps = defaultProps$E;
   Uploader.displayName = "NutUploader";
-  const defaultProps$E = {
+  const defaultProps$D = {
     cancelText: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -20651,7 +20494,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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";
@@ -20696,52 +20539,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     );
   };
-  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 });
   }
@@ -22749,7 +22548,7 @@ Please add \`${key}Action\` when creating your handler.`);
     onClick: (event) => {
     }
   };
-  const classPrefix$1 = `nut-animate`;
+  const classPrefix$2 = `nut-animate`;
   const Animate = (props) => {
     const { className, type: type2, action, loop: loop2, onClick, children, ...rest } = {
       ...defaultProps$s,
@@ -22758,7 +22557,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$1}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix$2}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -23155,24 +22954,26 @@ Please add \`${key}Action\` when creating your handler.`);
   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
@@ -23180,8 +22981,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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`,
@@ -23189,13 +22989,13 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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`
       };
     };
@@ -23203,16 +23003,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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) => {
@@ -23221,7 +23018,7 @@ Please add \`${key}Action\` when creating your handler.`);
           value: ""
         };
         obj.key = item;
-        obj.value = color[item];
+        obj.value = color2[item];
         stopArr.push(obj);
       });
       return stopArr;
@@ -23235,8 +23032,8 @@ Please add \`${key}Action\` when creating your handler.`);
           "path",
           {
             className: "nut-circleprogress-path",
-            style: pathStyle,
             d: path(),
+            style: pathStyle,
             fill: "none",
             strokeWidth
           }
@@ -23248,17 +23045,13 @@ Please add \`${key}Action\` when creating your handler.`);
             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;