@nutui/nutui-react 1.2.3-beta.4 → 1.3.1-beta.0

package/dist/esm/Popover.js

@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _typeof from "@babel/runtime/helpers/typeof";
-var _excluded = ["children", "list", "theme", "location", "visible", "className", "style", "onClick"];
+var _excluded = ["children", "list", "theme", "location", "visible", "offset", "className", "style", "onClick", "onChoose"];
 
 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; }
 
@@ -18,8 +18,9 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React__default, { useRef, useState, useEffect } from 'react';
-import ReactDOM__default from 'react-dom';
 import Icon from './Icon.js';
+import Overlay from './Overlay.js';
+import { g as getRect } from './useClientRect-839d18c5.js';
 /**
  * 过滤ref
  */
@@ -101,30 +102,15 @@ var Trigger = /*#__PURE__*/function (_React__default$Compo) {
   return Trigger;
 }(React__default.Component);
 
-function findDOMNode(node) {
-  if (node instanceof HTMLElement) {
-    return node;
-  } // eslint-disable-next-line react/no-find-dom-node
-
-
-  return ReactDOM__default.findDOMNode(node);
-}
-
-var getEleAttr = function getEleAttr(ele) {
-  if (ele && ele.getBoundingClientRect) {
-    return ele.getBoundingClientRect();
-  }
-
-  return null;
-};
-
 var defaultProps = {
   list: [],
   theme: 'light',
   location: 'bottom',
   visible: false,
+  offset: 20,
   className: '',
-  onClick: function onClick(e) {}
+  onClick: function onClick(e) {},
+  onChoose: function onChoose(item, index) {}
 };
 
 var Popover = function Popover(props) {
@@ -134,18 +120,18 @@ var Popover = function Popover(props) {
       theme = _defaultProps$props.theme,
       location = _defaultProps$props.location,
       visible = _defaultProps$props.visible,
+      offset = _defaultProps$props.offset,
       className = _defaultProps$props.className,
       style = _defaultProps$props.style,
       onClick = _defaultProps$props.onClick,
+      onChoose = _defaultProps$props.onChoose,
       reset = _objectWithoutProperties(_defaultProps$props, _excluded);
 
-  var goodItem = useRef(null); // eslint-disable-next-line react/no-find-dom-node
-
-  var aa = goodItem.current && findDOMNode(goodItem.current);
+  var goodItem = useRef(null);
   setTimeout(function () {
-    if (aa) {
-      setElWidth(getEleAttr(aa).width);
-      setElHeight(getEleAttr(aa).height);
+    if (goodItem.current && getRect(goodItem.current)) {
+      setElWidth(getRect(goodItem.current).width);
+      setElHeight(getRect(goodItem.current).height);
     }
   });
 
@@ -181,68 +167,43 @@ var Popover = function Popover(props) {
   }, [list, theme]);
 
   var getStyle = function getStyle() {
+    var offNumer = Number(offset) ? Number(offset) : 0;
     var style = {};
 
-    if (location === 'top') {
-      style.bottom = elHeight + 20;
-      style.left = 0;
-    } else if (location === 'right') {
-      style.top = 0;
-      style.right = -elWidth - 20;
-    } else if (location === 'left') {
-      style.top = 0;
-      style.left = -elWidth - 20;
-    } else {
-      style.top = elHeight + 20;
-      style.left = 0;
-    }
-
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
-    return style;
-  };
-
-  var getArrowStyle = function getArrowStyle() {
-    var style = {};
-
-    if (location === 'top') {
-      style.bottom = -20;
-      style.left = elWidth / 2;
-    } else if (location === 'right') {
-      style.top = 20;
-      style.left = -20;
-    } else if (location === 'left') {
-      style.top = 20;
-      style.right = -20;
+    if (location.includes('top')) {
+      style.bottom = "".concat(elHeight + offNumer, "px");
+    } else if (location.includes('right')) {
+      style.left = "".concat(elWidth + offNumer, "px");
+    } else if (location.includes('left')) {
+      style.right = "".concat(elWidth + offNumer, "px");
     } else {
-      style.left = elWidth / 2;
-      style.top = -20;
+      style.top = "".concat(elHeight + offNumer, "px");
     }
 
-    style.top += 'px';
-    style.left += 'px';
-    style.bottom += 'px';
-    style.right += 'px';
     return style;
   };
 
   var classesSelf = function classesSelf() {
     var prefixCls = 'nut-popover';
-    return "".concat(prefixCls, "\n    ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
+    return "".concat(prefixCls, " ").concat(theme ? "".concat(prefixCls, "--").concat(theme) : '');
   };
 
   var popoverContentSelf = function popoverContentSelf() {
-    var prefixCls = 'popoverContent';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+    var prefixCls = 'popover-content';
+    return "".concat(prefixCls, "-show ").concat(prefixCls, " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
   };
 
-  var popoverArrowSelf = function popoverArrowSelf() {
-    var prefixCls = 'popoverArrow';
-    return "".concat(prefixCls, "\n    ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
-  }; // const showPopup = props.visible
+  var filter = function filter() {
+    var ms = ['top', 'bottom', 'left', 'right'];
+    return ms.filter(function (m) {
+      return location.includes(m);
+    })[0];
+  };
 
+  var popoverArrowSelf = function popoverArrowSelf() {
+    var prefixCls = 'popover-arrow';
+    return "".concat(prefixCls, " ").concat(prefixCls, "-").concat(filter(), " ").concat(location ? "".concat(prefixCls, "--").concat(location) : '');
+  };
 
   var handleClick = function handleClick(e) {
     if (props.onClick) {
@@ -250,7 +211,13 @@ var Popover = function Popover(props) {
     }
   };
 
-  return React__default.createElement("div", _objectSpread({
+  var handleChoose = function handleChoose(item, index) {
+    if (!item.disabled) {
+      onChoose(item, index);
+    }
+  };
+
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread({
     className: "".concat(classes, " ").concat(className),
     style: _objectSpread({}, style)
   }, reset), React__default.createElement(Trigger, {
@@ -263,19 +230,29 @@ var Popover = function Popover(props) {
     className: "".concat(popoverContent),
     style: getStyle()
   }, React__default.createElement("div", {
-    className: "".concat(popoverArrow),
-    style: getArrowStyle()
-  }, ' '), Array.isArray(children) ? children[1] : '', list.map(function (item) {
+    className: "".concat(popoverArrow)
+  }), Array.isArray(children) ? children[1] : '', list.map(function (item, i) {
     return React__default.createElement("div", {
       key: item.name,
-      className: "title-item ".concat(item.disabled ? 'disabled' : '')
+      className: "popover-menu-item ".concat(item.disabled ? 'disabled' : ''),
+      onClick: function onClick() {
+        handleChoose(item, i);
+      }
     }, item.icon ? React__default.createElement(Icon, {
-      className: "item-img",
+      className: "popover-menu-item-img",
       name: item.icon
     }) : '', React__default.createElement("div", {
-      className: "title-name"
+      className: "popover-menu-item-name"
     }, item.name));
-  })) : null)));
+  })) : null))), visible ? React__default.createElement(Overlay, {
+    visible: visible,
+    onClick: function onClick(e) {
+      return handleClick(e);
+    },
+    style: {
+      background: 'transparent'
+    }
+  }) : '');
 };
 
 Popover.defaultProps = defaultProps;

