@nutui/nutui-react-taro 2.3.11 → 2.4.0

package/dist/esm/{sticky.taro-p-evMNR-.js → sticky.taro-DRBk3gkQ.js}

@@ -1,9 +1,10 @@
+import { _ as __rest, a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useEffect, useState, useMemo, useCallback } from "react";
 import classNames from "classnames";
 import { getEnv, usePageScroll, getSystemInfoSync } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { g as getScrollParent } from "./get-scroll-parent-uywvoQMl.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { g as getScrollParent } from "./get-scroll-parent-DB1VRg11.js";
 function useWatch(dep, callback, config = { immediate: false }) {
   const { immediate } = config;
   const prev = useRef();
@@ -27,14 +28,10 @@ function useWatch(dep, callback, config = { immediate: false }) {
     stop.current = true;
   };
 }
-const defaultProps = {
-  ...ComponentDefaults,
-  position: "top",
-  zIndex: 900
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { position: "top", zIndex: 900 });
 const classPrefix = "nut-sticky";
 const Sticky = (props) => {
-  const { position, zIndex, threshold, style, children, container, className, onChange, ...rest } = { ...defaultProps, ...props };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { position, zIndex, threshold, style, children, container, className, onChange } = _a, rest = __rest(_a, ["position", "zIndex", "threshold", "style", "children", "container", "className", "onChange"]);
   const stickyRef = useRef(null);
   const rootRef = useRef(null);
   const [rootRect, setRootRect] = useState({});
@@ -77,14 +74,14 @@ const Sticky = (props) => {
     style2.zIndex = zIndex;
     return style2;
   }, [fixed, rootRect.height, rootRect.width, transform, position]);
