@nutui/nutui-react 3.0.0-beta.12 → 3.0.0-beta.14

package/dist/nutui.react.umd.js

@@ -1182,7 +1182,7 @@ Check the top-level render call using <` + t + ">.");
     style: {}
   };
   var prefixCls$2 = "nut-button";
-  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1B = _object_spread_props(_object_spread({}, ComponentDefaults), {
     color: "",
     type: "default",
     size: "normal",
@@ -1198,7 +1198,7 @@ Check the top-level render call using <` + t + ">.");
     }
   });
   var Button = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$1A, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1B, props), color = _ref.color, shape = _ref.shape, fill = _ref.fill, loading = _ref.loading, disabled = _ref.disabled, type2 = _ref.type, size = _ref.size, block = _ref.block, icon = _ref.icon, rightIcon = _ref.rightIcon, children = _ref.children, className = _ref.className, style = _ref.style, nativeType = _ref.nativeType, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "color",
       "shape",
       "fill",
@@ -1261,14 +1261,14 @@ Check the top-level render call using <` + t + ">.");
   });
   Button.displayName = "NutButton";
   var CellGroupContext = React.createContext(null);
-  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1A = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     description: "",
     divider: true
   });
   var classPrefix$v = "nut-cell-group";
   var CellGroup = function(props) {
-    var _ref = _object_spread({}, defaultProps$1z, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1A, props), children = _ref.children, className = _ref.className, title = _ref.title, description = _ref.description, divider = _ref.divider, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "title",
@@ -1900,7 +1900,7 @@ Check the top-level render call using <` + t + ">.");
     }, children));
   };
   ConfigProvider.displayName = "NutConfigProvider";
-  var defaultProps$1y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: null,
     description: null,
     extra: null,
@@ -1914,7 +1914,7 @@ Check the top-level render call using <` + t + ">.");
   var classPrefix$t = "nut-cell";
   var Cell = function(props) {
     var ctx2 = React.useContext(CellGroupContext);
-    var _ref = _object_spread({}, defaultProps$1y, props), children = _ref.children, clickable = _ref.clickable, onClick = _ref.onClick, title = _ref.title, description = _ref.description, extra = _ref.extra, radius = _ref.radius, align = _ref.align, isLast = _ref.isLast, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1z, props), children = _ref.children, clickable = _ref.clickable, onClick = _ref.onClick, title = _ref.title, description = _ref.description, extra = _ref.extra, radius = _ref.radius, align = _ref.align, isLast = _ref.isLast, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
       "children",
       "clickable",
       "onClick",
@@ -2010,7 +2010,7 @@ Check the top-level render call using <` + t + ">.");
   function _sliced_to_array(arr, i2) {
     return _array_with_holes(arr) || _iterable_to_array_limit(arr, i2) || _unsupported_iterable_to_array(arr, i2) || _non_iterable_rest();
   }
-  var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1y = _object_spread_props(_object_spread({}, ComponentDefaults), {
     fit: "fill",
     position: "center",
     alt: "",
@@ -2022,7 +2022,7 @@ Check the top-level render call using <` + t + ">.");
   });
   var classPrefix$s = "nut-image";
   var Image$1 = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1x, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, fit = _$_object_spread.fit, position2 = _$_object_spread.position, alt = _$_object_spread.alt, width2 = _$_object_spread.width, height2 = _$_object_spread.height, radius = _$_object_spread.radius, error = _$_object_spread.error, loading = _$_object_spread.loading, lazy = _$_object_spread.lazy, draggable = _$_object_spread.draggable, onClick = _$_object_spread.onClick, onLoad = _$_object_spread.onLoad, onError = _$_object_spread.onError;
+    var _$_object_spread = _object_spread({}, defaultProps$1y, props), className = _$_object_spread.className, style = _$_object_spread.style, src = _$_object_spread.src, fit = _$_object_spread.fit, position2 = _$_object_spread.position, alt = _$_object_spread.alt, width2 = _$_object_spread.width, height2 = _$_object_spread.height, radius = _$_object_spread.radius, error = _$_object_spread.error, loading = _$_object_spread.loading, lazy = _$_object_spread.lazy, draggable = _$_object_spread.draggable, onClick = _$_object_spread.onClick, onLoad = _$_object_spread.onLoad, onError = _$_object_spread.onError;
     var _useState = _sliced_to_array(React.useState(false), 2), innerLoading = _useState[0], setInnerLoading = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(false), 2), isError = _useState1[0], setIsError = _useState1[1];
     var _useState2 = _sliced_to_array(React.useState(false), 2), complete = _useState2[0], setComplete = _useState2[1];
@@ -4148,7 +4148,7 @@ Check the top-level render call using <` + t + ">.");
   };
   Overlay.displayName = "NutOverlay";
   var DataContext$1 = React.createContext({});
-  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1x = _object_spread_props(_object_spread({}, ComponentDefaults), {
     span: "24",
     offset: "0",
     gutter: "0",
@@ -4156,7 +4156,7 @@ Check the top-level render call using <` + t + ">.");
     isLast: false
   });
   var Col = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1w, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1x, props), className = _$_object_spread.className, style = _$_object_spread.style, span = _$_object_spread.span, offset = _$_object_spread.offset, children = _$_object_spread.children, isFirst = _$_object_spread.isFirst, isLast = _$_object_spread.isLast, onClick = _$_object_spread.onClick;
     var _useState = _sliced_to_array(React.useState(""), 2), colName = _useState[0], setColName = _useState[1];
     var _useState1 = _sliced_to_array(React.useState({}), 2), colStyle = _useState1[0], setColStyle = _useState1[1];
     var gutter = React.useContext(DataContext$1).gutter;
@@ -4191,13 +4191,13 @@ Check the top-level render call using <` + t + ">.");
     }, children);
   };
   Col.displayName = "NutCol";
-  var defaultProps$1v = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1w = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentPosition: "center",
     direction: "horizontal"
   });
   var classPrefix$r = "nut-divider";
   var Divider = function(props) {
-    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1w, props), children = _ref.children, contentPosition = _ref.contentPosition, style = _ref.style, className = _ref.className, direction = _ref.direction, rest = _object_without_properties(_ref, [
       "children",
       "contentPosition",
       "style",
@@ -4235,7 +4235,7 @@ Check the top-level render call using <` + t + ">.");
   var pxCheck = function(value2) {
     return parseFloat(value2.toString());
   };
-  var defaultProps$1u = {
+  var defaultProps$1v = {
     text: "",
     columns: 4,
     gap: 9,
@@ -4245,7 +4245,7 @@ Check the top-level render call using <` + t + ">.");
     direction: "vertical"
   };
   var GridItem = function(props) {
-    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1v, props), children = _ref.children, style = _ref.style, columns = _ref.columns, index2 = _ref.index, gap = _ref.gap, square = _ref.square, text2 = _ref.text, center = _ref.center, reverse = _ref.reverse, direction = _ref.direction, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "style",
       "columns",
@@ -4315,7 +4315,7 @@ Check the top-level render call using <` + t + ">.");
     }, text2)));
   };
   GridItem.displayName = "NutGridItem";
-  var defaultProps$1t = {
+  var defaultProps$1u = {
     columns: 4,
     gap: 9,
     center: true,
@@ -4324,7 +4324,7 @@ Check the top-level render call using <` + t + ">.");
     direction: "vertical"
   };
   var Grid = function(props) {
-    var _ref = _object_spread({}, defaultProps$1t, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1u, props), children = _ref.children, columns = _ref.columns, gap = _ref.gap, center = _ref.center, square = _ref.square, reverse = _ref.reverse, direction = _ref.direction, style = _ref.style, className = _ref.className, onClick = _ref.onClick, rest = _object_without_properties(_ref, [
       "children",
       "columns",
       "gap",
@@ -4376,7 +4376,7 @@ Check the top-level render call using <` + t + ">.");
   };
   Layout.displayName = "NutLayout";
   var classPrefix$q = "nut-row";
-  var defaultProps$1s = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1t = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "",
     justify: "start",
     align: "flex-start",
@@ -4384,7 +4384,7 @@ Check the top-level render call using <` + t + ">.");
     gutter: "0"
   });
   var Row = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1t, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, type2 = _$_object_spread.type, justify = _$_object_spread.justify, align = _$_object_spread.align, wrap = _$_object_spread.wrap, gutter = _$_object_spread.gutter, onClick = _$_object_spread.onClick;
     var getClass = function(prefix2, type3) {
       var classType = type3 ? "nut-row-".concat(prefix2, "-").concat(type3) : "";
       if (prefix2) return classType;
@@ -4415,11 +4415,11 @@ Check the top-level render call using <` + t + ">.");
   };
   Row.displayName = "NutRow";
   var prefixCls$1 = "nut-space";
-  var defaultProps$1r = {
+  var defaultProps$1s = {
     direction: "horizontal"
   };
   var Space = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1r, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
+    var _$_object_spread = _object_spread({}, defaultProps$1s, props), className = _$_object_spread.className, style = _$_object_spread.style, children = _$_object_spread.children, wrap = _$_object_spread.wrap, align = _$_object_spread.align, direction = _$_object_spread.direction, justify = _$_object_spread.justify;
     var _obj;
     var cls = classNames(prefixCls$1, (_obj = {}, _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction), direction), _define_property(_obj, "".concat(prefixCls$1, "-").concat(direction, "-wrap"), wrap), _define_property(_obj, "".concat(prefixCls$1, "-align-").concat(align), align), _define_property(_obj, "".concat(prefixCls$1, "-justify-").concat(justify), justify), _define_property(_obj, "".concat(className), className), _obj));
     var _obj1;
@@ -4495,14 +4495,14 @@ Check the top-level render call using <` + t + ">.");
       stop2.current = true;
     };
   }
