@nutui/nutui-react-taro 2.6.18 → 2.6.19

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.18 Fri Sep 13 2024 10:21:29 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.19 Fri Sep 13 2024 15:42:35 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -264,7 +264,7 @@ const ComponentDefaults = {
   style: {}
 };
 const prefixCls$2 = "nut-button";
-const defaultProps$1v = {
+const defaultProps$1u = {
   ...ComponentDefaults,
   color: "",
   type: "default",
@@ -299,7 +299,7 @@ const Button = React__default.forwardRef(
       onClick,
       ...rest
     } = {
-      ...defaultProps$1v,
+      ...defaultProps$1u,
       ...props
     };
     const getStyle = useCallback(() => {
@@ -366,7 +366,7 @@ const Button = React__default.forwardRef(
 );
 Button.displayName = "NutButton";
 const CellGroupContext = createContext(null);
-const defaultProps$1u = {
+const defaultProps$1t = {
   ...ComponentDefaults,
   title: "",
   description: "",
@@ -375,7 +375,7 @@ const defaultProps$1u = {
 const classPrefix$r = "nut-cell-group";
 const CellGroup = (props) => {
   const { children, className, title, description, divider, ...rest } = {
-    ...defaultProps$1u,
+    ...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(
@@ -387,7 +387,7 @@ const CellGroup = (props) => {
   ));
 };
 CellGroup.displayName = "NutCellGroup";
-const defaultProps$1t = {
+const defaultProps$1s = {
   ...ComponentDefaults,
   title: null,
   description: null,
@@ -414,7 +414,7 @@ const Cell = (props) => {
     clickable,
     ...rest
   } = {
-    ...defaultProps$1t,
+    ...defaultProps$1s,
     ...props
   };
   const handleClick = (event) => {
@@ -1589,7 +1589,7 @@ ConfigProvider.displayName = "NutConfigProvider";
 const pxCheck = (value) => {
   return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
 };
-const defaultProps$1s = {
+const defaultProps$1r = {
   src: "",
   error: true,
   loading: true
@@ -1608,7 +1608,7 @@ const Image$1 = (props) => {
     onLoad,
     onError,
     ...rest
-  } = { ...defaultProps$1s, ...props };
+  } = { ...defaultProps$1r, ...props };
   const [innerLoading, setInnerLoading] = useState(true);
   const [isError, setIsError] = useState(false);
   const handleLoad = (e2) => {
@@ -3600,7 +3600,7 @@ const Overlay = (props) => {
   const onHandleClosed = (e2) => {
     afterClose && afterClose();
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
       nodeRef,
@@ -3623,11 +3623,11 @@ const Overlay = (props) => {
       },
       children
     )
-  ));
+  );
 };
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
-const defaultProps$1r = {
+const defaultProps$1q = {
   ...ComponentDefaults,
   span: "24",
   offset: "0",
@@ -3635,7 +3635,7 @@ const defaultProps$1r = {
 };
 const Col = (props) => {
   const { className, style, span, offset, children, onClick } = {
-    ...defaultProps$1r,
+    ...defaultProps$1q,
     ...props
   };
   const [colName, setColName] = useState("");
@@ -3668,7 +3668,7 @@ const Col = (props) => {
   );
 };
 Col.displayName = "NutCol";
-const defaultProps$1q = {
+const defaultProps$1p = {
   ...ComponentDefaults,
   contentPosition: "center",
   direction: "horizontal"
@@ -3676,7 +3676,7 @@ const defaultProps$1q = {
 const classPrefix$o = `nut-divider`;
 const Divider = (props) => {
   const { children, contentPosition, style, className, direction, ...rest } = {
-    ...defaultProps$1q,
+    ...defaultProps$1p,
     ...props
   };
   const classes = direction === "horizontal" ? classNames({
@@ -3697,7 +3697,7 @@ const gridContext = {
   }
 };
 const GridContext = React__default.createContext(gridContext);
-const defaultProps$1p = {
+const defaultProps$1o = {
   text: "",
   columns: 4,
   gap: 0,
@@ -3723,7 +3723,7 @@ const GridItem = (props) => {
     onClick,
     ...rest
   } = {
-    ...defaultProps$1p,
+    ...defaultProps$1o,
     ...props
   };
   const classPrefix2 = "nut-grid-item";
@@ -3782,7 +3782,7 @@ const GridItem = (props) => {
   );
 };
 GridItem.displayName = "NutGridItem";
-const defaultProps$1o = {
+const defaultProps$1n = {
   columns: 4,
   gap: 0,
   center: true,
@@ -3803,7 +3803,7 @@ const Grid = (props) => {
     className,
     onClick,
     ...rest
-  } = { ...defaultProps$1o, ...props };
+  } = { ...defaultProps$1n, ...props };
   const childrenDom = React__default.Children.toArray(children);
   const classPrefix2 = "nut-grid";
   const rootClass = () => {
@@ -3839,9 +3839,7 @@ const Grid = (props) => {
 };
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
-const defaultProps$1n = {};
-const Layout = (props) => {
-  ({ ...defaultProps$1n, ...props });
+const Layout = () => {
   return /* @__PURE__ */ React__default.createElement("div", { className: "nut-layout" }, "Layout");
 };
 Layout.displayName = "NutLayout";
@@ -4766,6 +4764,7 @@ const Popup = (props) => {
     return /* @__PURE__ */ React__default.createElement(
       CSSTransition,
       {
+        nodeRef: refObject,
         classNames: transitionName,
         mountOnEnter: true,
         unmountOnExit: destroyOnClose,
@@ -4789,7 +4788,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,
@@ -4800,7 +4799,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 && open2();
@@ -5761,6 +5760,9 @@ const InternalCascader = (props, ref) => {
   useEffect(() => {
     initData();
   }, [options, format2]);
+  useEffect(() => {
+    syncValue();
+  }, [value]);
   const initData = async () => {
     state.lazyLoadMap.clear();
     if (format2 && Object.keys(format2).length > 0) {
@@ -7057,7 +7059,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: confirm }, 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$12 = {
@@ -8766,7 +8768,7 @@ const DatePicker = (props) => {
       catchMove: true,
       ...rest
     },
-    pickerOptions.length && /* @__PURE__ */ React__default.createElement(
+    pickerOptions.length > 0 && /* @__PURE__ */ React__default.createElement(
       Picker,
       {
         ...pickerProps,
@@ -10680,7 +10682,7 @@ const InputNumber = (props) => {
         [`${classPrefix$h}-icon-disabled`]: shadowValue === min || disabled
       })
     }
-  )), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(
     "input",
     {
       className: "nut-number-input",
@@ -10694,7 +10696,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(
     t,
     {
       className: classNames("nut-inputnumber-icon icon-plus", {
@@ -10749,6 +10751,7 @@ const MenuItem = forwardRef((props, ref) => {
       onChange == null ? void 0 : onChange(option);
     }
   });
+  const cssRef = useRef(null);
   useEffect(() => {
     setShowPopup(show2);
   }, [show2]);
@@ -10872,6 +10875,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"
@@ -13317,6 +13321,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$G = {
   ...ComponentDefaults,
   visible: false,
@@ -13343,7 +13360,7 @@ const ActionSheet = (props) => {
     className,
     style,
     ...rest
-  } = { ...defaultProps$G, ...props };
+  } = mergeProps(defaultProps$G, props);
   const classPrefix2 = "nut-actionsheet";
   const cancelActionSheet = () => {
     onCancel && onCancel();
@@ -13535,7 +13552,7 @@ const BaseDialog = (props) => {
       beforeClose
     },
     setParams
-  } = useParams({ ...defaultProps$F, ...props });
+  } = useParams(mergeProps(defaultProps$F, props));
   useCustomEvent(
     id,
     ({ status, options }) => {
@@ -13660,7 +13677,6 @@ function close$1(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, { status: false });
 }
-BaseDialog.defaultProps = defaultProps$F;
 BaseDialog.displayName = "NutDialog";
 BaseDialog.open = open$1;
 BaseDialog.close = close$1;
@@ -14483,12 +14499,13 @@ const Notify = (props) => {
     duration,
     onClose,
     onClick
-  } = { ...defaultProps$z, ...props };
+  } = mergeProps(defaultProps$z, props);
   useCustomEvent(id, (status) => {
     status ? show2() : hide2();
   });
   let timer;
   const [showNotify, setShowNotify] = useState(false);
+  const cssRef = useRef(null);
   useEffect(() => {
     if (visible) {
       show2();
@@ -14527,6 +14544,7 @@ const Notify = (props) => {
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
     CSSTransition,
     {
+      nodeRef: cssRef,
       in: showNotify,
       timeout: 300,
       classNames: "fade",
@@ -14554,7 +14572,6 @@ function close(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, false);
 }
-Notify.defaultProps = defaultProps$z;
 Notify.displayName = "NutNotify";
 Notify.open = open;
 Notify.close = close;
@@ -15444,7 +15461,7 @@ const Toast = (props) => {
       wordBreak
     },
     setParams
-  } = useParams({ ...defaultProps$s, ...props });
+  } = useParams(mergeProps(defaultProps$s, props));
   const timer = useRef(-1);
   const [innerVisible, setInnerVisible] = usePropsValue({
     value: visible,
@@ -15552,7 +15569,6 @@ function hide(selector) {
   const path = useCustomEventsPath(selector);
   customEvents.trigger(path, { status: false });
 }
-Toast.defaultProps = defaultProps$s;
 Toast.displayName = "NutToast";
 Toast.show = show;
 Toast.hide = hide;
@@ -15607,10 +15623,7 @@ const CountUp = (props) => {
     thousands,
     style,
     ...reset
-  } = {
-    ...defaultProps$q,
-    ...props
-  };
+  } = mergeProps(defaultProps$q, props);
   const classPrefix2 = "nut-countup";
   const countupRef = useRef(null);
   const timerRef = useRef(0);
@@ -15682,7 +15695,6 @@ const CountUp = (props) => {
     );
   })));
 };
-CountUp.defaultProps = defaultProps$q;
 CountUp.displayName = "NutCountUp";
 const defaultProps$p = {};
 const _AnimatingNumbers = class _AnimatingNumbers extends Component {
@@ -15834,14 +15846,14 @@ const Audio = (props) => {
     }
   };
   const renderIcon = () => {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-icon` }, /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `${classPrefix2}-icon-box} ${playing ? `${classPrefix2}-icon-play}` : `${classPrefix2}-icon-stop}`}`,
         onClick: handleStatusChange
       },
       /* @__PURE__ */ React__default.createElement(L, { className: playing ? "nut-icon-loading" : "" })
-    )));
+    ));
   };
   const renderProgerss = () => {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-progress` }, /* @__PURE__ */ React__default.createElement("div", { className: "time" }, currentDuration), /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-progress-bar-wrapper` }, /* @__PURE__ */ React__default.createElement(
@@ -16760,7 +16772,7 @@ const Ellipsis = (props) => {
       ) : null,
       ((_c = ellipsis.current) == null ? void 0 : _c.tailing) && symbol,
       (_d = ellipsis.current) == null ? void 0 : _d.tailing
-    ) : null, exceeded && expanded ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    ) : null, exceeded && expanded ? /* @__PURE__ */ React__default.createElement(
       View,
       {
         style: {
@@ -16779,7 +16791,7 @@ const Ellipsis = (props) => {
         },
         collapseText
       ) : null
-    )) : null)
+    ) : null)
   ), /* @__PURE__ */ React__default.createElement(
     View,
     {
@@ -17364,7 +17376,7 @@ const Pagination = (props) => {
       onClick: (e2) => 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$e = {
@@ -19379,7 +19391,7 @@ const AvatarCropper = (props) => {
   };
   const ToolBar = () => {
     const actions = [cancel, reset, rotate, confirm];
-    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,
@@ -19387,11 +19399,11 @@ const AvatarCropper = (props) => {
         onClick: (_e) => action()
       },
       toolbar[index]
-    ))));
+    )));
   };
   const CropperPopup = () => {
     const { canvasId } = canvasAll;
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: `${classPrefix}-popup`,
@@ -19418,7 +19430,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("div", { className: "nut-avatar-cropper-edit-text", onClick: chooseImage2 }, editText)), CropperPopup());
 };