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

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/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 };

package/dist/esm/progress.taro-24392ef3.js

@@ -1,88 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { Checked } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    className: '',
-    style: {},
-    isShowPercentage: true,
-    percentage: 0,
-    fillColor: '#f3f3f3',
-    strokeColor: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
-    strokeWidth: '',
-    textColor: '',
-    textWidth: '',
-    showText: true,
-    textInside: false,
-    textBackground: 'linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)',
-    textType: 'text',
-    status: false,
-    icon: null,
-    children: undefined,
-};
-const Progress = (props) => {
-    const { className, style, isShowPercentage, percentage, fillColor, strokeColor, strokeWidth, size, textColor, textWidth, showText, textInside, textBackground, textType, status, icon, children, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('progress');
-    const classes = classNames(b(''));
-    const classesOuter = classNames({
-        [`${b('')}-outer`]: true,
-        [`${b('')}-${size || 'base'}`]: true,
-    });
-    const classesInner = classNames({
-        [`${b('')}-inner`]: true,
-        [`${b('')}-active`]: status,
-    });
-    const classesText = classNames({
-        [`${b('')}-text`]: true,
-    });
-    const classesInsideText = classNames({
-        [`${b('')}-text`]: true,
-        [`${b('')}-insidetext`]: true,
-    });
-    const classesTextInner = classNames({
-        [`${b('')}-text__inner`]: true,
-    });
-    const stylesOuter = {
-        height: `${strokeWidth}px`,
-        // eslint-disable-next-line no-nested-ternary
-        background: `${fillColor}`,
-    };
-    const stylesInner = {
-        width: `${percentage}%`,
-        // eslint-disable-next-line no-nested-ternary
-        background: `${strokeColor}`,
-    };
-    const stylesInsideText = {
-        width: `${textWidth}px`,
-        left: `${percentage}%`,
-        background: textBackground || strokeColor,
-    };
-    const stylesInsideIcon = {
-        width: `${textWidth}px`,
-        left: `${percentage}%`,
-    };
-    const stylesText = {
-        width: `${textWidth}px`,
-    };
-    return (React__default.createElement("div", { className: `${classes} ${className}`, style: style, ...rest },
-        React__default.createElement("div", { className: classesOuter, style: stylesOuter },
-            React__default.createElement("div", { className: classesInner, style: stylesInner }, showText && textInside && (React__default.createElement(React__default.Fragment, null, children ? (React__default.createElement("div", { className: classesInsideText, style: stylesInsideIcon }, children)) : (React__default.createElement("div", { className: classesInsideText, style: stylesInsideText },
-                React__default.createElement("span", { className: classesTextInner, style: { color: textColor } },
-                    percentage,
-                    isShowPercentage ? '%' : ''))))))),
-        showText && !textInside && (React__default.createElement("div", { className: classesText, style: stylesText },
-            textType === 'text' && (React__default.createElement("span", { className: classesTextInner, style: { color: textColor } },
-                percentage,
-                isShowPercentage ? '%' : '')),
-            textType === 'icon' && (React__default.createElement(React__default.Fragment, null, icon || React__default.createElement(Checked, { width: 16, height: 16, color: "#439422" })))))));
-};
-Progress.defaultProps = defaultProps;
-Progress.displayName = 'NutProgress';
-
-export { Progress as P };