@nutui/nutui-react-taro 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/esm/numberkeyboard.taro-d9b1721b.js

@@ -1,159 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-import { P as Popup } from './popup.taro-89cc342a.js';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-
-const defaultProps = {
-    confirmText: '',
-    title: '',
-    visible: false,
-    overlay: false,
-    type: 'default',
-    customKey: [],
-    className: '',
-    randomKeys: false,
-    popClass: '',
-    onClose: () => { },
-};
-const NumberKeyboard = (props) => {
-    const { locale } = useConfig();
-    const { title, confirmText, visible, overlay, type, customKey, randomKeys, popClass, style, className, onChange, onDelete, onClose, } = props;
-    const b = cn('numberkeyboard');
-    const [show, setShow] = useState(visible);
-    const [clickKeyIndex, setClickKeyIndex] = useState(undefined);
-    const [keysList, setKeysList] = useState([]);
-    useEffect(() => {
-        setShow(visible);
-    }, [visible]);
-    const defaultKey = () => {
-        let leftBottomKey = {
-            id: 'lock',
-            type: 'lock',
-        };
-        if (customKey) {
-            const customKeys = Array.isArray(customKey)
-                ? customKey
-                : [customKey];
-            if (customKeys.length > 0) {
-                const newCustomKey = customKeys[0];
-                leftBottomKey = {
-                    id: newCustomKey,
-                    type: 'custom',
-                };
-            }
-        }
-        return [
-            ...getBasicKeys(),
-            leftBottomKey,
-            { id: 0, type: 'number' },
-            { id: 'delete', type: 'delete' },
-        ];
-    };
-    const getBasicKeys = () => {
-        const keys = [];
-        for (let i = 1; i <= 9; i++) {
-            keys.push({ id: i, type: 'number' });
-        }
-        if (randomKeys) {
-            return keys.sort(() => (Math.random() > 0.5 ? 1 : -1));
-        }
-        return keys;
-    };
-    const genCustomKeys = () => {
-        const keys = getBasicKeys();
-        if (!customKey)
-            return [];
-        let customKeys = Array.isArray(customKey) ? customKey : [customKey];
-        if (customKeys.length > 2) {
-            customKeys = [customKeys[0], customKeys[1]];
-        }
-        if (customKeys.length === 2 &&
-            props.title &&
-            props.type !== 'rightColumn') {
-            customKeys = [customKeys[0]];
-        }
-        if (customKeys.length === 1) {
-            if (props.title && props.type !== 'rightColumn') {
-                keys.push({ id: customKeys[0], type: 'custom' }, { id: 0, type: 'number' }, { id: 'delete', type: 'delete' });
-            }
-            else {
-                keys.push({ id: 0, type: 'number' }, { id: customKeys[0], type: 'custom' });
-            }
-        }
-        else if (customKeys.length === 2) {
-            keys.push({ id: customKeys[0], type: 'custom' }, { id: 0, type: 'number' }, { id: customKeys[1], type: 'custom' });
-        }
-        return keys;
-    };
-    useEffect(() => {
-        if (props.type === 'rightColumn' || props.title !== '') {
-            setKeysList(genCustomKeys());
-        }
-        else {
-            setKeysList(defaultKey());
-        }
-    }, []);
-    const onTouchstart = (item, event) => {
-        event.stopPropagation();
-        setClickKeyIndex(item.id);
-        if (item.type === 'number' || item.type === 'custom') {
-            onChange && onChange(item.id);
-        }
-        if (item.type === 'lock') {
-            onClose && onClose();
-        }
-        if (item.type === 'delete') {
-            onDelete && onDelete();
-        }
-    };
-    const onTouchMove = (event) => {
-        event.stopPropagation();
-    };
-    const onTouchEnd = (event) => {
-        event.preventDefault();
-        setClickKeyIndex(undefined);
-    };
-    return (React.createElement("div", null,
-        React.createElement(Popup, { visible: show, overlay: overlay, position: "bottom", className: popClass, onClickOverlay: onClose, onClickCloseIcon: onClose, overlayStyle: { backgroundColor: 'rgba(0, 0, 0, 0)' } },
-            React.createElement("div", { className: `${b()} ${className}`, style: { ...style } },
-                title ? (React.createElement("div", { className: b('header') },
-                    React.createElement("h3", { className: b('header__tit') }, title),
-                    type === 'default' ? (React.createElement("span", { className: b('header__close'), onClick: onClose }, locale.done)) : null)) : null,
-                React.createElement("div", { className: b('body') },
-                    React.createElement("div", { className: b('body__keys') }, keysList?.map((item, index) => {
-                        return (React.createElement("div", { key: index, className: classNames({
-                                'key-board-wrapper': true,
-                                'key-board-wrapper-large': item.id === 0 &&
-                                    type === 'rightColumn' &&
-                                    Array.isArray(customKey) &&
-                                    customKey.length === 1,
-                            }) },
-                            React.createElement("div", { className: classNames({
-                                    key: true,
-                                    active: item.id === clickKeyIndex,
-                                    lock: item.type === 'lock',
-                                    delete: item.type === 'delete',
-                                }), onTouchStart: (event) => onTouchstart(item, event), onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
-                                item.type === 'number' || item.type === 'custom' ? (React.createElement("div", null, item.id)) : null,
-                                item.type === 'lock' ? (React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/146371/38/8485/738/5f606425Eca239740/14f4b4f5f20d8a68.png", alt: "" })) : null,
-                                item.type === 'delete' ? (React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" })) : null)));
-                    })),
-                    type === 'rightColumn' ? (React.createElement("div", { className: b('sidebar') },
-                        React.createElement("div", { className: "key-board-wrapper" },
-                            React.createElement("div", { className: classNames({
-                                    key: true,
-                                    active: clickKeyIndex === 'delete',
-                                }), onTouchStart: (event) => onTouchstart({ id: 'delete', type: 'delete' }, event), onTouchMove: onTouchMove, onTouchEnd: onTouchEnd },
-                                React.createElement("img", { src: "https://img11.360buyimg.com/imagetools/jfs/t1/129395/8/12735/2030/5f61ac37E70cab338/fb477dc11f46056c.png", alt: "" }))),
-                        React.createElement("div", { className: "key-board-wrapper key-board-finish", onClick: onClose },
-                            React.createElement("div", { className: classNames({
-                                    key: true,
-                                    finish: true,
-                                    activeFinsh: clickKeyIndex === 'finish',
-                                }) }, confirmText || locale.done)))) : null)))));
-};
-NumberKeyboard.defaultProps = defaultProps;
-NumberKeyboard.displayName = 'NutNumberKeyboard';
-
-export { NumberKeyboard as N };

package/dist/esm/offsetContext-c2a746fa.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const OffsetContext = createContext(20);
-
-export { OffsetContext as O };

package/dist/esm/overlay.taro-067b7202.js

@@ -1,73 +0,0 @@
-import React, { useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { View } from '@tarojs/components';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultOverlayProps = {
-    ...ComponentDefaults,
-    zIndex: 1000,
-    duration: 0.3,
-    closeOnOverlayClick: true,
-    visible: false,
-    lockScroll: true,
-    onClick: (event) => { },
-};
-const Overlay = (props) => {
-    const { children, zIndex, duration, className, closeOnOverlayClick, visible, lockScroll, style, afterShow, afterClose, onClick, ...rest } = {
-        ...defaultOverlayProps,
-        ...props,
-    };
-    const classPrefix = `nut-overlay`;
-    const renderRef = useRef(true);
-    const intervalCloseRef = useRef(0);
-    const intervalShowRef = useRef(0);
-    useEffect(() => {
-        if (visible) {
-            intervalShowRef.current = window.setTimeout(() => {
-                afterShow && afterShow();
-            }, duration * 1000 * 0.8);
-        }
-        lock();
-    }, [visible]);
-    useEffect(() => {
-        return () => {
-            clearTimeout(intervalCloseRef.current);
-            clearTimeout(intervalShowRef.current);
-            document.body.classList.remove('nut-overflow-hidden');
-        };
-    }, []);
-    const classes = classNames({
-        'nut-overlay-fade-leave-active': !renderRef.current && !visible,
-        'nut-overlay-fade-enter-active': visible,
-        'nut-overlay-first-render': renderRef.current && !visible,
-        'nut-overlay-hidden-render': !visible,
-    }, className, classPrefix);
-    const styles = {
-        zIndex,
-        animationDuration: `${props.duration}s`,
-        ...style,
-    };
-    const lock = () => {
-        if (lockScroll && visible) {
-            document.body.classList.add('nut-overflow-hidden');
-        }
-        else {
-            document.body.classList.remove('nut-overflow-hidden');
-        }
-    };
-    const handleClick = (e) => {
-        if (closeOnOverlayClick) {
-            onClick && onClick(e);
-            renderRef.current = false;
-            intervalCloseRef.current = window.setTimeout(() => {
-                afterClose && afterClose();
-            }, duration * 1000 * 0.8);
-        }
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, { className: classes, style: styles, ...rest, catchMove: lockScroll, onClick: handleClick }, children)));
-};
-Overlay.defaultProps = defaultOverlayProps;
-Overlay.displayName = 'NutOverlay';
-
-export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/pagination.taro-94f9be5e.js

@@ -1,91 +0,0 @@
-import React, { useMemo } from 'react';
-import classNames from 'classnames';
-import { u as useConfig } from './configprovider.taro-ce34d482.js';
-import { u as usePropsValue } from './use-props-value-ae7ee726.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    defaultValue: 1,
-    mode: 'multi',
-    prev: null,
-    next: null,
-    total: 50,
-    pageSize: 10,
-    itemSize: 5,
-    ellipse: false,
-};
-const Pagination = (props) => {
-    const { locale } = useConfig();
-    const { value, mode, prev, next, total, pageSize, itemSize, onChange, ellipse, itemRender, defaultValue, className, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-pagination';
-    const [currentPage, setCurrentPage] = usePropsValue({
-        value,
-        defaultValue,
-        finalValue: 1,
-        onChange,
-    });
-    // (total + pageSize) => pageCount 计算页面的数量
-    const pageCount = useMemo(() => {
-        const num = Math.ceil(total / pageSize);
-        return Number.isNaN(num) ? 1 : Math.max(1, num);
-    }, [total, pageSize]);
-    // (currentPage + itemSize + pageCount) => pages 显示的 item 列表
-    const pages = useMemo(() => {
-        const items = [];
-        let startPage = 1;
-        let endPage = pageCount;
-        const partialShow = pageCount > itemSize;
-        if (partialShow) {
-            // 选中的 page 放在中间位置
-            startPage = Math.max(currentPage - Math.floor(itemSize / 2), 1);
-            endPage = startPage + itemSize - 1;
-            if (endPage > pageCount) {
-                endPage = pageCount;
-                startPage = endPage - itemSize + 1;
-            }
-        }
-        // 遍历生成数组
-        for (let i = startPage; i <= endPage; i++) {
-            items.push({ number: i, text: i });
-        }
-        // 判断是否有折叠
-        if (partialShow && itemSize > 0 && ellipse) {
-            if (startPage > 1) {
-                items.unshift({ number: startPage - 1, text: '...' });
-            }
-            if (endPage < pageCount) {
-                items.push({ number: endPage + 1, text: '...' });
-            }
-        }
-        return items;
-    }, [currentPage, itemSize, pageCount]);
-    // 点击选择 page
-    const handleSelectPage = (curPage) => {
-        if (curPage > pageCount || curPage < 1)
-            return;
-        setCurrentPage(curPage);
-    };
-    return (React.createElement("div", { className: classNames(classPrefix, className), ...rest },
-        React.createElement("div", { className: classNames(`${classPrefix}__prev`, mode === 'multi' ? '' : 'simple-border', currentPage === 1 ? 'disabled' : ''), onClick: (e) => handleSelectPage(currentPage - 1) }, prev || locale.pagination.prev),
-        mode === 'multi' && (React.createElement("div", { className: `${classPrefix}__contain` }, pages.map((item, index) => {
-            return (React.createElement("div", { key: `${index}pagination`, className: classNames(`${classPrefix}__item`, {
-                    active: item.number === currentPage,
-                }), onClick: (e) => {
-                    item.number !== currentPage && handleSelectPage(item.number);
-                } }, itemRender ? itemRender(item) : item.text));
-        }))),
-        mode === 'simple' && (React.createElement("div", { className: `${classPrefix}__contain` },
-            React.createElement("div", { className: `${classPrefix}__simple` },
-                currentPage,
-                "/",
-                pageCount))),
-        React.createElement("div", { className: classNames(`${classPrefix}__next`, currentPage >= pageCount ? 'disabled' : ''), onClick: (e) => handleSelectPage(currentPage + 1) }, next || locale.pagination.next)));
-};
-Pagination.defaultProps = defaultProps;
-Pagination.displayName = 'NutPagination';
-
-export { Pagination as P };