1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | var _typeof = require("@babel/runtime/helpers/typeof");
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
15 |
|
16 | var React = _interopRequireWildcard(require("react"));
|
17 |
|
18 | var _classnames = _interopRequireDefault(require("classnames"));
|
19 |
|
20 | var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
|
21 |
|
22 | var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
|
23 |
|
24 | var _configProvider = require("../config-provider");
|
25 |
|
26 | var _reactNode = require("../_util/reactNode");
|
27 |
|
28 | function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
29 |
|
30 | function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
31 |
|
32 | var __rest = void 0 && (void 0).__rest || function (s, e) {
|
33 | var t = {};
|
34 |
|
35 | for (var p in s) {
|
36 | if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
37 | }
|
38 |
|
39 | if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
40 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
41 | }
|
42 | return t;
|
43 | };
|
44 |
|
45 | var Timeline = function Timeline(props) {
|
46 | var _classNames;
|
47 |
|
48 | var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
49 | getPrefixCls = _React$useContext.getPrefixCls,
|
50 | direction = _React$useContext.direction;
|
51 |
|
52 | var customizePrefixCls = props.prefixCls,
|
53 | _props$pending = props.pending,
|
54 | pending = _props$pending === void 0 ? null : _props$pending,
|
55 | pendingDot = props.pendingDot,
|
56 | children = props.children,
|
57 | className = props.className,
|
58 | _props$reverse = props.reverse,
|
59 | reverse = _props$reverse === void 0 ? false : _props$reverse,
|
60 | _props$mode = props.mode,
|
61 | mode = _props$mode === void 0 ? '' : _props$mode,
|
62 | restProps = __rest(props, ["prefixCls", "pending", "pendingDot", "children", "className", "reverse", "mode"]);
|
63 |
|
64 | var prefixCls = getPrefixCls('timeline', customizePrefixCls);
|
65 | var pendingNode = typeof pending === 'boolean' ? null : pending;
|
66 | var pendingItem = pending ? React.createElement(_TimelineItem["default"], {
|
67 | pending: !!pending,
|
68 | dot: pendingDot || React.createElement(_LoadingOutlined["default"], null)
|
69 | }, pendingNode) : null;
|
70 | var timeLineItems = React.Children.toArray(children);
|
71 | timeLineItems.push(pendingItem);
|
72 |
|
73 | if (reverse) {
|
74 | timeLineItems.reverse();
|
75 | }
|
76 |
|
77 | var getPositionCls = function getPositionCls(ele, idx) {
|
78 | if (mode === 'alternate') {
|
79 | if (ele.props.position === 'right') return "".concat(prefixCls, "-item-right");
|
80 | if (ele.props.position === 'left') return "".concat(prefixCls, "-item-left");
|
81 | return idx % 2 === 0 ? "".concat(prefixCls, "-item-left") : "".concat(prefixCls, "-item-right");
|
82 | }
|
83 |
|
84 | if (mode === 'left') return "".concat(prefixCls, "-item-left");
|
85 | if (mode === 'right') return "".concat(prefixCls, "-item-right");
|
86 | if (ele.props.position === 'right') return "".concat(prefixCls, "-item-right");
|
87 | return '';
|
88 | };
|
89 |
|
90 |
|
91 | var truthyItems = timeLineItems.filter(function (item) {
|
92 | return !!item;
|
93 | });
|
94 | var itemsCount = React.Children.count(truthyItems);
|
95 | var lastCls = "".concat(prefixCls, "-item-last");
|
96 | var items = React.Children.map(truthyItems, function (ele, idx) {
|
97 | var pendingClass = idx === itemsCount - 2 ? lastCls : '';
|
98 | var readyClass = idx === itemsCount - 1 ? lastCls : '';
|
99 | return (0, _reactNode.cloneElement)(ele, {
|
100 | className: (0, _classnames["default"])([ele.props.className, !reverse && !!pending ? pendingClass : readyClass, getPositionCls(ele, idx)])
|
101 | });
|
102 | });
|
103 | var hasLabelItem = timeLineItems.some(function (item) {
|
104 | var _a;
|
105 |
|
106 | return !!((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.label);
|
107 | });
|
108 | var classString = (0, _classnames["default"])(prefixCls, (_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-pending"), !!pending), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-reverse"), !!reverse), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-").concat(mode), !!mode && !hasLabelItem), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-label"), hasLabelItem), (0, _defineProperty2["default"])(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className);
|
109 | return React.createElement("ul", (0, _extends2["default"])({}, restProps, {
|
110 | className: classString
|
111 | }), items);
|
112 | };
|
113 |
|
114 | Timeline.Item = _TimelineItem["default"];
|
115 | var _default = Timeline;
|
116 | exports["default"] = _default; |
\ | No newline at end of file |