@nutui/nutui-react 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/nutui.react.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v2.0.0-alpha.1 Fri Apr 21 2023 18:04:48 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.0.0-alpha.2 Wed Apr 26 2023 18:36:40 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -315,29 +315,29 @@ function sr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(o, []);
-            } catch (b2) {
-              n = b2;
+            } catch (b) {
+              n = b;
             }
             Reflect.construct(e, [], o);
           } else {
             try {
               o.call();
-            } catch (b2) {
-              n = b2;
+            } catch (b) {
+              n = b;
             }
             e.call(o.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (b2) {
-            n = b2;
+          } catch (b) {
+            n = b;
           }
           e();
         }
-      } catch (b2) {
-        if (b2 && n && typeof b2.stack == "string") {
-          for (var a2 = b2.stack.split(`
+      } catch (b) {
+        if (b && n && typeof b.stack == "string") {
+          for (var a2 = b.stack.split(`
 `), v = n.stack.split(`
 `), s = a2.length - 1, f = v.length - 1; s >= 1 && f >= 0 && a2[s] !== v[f]; )
             f--;
@@ -2274,15 +2274,15 @@ function requireReactJsxRuntime_production_min() {
   hasRequiredReactJsxRuntime_production_min = 1;
   var f = React__default, k2 = Symbol.for("react.element"), l2 = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: true, ref: true, __self: true, __source: true };
   function q(c, a2, g) {
-    var b2, d = {}, e = null, h = null;
+    var b, d = {}, e = null, h = null;
     void 0 !== g && (e = "" + g);
     void 0 !== a2.key && (e = "" + a2.key);
     void 0 !== a2.ref && (h = a2.ref);
-    for (b2 in a2)
-      m.call(a2, b2) && !p.hasOwnProperty(b2) && (d[b2] = a2[b2]);
+    for (b in a2)
+      m.call(a2, b) && !p.hasOwnProperty(b) && (d[b] = a2[b]);
     if (c && c.defaultProps)
-      for (b2 in a2 = c.defaultProps, a2)
-        void 0 === d[b2] && (d[b2] = a2[b2]);
+      for (b in a2 = c.defaultProps, a2)
+        void 0 === d[b] && (d[b] = a2[b]);
     return { $$typeof: k2, type: c, key: e, ref: h, props: d, _owner: n.current };
   }
   reactJsxRuntime_production_min.Fragment = l2;
@@ -3283,7 +3283,7 @@ const defaultProps$1q = {
   onClick: (event) => {
   }
 };
-const classPrefix$8 = "nut-cell";
+const classPrefix$9 = "nut-cell";
 const Cell = (props) => {
   const {
     children,
@@ -3312,26 +3312,26 @@ const Cell = (props) => {
     flex: 1
   };
   return /* @__PURE__ */ jsx("div", {
-    className: classNames(classPrefix$8, className),
+    className: classNames(classPrefix$9, className),
     onClick: (event) => handleClick2(event),
     style: baseStyle,
     ...rest,
     children: children || /* @__PURE__ */ jsxs(Fragment, {
       children: [title || description ? /* @__PURE__ */ jsxs("div", {
-        className: `${classPrefix$8}__left`,
+        className: `${classPrefix$9}__left`,
         children: [title ? /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$8}__title`,
+          className: `${classPrefix$9}__title`,
           children: title
         }) : null, description ? /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$8}__description`,
+          className: `${classPrefix$9}__description`,
           children: description
         }) : null]
       }) : null, extra ? /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$8}__extra`,
+        className: `${classPrefix$9}__extra`,
         style: styles,
         children: extra
       }) : null, /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$8}__divider`
+        className: `${classPrefix$9}__divider`
       })]
     })
   });
@@ -3343,7 +3343,7 @@ const defaultProps$1p = {
   title: "",
   description: ""
 };
-const classPrefix$7 = "nut-cell-group";
+const classPrefix$8 = "nut-cell-group";
 const CellGroup = (props) => {
   const {
     children,
@@ -3357,16 +3357,16 @@ const CellGroup = (props) => {
     ...props
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames(classPrefix$7, className),
+    className: classNames(classPrefix$8, className),
     ...rest,
     children: [title ? /* @__PURE__ */ jsx("div", {
-      className: `${classPrefix$7}__title`,
+      className: `${classPrefix$8}__title`,
       children: title
     }) : null, description ? /* @__PURE__ */ jsx("div", {
-      className: `${classPrefix$7}__description`,
+      className: `${classPrefix$8}__description`,
       children: description
     }) : null, /* @__PURE__ */ jsx("div", {
-      className: `${classPrefix$7}__wrap`,
+      className: `${classPrefix$8}__wrap`,
       children
     })]
   });
@@ -3846,7 +3846,7 @@ const defaultProps$1n = {
   loading: true,
   lazy: false
 };
-const classPrefix$6 = "nut-image";
+const classPrefix$7 = "nut-image";
 const Image$1 = (props) => {
   const {
     className,
@@ -3975,7 +3975,7 @@ const Image$1 = (props) => {
     return null;
   }, [loading, innerLoading]);
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames(classPrefix$6, className),
+    className: classNames(classPrefix$7, className),
     style: containerStyle,
     onClick: (e) => {
       imageClick(e);
@@ -4010,7 +4010,7 @@ const defaultOverlayProps = {
   visible: false,
   lockScroll: true
 };
-const classPrefix$5 = `nut-overlay`;
+const classPrefix$6 = `nut-overlay`;
 const Overlay = (props) => {
   const {
     children,
@@ -4053,7 +4053,7 @@ const Overlay = (props) => {
     "overlay-fade-enter-active": visible,
     "first-render": renderRef.current && !visible,
     "hidden-render": !visible
-  }, className, classPrefix$5);
+  }, className, classPrefix$6);
   const styles = {
     zIndex,
     animationDuration: `${props.duration}s`,
@@ -4160,7 +4160,7 @@ function requireReactIs_production_min() {
   if (hasRequiredReactIs_production_min)
     return reactIs_production_min;
   hasRequiredReactIs_production_min = 1;
-  var b2 = "function" === typeof Symbol && Symbol.for, c = b2 ? Symbol.for("react.element") : 60103, d = b2 ? Symbol.for("react.portal") : 60106, e = b2 ? Symbol.for("react.fragment") : 60107, f = b2 ? Symbol.for("react.strict_mode") : 60108, g = b2 ? Symbol.for("react.profiler") : 60114, h = b2 ? Symbol.for("react.provider") : 60109, k2 = b2 ? Symbol.for("react.context") : 60110, l2 = b2 ? Symbol.for("react.async_mode") : 60111, m = b2 ? Symbol.for("react.concurrent_mode") : 60111, n = b2 ? Symbol.for("react.forward_ref") : 60112, p = b2 ? Symbol.for("react.suspense") : 60113, q = b2 ? Symbol.for("react.suspense_list") : 60120, r = b2 ? Symbol.for("react.memo") : 60115, t = b2 ? Symbol.for("react.lazy") : 60116, v = b2 ? Symbol.for("react.block") : 60121, w = b2 ? Symbol.for("react.fundamental") : 60117, x2 = b2 ? Symbol.for("react.responder") : 60118, y2 = b2 ? Symbol.for("react.scope") : 60119;
+  var b = "function" === typeof Symbol && Symbol.for, c = b ? Symbol.for("react.element") : 60103, d = b ? Symbol.for("react.portal") : 60106, e = b ? Symbol.for("react.fragment") : 60107, f = b ? Symbol.for("react.strict_mode") : 60108, g = b ? Symbol.for("react.profiler") : 60114, h = b ? Symbol.for("react.provider") : 60109, k2 = b ? Symbol.for("react.context") : 60110, l2 = b ? Symbol.for("react.async_mode") : 60111, m = b ? Symbol.for("react.concurrent_mode") : 60111, n = b ? Symbol.for("react.forward_ref") : 60112, p = b ? Symbol.for("react.suspense") : 60113, q = b ? Symbol.for("react.suspense_list") : 60120, r = b ? Symbol.for("react.memo") : 60115, t = b ? Symbol.for("react.lazy") : 60116, v = b ? Symbol.for("react.block") : 60121, w = b ? Symbol.for("react.fundamental") : 60117, x2 = b ? Symbol.for("react.responder") : 60118, y2 = b ? Symbol.for("react.scope") : 60119;
   function z(a2) {
     if ("object" === typeof a2 && null !== a2) {
       var u = a2.$$typeof;
@@ -6073,10 +6073,11 @@ const Col = (props) => {
 Col.defaultProps = defaultProps$1l;
 Col.displayName = "NutCol";
 const defaultProps$1k = {
+  ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
 };
-const classPrefix$4 = `nut-divider`;
+const classPrefix$5 = `nut-divider`;
 const Divider = (props) => {
   const {
     children,
@@ -6090,14 +6091,14 @@ const Divider = (props) => {
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
-    [`${classPrefix$4}`]: true,
-    [`${classPrefix$4}__center`]: children,
-    [`${classPrefix$4}__left`]: contentPosition === "left",
-    [`${classPrefix$4}__right`]: contentPosition === "right",
-    [`${classPrefix$4}__hairline`]: true
+    [`${classPrefix$5}`]: true,
+    [`${classPrefix$5}__center`]: children,
+    [`${classPrefix$5}__left`]: contentPosition === "left",
+    [`${classPrefix$5}__right`]: contentPosition === "right",
+    [`${classPrefix$5}__hairline`]: true
   }) : classNames({
-    [`${classPrefix$4}`]: true,
-    [`${classPrefix$4}__vertical`]: direction === "vertical"
+    [`${classPrefix$5}`]: true,
+    [`${classPrefix$5}__vertical`]: direction === "vertical"
   });
   return /* @__PURE__ */ jsx("div", {
     className: `${classes} ${className || ""}`,
@@ -6281,7 +6282,7 @@ const Layout = (props) => {
 };
 Layout.defaultProps = defaultProps$1h;
 Layout.displayName = "NutLayout";
-const classPrefix$3 = "nut-row";
+const classPrefix$4 = "nut-row";
 const defaultProps$1g = {
   ...ComponentDefaults,
   type: "",
@@ -6316,7 +6317,7 @@ const Row = (props) => {
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${classPrefix$3}
+    ${classPrefix$4}
    `;
   };
   const parentRow = {
@@ -6418,7 +6419,7 @@ const defaultProps$1f = {
   threshold: 0,
   zIndex: 2e3
 };
-const classPrefix$2 = "nut-sticky";
+const classPrefix$3 = "nut-sticky";
 const Sticky = (props) => {
   const {
     position,
@@ -6548,7 +6549,7 @@ const Sticky = (props) => {
       ...style,
       ...rootStyle
     },
-    className: classNames(classPrefix$2, className),
+    className: classNames(classPrefix$3, className),
     ...rest,
     children: /* @__PURE__ */ jsx("div", {
       className: "nut-sticky--box",
@@ -8660,17 +8661,17 @@ const is = {
   num: (a2) => typeof a2 === "number",
   und: (a2) => a2 === void 0
 };
-function isEqual(a2, b2) {
+function isEqual(a2, b) {
   if (is.arr(a2)) {
-    if (!is.arr(b2) || a2.length !== b2.length)
+    if (!is.arr(b) || a2.length !== b.length)
       return false;
     for (let i = 0; i < a2.length; i++) {
-      if (a2[i] !== b2[i])
+      if (a2[i] !== b[i])
         return false;
     }
     return true;
   }
-  return a2 === b2;
+  return a2 === b;
 }
 const each = (obj, fn) => obj.forEach(fn);
 function eachProp(obj, fn, ctx2) {
@@ -9025,8 +9026,8 @@ function hslToRgb(h, s, l2) {
   const p = 2 * l2 - q;
   const r = hue2rgb(p, q, h + 1 / 3);
   const g = hue2rgb(p, q, h);
-  const b2 = hue2rgb(p, q, h - 1 / 3);
-  return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b2 * 255) << 8;
+  const b = hue2rgb(p, q, h - 1 / 3);
+  return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
 }
 function parse255(str) {
   const int = parseInt(str, 10);
@@ -9063,9 +9064,9 @@ function colorToRgba(input) {
   int32Color = int32Color || 0;
   let r = (int32Color & 4278190080) >>> 24;
   let g = (int32Color & 16711680) >>> 16;
-  let b2 = (int32Color & 65280) >>> 8;
+  let b = (int32Color & 65280) >>> 8;
   let a2 = (int32Color & 255) / 255;
-  return `rgba(${r}, ${g}, ${b2}, ${a2})`;
+  return `rgba(${r}, ${g}, ${b}, ${a2})`;
 }
 const createInterpolator = (range3, output, extrapolate) => {
   if (is.fun(range3)) {
@@ -11675,145 +11676,26 @@ const host = createHost(primitives, {
   }
 });
 const animated = host.animated;
-var classnameExports = {};
-var classname = {
-  get exports() {
-    return classnameExports;
-  },
-  set exports(v) {
-    classnameExports = v;
-  }
-};
-var classname_production_min = {};
-var hasRequiredClassname_production_min;
-function requireClassname_production_min() {
-  if (hasRequiredClassname_production_min)
-    return classname_production_min;
-  hasRequiredClassname_production_min = 1;
-  function r(r2) {
-    function t2(t3, i, a2, o) {
-      var f = i ? e + t3 + r2.e + i : e + t3, v = f;
-      if (a2) {
-        var s = " " + v + r2.m;
-        for (var u in a2)
-          if (a2.hasOwnProperty(u)) {
-            var p = a2[u];
-            true === p ? v += s + u : p && (v += s + u + n + p);
-          }
-      }
-      if (void 0 !== o)
-        for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
-          var l2 = o[y2];
-          if (l2 && "string" == typeof l2.valueOf())
-            for (var g = l2.valueOf().split(" "), d = 0; d < g.length; d++) {
-              var h = g[d];
-              h !== f && (v += " " + h);
-            }
-        }
-      return v;
-    }
-    var e = r2.n || "", n = r2.v || r2.m;
-    return function(r3, e2) {
-      return function(n2, i, a2) {
-        return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r3, n2, void 0, i) : t2(r3, n2, i, a2) : t2(r3, e2, n2, i);
-      };
-    };
-  }
-  Object.defineProperty(classname_production_min, "__esModule", { value: true });
-  var t = r({ e: "-", m: "_" });
-  classname_production_min.cn = t, classname_production_min.withNaming = r;
-  return classname_production_min;
-}
-var classname_development = {};
-var hasRequiredClassname_development;
-function requireClassname_development() {
-  if (hasRequiredClassname_development)
-    return classname_development;
-  hasRequiredClassname_development = 1;
-  Object.defineProperty(classname_development, "__esModule", { value: true });
-  function withNaming(preset) {
-    var nameSpace = preset.n || "";
-    var modValueDelimiter = preset.v || preset.m;
-    function stringify(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 k2 in m) {
-          if (m.hasOwnProperty(k2)) {
-            var modVal = m[k2];
-            if (modVal === true) {
-              className += modPrefix + k2;
-            } else if (modVal) {
-              className += modPrefix + k2 + modValueDelimiter + modVal;
-            }
-          }
-        }
-      }
-      if (mix !== void 0) {
-        mix = Array.isArray(mix) ? mix : [mix];
-        for (var i = 0, len = mix.length; i < len; i++) {
-          var value = mix[i];
-          if (!value || typeof value.valueOf() !== "string")
-            continue;
-          var mixes = value.valueOf().split(" ");
-          for (var j = 0; j < mixes.length; j++) {
-            var val = mixes[j];
-            if (val !== entityName) {
-              className += " " + val;
-            }
-          }
-        }
-      }
-      return className;
-    }
-    return function cnGenerator(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(module) {
-  if (process.env.NODE_ENV === "production") {
-    module.exports = requireClassname_production_min();
-  } else {
-    module.exports = requireClassname_development();
-  }
-})(classname);
-const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const elevatorContext = createContext({});
 const defaultProps$1e = {
+  ...ComponentDefaults,
   height: "200px",
-  acceptKey: "title",
-  indexList: [],
-  isSticky: false,
+  floorKey: "title",
+  list: [],
+  sticky: false,
   spaceHeight: 23,
-  titleHeight: 35,
-  className: ""
+  titleHeight: 35
 };
 const Elevator = (props) => {
   const {
     height,
-    acceptKey,
-    indexList,
-    isSticky,
+    floorKey,
+    list,
+    sticky,
     spaceHeight,
     titleHeight,
     className,
+    style,
     onClickItem,
     onClickIndex,
     children,
@@ -11822,7 +11704,7 @@ const Elevator = (props) => {
     ...defaultProps$1e,
     ...props
   };
-  const b2 = cn("elevator");
+  const classPrefix2 = "nut-elevator";
   const listview = useRef(null);
   const initData = {
     anchorIndex: 0,
@@ -11947,35 +11829,37 @@ const Elevator = (props) => {
     }
   }, [listview]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2()} ${className}`,
+    className: `${classPrefix2} ${className}`,
+    style,
     ...rest,
-    children: [isSticky && scrollY > 0 ? /* @__PURE__ */ jsx("div", {
-      className: b2("list__fixed"),
+    children: [sticky && scrollY > 0 ? /* @__PURE__ */ jsx("div", {
+      className: `${classPrefix2}__list__fixed`,
       children: /* @__PURE__ */ jsx("span", {
-        className: "fixed-title",
-        children: indexList[currentIndex][acceptKey]
+        className: `${classPrefix2}__list__fixed__title`,
+        children: list[currentIndex][floorKey]
       })
     }) : null, /* @__PURE__ */ jsx("div", {
-      className: b2("list"),
+      className: `${classPrefix2}__list`,
       style: {
         height: Number.isNaN(+height) ? height : `${height}px`
       },
       children: /* @__PURE__ */ jsx("div", {
-        className: b2("list__inner"),
+        className: `${classPrefix2}__list__inner`,
         ref: listview,
-        children: indexList.map((item, idx) => {
+        children: list.map((item, idx) => {
           return /* @__PURE__ */ jsxs("div", {
-            className: b2("list__item"),
+            className: `${classPrefix2}__list__item`,
             children: [/* @__PURE__ */ jsx("div", {
-              className: b2("list__item__code"),
-              children: item[acceptKey]
+              className: `${classPrefix2}__list__item__code`,
+              children: item[floorKey]
             }), /* @__PURE__ */ jsx(Fragment, {
               children: item.list.map((subitem) => {
                 return /* @__PURE__ */ jsx("div", {
-                  className: b2("list__item__name", {
-                    highcolor: currentData.id === subitem.id && currentKey === item[acceptKey]
+                  className: classNames({
+                    [`${classPrefix2}__list__item__name`]: true,
+                    [`${classPrefix2}__list__item__name--highcolor`]: currentData.id === subitem.id && currentKey === item[floorKey]
                   }),
-                  onClick: () => handleClickItem(item[acceptKey], subitem),
+                  onClick: () => handleClickItem(item[floorKey], subitem),
                   children: children ? /* @__PURE__ */ jsx(Fragment, {
                     children: /* @__PURE__ */ jsx(elevatorContext.Provider, {
                       value: subitem,
@@ -11988,27 +11872,29 @@ const Elevator = (props) => {
           }, idx);
         })
       })
-    }), indexList.length && scrollStart ? /* @__PURE__ */ jsx("div", {
-      className: b2("code--current", {
-        current: true
+    }), list.length && scrollStart ? /* @__PURE__ */ jsx("div", {
+      className: classNames({
+        [`${classPrefix2}__code--current`]: true,
+        [`${classPrefix2}__code--current--current`]: true
       }),
-      children: indexList[codeIndex][acceptKey]
+      children: list[codeIndex][floorKey]
     }) : null, /* @__PURE__ */ jsx("div", {
-      className: b2("bars"),
+      className: `${classPrefix2}__bars`,
       children: /* @__PURE__ */ jsx(animated.div, {
-        className: b2("bars__inner"),
+        className: `${classPrefix2}__bars__inner`,
         ...bind(),
         style: {
           touchAction: "pan-y"
         },
-        children: indexList.map((item, index) => {
+        children: list.map((item, index) => {
           return /* @__PURE__ */ jsx("div", {
-            className: b2("bars__inner__item", {
-              active: item[acceptKey] === indexList[currentIndex][acceptKey]
+            className: classNames({
+              [`${classPrefix2}__bars__inner__item`]: true,
+              [`${classPrefix2}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey]
             }),
             "data-index": index,
-            onClick: () => handleClickIndex(item[acceptKey]),
-            children: item[acceptKey]
+            onClick: () => handleClickIndex(item[floorKey]),
+            children: item[floorKey]
           }, index);
         })
       })
