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

package/dist/esm/dialog.taro-f9ca73a2.js

@@ -0,0 +1,107 @@
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { View } from '@tarojs/components';
+import { B as Button } from './button.taro-b50bc217.js';
+import { CSSTransition } from 'react-transition-group';
+import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-067b7202.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
+
+const Content = (props) => {
+    const { visible, title, footer, footerDirection, onClick, children } = props;
+    const classPrefix = 'nut-dialog';
+    const renderHeader = () => {
+        return title ? (React.createElement("div", { className: `${classPrefix}__header` }, title)) : null;
+    };
+    const renderFooter = () => {
+        return footer ? (React.createElement("div", { className: classNames(`${classPrefix}__footer`, {
+                [footerDirection]: footerDirection,
+            }) }, footer)) : null;
+    };
+    const handleClick = (e) => {
+        onClick && onClick(e);
+    };
+    return (React.createElement("div", { className: `${classPrefix}__outer`, onClick: (e) => handleClick(e) },
+        React.createElement("div", { className: classPrefix, style: { display: visible ? 'flex' : 'none' } },
+            renderHeader(),
+            React.createElement("div", { className: `${classPrefix}__content` },
+                React.createElement(React.Fragment, null, children)),
+            renderFooter())));
+};
+Content.displayName = 'NutContent';
+
+const defaultDialogProps = {
+    ...ComponentDefaults,
+    overlay: true,
+    overlayStyle: {},
+    overlayClassName: '',
+    onCancel: () => { },
+    onClose: () => { },
+    onOverlayClick: (e) => true,
+    ...defaultOverlayProps,
+};
+const DialogWrap = (props) => {
+    const { visible, overlay, overlayStyle, overlayClassName, closeOnOverlayClick, lockScroll, onClose, onCancel, onOverlayClick, } = props;
+    const onHandleClickOverlay = (e) => {
+        console.log('onClose?.()', closeOnOverlayClick);
+        if (closeOnOverlayClick && visible && e.target === e.currentTarget) {
+            const closed = onOverlayClick && onOverlayClick(e);
+            closed && onClose?.();
+            closed && onCancel?.();
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        overlay ? (React.createElement(Overlay, { style: overlayStyle, className: overlayClassName, visible: true, closeOnOverlayClick: closeOnOverlayClick, lockScroll: lockScroll, onClick: onHandleClickOverlay })) : null,
+        React.createElement(CSSTransition, { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
+            React.createElement(Content, { ...props, visible: visible }))));
+};
+DialogWrap.defaultProps = defaultDialogProps;
+DialogWrap.displayName = 'NutDialogWrap';
+
+const defaultProps = {
+    confirmText: '',
+    cancelText: '',
+    overlay: true,
+    closeOnOverlayClick: true,
+    hideConfirmButton: false,
+    hideCancelButton: false,
+    disableConfirmButton: false,
+    footerDirection: 'horizontal',
+    lockScroll: true,
+    beforeCancel: () => true,
+    beforeClose: () => true,
+};
+const BaseDialog = forwardRef((props, ref) => {
+    const { locale } = useConfig();
+    const { visible, footer, hideConfirmButton, hideCancelButton, lockScroll, disableConfirmButton, closeOnOverlayClick, confirmText, cancelText, onClose, onCancel, onConfirm, beforeCancel, beforeClose, ...restProps } = props;
+    const classPrefix = 'nut-dialog';
+    const renderFooter = () => {
+        if (footer === null)
+            return '';
+        const handleCancel = (e) => {
+            e.stopPropagation();
+            if (!beforeCancel?.())
+                return;
+            if (!beforeClose?.())
+                return;
+            onClose?.();
+            onCancel?.();
+        };
+        const handleOk = (e) => {
+            e.stopPropagation();
+            onClose?.();
+            onConfirm?.(e);
+        };
+        return (footer || (React.createElement(React.Fragment, null,
+            !hideCancelButton && (React.createElement(Button, { size: "small", fill: "outline", type: "primary", className: `${classPrefix}__footer-cancel`, onClick: (e) => handleCancel(e) }, cancelText || locale.cancel)),
+            !hideConfirmButton && (React.createElement(Button, { size: "small", type: "primary", className: classNames(`${classPrefix}__footer-ok`, {
+                    disabled: disableConfirmButton,
+                }), disabled: disableConfirmButton, onClick: (e) => handleOk(e) }, confirmText || locale.confirm)))));
+    };
+    return (React.createElement(View, { style: { display: visible ? 'block' : 'none' }, catchMove: lockScroll },
+        React.createElement(DialogWrap, { ...props, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClose: onClose, onCancel: onCancel })));
+});
+BaseDialog.defaultProps = defaultProps;
+BaseDialog.displayName = 'NutDialog';
+
+export { BaseDialog as B };

package/dist/esm/{divider.taro-6c1657ce.js → divider.taro-3993d7d5.js}

@@ -1,7 +1,9 @@
-import React__default from 'react';
+import React from 'react';
 import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     contentPosition: 'center',
     direction: 'horizontal',
 };
@@ -23,7 +25,7 @@ const Divider = (props) => {
             [`${classPrefix}`]: true,
             [`${classPrefix}__vertical`]: direction === 'vertical',
         });
-    return (React__default.createElement("div", { className: `${classes} ${className || ''}`, style: style, ...rest }, children));
+    return (React.createElement("div", { className: `${classes} ${className || ''}`, style: style, ...rest }, children));
 };
 Divider.defaultProps = defaultProps;
 Divider.displayName = 'NutDivider';

