@nutui/nutui-react 2.6.18 → 2.6.19

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.18 Fri Sep 06 2024 18:46:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.19 Fri Sep 13 2024 15:44:09 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -594,7 +594,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -630,7 +630,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1u,
+      ...defaultProps$1t,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -689,7 +689,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -698,7 +698,7 @@ const defaultProps$1t = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...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(
@@ -710,7 +710,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1s = {
+const defaultProps$1r = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -737,7 +737,7 @@ const Cell = (props) => {
     style,
     ...rest
   } = {
-    ...defaultProps$1s,
+    ...defaultProps$1r,
     ...props
   };
   const handleClick2 = (event) => {
@@ -1928,7 +1928,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   fit: "fill",
   position: "center",
@@ -1958,7 +1958,7 @@ const Image$1 = (props) => {
     onClick,
     onLoad,
     onError
-  } = { ...defaultProps$1r, ...props };
+  } = { ...defaultProps$1q, ...props };
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -2794,7 +2794,7 @@ const Overlay = (props) => {
   const onHandleClosed = (e) => {
     afterClose && afterClose();
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
       nodeRef,
@@ -2816,11 +2816,11 @@ const Overlay = (props) => {
       },
       children
     )
-  ));
+  );
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -2828,7 +2828,7 @@ const defaultProps$1q = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -2861,7 +2861,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1p = {
+const defaultProps$1o = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -2869,7 +2869,7 @@ const defaultProps$1p = {
 const classPrefix$n = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -2890,7 +2890,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1o = {
+const defaultProps$1n = {
   text: "",
   columns: 4,
   gap: 0,
@@ -2916,7 +2916,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1o,
+    ...defaultProps$1n,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -2975,7 +2975,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1n = {
+const defaultProps$1m = {
   columns: 4,
   gap: 0,
   center: true,
@@ -2996,7 +2996,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1n, ...props };
+  } = { ...defaultProps$1m, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3032,9 +3032,7 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1m = {};
-const Layout = (props) => {
-  ({ ...defaultProps$1m, ...props });
+const Layout = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
@@ -8804,7 +8802,7 @@ const Popup = (props) => {
     );
   };
   const renderNode = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, overlay ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, overlay ? /* @__PURE__ */ React__default.createElement(
       Overlay,
       {
         style: overlayStyles,
@@ -8815,7 +8813,7 @@ const Popup = (props) => {
         duration,
         onClick: onHandleClickOverlay
       }
-    ), renderPop()) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
+    ) : null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, renderPop()));
   };
   useEffect(() => {
     visible && open();
@@ -9655,6 +9653,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options2, format2]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format2 && Object.keys(format2).length > 0) {
@@ -10987,7 +10988,7 @@ const CalendarItem = React__default.forwardRef((props, ref) => {
   const renderFooter = () => {
     return /* @__PURE__ */ React__default.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React__default.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+  return /* @__PURE__ */ React__default.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
 });
 CalendarItem.displayName = "NutCalendarItem";
 const defaultProps$11 = {
@@ -12643,7 +12644,7 @@ const DatePicker = (props) => {
   useEffect(() => {
     setPickerOptions(columns());
   }, [selectedDate, startDate, endDate]);
-  return /* @__PURE__ */ React__default.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length && /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length > 0 && /* @__PURE__ */ React__default.createElement(
     Picker,
     {
       ...pickerProps,
@@ -14542,7 +14543,7 @@ const InputNumber = (props) => {
         [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
       })
     }
-  )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       ref: inputRef,
@@ -14554,7 +14555,7 @@ const InputNumber = (props) => {
       onBlur: handleBlur,
       onFocus: handleFocus
     }
-  )), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
+  ), /* @__PURE__ */ React__default.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React__default.createElement(
     n,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
@@ -14729,6 +14730,7 @@ const MenuItem = forwardRef((props, ref) => {
     };
   };
   const micRef = useRef(null);
+  const cssRef = useRef(null);
   const targetSet = [micRef.current];
   useClickAway(
     () => {
@@ -14772,6 +14774,7 @@ const MenuItem = forwardRef((props, ref) => {
     /* @__PURE__ */ React__default.createElement(
       CSSTransition,
       {
+        nodeRef: cssRef,
         in: showPopup,
         timeout: 100,
         classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
@@ -17041,6 +17044,19 @@ const InternalUploader = (props, ref) => {
 };
 const Uploader = React__default.forwardRef(InternalUploader);
 Uploader.displayName = "NutUploader";
+function mergeProps(...items) {
+  const ret = {};
+  items.forEach((item) => {
+    if (item) {
+      Object.keys(item).forEach((key) => {
+        if (item[key] !== void 0) {
+          ret[key] = item[key];
+        }
+      });
+    }
+  });
+  return ret;
+}
 const defaultProps$F = {
   ...ComponentDefaults,
   visible: false,
@@ -17067,7 +17083,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$F, ...props };
+  } = mergeProps(defaultProps$F, props);
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -17386,7 +17402,7 @@ const BaseDialog = (props, ref) => {
     beforeCancel,
     beforeClose,
     ...restProps
-  } = props;
+  } = mergeProps(defaultProps$E, props);
   const classPrefix2 = "nut-dialog";
   const [loading, setLoading] = useState(false);
   const renderFooter = () => {
@@ -17471,7 +17487,6 @@ Dialog.confirm = (props) => {
     });
   };
 });
-Dialog.defaultProps = defaultProps$E;
 Dialog.displayName = "NutDialog";
 const defaultProps$D = {
   ...ComponentDefaults,
@@ -19524,10 +19539,7 @@ const CountUp = (props) => {
     thousands,
     style,
     ...reset
-  } = {
-    ...defaultProps$r,
-    ...props
-  };
+  } = mergeProps(defaultProps$r, props);
   const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
@@ -19589,7 +19601,6 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$r;
 CountUp.displayName = "NutCountUp";
 const defaultProps$q = {};
 const _AnimatingNumbers = class _AnimatingNumbers extends Component {
@@ -21415,7 +21426,7 @@ const Pagination = (props) => {
       onClick: (e) => handleSelectPage(currentPage + 1)
     },
     next || locale.pagination.next
-  )), mode === "lite" && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
+  )), mode === "lite" && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-lite-default` }, 8)));
 };
 Pagination.displayName = "NutPagination";
 const defaultProps$d = {
@@ -23225,7 +23236,7 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm2];
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React__default.createElement(
       "div",
       {
         key: index,
@@ -23233,10 +23244,10 @@ const AvatarCropper = (props) => {
         onClick: (_e) => action()
       },
       toolbar[index]
-    ))));
+    )));
   };
   const CropperPopup = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         ref: cropperPopupRef,
@@ -23255,7 +23266,7 @@ const AvatarCropper = (props) => {
         /* @__PURE__ */ React__default.createElement("div", { className: "highlight", style: highlightStyle })
       ),
       /* @__PURE__ */ React__default.createElement("div", { className: toolbarPositionCls }, /* @__PURE__ */ React__default.createElement(ToolBar, null))
-    ));
+    );
   };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React__default.createElement(
     "input",