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

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

@@ -1,9 +1,9 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-01676bff.js';
-import { T as TimePannel } from './timepannel.taro-d6e40180.js';
-import { T as TimeDetail } from './timedetail.taro-5b2f2269.js';
+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 { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 const defaultProps = {
     className: '',
@@ -108,7 +108,7 @@ const TimeSelect = (props) => {
     };
     // 选中的日期增加 active 类名
     const getTimePannelClass = (dataItem) => {
-        if (String(dataItem['pannel-key']) === String(activeKey)) {
+        if (String(dataItem['paneKey']) === String(activeKey)) {
             return 'nut-timepannel-active';
         }
         return '';
@@ -124,7 +124,7 @@ const TimeSelect = (props) => {
             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['pannel-key'] || index), curKey: String(dataItem['pannel-key'] || index), change: handleChange })))),
+                    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 }))))));
 };
 TimeSelect.defaultProps = defaultProps;

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

@@ -1,7 +1,7 @@
 import React__default, { 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';
-import { I as Icon } from './icon-296a1bec.js';
 
 const defaultProps = {
     id: '',
@@ -73,10 +73,10 @@ const Toast = (props) => {
             return icon;
         }
         return {
-            success: 'success',
-            fail: 'failure',
-            warn: 'tips',
-            loading: 'loading',
+            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 }),
         }[type];
     };
     const classes = classNames({
@@ -98,8 +98,7 @@ const Toast = (props) => {
                 textAlign: textAlignCenter ? 'center' : 'left',
                 backgroundColor: bgColor,
             } },
-            hasIcon() ? (React__default.createElement("p", { className: toastBem('icon-wrapper') },
-                React__default.createElement(Icon, { name: iconName(), color: "#ffffff", size: iconSize }))) : null,
+            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));
 };

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

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
+import { TriangleUp, TriangleDown } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon.taro-296a1bec.js';
 
 const defaultProps = {
     rate: 0,
@@ -12,13 +12,12 @@ const defaultProps = {
     textColor: '#333',
     riseColor: '#fa2c19',
     dropColor: '#64b578',
-    iconSize: '12px',
-    upIconName: 'triangle-up',
-    downIconName: 'triangle-down',
+    upIcon: null,
+    downIcon: null,
     className: '',
 };
 const TrendArrow = (props) => {
-    const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, iconSize, upIconName, downIconName, className, children, ...rest } = { ...defaultProps, ...props };
+    const { rate, digits, showSign, showZero, arrowLeft, syncTextColor, textColor, riseColor, dropColor, upIcon, downIcon, className, children, ...rest } = { ...defaultProps, ...props };
     const b = cn('trendarrow');
     const handleClick = () => { };
     const rateTrend = useRef(rate > 0);
@@ -52,9 +51,7 @@ const TrendArrow = (props) => {
     })();
     const calcIconProps = (() => {
         const iconProps = {
-            name: rateTrend.current ? upIconName : downIconName,
             color: rateTrend.current ? riseColor : dropColor,
-            size: iconSize,
         };
         return iconProps;
     })();
@@ -64,7 +61,7 @@ const TrendArrow = (props) => {
     };
     return (React__default.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(Icon, { size: calcIconProps.size, name: calcIconProps.name, color: calcIconProps.color })))),
+        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 })))))),
         arrowLeft && renderContent(!arrowLeft)));
 };
 TrendArrow.defaultProps = defaultProps;

package/dist/esm/typings-d8491423.js

@@ -0,0 +1,6 @@
+const ComponentDefaults = {
+    className: '',
+    style: {},
+};
+
+export { ComponentDefaults as C };

package/dist/esm/{uploader.taro-5a53aa33.js → uploader.taro-2151eec6.js}

@@ -1,14 +1,13 @@
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from '@tarojs/taro';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { B as Button } from './button.taro-9244d065.js';
-import { P as Progress } from './progress.taro-f0ce38e9.js';
+import { Failure, Loading, Link, Del, Photograph } from '@nutui/icons-react-taro';
 import { Image } from '@tarojs/components';
