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

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v2.0.0-alpha.0 Wed Apr 19 2023 21:29:36 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.
 */
@@ -333,29 +333,29 @@ var __publicField = (obj, key, value) => {
             }), 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--;
@@ -2292,15 +2292,15 @@ Check the top-level render call using <` + t + ">.");
     hasRequiredReactJsxRuntime_production_min = 1;
     var f = React, 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;
@@ -3301,7 +3301,7 @@ Check the top-level render call using <` + t + ">.");
     onClick: (event) => {
     }
   };
-  const classPrefix$7 = "nut-cell";
+  const classPrefix$9 = "nut-cell";
   const Cell = (props) => {
     const {
       children,
@@ -3330,26 +3330,26 @@ Check the top-level render call using <` + t + ">.");
       flex: 1
     };
     return /* @__PURE__ */ jsx("div", {
-      className: classNames(classPrefix$7, 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$7}__left`,
+          className: `${classPrefix$9}__left`,
           children: [title ? /* @__PURE__ */ jsx("div", {
-            className: `${classPrefix$7}__title`,
+            className: `${classPrefix$9}__title`,
             children: title
           }) : null, description ? /* @__PURE__ */ jsx("div", {
-            className: `${classPrefix$7}__description`,
+            className: `${classPrefix$9}__description`,
             children: description
           }) : null]
         }) : null, extra ? /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$7}__extra`,
+          className: `${classPrefix$9}__extra`,
           style: styles,
           children: extra
         }) : null, /* @__PURE__ */ jsx("div", {
-          className: `${classPrefix$7}__divider`
+          className: `${classPrefix$9}__divider`
         })]
       })
     });
@@ -3361,7 +3361,7 @@ Check the top-level render call using <` + t + ">.");
     title: "",
     description: ""
   };
-  const classPrefix$6 = "nut-cell-group";
+  const classPrefix$8 = "nut-cell-group";
   const CellGroup = (props) => {
     const {
       children,
@@ -3375,16 +3375,16 @@ Check the top-level render call using <` + t + ">.");
       ...props
     };
     return /* @__PURE__ */ jsxs("div", {
-      className: classNames(classPrefix$6, className),
+      className: classNames(classPrefix$8, className),
       ...rest,
       children: [title ? /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$6}__title`,
+        className: `${classPrefix$8}__title`,
         children: title
       }) : null, description ? /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$6}__description`,
+        className: `${classPrefix$8}__description`,
         children: description
       }) : null, /* @__PURE__ */ jsx("div", {
-        className: `${classPrefix$6}__wrap`,
+        className: `${classPrefix$8}__wrap`,
         children
       })]
     });
@@ -3864,7 +3864,7 @@ Check the top-level render call using <` + t + ">.");
     loading: true,
     lazy: false
   };
-  const classPrefix$5 = "nut-image";
+  const classPrefix$7 = "nut-image";
   const Image$1 = (props) => {
     const {
       className,
@@ -3993,7 +3993,7 @@ Check the top-level render call using <` + t + ">.");
       return null;
     }, [loading, innerLoading]);
     return /* @__PURE__ */ jsxs("div", {
-      className: classNames(classPrefix$5, className),
+      className: classNames(classPrefix$7, className),
       style: containerStyle,
       onClick: (e) => {
         imageClick(e);
@@ -4028,7 +4028,7 @@ Check the top-level render call using <` + t + ">.");
     visible: false,
     lockScroll: true
   };
-  const classPrefix$4 = `nut-overlay`;
+  const classPrefix$6 = `nut-overlay`;
   const Overlay = (props) => {
     const {
       children,
@@ -4071,7 +4071,7 @@ Check the top-level render call using <` + t + ">.");
       "overlay-fade-enter-active": visible,
       "first-render": renderRef.current && !visible,
       "hidden-render": !visible
-    }, className, classPrefix$4);
+    }, className, classPrefix$6);
     const styles = {
       zIndex,
       animationDuration: `${props.duration}s`,
@@ -4178,7 +4178,7 @@ Check the top-level render call using <` + t + ">.");
     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;
@@ -5847,138 +5847,17 @@ Check the top-level render call using <` + t + ">.");
     onExited: propTypesExports.func
   }) : {};
   const CSSTransition$1 = CSSTransition;
-  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(module2) {
-    if (process.env.NODE_ENV === "production") {
-      module2.exports = requireClassname_production_min();
-    } else {
-      module2.exports = requireClassname_development();
-    }
-  })(classname);
-  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$1m = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
     overlayStyle: {},
-    overlayClass: "",
-    popClass: "",
+    overlayClassName: "",
     closeable: false,
     closeIconPosition: "top-right",
     closeIcon: "close",
-    destroyOnClose: true,
-    teleport: null,
+    destroyOnClose: false,
+    portal: null,
     overlay: true,
     round: false,
     onOpen: () => {
@@ -5987,14 +5866,8 @@ Check the top-level render call using <` + t + ">.");
     },
     onClick: (e) => {
     },
-    onOpened: (e) => {
-    },
-    onClosed: (e) => {
-    },
-    onClickOverlay: (e) => {
-    },
-    onClickCloseIcon: (e) => {
-    },
+    onClickOverlay: (e) => true,
+    onClickCloseIcon: (e) => true,
     ...defaultOverlayProps
   };
   let _zIndex = 1e3;
@@ -6005,7 +5878,7 @@ Check the top-level render call using <` + t + ">.");
       overlay,
       closeOnOverlayClick,
       overlayStyle,
-      overlayClass,
+      overlayClassName,
       zIndex,
       lockScroll,
       duration,
@@ -6016,23 +5889,22 @@ Check the top-level render call using <` + t + ">.");
       transition,
       round,
       position,
-      popClass,
       className,
       destroyOnClose,
-      teleport,
+      portal,
       onOpen,
       onClose,
       onClickOverlay,
       onClickCloseIcon,
-      onOpened,
-      onClosed,
+      afterShow,
+      afterClose,
       onClick
     } = props;
     const [index, setIndex] = React.useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
     const [showChildren, setShowChildren] = React.useState(true);
     const [transitionName, setTransitionName] = React.useState("");
-    const b2 = cn("popup");
+    const classPrefix2 = "nut-popup";
     const baseStyle = {
       zIndex: index,
       animationDuration: `${duration}s`
@@ -6045,15 +5917,15 @@ Check the top-level render call using <` + t + ">.");
       ...style,
       ...baseStyle
     };
-    const classes = classNames({
+    const popClassName = classNames({
       round,
-      [`nut-popup-${position}`]: true,
-      [`${popClass}`]: true,
+      [`${classPrefix2}`]: true,
+      [`${classPrefix2}-${position}`]: true,
       [`${className || ""}`]: true
-    }, b2(""));
+    });
     const closeClasses = classNames({
-      "nut-popup__close-icon": true,
-      [`nut-popup__close-icon--${closeIconPosition}`]: true
+      [`${classPrefix2}__close-icon`]: true,
+      [`${classPrefix2}__close-icon--${closeIconPosition}`]: true
     });
     const open = () => {
       if (!innerVisible) {
@@ -6071,29 +5943,29 @@ Check the top-level render call using <` + t + ">.");
         if (destroyOnClose) {
           setTimeout(() => {
             setShowChildren(false);
-            onClose && onClose();
           }, Number(duration) * 1e3);
         }
