@nutui/nutui-react 3.0.0-beta.6 → 3.0.0-beta.8

package/dist/nutui.react.umd.js

@@ -171,18 +171,18 @@
     if (Ce)
       return $;
     Ce = 1;
-    var F = React, E = Symbol.for("react.element"), D = Symbol.for("react.fragment"), _ = Object.prototype.hasOwnProperty, x = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: true, ref: true, __self: true, __source: true };
-    function C(m2, f, R) {
+    var F = React, E = Symbol.for("react.element"), D = Symbol.for("react.fragment"), _ = Object.prototype.hasOwnProperty, x = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, C = { key: true, ref: true, __self: true, __source: true };
+    function R(m2, f, T) {
       var d2, h = {}, g = null, P = null;
-      R !== void 0 && (g = "" + R), f.key !== void 0 && (g = "" + f.key), f.ref !== void 0 && (P = f.ref);
+      T !== void 0 && (g = "" + T), f.key !== void 0 && (g = "" + f.key), f.ref !== void 0 && (P = f.ref);
       for (d2 in f)
-        _.call(f, d2) && !w.hasOwnProperty(d2) && (h[d2] = f[d2]);
+        _.call(f, d2) && !C.hasOwnProperty(d2) && (h[d2] = f[d2]);
       if (m2 && m2.defaultProps)
         for (d2 in f = m2.defaultProps, f)
           h[d2] === void 0 && (h[d2] = f[d2]);
       return { $$typeof: E, type: m2, key: g, ref: P, props: h, _owner: x.current };
     }
-    return $.Fragment = D, $.jsx = C, $.jsxs = C, $;
+    return $.Fragment = D, $.jsx = R, $.jsxs = R, $;
   }
   var W = {};
   /**
@@ -197,14 +197,14 @@
   var Oe;
   function cr() {
     return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && function() {
-      var F = React, E = Symbol.for("react.element"), D = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), m2 = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), d2 = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), S = Symbol.iterator, N = "@@iterator";
+      var F = React, E = Symbol.for("react.element"), D = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), m2 = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), d2 = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), S = Symbol.iterator, N = "@@iterator";
       function Y(e) {
         if (e === null || typeof e != "object")
           return null;
         var r = S && e[S] || e[N];
         return typeof r == "function" ? r : null;
       }
-      var T = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      var w = F.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
       function s2(e) {
         {
           for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n2 = 1; n2 < r; n2++)
@@ -214,7 +214,7 @@
       }
       function Se(e, r, t) {
         {
-          var n2 = T.ReactDebugCurrentFrame, i2 = n2.getStackAddendum();
+          var n2 = w.ReactDebugCurrentFrame, i2 = n2.getStackAddendum();
           i2 !== "" && (r += "%s", t = t.concat([i2]));
           var u = t.map(function(o) {
             return String(o);
@@ -225,7 +225,7 @@
       var je = false, ke = false, Fe = false, De = false, Ae = false, re;
       re = Symbol.for("react.module.reference");
       function Ie(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === _ || e === w || Ae || e === x || e === R || e === d2 || De || e === P || je || ke || Fe || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === h || e.$$typeof === C || e.$$typeof === m2 || e.$$typeof === f || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === _ || e === C || Ae || e === x || e === T || e === d2 || De || e === P || je || ke || Fe || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === h || e.$$typeof === R || e.$$typeof === m2 || e.$$typeof === f || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -253,11 +253,11 @@
             return "Fragment";
           case D:
             return "Portal";
-          case w:
+          case C:
             return "Profiler";
           case x:
             return "StrictMode";
-          case R:
+          case T:
             return "Suspense";
           case d2:
             return "SuspenseList";
@@ -267,7 +267,7 @@
             case m2:
               var r = e;
               return te(r) + ".Consumer";
-            case C:
+            case R:
               var t = e;
               return te(t._context) + ".Provider";
             case f:
@@ -348,7 +348,7 @@
           A < 0 && s2("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
         }
       }
-      var q = T.ReactCurrentDispatcher, J;
+      var q = w.ReactCurrentDispatcher, J;
       function L(e, r, t) {
         {
           if (J === void 0)
@@ -453,7 +453,7 @@
         if (typeof e == "string")
           return L(e);
         switch (e) {
-          case R:
+          case T:
             return L("Suspense");
           case d2:
             return L("SuspenseList");
@@ -474,7 +474,7 @@
           }
         return "";
       }
-      var U = Object.prototype.hasOwnProperty, de = {}, ve = T.ReactDebugCurrentFrame;
+      var U = Object.prototype.hasOwnProperty, de = {}, ve = w.ReactDebugCurrentFrame;
       function B(e) {
         if (e) {
           var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
@@ -525,7 +525,7 @@
         if (qe(e))
           return s2("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Be(e)), pe(e);
       }
-      var I = T.ReactCurrentOwner, Je = {
+      var I = w.ReactCurrentOwner, Je = {
         key: true,
         ref: true,
         __self: true,
@@ -623,7 +623,7 @@
           return Ze(e, a, v, i2, n2, I.current, o);
         }
       }
-      var K = T.ReactCurrentOwner, be = T.ReactDebugCurrentFrame;
+      var K = w.ReactCurrentOwner, be = w.ReactDebugCurrentFrame;
       function j(e) {
         if (e) {
           var r = e._owner, t = M(e.type, e._source, r ? r.type : null);
@@ -787,11 +787,12 @@ Check the top-level render call using <` + t + ">.");
     onClick: () => {
     }
   }, vr = (F) => {
-    const E = n$7.classPrefix, { viewBox: D, className: _, style: x, name: w, color: C, width: m2, height: f, children: R, onClick: d2 } = { ...dr, ...F }, h = (s2) => {
+    const E = n$7.classPrefix, { viewBox: D, className: _, style: x, name: C, color: R, width: m2, height: f, children: T, onClick: d2 } = { ...dr, ...F }, h = (s2) => {
       d2 && d2(s2);
-    }, g = (s2) => s2 === "" ? "" : isNaN(Number(s2)) ? String(s2) : s2 + "px", P = () => `${E} ${E}-${w} ${_}`, S = {}, N = g(m2 || ""), Y = g(f || "");
+    }, g = (s2) => s2 === "" ? "" : isNaN(Number(s2)) ? String(s2) : s2 + "px", P = () => `${E} ${E}-${C} ${_}`, S = {}, N = g(m2 || ""), Y = g(f || "");
     N && (S.width = N), Y && (S.height = Y);
-    const T = () => ({
+    const w = () => ({
+      color: R,
       ...x,
       ...S
     });
@@ -799,14 +800,14 @@ Check the top-level render call using <` + t + ">.");
       "svg",
       {
         className: P(),
-        style: T(),
+        style: w(),
         onClick: h,
         xmlns: "http://www.w3.org/2000/svg",
-        color: C,
+        color: R,
         viewBox: D,
-        "aria-labelledby": w,
+        "aria-labelledby": C,
         role: "presentation",
-        children: R
+        children: T
       }
     ) });
   }, mr = vr;
@@ -4729,19 +4730,6 @@ Check the top-level render call using <` + t + ">.");
     }
     return getAllScrollableParents(element.parentElement, scrollableParents);
   }
-  var passiveSupported = false;
-  if (canUseDom) {
-    try {
-      var opts = Object.defineProperty({}, "passive", {
-        get: function get() {
-          passiveSupported = true;
-        }
-      });
-      window.addEventListener("test-passive-supported", null, opts);
-    } catch (e) {
-      console.log(e);
-    }
-  }
   var totalLockCount = 0;
   var BODY_LOCK_CLASS = "nut-overflow-hidden";
   function getScrollableElement(el) {
@@ -4783,9 +4771,7 @@ Check the top-level render call using <` + t + ">.");
     };
     var lock = function() {
       document.addEventListener("touchstart", touch.start);
-      document.addEventListener("touchmove", onTouchMove, passiveSupported ? {
-        passive: false
-      } : false);
+      document.addEventListener("touchmove", onTouchMove, false);
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
       }
@@ -5383,15 +5369,86 @@ Check the top-level render call using <` + t + ">.");
       return !!right[Symbol.hasInstance](left);
     } else return left instanceof right;
   }
+  var getIcon = function(icon) {
+    return React.isValidElement(icon) ? React.cloneElement(icon, {
+      // @ts-ignore
+      className: "nut-icon"
+    }) : icon;
+  };
   var defaultProps$1m = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    icon: null,
+    onClick: function(event) {
+    }
+  });
+  var classPrefix$m = "nut-hoverbutton-item";
+  var HoverButtonItem = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$1m, props), className = _$_object_spread.className, children = _$_object_spread.children, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
+    var handleClick2 = function(event) {
+      if (onClick) {
+        onClick(event);
+      }
+    };
+    var renderBody = function() {
+      if (icon && !children) return /* @__PURE__ */ React.createElement("div", {
+        className: "".concat(classPrefix$m, "-icon")
+      }, getIcon(icon));
+      if (icon && children) {
+        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+          className: classNames(_define_property({}, "".concat(classPrefix$m, "-text-icon"), true))
+        }), getIcon(icon), /* @__PURE__ */ React.createElement("div", {
+          className: classNames(_define_property({}, "".concat(classPrefix$m, "-text"), true))
+        }, children));
+      }
+    };
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classNames([
+        "".concat(classPrefix$m, "-container"),
+        className
+      ], _define_property({}, "".concat(classPrefix$m, "-container-icontext"), icon && children)),
+      style,
+      onClick: handleClick2
+    }, renderBody());
+  };
+  HoverButtonItem.displayName = "NutHoverButtonItem";
+  var UI_BOTTOM_DISTANCE = 60;
+  var defaultProps$1l = _object_spread({}, ComponentDefaults);
+  var classPrefix$l = "nut-hoverbutton";
+  var HoverButton = function(props) {
+    var _$_object_spread = _object_spread({}, defaultProps$1l, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
+    var rtl = useRtl();
+    var baseStyle = _object_spread({}, style);
+    if (tabbarHeight) {
+      var bottom = tabbarHeight + UI_BOTTOM_DISTANCE;
+      baseStyle.bottom = "".concat(bottom, "px");
+    }
+    if (typeof zIndex !== "undefined") {
+      baseStyle.zIndex = zIndex;
+    }
+    return /* @__PURE__ */ React.createElement("div", {
+      className: classNames([
+        "".concat(classPrefix$l, "-container"),
+        className
+      ], _define_property({}, "".concat(classPrefix$l, "-container-rtl"), rtl)),
+      style: baseStyle
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: classPrefix$l
+    }, children || icon && /* @__PURE__ */ React.createElement(HoverButtonItem, {
+      icon,
+      onClick
+    })), /* @__PURE__ */ React.createElement(SafeArea, {
+      position: "bottom"
+    }));
+  };
+  HoverButton.displayName = "NutHoverButton";
+  HoverButton.Item = HoverButtonItem;
+  var defaultProps$1k = _object_spread_props(_object_spread({}, ComponentDefaults), {
     target: "",
     threshold: 200,
     zIndex: 900,
     duration: 1e3
   });
   var BackTop = function(props) {
-    var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1m, props), children = _$_object_spread.children, target = _$_object_spread.target, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, style = _$_object_spread.style, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1k, props), children = _$_object_spread.children, target = _$_object_spread.target, threshold = _$_object_spread.threshold, zIndex = _$_object_spread.zIndex, className = _$_object_spread.className, duration = _$_object_spread.duration, icon = _$_object_spread.icon, style = _$_object_spread.style, onClick = _$_object_spread.onClick;
     var classPrefix2 = "nut-backtop";
     var _useState = _sliced_to_array(React.useState(false), 2), backTop = _useState[0], setBackTop = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), scrollTop = _useState1[0], setScrollTop = _useState1[1];
