@nutui/nutui-react 2.6.15 → 2.6.17

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.17 Fri Aug 30 2024 14:11:24 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,13 +664,14 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1r = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: null,
     description: null,
     extra: null,
     radius: "6px",
     align: "flex-start",
+    clickable: false,
     onClick: (event) => {
     }
   };
@@ -679,6 +680,7 @@
     const ctx2 = React.useContext(CellGroupContext);
     const {
       children,
+      clickable,
       onClick,
       title,
       description,
@@ -689,7 +691,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1r,
+      ...defaultProps$1s,
       ...props
     };
     const handleClick2 = (event) => {
@@ -706,7 +708,7 @@
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$q, className),
+        className: `${classNames(classPrefix$q, className, clickable ? `${classPrefix$q}-clickable` : "")}`,
         onClick: (event) => handleClick2(event),
         style: baseStyle,
         ...rest
@@ -1880,7 +1882,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 +1912,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);
@@ -2066,7 +2068,7 @@
     if (null == r) return {};
     var t2 = {};
     for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-      if (e2.indexOf(n2) >= 0) continue;
+      if (e2.includes(n2)) continue;
       t2[n2] = r[n2];
     }
     return t2;
@@ -2772,7 +2774,7 @@
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1p = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2780,7 +2782,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1p,
+      ...defaultProps$1q,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2813,7 +2815,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1o = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -2821,7 +2823,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 +2844,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1n = {
+  const defaultProps$1o = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2868,7 +2870,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1n,
+      ...defaultProps$1o,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2927,7 +2929,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1m = {
+  const defaultProps$1n = {
     columns: 4,
     gap: 0,
     center: true,
@@ -2948,7 +2950,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1m, ...props };
+    } = { ...defaultProps$1n, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -2984,14 +2986,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 +3013,7 @@
       gutter,
       onClick
     } = {
-      ...defaultProps$1k,
+      ...defaultProps$1l,
       ...props
     };
     const getClass = (prefix2, type22) => {
@@ -3045,12 +3047,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 +3120,7 @@
       stop2.current = true;
     };
   }
-  const defaultProps$1i = {
+  const defaultProps$1j = {
     ...ComponentDefaults,
     position: "top",
     threshold: 0,
@@ -3136,7 +3138,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 +3259,7 @@
     );
   };
   SafeArea.displayName = "NutSafeArea";
-  const defaultProps$1h = {
+  const defaultProps$1i = {
     ...ComponentDefaults,
     target: "",
     threshold: 200,
@@ -3276,7 +3278,7 @@
       style,
       onClick
     } = {
-      ...defaultProps$1h,
+      ...defaultProps$1i,
       ...props
     };
     const classPrefix2 = "nut-backtop";
@@ -8194,7 +8196,7 @@
   });
   const animated = host.animated;
   const elevatorContext = React.createContext({});
-  const defaultProps$1g = {
+  const defaultProps$1h = {
     ...ComponentDefaults,
     height: "200px",
     floorKey: "title",
@@ -8220,7 +8222,7 @@
       children,
       ...rest
     } = {
-      ...defaultProps$1g,
+      ...defaultProps$1h,
       ...props
     };
     const classPrefix2 = "nut-elevator";
@@ -8398,7 +8400,7 @@
   };
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
-  const defaultProps$1f = {
+  const defaultProps$1g = {
     ...ComponentDefaults,
     activeText: "",
     inactiveText: "",
@@ -8426,7 +8428,7 @@
       content,
       ...rest
     } = {
-      ...defaultProps$1f,
+      ...defaultProps$1g,
       ...props
     };
     const classPrefix2 = "nut-fixednav";
@@ -8479,7 +8481,7 @@
     );
   };
   FixedNav.displayName = "NutFixedNav";
-  const defaultProps$1e = {
+  const defaultProps$1f = {
     ...ComponentDefaults,
     left: "",
     right: "",
@@ -8504,7 +8506,7 @@
       zIndex,
       onBackClick
     } = {
-      ...defaultProps$1e,
+      ...defaultProps$1f,
       ...props
     };
     const classPrefix2 = "nut-navbar";
@@ -8581,7 +8583,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 +8636,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 +8792,7 @@
     }
   };
   const OffsetContext = React.createContext(20);
-  const defaultProps$1c = {
+  const defaultProps$1d = {
     ...ComponentDefaults,
     position: "left",
     width: "80%"
@@ -8808,7 +8810,7 @@
       indent,
       ...rest
     } = {
-      ...defaultProps$1c,
+      ...defaultProps$1d,
       ...props
     };
     const innerIndent = indent ? Number(indent) : 20;
@@ -8858,13 +8860,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 +8943,7 @@
     );
     return [stateRef.current, setState];
   }
-  const defaultProps$1a = {
+  const defaultProps$1b = {
     ...ComponentDefaults,
     value: "",
     dot: false,
@@ -8966,7 +8968,7 @@
       color,
       fill
     } = {
-      ...defaultProps$1a,
+      ...defaultProps$1b,
       ...props
     };
     const classPrefix2 = "nut-badge";
@@ -9020,7 +9022,7 @@
   };
   Badge.displayName = "NutBadge";
   const TabbarContext = React.createContext(null);
