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

package/dist/nutui.react.umd.js

@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.3 Fri Apr 28 2023 15:56:12 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.5 Wed May 10 2023 15:25:20 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1023,7 +1023,7 @@ var __publicField = (obj, key, value) => {
     })();
   })(classnames);
   const classNames = classnamesExports;
-  const r$w = {
+  const r$x = {
     name: "arrow-down2",
     size: "",
     classPrefix: "nut-icon",
@@ -1037,7 +1037,7 @@ var __publicField = (obj, key, value) => {
   function w$1(n) {
     return n === "" ? "" : Number.isNaN(Number(n)) ? String(n) : `${n}px`;
   }
-  function a$w(n) {
+  function a$x(n) {
     const {
       name: e,
       size: l,
@@ -1051,7 +1051,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...r$w,
+      ...r$x,
       ...n
     }, s = e ? e.indexOf("/") !== -1 : false, g = s ? "img" : u, C = (x) => {
       i && i(x);
@@ -1072,9 +1072,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  a$w.defaultProps = r$w;
-  a$w.displayName = "NutIconarrow-down2";
-  const r$v = {
+  a$x.defaultProps = r$x;
+  a$x.displayName = "NutIconarrow-down2";
+  const r$w = {
     name: "arrow-up2",
     size: "",
     classPrefix: "nut-icon",
@@ -1088,7 +1088,7 @@ var __publicField = (obj, key, value) => {
   function y$t(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$v(e) {
+  function a$w(e) {
     const {
       name: t,
       size: l,
@@ -1102,7 +1102,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...r$v,
+      ...r$w,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : m, C = (x) => {
       i && i(x);
@@ -1123,9 +1123,9 @@ var __publicField = (obj, key, value) => {
       p
     );
   }
-  a$v.defaultProps = r$v;
-  a$v.displayName = "NutIconarrow-up2";
-  const r$u = {
+  a$w.defaultProps = r$w;
+  a$w.displayName = "NutIconarrow-up2";
+  const r$v = {
     name: "check-checked",
     size: "",
     classPrefix: "nut-icon",
@@ -1139,7 +1139,7 @@ var __publicField = (obj, key, value) => {
   function y$s(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$u(e) {
+  function a$v(e) {
     const {
       name: c,
       size: l,
@@ -1153,7 +1153,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...k
     } = {
-      ...r$u,
+      ...r$v,
       ...e
     }, s = c ? c.indexOf("/") !== -1 : false, p = s ? "img" : u, g = (x) => {
       o && o(x);
@@ -1174,9 +1174,9 @@ var __publicField = (obj, key, value) => {
       h
     );
   }
-  a$u.defaultProps = r$u;
-  a$u.displayName = "NutIconcheck-checked";
-  const a$t = {
+  a$v.defaultProps = r$v;
+  a$v.displayName = "NutIconcheck-checked";
+  const a$u = {
     name: "check-disabled",
     size: "",
     classPrefix: "nut-icon",
@@ -1190,7 +1190,7 @@ var __publicField = (obj, key, value) => {
   function y$r(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function r$t(e) {
+  function r$u(e) {
     const {
       name: t,
       size: l,
@@ -1204,7 +1204,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...p
     } = {
-      ...a$t,
+      ...a$u,
       ...e
     }, s = t ? t.indexOf("/") !== -1 : false, k = s ? "img" : u, g = (x) => {
       o && o(x);
@@ -1225,9 +1225,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  r$t.defaultProps = a$t;
-  r$t.displayName = "NutIconcheck-disabled";
-  const r$s = {
+  r$u.defaultProps = a$u;
+  r$u.displayName = "NutIconcheck-disabled";
+  const r$t = {
     name: "check-normal",
     size: "",
     classPrefix: "nut-icon",
@@ -1241,7 +1241,7 @@ var __publicField = (obj, key, value) => {
   function y$q(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$s(e) {
+  function a$t(e) {
     const {
       name: n,
       size: l,
@@ -1255,7 +1255,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...d
     } = {
-      ...r$s,
+      ...r$t,
       ...e
     }, s = n ? n.indexOf("/") !== -1 : false, k = s ? "img" : u, g = (x) => {
       i && i(x);
@@ -1276,9 +1276,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$s.defaultProps = r$s;
-  a$s.displayName = "NutIconcheck-normal";
-  const r$r = {
+  a$t.defaultProps = r$t;
+  a$t.displayName = "NutIconcheck-normal";
+  const r$s = {
     name: "Check",
     size: "",
     classPrefix: "nut-icon",
@@ -1292,7 +1292,7 @@ var __publicField = (obj, key, value) => {
   function y$p(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$r(e) {
+  function a$s(e) {
     const {
       name: t,
       size: l,
@@ -1306,7 +1306,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...d
     } = {
-      ...r$r,
+      ...r$s,
       ...e
     }, s = t ? t.indexOf("/") !== -1 : false, C = s ? "img" : u, k = (x) => {
       o && o(x);
@@ -1327,9 +1327,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$r.defaultProps = r$r;
-  a$r.displayName = "NutIconCheck";
-  const r$q = {
+  a$s.defaultProps = r$s;
+  a$s.displayName = "NutIconCheck";
+  const r$r = {
     name: "checked",
     size: "",
     classPrefix: "nut-icon",
@@ -1343,7 +1343,7 @@ var __publicField = (obj, key, value) => {
   function y$o(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$q(e) {
+  function a$r(e) {
     const {
       name: t,
       size: l,
@@ -1357,7 +1357,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...p
     } = {
-      ...r$q,
+      ...r$r,
       ...e
     }, s = t ? t.indexOf("/") !== -1 : false, k = s ? "img" : u, g = (x) => {
       o && o(x);
@@ -1378,9 +1378,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  a$q.defaultProps = r$q;
-  a$q.displayName = "NutIconchecked";
-  const r$p = {
+  a$r.defaultProps = r$r;
+  a$r.displayName = "NutIconchecked";
+  const r$q = {
     name: "checklist",
     size: "",
     classPrefix: "nut-icon",
@@ -1394,7 +1394,7 @@ var __publicField = (obj, key, value) => {
   function y$n(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$p(e) {
+  function a$q(e) {
     const {
       name: t,
       size: l,
@@ -1408,7 +1408,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...d
     } = {
-      ...r$p,
+      ...r$q,
       ...e
     }, s = t ? t.indexOf("/") !== -1 : false, k = s ? "img" : u, g = (x) => {
       o && o(x);
@@ -1429,9 +1429,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$p.defaultProps = r$p;
-  a$p.displayName = "NutIconchecklist";
-  const r$o = {
+  a$q.defaultProps = r$q;
+  a$q.displayName = "NutIconchecklist";
+  const r$p = {
     name: "circle-close",
     size: "",
     classPrefix: "nut-icon",
@@ -1445,7 +1445,7 @@ var __publicField = (obj, key, value) => {
   function y$m(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$o(e) {
+  function a$p(e) {
     const {
       name: t,
       size: l,
@@ -1459,7 +1459,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$o,
+      ...r$p,
       ...e
     }, s = t ? t.indexOf("/") !== -1 : false, g = s ? "img" : u, C = (x) => {
       o && o(x);
@@ -1480,9 +1480,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$o.defaultProps = r$o;
-  a$o.displayName = "NutIconcircle-close";
-  const r$n = {
+  a$p.defaultProps = r$p;
+  a$p.displayName = "NutIconcircle-close";
+  const r$o = {
     name: "close",
     size: "",
     classPrefix: "nut-icon",
@@ -1496,7 +1496,7 @@ var __publicField = (obj, key, value) => {
   function y$l(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$n(e) {
+  function a$o(e) {
     const {
       name: t,
       size: l,
@@ -1510,7 +1510,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...r$n,
+      ...r$o,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : u, C = (x) => {
       i && i(x);
@@ -1531,9 +1531,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$n.defaultProps = r$n;
-  a$n.displayName = "NutIconclose";
-  const r$m = {
+  a$o.defaultProps = r$o;
+  a$o.displayName = "NutIconclose";
+  const r$n = {
     name: "del",
     size: "",
     classPrefix: "nut-icon",
@@ -1547,7 +1547,7 @@ var __publicField = (obj, key, value) => {
   function y$k(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$m(e) {
+  function a$n(e) {
     const {
       name: t,
       size: l,
@@ -1561,7 +1561,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$m,
+      ...r$n,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -1582,9 +1582,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  a$m.defaultProps = r$m;
-  a$m.displayName = "NutIcondel";
-  const r$l = {
+  a$n.defaultProps = r$n;
+  a$n.displayName = "NutIcondel";
+  const r$m = {
     name: "down-arrow",
     size: "",
     classPrefix: "nut-icon",
@@ -1598,7 +1598,7 @@ var __publicField = (obj, key, value) => {
   function w(n) {
     return n === "" ? "" : Number.isNaN(Number(n)) ? String(n) : `${n}px`;
   }
-  function a$l(n) {
+  function a$m(n) {
     const {
       name: e,
       size: l,
@@ -1612,7 +1612,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...r$l,
+      ...r$m,
       ...n
     }, s = e ? e.indexOf("/") !== -1 : false, g = s ? "img" : u, C = (x) => {
       i && i(x);
@@ -1633,9 +1633,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  a$l.defaultProps = r$l;
-  a$l.displayName = "NutIcondown-arrow";
-  const r$k = {
+  a$m.defaultProps = r$m;
+  a$m.displayName = "NutIcondown-arrow";
+  const r$l = {
     name: "failure",
     size: "",
     classPrefix: "nut-icon",
@@ -1649,7 +1649,7 @@ var __publicField = (obj, key, value) => {
   function y$j(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$k(e) {
+  function a$l(e) {
     const {
       name: t,
       size: l,
@@ -1663,7 +1663,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$k,
+      ...r$l,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : m, C = (x) => {
       o && o(x);
@@ -1684,9 +1684,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$k.defaultProps = r$k;
-  a$k.displayName = "NutIconfailure";
-  const r$j = {
+  a$l.defaultProps = r$l;
+  a$l.displayName = "NutIconfailure";
+  const r$k = {
     name: "image-error",
     size: "",
     classPrefix: "nut-icon",
@@ -1700,7 +1700,7 @@ var __publicField = (obj, key, value) => {
   function y$i(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$j(e) {
+  function a$k(e) {
     const {
       name: t,
       size: l,
@@ -1714,7 +1714,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...g
     } = {
-      ...r$j,
+      ...r$k,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, h = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -1735,9 +1735,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$j.defaultProps = r$j;
-  a$j.displayName = "NutIconimage-error";
-  const a$i = {
+  a$k.defaultProps = r$k;
+  a$k.displayName = "NutIconimage-error";
+  const a$j = {
     name: "image",
     size: "",
     classPrefix: "nut-icon",
@@ -1751,7 +1751,7 @@ var __publicField = (obj, key, value) => {
   function y$h(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function r$i(e) {
+  function r$j(e) {
     const {
       name: t,
       size: l,
@@ -1765,7 +1765,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...g
     } = {
-      ...a$i,
+      ...a$j,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, h = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -1786,9 +1786,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  r$i.defaultProps = a$i;
-  r$i.displayName = "NutIconimage";
-  const r$h = {
+  r$j.defaultProps = a$j;
+  r$j.displayName = "NutIconimage";
+  const r$i = {
     name: "joy-smile",
     size: "",
     classPrefix: "nut-icon",
@@ -1799,10 +1799,10 @@ var __publicField = (obj, key, value) => {
     },
     className: ""
   };
-  function $(e) {
+  function $$1(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$h(e) {
+  function a$i(e) {
     const {
       name: t,
       size: l,
@@ -1816,11 +1816,11 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$h,
+      ...r$i,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : u, y2 = (k) => {
       o && o(k);
-    }, C = () => c ? { src: t } : {}, n = {}, s = $(l);
+    }, C = () => c ? { src: t } : {}, n = {}, s = $$1(l);
     return s && (n.fontSize = s, n.width = s, n.height = s), React.createElement(
       g,
       {
@@ -1837,9 +1837,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$h.defaultProps = r$h;
-  a$h.displayName = "NutIconjoy-smile";
-  const r$g = {
+  a$i.defaultProps = r$i;
+  a$i.displayName = "NutIconjoy-smile";
+  const r$h = {
     name: "left",
     size: "",
     classPrefix: "nut-icon",
@@ -1853,7 +1853,7 @@ var __publicField = (obj, key, value) => {
   function y$g(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function a$g(e) {
+  function a$h(e) {
     const {
       name: t,
       size: l,
@@ -1867,7 +1867,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$g,
+      ...r$h,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -1888,9 +1888,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$g.defaultProps = r$g;
-  a$g.displayName = "NutIconleft";
-  const r$f = {
+  a$h.defaultProps = r$h;
+  a$h.displayName = "NutIconleft";
+  const r$g = {
     name: "link",
     size: "",
     classPrefix: "nut-icon",
@@ -1904,7 +1904,7 @@ var __publicField = (obj, key, value) => {
   function y$f(n) {
     return n === "" ? "" : Number.isNaN(Number(n)) ? String(n) : `${n}px`;
   }
-  function a$f(n) {
+  function a$g(n) {
     const {
       name: e,
       size: l,
@@ -1918,7 +1918,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$f,
+      ...r$g,
       ...n
     }, c = e ? e.indexOf("/") !== -1 : false, k = c ? "img" : u, g = (x) => {
       o && o(x);
@@ -1939,9 +1939,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  a$f.defaultProps = r$f;
-  a$f.displayName = "NutIconlink";
-  const a$e = {
+  a$g.defaultProps = r$g;
+  a$g.displayName = "NutIconlink";
+  const a$f = {
     name: "loading",
     size: "",
     classPrefix: "nut-icon",
@@ -1955,7 +1955,7 @@ var __publicField = (obj, key, value) => {
   function y$e(n) {
     return n === "" ? "" : Number.isNaN(Number(n)) ? String(n) : `${n}px`;
   }
-  function r$e(n) {
+  function r$f(n) {
     const {
       name: e,
       size: l,
@@ -1969,7 +1969,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...g
     } = {
-      ...a$e,
+      ...a$f,
       ...n
     }, c = e ? e.indexOf("/") !== -1 : false, h = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -1990,9 +1990,9 @@ var __publicField = (obj, key, value) => {
       d
     );
   }
-  r$e.defaultProps = a$e;
-  r$e.displayName = "NutIconloading";
-  const a$d = {
+  r$f.defaultProps = a$f;
+  r$f.displayName = "NutIconloading";
+  const a$e = {
     name: "location2",
     size: "",
     classPrefix: "nut-icon",
@@ -2006,7 +2006,7 @@ var __publicField = (obj, key, value) => {
   function y$d(t) {
     return t === "" ? "" : Number.isNaN(Number(t)) ? String(t) : `${t}px`;
   }
-  function r$d(t) {
+  function r$e(t) {
     const {
       name: n,
       size: l,
@@ -2020,7 +2020,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...a$d,
+      ...a$e,
       ...t
     }, o = n ? n.indexOf("/") !== -1 : false, g = o ? "img" : u, C = (x) => {
       i && i(x);
@@ -2041,9 +2041,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  r$d.defaultProps = a$d;
-  r$d.displayName = "NutIconlocation2";
-  const a$c = {
+  r$e.defaultProps = a$e;
+  r$e.displayName = "NutIconlocation2";
+  const a$d = {
     name: "mask-close",
     size: "",
     classPrefix: "nut-icon",
@@ -2057,7 +2057,7 @@ var __publicField = (obj, key, value) => {
   function y$c(e) {
     return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
   }
-  function r$c(e) {
+  function r$d(e) {
     const {
       name: t,
       size: l,
@@ -2071,7 +2071,7 @@ var __publicField = (obj, key, value) => {
       onClick: i,
       ...h
     } = {
-      ...a$c,
+      ...a$d,
       ...e
     }, c = t ? t.indexOf("/") !== -1 : false, k = c ? "img" : u, g = (x) => {
       i && i(x);
@@ -2092,9 +2092,9 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
-  r$c.defaultProps = a$c;
-  r$c.displayName = "NutIconmask-close";
-  const r$b = {
+  r$d.defaultProps = a$d;
+  r$d.displayName = "NutIconmask-close";
+  const r$c = {
     name: "minus",
     size: "",
     classPrefix: "nut-icon",
@@ -2108,7 +2108,7 @@ var __publicField = (obj, key, value) => {
   function y$b(n) {
     return n === "" ? "" : Number.isNaN(Number(n)) ? String(n) : `${n}px`;
   }
-  function a$b(n) {
+  function a$c(n) {
     const {
       name: e,
       size: l,
@@ -2122,7 +2122,7 @@ var __publicField = (obj, key, value) => {
       onClick: o,
       ...h
     } = {
-      ...r$b,
+      ...r$c,
       ...n
     }, c = e ? e.indexOf("/") !== -1 : false, g = c ? "img" : u, C = (x) => {
       o && o(x);
@@ -2143,8 +2143,59 @@ var __publicField = (obj, key, value) => {
       N
     );
   }
+  a$c.defaultProps = r$c;
+  a$c.displayName = "NutIconminus";
+  const r$b = {
+    name: "my",
+    size: "",
+    classPrefix: "nut-icon",
+    fontClassName: "nutui-iconfont",
+    color: "",
+    tag: "i",
+    onClick: (e) => {
+    },
+    className: ""
+  };
+  function $(e) {
+    return e === "" ? "" : Number.isNaN(Number(e)) ? String(e) : `${e}px`;
+  }
+  function a$b(e) {
+    const {
+      name: t,
+      size: l,
+      classPrefix: f,
+      color: m,
+      tag: u,
+      children: N,
+      className: i,
+      fontClassName: p,
+      style: d,
+      onClick: o,
+      ...h
+    } = {
+      ...r$b,
+      ...e
+    }, c = t ? t.indexOf("/") !== -1 : false, g = c ? "img" : u, y2 = (k) => {
+      o && o(k);
+    }, C = () => c ? { src: t } : {}, n = {}, s = $(l);
+    return s && (n.fontSize = s, n.width = s, n.height = s), React.createElement(
+      g,
+      {
+        className: c ? `nut-icon__img ${i || ""} ` : `${p} nut-icon ${f}-${t} ${i || ""}`,
+        style: {
+          color: m,
+          ...n,
+          ...d
+        },
+        ...h,
+        onClick: y2,
+        ...C()
+      },
+      N
+    );
+  }
   a$b.defaultProps = r$b;
-  a$b.displayName = "NutIconminus";
+  a$b.displayName = "NutIconmy";
   const r$a = {
     name: "notice",
     size: "",
@@ -2793,7 +2844,7 @@ var __publicField = (obj, key, value) => {
             style: { ...getStyle(), ...style },
             onClick: (e) => handleClick(e),
             children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-button__warp", children: [
-              loading && /* @__PURE__ */ jsxRuntimeExports.jsx(r$e, { className: "nut-icon-loading" }),
+              loading && /* @__PURE__ */ jsxRuntimeExports.jsx(r$f, { className: "nut-icon-loading" }),
               !loading && icon ? icon : null,
               children && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: icon || loading ? "nut-button-text" : "", children })
             ] })
@@ -2813,7 +2864,7 @@ var __publicField = (obj, key, value) => {
     onClick: (event) => {
     }
   };
-  const classPrefix$8 = "nut-cell";
+  const classPrefix$f = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -2844,24 +2895,24 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: classNames(classPrefix$8, className),
+        className: classNames(classPrefix$f, className),
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest,
         children: children || /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          title || description ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix$8}__left`, children: [
-            title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__title`, children: title }) : null,
-            description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__description`, children: description }) : null
+          title || description ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix$f}__left`, children: [
+            title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$f}__title`, children: title }) : null,
+            description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$f}__description`, children: description }) : null
           ] }) : null,
           extra ? /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: `${classPrefix$8}__extra`,
+              className: `${classPrefix$f}__extra`,
               style: styles,
               children: extra
             }
           ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$8}__divider` })
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$f}__divider` })
         ] })
       }
     );
@@ -2871,18 +2922,25 @@ var __publicField = (obj, key, value) => {
   const defaultProps$1r = {
     ...ComponentDefaults,
     title: "",
-    description: ""
+    description: "",
+    divider: true
   };
-  const classPrefix$7 = "nut-cell-group";
+  const classPrefix$e = "nut-cell-group";
   const CellGroup = (props) => {
-    const { children, className, style, title, description, ...rest } = {
+    const { children, className, style, title, description, divider, ...rest } = {
       ...defaultProps$1r,
       ...props
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$7, className), ...rest, children: [
-      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__title`, children: title }) : null,
-      description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__description`, children: description }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$7}__wrap`, children })
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classNames(classPrefix$e, className), ...rest, children: [
+      title ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$e}__title`, children: title }) : null,
+      description ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$e}__description`, children: description }) : null,
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "div",
+        {
+          className: `${classPrefix$e}__wrap ${divider ? `${classPrefix$e}__wrap--divider` : ""}`,
+          children
+        }
+      )
     ] });
   };
   CellGroup.defaultProps = defaultProps$1r;
@@ -3429,8 +3487,8 @@ var __publicField = (obj, key, value) => {
               onError: error
             }
           ),
-          showLoading && loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-img-loading", children: slotLoding || children || /* @__PURE__ */ jsxRuntimeExports.jsx(r$i, {}) }) : null,
-          showError && isError && !loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-img-error", children: slotError || children || /* @__PURE__ */ jsxRuntimeExports.jsx(a$j, {}) }) : null
+          showLoading && loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-img-loading", children: slotLoding || children || /* @__PURE__ */ jsxRuntimeExports.jsx(r$j, {}) }) : null,
+          showError && isError && !loading ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-img-error", children: slotError || children || /* @__PURE__ */ jsxRuntimeExports.jsx(a$k, {}) }) : null
         ]
       }
     );
@@ -3577,21 +3635,21 @@ var __publicField = (obj, key, value) => {
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$6 = `nut-divider`;
+  const classPrefix$d = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
       ...defaultProps$1n,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$6}`]: true,
-      [`${classPrefix$6}__center`]: children,
-      [`${classPrefix$6}__left`]: contentPosition === "left",
-      [`${classPrefix$6}__right`]: contentPosition === "right",
-      [`${classPrefix$6}__hairline`]: true
+      [`${classPrefix$d}`]: true,
+      [`${classPrefix$d}__center`]: children,
+      [`${classPrefix$d}__left`]: contentPosition === "left",
+      [`${classPrefix$d}__right`]: contentPosition === "right",
+      [`${classPrefix$d}__hairline`]: true
     }) : classNames({
-      [`${classPrefix$6}`]: true,
-      [`${classPrefix$6}__vertical`]: direction === "vertical"
+      [`${classPrefix$d}`]: true,
+      [`${classPrefix$d}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classes} ${className || ""}`, style, ...rest, children });
   };
@@ -3755,7 +3813,7 @@ var __publicField = (obj, key, value) => {
   };
   Layout.defaultProps = defaultProps$1k;
   Layout.displayName = "NutLayout";
-  const classPrefix$5 = "nut-row";
+  const classPrefix$c = "nut-row";
   const defaultProps$1j = {
     ...ComponentDefaults,
     type: "",
@@ -3790,7 +3848,7 @@ var __publicField = (obj, key, value) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$5}
+    ${classPrefix$c}
    `;
     };
     const parentRow = {
@@ -3866,7 +3924,7 @@ var __publicField = (obj, key, value) => {
     position: "top",
     zIndex: 2e3
   };
-  const classPrefix$4 = "nut-sticky";
+  const classPrefix$b = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -3968,7 +4026,7 @@ var __publicField = (obj, key, value) => {
       {
         ref: rootRef,
         style: rootStyle,
-        className: classNames(classPrefix$4, className),
+        className: classNames(classPrefix$b, className),
         ...rest,
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           "div",
@@ -4084,6 +4142,7 @@ var __publicField = (obj, key, value) => {
     const [scrollStart, setScrollStart] = React.useState(false);
     const state = React.useRef(initData);
     const [scrollTop, setScrollTop] = React.useState(0);
+    const [scrollY, setScrollY] = React.useState(0);
     const resetScrollState = () => {
       setScrollStart(false);
     };
@@ -4121,7 +4180,11 @@ var __publicField = (obj, key, value) => {
         cacheIndex = state.current.listHeight.length - 2;
       }
       setCodeIndex(cacheIndex);
-      setScrollTop(state.current.listHeight[cacheIndex]);
+      const scrollTop2 = state.current.listHeight[cacheIndex];
+      setScrollTop(scrollTop2);
+      if (sticky && scrollY !== scrollTop2) {
+        setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+      }
     };
     const touchMove = (e) => {
       const firstTouch = e.touches[0];
@@ -4169,7 +4232,10 @@ var __publicField = (obj, key, value) => {
       const target = e.target;
       const { scrollTop: scrollTop2 } = target;
       state.current.scrollY = Math.floor(scrollTop2);
-      setScrollTop(scrollTop2);
+      Taro.getEnv() === "WEB" && setScrollTop(scrollTop2);
+      if (sticky && scrollTop2 !== scrollY) {
+        setScrollY(Math.floor(scrollTop2) > 0 ? 1 : 0);
+      }
       for (let i = 0; i < listHeight.length - 1; i++) {
         const height1 = listHeight[i];
         const height2 = listHeight[i + 1];
@@ -4178,7 +4244,6 @@ var __publicField = (obj, key, value) => {
           return;
         }
       }
-      setCurrentIndex(listHeight.length - 2);
     };
     React.useEffect(() => {
       if (listview.current) {
@@ -4188,7 +4253,6 @@ var __publicField = (obj, key, value) => {
       }
     }, [listview]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${classPrefix2} ${className}`, style, ...rest, children: [
-      sticky && scrollTop > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__list__fixed`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${classPrefix2}__list__fixed__title`, children: list[currentIndex][floorKey] }) }) : null,
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
@@ -4199,6 +4263,8 @@ var __publicField = (obj, key, value) => {
             {
               scrollTop,
               scrollY: true,
+              scrollWithAnimation: true,
+              scrollAnchoring: true,
               className: `${classPrefix2}__list__inner`,
               type: "list",
               ref: listview,
@@ -4267,7 +4333,8 @@ var __publicField = (obj, key, value) => {
             );
           })
         }
-      ) })
+      ) }),
+      sticky && scrollY > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__list__fixed`, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${classPrefix2}__list__fixed__title`, children: list[currentIndex][floorKey] }) }) : null
     ] });
   };
   Elevator.defaultProps = defaultProps$1g;
@@ -4353,7 +4420,7 @@ var __publicField = (obj, key, value) => {
             );
           }) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__btn`, onClick: () => onUpdateValue(), children: content || /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(a$g, { color: "#fff" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(a$h, { color: "#fff" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text", children: visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText })
           ] }) })
         ]
@@ -6303,7 +6370,7 @@ var __publicField = (obj, key, value) => {
     };
     const renderIcon = () => {
       if (closeable) {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: closeClasses, onClick: onHandleClickCloseIcon, children: React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$n, { width: 12, height: 12 }) });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: closeClasses, onClick: onHandleClickCloseIcon, children: React.isValidElement(closeIcon) ? closeIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$o, { width: 12, height: 12 }) });
       }
       return null;
     };
@@ -6508,288 +6575,189 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-subsidenavbar__content", children })
     ] });
   };
-  var classnameExports = {};
-  var classname = {
-    get exports() {
-      return classnameExports;
-    },
-    set exports(v) {
-      classnameExports = v;
+  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$1a = {
+    ...ComponentDefaults,
+    value: "",
+    dot: false,
+    max: 99,
+    top: "0",
+    right: "5",
+    color: ""
   };
-  var classname_production_min = {};
-  var hasRequiredClassname_production_min;
-  function requireClassname_production_min() {
-    if (hasRequiredClassname_production_min)
-      return classname_production_min;
-    hasRequiredClassname_production_min = 1;
-    function r2(r3) {
-      function t2(t3, i, a2, o) {
-        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
-        if (a2) {
-          var s = " " + v + r3.m;
-          for (var u in a2)
-            if (a2.hasOwnProperty(u)) {
-              var p = a2[u];
-              true === p ? v += s + u : p && (v += s + u + n + p);
-            }
-        }
-        if (void 0 !== o)
-          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
-            var l = o[y2];
-            if (l && "string" == typeof l.valueOf())
-              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
-                var h = g[d];
-                h !== f && (v += " " + h);
-              }
-          }
-        return v;
+  const Badge = (props) => {
+    const { className, style, value, max, children, dot, top, right, color } = {
+      ...defaultProps$1a,
+      ...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;
       }
-      var e = r3.n || "", n = r3.v || r3.m;
-      return function(r4, e2) {
-        return function(n2, i, a2) {
-          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
-        };
-      };
+      return value;
     }
-    Object.defineProperty(classname_production_min, "__esModule", { value: true });
-    var t = r2({ e: "-", m: "_" });
-    classname_production_min.cn = t, classname_production_min.withNaming = r2;
-    return classname_production_min;
-  }
-  var classname_development = {};
-  var hasRequiredClassname_development;
-  function requireClassname_development() {
-    if (hasRequiredClassname_development)
-      return classname_development;
-    hasRequiredClassname_development = 1;
-    Object.defineProperty(classname_development, "__esModule", { value: true });
-    function withNaming(preset) {
-      var nameSpace = preset.n || "";
-      var modValueDelimiter = preset.v || preset.m;
-      function stringify(b2, e, m, mix) {
-        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
-        var className = entityName;
-        if (m) {
-          var modPrefix = " " + className + preset.m;
-          for (var k in m) {
-            if (m.hasOwnProperty(k)) {
-              var modVal = m[k];
-              if (modVal === true) {
-                className += modPrefix + k;
-              } else if (modVal) {
-                className += modPrefix + k + modValueDelimiter + modVal;
-              }
-            }
-          }
-        }
-        if (mix !== void 0) {
-          mix = Array.isArray(mix) ? mix : [mix];
-          for (var i = 0, len = mix.length; i < len; i++) {
-            var value = mix[i];
-            if (!value || typeof value.valueOf() !== "string")
-              continue;
-            var mixes = value.valueOf().split(" ");
-            for (var j = 0; j < mixes.length; j++) {
-              var val = mixes[j];
-              if (val !== entityName) {
-                className += " " + val;
-              }
-            }
-          }
-        }
-        return className;
-      }
-      return function cnGenerator(b2, e) {
-        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
-          if (typeof elemOrMods === "string") {
-            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
-              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
-            }
-            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
-          }
-          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
-        };
-      };
-    }
-    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$1a = {
-    visible: 0,
-    bottom: false,
-    size: 20,
-    unactiveColor: "",
-    activeColor: "",
-    safeAreaInsetBottom: false,
-    className: "",
-    style: {},
-    onSwitch: (child, activeVisible) => {
+    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$1a;
+  Badge.displayName = "NutBadge";
+  const defaultProps$19 = {
+    ...ComponentDefaults,
+    title: "",
+    icon: null,
+    active: false,
+    index: 0,
+    handleClick: (idx) => {
     }
   };
-  const Tabbar = (props) => {
+  const TabbarItem = (props) => {
     const {
-      children,
-      visible,
-      activeVisible,
-      bottom,
-      size,
-      activeColor,
-      unactiveColor,
-      safeAreaInsetBottom,
       className,
       style,
-      onSwitch
+      title,
+      icon,
+      active,
+      activeColor,
+      inactiveColor,
+      index,
+      handleClick,
+      ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$19,
       ...props
     };
-    const b2 = cn("tabbar");
-    const [selectIndex, setSelectIndex] = React.useState(activeVisible || visible);
-    const handleClick = (idx) => {
-      if (!("activeVisible" in props)) {
-        setSelectIndex(idx);
-      }
-    };
-    React.useEffect(() => {
-      if (activeVisible !== void 0) {
-        setSelectIndex(activeVisible);
-      }
-    }, [activeVisible]);
+    const classPrefix2 = "nut-tabbar-item";
+    const tabbarItemClass = classNames(className, classPrefix2, {
+      [`${classPrefix2}-active`]: active
+    });
+    const boxPrefix = `${classPrefix2}__icon-box`;
+    const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
+      [`${boxPrefix}-large`]: !icon
+    });
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
       {
-        className: [
-          `${b2()}`,
-          bottom ? `${b2("bottom")}` : "",
-          safeAreaInsetBottom ? `${b2("bottom")} ${b2("safebottom")}` : "",
-          className
-        ].join(" "),
-        style,
-        children: React.Children.map(children, (child, idx) => {
-          if (!React.isValidElement(child)) {
-            return null;
-          }
-          const childProps = {
-            ...child.props,
-            active: idx === selectIndex,
-            index: idx,
-            unactiveColor,
-            activeColor,
-            size,
-            handleClick: () => {
-              handleClick(idx);
-              onSwitch(child, idx);
-            }
-          };
-          return React.cloneElement(child, childProps);
-        })
+        className: tabbarItemClass,
+        style: {
+          color: active ? activeColor : inactiveColor,
+          ...style
+        },
+        onClick: () => handleClick(index),
+        children: icon ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: boxPrefix, children: icon }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: titleClass, children: title })
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: titleClass, children: title }) })
       }
     );
   };
-  Tabbar.defaultProps = defaultProps$1a;
-  Tabbar.displayName = "NutTabbar";
-  const defaultProps$19 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
-    dot: false,
-    className: "",
-    tabTitle: "",
-    icon: null,
-    href: "",
-    to: "",
-    num: "",
-    active: false,
+    defaultValue: 0,
+    fixed: false,
+    inactiveColor: "",
     activeColor: "",
-    unactiveColor: "",
-    index: 0,
-    handleClick: (idx) => {
+    safeArea: false,
+    onSwitch: (value) => {
     }
   };
-  const TabbarItem = (props) => {
+  const Tabbar = (props) => {
     const {
-      dot,
+      children,
+      defaultValue,
+      value,
+      fixed,
+      activeColor,
+      inactiveColor,
+      safeArea,
       className,
       style,
-      tabTitle,
-      icon,
-      href,
-      to: to2,
-      num,
-      active,
-      activeColor,
-      unactiveColor,
-      index,
-      handleClick
+      onSwitch
     } = {
-      ...defaultProps$19,
+      ...defaultProps$18,
       ...props
     };
-    const b2 = cn("tabbar-item");
-    const bIcon = cn("tabbar-item__icon-box");
-    React.useEffect(() => {
-      if (active && href) {
-        window.location.href = href;
-        return;
-      }
-      if (active && to2) {
-        Taro.navigateTo({
-          url: to2
-        });
-      }
-    }, [active, href, to2]);
+    const classPrefix2 = "nut-tabbar";
+    const [selectIndex, setSelectIndex] = usePropsValue({
+      value,
+      defaultValue,
+      finalValue: 0,
+      onChange: onSwitch
+    });
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `${b2({ active })} ${className}`,
-        style: {
-          ...style,
-          color: active ? activeColor : unactiveColor
-        },
-        onClick: () => {
-          handleClick(index);
-        },
+        className: classNames(classPrefix2, className, {
+          [`${classPrefix2}__fixed`]: fixed
+        }),
+        style,
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `${bIcon()}`, children: [
-            !dot ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-              num && num <= 99 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("num")])}`, children: num }),
-              num && num >= 100 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("nums")])}`, children: "99+" })
-            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${bIcon("tips", [bIcon("dot")])}` }),
-            icon || null
-          ] }),
-          tabTitle && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: bIcon({ "nav-word": true }, [
-                bIcon({ "big-word": !icon })
-              ]),
-              children: tabTitle
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__wrap`, children: React.Children.map(children, (child, idx) => {
+            if (!React.isValidElement(child)) {
+              return null;
             }
-          )
+            const childProps = {
+              ...child.props,
+              active: idx === selectIndex,
+              index: idx,
+              inactiveColor,
+              activeColor,
+              handleClick: setSelectIndex
+            };
+            return React.cloneElement(child, childProps);
+          }) }),
+          (fixed || safeArea) && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__safe-area` })
         ]
       }
     );
   };
-  const defaultProps$18 = {
+  Tabbar.defaultProps = defaultProps$18;
+  Tabbar.displayName = "NutTabbar";
+  Tabbar.Item = TabbarItem;
+  const defaultProps$17 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$18,
+      ...defaultProps$17,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -6803,26 +6771,7 @@ var __publicField = (obj, key, value) => {
     );
     return children ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classes, children: !disabled && children }) : null;
   };
-  function usePropsValue({
-    value,
-    defaultValue,
-    finalValue,
-    onChange = (value2) => {
-    }
-  }) {
-    const [uncontrolled, setUncontrolled] = React.useState(
-      defaultValue !== void 0 ? defaultValue : finalValue
-    );
-    const handleUncontrolledChange = (val) => {
-      setUncontrolled(val);
-      onChange == null ? void 0 : onChange(val);
-    };
-    if (value !== void 0) {
-      return [value, onChange];
-    }
-    return [uncontrolled, handleUncontrolledChange];
-  }
-  const defaultProps$17 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -6831,7 +6780,7 @@ var __publicField = (obj, key, value) => {
     duration: 300,
     autoHeight: false
   };
-  const classPrefix$3 = "nut-tabs";
+  const classPrefix$a = "nut-tabs";
   const Tabs = (props) => {
     const {
       activeColor,
@@ -6848,7 +6797,7 @@ var __publicField = (obj, key, value) => {
       autoHeight,
       ...rest
     } = {
-      ...defaultProps$17,
+      ...defaultProps$16,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -6878,14 +6827,14 @@ var __publicField = (obj, key, value) => {
     };
     const titles = React.useRef(getTitles());
     const classes = classNames(
-      classPrefix$3,
-      `${classPrefix$3}--${direction}`,
+      classPrefix$a,
+      `${classPrefix$a}--${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$a}__titles`, {
+      [`${classPrefix$a}__titles--${activeType}`]: activeType,
+      [`${classPrefix$a}__titles--scrollable`]: true,
+      [`${classPrefix$a}__titles--${align}`]: align
     });
     const tabsActiveStyle = {
       color: activeType === "smile" ? activeColor : "",
@@ -6931,7 +6880,7 @@ var __publicField = (obj, key, value) => {
                 onClick: (e) => {
                   tabChange(item);
                 },
-                className: classNames(`${classPrefix$3}__titles-item`, {
+                className: classNames(`${classPrefix$a}__titles-item`, {
                   [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
                   [`nut-tabs__titles-item--disabled`]: item.disabled,
                   [`nut-tabs__titles-item--${align}`]: align
@@ -6940,16 +6889,16 @@ var __publicField = (obj, key, value) => {
                   activeType === "line" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     components.View,
                     {
-                      className: `${classPrefix$3}__titles-item__line`,
+                      className: `${classPrefix$a}__titles-item__line`,
                       style: tabsActiveStyle
                     }
                   ),
                   activeType === "smile" && /* @__PURE__ */ jsxRuntimeExports.jsx(
                     components.View,
                     {
-                      className: `${classPrefix$3}__titles-item__smile`,
+                      className: `${classPrefix$a}__titles-item__smile`,
                       style: tabsActiveStyle,
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$h, { color: activeColor, width: 40, height: 20 })
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$i, { color: activeColor, width: 40, height: 20 })
                     }
                   ),
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -6959,7 +6908,7 @@ var __publicField = (obj, key, value) => {
                         {
                           ellipsis: true
                         },
-                        `${classPrefix$3}__titles-item__text`
+                        `${classPrefix$a}__titles-item__text`
                       ),
                       children: item.title
                     }
@@ -6971,7 +6920,7 @@ var __publicField = (obj, key, value) => {
           })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$3}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$3}__content`, style: contentStyle, children: React.Children.map(children, (child, idx) => {
+      /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$a}__content__wrap`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(components.View, { className: `${classPrefix$a}__content`, style: contentStyle, children: React.Children.map(children, (child, idx) => {
         if (!React.isValidElement(child)) {
           return null;
         }
@@ -6989,9 +6938,129 @@ var __publicField = (obj, key, value) => {
       }) }) })
     ] });
   };
-  Tabs.defaultProps = defaultProps$17;
+  Tabs.defaultProps = defaultProps$16;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
+  var classnameExports = {};
+  var classname = {
+    get exports() {
+      return classnameExports;
+    },
+    set exports(v) {
+      classnameExports = v;
+    }
+  };
+  var classname_production_min = {};
+  var hasRequiredClassname_production_min;
+  function requireClassname_production_min() {
+    if (hasRequiredClassname_production_min)
+      return classname_production_min;
+    hasRequiredClassname_production_min = 1;
+    function r2(r3) {
+      function t2(t3, i, a2, o) {
+        var f = i ? e + t3 + r3.e + i : e + t3, v = f;
+        if (a2) {
+          var s = " " + v + r3.m;
+          for (var u in a2)
+            if (a2.hasOwnProperty(u)) {
+              var p = a2[u];
+              true === p ? v += s + u : p && (v += s + u + n + p);
+            }
+        }
+        if (void 0 !== o)
+          for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
+            var l = o[y2];
+            if (l && "string" == typeof l.valueOf())
+              for (var g = l.valueOf().split(" "), d = 0; d < g.length; d++) {
+                var h = g[d];
+                h !== f && (v += " " + h);
+              }
+          }
+        return v;
+      }
+      var e = r3.n || "", n = r3.v || r3.m;
+      return function(r4, e2) {
+        return function(n2, i, a2) {
+          return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r4, n2, void 0, i) : t2(r4, n2, i, a2) : t2(r4, e2, n2, i);
+        };
+      };
+    }
+    Object.defineProperty(classname_production_min, "__esModule", { value: true });
+    var t = r2({ e: "-", m: "_" });
+    classname_production_min.cn = t, classname_production_min.withNaming = r2;
+    return classname_production_min;
+  }
+  var classname_development = {};
+  var hasRequiredClassname_development;
+  function requireClassname_development() {
+    if (hasRequiredClassname_development)
+      return classname_development;
+    hasRequiredClassname_development = 1;
+    Object.defineProperty(classname_development, "__esModule", { value: true });
+    function withNaming(preset) {
+      var nameSpace = preset.n || "";
+      var modValueDelimiter = preset.v || preset.m;
+      function stringify(b2, e, m, mix) {
+        var entityName = e ? nameSpace + b2 + preset.e + e : nameSpace + b2;
+        var className = entityName;
+        if (m) {
+          var modPrefix = " " + className + preset.m;
+          for (var k in m) {
+            if (m.hasOwnProperty(k)) {
+              var modVal = m[k];
+              if (modVal === true) {
+                className += modPrefix + k;
+              } else if (modVal) {
+                className += modPrefix + k + modValueDelimiter + modVal;
+              }
+            }
+          }
+        }
+        if (mix !== void 0) {
+          mix = Array.isArray(mix) ? mix : [mix];
+          for (var i = 0, len = mix.length; i < len; i++) {
+            var value = mix[i];
+            if (!value || typeof value.valueOf() !== "string")
+              continue;
+            var mixes = value.valueOf().split(" ");
+            for (var j = 0; j < mixes.length; j++) {
+              var val = mixes[j];
+              if (val !== entityName) {
+                className += " " + val;
+              }
+            }
+          }
+        }
+        return className;
+      }
+      return function cnGenerator(b2, e) {
+        return function(elemOrMods, elemModsOrBlockMix, elemMix) {
+          if (typeof elemOrMods === "string") {
+            if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+              return stringify(b2, elemOrMods, void 0, elemModsOrBlockMix);
+            }
+            return stringify(b2, elemOrMods, elemModsOrBlockMix, elemMix);
+          }
+          return stringify(b2, e, elemOrMods, elemModsOrBlockMix);
+        };
+      };
+    }
+    var cn2 = withNaming({
+      e: "-",
+      m: "_"
+    });
+    classname_development.cn = cn2;
+    classname_development.withNaming = withNaming;
+    return classname_development;
+  }
+  (function(module2) {
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = requireClassname_production_min();
+    } else {
+      module2.exports = requireClassname_development();
+    }
+  })(classname);
+  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultConfigRef = {
     current: {
       locale: zhCN
@@ -7004,7 +7073,7 @@ var __publicField = (obj, key, value) => {
   const useConfig = () => {
     return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
-  const defaultProps$16 = {
+  const defaultProps$15 = {
     type: "custom",
     existAddress: [],
     defaultIcon: null,
@@ -7026,7 +7095,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onSwitchModule,
       ...rest
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$15, ...props };
     const b2 = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
@@ -7068,7 +7137,7 @@ var __publicField = (obj, key, value) => {
       isShowCustomAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other"), onClick: onSwitch, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("choose-other-btn"), children: customAndExistTitle || locale.address.chooseAnotherAddress }) })
     ] });
   };
-  const defaultProps$15 = {
+  const defaultProps$14 = {
     modelValue: [],
     type: "custom",
     province: [],
@@ -7093,7 +7162,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       ...rest
     } = {
-      ...defaultProps$15,
+      ...defaultProps$14,
       ...props
     };
     const b2 = cn("address");
@@ -7257,28 +7326,28 @@ var __publicField = (obj, key, value) => {
       nextAreaList(item);
     };
     React.useEffect(() => {
-      const { province: province2 } = { ...defaultProps$15, ...props };
+      const { province: province2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         province: isCustom2() ? transformData(province2) : province2
       });
     }, [province]);
     React.useEffect(() => {
-      const { city: city2 } = { ...defaultProps$15, ...props };
+      const { city: city2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         city: isCustom2() ? transformData(city2) : city2
       });
     }, [city]);
     React.useEffect(() => {
-      const { country: country2 } = { ...defaultProps$15, ...props };
+      const { country: country2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         country: isCustom2() ? transformData(country2) : country2
       });
     }, [country]);
     React.useEffect(() => {
-      const { town: town2 } = { ...defaultProps$15, ...props };
+      const { town: town2 } = { ...defaultProps$14, ...props };
       setRegionList({
         ...regionList,
         town: isCustom2() ? transformData(town2) : town2
@@ -7328,7 +7397,7 @@ var __publicField = (obj, key, value) => {
               },
               children: [
                 selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  a$r,
+                  a$s,
                   {
                     className: b2("region-item--icon"),
                     color: "#FA2C19",
@@ -7351,7 +7420,7 @@ var __publicField = (obj, key, value) => {
       ) })
     ] });
   };
-  const defaultProps$14 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     modelValue: false,
     modelSelect: [],
@@ -7402,7 +7471,7 @@ var __publicField = (obj, key, value) => {
       className,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$13,
       ...props
     };
     const b2 = cn("address");
@@ -7492,9 +7561,9 @@ var __publicField = (obj, key, value) => {
     };
     const headerRender = () => {
       return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: b2("header"), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "arrow-back", onClick: onSwitchModule, children: privateType === "custom" && (React.isValidElement(backBtnIcon) ? backBtnIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$g, { color: "#cccccc" })) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "arrow-back", onClick: onSwitchModule, children: privateType === "custom" && (React.isValidElement(backBtnIcon) ? backBtnIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$h, { color: "#cccccc" })) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("header__title"), children: privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: () => handClose(), children: React.isValidElement(closeBtnIcon) ? closeBtnIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$o, { size: 18, color: "#ccc" }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { onClick: () => handClose(), children: React.isValidElement(closeBtnIcon) ? closeBtnIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$p, { size: 18, color: "#ccc" }) })
       ] });
     };
     React.useEffect(() => {
@@ -7546,8 +7615,8 @@ var __publicField = (obj, key, value) => {
                 {
                   type: privateType,
                   existAddress,
-                  selectedIcon: React.isValidElement(selectedIcon) ? selectedIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$r, { color: "#FA2C19" }),
-                  defaultIcon: React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(r$d, {}),
+                  selectedIcon: React.isValidElement(selectedIcon) ? selectedIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$s, { color: "#FA2C19" }),
+                  defaultIcon: React.isValidElement(defaultIcon) ? defaultIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(r$e, {}),
                   isShowCustomAddress,
                   customAndExistTitle: customAndExistTitle || locale.address.chooseAnotherAddress,
                   onSelected: selectedExist,
@@ -7560,7 +7629,7 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  Address.defaultProps = defaultProps$14;
+  Address.defaultProps = defaultProps$13;
   Address.displayName = "NutAddress";
   const Utils = {
     /**
@@ -7693,7 +7762,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const requestAniFrame$1 = requestAniFrame();
-  const defaultProps$13 = {
+  const defaultProps$12 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -7745,7 +7814,7 @@ var __publicField = (obj, key, value) => {
       onUpdate,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$12, ...props };
     const weeks = locale.calendaritem.weekdays;
     const [yearMonthTitle, setYearMonthTitle] = React.useState("");
     const [monthsData, setMonthsData] = React.useState([]);
@@ -8350,9 +8419,9 @@ var __publicField = (obj, key, value) => {
       poppable && !isAutoBackFill ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-calendar-footer", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "calendar-confirm-btn", onClick: confirm, children: confirmText || locale.confirm }) }) : ""
     ] }) });
   });
-  CalendarItem.defaultProps = defaultProps$13;
+  CalendarItem.defaultProps = defaultProps$12;
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$12 = {
+  const defaultProps$11 = {
     type: "one",
     isAutoBackFill: false,
     poppable: true,
@@ -8408,7 +8477,7 @@ var __publicField = (obj, key, value) => {
       onChoose,
       onSelected,
       onYearMonthChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -8478,9 +8547,9 @@ var __publicField = (obj, key, value) => {
       }
     ) : renderItem() });
   });
-  Calendar.defaultProps = defaultProps$12;
+  Calendar.defaultProps = defaultProps$11;
   Calendar.displayName = "NutCalendar";
-  const defaultProps$11 = {
+  const defaultProps$10 = {
     data: {
       text: "",
       value: "",
@@ -8497,7 +8566,7 @@ var __publicField = (obj, key, value) => {
   };
   const InternalCascaderItem = (props, ref) => {
     const { data, checked, checkedIcon, chooseItem, activeColor } = {
-      ...defaultProps$11,
+      ...defaultProps$10,
       ...props
     };
     const b2 = cn("cascader-item");
@@ -8516,7 +8585,7 @@ var __publicField = (obj, key, value) => {
         if (React.isValidElement(checkedIcon)) {
           return checkedIcon;
         }
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(a$p, { className: `${checked ? b2("icon-check") : ""}` });
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(a$q, { className: `${checked ? b2("icon-check") : ""}` });
       }
       return null;
     };
@@ -8530,13 +8599,13 @@ var __publicField = (obj, key, value) => {
         },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: classesTitle, children: data.text }),
-          data.loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(r$e, { color: "#969799", className: "nut-cascader-item__icon-loading" }) : renderIcon()
+          data.loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(r$f, { color: "#969799", className: "nut-cascader-item__icon-loading" }) : renderIcon()
         ]
       }
     );
   };
   const CascaderItem = React.forwardRef(InternalCascaderItem);
-  CascaderItem.defaultProps = defaultProps$11;
+  CascaderItem.defaultProps = defaultProps$10;
   CascaderItem.displayName = "NutCascaderItem";
   const formatTree = (tree, parent, config2) => tree.map((node) => {
     const {
@@ -8674,7 +8743,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   const Tree$1 = Tree;
-  const defaultProps$10 = {
+  const defaultProps$$ = {
     className: "",
     style: {},
     activeColor: "",
@@ -8725,7 +8794,7 @@ var __publicField = (obj, key, value) => {
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$$, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.lazyLoad);
@@ -8999,74 +9068,76 @@ var __publicField = (obj, key, value) => {
     ) : renderItem() });
   };
   const Cascader = React.forwardRef(InternalCascader);
-  Cascader.defaultProps = defaultProps$10;
+  Cascader.defaultProps = defaultProps$$;
   Cascader.displayName = "NutCascader";
   const CheckboxGroupContext = React.createContext(null);
   const Context = CheckboxGroupContext;
-  const defaultProps$$ = {
-    disabled: false,
-    checkedValue: [],
+  const defaultProps$_ = {
     max: void 0,
-    textPosition: "right",
+    labelPosition: "right",
     direction: "vertical",
     onChange: (value) => {
     },
     options: []
   };
+  const classPrefix$9 = "nut-checkboxgroup";
   const CheckboxGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$$, ...props };
-      const b2 = cn("checkboxgroup");
+      const { children } = { ...defaultProps$_, ...props };
       const {
         className,
         disabled,
         onChange,
-        checkedValue,
+        value,
+        defaultValue,
         max,
-        textPosition,
+        labelPosition,
         direction,
         options,
         ...rest
       } = props;
       React.useImperativeHandle(ref, () => ({
-        toggleAll(state) {
+        toggle(state) {
           if (state === false) {
-            setInnerValue([]);
+            setValue([]);
           } else {
             const childrenLabel = [];
             React.Children.map(children, (child) => {
               const childProps = child.props;
-              childrenLabel.push(childProps.label || child.children);
+              childrenLabel.push(childProps.value);
             });
-            setInnerValue(childrenLabel);
+            setValue(childrenLabel);
           }
         },
-        toggleReverse() {
+        reverse() {
           const childrenLabel = [];
           React.Children.map(children, (child) => {
             const childProps = child.props;
-            childrenLabel.push(childProps.label || child.children);
+            childrenLabel.push(childProps.value);
           });
           const reverse = childrenLabel.filter(
-            (c) => (innerValue == null ? void 0 : innerValue.findIndex((v) => v === c)) === -1
+            (c) => (_value == null ? void 0 : _value.findIndex((v) => v === c)) === -1
           );
-          setInnerValue(reverse);
+          setValue(reverse);
         }
       }));
-      const [innerValue, setInnerValue] = React.useState(checkedValue || []);
-      React.useEffect(() => {
-        setInnerValue(checkedValue || []);
-      }, [checkedValue]);
+      const [_value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: [],
+        onChange
+      });
       const renderOptions = React.useCallback(() => {
-        return options == null ? void 0 : options.map(({ label, value, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
+        return options == null ? void 0 : options.map(({ label, value: value2, disabled: disabled2, onChange: onChange2, ...rest2 }) => {
           return /* @__PURE__ */ jsxRuntimeExports.jsx(
             Checkbox,
             {
-              children: label,
-              label: value,
+              label,
+              disabled: disabled2,
+              value: value2,
               ...rest2
             },
-            value == null ? void 0 : value.toString()
+            value2 == null ? void 0 : value2.toString()
           );
         });
       }, [options, max]);
@@ -9074,25 +9145,26 @@ var __publicField = (obj, key, value) => {
         Context.Provider,
         {
           value: {
-            textPosition: textPosition || "left",
+            labelPosition: labelPosition || "right",
             disabled,
             max,
-            checkedValue: innerValue || [],
-            check: (value) => {
-              const combined = [...innerValue, value];
-              setInnerValue(combined);
-              onChange && onChange(combined);
+            value: _value,
+            check: (value2) => {
+              const combined = [..._value, value2];
+              setValue(combined);
             },
-            uncheck: (value) => {
-              const reduced = innerValue.filter((item) => item !== value);
-              setInnerValue(reduced);
-              onChange && onChange(reduced);
+            uncheck: (value2) => {
+              const reduced = _value.filter((item) => item !== value2);
+              setValue(reduced);
             }
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "div",
             {
-              className: `${b2()} nut-checkboxgroup--${props.direction} ${className || ""}`,
+              className: classNames(classPrefix$9, {
+                [`nut-checkboxgroup--${props.direction}`]: props.direction,
+                className
+              }),
               ...rest,
               children: (options == null ? void 0 : options.length) ? renderOptions() : children
             }
@@ -9101,107 +9173,117 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  CheckboxGroup.defaultProps = defaultProps$$;
+  CheckboxGroup.defaultProps = defaultProps$_;
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
-    checked: false,
     disabled: false,
-    textPosition: "right",
-    iconSize: 18,
-    icon: "check-normal",
-    checkedIcon: "checked",
-    iconClassPrefix: "nut-icon",
-    iconFontClassName: "nutui-iconfont",
-    indeterminateIcon: "check-disabled",
-    onChange: (state, label) => {
+    labelPosition: "right",
+    icon: null,
+    activeIcon: null,
+    indeterminateIcon: null,
+    onChange: (value) => {
     }
   };
+  const classPrefix$8 = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$Z,
       ...props
     };
-    const b2 = cn("checkbox");
     const {
       icon,
-      iconSize,
       label,
       className,
-      checkedIcon,
+      activeIcon,
       checked,
+      value,
+      defaultChecked,
       disabled,
       onChange,
       indeterminate,
-      iconClassPrefix,
-      iconFontClassName,
       indeterminateIcon,
       ...others
     } = props;
-    let { textPosition, ...rest } = others;
+    let { labelPosition, ...rest } = others;
     const ctx2 = React.useContext(Context);
-    let [innerChecked, setInnerChecked] = React.useState(checked);
+    let [innerChecked, setChecked] = usePropsValue({
+      value: props.checked,
+      defaultValue: props.defaultChecked,
+      finalValue: defaultChecked,
+      onChange
+    });
     let [innerDisabled, setDisabled] = React.useState(disabled);
-    const [_indeterminate, setIndeterminate] = React.useState(indeterminate);
+    const [innerIndeterminate, setIndeterminate] = React.useState(indeterminate);
     React.useEffect(() => {
-      !ctx2 && setInnerChecked(checked);
       setDisabled(disabled);
+    }, [disabled]);
+    React.useEffect(() => {
       setIndeterminate(indeterminate);
-    }, [disabled, checked, indeterminate]);
+    }, [indeterminate]);
     if (ctx2) {
-      if (ctx2.textPosition !== void 0) {
-        textPosition = ctx2.textPosition;
+      if (ctx2.labelPosition !== void 0) {
+        labelPosition = ctx2.labelPosition;
       }
-      innerDisabled = ctx2.disabled;
-      innerChecked = ctx2.checkedValue.includes(label);
-      setInnerChecked = (checked2) => {
+      innerDisabled = ctx2.disabled !== void 0 ? ctx2.disabled : innerDisabled;
+      innerChecked = ctx2.value.includes(value);
+      setChecked = (checked2) => {
         if (ctx2.disabled)
           return;
         if (checked2)
-          ctx2.check(label);
+          ctx2.check(value);
         if (!checked2)
-          ctx2.uncheck(label);
+          ctx2.uncheck(value);
       };
     }
     const renderIcon = () => {
       if (!innerChecked) {
-        return React.isValidElement(icon) ? icon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$s, { size: iconSize, className: color() });
+        return React.isValidElement(icon) ? icon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$t, { className: color() });
       }
-      if (_indeterminate) {
-        return React.isValidElement(indeterminateIcon) ? indeterminateIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(r$t, { size: iconSize, className: color() });
+      if (innerIndeterminate) {
+        return React.isValidElement(indeterminateIcon) ? indeterminateIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(r$u, { className: color() });
       }
-      return React.isValidElement(checkedIcon) ? checkedIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$q, { size: iconSize, className: color() });
+      return React.isValidElement(activeIcon) ? activeIcon : /* @__PURE__ */ jsxRuntimeExports.jsx(a$r, { className: color() });
     };
     const color = () => {
       if (innerDisabled) {
-        return "nut-checkbox__icon--disable";
+        return `${classPrefix$8}__icon--disable`;
       }
       if (innerChecked) {
-        if (_indeterminate) {
-          return "nut-checkbox__icon--indeterminate";
+        if (innerIndeterminate) {
+          return `${classPrefix$8}__icon--indeterminate`;
         }
-        return "nut-checkbox__icon";
+        return `${classPrefix$8}__icon`;
       }
-      return "nut-checkbox__icon--unchecked";
+      return `${classPrefix$8}__icon--unchecked`;
     };
     const renderLabel = () => {
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `${b2("label", { disabled: innerDisabled })} `, children: children || label });
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: classNames(`${classPrefix$8}__label `, {
+            [`${classPrefix$8}__label--disabled`]: innerDisabled
+          }),
+          children: children || label
+        }
+      );
     };
     const handleClick = () => {
       if (disabled)
         return;
       const latestChecked = !innerChecked;
       if (ctx2 && ctx2.max !== void 0) {
-        if (latestChecked && ctx2.checkedValue.length >= ctx2.max)
+        if (latestChecked && ctx2.value.length >= ctx2.max)
           return;
       }
-      onChange && onChange(latestChecked, label || children);
-      setInnerChecked(latestChecked);
+      setChecked(latestChecked);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
-        className: `${b2({ reverse: textPosition === "left" })} ${className || ""}`,
+        className: classNames(classPrefix$8, className, {
+          [`${classPrefix$8}--reverse`]: labelPosition === "left"
+        }),
         ...rest,
         onClick: handleClick,
         children: [
@@ -9211,7 +9293,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Checkbox.defaultProps = defaultProps$_;
+  Checkbox.defaultProps = defaultProps$Z;
   Checkbox.displayName = "NutCheckBox";
   Checkbox.Group = CheckboxGroup;
   const MIN_DISTANCE = 10;
@@ -9760,7 +9842,7 @@ var __publicField = (obj, key, value) => {
   const Picker = React.forwardRef(InternalPicker);
   const Picker$1 = Picker;
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Z = {
+  const defaultProps$Y = {
     modelValue: null,
     visible: false,
     title: "",
@@ -9791,7 +9873,7 @@ var __publicField = (obj, key, value) => {
       style,
       ...rest
     } = {
-      ...defaultProps$Z,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig$1();
@@ -10069,10 +10151,10 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  DatePicker.defaultProps = defaultProps$Z;
+  DatePicker.defaultProps = defaultProps$Y;
   DatePicker.displayName = "NutDatePicker";
   const FormItemContext = React.createContext({});
-  const defaultProps$Y = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     name: "",
     label: "",
@@ -10121,7 +10203,7 @@ var __publicField = (obj, key, value) => {
           showErrorLine,
           showErrorMessage
         } = {
-          ...defaultProps$Y,
+          ...defaultProps$X,
           ...this.props
         };
         const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
@@ -10182,7 +10264,7 @@ var __publicField = (obj, key, value) => {
       return this.renderLayout(returnChildNode);
     }
   }
-  __publicField(FormItem, "defaultProps", defaultProps$Y);
+  __publicField(FormItem, "defaultProps", defaultProps$X);
   __publicField(FormItem, "contextType", FormItemContext);
   class FormStore {
     constructor() {
@@ -10306,7 +10388,7 @@ var __publicField = (obj, key, value) => {
     }
     return [formRef.current];
   };
-  const defaultProps$X = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     className: "",
     style: void 0,
@@ -10333,7 +10415,7 @@ var __publicField = (obj, key, value) => {
       starPositon,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$W,
       ...props
     };
     console.log("46 dddd");
@@ -10357,7 +10439,7 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Form.defaultProps = defaultProps$X;
+  Form.defaultProps = defaultProps$W;
   Form.displayName = "NutForm";
   Form.Item = FormItem;
   function trimExtraChar(value, char, regExp) {
@@ -10384,356 +10466,196 @@ var __publicField = (obj, key, value) => {
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$W = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     type: "text",
     name: "",
-    defaultValue: "",
     placeholder: "",
-    label: "",
-    labelClass: "",
-    labelWidth: "80",
-    labelAlign: "left",
-    colon: false,
-    inputAlign: "left",
-    center: false,
+    confirmType: "done",
+    align: "left",
     required: false,
     disabled: false,
-    readonly: false,
-    error: false,
-    maxlength: "9999",
-    leftIcon: null,
-    rightIcon: null,
+    readOnly: false,
+    maxLength: 9999,
     clearable: false,
     clearIcon: null,
-    clearSize: "14",
-    border: true,
     formatTrigger: "onChange",
-    rules: [],
-    rows: null,
-    errorMessage: "",
-    errorMessageAlign: "",
-    showWordLimit: false,
-    autofocus: false,
-    slotButton: null,
-    slotInput: null
-  };
-  const Input = React.forwardRef((props, ref) => {
-    const { locale } = useConfig$1();
-    const {
-      children,
-      type,
-      name,
-      defaultValue,
-      placeholder,
-      label,
-      labelClass,
-      labelWidth,
-      labelAlign,
-      colon,
-      inputAlign,
-      center,
-      required,
-      disabled,
-      readonly,
-      error,
-      maxlength,
-      leftIcon,
-      rightIcon,
-      clearable,
-      clearIcon,
-      clearSize,
-      border,
-      formatTrigger,
-      rules,
-      errorMessage,
-      errorMessageAlign,
-      showWordLimit,
-      autofocus,
-      style,
-      className,
-      rows,
-      slotButton,
-      slotInput,
-      onChange,
-      onBlur,
-      onFocus,
-      onClear,
-      formatter,
-      keypress,
-      onClickInput,
-      onClickLeftIcon,
-      onClickRightIcon,
-      onClick,
-      ...rest
-    } = {
-      ...defaultProps$W,
-      ...props
-    };
-    const inputPlaceholder = placeholder || locale.placeholder;
-    const [inputValue, SetInputValue] = React.useState("");
-    const [active, SetActive] = React.useState(false);
-    const [classes, setClasses] = React.useState("");
-    const getModelValue = () => String(inputValue ?? "");
-    const inputRef = React.useRef(null);
-    React.useEffect(() => {
-      setClasses(inputClass);
-      SetInputValue(defaultValue);
-    }, [defaultValue]);
-    React.useEffect(() => {
-      if (inputValue) {
-        updateValue(getModelValue());
-        resetValidation();
-      }
-    }, [inputValue]);
-    React.useImperativeHandle(ref, () => {
-      return inputRef.current;
-    });
-    const inputClass = React.useCallback(() => {
-      const prefixCls2 = "nut-input";
-      return [
-        prefixCls2,
-        `${center ? "center" : ""}`,
-        `${disabled ? `${prefixCls2}-disabled` : ""}`,
-        `${required ? `${prefixCls2}-required` : ""}`,
-        `${error ? `${prefixCls2}-error` : ""}`,
-        `${border ? `${prefixCls2}-border` : ""}`,
-        `${slotButton || rightIcon ? `${prefixCls2}-right-mark` : ""}`
-      ].filter(Boolean).join(" ");
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    React.useEffect(() => {
-      setClasses(inputClass);
-    }, [disabled, required, error, border, slotButton, rightIcon, center]);
-    const updateValue = (value, trigger = "onChange") => {
-      var _a;
-      let val = value;
-      if (type === "digit" || type === "tel") {
-        val = formatNumber(val, false, false);
-      }
-      if (type === "number") {
-        val = formatNumber(val, true, true);
-      }
-      if (type === "tel" && !formatter) {
-        const regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-        const regNumber = /[^-0-9]/g;
-        val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, "");
-      }
-      if (formatter && trigger === formatTrigger) {
-        val = formatter(val);
-      }
-      if (((_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.value) !== val) {
-        inputRef.current.value = val;
-      }
-      SetInputValue(val);
-    };
-    const handleFocus = (event) => {
-      const val = event.target.value;
-      SetActive(true);
-      onFocus && onFocus(val, event);
-    };
-    const handleInput = (event) => {
-      let val = event.target.value;
-      if (maxlength && val.length > Number(maxlength)) {
-        val = val.slice(0, Number(maxlength));
-      }
-      updateValue(val, "onChange");
-      onChange && onChange(val, event);
-    };
-    const handleBlur = (event) => {
-      setTimeout(() => {
-        SetActive(false);
-      }, 200);
-      let val = event.target.value;
-      if (maxlength && val.length > Number(maxlength)) {
-        val = val.slice(0, Number(maxlength));
-      }
-      updateValue(val, "onBlur");
-      onBlur && onBlur(val, event);
-    };
-    const handleClickInput = (event) => {
-      onClickInput && onClickInput(event);
-    };
-    const handleClickLeftIcon = (event) => {
-      onClickLeftIcon && onClickLeftIcon(event);
-    };
-    const handleClickRightIcon = (event) => {
-      onClickRightIcon && onClickRightIcon(event);
-    };
-    const resetValidation = () => {
-    };
-    const inputType = (type2) => {
-      if (type2 === "number") {
-        return "text";
-      }
-      if (type2 === "digit") {
-        return "tel";
-      }
-      return type2;
-    };
-    const handleClear = (event) => {
-      updateValue("");
-      onClear && onClear("", event);
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "div",
-      {
-        className: `${classes}  ${className || ""}`,
+    autoFocus: false
+  };
+  const Input = React.forwardRef(
+    (props, ref) => {
+      const { locale } = useConfig$1();
+      const {
+        type,
+        name,
+        placeholder,
+        align,
+        disabled,
+        readOnly,
+        maxLength,
+        clearable,
+        clearIcon,
+        formatTrigger,
+        autoFocus,
         style,
-        onClick: (e) => {
-          onClick && onClick(e);
-        },
-        children: slotInput ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `nut-input-label ${labelClass}`,
-              style: { width: `${labelWidth}px`, textAlign: labelAlign },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "label-string", children: [
-                label,
-                colon ? ":" : ""
-              ] })
-            }
-          ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-value", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "nut-input-inner",
-              onClick: (e) => {
-                handleClickInput(e);
-              },
-              children: slotInput
-            }
-          ) })
-        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          React.isValidElement(leftIcon) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "nut-input-left-icon",
-              onClick: (e) => {
-                handleClickLeftIcon(e);
-              },
-              children: leftIcon
-            }
-          ) : null,
-          label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: `nut-input-label ${labelClass}`,
-              style: { width: `${labelWidth}px`, textAlign: labelAlign },
-              children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "label-string", children: [
-                label,
-                colon ? ":" : ""
-              ] })
-            }
-          ) : null,
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-value", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-main-con", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "div",
-                {
-                  className: "nut-input-inner",
-                  onClick: (e) => {
-                    handleClickInput(e);
-                  },
-                  children: [
-                    type === "textarea" ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "textarea",
-                      {
-                        name,
-                        className: "input-text",
-                        ref: inputRef,
-                        style: {
-                          textAlign: inputAlign,
-                          height: `${Number(rows) * 24}px`
-                        },
-                        maxLength: maxlength,
-                        placeholder: inputPlaceholder,
-                        disabled,
-                        readOnly: readonly,
-                        value: inputValue,
-                        autoFocus: autofocus,
-                        onBlur: (e) => {
-                          handleBlur(e);
-                        },
-                        onFocus: (e) => {
-                          handleFocus(e);
-                        },
-                        onInput: (e) => {
-                          handleInput(e);
-                        }
-                      }
-                    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "input",
-                      {
-                        ...rest,
-                        name,
-                        className: "input-text",
-                        ref: inputRef,
-                        style: { textAlign: inputAlign },
-                        type: inputType(type),
-                        maxLength: maxlength,
-                        placeholder: inputPlaceholder,
-                        disabled,
-                        readOnly: readonly,
-                        value: inputValue,
-                        autoFocus: autofocus,
-                        onBlur: (e) => {
-                          handleBlur(e);
-                        },
-                        onFocus: (e) => {
-                          handleFocus(e);
-                        },
-                        onInput: (e) => {
-                          handleInput(e);
-                        }
-                      }
-                    ),
-                    clearable && !readonly && active && inputValue.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "span",
-                      {
-                        className: "nut-input-clear-wrap",
-                        onClick: (e) => handleClear(e),
-                        children: clearIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$c, { className: "nut-input-clear" })
-                      }
-                    ) : null
-                  ]
-                }
-              ),
-              React.isValidElement(rightIcon) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "div",
-                {
-                  className: "nut-input-right-icon",
-                  onClick: (e) => {
-                    handleClickRightIcon(e);
-                  },
-                  children: rightIcon
+        className,
+        onChange,
+        onFocus,
+        onBlur,
+        onClear,
+        formatter,
+        onClick,
+        confirmType,
+        defaultValue,
+        value: _value,
+        ...rest
+      } = {
+        ...defaultProps$V,
+        ...props
+      };
+      const [value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: "",
+        onChange
+      });
+      const inputRef = React.useRef(null);
+      const [active, setActive] = React.useState(false);
+      React.useImperativeHandle(ref, () => {
+        return {
+          clear: () => {
+            setValue("");
+          },
+          focus: () => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.focus();
+          },
+          blur: () => {
+            var _a;
+            (_a = inputRef.current) == null ? void 0 : _a.blur();
+          },
+          get nativeElement() {
+            return inputRef.current;
+          }
+        };
+      });
+      const inputClass = React.useCallback(() => {
+        const classPrefix2 = "nut-input";
+        return [classPrefix2, `${disabled ? `${classPrefix2}-disabled` : ""}`].filter(Boolean).join(" ");
+      }, [disabled]);
+      const [, updateState] = React.useState();
+      const forceUpdate = React.useCallback(() => updateState({}), []);
+      const updateValue = (value2, trigger = "onChange") => {
+        let val = value2;
+        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+          if (type === "number") {
+            val = formatNumber(val, false, true);
+          }
+          if (type === "digit") {
+            val = formatNumber(val, true, true);
+          }
+        }
+        if (formatter && trigger === formatTrigger) {
+          val = formatter(val);
+        }
+        setValue(val);
+        const eventHandler = props[trigger];
+        if (eventHandler && typeof eventHandler === "function") {
+          eventHandler(val);
+        }
+        forceUpdate();
+      };
+      const handleFocus = (event) => {
+        const val = event.target.value;
+        onFocus && onFocus(val);
+        setActive(true);
+      };
+      const handleInput = (value2) => {
+        updateValue(value2, "onChange");
+      };
+      const handleBlur = (event) => {
+        const val = event.target.value;
+        updateValue(val, "onBlur");
+        setTimeout(() => {
+          setActive(false);
+        }, 50);
+      };
+      const inputType = (type2) => {
+        if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+          if (type2 === "digit") {
+            return "text";
+          }
+          if (type2 === "number") {
+            return "tel";
+          }
+        } else if (type2 === "password") {
+          return "text";
+        }
+        return type2;
+      };
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        components.View,
+        {
+          className: `${inputClass()}  ${className || ""}`,
+          style,
+          onClick: (e) => {
+            onClick && onClick(e);
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              components.Input,
+              {
+                ...rest,
+                name,
+                className: "nut-input-native",
+                ref: inputRef,
+                style: { textAlign: align },
+                type: inputType(type),
+                password: type === "password",
+                maxlength: maxLength,
+                placeholder: placeholder || locale.placeholder,
+                disabled: disabled || readOnly,
+                value,
+                focus: autoFocus,
+                confirmType,
+                onBlur: (e) => {
+                  handleBlur(e);
+                },
+                onFocus: (e) => {
+                  handleFocus(e);
+                },
+                onInput: (e) => {
+                  handleInput(e.currentTarget.value);
                 }
-              ) : null,
-              slotButton ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-button", children: slotButton }) : null,
-              showWordLimit && maxlength ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-input-word-limit", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "nut-input-word-num", children: inputValue ? inputValue.length : 0 }),
-                "/",
-                maxlength
-              ] }) : null
-            ] }),
-            errorMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "div",
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              components.View,
               {
-                className: "nut-input-error-message",
                 style: {
-                  textAlign: errorMessageAlign
+                  display: clearable && !readOnly && active && value.length > 0 ? "flex" : "none",
+                  alignItems: "center"
+                },
+                onClick: (e) => {
+                  e.stopPropagation();
+                  if (!disabled) {
+                    setTimeout(() => {
+                      setValue("");
+                      onClear && onClear("");
+                    }, 50);
+                  }
                 },
-                children: errorMessage
+                children: clearIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$d, { className: "nut-input-clear" })
               }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", {})
-          ] })
-        ] })
-      }
-    );
-  });
-  Input.defaultProps = defaultProps$W;
+            )
+          ]
+        }
+      );
+    }
+  );
+  Input.defaultProps = defaultProps$V;
   Input.displayName = "NutInput";
-  const defaultProps$V = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     min: 1,
@@ -10745,7 +10667,7 @@ var __publicField = (obj, key, value) => {
     digits: 0,
     async: false
   };
-  const classPrefix$2 = `nut-inputnumber`;
+  const classPrefix$7 = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -10770,7 +10692,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       ...restProps
     } = {
-      ...defaultProps$V,
+      ...defaultProps$U,
       ...props
     };
     const inputRef = React.useRef("");
@@ -10788,8 +10710,8 @@ var __publicField = (obj, key, value) => {
     }, []);
     const classes = classNames(
       {
-        [`${classPrefix$2}`]: true,
-        [`${classPrefix$2}--disabled`]: disabled
+        [`${classPrefix$7}`]: true,
+        [`${classPrefix$7}--disabled`]: disabled
       },
       className
     );
@@ -10930,7 +10852,7 @@ var __publicField = (obj, key, value) => {
       onBlur && onBlur(e);
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style: styles, ...restProps, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-minus", children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$b, { className: iconMinusClasses, onClick: reduceNumber }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-minus", children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$c, { className: iconMinusClasses, onClick: reduceNumber }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: formatter ? /* @__PURE__ */ jsxRuntimeExports.jsx(
         "input",
         {
@@ -10961,9 +10883,9 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-input-add", children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$8, { className: iconAddClasses, onClick: addNumber }) })
     ] });
   };
-  InputNumber.defaultProps = defaultProps$V;
+  InputNumber.defaultProps = defaultProps$U;
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$U = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnClickOverlay: true,
@@ -10982,7 +10904,7 @@ var __publicField = (obj, key, value) => {
       activeColor,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$T,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -11072,7 +10994,7 @@ var __publicField = (obj, key, value) => {
                   }),
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-menu__title-text", children: finallyTitle() }),
-                    icon || (direction === "up" ? /* @__PURE__ */ jsxRuntimeExports.jsx(a$v, { className: "nut-menu__title-icon", size: 10 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$w, { className: "nut-menu__title-icon", size: 10 }))
+                    icon || (direction === "up" ? /* @__PURE__ */ jsxRuntimeExports.jsx(a$w, { className: "nut-menu__title-icon", size: 10 }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$x, { className: "nut-menu__title-icon", size: 10 }))
                   ]
                 }
               )
@@ -11106,9 +11028,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Menu.defaultProps = defaultProps$U;
+  Menu.defaultProps = defaultProps$T;
   Menu.displayName = "NutMenu";
-  const defaultProps$T = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     columns: 1,
     direction: "down",
@@ -11138,7 +11060,7 @@ var __publicField = (obj, key, value) => {
       parent,
       index
     } = {
-      ...defaultProps$T,
+      ...defaultProps$S,
       ...props
     };
     const [_showPopup, setShowPopup] = React.useState(show);
@@ -11266,7 +11188,7 @@ var __publicField = (obj, key, value) => {
                       },
                       children: [
                         item.value === _value ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: icon || /* @__PURE__ */ jsxRuntimeExports.jsx(
-                          a$r,
+                          a$s,
                           {
                             color: activeColor,
                             size: 10,
@@ -11296,9 +11218,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   });
-  MenuItem.defaultProps = defaultProps$T;
+  MenuItem.defaultProps = defaultProps$S;
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$S = {
+  const defaultProps$R = {
     confirmText: "",
     title: "",
     visible: false,
@@ -11530,14 +11452,14 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  NumberKeyboard.defaultProps = defaultProps$S;
+  NumberKeyboard.defaultProps = defaultProps$R;
   NumberKeyboard.displayName = "NutNumberKeyboard";
   const radioContext = {
     onChange: (val) => {
     }
   };
   const RadioContext = React.createContext(radioContext);
-  const defaultProps$R = {
+  const defaultProps$Q = {
     value: null,
     textPosition: "right",
     onChange: (value) => {
@@ -11547,7 +11469,7 @@ var __publicField = (obj, key, value) => {
   };
   const RadioGroup = React.forwardRef(
     (props, ref) => {
-      const { children } = { ...defaultProps$R, ...props };
+      const { children } = { ...defaultProps$Q, ...props };
       cn("RadioGroup");
       const {
         className,
@@ -11624,9 +11546,9 @@ var __publicField = (obj, key, value) => {
       );
     }
   );
-  RadioGroup.defaultProps = defaultProps$R;
+  RadioGroup.defaultProps = defaultProps$Q;
   RadioGroup.displayName = "NutRadioGroup";
-  const defaultProps$Q = {
+  const defaultProps$P = {
     ...ComponentDefaults,
     className: "",
     style: {},
@@ -11643,7 +11565,7 @@ var __publicField = (obj, key, value) => {
   };
   const Radio = (props) => {
     const { children } = {
-      ...defaultProps$Q,
+      ...defaultProps$P,
       ...props
     };
     const {
@@ -11702,12 +11624,12 @@ var __publicField = (obj, key, value) => {
         return React.isValidElement(checkedIcon2) ? React.cloneElement(checkedIcon2, {
           ...checkedIcon2.props,
           className: color()
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$u, { size: iconSize2, className: color() });
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$v, { size: iconSize2, className: color() });
       }
       return React.isValidElement(icon2) ? React.cloneElement(icon2, {
         ...icon2.props,
         className: color()
-      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$s, { size: iconSize2, className: color() });
+      }) : /* @__PURE__ */ jsxRuntimeExports.jsx(a$t, { size: iconSize2, className: color() });
     };
     const reverseState = textPosition === "left";
     const renderRadioItem = () => {
@@ -11736,10 +11658,10 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Radio.defaultProps = defaultProps$Q;
+  Radio.defaultProps = defaultProps$P;
   Radio.displayName = "NutRadio";
   Radio.RadioGroup = RadioGroup;
-  const defaultProps$P = {
+  const defaultProps$O = {
     id: "",
     style: {},
     icon: null,
@@ -11794,7 +11716,7 @@ var __publicField = (obj, key, value) => {
       visible,
       onClose,
       ...rest
-    } = { ...defaultProps$P, ...props };
+    } = { ...defaultProps$O, ...props };
     let timer;
     const [openState, SetOpenState] = React.useState(false);
     React.useEffect(() => {
@@ -11841,9 +11763,9 @@ var __publicField = (obj, key, value) => {
       }
       return {
         success: /* @__PURE__ */ jsxRuntimeExports.jsx(a$4, { color: "#ffffff", width: iconSize, height: iconSize }),
-        fail: /* @__PURE__ */ jsxRuntimeExports.jsx(a$k, { color: "#ffffff", width: iconSize, height: iconSize }),
+        fail: /* @__PURE__ */ jsxRuntimeExports.jsx(a$l, { color: "#ffffff", width: iconSize, height: iconSize }),
         warn: /* @__PURE__ */ jsxRuntimeExports.jsx(a$3, { color: "#ffffff", width: iconSize, height: iconSize }),
-        loading: /* @__PURE__ */ jsxRuntimeExports.jsx(r$e, { color: "#ffffff", width: iconSize, height: iconSize })
+        loading: /* @__PURE__ */ jsxRuntimeExports.jsx(r$f, { color: "#ffffff", width: iconSize, height: iconSize })
       }[type];
     };
     const classes = classNames({
@@ -11885,9 +11807,9 @@ var __publicField = (obj, key, value) => {
       }
     ) : null });
   };
-  Toast.defaultProps = defaultProps$P;
+  Toast.defaultProps = defaultProps$O;
   Toast.displayName = "NutToast";
-  const defaultProps$O = {
+  const defaultProps$N = {
     range: false,
     hiddenRange: false,
     hiddenTag: false,
@@ -11923,8 +11845,8 @@ var __publicField = (obj, key, value) => {
       minDesc,
       maxDesc,
       curValueDesc
-    } = { ...defaultProps$O, ...props };
-    let { min, max, step } = { ...defaultProps$O, ...props };
+    } = { ...defaultProps$N, ...props };
+    let { min, max, step } = { ...defaultProps$N, ...props };
     min = Number(min);
     max = Number(max);
     step = Number(step);
@@ -12280,9 +12202,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   };
-  Range.defaultProps = defaultProps$O;
+  Range.defaultProps = defaultProps$N;
   Range.displayName = "NutRange";
-  const defaultProps$N = {
+  const defaultProps$M = {
     ...ComponentDefaults,
     count: 5,
     min: 0,
@@ -12307,7 +12229,7 @@ var __publicField = (obj, key, value) => {
       allowHalf,
       onChange
     } = {
-      ...defaultProps$N,
+      ...defaultProps$M,
       ...props
     };
     const classPrefix2 = "nut-rate";
@@ -12392,9 +12314,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  Rate.defaultProps = defaultProps$N;
+  Rate.defaultProps = defaultProps$M;
   Rate.displayName = "NutRate";
-  const defaultProps$M = {
+  const defaultProps$L = {
     ...ComponentDefaults,
     placeholder: "",
     shape: "square",
@@ -12442,7 +12364,7 @@ var __publicField = (obj, key, value) => {
       onClickRightinIcon,
       onClickRightoutIcon
     } = {
-      ...defaultProps$M,
+      ...defaultProps$L,
       ...props
     };
     const alignClass = `${align}`;
@@ -12563,7 +12485,7 @@ var __publicField = (obj, key, value) => {
         {
           className: `${searchbarBem("clear")} ${rightinIcon ? "pos-right" : ""}`,
           onClick: (e) => clearaVal(e),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$o, { size: clearSize, color: "#555" })
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(a$p, { size: clearSize, color: "#555" })
         }
       );
     };
@@ -12628,9 +12550,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  SearchBar.defaultProps = defaultProps$M;
+  SearchBar.defaultProps = defaultProps$L;
   SearchBar.displayName = "NutSearchBar";
-  const defaultProps$L = {
+  const defaultProps$K = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -12793,9 +12715,9 @@ var __publicField = (obj, key, value) => {
       }
     ) });
   };
-  ShortPassword.defaultProps = defaultProps$L;
+  ShortPassword.defaultProps = defaultProps$K;
   ShortPassword.displayName = "NutShortPassword";
-  const defaultProps$K = {
+  const defaultProps$J = {
     canvasId: "spcanvas",
     type: "png",
     lineWidth: 2,
@@ -12817,7 +12739,7 @@ var __publicField = (obj, key, value) => {
       onClear,
       ...rest
     } = {
-      ...defaultProps$K,
+      ...defaultProps$J,
       ...props
     };
     const b2 = cn("signature");
@@ -12981,9 +12903,9 @@ var __publicField = (obj, key, value) => {
       )
     ] });
   };
-  Signature.defaultProps = defaultProps$K;
+  Signature.defaultProps = defaultProps$J;
   Signature.displayName = "NutSignature";
-  const defaultProps$J = {
+  const defaultProps$I = {
     ...ComponentDefaults,
     disabled: false,
     activeText: "",
@@ -13000,7 +12922,7 @@ var __publicField = (obj, key, value) => {
       style,
       onChange
     } = {
-      ...defaultProps$J,
+      ...defaultProps$I,
       ...props
     };
     const classPrefix2 = "nut-switch";
@@ -13022,9 +12944,9 @@ var __publicField = (obj, key, value) => {
       activeText && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: value ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__label open`, children: activeText }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__label close`, children: inactiveText }) })
     ] }) });
   };
-  Switch.defaultProps = defaultProps$J;
+  Switch.defaultProps = defaultProps$I;
   Switch.displayName = "NutSwitch";
-  const defaultProps$I = {
+  const defaultProps$H = {
     defaultValue: "",
     textAlign: "left",
     limitshow: false,
@@ -13052,7 +12974,7 @@ var __publicField = (obj, key, value) => {
       onChange,
       onBlur,
       onFocus
-    } = { ...defaultProps$I, ...props };
+    } = { ...defaultProps$H, ...props };
     const textareaBem = cn("textarea");
     const [inputValue, SetInputValue] = React.useState("");
     const compositingRef = React.useRef(false);
@@ -13147,9 +13069,9 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  TextArea.defaultProps = defaultProps$I;
+  TextArea.defaultProps = defaultProps$H;
   TextArea.displayName = "NutTextArea";
-  const defaultProps$H = {
+  const defaultProps$G = {
     ...ComponentDefaults,
     percent: 0,
     showText: false,
@@ -13168,7 +13090,7 @@ var __publicField = (obj, key, value) => {
       children,
       ...rest
     } = {
-      ...defaultProps$H,
+      ...defaultProps$G,
       ...props
     };
     const classPrefix2 = "nut-progress";
@@ -13205,7 +13127,7 @@ var __publicField = (obj, key, value) => {
       }
     ) }) }) });
   };
-  Progress.defaultProps = defaultProps$H;
+  Progress.defaultProps = defaultProps$G;
   Progress.displayName = "NutProgress";
   class UploadOptions {
     constructor() {
@@ -13350,7 +13272,7 @@ var __publicField = (obj, key, value) => {
       done();
     }
   };
-  const defaultProps$G = {
+  const defaultProps$F = {
     ...ComponentDefaults,
     url: "",
     maxCount: 1,
@@ -13438,7 +13360,7 @@ var __publicField = (obj, key, value) => {
       beforeXhrUpload,
       beforeDelete,
       ...restProps
-    } = { ...defaultProps$G, ...props };
+    } = { ...defaultProps$F, ...props };
     const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
@@ -13708,7 +13630,7 @@ var __publicField = (obj, key, value) => {
             children: [
               previewType === "picture" && !children && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-uploader__preview-img", children: [
                 deletable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  a$k,
+                  a$l,
                   {
                     color: "rgba(0,0,0,0.6)",
                     className: "close",
@@ -13716,7 +13638,7 @@ var __publicField = (obj, key, value) => {
                   }
                 ),
                 item.status === "ready" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-uploader__preview__progress", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-uploader__preview__progress__msg", children: item.message }) }) : item.status !== "success" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-uploader__preview__progress", children: [
-                  item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$k, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$e, { color: "#fff" })),
+                  item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$l, { color: "#fff" }) : item.loadingIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(r$f, { color: "#fff" })),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-uploader__preview__progress__msg", children: item.message })
                 ] }),
                 item.type.includes("image") ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: item.url && /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -13742,7 +13664,7 @@ var __publicField = (obj, key, value) => {
                     onClick: () => handleItemClick(item),
                     className: "nut-uploader__preview-img__file__name",
                     children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(a$f, { color: "#808080" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(a$g, { color: "#808080" }),
                       " ",
                       item.name
                     ]
@@ -13757,14 +13679,14 @@ var __publicField = (obj, key, value) => {
                     className: `nut-uploader__preview-img__file__name ${item.status}`,
                     onClick: () => handleItemClick(item),
                     children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(a$f, {}),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(a$g, {}),
                       " ",
                       item.name
                     ]
                   }
                 ),
                 deletable && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  a$m,
+                  a$n,
                   {
                     color: "#808080",
                     className: "nut-uploader__preview-img__file__del",
@@ -13801,9 +13723,9 @@ var __publicField = (obj, key, value) => {
     ] });
   };
   const Uploader = React.forwardRef(InternalUploader);
-  Uploader.defaultProps = defaultProps$G;
+  Uploader.defaultProps = defaultProps$F;
   Uploader.displayName = "NutUploader";
-  const defaultProps$F = {
+  const defaultProps$E = {
     cancelText: "",
     optionTag: "name",
     optionSubTag: "subname",
@@ -13837,7 +13759,7 @@ var __publicField = (obj, key, value) => {
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = { ...defaultProps$E, ...props };
     const b2 = cn("actionsheet");
     const isHighlight = (item) => {
       return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "#1a1a1a";
@@ -13882,52 +13804,8 @@ var __publicField = (obj, key, value) => {
       }
     );
   };
-  ActionSheet.defaultProps = defaultProps$F;
+  ActionSheet.defaultProps = defaultProps$E;
   ActionSheet.displayName = "NutActionSheet";
-  const defaultProps$E = {
-    ...ComponentDefaults,
-    value: "",
-    dot: false,
-    max: 99,
-    top: "0",
-    right: "5",
-    color: ""
-  };
-  const Badge = (props) => {
-    const { className, style, value, max, children, dot, top, right, color } = {
-      ...defaultProps$E,
-      ...props
-    };
-    const classPrefix2 = "nut-badge";
-    const classes = classNames(classPrefix2, className);
-    const contentClasses = classNames(
-      { [`${classPrefix2}__dot`]: dot },
-      `${classPrefix2}__content`,
-      `${classPrefix2}__sup`
-    );
-    function content() {
-      if (dot || typeof value === "object")
-        return null;
-      if (typeof value === "number" && typeof max === "number") {
-        return max < value ? `${max}+` : value;
-      }
-      return value;
-    }
-    const getStyle = () => {
-      const style2 = {};
-      style2.top = `${Number(top) || parseFloat(top) || 0}px`;
-      style2.right = `${Number(right) || parseFloat(right) || 0}px`;
-      style2.background = color;
-      return style2;
-    };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style, children: [
-      typeof value === "object" && value && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix2}__icon`, children: value }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: contentClasses, style: getStyle(), children: content() })
-    ] });
-  };
-  Badge.defaultProps = defaultProps$E;
-  Badge.displayName = "NutBadge";
   const Content = (props) => {
     const { visible, title, footer, footerDirection, onClick, children } = props;
     const classPrefix2 = "nut-dialog";
@@ -14240,26 +14118,30 @@ var __publicField = (obj, key, value) => {
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
   const defaultProps$B = {
-    description: "无内容",
-    image: "empty",
+    ...ComponentDefaults,
+    description: "",
     imageSize: "",
-    className: ""
+    status: "empty"
   };
+  const classPrefix$6 = `nut-empty`;
   const Empty = (props) => {
     const { locale } = useConfig$1();
     defaultProps$B.description = locale.noData || defaultProps$B.description;
-    const { image, imageSize, description, children, className, ...rest } = {
+    const {
+      image,
+      imageSize,
+      description,
+      children,
+      className,
+      status,
+      ...rest
+    } = {
       ...defaultProps$B,
       ...props
     };
     const [imgStyle, setImgStyle] = React.useState({});
-    const b2 = cn("empty");
-    let imageNode = image;
-    if (typeof image === "string") {
-      const isHttpUrl = image.startsWith("https://") || image.startsWith("http://") || image.startsWith("//");
-      const imageUrl = isHttpUrl ? image : defaultStatus[image];
-      imageNode = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "img", src: imageUrl, alt: "empty" });
-    }
+    const imageUrl = image || defaultStatus[status];
+    const imageNode = typeof imageUrl === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: "img", src: imageUrl, alt: "empty" }) : imageUrl;
     React.useEffect(() => {
       setImgStyle(() => {
         if (!imageSize) {
@@ -14277,9 +14159,9 @@ var __publicField = (obj, key, value) => {
         };
       });
     }, [imageSize]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${b2()} ${className}`, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("image"), style: imgStyle, children: imageNode }),
-      typeof description === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: b2("description"), children: description }) : { description },
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$6} ${className}`, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$6}__image`, style: imgStyle, children: imageNode }),
+      typeof description === "string" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `${classPrefix$6}__description`, children: description }) : description,
       children
     ] }) });
   };
@@ -14835,7 +14717,7 @@ var __publicField = (obj, key, value) => {
             ]
           }
         ) }),
-        closeMode || rightIcon ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "right-icon", onClick: onClickIcon, children: rightIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$n, { size: 12, color }) }) : null
+        closeMode || rightIcon ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "right-icon", onClick: onClickIcon, children: rightIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$o, { size: 12, color }) }) : null
       ] }) : null,
       showNoticeBar && scrollList.current.length > 0 && isVertical ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
         "div",
