@nutui/nutui-react 2.6.3 → 2.6.4

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# v2.6.4
+`2024-05-10`
+
+
+*🏡 chore: 修改默认的微信基础库版本 (#2235) @eiinu
+*🏡 chore(image): demo代码风格优化 (#2220) @Alex-huxiyang
+* 📖 docs(uploader): 文件上传编码使用提示 (#2224) @Alex-huxiyang
+* :bug: fix(imagePreview): 阻止关闭预览事件对父结构的非必要影响 (#2227) @Alex-huxiyang
+* :bug: fix(picker): 修复连续多次打开 picker 时显示值错误 (#2222) @eiinu
+* :bug: fix(virtualList): 修复部分场景onScroll不触发 (#2221) @Alex-huxiyang
+* :bug: fix: 移除 defaultProps (#2230) @eiinu
+
+
 # v2.6.3
 `2024-04-30`
 

package/dist/esm/BackTop.js

@@ -87,7 +87,6 @@ const BackTop = (props) => {
     goTop(e);
   } }, children || React__default.createElement(Top, { width: 19, height: 19, className: "nut-backtop-main" }));
 };
-BackTop.defaultProps = defaultProps;
 BackTop.displayName = "NutBackTop";
 export {
   BackTop as default

package/dist/esm/Cell.js

@@ -34,7 +34,6 @@ const Cell = (props) => {
     (ctx === null || ctx === void 0 ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
   );
 };
-Cell.defaultProps = defaultProps;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup__default;
 export {

package/dist/esm/CellGroup.js

@@ -19,7 +19,6 @@ const CellGroup = (props) => {
     )
   );
 };
-CellGroup.defaultProps = defaultProps;
 CellGroup.displayName = "NutCellGroup";
 export {
   CellGroup as default

package/dist/esm/Col.js

@@ -26,7 +26,6 @@ const Col = (props) => {
     onClick && onClick(e, "col");
   } }, children);
 };
-Col.defaultProps = defaultProps;
 Col.displayName = "NutCol";
 export {
   Col as default

package/dist/esm/Divider.js

@@ -18,7 +18,6 @@ const Divider = (props) => {
   });
   return React__default.createElement("div", Object.assign({ className: `${classes} ${className || ""}`, style }, rest), children);
 };
-Divider.defaultProps = defaultProps;
 Divider.displayName = "NutDivider";
 export {
   Divider as default

package/dist/esm/Elevator.js

@@ -173,7 +173,6 @@ const Elevator = (props) => {
     ) : null
   );
 };
-Elevator.defaultProps = defaultProps;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
 export {

package/dist/esm/FixedNav.js

@@ -43,7 +43,6 @@ const FixedNav = (props) => {
     ))
   );
 };
-FixedNav.defaultProps = defaultProps;
 FixedNav.displayName = "NutFixedNav";
 export {
   FixedNav as default

package/dist/esm/Grid.js

@@ -46,7 +46,6 @@ const Grid = (props) => {
     }))
   );
 };
