@nutui/nutui-react-taro 2.6.2 → 2.6.4

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.2 Fri Apr 26 2024 15:05:09 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.4 Fri May 10 2024 14:49:22 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -333,7 +333,6 @@
       /* @__PURE__ */ React.createElement(CellGroupContext.Provider, { value: { divider } }, children)
     ));
   };
-  CellGroup.defaultProps = defaultProps$1v;
   CellGroup.displayName = "NutCellGroup";
   const defaultProps$1u = {
     ...ComponentDefaults,
@@ -393,7 +392,6 @@
       (ctx == null ? void 0 : ctx.divider) ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix$q}-divider` }) : null
     );
   };
-  Cell.defaultProps = defaultProps$1u;
   Cell.displayName = "NutCell";
   Cell.Group = CellGroup;
   var INFINITY = 1 / 0;
@@ -1618,7 +1616,6 @@
       }
     ), renderLoading(), renderErrorImg());
   };
-  Image$1.defaultProps = defaultProps$1t;
   Image$1.displayName = "NutImage";
   function _extends$1() {
     _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
@@ -3440,6 +3437,19 @@
     }
     return root2;
   }
+  let passiveSupported = false;
+  if (canUseDom) {
+    try {
+      const opts = Object.defineProperty({}, "passive", {
+        get() {
+          passiveSupported = true;
+        }
+      });
+      window.addEventListener("test-passive-supported", null, opts);
+    } catch (e2) {
+      console.log(e2);
+    }
+  }
   let totalLockCount = 0;
   const BODY_LOCK_CLASS = "nut-overflow-hidden";
   function getScrollableElement(el) {
@@ -3488,7 +3498,7 @@
       document.addEventListener(
         "touchmove",
         onTouchMove,
-        false
+        passiveSupported ? { passive: false } : false
       );
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
@@ -3551,7 +3561,7 @@
     };
     const classPrefix2 = `nut-overlay`;
     const [innerVisible, setInnerVisible] = React.useState(visible);
-    const nodeRef = useLockScrollTaro(!!props.lockScroll && innerVisible);
+    const nodeRef = useLockScrollTaro(!!lockScroll && innerVisible);
     React.useEffect(() => {
       if (visible) {
         setInnerVisible(true);
@@ -3599,7 +3609,6 @@
       )
     ));
   };
-  Overlay.defaultProps = defaultOverlayProps;
   Overlay.displayName = "NutOverlay";
   const DataContext$1 = React.createContext({});
   const defaultProps$1s = {
@@ -3642,7 +3651,6 @@
       children
     );
   };
-  Col.defaultProps = defaultProps$1s;
   Col.displayName = "NutCol";
   const defaultProps$1r = {
     ...ComponentDefaults,
@@ -3667,7 +3675,6 @@
     });
     return /* @__PURE__ */ React.createElement("div", { className: `${classes} ${className || ""}`, style, ...rest }, children);
   };
-  Divider.defaultProps = defaultProps$1r;
   Divider.displayName = "NutDivider";
   const gridContext = {
     onClick: (item, index) => {
@@ -3758,7 +3765,6 @@
       /* @__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$1q;
   GridItem.displayName = "NutGridItem";
   const defaultProps$1p = {
     columns: 4,
@@ -3815,7 +3821,6 @@
       });
     })));
   };
-  Grid.defaultProps = defaultProps$1p;
   Grid.displayName = "NutGrid";
   Grid.Item = GridItem;
   const defaultProps$1o = {};
@@ -3878,7 +3883,6 @@
       children
     ));
   };
-  Row.defaultProps = defaultProps$1n;
   Row.displayName = "NutRow";
   const prefixCls$1 = "nut-space";
   const defaultProps$1m = {
@@ -3901,7 +3905,6 @@
       return child !== null && child !== void 0 && /* @__PURE__ */ React.createElement("div", { className: `${prefixCls$1}-item` }, child);
     }));
   };
-  Space.defaultProps = defaultProps$1m;
   Space.displayName = "NutSpace";
   function useWatch(dep, callback, config2 = { immediate: false }) {
     const { immediate } = config2;
@@ -4102,7 +4105,6 @@
       )
     );
   };
-  Sticky.defaultProps = defaultProps$1l;
   Sticky.displayName = "NutSticky";
   const classPrefix$l = "nut-safe-area";
   const SafeArea = (props) => {
@@ -4116,6 +4118,7 @@
       }
     );
   };
+  SafeArea.displayName = "NutSafeArea";
   const defaultProps$1k = {
     ...ComponentDefaults,
     threshold: 200,
@@ -4167,7 +4170,6 @@
       children || /* @__PURE__ */ React.createElement(D, { size: 19, className: "nut-backtop-main" })
     );
   };
-  BackTop.defaultProps = defaultProps$1k;
   BackTop.displayName = "NutBackTop";
   const elevatorContext = React.createContext({});
   const defaultProps$1j = {
@@ -4412,7 +4414,6 @@
       })
     ))) : null, sticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-list-fixed` }, /* @__PURE__ */ React.createElement("span", { className: `${classPrefix2}-list-fixed-title` }, list[codeIndex][floorKey])) : null);
   };
