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

package/dist/esm/toast.taro-e4f44812.js

@@ -1,108 +0,0 @@
-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';
-
-const defaultProps = {
-    id: '',
-    style: {},
-    icon: null,
-    iconSize: '20',
-    msg: '',
-    bottom: '30px',
-    duration: 2,
-    center: true,
-    type: 'text',
-    title: '',
-    customClass: '',
-    size: 'base',
-    textAlignCenter: true,
-    bgColor: 'rgba(0, 0, 0, .8)',
-    cover: false,
-    coverColor: 'rgba(0, 0, 0, 0)',
-    closeOnClickOverlay: false,
-    visible: false,
-    onClose: () => { }, // 未实现
-};
-// export default class Notification extends React.PureComponent<NotificationProps> {
-const Toast = (props) => {
-    const { children, id, style, icon, iconSize, msg, bottom, duration, center, type, title, customClass, size, textAlignCenter, bgColor, cover, coverColor, closeOnClickOverlay, visible, onClose, ...rest } = { ...defaultProps, ...props };
-    let timer;
-    const [openState, SetOpenState] = useState(false);
-    useEffect(() => {
-        if (visible) {
-            SetOpenState(true);
-            show();
-        }
-        else {
-            hide();
-        }
-    }, [visible]);
-    const clearTimer = () => {
-        if (timer) {
-            clearTimeout(timer);
-            timer = null;
-        }
-    };
-    const hide = () => {
-        SetOpenState(false);
-        onClose();
-    };
-    const show = () => {
-        clearTimer();
-        if (duration) {
-            timer = window.setTimeout(() => {
-                hide();
-            }, duration * 1000);
-        }
-    };
-    const clickCover = () => {
-        if (closeOnClickOverlay) {
-            hide();
-        }
-    };
-    const toastBem = cn('toast');
-    const hasIcon = () => {
-        if (type !== 'text') {
-            return true;
-        }
-        return !!icon;
-    };
-    const iconName = () => {
-        if (icon) {
-            return icon;
-        }
-        return {
-            success: React__default.createElement(Success, { color: "#ffffff", width: iconSize, height: iconSize }),
-            fail: React__default.createElement(Failure, { color: "#ffffff", width: iconSize, height: iconSize }),
-            warn: React__default.createElement(Tips, { color: "#ffffff", width: iconSize, height: iconSize }),
-            loading: React__default.createElement(Loading, { color: "#ffffff", width: iconSize, height: iconSize }),
-        }[type];
-    };
-    const classes = classNames({
-        'nut-toast-center': center,
-        'nut-toast-has-icon': icon,
-        'nut-toast-cover': cover,
-        'nut-toast-loading': type === 'loading',
-        [`${customClass}`]: true,
-        [`nut-toast-${size}`]: true,
-    });
-    return (React__default.createElement(React__default.Fragment, null, openState ? (React__default.createElement("div", { className: `${toastBem()} ${classes}`, id: id, style: {
-            bottom: center ? 'auto' : `${bottom}`,
-            backgroundColor: cover ? coverColor : '',
-            ...style,
-        }, onClick: () => {
-            clickCover();
-        } },
-        React__default.createElement("div", { className: toastBem('inner'), style: {
-                textAlign: textAlignCenter ? 'center' : 'left',
-                backgroundColor: bgColor,
-            } },
-            hasIcon() ? (React__default.createElement("p", { className: toastBem('icon-wrapper') }, iconName())) : null,
-            title ? React__default.createElement("div", { className: "nut-toast-title" }, title) : null,
-            React__default.createElement("span", { className: toastBem('text') }, msg)))) : null));
-};
-Toast.defaultProps = defaultProps;
-Toast.displayName = 'NutToast';
-
-export { Toast as T };

package/dist/esm/trendarrow.taro-7cf90def.js

