@nutui/nutui-react-taro 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("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.15 Fri Jul 26 2024 15:18:34 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.16 Sat Aug 03 2024 09:52:17 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -212,7 +212,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1u = {
+  const defaultProps$1v = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -247,7 +247,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1u,
+        ...defaultProps$1v,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -314,7 +314,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1t = {
+  const defaultProps$1u = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -323,7 +323,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1t,
+      ...defaultProps$1u,
       ...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(
@@ -335,7 +335,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1s = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -360,7 +360,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1t,
       ...props
     };
     const handleClick = (event) => {
@@ -1535,7 +1535,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     src: "",
     error: true,
     loading: true
@@ -1554,7 +1554,7 @@
       onLoad,
       onError,
       ...rest
-    } = { ...defaultProps$1r, ...props };
+    } = { ...defaultProps$1s, ...props };
     const [innerLoading, setInnerLoading] = React.useState(true);
     const [isError, setIsError] = React.useState(false);
     const handleLoad = (e2) => {
@@ -3573,7 +3573,7 @@
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1q = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -3581,7 +3581,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1q,
+      ...defaultProps$1r,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -3614,7 +3614,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -3622,7 +3622,7 @@
   const classPrefix$o = `nut-divider`;
   const Divider = (props) => {
     const { children, contentPosition, style, className, direction, ...rest } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const classes = direction === "horizontal" ? classNames({
@@ -3643,7 +3643,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     text: "",
     columns: 4,
     gap: 0,
@@ -3669,7 +3669,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1p,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -3728,7 +3728,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3749,7 +3749,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1n, ...props };
+    } = { ...defaultProps$1o, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3785,14 +3785,14 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1m = {};
+  const defaultProps$1n = {};
   const Layout = (props) => {
-    ({ ...defaultProps$1m, ...props });
+    ({ ...defaultProps$1n, ...props });
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
   const classPrefix$n = "nut-row";
-  const defaultProps$1l = {
+  const defaultProps$1m = {
     ...ComponentDefaults,
     type: "",
     justify: "start",
@@ -3812,7 +3812,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1l,
+      ...defaultProps$1m,
       ...props
     };
     const getClass = (prefix, type22) => {
@@ -3846,12 +3846,12 @@
   };
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
-  const defaultProps$1k = {
+  const defaultProps$1l = {
     direction: "horizontal"
   };
   const Space = (props) => {
     const { className, style, children, wrap, align, direction, justify } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const cls = classNames(
@@ -3943,7 +3943,7 @@
     }
     return Promise.resolve(makeRect(0, 0));
   };
-  const defaultProps$1j = {
+  const defaultProps$1k = {
     ...ComponentDefaults,
     position: "top",
     zIndex: 900
@@ -3960,7 +3960,7 @@
       className,
       onChange,
       ...rest
-    } = { ...defaultProps$1j, ...props };
+    } = { ...defaultProps$1k, ...props };
     const stickyRef = React.useRef(null);
     const rootRef = React.useRef(null);
     const [rootRect, setRootRect] = React.useState({});
@@ -4076,7 +4076,7 @@
     );
   };
   SafeArea.displayName = "NutSafeArea";
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     threshold: 200,
     zIndex: 900,
@@ -4085,7 +4085,7 @@
   const BackTop = (props) => {
     const rtl = useRtl();
     const { children, threshold, zIndex, className, duration, style, onClick } = {
-      ...defaultProps$1i,
+      ...defaultProps$1j,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -4129,7 +4129,7 @@
   };
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -4156,7 +4156,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -4371,7 +4371,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -4399,7 +4399,7 @@
       content,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -4452,7 +4452,7 @@
     );
   };
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -4477,7 +4477,7 @@
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -4556,7 +4556,7 @@
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
   NavBar.displayName = "NutNavBar";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     position: "center",
     transition: "",
@@ -4609,7 +4609,7 @@
       afterShow,
       afterClose,
       onClick
-    } = { ...defaultProps$1e, ...props };
+    } = { ...defaultProps$1f, ...props };
     let innerIndex = zIndex || _zIndex;
     const [index, setIndex] = React.useState(innerIndex);
     const [innerVisible, setInnerVisible] = React.useState(visible);
@@ -4751,7 +4751,7 @@
   };
   Popup.displayName = "NutPopup";
   const OffsetContext = React.createContext(20);
-  const defaultProps$1d = {
+  const defaultProps$1e = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -4769,7 +4769,7 @@
       indent,
       ...rest
     } = {
-      ...defaultProps$1d,
+      ...defaultProps$1e,
       ...props
     };
     const innerIndent = indent ? Number(indent) : 20;
@@ -4827,13 +4827,13 @@
       title
     );
   };
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     open: true
   };
   const SubSideNavBar = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
     const { title, value, children, onClick, open: open2, ...rest } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const [subShow, setSubShow] = React.useState(open2);
