1 | "use strict";
|
2 |
|
3 | var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
4 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
5 | Object.defineProperty(exports, "__esModule", {
|
6 | value: true
|
7 | });
|
8 | exports["default"] = void 0;
|
9 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
10 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11 | var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
12 | var _CloseOutlined = _interopRequireDefault(require("@ant-design/icons/CloseOutlined"));
|
13 | var _EllipsisOutlined = _interopRequireDefault(require("@ant-design/icons/EllipsisOutlined"));
|
14 | var _PlusOutlined = _interopRequireDefault(require("@ant-design/icons/PlusOutlined"));
|
15 | var _classnames = _interopRequireDefault(require("classnames"));
|
16 | var _rcTabs = _interopRequireDefault(require("rc-tabs"));
|
17 | var React = _interopRequireWildcard(require("react"));
|
18 | var _configProvider = require("../config-provider");
|
19 | var _SizeContext = _interopRequireDefault(require("../config-provider/SizeContext"));
|
20 | var _warning = _interopRequireDefault(require("../_util/warning"));
|
21 | var _useAnimateConfig = _interopRequireDefault(require("./hooks/useAnimateConfig"));
|
22 | var _useLegacyItems = _interopRequireDefault(require("./hooks/useLegacyItems"));
|
23 | var _TabPane = _interopRequireDefault(require("./TabPane"));
|
24 | var _style = _interopRequireDefault(require("./style"));
|
25 | var __rest = void 0 && (void 0).__rest || function (s, e) {
|
26 | var t = {};
|
27 | for (var p in s) {
|
28 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
29 | }
|
30 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
31 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
32 | }
|
33 | return t;
|
34 | };
|
35 | function Tabs(_a) {
|
36 | var type = _a.type,
|
37 | className = _a.className,
|
38 | propSize = _a.size,
|
39 | _onEdit = _a.onEdit,
|
40 | hideAdd = _a.hideAdd,
|
41 | centered = _a.centered,
|
42 | addIcon = _a.addIcon,
|
43 | popupClassName = _a.popupClassName,
|
44 | children = _a.children,
|
45 | items = _a.items,
|
46 | animated = _a.animated,
|
47 | props = __rest(_a, ["type", "className", "size", "onEdit", "hideAdd", "centered", "addIcon", "popupClassName", "children", "items", "animated"]);
|
48 | var customizePrefixCls = props.prefixCls,
|
49 | _props$moreIcon = props.moreIcon,
|
50 | moreIcon = _props$moreIcon === void 0 ? React.createElement(_EllipsisOutlined["default"], null) : _props$moreIcon;
|
51 | var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
52 | getPrefixCls = _React$useContext.getPrefixCls,
|
53 | direction = _React$useContext.direction,
|
54 | getPopupContainer = _React$useContext.getPopupContainer;
|
55 | var prefixCls = getPrefixCls('tabs', customizePrefixCls);
|
56 | var _useStyle = (0, _style["default"])(prefixCls),
|
57 | _useStyle2 = (0, _slicedToArray2["default"])(_useStyle, 2),
|
58 | wrapSSR = _useStyle2[0],
|
59 | hashId = _useStyle2[1];
|
60 | var editable;
|
61 | if (type === 'editable-card') {
|
62 | editable = {
|
63 | onEdit: function onEdit(editType, _ref) {
|
64 | var key = _ref.key,
|
65 | event = _ref.event;
|
66 | _onEdit === null || _onEdit === void 0 ? void 0 : _onEdit(editType === 'add' ? event : key, editType);
|
67 | },
|
68 | removeIcon: React.createElement(_CloseOutlined["default"], null),
|
69 | addIcon: addIcon || React.createElement(_PlusOutlined["default"], null),
|
70 | showAdd: hideAdd !== true
|
71 | };
|
72 | }
|
73 | var rootPrefixCls = getPrefixCls();
|
74 | process.env.NODE_ENV !== "production" ? (0, _warning["default"])(!('onPrevClick' in props) && !('onNextClick' in props), 'Tabs', '`onPrevClick` and `onNextClick` has been removed. Please use `onTabScroll` instead.') : void 0;
|
75 | var mergedItems = (0, _useLegacyItems["default"])(items, children);
|
76 | var mergedAnimated = (0, _useAnimateConfig["default"])(prefixCls, animated);
|
77 | return wrapSSR( React.createElement(_SizeContext["default"].Consumer, null, function (contextSize) {
|
78 | var _classNames;
|
79 | var size = propSize !== undefined ? propSize : contextSize;
|
80 | return React.createElement(_rcTabs["default"], (0, _extends2["default"])({
|
81 | direction: direction,
|
82 | getPopupContainer: getPopupContainer,
|
83 | moreTransitionName: rootPrefixCls + "-slide-up"
|
84 | }, props, {
|
85 | items: mergedItems,
|
86 | className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, prefixCls + "-" + size, size), (0, _defineProperty2["default"])(_classNames, prefixCls + "-card", ['card', 'editable-card'].includes(type)), (0, _defineProperty2["default"])(_classNames, prefixCls + "-editable-card", type === 'editable-card'), (0, _defineProperty2["default"])(_classNames, prefixCls + "-centered", centered), _classNames), className, hashId),
|
87 | popupClassName: (0, _classnames["default"])(popupClassName, hashId),
|
88 | editable: editable,
|
89 | moreIcon: moreIcon,
|
90 | prefixCls: prefixCls,
|
91 | animated: mergedAnimated
|
92 | }));
|
93 | }));
|
94 | }
|
95 | Tabs.TabPane = _TabPane["default"];
|
96 | var _default = Tabs;
|
97 | exports["default"] = _default; |
\ | No newline at end of file |