@zat-design/sisyphus-react 3.10.4-beta.2 → 3.11.0

package/es/ProStep/index.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import Item from './components/Item';
 import { ProStepPropsType } from './propsType';
 import './style/index.less';
 export declare const ProStepContext: import("react").Context<any>;
@@ -6,7 +7,7 @@ export declare const useStep: () => any;
 declare const ProStep: {
     ({ children, ...resetProps }: ProStepPropsType): import("react/jsx-runtime").JSX.Element;
     useStep: () => any;
-    Item: ({ id, title, collapse: collapseItem, children, ...restProps }: import("./propsType").ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
+    Item: typeof Item;
     Listener: ({ children, delayTime, excludes, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
 };
 export default ProStep;

package/es/ProStep/index.js

@@ -23,10 +23,12 @@ var ProStep = function ProStep(_ref) {
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     reRender = _useState2[1];
-  var _useSetState = useSetState({}),
+  var _useSetState = useSetState({
+      errorCollection: {}
+    }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
-    errorCollection = _useSetState2[0],
-    setErrorCollection = _useSetState2[1];
+    errorCollection = _useSetState2[0].errorCollection,
+    setState = _useSetState2[1];
   // 注册子节点id与title映射的集合
   var registerMap = useRef({});
   var _useLocalStorageState = useLocalStorageState('cache-pro-step'),
@@ -71,8 +73,10 @@ var ProStep = function ProStep(_ref) {
       title = _ref4.title,
       validator = _ref4.validator,
       order = _ref4.order,
-      disabled = _ref4.disabled;
+      disabled = _ref4.disabled,
+      lazyLoad = _ref4.lazyLoad;
     var record = {};
+    record.id = id;
     record.title = title;
     record.order = order;
     if (!registerMap.current[id]) {
@@ -155,7 +159,9 @@ var ProStep = function ProStep(_ref) {
                 errorFields = _ref8.errorFields;
               nextErrorCollection[id] = (errorFields === null || errorFields === void 0 ? void 0 : errorFields.length) || 0;
             });
-            setErrorCollection(nextErrorCollection);
+            setState({
+              errorCollection: nextErrorCollection
+            });
             return _context2.abrupt("return", res);
           case 11:
           case "end":
@@ -190,7 +196,9 @@ var ProStep = function ProStep(_ref) {
                 nextErrorCollection[keys[index]] = item === null || item === void 0 ? void 0 : (_item$errorFields2 = item.errorFields) === null || _item$errorFields2 === void 0 ? void 0 : _item$errorFields2.length;
               }
             });
-            setErrorCollection(nextErrorCollection);
+            setState({
+              errorCollection: nextErrorCollection
+            });
             return _context3.abrupt("return", result);
           case 9:
           case "end":
@@ -220,6 +228,7 @@ var ProStep = function ProStep(_ref) {
   }, [errorCollection, dataSource]);
   return _jsx(ProStepContext.Provider, {
     value: {
+      registerMap: registerMap,
       collapse: collapse,
       register: register,
       notify: notify,

package/lib/ProEditTable/components/RcTable/BaseTable.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
 var _react = require("react");
+var _antd = require("antd");
 var _excluded = ["tableProps"];
 var BaseTable = function BaseTable(_ref) {
   var _value$;
@@ -33,7 +33,8 @@ var BaseTable = function BaseTable(_ref) {
     page = tableProps.page,
     formatMessage = tableProps.formatMessage,
     locale = tableProps.locale,
-    handlePageChange = tableProps.handlePageChange;
+    handlePageChange = tableProps.handlePageChange,
+    pageErrorNum = tableProps.pageErrorNum;
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
       className: "pro-edit-table-header",
@@ -67,6 +68,14 @@ var BaseTable = function BaseTable(_ref) {
             total: total
           });
         },
+        itemRender: function itemRender(index, type, originalElement) {
+          return type === 'page' && page.pageNum === index && pageErrorNum ? (0, _jsxRuntime.jsxs)("div", {
+            className: "pro-edit-table-pagination-item-badge",
+            children: [(0, _jsxRuntime.jsx)(_antd.Badge, {
+              count: pageErrorNum
+            }), originalElement]
+          }) : originalElement;
+        },
         onChange: handlePageChange
       }, pagination) : false,
       rowKey: "rowKey",

package/lib/ProEditTable/index.js

@@ -101,8 +101,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '',
       page: {
         pageNum: 1,
-        pageSize: 10
-      }
+        pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10
+      },
+      pageErrorNum: 0
     }),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
@@ -113,7 +114,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     virtualKey = state.virtualKey,
     selectedRowKeys = state.selectedRowKeys,
     selectedRows = state.selectedRows,
-    page = state.page;
+    page = state.page,
+    pageErrorNum = state.pageErrorNum;
   var virtualRowName = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
   // 样式处理
   var _className = (0, _classnames.default)({
@@ -414,6 +416,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           page: page,
           formatMessage: _locale.formatMessage,
           locale: _locale.default,
+          pageErrorNum: pageErrorNum,
           handlePageChange: handlePageChange
         }
       })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? (0, _jsxRuntime.jsx)(_antd.Affix, (0, _objectSpread2.default)((0, _objectSpread2.default)({
@@ -429,6 +432,19 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       }) : null, footerRender ? (0, _jsxRuntime.jsx)("div", {
         className: "pro-edit-table-footer",
         children: footerRender
+      }) : null, pagination ? (0, _jsxRuntime.jsx)("div", {
+        id: "pro-edit-table-pagination",
+        onClick: function onClick() {
+          (0, _tools.onPageCheck)({
+            form: form,
+            name: name,
+            value: value,
+            columns: columns,
+            page: page,
+            pagination: pagination,
+            setState: setState
+          });
+        }
       }) : null]
     }), (0, _jsxRuntime.jsx)(_components.Validator, {
       name: name,

package/lib/ProEditTable/propsType.d.ts

@@ -124,6 +124,7 @@ export interface State {
         pageNum: number;
         pageSize: number;
     };
+    pageErrorNum: number;
 }
 export interface ProEditTableRefProps {
     getInternalState: () => State;

package/lib/ProEditTable/style/index.less

@@ -14,6 +14,14 @@
     }
   }
 
