@nutui/nutui-react 2.6.15 → 2.6.17

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @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.
 */
@@ -530,7 +530,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1t = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -566,7 +566,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1t,
+      ...defaultProps$1u,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -625,7 +625,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1s = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -634,7 +634,7 @@ const defaultProps$1s = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1s,
+    ...defaultProps$1t,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement("div", { className: classNames(classPrefix$r, className), ...rest }, title ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-title` }, title) : null, description ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$r}-description` }, description) : null, /* @__PURE__ */ React__default.createElement(
@@ -646,13 +646,14 @@ const CellGroup = (props) => {
   ));
 };
 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) => {
   }
 };
@@ -661,6 +662,7 @@ const Cell = (props) => {
   const ctx2 = useContext(CellGroupContext);
   const {
     children,
+    clickable,
     onClick,
     title,
     description,
@@ -671,7 +673,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1r,
+    ...defaultProps$1s,
     ...props
   };
   const handleClick2 = (event) => {
@@ -688,7 +690,7 @@ const Cell = (props) => {
   return /* @__PURE__ */ React__default.createElement(
     "div",
     {
-      className: classNames(classPrefix$q, className),
+      className: `${classNames(classPrefix$q, className, clickable ? `${classPrefix$q}-clickable` : "")}`,
       onClick: (event) => handleClick2(event),
       style: baseStyle,
       ...rest
@@ -1862,7 +1864,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1q = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -1892,7 +1894,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1q, ...props };
+  } = { ...defaultProps$1r, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -2048,7 +2050,7 @@ function _objectWithoutPropertiesLoose$3(r, e2) {
   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;
@@ -2754,7 +2756,7 @@ const Overlay = (props) => {
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1p = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -2762,7 +2764,7 @@ const defaultProps$1p = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1p,
+    ...defaultProps$1q,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -2795,7 +2797,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1o = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -2803,7 +2805,7 @@ const defaultProps$1o = {
 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({
@@ -2824,7 +2826,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1n = {
+const defaultProps$1o = {
   text: "",
   columns: 4,
   gap: 0,
@@ -2850,7 +2852,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1n,
+    ...defaultProps$1o,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -2909,7 +2911,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1m = {
+const defaultProps$1n = {
   columns: 4,
   gap: 0,
   center: true,
@@ -2930,7 +2932,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1m, ...props };
+  } = { ...defaultProps$1n, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -2966,14 +2968,14 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1l = {};
+const defaultProps$1m = {};
 const Layout = (props) => {
-  ({ ...defaultProps$1l, ...props });
+  ({ ...defaultProps$1m, ...props });
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
 const classPrefix$m = "nut-row";
-const defaultProps$1k = {
+const defaultProps$1l = {
   ...ComponentDefaults,
   type: "",
   justify: "start",
@@ -2993,7 +2995,7 @@ const Row = (props) => {
     gutter,
     onClick
   } = {
-    ...defaultProps$1k,
+    ...defaultProps$1l,
     ...props
   };
   const getClass = (prefix2, type22) => {
@@ -3027,12 +3029,12 @@ const Row = (props) => {
 };
 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(
@@ -3100,7 +3102,7 @@ function useWatch(dep, callback, config2 = { immediate: false }) {
     stop2.current = true;
   };
 }
-const defaultProps$1i = {
+const defaultProps$1j = {
   ...ComponentDefaults,
   position: "top",
   threshold: 0,
@@ -3118,7 +3120,7 @@ const Sticky = (props) => {
     threshold,
     onChange,
     ...rest
-  } = { ...defaultProps$1i, ...props };
+  } = { ...defaultProps$1j, ...props };
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [isFixed, setIsFixed] = useState(false);
@@ -3239,7 +3241,7 @@ const SafeArea = (props) => {
   );
 };
 SafeArea.displayName = "NutSafeArea";
-const defaultProps$1h = {
+const defaultProps$1i = {
   ...ComponentDefaults,
   target: "",
   threshold: 200,
@@ -3258,7 +3260,7 @@ const BackTop = (props) => {
     style,
     onClick
   } = {
-    ...defaultProps$1h,
+    ...defaultProps$1i,
     ...props
   };
   const classPrefix2 = "nut-backtop";
@@ -8176,7 +8178,7 @@ const host = createHost(primitives, {
 });
 const animated = host.animated;
 const elevatorContext = createContext({});
-const defaultProps$1g = {
+const defaultProps$1h = {
   ...ComponentDefaults,
   height: "200px",
   floorKey: "title",
@@ -8202,7 +8204,7 @@ const Elevator = (props) => {
     children,
     ...rest
   } = {
-    ...defaultProps$1g,
+    ...defaultProps$1h,
     ...props
   };
   const classPrefix2 = "nut-elevator";
@@ -8380,7 +8382,7 @@ const Elevator = (props) => {
 };
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
-const defaultProps$1f = {
+const defaultProps$1g = {
   ...ComponentDefaults,
   activeText: "",
   inactiveText: "",
@@ -8408,7 +8410,7 @@ const FixedNav = (props) => {
     content,
     ...rest
   } = {
-    ...defaultProps$1f,
+    ...defaultProps$1g,
     ...props
   };
   const classPrefix2 = "nut-fixednav";
@@ -8461,7 +8463,7 @@ const FixedNav = (props) => {
   );
 };
 FixedNav.displayName = "NutFixedNav";
-const defaultProps$1e = {
+const defaultProps$1f = {
   ...ComponentDefaults,
   left: "",
   right: "",
@@ -8486,7 +8488,7 @@ const NavBar = (props) => {
     zIndex,
     onBackClick
   } = {
-    ...defaultProps$1e,
+    ...defaultProps$1f,
     ...props
   };
   const classPrefix2 = "nut-navbar";
@@ -8563,7 +8565,7 @@ const NavBar = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
 NavBar.displayName = "NutNavBar";
-const defaultProps$1d = {
+const defaultProps$1e = {
   ...ComponentDefaults,
   position: "center",
   transition: "",
@@ -8616,7 +8618,7 @@ const Popup = (props) => {
     afterShow,
     afterClose,
     onClick
-  } = { ...defaultProps$1d, ...props };
+  } = { ...defaultProps$1e, ...props };
   const nodeRef = React__default.useRef(null);
   let innerIndex = zIndex || _zIndex;
   const [index, setIndex] = useState(innerIndex);
@@ -8772,7 +8774,7 @@ const handleClick = (e2) => {
   }
 };
 const OffsetContext = createContext(20);
-const defaultProps$1c = {
+const defaultProps$1d = {
   ...ComponentDefaults,
   position: "left",
   width: "80%"
@@ -8790,7 +8792,7 @@ const SideNavBar = (props) => {
     indent,
     ...rest
   } = {
-    ...defaultProps$1c,
+    ...defaultProps$1d,
     ...props
   };
   const innerIndent = indent ? Number(indent) : 20;
@@ -8840,13 +8842,13 @@ const SideNavBarItem = (props) => {
     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 = useContext(OffsetContext);
@@ -8923,7 +8925,7 @@ function usePropsValue({
   );
   return [stateRef.current, setState];
 }
-const defaultProps$1a = {
+const defaultProps$1b = {
   ...ComponentDefaults,
   value: "",
   dot: false,
@@ -8948,7 +8950,7 @@ const Badge = (props) => {
     color,
     fill
   } = {
-    ...defaultProps$1a,
+    ...defaultProps$1b,
     ...props
   };
   const classPrefix2 = "nut-badge";
@@ -9002,7 +9004,7 @@ const Badge = (props) => {
 };
 Badge.displayName = "NutBadge";
 const TabbarContext = React__default.createContext(null);
-const defaultProps$19 = {
+const defaultProps$1a = {
   ...ComponentDefaults,
   title: "",
   icon: null,
@@ -9028,7 +9030,7 @@ const TabbarItem = (props) => {
     index,
     ...rest
   } = {
-    ...defaultProps$19,
+    ...defaultProps$1a,
     ...props
   };
   const active = index === (ctx2 == null ? void 0 : ctx2.selectIndex);
@@ -9066,7 +9068,7 @@ const TabbarItem = (props) => {
     icon ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: boxPrefix }, icon)), /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title)) : /* @__PURE__ */ React__default.createElement(Badge, { ...badgeProps }, /* @__PURE__ */ React__default.createElement("div", { className: titleClass }, title))
   );
 };
-const defaultProps$18 = {
+const defaultProps$19 = {
   ...ComponentDefaults,
   defaultValue: 0,
   fixed: false,
@@ -9089,7 +9091,7 @@ const Tabbar = (props) => {
     style,
     onSwitch
   } = {
-    ...defaultProps$18,
+    ...defaultProps$19,
     ...props
   };
   const classPrefix2 = "nut-tabbar";
@@ -9131,14 +9133,14 @@ const Tabbar = (props) => {
 };
 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";
@@ -9152,7 +9154,7 @@ const TabPane = (props) => {
   );
   return children ? /* @__PURE__ */ React__default.createElement("div", { className: classes }, !disabled && children) : null;
 };
-const defaultProps$16 = {
+const defaultProps$17 = {
   ...ComponentDefaults,
   tabStyle: {},
   activeColor: "",
@@ -9181,7 +9183,7 @@ const Tabs = (props) => {
     defaultValue: outerDefaultValue,
     ...rest
   } = {
-    ...defaultProps$16,
+    ...defaultProps$17,
     ...props
   };
   const [value, setValue] = usePropsValue({
@@ -9489,7 +9491,7 @@ class Tree {
     return pathNodes;
   }
 }
-const defaultProps$15 = {
+const defaultProps$16 = {
   ...ComponentDefaults,
   activeColor: "",
   activeIcon: "checklist",
@@ -9534,7 +9536,7 @@ const InternalCascader = (props, ref) => {
     onClose,
     onChange,
     onPathChange
-  } = { ...defaultProps$15, ...props };
+  } = { ...defaultProps$16, ...props };
   const [tabvalue, setTabvalue] = useState("c1");
   const [optionsData, setOptionsData] = useState([]);
   const isLazy = () => state.configs.lazy && Boolean(state.configs.onLoad);
@@ -9841,7 +9843,7 @@ const InternalCascader = (props, ref) => {
 };
 const Cascader = React__default.forwardRef(InternalCascader);
 Cascader.displayName = "NutCascader";
-const defaultProps$14 = {
+const defaultProps$15 = {
   ...ComponentDefaults,
   visible: false,
   type: "custom",
@@ -9868,7 +9870,7 @@ const CustomRender = (props) => {
     onPathChange,
     ...rest
   } = {
-    ...defaultProps$14,
+    ...defaultProps$15,
     ...props
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, type4 === "custom" && /* @__PURE__ */ React__default.createElement(
@@ -9893,7 +9895,7 @@ const CustomRender = (props) => {
     }
   ));
 };
-const defaultProps$13 = {
+const defaultProps$14 = {
   type: "custom",
   existList: [],
   defaultIcon: null,
@@ -9912,7 +9914,7 @@ const ExistRender = (props) => {
     onSelect,
     onSwitch,
     ...rest
-  } = { ...defaultProps$13, ...props };
+  } = { ...defaultProps$14, ...props };
   const classPrefix2 = "nut-address";
   const selectedExist = (item) => {
     existList.forEach((list, index) => {
@@ -9941,7 +9943,7 @@ const ExistRender = (props) => {
     );
   })), (custom || custom && locale.address.chooseAnotherAddress) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer`, onClick }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-footer-btn` }, custom)));
 };
-const defaultProps$12 = {
+const defaultProps$13 = {
   ...ComponentDefaults,
   defaultValue: [],
   type: "custom",
@@ -9983,7 +9985,7 @@ const InternalAddress = (props, ref) => {
     onSwitch,
     ...rest
   } = {
-    ...defaultProps$12,
+    ...defaultProps$13,
     ...props
   };
   const classPrefix2 = "nut-address";
@@ -10321,7 +10323,7 @@ const isEnd = (day, days) => {
 const isStartAndEnd = (days) => {
   return days.length >= 2 && Utils.isEqual(days[0], days[1]);
 };
-const defaultProps$11 = {
+const defaultProps$12 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -10382,7 +10384,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
     onUpdate,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$11, ...props };
+  } = { ...defaultProps$12, ...props };
   const weekdays = locale.calendaritem.weekdays;
   const weeks = [
     ...weekdays.slice(firstDayOfWeek, 7),
@@ -10921,7 +10923,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
 });
 CalendarItem.displayName = "NutCalendarItem";
-const defaultProps$10 = {
+const defaultProps$11 = {
   ...ComponentDefaults,
   type: "single",
   autoBackfill: false,
@@ -10984,7 +10986,7 @@ const Calendar = React__default.forwardRef((props, ref) => {
     onConfirm,
     onDayClick,
     onPageChange
-  } = { ...defaultProps$10, ...props };
+  } = { ...defaultProps$11, ...props };
   const calendarRef = useRef(null);
   const close = () => {
     onClose && onClose();
@@ -11164,7 +11166,7 @@ const getCurrentWeekDays = (day, firstDayOfWeek) => {
     )
   ];
 };
-const defaultProps$$ = {
+const defaultProps$10 = {
   ...ComponentDefaults,
   type: "single",
   firstDayOfWeek: 0
@@ -11188,7 +11190,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
     onDayClick,
     onPageChange,
     onChange
-  } = { ...defaultProps$$, ...props };
+  } = { ...defaultProps$10, ...props };
   const [month, setMonth] = useState(() => {
     let date4 = new Date(Date.now());
     const val = value || defaultValue;
@@ -11492,7 +11494,7 @@ const CalendarCard = React__default.forwardRef((props, ref) => {
 });
 CalendarCard.displayName = "NutCalendarCard";
 const CheckboxGroupContext = createContext(null);
-const defaultProps$_ = {
+const defaultProps$$ = {
   max: void 0,
   min: void 0,
   list: false,
@@ -11522,7 +11524,7 @@ const CheckboxGroup = React__default.forwardRef(
       onChange,
       onLimit,
       ...rest
-    } = { ...defaultProps$_, ...props };
+    } = { ...defaultProps$$, ...props };
     useImperativeHandle(ref, () => ({
       toggle(state) {
         if (state === false) {
@@ -11615,7 +11617,7 @@ const CheckboxGroup = React__default.forwardRef(
   }
 );
 CheckboxGroup.displayName = "NutCheckboxGroup";
-const defaultProps$Z = {
+const defaultProps$_ = {
   ...ComponentDefaults,
   disabled: false,
   shape: "round",
@@ -11629,7 +11631,7 @@ const defaultProps$Z = {
 const classPrefix$h = "nut-checkbox";
 const Checkbox = (props) => {
   const { children } = {
-    ...defaultProps$Z,
+    ...defaultProps$_,
     ...props
   };
   const {
@@ -12006,7 +12008,7 @@ function useRefs() {
   }, []);
   return [refs.current, setRefs, reset];
 }
-const defaultProps$Y = {
+const defaultProps$Z = {
   ...ComponentDefaults,
   title: "",
   options: [],
@@ -12036,7 +12038,7 @@ const InternalPicker = (props, ref) => {
     afterClose,
     onChange,
     ...rest
-  } = { ...defaultProps$Y, ...props };
+  } = { ...defaultProps$Z, ...props };
   const classPrefix2 = "nut-picker";
   const classes = classNames(classPrefix2, className);
   const [selectedValue, setSelectedValue] = usePropsValue({
@@ -12277,7 +12279,7 @@ const padZero = (num, targetLength = 2) => {
   return str;
 };
 const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
-const defaultProps$X = {
+const defaultProps$Y = {
   ...ComponentDefaults,
   visible: false,
   title: "",
@@ -12310,7 +12312,7 @@ const DatePicker = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$X,
+    ...defaultProps$Y,
     ...props
   };
   const { locale } = useConfig();
@@ -13821,7 +13823,7 @@ const useForm = (form) => {
   }
   return [formRef.current];
 };
-const defaultProps$W = {
+const defaultProps$X = {
   ...ComponentDefaults,
   labelPosition: "right",
   starPosition: "left",
@@ -13852,7 +13854,7 @@ const Form = React__default.forwardRef(
       starPosition,
       form
     } = {
-      ...defaultProps$W,
+      ...defaultProps$X,
       ...props
     };
     let formInstance;
@@ -13908,7 +13910,7 @@ function isForwardRefComponent(component) {
     }
   ).$$typeof === component.type.$$typeof;
 }
-const defaultProps$V = {
+const defaultProps$W = {
   ...ComponentDefaults,
   required: false,
   name: "",
@@ -14001,9 +14003,10 @@ const _FormItem = class _FormItem extends React__default.Component {
         rules: rules2,
         className,
         style,
-        errorMessageAlign
+        errorMessageAlign,
+        align
       } = {
-        ...defaultProps$V,
+        ...defaultProps$W,
         ...this.props
       };
       const requiredInRules = rules2 == null ? void 0 : rules2.some((rule) => rule.required);
@@ -14016,6 +14019,7 @@ const _FormItem = class _FormItem extends React__default.Component {
         {
           className: `nut-form-item ${className}`,
           style,
+          align,
           onClick: (e2) => this.props.onClick && this.props.onClick(e2, this.componentRef)
         },
         label ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
@@ -14069,7 +14073,7 @@ const _FormItem = class _FormItem extends React__default.Component {
     return /* @__PURE__ */ React__default.createElement(React__default.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;
@@ -14099,7 +14103,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const defaultProps$U = {
+const defaultProps$V = {
   ...ComponentDefaults,
   type: "text",
   name: "",
@@ -14145,7 +14149,7 @@ const Input = forwardRef(
       onCompositionEnd,
       ...rest
     } = {
-      ...defaultProps$U,
+      ...defaultProps$V,
       ...props
     };
     const [value, setValue] = usePropsValue({
@@ -14290,7 +14294,7 @@ const Input = forwardRef(
   }
 );
 Input.displayName = "NutInput";
-const defaultProps$T = {
+const defaultProps$U = {
   ...ComponentDefaults,
   disabled: false,
   readOnly: false,
@@ -14326,7 +14330,7 @@ const InputNumber = (props) => {
     onChange,
     ...restProps
   } = {
-    ...defaultProps$T,
+    ...defaultProps$U,
     ...props
   };
   const classes = classNames(classPrefix$g, className, {
@@ -14417,6 +14421,17 @@ const InputNumber = (props) => {
     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);
@@ -14427,26 +14442,31 @@ const InputNumber = (props) => {
         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__default.createElement("div", { className: classes, style, ...restProps }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-minus", onClick: handleReduce }, /* @__PURE__ */ React__default.createElement(
     e$6,
@@ -14526,8 +14546,9 @@ function useClickAway(onClickAway, target, eventName = "click", useCapture, isLi
     };
   }, [target]);
 }
-const defaultProps$S = {
+const defaultProps$T = {
   ...ComponentDefaults,
+  titleIcon: null,
   columns: 1,
   direction: "down",
   icon: null,
@@ -14557,7 +14578,7 @@ const MenuItem = forwardRef((props, ref) => {
     parent,
     index
   } = {
-    ...defaultProps$S,
+    ...defaultProps$T,
     ...props
   };
   const [showPopup, setShowPopup] = useState(show2);
@@ -14726,7 +14747,7 @@ const MenuItem = forwardRef((props, ref) => {
   ));
 });
 MenuItem.displayName = "NutMenuItem";
-const defaultProps$R = {
+const defaultProps$S = {
   ...ComponentDefaults,
   activeColor: "",
   closeOnOverlayClick: true,
@@ -14753,7 +14774,7 @@ const Menu = (props) => {
     onOpen,
     ...rest
   } = {
-    ...defaultProps$R,
+    ...defaultProps$S,
     ...props
   };
   const menuRef = useRef(null);
@@ -14818,7 +14839,15 @@ const Menu = (props) => {
   const menuTitle = () => {
     return React__default.Children.map(children, (child, index) => {
       if (React__default.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)
         );
@@ -14829,6 +14858,25 @@ const Menu = (props) => {
             return selected[0].text;
           return "";
         };
+        const finallyIcon = () => {
+          if (titleIcon) return titleIcon;
+          if (icon) return icon;
+          return direction === "up" ? /* @__PURE__ */ React__default.createElement(
+            l$2,
+            {
+              className: "nut-menu-title-icon",
+              width: "12px",
+              height: "12px"
+            }
+          ) : /* @__PURE__ */ React__default.createElement(
+            l$3,
+            {
+              className: "nut-menu-title-icon",
+              width: "12px",
+              height: "12px"
+            }
+          );
+        };
         return /* @__PURE__ */ React__default.createElement(
           "div",
           {
@@ -14845,21 +14893,7 @@ const Menu = (props) => {
             }
           },
           /* @__PURE__ */ React__default.createElement("div", { className: "nut-menu-title-text" }, finallyTitle()),
-          icon || (direction === "up" ? /* @__PURE__ */ React__default.createElement(
-            l$2,
-            {
-              className: "nut-menu-title-icon",
-              width: "12px",
-              height: "12px"
-            }
-          ) : /* @__PURE__ */ React__default.createElement(
-            l$3,
-            {
-              className: "nut-menu-title-icon",
-              width: "12px",
-              height: "12px"
-            }
-          ))
+          finallyIcon()
         );
       }
       return null;
@@ -14888,6 +14922,16 @@ const Menu = (props) => {
 };
 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 {
@@ -14905,7 +14949,7 @@ const NumberKeyboard = (props) => {
     onClose,
     onConfirm,
     ...rest
-  } = props;
+  } = { ...defaultProps$R, ...props };
   const classPrefix2 = "nut-numberkeyboard";
   const getBasicKeys = () => {
     const keys = new Array(9).fill(0).map((_, index) => {
@@ -14957,17 +15001,35 @@ const NumberKeyboard = (props) => {
     };
     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__default.createElement("div", null, item2.id);
+        case "delete":
+          return /* @__PURE__ */ React__default.createElement(DeleteIcon, null);
+        case "close":
+          return /* @__PURE__ */ React__default.createElement(l$3, { width: 18, height: 18 });
+        case "confirm":
+          return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, confirmText || locale.done);
+        default:
+          return null;
       }
     };
     return /* @__PURE__ */ React__default.createElement("div", { key: item.id, className: `${classPrefix2}-body-wrapper` }, /* @__PURE__ */ React__default.createElement(
@@ -14984,22 +15046,19 @@ const NumberKeyboard = (props) => {
         onTouchEnd: () => onTouchEnd(item),
         onTouchCancel: () => onTouchEnd(item)
       },
-      (item.type === "num" || item.type === "custom") && /* @__PURE__ */ React__default.createElement("div", null, item.id),
-      item.type === "delete" && /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
-      item.type === "close" && /* @__PURE__ */ React__default.createElement(l$3, { width: 18, height: 18 }),
-      item.type === "confirm" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, confirmText || locale.done)
+      renderContent(item)
     ));
   };
   return /* @__PURE__ */ React__default.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__default.createElement("div", { className: classNames(classPrefix2, className), style }, title && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-header-title` }, title), type4 === "default" && /* @__PURE__ */ React__default.createElement(
       "span",
@@ -16528,7 +16587,7 @@ const Preview = ({
         }
       ),
       previewType === "picture" && !children && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-img" }, item.status === "ready" ? /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)) : item.status !== "success" && /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress" }, renderIcon(item), /* @__PURE__ */ React__default.createElement("div", { className: "nut-uploader-preview-progress-msg" }, item.message)), ((_a = item.type) == null ? void 0 : _a.includes("image")) ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, item.url && /* @__PURE__ */ React__default.createElement(
-        "img",
+        Image$1,
         {
           className: "nut-uploader-preview-img-c",
           style: { objectFit: "fill" },
@@ -16537,7 +16596,7 @@ const Preview = ({
           onClick: () => handleItemClick(item, index)
         }
       )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, previewUrl ? /* @__PURE__ */ React__default.createElement(
-        "img",
+        Image$1,
         {
           className: "nut-uploader-preview-img-c",
           src: previewUrl,
@@ -16843,15 +16902,14 @@ const InternalUploader = (props, ref) => {
     });
   };
   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);
         }
       );
@@ -21144,27 +21202,31 @@ const ImagePreview = (props) => {
           defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
           indicator
         },
-        (videos && videos.length > 0 ? videos.map((item, index) => {
-          return /* @__PURE__ */ React__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.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__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.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__default.createElement(SwiperItem, { key: index }, /* @__PURE__ */ React__default.createElement(Image$1, { src, draggable: false, onClick: closeOnImg }));
+          }
+          return null;
+        })
       ) : null
     ),
     pagination ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,