@@ -5470,27 +5527,21 @@ Check the top-level render call using <` + t + ">.");
       scroll,
       scrollAnimation
     ]);
-    var styles = React.useMemo(function() {
-      var _obj;
-      return Object.keys(style || {}).length !== 0 ? _object_spread({
-        zIndex
-      }, style) : (_obj = {}, _define_property(_obj, rtl ? "left" : "right", "10px"), _define_property(_obj, "bottom", "20px"), _define_property(_obj, "zIndex", zIndex), _obj);
-    }, [
-      rtl,
-      style,
-      zIndex
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React.createElement(HoverButton, {
       className: cls,
-      style: styles,
+      style: _object_spread({
+        zIndex
+      }, style),
+      icon: !children && (icon || /* @__PURE__ */ React.createElement(s$1, null)),
       onClick: function(e) {
         goTop(e);
       }
-    }, children || /* @__PURE__ */ React.createElement(s$1, {
-      width: 19,
-      height: 19,
-      className: "nut-backtop-main"
-    }));
+    }, children && /* @__PURE__ */ React.createElement("div", {
+      className: "nut-hoverbutton-item-container",
+      onClick: function(e) {
+        goTop(e);
+      }
+    }, children));
   };
   BackTop.displayName = "NutBackTop";
   function clamp$2(v, min, max) {
@@ -10418,7 +10469,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   const animated = host.animated;
   var elevatorContext = /* @__PURE__ */ React.createContext({});
-  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
     height: "200px",
     floorKey: "title",
     list: [],
@@ -10428,7 +10479,7 @@ Please add \`${key}Action\` when creating your handler.`);
     showKeys: true
   });
   var Elevator = function(props) {
-    var _ref = _object_spread({}, defaultProps$1l, props), height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
+    var _ref = _object_spread({}, defaultProps$1j, props), height = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
     _ref.titleHeight;
     var showKeys = _ref.showKeys, className = _ref.className, style = _ref.style, onItemClick = _ref.onItemClick, onIndexClick = _ref.onIndexClick, children = _ref.children, rest = _object_without_properties(_ref, [
       "height",
@@ -10624,7 +10675,7 @@ Please add \`${key}Action\` when creating your handler.`);
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  var defaultProps$1k = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1i = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeText: "",
     inactiveText: "",
     type: "right",
@@ -10635,7 +10686,7 @@ Please add \`${key}Action\` when creating your handler.`);
   });
   var FixedNav = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$1k, props), className = _ref.className, overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position = _ref.position, onChange = _ref.onChange, onSelect = _ref.onSelect, type2 = _ref.type, children = _ref.children, style = _ref.style, content = _ref.content, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1i, props), className = _ref.className, overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position = _ref.position, onChange = _ref.onChange, onSelect = _ref.onSelect, type2 = _ref.type, children = _ref.children, style = _ref.style, content = _ref.content, rest = _object_without_properties(_ref, [
       "className",
       "overlay",
       "visible",
@@ -10703,78 +10754,6 @@ Please add \`${key}Action\` when creating your handler.`);
     }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
   };
   FixedNav.displayName = "NutFixedNav";
