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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@babel/runtime": "^7.21.0",
     "@bem-react/classname": "^1.6.0",
-    "@nutui/icons-react-taro": "0.0.1-beta.7",
+    "@nutui/icons-react-taro": "0.0.1-beta.8",
     "@react-spring/web": "~9.6.1",
     "@use-gesture/react": "10.2.20",
     "async-validator": "^4.2.5",

package/dist/esm/card.taro-5e9b34c8.js

@@ -1,33 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { P as Price } from './price.taro-776ed16e.js';
-import { T as Tag } from './tag.taro-0c2567de.js';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {};
-const Card = (props) => {
-    const { className, style, imgUrl, title, price, vipPrice, shopDesc, delivery, shopName, shopTagTpl, originTpl, prolistTpl, footerTpl, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('card');
-    return (React__default.createElement("div", { className: classNames(b(), className), style: style, ...rest },
-        React__default.createElement("div", { className: b('left') },
-            React__default.createElement("img", { src: imgUrl, alt: "" })),
-        React__default.createElement("div", { className: b('right') },
-            React__default.createElement("div", { className: b('right__title') }, title),
-            prolistTpl,
-            React__default.createElement("div", { className: b('right__price') },
-                React__default.createElement(Price, { price: price }),
-                originTpl || (React__default.createElement(Price, { className: b('right__price__origin'), price: vipPrice }))),
-            React__default.createElement("div", { className: b('right__other') }, shopTagTpl || (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Tag, { type: "danger" }, shopDesc),
-                React__default.createElement(Tag, { plain: true }, delivery)))),
-            React__default.createElement("div", { className: b('right__shop') },
-                React__default.createElement("div", { className: b('right__shop__name') }, shopName),
-                footerTpl))));
-};
-Card.defaultProps = defaultProps;
-Card.displayName = 'NutCard';
-
-export { Card as C };

package/dist/esm/dialog.taro-00ac41fd.js

@@ -1,118 +0,0 @@
-import * as React from 'react';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { B as Button } from './button.taro-a1c9512f.js';
-import { View } from '@tarojs/components';
-import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-
-const Content = (props) => {
-    const { visible, title, footer, textAlign, footerDirection, onClickSelf, children, } = props;
-    let headerNode;
-    if (title) {
-        headerNode = React__default.createElement("div", { className: "nut-dialog__header" }, title);
-    }
-    let footerNode;
-    if (footer) {
-        footerNode = (React__default.createElement("div", { className: classNames('nut-dialog__footer', {
-                [footerDirection]: footerDirection,
-            }) }, footer));
-    }
-    const handleClick = () => {
-        onClickSelf && onClickSelf();
-    };
-    return (React__default.createElement("div", { className: "nut-dialog__outer", onClick: handleClick },
-        React__default.createElement("div", { className: "nut-dialog", style: { display: visible ? 'flex' : 'none' } },
-            headerNode,
-            React__default.createElement("div", { className: "nut-dialog__content", style: { textAlign } },
-                React__default.createElement("div", null, children)),
-            footerNode)));
-};
-Content.displayName = 'NutContent';
-
-function Mask(props) {
-    return React.createElement("div", { className: "nut-dialog__mask" });
-}
-
-const DialogWrap = (props) => {
-    const { className, style, visible, mask, closeOnClickOverlay, lockScroll, onClosed, onCancel, } = props;
-    const handleClick = (e) => {
-        if (closeOnClickOverlay && visible && e.target === e.currentTarget) {
-            onClosed?.();
-            onCancel?.();
-            lockScroll && document.body.classList.remove('nut-overflow-hidden');
-        }
-    };
-    const wrapStyle = {
-        ...style,
-        display: visible ? 'block' : 'none',
-    };
-    if (lockScroll && visible) {
-        document.body.classList.add('nut-overflow-hidden');
-    }
-    return (React__default.createElement(React__default.Fragment, null,
-        mask ? (React__default.createElement(CSSTransition, { in: visible, timeout: 300, classNames: "fadeDialog", unmountOnExit: true, appear: true },
-            React__default.createElement(Mask, null))) : null,
-        React__default.createElement("div", { className: classNames('nut-dialog__wrap', className), onClick: handleClick, style: wrapStyle },
-            React__default.createElement(Content, { ...props, visible: visible }))));
-};
-DialogWrap.displayName = 'NutDialogWrap';
-
-const DialogWrapper = (props) => {
-    const { visible, lockScroll } = props;
-    return (React__default.createElement(View, { style: { display: visible ? 'block' : 'none' }, catchMove: lockScroll },
-        React__default.createElement(DialogWrap, { ...props })));
-};
-DialogWrapper.displayName = 'NutDialogWrapper';
-
-const defaultProps = {
-    confirmText: '',
-    cancelText: '',
-    mask: true,
-    closeOnClickOverlay: true,
-    noFooter: false,
-    noOkBtn: false,
-    noCancelBtn: false,
-    okBtnDisabled: false,
-    cancelAutoClose: true,
-    textAlign: 'center',
-    footerDirection: 'horizontal',
-    lockScroll: false,
-};
-const BaseDialog = forwardRef((props, ref) => {
-    const { locale } = useConfig();
-    const { visible, footer, noOkBtn, noCancelBtn, lockScroll, okBtnDisabled, cancelAutoClose, confirmText, cancelText, onClosed, onCancel, onOk, ...restProps } = props;
-    const renderFooter = function () {
-        if (footer === null)
-            return '';
-        const handleCancel = function (e) {
-            e.stopPropagation();
-            if (!cancelAutoClose)
-                return;
-            onClosed?.();
-            onCancel?.();
-            if (lockScroll && visible) {
-                document.body.classList.remove('nut-overflow-hidden');
-            }
-        };
-        const handleOk = function (e) {
-            e.stopPropagation();
-            onClosed?.();
-            onOk?.(e);
-            if (lockScroll && visible) {
-                document.body.classList.remove('nut-overflow-hidden');
-            }
-        };
-        const footerContent = footer || (React__default.createElement(React__default.Fragment, null,
-            !noCancelBtn && (React__default.createElement(Button, { size: "small", plain: true, type: "primary", className: "nut-dialog__footer-cancel", onClick: (e) => handleCancel(e) }, cancelText || locale.cancel)),
-            !noOkBtn && (React__default.createElement(Button, { size: "small", type: "primary", className: classNames('nut-dialog__footer-ok', {
-                    disabled: okBtnDisabled,
-                }), disabled: okBtnDisabled, onClick: (e) => handleOk(e) }, confirmText || locale.confirm))));
-        return footerContent;
-    };
-    return (React__default.createElement(DialogWrapper, { ...restProps, visible: visible, lockScroll: lockScroll, footer: renderFooter(), onClosed: onClosed, onCancel: onCancel }));
-});
-BaseDialog.defaultProps = defaultProps;
-BaseDialog.displayName = 'NutDialog';
-
-export { BaseDialog as B };

