@kdcloudjs/kdesign 1.6.34 → 1.6.35

package/es/tabs/tabs.js

@@ -22,7 +22,6 @@ export var TabsTypes = tuple('line', 'card', 'grid', 'dynamic');
 export var TabsSizes = tuple('middle', 'small');
 export var TabsPositions = tuple('top', 'left', 'right', 'bottom');
 export var EffectTypes = tuple('scrollx', 'fade', 'none'); // 滑动，渐显， 无动画
-
 function getDefaultActiveKey(props) {
   var activeKey;
   React.Children.forEach(props.children, function (child) {
@@ -32,32 +31,28 @@ function getDefaultActiveKey(props) {
   });
   return activeKey;
 }
-
 var Tabs = function Tabs(props) {
   var _context, _classNames, _context2, _context3, _context4, _classNames2;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var tabsProps = getCompProps('Tabs', userDefaultProps, props);
   var type = tabsProps.type,
-      size = tabsProps.size,
-      className = tabsProps.className,
-      customPrefixcls = tabsProps.prefixCls,
-      position = tabsProps.position,
-      disabled = tabsProps.disabled,
-      noContainer = tabsProps.noContainer,
-      defaultActiveKey = tabsProps.defaultActiveKey,
-      showScrollArrow = tabsProps.showScrollArrow,
-      _tabsProps$effect = tabsProps.effect,
-      effect = _tabsProps$effect === void 0 ? 'none' : _tabsProps$effect,
-      children = tabsProps.children,
-      onChange = tabsProps.onChange;
+    size = tabsProps.size,
+    className = tabsProps.className,
+    customPrefixcls = tabsProps.prefixCls,
+    position = tabsProps.position,
+    disabled = tabsProps.disabled,
+    noContainer = tabsProps.noContainer,
+    defaultActiveKey = tabsProps.defaultActiveKey,
+    showScrollArrow = tabsProps.showScrollArrow,
+    _tabsProps$effect = tabsProps.effect,
+    effect = _tabsProps$effect === void 0 ? 'none' : _tabsProps$effect,
+    children = tabsProps.children,
+    onChange = tabsProps.onChange;
   var tabsPrefixCls = getPrefixCls(prefixCls, 'tabs', customPrefixcls);
   var activeKey;
-
   if (tabsProps.activeKey) {
     activeKey = tabsProps.activeKey;
   } else if (defaultActiveKey) {
@@ -65,105 +60,86 @@ var Tabs = function Tabs(props) {
   } else {
     activeKey = getDefaultActiveKey(tabsProps);
   }
-
   var carouselData = [];
-
   var _useState = useState(activeKey),
-      _useState2 = _slicedToArray(_useState, 2),
-      curActiveKey = _useState2[0],
-      setCurActiveKey = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    curActiveKey = _useState2[0],
+    setCurActiveKey = _useState2[1];
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      triggerKey = _useState4[0],
-      setTriggerKey = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    triggerKey = _useState4[0],
+    setTriggerKey = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      left = _useState6[0],
-      setLeft = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    left = _useState6[0],
+    setLeft = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      width = _useState8[0],
-      setWidth = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    width = _useState8[0],
+    setWidth = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      boxWidth = _useState10[0],
-      setBoxWidth = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    boxWidth = _useState10[0],
+    setBoxWidth = _useState10[1];
   var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      ListWidth = _useState12[0],
-      setListWidth = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    ListWidth = _useState12[0],
+    setListWidth = _useState12[1];
   var _useState13 = useState(0),
-      _useState14 = _slicedToArray(_useState13, 2),
-      ListPostion = _useState14[0],
-      setListPosition = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    ListPostion = _useState14[0],
+    setListPosition = _useState14[1];
   var tabRef = useRef(null);
   var tabListRef = useRef(null);
   var carouselRef = useRef(null);
-
   var handleActive = function handleActive(id, e) {
     setCurActiveKey(id);
     onChange && onChange(id, e);
   };
-
   var getActiveLinePosition = function getActiveLinePosition(left, width) {
     setLeft(left);
     setWidth(width);
   };
-
   var getTriggerKey = function getTriggerKey(key) {
     setTriggerKey(key);
   };
-
   useEffect(function () {
     setCurActiveKey(activeKey);
   }, [activeKey]);
   useEffect(function () {
     var _a;
-
     var index = _findIndexInstanceProperty(carouselData).call(carouselData, function (data) {
       return String(curActiveKey) === String(data.key);
     });
-
     if (index !== -1) {
       (_a = carouselRef.current) === null || _a === void 0 ? void 0 : _a.jumpTo(index, true);
     }
   }, [curActiveKey, carouselRef, carouselData]);
   useEffect(function () {
     var _a;
-
     if (tabListRef.current) {
       setListWidth(((_a = tabListRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
     }
   }, [tabListRef, children]);
   useEffect(function () {
     var _a, _b, _c;
-
     if (tabRef.current) {
       setBoxWidth(((_a = tabRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
     }
-
-    var offset = 0; // TODO margin需要是变量的形式，不能写死
-
+    var offset = 0;
+    // TODO margin需要是变量的形式，不能写死
     var margin = type === 'line' ? 24 : 0;
     var curOffset = ((_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft) || 0;
     var boxWidth = ((_c = tabRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;
-
     if (left + width + margin + curOffset >= boxWidth) {
       offset = ListWidth - left - width - margin > 48 ? boxWidth - left - width - margin - 48 : boxWidth - ListWidth;
       setListPosition(offset);
       return;
     }
-
     if (left + curOffset < 48 && curOffset) {
       offset = left > 48 ? 48 - left : 0;
-      setListPosition(offset); // return
+      setListPosition(offset);
+      // return
     }
   }, [tabRef, left, width, type, ListWidth]);
   var tabsClasses = classNames(tabsPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tabsPrefixCls, "-")).call(_context, position), position), _defineProperty(_classNames, "".concat(tabsPrefixCls, "-noContainer"), noContainer), _classNames));
@@ -179,26 +155,21 @@ var Tabs = function Tabs(props) {
         leftOperations = child;
         return;
       }
-
       if (child.props.specialPane === 'right') {
         rightOperations = child;
         return;
       }
-
       if (child.props.specialPane === 'contextMenu') {
         contextMenuList = child;
         return;
       }
-
       containerPanes.push(child);
       return;
     }
-
     if (Object.prototype.toString.call(child) === '[object Array]') {
       containerPanes = _concatInstanceProperty(containerPanes).call(containerPanes, [], child);
     }
   });
-
   var formatTabPane = function formatTabPane(child) {
     if (Object.prototype.toString.call(child) === '[object Object]' && child.type.displayName === 'TabPane') {
       return /*#__PURE__*/React.createElement(TabPane, _extends({}, child.props, {
@@ -207,29 +178,23 @@ var Tabs = function Tabs(props) {
         onChange: handleActive
       }));
     }
-
     return null;
   };
-
   var renderActiveLine = function renderActiveLine() {
     return ['line', 'dynamic'].indexOf(type) > -1 && !disabled ? /*#__PURE__*/React.createElement(Line, {
       left: left,
       width: width
     }) : null;
   };
-
   var renderLeftArrow = function renderLeftArrow() {
     var _context5, _classNames3;
-
     if (!showScrollArrow || position === 'left' || ListWidth < boxWidth) return null;
     var leftClasses = classNames("".concat(tabsPrefixCls, "-left-arrows"), (_classNames3 = {}, _defineProperty(_classNames3, _concatInstanceProperty(_context5 = "".concat(tabsPrefixCls, "-left-arrows-")).call(_context5, type), type), _defineProperty(_classNames3, "".concat(tabsPrefixCls, "-left-arrows-noshadow"), ListPostion === 0), _classNames3));
-
     var handleLeft = function handleLeft() {
       if (!ListPostion) return;
       var offset = ListPostion + boxWidth > 0 ? 0 : ListPostion + boxWidth;
       setListPosition(offset);
     };
-
     return /*#__PURE__*/React.createElement("div", {
       className: leftClasses
     }, /*#__PURE__*/React.createElement(ArrowButton, {
@@ -238,13 +203,10 @@ var Tabs = function Tabs(props) {
       onClick: handleLeft
     }));
   };
-
   var renderRightArrows = function renderRightArrows(nodes) {
     var _context6, _context7, _classNames4;
-
     if (ListWidth < boxWidth || _includesInstanceProperty(_context6 = ['left', 'right']).call(_context6, position)) return null;
     var rightClasses = classNames("".concat(tabsPrefixCls, "-right-arrows"), (_classNames4 = {}, _defineProperty(_classNames4, _concatInstanceProperty(_context7 = "".concat(tabsPrefixCls, "-right-arrows-")).call(_context7, type), type), _defineProperty(_classNames4, "".concat(tabsPrefixCls, "-right-arrows-noshadow"), ListWidth + ListPostion === boxWidth), _classNames4));
-
     var menu = _mapInstanceProperty(nodes).call(nodes, function (node) {
       var tmp = {
         label: '',
@@ -256,17 +218,14 @@ var Tabs = function Tabs(props) {
       tmp.disabled = node.props.disabled;
       return tmp;
     });
-
     var handleRight = function handleRight() {
       if (ListPostion === boxWidth - ListWidth) return;
       var offset = ListPostion - boxWidth > boxWidth - ListWidth ? ListPostion - boxWidth : boxWidth - ListWidth;
       setListPosition(offset);
     };
-
     var handleSelectItem = function handleSelectItem(value) {
       handleActive(value);
     };
-
     if (type === 'grid') {
       return /*#__PURE__*/React.createElement("div", {
         className: rightClasses
@@ -280,7 +239,6 @@ var Tabs = function Tabs(props) {
         type: "more"
       }))));
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: rightClasses
     }, showScrollArrow ? /*#__PURE__*/React.createElement(ArrowButton, {
@@ -297,7 +255,6 @@ var Tabs = function Tabs(props) {
       type: "arrow-down"
     }))));
   };
-
   var renderLeftOperations = function renderLeftOperations() {
     if (type !== 'dynamic' || !leftOperations || !leftOperations.props.children) return null;
     var classes = classNames("".concat(tabsPrefixCls, "-left-operations"), {});
@@ -308,7 +265,6 @@ var Tabs = function Tabs(props) {
       var event = function event() {
         child.props.onClick && child.props.onClick();
       };
-
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(tabsPrefixCls, "-left-operations-item"),
         key: index
@@ -317,7 +273,6 @@ var Tabs = function Tabs(props) {
       }, child));
     }));
   };
-
   var renderRightOperations = function renderRightOperations() {
     if (type !== 'dynamic' || !rightOperations || !rightOperations.props.children) return null;
     var classes = classNames("".concat(tabsPrefixCls, "-right-operations"), {});
@@ -328,7 +283,6 @@ var Tabs = function Tabs(props) {
       var event = function event() {
         child.props.onClick && child.props.onClick();
       };
-
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(tabsPrefixCls, "-right-operations-item"),
         key: index
@@ -337,7 +291,6 @@ var Tabs = function Tabs(props) {
       }, child));
     }));
   };