-  const defaultProps$19 = {
+  const defaultProps$1a = {
     ...ComponentDefaults,
     title: "",
     icon: null,
@@ -9046,7 +9048,7 @@
       index,
       ...rest
     } = {
-      ...defaultProps$19,
+      ...defaultProps$1a,
       ...props
     };
     const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -9084,7 +9086,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 +9109,7 @@
       style,
       onSwitch
     } = {
-      ...defaultProps$18,
+      ...defaultProps$19,
       ...props
     };
     const classPrefix2 = "nut-tabbar";
@@ -9149,14 +9151,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 +9172,7 @@
     );
     return children ? /* @__PURE__ */ React.createElement("div", { className: classes }, !disabled && children) : null;
   };
-  const defaultProps$16 = {
+  const defaultProps$17 = {
     ...ComponentDefaults,
     tabStyle: {},
     activeColor: "",
@@ -9199,7 +9201,7 @@
       defaultValue: outerDefaultValue,
       ...rest
     } = {
-      ...defaultProps$16,
+      ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -9507,7 +9509,7 @@
       return pathNodes;
     }
   }
-  const defaultProps$15 = {
+  const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
     activeIcon: "checklist",
@@ -9552,7 +9554,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 +9861,7 @@
   };
   const Cascader = React.forwardRef(InternalCascader);
   Cascader.displayName = "NutCascader";
-  const defaultProps$14 = {
+  const defaultProps$15 = {
     ...ComponentDefaults,
     visible: false,
     type: "custom",
@@ -9886,7 +9888,7 @@
       onPathChange,
       ...rest
     } = {
-      ...defaultProps$14,
+      ...defaultProps$15,
       ...props
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, type === "custom" && /* @__PURE__ */ React.createElement(
@@ -9911,7 +9913,7 @@
       }
     ));
   };
-  const defaultProps$13 = {
+  const defaultProps$14 = {
     type: "custom",
     existList: [],
     defaultIcon: null,
@@ -9930,7 +9932,7 @@
       onSelect,
       onSwitch,
       ...rest
-    } = { ...defaultProps$13, ...props };
+    } = { ...defaultProps$14, ...props };
     const classPrefix2 = "nut-address";
     const selectedExist = (item) => {
       existList.forEach((list, index) => {
@@ -9959,7 +9961,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 +10003,7 @@
       onSwitch,
       ...rest
     } = {
-      ...defaultProps$12,
+      ...defaultProps$13,
       ...props
     };
     const classPrefix2 = "nut-address";
@@ -10339,7 +10341,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 +10402,7 @@
       onUpdate,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$11, ...props };
+    } = { ...defaultProps$12, ...props };
     const weekdays = locale.calendaritem.weekdays;
     const weeks = [
       ...weekdays.slice(firstDayOfWeek, 7),
@@ -10939,7 +10941,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 +11004,7 @@
       onConfirm,
       onDayClick,
       onPageChange
-    } = { ...defaultProps$10, ...props };
+    } = { ...defaultProps$11, ...props };
     const calendarRef = React.useRef(null);
     const close = () => {
       onClose && onClose();
@@ -11182,7 +11184,7 @@
       )
     ];
   };
-  const defaultProps$$ = {
+  const defaultProps$10 = {
     ...ComponentDefaults,
     type: "single",
     firstDayOfWeek: 0
@@ -11206,7 +11208,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 +11512,7 @@
   });
   CalendarCard.displayName = "NutCalendarCard";
   const CheckboxGroupContext = React.createContext(null);
