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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/{timedetail.taro-fce4e614.js → timedetail.taro-cae362b9.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';
 
 const defaultProps = {
     className: '',
@@ -36,7 +36,7 @@ const TimeDetail = (props) => {
         }
         return initClass;
     };
-    return (React__default.createElement("div", { className: `${b()} ${className || ''}` }, renderData.map((item, index) => (React__default.createElement("span", { className: getDetailClass(item), key: item, onClick: () => handleTime(item) }, item)))));
+    return (React.createElement("div", { className: `${b()} ${className || ''}` }, renderData.map((item, index) => (React.createElement("span", { className: getDetailClass(item), key: item, onClick: () => handleTime(item) }, item)))));
 };
 TimeDetail.defaultProps = defaultProps;
 TimeDetail.displayName = 'NutTimeDetail';

package/dist/esm/{timepannel.taro-fd3d008d.js → timepannel.taro-d6f4cf80.js}

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React 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';
 
 const defaultProps = {
     className: '',
@@ -14,7 +14,7 @@ const TimePannel = (props) => {
         ...props,
     };
     const b = cn('timepannel');
-    return (React__default.createElement("div", { className: `${b()} ${className || ''}`, onClick: () => change(curKey) }, date));
+    return (React.createElement("div", { className: `${b()} ${className || ''}`, onClick: () => change(curKey) }, date));
 };
 TimePannel.defaultProps = defaultProps;
 TimePannel.displayName = 'NutTimePannel';

package/dist/esm/{timeselect.taro-a4b86771.js → timeselect.taro-804199f9.js}

@@ -1,9 +1,9 @@
-import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-020bf791.js';
-import { T as TimePannel } from './timepannel.taro-fd3d008d.js';
-import { T as TimeDetail } from './timedetail.taro-fce4e614.js';
+import React, { useState, useEffect } from 'react';
+import { P as Popup } from './popup.taro-89cc342a.js';
+import { T as TimePannel } from './timepannel.taro-d6f4cf80.js';
+import { T as TimeDetail } from './timedetail.taro-cae362b9.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';
 
 const defaultProps = {
     className: '',
@@ -117,15 +117,15 @@ const TimeSelect = (props) => {
     useEffect(() => {
         setPopVisible(visible);
     }, [visible]);
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement(Popup, { closeable: true, round: true, visible: popVisible, position: "bottom", style: popStyle, onClose: () => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Popup, { closeable: true, round: true, visible: popVisible, position: "bottom", style: popStyle, onClose: () => {
                 closeFun();
             } },
-            React__default.createElement("div", { className: `${b()} ${className || ''}` },
-                React__default.createElement("div", { className: "nut-timeselect__title" }, title),
-                React__default.createElement("div", { className: "nut-timeselect__content" },
-                    React__default.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React__default.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['paneKey'] || index), curKey: String(dataItem['paneKey'] || index), change: handleChange })))),
-                    React__default.createElement(TimeDetail, { times: times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime }))))));
+            React.createElement("div", { className: `${b()} ${className || ''}` },
+                React.createElement("div", { className: "nut-timeselect__title" }, title),
+                React.createElement("div", { className: "nut-timeselect__content" },
+                    React.createElement("div", { className: "nut-timeselect__content-left" }, dates.map((dataItem, index) => (React.createElement(TimePannel, { date: dataItem.date, className: getTimePannelClass(dataItem), key: String(dataItem['paneKey'] || index), curKey: String(dataItem['paneKey'] || index), change: handleChange })))),
+                    React.createElement(TimeDetail, { times: times, currentKey: String(activeKey), currentTime: activeTime, select: handleSelectTime }))))));
 };
 TimeSelect.defaultProps = defaultProps;
 TimeSelect.displayName = 'NutTimeSelect';

package/dist/esm/{toast.taro-e4f44812.js → toast.taro-c509a870.js}

@@ -1,4 +1,4 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import classNames from 'classnames';
 import { Success, Failure, Tips, Loading } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
