@teamix/pro 1.2.35 → 1.3.0

package/es/table/components/Pagination/index.js

@@ -23,7 +23,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 // 自适应宽度的翻页器
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import { Pagination, Balloon, Select, Button, Input, Icon } from '@alicloudfe/components';
 import { getMessage, baseClass } from '@teamix/utils';
 import { useResponsiveProps } from '@teamix/hooks';
@@ -46,6 +46,13 @@ export default (function (props) {
       responsiveProps = _useResponsiveProps.responsiveProps,
       paginationWrapperRef = _useResponsiveProps.ref;
 
+  useEffect(function () {
+    // size='mini' 模式下 current 受控
+    if (responsiveProps === 'mini') {
+      setCurrentPage(current);
+    }
+  }, [current]);
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
@@ -82,6 +89,9 @@ export default (function (props) {
         text: true,
         onMouseEnter: function onMouseEnter() {
           return setVisible(true);
+        },
+        style: {
+          lineHeight: '18px'
         }
       }, getMessage('total', {
         total: total

package/es/table/components/ToolBar/Fullscreen.js

@@ -30,15 +30,15 @@ var FullScreen = function FullScreen(props) {
 
   var afterClose = function afterClose() {
     // 判断全屏前后筛选表单值是否有改变
-    var n = JSON.stringify(getValidValues(normalDataFilterForm.values));
-    var f = JSON.stringify(getValidValues(fullscreenDataFilterForm.values));
+    var n = JSON.stringify(getValidValues(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
+    var f = JSON.stringify(getValidValues(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
 
     if (n === f) {
       // 关闭全屏后，表单值未变化，开启普通表单onFilter
       filterEnableRef.current.normal = true;
     } else {
       // 关闭全屏后，表单值有变化，修改表单值
-      normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.setValues(fullscreenDataFilterForm.values);
+      normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.setValues(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values);
     } // 关闭全屏后，关闭全屏表单onFilter
 
 
@@ -48,15 +48,15 @@ var FullScreen = function FullScreen(props) {
 
   var afterOpen = function afterOpen() {
     // 判断全屏前后筛选表单值是否有改变
-    var n = JSON.stringify(getValidValues(normalDataFilterForm.values));
-    var f = JSON.stringify(getValidValues(fullscreenDataFilterForm.values));
+    var n = JSON.stringify(getValidValues(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values));
+    var f = JSON.stringify(getValidValues(fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.values));
 
     if (n === f) {
       // 全屏后，表单值未变化，开启全屏表单onFilter
       filterEnableRef.current.fullscreen = true;
     } else {
       // 全屏后，表单值变化，修改表单值
-      fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.setValues(normalDataFilterForm.values);
+      fullscreenDataFilterForm === null || fullscreenDataFilterForm === void 0 ? void 0 : fullscreenDataFilterForm.setValues(normalDataFilterForm === null || normalDataFilterForm === void 0 ? void 0 : normalDataFilterForm.values);
     } // 全屏后，关闭普通表单onFilter
 
 

package/es/table/index.js

@@ -738,11 +738,11 @@ var ProTable = function ProTable(props) {
 
 
   var dataFilter = _objectSpread(_objectSpread({
-    mode: 'inline'
+    mode: 'inline',
+    forceClear: true
   }, propsDataFilter), {}, {
     onInit: function onInit(values) {
       // 表单初始化请求处理
-      console.log('onInit');
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onInit(values));
       !fullscreenState && _request({}, false, values);
       return true;
@@ -750,8 +750,7 @@ var ProTable = function ProTable(props) {
     onFilter: function onFilter(values) {
       var _actionRef$current6, _actionRef$current6$c;
 
-      console.log('onFilter'); // 全屏状态，判断全屏表单onFilter是否禁用
-
+      // 全屏状态，判断全屏表单onFilter是否禁用
       if (fullscreenState && !filterEnableRef.current.fullscreen) {
         filterEnableRef.current.fullscreen = true;
         return;

package/es/timeline/ProTimeLineItem/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ProTimeLineItemProps } from '../typing';
+import './index.scss';
+declare const ProTimeLineItem: React.FC<ProTimeLineItemProps>;
+export default ProTimeLineItem;

package/es/{step/ProStepItem/components/VerStepItem → timeline/ProTimeLineItem}/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["_index", "_shape", "status", "image", "icon", "title", "subTitle", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender", "onClick", "percent", "disabled"];
+var _excluded = ["_comment", "_shape", "status", "image", "icon", "title", "subTitle", "timeLeft", "content", "animation", "discription", "tags", "collapsible", "defaultCollapsed", "collapsed", "onCollapse", "dotRender"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -24,7 +24,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import React, { memo, useCallback, useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import './index.scss';
 import { Icon, Timeline } from '@alicloudfe/components';
 import classnames from 'classnames';
@@ -32,10 +32,11 @@ import { baseClass, dateFormat } from '@teamix/utils';
 import { renderTags } from '@teamix/utils';
 import TeamixIcon from '@teamix/icon';
 var TimelineItem = Timeline.Item;
-var cls = baseClass('teamix-pro-step');
+var cls = baseClass('teamix-pro-timeline');
 
-var VerStepItem = function VerStepItem(props) {
-  var _index = props._index,
+var ProTimeLineItem = function ProTimeLineItem(props) {
+  var _props$_comment = props._comment,
+      _comment = _props$_comment === void 0 ? false : _props$_comment,
       _shape = props._shape,
       status = props.status,
       image = props.image,
@@ -52,9 +53,6 @@ var VerStepItem = function VerStepItem(props) {
       collapsed = props.collapsed,
       onCollapse = props.onCollapse,
       dotRender = props.dotRender,
-      _onClick = props.onClick,
-      percent = props.percent,
-      disabled = props.disabled,
       others = _objectWithoutProperties(props, _excluded);
   /** 内容去折叠相关 */
 
@@ -81,12 +79,12 @@ var VerStepItem = function VerStepItem(props) {
 
 
   var formatTime = function formatTime(time) {
-    if (typeof time === 'string') return dateFormat(time, '', 'YYYY年MM月DD日 hh:mm:ss');
+    if (typeof time === 'string') return dateFormat(time, '', 'YYYY-MM-DD hh:mm:ss');
     return time;
   };
 
   var formatShape = function formatShape() {
-    if (['dot', 'icon', 'number'].includes(_shape)) return _shape;
+    if (['dot', 'circle'].includes(_shape)) return _shape;
     return 'dot';
   };
 
@@ -94,8 +92,17 @@ var VerStepItem = function VerStepItem(props) {
     if (['success', 'fail', 'process', 'warning', 'wait'].includes(status)) return status;
     return 'wait';
   };
-  /**对元素进行渲染 */
+  /**一些复用常数 */
+
 
+  var circle = formatShape() === 'circle';
+  var dot = formatShape() === 'dot';
+  var process = formatStatus() === 'process';
+  var success = formatStatus() === 'success';
+  var error = formatStatus() === 'fail';
+  var warning = formatStatus() === 'warning';
+  var wait = formatStatus() === 'wait';
+  /**对元素进行渲染 */
 
   var renderImage = function renderImage() {
     if (typeof image === 'string') {
@@ -121,28 +128,18 @@ var VerStepItem = function VerStepItem(props) {
       className: classnames(cls({
         'time-left': true,
         'time-left-dot': dot,
-        'time-left-circle': circle_icon || circle_number
+        'time-left-circle': circle
       }))
     }, formatTime(timeLeft));
   }, [_shape, timeLeft]);
-  /**一些复用常数 */
-
-  var circle_icon = formatShape() === 'icon';
-  var circle_number = formatShape() === 'number';
-  var dot = formatShape() === 'dot';
-  var process = formatStatus() === 'process' && !disabled;
-  var success = formatStatus() === 'success' && !disabled;
-  var error = formatStatus() === 'fail' && !disabled;
-  var warning = formatStatus() === 'warning' && !disabled;
-  var wait = formatStatus() === 'wait' && !disabled;
   var renderTitle = useCallback(function () {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames(cls({
         wrapper: true,
         'wrapper-dot': dot && !timeLeft,
-        'wrapper-circle': (circle_icon || circle_number) && !timeLeft,
+        'wrapper-circle': circle && !timeLeft,
         'wrapper-time-left-dot': dot && timeLeft,
-        'wrapper-time-left-circle': (circle_icon || circle_number) && timeLeft
+        'wrapper-time-left-circle': circle && timeLeft
       }))
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(cls('wrapper-left'))
@@ -164,9 +161,7 @@ var VerStepItem = function VerStepItem(props) {
       className: classnames(cls('wrapper-right-top'))
     }, title && /*#__PURE__*/React.createElement("div", {
       className: classnames(cls({
-        'wrapper-right-top-title-info-normal': true,
-        'wrapper-right-top-title-info-active': process,
-        'wrapper-right-top-title-info-disabled': disabled
+        'wrapper-right-top-title-info': true
       }))
     }, title), tags && /*#__PURE__*/React.createElement("div", {
       className: classnames(cls('wrapper-right-top-tag-info'))
@@ -182,47 +177,45 @@ var VerStepItem = function VerStepItem(props) {
         'wrapper-right-content-info-open': showContent
       }))
     }, content))));
-  }, [_shape, timeLeft, image, disabled, title, tags, subTitle, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
-  /** 重新渲染 node 节点 */
+  }, [_shape, timeLeft, image, title, tags, subTitle, discription, content, collapsible, collapsed, defaultCollapsed, onCollapseChanged]);
+  /**
+   * 重新渲染 timeline 节点
+   * */
 
   var renderNode = useCallback(function () {
-    // 渲染 dot 节点
+    // shape 取 dot
     var renderDot = function renderDot() {
       return !icon ? /*#__PURE__*/React.createElement("div", {
         className: classnames(cls({
-          'ver-step-item-render-wrapper-dot': true,
-          'ver-step-item-render-wrapper-dot-disabled': disabled,
-          'ver-step-item-render-wrapper-dot-process': process,
-          'ver-step-item-render-wrapper-dot-success': success,
-          'ver-step-item-render-wrapper-dot-error': error,
-          'ver-step-item-render-wrapper-dot-warning': warning,
-          'ver-step-item-render-wrapper-dot-wait': wait
+          'item-render-wrapper-dot': true,
+          'item-render-wrapper-dot-process': process,
+          'item-render-wrapper-dot-success': success,
+          'item-render-wrapper-dot-error': error,
+          'item-render-wrapper-dot-warning': warning,
+          'item-render-wrapper-dot-wait': wait
         }))
       }) : /*#__PURE__*/React.createElement("div", {
         className: classnames(cls({
-          'ver-step-item-render-wrapper-icon-disabled': disabled,
-          'ver-step-item-render-wrapper-icon-process': process,
-          'ver-step-item-render-wrapper-icon-success': success,
-          'ver-step-item-render-wrapper-icon-error': error,
-          'ver-step-item-render-wrapper-icon-warning': warning,
-          'ver-step-item-render-wrapper-icon-wait': wait
+          'item-render-wrapper-icon-process': process,
+          'item-render-wrapper-icon-success': success,
+          'item-render-wrapper-icon-error': error,
+          'item-render-wrapper-icon-warning': warning,
+          'item-render-wrapper-icon-wait': wait
         }))
       }, /*#__PURE__*/React.createElement(Icon, {
         type: icon,
         size: "small"
       }));
-    }; // 渲染 circle 节点
+    }; // shape 取 circle
 
 
     var renderCircle = function renderCircle() {
       if (dotRender) return /*#__PURE__*/React.createElement("div", {
-        className: classnames(cls('ver-step-item-render-wrapper'))
+        className: classnames(cls('item-render-wrapper'))
       }, dotRender());
 
-      var renderIconOrNumber = function renderIconOrNumber() {
-        if (percent) return /*#__PURE__*/React.createElement("div", {
-          className: classnames(cls('ver-step-item-render-wrapper-circle-percent'))
-        }, percent, "%");
+      var renderCircleItem = function renderCircleItem() {
+        // 有传入 icon 渲染 icon
         if (icon) return /*#__PURE__*/React.createElement(Icon, {
           type: icon,
           size: "small"
@@ -239,33 +232,30 @@ var VerStepItem = function VerStepItem(props) {
           type: "exclamation-line",
           size: "small"
         });
-        if (process && circle_icon) return /*#__PURE__*/React.createElement(TeamixIcon, {
+        if (process && circle) return /*#__PURE__*/React.createElement(TeamixIcon, {
           type: "loading-line",
           size: "small"
         });
-        if (wait && circle_icon) return /*#__PURE__*/React.createElement(TeamixIcon, {
+        return /*#__PURE__*/React.createElement(TeamixIcon, {
           type: "more-line",
           size: "small"
         });
-        return _index + 1;
       };
 
       return /*#__PURE__*/React.createElement("div", {
         className: classnames(cls({
-          'ver-step-item-render-wrapper-circle': true,
-          'ver-step-item-render-wrapper-circle-disabled': disabled,
-          'ver-step-item-render-wrapper-circle-process': process,
-          'ver-step-item-render-wrapper-circle-success': success,
-          'ver-step-item-render-wrapper-circle-error': error,
-          'ver-step-item-render-wrapper-circle-warning': warning,
-          'ver-step-item-render-wrapper-circle-wait': wait,
-          'ver-step-item-render-wrapper-percent-color': percent
+          'item-render-wrapper-circle': true,
+          'item-render-wrapper-circle-process': process,
+          'item-render-wrapper-circle-success': success,
+          'item-render-wrapper-circle-error': error,
+          'item-render-wrapper-circle-warning': warning,
+          'item-render-wrapper-circle-wait': wait
         }))
-      }, renderIconOrNumber());
+      }, renderCircleItem());
     };
 
     var renderStateNode = function renderStateNode() {
-      if (circle_icon || circle_number) {
+      if (circle) {
         return renderCircle();
       }
 
@@ -273,17 +263,13 @@ var VerStepItem = function VerStepItem(props) {
     };
 
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(cls('ver-step-item'))
+      className: classnames(cls('item'))
     }, /*#__PURE__*/React.createElement("div", {
       className: classnames(cls({
-        'ver-step-item-render-wrapper': true,
-        'ver-step-item-render-wrapper-disabled': disabled
-      })),
-      onClick: function onClick() {
-        return disabled !== null && disabled !== void 0 ? disabled : _onClick === null || _onClick === void 0 ? void 0 : _onClick(_index);
-      }
-    }, renderStateNode()));
-  }, [_index, _shape, icon, disabled, status, percent, dotRender]);
+        'item-render-wrapper': true
+      }))
+    }, !_comment && renderStateNode()));
+  }, [_shape, icon, status, dotRender]);
   return /*#__PURE__*/React.createElement(TimelineItem, _objectSpread({
     title: renderTitle(),
     dot: renderNode(),
@@ -292,4 +278,5 @@ var VerStepItem = function VerStepItem(props) {
   }, others));
 };
 
-export default /*#__PURE__*/memo(VerStepItem);
+ProTimeLineItem.displayName = 'ProTimeLineItem';
+export default ProTimeLineItem;

package/es/{step/ProStepItem/components/VerStepItem → timeline/ProTimeLineItem}/index.scss

@@ -1,4 +1,8 @@
-.teamix-pro-step {
+.theme-hybridcloud-dark {
+    --wait-bg-color: #4d4d4d;
+}
+
+.teamix-pro-timeline {
     /** 修改了一些基础组件样式*/
     .next-timeline-item-has-left-content > .next-timeline-item-left-content p {
         font-family: var(--font-size-body-1, 12px);
@@ -23,6 +27,9 @@
         margin-left: var(--s-26);
     }
 
+    /**
+     *  title 区域样式
+     */
     &-wrapper {
         overflow: hidden;
         &-dot {
@@ -91,25 +98,12 @@
                 justify-content: left;
                 align-items: center;
                 height: var(--s-7);
+                margin-bottom: -4px;
 
                 &-title-info {
-                    &-normal {
-                        font-size: var(--font-size-body-2, 14px);
-                        color: var(--color-text1-3, #333333);
-                    }
-
-                    &-small {
-                        font-size: var(--font-size-body-1, 12px);
-                        color: var(--color-text1-3, #333333);
-                    }
-
-                    &-active {
-                        font-weight: 500;
-                        color: var(--color-text1-4, #1a1a1a);
-                    }
-                    &-disabled {
-                        color: var(--color-text1-1, #ccc);
-                    }
+                    font-weight: 500;
+                    font-size: var(--font-size-body-2, 14px);
+                    color: var(--color-text1-3, #333333);
                 }
 
                 &-tag-info {
@@ -125,11 +119,10 @@
             &-discribe-info {
                 font-family: var(--font-size-body-1, 12px);
                 color: var(--color-text1-2, #5a5a5a);
-                margin-top: 1px;
+                margin-bottom: var(--s-1);
             }
 
             &-content-info {
-                margin-top: var(--s-2);
                 &-close {
                     display: none;
                 }
@@ -139,10 +132,10 @@
             }
         }
     }
-}
-
-.teamix-pro-step {
-    &-ver-step-item {
+    /**
+     *  节点样式
+     */
+    &-item {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -152,63 +145,43 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            cursor: pointer;
-            &-disabled {
-                cursor: not-allowed;
-            }
 
             &-dot {
                 width: var(--s-2);
                 height: var(--s-2);
                 border-radius: 50%;
 
-                &-disabled {
-                    background-color: transparent;
-                    background: transparent;
-                    color: var(--color-line1-3, #ccc);
-                    border: 1px solid var(--color-line1-3, #ccc);
-                }
-
                 &-process {
-                    background: var(--color-notice-5, #0064c8);
-                    background-color: var(--color-notice-5, #0064c8);
+                    background: var(--color-notice-4, #2a7dd1);
                 }
                 &-success {
-                    background: var(--color-notice-7, #589ad8);
-                    background-color: var(--color-notice-7, #589ad8);
+                    background: var(--color-success-4, #43bf7d);
                 }
                 &-error {
-                    background: var(--color-error-5, #e84738);
-                    background-color: var(--color-error-5, #e84738);
+                    background: var(--color-error-4, #ed675a);
                 }
                 &-warning {
-                    background: var(--color-warning-5, #f98e1a);
-                    background-color: var(--color-warning-5, #f98e1a);
+                    background: var(--color-warning-4, #ffa544);
                 }
                 &-wait {
-                    background: var(--color-line1-3, #ccc);
-                    background-color: var(--color-line1-3, #ccc);
+                    background: var(--wait-bg-color, var(--color-line1-5));
                 }
             }
             &-icon {
-                &-disabled {
-                    color: var(--color-line1-3, #ccc);
-                }
-
                 &-process {
-                    color: var(--color-notice-5, #0064c8);
+                    color: var(--color-notice-4, #2a7dd1);
                 }
                 &-success {
-                    color: var(--color-notice-7, #589ad8);
+                    color: var(--color-success-4, #43bf7d);
                 }
                 &-error {
-                    color: var(--color-error-5, #e84738);
+                    color: var(--color-error-4, #ed675a);
                 }
                 &-warning {
-                    color: var(--color-warning-5, #f98e1a);
+                    color: var(--color-warning-4, #ffa544);
                 }
                 &-wait {
-                    color: var(--color-line1-3, #ccc);
+                    color: var(--wait-bg-color, var(--color-line1-5));
                 }
             }
 
@@ -219,59 +192,34 @@
                 display: flex;
                 justify-content: center;
                 align-items: center;
-                &-disabled {
-                    background-color: transparent;
-                    background: transparent;
-                    color: var(--color-line1-3, #ccc);
-                    border: 1px solid var(--color-line1-3, #ccc);
-                }
                 &-process {
                     color: var(--color-white, #fff);
                     background: var(--color-notice-5, #0064c8);
-                    background-color: var(--color-notice-5, #0064c8);
                 }
                 &-success {
-                    color: var(--color-notice-5, #0064c8);
-                    background: var(--color-brand1-2, #cae3fd);
-                    background-color: var(--color-brand1-2, #cae3fd);
+                    color: var(--color-success-4, #43bf7d);
+                    background: var(--color-success-2, #cdf8e1);
                 }
                 &-error {
                     color: var(--color-error-5, #e84738);
                     background: var(--color-error-2, #fcceca);
-                    background-color: var(--color-error-2, #fcceca);
                 }
                 &-warning {
                     color: var(--color-warning-5, #f98e1a);
                     background: var(--color-warning-2, #ffe0bf);
-                    background-color: var(--color-warning-2, #ffe0bf);
                 }
                 &-wait {
-                    color: var(--color-black, #000);
+                    color: var(--wait-bg-color, var(--color-line1-5));
                     background: var(--color-fill1-3, #eaeaea);
-                    background-color: var(--color-fill1-3, #eaeaea);
                 }
             }
-
-            &-percent-color {
-                width: var(--s-5);
-                height: var(--s-5);
-                border-radius: 50%;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                background: transparent;
-                background-color: transparent;
-                color: var(--color-notice-5, #0064c8);
-                font-family: var(--font-size-body-1, 12px);
-                word-break: normal;
-                white-space: nowrap;
-                border: 1px solid var(--color-line1-2, #d9d9d9);
-            }
         }
     }
-}
 
-.teamix-pro-step {
+    /**
+     *  左侧时间样式
+     */
+
     &-time-left {
         display: block;
         margin-top: -2px;

package/es/timeline/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ProTimeLineProps } from './typing';
+import ProTimeLineItem from './ProTimeLineItem';
+import './index.scss';
+interface ProTimelineProperties {
+    /** ProTimeLineItem */
+    Item: typeof ProTimeLineItem;
+}
+declare const ProTimeline: React.FC<ProTimeLineProps> & ProTimelineProperties;
+export { ProTimeline, ProTimeLineItem };