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

package/dist/esm/menu.taro-54951911.js

@@ -1,98 +0,0 @@
-import React__default, { useRef, useEffect, useState } from 'react';
-import classNames from 'classnames';
-import { RectUp, RectDown } from '@nutui/icons-react-taro';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    style: {},
-    activeColor: '',
-    closeOnClickOverlay: true,
-    scrollFixed: false,
-    lockScroll: true,
-    titleIcon: null,
-};
-const Menu = (props) => {
-    const { className, titleIcon, scrollFixed, lockScroll, closeOnClickOverlay, children, activeColor, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const parentRef = useRef(null);
-    const onScroll = () => { };
-    useEffect(() => {
-        if (scrollFixed) {
-            window.addEventListener('scroll', onScroll);
-        }
-        return () => window.removeEventListener('scroll', onScroll);
-    }, []);
-    const [itemShow, setItemShow] = useState([]);
-    const [itemTitle, setItemTitle] = useState([]);
-    const toggleItemShow = (index) => {
-        itemShow[index] = !itemShow[index];
-        const temp = itemShow.map((i, idx) => (idx === index ? i : false));
-        setItemShow([...temp]);
-    };
-    const hideItemShow = (index) => {
-        itemShow[index] = false;
-        setItemShow([...itemShow]);
-    };
-    const updateTitle = (text, index) => {
-        itemTitle[index] = text;
-        setItemTitle([...itemTitle]);
-    };
-    const parent = () => {
-        return parentRef;
-    };
-    const cloneChildren = () => {
-        return React__default.Children.map(children, (child, index) => {
-            return React__default.cloneElement(child, {
-                showPopup: itemShow[index],
-                orderKey: index,
-                activeColor,
-                parent: {
-                    closeOnClickOverlay,
-                    lockScroll,
-                    toggleItemShow,
-                    updateTitle,
-                    hideItemShow,
-                    parent,
-                },
-            });
-        });
-    };
-    return (React__default.createElement("div", { className: `nut-menu ${className}`, ...rest, ref: parentRef },
-        React__default.createElement("div", { className: "nut-menu-relative" },
-            React__default.createElement("div", { className: `nut-menu__bar ${itemShow.includes(true) ? 'opened' : ''} ${className}` }, React__default.Children.toArray(children).map((child, index) => {
-                if (!child)
-                    return null;
-                const { disabled, title, value, direction, options, className } = child.props;
-                const currentTitle = options?.filter((option) => option.value === value);
-                function finallyTitle() {
-                    if (title)
-                        return title;
-                    if (itemTitle && itemTitle[index])
-                        return itemTitle[index];
-                    if (currentTitle && currentTitle[0] && currentTitle[0].text)
-                        return currentTitle[0].text;
-                    return '';
-                }
-                return (React__default.createElement("div", { className: `nut-menu__item ${classNames({
-                        active: itemShow[index],
-                        disabled,
-                    })} ${className}`, style: { color: itemShow[index] ? activeColor : '' }, key: index, onClick: () => {
-                        !disabled && toggleItemShow(index);
-                    } },
-                    React__default.createElement("div", { className: `nut-menu__title ${classNames({
-                            active: itemShow[index],
-                            disabled,
-                        })}` },
-                        React__default.createElement("div", { className: "nut-menu__title-text" }, finallyTitle()),
-                        titleIcon || (React__default.createElement(React__default.Fragment, null, direction === 'up' ? (React__default.createElement(RectUp, { className: "nut-menu__title-icon", size: "14px" })) : (React__default.createElement(RectDown, { className: "nut-menu__title-icon", size: "14px" })))))));
-            })),
-            cloneChildren())));
-};
-Menu.defaultProps = defaultProps;
-Menu.displayName = 'NutMenu';
-
-export { Menu as M };

package/dist/esm/menuitem.taro-86a6bb6c.js

@@ -1,128 +0,0 @@
-import React__default, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-import { Check } from '@nutui/icons-react-taro';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { O as Overlay } from './overlay.taro-ad0d4775.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    style: {},
-    columns: 1,
-    direction: 'down',
-    optionsIcon: null,
-    activeTitleClass: '',
-    inactiveTitleClass: '',
-    onChange: (value) => undefined,
-};
-const MenuItem = forwardRef((props, ref) => {
-    useConfig();
-    const mergedProps = { ...defaultProps, ...props };
-    const { style, options, value, columns, title, optionsIcon, direction, onChange, activeTitleClass, inactiveTitleClass, children, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const { activeColor, showPopup, parent, orderKey } = mergedProps;
-    const [_showPopup, setShowPopup] = useState(showPopup);
-    const [_value, setValue] = useState(value);
-    useEffect(() => {
-        setShowPopup(showPopup);
-    }, [showPopup]);
-    useEffect(() => {
-        getParentOffset();
-    }, [_showPopup]);
-    useImperativeHandle(ref, () => ({
-        toggle: parent.toggleItemShow,
-    }));
-    const getIconCName = (optionVal, value) => {
-        return classNames({
-            [activeTitleClass]: optionVal === value,
-            [inactiveTitleClass]: optionVal !== value,
-        });
-    };
-    const setTitle = (text) => {
-        if (!title) {
-            parent.updateTitle(text, orderKey);
-        }
-    };
-    const handleClick = (item) => {
-        parent.toggleItemShow(orderKey);
-        setTitle(item.text);
-        setValue(item.value);
-        onChange && onChange(item);
-    };
-    const [position, setPosition] = useState({
-        top: 0,
-        height: 0,
-    });
-    const getParentOffset = () => {
-        setTimeout(async () => {
-            const p = parent.parent().current;
-            const rect = await p.getBoundingClientRect();
-            setPosition({
-                height: rect.height,
-                top: rect.top,
-            });
-        });
-    };
-    const isShow = () => {
-        if (_showPopup)
-            return {};
-        return { display: 'none' };
-    };
-    const getPosition = () => {
-        return direction === 'down'
-            ? { top: `${position.top + position.height}px` }
-            : { bottom: `${window.innerHeight - position.top}px`, top: 'auto' };
-    };
-    const placeholderStyle = () => {
-        if (direction === 'down') {
-            return {
-                height: `${position.top + position.height}px`,
-                ...isShow(),
-                ...style,
-            };
-        }
-        return {
-            height: `${window.innerHeight - position.top}px`,
-            top: 'auto',
-            ...isShow(),
-            ...style,
-        };
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("div", { className: `placeholder-element ${classNames({
-                up: direction === 'up',
-            })}`, style: placeholderStyle(), onClick: () => parent.toggleItemShow(orderKey) }),
-        React__default.createElement(Overlay, { className: "nut-menu__overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: _showPopup, closeOnOverlayClick: parent.closeOnClickOverlay, onClick: () => {
-                parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
-            } }),
-        React__default.createElement("div", { className: direction === 'down'
-                ? 'nut-menu-item__wrap'
-                : 'nut-menu-item__wrap-up', style: {
-                // ...getPosition(),
-                ...isShow(),
-            } },
-            React__default.createElement(CSSTransition, { in: _showPopup, timeout: 100, classNames: direction === 'down' ? 'menu-item' : 'menu-item-up' },
-                React__default.createElement("div", { className: "nut-menu-item__content" },
-                    options?.map((item, index) => {
-                        return (React__default.createElement("div", { className: `nut-menu-item__option ${classNames({
-                                active: item.value === _value,
-                            })}`, key: item.text, style: {
-                                flexBasis: `${100 / columns}%`,
-                            }, onClick: () => {
-                                handleClick(item);
-                            } },
-                            item.value === _value ? (React__default.createElement(React__default.Fragment, null, optionsIcon || (React__default.createElement(Check, { color: activeColor, className: getIconCName(item.value, value) })))) : null,
-                            React__default.createElement("div", { className: getIconCName(item.value, value), style: {
-                                    color: `${item.value === _value ? activeColor : ''}`,
-                                } }, item.text)));
-                    }),
-                    children)))));
-});
-MenuItem.defaultProps = defaultProps;
-MenuItem.displayName = 'NutMenuItem';
-
-export { MenuItem as M };