-
   var renderTabPane = function renderTabPane() {
     var disabled = tabsProps.disabled;
     var childrenToRender = [];
@@ -345,19 +298,15 @@ var Tabs = function Tabs(props) {
     var disabledTabs = [];
     childrenToRender = _mapInstanceProperty(containerPanes).call(containerPanes, function (child) {
       var _a;
-
       var tmp = formatTabPane(child);
-
       if ((_a = child.props) === null || _a === void 0 ? void 0 : _a.disabled) {
         disabledTabs.push(tmp);
       } else {
         unDisabledTabs.push(tmp);
       }
-
       return tmp;
     });
     if (!disabled) childrenToRender = _concatInstanceProperty(unDisabledTabs).call(unDisabledTabs, disabledTabs);
-
     var renderTabWrap = function renderTabWrap() {
       var listPositionStyle = {
         left: "".concat(ListPostion, "px")
@@ -376,19 +325,16 @@ var Tabs = function Tabs(props) {
           key: index
         }, /*#__PURE__*/React.createElement("span", null, child));
       }));
-
       var handleItemClick = function handleItemClick(key) {
         var event = eventMap[key];
         event && event(triggerKey);
       };
-
       return /*#__PURE__*/React.createElement(Dropdown, {
         menu: menu,
         trigger: ['contextMenu'],
         onItemClick: handleItemClick
       }, renderWrap);
     };