-Grid.defaultProps = defaultProps;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
 export {

package/dist/esm/Image.js

@@ -6,7 +6,7 @@ import { p as pxCheck } from "./px-check.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { fit: "fill", position: "center", alt: "", width: "", height: "", error: true, loading: true, lazy: false });
 const classPrefix = "nut-image";
 const Image = (props) => {
-  const { className, style, src, fit, position, alt, width, height, radius, error, loading, lazy, onClick, onLoad, onError } = Object.assign(Object.assign({}, defaultProps), props);
+  const { className, style, src, fit, position, alt, width, height, radius, error, loading, lazy, draggable, onClick, onLoad, onError } = Object.assign(Object.assign({}, defaultProps), props);
   const [innerLoading, setInnerLoading] = useState(false);
   const [isError, setIsError] = useState(false);
   const [complete, setComplete] = useState(false);
@@ -114,12 +114,11 @@ const Image = (props) => {
     { className: classNames(classPrefix, className), style: containerStyle, onClick: (e) => {
       imageClick(e);
     } },
-    lazy ? React__default.createElement("img", { ref: imgRef, className: "nut-img lazyload", style: imgStyle, "data-src": src, alt, loading: "lazy", onLoad: handleLoad, onError: handleError, draggable: props.draggable }) : React__default.createElement("img", { ref: imgRef, className: "nut-img", style: imgStyle, src, alt, onLoad: handleLoad, onError: handleError, draggable: props.draggable }),
+    lazy ? React__default.createElement("img", { ref: imgRef, className: "nut-img lazyload", style: imgStyle, "data-src": src, alt, loading: "lazy", onLoad: handleLoad, onError: handleError, draggable }) : React__default.createElement("img", { ref: imgRef, className: "nut-img", style: imgStyle, src, alt, onLoad: handleLoad, onError: handleError, draggable }),
     renderLoading(),
     renderErrorImg()
   );
 };
-Image.defaultProps = defaultProps;
 Image.displayName = "NutImage";
 export {
   Image as default

package/dist/esm/ImagePreview.js

@@ -125,16 +125,17 @@ const ImagePreview = (props) => {
     setActive(page + 1);
     (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, page + 1);
   };
-  const onCloseInner = () => {
+  const onCloseInner = (e) => {
+    e.stopPropagation();
     setShowPop(false);
     setActive(innerNo);
     scaleNow();
     onClose && onClose();
     setStore(Object.assign(Object.assign({}, store), { scale: 1 }));
   };
-  const closeOnImg = () => {
+  const closeOnImg = (e) => {
     if (closeOnContentClick) {
-      onCloseInner();
+      onCloseInner(e);
     }
   };
   const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;

package/dist/esm/NavBar.js

@@ -79,7 +79,6 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix, classes, className);
   return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", { className: `${classPrefix}-placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps;
 NavBar.displayName = "NutNavBar";
 export {
   NavBar as default

package/dist/esm/Row.js

@@ -25,7 +25,6 @@ const Row = (props) => {
     }
   }, children));
 };