@@ -73,10 +73,10 @@ const Toast = (props) => {
             return icon;
         }
         return {
-            success: React__default.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
-            fail: React__default.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
-            warn: React__default.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
-            loading: React__default.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize }),
+            success: React.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
+            fail: React.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
+            warn: React.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
+            loading: React.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize }),
         }[type];
     };
     const classes = classNames({
@@ -87,20 +87,20 @@ const Toast = (props) => {
         [`${customClass}`]: true,
         [`nut-toast-${size}`]: true,
     });
-    return (React__default.createElement(React__default.Fragment, null, openState ? (React__default.createElement("div", { className: `${toastBem()} ${classes}`, id: id, style: {
+    return (React.createElement(React.Fragment, null, openState ? (React.createElement("div", { className: `${toastBem()} ${classes}`, id: id, style: {
             bottom: center ? 'auto' : `${bottom}`,
             backgroundColor: cover ? coverColor : '',
             ...style,
         }, onClick: () => {
             clickCover();
         } },
-        React__default.createElement("div", { className: toastBem('inner'), style: {
+        React.createElement("div", { className: toastBem('inner'), style: {
                 textAlign: textAlignCenter ? 'center' : 'left',
                 backgroundColor: bgColor,
             } },
-            hasIcon() ? (React__default.createElement("p", { className: toastBem('icon-wrapper') }, iconName())) : null,
-            title ? React__default.createElement("div", { className: "nut-toast-title" }, title) : null,
-            React__default.createElement("span", { className: toastBem('text') }, msg)))) : null));
+            hasIcon() ? (React.createElement("p", { className: toastBem('icon-wrapper') }, iconName())) : null,
+            title ? React.createElement("div", { className: "nut-toast-title" }, title) : null,
+            React.createElement("span", { className: toastBem('text') }, msg)))) : null));
 };
 Toast.defaultProps = defaultProps;
 Toast.displayName = 'NutToast';

package/dist/esm/{trendarrow.taro-7cf90def.js → trendarrow.taro-dd83ec94.js}

@@ -1,4 +1,4 @@
-import React__default, { useRef } from 'react';
+import React, { useRef } from 'react';
 import { TriangleUp, TriangleDown } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
 
@@ -57,11 +57,11 @@ const TrendArrow = (props) => {
     })();
     const renderContent = (arrowLeft) => {
         const classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
-        return (React__default.createElement("span", { className: `${b(classNameSuffix)} ${b('rate')}`, style: calcStyle }, calcRate));
+        return (React.createElement("span", { className: `${b(classNameSuffix)} ${b('rate')}`, style: calcStyle }, calcRate));
     };
-    return (React__default.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick },
+    return (React.createElement("div", { className: `${b()} ${className}`, ...rest, onClick: handleClick },
         !arrowLeft && renderContent(!arrowLeft),
-        children || (React__default.createElement(React__default.Fragment, null, Number(rate) !== 0 && (React__default.createElement(React__default.Fragment, null, rateTrend ? (React__default.createElement(TriangleUp, { color: calcIconProps.color })) : (React__default.createElement(TriangleDown, { color: calcIconProps.color })))))),
+        children || (React.createElement(React.Fragment, null, Number(rate) !== 0 && (React.createElement(React.Fragment, null, rateTrend ? (React.createElement(TriangleUp, { color: calcIconProps.color })) : (React.createElement(TriangleDown, { color: calcIconProps.color })))))),
         arrowLeft && renderContent(!arrowLeft)));
 };
 TrendArrow.defaultProps = defaultProps;

package/dist/esm/{uploader.taro-17569890.js → uploader.taro-716f9a50.js}

@@ -1,11 +1,11 @@
-import React__default, { useState, useEffect, useImperativeHandle } from 'react';
+import React, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from '@tarojs/taro';
 import { Failure, Loading, Link, Del, Photograph } from '@nutui/icons-react-taro';
 import { Image } from '@tarojs/components';
-import { B as Button } from './button.taro-a1c9512f.js';
-import { P as Progress } from './progress.taro-1c199fbe.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { B as Button } from './button.taro-b50bc217.js';
+import { P as Progress } from './progress.taro-1a7ac8a4.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { i as isPromise } from './index-5bcb0ff8.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
@@ -449,45 +449,45 @@ const InternalUploader = (props, ref) => {
     const handleItemClick = (file) => {
         onFileItemClick && onFileItemClick(file);
     };
-    return (React__default.createElement("div", { className: classes, ...restProps },
-        children && (React__default.createElement("div", { className: "nut-uploader__slot" },
-            React__default.createElement(React__default.Fragment, null,
+    return (React.createElement("div", { className: classes, ...restProps },
+        children && (React.createElement("div", { className: "nut-uploader__slot" },
+            React.createElement(React.Fragment, null,
                 children,
-                maxCount > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
+                maxCount > fileList.length && (React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
         fileList.length !== 0 &&
             fileList.map((item, index) => {
-                return (React__default.createElement("div", { className: `nut-uploader__preview ${previewType}`, key: item.uid },
-                    previewType === 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
-                        deletable && (React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) })),
-                        item.status === 'ready' ? (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
-                            React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message))) : (item.status !== 'success' && (React__default.createElement("div", { className: "nut-uploader__preview__progress" },
+                return (React.createElement("div", { className: `nut-uploader__preview ${previewType}`, key: item.uid },
+                    previewType === 'picture' && !children && (React.createElement("div", { className: "nut-uploader__preview-img" },
+                        deletable && (React.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) })),
+                        item.status === 'ready' ? (React.createElement("div", { className: "nut-uploader__preview__progress" },
+                            React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message))) : (item.status !== 'success' && (React.createElement("div", { className: "nut-uploader__preview__progress" },
                             item.failIcon !== ' ' &&
                                 item.loadingIcon !== ' ' &&
                                 (item.status === 'error'
-                                    ? item.failIcon || React__default.createElement(Failure, { color: "#fff" })
-                                    : item.loadingIcon || React__default.createElement(Loading, { color: "#fff" })),
-                            React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)))),
-                        item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", style: { objectFit: imageFit }, mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, previewUrl ? (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: previewUrl, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
-                            React__default.createElement("div", { onClick: () => handleItemClick(item), className: "nut-uploader__preview-img__file__name" },
-                                React__default.createElement(Link, { color: "#808080" }),
+                                    ? item.failIcon || React.createElement(Failure, { color: "#fff" })
+                                    : item.loadingIcon || React.createElement(Loading, { color: "#fff" })),
+                            React.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)))),
+                        item.type.includes('image') ? (React.createElement(React.Fragment, null, item.url && (React.createElement(Image, { className: "nut-uploader__preview-img__c", style: { objectFit: imageFit }, mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React.createElement(React.Fragment, null, previewUrl ? (React.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: previewUrl, onClick: () => handleItemClick(item) })) : (React.createElement("div", { className: "nut-uploader__preview-img__file" },
+                            React.createElement("div", { onClick: () => handleItemClick(item), className: "nut-uploader__preview-img__file__name" },
+                                React.createElement(Link, { color: "#808080" }),
                                 "\u00A0",
                                 item.name))))),
-                        item.status === 'success' ? (React__default.createElement("div", { className: "tips" }, item.name)) : null)),
-                    previewType === 'list' && (React__default.createElement("div", { className: "nut-uploader__preview-list" },
-                        React__default.createElement("div", { className: `nut-uploader__preview-img__file__name ${item.status}`, onClick: () => handleItemClick(item) },
-                            React__default.createElement(Link, null),
+                        item.status === 'success' ? (React.createElement("div", { className: "tips" }, item.name)) : null)),
+                    previewType === 'list' && (React.createElement("div", { className: "nut-uploader__preview-list" },
+                        React.createElement("div", { className: `nut-uploader__preview-img__file__name ${item.status}`, onClick: () => handleItemClick(item) },
+                            React.createElement(Link, null),
                             "\u00A0",
                             item.name),
-                        deletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDeleteItem(item, index) })),
-                        item.status === 'uploading' && (React__default.createElement(Progress, { percent: item.percentage, color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false }))))));
+                        deletable && (React.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDeleteItem(item, index) })),
+                        item.status === 'uploading' && (React.createElement(Progress, { percent: item.percentage, color: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false }))))));
             }),