-  var getIcon = function(icon) {
-    return React.isValidElement(icon) ? React.cloneElement(icon, {
-      // @ts-ignore
-      className: "nut-icon"
-    }) : icon;
-  };
-  var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
-    icon: null,
-    onClick: function(event) {
-    }
-  });
-  var classPrefix$m = "nut-hoverbutton-item";
-  var HoverButtonItem = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1j, props), className = _$_object_spread.className, children = _$_object_spread.children, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
-    var handleClick2 = function(event) {
-      if (onClick) {
-        onClick(event);
-      }
-    };
-    var renderBody = function() {
-      if (icon && !children) return /* @__PURE__ */ React.createElement("div", {
-        className: "".concat(classPrefix$m, "-icon")
-      }, getIcon(icon));
-      if (icon && children) {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-          className: classNames(_define_property({}, "".concat(classPrefix$m, "-text-icon"), true))
-        }), getIcon(icon), /* @__PURE__ */ React.createElement("div", {
-          className: classNames(_define_property({}, "".concat(classPrefix$m, "-text"), true))
-        }, children));
-      }
-    };
-    return /* @__PURE__ */ React.createElement("div", {
-      className: classNames([
-        "".concat(classPrefix$m, "-container"),
-        className
-      ], _define_property({}, "".concat(classPrefix$m, "-container-icontext"), icon && children)),
-      style,
-      onClick: handleClick2
-    }, renderBody());
-  };
-  HoverButtonItem.displayName = "NutHoverButtonItem";
-  var UI_BOTTOM_DISTANCE = 60;
-  var defaultProps$1i = _object_spread({}, ComponentDefaults);
-  var classPrefix$l = "nut-hoverbutton";
-  var HoverButton = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1i, props), children = _$_object_spread.children, zIndex = _$_object_spread.zIndex, tabbarHeight = _$_object_spread.tabbarHeight, className = _$_object_spread.className, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
-    var rtl = useRtl();
-    var baseStyle = _object_spread({}, style);
-    if (tabbarHeight) {
-      var bottom = tabbarHeight + UI_BOTTOM_DISTANCE;
-      baseStyle.bottom = "".concat(bottom, "px");
-    }
-    if (typeof zIndex !== "undefined") {
-      baseStyle.zIndex = zIndex;
-    }
-    return /* @__PURE__ */ React.createElement("div", {
-      className: classNames([
-        "".concat(classPrefix$l, "-container"),
-        className
-      ], _define_property({}, "".concat(classPrefix$l, "-container-rtl"), rtl)),
-      style: baseStyle
-    }, /* @__PURE__ */ React.createElement("div", {
-      className: classPrefix$l
-    }, children || icon && /* @__PURE__ */ React.createElement(HoverButtonItem, {
-      icon,
-      onClick
-    })), /* @__PURE__ */ React.createElement(SafeArea, {
-      position: "bottom"
-    }));
-  };
-  HoverButton.displayName = "NutHoverButton";
-  HoverButton.Item = HoverButtonItem;
   var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: "",
     right: "",
