@nutui/nutui-react 2.6.18 → 2.6.19

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.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.
 */
@@ -612,7 +612,7 @@
     style: {}
   };
   const prefixCls$2 = "nut-button";
-  const defaultProps$1u = {
+  const defaultProps$1t = {
     ...ComponentDefaults,
     color: "",
     type: "default",
@@ -648,7 +648,7 @@
         onClick,
         ...rest
       } = {
-        ...defaultProps$1u,
+        ...defaultProps$1t,
         ...props
       };
       const getStyle = React.useCallback(() => {
@@ -707,7 +707,7 @@
   );
   Button.displayName = "NutButton";
   const CellGroupContext = React.createContext(null);
-  const defaultProps$1t = {
+  const defaultProps$1s = {
     ...ComponentDefaults,
     title: "",
     description: "",
@@ -716,7 +716,7 @@
   const classPrefix$r = "nut-cell-group";
   const CellGroup = (props) => {
     const { children, className, title, description, divider, ...rest } = {
-      ...defaultProps$1t,
+      ...defaultProps$1s,
       ...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(
@@ -728,7 +728,7 @@
     ));
   };
   CellGroup.displayName = "NutCellGroup";
-  const defaultProps$1s = {
+  const defaultProps$1r = {
     ...ComponentDefaults,
     title: null,
     description: null,
@@ -755,7 +755,7 @@
       style,
       ...rest
     } = {
-      ...defaultProps$1s,
+      ...defaultProps$1r,
       ...props
     };
     const handleClick2 = (event) => {
@@ -1946,7 +1946,7 @@
   const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const defaultProps$1r = {
+  const defaultProps$1q = {
     ...ComponentDefaults,
     fit: "fill",
     position: "center",
@@ -1976,7 +1976,7 @@
       onClick,
       onLoad,
       onError
-    } = { ...defaultProps$1r, ...props };
+    } = { ...defaultProps$1q, ...props };
     const [innerLoading, setInnerLoading] = React.useState(false);
     const [isError, setIsError] = React.useState(false);
     const [complete, setComplete] = React.useState(false);
@@ -2812,7 +2812,7 @@
     const onHandleClosed = (e) => {
       afterClose && afterClose();
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(
       CSSTransition,
       {
         nodeRef,
@@ -2834,11 +2834,11 @@
         },
         children
       )
-    ));
+    );
   };
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
-  const defaultProps$1q = {
+  const defaultProps$1p = {
     ...ComponentDefaults,
     span: "24",
     offset: "0",
@@ -2846,7 +2846,7 @@
   };
   const Col = (props) => {
     const { className, style, span, offset, children, onClick } = {
-      ...defaultProps$1q,
+      ...defaultProps$1p,
       ...props
     };
     const [colName, setColName] = React.useState("");
@@ -2879,7 +2879,7 @@
     );
   };
   Col.displayName = "NutCol";
-  const defaultProps$1p = {
+  const defaultProps$1o = {
     ...ComponentDefaults,
     contentPosition: "center",
     direction: "horizontal"
@@ -2887,7 +2887,7 @@
   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({
@@ -2908,7 +2908,7 @@
     }
   };
   const GridContext = React.createContext(gridContext);
-  const defaultProps$1o = {
+  const defaultProps$1n = {
     text: "",
     columns: 4,
     gap: 0,
@@ -2934,7 +2934,7 @@
       onClick,
       ...rest
     } = {
-      ...defaultProps$1o,
+      ...defaultProps$1n,
       ...props
     };
     const classPrefix2 = "nut-grid-item";
@@ -2993,7 +2993,7 @@
     );
   };
   GridItem.displayName = "NutGridItem";
-  const defaultProps$1n = {
+  const defaultProps$1m = {
     columns: 4,
     gap: 0,
     center: true,
@@ -3014,7 +3014,7 @@
       className,
       onClick,
       ...rest
-    } = { ...defaultProps$1n, ...props };
+    } = { ...defaultProps$1m, ...props };
     const childrenDom = React.Children.toArray(children);
     const classPrefix2 = "nut-grid";
     const rootClass = () => {
@@ -3050,9 +3050,7 @@
   };
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
-  const defaultProps$1m = {};
-  const Layout = (props) => {
-    ({ ...defaultProps$1m, ...props });
+  const Layout = () => {
     return /* @__PURE__ */ React.createElement("div", { className: "nut-layout" }, "Layout");
   };
   Layout.displayName = "NutLayout";
@@ -8822,7 +8820,7 @@
       );
     };
     const renderNode = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, overlay ? /* @__PURE__ */ React.createElement(
         Overlay,
         {
           style: overlayStyles,
@@ -8833,7 +8831,7 @@
           duration,
           onClick: onHandleClickOverlay
         }
-      ), renderPop()) : /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
+      ) : null, /* @__PURE__ */ React.createElement(React.Fragment, null, renderPop()));
     };
     React.useEffect(() => {
       visible && open();
@@ -9673,6 +9671,9 @@
     React.useEffect(() => {
       initData();
     }, [options2, format2]);
+    React.useEffect(() => {
+      syncValue();
+    }, [value]);
     const initData = async () => {
       state.lazyLoadMap.clear();
       if (format2 && Object.keys(format2).length > 0) {
@@ -11005,7 +11006,7 @@
     const renderFooter = () => {
       return /* @__PURE__ */ React.createElement("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn", onClick: confirm2 }, confirmText || locale.confirm));
     };
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : ""));
+    return /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
   CalendarItem.displayName = "NutCalendarItem";
   const defaultProps$11 = {
@@ -12661,7 +12662,7 @@
     React.useEffect(() => {
       setPickerOptions(columns());
     }, [selectedDate, startDate, endDate]);
-    return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length && /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement("div", { className: `nut-datepicker ${className}`, style, ...rest }, pickerOptions.length > 0 && /* @__PURE__ */ React.createElement(
       Picker,
       {
         ...pickerProps,
@@ -14560,7 +14561,7 @@
           [`${classPrefix$g}-icon-disabled`]: shadowValue === min || disabled
         })
       }
-    )), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(
       "input",
       {
         ref: inputRef,
@@ -14572,7 +14573,7 @@
         onBlur: handleBlur,
         onFocus: handleFocus
       }
-    )), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React.createElement("div", { className: "nut-input-add", onClick: handlePlus }, /* @__PURE__ */ React.createElement(
       n,
       {
         className: classNames("nut-inputnumber-icon icon-plus", {
@@ -14747,6 +14748,7 @@
       };
     };
     const micRef = React.useRef(null);
+    const cssRef = React.useRef(null);
     const targetSet = [micRef.current];
     useClickAway(
       () => {
@@ -14790,6 +14792,7 @@
       /* @__PURE__ */ React.createElement(
         CSSTransition,
         {
+          nodeRef: cssRef,
           in: showPopup,
           timeout: 100,
           classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up"
@@ -17059,6 +17062,19 @@
   };
   const Uploader = React.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,
@@ -17085,7 +17101,7 @@
       className,
       style,
       ...rest
-    } = { ...defaultProps$F, ...props };
+    } = mergeProps(defaultProps$F, props);
     const classPrefix2 = "nut-actionsheet";
     const cancelActionSheet = () => {
       onCancel && onCancel();
@@ -17404,7 +17420,7 @@
       beforeCancel,
       beforeClose,
       ...restProps
-    } = props;
+    } = mergeProps(defaultProps$E, props);
     const classPrefix2 = "nut-dialog";
     const [loading, setLoading] = React.useState(false);
     const renderFooter = () => {
@@ -17489,7 +17505,6 @@
       });
     };
   });
