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

package/dist/esm/{uploader.taro-5a53aa33.js → uploader.taro-0cca7e97.js}

@@ -1,14 +1,14 @@
 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 { B as Button } from './button.taro-a1c9512f.js';
+import { P as Progress } from './progress.taro-24392ef3.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';
 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 +76,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);
+                });
+            }
         }
     }
 }
@@ -145,7 +150,7 @@ const defaultProps = {
     sourceType: ['album', 'camera'],
     mediaType: ['image', 'video'],
     camera: 'back',
-    uploadIcon: 'photograph',
+    uploadIcon: null,
     uploadIconSize: '',
     uploadIconTip: '',
     listType: 'picture',
@@ -181,7 +186,7 @@ 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 { 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, onStart, onRemove, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, onBeforeXhrUpload, onBeforeDelete, ...restProps } = { ...defaultProps, ...props };
     const [fileList, setFileList] = useState([]);
     const [uploadQueue, setUploadQueue] = useState([]);
     useEffect(() => {
@@ -216,8 +221,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,7 +235,7 @@ const InternalUploader = (props, ref) => {
                 document.body.appendChild(obj);
             }
         }
-        if (getEnv() == 'WEAPP') {
+        if (getEnv() === 'WEAPP') {
             // chooseMedia 目前只支持微信小程序原生，其余端全部使用 chooseImage API
             chooseMedia({
                 /** 最多可以选择的文件个数 */
@@ -238,13 +243,13 @@ const InternalUploader = (props, ref) => {
                 /** 文件类型 */
                 mediaType: mediaType,
                 /** 图片和视频选择的来源 */
-                sourceType: sourceType,
+                sourceType,
                 /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */
-                maxDuration: maxDuration,
+                maxDuration,
                 /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */
                 sizeType: [],
                 /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
-                camera: camera,
+                camera,
                 /** 接口调用失败的回调函数 */
                 fail: (res) => {
                     onFailure && onFailure(res);
@@ -354,7 +359,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;
@@ -455,31 +460,32 @@ const InternalUploader = (props, ref) => {
             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) })),
+                        isDeletable && (React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDelete(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" },
                             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" },
                         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) })),
+                        isDeletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDelete(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' : ''}` },
             React__default.createElement("div", { className: "nut-uploader__icon" },
-                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: uploadIconSize, color: "#808080", name: uploadIcon }),
+                uploadIcon || React__default.createElement(Photograph, { size: uploadIconSize, color: "#808080" }),
                 React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadIconTip)),
             React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
 };

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.0 Wed Apr 19 2023 21:32:40 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.0 Wed Apr 19 2023 21:32:40 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.0 Wed Apr 19 2023 21:32:40 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.0 Wed Apr 19 2023 21:32:40 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: {

package/dist/locales/zh-TW.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.0 Wed Apr 19 2023 21:32:40 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: "鬆開刷新",
@@ -42,7 +42,7 @@ const a = {
   },
   shortpassword: {
     title: "請輸入密碼",
-    desc: "您使用了虛擬資產,請進行驗證",
+    description: "您使用了虛擬資產,請進行驗證",
     tips: "忘記密碼"
   },
   uploader: {

package/dist/locales/zh-UG.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.0 Wed Apr 19 2023 21:32:40 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: "قويۇپ بېرىڭ",
@@ -42,7 +42,7 @@ const a = {
   },
   shortpassword: {
     title: "مەخپى نومۇرنى كىرگۈزۈڭ",
-    desc: "مەۋھۇم بايلىق ئىشلىتىش ئۈچۈن",
+    description: "مەۋھۇم بايلىق ئىشلىتىش ئۈچۈن",
     tips: "ئۇنتۇپ قاپتىمەن"
   },
   uploader: {