@@ -11239,10 +11218,10 @@ Please add \`${key}Action\` when creating your handler.`);
     value: "",
     dot: false,
     max: 99,
-    top: "4",
-    right: "8",
-    color: "",
-    fill: "solid"
+    top: 0,
+    right: 0,
+    fill: "solid",
+    size: "large"
   });
   var Badge = function(props) {
     var content = function content2() {
@@ -11263,28 +11242,16 @@ Please add \`${key}Action\` when creating your handler.`);
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1d, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, color = _$_object_spread.color, fill = _$_object_spread.fill;
+    var _$_object_spread = _object_spread({}, defaultProps$1d, props), className = _$_object_spread.className, style = _$_object_spread.style, value = _$_object_spread.value, max = _$_object_spread.max, children = _$_object_spread.children, dot = _$_object_spread.dot, top = _$_object_spread.top, right = _$_object_spread.right, fill = _$_object_spread.fill, size = _$_object_spread.size;
     var classPrefix2 = "nut-badge";
-    var classes = classNames(classPrefix2, className, _define_property({}, "".concat(classPrefix2, "-").concat(fill), fill === "outline"));
+    var classes = classNames(classPrefix2, className);
     var _obj;
-    var contentClasses = classNames("".concat(classPrefix2, "-content"), (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof content() === "string" && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _obj));
-    var getStyle = function() {
+    var contentClasses = classNames((_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-sup"), isNumber() || isString() || dot), _define_property(_obj, "".concat(classPrefix2, "-number"), isNumber()), _define_property(_obj, "".concat(classPrefix2, "-one"), typeof content() === "string" && ((_this = "".concat(content())) === null || _this === void 0 ? void 0 : _this.length) === 1), _define_property(_obj, "".concat(classPrefix2, "-dot"), dot), _define_property(_obj, "".concat(classPrefix2, "-dot-").concat(size), dot), _define_property(_obj, "".concat(classPrefix2, "-").concat(fill), fill === "outline"), _define_property(_obj, "".concat(classPrefix2, "-content"), children), _obj));
+    var getPositionStyle = function() {
       var style2 = {};
-      style2.top = "".concat(Number(-top) || parseFloat(String(-top)) || 0, "px");
+      style2.top = "".concat(Number(top) || 0, "px");
       var dir = rtl ? "left" : "right";
       style2[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
-      if (color) {
-        if (fill === "outline") {
-          style2.color = color;
-          style2.background = "#fff";
-          if (!(color === null || color === void 0 ? void 0 : color.includes("gradient"))) {
-            style2.border = "1px solid ".concat(color);
-          }
-        } else {
-          style2.color = "#fff";
-          style2.background = color;
-        }
-      }
       return style2;
     };
     var _obj1;
@@ -11292,10 +11259,11 @@ Please add \`${key}Action\` when creating your handler.`);
       className: classes,
       style
     }, isIcon() && /* @__PURE__ */ React.createElement("div", {
-      className: classNames("".concat(classPrefix2, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-icon"), true), _define_property(_obj1, "".concat(classPrefix2, "-icon-rtl"), rtl), _obj1))
+      className: classNames("".concat(classPrefix2, "-content"), (_obj1 = {}, _define_property(_obj1, "".concat(classPrefix2, "-icon"), true), _define_property(_obj1, "".concat(classPrefix2, "-icon-rtl"), rtl), _obj1)),
+      style: getPositionStyle()
     }, value), children, !isIcon() && /* @__PURE__ */ React.createElement("div", {
       className: contentClasses,
-      style: getStyle()
+      style: getPositionStyle()
     }, content()));
   };
   Badge.displayName = "NutBadge";
@@ -14325,6 +14293,7 @@ Please add \`${key}Action\` when creating your handler.`);
   CheckboxGroup.displayName = "NutCheckboxGroup";
   var InnerCheckbox = Checkbox;
   InnerCheckbox.Group = CheckboxGroup;
+  const InnerCheckbox$1 = InnerCheckbox;
   var InternalPickerPanel = function(props, ref) {
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, defaultValue = props.defaultValue, _props_options = props.options, options2 = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, chooseItem = props.chooseItem;
     var touch = useTouch();
@@ -14488,9 +14457,7 @@ Please add \`${key}Action\` when creating your handler.`);
     });
     React.useEffect(function() {
       var _PickerPanelRef_current, _PickerPanelRef_current1, _PickerPanelRef_current2;
-      var options3 = passiveSupported ? {
-        passive: false
-      } : false;
+      var options3 = false;
       (_PickerPanelRef_current = PickerPanelRef.current) === null || _PickerPanelRef_current === void 0 ? void 0 : _PickerPanelRef_current.addEventListener("touchstart", touchStart, options3);
       (_PickerPanelRef_current1 = PickerPanelRef.current) === null || _PickerPanelRef_current1 === void 0 ? void 0 : _PickerPanelRef_current1.addEventListener("touchmove", touchMove, options3);
       (_PickerPanelRef_current2 = PickerPanelRef.current) === null || _PickerPanelRef_current2 === void 0 ? void 0 : _PickerPanelRef_current2.addEventListener("touchend", touchEnd, options3);
@@ -16787,6 +16754,7 @@ Please add \`${key}Action\` when creating your handler.`);
   var InnerForm = Form;
   InnerForm.Item = FormItem;
   InnerForm.useForm = useForm;
+  const InnerForm$1 = InnerForm;
   function trimExtraChar(value, char, regExp) {
     var index = value.indexOf(char);
     if (index === -1) {
@@ -17787,7 +17755,7 @@ Please add \`${key}Action\` when creating your handler.`);
     onChange: function(checked) {
     }
   });
