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

package/dist/esm/{elevator.taro-588e219b.js → elevator.taro-360a831f.js}

@@ -1,4 +1,4 @@
-import React__default, { createContext, useRef, useState, useEffect } from 'react';
+import React, { createContext, useRef, useState, useEffect } from 'react';
 import { nextTick, createSelectorQuery } from '@tarojs/taro';
 import { ScrollView } from '@tarojs/components';
 import classNames from 'classnames';
@@ -150,29 +150,29 @@ const Elevator = (props) => {
             });
         }
     }, [listview]);
-    return (React__default.createElement("div", { className: `${classPrefix} ${className}`, style: style, ...rest },
-        sticky && scrollTop > 0 ? (React__default.createElement("div", { className: `${classPrefix}__list__fixed` },
-            React__default.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null,
-        React__default.createElement("div", { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
-                return (React__default.createElement("div", { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
-                    React__default.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
-                    React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
-                        return (React__default.createElement("div", { className: classNames({
+    return (React.createElement("div", { className: `${classPrefix} ${className}`, style: style, ...rest },
+        sticky && scrollTop > 0 ? (React.createElement("div", { className: `${classPrefix}__list__fixed` },
+            React.createElement("span", { className: `${classPrefix}__list__fixed__title` }, list[currentIndex][floorKey]))) : null,
+        React.createElement("div", { className: `${classPrefix}__list`, style: { height: Number.isNaN(+height) ? height : `${height}px` } },
+            React.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, className: `${classPrefix}__list__inner`, type: "list", ref: listview, onScroll: listViewScroll }, list.map((item, idx) => {
+                return (React.createElement("div", { className: `${classPrefix}__list__item nut-elevator__item__${idx}`, key: idx },
+                    React.createElement("div", { className: `${classPrefix}__list__item__code` }, item[floorKey]),
+                    React.createElement(React.Fragment, null, item.list.map((subitem) => {
+                        return (React.createElement("div", { className: classNames({
                                 [`${classPrefix}__list__item__name`]: true,
                                 [`${classPrefix}__list__item__name--highcolor`]: currentData.id === subitem.id &&
                                     currentKey === item[floorKey],
-                            }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? (React__default.createElement(React__default.Fragment, null,
-                            React__default.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
+                            }), key: subitem.id, onClick: () => handleClickItem(item[floorKey], subitem) }, children ? (React.createElement(React.Fragment, null,
+                            React.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
                     }))));
             }))),
-        list.length && scrollStart ? (React__default.createElement("div", { className: classNames({
+        list.length && scrollStart ? (React.createElement("div", { className: classNames({
                 [`${classPrefix}__code--current`]: true,
                 [`${classPrefix}__code--current--current`]: true,
             }) }, list[codeIndex][floorKey])) : null,
-        React__default.createElement("div", { className: `${classPrefix}__bars` },
-            React__default.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, list.map((item, index) => {
-                return (React__default.createElement("div", { className: classNames({
+        React.createElement("div", { className: `${classPrefix}__bars` },
+            React.createElement("div", { className: `${classPrefix}__bars__inner`, onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, list.map((item, index) => {
+                return (React.createElement("div", { className: classNames({
                         [`${classPrefix}__bars__inner__item`]: true,
                         [`${classPrefix}__bars__inner__item--active`]: item[floorKey] === list[currentIndex][floorKey],
                     }), "data-index": index, key: index, onClick: () => handleClickIndex(item[floorKey]) }, item[floorKey]));

package/dist/esm/{ellipsis.taro-b6cda065.js → ellipsis.taro-79044d54.js}

@@ -1,6 +1,6 @@
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { useReady, nextTick, createSelectorQuery } from '@tarojs/taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { g as getRectByTaro } from './use-client-rect-1f8ed1fe.js';
 
 const defaultProps = {
@@ -211,29 +211,29 @@ const Ellipsis = (props) => {
     const handleClick = () => {
         onClick && onClick();
     };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
-            React__default.createElement("div", null,
-                !exceeded ? (React__default.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
-                exceeded && !expanded ? (React__default.createElement(React__default.Fragment, null,
-                    React__default.createElement("div", { className: "nut-ellipsis-wordbreak" },
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "nut-ellipsis", onClick: handleClick, ref: root, id: `root${refRandomId}` },
+            React.createElement("div", null,
+                !exceeded ? (React.createElement("div", { className: "nut-ellipsis-wordbreak" }, content)) : null,
+                exceeded && !expanded ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "nut-ellipsis-wordbreak" },
                         ellipsis.current?.leading,
                         ellipsis.current?.leading && symbol,
-                        expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+                        expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
                                 e.stopPropagation();
                                 clickHandle(1);
                             } }, expandText)) : null,
                         ellipsis.current?.tailing && symbol,
                         ellipsis.current?.tailing))) : null,
-                exceeded && expanded ? (React__default.createElement(React__default.Fragment, null,
+                exceeded && expanded ? (React.createElement(React.Fragment, null,
                     content,
-                    expandText ? (React__default.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
+                    expandText ? (React.createElement("span", { className: "nut-ellipsis-text", onClick: (e) => {
                             e.stopPropagation();
                             clickHandle(2);
                         } }, collapseText)) : null)) : null)),
-        React__default.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
-            React__default.createElement("div", null, contentCopy)),
-        React__default.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: 'inline' } }, symbolText())));
+        React.createElement("div", { className: "nut-ellipsis-copy", ref: rootContain, id: `rootContain${refRandomId}`, style: { width: `${widthRef}` } },
+            React.createElement("div", null, contentCopy)),
+        React.createElement("div", { className: "nut-ellipsis-copy", ref: symbolContain, id: `symbolContain${refRandomId}`, style: { display: 'inline' } }, symbolText())));
 };
 Ellipsis.defaultProps = defaultProps;
 Ellipsis.displayName = 'NutEllipsis';

package/dist/esm/{empty.taro-fde835ca.js → empty.taro-f8585835.js}

@@ -1,6 +1,6 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 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';
 
 /**
  * 内置图片地址
@@ -31,7 +31,7 @@ const Empty = (props) => {
             image.startsWith('http://') ||
             image.startsWith('//');
         const imageUrl = isHttpUrl ? image : defaultStatus[image];
-        imageNode = React__default.createElement("img", { className: "img", src: imageUrl, alt: "empty" });
+        imageNode = React.createElement("img", { className: "img", src: imageUrl, alt: "empty" });
     }
     useEffect(() => {
         setImgStyle(() => {
@@ -50,10 +50,10 @@ const Empty = (props) => {
             };
         });
     }, [imageSize]);
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest },
-        React__default.createElement(React__default.Fragment, null,
-            React__default.createElement("div", { className: b('image'), style: imgStyle }, imageNode),
-            typeof description === 'string' ? (React__default.createElement("div", { className: b('description') }, description)) : ({ description }),
+    return (React.createElement("div", { className: `${b()} ${className}`, ...rest },
+        React.createElement(React.Fragment, null,
+            React.createElement("div", { className: b('image'), style: imgStyle }, imageNode),
+            typeof description === 'string' ? (React.createElement("div", { className: b('description') }, description)) : ({ description }),
             children)));
 };
 Empty.defaultProps = defaultProps;

package/dist/esm/fixednav.taro-cca9a6df.js

@@ -0,0 +1,54 @@
+import React from 'react';
+import classNames from 'classnames';
+import { Left } from '@nutui/icons-react-taro';
+import { O as Overlay } from './overlay.taro-067b7202.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    activeText: '',
+    inactiveText: '',
+    type: 'right',
+    position: {
+        top: 'auto',
+        bottom: 'auto',
+    },
+};
+const FixedNav = (props) => {
+    const { locale } = useConfig();
+    const { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const classPrefix = 'nut-fixednav';
+    const classes = classNames({
+        active: visible,
+    }, type, className, classPrefix);
+    const handleClick = (item, event) => {
+        onSelect(event, item);
+    };
+    const onUpdateValue = (value = !visible) => {
+        onChange(value);
+    };
+    return (React.createElement("div", { className: classes, style: {
+            ...position,
+            ...style,
+        }, ...rest },
+        overlay && (React.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
+        React.createElement("div", { className: "list" }, children || (React.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
+            return (React.createElement("div", { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
+                React.createElement("img", { src: item.icon, alt: "" }),
+                React.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
+                item.num && React.createElement("div", { className: "b" }, item.num)));
+        })))),
+        React.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || (React.createElement(React.Fragment, null,
+            React.createElement(Left, { color: "#fff" }),
+            React.createElement("div", { className: "text" }, visible
+                ? activeText || locale.fixednav.activeText
+                : inactiveText || locale.fixednav.inactiveText))))));
+};
+FixedNav.defaultProps = defaultProps;
+FixedNav.displayName = 'NutFixedNav';
+
+export { FixedNav as F };

package/dist/esm/{form.taro-0d83f1e8.js → form.taro-7413d868.js}

@@ -1,7 +1,7 @@
-import React__default, { useRef } from 'react';
+import React, { useRef } from 'react';
 import { C as ComponentDefaults } from './typings-d8491423.js';
-import { C as CellGroup } from './cellgroup.taro-6e901b54.js';
-import { a as FormItemContext, F as FormItem } from './formitem.taro-0de07d1e.js';
+import { C as CellGroup } from './cellgroup.taro-660faffc.js';
+import { a as FormItemContext, F as FormItem } from './formitem.taro-b550d29c.js';
 
 /**
  * 用于存储表单的数据
@@ -165,12 +165,12 @@ const Form = (props) => {
         onFinish,
         onFinishFailed,
     });
-    return (React__default.createElement("form", { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
+    return (React.createElement("form", { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
             e.preventDefault();
             submit();
         } },
-        React__default.createElement(CellGroup, null,
-            React__default.createElement(FormItemContext.Provider, { value: formInstance }, children))));
+        React.createElement(CellGroup, null,
+            React.createElement(FormItemContext.Provider, { value: formInstance }, children))));
 };
 Form.defaultProps = defaultProps;
 Form.displayName = 'NutForm';

package/dist/esm/{formitem.taro-0de07d1e.js → formitem.taro-b550d29c.js}

@@ -1,5 +1,5 @@
-import React__default, { createContext } from 'react';
-import { C as Cell } from './cell.taro-26870740.js';
+import React, { createContext } from 'react';
+import { C as Cell } from './cell.taro-ea725a95.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const FormItemContext = createContext({});
@@ -16,7 +16,7 @@ const defaultProps = {
     showErrorLine: true,
     showErrorMessage: true,
 };
-class FormItem extends React__default.Component {
+class FormItem extends React.Component {
     static defaultProps = defaultProps;
     static contextType = FormItemContext;
     cancelRegister;
@@ -61,19 +61,19 @@ class FormItem extends React__default.Component {
                 return item.field === name;
             });
         const { starPositon } = this.context;
-        const renderStar = rules.length > 0 && rules[0].required && (React__default.createElement("i", { className: "required" }));
-        const renderLabel = starPositon === 'Right' ? (React__default.createElement(React__default.Fragment, null,
+        const renderStar = rules.length > 0 && rules[0].required && (React.createElement("i", { className: "required" }));
+        const renderLabel = starPositon === 'Right' ? (React.createElement(React.Fragment, null,
             label,
-            renderStar)) : (React__default.createElement(React__default.Fragment, null,
+            renderStar)) : (React.createElement(React.Fragment, null,
             renderStar,
             label));
-        return (React__default.createElement(Cell, { className: `nut-form-item ${className}` },
-            label ? (React__default.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
+        return (React.createElement(Cell, { className: `nut-form-item ${className}` },
+            label ? (React.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
                     width: this.pxCheck(labelWidth),
                 } }, renderLabel)) : null,
-            React__default.createElement("div", { className: "nut-cell__value nut-form-item__body" },
-                React__default.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
-                item.length > 0 && (React__default.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)))));
+            React.createElement("div", { className: "nut-cell__value nut-form-item__body" },
+                React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
+                item.length > 0 && (React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)))));
     };
     pxCheck = (value) => {
         return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -81,7 +81,7 @@ class FormItem extends React__default.Component {
     render() {
         const { children } = this.props;
         const c = Array.isArray(children) ? children[0] : children;
-        const returnChildNode = React__default.cloneElement(c, this.getControlled(c));
+        const returnChildNode = React.cloneElement(c, this.getControlled(c));
         return this.renderLayout(returnChildNode);
     }
 }

package/dist/esm/{grid.taro-3797169c.js → grid.taro-10eb7716.js}

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
-import { a as GridContext, G as GridItem, p as pxCheck } from './griditem.taro-04f59ae1.js';
+import { a as GridContext, G as GridItem, p as pxCheck } from './griditem.taro-fb15eeec.js';
 
 const defaultProps = {
     columns: 4,
@@ -12,7 +12,7 @@ const defaultProps = {
 };
 const Grid = (props) => {
     const { children, columns, gap, center, square, reverse, direction, style, className, onClick, ...rest } = { ...defaultProps, ...props };
-    const childrenDom = React__default.Children.toArray(children);
+    const childrenDom = React.Children.toArray(children);
     const classPrefix = 'nut-grid';
     const rootClass = () => {
         return classNames(className, classPrefix, {
@@ -29,9 +29,9 @@ const Grid = (props) => {
         }
         return styleSelf;
     };
-    return (React__default.createElement("div", { className: rootClass(), style: rootStyle(), ...rest },
-        React__default.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
-            return React__default.cloneElement(item, {
+    return (React.createElement("div", { className: rootClass(), style: rootStyle(), ...rest },
+        React.createElement(GridContext.Provider, { value: { onClick } }, childrenDom.map((item, idex) => {
+            return React.cloneElement(item, {
                 index: idex,
                 columns,
                 center,

package/dist/esm/{griditem.taro-04f59ae1.js → griditem.taro-fb15eeec.js}

@@ -1,11 +1,11 @@
-import React__default, { useContext } from 'react';
+import React, { useContext } from 'react';
 import classNames from 'classnames';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 
 const gridContext = {
     onClick: (item, index) => { },
 };
-var GridContext = React__default.createContext(gridContext);
+var GridContext = React.createContext(gridContext);
 
 const pxCheck = (value) => {
     return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
@@ -69,10 +69,10 @@ const GridItem = (props) => {
                 direction,
             }, index);
     };
-    return (React__default.createElement("div", { className: classes, style: rootStyle(), ...rest, onClick: handleClick },
-        React__default.createElement("div", { className: contentClass() },
-            children && React__default.createElement(React__default.Fragment, null, children),
-            text && React__default.createElement("div", { className: `${classPrefix}__text` }, text))));
+    return (React.createElement("div", { className: classes, style: rootStyle(), ...rest, onClick: handleClick },
+        React.createElement("div", { className: contentClass() },
+            children && React.createElement(React.Fragment, null, children),
+            text && React.createElement("div", { className: `${classPrefix}__text` }, text))));
 };
 GridItem.defaultProps = defaultProps;
 GridItem.displayName = 'NutGridItem';

package/dist/esm/{image.taro-edb572bb.js → image.taro-b897a058.js}

@@ -1,6 +1,6 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Image as Image$1, ImageError } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 
 const defaultProps = {
     fit: 'fill',
@@ -51,12 +51,12 @@ const Image = (props) => {
     const imageClick = (event) => {
         onClick && onClick(event);
     };
-    return (React__default.createElement("div", { className: `nut-image ${round ? 'nut-image-round' : ''}`, style: stylebox, onClick: (e) => {
+    return (React.createElement("div", { className: `nut-image ${round ? 'nut-image-round' : ''}`, style: stylebox, onClick: (e) => {
             imageClick(e);
         } },
-        React__default.createElement("img", { className: "nut-img", style: styles, src: src, alt: alt, onLoad: load, onError: error }),
-        showLoading && loading ? (React__default.createElement("div", { className: "nut-img-loading" }, slotLoding || children || React__default.createElement(Image$1, null))) : null,
-        showError && isError && !loading ? (React__default.createElement("div", { className: "nut-img-error" }, slotError || children || React__default.createElement(ImageError, null))) : null));
+        React.createElement("img", { className: "nut-img", style: styles, src: src, alt: alt, onLoad: load, onError: error }),
+        showLoading && loading ? (React.createElement("div", { className: "nut-img-loading" }, slotLoding || children || React.createElement(Image$1, null))) : null,
+        showError && isError && !loading ? (React.createElement("div", { className: "nut-img-error" }, slotError || children || React.createElement(ImageError, null))) : null));
 };
 Image.defaultProps = defaultProps;
 Image.displayName = 'NutImage';

package/dist/esm/{imagepreview.taro-b88fcf41.js → imagepreview.taro-d511342c.js}

@@ -1,7 +1,7 @@
-import React__default, { useRef, useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-020bf791.js';
-import { S as Swiper } from './swiper.taro-7a94e211.js';
-import { S as SwiperItem } from './swiperitem-c9e3d0d5.js';
+import React, { useRef, useState, useEffect } from 'react';
+import { P as Popup } from './popup.taro-89cc342a.js';
+import { S as Swiper } from './swiper.taro-c0e9a56b.js';
+import { S as SwiperItem } from './swiperitem-abab7606.js';
 
 const defaultProps = {
     images: [],
@@ -148,15 +148,15 @@ const ImagePreview = (props) => {
             onCloseInner();
         }
     };
-    return (React__default.createElement(Popup, { visible: showPop, className: "custom-pop", style: { width: '100%' }, onClick: onCloseInner },
-        React__default.createElement("div", { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart: onTouchStart },
-            React__default.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? 'block' : 'none' }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor: paginationColor, paginationVisible: paginationVisible }, images && images.length > 0
+    return (React.createElement(Popup, { visible: showPop, className: "custom-pop", style: { width: '100%' }, onClick: onCloseInner },
+        React.createElement("div", { className: "nut-imagepreview", ref: nutImagePreview, onClick: closeOnImg, onTouchStart: onTouchStart },
+            React.createElement(Swiper, { autoPlay: autoplay, className: "nut-imagepreview-swiper", loop: true, isPreventDefault: false, style: { display: showPop ? 'block' : 'none' }, direction: "horizontal", onChange: slideChangeEnd, initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1), paginationColor: paginationColor, paginationVisible: paginationVisible }, images && images.length > 0
                 ? images.map((item, index) => {
-                    return (React__default.createElement(SwiperItem, { key: index },
-                        React__default.createElement("img", { src: item.src, alt: "", className: "nut-imagepreview-img" })));
+                    return (React.createElement(SwiperItem, { key: index },
+                        React.createElement("img", { src: item.src, alt: "", className: "nut-imagepreview-img" })));
                 })
                 : [])),
-        React__default.createElement("div", { className: "nut-imagepreview-index" },
+        React.createElement("div", { className: "nut-imagepreview-index" },
             active,
             "/",
             (images ? images.length : 0) + (videos ? videos.length : 0))));

package/dist/esm/{indicator.taro-c10334e8.js → indicator.taro-bfb21d45.js}

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
 
 const defaultProps = {
@@ -18,11 +18,11 @@ const Indicator = (props) => {
     const renderElement = () => {
         const childs = [];
         for (let item = 1; item <= total; item++) {
-            childs.push(item === current ? (React__default.createElement(React__default.Fragment, null, children || (React__default.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })))) : (React__default.createElement("div", { key: item, className: `${classPrefix}__dot` })));
+            childs.push(item === current ? (React.createElement(React.Fragment, null, children || (React.createElement("div", { key: item, className: `${classPrefix}__dot ${classPrefix}__active` })))) : (React.createElement("div", { key: item, className: `${classPrefix}__dot` })));
         }
         return childs;
     };
-    return (React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderElement()));
+    return (React.createElement("div", { className: classNames(classes, className), ...rest }, renderElement()));
 };
 Indicator.defaultProps = defaultProps;
 Indicator.displayName = 'NutIndicator';

package/dist/esm/{infiniteloading.taro-73c9b8ca.js → infiniteloading.taro-cce53c60.js}

@@ -1,9 +1,9 @@
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { ScrollView } from '@tarojs/components';
 import { createSelectorQuery } from '@tarojs/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 = {
@@ -125,15 +125,15 @@ const Infiniteloading = (props) => {
             onRefresh && onRefresh(refreshDone);
         }
     };
-    return (React__default.createElement(ScrollView, { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: '100%' }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
-        React__default.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
-            React__default.createElement("div", { className: "top-box" },
-                pullIcon && React__default.createElement(React__default.Fragment, null, pullIcon),
-                React__default.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
-        React__default.createElement("div", { className: "nut-infinite-container" }, children),
-        React__default.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? (React__default.createElement("div", { className: "bottom-box" },
-            loadIcon && React__default.createElement(React__default.Fragment, null, loadIcon),
-            React__default.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText))) : (!hasMore && (React__default.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))))));
+    return (React.createElement(ScrollView, { className: classes, scrollY: true, id: "scroller", type: "list", style: { height: '100%' }, onScroll: scrollAction, onScrollToLower: lower, onTouchStart: touchStart, onTouchMove: touchMove, onTouchEnd: touchEnd },
+        React.createElement("div", { className: "nut-infinite-top", ref: refreshTop, style: getStyle() },
+            React.createElement("div", { className: "top-box" },
+                pullIcon && React.createElement(React.Fragment, null, pullIcon),
+                React.createElement("span", { className: "top-text" }, pullText || locale.infiniteloading.pullRefreshText))),
+        React.createElement("div", { className: "nut-infinite-container" }, children),
+        React.createElement("div", { className: "nut-infinite-bottom" }, isInfiniting ? (React.createElement("div", { className: "bottom-box" },
+            loadIcon && React.createElement(React.Fragment, null, loadIcon),
+            React.createElement("div", { className: "bottom-text" }, loadingText || locale.infiniteloading.loadText))) : (!hasMore && (React.createElement("div", { className: "tips" }, loadMoreText || locale.infiniteloading.loadMoreText))))));
 };
 Infiniteloading.defaultProps = defaultProps;
 Infiniteloading.displayName = 'NutInfiniteloading';

package/dist/esm/input.taro-1aca4a45.js

@@ -0,0 +1,167 @@
+import React, { forwardRef, useRef, useState, useImperativeHandle, useCallback } from 'react';
+import { View, Input as Input$1 } from '@tarojs/components';
+import { MaskClose } from '@nutui/icons-react-taro';
+import { getEnv, ENV_TYPE } from '@tarojs/taro';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as usePropsValue } from './use-props-value-ae7ee726.js';
+
+function trimExtraChar(value, char, regExp) {
+    const index = value.indexOf(char);
+    if (index === -1) {
+        return value;
+    }
+    if (char === '-' && index !== 0) {
+        return value.slice(0, index);
+    }
+    return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
+}
+function formatNumber(value, allowDot = true, allowMinus = true) {
+    if (allowDot) {
+        value = trimExtraChar(value, '.', /\./g);
+    }
+    else {
+        value = value.split('.')[0];
+    }
+    if (allowMinus) {
+        value = trimExtraChar(value, '-', /-/g);
+    }
+    else {
+        value = value.replace(/-/, '');
+    }
+    const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
+    return value.replace(regExp, '');
+}
+
+const defaultProps = {
+    ...ComponentDefaults,
+    type: 'text',
+    name: '',
+    placeholder: '',
+    confirmType: 'done',
+    align: 'left',
+    required: false,
+    disabled: false,
+    readOnly: false,
+    maxLength: 9999,
+    clearable: false,
+    clearIcon: null,
+    formatTrigger: 'onChange',
+    autoFocus: false,
+};
+const Input = forwardRef((props, ref) => {
+    const { locale } = useConfig();
+    const { type, name, placeholder, align, disabled, readOnly, maxLength, clearable, clearIcon, formatTrigger, autoFocus, style, className, onChange, onFocus, onBlur, onClear, formatter, onClick, confirmType, defaultValue, value: _value, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [value, setValue] = usePropsValue({
+        value: props.value,
+        defaultValue: props.defaultValue,
+        finalValue: '',
+        onChange,
+    });
+    const inputRef = useRef(null);
+    const [active, setActive] = useState(false);
+    useImperativeHandle(ref, () => {
+        return {
+            clear: () => {
+                setValue('');
+            },
+            focus: () => {
+                inputRef.current?.focus();
+            },
+            blur: () => {
+                inputRef.current?.blur();
+            },
+            get nativeElement() {
+                return inputRef.current;
+            },
+        };
+    });
+    const inputClass = useCallback(() => {
+        const classPrefix = 'nut-input';
+        return [classPrefix, `${disabled ? `${classPrefix}-disabled` : ''}`]
+            .filter(Boolean)
+            .join(' ');
+    }, [disabled]);
+    const [, updateState] = React.useState();
+    const forceUpdate = React.useCallback(() => updateState({}), []);
+    const updateValue = (value, trigger = 'onChange') => {
+        let val = value;
+        if (getEnv() === ENV_TYPE.WEB) {
+            if (type === 'number') {
+                val = formatNumber(val, false, true);
+            }
+            if (type === 'digit') {
+                val = formatNumber(val, true, true);
+            }
+        }
+        if (formatter && trigger === formatTrigger) {
+            val = formatter(val);
+        }
+        setValue(val);
+        const eventHandler = props[trigger];
+        if (eventHandler && typeof eventHandler === 'function') {
+            eventHandler(val);
+        }
+        forceUpdate();
+    };
+    const handleFocus = (event) => {
+        const val = event.target.value;
+        onFocus && onFocus(val);
+        setActive(true);
+    };
+    const handleInput = (value) => {
+        updateValue(value, 'onChange');
+    };
+    const handleBlur = (event) => {
+        const val = event.target.value;
+        updateValue(val, 'onBlur');
+        setTimeout(() => {
+            setActive(false);
+        }, 50);
+    };
+    const inputType = (type) => {
+        if (getEnv() === ENV_TYPE.WEB) {
+            if (type === 'digit') {
+                return 'text';
+            }
+            if (type === 'number') {
+                return 'tel';
+            }
+        }
+        else if (type === 'password') {
+            return 'text';
+        }
+        return type;
+    };
+    return (React.createElement(View, { className: `${inputClass()}  ${className || ''}`, style: style, onClick: (e) => {
+            onClick && onClick(e);
+        } },
+        React.createElement(Input$1, { ...rest, name: name, className: "nut-input-native", ref: inputRef, style: { textAlign: align }, type: inputType(type), password: type === 'password', maxlength: maxLength, placeholder: placeholder || locale.placeholder, disabled: disabled || readOnly, value: value, focus: autoFocus, confirmType: confirmType, onBlur: (e) => {
+                handleBlur(e);
+            }, onFocus: (e) => {
+                handleFocus(e);
+            }, onInput: (e) => {
+                handleInput(e.currentTarget.value);
+            } }),
+        React.createElement(View, { style: {
+                display: clearable && !readOnly && active && value.length > 0
+                    ? 'flex'
+                    : 'none',
+                alignItems: 'center',
+            }, onClick: (e) => {
+                e.stopPropagation();
+                if (!disabled) {
+                    setTimeout(() => {
+                        setValue('');
+                        onClear && onClear('');
+                    }, 50);
+                }
+            } }, clearIcon || React.createElement(MaskClose, { className: "nut-input-clear" }))));
+});
+Input.defaultProps = defaultProps;
+Input.displayName = 'NutInput';
+
+export { Input as I };