@nutui/nutui-react 2.6.15 → 2.6.16

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.nutui = {}, global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.15 Fri Jul 26 2024 15:20:57 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.16 Sat Aug 03 2024 09:49:59 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -548,7 +548,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1t = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -584,7 +584,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1t,
+        ...defaultProps$1u,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -643,7 +643,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1s = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -652,7 +652,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1s,
+      ...defaultProps$1t,
       ...props
     };
     return /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React.createElement(
@@ -664,7 +664,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -689,7 +689,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick2 = (event) => {
@@ -1880,7 +1880,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -1910,7 +1910,7 @@
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1q, ...props };
+    } = { ...defaultProps$1r, ...props };
     const [innerLoading, setInnerLoading] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [complete, setComplete] = React.useState(false);
@@ -2772,7 +2772,7 @@
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2780,7 +2780,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2813,7 +2813,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -2821,7 +2821,7 @@
   const classPrefix$n = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -2842,7 +2842,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2868,7 +2868,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2927,7 +2927,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -2948,7 +2948,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -2984,14 +2984,14 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1l = {};
+  const defaultProps$1m = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1l, ...props });
+    ({ ...defaultProps$1m, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
   const classPrefix$m = "nut-row";
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3011,7 +3011,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -3045,12 +3045,12 @@
   };
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
-  const defaultProps$1j = {
+  const defaultProps$1k = {
     direction: "horizontal"
   };
   const Space = (props) => {
     const { className, style, children, wrap, align, direction, justify } = {
-      ...defaultProps$1j,
+      ...defaultProps$1k,
       ...props
     };
     const cls = classNames(
@@ -3118,7 +3118,7 @@
       stop2.current = true;
     };
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
@@ -3136,7 +3136,7 @@
       threshold,
       onChange,
       ...rest
-    } = { ...defaultProps$1i, ...props };
+    } = { ...defaultProps$1j, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
@@ -3257,7 +3257,7 @@
     );
   };
   SafeArea.displayName = "NutSafeArea";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     target: "",
     threshold: 200,
@@ -3276,7 +3276,7 @@
       style,
       onClick
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -8194,7 +8194,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -8220,7 +8220,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -8398,7 +8398,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -8426,7 +8426,7 @@
       content,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -8479,7 +8479,7 @@
     );
   };
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -8504,7 +8504,7 @@
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -8581,7 +8581,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -8634,7 +8634,7 @@
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1d, ...props };
+    } = { ...defaultProps$1e, ...props };
     const nodeRef = React.useRef(null);
     let innerIndex = zIndex || _zIndex;
     const [index, setIndex] = React.useState(innerIndex);
@@ -8790,7 +8790,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -8808,7 +8808,7 @@
       indent,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const innerIndent = indent ? Number(indent) : 20;
@@ -8858,13 +8858,13 @@
       title
     );
   };
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open, ...rest } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const offset = React.useContext(OffsetContext);
@@ -8941,7 +8941,7 @@
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -8966,7 +8966,7 @@
       color,
       fill
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -9020,7 +9020,7 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -9046,7 +9046,7 @@
       index,
       ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -9084,7 +9084,7 @@
       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))
     );
   };
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -9107,7 +9107,7 @@
       style,
       onSwitch
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -9149,14 +9149,14 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -9170,7 +9170,7 @@
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -9199,7 +9199,7 @@
       defaultValue: outerDefaultValue,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -9507,7 +9507,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -9552,7 +9552,7 @@
       onClose,
       onChange,
       onPathChange
-    } = { ...defaultProps$15, ...props };
+    } = { ...defaultProps$16, ...props };
     const [tabvalue, setTabvalue] = React.useState("c1");
     const [optionsData, setOptionsData] = React.useState([]);
     const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -9859,7 +9859,7 @@
   };
   const Cascader = React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -9886,7 +9886,7 @@
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type === "custom" && /* @__PURE__ */ React.createElement(
@@ -9911,7 +9911,7 @@
       }
     ));
   };
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -9930,7 +9930,7 @@
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$14, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -9959,7 +9959,7 @@
       );
     })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
   };
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -10001,7 +10001,7 @@
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$13,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -10339,7 +10339,7 @@
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -10400,7 +10400,7 @@
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -10939,7 +10939,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
   });
   CalendarItem.displayName = "NutCalendarItem";
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -11002,7 +11002,7 @@
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -11182,7 +11182,7 @@
       )
     ];
   };
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -11206,7 +11206,7 @@
       onDayClick,
       onPageChange,
       onChange
-    } = { ...defaultProps$$, ...props };
+    } = { ...defaultProps$10, ...props };
     const [month, setMonth] = React.useState(() => {
       let date = new Date(Date.now());
       const val = value || defaultValue;
@@ -11510,7 +11510,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     max: void 0,
     min: void 0,
     list: false,
@@ -11540,7 +11540,7 @@
         onChange,
         onLimit,
         ...rest
-      } = { ...defaultProps$_, ...props };
+      } = { ...defaultProps$$, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -11633,7 +11633,7 @@
     }
   );
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -11647,7 +11647,7 @@
   const classPrefix$h = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Z,