+  .@{ant-prefix}-pagination .@{ant-prefix}-pagination-item .pro-edit-table-pagination-item-badge {
+    position: relative;
+    .@{ant-prefix}-badge {
+      position: absolute;
+      top: -10px;
+      right: -10px;
+    }
+  }
 
   .pro-edit-table-tooltip {
     display    : inline-flex;

package/lib/ProEditTable/utils/tools.d.ts

@@ -35,3 +35,12 @@ export declare const handleScrollToError: () => void;
  * @returns 深拷贝后的对象，其中的React节点会被保留
  */
 export declare function cloneDeepFilterNode(value: any): any;
+export declare const onPageCheck: ({ form, name, value, columns, page, pagination, setState, }: {
+    form: any;
+    name: any;
+    value: any;
+    columns: any;
+    page: any;
+    pagination: any;
+    setState: any;
+}) => Promise<void>;

package/lib/ProEditTable/utils/tools.js

@@ -5,10 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cloneDeepFilterNode = cloneDeepFilterNode;
-exports.splitNames = exports.onDelete = exports.handleScrollToError = exports.getRandom = exports.getNamePath = exports.getDisabled = exports.difference = exports.customValidate = void 0;
+exports.splitNames = exports.onPageCheck = exports.onDelete = exports.handleScrollToError = exports.getRandom = exports.getNamePath = exports.getDisabled = exports.difference = exports.customValidate = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
+var _utils = require("@zat-design/utils");
 var _lodash = require("lodash");
+/* eslint-disable no-await-in-loop */
+/* eslint-disable no-restricted-syntax */
+
 var getRandom = exports.getRandom = function getRandom() {
   return Math.random().toString(36).slice(-6);
 };
@@ -218,4 +225,273 @@ function cloneDeepFilterNode(value) {
       return val;
     }
   });