-  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1r = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: "top",
     threshold: 0,
     zIndex: 900
   });
   var classPrefix$p = "nut-sticky";
   var Sticky = function(props) {
-    var _ref = _object_spread({}, defaultProps$1q, props), position2 = _ref.position, zIndex = _ref.zIndex, children = _ref.children, container = _ref.container, style = _ref.style, className = _ref.className, threshold = _ref.threshold, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1r, props), position2 = _ref.position, zIndex = _ref.zIndex, children = _ref.children, container = _ref.container, style = _ref.style, className = _ref.className, threshold = _ref.threshold, onChange = _ref.onChange, rest = _object_without_properties(_ref, [
       "position",
       "zIndex",
       "children",
@@ -4655,14 +4655,14 @@ Check the top-level render call using <` + t + ">.");
       className: "nut-icon"
     }) : icon;
   };
-  var defaultProps$1p = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1q = _object_spread_props(_object_spread({}, ComponentDefaults), {
     icon: null,
     onClick: function(event) {
     }
   });
   var classPrefix$n = "nut-hoverbutton-item";
   var HoverButtonItem = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1p, props), className = _$_object_spread.className, children = _$_object_spread.children, style = _$_object_spread.style, icon = _$_object_spread.icon, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1q, 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);
@@ -4691,10 +4691,10 @@ Check the top-level render call using <` + t + ">.");
   };
   HoverButtonItem.displayName = "NutHoverButtonItem";
   var UI_BOTTOM_DISTANCE = 60;
-  var defaultProps$1o = _object_spread({}, ComponentDefaults);
+  var defaultProps$1p = _object_spread({}, ComponentDefaults);
   var classPrefix$m = "nut-hoverbutton";
   var HoverButton = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1o, 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 _$_object_spread = _object_spread({}, defaultProps$1p, 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) {
@@ -4721,14 +4721,14 @@ Check the top-level render call using <` + t + ">.");
   };
   HoverButton.displayName = "NutHoverButton";
   HoverButton.Item = HoverButtonItem;
-  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1o = _object_spread_props(_object_spread({}, ComponentDefaults), {
     target: "",
     threshold: 200,
     zIndex: 900,
     duration: 1e3
   });
   var BackTop = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1n, 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 _$_object_spread = _object_spread({}, defaultProps$1o, 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];
@@ -9749,7 +9749,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   const animated = host.animated;
   var elevatorContext = /* @__PURE__ */ React.createContext({});
-  var defaultProps$1m = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1n = _object_spread_props(_object_spread({}, ComponentDefaults), {
     height: "200px",
     floorKey: "title",
     list: [],
@@ -9759,7 +9759,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     showKeys: true
   });
   var Elevator = function(props) {
-    var _ref = _object_spread({}, defaultProps$1m, props), height2 = _ref.height, floorKey = _ref.floorKey, list = _ref.list, sticky = _ref.sticky, spaceHeight = _ref.spaceHeight;
+    var _ref = _object_spread({}, defaultProps$1n, props), height2 = _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",
@@ -9955,7 +9955,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  var defaultProps$1l = _object_spread_props(_object_spread({}, defaultOverlayProps), {
+  var defaultProps$1m = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     activeText: "",
     inactiveText: "",
     type: "right",
@@ -9973,7 +9973,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var FixedNav = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$1l, props), overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position2 = _ref.position, type2 = _ref.type, children = _ref.children, style = _ref.style, className = _ref.className, content2 = _ref.content, zIndex = _ref.zIndex, onChange = _ref.onChange, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1m, props), overlay = _ref.overlay, visible = _ref.visible, list = _ref.list, activeText = _ref.activeText, inactiveText = _ref.inactiveText, position2 = _ref.position, type2 = _ref.type, children = _ref.children, style = _ref.style, className = _ref.className, content2 = _ref.content, zIndex = _ref.zIndex, onChange = _ref.onChange, onSelect = _ref.onSelect, rest = _object_without_properties(_ref, [
       "overlay",
       "visible",
       "list",
@@ -10033,7 +10033,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText))));
   };
   FixedNav.displayName = "NutFixedNav";
-  var defaultProps$1k = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1l = _object_spread_props(_object_spread({}, ComponentDefaults), {
     left: "",
     right: "",
     back: "",
@@ -10043,7 +10043,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     zIndex: 10
   });
   var NavBar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1k, props), right = _$_object_spread.right, left = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1l, props), right = _$_object_spread.right, left = _$_object_spread.left, title = _$_object_spread.title, className = _$_object_spread.className, style = _$_object_spread.style, back = _$_object_spread.back, fixed = _$_object_spread.fixed, safeAreaInsetTop = _$_object_spread.safeAreaInsetTop, placeholder = _$_object_spread.placeholder, zIndex = _$_object_spread.zIndex, onBackClick = _$_object_spread.onBackClick;
     var classPrefix2 = "nut-navbar";
     var rtl = useRtl();
     var children = Array.isArray(props.children) ? props.children : [
@@ -10093,7 +10093,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  var defaultProps$1j = _object_spread_props(_object_spread({}, defaultOverlayProps), {
+  var defaultProps$1k = _object_spread_props(_object_spread({}, defaultOverlayProps), {
     position: "center",
     transition: "",
     overlayStyle: {},
@@ -10118,7 +10118,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var _zIndex = 1100;
   var Popup = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1j, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
+    var _$_object_spread = _object_spread({}, defaultProps$1k, props), children = _$_object_spread.children, visible = _$_object_spread.visible, overlay = _$_object_spread.overlay, closeOnOverlayClick = _$_object_spread.closeOnOverlayClick, overlayStyle = _$_object_spread.overlayStyle, overlayClassName = _$_object_spread.overlayClassName, zIndex = _$_object_spread.zIndex, lockScroll = _$_object_spread.lockScroll, duration = _$_object_spread.duration, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, left = _$_object_spread.left, title = _$_object_spread.title, description = _$_object_spread.description, style = _$_object_spread.style, transition = _$_object_spread.transition, round = _$_object_spread.round, position2 = _$_object_spread.position, className = _$_object_spread.className, destroyOnClose = _$_object_spread.destroyOnClose, portal = _$_object_spread.portal, onOpen = _$_object_spread.onOpen, onClose = _$_object_spread.onClose, onOverlayClick = _$_object_spread.onOverlayClick, onCloseIconClick = _$_object_spread.onCloseIconClick, afterShow = _$_object_spread.afterShow, afterClose = _$_object_spread.afterClose, onClick = _$_object_spread.onClick;
     var nodeRef = React.useRef(null);
     var innerIndex = zIndex || _zIndex;
     var _useState = _sliced_to_array(React.useState(innerIndex), 2), index2 = _useState[0], setIndex = _useState[1];
@@ -10255,7 +10255,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   };
   var OffsetContext = React.createContext(20);
-  var defaultProps$1i = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1j = _object_spread_props(_object_spread({}, ComponentDefaults), {
     position: "left",
     width: "80%"
   });
@@ -10264,7 +10264,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       console.warn("Warning: SideNavBar is deprecated and will be removed in future versions. Please use NewComponent SideBar instead.");
     }, []);
     var classPrefix2 = "nut-sidenavbar";
-    var _ref = _object_spread({}, defaultProps$1i, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1j, props), title = _ref.title, visible = _ref.visible, width2 = _ref.width, position2 = _ref.position, children = _ref.children, className = _ref.className, onClose = _ref.onClose, indent = _ref.indent, rest = _object_without_properties(_ref, [
       "title",
       "visible",
       "width",
@@ -10320,13 +10320,13 @@ Please add \`${key2}Action\` when creating your handler.`);
     });
     return ret;
   }