-  Dialog.defaultProps = defaultProps$E;
   Dialog.displayName = "NutDialog";
   const defaultProps$D = {
     ...ComponentDefaults,
@@ -19542,10 +19557,7 @@
       thousands,
       style,
       ...reset
-    } = {
-      ...defaultProps$r,
-      ...props
-    };
+    } = mergeProps(defaultProps$r, props);
     const classPrefix2 = "nut-countup";
     const countupRef = React.useRef(null);
     const timerRef = React.useRef(0);
@@ -19607,7 +19619,6 @@
       );
     })));
   };
-  CountUp.defaultProps = defaultProps$r;
   CountUp.displayName = "NutCountUp";
   const defaultProps$q = {};
   const _AnimatingNumbers = class _AnimatingNumbers extends React.Component {
@@ -21433,7 +21444,7 @@
         onClick: (e) => handleSelectPage(currentPage + 1)
       },
       next || locale.pagination.next
-    )), mode === "lite" && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8))));
+    )), mode === "lite" && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite` }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-active` }, 2), /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-lite-default` }, 8)));
   };
   Pagination.displayName = "NutPagination";
   const defaultProps$d = {
@@ -23243,7 +23254,7 @@
     };
     const ToolBar = () => {
       const actions = [cancel, reset, rotate, confirm2];
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement("div", { className: `${classPrefix}-popup-toolbar-flex` }, actions.map((action, index) => /* @__PURE__ */ React.createElement(
         "div",
         {
           key: index,
@@ -23251,10 +23262,10 @@
           onClick: (_e) => action()
         },
         toolbar[index]
-      ))));
+      )));
     };
     const CropperPopup = () => {
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ React.createElement(
         "div",
         {
           ref: cropperPopupRef,
@@ -23273,7 +23284,7 @@
           /* @__PURE__ */ React.createElement("div", { className: "highlight", style: highlightStyle })
         ),
         /* @__PURE__ */ React.createElement("div", { className: toolbarPositionCls }, /* @__PURE__ */ React.createElement(ToolBar, null))
-      ));
+      );
     };
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: cls, ...rest, style }, children, /* @__PURE__ */ React.createElement(
       "input",

package/dist/packages/elevator/elevator.scss

@@ -99,13 +99,12 @@
       &-item {
         display: block;
         padding: $elevator-bars-inner-item-padding;
+        cursor: pointer;
 
         &-active {
           font-weight: $font-weight-bold;
           color: $elevator-bars-active-color;
         }
-
-        cursor: pointer;
       }
     }
   }

package/dist/packages/popover/popover.scss

@@ -162,11 +162,11 @@
     }
 
     &-top-end {
+      right: 0;
       .nut-popover-arrow-top-end {
         right: 16px;
         transform: translateX(0%);
       }
-      right: 0;
     }
 
     &-top-start {
@@ -186,12 +186,12 @@
     }
 
     &-bottom-end {
+      right: 0;
+
       .nut-popover-arrow-bottom-end {
         right: 16px;
         transform: translateX(0%);
       }
-
-      right: 0;
     }
 
     &-bottom-start {

package/dist/packages/tabs/tabs.scss

@@ -423,10 +423,10 @@
 }
 
 .nut-tabs-content {
+  display: flex;
+  box-sizing: border-box;
+
   &-wrap {
     overflow: hidden;
   }
-
-  display: flex;
-  box-sizing: border-box;
 }

package/dist/packages/uploader/uploader.scss

@@ -195,6 +195,7 @@
           width: 90%;
           font-size: 12px;
           color: $color-text;
+          @include moreline-ellipsis();
 
           &.error {
             color: red !important;
@@ -207,8 +208,6 @@
           .nut-icon-Link {
             flex-shrink: 0;
           }
-
-          @include moreline-ellipsis();
         }
       }
     }