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

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