1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4 |
|
5 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
6 |
|
7 | Object.defineProperty(exports, "__esModule", {
|
8 | value: true
|
9 | });
|
10 | exports["default"] = void 0;
|
11 |
|
12 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
13 |
|
14 | var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
15 |
|
16 | var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
17 |
|
18 | var _react = _interopRequireWildcard(require("react"));
|
19 |
|
20 | var _classnames = _interopRequireDefault(require("classnames"));
|
21 |
|
22 | var _utils = require("./utils");
|
23 |
|
24 | var TabPane = function TabPane(props) {
|
25 | var className = props.className,
|
26 | destroyInactiveTabPane = props.destroyInactiveTabPane,
|
27 | active = props.active,
|
28 | forceRender = props.forceRender,
|
29 | rootPrefixCls = props.rootPrefixCls,
|
30 | style = props.style,
|
31 | children = props.children,
|
32 | placeholder = props.placeholder,
|
33 | restProps = (0, _objectWithoutProperties2["default"])(props, ["className", "destroyInactiveTabPane", "active", "forceRender", "rootPrefixCls", "style", "children", "placeholder"]);
|
34 |
|
35 | var _useState = (0, _react.useState)(active),
|
36 | _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
37 | rendered = _useState2[0],
|
38 | setRendered = _useState2[1];
|
39 |
|
40 | var prefixCls = "".concat(rootPrefixCls, "-tabpane");
|
41 | var cls = (0, _classnames["default"])(prefixCls, active ? "".concat(prefixCls, "-active") : "".concat(prefixCls, "-inactive"), className);
|
42 | (0, _react.useEffect)(function () {
|
43 | if (!destroyInactiveTabPane && active) {
|
44 | setRendered(true);
|
45 | }
|
46 | }, [destroyInactiveTabPane, active]);
|
47 | return _react["default"].createElement("div", (0, _extends2["default"])({
|
48 | style: style,
|
49 | role: "tabpanel",
|
50 | "aria-hidden": active ? 'false' : 'true',
|
51 | className: cls
|
52 | }, (0, _utils.getDataAttr)(restProps)), forceRender || (destroyInactiveTabPane ? active : rendered) ? children : placeholder);
|
53 | };
|
54 |
|
55 | TabPane.displayName = 'TabPane';
|
56 | TabPane.defaultProps = {
|
57 | overflowCount: 99,
|
58 | showCount: true
|
59 | };
|
60 | var _default = TabPane;
|
61 | exports["default"] = _default;
|
62 |
|