-Row.defaultProps = defaultProps;
 Row.displayName = "NutRow";
 export {
   Row as default

package/dist/esm/SideNavBar.js

@@ -7,8 +7,8 @@ import { C as ComponentDefaults } from "./typings.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { position: "left", width: "80%" });
 const SideNavBar = (props) => {
   const classPrefix = "nut-sidenavbar";
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, visible, width, position, children, className, onClose } = _a, rest = __rest(_a, ["title", "visible", "width", "position", "children", "className", "onClose"]);
-  const indent = props.indent ? Number(props.indent) : 20;
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, visible, width, position, children, className, onClose, indent } = _a, rest = __rest(_a, ["title", "visible", "width", "position", "children", "className", "onClose", "indent"]);
+  const innerIndent = indent ? Number(indent) : 20;
   return React__default.createElement(
     Popup__default,
     { visible, style: { width, height: "100%" }, position, onClose },
@@ -23,14 +23,14 @@ const SideNavBar = (props) => {
           { className: `${classPrefix}-list sidenavbar-show`, onClick: handleClick },
           React__default.createElement(
             "div",
-            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${indent}px` } },
+            { className: `${classPrefix}-title ${classPrefix}-border-bt`, style: { paddingLeft: `${innerIndent}px` } },
             title,
             " ",
             React__default.createElement("i", { className: "arrow-icon arrow-down" })
           ),
           React__default.createElement(
             OffsetContext.Provider,
-            { value: indent },
+            { value: innerIndent },
             React__default.createElement("div", { className: `${classPrefix}-content` }, children)
           )
         )
@@ -38,7 +38,6 @@ const SideNavBar = (props) => {
     )
   );
 };
-SideNavBar.defaultProps = defaultProps;
 SideNavBar.displayName = "NutSideNavBar";
 export {
   SideNavBar as default

package/dist/esm/Space.js

@@ -11,7 +11,6 @@ const Space = (props) => {
     return child !== null && child !== void 0 && React__default.createElement("div", { className: `${prefixCls}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps;
 Space.displayName = "NutSpace";
 export {
   Space as default

package/dist/esm/Sticky.js

@@ -131,7 +131,6 @@ const Sticky = (props) => {
     React__default.createElement("div", { className: "nut-sticky-box", ref: stickyRef, style: stickyStyle }, children)
   );
 };
-Sticky.defaultProps = defaultProps;
 Sticky.displayName = "NutSticky";
 export {
   Sticky as default

package/dist/esm/Tabbar.js

@@ -36,7 +36,6 @@ const Tabbar = (props) => {
     (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
 export {

package/dist/esm/griditem2.js

@@ -69,7 +69,6 @@ const GridItem = (props) => {
     )
   );
 };
-GridItem.defaultProps = defaultProps;
 GridItem.displayName = "NutGridItem";
 export {
   GridItem as G,

package/dist/esm/overlay2.js

@@ -87,7 +87,7 @@ const Overlay = (props) => {
       setInnerVisible(false);
     }
   }, [visible]);
-  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+  useLockScroll(nodeRef, !!lockScroll && innerVisible);
   const classes = classNames(classPrefix, className);
   const styles = Object.assign({}, style);
   const handleClick = (e) => {
@@ -111,7 +111,6 @@ const Overlay = (props) => {
     )
   );
 };
-Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 export {
   Overlay as O,

package/dist/esm/safearea2.js

@@ -4,6 +4,7 @@ const classPrefix = "nut-safe-area";
 const SafeArea = (props) => {
   return React__default.createElement("div", { className: classNames(classPrefix, `${classPrefix}-position-${props.position}`) });
 };
+SafeArea.displayName = "NutSafeArea";
 export {
   SafeArea as S
 };

package/dist/esm/tabs2.js

@@ -11,10 +11,10 @@ const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabSt
 const classPrefix = "nut-tabs";
 const Tabs = (props) => {
   const rtl = useRtl();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight, value: outerValue, defaultValue: outerDefaultValue } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight", "value", "defaultValue"]);
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     finalValue: 0,
     onChange
   });
@@ -44,13 +44,13 @@ const Tabs = (props) => {
     }
     const title2 = titleItem[index];
     let to = 0;
-    if (props.direction === "vertical") {
+    if (direction === "vertical") {
       const runTop = title2.offsetTop - nav.offsetTop + 10;
       to = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
     } else {
       to = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
-    scrollDirection(nav, to, immediate ? 0 : 0.3, props.direction);
+    scrollDirection(nav, to, immediate ? 0 : 0.3, direction);
   };
   const getTitles = () => {
     const titles2 = [];
@@ -156,7 +156,6 @@ const Tabs = (props) => {
     )
   );
 };
-Tabs.defaultProps = defaultProps;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane__default;
 export {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:52 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:33 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:24 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:06 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1242,7 +1242,6 @@ const CellGroup = (props) => {
     /* @__PURE__ */ React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
   ));
 };
-CellGroup.defaultProps = defaultProps$1t;
 CellGroup.displayName = "NutCellGroup";
 const defaultProps$1s = {
   ...ComponentDefaults,
@@ -1302,7 +1301,6 @@ const Cell = (props) => {
     (ctx2 == null ? void 0 : ctx2.divider) ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix$q}-divider` }) : null
   );
 };
-Cell.defaultProps = defaultProps$1s;
 Cell.displayName = "NutCell";
 Cell.Group = CellGroup;
 var INFINITY = 1 / 0;
@@ -2490,6 +2488,7 @@ const Image$1 = (props) => {
     error,
     loading,
     lazy,
+    draggable,
     onClick,
     onLoad,
     onError
@@ -2618,7 +2617,7 @@ const Image$1 = (props) => {
         loading: "lazy",
         onLoad: handleLoad,
         onError: handleError,
-        draggable: props.draggable
+        draggable
       }
     ) : /* @__PURE__ */ React__default.createElement(
       "img",
@@ -2630,14 +2629,13 @@ const Image$1 = (props) => {
         alt,
         onLoad: handleLoad,
         onError: handleError,
-        draggable: props.draggable
+        draggable
       }
     ),
     renderLoading(),
     renderErrorImg()
   );
 };
-Image$1.defaultProps = defaultProps$1r;
 Image$1.displayName = "NutImage";
 function _extends$4() {
   _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -4598,7 +4596,7 @@ const Overlay = (props) => {
       setInnerVisible(false);
     }
   }, [visible]);
-  useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+  useLockScroll(nodeRef, !!lockScroll && innerVisible);
   const classes = classNames(classPrefix2, className);
   const styles = {
     ...style
@@ -4638,7 +4636,6 @@ const Overlay = (props) => {
     )
   ));
 };
-Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = "NutOverlay";
 const DataContext$1 = createContext({});
 const defaultProps$1q = {
@@ -4681,7 +4678,6 @@ const Col = (props) => {
     children
   );
 };
-Col.defaultProps = defaultProps$1q;
 Col.displayName = "NutCol";
 const defaultProps$1p = {
   ...ComponentDefaults,
@@ -4706,7 +4702,6 @@ const Divider = (props) => {
   });
   return /* @__PURE__ */ React__default.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
 };
-Divider.defaultProps = defaultProps$1p;
 Divider.displayName = "NutDivider";
 const gridContext = {
   onClick: (item, index) => {
@@ -4797,7 +4792,6 @@ const GridItem = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children), text && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-text` }, text))
   );
 };