package/dist/esm/{drag.taro-79bb8744.js → drag.taro-347dfb84.js}

@@ -1,8 +1,9 @@
-import React__default, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { getSystemInfoSync, createSelectorQuery } from '@tarojs/taro';
-import { c as cn } from './bem-350c1702.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
+    ...ComponentDefaults,
     attract: false,
     direction: undefined,
     boundary: {
@@ -18,7 +19,7 @@ const Drag = (props) => {
         ...defaultProps,
         ...props,
     };
-    const b = cn('drag');
+    const classPrefix = 'nut-drag';
     const [boundaryState, setBoundaryState] = useState(boundary);
     const myDrag = useRef(null);
     const dragRef = useRef(null);
@@ -99,8 +100,8 @@ const Drag = (props) => {
             clearTimeout(timer.current);
         };
     }, []);
-    return (React__default.createElement("div", { style: style, className: `${b()} ${className}`, ...reset, ref: myDrag },
-        React__default.createElement("div", { onTouchStart: (event) => touchStart(event), ref: dragRef, onTouchMove: touchMove, onTouchEnd: touchEnd, 
+    return (React.createElement("div", { style: style, className: `${classPrefix} ${className}`, ...reset, ref: myDrag },
+        React.createElement("div", { onTouchStart: (event) => touchStart(event), ref: dragRef, onTouchMove: touchMove, onTouchEnd: touchEnd, 
             // eslint-disable-next-line react/no-unknown-property
             style: currstyle }, children)));
 };

package/dist/esm/{elevator.taro-81a11ecc.js → elevator.taro-360a831f.js}

@@ -1,24 +1,26 @@
-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 { c as cn } from './bem-350c1702.js';
+import classNames from 'classnames';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const elevatorContext = createContext({});
 const defaultProps = {
+    ...ComponentDefaults,
     height: '200px',
-    acceptKey: 'title',
-    indexList: [],
-    isSticky: false,
+    floorKey: 'title',
+    list: [],
+    sticky: false,
     spaceHeight: 23,
     titleHeight: 35,
     className: 'weapp-elevator',
 };
 const Elevator = (props) => {
-    const { height, acceptKey, indexList, isSticky, spaceHeight, titleHeight, className, onClickItem, onClickIndex, children, ...rest } = {
+    const { height, floorKey, list, sticky, spaceHeight, titleHeight, className, style, onClickItem, onClickIndex, children, ...rest } = {
         ...defaultProps,
         ...props,
     };
-    const b = cn('elevator');
+    const classPrefix = 'nut-elevator';
     const listview = useRef(null);
     const initData = {
         anchorIndex: 0,
@@ -53,7 +55,7 @@ const Elevator = (props) => {
         for (let i = 0; i < state.current.listGroup.length; i++) {
             const query = createSelectorQuery();
             query
-                .selectAll(`.${className} .elevator__item__${i}`)
+                .selectAll(`.${className} .nut-elevator__item__${i}`)
                 .boundingClientRect();
             // eslint-disable-next-line no-loop-func
             query.exec((res) => {
@@ -148,27 +150,32 @@ const Elevator = (props) => {
             });
         }
     }, [listview]);
-    return (React__default.createElement("div", { className: `${b()} ${className} `, ...rest },
-        isSticky && scrollTop > 0 ? (React__default.createElement("div", { className: b('list__fixed') },
-            React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey]))) : null,
-        React__default.createElement("div", { className: b('list'), style: { height: Number.isNaN(+height) ? height : `${height}px` } },
-            React__default.createElement(ScrollView, { scrollTop: scrollTop, scrollY: true, type: "list", className: b('list__inner'), ref: listview, onScroll: listViewScroll }, indexList.map((item, idx) => {
-                return (React__default.createElement("div", { className: `${b('list__item')} elevator__item__${idx}`, key: idx },
-                    React__default.createElement("div", { className: b('list__item__code') }, item[acceptKey]),
-                    React__default.createElement(React__default.Fragment, null, item.list.map((subitem) => {
-                        return (React__default.createElement("div", { className: b('list__item__name', {
-                                highcolor: currentData.id === subitem.id &&
-                                    currentKey === item[acceptKey],
-                            }), key: subitem.id, onClick: () => handleClickItem(item[acceptKey], subitem) }, children ? (React__default.createElement(React__default.Fragment, null,
-                            React__default.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
+    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.createElement(React.Fragment, null,
+                            React.createElement(elevatorContext.Provider, { value: subitem }, children))) : (subitem.name)));
                     }))));
             }))),
-        indexList.length && scrollStart ? (React__default.createElement("div", { className: b('code--current', { current: true }) }, indexList[codeIndex][acceptKey])) : null,
-        React__default.createElement("div", { className: b('bars') },
-            React__default.createElement("div", { className: b('bars__inner'), onTouchStart: (event) => touchStart(event), onTouchMove: (event) => touchMove(event), onTouchEnd: touchEnd, style: { touchAction: 'pan-y' } }, indexList.map((item, index) => {
-                return (React__default.createElement("div", { className: `${b('bars__inner__item', {
-                        active: item[acceptKey] === indexList[currentIndex][acceptKey],
-                    })} `, "data-index": index, key: index, onClick: () => handleClickIndex(item[acceptKey]) }, item[acceptKey]));
+        list.length && scrollStart ? (React.createElement("div", { className: classNames({
+                [`${classPrefix}__code--current`]: true,
+                [`${classPrefix}__code--current--current`]: true,
+            }) }, list[codeIndex][floorKey])) : null,
+        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]));
             })))));
 };
 Elevator.defaultProps = defaultProps;

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