-        maxCount > fileList.length && previewType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${previewType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
-            React__default.createElement("div", { className: "nut-uploader__icon" },
-                uploadIcon || React__default.createElement(Photograph, { size: "20px", color: "#808080" }),
-                React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
-            React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
+        maxCount > fileList.length && previewType === 'picture' && !children && (React.createElement("div", { className: `nut-uploader__upload ${previewType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
+            React.createElement("div", { className: "nut-uploader__icon" },
+                uploadIcon || React.createElement(Photograph, { size: "20px", color: "#808080" }),
+                React.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
+            React.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
 };
-const Uploader = React__default.forwardRef(InternalUploader);
+const Uploader = React.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;
 Uploader.displayName = 'NutUploader';
 

package/dist/esm/{video-7ed508cc.js → video-1c6405b4.js}

@@ -1,4 +1,4 @@
-import React__default, { useRef, useEffect } from 'react';
+import React, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-350c1702.js';
 
@@ -56,10 +56,10 @@ const Video = (props) => {
             });
         }
     };
-    return (React__default.createElement("div", { className: classes, ...restProps },
-        React__default.createElement("video", { className: "nut-video-player", muted: options.muted, autoPlay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, ref: rootRef, src: source.src },
-            React__default.createElement("source", { src: source.src, type: source.type }),
-            React__default.createElement("track", { kind: "captions" }))));
+    return (React.createElement("div", { className: classes, ...restProps },
+        React.createElement("video", { className: "nut-video-player", muted: options.muted, autoPlay: options.autoplay, loop: options.loop, poster: options.poster, controls: options.controls, ref: rootRef, src: source.src },
+            React.createElement("source", { src: source.src, type: source.type }),
+            React.createElement("track", { kind: "captions" }))));
 };
 Video.defaultProps = defaultProps;
 Video.displayName = 'NutVideo';

package/dist/esm/{virtuallist.taro-35b9bd9a.js → virtuallist.taro-0bd611cb.js}

@@ -1,7 +1,7 @@
-import React__default, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { ScrollView } from '@tarojs/components';
 import { getSystemInfoSync } from '@tarojs/taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 
 // 缓存列表初始化信息
 const initPositinoCache = (reaItemSize, length = 0) => {
@@ -192,20 +192,20 @@ const VirtualList = (props) => {
         }
         setStartOffset(scrollTop - (scrollTop % itemSize));
     };
-    return (React__default.createElement("div", { className: className ? `${className} nut-virtualList-box` : 'nut-virtualList-box', ...rest, style: {
+    return (React.createElement("div", { className: className ? `${className} nut-virtualList-box` : 'nut-virtualList-box', ...rest, style: {
             height: containerSize ? `${offSetSize}px` : '',
         } },
-        React__default.createElement(ScrollView, { scrollTop: 0, scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
+        React.createElement(ScrollView, { scrollTop: 0, scrollY: true, type: "list", ref: scrollRef, className: "nut-virtuallist", style: {
                 height: `${getContainerHeight()}px`,
             }, onScroll: listScroll },
-            React__default.createElement("div", { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
-            React__default.createElement("div", { className: "nut-virtuallist-container", ref: itemsRef, style: { transform: `translate3d(0, ${startOffset}px, 0)` } }, visibleData().map((data, index) => {
+            React.createElement("div", { className: "nut-virtuallist-phantom", style: { height: `${listHeight()}px` } }),
+            React.createElement("div", { className: "nut-virtuallist-container", ref: itemsRef, style: { transform: `translate3d(0, ${startOffset}px, 0)` } }, visibleData().map((data, index) => {
                 const { overStart } = options;
                 const dataIndex = overStart + index;
                 key && data[key] ? data[key] : dataIndex;
-                return (React__default.createElement("div", { ref: dataIndex === 0 ? firstItemRef : null, "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${data}`, style: {
+                return (React.createElement("div", { ref: dataIndex === 0 ? firstItemRef : null, "data-index": `${dataIndex}`, className: "nut-virtuallist-item", key: `${data}`, style: {
                         height: `${itemEqualSize ? `${itemSize}px` : 'auto'}`,
-                    } }, ItemRender ? (React__default.createElement(ItemRender, { data: data, index: `${index}` })) : (data)));
+                    } }, ItemRender ? (React.createElement(ItemRender, { data: data, index: `${index}` })) : (data)));
             })))));
 };
 VirtualList.defaultProps = defaultProps;

package/dist/esm/{watermark.taro-c780d360.js → watermark.taro-8966896a.js}

@@ -1,7 +1,7 @@
-import React__default, { useState, useEffect } from 'react';
+import React, { useState, useEffect } from 'react';
 import { getSystemInfo, createOffscreenCanvas } from '@tarojs/taro';
 import classNames from 'classnames';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
+import { u as useConfig } from './configprovider.taro-43a3c646.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {
@@ -101,7 +101,7 @@ const WaterMark = (props) => {
             }
         });
     };
-    return (React__default.createElement("div", { className: cls, style: {
+    return (React.createElement("div", { className: cls, style: {
             zIndex,
             backgroundSize: `${gapX + width}px`,
             backgroundImage: `url('${base64Url}')`,

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.4 Fri May 05 2023 16:38:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.2 Wed Apr 26 2023 18:40:40 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.4 Fri May 05 2023 16:38:45 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */