@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/swiperitem-86a3578a.js

@@ -1,37 +1,29 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useContext } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-b4181162.js';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  direction: 'horizontal'
+
+const defaultProps = {
+    direction: 'horizontal',
 };
-var SwiperItem = React__default.forwardRef(function (props, ref) {
-  var _props = _objectSpread(_objectSpread({}, defaultProps), props);
-  var className = _props.className,
-    style = _props.style,
-    children = _props.children,
-    direction = _props.direction,
-    size = _props.size;
-  var parent = useContext(DataContext);
-  var b = cn('swiper-item');
-  var classes = classNames(b(''), className);
-  var getStyle = function getStyle() {
-    var style = {};
-    var _direction = (parent === null || parent === void 0 ? void 0 : parent.propSwiper.direction) || direction;
-    var _size = (parent === null || parent === void 0 ? void 0 : parent.size) || size;
-    if (_size) {
-      style[_direction === 'horizontal' ? 'width' : 'height'] = "".concat(_size, "px");
-    }
-    return style;
-  };
-  return React__default.createElement("div", {
-    className: classes,
-    style: _objectSpread(_objectSpread({}, style), getStyle())
-  }, children);
+const SwiperItem = React__default.forwardRef((props, ref) => {
+    const _props = { ...defaultProps, ...props };
+    const { className, style, children, direction, size } = _props;
+    const parent = useContext(DataContext);
+    const b = cn('swiper-item');
+    const classes = classNames(b(''), className);
+    const getStyle = () => {
+        const style = {};
+        const _direction = parent?.propSwiper.direction || direction;
+        const _size = parent?.size || size;
+        if (_size) {
+            style[_direction === 'horizontal' ? 'width' : 'height'] = `${_size}px`;
+        }
+        return style;
+    };
+    return (React__default.createElement("div", { className: classes, style: { ...style, ...getStyle() } }, children));
 });
 SwiperItem.defaultProps = defaultProps;
 SwiperItem.displayName = 'NutSwiperItem';
+
 export { SwiperItem as S };

package/dist/esm/switch.taro-bae2dca0.js

@@ -1,71 +1,50 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  isAsync: false,
-  checked: false,
-  disable: false,
-  activeColor: '',
-  inactiveColor: '',
-  activeText: '',
-  inactiveText: '',
-  className: ''
+
+const defaultProps = {
+    isAsync: false,
+    checked: false,
+    disable: false,
+    activeColor: '',
+    inactiveColor: '',
+    activeText: '',
+    inactiveText: '',
+    className: '',
 };
-var Switch = function Switch(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    isAsync = _defaultProps$props.isAsync,
-    checked = _defaultProps$props.checked,
-    disable = _defaultProps$props.disable,
-    activeColor = _defaultProps$props.activeColor,
-    inactiveColor = _defaultProps$props.inactiveColor,
-    activeText = _defaultProps$props.activeText,
-    inactiveText = _defaultProps$props.inactiveText,
-    onChange = _defaultProps$props.onChange,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var b = cn('switch');
-  useEffect(function () {
-    setValue(checked);
-  }, [checked]);
-  var classes = function classes() {
-    return "".concat(b(), " ").concat(value ? 'switch-open' : 'switch-close', " ").concat(disable ? "".concat(b(), "-disable") : '', " ", "".concat(b(), "-base"), " ").concat(className);
-  };
-  var styles = function styles() {
-    var myStyle = _objectSpread({
-      backgroundColor: value ? activeColor : inactiveColor
-    }, style || {});
-    return myStyle;
-  };
-  var _onClick = function onClick(event) {
-    if (disable) return;
-    if (!isAsync) {
-      setValue(!value);
-    }
-    onChange && onChange(!value, event);
-  };
-  return React__default.createElement("div", {
-    className: classes(),
-    onClick: function onClick(e) {
-      return _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: "".concat(b('label'), " open")
-  }, activeText) : React__default.createElement("div", {
-    className: "".concat(b('label'), " close")
-  }, inactiveText))));
+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/tabbar.taro-86cece39.js

@@ -1,64 +1,54 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useState } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  visible: 0,
-  bottom: false,
-  size: 20,
-  unactiveColor: '',
-  activeColor: '',
-  safeAreaInsetBottom: false,
-  className: '',
-  style: {},
-  tabSwitch: function tabSwitch() {},
-  onSwitch: function onSwitch() {}
+
+const defaultProps = {
+    visible: 0,
+    bottom: false,
+    size: 20,
+    unactiveColor: '',
+    activeColor: '',
+    safeAreaInsetBottom: false,
+    className: '',
+    style: {},
+    tabSwitch: () => { },
+    onSwitch: () => { },
 };