-}
+}
+var _isNull = function isNull(value) {
+  if (Array.isArray(value) && value.length) {
+    return value.some(function (item) {
+      return _isNull(item);
+    });
+  }
+  return value === '' || value === undefined || value === null || Array.isArray(value) && value.length === 0;
+};
+var handleCheckCellValue = /*#__PURE__*/function () {
+  var _ref6 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(column, record) {
+    var _column$names, _column$names2, _rules2;
+    var value, _required, _rules, _labelRequired, res, _iterator, _step, rule;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          value = null;
+          if (column.name) {
+            value = (0, _lodash.get)(record, column.name);
+          }
+          if ((_column$names = column.names) === null || _column$names === void 0 ? void 0 : _column$names.length) {
+            value = column.names.map(function (key) {
+              return (0, _lodash.get)(record, key);
+            });
+          }
+          _required = column.required;
+          _rules = column.rules;
+          _labelRequired = column.labelRequired;
+          if ((0, _lodash.isFunction)(column.required)) {
+            _required = column.required(value, record);
+          }
+          if ((0, _lodash.isFunction)(column.rules)) {
+            _rules = column.rules(value, record);
+          }
+          if ((0, _lodash.isFunction)(column.labelRequired)) {
+            _labelRequired = column.labelRequired(value, record);
+          }
+          if (!(((_column$names2 = column.names) === null || _column$names2 === void 0 ? void 0 : _column$names2.length) && _labelRequired !== null && _labelRequired !== undefined && _isNull(value))) {
+            _context.next = 11;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 11:
+          if (!(_required && _isNull(value))) {
+            _context.next = 13;
+            break;
+          }
+          return _context.abrupt("return", false);
+        case 13:
+          if (!((_rules2 = _rules) === null || _rules2 === void 0 ? void 0 : _rules2.length)) {
+            _context.next = 44;
+            break;
+          }
+          res = true;
+          _iterator = (0, _createForOfIteratorHelper2.default)(_rules);
+          _context.prev = 16;
+          _iterator.s();
+        case 18:
+          if ((_step = _iterator.n()).done) {
+            _context.next = 35;
+            break;
+          }
+          rule = _step.value;
+          if (res) {
+            _context.next = 22;
+            break;
+          }
+          return _context.abrupt("break", 35);
+        case 22:
+          if (rule.required && _isNull(value)) {
+            res = false;
+          }
+          if (!(0, _lodash.isFunction)(rule.validator)) {
+            _context.next = 32;
+            break;
+          }
+          _context.prev = 24;
+          _context.next = 27;
+          return rule.validator('', value);
+        case 27:
+          _context.next = 32;
+          break;
+        case 29:
+          _context.prev = 29;
+          _context.t0 = _context["catch"](24);
+          res = false;
+        case 32:
+          if (rule.type && !_utils.validate[rule.type](value)) {
+            res = false;
+          }
+        case 33:
+          _context.next = 18;
+          break;
+        case 35:
+          _context.next = 40;
+          break;
+        case 37:
+          _context.prev = 37;
+          _context.t1 = _context["catch"](16);
+          _iterator.e(_context.t1);
+        case 40:
+          _context.prev = 40;
+          _iterator.f();
+          return _context.finish(40);
+        case 43:
+          return _context.abrupt("return", res);
+        case 44:
+          return _context.abrupt("return", true);
+        case 45:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[16, 37, 40, 43], [24, 29]]);
+  }));
+  return function handleCheckCellValue(_x, _x2) {
+    return _ref6.apply(this, arguments);
+  };
+}();
+var onPageCheck = exports.onPageCheck = /*#__PURE__*/function () {
+  var _ref8 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(_ref7) {
+    var form, name, value, columns, page, pagination, setState, pageNum, pageSize, pageArr, flag, errorNum, errorPageNum, _i, _pageArr, item, start, end, nextValues, _iterator2, _step2, record, _iterator3, _step3, column, result, nextState;
+    return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          form = _ref7.form, name = _ref7.name, value = _ref7.value, columns = _ref7.columns, page = _ref7.page, pagination = _ref7.pagination, setState = _ref7.setState;
+          if (!pagination) {
+            _context2.next = 75;
+            break;
+          }
+          pageNum = page.pageNum, pageSize = page.pageSize;
+          pageArr = Array.from({
+            length: Math.ceil(_utils.tools.calc(value.length, '/', pageSize))
+          }, function (_, i) {
+            return i + 1;
+          });
+          flag = false;
+          errorNum = 0;
+          errorPageNum = 0;
+          _i = 0, _pageArr = pageArr;
+        case 8:
+          if (!(_i < _pageArr.length)) {
+            _context2.next = 60;
+            break;
+          }
+          item = _pageArr[_i];
+          if (!flag) {
+            _context2.next = 12;
+            break;
+          }
+          return _context2.abrupt("break", 60);
+        case 12:
+          errorNum = 0;
+          // 实现思路：截取每一页数据，手动触发每一行数据的校验，通过column配置的rule规则，
+          // 依次校验每一页数据，有错误就跳出循环，跳转到错误页数，并展示错误单元格数量
+          start = _utils.tools.calc(item - 1, '*', pageSize);
+          end = _utils.tools.calc(start, '+', pageSize);
+          nextValues = value === null || value === void 0 ? void 0 : value.slice(start, end);
+          _iterator2 = (0, _createForOfIteratorHelper2.default)(nextValues);
+          _context2.prev = 17;
+          _iterator2.s();
+        case 19:
+          if ((_step2 = _iterator2.n()).done) {
+            _context2.next = 48;
+            break;
+          }
+          record = _step2.value;
+          _iterator3 = (0, _createForOfIteratorHelper2.default)(columns);
+          _context2.prev = 22;
+          _iterator3.s();
+        case 24:
+          if ((_step3 = _iterator3.n()).done) {
+            _context2.next = 38;
+            break;
+          }
+          column = _step3.value;
+          _context2.prev = 26;
+          _context2.next = 29;
+          return handleCheckCellValue(column, record);
+        case 29:
+          result = _context2.sent;
+          if (!result) {
+            errorNum += 1;
+          }
+          _context2.next = 36;
+          break;
+        case 33:
+          _context2.prev = 33;
+          _context2.t0 = _context2["catch"](26);
+          errorNum += 1;
+        case 36:
+          _context2.next = 24;
+          break;
+        case 38:
+          _context2.next = 43;
+          break;
+        case 40:
+          _context2.prev = 40;
+          _context2.t1 = _context2["catch"](22);
+          _iterator3.e(_context2.t1);
+        case 43:
+          _context2.prev = 43;
+          _iterator3.f();
+          return _context2.finish(43);
+        case 46:
+          _context2.next = 19;
+          break;
+        case 48:
+          _context2.next = 53;
+          break;
+        case 50:
+          _context2.prev = 50;
+          _context2.t2 = _context2["catch"](17);
+          _iterator2.e(_context2.t2);
+        case 53:
+          _context2.prev = 53;
+          _iterator2.f();
+          return _context2.finish(53);
+        case 56:
+          if (errorNum > 0) {
+            flag = true;
+            errorPageNum = item;
+          }
+        case 57:
+          _i++;
+          _context2.next = 8;
+          break;
+        case 60:
+          if (!(flag && errorNum > 0)) {
+            _context2.next = 74;
+            break;
+          }
+          nextState = {
+            pageErrorNum: errorNum > 0 ? errorNum : 0
+          };
+          if (pageNum !== errorPageNum) {
+            nextState.page = {
+              pageNum: errorPageNum,
+              pageSize: pageSize
+            };
+          }
+          setState(nextState);
+          _context2.prev = 64;
+          _context2.next = 67;
+          return form.validateFields([name], {
+            recursive: true
+          });
+        case 67:
+          _context2.next = 72;
+          break;
+        case 69:
+          _context2.prev = 69;
+          _context2.t3 = _context2["catch"](64);
+          handleScrollToError();
+        case 72:
+          _context2.next = 75;
+          break;
+        case 74:
+          setState({
+            pageErrorNum: 0
+          });
+        case 75:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2, null, [[17, 50, 53, 56], [22, 40, 43, 46], [26, 33], [64, 69]]);
+  }));
+  return function onPageCheck(_x3) {
+    return _ref8.apply(this, arguments);
+  };
+}();