-  var Radio = function(props) {
+  var Radio$1 = function(props) {
     var classPrefix2 = "nut-radio";
     var _ref = _object_spread({}, defaultProps$S, props), children = _ref.children, className = _ref.className, style = _ref.style, checked = _ref.checked, defaultChecked = _ref.defaultChecked, shape = _ref.shape, value = _ref.value;
     _ref.icon;
@@ -17885,7 +17853,7 @@ Please add \`${key}Action\` when creating your handler.`);
       onClick: handleClick2
     }, rest), renderRadioItem());
   };
-  Radio.displayName = "NutRadio";
+  Radio$1.displayName = "NutRadio";
   var defaultProps$R = {
     labelPosition: "right",
     onChange: function(value) {
@@ -17925,7 +17893,7 @@ Please add \`${key}Action\` when creating your handler.`);
           "disabled",
           "onChange"
         ]);
-        return /* @__PURE__ */ React.createElement(InnerRadio, _object_spread_props(_object_spread({}, rest2), {
+        return /* @__PURE__ */ React.createElement(Radio, _object_spread_props(_object_spread({}, rest2), {
           key: value === null || value === void 0 ? void 0 : value.toString(),
           children: label,
           value,
@@ -17958,8 +17926,9 @@ Please add \`${key}Action\` when creating your handler.`);
     }, rest), (options2 === null || options2 === void 0 ? void 0 : options2.length) ? renderOptionsChildren() : children));
   });
   RadioGroup.displayName = "NutRadioGroup";
