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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "2.0.0-alpha.1",
+  "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/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 };

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