+        onClose && onClose();
       }
     };
     const onHandleClickOverlay = (e) => {
       if (closeOnOverlayClick) {
-        onClickOverlay && onClickOverlay(e);
-        close();
+        const closed = onClickOverlay && onClickOverlay(e);
+        closed && close();
       }
     };
     const onHandleClick = (e) => {
       onClick && onClick(e);
     };
     const onHandleClickCloseIcon = (e) => {
-      onClickCloseIcon && onClickCloseIcon(e);
-      close();
+      const closed = onClickCloseIcon && onClickCloseIcon(e);
+      closed && close();
     };
     const onHandleOpened = (e) => {
-      onOpened && onOpened(e);
+      afterShow && afterShow();
     };
     const onHandleClosed = (e) => {
-      onClosed && onClosed(e);
+      afterClose && afterClose();
     };
     const resolveContainer = (getContainer) => {
       const container = typeof getContainer === "function" ? getContainer() : getContainer;
@@ -6129,7 +6001,7 @@ Check the top-level render call using <` + t + ">.");
         onExited: onHandleClosed,
         children: /* @__PURE__ */ jsxs("div", {
           style: popStyles,
-          className: classes,
+          className: popClassName,
           onClick: onHandleClick,
           children: [showChildren ? children : "", renderIcon()]
         })
@@ -6140,7 +6012,7 @@ Check the top-level render call using <` + t + ">.");
         children: overlay ? /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Overlay, {
             style: overlayStyles,
-            className: overlayClass,
+            className: overlayClassName,
             visible: innerVisible,
             closeOnOverlayClick,
             zIndex,
@@ -6158,16 +6030,17 @@ Check the top-level render call using <` + t + ">.");
       !visible && close();
     }, [visible]);
     React.useEffect(() => {
-      setTransitionName(transition || `nut-popup-slide-${position}`);
-    }, [position]);
+      setTransitionName(transition || `${classPrefix2}-slide-${position}`);
+    }, [position, transition]);
     return /* @__PURE__ */ jsx(Fragment, {
-      children: renderToContainer(teleport, renderNode())
+      children: renderToContainer(portal, renderNode())
     });
   };
   Popup.defaultProps = defaultProps$1m;
   Popup.displayName = "NutPopup";
   const DataContext$2 = React.createContext({});
   const defaultProps$1l = {
+    ...ComponentDefaults,
     span: "24",
     offset: "0",
     gutter: "0"
@@ -6175,7 +6048,7 @@ Check the top-level render call using <` + t + ">.");
   const Col = (props) => {
     const {
       className,
-      style = {},
+      style,
       span,
       offset,
       children,
@@ -6218,10 +6091,11 @@ Check the top-level render call using <` + t + ">.");
   Col.defaultProps = defaultProps$1l;
   Col.displayName = "NutCol";
   const defaultProps$1k = {
+    ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
   };
-  const classPrefix$3 = `nut-divider`;
+  const classPrefix$5 = `nut-divider`;
   const Divider = (props) => {
     const {
       children,
@@ -6235,14 +6109,14 @@ Check the top-level render call using <` + t + ">.");
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
-      [`${classPrefix$3}`]: true,
-      [`${classPrefix$3}__center`]: children,
-      [`${classPrefix$3}__left`]: contentPosition === "left",
-      [`${classPrefix$3}__right`]: contentPosition === "right",
-      [`${classPrefix$3}__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$3}`]: true,
-      [`${classPrefix$3}__vertical`]: direction === "vertical"
+      [`${classPrefix$5}`]: true,
+      [`${classPrefix$5}__vertical`]: direction === "vertical"
     });
     return /* @__PURE__ */ jsx("div", {
       className: `${classes} ${className || ""}`,
@@ -6426,7 +6300,9 @@ Check the top-level render call using <` + t + ">.");
   };
   Layout.defaultProps = defaultProps$1h;
   Layout.displayName = "NutLayout";
+  const classPrefix$4 = "nut-row";
   const defaultProps$1g = {
+    ...ComponentDefaults,
     type: "",
     justify: "start",
     align: "flex-start",
@@ -6436,7 +6312,7 @@ Check the top-level render call using <` + t + ">.");
   const Row = (props) => {
     const {
       className,
-      style = {},
+      style,
       children,
       type: type2,
       justify,
@@ -6448,7 +6324,6 @@ Check the top-level render call using <` + t + ">.");
       ...defaultProps$1g,
       ...props
     };
-    const prefixCls2 = "nut-row";
     const getClass = (prefix2, type22) => {
       const classType = type22 ? `nut-row-${prefix2}-${type22}` : "";
       const className2 = prefix2 ? classType : `nut-row-${type22}`;
@@ -6460,7 +6335,7 @@ Check the top-level render call using <` + t + ">.");
     ${getClass("justify", justify)}
     ${getClass("align", align)}
     ${getClass("flex", wrap)}
-    ${prefixCls2}
+    ${classPrefix$4}
    `;
     };
     const parentRow = {
@@ -6562,7 +6437,7 @@ Check the top-level render call using <` + t + ">.");
     threshold: 0,
     zIndex: 2e3
   };
-  const classPrefix$2 = "nut-sticky";
+  const classPrefix$3 = "nut-sticky";
   const Sticky = (props) => {
     const {
       position,
@@ -6692,7 +6567,7 @@ Check the top-level render call using <` + t + ">.");
         ...style,
         ...rootStyle
       },
-      className: classNames(classPrefix$2, className),
+      className: classNames(classPrefix$3, className),
       ...rest,
       children: /* @__PURE__ */ jsx("div", {
         className: "nut-sticky--box",
@@ -8804,17 +8679,17 @@ Please add \`${key}Action\` when creating your handler.`);
     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) {
@@ -9169,8 +9044,8 @@ Please add \`${key}Action\` when creating your handler.`);
     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);
@@ -9207,9 +9082,9 @@ Please add \`${key}Action\` when creating your handler.`);
     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 = (range2, output, extrapolate) => {
     if (is.fun(range2)) {
@@ -11821,23 +11696,24 @@ Please add \`${key}Action\` when creating your handler.`);
   const animated = host.animated;
   const elevatorContext = React.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,
@@ -11846,7 +11722,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$1e,
       ...props
     };