-  var InnerRadio = Radio;
+  var InnerRadio = Radio$1;
   InnerRadio.Group = RadioGroup;
+  const Radio = InnerRadio;
   var defaultProps$Q = _object_spread_props(_object_spread({}, ComponentDefaults), {
     range: false,
     min: 0,
@@ -21409,9 +21378,9 @@ Please add \`${key}Action\` when creating your handler.`);
       return callback && callback(notification);
     });
   }
-  function notice$1(opts2) {
-    opts2 = _object_spread({}, options$1, opts2);
-    getInstance$1(opts2, function(notification) {
+  function notice$1(opts) {
+    opts = _object_spread({}, options$1, opts);
+    getInstance$1(opts, function(notification) {
       messageInstance$1 = notification;
     });
   }
@@ -21969,9 +21938,7 @@ Please add \`${key}Action\` when creating your handler.`);
       axis: "y",
       target: elementRef,
       enabled: !props.disabled,
-      eventOptions: passiveSupported ? {
-        passive: false
-      } : false
+      eventOptions: false
     });
     var renderIcons = function(status2) {
       return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", {
@@ -22618,18 +22585,18 @@ Please add \`${key}Action\` when creating your handler.`);
       return callback && callback(notification);
     });
   }
-  function notice(opts2) {
+  function notice(opts) {
     function close() {
       if (messageInstance) {
         messageInstance.destroy();
         messageInstance = null;
-        opts2.onClose && opts2.onClose();
+        opts.onClose && opts.onClose();
       }
     }
-    var opts22 = _object_spread_props(_object_spread({}, options, opts2), {
+    var opts2 = _object_spread_props(_object_spread({}, options, opts), {
       onClose: close
     });
-    getInstance(opts22, function(notification) {
+    getInstance(opts2, function(notification) {
       messageInstance = notification;
     });
   }
@@ -23780,7 +23747,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }
   });
   var classPrefix$4 = "nut-video";
-  var Video = function(props) {
+  var Video = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var _ref = _object_spread({}, defaultProps$k, props);
     _ref.children;
     var source = _ref.source, options2 = _ref.options, className = _ref.className, onPlay = _ref.onPlay, onPause = _ref.onPause, onPlayEnd = _ref.onPlayEnd, restProps = _object_without_properties(_ref, [
@@ -23823,6 +23790,20 @@ Please add \`${key}Action\` when creating your handler.`);
         });
       }
     };
