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

package/dist/esm/{popup.taro-124b9bab.js → popup.taro-020bf791.js}

@@ -3,8 +3,8 @@ import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
 import { Close } from '@nutui/icons-react-taro';
+import { View } from '@tarojs/components';
 import { d as defaultOverlayProps, O as Overlay } from './overlay.taro-ad0d4775.js';
-import { c as cn } from './bem-350c1702.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 
 const defaultProps = {
@@ -12,31 +12,28 @@ const defaultProps = {
     position: 'center',
     transition: '',
     overlayStyle: {},
-    overlayClass: '',
-    popClass: '',
+    overlayClassName: '',
     closeable: false,
     closeIconPosition: 'top-right',
     closeIcon: 'close',
-    destroyOnClose: true,
-    teleport: null,
+    destroyOnClose: false,
+    portal: null,
     overlay: true,
     round: false,
     onOpen: () => { },
     onClose: () => { },
-    onOpened: (e) => { },
-    onClosed: (e) => { },
-    onClickOverlay: (e) => { },
-    onClickCloseIcon: (e) => { },
+    onClickOverlay: (e) => true,
+    onClickCloseIcon: (e) => true,
     ...defaultOverlayProps,
 };
 let _zIndex = 2000;
 const Popup = (props) => {
-    const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClass, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, style, transition, round, position, popClass, className, destroyOnClose, teleport, onOpen, onClose, onClickOverlay, onClickCloseIcon, onOpened, onClosed, onClick, } = props;
+    const { children, visible, overlay, closeOnOverlayClick, overlayStyle, overlayClassName, zIndex, lockScroll, duration, closeable, closeIconPosition, closeIcon, style, transition, round, position, className, destroyOnClose, portal, onOpen, onClose, onClickOverlay, onClickCloseIcon, afterShow, afterClose, onClick, } = props;
     const [index, setIndex] = useState(zIndex || _zIndex);
     const [innerVisible, setInnerVisible] = useState(visible);
     const [showChildren, setShowChildren] = useState(true);
     const [transitionName, setTransitionName] = useState('');
-    const b = cn('popup');
+    const classPrefix = 'nut-popup';
     const baseStyle = {
         zIndex: index,
         animationDuration: `${duration}s`,
@@ -49,15 +46,15 @@ const Popup = (props) => {
         ...style,
         ...baseStyle,
     };
-    const classes = classNames({
+    const popClassName = classNames({
         round,
-        [`nut-popup-${position}`]: true,
-        [`${popClass}`]: true,
+        [`${classPrefix}`]: true,
+        [`${classPrefix}-${position}`]: true,
         [`${className || ''}`]: true,
-    }, b(''));
+    });
     const closeClasses = classNames({
-        'nut-popup__close-icon': true,
-        [`nut-popup__close-icon--${closeIconPosition}`]: true,
+        [`${classPrefix}__close-icon`]: true,
+        [`${classPrefix}__close-icon--${closeIconPosition}`]: true,
     });
     const open = () => {
         if (!innerVisible) {
@@ -75,29 +72,29 @@ const Popup = (props) => {
             if (destroyOnClose) {
                 setTimeout(() => {
                     setShowChildren(false);
-                    onClose && onClose();
                 }, Number(duration) * 1000);
             }
+            onClose && onClose();
         }
     };
     const onHandleClickOverlay = (e) => {
         if (closeOnOverlayClick) {
-            onClickOverlay && onClickOverlay(e);
-            close();
+            const closed = onClickOverlay && onClickOverlay(e);
+            closed && close();
         }
     };
     const onHandleClick = (e) => {
         onClick && onClick(e);
     };
     const onHandleClickCloseIcon = (e) => {
-        onClickCloseIcon && onClickCloseIcon(e);
-        close();
+        const closed = onClickCloseIcon && onClickCloseIcon(e);
+        closed && close();
     };
     const onHandleOpened = (e) => {
-        onOpened && onOpened(e);
+        afterShow && afterShow();
     };
     const onHandleClosed = (e) => {
-        onClosed && onClosed(e);
+        afterClose && afterClose();
     };
     const resolveContainer = (getContainer) => {
         const container = typeof getContainer === 'function' ? getContainer() : getContainer;
@@ -112,19 +109,19 @@ const Popup = (props) => {
     };
     const renderIcon = () => {
         if (closeable) {
-            return (React__default.createElement("div", { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Close, { width: 12, height: 12 }))));
+            return (React__default.createElement(View, { className: closeClasses, onClick: onHandleClickCloseIcon }, React__default.isValidElement(closeIcon) ? (closeIcon) : (React__default.createElement(Close, { width: 12, height: 12 }))));
         }
         return null;
     };
     const renderPop = () => {
         return (React__default.createElement(CSSTransition, { classNames: transitionName, unmountOnExit: true, timeout: 500, in: innerVisible, onEntered: onHandleOpened, onExited: onHandleClosed },
-            React__default.createElement("div", { style: popStyles, className: classes, onClick: onHandleClick },
+            React__default.createElement(View, { style: popStyles, className: popClassName, onClick: onHandleClick },
                 showChildren ? children : '',
                 renderIcon())));
     };
     const renderNode = () => {
         return (React__default.createElement(React__default.Fragment, null, overlay ? (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Overlay, { style: overlayStyles, className: overlayClass, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
+            React__default.createElement(Overlay, { style: overlayStyles, className: overlayClassName, visible: innerVisible, closeOnOverlayClick: closeOnOverlayClick, zIndex: zIndex, lockScroll: lockScroll, duration: duration, onClick: onHandleClickOverlay }),
             renderPop())) : (React__default.createElement(React__default.Fragment, null, renderPop()))));
     };
     useEffect(() => {
@@ -132,9 +129,9 @@ const Popup = (props) => {
         !visible && close();
     }, [visible]);
     useEffect(() => {
-        setTransitionName(transition || `nut-popup-slide-${position}`);
-    }, [position]);
-    return React__default.createElement(React__default.Fragment, null, renderToContainer(teleport, renderNode()));
+        setTransitionName(transition || `${classPrefix}-slide-${position}`);
+    }, [position, transition]);
+    return React__default.createElement(React__default.Fragment, null, renderToContainer(portal, renderNode()));
 };
 Popup.defaultProps = defaultProps;
 Popup.displayName = 'NutPopup';

package/dist/esm/{row.taro-f64d4a13.js → row.taro-75039d53.js}

@@ -1,8 +1,11 @@
 import React__default from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-0aac9a82.js';
+import { C as ComponentDefaults } from './typings-d8491423.js';
 
+const classPrefix = 'nut-row';
 const defaultProps = {
+    ...ComponentDefaults,
     type: '',
     justify: 'start',
     align: 'flex-start',
@@ -10,11 +13,10 @@ const defaultProps = {
     gutter: '0',
 };
 const Row = (props) => {
-    const { className, style = {}, children, type, justify, align, wrap, gutter, onClick, } = {
+    const { className, style, children, type, justify, align, wrap, gutter, onClick, } = {
         ...defaultProps,
         ...props,
     };
-    const prefixCls = 'nut-row';
     const getClass = (prefix, type) => {
         const classType = type ? `nut-row-${prefix}-${type}` : '';
         const className = prefix ? classType : `nut-row-${type}`;
@@ -26,7 +28,7 @@ const Row = (props) => {
     ${getClass('justify', justify)}
     ${getClass('align', align)}
     ${getClass('flex', wrap)}
-    ${prefixCls}
+    ${classPrefix}
    `;
     };
     const parentRow = {

package/dist/esm/{shortpassword.taro-9a2c98ad.js → shortpassword.taro-681a33a1.js}

@@ -1,7 +1,7 @@
 import React__default, { useRef, useState, useEffect } from 'react';
 import { Tips } from '@nutui/icons-react-taro';
 import { c as cn } from './bem-350c1702.js';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { u as useConfig } from './configprovider.taro-c8c54556.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
 

package/dist/esm/{sidenavbar.taro-0265812f.js → sidenavbar.taro-d5c5b331.js}

@@ -1,6 +1,5 @@
 import React__default, { useState } from 'react';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { P as Popup } from './popup.taro-124b9bab.js';
+import { P as Popup } from './popup.taro-020bf791.js';
 import { O as OffsetContext } from './offsetContext-c2a746fa.js';
 
 const defaultProps = {
@@ -9,7 +8,6 @@ const defaultProps = {
     width: '80%',
 };
 const SideNavBar = (props) => {
-    useConfig();
     const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
         ...defaultProps,
         ...props,

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

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-124b9bab.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';

package/dist/esm/{uploader.taro-0cca7e97.js → uploader.taro-2151eec6.js}

@@ -5,7 +5,6 @@ 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-c8c54556.js';
 import { i as isPromise } from './index-5bcb0ff8.js';
 import { C as ComponentDefaults } from './typings-d8491423.js';
@@ -145,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: null,
-    uploadIconSize: '',
-    uploadIconTip: '',
-    listType: 'picture',
+    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;
     },
 };
@@ -186,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, 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) => {
@@ -239,7 +237,7 @@ const InternalUploader = (props, ref) => {
             // chooseMedia 目前只支持微信小程序原生，其余端全部使用 chooseImage API
             chooseMedia({
                 /** 最多可以选择的文件个数 */
-                count: multiple ? maximum * 1 - fileList.length : 1,
+                count: multiple ? maxCount * 1 - fileList.length : 1,
                 /** 文件类型 */
                 mediaType: mediaType,
                 /** 图片和视频选择的来源 */
@@ -261,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,
@@ -283,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) => {
@@ -394,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);
@@ -403,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) {
@@ -424,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),
         });
@@ -455,12 +453,12 @@ 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(Failure, { color: "rgba(0,0,0,0.6)", className: "close", 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 !== ' ' &&
@@ -469,24 +467,24 @@ const InternalUploader = (props, ref) => {
                                     ? 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(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(Link, null),
                             "\u00A0",
                             item.name),
-                        isDeletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__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" },
-                uploadIcon || React__default.createElement(Photograph, { size: uploadIconSize, color: "#808080" }),
-                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/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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 v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.0.0-alpha.0 Wed Apr 19 2023 21:32:40 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.
 */