@nutui/nutui-react-taro 2.0.0-alpha.1 → 2.0.0-alpha.3

package/dist/esm/{skeleton.taro-64e858a2.js → skeleton.taro-fabd423a.js}

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
-import { A as Avatar } from './avatar.taro-de157a1f.js';
+import { A as Avatar } from './avatar.taro-a840f345.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {
@@ -45,15 +45,15 @@ const Skeleton = (props) => {
             height: '50px',
         };
     };
-    return (React__default.createElement(React__default.Fragment, null, loading ? (React__default.createElement("div", null, children)) : (React__default.createElement("div", { className: classes, ...restProps },
-        animated && React__default.createElement("div", { className: "skeleton-animation" }),
-        React__default.createElement("div", { className: "nut-skeleton-content" },
-            avatar && (React__default.createElement(Avatar, { className: avatarClass, bgColor: "rgb(239, 239, 239)", shape: avatarShape, style: getStyle() })),
-            row === 1 && (React__default.createElement("div", { className: blockClass, style: { width, height } })),
-            React__default.createElement("div", { className: "skeleton-content-line" },
-                title && React__default.createElement("div", { className: "skeleton-title" }),
+    return (React.createElement(React.Fragment, null, loading ? (React.createElement("div", null, children)) : (React.createElement("div", { className: classes, ...restProps },
+        animated && React.createElement("div", { className: "skeleton-animation" }),
+        React.createElement("div", { className: "nut-skeleton-content" },
+            avatar && (React.createElement(Avatar, { className: avatarClass, bgColor: "rgb(239, 239, 239)", shape: avatarShape, style: getStyle() })),
+            row === 1 && (React.createElement("div", { className: blockClass, style: { width, height } })),
+            React.createElement("div", { className: "skeleton-content-line" },
+                title && React.createElement("div", { className: "skeleton-title" }),
                 repeatLines(row).map((item, index) => {
-                    return (React__default.createElement("div", { className: blockClass, key: index, style: { width, height } }));
+                    return (React.createElement("div", { className: blockClass, key: index, style: { width, height } }));
                 })))))));
 };
 Skeleton.defaultProps = defaultProps;

package/dist/esm/{step.taro-2ec1f283.js → step.taro-7ea33a76.js}

@@ -1,4 +1,4 @@
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-e402e1a6.js';
 import { c as cn } from './bem-350c1702.js';
@@ -41,16 +41,16 @@ const Step = (props) => {
         }
         return 'nut-step-icon';
     };
-    return (React__default.createElement("div", { className: classes, ...restProps, onClick: handleClickStep },
-        React__default.createElement("div", { className: "nut-step-head" },
-            React__default.createElement("div", { className: "nut-step-line" }),
-            React__default.createElement("div", { className: renderIconClass() }, React__default.isValidElement(icon)
+    return (React.createElement("div", { className: classes, ...restProps, onClick: handleClickStep },
+        React.createElement("div", { className: "nut-step-head" },
+            React.createElement("div", { className: "nut-step-line" }),
+            React.createElement("div", { className: renderIconClass() }, React.isValidElement(icon)
                 ? icon
-                : !dot && React__default.createElement("span", { className: "nut-step-inner" }, activeIndex))),
-        React__default.createElement("div", { className: "nut-step-main" },
-            React__default.createElement("span", { className: "nut-step-title" }, title),
-            content && React__default.createElement("span", { className: "nut-step-content" }, content),
-            renderContent && (React__default.createElement("span", { className: "nut-step-content" }, renderContent())))));
+                : !dot && React.createElement("span", { className: "nut-step-inner" }, activeIndex))),
+        React.createElement("div", { className: "nut-step-main" },
+            React.createElement("span", { className: "nut-step-title" }, title),
+            content && React.createElement("span", { className: "nut-step-content" }, content),
+            renderContent && (React.createElement("span", { className: "nut-step-content" }, renderContent())))));
 };
 Step.defaultProps = defaultProps;
 Step.displayName = 'NutStep';

package/dist/esm/{steps.taro-c82d2252.js → steps.taro-86753d36.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-e402e1a6.js';
 import { c as cn } from './bem-350c1702.js';
@@ -19,7 +19,7 @@ const Steps = (props) => {
         [`${b('')}-${direction}`]: true,
         [`${b('')}-dot`]: !!props.progressDot,
     }, className, b(''));
-    return (React__default.createElement(DataContext.Provider, { value: parentSteps }, React__default.createElement('div', {
+    return (React.createElement(DataContext.Provider, { value: parentSteps }, React.createElement('div', {
         className: classes,
         ...restProps,
     }, children)));

package/dist/esm/{sticky.taro-b5bde7b1.js → sticky.taro-a142a5f2.js}

@@ -1,4 +1,4 @@
-import React__default, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
+import React, { useRef, useEffect, useState, useMemo, useCallback } from 'react';
 import classNames from 'classnames';
 import { getEnv, usePageScroll, getSystemInfoSync } from '@tarojs/taro';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -125,8 +125,8 @@ const Sticky = (props) => {
             handleScroll(res.scrollTop);
         }
     });
-    return (React__default.createElement("div", { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
-        React__default.createElement("div", { className: classNames('nut-sticky--box', {
+    return (React.createElement("div", { ref: rootRef, style: rootStyle, className: classNames(classPrefix, className), ...rest },
+        React.createElement("div", { className: classNames('nut-sticky--box', {
                 'nut-sticky--fixed': fixed,
             }), ref: stickyRef, style: stickyStyle }, children)));
 };

package/dist/esm/{subsidenavbar.taro-3cce8442.js → subsidenavbar.taro-85c03291.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useContext, useRef, useCallback, useEffect } from 'react';
+import React, { useState, useContext, useRef, useCallback, useEffect } from 'react';
 import { O as OffsetContext } from './offsetContext-c2a746fa.js';
 
 const defaultProps = {
@@ -52,12 +52,12 @@ const SubSideNavBar = (props) => {
         ? 'nut-subsidenavbar__list  nutShow'
         : 'nut-subsidenavbar__list  nutHide';
     const iconClass = subShow ? 'arrow-icon arrow-down' : 'arrow-icon arrow-up';
-    return (React__default.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest },
-        React__default.createElement("div", { className: "nut-subsidenavbar__title border-bt" },
+    return (React.createElement("div", { className: divClass, ref: listRef, onClick: clickFn, ...rest },
+        React.createElement("div", { className: "nut-subsidenavbar__title border-bt" },
             title,
             " ",
-            React__default.createElement("i", { className: iconClass })),
-        React__default.createElement("div", { className: "nut-subsidenavbar__content" }, children)));
+            React.createElement("i", { className: iconClass })),
+        React.createElement("div", { className: "nut-subsidenavbar__content" }, children)));
 };
 
 export { SubSideNavBar as S };

package/dist/esm/{swipe.taro-350c9a94.js → swipe.taro-b18a73ff.js}

@@ -1,4 +1,4 @@
-import React__default, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect } from 'react';
 import classNames from 'classnames';
 import { useReady, nextTick } from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
@@ -132,7 +132,7 @@ const Swipe = forwardRef((props, instanceRef) => {
     const rightWrapper = useRef(null);
     const renderActionContent = (side) => {
         if (props[`${side}Action`]) {
-            return (React__default.createElement("div", { id: "left", ref: side === 'left' ? leftWrapper : rightWrapper, className: `${swipeBem(side)}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]));
+            return (React.createElement("div", { id: "left", ref: side === 'left' ? leftWrapper : rightWrapper, className: `${swipeBem(side)}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]));
         }
         return null;
     };
@@ -165,8 +165,8 @@ const Swipe = forwardRef((props, instanceRef) => {
             document.removeEventListener('touchstart', handler);
         };
     }, []);
-    return (React__default.createElement("div", { ref: root, className: classNames(swipeBem(), className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style: style },
-        React__default.createElement("div", { className: `${swipeBem('wrapper')}`, style: wrapperStyle },
+    return (React.createElement("div", { ref: root, className: classNames(swipeBem(), className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style: style },
+        React.createElement("div", { className: `${swipeBem('wrapper')}`, style: wrapperStyle },
             renderActionContent('left'),
             children,
             renderActionContent('right'))));

package/dist/esm/{swiper.taro-7a94e211.js → swiper.taro-c0e9a56b.js}

@@ -1,4 +1,4 @@
-import React__default, { useRef, useState, useMemo, useEffect } from 'react';
+import React, { useRef, useState, useMemo, useEffect } from 'react';
 import classNames from 'classnames';
 import { nextTick, useReady, createSelectorQuery } from '@tarojs/taro';
 import { D as DataContext } from './UserContext-e8176108.js';
@@ -22,7 +22,7 @@ const defaultProps = {
     className: '',
 };
 const DISTANCE = 5;
-const Swiper = React__default.forwardRef((props, ref) => {
+const Swiper = React.forwardRef((props, ref) => {
     const propSwiper = { ...defaultProps, ...props };
     const { children, direction, className, pageContent, onChange, initPage, paginationColor, paginationVisible, touchable, isPreventDefault, isStopPropagation, autoPlay, isCenter, ...rest } = propSwiper;
     const container = useRef(null);
@@ -59,8 +59,8 @@ const Swiper = React__default.forwardRef((props, ref) => {
     });
     const { childs, childCount } = useMemo(() => {
         let childCount = 0;
-        const childs = React__default.Children.map(props.children, (child) => {
-            if (!React__default.isValidElement(child))
+        const childs = React.Children.map(props.children, (child) => {
+            if (!React.isValidElement(child))
                 return null;
             childCount++;
             return child;
@@ -417,24 +417,24 @@ const Swiper = React__default.forwardRef((props, ref) => {
         }
         return style;
     };
-    React__default.useImperativeHandle(ref, () => ({
+    React.useImperativeHandle(ref, () => ({
         to,
         next,
         prev,
         resize,
     }));
-    return (React__default.createElement(DataContext.Provider, { value: parent },
-        React__default.createElement("div", { className: `${classes} ${className}`, ref: container, ...rest, id: `container-${refRandomId}`, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, 
+    return (React.createElement(DataContext.Provider, { value: parent },
+        React.createElement("div", { className: `${classes} ${className}`, ref: container, ...rest, id: `container-${refRandomId}`, onTouchStart: onTouchStart, onTouchMove: onTouchMove, onTouchEnd: onTouchEnd, 
             // @ts-ignore
             catchMove: isVertical },
-            React__default.createElement("div", { className: contentClass, ref: innerRef }, React__default.Children.map(childs, (child, index) => {
-                return (React__default.createElement("div", { className: b('item-wrapper'), style: itemStyle(index), key: index }, child));
+            React.createElement("div", { className: contentClass, ref: innerRef }, React.Children.map(childs, (child, index) => {
+                return (React.createElement("div", { className: b('item-wrapper'), style: itemStyle(index), key: index }, child));
             })),
-            propSwiper.paginationVisible && !('pageContent' in propSwiper) ? (React__default.createElement("div", { className: classNames({
+            propSwiper.paginationVisible && !('pageContent' in propSwiper) ? (React.createElement("div", { className: classNames({
                     [`${b('pagination')}`]: true,
                     [`${b('pagination-vertical')}`]: isVertical,
-                }) }, React__default.Children.map(childs, (item, index) => {
-                return (React__default.createElement("i", { style: (active + childCount) % childCount === index
+                }) }, React.Children.map(childs, (item, index) => {
+                return (React.createElement("i", { style: (active + childCount) % childCount === index
                         ? {
                             backgroundColor: propSwiper.paginationColor,
                         }
@@ -443,7 +443,7 @@ const Swiper = React__default.forwardRef((props, ref) => {
                         }, className: classNames({
                         active: (active + childCount) % childCount === index,
                     }), key: index }));
-            }))) : (React__default.createElement("div", null, pageContent)))));
+            }))) : (React.createElement("div", null, pageContent)))));
 });
 Swiper.defaultProps = defaultProps;
 Swiper.displayName = 'NutSwiper';

package/dist/esm/{swiperitem-c9e3d0d5.js → swiperitem-abab7606.js}

@@ -1,4 +1,4 @@
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-e8176108.js';
 import { c as cn } from './bem-350c1702.js';
@@ -6,7 +6,7 @@ import { c as cn } from './bem-350c1702.js';
 const defaultProps = {
     direction: 'horizontal',
 };
-const SwiperItem = React__default.forwardRef((props, ref) => {
+const SwiperItem = React.forwardRef((props, ref) => {
     const _props = { ...defaultProps, ...props };
     const { className, style, children, direction, size } = _props;
     const parent = useContext(DataContext);
@@ -21,7 +21,7 @@ const SwiperItem = React__default.forwardRef((props, ref) => {
         }
         return style;
     };
-    return (React__default.createElement("div", { className: classes, style: { ...style, ...getStyle() } }, children));
+    return (React.createElement("div", { className: classes, style: { ...style, ...getStyle() } }, children));
 });
 SwiperItem.defaultProps = defaultProps;
 SwiperItem.displayName = 'NutSwiperItem';

package/dist/esm/switch.taro-e82809f6.js

@@ -0,0 +1,38 @@
+import React from 'react';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    disabled: false,
+    activeText: '',
+    inactiveText: '',
+};
+const Switch = (props) => {
+    const { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-switch';
+    const [value, setValue] = usePropsValue({
+        value: checked,
+        defaultValue: defaultChecked,
+    });
+    const classes = () => {
+        return `${classPrefix} ${value ? 'switch-open' : 'switch-close'} ${disabled ? `${classPrefix}-disabled` : ''} ${`${classPrefix}-base`} ${className}`;
+    };
+    const onClick = (event) => {
+        if (disabled)
+            return;
+        onChange && onChange(!value, event);
+        setValue(!value);
+    };
+    return (React.createElement("div", { className: classes(), onClick: (e) => onClick(e), style: style },
+        React.createElement("div", { className: "switch-button" },
+            !value && React.createElement("div", { className: "close-line" }),
+            activeText && (React.createElement(React.Fragment, null, value ? (React.createElement("div", { className: `${classPrefix}__label open` }, activeText)) : (React.createElement("div", { className: `${classPrefix}__label close` }, inactiveText)))))));
+};
+Switch.defaultProps = defaultProps;
+Switch.displayName = 'NutSwitch';
+
+export { Switch as S };

package/dist/esm/{tabbar.taro-9acfc2fa.js → tabbar.taro-eefd0f8e.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {
@@ -29,13 +29,13 @@ const Tabbar = (props) => {
             setSelectIndex(activeVisible);
         }
     }, [activeVisible]);
-    return (React__default.createElement("div", { className: [
+    return (React.createElement("div", { className: [
             `${b()}`,
             bottom ? `${b('bottom')}` : '',
             safeAreaInsetBottom ? `${b('bottom')} ${b('safebottom')}` : '',
             className,
-        ].join(' '), style: style }, React__default.Children.map(children, (child, idx) => {
-        if (!React__default.isValidElement(child)) {
+        ].join(' '), style: style }, React.Children.map(children, (child, idx) => {
+        if (!React.isValidElement(child)) {
             return null;
         }
         const childProps = {
@@ -50,7 +50,7 @@ const Tabbar = (props) => {
                 onSwitch(child, idx);
             },
         };
-        return React__default.cloneElement(child, childProps);
+        return React.cloneElement(child, childProps);
     })));
 };
 Tabbar.defaultProps = defaultProps;

package/dist/esm/{tabbaritem.taro-42ba353f.js → tabbaritem.taro-7a97e645.js}

@@ -1,4 +1,4 @@
-import React__default, { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-350c1702.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -36,18 +36,18 @@ const TabbarItem = (props) => {
             });
         }
     }, [active, href, to]);
-    return (React__default.createElement("div", { className: `${b({ active })} ${className}`, style: {
+    return (React.createElement("div", { className: `${b({ active })} ${className}`, style: {
             ...style,
             color: active ? activeColor : unactiveColor,
         }, onClick: () => {
             handleClick(index);
         } },
-        React__default.createElement("div", { className: `${bIcon()}` },
-            !dot ? (React__default.createElement(React__default.Fragment, null,
-                num && num <= 99 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
-                num && num >= 100 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
+        React.createElement("div", { className: `${bIcon()}` },
+            !dot ? (React.createElement(React.Fragment, null,
+                num && num <= 99 && (React.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
+                num && num >= 100 && (React.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React.createElement("div", { className: `${bIcon('tips', [bIcon('dot')])}` })),
             icon || null),
-        tabTitle && (React__default.createElement("div", { className: bIcon({ 'nav-word': true }, [
+        tabTitle && (React.createElement("div", { className: bIcon({ 'nav-word': true }, [
                 bIcon({ 'big-word': !icon }),
             ]) }, tabTitle))));
 };

package/dist/esm/{table.taro-3946697c.js → table.taro-eca757f3.js}

@@ -1,8 +1,8 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { DownArrow } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
@@ -55,10 +55,10 @@ const Table = (props) => {
     };
     const renderHeadCells = () => {
         return columns.map((item, index) => {
-            return (React__default.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
+            return (React.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
                 item.title,
                 "\u00A0",
-                item.sorter && (sorterIcon || React__default.createElement(DownArrow, { size: "12px" }))));
+                item.sorter && (sorterIcon || React.createElement(DownArrow, { size: "12px" }))));
         });
     };
     const sortDataItem = () => {
@@ -68,26 +68,26 @@ const Table = (props) => {
     };
     const renderBodyTds = (item) => {
         return sortDataItem().map(([value, render], index) => {
-            return (React__default.createElement("span", { className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))), key: value }, typeof item[value] === 'function' || typeof render === 'function' ? (React__default.createElement("div", null, render ? render(item) : item[value](item))) : (item[value])));
+            return (React.createElement("span", { className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))), key: value }, typeof item[value] === 'function' || typeof render === 'function' ? (React.createElement("div", null, render ? render(item) : item[value](item))) : (item[value])));
         });
     };
     const renderBoyTrs = () => {
         return curData.map((item, index) => {
-            return (React__default.createElement("div", { className: "nut-table__main__body__tr", key: index }, renderBodyTds(item)));
+            return (React.createElement("div", { className: "nut-table__main__body__tr", key: index }, renderBodyTds(item)));
         });
     };
-    return (React__default.createElement("div", { className: cls, style: style, ...rest },
-        React__default.createElement("div", { className: classNames('nut-table__main', {
+    return (React.createElement("div", { className: cls, style: style, ...rest },
+        React.createElement("div", { className: classNames('nut-table__main', {
                 'nut-table__main--striped': striped,
             }) },
-            showHeader && (React__default.createElement("div", { className: "nut-table__main__head" },
-                React__default.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells()))),
-            React__default.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())),
-        summary && (React__default.createElement("div", { className: "nut-table__summary" },
-            React__default.createElement("span", { className: "nut-table__summary__text" }, summary))),
-        curData.length === 0 && (React__default.createElement("div", { className: "nut-table__nodata" },
-            React__default.createElement("div", { className: "nut-table__nodata" },
-                React__default.createElement("div", { className: "nut-table__nodata__text" }, noData))))));
+            showHeader && (React.createElement("div", { className: "nut-table__main__head" },
+                React.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells()))),
+            React.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())),
+        summary && (React.createElement("div", { className: "nut-table__summary" },
+            React.createElement("span", { className: "nut-table__summary__text" }, summary))),
+        curData.length === 0 && (React.createElement("div", { className: "nut-table__nodata" },
+            React.createElement("div", { className: "nut-table__nodata" },
+                React.createElement("div", { className: "nut-table__nodata__text" }, noData))))));
 };
 Table.defaultProps = defaultProps;
 Table.displayName = 'NutTable';

package/dist/esm/tabpane.taro-406cc0d3.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import classNames from 'classnames';
+
+const defaultProps = {
+    title: '',
+    value: '',
+    disabled: false,
+};
+const TabPane = (props) => {
+    const { children, autoHeightClassName, className, disabled } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-tabpane';
+    const classes = classNames({
+        active: !disabled && props.active,
+    }, classPrefix, autoHeightClassName, className);
+    return children ? (React.createElement("div", { className: classes }, !disabled && children)) : null;
+};
+
+export { TabPane as T };

package/dist/esm/tabs.taro-d47ccfc5.js

@@ -0,0 +1,120 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { View, ScrollView } from '@tarojs/components';
+import classNames from 'classnames';
+import { JoySmile } from '@nutui/icons-react-taro';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { T as TabPane } from './tabpane.taro-406cc0d3.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+const defaultProps = {
+    ...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, children, onClick, onChange, className, autoHeight, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: 0,
+        onChange,
+    });
+    const [contentStyle, setContentStyle] = useState({});
+    const titleItemsRef = useRef([]);
+    const navRef = useRef(null);
+    const getTitles = () => {
+        const titles = [];
+        React.Children.forEach(children, (child, idx) => {
+            if (React.isValidElement(child)) {
+                const props = child?.props;
+                if (props?.title || props?.value) {
+                    titles.push({
+                        title: props.title,
+                        value: props.value || idx,
+                        disabled: props.disabled,
+                    });
+                }
+            }
+        });
+        return titles;
+    };
+    const titles = useRef(getTitles());
+    const classes = classNames(classPrefix, `${classPrefix}--${direction}`, className);
+    const classesTitle = classNames(`${classPrefix}__titles`, {
+        [`${classPrefix}__titles--${activeType}`]: activeType,
+        [`${classPrefix}__titles--scrollable`]: true,
+        [`${classPrefix}__titles--${align}`]: align,
+    });
+    const tabsActiveStyle = {
+        color: activeType === 'smile' ? activeColor : '',
+        background: activeType === 'line' ? activeColor : '',
+    };
+    const scrollIntoRef = useRef(0);
+    useEffect(() => {
+        const index = titles.current.findIndex((t) => t.value === value);
+        setContentStyle({
+            transform: direction === 'horizontal'
+                ? `translate3d(-${index * 100}%, 0, 0)`
+                : `translate3d( 0,-${index * 100}%, 0)`,
+            transitionDuration: `${duration}ms`,
+        });
+        const scrollToIndex = index - 2;
+        scrollIntoRef.current = scrollToIndex < 0 ? 0 : scrollToIndex;
+    }, [value]);
+    const tabChange = (item, index) => {
+        onClick && onClick(item.value);
+        if (item.disabled) {
+            return;
+        }
+        setValue(item.value);
+    };
+    return (React.createElement(View, { className: classes, ...rest },
+        React.createElement(ScrollView, { enableFlex: true, scrollX: direction === 'horizontal', scrollY: direction === 'vertical', showScrollbar: false, scrollIntoViewAlignment: "center", scrollWithAnimation: true, scrollIntoView: `scrollIntoView${scrollIntoRef.current}`, className: classesTitle, style: { ...tabStyle }, ref: navRef }, !!title && typeof title === 'function'
+            ? title()
+            : titles.current.map((item, index) => {
+                return (React.createElement(View, { ref: (ref) => titleItemsRef.current.push(ref), id: `scrollIntoView${index}`, onClick: (e) => {
+                        tabChange(item);
+                    }, className: classNames(`${classPrefix}__titles-item`, {
+                        [`nut-tabs__titles-item--active`]: !item.disabled && String(item.value) === String(value),
+                        [`nut-tabs__titles-item--disabled`]: item.disabled,
+                        [`nut-tabs__titles-item--${align}`]: align,
+                    }), key: item.value },
+                    activeType === 'line' && (React.createElement(View, { className: `${classPrefix}__titles-item__line`, style: tabsActiveStyle })),
+                    activeType === 'smile' && (React.createElement(View, { className: `${classPrefix}__titles-item__smile`, style: tabsActiveStyle },
+                        React.createElement(JoySmile, { color: activeColor, width: 40, height: 20 }))),
+                    React.createElement(View, { className: classNames({
+                            ellipsis: true,
+                        }, `${classPrefix}__titles-item__text`) }, item.title)));
+            })),
+        React.createElement(View, { className: `${classPrefix}__content__wrap` },
+            React.createElement(View, { className: `${classPrefix}__content`, style: contentStyle }, React.Children.map(children, (child, idx) => {
+                if (!React.isValidElement(child)) {
+                    return null;
+                }
+                let childProps = {
+                    ...child.props,
+                    active: value === child.props.value,
+                };
+                if (String(value) !== String(child.props.value || idx) &&
+                    autoHeight) {
+                    childProps = {
+                        ...childProps,
+                        autoHeightClassName: 'inactive',
+                    };
+                }
+                return React.cloneElement(child, childProps);
+            })))));
+};
+Tabs.defaultProps = defaultProps;
+Tabs.displayName = 'NutTabs';
+Tabs.TabPane = TabPane;
+
+export { Tabs as T };

package/dist/esm/{tag.taro-0c2567de.js → tag.taro-846ee805.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Close } from '@nutui/icons-react-taro';
 import classNames from 'classnames';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -76,15 +76,15 @@ const Tag = (props) => {
         }
         return style;
     };
-    return (React__default.createElement(React__default.Fragment, null, closeable ? (isTagShow && (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
-        children && React__default.createElement("span", { className: "nut-tag-text" }, children),
-        React__default.isValidElement(closeIcon) ? (React__default.createElement("i", { className: "nut-tag-custom-icon", onClick: (e) => {
+    return (React.createElement(React.Fragment, null, closeable ? (isTagShow && (React.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
+        children && React.createElement("span", { className: "nut-tag-text" }, children),
+        React.isValidElement(closeIcon) ? (React.createElement("i", { className: "nut-tag-custom-icon", onClick: (e) => {
                 setIsTagShow(false);
                 props.onClose && props.onClose(e);
-            } }, closeIcon)) : (React__default.createElement(Close, { size: 12, onClick: (e) => {
+            } }, closeIcon)) : (React.createElement(Close, { size: 12, onClick: (e) => {
                 setIsTagShow(false);
                 props.onClose && props.onClose(e);
-            } }))))) : (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: "nut-tag-text" }, children)))));
+            } }))))) : (React.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React.createElement("span", { className: "nut-tag-text" }, children)))));
 };
 Tag.defaultProps = defaultProps;
 Tag.displayName = 'NutTag';

package/dist/esm/{textarea.taro-a0f79515.js → textarea.taro-e256e741.js}

@@ -1,5 +1,5 @@
-import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {
@@ -19,8 +19,8 @@ const TextArea = (props) => {
     const textareaBem = cn('textarea');
     const [inputValue, SetInputValue] = useState('');
     const compositingRef = useRef(false);
-    const [, updateState] = React__default.useState({});
-    const forceUpdate = React__default.useCallback(() => updateState({}), []);
+    const [, updateState] = React.useState({});
+    const forceUpdate = React.useCallback(() => updateState({}), []);
     useEffect(() => {
         let initValue = defaultValue;
         if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
@@ -69,8 +69,8 @@ const TextArea = (props) => {
     const endComposing = () => {
         compositingRef.current = false;
     };
-    return (React__default.createElement("div", { className: `${textareaBem()} ${disabled ? textareaBem('disabled') : ''} ${className || ''}` },
-        React__default.createElement("textarea", { className: textareaBem('textarea'), style: {
+    return (React.createElement("div", { className: `${textareaBem()} ${disabled ? textareaBem('disabled') : ''} ${className || ''}` },
+        React.createElement("textarea", { className: textareaBem('textarea'), style: {
                 textAlign,
                 resize: `${autosize ? 'vertical' : 'none'}`,
                 ...style,
@@ -83,7 +83,7 @@ const TextArea = (props) => {
             }, onFocus: (e) => {
                 textFocus(e);
             }, onCompositionEnd: (e) => endComposing(), onCompositionStart: (e) => startComposing(), rows: rows, maxLength: maxlength < 0 ? 0 : maxlength, placeholder: placeholder || locale.placeholder }),
-        limitshow ? (React__default.createElement("div", { className: textareaBem('limit') },
+        limitshow ? (React.createElement("div", { className: textareaBem('limit') },
             [...inputValue].length,
             "/",
             maxlength < 0 ? 0 : maxlength)) : null));