+    var pause = function() {
+      var _rootRef_current;
+      rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.pause();
+    };
+    var play = function() {
+      var _rootRef_current;
+      rootRef === null || rootRef === void 0 ? void 0 : (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : _rootRef_current.play();
+    };
+    React.useImperativeHandle(ref, function() {
+      return {
+        pause,
+        play
+      };
+    });
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       className: classes
     }, restProps), /* @__PURE__ */ React.createElement("video", {
@@ -23840,7 +23821,7 @@ Please add \`${key}Action\` when creating your handler.`);
     }), /* @__PURE__ */ React.createElement("track", {
       kind: "captions"
     })));
-  };
+  });
   Video.displayName = "NutVideo";
   var defaultProps$j = {
     total: 3,
@@ -23989,7 +23970,7 @@ Please add \`${key}Action\` when creating your handler.`);
     touchable: true,
     effect: void 0
   };
-  var Swiper = /* @__PURE__ */ React.forwardRef(function(props, ref) {
+  var Swiper$1 = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var boundIndex = function boundIndex2(current2) {
       var min = 0;
       var max = count - 1;
@@ -24226,7 +24207,7 @@ Please add \`${key}Action\` when creating your handler.`);
       ref: swiperRef
     }, bind()), renderSlides(), renderIndicator());
   });