-GridItem.defaultProps = defaultProps$1o;
 GridItem.displayName = "NutGridItem";
 const defaultProps$1n = {
   columns: 4,
@@ -4854,7 +4848,6 @@ const Grid = (props) => {
     });
   })));
 };
-Grid.defaultProps = defaultProps$1n;
 Grid.displayName = "NutGrid";
 Grid.Item = GridItem;
 const defaultProps$1m = {};
@@ -4917,7 +4910,6 @@ const Row = (props) => {
     children
   ));
 };
-Row.defaultProps = defaultProps$1l;
 Row.displayName = "NutRow";
 const prefixCls$1 = "nut-space";
 const defaultProps$1k = {
@@ -4940,7 +4932,6 @@ const Space = (props) => {
     return child !== null && child !== void 0 && /* @__PURE__ */ React__default.createElement("div", { className: `${prefixCls$1}-item` }, child);
   }));
 };
-Space.defaultProps = defaultProps$1k;
 Space.displayName = "NutSpace";
 function isWindow(val) {
   return val === window;
@@ -5128,7 +5119,6 @@ const Sticky = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: "nut-sticky-box", ref: stickyRef, style: stickyStyle }, children)
   );
 };
-Sticky.defaultProps = defaultProps$1j;
 Sticky.displayName = "NutSticky";
 const classPrefix$k = "nut-safe-area";
 const SafeArea = (props) => {
@@ -5142,6 +5132,7 @@ const SafeArea = (props) => {
     }
   );
 };
+SafeArea.displayName = "NutSafeArea";
 const defaultProps$1i = {
   ...ComponentDefaults,
   target: "",
@@ -5258,7 +5249,6 @@ const BackTop = (props) => {
     children || /* @__PURE__ */ React__default.createElement(e$1, { width: 19, height: 19, className: "nut-backtop-main" })
   );
 };
-BackTop.defaultProps = defaultProps$1i;
 BackTop.displayName = "NutBackTop";
 function clamp$2(v, min, max) {
   return Math.max(min, Math.min(v, max));
@@ -10578,7 +10568,6 @@ const Elevator = (props) => {
     })
   ))) : null);
 };
-Elevator.defaultProps = defaultProps$1h;
 Elevator.displayName = "NutElevator";
 Elevator.Context = elevatorContext;
 const defaultProps$1g = {
@@ -10661,7 +10650,6 @@ const FixedNav = (props) => {
     /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(e$d, { color: "#fff" }), /* @__PURE__ */ React__default.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
   );
 };
