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

package/dist/esm/{popup.taro-020bf791.js → popup.taro-89cc342a.js}

@@ -1,10 +1,10 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { Close } from '@nutui/icons-react-taro';
 import { View } from '@tarojs/components';
-import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-ad0d4775.js';
+import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-067b7202.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
@@ -109,20 +109,20 @@ const Popup = (props) => {
     };
     const renderIcon = () => {
         if (closeable) {
-            return (React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Close, { width: 12, height: 12 }))));
+            return (React.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React.isValidElement(closeIcon) ? (closeIcon) : (React.createElement(Close, { width: 12, height: 12 }))));
         }
         return null;
     };
     const renderPop = () => {
-        return (React__default.createElement(CSSTransition, { classNames: transitionName, unmountOnExit: true, timeout: 500, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-            React__default.createElement(View, { style: popStyles, className: popClassName, onClick: onHandleClick },
+        return (React.createElement(CSSTransition, { classNames: transitionName, unmountOnExit: true, timeout: 500, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
+            React.createElement(View, { style: popStyles, className: popClassName, onClick: onHandleClick },
                 showChildren ? children : '',
                 renderIcon())));
     };
     const renderNode = () => {
-        return (React__default.createElement(React__default.Fragment, null, overlay ? (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
-            renderPop())) : (React__default.createElement(React__default.Fragment, null, renderPop()))));
+        return (React.createElement(React.Fragment, null, overlay ? (React.createElement(React.Fragment, null,
+            React.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
+            renderPop())) : (React.createElement(React.Fragment, null, renderPop()))));
     };
     useEffect(() => {
         visible && open();
@@ -131,7 +131,7 @@ const Popup = (props) => {
     useEffect(() => {
         setTransitionName(transition || `${classPrefix}-slide-${position}`);
     }, [position, transition]);
-    return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
+    return React.createElement(React.Fragment, null, renderToContainer(portal, renderNode()));
 };
 Popup.defaultProps = defaultProps;
 Popup.displayName = 'NutPopup';

package/dist/esm/{price.taro-776ed16e.js → price.taro-959d82f2.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {
@@ -68,13 +68,13 @@ const Price = (props) => {
         return String(resultFixed).substring(2, resultFixed.length);
     };
     const renderSymbol = () => {
-        return (React__default.createElement("div", { className: `${b('symbol')} ${b(`symbol-${size}`)}`, dangerouslySetInnerHTML: showSymbol() }));
+        return (React.createElement("div", { className: `${b('symbol')} ${b(`symbol-${size}`)}`, dangerouslySetInnerHTML: showSymbol() }));
     };
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest },
+    return (React.createElement("div", { className: `${b()} ${className}`, ...rest },
         needSymbol && position === 'before' ? renderSymbol() : null,
-        React__default.createElement("div", { className: `${b('integer')} ${b(`integer-${size}`)}` }, formatThousands(price)),
-        decimalDigits !== 0 ? (React__default.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, ".")) : null,
-        React__default.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, formatDecimal(price)),
+        React.createElement("div", { className: `${b('integer')} ${b(`integer-${size}`)}` }, formatThousands(price)),
+        decimalDigits !== 0 ? (React.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, ".")) : null,
+        React.createElement("div", { className: `${b('decimal')} ${b(`decimal-${size}`)}` }, formatDecimal(price)),
         needSymbol && position === 'after' ? renderSymbol() : null));
 };
 Price.defaultProps = defaultProps;

package/dist/esm/progress.taro-1a7ac8a4.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    percent: 0,
+    showText: false,
+    animated: false,
+};
+const Progress = (props) => {
+    const { className, style, percent, background, color, strokeWidth, showText, animated, children, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-progress';
+    const classesInner = classNames({
+        [`${classPrefix}-inner`]: true,
+        [`${classPrefix}-active`]: animated,
+    });
+    const stylesOuter = {
+        height: `${strokeWidth}px`,
+        background,
+    };
+    const stylesInner = {
+        width: `${percent}%`,
+        background: color,
+    };
+    return (React.createElement("div", { className: classNames(classPrefix, className), style: style, ...rest },
+        React.createElement("div", { className: `${classPrefix}-outer`, style: stylesOuter },
+            React.createElement("div", { className: classesInner, style: stylesInner }, showText && (React.createElement("div", { className: `${classPrefix}-text`, style: { left: `${percent}%` } }, children || (React.createElement("div", { className: `${classPrefix}-text__inner`, style: {
+                    background: color,
+                } },
+                percent,
+                "%"))))))));
+};
+Progress.defaultProps = defaultProps;
+Progress.displayName = 'NutProgress';
+
+export { Progress as P };

package/dist/esm/{pulltorefresh.taro-d5fcfcb0.js → pulltorefresh.taro-37dadbc5.js}

@@ -1,7 +1,7 @@
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { useDrag } from '@use-gesture/react';
 import { useSpring, animated } from '@react-spring/web';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { g as getScrollParent } from './get-scroll-parent-b4a07e65.js';
 import { p as passiveSupported } from './supports-passive-c85ef996.js';
 
@@ -170,10 +170,10 @@ const PullToRefresh = (p) => {
             return props.completeText;
         return '';
     };
-    return (React__default.createElement(animated.div, { ref: elementRef, className: "nut-pulltorefresh" },
-        React__default.createElement(animated.div, { style: springStyles, className: "nut-pulltorefresh-head" },
-            React__default.createElement("div", { className: "nut-pulltorefresh-head-content", style: { height: headHeight } }, renderStatusText())),
-        React__default.createElement("div", { className: "nut-pulltorefresh-content" }, props.children)));
+    return (React.createElement(animated.div, { ref: elementRef, className: "nut-pulltorefresh" },
+        React.createElement(animated.div, { style: springStyles, className: "nut-pulltorefresh-head" },
+            React.createElement("div", { className: "nut-pulltorefresh-head-content", style: { height: headHeight } }, renderStatusText())),
+        React.createElement("div", { className: "nut-pulltorefresh-content" }, props.children)));
 };
 PullToRefresh.defaultProps = defaultProps;
 PullToRefresh.displayName = 'NutPullToRefresh';

package/dist/esm/{radio.taro-51e10152.js → radio.taro-36438449.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect, useCallback, useContext } from 'react';
+import React, { useState, useEffect, useCallback, useContext } from 'react';
 import { CheckChecked, CheckNormal } from '@nutui/icons-react-taro';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 import { c as cn } from './bem-350c1702.js';
@@ -6,7 +6,7 @@ import { c as cn } from './bem-350c1702.js';
 const radioContext = {
     onChange: (val) => { },
 };
-var RadioContext = React__default.createContext(radioContext);
+var RadioContext = React.createContext(radioContext);
 
 const defaultProps$1 = {
     value: null,
@@ -15,7 +15,7 @@ const defaultProps$1 = {
     direction: 'vertical',
     options: [],
 };
-const RadioGroup = React__default.forwardRef((props, ref) => {
+const RadioGroup = React.forwardRef((props, ref) => {
     const { children } = { ...defaultProps$1, ...props };
     cn('RadioGroup');
     const { className, value, onChange, textPosition, direction, options, ...rest } = props;
@@ -62,12 +62,12 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
         return val2State === value;
     }
     function cloneChildren() {
-        return React__default.Children.map(children, (child, index) => {
+        return React.Children.map(children, (child, index) => {
             const childChecked = validateChildChecked(child);
             if (child.type.displayName !== 'NutRadio') {
-                return React__default.cloneElement(child);
+                return React.cloneElement(child);
             }
-            return React__default.cloneElement(child, {
+            return React.cloneElement(child, {
                 textPosition,
                 checked: childChecked,
                 // onChange: handleChildChange,
@@ -77,16 +77,16 @@ const RadioGroup = React__default.forwardRef((props, ref) => {
     const renderOptionsChildren = useCallback(() => {
         return options?.map(({ label, value, disabled, onChange, ...rest }) => {
             const childChecked = validateChecked(value);
-            return (React__default.createElement(Radio, { key: value?.toString(), children: label, value: value, disabled: disabled, onChange: onChange, ...rest, textPosition: textPosition, checked: childChecked }));
+            return (React.createElement(Radio, { key: value?.toString(), children: label, value: value, disabled: disabled, onChange: onChange, ...rest, textPosition: textPosition, checked: childChecked }));
         });
     }, [val2State, options]);
-    return (React__default.createElement(RadioContext.Provider, { value: {
+    return (React.createElement(RadioContext.Provider, { value: {
             onChange: (val) => {
                 setVal2State(val);
                 onChange && onChange(val);
             },
         } },
-        React__default.createElement("div", { className: `nut-radiogroup nut-radiogroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptionsChildren() : cloneChildren())));
+        React.createElement("div", { className: `nut-radiogroup nut-radiogroup--${props.direction} ${className || ''}`, ...rest }, options?.length ? renderOptionsChildren() : cloneChildren())));
 });
 RadioGroup.defaultProps = defaultProps$1;
 RadioGroup.displayName = 'NutRadioGroup';
@@ -122,10 +122,10 @@ const Radio = (props) => {
         setCheckedStatement(checked);
     }, [disabled, value, checked]);
     const renderLabel = () => {
-        return (React__default.createElement("div", { className: `${componentName}__label ${disabledStatement ? `${componentName}__label--disabled` : ''}` }, children));
+        return (React.createElement("div", { className: `${componentName}__label ${disabledStatement ? `${componentName}__label--disabled` : ''}` }, children));
     };
     const renderButton = () => {
-        return (React__default.createElement("div", { className: `${componentName}__button ${!disabledStatement &&
+        return (React.createElement("div", { className: `${componentName}__button ${!disabledStatement &&
                 checkedStatement &&
                 `${componentName}__button--active`} ${disabledStatement ? `${componentName}__button--disabled` : ''}` }, children));
     };
@@ -141,15 +141,15 @@ const Radio = (props) => {
     const renderIcon = () => {
         const { icon, iconSize, checkedIcon } = props;
         if (!disabledStatement && checkedStatement) {
-            return React__default.isValidElement(checkedIcon) ? (React__default.cloneElement(checkedIcon, {
+            return React.isValidElement(checkedIcon) ? (React.cloneElement(checkedIcon, {
                 ...checkedIcon.props,
                 className: color(),
-            })) : (React__default.createElement(CheckChecked, { size: iconSize, className: color() }));
+            })) : (React.createElement(CheckChecked, { size: iconSize, className: color() }));
         }
-        return React__default.isValidElement(icon) ? (React__default.cloneElement(icon, {
+        return React.isValidElement(icon) ? (React.cloneElement(icon, {
             ...icon.props,
             className: color(),
-        })) : (React__default.createElement(CheckNormal, { size: iconSize, className: color() }));
+        })) : (React.createElement(CheckNormal, { size: iconSize, className: color() }));
     };
     const reverseState = textPosition === 'left';
     const renderRadioItem = () => {
@@ -168,7 +168,7 @@ const Radio = (props) => {
         onChange && onChange(e);
         context && context.onChange(valueStatement);
     };
-    return (React__default.createElement("div", { className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ''}`, onClick: handleClick, ...rest }, renderRadioItem()));
+    return (React.createElement("div", { className: `nut-radio ${className} ${reverseState ? `${componentName}--reverse` : ''}`, onClick: handleClick, ...rest }, renderRadioItem()));
 };
 Radio.defaultProps = defaultProps;
 Radio.displayName = 'NutRadio';

package/dist/esm/{range.taro-7a2b6ca1.js → range.taro-432d20d7.js}

@@ -1,8 +1,8 @@
-import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { u as useTouch } from './use-touch-db24bb5c.js';
 import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
-import { T as Toast } from './toast.taro-e4f44812.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { T as Toast } from './toast.taro-c509a870.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 
 const defaultProps = {
     range: false,
@@ -283,18 +283,18 @@ const Range = (props) => {
         const value = typeof idx === 'number' ? modelVal[idx] : modelVal;
         return value;
     };
-    return (React__default.createElement("div", { className: `${containerName}` },
-        !hiddenRange ? React__default.createElement("div", { className: "min" }, minDesc || +min) : null,
-        React__default.createElement("div", { ref: root, style: wrapperStyle(), className: `${rangeName}`, onClick: (e) => {
+    return (React.createElement("div", { className: `${containerName}` },
+        !hiddenRange ? React.createElement("div", { className: "min" }, minDesc || +min) : null,
+        React.createElement("div", { ref: root, style: wrapperStyle(), className: `${rangeName}`, onClick: (e) => {
                 click(e);
             } },
-            marksList.length > 0 ? (React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((marks) => {
-                return (React__default.createElement("span", { key: marks, className: markClassName(marks), style: marksStyle(marks) },
+            marksList.length > 0 ? (React.createElement("div", { className: "nut-range-mark" }, marksList.map((marks) => {
+                return (React.createElement("span", { key: marks, className: markClassName(marks), style: marksStyle(marks) },
                     marks,
-                    React__default.createElement("span", { className: "nut-range-tick", style: tickStyle(marks) })));
+                    React.createElement("span", { className: "nut-range-tick", style: tickStyle(marks) })));
             }))) : null,
-            React__default.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? ([0, 1].map((item, index) => {
-                return (React__default.createElement("div", { role: "slider", key: index, className: `${index === 0 ? 'nut-range-button-wrapper-left' : ''}
+            React.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? ([0, 1].map((item, index) => {
+                return (React.createElement("div", { role: "slider", key: index, className: `${index === 0 ? 'nut-range-button-wrapper-left' : ''}
                   ${index === 1 ? 'nut-range-button-wrapper-right' : ''}`, tabIndex: disabled ? -1 : 0, "aria-valuemin": +min, "aria-valuenow": curValue(index), "aria-valuemax": +max, "aria-orientation": vertical ? 'vertical' : 'horizontal', onTouchStart: (e) => {
                         if (typeof index === 'number') {
                             // 实时更新当前拖动的按钮索引
@@ -309,8 +309,8 @@ const Range = (props) => {
                         onTouchEnd();
                     }, onClick: (e) => {
                         e.stopPropagation();
-                    } }, button || (React__default.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? (React__default.createElement("div", { className: "number" }, curValueDesc || curValue(index))) : null))));
-            })) : (React__default.createElement("div", { role: "slider", className: "nut-range-button-wrapper", tabIndex: disabled ? -1 : 0, "aria-valuemin": +min, "aria-valuenow": curValue(), "aria-valuemax": +max, "aria-orientation": vertical ? 'vertical' : 'horizontal', onTouchStart: (e) => {
+                    } }, button || (React.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? (React.createElement("div", { className: "number" }, curValueDesc || curValue(index))) : null))));
+            })) : (React.createElement("div", { role: "slider", className: "nut-range-button-wrapper", tabIndex: disabled ? -1 : 0, "aria-valuemin": +min, "aria-valuenow": curValue(), "aria-valuemax": +max, "aria-orientation": vertical ? 'vertical' : 'horizontal', onTouchStart: (e) => {
                     onTouchStart(e);
                 }, onTouchMove: (e) => {
                     onTouchMove(e);
@@ -320,9 +320,9 @@ const Range = (props) => {
                     onTouchEnd();
                 }, onClick: (e) => {
                     e.stopPropagation();
-                } }, button || (React__default.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? (React__default.createElement("div", { className: "number" }, curValueDesc || curValue())) : null)))))),
-        !hiddenRange ? React__default.createElement("div", { className: "max" }, maxDesc || +max) : null,
-        React__default.createElement(Toast, { type: "text", visible: show, msg: toastMsg, onClose: () => {
+                } }, button || (React.createElement("div", { className: "nut-range-button", style: buttonStyle() }, !hiddenTag ? (React.createElement("div", { className: "number" }, curValueDesc || curValue())) : null)))))),
+        !hiddenRange ? React.createElement("div", { className: "max" }, maxDesc || +max) : null,
+        React.createElement(Toast, { type: "text", visible: show, msg: toastMsg, onClose: () => {
                 SetShow(false);
             } })));
 };

package/dist/esm/{rate.taro-57341aa9.js → rate.taro-895bb41c.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { StarFillN } from '@nutui/icons-react-taro';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -36,11 +36,11 @@ const Rate = (props) => {
     }, [count]);
     const renderIcon = (n) => {
         return n <= score
-            ? checkedIcon || React__default.createElement(StarFillN, null)
+            ? checkedIcon || React.createElement(StarFillN, null)
             : uncheckedIcon ||
-                (checkedIcon ? (React__default.cloneElement(checkedIcon, {
+                (checkedIcon ? (React.cloneElement(checkedIcon, {
                     color: undefined,
-                })) : (React__default.createElement(StarFillN, null)));
+                })) : (React.createElement(StarFillN, null)));
     };
     const onClick = (e, index) => {
         e.preventDefault();
@@ -60,15 +60,15 @@ const Rate = (props) => {
         const value = Math.max(min, n - 0.5);
         setScore(value);
     };
-    return (React__default.createElement("div", { className: classNames(classPrefix, className, {
+    return (React.createElement("div", { className: classNames(classPrefix, className, {
             disabled,
             readonly: readOnly,
         }), style: style }, countArray.map((n) => {
-        return (React__default.createElement("div", { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },
-            React__default.createElement("div", { className: classNames(`${classPrefix}-item__icon`, {
+        return (React.createElement("div", { className: `${classPrefix}-item`, key: n, onClick: (event) => onClick(event, n) },
+            React.createElement("div", { className: classNames(`${classPrefix}-item__icon`, {
                     [`${classPrefix}-item__icon--disabled`]: disabled || n > score,
                 }) }, renderIcon(n)),
-            allowHalf && score > n - 1 && (React__default.createElement("div", { className: classNames(`${classPrefix}-item__half`, `${classPrefix}-item__icon`, `${classPrefix}-item__icon--half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n)))));
+            allowHalf && score > n - 1 && (React.createElement("div", { className: classNames(`${classPrefix}-item__half`, `${classPrefix}-item__icon`, `${classPrefix}-item__icon--half`), onClick: (event) => onHalfClick(event, n) }, renderIcon(n)))));
     })));
 };
 Rate.defaultProps = defaultProps;

package/dist/esm/{row.taro-75039d53.js → row.taro-e929ec5c.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-0aac9a82.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -34,7 +34,7 @@ const Row = (props) => {
     const parentRow = {
         gutter,
     };
-    return (React__default.createElement(DataContext.Provider, { value: parentRow }, React__default.createElement('div', {
+    return (React.createElement(DataContext.Provider, { value: parentRow }, React.createElement('div', {
         className: classNames(getClasses(), className),
         style,
         onClick: (e) => {

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';