-var Tabbar = function Tabbar(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    visible = _defaultProps$props.visible,
-    bottom = _defaultProps$props.bottom,
-    size = _defaultProps$props.size,
-    activeColor = _defaultProps$props.activeColor,
-    unactiveColor = _defaultProps$props.unactiveColor,
-    safeAreaInsetBottom = _defaultProps$props.safeAreaInsetBottom,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    tabSwitch = _defaultProps$props.tabSwitch,
-    onSwitch = _defaultProps$props.onSwitch;
-  var b = cn('tabbar');
-  var _useState = useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectIndex = _useState2[0],
-    setSelectIndex = _useState2[1];
-  var _handleClick = function handleClick(idx) {
-    setSelectIndex(idx);
-  };
-  return React__default.createElement("div", {
-    className: ["".concat(b()), bottom ? "".concat(b('bottom')) : '', safeAreaInsetBottom ? "".concat(b('safebottom')) : '', className].join(' '),
-    style: style
-  }, React__default.Children.map(children, function (child, idx) {
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      active: idx === selectIndex,
-      index: idx,
-      unactiveColor: unactiveColor,
-      activeColor: activeColor,
-      size: size,
-      handleClick: function handleClick() {
-        _handleClick(idx);
-        tabSwitch(child, idx);
-        onSwitch(child, idx);
-      }
-    });
-    return React__default.cloneElement(child, childProps);
-  }));
+const Tabbar = (props) => {
+    const { children, visible, bottom, size, activeColor, unactiveColor, safeAreaInsetBottom, className, style, tabSwitch, onSwitch, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabbar');
+    const [selectIndex, setSelectIndex] = useState(visible);
+    const handleClick = (idx) => {
+        setSelectIndex(idx);
+    };
+    return (React__default.createElement("div", { className: [
+            `${b()}`,
+            bottom ? `${b('bottom')}` : '',
+            safeAreaInsetBottom ? `${b('safebottom')}` : '',
+            className,
+        ].join(' '), style: style }, React__default.Children.map(children, (child, idx) => {
+        if (!React__default.isValidElement(child)) {
+            return null;
+        }
+        const childProps = {
+            ...child.props,
+            active: idx === selectIndex,
+            index: idx,
+            unactiveColor,
+            activeColor,
+            size,
+            handleClick: () => {
+                handleClick(idx);
+                tabSwitch(child, idx);
+                onSwitch(child, idx);
+            },
+        };
+        return React__default.cloneElement(child, childProps);
+    })));
 };
 Tabbar.defaultProps = defaultProps;
 Tabbar.displayName = 'NutTabbar';
+
 export { Tabbar as T };

package/dist/esm/tabbaritem.taro-8dfb8055.js

@@ -1,86 +1,58 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useEffect } from 'react';
 import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  dot: false,