-    const b2 = cn("elevator");
+    const classPrefix2 = "nut-elevator";
     const listview = React.useRef(null);
     const initData = {
       anchorIndex: 0,
@@ -11971,35 +11847,37 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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,
@@ -12012,27 +11890,29 @@ Please add \`${key}Action\` when creating your handler.`);
             }, 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);
           })
         })
@@ -12138,7 +12018,7 @@ Please add \`${key}Action\` when creating your handler.`);
     current: 1,
     direction: "horizontal"
   };
-  const classPrefix$1 = `nut-indicator`;
+  const classPrefix$2 = `nut-indicator`;
   const Indicator = (props) => {
     const {
       total,
@@ -12152,17 +12032,17 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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;
@@ -12177,21 +12057,19 @@ Please add \`${key}Action\` when creating your handler.`);
   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
@@ -12199,7 +12077,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$1b,
       ...props
     };
-    const parentRef = React.useRef(null);
+    const menuRef = React.useRef(null);
     const [isScrollFixed, setIsScrollFixed] = React.useState(false);
     const getScrollTop = (el) => {
       return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
@@ -12218,99 +12096,101 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       return () => window.removeEventListener("scroll", onScroll);
     }, []);
-    const [itemShow, setItemShow] = React.useState([]);
-    const [itemTitle, setItemTitle] = React.useState([]);
-    const toggleItemShow = (index) => {
-      itemShow[index] = !itemShow[index];
-      const temp = itemShow.map((i, idx) => idx === index ? i : false);
-      setItemShow([...temp]);
+    const [showMenuItem, setShowMenuItem] = React.useState([]);
+    const [menuItemTitle, setMenuItemTitle] = React.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.Children.map(children, (child, index) => {
         return React.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.Children.map(children, (child, index) => {
+        if (React.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.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()]
       })
     });
@@ -12319,52 +12199,47 @@ Please add \`${key}Action\` when creating your handler.`);
   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 = React.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] = React.useState(showPopup);
+    const [_showPopup, setShowPopup] = React.useState(show);
     const [_value, setValue] = React.useState(value);
     React.useEffect(() => {
-      setShowPopup(showPopup);
-    }, [showPopup]);
+      setShowPopup(show);
+    }, [show]);
     React.useEffect(() => {
       getParentOffset();
     }, [_showPopup]);
     React.useImperativeHandle(ref, () => ({
-      toggle: parent.toggleItemShow
+      toggle: parent.toggleMenuItem
     }));
     const getIconCName = (optionVal, value2) => {
       return classNames({
@@ -12374,11 +12249,11 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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);
@@ -12389,7 +12264,7 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     const getParentOffset = () => {
       setTimeout(() => {
-        const p = parent.parent().current;
+        const p = parent.menuRef.current;
         const rect = p.getBoundingClientRect();
         setPosition({
           height: rect.height,
@@ -12416,37 +12291,40 @@ Please add \`${key}Action\` when creating your handler.`);
       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, {
@@ -12455,7 +12333,7 @@ Please add \`${key}Action\` when creating your handler.`);
           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
@@ -12467,7 +12345,7 @@ Please add \`${key}Action\` when creating your handler.`);
                   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)
                   })
@@ -12489,48 +12367,32 @@ Please add \`${key}Action\` when creating your handler.`);
   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,
@@ -12539,38 +12401,24 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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 = () => {
@@ -12581,14 +12429,13 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     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()
     });
@@ -12753,7 +12600,6 @@ Please add \`${key}Action\` when creating your handler.`);
     width: "80%"
   };
   const SideNavBar = (props) => {
-    useConfig();
     const {
       title,
       visible,
@@ -12902,6 +12748,126 @@ Please add \`${key}Action\` when creating your handler.`);
       })]
     });
   };
+  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(module2) {
+    if (process.env.NODE_ENV === "production") {
+      module2.exports = requireClassname_production_min();
+    } else {
+      module2.exports = requireClassname_development();
+    }
+  })(classname);
+  const cn = classnameExports.withNaming({ n: "nut-", e: "__", m: "--", v: "-" });
   const defaultProps$15 = {
     visible: 0,
     bottom: false,
@@ -12931,7 +12897,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$15,
       ...props
     };
-    const b2 = cn("tabbar");
+    const b = cn("tabbar");
     const [selectIndex, setSelectIndex] = React.useState(activeVisible || visible);
     const handleClick2 = (idx) => {
       if (!("activeVisible" in props)) {
@@ -12944,7 +12910,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [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.Children.map(children, (child, idx) => {
         if (!React.isValidElement(child)) {
@@ -13001,7 +12967,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$14,
       ...props
     };
-    const b2 = cn("tabbar-item");
+    const b = cn("tabbar-item");
     const bIcon = cn("tabbar-item__icon-box");
     React.useEffect(() => {
       if (active && href) {
@@ -13009,7 +12975,7 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, [active, href]);
     return /* @__PURE__ */ jsxs("div", {
-      className: `${b2({
+      className: `${b({
         active
       })} ${className}`,
       style: {
@@ -13060,10 +13026,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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
@@ -13148,13 +13114,13 @@ Please add \`${key}Action\` when creating your handler.`);
       });
       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({
       [type2]: type2,
       scrollable: titleScroll,
       [size]: size
-    }, `${b2("")}__titles`);
+    }, `${b("")}__titles`);
     const titleStyle = {
       marginLeft: pxCheck(titleGutter),
       marginRight: pxCheck(titleGutter)
@@ -13193,12 +13159,12 @@ Please add \`${key}Action\` when creating your handler.`);
               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: [type2 === "line" && /* @__PURE__ */ jsx("div", {
-              className: `${b2("")}__titles-item__line`,
+              className: `${b("")}__titles-item__line`,
               style: tabsActiveStyle
             }), type2 === "smile" && /* @__PURE__ */ jsx("div", {
-              className: `${b2("")}__titles-item__smile`,
+              className: `${b("")}__titles-item__smile`,
               style: tabsActiveStyle,
               children: /* @__PURE__ */ jsx(x$7, {
                 color
@@ -13206,15 +13172,15 @@ Please add \`${key}Action\` when creating your handler.`);
             }), /* @__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.Children.map(children, (child, idx) => {
             var _a2;
@@ -13464,14 +13430,14 @@ Please add \`${key}Action\` when creating your handler.`);
     const monthsPanel = React.useRef(null);
     const viewArea = React.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,
@@ -14183,13 +14149,13 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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) {
@@ -14197,7 +14163,7 @@ Please add \`${key}Action\` when creating your handler.`);
           return checkedIcon;
         }
         return /* @__PURE__ */ jsx(x$c, {
-          className: `${checked ? b2("icon-check") : ""}`
+          className: `${checked ? b("icon-check") : ""}`
         });
       }
       return null;
@@ -14287,7 +14253,7 @@ Please add \`${key}Action\` when creating your handler.`);
     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]);
         }
       });
     }