-FixedNav.defaultProps = defaultProps$1g;
 FixedNav.displayName = "NutFixedNav";
 const defaultProps$1f = {
   ...ComponentDefaults,
@@ -10764,7 +10752,6 @@ const NavBar = (props) => {
   const cls = classNames(classPrefix2, classes, className);
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
 };
-NavBar.defaultProps = defaultProps$1f;
 NavBar.displayName = "NutNavBar";
 const defaultProps$1e = {
   ...ComponentDefaults,
@@ -10991,12 +10978,13 @@ const SideNavBar = (props) => {
     children,
     className,
     onClose,
+    indent,
     ...rest
   } = {
     ...defaultProps$1d,
     ...props
   };
-  const indent = props.indent ? Number(props.indent) : 20;
+  const innerIndent = indent ? Number(indent) : 20;
   return /* @__PURE__ */ React__default.createElement(
     Popup,
     {
@@ -11015,17 +11003,16 @@ const SideNavBar = (props) => {
         "div",
         {
           className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-          style: { paddingLeft: `${indent}px` }
+          style: { paddingLeft: `${innerIndent}px` }
         },
         title,
         " ",
         /* @__PURE__ */ React__default.createElement("i", { className: "arrow-icon arrow-down" })
       ),
-      /* @__PURE__ */ React__default.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, children))
+      /* @__PURE__ */ React__default.createElement(OffsetContext.Provider, { value: innerIndent }, /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-content` }, children))
     )))
   );
 };
-SideNavBar.defaultProps = defaultProps$1d;
 SideNavBar.displayName = "NutSideNavBar";
 const SideNavBarItem = (props) => {
   const classPrefix2 = "nut-subsidenavbar";
@@ -11339,7 +11326,6 @@ const Tabbar = (props) => {
     (fixed || safeArea) && /* @__PURE__ */ React__default.createElement("div", { className: `${classPrefix2}-safe-area` })
   );
 };
-Tabbar.defaultProps = defaultProps$19;
 Tabbar.displayName = "NutTabbar";
 Tabbar.Item = TabbarItem;
 const defaultProps$18 = {
@@ -11388,14 +11374,16 @@ const Tabs = (props) => {
     onChange,
     className,
     autoHeight,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     ...rest
   } = {
     ...defaultProps$17,
     ...props
   };
   const [value, setValue] = usePropsValue({
-    value: props.value,
-    defaultValue: props.defaultValue,
+    value: outerValue,
+    defaultValue: outerDefaultValue,
     finalValue: 0,
     onChange
   });
@@ -11425,13 +11413,13 @@ const Tabs = (props) => {
     }
     const title2 = titleItem[index];
     let to2 = 0;
-    if (props.direction === "vertical") {
+    if (direction === "vertical") {
       const runTop = title2.offsetTop - nav.offsetTop + 10;
       to2 = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
     } else {
       to2 = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
-    scrollDirection(nav, to2, immediate ? 0 : 0.3, props.direction);
+    scrollDirection(nav, to2, immediate ? 0 : 0.3, direction);
   };
   const getTitles = () => {
     const titles2 = [];
@@ -11561,7 +11549,6 @@ const Tabs = (props) => {
     return React__default.cloneElement(child, childProps);
   }))));
 };
-Tabs.defaultProps = defaultProps$17;
 Tabs.displayName = "NutTabs";
 Tabs.TabPane = TabPane;
 const formatTree = (tree, parent, config2) => tree.map((node) => {
@@ -23409,7 +23396,8 @@ const ImagePreview = (props) => {
     setActive(page + 1);
     (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
   };
-  const onCloseInner = () => {
+  const onCloseInner = (e2) => {
+    e2.stopPropagation();
     setShowPop(false);
     setActive(innerNo);
     scaleNow();
@@ -23419,9 +23407,9 @@ const ImagePreview = (props) => {
       scale: 1
     });
   };
-  const closeOnImg = () => {
+  const closeOnImg = (e2) => {
     if (closeOnContentClick) {
-      onCloseInner();
+      onCloseInner(e2);
     }
   };
   const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;

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.nutui || {}, global2.nutui.react = {}), global2.React, global2.ReactDOM));
 })(this, function(exports2, React, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:24 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:06 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -1260,7 +1260,6 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     ));
   };
-  CellGroup.defaultProps = defaultProps$1t;
   CellGroup.displayName = "NutCellGroup";
   const defaultProps$1s = {
     ...ComponentDefaults,
@@ -1320,7 +1319,6 @@ Check the top-level render call using <` + t2 + ">.");
       (ctx2 == null ? void 0 : ctx2.divider) ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}-divider` }) : null
     );
   };
-  Cell.defaultProps = defaultProps$1s;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -2508,6 +2506,7 @@ Check the top-level render call using <` + t2 + ">.");
       error,
       loading,
       lazy,
