1 | 'use strict';
|
2 |
|
3 | exports.__esModule = true;
|
4 |
|
5 | var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
6 |
|
7 | var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
8 |
|
9 | var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
10 |
|
11 | var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
12 |
|
13 | var _inherits2 = require('babel-runtime/helpers/inherits');
|
14 |
|
15 | var _inherits3 = _interopRequireDefault(_inherits2);
|
16 |
|
17 | var _class, _temp;
|
18 |
|
19 | var _react = require('react');
|
20 |
|
21 | var _react2 = _interopRequireDefault(_react);
|
22 |
|
23 | var _propTypes = require('prop-types');
|
24 |
|
25 | var _propTypes2 = _interopRequireDefault(_propTypes);
|
26 |
|
27 | var _classnames2 = require('classnames');
|
28 |
|
29 | var _classnames3 = _interopRequireDefault(_classnames2);
|
30 |
|
31 | var _reactLifecyclesCompat = require('react-lifecycles-compat');
|
32 |
|
33 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
34 |
|
35 |
|
36 | var TabItem = (_temp = _class = function (_React$Component) {
|
37 | (0, _inherits3.default)(TabItem, _React$Component);
|
38 |
|
39 | function TabItem() {
|
40 | (0, _classCallCheck3.default)(this, TabItem);
|
41 | return (0, _possibleConstructorReturn3.default)(this, _React$Component.apply(this, arguments));
|
42 | }
|
43 |
|
44 | TabItem.prototype.render = function render() {
|
45 | var _classnames;
|
46 |
|
47 | var _props = this.props,
|
48 | prefix = _props.prefix,
|
49 | active = _props.active,
|
50 | lazyLoad = _props.lazyLoad,
|
51 | unmountInactiveTabs = _props.unmountInactiveTabs,
|
52 | children = _props.children;
|
53 |
|
54 |
|
55 | this._actived = this._actived || active;
|
56 | if (lazyLoad && !this._actived) {
|
57 | return null;
|
58 | }
|
59 |
|
60 | if (unmountInactiveTabs && !active) {
|
61 | return null;
|
62 | }
|
63 |
|
64 | var cls = (0, _classnames3.default)((_classnames = {}, _classnames[prefix + 'tabs-tabpane'] = true, _classnames['' + (active ? 'active' : 'hidden')] = true, _classnames));
|
65 |
|
66 | return _react2.default.createElement(
|
67 | 'div',
|
68 | {
|
69 | role: 'tabpanel',
|
70 | 'aria-hidden': active ? 'false' : 'true',
|
71 | className: cls
|
72 | },
|
73 | children
|
74 | );
|
75 | };
|
76 |
|
77 | return TabItem;
|
78 | }(_react2.default.Component), _class.propTypes = {
|
79 | prefix: _propTypes2.default.string,
|
80 | |
81 |
|
82 |
|
83 | title: _propTypes2.default.node,
|
84 | |
85 |
|
86 |
|
87 | closeable: _propTypes2.default.bool,
|
88 | |
89 |
|
90 |
|
91 | disabled: _propTypes2.default.bool,
|
92 | active: _propTypes2.default.bool,
|
93 | lazyLoad: _propTypes2.default.bool,
|
94 | unmountInactiveTabs: _propTypes2.default.bool,
|
95 | children: _propTypes2.default.any
|
96 | }, _class.defaultProps = {
|
97 | prefix: 'next-',
|
98 | closeable: false
|
99 | }, _temp);
|
100 | TabItem.displayName = 'TabItem';
|
101 | exports.default = (0, _reactLifecyclesCompat.polyfill)(TabItem);
|
102 | module.exports = exports['default']; |
\ | No newline at end of file |