Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

3 лет назад
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. exports.__esModule = true;
  4. exports.default = TabPane;
  5. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  6. var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
  7. var _react = _interopRequireDefault(require("react"));
  8. var _propTypes = _interopRequireDefault(require("prop-types"));
  9. var _classnames = _interopRequireDefault(require("classnames"));
  10. var _utils = require("./utils");
  11. var propTypes = {
  12. tag: _utils.tagPropType,
  13. className: _propTypes.default.string,
  14. cssModule: _propTypes.default.object,
  15. tabId: _propTypes.default.any
  16. };
  17. var defaultProps = {
  18. tag: 'div'
  19. };
  20. var contextTypes = {
  21. activeTabId: _propTypes.default.any
  22. };
  23. function TabPane(props, context) {
  24. var className = props.className,
  25. cssModule = props.cssModule,
  26. tabId = props.tabId,
  27. Tag = props.tag,
  28. attributes = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "cssModule", "tabId", "tag"]);
  29. var classes = (0, _utils.mapToCssModules)((0, _classnames.default)('tab-pane', className, {
  30. active: tabId === context.activeTabId
  31. }), cssModule);
  32. return _react.default.createElement(Tag, (0, _extends2.default)({}, attributes, {
  33. className: classes
  34. }));
  35. }
  36. TabPane.propTypes = propTypes;
  37. TabPane.defaultProps = defaultProps;
  38. TabPane.contextTypes = contextTypes;