@@ -1,70 +0,0 @@
-import React__default, { useRef } from 'react';
-import { TriangleUp, TriangleDown } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    rate: 0,
-    digits: 2,
-    showSign: false,
-    showZero: false,
-    arrowLeft: false,
-    syncTextColor: true,
-    textColor: '#333',
-    riseColor: '#fa2c19',
-    dropColor: '#64b578',
-    upIcon: null,
-    downIcon: null,
-    className: '',
-};
-const TrendArrow = (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);
-    const myFixed = (num, digit = 2) => {
-        if (Object.is(parseFloat(num), NaN)) {
-            return console.log(`传入的值：${num}不是一个数字`);
-        }
-        num = parseFloat(num);
-        // eslint-disable-next-line no-restricted-properties
-        const numPow = Math.pow(10, digit);
-        return (Math.round((num + Number.EPSILON) * numPow) / numPow).toFixed(digit);
-    };
-    const calcStyle = (() => {
-        const arrowColor = rateTrend.current ? riseColor : dropColor;
-        const textEquArrowColor = syncTextColor ? arrowColor : textColor;
-        const style = {
-            color: rate === 0 ? textColor : textEquArrowColor,
-        };
-        return style;
-    })();
-    const calcRate = (() => {
-        rateTrend.current = rate > 0;
-        const absRate = Math.abs(rate);
-        if (!showZero && rate === 0) {
-            return '--';
-        }
-        const resultRate = `${
-        // eslint-disable-next-line no-nested-ternary
-        showSign && rate !== 0 ? (rateTrend.current ? '+' : '-') : ''}${myFixed(Number(absRate), digits)}%`;
-        return resultRate;
-    })();
-    const calcIconProps = (() => {
-        const iconProps = {
-            color: rateTrend.current ? riseColor : dropColor,
-        };
-        return iconProps;
-    })();
-    const renderContent = (arrowLeft) => {
-        const classNameSuffix = !arrowLeft ? 'icon-after' : 'icon-before';
-        return (React__default.createElement("span", { className: `${b(classNameSuffix)} ${b('rate')}`, style: calcStyle }, calcRate));
-    };
-    return (React__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(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;
-TrendArrow.displayName = 'NutTrendArrow';
-
-export { TrendArrow as T };

package/dist/esm/typings-d8491423.js

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

package/dist/esm/uploader.taro-2151eec6.js

@@ -1,494 +0,0 @@
-import React__default, { useState, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from '@tarojs/taro';
-import { Failure, Loading, Link, Del, Photograph } from '@nutui/icons-react-taro';
-import { Image } from '@tarojs/components';
-import { B as Button } from './button.taro-a1c9512f.js';
-import { P as Progress } from './progress.taro-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-d8491423.js';
-
-class UploadOptions {
-    url = '';
-    name = 'file';
-    fileType = 'image';
-    formData;
-    sourceFile;
-    method = 'post';
-    xhrState = 200;
-    timeout = 30 * 1000;
-    headers = {};
-    withCredentials = false;
-    onStart;
-    taroFilePath;
-    onProgress;
-    onSuccess;
-    onFailure;
-    beforeXhrUpload;
-}
-class Upload {
-    options;
-    constructor(options) {
-        this.options = options;
-    }
-    upload() {
-        const { options } = this;
-        const xhr = new XMLHttpRequest();
-        xhr.timeout = options.timeout;
-        if (xhr.upload) {
-            xhr.upload.addEventListener('progress', (e) => {
-                options.onProgress?.(e, options);
-            }, false);
-            xhr.onreadystatechange = () => {
-                if (xhr.readyState === 4) {
-                    if (xhr.status === options.xhrState) {
-                        options.onSuccess?.(xhr.responseText, options);
-                    }
-                    else {
-                        options.onFailure?.(xhr.responseText, options);
-                    }
-                }
-            };
-            xhr.withCredentials = options.withCredentials;
-            xhr.open(options.method, options.url, true);
-            // headers
-            for (const [key, value] of Object.entries(options.headers)) {
-                xhr.setRequestHeader(key, value);
-            }
-            options.onStart?.(options);
-            if (options.beforeXhrUpload) {
-                options.beforeXhrUpload(xhr, options);
-            }
-            else {
-                xhr.send(options.formData);
-            }
-        }
-        else {
-            console.warn('浏览器不支持 XMLHttpRequest');
-        }
-    }
-}
-class UploaderTaro extends Upload {
-    constructor(options) {
-        super(options);
-    }
-    uploadTaro(uploadFile, env) {
-        const options = this.options;
-        if (env === 'WEB') {
-            this.upload();
-        }
-        else {
-            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);
-                });
-            }
-        }
-    }
-}
-
-const funcInterceptor = (interceptor, { args = [], done, canceled, }) => {
-    if (interceptor) {
-        const returnVal = interceptor.apply(null, args);
-        if (isPromise(returnVal)) {
-            returnVal
-                .then((value) => {
-                if (value) {
-                    done(value);
-                }
-                else if (canceled) {
-                    canceled();
-                }
-            })
-                .catch(() => { });
-        }
-        else if (returnVal) {
-            done();
-        }
-        else if (canceled) {
-            canceled();
-        }
-    }
-    else {
-        done();
-    }
-};
-
-const defaultProps = {
-    ...ComponentDefaults,
-    url: '',
-    maxCount: 1,
-    sizeType: ['original', 'compressed'],
-    sourceType: ['album', 'camera'],
-    mediaType: ['image', 'video'],
-    camera: 'back',
-    uploadIcon: null,
-    uploadLabel: '',
-    previewType: 'picture',
-    imageFit: 'cover',
-    name: 'file',
-    accept: '*',
-    disabled: false,
-    autoUpload: true,
-    multiple: false,
-    maxFileSize: Number.MAX_VALUE,
-    data: {},
-    headers: {},
-    method: 'post',
-    previewUrl: '',
-    xhrState: 200,
-    timeout: 1000 * 30,
-    preview: true,
-    deletable: true,
-    maxDuration: 10,
-    beforeDelete: (file, files) => {
-        return true;
-    },
-};
-class FileItem {
-    status = 'ready';
-    message = '准备中..';
-    uid = new Date().getTime().toString();
-    name;
-    url;
-    type;
-    path;
-    percentage = 0;
-    formData = {};
-}
-const InternalUploader = (props, ref) => {
-    const { locale } = useConfig();
-    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 (value) {
-            setFileList(value);
-        }
-    }, [value]);
-    const classes = classNames(className, 'nut-uploader');
-    useImperativeHandle(ref, () => ({
-        submit: () => {
-            Promise.all(uploadQueue).then((res) => {
-                res.forEach((i) => i.uploadTaro(uploadFile, getEnv()));
-            });
-        },
-        clear: () => {
-            clearUploadQueue();
-        },
-    }));
-    const clearUploadQueue = (index = -1) => {
-        if (index > -1) {
-            uploadQueue.splice(index, 1);
-            setUploadQueue(uploadQueue);
-        }
-        else {
-            setUploadQueue([]);
-            fileList.splice(0, fileList.length);
-            setFileList([...fileList]);
-        }
-    };
-    const _chooseImage = () => {
-        if (disabled) {
-            return;
-        }
-        if (Taro.getEnv() === 'WEB') {
-            const el = document.getElementById('taroChooseImage');
-            if (el) {
-                el?.setAttribute('accept', accept);
-            }
-            else {
-                const obj = document.createElement('input');
-                obj.setAttribute('type', 'file');
-                obj.setAttribute('id', 'taroChooseImage');
-                obj.setAttribute('accept', accept);
-                obj.setAttribute('style', 'position: fixed; top: -4000px; left: -3000px; z-index: -300;');
-                document.body.appendChild(obj);
-            }
-        }
-        if (getEnv() === 'WEAPP') {
-            // chooseMedia 目前只支持微信小程序原生，其余端全部使用 chooseImage API
-            chooseMedia({
-                /** 最多可以选择的文件个数 */
-                count: multiple ? maxCount * 1 - fileList.length : 1,
-                /** 文件类型 */
-                mediaType: mediaType,
-                /** 图片和视频选择的来源 */
-                sourceType,
-                /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */
-                maxDuration,
-                /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */
-                sizeType: [],
-                /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
-                camera,
-                /** 接口调用失败的回调函数 */
-                fail: (res) => {
-                    onFailure && onFailure(res);
-                },
-                /** 接口调用成功的回调函数 */
-                success: onChangeMedia,
-            });
-        }
-        else {
-            chooseImage({
-                // 选择数量
-                count: multiple ? maxCount * 1 - fileList.length : 1,
-                // 可以指定是原图还是压缩图，默认二者都有
-                sizeType,
-                sourceType,
-                success: onChangeImage,
-                fail: (res) => {
-                    onFailure && onFailure(res);
-                },
-            });
-        }
-    };
-    const executeUpload = (fileItem, index) => {
-        const uploadOption = new UploadOptions();
-        uploadOption.name = name;
-        uploadOption.url = url;
-        uploadOption.fileType = fileItem.type;
-        uploadOption.formData = fileItem.formData;
-        uploadOption.timeout = timeout * 1;
-        uploadOption.method = method;
-        uploadOption.xhrState = xhrState;
-        uploadOption.headers = headers;
-        uploadOption.taroFilePath = fileItem.path;
-        uploadOption.beforeXhrUpload = beforeXhrUpload;
-        uploadOption.onStart = (option) => {
-            clearUploadQueue(index);
-            setFileList((fileList) => {
-                fileList.map((item) => {
-                    if (item.uid === fileItem.uid) {
-                        item.status = 'ready';
-                        item.message = locale.uploader.readyUpload;
-                    }
-                });
-                return [...fileList];
-            });
-            onStart && onStart(option);
-        };
-        uploadOption.onProgress = (e, option) => {
-            setFileList((fileList) => {
-                fileList.map((item) => {
-                    if (item.uid === fileItem.uid) {
-                        item.status = 'uploading';
-                        item.message = locale.uploader.uploading;
-                        item.percentage = e.progress;
-                        onProgress && onProgress({ e, option, percentage: item.percentage });
-                    }
-                });
-                return [...fileList];
-            });
-        };
-        uploadOption.onSuccess = (responseText, option) => {
-            setFileList((fileList) => {
-                onUpdate && onUpdate(fileList);
-                fileList.map((item) => {
-                    if (item.uid === fileItem.uid) {
-                        item.status = 'success';
-                        item.message = locale.uploader.success;
-                    }
-                });
-                return [...fileList];
-            });
-            onSuccess &&
-                onSuccess({
-                    responseText,
-                    option,
-                    fileList,
-                });
-        };
-        uploadOption.onFailure = (responseText, option) => {
-            setFileList((fileList) => {
-                fileList.map((item) => {
-                    if (item.uid === fileItem.uid) {
-                        item.status = 'error';
-                        item.message = locale.uploader.error;
-                    }
-                });
-                return [...fileList];
-            });
-            onFailure &&
-                onFailure({
-                    responseText,
-                    option,
-                    fileList,
-                });
-        };
-        const task = new UploaderTaro(uploadOption);
-        if (props.autoUpload) {
-            task.uploadTaro(uploadFile, getEnv());
-        }
-        else {
-            uploadQueue.push(new Promise((resolve, reject) => {
-                resolve(task);
-            }));
-            setUploadQueue(uploadQueue);
-        }
-    };
-    const readFile = (files) => {
-        files.forEach((file, index) => {
-            let fileType = file.type;
-            const filepath = (file.tempFilePath || file.path);
-            const fileItem = new FileItem();
-            if (file.fileType) {
-                fileType = file.fileType;
-            }
-            else {
-                const imgReg = /\.(png|jpeg|jpg|webp|gif)$/i;
-                if (!fileType &&
-                    (imgReg.test(filepath) || filepath.includes('data:image'))) {
-                    fileType = 'image';
-                }
-            }
-            fileItem.path = filepath;
-            fileItem.name = filepath;
-            fileItem.status = 'ready';
-            fileItem.type = fileType;
-            if (autoUpload) {
-                fileItem.message = locale.uploader.readyUpload;
-            }
-            else {
-                fileItem.message = locale.uploader.waitingUpload;
-            }
-            if (getEnv() === 'WEB') {
-                const formData = new FormData();
-                for (const [key, value] of Object.entries(data)) {
-                    formData.append(key, value);
-                }
-                formData.append(name, file.originalFileObj);
-                fileItem.name = file.originalFileObj?.name;
-                fileItem.type = file.originalFileObj?.type;
-                fileItem.formData = formData;
-            }
-            else {
-                fileItem.formData = data;
-            }
-            if (preview) {
-                fileItem.url = fileType == 'video' ? file.thumbTempFilePath : filepath;
-            }
-            fileList.push(fileItem);
-            setFileList([...fileList]);
-            executeUpload(fileItem, index);
-        });
-    };
-    const filterFiles = (files) => {
-        const maximum = props.maxCount * 1;
-        const maximize = props.maxFileSize * 1;
-        const oversizes = new Array();
-        const filterFile = files.filter((file) => {
-            if (file.size > maximize) {
-                oversizes.push(file);
-                return false;
-            }
-            return true;
-        });
-        if (oversizes.length) {
-            onOversize && onOversize(files);
-        }
-        const currentFileLength = filterFile.length + fileList.length;
-        if (currentFileLength > maximum) {
-            filterFile.splice(filterFile.length - (currentFileLength - maximum));
-        }
-        return filterFile;
-    };
-    const deleted = (file, index) => {
-        fileList.splice(index, 1);
-        onDelete && onDelete(file, fileList);
-        setFileList([...fileList]);
-    };
-    const onDeleteItem = (file, index) => {
-        clearUploadQueue(index);
-        funcInterceptor(beforeDelete, {
-            args: [file, fileList],
-            done: () => deleted(file, index),
-        });
-    };
-    const onChangeMedia = (res) => {
-        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-        const { tempFiles } = res;
-        const _files = filterFiles(tempFiles);
-        readFile(_files);
-        onChange && onChange({ fileList });
-    };
-    const onChangeImage = (res) => {
-        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
-        const { tempFiles } = res;
-        const _files = filterFiles(tempFiles);
-        readFile(_files);
-        onChange && onChange({ fileList });
-    };
-    const handleItemClick = (file) => {
-        onFileItemClick && onFileItemClick(file);
-    };
-    return (React__default.createElement("div", { className: classes, ...restProps },
-        children && (React__default.createElement("div", { className: "nut-uploader__slot" },
-            React__default.createElement(React__default.Fragment, null,
-                children,
-                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 ${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 !== ' ' &&
-                                (item.status === 'error'
-                                    ? item.failIcon || React__default.createElement(Failure, { color: "#fff" })
-                                    : item.loadingIcon || React__default.createElement(Loading, { color: "#fff" })),
-                            React__default.createElement("div", { className: "nut-uploader__preview__progress__msg" }, item.message)))),
-                        item.type.includes('image') ? (React__default.createElement(React__default.Fragment, null, item.url && (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", style: { objectFit: imageFit }, mode: "aspectFit", src: item.url, onClick: () => handleItemClick(item) })))) : (React__default.createElement(React__default.Fragment, null, previewUrl ? (React__default.createElement(Image, { className: "nut-uploader__preview-img__c", mode: "aspectFit", src: previewUrl, onClick: () => handleItemClick(item) })) : (React__default.createElement("div", { className: "nut-uploader__preview-img__file" },
-                            React__default.createElement("div", { onClick: () => handleItemClick(item), className: "nut-uploader__preview-img__file__name" },
-                                React__default.createElement(Link, { color: "#808080" }),
-                                "\u00A0",
-                                item.name))))),
-                        item.status === 'success' ? (React__default.createElement("div", { className: "tips" }, item.name)) : null)),
-                    previewType === 'list' && (React__default.createElement("div", { className: "nut-uploader__preview-list" },
-                        React__default.createElement("div", { className: `nut-uploader__preview-img__file__name ${item.status}`, onClick: () => handleItemClick(item) },
-                            React__default.createElement(Link, null),
-                            "\u00A0",
-                            item.name),
-                        deletable && (React__default.createElement(Del, { color: "#808080", className: "nut-uploader__preview-img__file__del", onClick: () => onDeleteItem(item, index) })),
-                        item.status === 'uploading' && (React__default.createElement(Progress, { 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 }))))));
-            }),
-        maxCount > fileList.length && previewType === 'picture' && !children && (React__default.createElement("div", { className: `nut-uploader__upload ${previewType} ${disabled ? 'nut-uploader__upload-disabled' : ''}` },
-            React__default.createElement("div", { className: "nut-uploader__icon" },
-                uploadIcon || React__default.createElement(Photograph, { size: "20px", color: "#808080" }),
-                React__default.createElement("span", { className: "nut-uploader__icon-tip" }, uploadLabel)),
-            React__default.createElement(Button, { className: "nut-uploader__input", onClick: _chooseImage })))));
-};
-const Uploader = React__default.forwardRef(InternalUploader);
-Uploader.defaultProps = defaultProps;
-Uploader.displayName = 'NutUploader';
-
-export { Uploader as U };