@@ -14439,10 +14405,10 @@ Please add \`${key}Action\` when creating your handler.`);
       },
       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
     });
     React.useEffect(() => {
       initData();
@@ -14610,7 +14576,7 @@ Please add \`${key}Action\` when creating your handler.`);
         className: `${classes} ${className}`,
         style,
         children: [poppable && /* @__PURE__ */ jsx("div", {
-          className: b2("title"),
+          className: b("title"),
           children: title
         }), /* @__PURE__ */ jsx(Tabs, {
           value: tabvalue,
@@ -14659,7 +14625,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ jsx(Fragment, {
       children: poppable ? /* @__PURE__ */ jsx(Popup, {
-        popClass: "cascadar-popup",
+        className: "cascadar-popup",
         visible,
         position: "bottom",
         round: true,
@@ -14693,7 +14659,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$Z,
       ...props
     };
-    const b2 = cn("checkboxgroup");
+    const b = cn("checkboxgroup");
     const {
       className,
       disabled,
@@ -14768,7 +14734,7 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       },
       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
       })
@@ -14796,7 +14762,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$Y,
       ...props
     };
-    const b2 = cn("checkbox");
+    const b = cn("checkbox");
     const {
       icon,
       iconSize,
@@ -14881,7 +14847,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const renderLabel = () => {
       return /* @__PURE__ */ jsx("span", {
-        className: `${b2("label", {
+        className: `${b("label", {
           disabled: innerDisabled
         })} `,
         children: children || label
@@ -14899,7 +14865,7 @@ Please add \`${key}Action\` when creating your handler.`);
       setChecked(latestChecked);
     };
     return /* @__PURE__ */ jsxs("div", {
-      className: `${b2({
+      className: `${b({
         reverse: textPosition === "left"
       })} ${className || ""}`,
       ...rest,
@@ -15217,7 +15183,7 @@ Please add \`${key}Action\` when creating your handler.`);
     const pickerRef = React.useRef(null);
     const [refs, setRefs] = useRefs();
     const [columnsList, setColumnsList] = React.useState([]);
-    const b2 = cn("picker");
+    const b = cn("picker");
     const isConfirmEvent = React.useRef(false);
     React.useEffect(() => {
       if (defaultValueData && defaultValueData.length !== 0 && defaultValueData.toString() !== chooseValueData.toString()) {
@@ -15359,16 +15325,16 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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
         })]
@@ -15381,11 +15347,11 @@ Please add \`${key}Action\` when creating your handler.`);
         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, {
@@ -16036,7 +16002,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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}";
@@ -16046,13 +16012,13 @@ Please add \`${key}Action\` when creating your handler.`);
     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*)?@)?";
@@ -17464,7 +17430,7 @@ Please add \`${key}Action\` when creating your handler.`);
     digits: 0,
     async: false
   };
-  const classPrefix = `nut-inputnumber`;
+  const classPrefix$1 = `nut-inputnumber`;
   const InputNumber = (props) => {
     const {
       children,
@@ -17506,8 +17472,8 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     }, []);
     const classes = classNames({
-      [`${classPrefix}`]: true,
-      [`${classPrefix}--disabled`]: disabled
+      [`${classPrefix$1}`]: true,
+      [`${classPrefix$1}--disabled`]: disabled
     }, className);
     const styles = {
       ...style
@@ -17724,7 +17690,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onDelete,
       onClose
     } = props;
-    const b2 = cn("numberkeyboard");
+    const b = cn("numberkeyboard");
     const [show, setShow] = React.useState(visible);
     const [clickKeyIndex, setClickKeyIndex] = React.useState(void 0);
     const [keysList, setKeysList] = React.useState([]);
@@ -17844,7 +17810,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children: /* @__PURE__ */ jsx(Popup, {
         visible: show,
         position: "bottom",
-        popClass,
+        className: popClass,
         onClickOverlay: onClose,
         overlay,
         onClickCloseIcon: onClose,
@@ -17852,24 +17818,24 @@ Please add \`${key}Action\` when creating your handler.`);
           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
             }), type2 === "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({
@@ -17899,7 +17865,7 @@ Please add \`${key}Action\` when creating your handler.`);
                 }, index);
               })
             }), type2 === "rightColumn" ? /* @__PURE__ */ jsxs("div", {
-              className: b2("sidebar"),
+              className: b("sidebar"),
               children: [/* @__PURE__ */ jsx("div", {
                 className: "key-board-wrapper",
                 children: /* @__PURE__ */ jsx("div", {
@@ -18528,7 +18494,7 @@ Please add \`${key}Action\` when creating your handler.`);
     React.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]);
@@ -19219,7 +19185,7 @@ Please add \`${key}Action\` when creating your handler.`);
       autoFocus,
       ...reset
     } = props;
-    const b2 = cn("shortpassword");
+    const b = cn("shortpassword");
     const textInput = React.useRef(null);
     const range2 = (val) => {
       return Math.min(Math.max(4, val), 6);
@@ -19295,22 +19261,22 @@ Please add \`${key}Action\` when creating your handler.`);
         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,
@@ -19318,40 +19284,40 @@ Please add \`${key}Action\` when creating your handler.`);
               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
             })]
@@ -19507,134 +19473,64 @@ Please add \`${key}Action\` when creating your handler.`);
   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}`
+      width: `${percent}%`,
+      background: color
     };
-    const stylesInsideText = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`,
-      background: textBackground || strokeColor
-    };
-    const stylesInsideIcon = {
-      width: `${textWidth}px`,
-      left: `${percentage}%`
-    };
-    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;
@@ -19737,29 +19633,26 @@ Please add \`${key}Action\` when creating your handler.`);
   const defaultProps$J = {
     ...ComponentDefaults,
     url: "",
-    maximum: 1,
-    uploadIcon: null,
-    uploadIconSize: "",
-    uploadIconTip: "",
-    listType: "picture",
+    maxCount: 1,
+    previewType: "picture",
+    imageFit: "cover",
     name: "file",
     accept: "*",
     disabled: false,
     autoUpload: true,
     multiple: false,
-    maximize: Number.MAX_VALUE,
+    maxFileSize: Number.MAX_VALUE,
     data: {},
     headers: {},
     method: "post",
-    defaultImg: "",
     xhrState: 200,
     timeout: 1e3 * 30,
     withCredentials: false,
     clearInput: true,
-    isPreview: true,
-    isDeletable: true,
+    preview: true,
+    deletable: true,
     capture: false,
-    onBeforeDelete: (file, files) => {
+    beforeDelete: (file, files) => {
       return true;
     }
   };
@@ -19783,32 +19676,33 @@ Please add \`${key}Action\` when creating your handler.`);
     const {
       children,
       uploadIcon,
-      uploadIconSize,
-      uploadIconTip,
+      uploadLabel,
       name,
       accept,
-      defaultFileList,
-      listType,
+      defaultValue,
+      value,
+      previewType,
+      imageFit,
       disabled,
       multiple,
       url,
-      defaultImg,
+      previewUrl,
       headers,
       timeout,
       method: method2,
       xhrState,
       withCredentials,
       data,
-      isPreview,
-      isDeletable,
-      maximum,
+      preview,
+      deletable,
+      maxCount,
       capture,
-      maximize,
+      maxFileSize,
       className,
       autoUpload,
       clearInput,
       onStart,
-      onRemove,
+      onDelete,
       onChange,
       onFileItemClick,
       onProgress,
@@ -19816,23 +19710,22 @@ Please add \`${key}Action\` when creating your handler.`);
       onUpdate,
       onFailure,
       onOversize,
