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

package/dist/esm/icon-296a1bec.js

@@ -1,63 +0,0 @@
-import React__default from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    name: '',
-    size: '',
-    classPrefix: 'nut-icon',
-    fontClassName: 'nutui-iconfont',
-    color: '',
-    tag: 'i',
-    onClick: (e) => { },
-    className: '',
-};
-function pxCheck(value) {
-    if (value === '') {
-        return value;
-    }
-    if (Number.isNaN(Number(value))) {
-        return String(value);
-    }
-    return `${value}px`;
-}
-function Icon(props) {
-    const { name, size, classPrefix, color, tag, children, className, fontClassName, style, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const isImage = name ? name.indexOf('/') !== -1 : false;
-    const type = isImage ? 'img' : tag;
-    const b = cn('icon');
-    const handleClick = (e) => {
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    const hasSrc = () => {
-        if (isImage)
-            return { src: name };
-        return {};
-    };
-    const styles = {};
-    const checkedSize = pxCheck(size);
-    if (checkedSize) {
-        styles.width = styles.height = styles.fontSize = checkedSize;
-    }
-    return React__default.createElement(type, {
-        className: isImage
-            ? `${b('img')} ${className || ''} `
-            : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ''}`,
-        style: {
-            color,
-            ...styles,
-            ...style,
-        },
-        ...rest,
-        onClick: handleClick,
-        ...hasSrc(),
-    }, children);
-}
-Icon.defaultProps = defaultProps;
-Icon.displayName = 'NutIcon';
-
-export { Icon as I };

package/dist/esm/icon.taro-296a1bec.js

@@ -1,63 +0,0 @@
-import React__default from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    name: '',
-    size: '',
-    classPrefix: 'nut-icon',
-    fontClassName: 'nutui-iconfont',
-    color: '',
-    tag: 'i',
-    onClick: (e) => { },
-    className: '',
-};
-function pxCheck(value) {
-    if (value === '') {
-        return value;
-    }
-    if (Number.isNaN(Number(value))) {
-        return String(value);
-    }
-    return `${value}px`;
-}
-function Icon(props) {
-    const { name, size, classPrefix, color, tag, children, className, fontClassName, style, onClick, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const isImage = name ? name.indexOf('/') !== -1 : false;
-    const type = isImage ? 'img' : tag;
-    const b = cn('icon');
-    const handleClick = (e) => {
-        if (onClick) {
-            onClick(e);
-        }
-    };
-    const hasSrc = () => {
-        if (isImage)
-            return { src: name };
-        return {};
-    };
-    const styles = {};
-    const checkedSize = pxCheck(size);
-    if (checkedSize) {
-        styles.width = styles.height = styles.fontSize = checkedSize;
-    }
-    return React__default.createElement(type, {
-        className: isImage
-            ? `${b('img')} ${className || ''} `
-            : `${fontClassName} ${b(null)} ${classPrefix}-${name} ${className || ''}`,
-        style: {
-            color,
-            ...styles,
-            ...style,
-        },
-        ...rest,
-        onClick: handleClick,
-        ...hasSrc(),
-    }, children);
-}
-Icon.defaultProps = defaultProps;
-Icon.displayName = 'NutIcon';
-
-export { Icon as I };

package/dist/esm/indicator.taro-cba8b010.js

@@ -1,37 +0,0 @@
-import React__default, { useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    size: 3,
-    current: 1,
-    block: false,
-    align: 'center',
-    fillZero: true,
-    vertical: false,
-};
-const Indicator = (props) => {
-    const { size, current, block, align, fillZero, children, className, vertical, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('indicator');
-    const classes = classNames({
-        [`${b('block')}`]: block,
-        [`${b('align')}__${align}`]: block && align,
-        [`${b('vertical')}`]: vertical,
-    }, b(''));
-    const renderEles = () => {
-        const childs = [];
-        for (let item = 1; item <= size; item++) {
-            childs.push(item === current ? (React__default.createElement("div", { key: item, className: b('number') }, fillZero && item < 10 ? `0${item}` : item)) : (React__default.createElement("div", { key: item, className: b('dot') })));
-        }
-        return childs;
-    };
-    useEffect(() => { }, []);
-    return (React__default.createElement("div", { className: classNames(classes, className), ...rest }, renderEles()));
-};
-Indicator.defaultProps = defaultProps;
-Indicator.displayName = 'NutIndicator';
-
-export { Indicator as I };

package/dist/esm/inputnumber.taro-91f65d17.js

@@ -1,130 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { I as Icon } from './icon.taro-296a1bec.js';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    disabled: false,
-    buttonSize: '',
-    min: 1,
-    max: 9999,
-    inputWidth: '',
-    readonly: false,
-    modelValue: 0,
-    step: 1,
-    decimalPlaces: 0,
-    isAsync: false,
-};
-function pxCheck(value) {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-}
-const InputNumber = (props) => {
-    const { children, disabled, buttonSize, min, max, inputWidth, readonly, modelValue, decimalPlaces, step, isAsync, className, style, add, reduce, change, overlimit, blur, focus, onAdd, onReduce, onOverlimit, onBlurFuc, onFocus, onChangeFuc, iconClassPrefix, iconFontClassName, ...restProps } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [inputValue, setInputValue] = useState(modelValue);
-    useEffect(() => {
-        setInputValue(modelValue);
-    }, [modelValue]);
-    const b = cn('inputnumber');
-    const classes = classNames({
-        [`${b('')}--disabled`]: disabled,
-    }, className, b(''));
-    const styles = {
-        height: pxCheck(buttonSize),
-        ...style,
-    };
-    const addAllow = (value = Number(inputValue)) => {
-        return value < Number(max) && !disabled;
-    };
-    const reduceAllow = (value = Number(inputValue)) => {
-        return value > Number(min) && !disabled;
-    };
-    const iconMinusClasses = classNames('nut-inputnumber__icon', {
-        'nut-inputnumber__icon--disabled': !reduceAllow(),
-    });
-    const iconAddClasses = classNames('nut-inputnumber__icon', {
-        'nut-inputnumber__icon--disabled': !addAllow(),
-    });
-    const fixedDecimalPlaces = (v) => {
-        return Number(v).toFixed(Number(decimalPlaces));
-    };
-    const emitChange = (value, e) => {
-        const outputValue = fixedDecimalPlaces(value);
-        onChangeFuc && onChangeFuc(outputValue, e);
-        change && change(outputValue, e);
-        if (!isAsync) {
-            setInputValue(outputValue);
-        }
-    };
-    const reduceNumber = (e) => {
-        onReduce && onReduce(e);
-        reduce && reduce(e);
-        if (reduceAllow()) {
-            const outputValue = Number(inputValue) - Number(step);
-            emitChange(outputValue, e);
-        }
-        else {
-            onOverlimit && onOverlimit(e);
-            overlimit && overlimit(e);
-        }
-    };
-    const addNumber = (e) => {
-        onAdd && onAdd(e);
-        add && add(e);
-        if (addAllow()) {
-            const outputValue = Number(inputValue) + Number(step);
-            emitChange(outputValue, e);
-        }
-        else {
-            onOverlimit && onOverlimit(e);
-            overlimit && overlimit(e);
-        }
-    };
-    const changeValue = (e) => {
-        const input = e.target;
-        change && change(input.value, e);
-        onChangeFuc && onChangeFuc(input.value, e);
-        if (!isAsync) {
-            setInputValue(input.value);
-        }
-    };
-    const focusValue = (e) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        onFocus && onFocus(e);
-        focus && focus(e);
-    };
-    const burValue = (e) => {
-        if (disabled)
-            return;
-        if (readonly)
-            return;
-        const input = e.target;
-        let value = +input.value;
-        if (value < Number(min)) {
-            value = Number(min);
-        }
-        else if (value > Number(max)) {
-            value = Number(max);
-        }
-        emitChange(value, e);
-        onBlurFuc && onBlurFuc(e);
-        blur && blur(e);
-    };
-    return (React__default.createElement("div", { className: classes, style: styles, ...restProps },
-        React__default.createElement("div", { className: "nut-input-minus" },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconMinusClasses, size: buttonSize, name: "minus", onClick: reduceNumber })),
-        React__default.createElement("input", { className: "nut-number-input", type: "digit", min: min, max: max, style: { width: pxCheck(inputWidth) }, disabled: disabled, readOnly: readonly, value: inputValue, onInput: changeValue, onBlur: burValue, onFocus: focusValue }),
-        React__default.createElement("div", { className: "nut-input-add" },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: iconAddClasses, size: buttonSize, name: "plus", onClick: addNumber }))));
-};
-InputNumber.defaultProps = defaultProps;
-InputNumber.displayName = 'NutInputNumber';
-
-export { InputNumber as I };

package/dist/esm/pagination.taro-715a173b.js

@@ -1,124 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { u as useConfig } from './configprovider.taro-8d71eb49.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    defaultValue: 1,
-    mode: 'multi',
-    prevText: '',
-    nextText: '',
-    pageCount: '',
-    totalItems: '0',
-    itemsPerPage: '10',
-    showPageSize: '5',
-    forceEllipses: false,
-    className: '',
-    pageNodeRender: (item) => {
-        return item.text;
-    },
-};
-const Pagination = (props) => {
-    const { locale } = useConfig();
-    ({ ...defaultProps, ...props });
-    const { modelValue, mode, prevText, nextText, pageCount, totalItems, itemsPerPage, showPageSize, onChange, updatecurrent, forceEllipses, pageNodeRender, defaultValue, className, ...rest } = props;
-    const [currentPage, setCurrent] = useState(1);
-    const [pages, setPages] = useState([]);
-    const [countRef, setCountRef] = useState(Number(pageCount));
-    const paginationBem = cn('pagination');
-    // 计算页面的数量
-    const computedCountRef = () => {
-        const num = Number(pageCount) || Math.ceil(Number(totalItems) / Number(itemsPerPage));
-        return Number.isNaN(num) ? 1 : Math.max(1, num);
-    };
-    // 生成pages数组，用来遍历
-    const computedPages = (_currentPage, _countRef) => {
-        if (mode === 'simple')
-            return [];
-        const items = [];
-        const pageCount = _countRef || countRef; // 总的页面数量
-        const pageSize = Number(showPageSize); // 展示的页面个数
-        const _current = _currentPage || Number(currentPage); // 当前页
-        let startPage = 1;
-        let endPage = pageCount;
-        const partialShow = pageCount > pageSize;
-        if (partialShow) {
-            // 选中的page在展示的page中间
-            startPage = Math.max(_current - Math.floor(pageSize / 2), 1);
-            endPage = startPage + pageSize - 1;
-            if (endPage > pageCount) {
-                endPage = pageCount;
-                startPage = endPage - pageSize + 1;
-            }
-        }
-        // 遍历生成数组
-        for (let i = startPage; i <= endPage; i++) {
-            const page = setPage(i, i, _current === i);
-            items.push(page);
-        }
-        // 判断是否有折叠
-        if (partialShow && pageSize > 0 && forceEllipses) {
-            if (startPage > 1) {
-                const prevPage = setPage(startPage - 1, '...');
-                items.unshift(prevPage);
-            }
-            if (endPage < pageCount) {
-                const nextPage = setPage(endPage + 1, '...');
-                items.push(nextPage);
-            }
-        }
-        return items;
-    };
-    // 点击选择page
-    const selectPage = (curPage, isSelect) => {
-        if (curPage > countRef || curPage < 1)
-            return;
-        // 是否传入modelValue
-        if (!('modelValue' in props)) {
-            setCurrent(Number(curPage));
-            if (curPage !== currentPage) {
-                setPages(computedPages(curPage));
-            }
-        }
-        if (curPage !== currentPage) {
-            updatecurrent && updatecurrent(curPage);
-        }
-        if (isSelect)
-            onChange && onChange(curPage);
-    };
-    // set page 对象
-    const setPage = (number, text, active) => {
-        return { number, text, active };
-    };
-    useEffect(() => {
-        // 初始化 判断是否传入值 计算 当前页，总页数，生成子节点
-        let currentValue = props.defaultValue || 1;
-        if ('modelValue' in props) {
-            currentValue = Number(props.modelValue);
-        }
-        const pageCount = computedCountRef();
-        setCountRef(pageCount);
-        setPages(computedPages(currentValue, pageCount));
-    }, []);
-    if ('modelValue' in props) {
-        const current = props.modelValue ? Number(props.modelValue) : 1;
-        if (current !== currentPage) {
-            setCurrent(current);
-            setPages(computedPages(Number(current)));
-        }
-    }
-    return (React__default.createElement("div", { className: `${paginationBem('')} ${className}`, ...rest },
-        React__default.createElement("div", { className: `${paginationBem('prev')}  ${mode === 'multi' ? '' : 'simple-border'} ${currentPage === 1 ? 'disabled' : ''}`, onClick: (e) => selectPage(Number(currentPage) - 1, true) }, prevText || locale.pagination.prev),
-        mode === 'multi' ? (React__default.createElement("div", { className: `${paginationBem('contain')}` }, pages.map((item, index) => {
-            return (React__default.createElement("div", { key: `${index}pagination`, className: `${paginationBem('item')} ${item.active ? 'active' : ''}`, onClick: (e) => !item.active ? selectPage(item.number, true) : '' }, pageNodeRender ? pageNodeRender(item) : item.text));
-        }))) : (''),
-        mode === 'simple' ? (React__default.createElement("div", { className: `${paginationBem('contain')}` },
-            React__default.createElement("div", { className: `${paginationBem('simple')}` },
-                currentPage,
-                "/",
-                countRef))) : (''),
-        React__default.createElement("div", { className: `${paginationBem('next')}  ${Number(currentPage) >= countRef ? 'disabled' : ''}`, onClick: (e) => selectPage(Number(currentPage) + 1, true) }, nextText || locale.pagination.next)));
-};
-Pagination.defaultProps = defaultProps;
-Pagination.displayName = 'NutPagination';
-
-export { Pagination as P };

package/dist/esm/rate.taro-6cdf03bd.js

@@ -1,75 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-import { I as Icon } from './icon-296a1bec.js';
-import { C as ComponentDefaults } from './typings-b9828dba.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    count: 5,
-    modelValue: 0,
-    minimizeValue: 0,
-    iconSize: 18,
-    activeColor: '',
-    voidColor: '',
-    checkedIcon: 'star-fill-n',
-    uncheckedIcon: 'star-n',
-    disabled: false,
-    readonly: false,
-    allowHalf: false,
-    spacing: 14,
-};
-const Rate = (props) => {
-    const { className, style, count, modelValue, minimizeValue, iconSize, activeColor, voidColor, checkedIcon, uncheckedIcon, disabled, readonly, allowHalf, spacing, onChange, iconClassPrefix, iconFontClassName, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('rate');
-    const bi = cn('rate-item');
-    const [countArray, setCountArray] = useState([1, 2, 3, 4, 5]);
-    const [score, setScore] = useState(0);
-    useEffect(() => {
-        const tmp = [];
-        for (let i = 1; i <= Number(count); i++) {
-            tmp.push(i);
-        }
-        setCountArray(tmp);
-    }, [count]);
-    useEffect(() => {
-        setScore(Math.max(Number(modelValue), Number(minimizeValue)));
-    }, [modelValue]);
-    const pxCheck = (value) => {
-        return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-    };
-    const onClick = (e, index) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (disabled || readonly)
-            return;
-        let value = 0;
-        if (!(index === 1 && score === index)) {
-            value = index;
-        }
-        value = Math.max(value, Number(minimizeValue));
-        setScore(value);
-        onChange && onChange(value);
-    };
-    const onHalfClick = (event, n) => {
-        event.preventDefault();
-        event.stopPropagation();
-        const value = Math.max(Number(minimizeValue), n - 0.5);
-        setScore(value);
-        onChange && onChange(value);
-    };
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style }, countArray.map((n) => {
-        return (React__default.createElement("div", { className: bi(), key: n, onClick: (event) => onClick(event, n), style: { marginRight: pxCheck(spacing) } },
-            React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: iconSize, className: classNames(bi('icon'), {
-                    [bi('icon--disabled')]: disabled || n > score,
-                }), name: n <= score ? checkedIcon : uncheckedIcon, color: n <= score ? activeColor : voidColor }),
-            allowHalf && score > n - 1 && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, onClick: (event) => onHalfClick(event, n), className: `${bi('icon')} ${bi('icon--half')}`, color: n <= score ? activeColor : voidColor, size: iconSize, name: checkedIcon }))));
-    })));
-};
-Rate.defaultProps = defaultProps;
-Rate.displayName = 'NutRate';
-
-export { Rate as R };

package/dist/esm/typings-b9828dba.js

@@ -1,9 +0,0 @@
-const ComponentDefaults = {
-    // className: '',
-    // style: {},
-    // children: undefined,
-    iconClassPrefix: 'nut-icon',
-    iconFontClassName: 'nutui-iconfont',
-};
-
-export { ComponentDefaults as C };