@@ -14883,7 +14765,7 @@ var __publicField = (obj, key, value) => {
                 onClick: (e) => {
                   handleClickIcon(e);
                 },
-                children: rightIcon || (closeMode ? /* @__PURE__ */ jsxRuntimeExports.jsx(a$n, { size: 12, color }) : null)
+                children: rightIcon || (closeMode ? /* @__PURE__ */ jsxRuntimeExports.jsx(a$o, { size: 12, color }) : null)
               }
             )
           ]
@@ -19919,27 +19801,30 @@ This message will only show in development mode. It won't appear in production.
   const defaultProps$v = {
     ...ComponentDefaults,
     size: "",
+    shape: "round",
     icon: "",
-    bgColor: "#eee",
+    fit: "cover",
+    background: "#eee",
     color: "#666",
-    prefixCls: "nut-avatar",
-    url: ""
+    src: "",
+    alt: ""
   };
+  const classPrefix$5 = `nut-avatar`;
   const Avatar = (props) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     const {
       children,
-      prefixCls: prefixCls2,
       size,
       shape,
-      bgColor,
+      background,
       color,
-      url,
+      src,
       icon,
+      fit,
+      alt,
       className,
       style,
-      activeAvatar,
-      onActiveAvatar,
+      onClick,
       onError,
       ...rest
     } = {
@@ -19951,24 +19836,23 @@ This message will only show in development mode. It won't appear in production.
     const [avatarIndex, setAvatarIndex] = React.useState(1);
     const avatarRef = React.useRef(null);
     const parent = React.useContext(AvatarContext);
-    const b2 = cn("avatar");
+    const sizeValue = ["large", "normal", "small"];
     const classes = classNames({
-      [`nut-avatar-${size || ((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || "normal"}`]: true,
-      [`nut-avatar-${shape || ((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || "round"}`]: true
+      [`nut-avatar-${((_a = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a.size) || size || "normal"}`]: true,
+      [`nut-avatar-${((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || shape}`]: true
     });
-    const cls = classNames(b2(""), classes, className);
-    const sizeValue = ["large", "normal", "small"];
+    const cls = classNames(classPrefix$5, classes, className);
     const styles = {
       width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
       height: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
-      backgroundColor: `${bgColor}`,
+      backgroundColor: `${background}`,
       color: `${color}`,
-      marginLeft: avatarIndex !== 1 && ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.span) ? `${(_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.span}px` : "",
-      zIndex: ((_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.zIndex) === "right" ? `${Math.abs(maxSum - avatarIndex)}` : "",
+      marginLeft: avatarIndex !== 1 && ((_c = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c.gap) ? `${(_d = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _d.gap}px` : "",
+      zIndex: ((_e = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _e.level) === "right" ? `${Math.abs(maxSum - avatarIndex)}` : "",
       ...style
     };
     const maxStyles = {
-      backgroundColor: `${(_f = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _f.maxBgColor}`,
+      backgroundColor: `${(_f = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _f.maxBackground}`,
       color: `${(_g = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _g.maxColor}`
     };
     React.useEffect(() => {
@@ -19986,23 +19870,22 @@ This message will only show in development mode. It won't appear in production.
         }
       }
       const index = (_b2 = (_a2 = avatarRef == null ? void 0 : avatarRef.current) == null ? void 0 : _a2.dataset) == null ? void 0 : _b2.index;
-      const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.maxCount;
+      const maxCount = (_c2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _c2.max;
       setMaxSum(children2.length);
       setAvatarIndex(index);
       if (index === children2.length && index !== maxCount && children2.length > maxCount) {
         setShowMax(true);
       }
     };
-    const errorEvent = (e) => {
+    const errorEvent = () => {
       if (props.onError) {
-        props.onError(e);
+        props.onError();
       }
     };
     const clickAvatar = (e) => {
-      activeAvatar && activeAvatar(e);
-      onActiveAvatar && onActiveAvatar(e);
+      onClick && onClick(e);
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (showMax || !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.maxCount) || avatarIndex <= ((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.maxCount)) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: (showMax || !((_h = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _h.max) || avatarIndex <= ((_i = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _i.max)) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         className: cls,
@@ -20011,15 +19894,25 @@ This message will only show in development mode. It won't appear in production.
         onClick: clickAvatar,
         ref: avatarRef,
         children: [
-          (!((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.maxCount) || avatarIndex <= ((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.maxCount)) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-            url && /* @__PURE__ */ jsxRuntimeExports.jsx(components.Image, { className: "avatar-img", src: url, onError: errorEvent }),
+          (!((_j = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _j.max) || avatarIndex <= ((_k = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _k.max)) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            src && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Image$1,
+              {
+                className: "avatar-img",
+                src,
+                style: { objectFit: fit },
+                alt,
+                onError: errorEvent
+              }
+            ),
             React.isValidElement(icon) ? React.cloneElement(icon, {
               ...icon.props,
               className: `${icon.props.className || ""} icon`
             }) : null,
-            children && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text", children })
+            children && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text", children }),
+            !src && !icon && !children && /* @__PURE__ */ jsxRuntimeExports.jsx(a$b, { className: "icon" })
           ] }),
-          showMax && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text", children: ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.maxCount)}` })
+          showMax && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "text", children: ((_l = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _l.maxContent) ? (_m = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _m.maxContent : `+ ${avatarIndex - ((_n = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _n.max)}` })
         ]
       }
     ) });
@@ -20089,7 +19982,7 @@ This message will only show in development mode. It won't appear in production.
           Avatar,
           {
             className: avatarClass,
-            bgColor: "rgb(239, 239, 239)",
+            background: "rgb(239, 239, 239)",
             shape: avatarShape,
             style: getStyle()
           }
@@ -20122,9 +20015,7 @@ This message will only show in development mode. It won't appear in production.
     }
   }
   const defaultProps$t = {
-    name: "",
-    leftWidth: 0,
-    rightWidth: 0
+    name: ""
   };
   const Swipe = React.forwardRef((props, instanceRef) => {
     const swipeBem = cn("swipe");
@@ -20159,14 +20050,8 @@ This message will only show in development mode. It won't appear in production.
       transform: `translate3d(${state.offset}px, 0, 0)`,
       transitionDuration: state.dragging ? "0s" : ".6s"
     };
-    const leftWidth = React.useMemo(
-      () => props.leftWidth ? props.leftWidth : actionWidth.left,
-      [props.leftWidth, actionWidth.left]
-    );
-    const rightWidth = React.useMemo(
-      () => props.rightWidth ? props.rightWidth : actionWidth.right,
-      [props.rightWidth, actionWidth.right]
-    );
+    const leftWidth = actionWidth.left;
+    const rightWidth = actionWidth.right;
     const onTouchStart = async (event) => {
       if (leftWrapper.current) {
         const leftRect = await getRectByTaro(leftWrapper.current);
@@ -20318,7 +20203,7 @@ This message will only show in development mode. It won't appear in production.
     onClick: (event) => {
     }
   };
-  const classPrefix$1 = `nut-animate`;
+  const classPrefix$4 = `nut-animate`;
   const Animate = (props) => {
     const { className, type, action, loop: loop2, onClick, children, ...rest } = {
       ...defaultProps$s,
@@ -20327,7 +20212,7 @@ This message will only show in development mode. It won't appear in production.
     const [clicked, setClicked] = React.useState(false);
     const classes = classNames({
       "nut-ani-container": true,
-      [`${classPrefix$1}-${type}`]: action === "initial" || clicked ? type : false,
+      [`${classPrefix$4}-${type}`]: action === "initial" || clicked ? type : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -20658,22 +20543,20 @@ This message will only show in development mode. It won't appear in production.
   Audio.defaultProps = defaultProps$p;
   Audio.displayName = "NutAudio";
   const defaultProps$o = {
+    ...ComponentDefaults,
     maxContent: "",
-    maxCount: "",
-    maxBgColor: "#eee",
+    max: "",
+    maxBackground: "#eee",
     maxColor: "#666",
-    size: "",
-    shape: "",
-    span: "-8",
-    zIndex: "left"
+    gap: "-8",
+    level: "left"
   };
+  const classPrefix$3 = `nut-avatar-group`;
   const AvatarGroup = (props) => {
-    useConfig();
     const propAvatarGroup = { ...defaultProps$o, ...props };
     const { className, style, children } = propAvatarGroup;
     const avatarGroupRef = React.useRef(null);
-    const b2 = cn("avatar-group");
-    const cls = classNames(b2(""), className);
+    const cls = classNames(classPrefix$3, className);
     const parentAvatar = {
       propAvatarGroup,
       avatarGroupRef
@@ -20683,22 +20566,24 @@ This message will only show in development mode. It won't appear in production.
   AvatarGroup.defaultProps = defaultProps$o;
   AvatarGroup.displayName = "NutAvatarGroup";
   const defaultProps$n = {
+    ...ComponentDefaults,
     strokeWidth: 5,
     radius: 50,
     strokeLinecap: "round",
-    circleColor: "#fa2c19",
-    pathColor: "#e5e9f2",
+    color: "#fa2c19",
+    background: "#e5e9f2",
     clockwise: true
   };
+  const classPrefix$2 = `nut-circleprogress`;
   const CircleProgress = (props) => {
     const {
       children,
-      progress,
+      percent,
       className,
       radius,
-      pathColor,
+      background,
       clockwise,
-      circleColor,
+      color,
       strokeWidth,
       style,
       strokeLinecap,
@@ -20707,45 +20592,39 @@ This message will only show in development mode. It won't appear in production.
       ...defaultProps$n,
       ...props
     };
-    const [oldValue, setOldValue] = React.useState(progress);
-    const b2 = cn("circleprogress");
-    const classes = classNames(className, b2(""));
+    const [oldValue, setOldValue] = React.useState(percent);
+    const classes = classNames(className, classPrefix$2);
     const refRandomId = Math.random().toString(36).slice(-8);
+    const animateIdRef = React.useRef(0);
     const styles = {
       height: `${Number(radius) * 2}px`,
       width: `${Number(radius) * 2}px`,
       ...style
     };
     React.useEffect(() => {
-      let rafId;
       const startTime = Date.now();
       const startRate = Number(oldValue);
-      const endRate = Number(progress);
+      const endRate = Number(percent);
       const duration = Math.abs((startRate - endRate) * 1e3 / 100);
       const animate = () => {
         const now = Date.now();
-        const progress2 = Math.min((now - startTime) / duration, 1);
-        const rate = progress2 * (endRate - startRate) + startRate;
+        const progress = Math.min((now - startTime) / duration, 1);
+        const rate = progress * (endRate - startRate) + startRate;
         setOldValue(Math.min(Math.max(+rate, 0), 100));
         if (endRate > startRate ? rate < endRate : rate > endRate) {
-          rafId = window.requestAnimationFrame(animate);
+          animateIdRef.current = window.requestAnimationFrame(animate);
         }
       };
-      if (rafId) {
-        cancelAnimationFrame2(rafId);
-      }
-      rafId = window.requestAnimationFrame(animate);
-    }, [progress]);
-    const cancelAnimationFrame2 = function(id) {
-      clearTimeout(id);
-    };
+      animateIdRef.current = window.requestAnimationFrame(animate);
+      return () => window.cancelAnimationFrame(animateIdRef.current);
+    }, [percent]);
     const stop2 = () => {
-      if (!isObject(circleColor)) {
+      if (!isObject(props.color)) {
         return [];
       }
-      const color = circleColor;
-      const colorArr = Object.keys(color).sort(
-        (a2, b22) => parseFloat(a2) - parseFloat(b22)
+      const color2 = props.color;
+      const colorArr = Object.keys(color2).sort(
+        (a2, b2) => parseFloat(a2) - parseFloat(b2)
       );
       const stopArr = [];
       colorArr.map((item) => {
@@ -20754,15 +20633,15 @@ This message will only show in development mode. It won't appear in production.
           value: ""
         };
         obj.key = item;
-        obj.value = color[item];
+        obj.value = color2[item];
         stopArr.push(obj);
       });
       return stopArr;
     };
-    const transColor = (color) => {
-      return color && color.replace("#", "%23");
+    const transColor = (color2) => {
+      return color2 && color2.replace("#", "%23");
     };
-    const format = (progress2) => Math.min(Math.max(+progress2, 0), 100);
+    const format = (progress) => Math.min(Math.max(+progress, 0), 100);
     const circleStyle = () => {
       const stopArr = stop2();
       const stopDom = [];
@@ -20776,17 +20655,17 @@ This message will only show in development mode. It won't appear in production.
         });
       }
       const perimeter = 283;
-      const progress2 = +oldValue;
-      const offset = perimeter * Number(format(parseFloat(progress2.toFixed(1)))) / 100;
+      const progress = +oldValue;
+      const offset = perimeter * Number(format(parseFloat(progress.toFixed(1)))) / 100;
       const isWise = props.clockwise ? 1 : 0;
-      const color = isObject(circleColor) ? `url(%23${refRandomId})` : transColor(circleColor);
+      const color2 = isObject(props.color) ? `url(%23${refRandomId})` : transColor(props.color);
       const d = `M 50 50 m 0 -45 a 45 45 0 1 ${isWise} 0 90 a 45 45 0 1, ${isWise} 0 -90`;
       const pa = `%3Cdefs%3E%3ClinearGradient id='${refRandomId}' x1='100%25' y1='0%25' x2='0%25' y2='0%25'%3E${stopDom}%3C/linearGradient%3E%3C/defs%3E`;
       const path = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke='${transColor(
-        props.pathColor
+        props.background
       )}' fill='none'/%3E`;
       const path1 = `%3Cpath d='${d}' stroke-width='${strokeWidth}' stroke-dasharray='${offset},${perimeter}' stroke-linecap='round' stroke='${transColor(
-        color
+        color2
       )}' fill='none'/%3E`;
       return {
         background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100'  xmlns='http://www.w3.org/2000/svg'%3E${pa}${path}${path1}%3C/svg%3E")`,
@@ -20796,10 +20675,7 @@ This message will only show in development mode. It won't appear in production.
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: classes, style: styles, ...restProps, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: circleStyle() }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-circleprogress-text", children: children || /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        progress,
-        "%"
-      ] }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-circleprogress-text", children })
     ] });
   };
   CircleProgress.defaultProps = defaultProps$n;