-      onBeforeUpload,
-      onBeforeXhrUpload,
-      onBeforeDelete,
+      beforeUpload,
+      beforeXhrUpload,
+      beforeDelete,
       ...restProps
     } = {
       ...defaultProps$J,
       ...props
     };
-    const [fileList, setFileList] = React.useState([]);
+    const [fileList, setFileList] = React.useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = React.useState([]);
     React.useEffect(() => {
-      if (defaultFileList) {
-        setFileList(defaultFileList);
+      if (value) {
+        setFileList(value);
       }
-    }, [defaultFileList]);
-    const b2 = cn("uploader");
-    const classes = classNames(className, b2(""));
+    }, [value]);
+    const classes = classNames(className, "nut-uploader");
     React.useImperativeHandle(ref, () => ({
       submit: () => {
         Promise.all(uploadQueue).then((res) => {
@@ -19859,8 +19752,8 @@ Please add \`${key}Action\` when creating your handler.`);
     const executeUpload = (fileItem, index) => {
       const uploadOption = new UploadOptions();
       uploadOption.url = url;
-      for (const [key, value] of Object.entries(data)) {
-        fileItem.formData.append(key, value);
+      for (const [key, value2] of Object.entries(data)) {
+        fileItem.formData.append(key, value2);
       }
       uploadOption.formData = fileItem.formData;
       uploadOption.timeout = timeout * 1;
@@ -19868,7 +19761,7 @@ Please add \`${key}Action\` when creating your handler.`);
       uploadOption.xhrState = xhrState;
       uploadOption.headers = headers;
       uploadOption.withCredentials = withCredentials;
-      uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+      uploadOption.beforeXhrUpload = beforeXhrUpload;
       try {
         uploadOption.sourceFile = fileItem.formData.get(name);
       } catch (error) {
@@ -19966,7 +19859,7 @@ Please add \`${key}Action\` when creating your handler.`);
           fileItem.message = locale.uploader.waitingUpload;
         }
         executeUpload(fileItem, index);
-        if (isPreview && file.type.includes("image")) {
+        if (preview && file.type.includes("image")) {
           const reader = new FileReader();
           reader.onload = (event) => {
             fileItem.url = event.target.result;
@@ -19981,10 +19874,10 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     };
     const filterFiles = (files) => {
-      const maximum2 = props.maximum * 1;
+      const maximum = props.maxCount * 1;
       const oversizes = new Array();
       const filterFile = files.filter((file) => {
-        if (file.size > maximize) {
+        if (file.size > maxFileSize) {
           oversizes.push(file);
           return false;
         }
@@ -19993,23 +19886,23 @@ Please add \`${key}Action\` when creating your handler.`);
       if (oversizes.length) {
         onOversize && onOversize(files);
       }
-      if (filterFile.length > maximum2) {
-        filterFile.splice(maximum2, filterFile.length - maximum2);
+      if (filterFile.length > maximum) {
+        filterFile.splice(maximum, filterFile.length - maximum);
       }
       if (fileList.length !== 0) {
-        const index = maximum2 - fileList.length;
+        const index = maximum - fileList.length;
         filterFile.splice(index, filterFile.length - index);
       }
       return filterFile;
     };
     const deleted = (file, index) => {
       fileList.splice(index, 1);
-      onRemove && onRemove(file, fileList);
+      onDelete && onDelete(file, fileList);
       setFileList([...fileList]);
     };
-    const onDelete = (file, index) => {
+    const onDeleteItem = (file, index) => {
       clearUploadQueue(index);
-      funcInterceptor(onBeforeDelete, {
+      funcInterceptor(beforeDelete, {
         args: [file, fileList],
         done: () => deleted(file, index)
       });
@@ -20022,8 +19915,8 @@ Please add \`${key}Action\` when creating your handler.`);
       const {
         files
       } = $el;
-      if (onBeforeUpload) {
-        onBeforeUpload(new Array().slice.call(files)).then((f) => {
+      if (beforeUpload) {
+        beforeUpload(new Array().slice.call(files)).then((f) => {
           const _files = filterFiles(new Array().slice.call(f));
           readFile(_files);
         });
@@ -20048,7 +19941,7 @@ Please add \`${key}Action\` when creating your handler.`);
       children: [children && /* @__PURE__ */ jsx("div", {
         className: "nut-uploader__slot",
         children: /* @__PURE__ */ jsxs(Fragment, {
-          children: [children, maximum > fileList.length && /* @__PURE__ */ jsx(Fragment, {
+          children: [children, maxCount > fileList.length && /* @__PURE__ */ jsx(Fragment, {
             children: capture ? /* @__PURE__ */ jsx("input", {
               className: "nut-uploader__input",
               type: "file",
@@ -20071,13 +19964,13 @@ Please add \`${key}Action\` when creating your handler.`);
         })
       }), fileList.length !== 0 && fileList.map((item, index) => {
         return /* @__PURE__ */ jsxs("div", {
-          className: `nut-uploader__preview ${listType}`,
-          children: [listType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
+          className: `nut-uploader__preview ${previewType}`,
+          children: [previewType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
             className: "nut-uploader__preview-img",
-            children: [isDeletable && /* @__PURE__ */ jsx(x$8, {
+            children: [deletable && /* @__PURE__ */ jsx(x$8, {
               color: "rgba(0,0,0,0.6)",
               className: "close",
-              onClick: () => onDelete(item, index)
+              onClick: () => onDeleteItem(item, index)
             }), item.status === "ready" ? /* @__PURE__ */ jsx("div", {
               className: "nut-uploader__preview__progress",
               children: /* @__PURE__ */ jsx("div", {
@@ -20089,6 +19982,7 @@ Please add \`${key}Action\` when creating your handler.`);
               children: [item.failIcon !== " " && item.loadingIcon !== " " && (item.status === "error" ? item.failIcon || /* @__PURE__ */ jsx(x$8, {
                 color: "#fff"
               }) : item.loadingIcon || /* @__PURE__ */ jsx(k$2, {
+                className: "nut-icon-loading",
                 color: "#fff"
               })), /* @__PURE__ */ jsx("div", {
                 className: "nut-uploader__preview__progress__msg",
@@ -20097,14 +19991,17 @@ Please add \`${key}Action\` when creating your handler.`);
             }), item.type.includes("image") ? /* @__PURE__ */ jsx(Fragment, {
               children: item.url && /* @__PURE__ */ jsx("img", {
                 className: "nut-uploader__preview-img__c",
+                style: {
+                  objectFit: imageFit
+                },
                 src: item.url,
                 alt: "",
                 onClick: () => handleItemClick(item)
               })
             }) : /* @__PURE__ */ jsx(Fragment, {
-              children: defaultImg ? /* @__PURE__ */ jsx("img", {
+              children: previewUrl ? /* @__PURE__ */ jsx("img", {
                 className: "nut-uploader__preview-img__c",
-                src: defaultImg,
+                src: previewUrl,
                 alt: "",
                 onClick: () => handleItemClick(item)
               }) : /* @__PURE__ */ jsx("div", {
@@ -20121,35 +20018,34 @@ Please add \`${key}Action\` when creating your handler.`);
               className: "tips",
               children: item.name
             }) : null]
-          }), listType === "list" && /* @__PURE__ */ jsxs("div", {
+          }), previewType === "list" && /* @__PURE__ */ jsxs("div", {
             className: "nut-uploader__preview-list",
             children: [/* @__PURE__ */ jsxs("div", {
               className: `nut-uploader__preview-img__file__name ${item.status}`,
               onClick: () => handleItemClick(item),
               children: [/* @__PURE__ */ jsx(x$6, {}), " ", item.name]
-            }), isDeletable && /* @__PURE__ */ jsx(y$6, {
+            }), deletable && /* @__PURE__ */ jsx(y$6, {
               color: "#808080",
               className: "nut-uploader__preview-img__file__del",
-              onClick: () => onDelete(item, index)
+              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
             })]
           })]
         }, item.uid);
-      }), maximum > fileList.length && listType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
-        className: `nut-uploader__upload ${listType} ${disabled ? "nut-uploader__upload-disabled" : ""}`,
+      }), maxCount > fileList.length && previewType === "picture" && !children && /* @__PURE__ */ jsxs("div", {
+        className: `nut-uploader__upload ${previewType} ${disabled ? "nut-uploader__upload-disabled" : ""}`,
         children: [/* @__PURE__ */ jsxs("div", {
           className: "nut-uploader__icon",
           children: [uploadIcon || /* @__PURE__ */ jsx(x$3, {
-            width: uploadIconSize,
-            height: uploadIconSize,
+            width: "20px",
+            height: "20px",
             color: "#808080"
           }), /* @__PURE__ */ jsx("span", {
             className: "nut-uploader__icon-tip",
-            children: uploadIconTip
+            children: uploadLabel
           })]
         }), capture ? /* @__PURE__ */ jsx("input", {
           className: "nut-uploader__input",
@@ -20213,7 +20109,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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";
     };
@@ -20233,20 +20129,20 @@ Please add \`${key}Action\` when creating your handler.`);
         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)
               },
@@ -20258,7 +20154,7 @@ Please add \`${key}Action\` when creating your handler.`);
             }, index);
           })
         }) : children, cancelText && /* @__PURE__ */ jsx("div", {
-          className: b2("cancel"),
+          className: b("cancel"),
           onClick: () => cancelActionSheet(),
           children: cancelText
         })]
@@ -20712,6 +20608,7 @@ Please add \`${key}Action\` when creating your handler.`);
   Dialog.defaultProps = defaultProps$G;
   Dialog.displayName = "NutDialog";
   const defaultProps$F = {
+    ...ComponentDefaults,
     attract: false,
     direction: void 0,
     boundary: {
@@ -20719,8 +20616,7 @@ Please add \`${key}Action\` when creating your handler.`);
       left: 0,
       right: 0,
       bottom: 0
-    },
-    className: ""
+    }
   };
   const Drag = (props) => {
     const {
@@ -20735,7 +20631,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$F,
       ...props
     };
-    const b2 = cn("drag");
+    const classPrefix2 = "nut-drag";
     const [boundaryState, setBoundaryState] = React.useState(boundary);
     const myDrag = React.useRef(null);
     const [currstyle, api] = useSpring(() => ({
@@ -20808,7 +20704,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }, [myDrag]);
     return /* @__PURE__ */ jsx("div", {
       style,
-      className: `${b2()} ${className}`,
+      className: `${classPrefix2} ${className}`,
       ...reset,
       ref: myDrag,
       children: /* @__PURE__ */ jsx(animated.div, {
@@ -20869,8 +20765,8 @@ Please add \`${key}Action\` when creating your handler.`);
     const refreshMaxH = React.useRef(0);
     const y2 = React.useRef(0);
     const distance = React.useRef(0);
-    const b2 = cn("infiniteloading");
-    const classes = classNames(className, b2());
+    const b = cn("infiniteloading");
+    const classes = classNames(className, b());
     React.useEffect(() => {
       const parentElement = getParentElement(scroller.current);
       scrollEl.current = useWindow ? window : parentElement;
@@ -21677,12 +21573,12 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const [value, setValue] = React.useState(false);
-    const b2 = cn("switch");
+    const b = cn("switch");
     React.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 = {
@@ -21709,10 +21605,10 @@ Please add \`${key}Action\` when creating your handler.`);
           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
           })
         })]
@@ -21722,12 +21618,14 @@ Please add \`${key}Action\` when creating your handler.`);
   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,
@@ -21742,10 +21640,9 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const [clicked, setClicked] = React.useState(false);
-    const b2 = cn("animate");
     const classes = classNames({
       "nut-ani-container": true,
-      [`${b2("")}-${type2}`]: action === "initial" || clicked ? type2 : false,
+      [`${classPrefix}-${type2}`]: action === "initial" || clicked ? type2 : false,
       loop: loop2
     });
     const cls = classNames(classes, className);
@@ -21791,7 +21688,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$z,
       ...props
     };
-    const b2 = cn("countup");
+    const b = cn("countup");
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
     const numbers = Array.from({
@@ -21831,17 +21728,17 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, [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((number2, subidx) => {
                 return /* @__PURE__ */ jsx("span", {
@@ -21849,7 +21746,7 @@ Please add \`${key}Action\` when creating your handler.`);
                 }, subidx);
               })
             }) : /* @__PURE__ */ jsx("span", {
-              className: b2("separator"),
+              className: b("separator"),
               children: item
             })
           }, idx);
@@ -21877,15 +21774,13 @@ Please add \`${key}Action\` when creating your handler.`);
   AnimatingNumbers.CountUp = CountUp;
   const defaultProps$x = {
     ...ComponentDefaults,
-    className: "",
-    url: "",
-    style: {},
+    src: "",
     muted: false,
     autoplay: false,
     loop: false,
     preload: "auto",
     type: "progress",
-    onFastBack: (e) => {
+    onBack: (e) => {
     },
     // type 为 progress时生效
     onForward: (e) => {
@@ -21893,7 +21788,7 @@ Please add \`${key}Action\` when creating your handler.`);
     // type 为 progress时生效
     onPause: (e) => {
     },
-    onPlayEnd: (e) => {
+    onEnd: (e) => {
     },
     onMute: (e) => {
     },
@@ -21906,17 +21801,17 @@ Please add \`${key}Action\` when creating your handler.`);
     } = useConfig();
     const {
       className,
-      url,
+      src,
       style,
       muted,
       autoplay,
       loop: loop2,
       preload,
       type: type2,
-      onFastBack,
+      onBack,
       onForward,
       onPause,
-      onPlayEnd,
+      onEnd,
       onMute,
       onCanPlay,
       children,
@@ -21940,13 +21835,13 @@ Please add \`${key}Action\` when creating your handler.`);
       playing: props.autoplay,
       handPlaying: false
     });
-    const b2 = cn("audio");
+    const classPrefix2 = "nut-audio";
     const warn = console.warn;
     const handleEnded = (e) => {
       if (props.loop) {
         warn(locale.audio.tips || "onPlayEnd事件在loop=false时才会触发");
       } else {
-        props.onPlayEnd && props.onPlayEnd(e);
+        props.onEnd && props.onEnd(e);
       }
     };
     function watch() {
@@ -21971,15 +21866,13 @@ Please add \`${key}Action\` when creating your handler.`);
       }
     };
     const renderIcon = () => {
-      return /* @__PURE__ */ jsx(Fragment, {
+      return /* @__PURE__ */ jsx("div", {
+        className: `${classPrefix2}__icon`,
         children: /* @__PURE__ */ jsx("div", {
-          className: b2("icon"),
-          children: /* @__PURE__ */ jsx("div", {
-            className: `${b2("icon-box")} ${playing ? b2("icon-play") : b2("icon-stop")}`,
-            onClick: handleStatusChange,
-            children: /* @__PURE__ */ jsx(k, {
-              className: playing ? "nut-icon-loading" : ""
-            })
+          className: classNames(`${classPrefix2}__icon-box`, playing ? `${classPrefix2}__icon-play` : `${classPrefix2}__icon-stop`),
+          onClick: handleStatusChange,
+          children: /* @__PURE__ */ jsx(k, {
+            className: playing ? "nut-icon-loading" : ""
           })
         })
       });
@@ -21988,7 +21881,7 @@ Please add \`${key}Action\` when creating your handler.`);
       if (statusRef.current.currentTime > 0 && AudioRef.current) {
         statusRef.current.currentTime--;
         AudioRef.current.currentTime = statusRef.current.currentTime;
-        props.onFastBack && props.onFastBack(AudioRef.current);
+        props.onBack && props.onBack(AudioRef.current);
       }
     };
     const handleForward = () => {
@@ -22025,12 +21918,12 @@ Please add \`${key}Action\` when creating your handler.`);
     const renderProgerss = () => {
       return /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsxs("div", {
-          className: b2("progress"),
+          className: `${classPrefix2}__progress`,
           children: [/* @__PURE__ */ jsx("div", {
             className: "time",
             children: currentDuration
           }), /* @__PURE__ */ jsx("div", {
-            className: b2("progress-bar-wrapper"),
+            className: `${classPrefix2}__progress-bar-wrapper`,
             children: /* @__PURE__ */ jsx(Range, {
               modelValue: percent,
               hiddenTag: true,
@@ -22072,7 +21965,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const renderNone = () => {
       return /* @__PURE__ */ jsx("div", {
-        className: b2("none-container"),
+        className: `${classPrefix2}__none-container`,
         onClick: handleStatusChange,
         children
       });
@@ -22108,14 +22001,14 @@ Please add \`${key}Action\` when creating your handler.`);
       statusRef.current.currentTime = time;
     };
     return /* @__PURE__ */ jsxs("div", {
-      className: `${b2()} ${className}`,
+      className: classNames(classPrefix2, className),
       style,
       ...rest,
       children: [renderAudio(), /* @__PURE__ */ jsx("audio", {
         className: "audioMain",
         controls: type2 === "controls",
         ref: AudioRef,
-        src: url,
+        src,
         muted,
         preload,
         loop: loop2,
@@ -22169,12 +22062,12 @@ Please add \`${key}Action\` when creating your handler.`);
     const [avatarIndex, setAvatarIndex] = React.useState(1);
     const avatarRef = React.useRef(null);
     const parent = React.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`,
@@ -22271,8 +22164,8 @@ Please add \`${key}Action\` when creating your handler.`);
       children
     } = propAvatarGroup;
     const avatarGroupRef = React.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
@@ -22291,41 +22184,36 @@ Please add \`${key}Action\` when creating your handler.`);
   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;
       }
@@ -22335,22 +22223,19 @@ Please add \`${key}Action\` when creating your handler.`);
       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()
       })]
@@ -22384,8 +22269,8 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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`,
@@ -22415,7 +22300,7 @@ Please add \`${key}Action\` when creating your handler.`);
         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 = {
@@ -22685,7 +22570,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$q,
       ...props
     };
-    const b2 = cn("countdown");
+    const b = cn("countdown");
     const [restTimeStamp, setRestTime] = React.useState(0);
     const stateRef = React.useRef({
       pauseTime: 0,
@@ -22879,13 +22764,13 @@ Please add \`${key}Action\` when creating your handler.`);
       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}`
         }
@@ -23095,7 +22980,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const [imgStyle, setImgStyle] = React.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("//");
@@ -23124,15 +23009,15 @@ Please add \`${key}Action\` when creating your handler.`);
       });
     }, [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
@@ -23175,8 +23060,8 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const rootRef = React.useRef(null);
-    const b2 = cn("video");
-    const classes = classNames(className, b2(""));
+    const b = cn("video");
+    const classes = classNames(className, b(""));
     React.useEffect(() => {
       init();
     }, []);
@@ -23494,11 +23379,11 @@ Please add \`${key}Action\` when creating your handler.`);
         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;
@@ -23657,15 +23542,15 @@ Please add \`${key}Action\` when creating your handler.`);
           ref: innerRef,
           children: React.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.Children.map(childs, (item, index) => {
             return /* @__PURE__ */ jsx("i", {
@@ -23703,8 +23588,8 @@ Please add \`${key}Action\` when creating your handler.`);
       size
     } = _props;
     const parent = React.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;
@@ -23869,7 +23754,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     return /* @__PURE__ */ jsxs(Popup, {
       visible: showPop,
-      popClass: "custom-pop",
+      className: "custom-pop",
       style: {
         width: "100%"
       },
@@ -24278,7 +24163,7 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       }
     };
-    const b2 = cn("noticebar");
+    const b = cn("noticebar");
     const noticebarClass = classNames({
       "nut-noticebar-page": true,
       withicon: closeMode,
@@ -24291,7 +24176,7 @@ Please add \`${key}Action\` when creating your handler.`);
       };
     }, []);
     return /* @__PURE__ */ jsxs("div", {
-      className: `${b2()} ${className || ""}`,
+      className: `${b()} ${className || ""}`,
       style,
       children: [showNoticeBar && direction === "across" ? /* @__PURE__ */ jsxs("div", {
         className: noticebarClass,
@@ -24581,7 +24466,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$h,
       ...props
     };
-    const b2 = cn("price");
+    const b = cn("price");
     const showSymbol = () => {
       return {
         __html: needSymbol ? symbol : ""
@@ -24621,21 +24506,21 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     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]
     });
@@ -24673,8 +24558,8 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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
@@ -24776,10 +24661,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ((_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";
@@ -24844,11 +24729,11 @@ Please add \`${key}Action\` when creating your handler.`);
     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.createElement("div", {
@@ -24900,9 +24785,9 @@ Please add \`${key}Action\` when creating your handler.`);
         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);
@@ -25144,7 +25029,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$b,
       ...props
     };
-    const b2 = cn("trendarrow");
+    const b = cn("trendarrow");
     const handleClick2 = () => {
     };
     const rateTrend = React.useRef(rate > 0);
@@ -25183,13 +25068,13 @@ Please add \`${key}Action\` when creating your handler.`);
     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, {
@@ -25532,10 +25417,10 @@ Please add \`${key}Action\` when creating your handler.`);
       ...props
     };
     const [base64Url, setBase64Url] = React.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);
     React.useEffect(() => {
@@ -25620,7 +25505,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$8,
       ...props
     };
-    const b2 = cn("address");
+    const b = cn("address");
     const selectedExist = (item) => {
       const copyExistAdd = existAddress;
       let prevExistAdd = {
@@ -25648,18 +25533,18 @@ Please add \`${key}Action\` when creating your handler.`);
     React.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", {
@@ -25681,10 +25566,10 @@ Please add \`${key}Action\` when creating your handler.`);
           })
         })
       }), 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
         })
       })]
@@ -25720,7 +25605,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$7,
       ...props
     };
-    const b2 = cn("address");
+    const b = cn("address");
     const [privateType] = React.useState(type2);
     const [tabIndex, setTabIndex] = React.useState(0);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
@@ -25743,8 +25628,8 @@ Please add \`${key}Action\` when creating your handler.`);
         }
       });
       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);