-  size: '',
-  className: '',
-  tabTitle: '',
-  icon: '',
-  href: '',
-  to: '',
-  num: '',
-  active: false,
-  activeColor: '',
-  unactiveColor: '',
-  index: 0,
-  handleClick: function handleClick(idx) {}
-});
-var TabbarItem = function TabbarItem(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    dot = _defaultProps$props.dot,
-    size = _defaultProps$props.size,
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    tabTitle = _defaultProps$props.tabTitle,
-    icon = _defaultProps$props.icon,
-    href = _defaultProps$props.href,
-    to = _defaultProps$props.to,
-    num = _defaultProps$props.num,
-    active = _defaultProps$props.active,
-    activeColor = _defaultProps$props.activeColor,
-    unactiveColor = _defaultProps$props.unactiveColor,
-    index = _defaultProps$props.index,
-    handleClick = _defaultProps$props.handleClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var b = cn('tabbar-item');
-  var bIcon = cn('tabbar-item__icon-box');
-  useEffect(function () {
-    if (active && href) {
-      window.location.href = href;
-      return;
-    }
-    if (active && to) {
-      Taro.navigateTo({
-        url: to
-      });
-    }
-  }, [active, href, to]);
-  return React__default.createElement("div", {
-    className: "".concat(b({
-      active: active
-    }), " ").concat(className),
-    style: _objectSpread(_objectSpread({}, style), {}, {
-      color: active ? activeColor : unactiveColor
-    }),
-    onClick: function onClick() {
-      handleClick(index);
-    }
-  }, React__default.createElement("div", {
-    className: "".concat(bIcon())
-  }, !dot ? React__default.createElement(React__default.Fragment, null, num && num <= 99 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('num')]))
-  }, num), num && num >= 100 && React__default.createElement("div", {
-    className: "".concat(bIcon('tips', [bIcon('nums')]))
-  }, "99+")) : React__default.createElement("div", {
-    className: "".concat(bIcon('dot'))
-  }), icon && React__default.createElement("div", null, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    size: size,
-    name: icon
-  })), React__default.createElement("div", {
-    className: bIcon({
-      'nav-word': true
-    }, [bIcon({
-      'big-word': !icon
-    })])
-  }, tabTitle)));
+
+const defaultProps = {
+    ...ComponentDefaults,
+    dot: false,
+    size: '',
+    className: '',
+    tabTitle: '',
+    icon: '',
+    href: '',
+    to: '',
+    num: '',
+    active: false,
+    activeColor: '',
+    unactiveColor: '',
+    index: 0,
+    handleClick: (idx) => { },
 };