package/dist/esm/fixednav.taro-39fbd47a.js

@@ -1,54 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { Left } from '@nutui/icons-react-taro';
-import { O as Overlay } from './overlay.taro-ad0d4775.js';
-import { u as useConfig } from './configprovider.taro-c8c54556.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-
-const defaultProps = {
-    ...ComponentDefaults,
-    activeText: '',
-    inactiveText: '',
-    type: 'right',
-    position: {
-        top: 'auto',
-        bottom: 'auto',
-    },
-};
-const FixedNav = (props) => {
-    const { locale } = useConfig();
-    const { className, overlay, visible, list, activeText, inactiveText, position, onChange, onSelect, type, children, style, content, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const classPrefix = 'nut-fixednav';
-    const classes = classNames({
-        active: visible,
-    }, type, className, classPrefix);
-    const handleClick = (item, event) => {
-        onSelect(event, item);
-    };
-    const onUpdateValue = (value = !visible) => {
-        onChange(value);
-    };
-    return (React__default.createElement("div", { className: classes, style: {
-            ...position,
-            ...style,
-        }, ...rest },
-        overlay && (React__default.createElement(Overlay, { visible: visible, zIndex: 200, onClick: () => onUpdateValue(false) })),
-        React__default.createElement("div", { className: "list" }, children || (React__default.createElement("div", { className: `${classPrefix}__list` }, list.map((item, index) => {
-            return (React__default.createElement("div", { className: `${classPrefix}__list-item`, onClick: (event) => handleClick(item, event), key: item.id || index },
-                React__default.createElement("img", { src: item.icon, alt: "" }),
-                React__default.createElement("div", { className: `${classPrefix}__list-text` }, item.text),
-                item.num && React__default.createElement("div", { className: "b" }, item.num)));
-        })))),
-        React__default.createElement("div", { className: `${classPrefix}__btn`, onClick: () => onUpdateValue() }, content || (React__default.createElement(React__default.Fragment, null,
-            React__default.createElement(Left, { color: "#fff" }),
-            React__default.createElement("div", { className: "text" }, visible
-                ? activeText || locale.fixednav.activeText
-                : inactiveText || locale.fixednav.inactiveText))))));
-};
-FixedNav.defaultProps = defaultProps;
-FixedNav.displayName = 'NutFixedNav';
-
-export { FixedNav as F };

package/dist/esm/sidenavbar.taro-d5c5b331.js

@@ -1,33 +0,0 @@
-import React__default, { useState } from 'react';
-import { P as Popup } from './popup.taro-020bf791.js';
-import { O as OffsetContext } from './offsetContext-c2a746fa.js';
-
-const defaultProps = {
-    showhead: false,
-    position: 'left',
-    width: '80%',
-};
-const SideNavBar = (props) => {
-    const { title, visible, width, position, children, className, showhead, onClose, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const offset = props.offset ? Number(props.offset) : 20;
-    const [sidenavbarShow, setSidenavbarShow] = useState(true);
-    const handleClick = () => {
-        setSidenavbarShow(!sidenavbarShow);
-    };
-    return (React__default.createElement(Popup, { visible: visible, style: { width, height: '100%' }, position: position, onClose: onClose },
-        React__default.createElement("div", { className: className ? `${className} nut-sidenavbar` : 'nut-sidenavbar', ...rest },
-            React__default.createElement("div", { className: "nut-sidenavbar__content" },
-                React__default.createElement("div", { className: `nut-sidenavbar__list ${sidenavbarShow ? 'nutShow' : 'nutHide'}`, onClick: handleClick },
-                    React__default.createElement("div", { className: "nut-sidenavbar__title border-bt ", style: { paddingLeft: `${offset}px` } },
-                        title,
-                        React__default.createElement("i", { className: `arrow-icon ${sidenavbarShow ? 'arrow-up' : 'arrow-down'}` })),
-                    React__default.createElement(OffsetContext.Provider, { value: offset },
-                        React__default.createElement("div", { className: "nut-sidenavbar__content" }, children)))))));
-};
-SideNavBar.defaultProps = defaultProps;
-SideNavBar.displayName = 'NutSideNavBar';
-
-export { SideNavBar as S };

package/dist/esm/switch.taro-34ca8228.js

@@ -1,50 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    isAsync: false,
-    checked: false,
-    disable: false,
-    activeColor: '',
-    inactiveColor: '',
-    activeText: '',
-    inactiveText: '',
-    className: '',
-};
-const Switch = (props) => {
-    const { isAsync, checked, disable, activeColor, inactiveColor, activeText, inactiveText, onChange, className, style, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [value, setValue] = useState(false);
-    const b = cn('switch');
-    useEffect(() => {
-        setValue(checked);
-    }, [checked]);
-    const classes = () => {
-        return `${b()} ${value ? 'switch-open' : 'switch-close'} ${disable ? `${b()}-disable` : ''} ${`${b()}-base`} ${className}`;
-    };
-    const styles = () => {
-        const myStyle = {
-            backgroundColor: value ? activeColor : inactiveColor,
-            ...(style || {}),
-        };
-        return myStyle;
-    };
-    const onClick = (event) => {
-        if (disable)
-            return;
-        if (!isAsync) {
-            setValue(!value);
-        }
-        onChange && onChange(!value, event);
-    };
-    return (React__default.createElement("div", { className: classes(), onClick: (e) => onClick(e), style: styles() },
-        React__default.createElement("div", { className: "switch-button" },
-            !value && React__default.createElement("div", { className: "close-line" }),
-            activeText && (React__default.createElement(React__default.Fragment, null, value ? (React__default.createElement("div", { className: `${b('label')} open` }, activeText)) : (React__default.createElement("div", { className: `${b('label')} close` }, inactiveText)))))));
-};
-Switch.defaultProps = defaultProps;
-Switch.displayName = 'NutSwitch';
-
-export { Switch as S };

package/dist/esm/tabpane.taro-4ca340ef.js

@@ -1,23 +0,0 @@
-import React__default from 'react';
-import classNames from 'classnames';
-import { c as cn } from './bem-350c1702.js';
-
-const defaultProps = {
-    title: '',
-    paneKey: '',
-    activeKey: '',
-    disabled: false,
-};
-const TabPane = (props) => {
-    const { children, paneKey, activeKey, autoHeightClassName, className, disabled, } = {
-        ...defaultProps,
-        ...props,
-    };
-    const b = cn('tabpane');
-    const classes = classNames({
-        active: !disabled && paneKey === activeKey,
-    }, b(''), autoHeightClassName, className);
-    return React__default.createElement("div", { className: classes }, !disabled && children);
-};
-
-export { TabPane as T };

package/dist/esm/tabs.taro-be8cacb5.js

@@ -1,140 +0,0 @@
-import React__default, { useState, useRef, useEffect } from 'react';
-import classNames from 'classnames';
-import { JoySmile } from '@nutui/icons-react-taro';
-import { c as cn } from './bem-350c1702.js';
-import { C as ComponentDefaults } from './typings-d8491423.js';
-import { T as TabPane } from './tabpane.taro-4ca340ef.js';
-
-class Title {
-    title = '';
-    paneKey = '';
-    disabled = false;
-    index = 0;
-    // eslint-disable-next-line no-useless-constructor
-    constructor() { }
-}
-const defaultProps = {
-    ...ComponentDefaults,
-    tabStyle: {},
-    value: 0,
-    color: '',
-    background: '',
-    direction: 'horizontal',
-    type: 'line',
-    titleScroll: false,
-    ellipsis: true,
-    animatedTime: 300,
-    titleGutter: 0,
-    size: 'normal',
-    leftAlign: false,
-    autoHeight: false,
-};
-const pxCheck = (value) => {
-    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-};
-const Tabs = (props) => {
-    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, leftAlign, titleNode, children, onClick, onChange, className, autoHeight, ...rest } = {
-        ...defaultProps,
-        ...props,
-    };
-    const [currentItem, setCurrentItem] = useState({ index: 0 });
-    const titles = useRef([]);
-    useEffect(() => {
-        let currentIndex = 0;
-        titles.current = [];
-        // eslint-disable-next-line consistent-return
-        React__default.Children.forEach(children, (child, idx) => {
-            if (!React__default.isValidElement(child)) {
-                return null;
-            }
-            const title = new Title();
-            const childProps = child?.props;
-            if (childProps?.title || childProps?.paneKey) {
-                title.title = childProps?.title;
-                title.paneKey = getPaneKey(childProps?.paneKey, idx);
-                title.disabled = childProps?.disabled;
-                title.index = idx;
-                if (title.paneKey === value) {
-                    currentIndex = idx;
-                }
-            }
-            titles.current.push(title);
-        });
-        setCurrentItem(titles.current[currentIndex]);
-    }, [children]);
-    const b = cn('tabs');
-    const classes = classNames(direction, b(''), className);
-    const classesTitle = classNames({
-        [type]: type,
-        scrollable: titleScroll,
-        [size]: size,
-    }, `${b('')}__titles`);
-    const titleStyle = {
-        marginLeft: pxCheck(titleGutter),
-        marginRight: pxCheck(titleGutter),
-    };
-    const tabsActiveStyle = {
-        color: type === 'smile' ? color : '',
-        background: type === 'line' ? color : '',
-    };
-    const index = titles.current.findIndex((t) => t.paneKey === value);
-    const contentStyle = {
-        transform: direction === 'horizontal'
-            ? `translate3d(-${index * 100}%, 0, 0)`
-            : `translate3d( 0,-${index * 100}%, 0)`,
-        transitionDuration: `${animatedTime}ms`,
-    };
-    const getPaneKey = (paneKey, index) => {
-        return typeof paneKey === 'string' ? paneKey : String(paneKey || index);
-    };
-    const tabChange = (item, index) => {
-        onClick && onClick(item);
-        if (item.disabled) {
-            return;
-        }
-        setCurrentItem(item);
-        onChange && onChange(item);
-    };
-    return (React__default.createElement("div", { className: classes, ...rest },
-        React__default.createElement("div", { className: classesTitle, style: { ...tabStyle, background } }, !!titleNode && typeof titleNode === 'function'
-            ? titleNode()
-            : titles.current.map((item, index) => {
-                return (React__default.createElement("div", { style: titleStyle, onClick: (e) => tabChange(item), className: classNames({
-                        active: !item.disabled &&
-                            String(item.paneKey) === String(value),
-                        disabled: item.disabled,
-                        'nut-tabs__titles-item-left-align': leftAlign,
-                    }, `${b('')}__titles-item`), key: item.paneKey },
-                    type === 'line' && (React__default.createElement("div", { className: `${b('')}__titles-item__line`, style: tabsActiveStyle })),
-                    type === 'smile' && (React__default.createElement("div", { className: `${b('')}__titles-item__smile`, style: tabsActiveStyle },
-                        React__default.createElement(JoySmile, { color: color }))),
-                    React__default.createElement("div", { className: classNames({
-                            ellipsis: ellipsis &&
-                                !titleScroll &&
-                                direction === 'horizontal',
-                        }, `${b('')}__titles-item__text`) }, item.title)));
-            })),
-        React__default.createElement("div", { className: `${b('')}__content__wrap` },
-            React__default.createElement("div", { className: `${b('')}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
-                if (!React__default.isValidElement(child)) {
-                    return null;
-                }
-                let childProps = {
-                    ...child.props,
-                    activeKey: value,
-                };
-                if (String(value) !== getPaneKey(child.props?.paneKey, idx) &&
-                    autoHeight) {
-                    childProps = {
-                        ...childProps,
-                        autoHeightClassName: 'inactive',
-                    };
-                }
-                return React__default.cloneElement(child, childProps);
-            })))));
-};
-Tabs.defaultProps = defaultProps;
-Tabs.displayName = 'NutTabs';
-Tabs.TabPane = TabPane;
-
-export { Tabs as T };