-  Elevator.defaultProps = defaultProps$1j;
   Elevator.displayName = "NutElevator";
   Elevator.Context = elevatorContext;
   const defaultProps$1i = {
@@ -4495,7 +4496,6 @@
       /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-btn`, onClick: () => onUpdateValue() }, content || /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(g$5, { color: "#fff" }), /* @__PURE__ */ React.createElement("div", { className: "text" }, visible ? activeText || locale.fixednav.activeText : inactiveText || locale.fixednav.inactiveText)))
     );
   };
-  FixedNav.defaultProps = defaultProps$1i;
   FixedNav.displayName = "NutFixedNav";
   const defaultProps$1h = {
     ...ComponentDefaults,
@@ -4600,7 +4600,6 @@
     const cls = classNames(classPrefix2, classes, className);
     return /* @__PURE__ */ React.createElement(React.Fragment, null, fixed && placeholder ? /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix2}-placeholder` }, renderWrapper()) : renderWrapper());
   };
-  NavBar.defaultProps = defaultProps$1h;
   NavBar.displayName = "NutNavBar";
   const defaultProps$1g = {
     ...ComponentDefaults,
@@ -4813,12 +4812,13 @@
       children,
       className,
       onClose,
+      indent,
       ...rest
     } = {
       ...defaultProps$1f,
       ...props
     };
-    const indent = props.indent ? Number(props.indent) : 20;
+    const innerIndent = indent ? Number(indent) : 20;
     const [sidenavbarShow, setSidenavbarShow] = React.useState(true);
     const handleClick = () => {
       setSidenavbarShow(!sidenavbarShow);
@@ -4841,7 +4841,7 @@
           "div",
           {
             className: `${classPrefix2}-title ${classPrefix2}-border-bt`,
-            style: { paddingLeft: `${indent}px` }
+            style: { paddingLeft: `${innerIndent}px` }
           },
           title,
           /* @__PURE__ */ React.createElement(
@@ -4851,11 +4851,10 @@
             }
           )
         ),