-
     return /*#__PURE__*/React.createElement("div", _extends({}, omit(tabsProps, ['activeKey', 'defaultActiveKey', 'showScrollArrow', 'noContainer']), {
       className: tabNavsClasses
     }), renderLeftOperations(), renderLeftArrow(), /*#__PURE__*/React.createElement("div", {
@@ -396,32 +342,26 @@ var Tabs = function Tabs(props) {
       className: "".concat(tabsPrefixCls, "-tab-wrap")
     }, renderTabWrap()), renderRightArrows(childrenToRender), renderRightOperations());
   };
-
   var renderContainer = function renderContainer() {
     if (noContainer) return null;
     carouselData = [];
-
     _mapInstanceProperty(containerPanes).call(containerPanes, function (pane) {
       var props = pane.props,
-          key = pane.key; // 如果没有children传入那就以tab为准
-
+        key = pane.key;
+      // 如果没有children传入那就以tab为准
       var item = {
         key: key
       };
-
       if (!props.children) {
         item.content = props.tab;
       } else {
         item.content = props.children;
       }
-
       carouselData.push(item);
     });
-
     if (effect !== 'none') {
       console.log('effect', effect);
     }
-
     return /*#__PURE__*/React.createElement(Carousel, {
       ref: carouselRef,
       dots: false,
@@ -433,7 +373,6 @@ var Tabs = function Tabs(props) {
       }, item.content);
     }));
   };