-  var defaultProps$1h = {
+  var defaultProps$1i = {
     title: "",
     value: "",
     disabled: false
   };
   var SideBarItem = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1h, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
+    var _mergeProps = mergeProps(defaultProps$1i, props), children = _mergeProps.children, className = _mergeProps.className, disabled = _mergeProps.disabled;
     var classPrefix2 = "nut-sidebaritem";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
@@ -10367,13 +10367,13 @@ Please add \`${key2}Action\` when creating your handler.`);
       setState
     ];
   }
-  var defaultProps$1g = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1h = _object_spread_props(_object_spread({}, ComponentDefaults), {
     contentDuration: 0,
     sidebarDuration: 0
   });
   var classPrefix$l = "nut-sidebar";
   var SideBar = function(props) {
-    var _mergeProps = mergeProps(defaultProps$1g, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
+    var _mergeProps = mergeProps(defaultProps$1h, props), contentDuration = _mergeProps.contentDuration, sidebarDuration = _mergeProps.sidebarDuration, children = _mergeProps.children, onClick = _mergeProps.onClick, onChange = _mergeProps.onChange, className = _mergeProps.className, rest = _object_without_properties(_mergeProps, [
       "contentDuration",
       "sidebarDuration",
       "children",
@@ -10534,12 +10534,12 @@ Please add \`${key2}Action\` when creating your handler.`);
       onClick: clickFn
     }, rest), title);
   };
-  var defaultProps$1f = {
+  var defaultProps$1g = {
     open: true
   };
   var SubSideNavBar = function(props) {
     var classPrefix2 = "nut-subsidenavbar";
-    var _ref = _object_spread({}, defaultProps$1f, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open = _ref.open, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1g, props), title = _ref.title, value2 = _ref.value, children = _ref.children, onClick = _ref.onClick, open = _ref.open, rest = _object_without_properties(_ref, [
       "title",
       "value",
       "children",
@@ -10610,7 +10610,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     "@swc/helpers - typeof";
     return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
   }
-  var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1f = _object_spread_props(_object_spread({}, ComponentDefaults), {
     value: "",
     dot: false,
     max: 99,
@@ -10620,13 +10620,6 @@ Please add \`${key2}Action\` when creating your handler.`);
     size: "large"
   });
   var Badge = function(props) {
-    var content2 = function content3() {
-      if (dot || (typeof value2 === "undefined" ? "undefined" : _type_of(value2)) === "object" || value2 === 0) return null;
-      if (typeof value2 === "number" && typeof max === "number") {
-        return max < value2 ? "".concat(max, "+") : "".concat(value2);
-      }
-      return value2;
-    };
     var isIcon = function isIcon2() {
       if ((typeof value2 === "undefined" ? "undefined" : _type_of(value2)) === "object" && value2) return value2;
     };
@@ -10638,17 +10631,22 @@ Please add \`${key2}Action\` when creating your handler.`);
     };
     var _this;
     var rtl = useRtl();
-    var _$_object_spread = _object_spread({}, defaultProps$1e, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_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 _$_object_spread = _object_spread({}, defaultProps$1f, props), className = _$_object_spread.className, style = _$_object_spread.style, value2 = _$_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);
+    var getContent = function() {
+      if (dot || value2 === 0) return null;
+      if (typeof value2 === "number") {
+        return max < value2 ? "".concat(max, "+") : "".concat(value2);
+      }
+      return value2;
+    };
     var _obj;
-    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 content2() === "string" && ((_this = "".concat(content2())) === 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 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 getContent() === "string" && ((_this = "".concat(getContent())) === 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) || 0, "px");
-      var dir = rtl ? "left" : "right";
-      style2[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
-      return style2;
+      return _define_property({
+        top: "".concat(Number(top) || 0, "px")
+      }, rtl ? "left" : "right", "".concat(Number(right) || 0, "px"));
     };
     var _obj1;
     return /* @__PURE__ */ React.createElement("div", {
@@ -10657,14 +10655,14 @@ Please add \`${key2}Action\` when creating your handler.`);
     }, 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)),
       style: getPositionStyle()
-    }, value2), children, !isIcon() && /* @__PURE__ */ React.createElement("div", {
+    }, value2), children, !isIcon() && (getContent() || dot) && /* @__PURE__ */ React.createElement("div", {
       className: contentClasses,
       style: getPositionStyle()
-    }, content2()));
+    }, getContent()));
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1e = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     icon: null,
     value: "",
@@ -10675,7 +10673,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var TabbarItem = function(props) {
     var ctx2 = React.useContext(TabbarContext);
-    var _ref = _object_spread({}, defaultProps$1d, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1e, props), className = _ref.className, style = _ref.style, title = _ref.title, icon = _ref.icon, value2 = _ref.value, dot = _ref.dot, max = _ref.max, top = _ref.top, right = _ref.right, index2 = _ref.index, rest = _object_without_properties(_ref, [
       "className",
       "style",
       "title",
@@ -10700,6 +10698,11 @@ Please add \`${key2}Action\` when creating your handler.`);
       right,
       color: ctx2 === null || ctx2 === void 0 ? void 0 : ctx2.activeColor
     };
+    var renderTitleText = function() {
+      return title && /* @__PURE__ */ React.createElement("div", {
+        className: titleClass
+      }, title);
+    };
     return /* @__PURE__ */ React.createElement("div", _object_spread({
       className: tabbarItemClass,
       style: _object_spread({
@@ -10710,13 +10713,9 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
     }, rest), icon ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement("div", {
       className: boxPrefix
-    }, icon)), /* @__PURE__ */ React.createElement("div", {
-      className: titleClass
-    }, title)) : /* @__PURE__ */ React.createElement(Badge, badgeProps, /* @__PURE__ */ React.createElement("div", {
-      className: titleClass
-    }, title)));
+    }, icon)), renderTitleText()) : /* @__PURE__ */ React.createElement(Badge, badgeProps, renderTitleText()));
   };
-  var defaultProps$1c = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1d = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: 0,
     fixed: false,
     inactiveColor: "",
@@ -10726,7 +10725,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   });
   var Tabbar = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