@@ -12114,7 +12000,7 @@ const defaultProps$1c = {
   current: 1,
   direction: "horizontal"
 };
-const classPrefix$1 = `nut-indicator`;
+const classPrefix$2 = `nut-indicator`;
 const Indicator = (props) => {
   const {
     total,
@@ -12128,17 +12014,17 @@ const Indicator = (props) => {
     ...props
   };
   const classes = classNames({
-    [`${classPrefix$1}__vertical`]: direction === "vertical"
+    [`${classPrefix$2}__vertical`]: direction === "vertical"
   });
   const renderElement = () => {
     const childs = [];
     for (let item = 1; item <= total; item++) {
       childs.push(item === current ? /* @__PURE__ */ jsx(Fragment, {
         children: children || /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$1}__dot ${classPrefix$1}__active`
+          className: `${classPrefix$2}__dot ${classPrefix$2}__active`
         }, item)
       }) : /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$1}__dot`
+        className: `${classPrefix$2}__dot`
       }, item));
     }
     return childs;
@@ -12153,21 +12039,19 @@ Indicator.defaultProps = defaultProps$1c;
 Indicator.displayName = "NutIndicator";
 const defaultProps$1b = {
   ...ComponentDefaults,
-  className: "",
-  style: {},
   activeColor: "",
-  closeOnClickOverlay: true,
+  closeOnOverlayClick: true,
   scrollFixed: false,
   lockScroll: true,
-  titleIcon: null
+  icon: null
 };
 const Menu = (props) => {
   const {
     className,
-    titleIcon,
+    icon,
     scrollFixed,
     lockScroll,
-    closeOnClickOverlay,
+    closeOnOverlayClick,
     children,
     activeColor,
     ...rest
@@ -12175,7 +12059,7 @@ const Menu = (props) => {
     ...defaultProps$1b,
     ...props
   };
-  const parentRef = useRef(null);
+  const menuRef = useRef(null);
   const [isScrollFixed, setIsScrollFixed] = useState(false);
   const getScrollTop = (el) => {
     return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
@@ -12194,99 +12078,101 @@ const Menu = (props) => {
     }
     return () => window.removeEventListener("scroll", onScroll);
   }, []);
-  const [itemShow, setItemShow] = useState([]);
-  const [itemTitle, setItemTitle] = useState([]);
-  const toggleItemShow = (index) => {
-    itemShow[index] = !itemShow[index];
-    const temp = itemShow.map((i, idx) => idx === index ? i : false);
-    setItemShow([...temp]);
+  const [showMenuItem, setShowMenuItem] = useState([]);
+  const [menuItemTitle, setMenuItemTitle] = useState([]);
+  const toggleMenuItem = (index) => {
+    showMenuItem[index] = !showMenuItem[index];
+    const temp = showMenuItem.map((i, idx) => idx === index ? i : false);
+    setShowMenuItem([...temp]);
   };
-  const hideItemShow = (index) => {
-    itemShow[index] = false;
-    setItemShow([...itemShow]);
+  const hideMenuItem = (index) => {
+    showMenuItem[index] = false;
+    setShowMenuItem([...showMenuItem]);
   };
   const updateTitle = (text, index) => {
-    itemTitle[index] = text;
-    setItemTitle([...itemTitle]);
-  };
-  const parent = () => {
-    return parentRef;
+    menuItemTitle[index] = text;
+    setMenuItemTitle([...menuItemTitle]);
   };
   const cloneChildren = () => {
     return React__default.Children.map(children, (child, index) => {
       return React__default.cloneElement(child, {
-        showPopup: itemShow[index],
-        orderKey: index,
+        show: showMenuItem[index],
+        index,
         activeColor,
         parent: {
-          closeOnClickOverlay,
+          closeOnOverlayClick,
           lockScroll,
-          toggleItemShow,
+          toggleMenuItem,
           updateTitle,
-          hideItemShow,
-          parent
+          hideMenuItem,
+          menuRef
         }
       });
     });
   };
+  const menuTitle = () => {
+    return React__default.Children.map(children, (child, index) => {
+      if (React__default.isValidElement(child)) {
+        const {
+          title,
+          options: options2,
+          value,
+          disabled,
+          direction
+        } = child.props;
+        const selected = options2 == null ? void 0 : options2.filter((option) => option.value === value);
+        const finallyTitle = () => {
+          if (title)
+            return title;
+          if (menuItemTitle && menuItemTitle[index])
+            return menuItemTitle[index];
+          if (selected && selected.length && selected[0].text)
+            return selected[0].text;
+          return "";
+        };
+        return /* @__PURE__ */ jsx("div", {
+          className: classNames("nut-menu__item ", className, {
+            active: showMenuItem[index],
+            disabled
+          }),
+          style: {
+            color: showMenuItem[index] ? activeColor : ""
+          },
+          onClick: () => {
+            !disabled && toggleMenuItem(index);
+          },
+          children: /* @__PURE__ */ jsxs("div", {
+            className: classNames("nut-menu__title ", {
+              active: showMenuItem[index],
+              disabled
+            }),
+            children: [/* @__PURE__ */ jsx("div", {
+              className: "nut-menu__title-text",
+              children: finallyTitle()
+            }), icon || (direction === "up" ? /* @__PURE__ */ jsx(x$g, {
+              className: "nut-menu__title-icon"
+            }) : /* @__PURE__ */ jsx(y$8, {
+              className: "nut-menu__title-icon"
+            }))]
+          })
+        }, index);
+      }
+      return null;
+    });
+  };
   return /* @__PURE__ */ jsx("div", {
-    className: `nut-menu ${className} ${isScrollFixed ? "scroll-fixed" : ""}`,
     ...rest,
-    ref: parentRef,
+    className: classNames(`nut-menu`, className, {
+      "scroll-fixed": isScrollFixed
+    }),
+    ref: menuRef,
     children: /* @__PURE__ */ jsxs("div", {
       className: "nut-menu-relative",
       children: [/* @__PURE__ */ jsx("div", {
-        className: `nut-menu__bar ${itemShow.includes(true) ? "opened" : ""} ${className}`,
-        children: React__default.Children.toArray(children).map((child, index) => {
-          if (!child)
-            return null;
-          const {
-            disabled,
-            title,
-            value,
-            direction,
-            options: options2,
-            className: className2
-          } = child.props;
-          const currentTitle = options2 == null ? void 0 : options2.filter((option) => option.value === value);
-          function finallyTitle() {
-            if (title)
-              return title;
-            if (itemTitle && itemTitle[index])
-              return itemTitle[index];
-            if (currentTitle && currentTitle[0] && currentTitle[0].text)
-              return currentTitle[0].text;
-            return "";
-          }
-          return /* @__PURE__ */ jsx("div", {
-            className: `nut-menu__item ${classNames({
-              active: itemShow[index],
-              disabled
-            })} ${className2}`,
-            style: {
-              color: itemShow[index] ? activeColor : ""
-            },
-            onClick: () => {
-              !disabled && toggleItemShow(index);
-            },
-            children: /* @__PURE__ */ jsxs("div", {
-              className: `nut-menu__title ${classNames({
-                active: itemShow[index],
-                disabled
-              })}`,
-              children: [/* @__PURE__ */ jsx("div", {
-                className: "nut-menu__title-text",
-                children: finallyTitle()
-              }), titleIcon || /* @__PURE__ */ jsx(Fragment, {
-                children: direction === "up" ? /* @__PURE__ */ jsx(x$g, {
-                  className: "nut-menu__title-icon"
-                }) : /* @__PURE__ */ jsx(y$8, {
-                  className: "nut-menu__title-icon"
-                })
-              })]
-            })
-          }, index);
-        })
+        className: classNames("nut-menu__bar", {
+          opened: showMenuItem.includes(true)
+        }),
+        children: menuTitle()
       }), cloneChildren()]
     })
   });
@@ -12295,52 +12181,47 @@ Menu.defaultProps = defaultProps$1b;
 Menu.displayName = "NutMenu";
 const defaultProps$1a = {
   ...ComponentDefaults,
-  className: "",
-  style: {},
   columns: 1,
   direction: "down",
-  optionsIcon: null,
+  icon: null,
+  closeOnClickAway: false,
   activeTitleClass: "",
   inactiveTitleClass: "",
   onChange: (value) => void 0
 };
 const MenuItem = forwardRef((props, ref) => {
-  const mergedProps = {
-    ...defaultProps$1a,
-    ...props
-  };
   const {
+    className,
     style,
     options: options2,
     value,
     columns,
     title,
-    optionsIcon,
+    icon,
     direction,
     onChange,
     activeTitleClass,
     inactiveTitleClass,
-    children
+    closeOnClickAway,
+    children,
+    activeColor,
+    show,
+    parent,
+    index
   } = {
     ...defaultProps$1a,
     ...props
   };
-  const {
-    activeColor,
-    showPopup,
-    parent,
-    orderKey
-  } = mergedProps;
-  const [_showPopup, setShowPopup] = useState(showPopup);
+  const [_showPopup, setShowPopup] = useState(show);
   const [_value, setValue] = useState(value);
   useEffect(() => {
-    setShowPopup(showPopup);
-  }, [showPopup]);
+    setShowPopup(show);
+  }, [show]);
   useEffect(() => {
     getParentOffset();
   }, [_showPopup]);
   useImperativeHandle(ref, () => ({
-    toggle: parent.toggleItemShow
+    toggle: parent.toggleMenuItem
   }));
   const getIconCName = (optionVal, value2) => {
     return classNames({
@@ -12350,11 +12231,11 @@ const MenuItem = forwardRef((props, ref) => {
   };
   const setTitle = (text) => {
     if (!title) {
-      parent.updateTitle(text, orderKey);
+      parent.updateTitle(text, index);
     }
   };
   const handleClick2 = (item) => {
-    parent.toggleItemShow(orderKey);
+    parent.toggleMenuItem(index);
     setTitle(item.text);
     setValue(item.value);
     onChange && onChange(item);
@@ -12365,7 +12246,7 @@ const MenuItem = forwardRef((props, ref) => {
   });
   const getParentOffset = () => {
     setTimeout(() => {
-      const p = parent.parent().current;
+      const p = parent.menuRef.current;
       const rect = p.getBoundingClientRect();
       setPosition({
         height: rect.height,
@@ -12392,37 +12273,40 @@ const MenuItem = forwardRef((props, ref) => {
     if (direction === "down") {
       return {
         height: `${position.top + position.height}px`,
-        ...isShow(),
-        ...style
+        top: 0,
+        ...isShow()
       };
     }
     return {
       height: `${window.innerHeight - position.top}px`,
+      bottom: `0px`,
       top: "auto",
-      ...isShow(),
-      ...style
+      ...isShow()
     };
   };
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [/* @__PURE__ */ jsx("div", {
+    children: [closeOnClickAway ? /* @__PURE__ */ jsx("div", {
       className: `placeholder-element ${classNames({
         up: direction === "up"
       })}`,
       style: placeholderStyle(),
-      onClick: () => parent.toggleItemShow(orderKey)
-    }), /* @__PURE__ */ jsx(Overlay, {
+      onClick: () => parent.toggleMenuItem(index)
+    }) : null, /* @__PURE__ */ jsx(Overlay, {
       className: "nut-menu__overlay",
       style: getPosition(),
       lockScroll: parent.lockScroll,
       visible: _showPopup,
-      closeOnOverlayClick: parent.closeOnClickOverlay,
+      closeOnOverlayClick: parent.closeOnOverlayClick,
       onClick: () => {
-        parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
+        parent.closeOnOverlayClick && parent.toggleMenuItem(index);
       }
     }), /* @__PURE__ */ jsx("div", {
-      className: direction === "down" ? "nut-menu-item__wrap" : "nut-menu-item__wrap-up",
+      className: classNames(className, {
+        "nut-menu-item__wrap": direction === "down",
+        "nut-menu-item__wrap-up": direction !== "down"
+      }),
       style: {
-        // ...getPosition(),
+        ...style,
         ...isShow()
       },
       children: /* @__PURE__ */ jsx(CSSTransition$1, {
@@ -12431,7 +12315,7 @@ const MenuItem = forwardRef((props, ref) => {
         classNames: direction === "down" ? "menu-item" : "menu-item-up",
         children: /* @__PURE__ */ jsxs("div", {
           className: "nut-menu-item__content",
-          children: [options2 == null ? void 0 : options2.map((item, index) => {
+          children: [options2 == null ? void 0 : options2.map((item, index2) => {
             return /* @__PURE__ */ jsxs("div", {
               className: `nut-menu-item__option ${classNames({
                 active: item.value === _value
@@ -12443,7 +12327,7 @@ const MenuItem = forwardRef((props, ref) => {
                 handleClick2(item);
               },
               children: [item.value === _value ? /* @__PURE__ */ jsx("i", {
-                children: optionsIcon || /* @__PURE__ */ jsx(x$e, {
+                children: icon || /* @__PURE__ */ jsx(x$e, {
                   color: activeColor,
                   className: getIconCName(item.value, value)
                 })
@@ -12465,48 +12349,32 @@ MenuItem.defaultProps = defaultProps$1a;
 MenuItem.displayName = "NutMenuItem";
 const defaultProps$19 = {
   ...ComponentDefaults,
-  title: "",
-  description: "",
-  leftShow: true,
-  className: "",
-  leftText: "",
+  left: "",
+  right: "",
+  back: "",
   fixed: false,
   safeAreaInsetTop: false,
-  border: false,
   placeholder: false,
-  zIndex: 10,
-  style: {}
+  zIndex: 10
 };
 const NavBar = (props) => {
   const {
-    description,
-    title,
-    leftShow,
+    right,
+    left,
     className,
     style,
-    leftText,
+    back,
     fixed,
     safeAreaInsetTop,
-    border,
     placeholder,
     zIndex,
-    onClickTitle,
-    onClickIcon,
-    onClickBack,
-    onClickRight
+    onClickBack
   } = {
     ...defaultProps$19,
     ...props
   };
-  const b2 = cn("navbar");
+  const classPrefix2 = "nut-navbar";
   const children = Array.isArray(props.children) ? props.children : [props.children];
-  const slot = children.reduce((slot2, item) => {
-    const data = slot2;
-    if (item && item.props) {
-      data[item.props.slot] = item.props.children;
-    }
-    return data;
-  }, {});
   const styles = () => {
     return {
       ...style,
@@ -12515,38 +12383,24 @@ const NavBar = (props) => {
   };
   const renderLeft = () => {
     return /* @__PURE__ */ jsxs("div", {
-      className: `${b2("left")}`,
-      onClick: (e) => onClickBack(e),
-      children: [leftShow && /* @__PURE__ */ jsx(y$5, {
-        name: "left",
-        color: "#979797"
-      }), leftText && /* @__PURE__ */ jsx("div", {
-        className: `${b2("text")}`,
-        children: leftText
-      }), slot.left]
+      className: `${classPrefix2}__left`,
+      children: [back && /* @__PURE__ */ jsx("div", {
+        className: `${classPrefix2}__left__back`,
+        onClick: (e) => onClickBack(e),
+        children: back
+      }), left]
     });
   };
   const renderContent = () => {
-    return /* @__PURE__ */ jsxs("div", {
-      className: `${b2("title")}`,
-      children: [title && /* @__PURE__ */ jsx("div", {
-        className: "title",
-        onClick: (e) => onClickTitle(e),
-        children: title
-      }), slot.titleIcon && /* @__PURE__ */ jsx("div", {
-        onClick: (e) => onClickIcon(e),
-        children: slot.titleIcon
-      }), slot.content]
+    return /* @__PURE__ */ jsx("div", {
+      className: `${classPrefix2}__title`,
+      children
     });
   };
   const renderRight = () => {
-    return /* @__PURE__ */ jsxs("div", {
-      className: `${b2("right")}`,
-      onClick: (e) => onClickRight(e),
-      children: [description && /* @__PURE__ */ jsx("div", {
-        className: `${b2("text")}`,
-        children: description
-      }), slot.right]
+    return /* @__PURE__ */ jsx("div", {
+      className: `${classPrefix2}__right`,
+      children: right
     });
   };
   const renderWrapper = () => {
@@ -12557,14 +12411,13 @@ const NavBar = (props) => {
     });
   };
   const classes = classNames({
-    [`nut-navbar--border`]: border,
-    [`nut-navbar--fixed`]: fixed,
-    [`nut-navbar--safe-area-inset-top`]: safeAreaInsetTop
+    [`${classPrefix2}--fixed`]: fixed,
+    [`${classPrefix2}--safe-area-inset-top`]: safeAreaInsetTop
   });
-  const cls = classNames(b2(""), classes, className);
+  const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ jsx(Fragment, {
     children: fixed && placeholder ? /* @__PURE__ */ jsx("div", {
-      className: `${b2("")}--placeholder`,
+      className: `${classPrefix2}--placeholder`,
       children: renderWrapper()
     }) : renderWrapper()
   });
@@ -12877,6 +12730,126 @@ const SubSideNavBar = (props) => {
     })]
   });
 };
+var classnameExports = {};
+var classname = {
+  get exports() {
+    return classnameExports;
+  },
+  set exports(v) {
+    classnameExports = v;
+  }
+};
+var classname_production_min = {};
+var hasRequiredClassname_production_min;
+function requireClassname_production_min() {
+  if (hasRequiredClassname_production_min)
+    return classname_production_min;
+  hasRequiredClassname_production_min = 1;
+  function r(r2) {
+    function t2(t3, i, a2, o) {
+      var f = i ? e + t3 + r2.e + i : e + t3, v = f;
+      if (a2) {
+        var s = " " + v + r2.m;
+        for (var u in a2)
+          if (a2.hasOwnProperty(u)) {
+            var p = a2[u];
+            true === p ? v += s + u : p && (v += s + u + n + p);
+          }
+      }
+      if (void 0 !== o)
+        for (var y2 = 0, c = (o = Array.isArray(o) ? o : [o]).length; y2 < c; y2++) {
+          var l2 = o[y2];
+          if (l2 && "string" == typeof l2.valueOf())
+            for (var g = l2.valueOf().split(" "), d = 0; d < g.length; d++) {
+              var h = g[d];
+              h !== f && (v += " " + h);
+            }
+        }
+      return v;
+    }
+    var e = r2.n || "", n = r2.v || r2.m;
+    return function(r3, e2) {
+      return function(n2, i, a2) {
+        return "string" == typeof n2 ? "string" == typeof i || Array.isArray(i) ? t2(r3, n2, void 0, i) : t2(r3, n2, i, a2) : t2(r3, e2, n2, i);
+      };
+    };
+  }
+  Object.defineProperty(classname_production_min, "__esModule", { value: true });
+  var t = r({ e: "-", m: "_" });
+  classname_production_min.cn = t, classname_production_min.withNaming = r;
+  return classname_production_min;
+}
+var classname_development = {};
+var hasRequiredClassname_development;
+function requireClassname_development() {
+  if (hasRequiredClassname_development)
+    return classname_development;
+  hasRequiredClassname_development = 1;
+  Object.defineProperty(classname_development, "__esModule", { value: true });
+  function withNaming(preset) {
+    var nameSpace = preset.n || "";
+    var modValueDelimiter = preset.v || preset.m;
+    function stringify(b, e, m, mix) {
+      var entityName = e ? nameSpace + b + preset.e + e : nameSpace + b;
+      var className = entityName;
+      if (m) {
+        var modPrefix = " " + className + preset.m;
+        for (var k2 in m) {
+          if (m.hasOwnProperty(k2)) {
+            var modVal = m[k2];
+            if (modVal === true) {
+              className += modPrefix + k2;
+            } else if (modVal) {
+              className += modPrefix + k2 + modValueDelimiter + modVal;
+            }
+          }
+        }
+      }
+      if (mix !== void 0) {
+        mix = Array.isArray(mix) ? mix : [mix];
+        for (var i = 0, len = mix.length; i < len; i++) {
+          var value = mix[i];
+          if (!value || typeof value.valueOf() !== "string")
+            continue;
+          var mixes = value.valueOf().split(" ");
+          for (var j = 0; j < mixes.length; j++) {
+            var val = mixes[j];
+            if (val !== entityName) {
+              className += " " + val;
+            }
+          }
+        }
+      }
+      return className;
+    }
+    return function cnGenerator(b, e) {
+      return function(elemOrMods, elemModsOrBlockMix, elemMix) {
+        if (typeof elemOrMods === "string") {
+          if (typeof elemModsOrBlockMix === "string" || Array.isArray(elemModsOrBlockMix)) {
+            return stringify(b, elemOrMods, void 0, elemModsOrBlockMix);
+          }
+          return stringify(b, elemOrMods, elemModsOrBlockMix, elemMix);
+        }
+        return stringify(b, e, elemOrMods, elemModsOrBlockMix);
+      };
+    };
+  }
+  var cn2 = withNaming({
+    e: "-",
+    m: "_"
+  });
+  classname_development.cn = cn2;
+  classname_development.withNaming = withNaming;
+  return classname_development;
+}
+(function(module) {
+  if (process.env.NODE_ENV === "production") {
+    module.exports = requireClassname_production_min();
+  } else {
+    module.exports = requireClassname_development();
+  }
+})(classname);
+const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
 const defaultProps$15 = {
   visible: 0,
   bottom: false,
@@ -12906,7 +12879,7 @@ const Tabbar = (props) => {
     ...defaultProps$15,
     ...props
   };
-  const b2 = cn("tabbar");
+  const b = cn("tabbar");
   const [selectIndex, setSelectIndex] = useState(activeVisible || visible);
   const handleClick2 = (idx) => {
     if (!("activeVisible" in props)) {
@@ -12919,7 +12892,7 @@ const Tabbar = (props) => {
     }
   }, [activeVisible]);
   return /* @__PURE__ */ jsx("div", {
-    className: [`${b2()}`, bottom ? `${b2("bottom")}` : "", safeAreaInsetBottom ? `${b2("bottom")} ${b2("safebottom")}` : "", className].join(" "),
+    className: [`${b()}`, bottom ? `${b("bottom")}` : "", safeAreaInsetBottom ? `${b("bottom")} ${b("safebottom")}` : "", className].join(" "),
     style,
     children: React__default.Children.map(children, (child, idx) => {
       if (!React__default.isValidElement(child)) {
@@ -12976,7 +12949,7 @@ const TabbarItem = (props) => {
     ...defaultProps$14,
     ...props
   };
-  const b2 = cn("tabbar-item");
+  const b = cn("tabbar-item");
   const bIcon = cn("tabbar-item__icon-box");
   useEffect(() => {
     if (active && href) {
@@ -12984,7 +12957,7 @@ const TabbarItem = (props) => {
     }
   }, [active, href]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2({
+    className: `${b({
       active
     })} ${className}`,
     style: {
@@ -13035,10 +13008,10 @@ const TabPane = (props) => {
     ...defaultProps$13,
     ...props
   };
-  const b2 = cn("tabpane");
+  const b = cn("tabpane");
   const classes = classNames({
     active: !disabled && paneKey === activeKey
-  }, b2(""), autoHeightClassName, className);
+  }, b(""), autoHeightClassName, className);
   return /* @__PURE__ */ jsx("div", {
     className: classes,
     children: !disabled && children
@@ -13123,13 +13096,13 @@ const Tabs = (props) => {
     });
     setCurrentItem(titles.current[currentIndex]);
   }, [children]);
-  const b2 = cn("tabs");
-  const classes = classNames(direction, b2(""), className);
+  const b = cn("tabs");
+  const classes = classNames(direction, b(""), className);
   const classesTitle = classNames({
     [type4]: type4,
     scrollable: titleScroll,
     [size]: size
-  }, `${b2("")}__titles`);
+  }, `${b("")}__titles`);
   const titleStyle = {
     marginLeft: pxCheck(titleGutter),
     marginRight: pxCheck(titleGutter)
@@ -13168,12 +13141,12 @@ const Tabs = (props) => {
             active: !item.disabled && String(item.paneKey) === String(value),
             disabled: item.disabled,
             "nut-tabs__titles-item-left-align": leftAlign
-          }, `${b2("")}__titles-item`),
+          }, `${b("")}__titles-item`),
           children: [type4 === "line" && /* @__PURE__ */ jsx("div", {
-            className: `${b2("")}__titles-item__line`,
+            className: `${b("")}__titles-item__line`,
             style: tabsActiveStyle
           }), type4 === "smile" && /* @__PURE__ */ jsx("div", {
-            className: `${b2("")}__titles-item__smile`,
+            className: `${b("")}__titles-item__smile`,
             style: tabsActiveStyle,
             children: /* @__PURE__ */ jsx(x$7, {
               color
@@ -13181,15 +13154,15 @@ const Tabs = (props) => {
           }), /* @__PURE__ */ jsx("div", {
             className: classNames({
               ellipsis: ellipsis && !titleScroll && direction === "horizontal"
-            }, `${b2("")}__titles-item__text`),
+            }, `${b("")}__titles-item__text`),
             children: item.title
           })]
         }, item.paneKey);
       })
     }), /* @__PURE__ */ jsx("div", {
-      className: `${b2("")}__content__wrap`,
+      className: `${b("")}__content__wrap`,
       children: /* @__PURE__ */ jsx("div", {
-        className: `${b2("")}__content`,
+        className: `${b("")}__content`,
         style: contentStyle,
         children: React__default.Children.map(children, (child, idx) => {
           var _a2;
@@ -13439,14 +13412,14 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const monthsPanel = useRef(null);
   const viewArea = useRef(null);
   let viewHeight = 0;
-  const b2 = cn("calendar");
+  const b = cn("calendar");
   const classes = classNames({
-    [`${b2("")}-tile`]: !poppable,
-    [`${b2("")}-nofooter`]: !!isAutoBackFill
-  }, b2(""));
+    [`${b("")}-tile`]: !poppable,
+    [`${b("")}-nofooter`]: !!isAutoBackFill
+  }, b(""));
   const headerClasses = classNames({
-    [`${b2("")}-header`]: true,
-    [`${b2("")}-header-tile`]: !poppable
+    [`${b("")}-header`]: true,
+    [`${b("")}-header-tile`]: !poppable
   });
   const monthitemclasses = classNames({
     "calendar-month-item": true,
@@ -14158,13 +14131,13 @@ const InternalCascaderItem = (props, ref) => {
     ...defaultProps$$,
     ...props
   };
-  const b2 = cn("cascader-item");
+  const b = cn("cascader-item");
   const classes = classNames({
     active: checked,
     disabled: data.disabled
-  }, b2(""));
+  }, b(""));
   const classesTitle = classNames({
-    [`${b2("")}__title`]: true
+    [`${b("")}__title`]: true
   });
   const renderIcon = () => {
     if (checked) {
@@ -14172,7 +14145,7 @@ const InternalCascaderItem = (props, ref) => {
         return checkedIcon;
       }
       return /* @__PURE__ */ jsx(x$c, {
-        className: `${checked ? b2("icon-check") : ""}`
+        className: `${checked ? b("icon-check") : ""}`
       });
     }
     return null;
@@ -14262,7 +14235,7 @@ const convertListToOptions = (list, options2) => {
   if (sortKey) {
     Object.keys(map).forEach((i) => {
       if (map[i].length > 1) {
-        map[i].sort((a2, b2) => a2[sortKey] - b2[sortKey]);
+        map[i].sort((a2, b) => a2[sortKey] - b[sortKey]);
       }
     });
   }
@@ -14414,10 +14387,10 @@ const InternalCascader = (props, ref) => {
     },
     lazyLoadMap: /* @__PURE__ */ new Map()
   });
-  const b2 = cn("cascader");
-  const classes = classNames(b2(""));
+  const b = cn("cascader");
+  const classes = classNames(b(""));
   const classesPane = classNames({
-    [`${b2("")}-pane`]: true
+    [`${b("")}-pane`]: true
   });
   useEffect(() => {
     initData();
@@ -14585,7 +14558,7 @@ const InternalCascader = (props, ref) => {
       className: `${classes} ${className}`,
       style,
       children: [poppable && /* @__PURE__ */ jsx("div", {
-        className: b2("title"),
+        className: b("title"),
         children: title
       }), /* @__PURE__ */ jsx(Tabs, {
         value: tabvalue,
@@ -14668,7 +14641,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
     ...defaultProps$Z,
     ...props
   };
-  const b2 = cn("checkboxgroup");
+  const b = cn("checkboxgroup");
   const {
     className,
     disabled,
@@ -14743,7 +14716,7 @@ const CheckboxGroup = React__default.forwardRef((props, ref) => {
       }
     },
     children: /* @__PURE__ */ jsx("div", {
-      className: `${b2()} nut-checkboxgroup--${props.direction} ${className || ""}`,
+      className: `${b()} nut-checkboxgroup--${props.direction} ${className || ""}`,
       ...rest,
       children: (options2 == null ? void 0 : options2.length) ? renderOptions() : children
     })
@@ -14771,7 +14744,7 @@ const Checkbox = (props) => {
     ...defaultProps$Y,
     ...props
   };
-  const b2 = cn("checkbox");
+  const b = cn("checkbox");
   const {
     icon,
     iconSize,
@@ -14856,7 +14829,7 @@ const Checkbox = (props) => {
   };
   const renderLabel = () => {
     return /* @__PURE__ */ jsx("span", {
-      className: `${b2("label", {
+      className: `${b("label", {
         disabled: innerDisabled
       })} `,
       children: children || label
@@ -14874,7 +14847,7 @@ const Checkbox = (props) => {
     setChecked(latestChecked);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2({
+    className: `${b({
       reverse: textPosition === "left"
     })} ${className || ""}`,
     ...rest,
@@ -15192,7 +15165,7 @@ const InternalPicker = (props, ref) => {
   const pickerRef = useRef(null);
   const [refs, setRefs] = useRefs();
   const [columnsList, setColumnsList] = useState([]);
-  const b2 = cn("picker");
+  const b = cn("picker");
   const isConfirmEvent = useRef(false);
   useEffect(() => {
     if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
@@ -15334,16 +15307,16 @@ const InternalPicker = (props, ref) => {
   };
   const renderToolbar = () => {
     return /* @__PURE__ */ jsxs("div", {
-      className: b2("control"),
+      className: b("control"),
       children: [/* @__PURE__ */ jsx("span", {
-        className: b2("cancel-btn"),
+        className: b("cancel-btn"),
         onClick: () => closeActionSheet(),
         children: locale.cancel
       }), /* @__PURE__ */ jsx("div", {
-        className: b2("title"),
+        className: b("title"),
         children: title || ""
       }), /* @__PURE__ */ jsx("span", {
-        className: b2("confirm-btn"),
+        className: b("confirm-btn"),
         onClick: confirm2,
         children: locale.confirm
       })]
@@ -15356,11 +15329,11 @@ const InternalPicker = (props, ref) => {
       closeActionSheet();
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: `${b2()} ${className || ""}`,
+      className: `${b()} ${className || ""}`,
       style,
       ...rest,
       children: [renderToolbar(), /* @__PURE__ */ jsx("div", {
-        className: b2("panel"),
+        className: b("panel"),
         ref: pickerRef,
         children: columnsList == null ? void 0 : columnsList.map((item, index) => {
           return /* @__PURE__ */ jsx(PickerSlot$1, {
@@ -16011,7 +15984,7 @@ var getUrlRegex = function() {
     return urlReg;
   }
   var word = "[a-fA-F\\d:]";
-  var b2 = function b3(options2) {
+  var b = function b2(options2) {
     return options2 && options2.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
   };
   var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
@@ -16021,13 +15994,13 @@ var getUrlRegex = function() {
   var v4exact = new RegExp("^" + v4 + "$");
   var v6exact = new RegExp("^" + v6 + "$");
   var ip = function ip2(options2) {
-    return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b2(options2) + v4 + b2(options2) + ")|(?:" + b2(options2) + v6 + b2(options2) + ")", "g");
+    return options2 && options2.exact ? v46Exact : new RegExp("(?:" + b(options2) + v4 + b(options2) + ")|(?:" + b(options2) + v6 + b(options2) + ")", "g");
   };
   ip.v4 = function(options2) {
-    return options2 && options2.exact ? v4exact : new RegExp("" + b2(options2) + v4 + b2(options2), "g");
+    return options2 && options2.exact ? v4exact : new RegExp("" + b(options2) + v4 + b(options2), "g");
   };
   ip.v6 = function(options2) {
-    return options2 && options2.exact ? v6exact : new RegExp("" + b2(options2) + v6 + b2(options2), "g");
+    return options2 && options2.exact ? v6exact : new RegExp("" + b(options2) + v6 + b(options2), "g");
   };
   var protocol = "(?:(?:[a-z]+:)?//)";
   var auth = "(?:\\S+(?::\\S*)?@)?";
@@ -17439,7 +17412,7 @@ const defaultProps$T = {
   digits: 0,
   async: false
 };
-const classPrefix = `nut-inputnumber`;
+const classPrefix$1 = `nut-inputnumber`;
 const InputNumber = (props) => {
   const {
     children,
@@ -17481,8 +17454,8 @@ const InputNumber = (props) => {
     }
   }, []);
   const classes = classNames({
-    [`${classPrefix}`]: true,
-    [`${classPrefix}--disabled`]: disabled
+    [`${classPrefix$1}`]: true,
+    [`${classPrefix$1}--disabled`]: disabled
   }, className);
   const styles = {
     ...style
@@ -17699,7 +17672,7 @@ const NumberKeyboard = (props) => {
     onDelete,
     onClose
   } = props;
-  const b2 = cn("numberkeyboard");
+  const b = cn("numberkeyboard");
   const [show, setShow] = useState(visible);
   const [clickKeyIndex, setClickKeyIndex] = useState(void 0);
   const [keysList, setKeysList] = useState([]);
@@ -17827,24 +17800,24 @@ const NumberKeyboard = (props) => {
         backgroundColor: "rgba(0, 0, 0, 0)"
       },
       children: /* @__PURE__ */ jsxs("div", {
-        className: `${b2()} ${className}`,
+        className: `${b()} ${className}`,
         style: {
           ...style
         },
         children: [title ? /* @__PURE__ */ jsxs("div", {
-          className: b2("header"),
+          className: b("header"),
           children: [/* @__PURE__ */ jsx("h3", {
-            className: b2("header__tit"),
+            className: b("header__tit"),
             children: title
           }), type4 === "default" ? /* @__PURE__ */ jsx("span", {
-            className: b2("header__close"),
+            className: b("header__close"),
             onClick: onClose,
             children: locale.done
           }) : null]
         }) : null, /* @__PURE__ */ jsxs("div", {
-          className: b2("body"),
+          className: b("body"),
           children: [/* @__PURE__ */ jsx("div", {
-            className: b2("body__keys"),
+            className: b("body__keys"),
             children: keysList == null ? void 0 : keysList.map((item, index) => {
               return /* @__PURE__ */ jsx("div", {
                 className: classNames({
@@ -17874,7 +17847,7 @@ const NumberKeyboard = (props) => {
               }, index);
             })
           }), type4 === "rightColumn" ? /* @__PURE__ */ jsxs("div", {
-            className: b2("sidebar"),
+            className: b("sidebar"),
             children: [/* @__PURE__ */ jsx("div", {
               className: "key-board-wrapper",
               children: /* @__PURE__ */ jsx("div", {
@@ -18503,7 +18476,7 @@ const Range = (props) => {
   useEffect(() => {
     if (marks) {
       const marksKeys = Object.keys(marks);
-      const list = marksKeys.map(parseFloat).sort((a2, b2) => a2 - b2).filter((point) => point >= min && point <= max);
+      const list = marksKeys.map(parseFloat).sort((a2, b) => a2 - b).filter((point) => point >= min && point <= max);
       SetMarksList(list);
     }
   }, [marks]);
@@ -19194,7 +19167,7 @@ const ShortPassword = (props) => {
     autoFocus,
     ...reset
   } = props;
-  const b2 = cn("shortpassword");
+  const b = cn("shortpassword");
   const textInput = useRef(null);
   const range3 = (val) => {
     return Math.min(Math.max(4, val), 6);
@@ -19270,22 +19243,22 @@ const ShortPassword = (props) => {
       onClickOverlay: onClose,
       onClickCloseIcon: onClose,
       children: /* @__PURE__ */ jsxs("div", {
-        className: `${b2()} ${className}`,
+        className: `${b()} ${className}`,
         style: {
           ...style
         },
         ...reset,
         children: [/* @__PURE__ */ jsx("div", {
-          className: b2("title"),
+          className: b("title"),
           children: title || locale.shortpassword.title
         }), /* @__PURE__ */ jsx("div", {
-          className: b2("subtitle"),
+          className: b("subtitle"),
           children: description || locale.shortpassword.description
         }), /* @__PURE__ */ jsxs("div", {
-          className: b2("input"),
+          className: b("input"),
           children: [/* @__PURE__ */ jsx("input", {
             ref: textInput,
-            className: b2("input-real"),
+            className: b("input-real"),
             type: "number",
             style: systemStyle(),
             maxLength: 6,
@@ -19293,40 +19266,40 @@ const ShortPassword = (props) => {
             autoFocus,
             onChange: (e) => changeValue(e)
           }), /* @__PURE__ */ jsx("div", {
-            className: b2("input-site")
+            className: b("input-site")
           }), /* @__PURE__ */ jsx("div", {
-            className: b2("input-fake"),
+            className: b("input-fake"),
             onClick: () => focus(),
             children: [...new Array(comLen).keys()].map((item, index) => {
               return /* @__PURE__ */ jsx("div", {
-                className: b2("input-fake__li"),
+                className: b("input-fake__li"),
                 children: String(inputValue).length > index ? /* @__PURE__ */ jsx("div", {
-                  className: b2("input-fake__li__icon")
+                  className: b("input-fake__li__icon")
                 }) : null
               }, index);
             })
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: b2("message"),
+          className: b("message"),
           children: [/* @__PURE__ */ jsx("div", {
-            className: b2("message__error"),
+            className: b("message__error"),
             children: errorMsg2
           }), tips || locale.shortpassword.tips ? /* @__PURE__ */ jsxs("div", {
-            className: b2("message__forget"),
+            className: b("message__forget"),
             children: [renderIcon(iconSize), /* @__PURE__ */ jsx("div", {
-              className: b2("message__forget-tips"),
+              className: b("message__forget-tips"),
               onClick: onTips,
               children: tips || locale.shortpassword.tips
             })]
           }) : null]
         }), !noButton ? /* @__PURE__ */ jsxs("div", {
-          className: b2("footer"),
+          className: b("footer"),
           children: [/* @__PURE__ */ jsx("div", {
-            className: b2("footer__cancel"),
+            className: b("footer__cancel"),
             onClick: onCancel,
             children: locale.cancel
           }), /* @__PURE__ */ jsx("div", {
-            className: b2("footer__sure"),
+            className: b("footer__sure"),
             onClick: () => sure(),
             children: locale.confirm
           })]
@@ -19482,134 +19455,64 @@ TextArea.defaultProps = defaultProps$L;
 TextArea.displayName = "NutTextArea";
 const defaultProps$K = {
   ...ComponentDefaults,
-  className: "",
-  style: {},
-  isShowPercentage: true,
-  percentage: 0,
-  fillColor: "#f3f3f3",
-  strokeColor: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  strokeWidth: "",
-  textColor: "",
-  textWidth: "",
-  showText: true,
-  textInside: false,
-  textBackground: "linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)",
-  textType: "text",
-  status: false,
-  icon: null,
-  children: void 0
+  percent: 0,
+  showText: false,
+  animated: false
 };
 const Progress = (props) => {
   const {
     className,
     style,
-    isShowPercentage,
-    percentage,
-    fillColor,
-    strokeColor,
+    percent,
+    background,
+    color,
     strokeWidth,
-    size,
-    textColor,
-    textWidth,
     showText,
-    textInside,
-    textBackground,
-    textType,
-    status,
-    icon,
+    animated: animated2,
     children,
     ...rest
   } = {
     ...defaultProps$K,
     ...props
   };
-  const b2 = cn("progress");
-  const classes = classNames(b2(""));
-  const classesOuter = classNames({
-    [`${b2("")}-outer`]: true,
-    [`${b2("")}-${size || "base"}`]: true
-  });
+  const classPrefix2 = "nut-progress";
   const classesInner = classNames({
-    [`${b2("")}-inner`]: true,
-    [`${b2("")}-active`]: status
-  });
-  const classesText = classNames({
-    [`${b2("")}-text`]: true
-  });
-  const classesInsideText = classNames({
-    [`${b2("")}-text`]: true,
-    [`${b2("")}-insidetext`]: true
-  });
-  const classesTextInner = classNames({
-    [`${b2("")}-text__inner`]: true
+    [`${classPrefix2}-inner`]: true,
+    [`${classPrefix2}-active`]: animated2
   });
   const stylesOuter = {
     height: `${strokeWidth}px`,
-    // eslint-disable-next-line no-nested-ternary
-    background: `${fillColor}`
+    background
   };
   const stylesInner = {
-    width: `${percentage}%`,
-    // eslint-disable-next-line no-nested-ternary
-    background: `${strokeColor}`
-  };
-  const stylesInsideText = {
-    width: `${textWidth}px`,
-    left: `${percentage}%`,
-    background: textBackground || strokeColor
-  };
-  const stylesInsideIcon = {
-    width: `${textWidth}px`,
-    left: `${percentage}%`
+    width: `${percent}%`,
+    background: color
   };
-  const stylesText = {
-    width: `${textWidth}px`
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: `${classes} ${className}`,
+  return /* @__PURE__ */ jsx("div", {
+    className: classNames(classPrefix2, className),
     style,
     ...rest,
-    children: [/* @__PURE__ */ jsx("div", {
-      className: classesOuter,
+    children: /* @__PURE__ */ jsx("div", {
+      className: `${classPrefix2}-outer`,
       style: stylesOuter,
       children: /* @__PURE__ */ jsx("div", {
         className: classesInner,
         style: stylesInner,
-        children: showText && textInside && /* @__PURE__ */ jsx(Fragment, {
-          children: children ? /* @__PURE__ */ jsx("div", {
-            className: classesInsideText,
-            style: stylesInsideIcon,
-            children
-          }) : /* @__PURE__ */ jsx("div", {
-            className: classesInsideText,
-            style: stylesInsideText,
-            children: /* @__PURE__ */ jsxs("span", {
-              className: classesTextInner,
-              style: {
-                color: textColor
-              },
-              children: [percentage, isShowPercentage ? "%" : ""]
-            })
+        children: showText && /* @__PURE__ */ jsx("div", {
+          className: `${classPrefix2}-text`,
+          style: {
+            left: `${percent}%`
+          },
+          children: children || /* @__PURE__ */ jsxs("div", {
+            className: `${classPrefix2}-text__inner`,
+            style: {
+              background: color
+            },
+            children: [percent, "%"]
           })
         })
       })
-    }), showText && !textInside && /* @__PURE__ */ jsxs("div", {
-      className: classesText,
-      style: stylesText,
-      children: [textType === "text" && /* @__PURE__ */ jsxs("span", {
-        className: classesTextInner,
-        style: {
-          color: textColor
-        },
-        children: [percentage, isShowPercentage ? "%" : ""]
-      }), textType === "icon" && /* @__PURE__ */ jsx(Fragment, {
-        children: icon || /* @__PURE__ */ jsx(x$d, {
-          width: 16,
-          height: 16,
-          color: "#439422"
-        })
-      })]
-    })]
+    })
   });
 };
 Progress.defaultProps = defaultProps$K;
@@ -20108,9 +20011,8 @@ const InternalUploader = (props, ref) => {
             className: "nut-uploader__preview-img__file__del",
             onClick: () => onDeleteItem(item, index)
           }), item.status === "uploading" && /* @__PURE__ */ jsx(Progress, {
-            size: "small",
-            percentage: item.percentage,
-            strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
+            percent: item.percentage,
+            color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)",
             showText: false
           })]
         })]
@@ -20189,7 +20091,7 @@ const ActionSheet = (props) => {
     ...defaultProps$I,
     ...props
   };
-  const b2 = cn("actionsheet");
+  const b = cn("actionsheet");
   const isHighlight = (item) => {
     return props.chooseTagValue && props.chooseTagValue === item[props.optionTag || "name"] ? props.color : "$dark1";
   };
@@ -20209,20 +20111,20 @@ const ActionSheet = (props) => {
       onCancel && onCancel();
     },
     children: /* @__PURE__ */ jsxs("div", {
-      className: `${b2()} ${className}`,
+      className: `${b()} ${className}`,
       style,
       ...rest,
       children: [title && /* @__PURE__ */ jsx("div", {
-        className: b2("title"),
+        className: b("title"),
         children: title
       }), description && /* @__PURE__ */ jsx("div", {
-        className: `${b2("item")} description`,
+        className: `${b("item")} description`,
         children: description
       }), menuItems.length ? /* @__PURE__ */ jsx("div", {
-        className: b2("menu"),
+        className: b("menu"),
         children: menuItems.map((item, index) => {
           return /* @__PURE__ */ jsxs("div", {
-            className: `${b2("item")} ${item.disable ? b2("item-disabled") : ""}`,
+            className: `${b("item")} ${item.disable ? b("item-disabled") : ""}`,
             style: {
               color: isHighlight(item)
             },
@@ -20234,7 +20136,7 @@ const ActionSheet = (props) => {
           }, index);
         })
       }) : children, cancelText && /* @__PURE__ */ jsx("div", {
-        className: b2("cancel"),
+        className: b("cancel"),
         onClick: () => cancelActionSheet(),
         children: cancelText
       })]
@@ -20688,6 +20590,7 @@ Dialog.confirm = (props) => {
 Dialog.defaultProps = defaultProps$G;
 Dialog.displayName = "NutDialog";
 const defaultProps$F = {
+  ...ComponentDefaults,
   attract: false,
   direction: void 0,
   boundary: {
@@ -20695,8 +20598,7 @@ const defaultProps$F = {
     left: 0,
     right: 0,
     bottom: 0
-  },
-  className: ""
+  }
 };
 const Drag = (props) => {
   const {
@@ -20711,7 +20613,7 @@ const Drag = (props) => {
     ...defaultProps$F,
     ...props
   };
-  const b2 = cn("drag");
+  const classPrefix2 = "nut-drag";
   const [boundaryState, setBoundaryState] = useState(boundary);
   const myDrag = useRef(null);
   const [currstyle, api] = useSpring(() => ({
@@ -20784,7 +20686,7 @@ const Drag = (props) => {
   }, [myDrag]);
   return /* @__PURE__ */ jsx("div", {
     style,
-    className: `${b2()} ${className}`,
+    className: `${classPrefix2} ${className}`,
     ...reset,
     ref: myDrag,
     children: /* @__PURE__ */ jsx(animated.div, {
@@ -20845,8 +20747,8 @@ const Infiniteloading = (props) => {
   const refreshMaxH = useRef(0);
   const y2 = useRef(0);
   const distance = useRef(0);
-  const b2 = cn("infiniteloading");
-  const classes = classNames(className, b2());
+  const b = cn("infiniteloading");
+  const classes = classNames(className, b());
   useEffect(() => {
     const parentElement = getParentElement(scroller.current);
     scrollEl.current = useWindow ? window : parentElement;
@@ -21653,12 +21555,12 @@ const Switch = (props) => {
     ...props
   };
   const [value, setValue] = useState(false);
-  const b2 = cn("switch");
+  const b = cn("switch");
   useEffect(() => {
     setValue(checked);
   }, [checked]);
   const classes = () => {
-    return `${b2()} ${value ? "switch-open" : "switch-close"} ${disable ? `${b2()}-disable` : ""} ${`${b2()}-base`} ${className}`;
+    return `${b()} ${value ? "switch-open" : "switch-close"} ${disable ? `${b()}-disable` : ""} ${`${b()}-base`} ${className}`;
   };
   const styles = () => {
     const myStyle = {
@@ -21685,10 +21587,10 @@ const Switch = (props) => {
         className: "close-line"
       }), activeText && /* @__PURE__ */ jsx(Fragment, {
         children: value ? /* @__PURE__ */ jsx("div", {
-          className: `${b2("label")} open`,
+          className: `${b("label")} open`,
           children: activeText
         }) : /* @__PURE__ */ jsx("div", {
-          className: `${b2("label")} close`,
+          className: `${b("label")} close`,
           children: inactiveText
         })
       })]
@@ -21698,12 +21600,14 @@ const Switch = (props) => {
 Switch.defaultProps = defaultProps$B;
 Switch.displayName = "NutSwitch";
 const defaultProps$A = {
+  ...ComponentDefaults,
   type: "shake",
   action: "initial",
   loop: false,
   onClick: (event) => {
   }
 };
+const classPrefix = `nut-animate`;
 const Animate = (props) => {
   const {
     className,
@@ -21718,10 +21622,9 @@ const Animate = (props) => {
     ...props
   };
   const [clicked, setClicked] = useState(false);
-  const b2 = cn("animate");
   const classes = classNames({
     "nut-ani-container": true,
-    [`${b2("")}-${type4}`]: action === "initial" || clicked ? type4 : false,
+    [`${classPrefix}-${type4}`]: action === "initial" || clicked ? type4 : false,
     loop: loop2
   });
   const cls = classNames(classes, className);
@@ -21767,7 +21670,7 @@ const CountUp = (props) => {
     ...defaultProps$z,
     ...props
   };
-  const b2 = cn("countup");
+  const b = cn("countup");
   const countupRef = useRef(null);
   const timerRef = useRef(0);
   const numbers = Array.from({
@@ -21807,17 +21710,17 @@ const CountUp = (props) => {
     };
   }, [numerArr]);
   return /* @__PURE__ */ jsx("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     ref: countupRef,
     children: /* @__PURE__ */ jsx("ul", {
-      className: b2("list"),
+      className: b("list"),
       children: numerArr.map((item, idx) => {
         return /* @__PURE__ */ jsx("li", {
-          className: `${b2("listitem", {
+          className: `${b("listitem", {
             number: !Number.isNaN(Number(item))
           })}`,
           children: !Number.isNaN(Number(item)) ? /* @__PURE__ */ jsx("span", {
-            className: b2("number"),
+            className: b("number"),
             style: numberEaseStyle,
             children: [...numbers, ...numbers].map((number4, subidx) => {
               return /* @__PURE__ */ jsx("span", {
@@ -21825,7 +21728,7 @@ const CountUp = (props) => {
               }, subidx);
             })
           }) : /* @__PURE__ */ jsx("span", {
-            className: b2("separator"),
+            className: b("separator"),
             children: item
           })
         }, idx);
@@ -22141,12 +22044,12 @@ const Avatar = (props) => {
   const [avatarIndex, setAvatarIndex] = useState(1);
   const avatarRef = useRef(null);
   const parent = useContext(AvatarContext);
-  const b2 = cn("avatar");
+  const b = cn("avatar");
   const classes = classNames({
     [`nut-avatar-${size || ((_a2 = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _a2.size) || "normal"}`]: true,
     [`nut-avatar-${shape || ((_b = parent == null ? void 0 : parent.propAvatarGroup) == null ? void 0 : _b.shape) || "round"}`]: true
   });
-  const cls = classNames(b2(""), classes, className);
+  const cls = classNames(b(""), classes, className);
   const sizeValue = ["large", "normal", "small"];
   const styles = {
     width: sizeValue.indexOf(size) > -1 ? "" : `${size}px`,
@@ -22243,8 +22146,8 @@ const AvatarGroup = (props) => {
     children
   } = propAvatarGroup;
   const avatarGroupRef = useRef(null);
-  const b2 = cn("avatar-group");
-  const cls = classNames(b2(""), className);
+  const b = cn("avatar-group");
+  const cls = classNames(b(""), className);
   const parentAvatar = {
     propAvatarGroup,
     avatarGroupRef
@@ -22263,41 +22166,36 @@ AvatarGroup.defaultProps = defaultProps$v;
 AvatarGroup.displayName = "NutAvatarGroup";
 const defaultProps$u = {
   ...ComponentDefaults,
-  className: "",
   value: "",
   dot: false,
-  max: 1e4,
+  max: 99,
   top: "0",
-  right: "0",
-  zIndex: "0",
-  color: "",
-  icon: null
+  right: "5",
+  color: ""
 };
-const b = cn("badge");
 const Badge = (props) => {
   const {
     className,
     style,
+    value,
+    max,
     children,
     dot,
     top,
     right,
-    zIndex,
-    color,
-    icon
+    color
   } = {
     ...defaultProps$u,
     ...props
   };
+  const classPrefix2 = "nut-badge";
+  const classes = classNames(classPrefix2, className);
+  const contentClasses = classNames({
+    [`${classPrefix2}__dot`]: dot
+  }, `${classPrefix2}__content`, `${classPrefix2}__sup`);
   function content() {
-    if (dot)
-      return void 0;
-    const {
-      value
-    } = props;
-    const {
-      max
-    } = props;
+    if (dot || typeof value === "object")
+      return null;
     if (typeof value === "number" && typeof max === "number") {
       return max < value ? `${max}+` : value;
     }
@@ -22307,22 +22205,19 @@ const Badge = (props) => {
     const style2 = {};
     style2.top = `${Number(top) || parseFloat(top) || 0}px`;
     style2.right = `${Number(right) || parseFloat(right) || 0}px`;
-    style2.zIndex = zIndex;
     style2.background = color;
     return style2;
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames(b(), className),
+    className: classes,
     style,
-    children: [icon && /* @__PURE__ */ jsx("div", {
-      className: "slot-icon",
-      children: icon
+    children: [typeof value === "object" && value && /* @__PURE__ */ jsx("div", {
+      className: `${classPrefix2}__icon`,
+      children: value
     }), /* @__PURE__ */ jsx("div", {
       children
     }), /* @__PURE__ */ jsx("div", {
-      className: classNames({
-        "is-dot": dot
-      }, b("content"), "sup"),
+      className: contentClasses,
       style: getStyle(),
       children: content()
     })]
@@ -22356,8 +22251,8 @@ const CircleProgress = (props) => {
     ...defaultProps$t,
     ...props
   };
-  const b2 = cn("circleprogress");
-  const classes = classNames(className, b2(""));
+  const b = cn("circleprogress");
+  const classes = classNames(className, b(""));
   const refRandomId = Math.random().toString(36).slice(-8);
   const styles = {
     height: `${Number(radius) * 2}px`,
@@ -22387,7 +22282,7 @@ const CircleProgress = (props) => {
       return;
     }
     const color = circleColor;
-    const colorArr = Object.keys(color).sort((a2, b22) => parseFloat(a2) - parseFloat(b22));
+    const colorArr = Object.keys(color).sort((a2, b2) => parseFloat(a2) - parseFloat(b2));
     const stopArr = [];
     colorArr.map((item) => {
       const obj = {
@@ -22657,7 +22552,7 @@ const InternalCountDown = (props, ref) => {
     ...defaultProps$q,
     ...props
   };
-  const b2 = cn("countdown");
+  const b = cn("countdown");
   const [restTimeStamp, setRestTime] = useState(0);
   const stateRef = useRef({
     pauseTime: 0,
@@ -22851,13 +22746,13 @@ const InternalCountDown = (props, ref) => {
     return formatRemainTime(stateRef.current.restTime);
   })();
   return /* @__PURE__ */ jsx("div", {
-    className: `${b2()} ${className || ""}`,
+    className: `${b()} ${className || ""}`,
     style: {
       ...style
     },
     ...rest,
     children: children || /* @__PURE__ */ jsx("div", {
-      className: b2("block"),
+      className: b("block"),
       dangerouslySetInnerHTML: {
         __html: `${renderTime}`
       }
@@ -23067,7 +22962,7 @@ const Empty = (props) => {
     ...props
   };
   const [imgStyle, setImgStyle] = useState({});
-  const b2 = cn("empty");
+  const b = cn("empty");
   let imageNode = image;
   if (typeof image === "string") {
     const isHttpUrl = image.startsWith("https://") || image.startsWith("http://") || image.startsWith("//");
@@ -23096,15 +22991,15 @@ const Empty = (props) => {
     });
   }, [imageSize]);
   return /* @__PURE__ */ jsx("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     ...rest,
     children: /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("div", {
-        className: b2("image"),
+        className: b("image"),
         style: imgStyle,
         children: imageNode
       }), typeof description === "string" ? /* @__PURE__ */ jsx("div", {
-        className: b2("description"),
+        className: b("description"),
         children: description || locale.noData
       }) : {
         description
@@ -23147,8 +23042,8 @@ const Video = (props) => {
     ...props
   };
   const rootRef = useRef(null);
-  const b2 = cn("video");
-  const classes = classNames(className, b2(""));
+  const b = cn("video");
+  const classes = classNames(className, b(""));
   useEffect(() => {
     init();
   }, []);
@@ -23466,11 +23361,11 @@ const Swiper = React__default.forwardRef((props, ref) => {
       touch.stateDirection = getDirection2(touch.offsetX, touch.offsetY);
     }
   };
-  const b2 = cn("swiper");
-  const classes = classNames(b2(""));
+  const b = cn("swiper");
+  const classes = classNames(b(""));
   const contentClass = classNames({
-    [`${b2("inner")}`]: true,
-    [`${b2("vertical")}`]: isVertical
+    [`${b("inner")}`]: true,
+    [`${b("vertical")}`]: isVertical
   });
   const getStyle = (moveOffset = offset) => {
     const target = innerRef.current;
@@ -23629,15 +23524,15 @@ const Swiper = React__default.forwardRef((props, ref) => {
         ref: innerRef,
         children: React__default.Children.map(childs, (child, index) => {
           return /* @__PURE__ */ jsx("div", {
-            className: b2("item-wrapper"),
+            className: b("item-wrapper"),
             style: itemStyle(index),
             children: child
           }, index);
         })
       }), propSwiper.paginationVisible && !("pageContent" in propSwiper) ? /* @__PURE__ */ jsx("div", {
         className: classNames({
-          [`${b2("pagination")}`]: true,
-          [`${b2("pagination-vertical")}`]: isVertical
+          [`${b("pagination")}`]: true,
+          [`${b("pagination-vertical")}`]: isVertical
         }),
         children: React__default.Children.map(childs, (item, index) => {
           return /* @__PURE__ */ jsx("i", {
@@ -23675,8 +23570,8 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
     size
   } = _props;
   const parent = useContext(DataContext$1);
-  const b2 = cn("swiper-item");
-  const classes = classNames(b2(""), className);
+  const b = cn("swiper-item");
+  const classes = classNames(b(""), className);
   const getStyle = () => {
     const style2 = {};
     const _direction = (parent == null ? void 0 : parent.propSwiper.direction) || direction;
@@ -24250,7 +24145,7 @@ const NoticeBar = (props) => {
       });
     }
   };
-  const b2 = cn("noticebar");
+  const b = cn("noticebar");
   const noticebarClass = classNames({
     "nut-noticebar-page": true,
     withicon: closeMode,
@@ -24263,7 +24158,7 @@ const NoticeBar = (props) => {
     };
   }, []);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2()} ${className || ""}`,
+    className: `${b()} ${className || ""}`,
     style,
     children: [showNoticeBar && direction === "across" ? /* @__PURE__ */ jsxs("div", {
       className: noticebarClass,
@@ -24553,7 +24448,7 @@ const Price = (props) => {
     ...defaultProps$h,
     ...props
   };
-  const b2 = cn("price");
+  const b = cn("price");
   const showSymbol = () => {
     return {
       __html: needSymbol ? symbol : ""
@@ -24593,21 +24488,21 @@ const Price = (props) => {
   };
   const renderSymbol = () => {
     return /* @__PURE__ */ jsx("div", {
-      className: `${b2("symbol")} ${b2(`symbol-${size}`)}`,
+      className: `${b("symbol")} ${b(`symbol-${size}`)}`,
       dangerouslySetInnerHTML: showSymbol()
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     ...rest,
     children: [needSymbol && position === "before" ? renderSymbol() : null, /* @__PURE__ */ jsx("div", {
-      className: `${b2("integer")} ${b2(`integer-${size}`)}`,
+      className: `${b("integer")} ${b(`integer-${size}`)}`,
       children: formatThousands(price)
     }), decimalDigits !== 0 ? /* @__PURE__ */ jsx("div", {
-      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`,
+      className: `${b("decimal")} ${b(`decimal-${size}`)}`,
       children: "."
     }) : null, /* @__PURE__ */ jsx("div", {
-      className: `${b2("decimal")} ${b2(`decimal-${size}`)}`,
+      className: `${b("decimal")} ${b(`decimal-${size}`)}`,
       children: formatDecimal(price)
     }), needSymbol && position === "after" ? renderSymbol() : null]
   });
@@ -24645,8 +24540,8 @@ const Skeleton = (props) => {
     ...defaultProps$g,
     ...props
   };
-  const b2 = cn("skeleton");
-  const classes = classNames(className, b2());
+  const b = cn("skeleton");
+  const classes = classNames(className, b());
   const blockClass = classNames({
     blockClass: true,
     "blockClass--round": round
@@ -24748,10 +24643,10 @@ const Step = (props) => {
     ((_a2 = parent.propSteps) == null ? void 0 : _a2.onClickStep) && ((_b = parent.propSteps) == null ? void 0 : _b.onClickStep(activeIndex));
     ((_c = parent.propSteps) == null ? void 0 : _c.clickStep) && ((_d = parent.propSteps) == null ? void 0 : _d.clickStep(activeIndex));
   };
-  const b2 = cn("step");
+  const b = cn("step");
   const classes = classNames({
-    [`${b2("")}-${getCurrentStatus()}`]: true
-  }, className, b2(""));
+    [`${b("")}-${getCurrentStatus()}`]: true
+  }, className, b(""));
   const renderIconClass = () => {
     if (!dot && icon) {
       return "nut-step-icon is-icon";
@@ -24816,11 +24711,11 @@ const Steps = (props) => {
   const parentSteps = {
     propSteps
   };
-  const b2 = cn("steps");
+  const b = cn("steps");
   const classes = classNames({
-    [`${b2("")}-${direction}`]: true,
-    [`${b2("")}-dot`]: !!props.progressDot
-  }, className, b2(""));
+    [`${b("")}-${direction}`]: true,
+    [`${b("")}-dot`]: !!props.progressDot
+  }, className, b(""));
   return /* @__PURE__ */ jsx(DataContext.Provider, {
     value: parentSteps,
     children: React__default.createElement("div", {
@@ -24872,9 +24767,9 @@ const Table = (props) => {
       setCurData(data);
     }
   }, [data]);
-  const b2 = cn("table");
+  const b = cn("table");
   const classes = classNames({});
-  const cls = classNames(b2(), classes, className);
+  const cls = classNames(b(), classes, className);
   const handleSorterClick = (item) => {
     if (item.sorter) {
       onSorter && onSorter(item, curData);
@@ -25116,7 +25011,7 @@ const TrendArrow = (props) => {
     ...defaultProps$b,
     ...props
   };
-  const b2 = cn("trendarrow");
+  const b = cn("trendarrow");
   const handleClick2 = () => {
   };
   const rateTrend = useRef(rate > 0);
@@ -25155,13 +25050,13 @@ const TrendArrow = (props) => {
   const renderContent = (arrowLeft2) => {
     const classNameSuffix = !arrowLeft2 ? "icon-after" : "icon-before";
     return /* @__PURE__ */ jsx("span", {
-      className: `${b2(classNameSuffix)} ${b2("rate")}`,
+      className: `${b(classNameSuffix)} ${b("rate")}`,
       style: calcStyle,
       children: calcRate
     });
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     ...rest,
     onClick: handleClick2,
     children: [!arrowLeft && renderContent(!arrowLeft), children || /* @__PURE__ */ jsx(Fragment, {
@@ -25504,10 +25399,10 @@ const WaterMark = (props) => {
     ...props
   };
   const [base64Url, setBase64Url] = useState("");
-  const b2 = cn("watermark");
+  const b = cn("watermark");
   const classes = classNames({
-    [`${b2("")}`]: true,
-    [`${b2("")}-full-page`]: fullPage
+    [`${b("")}`]: true,
+    [`${b("")}-full-page`]: fullPage
   });
   const cls = classNames(classes, className);
   useEffect(() => {
@@ -25592,7 +25487,7 @@ const ExistRender = (props) => {
     ...defaultProps$8,
     ...props
   };
-  const b2 = cn("address");
+  const b = cn("address");
   const selectedExist = (item) => {
     const copyExistAdd = existAddress;
     let prevExistAdd = {
@@ -25620,18 +25515,18 @@ const ExistRender = (props) => {
   useEffect(() => {
   }, [existAddress]);
   return /* @__PURE__ */ jsxs("div", {
-    className: b2("exist"),
+    className: b("exist"),
     children: [/* @__PURE__ */ jsx("div", {
-      className: b2("exist-group"),
+      className: b("exist-group"),
       children: /* @__PURE__ */ jsx("ul", {
-        className: b2("exist-ul"),
+        className: b("exist-ul"),
         children: existAddress.map((item, index) => {
           return /* @__PURE__ */ jsx("li", {
-            className: b2("exist-item"),
+            className: b("exist-item"),
             children: /* @__PURE__ */ jsxs("div", {
               onClick: () => selectedExist(item),
               children: [item.selectedAddress ? selectedIcon : defaultIcon, /* @__PURE__ */ jsxs("div", {
-                className: b2("exist-item-info"),
+                className: b("exist-item-info"),
                 children: [item.name && item.phone && /* @__PURE__ */ jsxs("div", {
                   className: "exist-item-info-top",
                   children: [/* @__PURE__ */ jsx("div", {
@@ -25653,10 +25548,10 @@ const ExistRender = (props) => {
         })
       })
     }), isShowCustomAddress && /* @__PURE__ */ jsx("div", {
-      className: b2("choose-other"),
+      className: b("choose-other"),
       onClick: onSwitch,
       children: /* @__PURE__ */ jsx("div", {
-        className: b2("choose-other-btn"),
+        className: b("choose-other-btn"),
         children: customAndExistTitle || locale.address.chooseAnotherAddress
       })
     })]
@@ -25692,7 +25587,7 @@ const CustomRender = (props) => {
     ...defaultProps$7,
     ...props
   };
-  const b2 = cn("address");
+  const b = cn("address");
   const [privateType] = useState(type4);
   const [tabIndex, setTabIndex] = useState(0);
   const [tabName] = useState(["province", "city", "country", "town"]);
@@ -25715,8 +25610,8 @@ const CustomRender = (props) => {
       }
     });
     const newData = [];
-    data = data.sort((a2, b22) => {
-      return a2.title.localeCompare(b22.title);
+    data = data.sort((a2, b2) => {
+      return a2.title.localeCompare(b2.title);
     });
     data.forEach((item) => {
       const index = newData.findIndex((value) => value.title === item.title);
@@ -25911,12 +25806,12 @@ const CustomRender = (props) => {
     initCustomSelected();
   }, [modelValue]);
   return /* @__PURE__ */ jsxs("div", {
-    className: b2("custom"),
+    className: b("custom"),
     children: [/* @__PURE__ */ jsxs("div", {
-      className: b2("region-tab"),
+      className: b("region-tab"),
       children: [selectedRegion && Object.keys(selectedRegion).map((key, index) => {
         return /* @__PURE__ */ jsx("div", {
-          className: `${b2("tab-item")} ${index === tabIndex ? "active" : ""}`,
+          className: `${b("tab-item")} ${index === tabIndex ? "active" : ""}`,
           ref: mapRef[key],
           onClick: () => changeRegionTab(selectedRegion[key], index, key),
           children: index <= tabIndex && /* @__PURE__ */ jsx("div", {
@@ -25924,25 +25819,25 @@ const CustomRender = (props) => {
           })
         }, index);
       }), /* @__PURE__ */ jsx("div", {
-        className: b2("tab-line"),
+        className: b("tab-line"),
         ref: regionLine,
         style: {
           left: `${lineDistance}px`
         }
       })]
     }), privateType === "custom" && /* @__PURE__ */ jsx("div", {
-      className: b2("region-con"),
+      className: b("region-con"),
       children: /* @__PURE__ */ jsx("ul", {
-        className: b2("region-group"),
+        className: b("region-group"),
         children: regionList[tabName[tabIndex]].map((item, index) => {
           return /* @__PURE__ */ jsx("li", {
-            className: b2("region-item"),
+            className: b("region-item"),
             children: /* @__PURE__ */ jsxs("div", {
               onClick: () => {
                 nextAreaList(item);
               },
               children: [selectedRegion && selectedRegion[tabName[tabIndex]].id === item.id && /* @__PURE__ */ jsx(x$e, {
-                className: b2("region-item--icon"),
+                className: b("region-item--icon"),
                 color: "var(--nutui-brand-color)",
                 width: 13,
                 height: 13
@@ -25952,10 +25847,10 @@ const CustomRender = (props) => {
         })
       })
     }), privateType === "custom2" && /* @__PURE__ */ jsx("div", {
-      className: b2("elevator-group"),
+      className: b("elevator-group"),
       children: /* @__PURE__ */ jsx(Elevator, {
         height,
-        indexList: regionList[tabName[tabIndex]],
+        list: regionList[tabName[tabIndex]],
         onClickItem: handleElevatorItem
       })
     })]
@@ -26017,7 +25912,7 @@ const Address = (props) => {
     ...defaultProps$6,
     ...props
   };
-  const b2 = cn("address");
+  const b = cn("address");
   const [privateType, setPrivateType] = useState(type4);
   const [tabName] = useState(["province", "city", "country", "town"]);
   const [showPopup, setShowPopup] = useState(modelValue);
@@ -26111,7 +26006,7 @@ const Address = (props) => {
   };
   const headerRender = () => {
     return /* @__PURE__ */ jsxs("div", {
-      className: b2("header"),
+      className: b("header"),
       children: [/* @__PURE__ */ jsx("div", {
         className: "arrow-back",
         onClick: onSwitchModule,
@@ -26119,7 +26014,7 @@ const Address = (props) => {
           color: "#cccccc"
         }))
       }), /* @__PURE__ */ jsx("div", {
-        className: b2("header__title"),
+        className: b("header__title"),
         children: privateType === "custom" ? customAddressTitle || locale.address.selectRegion : existAddressTitle || locale.address.deliveryTo
       }), /* @__PURE__ */ jsx("div", {
         onClick: () => handClose(),
@@ -26148,7 +26043,7 @@ const Address = (props) => {
         closeFun();
       },
       children: /* @__PURE__ */ jsxs("div", {
-        className: `${b2()} ${className || ""}`,
+        className: `${b()} ${className || ""}`,
         style: {
           ...style
         },
@@ -26213,8 +26108,8 @@ const InternalBarrage = (props, ref) => {
   const barrageCWidth = useRef(0);
   const timer = useRef(0);
   const index = useRef(0);
-  const b2 = cn("barrage");
-  const classes = classNames(className, b2(""));
+  const b = cn("barrage");
+  const classes = classNames(className, b(""));
   useImperativeHandle(ref, () => ({
     add: (word) => {
       const _index = index.current % barrageList.length;
@@ -26300,32 +26195,32 @@ const Card = (props) => {
     ...defaultProps$4,
     ...props
   };
-  const b2 = cn("card");
+  const b = cn("card");
   return /* @__PURE__ */ jsxs("div", {
-    className: classNames(b2(), className),
+    className: classNames(b(), className),
     style,
     ...rest,
     children: [/* @__PURE__ */ jsx("div", {
-      className: b2("left"),
+      className: b("left"),
       children: /* @__PURE__ */ jsx("img", {
         src: imgUrl,
         alt: ""
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: b2("right"),
+      className: b("right"),
       children: [/* @__PURE__ */ jsx("div", {
-        className: b2("right__title"),
+        className: b("right__title"),
         children: title
       }), prolistTpl, /* @__PURE__ */ jsxs("div", {
-        className: b2("right__price"),
+        className: b("right__price"),
         children: [/* @__PURE__ */ jsx(Price, {
           price
         }), originTpl || /* @__PURE__ */ jsx(Price, {
-          className: b2("right__price__origin"),
+          className: b("right__price__origin"),
           price: vipPrice
         })]
       }), /* @__PURE__ */ jsx("div", {
-        className: b2("right__other"),
+        className: b("right__other"),
         children: shopTagTpl || /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Tag, {
             type: "danger",
@@ -26336,9 +26231,9 @@ const Card = (props) => {
           })]
         })
       }), /* @__PURE__ */ jsxs("div", {
-        className: b2("right__shop"),
+        className: b("right__shop"),
         children: [/* @__PURE__ */ jsx("div", {
-          className: b2("right__shop__name"),
+          className: b("right__shop__name"),
           children: shopName
         }), footerTpl]
       })]
@@ -26373,7 +26268,7 @@ const Signature = (props) => {
     ...defaultProps$3,
     ...props
   };
-  const b2 = cn("signature");
+  const b = cn("signature");
   const canvasRef = useRef(null);
   const wrapRef = useRef(null);
   const [canvasHeight, setCanvasHeight] = useState(0);
@@ -26463,26 +26358,26 @@ const Signature = (props) => {
     onConfirm && onConfirm(canvas, dataurl);
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: `${b2()} ${className}`,
+    className: `${b()} ${className}`,
     ...rest,
     children: [/* @__PURE__ */ jsx("div", {
-      className: `${b2("inner")}`,
+      className: `${b("inner")}`,
       ref: wrapRef,
       children: isCanvasSupported() ? /* @__PURE__ */ jsx("canvas", {
         ref: canvasRef,
         height: canvasHeight,
         width: canvasWidth
       }) : /* @__PURE__ */ jsx("p", {
-        className: `${b2("unsopport")}`,
+        className: `${b("unsopport")}`,
         children: locale.signature.unSupportTpl || unSupportTpl
       })
     }), /* @__PURE__ */ jsx(Button, {
-      className: `${b2("btn")}`,
+      className: `${b("btn")}`,
       type: "default",
       onClick: () => handleClearBtn(),
       children: locale.signature.reSign
     }), /* @__PURE__ */ jsx(Button, {
-      className: `${b2("btn")}`,
+      className: `${b("btn")}`,
       type: "primary",
       onClick: () => handleConfirmBtn(),
       children: locale.confirm
@@ -26511,7 +26406,7 @@ const TimeDetail = (props) => {
     ...defaultProps$2,
     ...props
   };
-  const b2 = cn("timedetail");
+  const b = cn("timedetail");
   const [renderData, setRenderData] = useState([]);
   useEffect(() => {
     const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
@@ -26530,7 +26425,7 @@ const TimeDetail = (props) => {
     return initClass;
   };
   return /* @__PURE__ */ jsx("div", {
-    className: `${b2()} ${className || ""}`,
+    className: `${b()} ${className || ""}`,
     children: renderData.map((item, index) => /* @__PURE__ */ jsx("span", {
       className: getDetailClass(item),
       onClick: () => handleTime(item),
@@ -26557,9 +26452,9 @@ const TimePannel = (props) => {
     ...defaultProps$1,
     ...props
   };
-  const b2 = cn("timepannel");
+  const b = cn("timepannel");
   return /* @__PURE__ */ jsx("div", {
-    className: `${b2()} ${className || ""}`,
+    className: `${b()} ${className || ""}`,
     onClick: () => change(curKey),
     children: date4
   });
@@ -26610,7 +26505,7 @@ const TimeSelect = (props) => {
     width: "100%",
     height
   };
-  const b2 = cn("timeselect");
+  const b = cn("timeselect");
   const closeFun = () => {
     if (onSelect) {
       onSelect(activeTime);
@@ -26689,7 +26584,7 @@ const TimeSelect = (props) => {
         closeFun();
       },
       children: /* @__PURE__ */ jsxs("div", {
-        className: `${b2()} ${className || ""}`,
+        className: `${b()} ${className || ""}`,
         children: [/* @__PURE__ */ jsx("div", {
           className: "nut-timeselect__title",
           children: title