-
   return /*#__PURE__*/React.createElement(TabsContextProvider, {
     value: {
       type: type,
@@ -448,6 +387,5 @@ var Tabs = function Tabs(props) {
     className: tabsClasses
   }, renderTabPane(), renderContainer()));
 };
-
 Tabs.displayName = 'Tabs';
 export default Tabs;

package/es/tag/tag.js

@@ -2,20 +2,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useContext, useRef } from 'react';
 import { Icon } from '../index';
 import classNames from 'classnames';
@@ -25,89 +19,74 @@ import { getCompProps } from '../_utils';
 import devWarning from '../_utils/devwarning';
 export var TagTypes = tuple('status', 'attribute', 'text', 'edit');
 export var TagColors = tuple('process', 'success', 'warning', 'error', 'end', 'expired');
-export var TagSizes = tuple('small', 'middle', 'large'); // remove this line and code Tag component here
-
+export var TagSizes = tuple('small', 'middle', 'large');
+// remove this line and code Tag component here
 var InteranalTag = function InteranalTag(props, ref) {
   var _context, _context2, _context3, _classNames;
-
   var _useContext = useContext(ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var tagProps = getCompProps('Tag', userDefaultProps, props);
-
   var className = tagProps.className,
-      clickable = tagProps.clickable,
-      closable = tagProps.closable,
-      closeIcon = tagProps.closeIcon,
-      color = tagProps.color,
-      disabled = tagProps.disabled,
-      icon = tagProps.icon,
-      size = tagProps.size,
-      type = tagProps.type,
-      onClick = tagProps.onClick,
-      onClose = tagProps.onClose,
-      style = tagProps.style,
-      customPrefixcls = tagProps.prefixCls,
-      children = tagProps.children,
-      others = __rest(tagProps, ["className", "clickable", "closable", "closeIcon", "color", "disabled", "icon", "size", "type", "onClick", "onClose", "style", "prefixCls", "children"]);
-
+    clickable = tagProps.clickable,
+    closable = tagProps.closable,
+    closeIcon = tagProps.closeIcon,
+    color = tagProps.color,
+    disabled = tagProps.disabled,
+    icon = tagProps.icon,
+    size = tagProps.size,
+    type = tagProps.type,
+    onClick = tagProps.onClick,
+    onClose = tagProps.onClose,
+    style = tagProps.style,
+    customPrefixcls = tagProps.prefixCls,
+    children = tagProps.children,
+    others = __rest(tagProps, ["className", "clickable", "closable", "closeIcon", "color", "disabled", "icon", "size", "type", "onClick", "onClose", "style", "prefixCls", "children"]);
   devWarning(TagTypes.indexOf(type) === -1, 'tag', "cannot found tag type '".concat(type, "'"));
   devWarning(TagSizes.indexOf(size) === -1, 'tag', "cannot found tag size '".concat(size, "'"));
   var tagPrefixCls = getPrefixCls(prefixCls, 'tag', customPrefixcls);
-
   var handleClick = function handleClick(e) {
     if (!clickable) return;
     onClick && onClick(e);
   };
-
   var handleClose = function handleClose(e) {
     var _a;
-
     onClose && onClose(e);
-
     if (e.defaultPrevented) {
       return;
-    } // 删除标签
-
-
+    }
+    // 删除标签
     var tagWrapper = e.currentTarget.parentNode;
     (_a = tagWrapper === null || tagWrapper === void 0 ? void 0 : tagWrapper.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(tagWrapper);
-  }; // ref
-
-
+  };
+  // ref
   var thisTagRef = useRef();
-  var tagRef = ref || thisTagRef; // 对children进行进一步处理 当标签包含图标时 文本内容需要用标签包裹设置外边距
-
+  var tagRef = ref || thisTagRef;
+  // 对children进行进一步处理 当标签包含图标时 文本内容需要用标签包裹设置外边距
   var handleChild = function handleChild(child) {
     if (!child) return null;
-
     if (typeof child === 'string' && icon) {
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(tagPrefixCls, "-text")
       }, child);
     }