+    var _$_object_spread = _object_spread({}, defaultProps$1d, props), children = _$_object_spread.children, defaultValue = _$_object_spread.defaultValue, value2 = _$_object_spread.value, fixed = _$_object_spread.fixed, activeColor = _$_object_spread.activeColor, inactiveColor = _$_object_spread.inactiveColor, safeArea = _$_object_spread.safeArea, className = _$_object_spread.className, style = _$_object_spread.style, onSwitch = _$_object_spread.onSwitch;
     var classPrefix2 = "nut-tabbar";
     var _usePropsValue = _sliced_to_array(usePropsValue({
       value: value2,
@@ -10757,13 +10756,13 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  var defaultProps$1b = {
+  var defaultProps$1c = {
     title: "",
     value: "",
     disabled: false
   };
   var TabPane = function(props) {
-    var _$_object_spread = _object_spread({}, defaultProps$1b, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
+    var _$_object_spread = _object_spread({}, defaultProps$1c, props), children = _$_object_spread.children, autoHeightClassName = _$_object_spread.autoHeightClassName, className = _$_object_spread.className, disabled = _$_object_spread.disabled;
     var classPrefix2 = "nut-tabpane";
     var classes = classNames(classPrefix2, {
       active: !disabled && props.active
@@ -10772,7 +10771,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       className: classes
     }, !disabled && children);
   };
-  var defaultProps$1a = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1b = _object_spread_props(_object_spread({}, ComponentDefaults), {
     tabStyle: {},
     activeColor: "",
     direction: "horizontal",
@@ -10783,7 +10782,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   var classPrefix$k = "nut-tabs";
   var Tabs = function(props) {
     var rtl = useRtl();
-    var _ref = _object_spread({}, defaultProps$1a, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$1b, props), activeColor = _ref.activeColor, tabStyle = _ref.tabStyle, direction = _ref.direction, activeType = _ref.activeType, duration = _ref.duration, align = _ref.align, title = _ref.title, children = _ref.children, onClick = _ref.onClick, onChange = _ref.onChange, className = _ref.className, autoHeight = _ref.autoHeight, outerValue = _ref.value, outerDefaultValue = _ref.defaultValue, rest = _object_without_properties(_ref, [
       "activeColor",
       "tabStyle",
       "direction",
@@ -11232,7 +11231,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     ]);
     return Tree2;
   }();
-  var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$1a = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeColor: "",
     activeIcon: "checklist",
     popup: true,
@@ -11258,7 +11257,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var InternalCascader = function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$19, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options2 = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
+    var _$_object_spread = _object_spread({}, defaultProps$1a, props), className = _$_object_spread.className, style = _$_object_spread.style, activeColor = _$_object_spread.activeColor, activeIcon = _$_object_spread.activeIcon, popup = _$_object_spread.popup, _object_spread_popupProps = _$_object_spread.popupProps, popupProps = _object_spread_popupProps === void 0 ? {} : _object_spread_popupProps, visible = _$_object_spread.visible, options2 = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, optionKey = _$_object_spread.optionKey, format2 = _$_object_spread.format, closeable = _$_object_spread.closeable, closeIconPosition = _$_object_spread.closeIconPosition, closeIcon = _$_object_spread.closeIcon, lazy = _$_object_spread.lazy, title = _$_object_spread.title, left = _$_object_spread.left, onLoad = _$_object_spread.onLoad, onClose = _$_object_spread.onClose, onChange = _$_object_spread.onChange, onPathChange = _$_object_spread.onPathChange;
     var _useState = _sliced_to_array(React.useState("c1"), 2), tabvalue = _useState[0], setTabvalue = _useState[1];
     var _useState1 = _sliced_to_array(React.useState([]), 2), optionsData = _useState1[0], setOptionsData = _useState1[1];
     var isLazy = function() {
@@ -11713,7 +11712,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   var Cascader = /* @__PURE__ */ React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  var defaultProps$18 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$19 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     type: "custom",
     options: [],
@@ -11726,7 +11725,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     height: "200px"
   });
   var CustomRender = function(props) {
-    var _ref = _object_spread({}, defaultProps$18, props);
+    var _ref = _object_spread({}, defaultProps$19, props);
     _ref.children;
     var visible = _ref.visible, type2 = _ref.type;
     _ref.height;
@@ -11764,7 +11763,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       onPathChange
     }, rest)));
   };
-  var defaultProps$17 = {
+  var defaultProps$18 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -11773,7 +11772,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   var ExistRender = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$17, props);
+    var _ref = _object_spread({}, defaultProps$18, props);
     _ref.children;
     var type2 = _ref.type, existList = _ref.existList, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, custom = _ref.custom, onSelect = _ref.onSelect, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -11822,7 +11821,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       className: "".concat(classPrefix2, "-footer-btn")
     }, custom)));
   };
-  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$17 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     defaultValue: [],
     type: "custom",
     options: [],
@@ -11842,7 +11841,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var InternalAddress = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$16, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
+    var _ref = _object_spread({}, defaultProps$17, props), style = _ref.style, className = _ref.className, visible = _ref.visible, defaultVisible = _ref.defaultVisible, defaultValue = _ref.defaultValue;
     _ref.children;
     var type2 = _ref.type, options2 = _ref.options, optionKey = _ref.optionKey, format2 = _ref.format, height2 = _ref.height, title = _ref.title, existList = _ref.existList, custom = _ref.custom, selectIcon = _ref.selectIcon, defaultIcon = _ref.defaultIcon, closeIcon = _ref.closeIcon, backIcon = _ref.backIcon, onChange = _ref.onChange, onExistSelect = _ref.onExistSelect, onClose = _ref.onClose, onSwitch = _ref.onSwitch;
     _object_without_properties(_ref, [
@@ -12226,7 +12225,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   var isStartAndEnd = function(days) {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$16 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -12259,7 +12258,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var CalendarItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$16, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, value2 = _$_object_spread.value, onConfirm = _$_object_spread.onConfirm, onUpdate = _$_object_spread.onUpdate, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var weekdays = locale.calendaritem.weekdays;
     var weeks = _to_consumable_array(weekdays.slice(firstDayOfWeek, 7)).concat(_to_consumable_array(weekdays.slice(0, firstDayOfWeek)));
     var monthTitle = locale.calendaritem.monthTitle;
@@ -12819,7 +12818,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
-  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$15 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     autoBackfill: false,
     popup: true,
@@ -12854,7 +12853,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var Calendar = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
+    var _$_object_spread = _object_spread({}, defaultProps$15, props), style = _$_object_spread.style, className = _$_object_spread.className, children = _$_object_spread.children, popup = _$_object_spread.popup, visible = _$_object_spread.visible, type2 = _$_object_spread.type, autoBackfill = _$_object_spread.autoBackfill, title = _$_object_spread.title, defaultValue = _$_object_spread.defaultValue, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, showToday = _$_object_spread.showToday, startText = _$_object_spread.startText, endText = _$_object_spread.endText, confirmText = _$_object_spread.confirmText, showTitle = _$_object_spread.showTitle, showSubTitle = _$_object_spread.showSubTitle, scrollAnimation = _$_object_spread.scrollAnimation, firstDayOfWeek = _$_object_spread.firstDayOfWeek, closeIcon = _$_object_spread.closeIcon, disableDate = _$_object_spread.disableDate, renderHeaderButtons = _$_object_spread.renderHeaderButtons, renderBottomButton = _$_object_spread.renderBottomButton, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onClose = _$_object_spread.onClose, onConfirm = _$_object_spread.onConfirm, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange;
     var calendarRef = React.useRef(null);
     var close = function() {
       onClose && onClose();
@@ -13021,14 +13020,14 @@ Please add \`${key2}Action\` when creating your handler.`);
       convertDateToDay(new Date(current.getTime() + 24 * 60 * 60 * 1e3 * (6 - count)))
     ];
   };
-  var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$14 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "single",
     firstDayOfWeek: 0
   });
   var prefixCls = "nut-calendarcard";
   var CalendarCard = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var locale = useConfig().locale;
-    var _$_object_spread = _object_spread({}, defaultProps$13, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
+    var _$_object_spread = _object_spread({}, defaultProps$14, props), style = _$_object_spread.style, className = _$_object_spread.className, type2 = _$_object_spread.type, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, firstDayOfWeek = _$_object_spread.firstDayOfWeek, startDate = _$_object_spread.startDate, endDate = _$_object_spread.endDate, disableDay = _$_object_spread.disableDay, renderDay = _$_object_spread.renderDay, renderDayTop = _$_object_spread.renderDayTop, renderDayBottom = _$_object_spread.renderDayBottom, onDayClick = _$_object_spread.onDayClick, onPageChange = _$_object_spread.onPageChange, onChange = _$_object_spread.onChange;
     var _useState = _sliced_to_array(React.useState(function() {
       var date2 = new Date(Date.now());
       var val2 = value2 || defaultValue;
@@ -13406,7 +13405,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   CalendarCard.displayName = "NutCalendarCard";
   var CheckboxGroupContext = React.createContext(null);
-  var defaultProps$12 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$13 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     shape: "round",
     labelPosition: "right",
@@ -13418,7 +13417,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var classPrefix$j = "nut-checkbox";
   var Checkbox = function(props) {
-    var children = _object_spread({}, defaultProps$12, props).children;
+    var children = _object_spread({}, defaultProps$13, props).children;
     var icon = props.icon, label = props.label, className = props.className, activeIcon = props.activeIcon, checked = props.checked, value2 = props.value, defaultChecked = props.defaultChecked, shape = props.shape, disabled = props.disabled, onChange = props.onChange, indeterminate = props.indeterminate, indeterminateIcon = props.indeterminateIcon, others = _object_without_properties(props, [
       "icon",
       "label",
@@ -13555,7 +13554,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }), renderCheckboxItem());
   };
   Checkbox.displayName = "NutCheckBox";
-  var defaultProps$11 = {
+  var defaultProps$12 = {
     max: void 0,
     min: void 0,
     list: false,
@@ -13569,7 +13568,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   var classPrefix$i = "nut-checkboxgroup";
   var CheckboxGroup = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options2 = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$12, props), children = _ref.children, className = _ref.className, disabled = _ref.disabled, list = _ref.list, value2 = _ref.value, defaultValue = _ref.defaultValue, max = _ref.max, min = _ref.min, labelPosition = _ref.labelPosition, direction = _ref.direction, options2 = _ref.options, onChange = _ref.onChange, onLimit = _ref.onLimit, rest = _object_without_properties(_ref, [
       "children",
       "className",
       "disabled",
@@ -13761,7 +13760,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       var move = touch.deltaY.current - startY;
       var moveTime = Date.now() - startTime;
       if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
-        var distance = momentum(move, moveTime);
+        var distance = momentum2(move, moveTime);
         setMove(distance, "end", +duration);
       } else {
         setMove(move, "end");
@@ -13770,7 +13769,7 @@ Please add \`${key2}Action\` when creating your handler.`);
         touch.reset();
       }, 0);
     };
-    var momentum = function(distance, duration2) {
+    var momentum2 = function(distance, duration2) {
       var nDistance = distance;
       var speed = Math.abs(nDistance / duration2);
       nDistance = speed / 3e-3 * (nDistance < 0 ? -1 : 1);
@@ -13901,7 +13900,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       reset
     ];
   }
-  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$11 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     title: "",
     options: [],
     value: [],
@@ -13912,7 +13911,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var InternalPicker = function(props, ref) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$10, props), children = _ref.children;
+    var _ref = _object_spread({}, defaultProps$11, props), children = _ref.children;
     _ref.visible;
     var title = _ref.title, _ref_options = _ref.options, options2 = _ref_options === void 0 ? [] : _ref_options, closeOnOverlayClick = _ref.closeOnOverlayClick, _ref_popupProps = _ref.popupProps, popupProps = _ref_popupProps === void 0 ? {} : _ref_popupProps, _ref_defaultValue = _ref.defaultValue, defaultValue = _ref_defaultValue === void 0 ? [] : _ref_defaultValue, className = _ref.className, style = _ref.style, threeDimensional = _ref.threeDimensional, duration = _ref.duration;
     _ref.onConfirm;
@@ -14182,7 +14181,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     return str;
   };
   var currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$10 = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     title: "",
     type: "date",
