@nutui/nutui-react 2.6.22 → 2.7.0

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.22 Sat Oct 12 2024 14:58:54 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.7.0 Fri Nov 01 2024 15:59:16 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1892,20 +1892,20 @@
   }
   const requestAniFrame$1 = requestAniFrame();
   const classPrefix$p = "nut-configprovider";
-  const defaultConfigRef$1 = {
+  const defaultConfigRef = {
     current: {
       locale: zhCN
     }
   };
   const setDefaultConfig = (config2) => {
-    defaultConfigRef$1.current = config2;
+    defaultConfigRef.current = config2;
   };
-  const getDefaultConfig$1 = () => {
-    return defaultConfigRef$1.current;
+  const getDefaultConfig = () => {
+    return defaultConfigRef.current;
   };
-  const ConfigContext$1 = React.createContext(null);
-  const useConfig$1 = () => {
-    return React.useContext(ConfigContext$1) ?? getDefaultConfig$1();
+  const ConfigContext = React.createContext(null);
+  const useConfig = () => {
+    return React.useContext(ConfigContext) ?? getDefaultConfig();
   };
   function convertThemeVarsToCSSVars(themeVars) {
     const cssVars = {};
@@ -1915,7 +1915,7 @@
     return cssVars;
   }
   const useRtl = () => {
-    const { direction } = useConfig$1();
+    const { direction } = useConfig();
     if (direction) {
       return direction === "rtl";
     }
@@ -1926,7 +1926,7 @@
     const mergedConfig = useMemo(
       () => {
         return {
-          ...getDefaultConfig$1(),
+          ...getDefaultConfig(),
           ...config2,
           direction
         };
@@ -1940,7 +1940,7 @@
     const cssVarStyle = React.useMemo(() => {
       return convertThemeVarsToCSSVars(mergedConfig.theme || {});
     }, [mergedConfig.theme]);
-    return /* @__PURE__ */ React.createElement(ConfigContext$1.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(ConfigContext.Provider, { value: mergedConfig }, /* @__PURE__ */ React.createElement(
       "div",
       {
         className: classNames(classPrefix$p, className),
@@ -8463,7 +8463,7 @@
     }
   };
   const FixedNav = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       className,
       overlay,
@@ -9561,19 +9561,6 @@
       return pathNodes;
     }
   }
-  const defaultConfigRef = {
-    current: {
-      locale: zhCN,
-      direction: "ltr"
-    }
-  };
-  const getDefaultConfig = () => {
-    return defaultConfigRef.current;
-  };
-  const ConfigContext = React.createContext(null);
-  const useConfig = () => {
-    return React.useContext(ConfigContext) ?? getDefaultConfig();
-  };
   const defaultProps$16 = {
     ...ComponentDefaults,
     activeColor: "",
@@ -9990,7 +9977,7 @@
     custom: false
   };
   const ExistRender = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       children,
       type,
@@ -10046,7 +10033,7 @@
     backIcon: null
   };
   const InternalAddress = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       style,
       className,
@@ -10441,7 +10428,7 @@
     }
   };
   const CalendarItem = React.forwardRef((props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       style,
       className,
@@ -10463,6 +10450,7 @@
       firstDayOfWeek,
       disableDate,
       renderHeaderButtons,
+      renderBottomButton,
       renderDay,
       renderDayTop,
       renderDayBottom,
@@ -11005,7 +10993,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("div", { className: "nut-calendar-footer" }, children, /* @__PURE__ */ React.createElement("div", { onClick: confirm2 }, renderBottomButton ? renderBottomButton() : /* @__PURE__ */ React.createElement("div", { className: "calendar-confirm-btn" }, confirmText || locale.confirm)));
     };
     return /* @__PURE__ */ React.createElement("div", { className: classes, style }, renderHeader(), renderContent(), popup && !autoBackfill ? renderFooter() : "");
   });
@@ -11043,7 +11031,7 @@
     }
   };
   const Calendar = React.forwardRef((props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       style,
       className,
@@ -11064,8 +11052,10 @@
       showSubTitle,
       scrollAnimation,
       firstDayOfWeek,
+      closeIcon,
       disableDate,
       renderHeaderButtons,
+      renderBottomButton,
       renderDay,
       renderDayTop,
       renderDayBottom,
@@ -11108,6 +11098,7 @@
           children,
           type,
           autoBackfill,
+          renderBottomButton,
           popup,
           title: title || locale.calendaritem.title,
           defaultValue,
@@ -11140,6 +11131,7 @@
         position: "bottom",
         round: true,
         closeable: true,
+        closeIcon,
         destroyOnClose: true,
         onOverlayClick: closePopup,
         onCloseIconClick: closePopup,
@@ -11260,7 +11252,7 @@
   };
   const prefixCls = "nut-calendarcard";
   const CalendarCard = React.forwardRef((props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       style,
       className,
@@ -12106,7 +12098,7 @@
     duration: 1e3
   };
   const InternalPicker = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       children,
       visible,
@@ -12402,7 +12394,7 @@
       ...defaultProps$Y,
       ...props
     };
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const lang = locale.datepicker;
     const zhCNType = {
       day: lang.day,
@@ -14209,7 +14201,7 @@
   const Input = React.forwardRef(
     (props, ref) => {
       const rtl = useRtl();
-      const { locale } = useConfig$1();
+      const { locale } = useConfig();
       const {
         type,
         name,
@@ -14390,7 +14382,8 @@
     max: 9999,
     step: 1,
     digits: 0,
-    async: false
+    async: false,
+    select: true
   };
   const classPrefix$g = `nut-inputnumber`;
   const InputNumber = (props) => {
@@ -14406,6 +14399,7 @@
       digits,
       step,
       async,
+      select,
       className,
       style,
       formatter,
@@ -14427,10 +14421,10 @@
     const inputRef = React.useRef(null);
     React.useEffect(() => {
       var _a, _b;
-      if (focused) {
+      if (select && focused) {
         (_b = (_a = inputRef.current) == null ? void 0 : _a.select) == null ? void 0 : _b.call(_a);
       }
-    }, [focused]);
+    }, [select, focused]);
     const [shadowValue, setShadowValue] = usePropsValue({
       value: typeof value === "string" ? parseFloat(value) : value,
       defaultValue: typeof defaultValue === "string" ? parseFloat(defaultValue) : defaultValue,
@@ -15016,7 +15010,7 @@
     }
   };
   const NumberKeyboard = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       title,
       rightActions,
@@ -15882,7 +15876,7 @@
   };
   const SearchBar = (props) => {
     const classPrefix2 = "nut-searchbar";
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const searchRef = React.useRef(null);
     const {
       value: outerValue,
@@ -16035,7 +16029,7 @@
     autoFocus: false
   };
   const InternalShortPassword = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       title,
       description,
@@ -16133,7 +16127,7 @@
     unsupported: ""
   };
   const InternalSignature = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       type,
       lineWidth,
@@ -16314,7 +16308,7 @@
     autoSize: false
   };
   const TextArea = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       className,
       value,
@@ -16738,7 +16732,7 @@
     }
   };
   const InternalUploader = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const fileListRef = React.useRef([]);
     const {
       children,
@@ -17342,7 +17336,7 @@
       onClose,
       onCancel,
       onOverlayClick
-    } = props;
+    } = mergeProps(defaultDialogProps, props);
     const onHandleClickOverlay = (e) => {
       if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
         const closed = onOverlayClick && onOverlayClick(e);
@@ -17372,7 +17366,6 @@
       /* @__PURE__ */ React.createElement(Content, { ...props, visible })
     ));
   };