package/dist/esm/Price.js

@@ -30,9 +30,20 @@ var Price = function Price(props) {
 
   var b = cn('price');
 
+  var replaceSpecialChar = function replaceSpecialChar(symbol) {
+    var desSymbol = symbol;
+    desSymbol = symbol.replace(/"/g, '"');
+    desSymbol = symbol.replace(/&/g, '&');
+    desSymbol = symbol.replace(/&lt;/g, '<');
+    desSymbol = symbol.replace(/&gt;/g, '>');
+    desSymbol = symbol.replace(/&nbsp;/g, ' ');
+    desSymbol = symbol.replace(/&yen;/g, '￥');
+    return desSymbol;
+  };
+
   var showSymbol = function showSymbol() {
     return {
-      __html: (needSymbol ? symbol : '') || ''
+      __html: (needSymbol ? replaceSpecialChar(symbol) : '') || ''
     };
   };
 
@@ -41,7 +52,7 @@ var Price = function Price(props) {
   };
 
   var formatThousands = function formatThousands(num) {
-    if (Number(num) == 0) {
+    if (Number(num) === 0) {
       num = 0;
     }
 
@@ -60,7 +71,7 @@ var Price = function Price(props) {
   };
 
   var formatDecimal = function formatDecimal(decimalNum) {
-    if (Number(decimalNum) == 0) {
+    if (Number(decimalNum) === 0) {
       decimalNum = 0;
     }
 

package/dist/esm/Progress.js

@@ -8,7 +8,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default from 'react';
 import classNames from 'classnames';
-import { I as Icon } from './icon-62bd7379.js';
+import { I as Icon } from './icon-8dc4de10.js';
 import { c as cn } from './bem-893ad28d.js';
 import '@bem-react/classname';
 var defaultProps = {

package/dist/esm/Range.js

@@ -7,52 +7,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React__default, { useState, useRef, useEffect, useCallback } from 'react';
 import { u as useTouch } from './useTouch-a2ea68c6.js';
+import { g as getRect } from './useClientRect-839d18c5.js';
 import Toast from './Toast.js';
 import { useConfig } from './ConfigProvider.js';
-/**
-  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
-  width 宽度	number
-  height 高度	number
-  top	顶部与视图窗口左上角的距离	number
-  left	左侧与视图窗口左上角的距离	number
-  right	右侧与视图窗口左上角的距离	number
-  bottom	底部与视图窗口左上角的距离	number
- */
-
-function isWindow(val) {
-  return val === window;
-}
-
-var getRect = function getRect(elementRef) {
-  var element = elementRef;
-
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width: width,
-      height: height
-    };
-  }
-
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-
 var defaultProps = {
   range: false,
   hiddenRange: false,
@@ -80,9 +37,6 @@ var Range = function Range(props) {
       buttonColor = _defaultProps$props.buttonColor,
       hiddenRange = _defaultProps$props.hiddenRange,
       hiddenTag = _defaultProps$props.hiddenTag,
-      min = _defaultProps$props.min,
-      max = _defaultProps$props.max,
-      step = _defaultProps$props.step,
       modelValue = _defaultProps$props.modelValue,
       button = _defaultProps$props.button,
       vertical = _defaultProps$props.vertical,
@@ -91,6 +45,15 @@ var Range = function Range(props) {
       dragStart = _defaultProps$props.dragStart,
       dragEnd = _defaultProps$props.dragEnd;
 
+  var _defaultProps$props2 = _objectSpread(_objectSpread({}, defaultProps), props),
+      min = _defaultProps$props2.min,
+      max = _defaultProps$props2.max,
+      step = _defaultProps$props2.step;
+
+  min = Number(min);
+  max = Number(max);
+  step = Number(step);
+
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       buttonIndex = _useState2[0],
@@ -439,7 +402,7 @@ var Range = function Range(props) {
     return React__default.createElement("div", {
       role: "slider",
       key: index,
-      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n              ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
+      className: "".concat(index === 0 ? 'nut-range-button-wrapper-left' : '', "\n                  ").concat(index === 1 ? 'nut-range-button-wrapper-right' : ''),
       tabIndex: disabled ? -1 : 0,
       "aria-valuemin": +min,
       "aria-valuenow": curValue(index),

package/dist/esm/Swipe/style/index.js

@@ -0,0 +1,2 @@
+
+require('../../../packages/swipe/swipe.scss')

package/dist/esm/Swipe.js

@@ -0,0 +1,265 @@
+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, { forwardRef, useRef, useState, useMemo, useCallback, useImperativeHandle, useEffect } from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useTouch } from './useTouch-a2ea68c6.js';
+import { g as getRect } from './useClientRect-839d18c5.js';
+import '@bem-react/classname';
+
+function preventDefault(event, isStopPropagation) {
+  if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+    event.preventDefault();
+  }
+
+  if (isStopPropagation) {
+    event.stopPropagation();
+  }
+}
+
+var defaultProps = {
+  name: '',
+  leftWidth: 0,
+  rightWidth: 0
+};
+var Swipe = forwardRef(function (props, instanceRef) {
+  var swipeBem = cn('swipe');
+  var touch = useTouch();
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      className = _defaultProps$props.className,
+      style = _defaultProps$props.style;
+
+  var root = useRef();
+  var opened = useRef(false);
+  var lockClick = useRef(false);
+  var startOffset = useRef(0);
+
+  var _useState = useState({
+    offset: 0,
+    dragging: false
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = useState({
+    left: 0,
+    right: 0
+  }),
+      _useState4 = _slicedToArray(_useState3, 2),
+      actionWidth = _useState4[0],
+      setActionWidth = _useState4[1];
+
+  var wrapperStyle = {
+    transform: "translate3d(".concat(state.offset, "px, 0, 0)"),
+    transitionDuration: state.dragging ? '0s' : '.6s'
+  };
+  var leftWidth = useMemo(function () {
+    return props.leftWidth ? props.leftWidth : actionWidth.left;
+  }, [props.leftWidth, actionWidth.left]);
+  var rightWidth = useMemo(function () {
+    return props.rightWidth ? props.rightWidth : actionWidth.right;
+  }, [props.rightWidth, actionWidth.right]);
+
+  var _onTouchStart = function onTouchStart(event) {
+    if (!props.disabled) {
+      startOffset.current = state.offset;
+      touch.start(event);
+    }
+  };
+
+  var _onTouchMove = function onTouchMove(event) {
+    if (props.disabled) {
+      return;
+    }
+
+    touch.move(event);
+
+    if (touch.isHorizontal()) {
+      lockClick.current = true;
+
+      var newState = _objectSpread(_objectSpread({}, state), {}, {
+        dragging: true
+      });
+
+      var isEdge = !opened || touch.deltaX * startOffset.current < 0;
+
+      if (isEdge) {
+        preventDefault(event, true);
+      }
+
+      newState.offset = rangeCalculation(touch.deltaX + startOffset.current, -rightWidth, leftWidth);
+      setState(newState);
+    }
+  };
+
+  var onTouchEnd = function onTouchEnd() {
+    if (state.dragging) {
+      setState(function (v) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          dragging: false
+        });
+      });
+      toggle(state.offset > 0 ? 'left' : 'right');
+      setTimeout(function () {
+        lockClick.current = false;
+      }, 0);
+    }
+  };
+
+  var toggle = function toggle(side) {
+    var offset = Math.abs(state.offset);
+    var base = 0.3;
+    var baseNum = opened ? 1 - base : base;
+    var width = side === 'left' ? leftWidth : rightWidth;
+
+    if (width && offset > Number(width) * baseNum) {
+      open(side);
+    } else {
+      _close(side);
+    }
+  };
+
+  var open = function open(side) {
+    var _props$onOpen;
+
+    opened.current = true;
+    var offset = side === 'left' ? leftWidth : -rightWidth;
+    var name = props.name;
+    (_props$onOpen = props.onOpen) === null || _props$onOpen === void 0 ? void 0 : _props$onOpen.call(props, {
+      name: name,
+      position: side
+    });
+    setState(function (v) {
+      return _objectSpread(_objectSpread({}, v), {}, {
+        offset: Number(offset) || 0
+      });
+    });
+  };
+
+  var _close = function close(position) {
+    if (opened.current) {
+      var _props$onClose;
+
+      opened.current = false;
+      (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props, {
+        name: props.name,
+        position: position || 'left'
+      });
+    }
+
+    setState(function (v) {
+      return _objectSpread(_objectSpread({}, v), {}, {
+        offset: 0
+      });
+    });
+  };
+
+  var rangeCalculation = function rangeCalculation(num, min, max) {
+    return Math.min(Math.max(Number(num), Number(min)), Number(max));
+  };
+
+  var getNodeWidth = function getNodeWidth(node) {
+    if (node) {
+      var ele = getRect(node);
+      return ele.width;
+    }
+
+    return 0;
+  };
+
+  var leftRef = useCallback(function (node) {
+    if (node !== null) {
+      setActionWidth(function (v) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          left: getNodeWidth(node)
+        });
+      });
+    }
+  }, [props.leftAction]);
+  var rightRef = useCallback(function (node) {
+    if (node !== null) {
+      setActionWidth(function (v) {
+        return _objectSpread(_objectSpread({}, v), {}, {
+          right: getNodeWidth(node)
+        });
+      });
+    }
+  }, [props.rightAction]);
+
+  var renderActionContent = function renderActionContent(side, measuredRef) {
+    if (props["".concat(side, "Action")]) {
+      return React__default.createElement("div", {
+        ref: measuredRef,
+        className: "".concat(swipeBem(side)),
+        onClick: function onClick(e) {
+          return handleOperate(e, side);
+        }
+      }, props["".concat(side, "Action")]);
+    }
+
+    return null;
+  };
+
+  var handleOperate = function handleOperate(event, position) {
+    event.stopPropagation();
+
+    if (props.beforeClose) {
+      props.beforeClose(position);
+    } else {
+      props.onActionClick && props.onActionClick(event, position);
+    }
+  };
+
+  useImperativeHandle(instanceRef, function () {
+    return {
+      open: open,
+      close: function close() {
+        return _close();
+      }
+    };
+  });
+  useEffect(function () {
+    var handler = function handler(event) {
+      var targets = [root];
+
+      if (targets.some(function (targetItem) {
+        var targetElement = targetItem.current || targetItem;
+        return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
+      })) {
+        return;
+      }
+
+      _close();
+    };
+
+    document.addEventListener('touchstart', handler);
+    return function () {
+      document.removeEventListener('touchstart', handler);
+    };
+  }, []);
+  return React__default.createElement("div", {
+    ref: root,
+    className: "".concat(swipeBem(), " ").concat(className),
+    onTouchStart: function onTouchStart(e) {
+      return _onTouchStart(e);
+    },
+    onTouchMove: function onTouchMove(e) {
+      return _onTouchMove(e);
+    },
+    onTouchEnd: onTouchEnd,
+    style: style
+  }, React__default.createElement("div", {
+    className: "".concat(swipeBem('wrapper')),
+    style: wrapperStyle
+  }, renderActionContent('left', leftRef), children, renderActionContent('right', rightRef)));
+});
+Swipe.defaultProps = defaultProps;
+Swipe.displayName = 'NutSwipe';
+export { Swipe as default };

package/dist/esm/Swiper.js

@@ -12,6 +12,7 @@ import React__default, { useRef, useState, useMemo, useEffect } from 'react';
 import classNames from 'classnames';
 import { D as DataContext } from './UserContext-b4181162.js';
 import { c as cn } from './bem-893ad28d.js';
+import { g as getRect } from './useClientRect-839d18c5.js';
 import '@bem-react/classname';
 var defaultProps = {
   width: (typeof window === "undefined" ? "undefined" : _typeof(window)) === 'object' ? window.innerWidth : 375,
@@ -442,7 +443,7 @@ var Swiper = React__default.forwardRef(function (props, ref) {
 
   var init = function init() {
     var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : +propSwiper.initPage;
-    var rect = container.current.getBoundingClientRect();
+    var rect = getRect(container === null || container === void 0 ? void 0 : container.current);
 
     var _active = Math.max(Math.min(childCount - 1, active), 0);
 

package/dist/esm/TabPane.js

@@ -1,34 +1,6 @@
-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';
+import { T as TabPane } from './tabpane-c957ab14.js';
+export { T as default } from './tabpane-c957ab14.js';
+import 'react';
+import 'classnames';
+import './bem-893ad28d.js';
 import '@bem-react/classname';
-var 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;
-
-  var b = cn('tabpane');
-  var classes = classNames({
-    active: paneKey === activeKey
-  }, b(''), autoHeightClassName);
-  return React__default.createElement("div", {
-    className: classes
-  }, children);
-};
-
-export { TabPane as default };