+      draggable,
       onClick,
       onLoad,
       onError
@@ -2636,7 +2635,7 @@ Check the top-level render call using <` + t2 + ">.");
           loading: "lazy",
           onLoad: handleLoad,
           onError: handleError,
-          draggable: props.draggable
+          draggable
         }
       ) : /* @__PURE__ */ React.createElement(
         "img",
@@ -2648,14 +2647,13 @@ Check the top-level render call using <` + t2 + ">.");
           alt,
           onLoad: handleLoad,
           onError: handleError,
-          draggable: props.draggable
+          draggable
         }
       ),
       renderLoading(),
       renderErrorImg()
     );
   };
-  Image$1.defaultProps = defaultProps$1r;
   Image$1.displayName = "NutImage";
   function _extends$4() {
     _extends$4 = Object.assign ? Object.assign.bind() : function(target) {
@@ -4616,7 +4614,7 @@ Check the top-level render call using <` + t2 + ">.");
         setInnerVisible(false);
       }
     }, [visible]);
-    useLockScroll(nodeRef, !!props.lockScroll && innerVisible);
+    useLockScroll(nodeRef, !!lockScroll && innerVisible);
     const classes = classNames(classPrefix2, className);
     const styles = {
       ...style
@@ -4656,7 +4654,6 @@ Check the top-level render call using <` + t2 + ">.");
       )
     ));
   };
-  Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
   const defaultProps$1q = {
@@ -4699,7 +4696,6 @@ Check the top-level render call using <` + t2 + ">.");
       children
     );
   };
-  Col.defaultProps = defaultProps$1q;
   Col.displayName = "NutCol";
   const defaultProps$1p = {
     ...ComponentDefaults,
@@ -4724,7 +4720,6 @@ Check the top-level render call using <` + t2 + ">.");
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1p;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -4815,7 +4810,6 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement("div", { className: contentClass() }, children && /* @__PURE__ */ React.createElement(React.Fragment, null, children), text && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-text` }, text))
     );
   };
-  GridItem.defaultProps = defaultProps$1o;
   GridItem.displayName = "NutGridItem";
   const defaultProps$1n = {
     columns: 4,
@@ -4872,7 +4866,6 @@ Check the top-level render call using <` + t2 + ">.");
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1n;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
   const defaultProps$1m = {};
@@ -4935,7 +4928,6 @@ Check the top-level render call using <` + t2 + ">.");
       children
     ));
   };
-  Row.defaultProps = defaultProps$1l;
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
   const defaultProps$1k = {
@@ -4958,7 +4950,6 @@ Check the top-level render call using <` + t2 + ">.");
       return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls$1}-item` }, child);
     }));
   };
-  Space.defaultProps = defaultProps$1k;
   Space.displayName = "NutSpace";
   function isWindow(val) {
     return val === window;
@@ -5146,7 +5137,6 @@ Check the top-level render call using <` + t2 + ">.");
       /* @__PURE__ */ React.createElement("div", { className: "nut-sticky-box", ref: stickyRef, style: stickyStyle }, children)
     );
   };
-  Sticky.defaultProps = defaultProps$1j;
   Sticky.displayName = "NutSticky";
   const classPrefix$k = "nut-safe-area";
   const SafeArea = (props) => {
@@ -5160,6 +5150,7 @@ Check the top-level render call using <` + t2 + ">.");
       }
     );
   };
+  SafeArea.displayName = "NutSafeArea";
   const defaultProps$1i = {
     ...ComponentDefaults,
     target: "",
@@ -5276,7 +5267,6 @@ Check the top-level render call using <` + t2 + ">.");
       children || /* @__PURE__ */ React.createElement(e$1, { width: 19, height: 19, className: "nut-backtop-main" })
     );
   };
-  BackTop.defaultProps = defaultProps$1i;
   BackTop.displayName = "NutBackTop";
   function clamp$2(v, min, max) {
     return Math.max(min, Math.min(v, max));
@@ -10596,7 +10586,6 @@ Please add \`${key}Action\` when creating your handler.`);
       })
     ))) : null);
   };