-  DialogWrap.defaultProps = defaultDialogProps;
   DialogWrap.displayName = "NutDialogWrap";
   const defaultProps$E = {
     ...ComponentDefaults,
@@ -17391,7 +17384,7 @@
     beforeClose: () => true
   };
   const BaseDialog = (props, ref) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       visible,
       footer,
@@ -17688,7 +17681,7 @@
   };
   const classPrefix$d = `nut-infiniteloading`;
   const InfiniteLoading = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       children,
       type,
@@ -18758,7 +18751,7 @@
   };
   const PullToRefresh = (p2) => {
     const classPrefix2 = "nut-pulltorefresh";
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const props = {
       ...defaultProps$x,
       ...p2,
@@ -19647,7 +19640,7 @@
     }
   };
   const Audio = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       className,
       src,
@@ -21336,7 +21329,7 @@
     ellipse: false
   };
   const Pagination = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       value,
       mode,
@@ -21683,7 +21676,7 @@
     showHeader: true
   };
   const Table = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const rtl = useRtl();
     defaultProps$a.noData = locale.noData;
     const {
@@ -21953,7 +21946,7 @@
   };
   const classPrefix$2 = "nut-tour";
   const Tour = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       children,
       className,
@@ -22608,7 +22601,7 @@
     }
   };
   const TimeSelect = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       visible,
       className,
@@ -22833,7 +22826,7 @@
     fontSize: 14
   };
   const WaterMark = (props) => {
-    const { locale } = useConfig$1();
+    const { locale } = useConfig();
     const {
       content,
       fullPage,
@@ -22950,6 +22943,7 @@
       /* @__PURE__ */ React.createElement(Button, { key: "rotate" }, locale.avatarCropper.rotate),
       /* @__PURE__ */ React.createElement(Button, { type: "success", key: "confirm" }, locale.confirm)
     ];
+    defaultProps.editText = locale.edit;
     const {
       children,
       maxZoom,
@@ -23391,9 +23385,9 @@
   exports2.Video = Video;
   exports2.VirtualList = VirtualList;
   exports2.WaterMark = WaterMark;
-  exports2.getDefaultConfig = getDefaultConfig$1;
+  exports2.getDefaultConfig = getDefaultConfig;
   exports2.setDefaultConfig = setDefaultConfig;
-  exports2.useConfig = useConfig$1;
+  exports2.useConfig = useConfig;
   exports2.useRtl = useRtl;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
 });

package/dist/packages/avatarcropper/avatarcropper.scss

@@ -66,11 +66,11 @@
         width: 100%;
         display: flex;
         justify-content: space-between;
+        padding: 15px 15px;
       }
 
       &-item {
         color: #fff;
-        padding: 15px;
         cursor: pointer;
         display: flex;
         align-items: center;

package/dist/packages/divider/divider.scss

@@ -49,13 +49,12 @@
   }
 
   &-vertical {
-    position: relative;
-    top: $divider-vertical-top;
     display: inline-block;
     width: auto;
     height: $divider-vertical-height;
     border-left: 1px solid $divider-border-color;
     margin: $divider-vertical-margin;
+    vertical-align: middle;
   }
 }
 

package/dist/packages/overlay/overlay.scss

@@ -23,10 +23,6 @@
 
 .nut-overflow-hidden {
   overflow: hidden !important;
-
-  .taro_page {
-    overflow: hidden !important;
-  }
 }
 
 .nut-overlay-slide {