@zat-design/sisyphus-react 3.10.4 → 3.11.1

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/components/base/InputNumber/index.js

@@ -52,12 +52,13 @@ var InputNumber = function InputNumber(props) {
   var _ref2 = _ProForm.default.useFieldProps() || {},
     isViewCon = _ref2.isView,
     viewEmpty = _ref2.viewEmpty,
-    valueType = _ref2.valueType,
+    valueTypeCon = _ref2.valueType,
     viewType = _ref2.viewType,
     label = _ref2.label;
   var initialConfig = (0, _ProConfigProvider.useProConfig)('InputNumber');
   var activateRef = (0, _react.useRef)(false);
   var isView = typeof props.isView === 'boolean' ? props.isView : isViewCon; // 组件可直接接收isView参数, 优先级高
+  var valueType = 'valueType' in props ? props.valueType : valueTypeCon; // 组件可直接接收valueType参数, 优先级高
   var valueProps = {};
   var formatter = function formatter(value) {
     var _props$precision;

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 { ProStepItem } from '../../propsType';
-declare const _default: ({ id, title, collapse: collapseItem, children, ...restProps }: ProStepItem) => import("react/jsx-runtime").JSX.Element;
-export default _default;
+import { ProStepItemPropsType } from '../../propsType';
+declare const ProStepItem: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, ...restProps }: ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
+export default ProStepItem;

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

@@ -9,40 +9,75 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _reactLazyload = _interopRequireDefault(require("react-lazyload"));
+var _lodash = require("lodash");
 var _index = require("../../index");
+var _utils = require("../../utils");
 var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
-var _excluded = ["id", "title", "collapse", "children"];
-var _default = exports.default = function _default(_ref) {
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
+var defaultLazyLoadConfig = {
+  height: 100,
+  offset: 100,
+  once: true // Load only once upon first entry into the viewport
+};
+var ProStepItem = 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,
+    stepLazyLoad = _ref.lazyLoad,
     restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useStep = (0, _index.useStep)(),
     register = _useStep.register,
-    collapse = _useStep.collapse;
+    collapse = _useStep.collapse,
+    globalLazyLoad = _useStep.lazyLoad,
+    registerMap = _useStep.registerMap;
+  var lazyLoad = stepLazyLoad || globalLazyLoad;
+  var loadedMap = (0, _utils.getLoadedMap)(registerMap);
   (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]);
+  }, [id, title, lazyLoad, restProps, register]);
+  var renderChildren = function renderChildren() {
+    var _loadedMap$;
+    // 第一个step不设置lasyload，防止懒加载不生效
+    if (lazyLoad && (loadedMap === null || loadedMap === void 0 ? void 0 : loadedMap.length) && (loadedMap === null || loadedMap === void 0 ? void 0 : (_loadedMap$ = loadedMap[0]) === null || _loadedMap$ === void 0 ? void 0 : _loadedMap$.id) !== id) {
+      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)({
-      id: id,
-      title: title,
-      icon: true
-    }, restProps), {}, {
-      children: children
-    })) : children
+    children: renderChildren()
   });
-};
+};
+var _default = exports.default = ProStepItem;

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