@@ -21198,6 +21074,7 @@ This message will only show in development mode. It won't appear in production.
   CountDown.defaultProps = defaultProps$k;
   CountDown.displayName = "NutCountDown";
   const defaultProps$j = {
+    ...ComponentDefaults,
     content: "",
     direction: "end",
     rows: 1,
@@ -21206,20 +21083,22 @@ This message will only show in development mode. It won't appear in production.
     symbol: "...",
     lineHeight: "20"
   };
+  const classPrefix$1 = `nut-ellipsis`;
   const Ellipsis = (props) => {
     var _a, _b, _c, _d;
-    useConfig$1();
     const {
       children,
       content,
       direction,
       rows,
+      className,
       expandText,
       collapseText,
       symbol,
       lineHeight,
       onClick,
-      onChange
+      onChange,
+      ...rest
     } = { ...defaultProps$j, ...props };
     let maxHeight = 0;
     const [exceeded, setExceeded] = React.useState(false);
@@ -21242,6 +21121,7 @@ This message will only show in development mode. It won't appear in production.
     const digitReg = /^[0-9]+$/;
     const letterUpperReg = /^[A-Z]+$/;
     const letterLowerReg = /^[a-z]+$/;
+    const classes = classNames(classPrefix$1, className);
     const init = () => {
       setExceeded(false);
       setExpanded(false);
@@ -21418,10 +21298,11 @@ This message will only show in development mode. It won't appear in production.
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
-          className: "nut-ellipsis",
+          className: classes,
           onClick: handleClick,
           ref: root2,
           id: `root${refRandomId}`,
+          ...rest,
           children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
             !exceeded ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "nut-ellipsis-wordbreak", children: content }) : null,
             exceeded && !expanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "nut-ellipsis-wordbreak", children: [
@@ -22830,7 +22711,7 @@ This message will only show in development mode. It won't appear in production.
             children: [
               item.title,
               " ",
-              item.sorter && (sorterIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$l, { size: "12px" }))
+              item.sorter && (sorterIcon || /* @__PURE__ */ jsxRuntimeExports.jsx(a$m, { size: "12px" }))
             ]
           },
           item.key
@@ -22985,7 +22866,7 @@ This message will only show in development mode. It won't appear in production.
               children: closeIcon
             }
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            a$n,
+            a$o,
             {
               size: 12,
               onClick: (e) => {