-
     return /*#__PURE__*/React.createElement("span", {
       className: "".concat(tagPrefixCls, "-ellipsis")
     }, child);
-  }; // 预设的颜色值
-
-
+  };
+  // 预设的颜色值
   var isPresetColor = ['process', 'success', 'warning', 'error', 'end', 'expired'].indexOf(color) > -1;
-  var tagClasses = classNames(tagPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), _defineProperty(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), _defineProperty(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable"), closable), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames)); // 设置自定义颜色值的样式
-
+  var tagClasses = classNames(tagPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), _defineProperty(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), _defineProperty(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable"), closable), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), _defineProperty(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
+  // 设置自定义颜色值的样式
   var tagColorStyle = !isPresetColor && color && type === 'attribute' ? {
     backgroundColor: color
   } : {};
-
-  var tagStyle = _extends(_extends({}, tagColorStyle), style); // 图标
-
-
+  var tagStyle = _extends(_extends({}, tagColorStyle), style);
+  // 图标
   var iconNode = icon || null;
-  var tagChild = handleChild(children); // 关闭按钮
-
+  var tagChild = handleChild(children);
+  // 关闭按钮
   var closeIconNode = closeIcon || /*#__PURE__*/React.createElement(Icon, {
     type: "close",
     className: "".concat(tagPrefixCls, "-close-icon")
@@ -125,7 +104,6 @@ var InteranalTag = function InteranalTag(props, ref) {
     style: tagStyle
   }, others), iconNode, tagChild, closeNode);
 };
-
 var Tag = /*#__PURE__*/React.forwardRef(InteranalTag);
 Tag.displayName = 'Tag';
 export default Tag;

package/es/timeline/Timeline.js

@@ -5,49 +5,39 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import * as React from 'react';
 import classNames from 'classnames';
 import Icon from '../icon';
 import TimelineItem from './TimelineItem';
 import ConfigContext from '../config-provider/ConfigContext';
 import { getCompProps } from '../_utils';
-
 var Timeline = function Timeline(props) {
   var _context, _context2, _context3, _classNames;
-
   var _React$useContext = React.useContext(ConfigContext),
-      getPrefixCls = _React$useContext.getPrefixCls,
-      pkgPrefixCls = _React$useContext.prefixCls,
-      userDefaultProps = _React$useContext.compDefaultProps;
-
+    getPrefixCls = _React$useContext.getPrefixCls,
+    pkgPrefixCls = _React$useContext.prefixCls,
+    userDefaultProps = _React$useContext.compDefaultProps;
   var _a = getCompProps('Timeline', userDefaultProps, props),
-      customizePrefixCls = _a.prefixCls,
-      _a$pending = _a.pending,
-      pending = _a$pending === void 0 ? null : _a$pending,
-      pendingDot = _a.pendingDot,
-      children = _a.children,
-      className = _a.className,
-      reverse = _a.reverse,
-      mode = _a.mode,
-      style = _a.style,
-      lineHeight = _a.lineHeight,
-      labelWidth = _a.labelWidth,
-      restProps = __rest(_a, ["prefixCls", "pending", "pendingDot", "children", "className", "reverse", "mode", "style", "lineHeight", "labelWidth"]);
-
+    customizePrefixCls = _a.prefixCls,
+    _a$pending = _a.pending,
+    pending = _a$pending === void 0 ? null : _a$pending,
+    pendingDot = _a.pendingDot,
+    children = _a.children,
+    className = _a.className,
+    reverse = _a.reverse,
+    mode = _a.mode,
+    style = _a.style,
+    lineHeight = _a.lineHeight,
+    labelWidth = _a.labelWidth,
+    restProps = __rest(_a, ["prefixCls", "pending", "pendingDot", "children", "className", "reverse", "mode", "style", "lineHeight", "labelWidth"]);
   var prefixCls = getPrefixCls(pkgPrefixCls, 'timeline', customizePrefixCls);
   var pendingNode = typeof pending === 'boolean' ? null : pending;
   var pendingItem = pending ? /*#__PURE__*/React.createElement(TimelineItem, {
@@ -58,13 +48,10 @@ var Timeline = function Timeline(props) {
     })
   }, pendingNode) : null;
   var timeLineItems = reverse ? _concatInstanceProperty(_context = [pendingItem]).call(_context, _toConsumableArray(React.Children.toArray(children).reverse())) : _concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(React.Children.toArray(children)), [pendingItem]);