package/lib/ProForm/utils/useForm.js

@@ -63,6 +63,8 @@ var useForm = exports.useForm = function useForm(originForm, options) {
         _form$getInternalHook,
         getFields,
         fieldsList,
+        tablePagination,
+        _tablePagination$clic,
         _error$errorFields,
         _error$errorFields$,
         _args = arguments;
@@ -101,14 +103,18 @@ var useForm = exports.useForm = function useForm(originForm, options) {
           case 11:
             return _context.abrupt("return", _context.sent);
           case 12:
-            _context.next = 14;
+            tablePagination = document.querySelector('#pro-edit-table-pagination');
+            if (tablePagination) {
+              tablePagination === null || tablePagination === void 0 ? void 0 : (_tablePagination$clic = tablePagination.click) === null || _tablePagination$clic === void 0 ? void 0 : _tablePagination$clic.call(tablePagination);
+            }
+            _context.next = 16;
             return validateFields.apply(void 0, [nameList].concat(rest)).then(function (values) {
               return nameList ? values : _getFieldsValue();
             });
-          case 14:
+          case 16:
             return _context.abrupt("return", _context.sent);
-          case 17:
-            _context.prev = 17;
+          case 19:
+            _context.prev = 19;
             _context.t0 = _context["catch"](0);
             if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
               form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
@@ -118,11 +124,11 @@ var useForm = exports.useForm = function useForm(originForm, options) {
             }
             (0, _tools.handleScrollToError)();
             throw _context.t0;
-          case 22:
+          case 24:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 17]]);
+      }, _callee, null, [[0, 19]]);
     }));
     return function _validateFields(_x) {
       return _ref2.apply(this, arguments);

package/lib/ProStep/components/Item/index.d.ts

@@ -1,3 +1,3 @@
 import { ProStepItemPropsType } from '../../propsType';
-declare const ProStepItem: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
+declare function ProStepItem({ id, title, collapse: collapseItem, children, lazyLoad, ...restProps }: ProStepItemPropsType): import("react/jsx-runtime").JSX.Element;
 export default ProStepItem;

package/lib/ProStep/components/Item/index.js

@@ -13,52 +13,64 @@ var _reactLazyload = _interopRequireDefault(require("react-lazyload"));
 var _lodash = require("lodash");
 var _index = require("../../index");
 var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
-var _excluded = ["id", "title", "collapse", "children"];
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
 var defaultLazyLoadConfig = {
   height: 100,
   offset: 100,
-  once: true // 保证只在首次进入视口时触发懒加载
+  once: true // Load only once upon first entry into the viewport
 };
-var ProStepItem = function ProStepItem(_ref) {
+function ProStepItem(_ref) {
   var id = _ref.id,
     title = _ref.title,
     _ref$collapse = _ref.collapse,
     collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
     children = _ref.children,
+    lazyLoad = _ref.lazyLoad,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useStep = (0, _index.useStep)(),
     register = _useStep.register,
     collapse = _useStep.collapse;
   (0, _react.useEffect)(function () {
-    // 延迟更新父组件状态，避免重渲染
+    // Schedule registration to avoid re-render issues
     var timeoutId = setTimeout(function () {
-      register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
+      register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)({
+        id: id,
         title: title,
-        id: id
-      }));
+        lazyLoad: lazyLoad
+      }, restProps));
     }, 0);
     return function () {
       return clearTimeout(timeoutId);
     };