@@ -14196,7 +14195,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     var getMonthEndDay = function getMonthEndDay2(year, month) {
       return new Date(year, month, 0).getDate();
     };
-    var _ref = _object_spread({}, defaultProps$$, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep, visible = _ref.visible, title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$10, props), startDate = _ref.startDate, endDate = _ref.endDate, type2 = _ref.type, showChinese = _ref.showChinese, minuteStep = _ref.minuteStep, visible = _ref.visible, title = _ref.title, defaultValue = _ref.defaultValue, _ref_pickerProps = _ref.pickerProps, pickerProps = _ref_pickerProps === void 0 ? {} : _ref_pickerProps, formatter = _ref.formatter, onClose = _ref.onClose, onCancel = _ref.onCancel, onConfirm = _ref.onConfirm, filter = _ref.filter, onChange = _ref.onChange, threeDimensional = _ref.threeDimensional, className = _ref.className, style = _ref.style, rest = _object_without_properties(_ref, [
       "startDate",
       "endDate",
       "type",
@@ -15838,7 +15837,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       formRef.current
     ];
   };
-  var defaultProps$_ = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$$ = _object_spread_props(_object_spread({}, ComponentDefaults), {
     labelPosition: "right",
     starPosition: "left",
     divider: false,
@@ -15854,7 +15853,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   var Form = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var classPrefix2 = "nut-form";
-    var _$_object_spread = _object_spread({}, defaultProps$_, props), className = _$_object_spread.className, style = _$_object_spread.style, footer = _$_object_spread.footer, children = _$_object_spread.children, initialValues = _$_object_spread.initialValues, divider = _$_object_spread.divider, onFinish = _$_object_spread.onFinish, onFinishFailed = _$_object_spread.onFinishFailed, labelPosition = _$_object_spread.labelPosition, starPosition = _$_object_spread.starPosition, form = _$_object_spread.form;
+    var _$_object_spread = _object_spread({}, defaultProps$$, props), className = _$_object_spread.className, style = _$_object_spread.style, footer = _$_object_spread.footer, children = _$_object_spread.children, initialValues = _$_object_spread.initialValues, divider = _$_object_spread.divider, onFinish = _$_object_spread.onFinish, onFinishFailed = _$_object_spread.onFinishFailed, labelPosition = _$_object_spread.labelPosition, starPosition = _$_object_spread.starPosition, form = _$_object_spread.form;
     var formInstance;
     if (form !== void 0) {
       formInstance = form;
@@ -15953,7 +15952,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
     ).$$typeof === component.type.$$typeof;
   }
-  var defaultProps$Z = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$_ = _object_spread_props(_object_spread({}, ComponentDefaults), {
     required: false,
     name: "",
     label: "",
@@ -16056,7 +16055,7 @@ Please add \`${key2}Action\` when creating your handler.`);
           _this.forceUpdate();
         }
       }), _define_property(_this, "renderLayout", function(childNode) {
-        var _$_object_spread = _object_spread({}, defaultProps$Z, _this.props), label = _$_object_spread.label, name2 = _$_object_spread.name, required2 = _$_object_spread.required, rules2 = _$_object_spread.rules, className = _$_object_spread.className, style = _$_object_spread.style, errorMessageAlign = _$_object_spread.errorMessageAlign, align = _$_object_spread.align;
+        var _$_object_spread = _object_spread({}, defaultProps$_, _this.props), label = _$_object_spread.label, name2 = _$_object_spread.name, required2 = _$_object_spread.required, rules2 = _$_object_spread.rules, className = _$_object_spread.className, style = _$_object_spread.style, errorMessageAlign = _$_object_spread.errorMessageAlign, align = _$_object_spread.align;
         var requiredInRules = rules2 === null || rules2 === void 0 ? void 0 : rules2.some(function(rule) {
           return rule.required;
         });
@@ -16135,7 +16134,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     ]);
     return FormItem2;
   }(React.Component);
-  _define_property(FormItem, "defaultProps", defaultProps$Z);
+  _define_property(FormItem, "defaultProps", defaultProps$_);
   _define_property(FormItem, "contextType", Context);
   var InnerForm = Form;
   InnerForm.Item = FormItem;
@@ -16165,7 +16164,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value2.replace(regExp, "");
   }
-  var defaultProps$Y = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$Z = _object_spread_props(_object_spread({}, ComponentDefaults), {
     type: "text",
     name: "",
     placeholder: void 0,
@@ -16184,7 +16183,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   var Input = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     var rtl = useRtl();
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$Y, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$Z, props), type2 = _ref.type, name2 = _ref.name, placeholder = _ref.placeholder, align = _ref.align, disabled = _ref.disabled, readOnly = _ref.readOnly, maxLength = _ref.maxLength, clearable = _ref.clearable, clearIcon = _ref.clearIcon, formatTrigger = _ref.formatTrigger, autoFocus = _ref.autoFocus, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onFocus = _ref.onFocus, onClear = _ref.onClear, formatter = _ref.formatter, onClick = _ref.onClick, confirmType = _ref.confirmType, plain = _ref.plain, defaultValue = _ref.defaultValue, _value = _ref.value, onCompositionStart = _ref.onCompositionStart, onCompositionEnd = _ref.onCompositionEnd, rest = _object_without_properties(_ref, [
       "type",
       "name",
       "placeholder",
@@ -16346,7 +16345,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     })) : null);
   });
   Input.displayName = "NutInput";
-  var defaultProps$X = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$Y = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
     readOnly: false,
     allowEmpty: false,
@@ -16359,7 +16358,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var classPrefix$h = "nut-inputnumber";
   var InputNumber = function(props) {
-    var _ref = _object_spread({}, defaultProps$X, props);
+    var _ref = _object_spread({}, defaultProps$Y, props);
     _ref.children;
     var disabled = _ref.disabled, min = _ref.min, max = _ref.max, readOnly = _ref.readOnly, value2 = _ref.value, defaultValue = _ref.defaultValue, allowEmpty = _ref.allowEmpty, digits = _ref.digits, step = _ref.step, async = _ref.async, select = _ref.select, className = _ref.className, style = _ref.style, formatter = _ref.formatter, onPlus = _ref.onPlus, onMinus = _ref.onMinus, onOverlimit = _ref.onOverlimit, onBlur = _ref.onBlur, onFocus = _ref.onFocus, onChange = _ref.onChange, restProps = _object_without_properties(_ref, [
       "children",
@@ -16605,7 +16604,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       target
     ]);
   }