+      ...defaultProps$_,
       ...props
     };
     const {
@@ -12024,7 +12024,7 @@
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Y = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     title: "",
     options: [],
@@ -12054,7 +12054,7 @@
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Y, ...props };
+    } = { ...defaultProps$Z, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -12295,7 +12295,7 @@
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -12328,7 +12328,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig();
@@ -13839,7 +13839,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -13870,7 +13870,7 @@
         starPosition,
         form
       } = {
-        ...defaultProps$W,
+        ...defaultProps$X,
         ...props
       };
       let formInstance;
@@ -13926,7 +13926,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -14019,9 +14019,10 @@
           rules: rules2,
           className,
           style,
-          errorMessageAlign
+          errorMessageAlign,
+          align
         } = {
-          ...defaultProps$V,
+          ...defaultProps$W,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -14034,6 +14035,7 @@
           {
             className: `nut-form-item ${className}`,
             style,
+            align,
             onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
           },
           label ? /* @__PURE__ */ React.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
@@ -14087,7 +14089,7 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
   };
-  _FormItem.defaultProps = defaultProps$V;
+  _FormItem.defaultProps = defaultProps$W;
   _FormItem.contextType = Context;
   let FormItem = _FormItem;
   const InnerForm = Form;
@@ -14117,7 +14119,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$U = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -14163,7 +14165,7 @@
         onCompositionEnd,
         ...rest
       } = {
-        ...defaultProps$U,
+        ...defaultProps$V,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -14308,7 +14310,7 @@
     }
   );
   Input.displayName = "NutInput";
-  const defaultProps$T = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -14344,7 +14346,7 @@
       onChange,
       ...restProps
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     const classes = classNames(classPrefix$g, className, {
@@ -14435,6 +14437,17 @@
       if (text === "-") return null;
       return text;
     };
+    const clampValue = (valueStr) => {
+      if (valueStr === null) return defaultValue;
+      const val = Number(parseFloat(valueStr || "0").toFixed(digits));
+      return Math.max(Number(min), Math.min(Number(max), val));
+    };
+    const handleValueChange = (valueStr, e2) => {
+      const val = clampValue(valueStr);
+      if (val !== Number(shadowValue)) {
+        onChange == null ? void 0 : onChange(val, e2);
+      }
+    };
     const handleInputChange = (e2) => {
       setInputValue(e2.target.value);
       const valueStr = parseValue(e2.target.value);
@@ -14445,26 +14458,31 @@
           setShadowValue(defaultValue);
         }
       } else {
-        setShadowValue(valueStr);
-      }
-      if (!async) {
-        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
+        setShadowValue(clampValue(valueStr));
       }
+      !async && handleValueChange(valueStr, e2);
     };
     const handleFocus = (e2) => {
       setFocused(true);
       setInputValue(
         shadowValue !== void 0 && shadowValue !== null ? bound2(Number(shadowValue), Number(min), Number(max)).toString() : ""
       );
-      onFocus && onFocus(e2);
+      onFocus == null ? void 0 : onFocus(e2);
     };
     const handleBlur = (e2) => {
       setFocused(false);
-      onBlur && onBlur(e2);
-      if (async) {
-        const valueStr = parseValue(e2.target.value);
-        onChange == null ? void 0 : onChange(parseFloat(valueStr || "0").toFixed(digits), e2);
+      onBlur == null ? void 0 : onBlur(e2);
+      const valueStr = parseValue(e2.target.value);
+      if (valueStr === null) {
+        if (allowEmpty) {
+          setShadowValue(null);
+        } else {
+          setShadowValue(defaultValue);
+        }
+      } else {
+        setShadowValue(clampValue(valueStr));
       }
+      async && handleValueChange(valueStr, e2);
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React.createElement(
       e$6,
@@ -14544,8 +14562,9 @@
       };
     }, [target]);
   }
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
+    titleIcon: null,
     columns: 1,
     direction: "down",
     icon: null,