-  Elevator.defaultProps = defaultProps$1h;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
   const defaultProps$1g = {
@@ -10679,7 +10668,6 @@ Please add \`${key}Action\` when creating your handler.`);
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(e$d, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
-  FixedNav.defaultProps = defaultProps$1g;
   FixedNav.displayName = "NutFixedNav";
   const defaultProps$1f = {
     ...ComponentDefaults,
@@ -10782,7 +10770,6 @@ Please add \`${key}Action\` when creating your handler.`);
     const cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1f;
   NavBar.displayName = "NutNavBar";
   const defaultProps$1e = {
     ...ComponentDefaults,
@@ -11009,12 +10996,13 @@ Please add \`${key}Action\` when creating your handler.`);
       children,
       className,
       onClose,
+      indent,
       ...rest
     } = {
       ...defaultProps$1d,
       ...props
     };
-    const indent = props.indent ? Number(props.indent) : 20;
+    const innerIndent = indent ? Number(indent) : 20;
     return /* @__PURE__ */ React.createElement(
       Popup,
       {
@@ -11033,17 +11021,16 @@ Please add \`${key}Action\` when creating your handler.`);
           "div",
           {
             className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-            style: { paddingLeft: `${indent}px` }
+            style: { paddingLeft: `${innerIndent}px` }
           },
           title,
           " ",
           /* @__PURE__ */ React.createElement("i", { className: "arrow-icon arrow-down" })
         ),
-        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: indent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children))
+        /* @__PURE__ */ React.createElement(OffsetContext.Provider, { value: innerIndent }, /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-content` }, children))
       )))
     );
   };
-  SideNavBar.defaultProps = defaultProps$1d;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -11357,7 +11344,6 @@ Please add \`${key}Action\` when creating your handler.`);
       (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
     );
   };
-  Tabbar.defaultProps = defaultProps$19;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
   const defaultProps$18 = {
@@ -11406,14 +11392,16 @@ Please add \`${key}Action\` when creating your handler.`);
       onChange,
       className,
       autoHeight,
+      value: outerValue,
+      defaultValue: outerDefaultValue,
       ...rest
     } = {
       ...defaultProps$17,
       ...props
     };
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: outerValue,
+      defaultValue: outerDefaultValue,
       finalValue: 0,
       onChange
     });
@@ -11443,13 +11431,13 @@ Please add \`${key}Action\` when creating your handler.`);
       }
       const title2 = titleItem[index];
       let to2 = 0;
-      if (props.direction === "vertical") {
+      if (direction === "vertical") {
         const runTop = title2.offsetTop - nav.offsetTop + 10;
         to2 = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
       } else {
         to2 = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
       }
-      scrollDirection(nav, to2, immediate ? 0 : 0.3, props.direction);
+      scrollDirection(nav, to2, immediate ? 0 : 0.3, direction);
     };
     const getTitles = () => {
       const titles2 = [];
@@ -11579,7 +11567,6 @@ Please add \`${key}Action\` when creating your handler.`);
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$17;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   const formatTree = (tree, parent, config2) => tree.map((node) => {
@@ -23427,7 +23414,8 @@ Please add \`${key}Action\` when creating your handler.`);
       setActive(page + 1);
       (_a = props.onChange) == null ? void 0 : _a.call(props, page + 1);
     };
-    const onCloseInner = () => {
+    const onCloseInner = (e2) => {
+      e2.stopPropagation();
       setShowPop(false);
       setActive(innerNo);
       scaleNow();
@@ -23437,9 +23425,9 @@ Please add \`${key}Action\` when creating your handler.`);
         scale: 1
       });
     };
-    const closeOnImg = () => {
+    const closeOnImg = (e2) => {
       if (closeOnContentClick) {
-        onCloseInner();
+        onCloseInner(e2);
       }
     };
     const duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v2.6.3 Tue Apr 30 2024 14:15:43 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v2.6.4 Fri May 10 2024 14:45:24 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/types/utils/use-lock-fn.d.ts

@@ -1,2 +0,0 @@
-declare function useLockFn<P extends any[] = any[], V = any>(fn: (...args: P) => Promise<V>): (...args: P) => Promise<V | undefined>;
-export default useLockFn;