-  }, [register]);
-  var childrenRender = function childrenRender() {
-    if (restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) {
-      var lazyLoadProps = (0, _lodash.isBoolean)(restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) ? defaultLazyLoadConfig : restProps.lazyLoad;
+  }, [id, title, lazyLoad, restProps, register]);
+  var renderChildren = function renderChildren() {
+    if (lazyLoad) {
+      var lazyLoadProps = (0, _lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
       return (0, _jsxRuntime.jsx)(_reactLazyload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
+        classNamePrefix: id,
         children: children
       }));
     }
     return children;
   };
+  // If there's no `register` function or if collapsing is enabled, wrap in ProCollapse
+  if (!register || collapse && collapseItem && title) {
+    return (0, _jsxRuntime.jsx)("div", {
+      className: "pro-step-item",
+      id: id,
+      children: (0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+        title: title,
+        icon: true
+      }, restProps), {}, {
+        children: renderChildren()
+      }))
+    });
+  }
+  // Otherwise, just render children
   return (0, _jsxRuntime.jsx)("div", {
     className: "pro-step-item",
     id: id,
-    children: !register || collapse && collapseItem && title ? (0, _jsxRuntime.jsx)(_ProCollapse.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      title: title,
-      icon: true
-    }, restProps), {}, {
-      children: childrenRender()
-    })) : childrenRender()
+    children: renderChildren()
   });
-};
+}
 var _default = exports.default = ProStepItem;