@@ -4911,7 +4911,7 @@
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1b = {
+  const defaultProps$1c = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -4936,7 +4936,7 @@
       color,
       fill
     } = {
-      ...defaultProps$1b,
+      ...defaultProps$1c,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -4990,7 +4990,7 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -5016,7 +5016,7 @@
       index,
       ...rest
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const active = index === (ctx == null ? void 0 : ctx.selectIndex);
@@ -5054,7 +5054,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$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     defaultValue: 0,
     fixed: false,
@@ -5077,7 +5077,7 @@
       style,
       onSwitch
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -5119,14 +5119,14 @@
   };
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
-  const defaultProps$18 = {
+  const defaultProps$19 = {
     title: "",
     value: "",
     disabled: false
   };
   const TabPane = (props) => {
     const { children, autoHeightClassName, className, disabled } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabpane";
@@ -5167,7 +5167,7 @@
     const idRef = React.useRef(uniqueId());
     return idRef.current;
   }
-  const defaultProps$17 = {
+  const defaultProps$18 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -5197,7 +5197,7 @@
       defaultValue: outerDefaultValue,
       ...rest
     } = {
-      ...defaultProps$17,
+      ...defaultProps$18,
       ...props
     };
     const uuid = useUuid();
@@ -5420,7 +5420,7 @@
   };
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -5439,7 +5439,7 @@
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$16, ...props };
+    } = { ...defaultProps$17, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -5601,7 +5601,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -5646,7 +5646,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);
@@ -5954,7 +5954,7 @@
   };
   const Cascader = React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -5981,7 +5981,7 @@
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type2 === "custom" && /* @__PURE__ */ React.createElement(
@@ -6006,7 +6006,7 @@
       }
     ));
   };
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     ...ComponentDefaults,
     defaultValue: [],
     type: "custom",
@@ -6048,7 +6048,7 @@
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$13,
+      ...defaultProps$14,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -6386,7 +6386,7 @@
   const isStartAndEnd = (days) => {
     return days.length >= 2 && Utils.isEqual(days[0], days[1]);
   };
-  const defaultProps$12 = {
+  const defaultProps$13 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -6447,7 +6447,7 @@
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$12, ...props };
+    } = { ...defaultProps$13, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -6997,7 +6997,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$11 = {
+  const defaultProps$12 = {
     ...ComponentDefaults,
     type: "single",
     autoBackfill: false,
@@ -7060,7 +7060,7 @@
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const calendarRef = React.useRef(null);
     const close2 = () => {
       onClose && onClose();
@@ -7209,7 +7209,7 @@
       )
     ];
   };
-  const defaultProps$10 = {
+  const defaultProps$11 = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -7233,7 +7233,7 @@
       onDayClick,
       onPageChange,
       onChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const [month, setMonth] = React.useState(() => {
       let date2 = new Date(Date.now());
       const val = value || defaultValue;
@@ -7537,7 +7537,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     max: void 0,
     min: void 0,
     list: false,
@@ -7567,7 +7567,7 @@
         onChange,
         onLimit,
         ...rest
-      } = { ...defaultProps$$, ...props };
+      } = { ...defaultProps$10, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -7660,7 +7660,7 @@
     }
   );
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -7674,7 +7674,7 @@
   const classPrefix$i = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$_,
+      ...defaultProps$$,
       ...props
     };
     const {
@@ -8055,7 +8055,7 @@
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -8086,7 +8086,7 @@
       afterClose,
       onChange,
       ...rest
-    } = { ...defaultProps$Z, ...props };
+    } = { ...defaultProps$_, ...props };
     const classPrefix2 = "nut-picker";
     const classes = classNames(classPrefix2, className);
     const [selectedValue, setSelectedValue] = usePropsValue({
@@ -8398,7 +8398,7 @@
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$Y = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -8431,7 +8431,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$Y,
+      ...defaultProps$Z,
       ...props
     };
     const { locale } = useConfig$1();
@@ -9956,7 +9956,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -9987,7 +9987,7 @@
         starPosition,
         form
       } = {
-        ...defaultProps$X,
+        ...defaultProps$Y,
         ...props
       };
       let formInstance;
@@ -10043,7 +10043,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -10137,9 +10137,10 @@
           rules: rules2,
           className,
           style,
+          align,
           errorMessageAlign
         } = {
-          ...defaultProps$W,
+          ...defaultProps$X,
           ...this.props
         };
         const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -10152,6 +10153,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,