+const TabbarItem = (props) => {
+    const { dot, size, className, style, tabTitle, icon, href, to, num, active, activeColor, unactiveColor, index, handleClick, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabbar-item');
+    const bIcon = cn('tabbar-item__icon-box');
+    useEffect(() => {
+        if (active && href) {
+            window.location.href = href;
+            return;
+        }
+        if (active && to) {
+            Taro.navigateTo({
+                url: to,
+            });
+        }
+    }, [active, href, to]);
+    return (React__default.createElement("div", { className: `${b({ active })} ${className}`, style: {
+            ...style,
+            color: active ? activeColor : unactiveColor,
+        }, onClick: () => {
+            handleClick(index);
+        } },
+        React__default.createElement("div", { className: `${bIcon()}` },
+            !dot ? (React__default.createElement(React__default.Fragment, null,
+                num && num <= 99 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('num')])}` }, num)),
+                num && num >= 100 && (React__default.createElement("div", { className: `${bIcon('tips', [bIcon('nums')])}` }, "99+")))) : (React__default.createElement("div", { className: `${bIcon('dot')}` })),
+            icon && (React__default.createElement("div", null,
+                React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, size: size, name: icon }))),
+            React__default.createElement("div", { className: bIcon({ 'nav-word': true }, [
+                    bIcon({ 'big-word': !icon }),
+                ]) }, tabTitle))));
+};
+
 export { TabbarItem as T };

package/dist/esm/table.taro-cb4dd2c3.js

@@ -0,0 +1,92 @@
+import React__default, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    className: '',
+    style: {},
+    columns: [],
+    data: [],
+    bordered: true,
+    striped: false,
+    noData: '无数据',
+};
+const Table = (props) => {
+    const { locale } = useConfig();
+    defaultProps.noData = locale.noData;
+    const { children, className, style, columns, data, bordered, summary, striped, noData, onSorter, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [curData, setCurData] = useState(data);
+    useEffect(() => {
+        if (data && String(data) !== String(curData)) {
+            setCurData(data);
+        }
+    }, [data]);
+    const b = cn('table');
+    const classes = classNames({});
+    const cls = classNames(b(), classes, className);
+    const handleSorterClick = (item) => {
+        if (item.sorter) {
+            onSorter && onSorter(item, curData);
+            if (typeof item.sorter === 'function') {
+                setCurData(curData.sort(item.sorter));
+            }
+            else {
+                setCurData(item.sorter === 'default' ? curData.sort() : curData);
+            }
+        }
+    };
+    const cellClasses = (item) => {
+        return {
+            'nut-table__main__head__tr--border': props.bordered,
+            [`nut-table__main__head__tr--align${item.align ? item.align : ''}`]: true,
+        };
+    };
+    const getColumnItem = (value) => {
+        return columns.filter((item) => item.key === value)[0];
+    };
+    const renderHeadCells = () => {
+        return columns.map((item, index) => {
+            return (React__default.createElement("span", { className: classNames('nut-table__main__head__tr__th', cellClasses(item)), key: item.key, onClick: () => handleSorterClick(item) },
+                item.title,
+                item.sorter && (React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, name: "down-arrow", size: "12px" }))));
+        });
+    };
+    const sortDataItem = () => {
+        return columns.map((columns) => {
+            return [columns.key, columns.render];
+        });
+    };
+    const renderBodyTds = (item) => {
+        return sortDataItem().map(([value, render], index) => {
+            return (React__default.createElement("span", { className: classNames('nut-table__main__body__tr__td', cellClasses(getColumnItem(value))), key: value }, typeof item[value] === 'function' || typeof render === 'function' ? (React__default.createElement("div", null, render ? render(item) : item[value](item))) : (item[value])));
+        });
+    };
+    const renderBoyTrs = () => {
+        return curData.map((item, index) => {
+            return (React__default.createElement("div", { className: "nut-table__main__body__tr", key: index }, renderBodyTds(item)));
+        });
+    };
+    return (React__default.createElement("div", { className: cls, style: style, ...rest },
+        React__default.createElement("div", { className: classNames('nut-table__main', {
+                'nut-table__main--striped': striped,
+            }) },
+            React__default.createElement("div", { className: "nut-table__main__head" },
+                React__default.createElement("div", { className: "nut-table__main__head__tr" }, renderHeadCells())),
+            React__default.createElement("div", { className: "nut-table__main__body" }, renderBoyTrs())),
+        summary && (React__default.createElement("div", { className: "nut-table__summary" },
+            React__default.createElement("span", { className: "nut-table__summary__text" }, summary))),
+        curData.length === 0 && (React__default.createElement("div", { className: "nut-table__nodata" },
+            React__default.createElement("div", { className: "nut-table__nodata" },
+                React__default.createElement("div", { className: "nut-table__nodata__text" }, noData))))));
+};
+Table.defaultProps = defaultProps;
+Table.displayName = 'NutTable';
+
+export { Table as T };

package/dist/esm/tabpane.taro-91cd6cf4.js

@@ -1,28 +1,23 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  title: '',
-  paneKey: '',
-  activeKey: '',
-  disabled: false
+
+const defaultProps = {
+    title: '',
+    paneKey: '',
+    activeKey: '',
+    disabled: false,
 };
-var TabPane = function TabPane(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    paneKey = _defaultProps$props.paneKey,
-    activeKey = _defaultProps$props.activeKey,
-    autoHeightClassName = _defaultProps$props.autoHeightClassName,
-    className = _defaultProps$props.className;
-  var b = cn('tabpane');
-  var classes = classNames({
-    active: paneKey === activeKey
-  }, b(''), autoHeightClassName, className);
-  return React__default.createElement("div", {
-    className: classes
-  }, children);
+const TabPane = (props) => {
+    const { children, paneKey, activeKey, autoHeightClassName, className } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('tabpane');
+    const classes = classNames({
+        active: paneKey === activeKey,
+    }, b(''), autoHeightClassName, className);
+    return React__default.createElement("div", { className: classes }, children);
 };
+
 export { TabPane as T };