@@ -14575,7 +14594,7 @@
       parent,
       index
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -14744,7 +14763,7 @@
     ));
   });
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$R = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -14771,7 +14790,7 @@
       onOpen,
       ...rest
     } = {
-      ...defaultProps$R,
+      ...defaultProps$S,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -14836,7 +14855,15 @@
     const menuTitle = () => {
       return React.Children.map(children, (child, index) => {
         if (React.isValidElement(child)) {
-          const { title, options: options2, value, defaultValue, disabled, direction } = child.props;
+          const {
+            title,
+            titleIcon,
+            options: options2,
+            value,
+            defaultValue,
+            disabled,
+            direction
+          } = child.props;
           const selected = options2 == null ? void 0 : options2.filter(
             (option) => option.value === (value !== void 0 ? value : defaultValue)
           );
@@ -14847,6 +14874,25 @@
               return selected[0].text;
             return "";
           };
+          const finallyIcon = () => {
+            if (titleIcon) return titleIcon;
+            if (icon) return icon;
+            return direction === "up" ? /* @__PURE__ */ React.createElement(
+              l$2,
+              {
+                className: "nut-menu-title-icon",
+                width: "12px",
+                height: "12px"
+              }
+            ) : /* @__PURE__ */ React.createElement(
+              l$3,
+              {
+                className: "nut-menu-title-icon",
+                width: "12px",
+                height: "12px"
+              }
+            );
+          };
           return /* @__PURE__ */ React.createElement(
             "div",
             {
@@ -14863,21 +14909,7 @@
               }
             },
             /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React.createElement(
-              l$2,
-              {
-                className: "nut-menu-title-icon",
-                width: "12px",
-                height: "12px"
-              }
-            ) : /* @__PURE__ */ React.createElement(
-              l$3,
-              {
-                className: "nut-menu-title-icon",
-                width: "12px",
-                height: "12px"
-              }
-            ))
+            finallyIcon()
           );
         }
         return null;
@@ -14906,6 +14938,16 @@
   };
   Menu.displayName = "NutMenu";
   Menu.Item = MenuItem;
+  const defaultProps$R = {
+    ...ComponentDefaults,
+    visible: false,
+    rightActions: "",
+    type: "default",
+    custom: [],
+    random: false,
+    onClose: () => {
+    }
+  };
   const NumberKeyboard = (props) => {
     const { locale } = useConfig();
     const {
@@ -14923,7 +14965,7 @@
       onClose,
       onConfirm,
       ...rest
-    } = props;
+    } = { ...defaultProps$R, ...props };
     const classPrefix2 = "nut-numberkeyboard";
     const getBasicKeys = () => {
       const keys = new Array(9).fill(0).map((_, index) => {
@@ -14975,17 +15017,35 @@
       };
       const onTouchEnd = (item2) => {
         setActive(false);
-        if (item2.type === "num" || item2.type === "custom") {
-          onChange && onChange(item2.id);
-        }
-        if (item2.type === "close") {
-          onClose && onClose();
-        }
-        if (item2.type === "delete") {
-          onDelete && onDelete();
+        switch (item2.type) {
+          case "num":
+          case "custom":
+            onChange == null ? void 0 : onChange(item2.id);
+            break;
+          case "close":
+            onClose == null ? void 0 : onClose();
+            break;
+          case "delete":
+            onDelete == null ? void 0 : onDelete();
+            break;
+          case "confirm":
+            onConfirm == null ? void 0 : onConfirm();
+            break;
         }
-        if (item2.type === "confirm") {
-          onConfirm && onConfirm();
+      };
+      const renderContent = (item2) => {
+        switch (item2.type) {
+          case "num":
+          case "custom":
+            return /* @__PURE__ */ React.createElement("div", null, item2.id);
+          case "delete":
+            return /* @__PURE__ */ React.createElement(DeleteIcon, null);
+          case "close":
+            return /* @__PURE__ */ React.createElement(l$3, { width: 18, height: 18 });
+          case "confirm":
+            return /* @__PURE__ */ React.createElement(React.Fragment, null, confirmText || locale.done);
+          default:
+            return null;
         }
       };
       return /* @__PURE__ */ React.createElement("div", { key: item.id, className: `${classPrefix2}-body-wrapper` }, /* @__PURE__ */ React.createElement(
@@ -15002,22 +15062,19 @@
           onTouchEnd: () => onTouchEnd(item),
           onTouchCancel: () => onTouchEnd(item)
         },
-        (item.type === "num" || item.type === "custom") && /* @__PURE__ */ React.createElement("div", null, item.id),
-        item.type === "delete" && /* @__PURE__ */ React.createElement(DeleteIcon, null),
-        item.type === "close" && /* @__PURE__ */ React.createElement(l$3, { width: 18, height: 18 }),
-        item.type === "confirm" && /* @__PURE__ */ React.createElement(React.Fragment, null, confirmText || locale.done)
+        renderContent(item)
       ));
     };
     return /* @__PURE__ */ React.createElement(
       Popup,
       {
+        ...rest,
         visible,
         position: "bottom",
         onOverlayClick: onClose,
         onCloseIconClick: onClose,
         zIndex: 9999,
-        overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" },
-        ...rest
+        overlayStyle: { backgroundColor: "rgba(0, 0, 0, 0)" }
       },
       /* @__PURE__ */ React.createElement("div", { className: classNames(classPrefix2, className), style }, title && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-header-title` }, title), type === "default" && /* @__PURE__ */ React.createElement(
         "span",