@@ -10208,7 +10210,7 @@
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
     }
   };
-  _FormItem.defaultProps = defaultProps$W;
+  _FormItem.defaultProps = defaultProps$X;
   _FormItem.contextType = Context;
   let FormItem = _FormItem;
   const InnerForm = Form;
@@ -10238,7 +10240,7 @@
     const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
     return value.replace(regExp, "");
   }
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     type: "text",
     name: "",
@@ -10283,7 +10285,7 @@
         value: _value,
         ...rest
       } = {
-        ...defaultProps$V,
+        ...defaultProps$W,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -10434,7 +10436,7 @@
     }
   );
   Input.displayName = "NutInput";
-  const defaultProps$U = {
+  const defaultProps$V = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -10472,7 +10474,7 @@
       onChange,
       ...restProps
     } = {
-      ...defaultProps$U,
+      ...defaultProps$V,
       ...props
     };
     const classes = classNames(classPrefix$h, className, {
@@ -10563,6 +10565,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);
@@ -10573,26 +10586,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(
       a$1,
@@ -10625,8 +10643,9 @@
     )));
   };
   InputNumber.displayName = "NutInputNumber";
-  const defaultProps$T = {
+  const defaultProps$U = {
     ...ComponentDefaults,
+    titleIcon: null,
     columns: 1,
     direction: "down",
     icon: null,
@@ -10656,7 +10675,7 @@
       parent,
       index
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -10837,7 +10856,7 @@
     ));
   });
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -10864,7 +10883,7 @@
       onOpen,
       ...rest
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -10929,7 +10948,15 @@
     const menuTitle = () => {
       return React.Children.map(children, (child, index) => {
         if (React.isValidElement(child)) {
-          const { title, options, value, defaultValue, disabled, direction } = child.props;
+          const {
+            title,
+            titleIcon,
+            options,
+            value,
+            defaultValue,
+            disabled,
+            direction
+          } = child.props;
           const selected = options == null ? void 0 : options.filter(
             (option) => option.value === (value !== void 0 ? value : defaultValue)
           );
@@ -10940,6 +10967,25 @@
               return selected[0].text;
             return "";
           };
+          const finallyIcon = () => {
+            if (titleIcon) return titleIcon;
+            if (icon) return icon;
+            return direction === "up" ? /* @__PURE__ */ React.createElement(
+              a$2,
+              {
+                className: "nut-menu-title-icon",
+                width: "12px",
+                height: "12px"
+              }
+            ) : /* @__PURE__ */ React.createElement(
+              g$6,
+              {
+                className: "nut-menu-title-icon",
+                width: "12px",
+                height: "12px"
+              }
+            );
+          };
           return /* @__PURE__ */ React.createElement(
             "div",
             {
@@ -10955,7 +11001,7 @@
               }
             },
             /* @__PURE__ */ React.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-            icon || (direction === "up" ? /* @__PURE__ */ React.createElement(a$2, { className: "nut-menu-title-icon", size: "12px" }) : /* @__PURE__ */ React.createElement(g$6, { className: "nut-menu-title-icon", size: "12px" }))
+            finallyIcon()
           );
         }
         return null;
@@ -10984,6 +11030,16 @@
   };
   Menu.displayName = "NutMenu";
   Menu.Item = MenuItem;
+  const defaultProps$S = {
+    ...ComponentDefaults,
+    visible: false,
+    rightActions: "",
+    type: "default",
+    custom: [],
+    random: false,
+    onClose: () => {
+    }
+  };
   const NumberKeyboard = (props) => {
     const { locale } = useConfig$1();
     const {
@@ -11001,7 +11057,7 @@
       onClose,
       onConfirm,
       ...rest
-    } = props;
+    } = { ...defaultProps$S, ...props };
     const classPrefix2 = "nut-numberkeyboard";
     const getBasicKeys = () => {
       const keys = new Array(9).fill(0).map((_, index) => {
@@ -11047,17 +11103,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(g$6, { size: 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(
@@ -11074,22 +11148,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(g$6, { size: 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), type2 === "default" && /* @__PURE__ */ React.createElement(
         "span",
@@ -12476,10 +12547,12 @@
     uploadTaro(uploadFile, env) {
       var _a;
       const options = this.options;
+      if (options.beforeXhrUpload) {
+        options.beforeXhrUpload(uploadFile, options);
+        return;
+      }
       if (env === "WEB") {
         this.upload();
-      } else if (options.beforeXhrUpload) {
-        options.beforeXhrUpload(uploadFile, options);
       } else {
         const uploadTask = uploadFile({
           url: options.url,