package/dist/esm/navbar.taro-69f47d51.js

@@ -1,77 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { Left } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    title: '',
-    description: '',
-    leftShow: true,
-    className: '',
-    leftText: '',
-    fixed: false,
-    safeAreaInsetTop: false,
-    border: false,
-    placeholder: false,
-    zIndex: 10,
-    style: {},
-};
-const NavBar = (props) => {
-    const { description, title, leftShow, className, style, leftText, fixed, safeAreaInsetTop, border, placeholder, zIndex, onClickTitle, onClickIcon, onClickBack, onClickRight, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('navbar');
-    const children = Array.isArray(props.children)
-        ? props.children
-        : [props.children];
-    const slot = children.reduce((slot, item) => {
-        const data = slot;
-        if (item && item.props) {
-            data[item.props.slot] = item.props.children;
-        }
-        return data;
-    }, {});
-    const styles = () => {
-        return {
-            ...style,
-            zIndex,
-        };
-    };
-    const renderLeft = () => {
-        return (React__default.createElement("div", { className: `${b('left')}`, onClick: (e) => onClickBack(e) },
-            leftShow && React__default.createElement(Left, { name: "left", color: "#979797" }),
-            leftText && React__default.createElement("div", { className: `${b('text')}` }, leftText),
-            slot.left));
-    };
-    const renderContent = () => {
-        return (React__default.createElement("div", { className: `${b('title')}` },
-            title && (React__default.createElement("div", { className: "title", onClick: (e) => onClickTitle(e) }, title)),
-            slot.titleIcon && (React__default.createElement("div", { onClick: (e) => onClickIcon(e) }, slot.titleIcon)),
-            slot.content));
-    };
-    const renderRight = () => {
-        return (React__default.createElement("div", { className: `${b('right')}`, onClick: (e) => onClickRight(e) },
-            description && React__default.createElement("div", { className: `${b('text')}` }, description),
-            slot.right));
-    };
-    const renderWrapper = () => {
-        return (React__default.createElement("div", { className: cls, style: styles() },
-            renderLeft(),
-            renderContent(),
-            renderRight()));
-    };
-    const classes = classNames({
-        [`nut-navbar--border`]: border,
-        [`nut-navbar--fixed`]: fixed,
-        [`nut-navbar--safe-area-inset-top`]: safeAreaInsetTop,
-    });
-    const cls = classNames(b(''), classes, className);
-    return (React__default.createElement(React__default.Fragment, null, fixed && placeholder ? (React__default.createElement("div", { className: `${b('')}--placeholder` }, renderWrapper())) : (renderWrapper())));
-};
-NavBar.defaultProps = defaultProps;
-NavBar.displayName = 'NutNavBar';
-
-export { NavBar as N };