-  const defaultProps$_ = {
+  const defaultProps$$ = {
     max: void 0,
     min: void 0,
     list: false,
@@ -11540,7 +11542,7 @@
         onChange,
         onLimit,
         ...rest
-      } = { ...defaultProps$_, ...props };
+      } = { ...defaultProps$$, ...props };
       React.useImperativeHandle(ref, () => ({
         toggle(state) {
           if (state === false) {
@@ -11633,7 +11635,7 @@
     }
   );
   CheckboxGroup.displayName = "NutCheckboxGroup";
-  const defaultProps$Z = {
+  const defaultProps$_ = {
     ...ComponentDefaults,
     disabled: false,
     shape: "round",
@@ -11647,7 +11649,7 @@
   const classPrefix$h = "nut-checkbox";
   const Checkbox = (props) => {
     const { children } = {
-      ...defaultProps$Z,
+      ...defaultProps$_,
       ...props
     };
     const {
@@ -12024,7 +12026,7 @@
     }, []);
     return [refs.current, setRefs, reset];
   }
-  const defaultProps$Y = {
+  const defaultProps$Z = {
     ...ComponentDefaults,
     title: "",
     options: [],
@@ -12054,7 +12056,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 +12297,7 @@
     return str;
   };
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-  const defaultProps$X = {
+  const defaultProps$Y = {
     ...ComponentDefaults,
     visible: false,
     title: "",
@@ -12328,7 +12330,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$X,
+      ...defaultProps$Y,
       ...props
     };
     const { locale } = useConfig();
@@ -13839,7 +13841,7 @@
     }
     return [formRef.current];
   };
-  const defaultProps$W = {
+  const defaultProps$X = {
     ...ComponentDefaults,
     labelPosition: "right",
     starPosition: "left",
@@ -13870,7 +13872,7 @@
         starPosition,
         form
       } = {
-        ...defaultProps$W,
+        ...defaultProps$X,
         ...props
       };
       let formInstance;
@@ -13926,7 +13928,7 @@
       }
     ).$$typeof === component.type.$$typeof;
   }
-  const defaultProps$V = {
+  const defaultProps$W = {
     ...ComponentDefaults,
     required: false,
     name: "",
@@ -14019,9 +14021,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 +14037,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 +14091,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 +14121,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 +14167,7 @@
         onCompositionEnd,
         ...rest
       } = {
-        ...defaultProps$U,
+        ...defaultProps$V,
         ...props
       };
       const [value, setValue] = usePropsValue({
@@ -14308,7 +14312,7 @@
     }
   );
   Input.displayName = "NutInput";
-  const defaultProps$T = {
+  const defaultProps$U = {
     ...ComponentDefaults,
     disabled: false,
     readOnly: false,
@@ -14344,7 +14348,7 @@
       onChange,
       ...restProps
     } = {
-      ...defaultProps$T,
+      ...defaultProps$U,
       ...props
     };
     const classes = classNames(classPrefix$g, className, {
@@ -14435,6 +14439,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 +14460,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 +14564,9 @@
       };
     }, [target]);
   }
-  const defaultProps$S = {
+  const defaultProps$T = {
     ...ComponentDefaults,
+    titleIcon: null,
     columns: 1,
     direction: "down",
     icon: null,
@@ -14575,7 +14596,7 @@
       parent,
       index
     } = {
-      ...defaultProps$S,
+      ...defaultProps$T,
       ...props
     };
     const [showPopup, setShowPopup] = React.useState(show2);
@@ -14744,7 +14765,7 @@
     ));
   });
   MenuItem.displayName = "NutMenuItem";
-  const defaultProps$R = {
+  const defaultProps$S = {
     ...ComponentDefaults,
     activeColor: "",
     closeOnOverlayClick: true,
@@ -14771,7 +14792,7 @@
       onOpen,
       ...rest
     } = {
-      ...defaultProps$R,
+      ...defaultProps$S,
       ...props
     };
     const menuRef = React.useRef(null);
@@ -14836,7 +14857,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 +14876,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 +14911,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 +14940,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 +14967,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 +15019,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 +15064,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",
@@ -16546,7 +16605,7 @@
           }
         ),
         previewType === "picture" && !children && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React.createElement(React.Fragment, null, item.url && /* @__PURE__ */ React.createElement(
-          "img",
+          Image$1,
           {
             className: "nut-uploader-preview-img-c",
             style: { objectFit: "fill" },
@@ -16555,7 +16614,7 @@
             onClick: () => handleItemClick(item, index)
           }
         )) : /* @__PURE__ */ React.createElement(React.Fragment, null, previewUrl ? /* @__PURE__ */ React.createElement(
-          "img",
+          Image$1,
           {
             className: "nut-uploader-preview-img-c",
             src: previewUrl,
@@ -16861,15 +16920,14 @@
       });
     };
     const fileChange = (event) => {
-      if (disabled) {
-        return;
-      }
+      if (disabled) return;
       const $el = event.target;
       const { files } = $el;
       if (beforeUpload) {
         beforeUpload(new Array().slice.call(files)).then(
           (f) => {
             const _files = filterFiles(new Array().slice.call(f));
+            if (!_files.length) $el.value = "";
             readFile(_files);
           }
         );
@@ -21162,27 +21220,31 @@
             defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
             indicator
           },
-          (videos && videos.length > 0 ? videos.map((item, index) => {
-            return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
-              Video,
-              {
-                source: item.source,
-                options: item.options,
-                onClick: closeOnImg
-              }
-            ));
-          }) : []).concat(
-            images && images.length > 0 ? images.map((item, index) => {
+          (videos ?? []).map(
+            (item) => ({ type: "video", data: item })
+          ).concat(
+            (images ?? []).map((item) => ({ type: "image", data: item }))
+          ).sort((a2, b) => {
+            var _a, _b;
+            return (((_a = a2.data) == null ? void 0 : _a.index) ?? 0) - (((_b = b.data) == null ? void 0 : _b.index) ?? 0);
+          }).map((item, index) => {
+            if (item.type === "video") {
+              const { source, options: options2 } = item.data;
               return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(
-                Image$1,
+                Video,
                 {
-                  src: item.src,
-                  draggable: false,
+                  source,
+                  options: options2,
                   onClick: closeOnImg
                 }
               ));
-            }) : []
-          )
+            }
+            if (item.type === "image") {
+              const { src } = item.data;
+              return /* @__PURE__ */ React.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React.createElement(Image$1, { src, draggable: false, onClick: closeOnImg }));
+            }
+            return null;
+          })
         ) : null
       ),
       pagination ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,