-  var defaultProps$W = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$X = _object_spread_props(_object_spread({}, ComponentDefaults), {
     titleIcon: null,
     columns: 1,
     direction: "down",
@@ -16618,7 +16617,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   });
   var MenuItem = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-    var _$_object_spread = _object_spread({}, defaultProps$W, props), className = _$_object_spread.className, style = _$_object_spread.style, options2 = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, columns = _$_object_spread.columns, title = _$_object_spread.title, icon = _$_object_spread.icon, direction = _$_object_spread.direction, onChange = _$_object_spread.onChange, activeTitleClass = _$_object_spread.activeTitleClass, inactiveTitleClass = _$_object_spread.inactiveTitleClass, closeOnClickAway = _$_object_spread.closeOnClickAway, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, show2 = _$_object_spread.show, parent2 = _$_object_spread.parent, index2 = _$_object_spread.index;
+    var _$_object_spread = _object_spread({}, defaultProps$X, props), className = _$_object_spread.className, style = _$_object_spread.style, options2 = _$_object_spread.options, value2 = _$_object_spread.value, defaultValue = _$_object_spread.defaultValue, columns = _$_object_spread.columns, title = _$_object_spread.title, icon = _$_object_spread.icon, direction = _$_object_spread.direction, onChange = _$_object_spread.onChange, activeTitleClass = _$_object_spread.activeTitleClass, inactiveTitleClass = _$_object_spread.inactiveTitleClass, closeOnClickAway = _$_object_spread.closeOnClickAway, children = _$_object_spread.children, activeColor = _$_object_spread.activeColor, show2 = _$_object_spread.show, parent2 = _$_object_spread.parent, index2 = _$_object_spread.index;
     var _useState = _sliced_to_array(React.useState(show2), 2), showPopup = _useState[0], setShowPopup = _useState[1];
     var _usePropsValue = _sliced_to_array(usePropsValue({
       defaultValue,
@@ -16784,7 +16783,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }), children))));
   });
   MenuItem.displayName = "NutMenuItem";