-        /* @__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$1f;
   SideNavBar.displayName = "NutSideNavBar";
   const SideNavBarItem = (props) => {
     const classPrefix2 = "nut-subsidenavbar";
@@ -5170,7 +5169,6 @@
       (fixed || safeArea) && /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-safe-area` })
     );
   };
-  Tabbar.defaultProps = defaultProps$1b;
   Tabbar.displayName = "NutTabbar";
   Tabbar.Item = TabbarItem;
   const defaultProps$1a = {
@@ -5247,6 +5245,8 @@
       onChange,
       className,
       autoHeight,
+      value: outerValue,
+      defaultValue: outerDefaultValue,
       ...rest
     } = {
       ...defaultProps$19,
@@ -5254,12 +5254,11 @@
     };
     const uuid = useUuid();
     const [value, setValue] = usePropsValue({
-      value: props.value,
-      defaultValue: props.defaultValue,
+      value: outerValue,
+      defaultValue: outerDefaultValue,
       finalValue: 0,
       onChange
     });
-    const [contentStyle, setContentStyle] = React.useState({});
     const titleItemsRef = React.useRef([]);
     const navRef = React.useRef(null);
     const getTitles = () => {
@@ -5354,7 +5353,7 @@
           if (!titleRect)
             return;
           let to = 0;
-          if (props.direction === "vertical") {
+          if (direction === "vertical") {
             const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, 0);
             to = top - (navRectRef.current.height - titleRect.height) / 2;
           } else {
@@ -5369,15 +5368,21 @@
         });
       });
     };
-    React.useEffect(() => {
+    const getContentStyle = () => {
       let index = titles.current.findIndex(
         (t) => String(t.value) === String(value)
       );
       index = index < 0 ? 0 : index;
-      setContentStyle({
+      return {
         transform: direction === "horizontal" ? `translate3d(${rtl ? "" : "-"}${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
         transitionDuration: `${duration}ms`
-      });
+      };
+    };
+    React.useEffect(() => {
+      let index = titles.current.findIndex(
+        (t) => String(t.value) === String(value)
+      );
+      index = index < 0 ? 0 : index;
       scrollIntoView(index);
     }, [value]);
     const tabChange = (item, index) => {
@@ -5449,7 +5454,7 @@
           )
         );
       }))
-    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+    ), /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content-wrap` }, /* @__PURE__ */ React.createElement(components.View, { className: `${classPrefix$k}-content`, style: getContentStyle() }, React.Children.map(children, (child, idx) => {
       if (!React.isValidElement(child)) {
         return null;
       }
@@ -5466,7 +5471,6 @@
       return React.cloneElement(child, childProps);
     }))));
   };
-  Tabs.defaultProps = defaultProps$19;
   Tabs.displayName = "NutTabs";
   Tabs.TabPane = TabPane;
   const defaultProps$18 = {
@@ -8025,7 +8029,6 @@
     const getReference = async () => {
       const refe = await getRectByTaro(listRef == null ? void 0 : listRef.current);
       lineSpacing.current = refe.height ? refe.height : 36;
-      modifyStatus(true);
     };
     const touchRollerStyle = () => {
       return {
@@ -8059,7 +8062,7 @@
       moving: moving.current
     }));
     React.useEffect(() => {
-      const eventOptions = false;
+      const eventOptions = passiveSupported ? { passive: false, once: true } : false;
       const element = pickerPanelRef.current;
       element.addEventListener("touchstart", touchStart, eventOptions);
       element.addEventListener("touchmove", touchMove, eventOptions);
@@ -17113,7 +17116,8 @@
       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();
@@ -17123,9 +17127,9 @@
         scale: 1
       });
     };
-    const closeOnImg = () => {
+    const closeOnImg = (e2) => {
       if (closeOnContentClick) {
-        onCloseInner();
+        onCloseInner(e2);
       }
     };
     return /* @__PURE__ */ React.createElement(
@@ -18197,7 +18201,6 @@
       const pos = initPositinoCache(itemHeight + margin, list.length);
       setPositions(pos);
     }, [itemHeight, list]);
-    const prevListLength = React.useRef(list.length);
     const getContainerHeight = () => {
       const initH = (itemHeight + margin) * list.length;
       return initH < clientHeight ? initH + overscan * (itemHeight + margin) - 5 : Math.min(containerHeight, clientHeight);
@@ -18234,9 +18237,8 @@
       start.current = Math.floor(scrollTop / (itemHeight + margin));
       setStartOffset(scrollTop - scrollTop % (itemHeight + margin));
       const endIndex = end();
-      if (endIndex > list.length - 1 && prevListLength.current < list.length) {
+      if (endIndex > list.length - 1) {
         onScroll && onScroll();
-        prevListLength.current = list.length;
       }
     };
     return /* @__PURE__ */ React.createElement(

package/dist/packages/tabpane/tabpane.scss

@@ -4,7 +4,7 @@
   display: block;
   background-color: $color-background-overlay;
   color: $color-title;
-  padding: 24px 20px;
+  padding: $tabs-tabpane-padding;
   box-sizing: border-box;
   overflow: auto;