-
   var truthyItems = _filterInstanceProperty(timeLineItems).call(timeLineItems, function (item) {
     return !!item;
   });
-
   var itemsCount = React.Children.count(truthyItems);
-
   var items = _mapInstanceProperty(_context3 = React.Children).call(_context3, truthyItems, function (ele, index) {
     var pendingClass = index === itemsCount - 2 ? 'last' : '';
     var readyClass = index === itemsCount - 1 ? 'last' : '';
@@ -72,7 +59,6 @@ var Timeline = function Timeline(props) {
       className: classNames([ele.props.className, !reverse && !!pending ? pendingClass : readyClass])
     });
   });
-
   var hasLabelItem = truthyItems.some(function (item) {
     return !!item.props.label;
   });
@@ -80,12 +66,10 @@ var Timeline = function Timeline(props) {
     pending: !!pending,
     reverse: !!reverse
   }, _defineProperty(_classNames, mode, mode), _defineProperty(_classNames, "label", hasLabelItem), _classNames), className);
-
   var styleString = _extends(_extends({}, style), {
     paddingLeft: hasLabelItem && mode === 'left' ? "".concat(labelWidth, "px") : undefined,
     paddingRight: hasLabelItem && mode === 'right' ? "".concat(labelWidth, "px") : undefined
   });
-
   return /*#__PURE__*/React.createElement("ul", _extends({}, restProps, {
     className: classString,
     style: styleString
@@ -98,7 +82,6 @@ var Timeline = function Timeline(props) {
     });
   }));
 };
-
 Timeline.displayName = 'Timeline';
 Timeline.Item = TimelineItem;
 export default Timeline;