-  Swiper.displayName = "NutSwiper";
+  Swiper$1.displayName = "NutSwiper";
   var defaultProps$h = {
     onClick: function(e) {
       return void 0;
@@ -24243,8 +24224,9 @@ Please add \`${key}Action\` when creating your handler.`);
     }, children);
   };
   SwiperItem.displayName = "NutSwiperItem";
-  var InnerSwiper = Swiper;
+  var InnerSwiper = Swiper$1;
   InnerSwiper.Item = SwiperItem;
+  const Swiper = InnerSwiper;
   var defaultProps$g = _object_spread_props(_object_spread({}, ComponentDefaults), {
     images: [],
     videos: [],
@@ -24412,7 +24394,7 @@ Please add \`${key}Action\` when creating your handler.`);
       style,
       ref,
       onTouchStart
-    }, showPop ? /* @__PURE__ */ React.createElement(InnerSwiper, {
+    }, showPop ? /* @__PURE__ */ React.createElement(Swiper, {
       autoPlay: !!duration,
       duration,
       className: "".concat(classPrefix2, "-swiper"),
@@ -26563,7 +26545,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Cascader = Cascader;
   exports2.Cell = Cell;
   exports2.CellGroup = CellGroup;
-  exports2.Checkbox = InnerCheckbox;
+  exports2.Checkbox = InnerCheckbox$1;
   exports2.CheckboxGroup = CheckboxGroup;
   exports2.CircleProgress = CircleProgress;
   exports2.Col = Col;
@@ -26579,7 +26561,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Ellipsis = Ellipsis;
   exports2.Empty = Empty;
   exports2.FixedNav = FixedNav;
-  exports2.Form = InnerForm;
+  exports2.Form = InnerForm$1;
   exports2.FormItem = FormItem;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
@@ -26607,7 +26589,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Price = Price;
   exports2.Progress = Progress;
   exports2.PullToRefresh = PullToRefresh;
-  exports2.Radio = InnerRadio;
+  exports2.Radio = Radio;
   exports2.RadioGroup = RadioGroup;
   exports2.Range = Range;
   exports2.Rate = Rate;
@@ -26627,7 +26609,7 @@ Please add \`${key}Action\` when creating your handler.`);
   exports2.Sticky = Sticky;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
-  exports2.Swiper = InnerSwiper;
+  exports2.Swiper = Swiper;
   exports2.SwiperItem = SwiperItem;
   exports2.Switch = Switch;
   exports2.TabPane = TabPane;