-  const handleScroll = async (scrollTop) => {
-    const curRootRect = await getRectByTaro(rootRef.current);
-    const stickyRect = await getRectByTaro(stickyRef.current);
+  const handleScroll = (scrollTop) => __awaiter(void 0, void 0, void 0, function* () {
+    const curRootRect = yield getRectByTaro(rootRef.current);
+    const stickyRect = yield getRectByTaro(stickyRef.current);
     if (curRootRect && stickyRect) {
       setRootRect(curRootRect);
       if (position === "top") {
         if (container) {
-          const containerRect = await getRectByTaro(container.current);
+          const containerRect = yield getRectByTaro(container.current);
           const difference = containerRect.bottom - threshold - curRootRect.height;
           const curTransform = difference < 0 ? difference : 0;
           setTransform(curTransform);
@@ -100,7 +97,7 @@ const Sticky = (props) => {
     } else {
       console.warn("getRectByTaro获取失败", { stickyRect, curRootRect });
     }
-  };
+  });
   const getElement = useCallback(() => {
     return getScrollParent(rootRef.current);
   }, []);
@@ -121,7 +118,7 @@ const Sticky = (props) => {
   });
   return React__default.createElement(
     "div",
-    { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
+    Object.assign({ ref: rootRef, style: rootStyle, className: classNames(classPrefix, className) }, rest),
     React__default.createElement("div", { className: classNames("nut-sticky-box", {
       "nut-sticky-fixed": fixed
     }), ref: stickyRef, style: stickyStyle }, children)

package/dist/esm/{subsidenavbar.taro-Zy52MDDG.js → subsidenavbar.taro-ByxYpgfP.js}

@@ -1,14 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useContext, useRef, useCallback, useEffect } from "react";
-import { O as OffsetContext } from "./context-6mGEMLsx.js";
+import { O as OffsetContext } from "./context-4T-L2x0_.js";
 const defaultProps = {
   open: true
 };
 const SubSideNavBar = (props) => {
   const classPrefix = "nut-subsidenavbar";
-  const { title, value, children, onClick, open, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { title, value, children, onClick, open } = _a, rest = __rest(_a, ["title", "value", "children", "onClick", "open"]);
   const [subShow, setSubShow] = useState(open);
   const offset = useContext(OffsetContext);
   const listRef = useRef(null);
@@ -40,16 +38,16 @@ const SubSideNavBar = (props) => {
     onClick && onClick({ title, value, isShow });
   };
   useEffect(() => {
-    var _a, _b;
-    const childNodes = (_a = listRef.current) == null ? void 0 : _a.children;
-    (_b = listRef.current) == null ? void 0 : _b.setAttribute("level", "1");
+    var _a2, _b;
+    const childNodes = (_a2 = listRef.current) === null || _a2 === void 0 ? void 0 : _a2.children;
+    (_b = listRef.current) === null || _b === void 0 ? void 0 : _b.setAttribute("level", "1");
     childNodes && setListLevel(childNodes);
   }, [setListLevel]);
   const divClass = subShow ? `${classPrefix}-list sidenavbar-show` : `${classPrefix}-list sidenavbar-hide`;
   const iconClass = subShow ? "arrow-icon arrow-down" : "arrow-icon arrow-up";
   return React__default.createElement(
     "div",
-    { className: divClass, ref: listRef, onClick: clickFn, ...rest },
+    Object.assign({ className: divClass, ref: listRef, onClick: clickFn }, rest),
     React__default.createElement(
       "div",
       { className: `${classPrefix}-title ${classPrefix}-border-bt` },

package/dist/esm/{swipe.taro-p2ONOq1o.js → swipe.taro-wm7YWwaj.js}

@@ -1,10 +1,11 @@
+import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { forwardRef, useRef, useState, useImperativeHandle, useEffect } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { useReady, nextTick } from "@tarojs/taro";
-import { u as useTouch } from "./use-touch-BUFdkOSA.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-piSHvCGp.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
+import { u as useTouch } from "./use-touch-OfEaR5qi.js";
+import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 function preventDefault(event, isStopPropagation) {
   if (typeof event.cancelable !== "boolean" || event.cancelable) {
     event.preventDefault();
@@ -13,27 +14,24 @@ function preventDefault(event, isStopPropagation) {
     event.stopPropagation();
   }
 }
-const defaultProps = {
-  ...ComponentDefaults,
-  name: ""
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { name: "" });
 const Swipe = forwardRef((props, instanceRef) => {
   const classPrefix = "nut-swipe";
   const touch = useTouch();
   useReady(() => {
-    const getWidth = async () => {
+    const getWidth = () => __awaiter(void 0, void 0, void 0, function* () {
       if (leftWrapper.current) {
-        const leftRect = await getRectByTaro(leftWrapper.current);
-        setActionWidth((v) => ({ ...v, left: leftRect.width }));
+        const leftRect = yield getRectByTaro(leftWrapper.current);
+        setActionWidth((v) => Object.assign(Object.assign({}, v), { left: leftRect.width }));
       }
       if (rightWrapper.current) {
-        const rightRect = await getRectByTaro(rightWrapper.current);
-        setActionWidth((v) => ({ ...v, right: rightRect.width }));
+        const rightRect = yield getRectByTaro(rightWrapper.current);
+        setActionWidth((v) => Object.assign(Object.assign({}, v), { right: rightRect.width }));
       }
-    };
+    });
     nextTick(() => getWidth());
   });
-  const { children, className, style } = { ...defaultProps, ...props };
+  const { children, className, style } = Object.assign(Object.assign({}, defaultProps), props);
   const root = useRef();
   const opened = useRef(false);
   const lockClick = useRef(false);
@@ -52,33 +50,33 @@ const Swipe = forwardRef((props, instanceRef) => {
   };
   const leftWidth = actionWidth.left;
   const rightWidth = actionWidth.right;
-  const onTouchStart = async (event) => {
+  const onTouchStart = (event) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     if (leftWrapper.current) {
-      const leftRect = await getRectByTaro(leftWrapper.current);
-      setActionWidth((v) => ({ ...v, left: leftRect.width }));
+      const leftRect = yield getRectByTaro(leftWrapper.current);
+      setActionWidth((v) => Object.assign(Object.assign({}, v), { left: leftRect.width }));
     }
     if (rightWrapper.current) {
-      const rightRect = await getRectByTaro(rightWrapper.current);
-      setActionWidth((v) => ({ ...v, right: rightRect == null ? void 0 : rightRect.width }));
+      const rightRect = yield getRectByTaro(rightWrapper.current);
+      setActionWidth((v) => Object.assign(Object.assign({}, v), { right: rightRect === null || rightRect === void 0 ? void 0 : rightRect.width }));
     }
     if (!props.disabled) {
       startOffset.current = state.offset;
       touch.start(event);
-      (_a = props.onTouchStart) == null ? void 0 : _a.call(props, event);
+      (_a = props.onTouchStart) === null || _a === void 0 ? void 0 : _a.call(props, event);
     }
-  };
+  });
   const onTouchMove = (event) => {
     var _a;
     if (props.disabled) {
       return;
     }
     touch.move(event);
-    (_a = props.onTouchMove) == null ? void 0 : _a.call(props, event);
+    (_a = props.onTouchMove) === null || _a === void 0 ? void 0 : _a.call(props, event);
     if (touch.isHorizontal()) {
       lockClick.current = true;
       props.onTouchMove && props.onTouchMove(event);
-      const newState = { ...state, dragging: true };
+      const newState = Object.assign(Object.assign({}, state), { dragging: true });
       const isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
       if (isEdge) {
         preventDefault(event, true);
@@ -90,12 +88,12 @@ const Swipe = forwardRef((props, instanceRef) => {
   const onTouchEnd = (event) => {
     var _a;
     if (state.dragging) {
-      setState((v) => ({ ...v, dragging: false }));
+      setState((v) => Object.assign(Object.assign({}, v), { dragging: false }));
       toggle(state.offset > 0 ? "left" : "right");
       setTimeout(() => {
         lockClick.current = false;
       }, 0);
-      (_a = props.onTouchEnd) == null ? void 0 : _a.call(props, event);
+      (_a = props.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(props, event);
     }
   };
   const toggle = (side) => {
@@ -114,19 +112,19 @@ const Swipe = forwardRef((props, instanceRef) => {
     opened.current = true;
     const offset = side === "left" ? leftWidth : -rightWidth;
     const name = props.name;
-    (_a = props.onOpen) == null ? void 0 : _a.call(props, { name, position: side });
-    setState((v) => ({ ...v, offset: Number(offset) || 0 }));
+    (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, { name, position: side });
+    setState((v) => Object.assign(Object.assign({}, v), { offset: Number(offset) || 0 }));
   };
   const close = (position) => {
     var _a;
     if (opened.current) {
       opened.current = false;
-      (_a = props.onClose) == null ? void 0 : _a.call(props, {
+      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, {
         name: props.name,
         position: position || "left"
       });
     }
-    setState((v) => ({ ...v, offset: 0 }));
+    setState((v) => Object.assign(Object.assign({}, v), { offset: 0 }));
   };
   const rangeCalculation = (num, min, max) => {
     return Math.min(Math.max(Number(num), Number(min)), Number(max));
@@ -145,7 +143,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     if (props.beforeClose) {
       props.beforeClose(position);
     } else {
-      (_a = props.onActionClick) == null ? void 0 : _a.call(props, event, position);
+      (_a = props.onActionClick) === null || _a === void 0 ? void 0 : _a.call(props, event, position);
     }
   };
   useImperativeHandle(instanceRef, () => ({
@@ -157,7 +155,7 @@ const Swipe = forwardRef((props, instanceRef) => {
       const targets = [root];
       if (targets.some((targetItem) => {
         const targetElement = targetItem.current || targetItem;
-        return !targetElement || (targetElement == null ? void 0 : targetElement.contains(event.target));
+        return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
       })) {
         return;
       }

package/dist/esm/{swiperitem.taro-BC1CE0T-.js → swiperitem.taro-8JXI24f0.js}

@@ -1,10 +1,12 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
 const defaultProps = {
   itemId: "",
   skipHiddenItemLayout: false
 };
 const SwiperItem = (props) => {
-  const { children, ...rest } = props;
+  const { children } = props;
+  __rest(props, ["children"]);
   return React__default.createElement(React__default.Fragment, null, children);
 };
 SwiperItem.defaultProps = defaultProps;

package/dist/esm/{switch.taro-L0BAbMeu.js → switch.taro-D1HgJoJz.js}

@@ -1,17 +1,10 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default from "react";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  disabled: false,
-  activeText: "",
-  inactiveText: ""
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, activeText: "", inactiveText: "" });
 const Switch = (props) => {
-  const { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange } = _a, rest = __rest(_a, ["checked", "defaultChecked", "disabled", "activeText", "inactiveText", "className", "style", "onChange"]);
   const classPrefix = "nut-switch";
   const [value, setValue] = usePropsValue({
     value: checked,
@@ -28,7 +21,7 @@ const Switch = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: classes(), onClick: (e) => onClick(e), style, ...rest },
+    Object.assign({ className: classes(), onClick: (e) => onClick(e), style }, rest),
     React__default.createElement(
       "div",
       { className: `${classPrefix}-button` },

package/dist/esm/{tabbar.taro-QE0rjSKE.js → tabbar.taro-LAPQoOva.js}

@@ -1,23 +1,12 @@
 import React__default from "react";
 import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-t9C07OYX.js";
-const defaultProps = {
-  ...ComponentDefaults,
-  defaultValue: 0,
-  fixed: false,
-  inactiveColor: "",
-  activeColor: "",
-  safeArea: false,
-  onSwitch: (value) => {
-  }
-};
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-C4AZbQMG.js";
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: 0, fixed: false, inactiveColor: "", activeColor: "", safeArea: false, onSwitch: (value) => {
+} });
 const Tabbar = (props) => {
-  const { children, defaultValue, value, fixed, activeColor, inactiveColor, safeArea, className, style, onSwitch } = {
-    ...defaultProps,
-    ...props
-  };
+  const { children, defaultValue, value, fixed, activeColor, inactiveColor, safeArea, className, style, onSwitch } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-tabbar";
   const [selectIndex, setSelectIndex] = usePropsValue({
     value,
@@ -41,7 +30,7 @@ const Tabbar = (props) => {
       } }, React__default.Children.map(children, (child, index) => {
         if (!React__default.isValidElement(child))
           return null;
-        return React__default.cloneElement(child, { ...child.props, index });
+        return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), { index }));
       }))
     ),
     (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })

package/dist/esm/tabbaritem.taro-C4AZbQMG.js

@@ -0,0 +1,58 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
+import React__default, { useContext } from "react";
+import classNames from "classnames";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { B as Badge } from "./badge.taro-D7Yn5zJi.js";
+const TabbarContext = React__default.createContext(null);
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", icon: null, value: "", dot: false, max: 99, top: "0", right: "5" });
+const TabbarItem = (props) => {
+  const ctx = useContext(TabbarContext);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), {
+    className,
+    style,
+    title,
+    icon,
+    value,
+    dot,
+    max,
+    top,
+    right,
+    // @ts-ignore
+    index
+  } = _a, rest = __rest(_a, ["className", "style", "title", "icon", "value", "dot", "max", "top", "right", "index"]);
+  const active = index === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
+  const classPrefix = "nut-tabbar-item";
+  const tabbarItemClass = classNames(classPrefix, {
+    [`${classPrefix}-active`]: active
+  }, className);
+  const boxPrefix = `${classPrefix}-icon-box`;
+  const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
+    [`${boxPrefix}-large`]: !icon
+  });
+  const badgeProps = {
+    value,
+    dot,
+    max,
+    top,
+    right,
+    color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
+  };
+  return React__default.createElement("div", Object.assign({ className: tabbarItemClass, style: Object.assign({ color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor }, style), onClick: () => ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index) }, rest), icon ? React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      Badge,
+      Object.assign({}, badgeProps),
+      React__default.createElement("div", { className: boxPrefix }, icon)
+    ),
+    React__default.createElement("div", { className: titleClass }, title)
+  ) : React__default.createElement(
+    Badge,
+    Object.assign({}, badgeProps),
+    React__default.createElement("div", { className: titleClass }, title)
+  ));
+};
+export {
+  TabbarItem as T,
+  TabbarContext as a
+};

package/dist/esm/{table.taro-0zRh2hq6.js → table.taro-ClLmfqz3.js}

@@ -1,10 +1,11 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useState, useEffect, useCallback, useRef } from "react";
 import classNames from "classnames";
 import { ArrowDown } from "@nutui/icons-react-taro";
-import { u as useConfig } from "./configprovider.taro-q5J2gQbi.js";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-function useTableSticky(columns) {
+import { u as useConfig, a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+function useTableSticky(columns, rtl = false) {
   const [isSticky, setIsSticky] = useState(false);
   const [stickyColumnStyleMap, setStickyColumnStyleMap] = useState({});
   const [stickyColumnClassMap, setStickyColumnClassMap] = useState({});
@@ -19,9 +20,9 @@ function useTableSticky(columns) {
     let _stickyLeftWidth = 0;
     let _stickyRightWidth = 0;
     leftColumns.forEach((curr, index) => {
-      leftColumns[index - 1] || {};
+      const dir = rtl ? "right" : "left";
       _columnStyleMap[curr.key] = {
-        left: _stickyLeftWidth || 0,
+        [dir]: _stickyLeftWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -37,9 +38,9 @@ function useTableSticky(columns) {
     });
     for (let i = rightColumns.length - 1; i >= 0; i--) {
       const curr = rightColumns[i];
-      rightColumns[i + 1] || {};
+      const dir = rtl ? "left" : "right";
       _columnStyleMap[curr.key] = {
-        right: _stickyRightWidth || 0,
+        [dir]: _stickyRightWidth || 0,
         width: curr.width || "auto"
       };
       _columnClassMap[curr.key] = {
@@ -68,29 +69,18 @@ function useTableSticky(columns) {
     getStickyStyle
   };
 }
-const defaultProps = {
-  ...ComponentDefaults,
-  columns: [],
-  data: [],
-  bordered: true,
-  striped: false,
-  noData: "",
-  sorterIcon: null,
-  showHeader: true
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { columns: [], data: [], bordered: true, striped: false, noData: "", sorterIcon: null, showHeader: true });
 const Table = (props) => {
   const { locale } = useConfig();
+  const rtl = useRtl();
   defaultProps.noData = locale.noData;
-  const { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, showHeader, onSort, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, style, columns, data, bordered, summary, striped, noData, sorterIcon, showHeader, onSort } = _a, rest = __rest(_a, ["children", "className", "style", "columns", "data", "bordered", "summary", "striped", "noData", "sorterIcon", "showHeader", "onSort"]);
   const sortedMapping = useRef({});
   const [innerValue, setValue] = usePropsValue({
     defaultValue: data,
     finalValue: []
   });
-  const { isSticky, stickyLeftWidth, stickyRightWidth, getStickyClass, getStickyStyle } = useTableSticky(columns);
+  const { isSticky, stickyLeftWidth, stickyRightWidth, getStickyClass, getStickyStyle } = useTableSticky(columns, rtl);
   useEffect(() => {
     setValue(data);
   }, [data]);
@@ -151,7 +141,7 @@ const Table = (props) => {
   };
   return React__default.createElement(
     "div",
-    { className: cls, ...rest },
+    Object.assign({ className: cls }, rest),
     React__default.createElement(
       "div",
       { className: classNames(`${classPrefix}-wrapper ${isSticky ? `${classPrefix}-wrapper-sticky` : ""}`), style },

package/dist/esm/{tabpane.taro-5k7wWimS.js → tabpane.taro-BAe86j3t.js}

@@ -6,10 +6,7 @@ const defaultProps = {
   disabled: false
 };
 const TabPane = (props) => {
-  const { children, autoHeightClassName, className, disabled } = {
-    ...defaultProps,
-    ...props
-  };
+  const { children, autoHeightClassName, className, disabled } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-tabpane";
   const classes = classNames(classPrefix, {
     active: !disabled && props.active

package/dist/esm/{tabs.taro-Yj7vgtSg.js → tabs.taro-DRmZR3Xu.js}

@@ -1,13 +1,14 @@
+import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
 import React__default, { useRef, useState, useEffect } from "react";
 import { View, ScrollView } from "@tarojs/components";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react-taro";
 import { nextTick, createSelectorQuery } from "@tarojs/taro";
-import { C as ComponentDefaults } from "./typings-buMpDfSR.js";
-import { T as TabPane } from "./tabpane.taro-5k7wWimS.js";
-import { u as usePropsValue } from "./use-props-value-vKr0R0AX.js";
-import { u as useForceUpdate } from "./use-force-update-0oEVD8Nr.js";
-import { r as requestAniFrame } from "./raf-UzmDvMUW.js";
+import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
+import { T as TabPane } from "./tabpane.taro-BAe86j3t.js";
+import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
+import { u as useForceUpdate } from "./use-force-update-CudFjCsy.js";
+import { r as requestAniFrame } from "./raf-zwv-SBjP.js";
 const idCounter = {};
 function uniqueId(prefix = "$nut$") {
   if (!idCounter[prefix]) {
@@ -23,21 +24,10 @@ function useUuid() {
   const idRef = useRef(uniqueId());
   return idRef.current;
 }
-const defaultProps = {
-  ...ComponentDefaults,
-  tabStyle: {},
-  activeColor: "",
-  direction: "horizontal",
-  activeType: "line",
-  duration: 300,
-  autoHeight: false
-};
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabStyle: {}, activeColor: "", direction: "horizontal", activeType: "line", duration: 300, autoHeight: false });
 const classPrefix = "nut-tabs";
 const Tabs = (props) => {
-  const { activeColor, tabStyle, direction, activeType, duration, align, title, name, children, onClick, onChange, className, autoHeight, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, name, children, onClick, onChange, className, autoHeight } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "name", "children", "onClick", "onChange", "className", "autoHeight"]);
   const uuid = useUuid();
   const [value, setValue] = usePropsValue({
     value: props.value,
@@ -52,8 +42,8 @@ const Tabs = (props) => {
     const titles2 = [];
     React__default.Children.forEach(children, (child, idx) => {
       if (React__default.isValidElement(child)) {
-        const props2 = child == null ? void 0 : child.props;
-        if ((props2 == null ? void 0 : props2.title) || (props2 == null ? void 0 : props2.value)) {
+        const props2 = child === null || child === void 0 ? void 0 : child.props;
+        if ((props2 === null || props2 === void 0 ? void 0 : props2.title) || (props2 === null || props2 === void 0 ? void 0 : props2.value)) {
           titles2.push({
             title: props2.title,
             value: props2.value || idx,
@@ -124,7 +114,7 @@ const Tabs = (props) => {
     }
     animate();
   };
-  const scrollIntoView = () => {
+  const scrollIntoView = (index) => {
     requestAniFrame(() => {
       Promise.all([
         getRect(`#nut-tabs-titles-${name || uuid} .nut-tabs-list`),
@@ -132,17 +122,17 @@ const Tabs = (props) => {
       ]).then(([navRect, titleRects]) => {
         navRectRef.current = navRect;
         titleRectRef.current = titleRects;
-        const titleRect = titleRectRef.current[value];
+        const titleRect = titleRectRef.current[index];
         if (!titleRect)
           return;
         let to = 0;
         if (props.direction === "vertical") {
           const DEFAULT_PADDING = 11;
-          const top = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.height, DEFAULT_PADDING);
+          const top = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.height, DEFAULT_PADDING);
           to = top - (navRectRef.current.height - titleRect.height) / 2;
         } else {
           const DEFAULT_PADDING = 20;
-          const left = titleRects.slice(0, value).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
+          const left = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, DEFAULT_PADDING);
           to = left - (navRectRef.current.width - titleRect.width) / 2;
         }
         nextTick(() => {
@@ -158,7 +148,7 @@ const Tabs = (props) => {
       transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
       transitionDuration: `${duration}ms`
     });
-    scrollIntoView();
+    scrollIntoView(index);
   }, [value]);
   const tabChange = (item, index) => {
     onClick && onClick(item.value);
@@ -169,10 +159,10 @@ const Tabs = (props) => {
   };
   return React__default.createElement(
     View,
-    { className: classes, ...rest },
+    Object.assign({ className: classes }, rest),
     React__default.createElement(
       ScrollView,
-      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs-titles-${name || uuid}`, className: classesTitle, style: { ...tabStyle } },
+      { enableFlex: true, scrollX: direction === "horizontal", scrollY: direction === "vertical", scrollLeft, scrollTop, showScrollbar: false, scrollWithAnimation: scrollWithAnimation.current, id: `nut-tabs-titles-${name || uuid}`, className: classesTitle, style: Object.assign({}, tabStyle) },
       React__default.createElement(View, { className: "nut-tabs-list", ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item, index) => {
         return React__default.createElement(
           View,
@@ -202,15 +192,9 @@ const Tabs = (props) => {
         if (!React__default.isValidElement(child)) {
           return null;
         }
-        let childProps = {
-          ...child.props,
-          active: value === child.props.value
-        };
+        let childProps = Object.assign(Object.assign({}, child.props), { active: value === child.props.value });
         if (String(value) !== String(child.props.value || idx) && autoHeight) {
-          childProps = {
-            ...childProps,
-            autoHeightClassName: "inactive"
-          };
+          childProps = Object.assign(Object.assign({}, childProps), { autoHeightClassName: "inactive" });
         }
         return React__default.cloneElement(child, childProps);
       }))