-  var defaultProps$V = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$W = _object_spread_props(_object_spread({}, ComponentDefaults), {
     activeColor: "",
     closeOnOverlayClick: true,
     scrollFixed: false,
@@ -16797,7 +16796,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     }
   });
   var Menu = function(props) {
-    var _ref = _object_spread({}, defaultProps$V, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$W, props), className = _ref.className, icon = _ref.icon, scrollFixed = _ref.scrollFixed, lockScroll = _ref.lockScroll, overlay = _ref.overlay, closeOnOverlayClick = _ref.closeOnOverlayClick, children = _ref.children, activeColor = _ref.activeColor, onClose = _ref.onClose, onOpen = _ref.onOpen, rest = _object_without_properties(_ref, [
       "className",
       "icon",
       "scrollFixed",
@@ -16936,7 +16935,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   };
   Menu.displayName = "NutMenu";
   Menu.Item = MenuItem;
-  var defaultProps$U = _object_spread_props(_object_spread({}, ComponentDefaults), {
+  var defaultProps$V = _object_spread_props(_object_spread({}, ComponentDefaults), {
     visible: false,
     rightActions: "",
     type: "default",
@@ -16947,7 +16946,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   });
   var NumberKeyboard = function(props) {
     var locale = useConfig().locale;
-    var _ref = _object_spread({}, defaultProps$U, props), title = _ref.title, rightActions = _ref.rightActions, confirmText = _ref.confirmText, visible = _ref.visible, type2 = _ref.type, custom = _ref.custom, random2 = _ref.random, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onDelete = _ref.onDelete, onClose = _ref.onClose, onConfirm = _ref.onConfirm, rest = _object_without_properties(_ref, [
+    var _ref = _object_spread({}, defaultProps$V, props), title = _ref.title, rightActions = _ref.rightActions, confirmText = _ref.confirmText, visible = _ref.visible, type2 = _ref.type, custom = _ref.custom, random2 = _ref.random, style = _ref.style, className = _ref.className, onChange = _ref.onChange, onDelete = _ref.onDelete, onClose = _ref.onClose, onConfirm = _ref.onConfirm, rest = _object_without_properties(_ref, [
       "title",
       "rightActions",
       "confirmText",
@@ -17133,6 +17132,364 @@ Please add \`${key2}Action\` when creating your handler.`);
     })))));
   };
   NumberKeyboard.displayName = "NutNumberKeyboard";
+  var momentum = function(distance, duration) {
+    var speed = Math.abs(distance / duration);
+    return speed / 3e-3 * (distance < 0 ? -1 : 1);
+  };
+  var useStyles = function(touchTime, touchDeg, scrollDistance, lineSpacing, rotation2) {
+    var getTransitionStyle = function(transformValue) {
+      return {
+        transition: "transform ".concat(touchTime, "ms cubic-bezier(0.17, 0.89, 0.45, 1)"),
+        transform: transformValue
+      };
+    };
+    var touchRollerStyle = function() {
+      return getTransitionStyle("rotate3d(1, 0, 0, ".concat(touchDeg, ")"));
+    };
+    var touchTiledStyle = function() {
+      return getTransitionStyle("translate3d(0, ".concat(scrollDistance, "px, 0)"));
+    };
+    var rollerStyle = function(index2) {
+      return {
+        transform: "rotate3d(1, 0, 0, ".concat(-20 * (index2 + 1), "deg) translate3d(0px, 0px, ").concat(Math.round(lineSpacing.current * 3.2), "px)")
+      };
+    };
+    return {
+      touchRollerStyle,
+      touchTiledStyle,
+      rollerStyle
+    };
+  };
+  var InternalPickerRoller = function(props, ref) {
+    var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _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, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
+      return item.label;
+    } : _props_renderLabel;
+    var DEFAULT_DURATION = 200;
+    var INERTIA_TIME = 300;
+    var INERTIA_DISTANCE = 15;
+    var ROTATION = 20;
+    var touch = useTouch();
+    var _useState = _sliced_to_array(React.useState(1), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
+    var lineSpacing = React.useRef(36);
+    var _useState1 = _sliced_to_array(React.useState(0), 2), touchTime = _useState1[0], setTouchTime = _useState1[1];
+    var _useState2 = _sliced_to_array(React.useState("0deg"), 2), touchDeg = _useState2[0], setTouchDeg = _useState2[1];
+    var isMoving = React.useRef(false);
+    var rollerRef = React.useRef(null);
+    var pickerRollerRef = React.useRef(null);
+    var _useState3 = _sliced_to_array(React.useState(0), 2), startTime = _useState3[0], setStartTime = _useState3[1];
+    var _useState4 = _sliced_to_array(React.useState(0), 2), startY = _useState4[0], setStartY = _useState4[1];
+    var transformY = React.useRef(0);
+    var _useState5 = _sliced_to_array(React.useState(0), 2), scrollDistance = _useState5[0], setScrollDistance = _useState5[1];
+    var _useStyles = useStyles(touchTime, touchDeg, scrollDistance, lineSpacing), touchRollerStyle = _useStyles.touchRollerStyle, touchTiledStyle = _useStyles.touchTiledStyle, rollerStyle = _useStyles.rollerStyle;
+    var isItemHidden = function(index2) {
+      return index2 >= currentIndex + 8 || index2 <= currentIndex - 8;
+    };
+    var applyTransform = function(type2, deg) {
+      var time2 = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : DEFAULT_DURATION, translateY = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : 0;
+      setTouchTime(type2 !== "end" ? 0 : time2);
+      setTouchDeg(deg);
+      setScrollDistance(translateY);
+    };
+    var handleMove = function(move, type2, time2) {
+      var updatedMove = move + transformY.current;
+      if (type2 === "end") {
+        updatedMove = Math.max(Math.min(updatedMove, 0), -(options2.length - 1) * lineSpacing.current);
+        var endMove = Math.round(updatedMove / lineSpacing.current) * lineSpacing.current;
+        var deg = "".concat((Math.abs(Math.round(endMove / lineSpacing.current)) + 1) * ROTATION, "deg");
+        applyTransform(type2, deg, time2, endMove);
+        setCurrentIndex(Math.abs(Math.round(endMove / lineSpacing.current)) + 1);
+      } else {
+        var currentDeg = (-updatedMove / lineSpacing.current + 1) * ROTATION;
+        var deg1 = Math.min(Math.max(currentDeg, 0), (options2.length + 1) * ROTATION);
+        if (deg1 >= 0 && deg1 < (options2.length + 1) * ROTATION) {
+          applyTransform("", "".concat(deg1, "deg"), void 0, updatedMove);
+          setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
+        }
+      }
+    };
+    var selectValue = function(move) {
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect(options2 === null || options2 === void 0 ? void 0 : options2[Math.round(-move / lineSpacing.current)], keyIndex);
+    };
+    var handleTouchStart = function(event) {
+      touch.start(event);
+      setStartY(touch.deltaY.current);
+      setStartTime(Date.now());
+      transformY.current = scrollDistance;
+    };
+    var handleTouchMove = function(event) {
+      touch.move(event);
+      if (touch.isVertical) {
+        isMoving.current = true;
+        preventDefault$1(event, true);
+      }
+      var move = touch.deltaY.current - startY;
+      handleMove(move);
+    };
+    var handleTouchEnd = function() {
+      if (!isMoving.current) return;
+      var move = touch.deltaY.current - startY;
+      var moveTime = Date.now() - startTime;
+      if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
+        var distance = momentum(move, moveTime);
+        handleMove(distance, "end", +duration);
+      } else {
+        handleMove(move, "end");
+      }
+      setTimeout(function() {
+        touch.reset();
+      }, 0);
+    };
+    var updateStatus = function(shouldSelect, value2) {
+      var selectedValue = props.value;
+      var index2 = options2.findIndex(function(item) {
+        return item.value === selectedValue;
+      });
+      setCurrentIndex(index2 === -1 ? 1 : index2 + 1);
+      var move = index2 * lineSpacing.current;
+      handleMove(-move);
+    };
+    var stopMomentumScroll = function() {
+      isMoving.current = false;
+      setTouchTime(0);
+      selectValue(scrollDistance);
+    };
+    React.useEffect(function() {
+      var element = pickerRollerRef.current;
+      if (element) {
+        var computedStyle = getComputedStyle(element);
+        var currentLineSpacing = computedStyle.getPropertyValue("--nutui-picker-item-height");
+        !!currentLineSpacing && (lineSpacing.current = parseFloat(currentLineSpacing));
+      }
+    }, [
+      pickerRollerRef.current
+    ]);
+    React.useEffect(function() {
+      isMoving.current = false;
+      setScrollDistance(0);
+      transformY.current = 0;
+      updateStatus();
+    }, [
+      options2,
+      props.value
+    ]);
+    React.useImperativeHandle(ref, function() {
+      return {
+        stopMomentum: stopMomentumScroll,
+        moving: isMoving.current
+      };
+    });
+    React.useEffect(function() {
+      var _pickerRollerRef_current, _pickerRollerRef_current1, _pickerRollerRef_current2;
+      var options3 = passiveSupported ? {
+        passive: false
+      } : false;
+      (_pickerRollerRef_current = pickerRollerRef.current) === null || _pickerRollerRef_current === void 0 ? void 0 : _pickerRollerRef_current.addEventListener("touchstart", handleTouchStart, options3);
+      (_pickerRollerRef_current1 = pickerRollerRef.current) === null || _pickerRollerRef_current1 === void 0 ? void 0 : _pickerRollerRef_current1.addEventListener("touchmove", handleTouchMove, options3);
+      (_pickerRollerRef_current2 = pickerRollerRef.current) === null || _pickerRollerRef_current2 === void 0 ? void 0 : _pickerRollerRef_current2.addEventListener("touchend", handleTouchEnd, options3);
+      return function() {
+        var _pickerRollerRef_current3, _pickerRollerRef_current12, _pickerRollerRef_current22;
+        (_pickerRollerRef_current3 = pickerRollerRef.current) === null || _pickerRollerRef_current3 === void 0 ? void 0 : _pickerRollerRef_current3.removeEventListener("touchstart", handleTouchStart);
+        (_pickerRollerRef_current12 = pickerRollerRef.current) === null || _pickerRollerRef_current12 === void 0 ? void 0 : _pickerRollerRef_current12.removeEventListener("touchmove", handleTouchMove);
+        (_pickerRollerRef_current22 = pickerRollerRef.current) === null || _pickerRollerRef_current22 === void 0 ? void 0 : _pickerRollerRef_current22.removeEventListener("touchend", handleTouchEnd);
+      };
+    }, [
+      pickerRollerRef.current,
+      handleTouchStart,
+      handleTouchMove,
+      handleTouchEnd
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: "nut-pickerview-list",
+      ref: pickerRollerRef
+    }, /* @__PURE__ */ React.createElement("div", {
+      className: "nut-pickerview-roller",
+      ref: rollerRef,
+      style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
+      onTransitionEnd: stopMomentumScroll
+    }, threeDimensional && options2.map(function(item, index2) {
+      var _item_value;
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "nut-pickerview-roller-item ".concat(isItemHidden(index2 + 1) && "nut-pickerview-roller-item-hidden"),
+        style: rollerStyle(index2),
+        key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
+      }, renderLabel(item));
+    }), !threeDimensional && options2.map(function(item, index2) {
+      var _item_value;
+      return /* @__PURE__ */ React.createElement("div", {
+        className: "nut-pickerview-roller-item-tiled",
+        key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
+      }, renderLabel(item));
+    })));
+  };
+  var PickerRoller = /* @__PURE__ */ React.forwardRef(InternalPickerRoller);
+  var defaultProps$U = _object_spread_props(_object_spread({}, ComponentDefaults), {
+    options: [],
+    defaultValue: [],
+    value: void 0,
+    renderLabel: function(item) {
+      return item.label;
+    }
+  });
+  var InternalPickerView = function(props, ref) {
+    var _$_object_spread = _object_spread({}, defaultProps$U, props), options2 = _$_object_spread.options, _object_spread_defaultValue = _$_object_spread.defaultValue, defaultValue = _object_spread_defaultValue === void 0 ? [] : _object_spread_defaultValue, value2 = _$_object_spread.value, duration = _$_object_spread.duration, threeDimensional = _$_object_spread.threeDimensional, renderLabel = _$_object_spread.renderLabel, className = _$_object_spread.className, style = _$_object_spread.style, onChange = _$_object_spread.onChange;
+    var classPrefix2 = "nut-pickerview";
+    var cls = classNames(classPrefix2, className);
+    var _usePropsValue = _sliced_to_array(usePropsValue({
+      value: value2,
+      defaultValue: _to_consumable_array(defaultValue),
+      finalValue: _to_consumable_array(defaultValue)
+    }), 1), selectedValue = _usePropsValue[0];
+    var _useState = _sliced_to_array(React.useState(selectedValue), 2), innerValue = _useState[0], setInnerValue = _useState[1];
+    var _useState1 = _sliced_to_array(React.useState([]), 2), innerOptions = _useState1[0], setInnerOptions = _useState1[1];
+    var changeIndex = React.useRef(0);
+    var columnsType = React.useMemo(function() {
+      var firstColumn = props.options[0] || [];
+      if (Array.isArray(firstColumn) && firstColumn.length > 0 && "children" in firstColumn[0]) {
+        return "cascade";
+      }
+      return "multiple";
+    }, [
+      props.options
+    ]);
+    var formatCascadeOptions = function(options3, value3) {
+      var _loop = function() {
+        var currentOptions = columnOptions.children;
+        formatted.push(currentOptions);
+        var currentValue = value3 === null || value3 === void 0 ? void 0 : value3[columnIndex];
+        if (currentValue === 0) {
+          columnOptions = currentOptions[0];
+        } else if (currentValue) {
+          var index2 = currentOptions.findIndex(function(columnItem) {
+            return columnItem.value === currentValue;
+          });
+          columnOptions = currentOptions[index2 === -1 ? 0 : index2];
+        } else {
+          return "break";
+        }
+        columnIndex++;
+      };
+      if (!options3.length) return [];
+      var formatted = [];
+      var columnOptions = {
+        label: "",
+        value: "",
+        children: options3
+      };
+      var columnIndex = 0;
+      while (columnOptions && columnOptions.children) {
+        var _ret = _loop();
+        if (_ret === "break") break;
+      }
+      return formatted;
+    };
+    var formatOptions = React.useMemo(function() {
+      if (columnsType === "cascade") {
+        var _props_options;
+        return formatCascadeOptions(props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0], innerValue);
+      }
+      return props.options;
+    }, [
+      innerValue,
+      options2,
+      columnsType
+    ]);
+    React.useEffect(function() {
+      var options3 = props.options;
+      if (Array.isArray(options3) && options3.length && options3 !== innerOptions) {
+        setInnerOptions(formatOptions);
+      }
+    }, [
+      props.options,
+      innerValue
+    ]);
+    React.useEffect(function() {
+      if (selectedValue !== innerValue) {
+        setInnerValue(selectedValue);
+      }
+    }, [
+      selectedValue
+    ]);
+    var handleSelect = React.useCallback(function(option, index2) {
+      var newValue = option === null || option === void 0 ? void 0 : option.value;
+      if (!newValue || innerValue[index2] === newValue) return;
+      changeIndex.current = index2;
+      if (columnsType === "multiple") {
+        setInnerValue(function(prev) {
+          var next = _to_consumable_array(prev);
+          next[index2] = newValue;
+          return next;
+        });
+      } else {
+        var _option_children, _option_children1, _props_options;
+        var startIndex = index2;
+        var values = [];
+        values[index2] = option.value;
+        while (option === null || option === void 0 ? void 0 : (_option_children = option.children) === null || _option_children === void 0 ? void 0 : _option_children[0]) {
+          values[index2 + 1] = option.children[0].value;
+          index2++;
+          option = option.children[0];
+        }
+        if (option === null || option === void 0 ? void 0 : (_option_children1 = option.children) === null || _option_children1 === void 0 ? void 0 : _option_children1.length) {
+          values[index2 + 1] = "";
+        }
+        var combineResult = _to_consumable_array(innerValue.slice(0, startIndex)).concat(_to_consumable_array(values.splice(startIndex)));
+        setInnerValue(_to_consumable_array(combineResult));
+        var optionFirst = props === null || props === void 0 ? void 0 : (_props_options = props.options) === null || _props_options === void 0 ? void 0 : _props_options[0];
+        if (!isEqual$1(formatCascadeOptions(optionFirst, combineResult), innerOptions)) {
+          setInnerOptions(formatCascadeOptions(optionFirst, combineResult));
+        }
+      }
+    }, [
+      innerValue,
+      props.options,
+      columnsType,
+      innerOptions
+    ]);
+    var selectedOptions = React.useMemo(function() {
+      return innerOptions.map(function(columnOptions, index2) {
+        var selectedOption = columnOptions.find(function(item) {
+          return item.value === innerValue[index2];
+        });
+        return selectedOption;
+      }).filter(Boolean);
+    }, [
+      innerOptions,
+      innerValue
+    ]);
+    React.useEffect(function() {
+      onChange === null || onChange === void 0 ? void 0 : onChange({
+        value: innerValue,
+        index: changeIndex.current,
+        selectedOptions
+      });
+    }, [
+      innerValue,
+      selectedOptions,
+      onChange
+    ]);
+    return /* @__PURE__ */ React.createElement("div", {
+      className: cls,
+      style
+    }, innerOptions.map(function(item, index2) {
+      var _props_setRefs;
+      return /* @__PURE__ */ React.createElement(PickerRoller, {
+        ref: props === null || props === void 0 ? void 0 : (_props_setRefs = props.setRefs) === null || _props_setRefs === void 0 ? void 0 : _props_setRefs.call(props, index2),
+        key: index2,
+        keyIndex: index2,
+        value: innerValue[index2],
+        options: item,
+        renderLabel,
+        onSelect: handleSelect,
+        duration,
+        threeDimensional
+      });
+    }), (innerOptions === null || innerOptions === void 0 ? void 0 : innerOptions.length) ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+      className: "nut-pickerview-mask"
+    }), /* @__PURE__ */ React.createElement("div", {
+      className: "nut-pickerview-indicator"
+    })) : null);
+  };
+  var PickerView = /* @__PURE__ */ React.forwardRef(InternalPickerView);
   const RadioContext = React.createContext(null);
   var defaultProps$T = _object_spread_props(_object_spread({}, ComponentDefaults), {
     disabled: false,
@@ -18508,9 +18865,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       onChange
     }), 2), inputValue = _usePropsValue[0], setInputValue = _usePropsValue[1];
     React.useEffect(function() {
-      if (autoSize) {
-        setContentHeight();
-      }
+      if (autoSize) setContentHeight();
     }, [
       autoSize,
       defaultValue,
@@ -18531,34 +18886,30 @@ Please add \`${key2}Action\` when creating your handler.`);
       var value3 = compositionRef.current ? text2.value : format2(text2.value);
       setInputValue(value3);
     };