@@ -12,6 +12,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
+var _utils = require("../../utils");
 var _excluded = ["children", "delayTime", "excludes"];
 var checkErrorList = function checkErrorList(arr) {
   for (var i = 0; i < arr.length; i++) {
@@ -33,16 +34,23 @@ var findFirstErrorDom = function findFirstErrorDom() {
   }
   return null;
 };
+// Function to check if all modules are loaded
+var areAllModulesLoaded = function areAllModulesLoaded(data) {
+  return data.every(function (item) {
+    return (item === null || item === void 0 ? void 0 : item.loaded) === true;
+  });
+};
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children,
     delayTime = _ref.delayTime,
     excludes = _ref.excludes,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useStep = (0, _index.useStep)(),
-    notify = _useStep.notify;
+    notify = _useStep.notify,
+    registerMap = _useStep.registerMap;
   return /*#__PURE__*/_react.default.cloneElement(children, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
     onClick: (0, _lodash.throttle)(/*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var values;
+      var values, loadedMap;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -53,6 +61,7 @@ var _default = exports.default = function _default(_ref) {
             });
           case 3:
             values = _context.sent;
+            loadedMap = (0, _utils.getLoadedMap)(registerMap);
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
               var _ref3 = findFirstErrorDom() || {},
@@ -62,10 +71,10 @@ var _default = exports.default = function _default(_ref) {
               }
               if (localData !== 'false') {
                 var _children$props, _children$props$onCli;
-                children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 ? void 0 : _children$props$onCli.call(_children$props, values);
+                children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : (_children$props$onCli = _children$props.onClick) === null || _children$props$onCli === void 0 ? void 0 : _children$props$onCli.call(_children$props, values, areAllModulesLoaded(loadedMap), loadedMap);
               }
             }, delayTime !== null && delayTime !== void 0 ? delayTime : 0);
-          case 5:
+          case 6:
           case "end":
             return _context.stop();
         }

package/lib/ProStep/index.d.ts

@@ -6,7 +6,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").ProStepItem) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ id, title, collapse: collapseItem, children, lazyLoad: stepLazyLoad, ...restProps }: import("./propsType").ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
     Listener: ({ children, delayTime, excludes, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>;
 };
 export default ProStep;

package/lib/ProStep/index.js

@@ -30,10 +30,12 @@ var ProStep = function ProStep(_ref) {
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     reRender = _useState2[1];
-  var _useSetState = (0, _ahooks.useSetState)({}),
+  var _useSetState = (0, _ahooks.useSetState)({
+      errorCollection: {}
+    }),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
-    errorCollection = _useSetState2[0],
-    setErrorCollection = _useSetState2[1];
+    errorCollection = _useSetState2[0].errorCollection,
+    setState = _useSetState2[1];
   // 注册子节点id与title映射的集合
   var registerMap = (0, _react.useRef)({});
   var _useLocalStorageState = (0, _ahooks.useLocalStorageState)('cache-pro-step'),
@@ -44,7 +46,9 @@ var ProStep = function ProStep(_ref) {
     _resetProps$collapse = resetProps.collapse,
     collapse = _resetProps$collapse === void 0 ? false : _resetProps$collapse,
     _resetProps$scrollToE = resetProps.scrollToError,
-    scrollToError = _resetProps$scrollToE === void 0 ? true : _resetProps$scrollToE;
+    scrollToError = _resetProps$scrollToE === void 0 ? true : _resetProps$scrollToE,
+    _resetProps$lazyLoad = resetProps.lazyLoad,
+    lazyLoad = _resetProps$lazyLoad === void 0 ? false : _resetProps$lazyLoad;
   var dataSource = (0, _react.useMemo)(function () {
     var _Object$entries, _Object$entries$map;
     if (resetProps === null || resetProps === void 0 ? void 0 : resetProps.dataSource) {
@@ -78,8 +82,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]) {
@@ -162,7 +168,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":
@@ -197,7 +205,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":
@@ -227,11 +237,13 @@ var ProStep = function ProStep(_ref) {
   }, [errorCollection, dataSource]);
   return (0, _jsxRuntime.jsx)(ProStepContext.Provider, {
     value: {
+      registerMap: registerMap,
       collapse: collapse,
       register: register,
       notify: notify,
       triggerTo: triggerTo,
-      handleScroll: _utils.handleScroll
+      handleScroll: _utils.handleScroll,
+      lazyLoad: lazyLoad
     },
     children: (0, _jsxRuntime.jsxs)("div", {
       className: "pro-step-wrapper",

package/lib/ProStep/propsType.d.ts

@@ -1,9 +1,16 @@
 import { ReactNode } from 'react';
+import { LazyLoadProps } from 'react-lazyload';
 export interface ItemType {
     name: string;
     code: string;
     order?: number;
 }
+export interface LoadedMapPropsType {
+    id: string;
+    order: number;
+    title: string;
+    loaded: boolean;
+}
 export interface ProStepPropsType {
     /** @name 步骤条配置项 */
     dataSource?: ItemType[];
@@ -21,11 +28,15 @@ export interface ProStepPropsType {
     collapse?: boolean;
     /** @name 是否滚动到第一个报错 */
     scrollToError?: boolean;
+    /** 模块可视区域懒加载 */
+    lazyLoad?: boolean | LazyLoadProps;
 }
-export interface ProStepItem {
+export interface ProStepItemPropsType {
     id: string;
     title?: string;
     collapse?: boolean;
     order?: number;
+    /** 模块可视区域懒加载 */
+    lazyLoad?: boolean | LazyLoadProps;
     [key: string]: any;
 }

package/lib/ProStep/utils/index.d.ts

@@ -1,2 +1,5 @@
+import type { LoadedMapPropsType } from '../propsType';
 export declare const handleScroll: (id: any, options: any) => void;
+/** 获取加载模块数据信息 */
+export declare const getLoadedMap: (registerMap: any) => LoadedMapPropsType[];
 export default handleScroll;

package/lib/ProStep/utils/index.js

@@ -1,9 +1,11 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handleScroll = exports.default = void 0;
+exports.handleScroll = exports.getLoadedMap = exports.default = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _lodash = require("lodash");
 var handleScroll = exports.handleScroll = function handleScroll(id, options) {
   var _ref = options || {},
@@ -21,4 +23,16 @@ var handleScroll = exports.handleScroll = function handleScroll(id, options) {
     }, 100), 0);
   }
 };
+/** 获取加载模块数据信息 */
+var getLoadedMap = exports.getLoadedMap = function getLoadedMap(registerMap) {
+  if (!(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current)) {
+    return undefined;
+  }
+  var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(function (item) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.pick)(item, ['id', 'order', 'title'])), {}, {
+      loaded: !document.querySelector(".".concat(item === null || item === void 0 ? void 0 : item.id, "-placeholder"))
+    });
+  });
+  return stepList;
+};
 var _default = exports.default = handleScroll;