@@ -25939,12 +25824,12 @@ Please add \`${key}Action\` when creating your handler.`);
       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", {
@@ -25952,25 +25837,25 @@ Please add \`${key}Action\` when creating your handler.`);
             })
           }, 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
@@ -25980,10 +25865,10 @@ Please add \`${key}Action\` when creating your handler.`);
           })
         })
       }), 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
         })
       })]
@@ -26045,7 +25930,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$6,
       ...props
     };
-    const b2 = cn("address");
+    const b = cn("address");
     const [privateType, setPrivateType] = React.useState(type2);
     const [tabName] = React.useState(["province", "city", "country", "town"]);
     const [showPopup, setShowPopup] = React.useState(modelValue);
@@ -26139,7 +26024,7 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     const headerRender = () => {
       return /* @__PURE__ */ jsxs("div", {
-        className: b2("header"),
+        className: b("header"),
         children: [/* @__PURE__ */ jsx("div", {
           className: "arrow-back",
           onClick: onSwitchModule,
@@ -26147,7 +26032,7 @@ Please add \`${key}Action\` when creating your handler.`);
             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(),
@@ -26176,7 +26061,7 @@ Please add \`${key}Action\` when creating your handler.`);
           closeFun();
         },
         children: /* @__PURE__ */ jsxs("div", {
-          className: `${b2()} ${className || ""}`,
+          className: `${b()} ${className || ""}`,
           style: {
             ...style
           },
@@ -26241,8 +26126,8 @@ Please add \`${key}Action\` when creating your handler.`);
     const barrageCWidth = React.useRef(0);
     const timer = React.useRef(0);
     const index = React.useRef(0);
-    const b2 = cn("barrage");
-    const classes = classNames(className, b2(""));
+    const b = cn("barrage");
+    const classes = classNames(className, b(""));
     React.useImperativeHandle(ref, () => ({
       add: (word) => {
         const _index = index.current % barrageList.length;
@@ -26328,32 +26213,32 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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",
@@ -26364,9 +26249,9 @@ Please add \`${key}Action\` when creating your handler.`);
             })]
           })
         }), /* @__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]
         })]
@@ -26401,7 +26286,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$3,
       ...props
     };
-    const b2 = cn("signature");
+    const b = cn("signature");
     const canvasRef = React.useRef(null);
     const wrapRef = React.useRef(null);
     const [canvasHeight, setCanvasHeight] = React.useState(0);
@@ -26491,26 +26376,26 @@ Please add \`${key}Action\` when creating your handler.`);
       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
@@ -26539,7 +26424,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ...defaultProps$2,
       ...props
     };
-    const b2 = cn("timedetail");
+    const b = cn("timedetail");
     const [renderData, setRenderData] = React.useState([]);
     React.useEffect(() => {
       const currentData = times.find((timesItem) => String(timesItem.key) === String(currentKey));
@@ -26558,7 +26443,7 @@ Please add \`${key}Action\` when creating your handler.`);
       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),
@@ -26585,9 +26470,9 @@ Please add \`${key}Action\` when creating your handler.`);
       ...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: date2
     });
@@ -26638,7 +26523,7 @@ Please add \`${key}Action\` when creating your handler.`);
       width: "100%",
       height
     };
-    const b2 = cn("timeselect");
+    const b = cn("timeselect");
     const closeFun = () => {
       if (onSelect) {
         onSelect(activeTime);
@@ -26717,7 +26602,7 @@ Please add \`${key}Action\` when creating your handler.`);
           closeFun();
         },
         children: /* @__PURE__ */ jsxs("div", {
-          className: `${b2()} ${className || ""}`,
+          className: `${b()} ${className || ""}`,
           children: [/* @__PURE__ */ jsx("div", {
             className: "nut-timeselect__title",
             children: title