+    var isDisabled = function() {
+      return disabled || readOnly;
+    };
     var handleFocus = function(event) {
-      if (disabled) return;
-      if (readOnly) return;
-      onFocus && onFocus(event);
+      if (isDisabled()) return;
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
     };
     var handleBlur = function(event) {
-      if (disabled) return;
-      if (readOnly) return;
-      onBlur && onBlur(event);
+      if (isDisabled()) return;
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
+    var _obj;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
-      className: classNames(classPrefix2, disabled ? "".concat(classPrefix2, "-disabled") : "", readOnly ? "".concat(classPrefix2, "-readonly") : "", rtl ? "".concat(classPrefix2, "-rtl") : "", plain ? "".concat(classPrefix2, "-plain") : "".concat(classPrefix2, "-container"), status ? "".concat(classPrefix2, "-").concat(status) : "", className)
-    }, /* @__PURE__ */ React.createElement("textarea", _object_spread({
+      className: classNames(classPrefix2, (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-disabled"), disabled), _define_property(_obj, "".concat(classPrefix2, "-readonly"), readOnly), _define_property(_obj, "".concat(classPrefix2, "-rtl"), rtl), _define_property(_obj, "".concat(classPrefix2, "-plain"), plain), _define_property(_obj, "".concat(classPrefix2, "-container"), !plain), _define_property(_obj, "".concat(classPrefix2, "-").concat(status), status), _obj), className)
+    }, /* @__PURE__ */ React.createElement("textarea", _object_spread_props(_object_spread({}, rest), {
       ref: textareaRef,
-      className: "".concat(classPrefix2, "-textarea ").concat(disabled ? "".concat(classPrefix2, "-textarea-disabled") : ""),
+      className: classNames("".concat(classPrefix2, "-textarea"), _define_property({}, "".concat(classPrefix2, "-textarea-disabled"), disabled)),
       style,
       disabled,
       readOnly,
       value: inputValue,
-      onChange: function(e2) {
-        return handleChange(e2);
-      },
-      onBlur: function(e2) {
-        return handleBlur(e2);
-      },
-      onFocus: function(e2) {
-        return handleFocus(e2);
-      },
+      onChange: handleChange,
+      onBlur: handleBlur,
+      onFocus: handleFocus,
       onCompositionEnd: function() {
         compositionRef.current = false;
       },
@@ -18567,9 +18918,9 @@ Please add \`${key2}Action\` when creating your handler.`);
       },
       rows,
       maxLength: maxLength === -1 ? void 0 : maxLength,
-      placeholder: placeholder || locale.placeholder
-    }, rest)), showCount && /* @__PURE__ */ React.createElement("div", {
-      className: "".concat(classPrefix2, "-limit ").concat(disabled ? "".concat(classPrefix2, "-limit-disabled") : "")
+      placeholder: placeholder !== void 0 ? placeholder : locale.placeholder
+    })), showCount && /* @__PURE__ */ React.createElement("div", {
+      className: classNames("".concat(classPrefix2, "-limit"), _define_property({}, "".concat(classPrefix2, "-limit-disabled"), disabled))
     }, inputValue.length, "/", maxLength < 0 ? 0 : maxLength)));
   };
   TextArea.displayName = "NutTextArea";
@@ -38788,21 +39139,20 @@ Please add \`${key2}Action\` when creating your handler.`);
     var _obj;
     var classes = classNames((_obj = {
       "nut-ani-container": true
-    }, _define_property(_obj, "".concat(classPrefix$7, "-").concat(type2), action === "initial" || clicked ? type2 : false), _define_property(_obj, "loop", loop2), _obj));
-    var cls = classNames(classes, className);
+    }, _define_property(_obj, "".concat(classPrefix$7, "-").concat(type2), action === "initial" || clicked), _define_property(_obj, "loop", loop2), _obj), className);
     var handleClick2 = function(event) {
       setClicked(true);
       if (!loop2) {
         setTimeout(function() {
-          setClicked(false);
+          return setClicked(false);
         }, 1e3);
       }
-      onClick && onClick(event);
+      onClick(event);
     };
     return /* @__PURE__ */ React.createElement("div", {
       className: "nut-animate"
     }, /* @__PURE__ */ React.createElement("div", _object_spread({
-      className: cls,
+      className: classes,
       onClick: handleClick2
     }, rest), children));
   };
@@ -42749,6 +43099,7 @@ Please add \`${key2}Action\` when creating your handler.`);
   exports.Overlay = Overlay;
   exports.Pagination = Pagination;
   exports.Picker = Picker;
+  exports.PickerView = PickerView;
   exports.Popover = Popover;
   exports.Popup = Popup;
   exports.Price = Price;