-import { c as cn } from './bem-350c1702.js';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { B as Button } from './button.taro-a1c9512f.js';
+import { P as Progress } from './progress.taro-24392ef3.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { i as isPromise } from './index-5bcb0ff8.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
 class UploadOptions {
     url = '';
@@ -76,36 +75,41 @@ class UploaderTaro extends Upload {
     }
     uploadTaro(uploadFile, env) {
         const options = this.options;
-        if (options.beforeXhrUpload) {
-            options.beforeXhrUpload(uploadFile, options);
+        if (env === 'WEB') {
+            this.upload();
         }
         else {
-            const uploadTask = uploadFile({
-                url: options.url,
-                filePath: options.taroFilePath,
-                fileType: options.fileType,
-                header: {
-                    'Content-Type': 'multipart/form-data',
-                    ...options.headers,
-                },
-                formData: options.formData,
-                name: options.name,
-                success(response) {
-                    if (options.xhrState == response.statusCode) {
-                        options.onSuccess?.(response, options);
-                    }
-                    else {
-                        options.onFailure?.(response, options);
-                    }
-                },
-                fail(e) {
-                    options.onFailure?.(e, options);
-                },
-            });
-            options.onStart?.(options);
-            uploadTask.progress((res) => {
-                options.onProgress?.(res, options);
-            });
+            if (options.beforeXhrUpload) {
+                options.beforeXhrUpload(uploadFile, options);
+            }
+            else {
+                const uploadTask = uploadFile({
+                    url: options.url,
+                    filePath: options.taroFilePath,
+                    fileType: options.fileType,
+                    header: {
+                        'Content-Type': 'multipart/form-data',
+                        ...options.headers,
+                    },
+                    formData: options.formData,
+                    name: options.name,
+                    success(response) {
+                        if (options.xhrState == response.statusCode) {
+                            options.onSuccess?.(response, options);
+                        }
+                        else {
+                            options.onFailure?.(response, options);
+                        }
+                    },
+                    fail(e) {
+                        options.onFailure?.(e, options);
+                    },
+                });
+                options.onStart?.(options);
+                uploadTask.progress((res) => {
+                    options.onProgress?.(res, options);
+                });
+            }
         }
     }
 }
@@ -140,31 +144,31 @@ const funcInterceptor = (interceptor, { args = [], done, canceled, }) => {
 const defaultProps = {
     ...ComponentDefaults,
     url: '',
-    maximum: 1,
+    maxCount: 1,
     sizeType: ['original', 'compressed'],
     sourceType: ['album', 'camera'],
     mediaType: ['image', 'video'],
     camera: 'back',
-    uploadIcon: 'photograph',
-    uploadIconSize: '',
-    uploadIconTip: '',
-    listType: 'picture',
+    uploadIcon: null,
+    uploadLabel: '',
+    previewType: 'picture',
+    imageFit: 'cover',
     name: 'file',
     accept: '*',
     disabled: false,
     autoUpload: true,
     multiple: false,
-    maximize: Number.MAX_VALUE,
+    maxFileSize: Number.MAX_VALUE,
     data: {},
     headers: {},
     method: 'post',
-    defaultImg: '',
+    previewUrl: '',
     xhrState: 200,
     timeout: 1000 * 30,
-    isPreview: true,
-    isDeletable: true,
+    preview: true,
+    deletable: true,
     maxDuration: 10,
-    onBeforeDelete: (file, files) => {
+    beforeDelete: (file, files) => {
         return true;
     },
 };
@@ -181,16 +185,15 @@ class FileItem {
 }
 const InternalUploader = (props, ref) => {
     const { locale } = useConfig();
-    const { children, uploadIcon, uploadIconSize, uploadIconTip, accept, name, camera, defaultFileList, listType, disabled, multiple, url, defaultImg, headers, timeout, method, xhrState, data, isPreview, isDeletable, maximum, maximize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, iconClassPrefix, iconFontClassName, onStart, onRemove, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, onBeforeXhrUpload, onBeforeDelete, ...restProps } = { ...defaultProps, ...props };
-    const [fileList, setFileList] = useState([]);
+    const { children, uploadIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, imageFit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeXhrUpload, beforeDelete, ...restProps } = { ...defaultProps, ...props };
+    const [fileList, setFileList] = useState(defaultValue || []);
     const [uploadQueue, setUploadQueue] = useState([]);
     useEffect(() => {
-        if (defaultFileList) {
-            setFileList(defaultFileList);
+        if (value) {
+            setFileList(value);
         }
-    }, [defaultFileList]);
-    const b = cn('uploader');
-    const classes = classNames(className, b(''));
+    }, [value]);
+    const classes = classNames(className, 'nut-uploader');
     useImperativeHandle(ref, () => ({
         submit: () => {
             Promise.all(uploadQueue).then((res) => {
@@ -216,8 +219,8 @@ const InternalUploader = (props, ref) => {
         if (disabled) {
             return;
         }
-        if (Taro.getEnv() == 'WEB') {
-            let el = document.getElementById('taroChooseImage');
+        if (Taro.getEnv() === 'WEB') {
+            const el = document.getElementById('taroChooseImage');
             if (el) {
                 el?.setAttribute('accept', accept);
             }
@@ -230,21 +233,21 @@ const InternalUploader = (props, ref) => {
                 document.body.appendChild(obj);
             }
         }
-        if (getEnv() == 'WEAPP') {
+        if (getEnv() === 'WEAPP') {
             // chooseMedia 目前只支持微信小程序原生，其余端全部使用 chooseImage API
             chooseMedia({
                 /** 最多可以选择的文件个数 */
-                count: multiple ? maximum * 1 - fileList.length : 1,
+                count: multiple ? maxCount * 1 - fileList.length : 1,
                 /** 文件类型 */
                 mediaType: mediaType,
                 /** 图片和视频选择的来源 */
-                sourceType: sourceType,
+                sourceType,
                 /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */
-                maxDuration: maxDuration,
+                maxDuration,
                 /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */
                 sizeType: [],
                 /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
-                camera: camera,
+                camera,
                 /** 接口调用失败的回调函数 */
                 fail: (res) => {
                     onFailure && onFailure(res);
@@ -256,7 +259,7 @@ const InternalUploader = (props, ref) => {
         else {
             chooseImage({
                 // 选择数量
-                count: multiple ? maximum * 1 - fileList.length : 1,
+                count: multiple ? maxCount * 1 - fileList.length : 1,
                 // 可以指定是原图还是压缩图，默认二者都有
                 sizeType,
                 sourceType,
@@ -278,7 +281,7 @@ const InternalUploader = (props, ref) => {
         uploadOption.xhrState = xhrState;
         uploadOption.headers = headers;
         uploadOption.taroFilePath = fileItem.path;
-        uploadOption.beforeXhrUpload = onBeforeXhrUpload;
+        uploadOption.beforeXhrUpload = beforeXhrUpload;
         uploadOption.onStart = (option) => {
             clearUploadQueue(index);
             setFileList((fileList) => {
@@ -354,7 +357,7 @@ const InternalUploader = (props, ref) => {
     const readFile = (files) => {
         files.forEach((file, index) => {
             let fileType = file.type;
-            let filepath = (file.tempFilePath || file.path);
+            const filepath = (file.tempFilePath || file.path);
             const fileItem = new FileItem();
             if (file.fileType) {
                 fileType = file.fileType;
@@ -389,7 +392,7 @@ const InternalUploader = (props, ref) => {
             else {
                 fileItem.formData = data;
             }
-            if (isPreview) {
+            if (preview) {
                 fileItem.url = fileType == 'video' ? file.thumbTempFilePath : filepath;
             }
             fileList.push(fileItem);
@@ -398,8 +401,8 @@ const InternalUploader = (props, ref) => {
         });
     };
     const filterFiles = (files) => {
-        const maximum = props.maximum * 1;
-        const maximize = props.maximize * 1;
+        const maximum = props.maxCount * 1;
+        const maximize = props.maxFileSize * 1;
         const oversizes = new Array();
         const filterFile = files.filter((file) => {
             if (file.size > maximize) {
@@ -419,12 +422,12 @@ const InternalUploader = (props, ref) => {
     };
     const deleted = (file, index) => {
         fileList.splice(index, 1);
-        onRemove && onRemove(file, fileList);
+        onDelete && onDelete(file, fileList);
         setFileList([...fileList]);
     };
-    const onDelete = (file, index) => {
+    const onDeleteItem = (file, index) => {
         clearUploadQueue(index);
-        funcInterceptor(onBeforeDelete, {
+        funcInterceptor(beforeDelete, {
             args: [file, fileList],
             done: () => deleted(file, index),
         });
@@ -450,37 +453,38 @@ const InternalUploader = (props, ref) => {
         children && (React__default.createElement("div", { className: "nut-uploader__slot" },
             React__default.createElement(React__default.Fragment, null,
                 children,
-                maximum > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
+                maxCount > fileList.length && (React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage }))))),
         fileList.length !== 0 &&
             fileList.map((item, index) => {
-                return (React__default.createElement("div", { className: `nut-uploader__preview ${listType}`, key: item.uid },
-                    listType === 'picture' && !children && (React__default.createElement("div", { className: "nut-uploader__preview-img" },
-                        isDeletable && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: "rgba(0,0,0,0.6)", className: "close", name: "failure", onClick: () => onDelete(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" },
-                            item.failIcon === ' ' ||
-                                item.loadingIcon === ' ' ? null : (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: "#fff", name: `${item.status === 'error'
-                                    ? `${item.failIcon || 'failure'}`
-                                    : `${item.loadingIcon || 'loading'}`}` })),
+                            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", mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, defaultImg ? (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: defaultImg, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
+                        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(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: "#808080", name: "link" }),
+                                React__default.createElement(Link, { color: "#808080" }),
                                 "\u00A0",
                                 item.name))))),
                         item.status === 'success' ? (React__default.createElement("div", { className: "tips" }, item.name)) : null)),
-                    listType === 'list' && (React__default.createElement("div", { className: "nut-uploader__preview-list" },
+                    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(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "link" }),
+                            React__default.createElement(Link, null),
                             "\u00A0",
                             item.name),
-                        isDeletable && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: "#808080", className: "nut-uploader__preview-img__file__del", name: "del", onClick: () => onDelete(item, index) })),
+                        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, { size: "small", percentage: item.percentage, strokeColor: "linear-gradient(270deg, rgba(18,126,255,1) 0%,rgba(32,147,255,1) 32.815625%,rgba(13,242,204,1) 100%)", showText: false }))))));
             }),
-        maximum > fileList.length && listType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${listType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
+        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" },
-                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: uploadIconSize, color: "#808080", name: uploadIcon }),
-                React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadIconTip)),
+                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 })))));
 };
 const Uploader = React__default.forwardRef(InternalUploader);

package/dist/esm/use-props-value-ae7ee726.js

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+function usePropsValue({ value, defaultValue, finalValue, onChange = (value) => { }, }) {
+    const [uncontrolled, setUncontrolled] = useState(defaultValue !== undefined ? defaultValue : finalValue);
+    const handleUncontrolledChange = (val) => {
+        setUncontrolled(val);
+        onChange?.(val);
+    };
+    if (value !== undefined) {
+        return [value, onChange];
+    }
+    return [uncontrolled, handleUncontrolledChange];
+}
+
+export { usePropsValue as u };

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

@@ -17,7 +17,7 @@ const defaultProps = {
     },
 };
 const Video = (props) => {
-    const { children, source, options, className, play, pause, playend, onPlayFuc, onPauseFuc, onPlayend, ...restProps } = {
+    const { children, source, options, className, play, pause, playend, onPlay, onPause, onPlayEnd, ...restProps } = {
         ...defaultProps,
         ...props,
     };
@@ -42,16 +42,16 @@ const Video = (props) => {
                 videoRef.setAttribute('x5-video-player-fullscreen', 'false');
             }
             videoRef.addEventListener('play', () => {
-                onPlayFuc && onPlayFuc(videoRef);
+                onPlay && onPlay(videoRef);
                 play && play(videoRef);
             });
             videoRef.addEventListener('pause', () => {
-                onPauseFuc && onPauseFuc(videoRef);
+                onPause && onPause(videoRef);
                 pause && pause(videoRef);
             });
             videoRef.addEventListener('ended', () => {
                 videoRef.currentTime = 0;
-                onPlayend && onPlayend(videoRef);
+                onPlayEnd && onPlayEnd(videoRef);
                 playend && playend(videoRef);
             });
         }

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

@@ -1,7 +1,7 @@
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { ScrollView } from '@tarojs/components';
 import { getSystemInfoSync } from '@tarojs/taro';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 
 // 缓存列表初始化信息
 const initPositinoCache = (reaItemSize, length = 0) => {
@@ -195,7 +195,7 @@ const VirtualList = (props) => {
     return (React__default.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, ref: scrollRef, className: "nut-virtuallist", style: {
+        React__default.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` } }),

package/dist/esm/{watermark.taro-9ce2ae37.js → watermark.taro-c780d360.js}

@@ -1,7 +1,7 @@
 import React__default, { useState, useEffect } from 'react';
 import { getSystemInfo, createOffscreenCanvas } from '@tarojs/taro';
 import classNames from 'classnames';
-import { u as useConfig } from './configprovider-67d19d3a.js';
+import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { c as cn } from './bem-350c1702.js';
 
 const defaultProps = {

package/dist/esm/{zh-CN-c779e6c1.js → zh-CN-b4f493ba.js}

@@ -12,7 +12,7 @@ const zhCN = {
     },
     fixednav: {
         activeText: '收起导航',
-        unActiveText: '快速导航',
+        inactiveText: '快速导航',
     },
     infiniteloading: {
         pullRefreshText: '松开刷新',
@@ -39,7 +39,7 @@ const zhCN = {
     },
     shortpassword: {
         title: '请输入密码',
-        desc: '您使用了虚拟资产，请进行验证',
+        description: '您使用了虚拟资产，请进行验证',
         tips: '忘记密码',
     },
     uploader: {

package/dist/locales/base.d.ts

@@ -12,7 +12,7 @@ export interface BaseLang {
     };
     fixednav: {
         activeText: string;
-        unActiveText: string;
+        inactiveText: string;
     };
     infiniteloading: {
         pullRefreshText: string;
@@ -39,7 +39,7 @@ export interface BaseLang {
     };
     shortpassword: {
         title: string;
-        desc: string;
+        description: string;
         tips: string;
     };
     uploader: {

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.1 Wed Apr 19 2023 14:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 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 v1.5.1 Wed Apr 19 2023 14:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const o = {
   },
   fixednav: {
     activeText: "Close Nav",
-    unActiveText: "Open Nav"
+    inactiveText: "Open Nav"
   },
   infiniteloading: {
     pullRefreshText: "Pull Refresh",
@@ -42,7 +42,7 @@ const o = {
   },
   shortpassword: {
     title: "Please input a password",
-    desc: "Verify",
+    description: "Verify",
     tips: "Forget password"
   },
   uploader: {

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.1 Wed Apr 19 2023 14:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const n = {
   },
   fixednav: {
     activeText: "Tutup Navigasi",
-    unActiveText: "Buka Navigasi"
+    inactiveText: "Buka Navigasi"
   },
   infiniteloading: {
     pullRefreshText: "Lepaskan untuk memperbarui",
@@ -42,7 +42,7 @@ const n = {
   },
   shortpassword: {
     title: "SIlakan masukan kata sandi",
-    desc: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",
+    description: "Anda telah menggunakan aset virtual, mohon lakukan verifikasi.",
     tips: "Lupa Kata Sandi"
   },
   uploader: {

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.5.1 Wed Apr 19 2023 14:22:21 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.0.0-alpha.1 Fri Apr 21 2023 18:03:00 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -17,7 +17,7 @@ const a = {
   },
   fixednav: {
     activeText: "收起导航",
-    unActiveText: "快速导航"
+    inactiveText: "快速导航"
   },
   infiniteloading: {
     pullRefreshText: "松开刷新",
@@ -44,7 +44,7 @@ const a = {
   },
   shortpassword: {
     title: "请输入密码",
-    desc: "您使用了虚拟资产，请进行验证",
+    description: "您使用了虚拟资产，请进行验证",
     tips: "忘记密码"
   },
   uploader: {