@nutui/nutui-react-taro 2.0.0-alpha.2 → 2.0.0-alpha.4

package/dist/esm/{searchbar.taro-eef468bb.js → searchbar.taro-4aa300df.js}

@@ -1,8 +1,8 @@
-import React__default, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { getEnv } from '@tarojs/taro';
 import { Search, CircleClose } 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 = {
@@ -17,7 +17,7 @@ const defaultProps = {
     readonly: true,
     autoFocus: false,
     label: '',
-    leftinIcon: React__default.createElement(Search, { size: "12" }),
+    leftinIcon: React.createElement(Search, { size: "12" }),
 };
 const SearchBar = (props) => {
     const searchbarBem = cn('searchbar');
@@ -56,7 +56,7 @@ const SearchBar = (props) => {
         autoFocus && forceFocus();
     }, [autoFocus]);
     const renderField = () => {
-        return (React__default.createElement("input", { className: `${searchbarBem('input')}  ${searchbarBem(alignClass)} ${shape === 'round' ? searchbarBem('round') : ''} ${clearable ? searchbarBem('input-clear') : ''}`, ref: searchRef, style: { ...props.style }, value: value || '', placeholder: placeholder || locale.placeholder, disabled: disabled, readOnly: readOnly, maxLength: maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) }));
+        return (React.createElement("input", { className: `${searchbarBem('input')}  ${searchbarBem(alignClass)} ${shape === 'round' ? searchbarBem('round') : ''} ${clearable ? searchbarBem('input-clear') : ''}`, ref: searchRef, style: { ...props.style }, value: value || '', placeholder: placeholder || locale.placeholder, disabled: disabled, readOnly: readOnly, maxLength: maxLength, onKeyPress: onKeypress, onChange: (e) => change(e), onFocus: (e) => focus(e), onBlur: (e) => blur(e), onClick: (e) => clickInput(e) }));
     };
     const clickInput = (e) => {
         onClickInput && onClickInput(e);
@@ -64,12 +64,12 @@ const SearchBar = (props) => {
     const renderLeftinIcon = () => {
         if (!leftinIcon)
             return null;
-        return (React__default.createElement("div", { className: `${searchbarBem('leftin-icon')} ${searchbarBem('icon')}`, onClick: (e) => clickLeftIcon('in-left', e) }, leftinIcon));
+        return (React.createElement("div", { className: `${searchbarBem('leftin-icon')} ${searchbarBem('icon')}`, onClick: (e) => clickLeftIcon('in-left', e) }, leftinIcon));
     };
     const renderLeftoutIcon = () => {
         if (!leftoutIcon)
             return null;
-        return (React__default.createElement("div", { className: `${searchbarBem('leftout-icon')}`, onClick: (e) => clickLeftIcon('out-left', e) }, leftoutIcon));
+        return (React.createElement("div", { className: `${searchbarBem('leftout-icon')}`, onClick: (e) => clickLeftIcon('out-left', e) }, leftoutIcon));
     };
     const clickLeftIcon = (flag, event) => {
         if (flag === 'in-left') {
@@ -82,12 +82,12 @@ const SearchBar = (props) => {
     const renderRightinIcon = () => {
         if (!rightinIcon)
             return null;
-        return (React__default.createElement("div", { className: `${searchbarBem('rightin-icon')} ${searchbarBem('icon')}`, onClick: (e) => clickRightIcon('in-right', e) }, rightinIcon));
+        return (React.createElement("div", { className: `${searchbarBem('rightin-icon')} ${searchbarBem('icon')}`, onClick: (e) => clickRightIcon('in-right', e) }, rightinIcon));
     };
     const renderRightoutIcon = () => {
         if (!rightoutIcon)
             return null;
-        return (React__default.createElement("div", { className: `${searchbarBem('rightout-icon')}`, onClick: (e) => clickRightIcon('out-right', e) }, rightoutIcon));
+        return (React.createElement("div", { className: `${searchbarBem('rightout-icon')}`, onClick: (e) => clickRightIcon('out-right', e) }, rightoutIcon));
     };
     const clickRightIcon = (flag, event) => {
         if (flag === 'in-left') {
@@ -98,8 +98,8 @@ const SearchBar = (props) => {
         }
     };
     const handleClear = () => {
-        return (React__default.createElement("div", { className: `${searchbarBem('clear')} ${rightinIcon ? 'pos-right' : ''}`, onClick: (e) => clearaVal(e) },
-            React__default.createElement(CircleClose, { size: clearSize, color: "#555" })));
+        return (React.createElement("div", { className: `${searchbarBem('clear')} ${rightinIcon ? 'pos-right' : ''}`, onClick: (e) => clearaVal(e) },
+            React.createElement(CircleClose, { size: clearSize, color: "#555" })));
     };
     const clearaVal = (event) => {
         if (disabled || readOnly) {
@@ -111,7 +111,7 @@ const SearchBar = (props) => {
     };
     const renderRightLabel = () => {
         if (actionText) {
-            return (React__default.createElement("div", { className: searchbarBem('action-text'), onClick: search }, actionText));
+            return (React.createElement("div", { className: searchbarBem('action-text'), onClick: search }, actionText));
         }
         return null;
     };
@@ -128,19 +128,19 @@ const SearchBar = (props) => {
     };
     const renderLabel = () => {
         if (label) {
-            return React__default.createElement("div", { className: searchbarBem('label') }, label);
+            return React.createElement("div", { className: searchbarBem('label') }, label);
         }
         return null;
     };
     const envClass = () => {
         return getEnv() === 'WEB' ? 'nut-searchbar-taro' : '';
     };
-    return (React__default.createElement("div", { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem('disabled') : ''}  ${className || ''}`, style: { ...props.style, background: props.background } },
+    return (React.createElement("div", { className: `${searchbarBem()} ${envClass()} ${disabled ? searchbarBem('disabled') : ''}  ${className || ''}`, style: { ...props.style, background: props.background } },
         renderLeftoutIcon(),
         renderLabel(),
-        React__default.createElement("div", { className: `${searchbarBem('content')}`, style: { background: props.inputBackground } },
+        React.createElement("div", { className: `${searchbarBem('content')}`, style: { background: props.inputBackground } },
             renderLeftinIcon(),
-            React__default.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
+            React.createElement("div", { className: "nut-searchbar__input-box" }, renderField()),
             renderRightinIcon(),
             clearable && value && handleClear()),
         renderRightoutIcon(),

package/dist/esm/{shortpassword.taro-681a33a1.js → shortpassword.taro-99645f99.js}

@@ -1,8 +1,8 @@
-import React__default, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { Tips } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { P as Popup } from './popup.taro-020bf791.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { P as Popup } from './popup.taro-89cc342a.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
@@ -84,34 +84,34 @@ const ShortPassword = (props) => {
         onOk && onOk(inputValue);
     };
     const renderIcon = (size = '11px') => {
-        return React__default.isValidElement(tipsIcon) ? (React__default.cloneElement(tipsIcon, {
+        return React.isValidElement(tipsIcon) ? (React.cloneElement(tipsIcon, {
             ...tipsIcon.props,
             size,
-        })) : (React__default.createElement(Tips, { size: size }));
+        })) : (React.createElement(Tips, { size: size }));
     };
-    return (React__default.createElement("div", null,
-        React__default.createElement(Popup, { style: {
+    return (React.createElement("div", null,
+        React.createElement(Popup, { style: {
                 padding: '32px 24px 28px 24px',
                 borderRadius: '12px',
                 textAlign: 'center',
             }, visible: innerVisible, closeable: true, "close-on-click-overlay": closeOnClickOverlay, onClickOverlay: onClose, onClickCloseIcon: onClose },
-            React__default.createElement("div", { className: `${b()} ${className}`, style: { ...style }, ...reset },
-                React__default.createElement("div", { className: b('title') }, title || locale.shortpassword.title),
-                React__default.createElement("div", { className: b('subtitle') }, description || locale.shortpassword.description),
-                React__default.createElement("div", { className: b('input') },
-                    React__default.createElement("input", { ref: textInput, className: b('input-real'), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus: autoFocus, onChange: (e) => changeValue(e) }),
-                    React__default.createElement("div", { className: b('input-site') }),
-                    React__default.createElement("div", { className: b('input-fake'), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
-                        return (React__default.createElement("div", { className: b('input-fake__li'), key: index }, String(inputValue).length > index ? (React__default.createElement("div", { className: b('input-fake__li__icon') })) : null));
+            React.createElement("div", { className: `${b()} ${className}`, style: { ...style }, ...reset },
+                React.createElement("div", { className: b('title') }, title || locale.shortpassword.title),
+                React.createElement("div", { className: b('subtitle') }, description || locale.shortpassword.description),
+                React.createElement("div", { className: b('input') },
+                    React.createElement("input", { ref: textInput, className: b('input-real'), type: "number", style: systemStyle(), maxLength: 6, value: inputValue, autoFocus: autoFocus, onChange: (e) => changeValue(e) }),
+                    React.createElement("div", { className: b('input-site') }),
+                    React.createElement("div", { className: b('input-fake'), onClick: () => focus() }, [...new Array(comLen).keys()].map((item, index) => {
+                        return (React.createElement("div", { className: b('input-fake__li'), key: index }, String(inputValue).length > index ? (React.createElement("div", { className: b('input-fake__li__icon') })) : null));
                     }))),
-                React__default.createElement("div", { className: b('message') },
-                    React__default.createElement("div", { className: b('message__error') }, errorMsg),
-                    tips || locale.shortpassword.tips ? (React__default.createElement("div", { className: b('message__forget') },
+                React.createElement("div", { className: b('message') },
+                    React.createElement("div", { className: b('message__error') }, errorMsg),
+                    tips || locale.shortpassword.tips ? (React.createElement("div", { className: b('message__forget') },
                         renderIcon(iconSize),
-                        React__default.createElement("div", { className: b('message__forget-tips'), onClick: onTips }, tips || locale.shortpassword.tips))) : null),
-                !noButton ? (React__default.createElement("div", { className: b('footer') },
-                    React__default.createElement("div", { className: b('footer__cancel'), onClick: onCancel }, locale.cancel),
-                    React__default.createElement("div", { className: b('footer__sure'), onClick: () => sure() }, locale.confirm))) : null))));
+                        React.createElement("div", { className: b('message__forget-tips'), onClick: onTips }, tips || locale.shortpassword.tips))) : null),
+                !noButton ? (React.createElement("div", { className: b('footer') },
+                    React.createElement("div", { className: b('footer__cancel'), onClick: onCancel }, locale.cancel),
+                    React.createElement("div", { className: b('footer__sure'), onClick: () => sure() }, locale.confirm))) : null))));
 };
 ShortPassword.defaultProps = defaultProps;
 ShortPassword.displayName = 'NutShortPassword';

package/dist/esm/sidenavbar.taro-f8ffb7dc.js

@@ -0,0 +1,33 @@
+import React, { useState } from 'react';
+import { P as Popup } from './popup.taro-89cc342a.js';
+import { O as OffsetContext } from './offsetContext-c2a746fa.js';
+
+const defaultProps = {
+    showhead: false,
+    position: 'left',
+    width: '80%',
+};
+const SideNavBar = (props) => {
+    const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const offset = props.offset ? Number(props.offset) : 20;
+    const [sidenavbarShow, setSidenavbarShow] = useState(true);
+    const handleClick = () => {
+        setSidenavbarShow(!sidenavbarShow);
+    };
+    return (React.createElement(Popup, { visible: visible, style: { width, height: '100%' }, position: position, onClose: onClose },
+        React.createElement("div", { className: className ? `${className} nut-sidenavbar` : 'nut-sidenavbar', ...rest },
+            React.createElement("div", { className: "nut-sidenavbar__content" },
+                React.createElement("div", { className: `nut-sidenavbar__list ${sidenavbarShow ? 'nutShow' : 'nutHide'}`, onClick: handleClick },
+                    React.createElement("div", { className: "nut-sidenavbar__title border-bt ", style: { paddingLeft: `${offset}px` } },
+                        title,
+                        React.createElement("i", { className: `arrow-icon ${sidenavbarShow ? 'arrow-up' : 'arrow-down'}` })),
+                    React.createElement(OffsetContext.Provider, { value: offset },
+                        React.createElement("div", { className: "nut-sidenavbar__content" }, children)))))));
+};
+SideNavBar.defaultProps = defaultProps;
+SideNavBar.displayName = 'NutSideNavBar';
+
+export { SideNavBar as S };

package/dist/esm/{sidenavbaritem.taro-bb80dbf4.js → sidenavbaritem.taro-6cb0821e.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 
 const SideNavBarItem = (props) => {
     const { title, key, children, onClick, ...rest } = props;
@@ -6,7 +6,7 @@ const SideNavBarItem = (props) => {
         e.stopPropagation();
         onClick && onClick({ title, key });
     };
-    return (React__default.createElement("div", { className: "nut-subsidenavbar__item border-bt", onClick: clickFn, ...rest }, title));
+    return (React.createElement("div", { className: "nut-subsidenavbar__item border-bt", onClick: clickFn, ...rest }, title));
 };
 
 export { SideNavBarItem as S };

package/dist/esm/{signature.taro-f01b2b05.js → signature.taro-e5ede25a.js}

@@ -1,8 +1,8 @@
-import React__default, { useRef, useState, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import { getEnv, nextTick, createSelectorQuery, canvasToTempFilePath } from '@tarojs/taro';
-import { B as Button } from './button.taro-a1c9512f.js';
+import { B as Button } from './button.taro-b50bc217.js';
 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';
 
 /* eslint-disable react/no-unknown-property */
 const defaultProps = {
@@ -129,13 +129,13 @@ const Signature = (props) => {
     useEffect(() => {
         initCanvas();
     }, []);
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest },
-        React__default.createElement("div", { className: `${b('inner')} spcanvas_WEAPP`, ref: wrapRef }, getEnv() === 'WEAPP' || getEnv() === 'JD' ? (React__default.createElement("canvas", { id: canvasId, ref: canvasRef, 
+    return (React.createElement("div", { className: `${b()} ${className}`, ...rest },
+        React.createElement("div", { className: `${b('inner')} spcanvas_WEAPP`, ref: wrapRef }, getEnv() === 'WEAPP' || getEnv() === 'JD' ? (React.createElement("canvas", { id: canvasId, ref: canvasRef, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            canvasId: canvasId, disalbeScroll: true, type: "2d", onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler })) : (React__default.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))),
-        React__default.createElement(Button, { className: `${b('btn')}`, type: "default", onClick: () => handleClearBtn() }, locale.signature.reSign),
-        React__default.createElement(Button, { className: `${b('btn')}`, type: "primary", onClick: () => handleConfirmBtn() }, locale.confirm)));
+            canvasId: canvasId, disalbeScroll: true, type: "2d", onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler })) : (React.createElement("canvas", { id: canvasId, ref: canvasRef, "canvas-id": canvasId, "disalbe-scroll": disalbeScroll, onTouchStart: startEventHandler, onTouchMove: moveEventHandler, onTouchEnd: endEventHandler, onTouchCancel: endEventHandler }))),
+        React.createElement(Button, { className: `${b('btn')}`, type: "default", onClick: () => handleClearBtn() }, locale.signature.reSign),
+        React.createElement(Button, { className: `${b('btn')}`, type: "primary", onClick: () => handleConfirmBtn() }, locale.confirm)));
 };
 Signature.defaultProps = defaultProps;
 Signature.displayName = 'NutSignature';

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-48413fb8.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+import { T as TabbarItem } from './tabbaritem.taro-5afa3562.js';
+
+const defaultProps = {
+    ...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 classPrefix = 'nut-tabbar';
+    const [selectIndex, setSelectIndex] = usePropsValue({
+        value,
+        defaultValue,
+        finalValue: 0,
+        onChange: onSwitch,
+    });
+    return (React.createElement("div", { className: classNames(classPrefix, className, {
+            [`${classPrefix}__fixed`]: fixed,
+        }), style: style },
+        React.createElement("div", { className: `${classPrefix}__wrap` }, React.Children.map(children, (child, idx) => {
+            if (!React.isValidElement(child)) {
+                return null;
+            }
+            const childProps = {
+                ...child.props,
+                active: idx === selectIndex,
+                index: idx,
+                inactiveColor,
+                activeColor,
+                handleClick: setSelectIndex,
+            };
+            return React.cloneElement(child, childProps);
+        })),
+        (fixed || safeArea) && React.createElement("div", { className: `${classPrefix}__safe-area` })));
+};
+Tabbar.defaultProps = defaultProps;
+Tabbar.displayName = 'NutTabbar';
+Tabbar.Item = TabbarItem;
+
+export { Tabbar as T };

package/dist/esm/tabbaritem.taro-5afa3562.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { B as Badge } from './badge.taro-e2169fbe.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    title: '',
+    icon: null,
+    active: false,
+    index: 0,
+    handleClick: (idx) => { },
+};
+const TabbarItem = (props) => {
+    const { className, style, title, icon, active, activeColor, inactiveColor, index, handleClick, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-tabbar-item';
+    const tabbarItemClass = classNames(className, classPrefix, {
+        [`${classPrefix}-active`]: active,
+    });
+    const boxPrefix = `${classPrefix}__icon-box`;
+    const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
+        [`${boxPrefix}-large`]: !icon,
+    });
+    return (React.createElement("div", { className: tabbarItemClass, style: {
+            color: active ? activeColor : inactiveColor,
+            ...style,
+        }, onClick: () => handleClick(index) }, icon ? (React.createElement(React.Fragment, null,
+        React.createElement(Badge, { ...rest },
+            React.createElement("div", { className: boxPrefix }, icon)),
+        React.createElement("div", { className: titleClass }, title))) : (React.createElement(Badge, { ...rest },
+        React.createElement("div", { className: titleClass }, title)))));
+};
+
+export { TabbarItem as T };