@zat-design/sisyphus-react 3.10.4 → 3.11.0

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 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

@@ -9,40 +9,68 @@ 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 _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
+};
+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]);
+  }, [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)({
-      id: id,
-      title: title,
-      icon: true
-    }, restProps), {}, {
-      children: children
-    })) : children
+    children: renderChildren()
   });
-};
+}
+var _default = exports.default = ProStepItem;

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

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../../index");
@@ -33,16 +33,34 @@ var findFirstErrorDom = function findFirstErrorDom() {
   }
   return null;
 };
+var 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;
+};
+// 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 +71,7 @@ var _default = exports.default = function _default(_ref) {
             });
           case 3:
             values = _context.sent;
+            loadedMap = getLoadedMap(registerMap);
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
               var _ref3 = findFirstErrorDom() || {},
@@ -62,10 +81,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

@@ -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").ProStepItem) => import("react/jsx-runtime").JSX.Element;
+    Item: typeof Item;
     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'),
@@ -78,8 +80,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 +166,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 +203,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,6 +235,7 @@ var ProStep = function ProStep(_ref) {
   }, [errorCollection, dataSource]);
   return (0, _jsxRuntime.jsx)(ProStepContext.Provider, {
     value: {
+      registerMap: registerMap,
       collapse: collapse,
       register: register,
       notify: notify,

package/lib/ProStep/propsType.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { LazyLoadProps } from 'react-lazyload';
 export interface ItemType {
     name: string;
     code: string;
@@ -22,10 +23,12 @@ export interface ProStepPropsType {
     /** @name 是否滚动到第一个报错 */
     scrollToError?: boolean;
 }
-export interface ProStepItem {
+export interface ProStepItemPropsType {
     id: string;
     title?: string;
     collapse?: boolean;
     order?: number;
+    /** 模块可视区域懒加载 */
+    lazyLoad?: boolean | LazyLoadProps;
     [key: string]: any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.10.4",
+  "version": "3.11.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -61,16 +61,16 @@
     "@dnd-kit/utilities": "^3.2.1",
     "@pansy/react-watermark": "^3.1.13",
     "@zat-design/utils": "1.1.37",
-    "ahooks": "3.7.4",
-    "antd": "4.24.8",
+    "ahooks": "3.8.4",
+    "antd": "4.24.12",
     "big.js": "^6.2.1",
     "classnames": "^2.3.1",
     "lodash": "^4.17.21",
     "moment": "^2.29.1",
     "rc-resize-observer": "^1.4.0",
-    "react-resizable": "^3.0.4",
-    "react-svg": "^15.1.7",
-    "react-window": "^1.8.10"
+    "react-lazyload": "^3.2.1",
+    "react-resizable": "^3.0.5",
+    "react-svg": "^15.1.7"
   },
   "peerDependencies": {
     "antd": "^4.24.8",
@@ -88,6 +88,7 @@
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.53",
     "@types/react-dom": "^17.0.0",
+    "@types/react-lazyload": "^3.2.3",
     "@types/react-resizable": "^1.7.4",
     "@typescript-eslint/eslint-plugin": "4.0.1",
     "@typescript-eslint/parser": "4.0.1",