@teamix/pro 1.2.33 → 1.3.1

package/lib/table/index.js

@@ -55,7 +55,7 @@ Object.keys(_typing).forEach(function (key) {
     }
   });
 });
-var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams"];
+var _excluded = ["header", "className", "tableClassName", "mainAction", "extra", "dataFilter", "toolBar", "columns", "useRowSelection", "rowSelection", "onChangeRowSelection", "getRowSelection", "primaryKey", "footerAction", "footer", "url", "pageKey", "pageSizeKey", "method", "params", "formatSort", "formatParams", "formatResult", "requestWhenMount", "showPagination", "pageSizeList", "responsivePaginationType", "showSkeleton", "skeletonSize", "actionRef", "dataSource", "filterDebounce", "footerSuction", "autoRefresh", "customRequest", "filterColumnType", "defaultFilterParams", "reserveSelectedRecords"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -165,7 +165,7 @@ var globalFormatSort = function globalFormatSort(sort) {
 };
 
 var ProTable = function ProTable(props) {
-  var _rowSelection$selecte, _dataFilterForm4;
+  var _rowSelection$selecte;
 
   var header = props.header,
       className = props.className,
@@ -220,6 +220,8 @@ var ProTable = function ProTable(props) {
       _props$filterColumnTy = props.filterColumnType,
       filterColumnType = _props$filterColumnTy === void 0 ? 'auto' : _props$filterColumnTy,
       defaultFilterParams = props.defaultFilterParams,
+      _props$reserveSelecte = props.reserveSelectedRecords,
+      reserveSelectedRecords = _props$reserveSelecte === void 0 ? false : _props$reserveSelecte,
       otherProps = _objectWithoutProperties(props, _excluded);
 
   var targetPageKey = pageKey || globalPageKey;
@@ -331,16 +333,21 @@ var ProTable = function ProTable(props) {
   var _useState27 = (0, _react.useState)(false),
       _useState28 = _slicedToArray(_useState27, 2),
       fullscreenState = _useState28[0],
-      setFullscreenState = _useState28[1]; // 非全屏状态下的
+      setFullscreenState = _useState28[1]; // 切换全屏搜索开关
 
 
+  var filterEnableRef = (0, _react.useRef)({
+    fullscreen: false,
+    normal: true
+  }); // 非全屏状态下的
+
   var normalDataFilterFormRef = (0, _react.useRef)();
   var fullscreenDataFilterFormRef = (0, _react.useRef)();
   var normalDataFilterForm = normalDataFilterFormRef.current;
   var fullscreenDataFilterForm = fullscreenDataFilterFormRef.current; // 传给 QueryFilter 的 formRef
 
-  var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef;
-  var dataFilterForm = dataFilterFormRef.current; // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
+  var dataFilterFormRef = !fullscreenState ? normalDataFilterFormRef : fullscreenDataFilterFormRef; // let dataFilterForm = dataFilterFormRef.current;
+  // 整个内容区是否超过一屏。用于表格在非全屏模式下的吸底
 
   var _useState29 = (0, _react.useState)(false),
       _useState30 = _slicedToArray(_useState29, 2),
@@ -378,7 +385,7 @@ var ProTable = function ProTable(props) {
         result = propsRowSelection.getProps(record, index);
       }
 
-      if (showSkeleton) {
+      if (showSkeleton && result) {
         result.disabled = true;
       }
 
@@ -549,12 +556,12 @@ var ProTable = function ProTable(props) {
       _request(params);
     },
     reset: function reset() {
-      var _actionRef$current4, _actionRef$current4$s, _dataFilterForm;
+      var _actionRef$current4, _actionRef$current4$s, _dataFilterFormRef$cu;
 
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset()); // 清空列过滤参数
 
       (_actionRef$current4 = actionRef.current) === null || _actionRef$current4 === void 0 ? void 0 : (_actionRef$current4$s = _actionRef$current4.setFilterRules) === null || _actionRef$current4$s === void 0 ? void 0 : _actionRef$current4$s.call(_actionRef$current4, {});
-      (_dataFilterForm = dataFilterForm) === null || _dataFilterForm === void 0 ? void 0 : _dataFilterForm.reset();
+      (_dataFilterFormRef$cu = dataFilterFormRef.current) === null || _dataFilterFormRef$cu === void 0 ? void 0 : _dataFilterFormRef$cu.reset();
       setCurrentPage(1);
 
       _request(_defineProperty({}, targetPageKey, 1));
@@ -576,9 +583,11 @@ var ProTable = function ProTable(props) {
       pageSize: pageSize
     },
     data: data,
-    dataFilterForm: dataFilterForm,
+    dataFilterForm: dataFilterFormRef.current,
+    dataFilterFormRef: dataFilterFormRef,
     normalDataFilterForm: normalDataFilterForm,
     fullscreenDataFilterForm: fullscreenDataFilterForm,
+    filterEnableRef: filterEnableRef,
     resetTableMaxBodyHeight: function resetTableMaxBodyHeight() {
       getHeaderHeight().then(function (height) {
         setHeaderHeight(height);
@@ -667,8 +676,8 @@ var ProTable = function ProTable(props) {
     }
   }); // 请求函数
 
-  function _request(params, noLoading) {
-    var _dataFilterForm2, _actionRef$current$ge, _actionRef$current5, _actionRef$current5$g, _objectSpread2;
+  function _request(params, noLoading, filterParams) {
+    var _dataFilterFormRef$cu2, _actionRef$current$ge, _actionRef$current5, _actionRef$current5$g, _objectSpread2;
 
     // 如果没有传 url 且没有 customRequest，直接返回
     if (!url && !customRequest) {
@@ -681,7 +690,7 @@ var ProTable = function ProTable(props) {
 
     var sortParams = targetFormatSort(sort); // 筛选区请求参数
 
-    var dataFilterParams = toJS((_dataFilterForm2 = dataFilterForm) === null || _dataFilterForm2 === void 0 ? void 0 : _dataFilterForm2.values); // 列过滤请求参数
+    var dataFilterParams = filterParams !== null && filterParams !== void 0 ? filterParams : (_dataFilterFormRef$cu2 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu2 === void 0 ? void 0 : _dataFilterFormRef$cu2.values; // 列过滤请求参数
 
     var columnsFilterParams = (_actionRef$current$ge = (_actionRef$current5 = actionRef.current) === null || _actionRef$current5 === void 0 ? void 0 : (_actionRef$current5$g = _actionRef$current5.getFilterRules) === null || _actionRef$current5$g === void 0 ? void 0 : _actionRef$current5$g.call(_actionRef$current5)) !== null && _actionRef$current$ge !== void 0 ? _actionRef$current$ge : {}; // 格式化后的请求参数
 
@@ -732,31 +741,24 @@ var ProTable = function ProTable(props) {
   }
 
   (0, _react.useEffect)(function () {
-    dataFilterForm = dataFilterFormRef.current; // 监听 浏览器变化 更吸底状态
+    var _propsDataFilter$sche, _propsDataFilter$sche2;
 
+    // 监听 浏览器变化 更吸底状态
     if (footerSuction) {
       getFooterSuctionState();
 
       window.onresize = function () {
         getFooterSuctionState();
       };
-    }
+    } // 如果不传 dataFilter，则在这里初始化请求
 
-    if (propsDataFilter) {
-      var _dataFilterForm3;
 
-      if (requestWhenMount && ((_dataFilterForm3 = dataFilterForm) === null || _dataFilterForm3 === void 0 ? void 0 : _dataFilterForm3.id)) {
-        // 在请求发送之前 处理漏斗默认数据
-        (0, _utils2.processDefaultFilter)(propsColumns, actionRef, defaultFilterParams);
+    var hasDataFilter = (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche = propsDataFilter.schema) === null || _propsDataFilter$sche === void 0 ? void 0 : _propsDataFilter$sche.length) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : (_propsDataFilter$sche2 = propsDataFilter.schema) === null || _propsDataFilter$sche2 === void 0 ? void 0 : _propsDataFilter$sche2.length) > 0;
 
-        _request();
-      }
-    } else {
-      if (requestWhenMount) {
-        (0, _utils2.processDefaultFilter)(propsColumns, actionRef, defaultFilterParams);
+    if (requestWhenMount && !hasDataFilter) {
+      (0, _utils2.processDefaultFilter)(propsColumns, actionRef, defaultFilterParams);
 
-        _request();
-      }
+      _request();
     }
 
     return function () {
@@ -770,7 +772,7 @@ var ProTable = function ProTable(props) {
 
       actionRef.current = undefined;
     };
-  }, [(_dataFilterForm4 = dataFilterForm) === null || _dataFilterForm4 === void 0 ? void 0 : _dataFilterForm4.id]);
+  }, []);
 
   function onSort(dataIndex, order) {
     var nextSort = _defineProperty({}, dataIndex, order);
@@ -782,26 +784,45 @@ var ProTable = function ProTable(props) {
 
 
   var dataFilter = _objectSpread(_objectSpread({
-    mode: 'inline'
+    mode: 'inline',
+    forceClear: true
   }, propsDataFilter), {}, {
+    onInit: function onInit(values) {
+      // 表单初始化请求处理
+      (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;
+    },
     onFilter: function onFilter(values) {
       var _actionRef$current6, _actionRef$current6$c;
 
+      // 全屏状态，判断全屏表单onFilter是否禁用
+      if (fullscreenState && !filterEnableRef.current.fullscreen) {
+        filterEnableRef.current.fullscreen = true;
+        return;
+      } // 非全屏状态，判断普通表单onFiler是否禁用
+
+
+      if (!fullscreenState && !filterEnableRef.current.normal) {
+        filterEnableRef.current.normal = true;
+        return;
+      }
+
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onFilter(values)); // 搜索变化时，暂时先清空选择
 
       (_actionRef$current6 = actionRef.current) === null || _actionRef$current6 === void 0 ? void 0 : (_actionRef$current6$c = _actionRef$current6.clearRowSelection) === null || _actionRef$current6$c === void 0 ? void 0 : _actionRef$current6$c.call(_actionRef$current6);
       setCurrentPage(1);
 
-      _request(_defineProperty({}, targetPageKey, 1));
+      _request(_defineProperty({}, targetPageKey, 1), false, values);
     },
-    onReset: function onReset() {
-      var _dataFilterForm5;
+    onReset: function onReset(values) {
+      var _dataFilterFormRef$cu3;
 
       (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset) && (propsDataFilter === null || propsDataFilter === void 0 ? void 0 : propsDataFilter.onReset());
-      (_dataFilterForm5 = dataFilterForm) === null || _dataFilterForm5 === void 0 ? void 0 : _dataFilterForm5.reset();
+      (_dataFilterFormRef$cu3 = dataFilterFormRef.current) === null || _dataFilterFormRef$cu3 === void 0 ? void 0 : _dataFilterFormRef$cu3.reset();
       setCurrentPage(1);
 
-      _request(_defineProperty({}, targetPageKey, 1));
+      _request(_defineProperty({}, targetPageKey, 1), false, values);
     }
   });
 
@@ -885,21 +906,30 @@ var ProTable = function ProTable(props) {
 
   var renderFooter = function renderFooter() {
     function onChangePagination(currentPage) {
-      var _actionRef$current7, _actionRef$current7$c;
-
       var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      // 翻页暂时先清空选择
-      (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
+
+      // 翻页默认清空选择
+      if (!reserveSelectedRecords) {
+        var _actionRef$current7, _actionRef$current7$c;
+
+        (_actionRef$current7 = actionRef.current) === null || _actionRef$current7 === void 0 ? void 0 : (_actionRef$current7$c = _actionRef$current7.clearRowSelection) === null || _actionRef$current7$c === void 0 ? void 0 : _actionRef$current7$c.call(_actionRef$current7);
+      }
+
       setCurrentPage(currentPage);
 
       _request(_objectSpread(_defineProperty({}, targetPageKey, currentPage), params));
     }
 
     function onChangePaginationSize(currentPageSize) {
-      var _actionRef$current8, _actionRef$current8$c, _request5;
+      var _request5;
+
+      // 翻页默认清空选择
+      if (!reserveSelectedRecords) {
+        var _actionRef$current8, _actionRef$current8$c;
+
+        (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
+      }
 
-      // 翻页暂时先清空选择
-      (_actionRef$current8 = actionRef.current) === null || _actionRef$current8 === void 0 ? void 0 : (_actionRef$current8$c = _actionRef$current8.clearRowSelection) === null || _actionRef$current8$c === void 0 ? void 0 : _actionRef$current8$c.call(_actionRef$current8);
       setPageSize(currentPageSize);
       setCurrentPage(1);
 

package/lib/table/index.scss

@@ -118,4 +118,10 @@ $fullscreenPadding: 24px;
 
 .mb8 {
   margin-bottom: 8px;
+}
+
+.next-table {
+  .next-formily-item .next-form-preview {
+    line-height: unset;
+  }
 }

package/lib/table/typing.d.ts

@@ -3,13 +3,12 @@
  */
 import { ColumnProps, TableProps } from '@alicloudfe/components/types/table';
 import { ProFieldType, ProFieldRenderProps, ProFieldDataSourceItem } from '../field';
-import { QueryFilterProps } from '../form';
+import { QueryFilterProps, ProFormType } from '../form';
 import { ProActionGroupProps, ProActionButtonProps } from '../actions';
 import { PaginationProps } from '@alicloudfe/components/types/pagination';
 import { HeaderProps as ProTableHeaderProps } from '@teamix/utils';
 import { Method } from 'axios';
 import React from 'react';
-import type { Form as FormType } from '@formily/core';
 declare type IFieldRenderProps = keyof ProFieldRenderProps;
 /** 列record函数 */
 declare type ProTableCellFunProp = (value: any, index: number, record: any, ...others: any) => any;
@@ -102,7 +101,7 @@ export declare type ProTableProps = {
     /** 内置 rowSelection 变化时的回调 */
     onChangeRowSelection?: (selectedRowKeys: string[]) => void;
     /** 获取内置 rowSelection */
-    getRowSelection?: (rowSelection: rowSelectionType) => void;
+    getRowSelection?: (rowSelection: innerRowSelectionType) => void;
     /** 表格底部（左侧）配置 */
     footerAction?: ProActionGroupProps | React.ReactNode;
     /** 表格底部（右层）配置 */
@@ -130,6 +129,8 @@ export declare type ProTableProps = {
         data: any[];
         total?: number;
     }>;
+    /** 翻页时是否保留之前批量选择数据 */
+    reserveSelectedRecords?: boolean;
     /** 默认漏斗过滤条件 */
     defaultFilterParams?: {
         [key: string]: any[] | any;
@@ -189,9 +190,12 @@ export declare type ProTableActionType = {
     /** 重置翻页器为1，不发送请求 */
     resetPage?: () => void;
     /** 获取数据过滤区表单实例 */
-    dataFilterForm?: FormType;
-    normalDataFilterForm?: FormType;
-    fullscreenDataFilterForm?: FormType;
+    dataFilterForm?: ProFormType;
+    /** 用于在 mount 的时候获取到表单 ref */
+    dataFilterFormRef?: React.MutableRefObject<ProFormType>;
+    normalDataFilterForm?: ProFormType;
+    fullscreenDataFilterForm?: ProFormType;
+    filterEnableRef?: any;
     /** 表格当前的数据 */
     data?: any[];
 } & ProTableActionTypeMutations;

package/lib/table/utils/columnRender.js

@@ -239,7 +239,7 @@ var processRenderFunction = function processRenderFunction() {
   var index = arguments.length > 2 ? arguments[2] : undefined;
   var record = arguments.length > 3 ? arguments[3] : undefined;
   // 当 ProField render 类型为 function 时。需要表格预先处理以塞入 record
-  var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick'];
+  var external = ['linkOnClick', 'link', 'value', 'renderEdit', 'descriptionRenderEdit', 'editPopConfirmProps', 'descriptionEditPopConfirmProps', 'editOnClick', 'descriptionEditOnClick', 'extra', 'prefixExtra'];
   return Object.fromEntries(Object.entries(render).map(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 2),
         k = _ref4[0],

package/lib/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/lib/{step/ProStepItem/components/VerStepItem → timeline/ProTimeLineItem}/index.js

@@ -17,7 +17,7 @@ var _utils = require("@teamix/utils");
 
 var _icon = _interopRequireDefault(require("@teamix/icon"));
 
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -50,10 +50,11 @@ 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; }
 
 var TimelineItem = _components.Timeline.Item;
-var cls = (0, _utils.baseClass)('teamix-pro-step');
+var cls = (0, _utils.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,
@@ -70,9 +71,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);
   /** 内容去折叠相关 */
 
@@ -99,12 +97,12 @@ var VerStepItem = function VerStepItem(props) {
 
 
   var formatTime = function formatTime(time) {
-    if (typeof time === 'string') return (0, _utils.dateFormat)(time, '', 'YYYY年MM月DD日 hh:mm:ss');
+    if (typeof time === 'string') return (0, _utils.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';
   };
 
@@ -112,8 +110,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') {
@@ -139,28 +146,18 @@ var VerStepItem = function VerStepItem(props) {
       className: (0, _classnames.default)(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 = (0, _react.useCallback)(function () {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(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.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-left'))
@@ -182,9 +179,7 @@ var VerStepItem = function VerStepItem(props) {
       className: (0, _classnames.default)(cls('wrapper-right-top'))
     }, title && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(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.default.createElement("div", {
       className: (0, _classnames.default)(cls('wrapper-right-top-tag-info'))
@@ -200,47 +195,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 = (0, _react.useCallback)(function () {
-    // 渲染 dot 节点
+    // shape 取 dot
     var renderDot = function renderDot() {
       return !icon ? /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(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.default.createElement("div", {
         className: (0, _classnames.default)(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.default.createElement(_components.Icon, {
         type: icon,
         size: "small"
       }));
-    }; // 渲染 circle 节点
+    }; // shape 取 circle
 
 
     var renderCircle = function renderCircle() {
       if (dotRender) return /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)(cls('ver-step-item-render-wrapper'))
+        className: (0, _classnames.default)(cls('item-render-wrapper'))
       }, dotRender());
 
-      var renderIconOrNumber = function renderIconOrNumber() {
-        if (percent) return /*#__PURE__*/_react.default.createElement("div", {
-          className: (0, _classnames.default)(cls('ver-step-item-render-wrapper-circle-percent'))
-        }, percent, "%");
+      var renderCircleItem = function renderCircleItem() {
+        // 有传入 icon 渲染 icon
         if (icon) return /*#__PURE__*/_react.default.createElement(_components.Icon, {
           type: icon,
           size: "small"
@@ -257,33 +250,30 @@ var VerStepItem = function VerStepItem(props) {
           type: "exclamation-line",
           size: "small"
         });
-        if (process && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
+        if (process && circle) return /*#__PURE__*/_react.default.createElement(_icon.default, {
           type: "loading-line",
           size: "small"
         });
-        if (wait && circle_icon) return /*#__PURE__*/_react.default.createElement(_icon.default, {
+        return /*#__PURE__*/_react.default.createElement(_icon.default, {
           type: "more-line",
           size: "small"
         });
-        return _index + 1;
       };
 
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)(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();
       }
 
@@ -291,17 +281,13 @@ var VerStepItem = function VerStepItem(props) {
     };
 
     return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)(cls('ver-step-item'))
+      className: (0, _classnames.default)(cls('item'))
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)(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.default.createElement(TimelineItem, _objectSpread({
     title: renderTitle(),
     dot: renderNode(),
@@ -310,6 +296,6 @@ var VerStepItem = function VerStepItem(props) {
   }, others));
 };
 
-var _default = /*#__PURE__*/(0, _react.memo)(VerStepItem);
-
+ProTimeLineItem.displayName = 'ProTimeLineItem';
+var _default = ProTimeLineItem;
 exports.default = _default;