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

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-c615fd4c.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 = '';
@@ -150,7 +150,7 @@ const defaultProps = {
     sourceType: ['album', 'camera'],
     mediaType: ['image', 'video'],
     camera: 'back',
-    uploadIcon: 'photograph',
+    uploadIcon: null,
     uploadIconSize: '',
     uploadIconTip: '',
     listType: 'picture',
@@ -186,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(() => {
@@ -221,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);
             }
@@ -235,7 +235,7 @@ const InternalUploader = (props, ref) => {
                 document.body.appendChild(obj);
             }
         }
-        if (getEnv() == 'WEAPP') {
+        if (getEnv() === 'WEAPP') {
             // chooseMedia 目前只支持微信小程序原生，其余端全部使用 chooseImage API
             chooseMedia({
                 /** 最多可以选择的文件个数 */
@@ -243,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);
@@ -359,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;
@@ -460,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-beta.0 Fri Apr 14 2023 09:52:45 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-beta.0 Fri Apr 14 2023 09:52:45 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-beta.0 Fri Apr 14 2023 09:52:45 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-beta.0 Fri Apr 14 2023 09:52:45 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-beta.0 Fri Apr 14 2023 09:52:45 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-beta.0 Fri Apr 14 2023 09:52:45 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: {