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

package/es/ProEditTable/components/RcTable/VirtualTable.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ tableProps, ...resetProps }: {
-    [x: string]: any;
-    tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProEditTable/components/RcTable/VirtualTable.js

@@ -1,166 +1,8 @@
-import "antd/es/table/style";
-import _Table from "antd/es/table";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["tableProps"];
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, memo } from 'react';
-import classNames from 'classnames';
-import ResizeObserver from 'rc-resize-observer';
-import { VariableSizeGrid } from 'react-window';
-var VirtualTable = function VirtualTable(_ref) {
-  var _value$;
-  var tableProps = _ref.tableProps,
-    resetProps = _objectWithoutProperties(_ref, _excluded);
-  var value = tableProps.value,
-    headerRender = tableProps.headerRender,
-    tableRef = tableProps.tableRef,
-    className = tableProps.className,
-    columns = tableProps.columns,
-    renderRowSelection = tableProps.renderRowSelection,
-    rowClassName = tableProps.rowClassName,
-    disabled = tableProps.disabled,
-    virtualKey = tableProps.virtualKey,
-    editingKeys = tableProps.editingKeys,
-    isHideCheckBox = tableProps.isHideCheckBox,
-    rowDraggable = tableProps.rowDraggable,
-    scroll = tableProps.scroll,
-    summary = tableProps.summary;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    tableWidth = _useState2[0],
-    setTableWidth = _useState2[1];
-  var widthColumnCount = columns.filter(function (_ref2) {
-    var width = _ref2.width;
-    return !width;
-  }).length;
-  var mergedColumns = columns.map(function (column) {
-    if (column.width) {
-      return column;
-    }
-    return _objectSpread(_objectSpread({}, column), {}, {
-      width: Math.floor(tableWidth / widthColumnCount)
-    });
-  });
-  var gridRef = useRef();
-  var _useState3 = useState(function () {
-      var obj = {};
-      Object.defineProperty(obj, 'scrollLeft', {
-        get: function get() {
-          if (gridRef.current) {
-            var _gridRef$current, _gridRef$current$stat;
-            return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : (_gridRef$current$stat = _gridRef$current.state) === null || _gridRef$current$stat === void 0 ? void 0 : _gridRef$current$stat.scrollLeft;
-          }
-          return null;
-        },
-        set: function set(scrollLeft) {
-          if (gridRef.current) {
-            gridRef.current.scrollTo({
-              scrollLeft: scrollLeft
-            });
-          }
-        }
-      });
-      return obj;
-    }),
-    _useState4 = _slicedToArray(_useState3, 1),
-    connectObject = _useState4[0];
-  var resetVirtualGrid = function resetVirtualGrid() {
-    var _gridRef$current2;
-    (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.resetAfterIndices({
-      columnIndex: 0,
-      shouldForceUpdate: true
-    });
-  };
-  useEffect(function () {
-    return resetVirtualGrid;
-  }, [tableWidth]);
-  var renderVirtualList = function renderVirtualList(rawData, _ref3) {
-    var scrollbarSize = _ref3.scrollbarSize,
-      ref = _ref3.ref,
-      _onScroll = _ref3.onScroll;
-    ref.current = connectObject;
-    var totalHeight = rawData.length * 54;
-    return _jsx(VariableSizeGrid, {
-      ref: gridRef,
-      className: "virtual-grid",
-      columnCount: mergedColumns.length,
-      columnWidth: function columnWidth(index) {
-        var _width2;
-        var width = mergedColumns[index].width;
-        var _width = width;
-        if (typeof _width === 'string' && ((_width2 = _width) === null || _width2 === void 0 ? void 0 : _width2.includes('px'))) {
-          _width = parseInt(width, 10);
-        }
-        return totalHeight > scroll.y && index === mergedColumns.length - 1 ? _width - scrollbarSize - 1 : _width;
-      },
-      height: scroll.y,
-      rowCount: rawData.length,
-      rowHeight: function rowHeight() {
-        return 54;
-      },
-      width: tableWidth,
-      onScroll: function onScroll(_ref4) {
-        var scrollLeft = _ref4.scrollLeft;
-        _onScroll({
-          scrollLeft: scrollLeft
-        });
-      },
-      children: function children(_ref5) {
-        var columnIndex = _ref5.columnIndex,
-          rowIndex = _ref5.rowIndex,
-          style = _ref5.style;
-        return _jsx("div", {
-          className: classNames('virtual-table-cell', {
-            'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
-          }),
-          style: style,
-          children: rawData[rowIndex][mergedColumns[columnIndex].dataIndex]
-        });
-      }
-    });
-  };
-  return _jsxs(ResizeObserver, {
-    onResize: function onResize(_ref6) {
-      var _width3;
-      var width = _ref6.width;
-      var _width = width;
-      if (typeof _width === 'string' && ((_width3 = _width) === null || _width3 === void 0 ? void 0 : _width3.includes('px'))) {
-        _width = parseInt(width, 10);
-      }
-      setTableWidth(_width);
-    },
-    children: [headerRender ? _jsx("div", {
-      className: "pro-edit-table-header",
-      children: typeof headerRender === 'function' ? headerRender() : headerRender
-    }) : null, _jsx(_Table, _objectSpread(_objectSpread({
-      ref: tableRef,
-      className: className,
-      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
-      columns: mergedColumns,
-      rowSelection: renderRowSelection(),
-      rowClassName: rowClassName,
-      components: {
-        body: renderVirtualList
-      },
-      onRow: function onRow() {
-        return {
-          disabled: disabled || virtualKey && !!editingKeys.length,
-          'data-hide': isHideCheckBox,
-          'data-row-draggable': rowDraggable,
-          onClick: function onClick() {}
-        };
-      }
-    }, resetProps), {}, {
-      pagination: false,
-      rowKey: "rowKey",
-      scroll: {
-        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
-      },
-      summary: summary
-    }))]
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+var VirtualTable = function VirtualTable() {
+  return _jsx(_Fragment, {
+    children: "\u6682\u65F6\u4E0D\u4F7F\u7528\uFF0C\u53EF\u4EE5\u7B49\u5347\u7EA7antd5\u4F7F\u7528\u5BF9\u5E94\u7684\u80FD\u529B"
   });
 };
 export default /*#__PURE__*/memo(VirtualTable);

package/es/ProEditTable/components/RcTable/index.d.ts

@@ -2,5 +2,5 @@
 export { default as BaseTable } from './BaseTable';
 /** 拖拽表格 */
 export { default as DraggableTable } from './DraggableTable';
-/** 虚拟列表表格 */
+/** 虚拟列表表格, 暂时移除 */
 export { default as VirtualTable } from './VirtualTable';

package/es/ProEditTable/components/RcTable/index.js

@@ -2,5 +2,5 @@
 export { default as BaseTable } from './BaseTable';
 /** 拖拽表格 */
 export { default as DraggableTable } from './DraggableTable';
-/** 虚拟列表表格 */
+/** 虚拟列表表格, 暂时移除 */
 export { default as VirtualTable } from './VirtualTable';

package/es/ProForm/components/base/InputNumber/index.js

@@ -48,12 +48,13 @@ var InputNumber = function InputNumber(props) {
   var _ref2 = ProForm.useFieldProps() || {},
     isViewCon = _ref2.isView,
     viewEmpty = _ref2.viewEmpty,
-    valueType = _ref2.valueType,
+    valueTypeCon = _ref2.valueType,
     viewType = _ref2.viewType,
     label = _ref2.label;
   var initialConfig = useProConfig('InputNumber');
   var activateRef = 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/es/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, ...restProps }: ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
+export default ProStepItem;

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

@@ -3,9 +3,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["id", "title", "collapse", "children"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import LazyLoad from 'react-lazyload';
+import { isBoolean } from 'lodash';
 import { useStep } from '../../index';
 import ProCollapse from '../../../ProLayout/components/ProCollapse';
-export default (function (_ref) {
+var defaultLazyLoadConfig = {
+  height: 100,
+  offset: 100,
+  once: true // 保证只在首次进入视口时触发懒加载
+};
+var ProStepItem = function ProStepItem(_ref) {
   var id = _ref.id,
     title = _ref.title,
     _ref$collapse = _ref.collapse,
@@ -16,7 +23,7 @@ export default (function (_ref) {
     register = _useStep.register,
     collapse = _useStep.collapse;
   useEffect(function () {
-    // 子组件更新父组件 延迟状态更新，避免重渲染
+    // 延迟更新父组件状态，避免重渲染
     var timeoutId = setTimeout(function () {
       register === null || register === void 0 ? void 0 : register(_objectSpread(_objectSpread({}, restProps), {}, {
         title: title,
@@ -27,15 +34,24 @@ export default (function (_ref) {
       return clearTimeout(timeoutId);
     };
   }, [register]);
+  var childrenRender = function childrenRender() {
+    if (restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) {
+      var lazyLoadProps = isBoolean(restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) ? defaultLazyLoadConfig : restProps.lazyLoad;
+      return _jsx(LazyLoad, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
+        children: children
+      }));
+    }
+    return children;
+  };
   return _jsx("div", {
     className: "pro-step-item",
     id: id,
     children: !register || collapse && collapseItem && title ? _jsx(ProCollapse, _objectSpread(_objectSpread({
-      id: id,
       title: title,
       icon: true
     }, restProps), {}, {
-      children: children
-    })) : children
+      children: childrenRender()
+    })) : childrenRender()
   });
-});
+};
+export default ProStepItem;

package/es/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, ...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/es/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/lib/ProEditTable/components/RcTable/VirtualTable.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ tableProps, ...resetProps }: {
-    [x: string]: any;
-    tableProps: any;
-}) => import("react/jsx-runtime").JSX.Element>;
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -1,172 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
-var _reactWindow = require("react-window");
-var _excluded = ["tableProps"];
-var VirtualTable = function VirtualTable(_ref) {
-  var _value$;
-  var tableProps = _ref.tableProps,
-    resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var value = tableProps.value,
-    headerRender = tableProps.headerRender,
-    tableRef = tableProps.tableRef,
-    className = tableProps.className,
-    columns = tableProps.columns,
-    renderRowSelection = tableProps.renderRowSelection,
-    rowClassName = tableProps.rowClassName,
-    disabled = tableProps.disabled,
-    virtualKey = tableProps.virtualKey,
-    editingKeys = tableProps.editingKeys,
-    isHideCheckBox = tableProps.isHideCheckBox,
-    rowDraggable = tableProps.rowDraggable,
-    scroll = tableProps.scroll,
-    summary = tableProps.summary;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    tableWidth = _useState2[0],
-    setTableWidth = _useState2[1];
-  var widthColumnCount = columns.filter(function (_ref2) {
-    var width = _ref2.width;
-    return !width;
-  }).length;
-  var mergedColumns = columns.map(function (column) {
-    if (column.width) {
-      return column;
-    }
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-      width: Math.floor(tableWidth / widthColumnCount)
-    });
-  });
-  var gridRef = (0, _react.useRef)();
-  var _useState3 = (0, _react.useState)(function () {
-      var obj = {};
-      Object.defineProperty(obj, 'scrollLeft', {
-        get: function get() {
-          if (gridRef.current) {
-            var _gridRef$current, _gridRef$current$stat;
-            return (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : (_gridRef$current$stat = _gridRef$current.state) === null || _gridRef$current$stat === void 0 ? void 0 : _gridRef$current$stat.scrollLeft;
-          }
-          return null;
-        },
-        set: function set(scrollLeft) {
-          if (gridRef.current) {
-            gridRef.current.scrollTo({
-              scrollLeft: scrollLeft
-            });
-          }
-        }
-      });
-      return obj;
-    }),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 1),
-    connectObject = _useState4[0];
-  var resetVirtualGrid = function resetVirtualGrid() {
-    var _gridRef$current2;
-    (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.resetAfterIndices({
-      columnIndex: 0,
-      shouldForceUpdate: true
-    });
-  };
-  (0, _react.useEffect)(function () {
-    return resetVirtualGrid;
-  }, [tableWidth]);
-  var renderVirtualList = function renderVirtualList(rawData, _ref3) {
-    var scrollbarSize = _ref3.scrollbarSize,
-      ref = _ref3.ref,
-      _onScroll = _ref3.onScroll;
-    ref.current = connectObject;
-    var totalHeight = rawData.length * 54;
-    return (0, _jsxRuntime.jsx)(_reactWindow.VariableSizeGrid, {
-      ref: gridRef,
-      className: "virtual-grid",
-      columnCount: mergedColumns.length,
-      columnWidth: function columnWidth(index) {
-        var _width2;
-        var width = mergedColumns[index].width;
-        var _width = width;
-        if (typeof _width === 'string' && ((_width2 = _width) === null || _width2 === void 0 ? void 0 : _width2.includes('px'))) {
-          _width = parseInt(width, 10);
-        }
-        return totalHeight > scroll.y && index === mergedColumns.length - 1 ? _width - scrollbarSize - 1 : _width;
-      },
-      height: scroll.y,
-      rowCount: rawData.length,
-      rowHeight: function rowHeight() {
-        return 54;
-      },
-      width: tableWidth,
-      onScroll: function onScroll(_ref4) {
-        var scrollLeft = _ref4.scrollLeft;
-        _onScroll({
-          scrollLeft: scrollLeft
-        });
-      },
-      children: function children(_ref5) {
-        var columnIndex = _ref5.columnIndex,
-          rowIndex = _ref5.rowIndex,
-          style = _ref5.style;
-        return (0, _jsxRuntime.jsx)("div", {
-          className: (0, _classnames.default)('virtual-table-cell', {
-            'virtual-table-cell-last': columnIndex === mergedColumns.length - 1
-          }),
-          style: style,
-          children: rawData[rowIndex][mergedColumns[columnIndex].dataIndex]
-        });
-      }
-    });
-  };
-  return (0, _jsxRuntime.jsxs)(_rcResizeObserver.default, {
-    onResize: function onResize(_ref6) {
-      var _width3;
-      var width = _ref6.width;
-      var _width = width;
-      if (typeof _width === 'string' && ((_width3 = _width) === null || _width3 === void 0 ? void 0 : _width3.includes('px'))) {
-        _width = parseInt(width, 10);
-      }
-      setTableWidth(_width);
-    },
-    children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
-      className: "pro-edit-table-header",
-      children: typeof headerRender === 'function' ? headerRender() : headerRender
-    }) : null, (0, _jsxRuntime.jsx)(_antd.Table, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-      ref: tableRef,
-      className: className,
-      dataSource: (value === null || value === void 0 ? void 0 : (_value$ = value[0]) === null || _value$ === void 0 ? void 0 : _value$.rowKey) ? value : undefined,
-      columns: mergedColumns,
-      rowSelection: renderRowSelection(),
-      rowClassName: rowClassName,
-      components: {
-        body: renderVirtualList
-      },
-      onRow: function onRow() {
-        return {
-          disabled: disabled || virtualKey && !!editingKeys.length,
-          'data-hide': isHideCheckBox,
-          'data-row-draggable': rowDraggable,
-          onClick: function onClick() {}
-        };
-      }
-    }, resetProps), {}, {
-      pagination: false,
-      rowKey: "rowKey",
-      scroll: {
-        x: scroll === null || scroll === void 0 ? void 0 : scroll.x,
-        y: (value === null || value === void 0 ? void 0 : value.length) ? scroll === null || scroll === void 0 ? void 0 : scroll.y : undefined
-      },
-      summary: summary
-    }))]
+var VirtualTable = function VirtualTable() {
+  return (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: "\u6682\u65F6\u4E0D\u4F7F\u7528\uFF0C\u53EF\u4EE5\u7B49\u5347\u7EA7antd5\u4F7F\u7528\u5BF9\u5E94\u7684\u80FD\u529B"
   });
 };
 var _default = exports.default = /*#__PURE__*/(0, _react.memo)(VirtualTable);

package/lib/ProEditTable/components/RcTable/index.d.ts

@@ -2,5 +2,5 @@
 export { default as BaseTable } from './BaseTable';
 /** 拖拽表格 */
 export { default as DraggableTable } from './DraggableTable';
-/** 虚拟列表表格 */
+/** 虚拟列表表格, 暂时移除 */
 export { default as VirtualTable } from './VirtualTable';

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/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, ...restProps }: ProStepItemPropsType) => import("react/jsx-runtime").JSX.Element;
+export default ProStepItem;

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

@@ -9,10 +9,17 @@ 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 defaultLazyLoadConfig = {
+  height: 100,
+  offset: 100,
+  once: true // 保证只在首次进入视口时触发懒加载
+};
+var ProStepItem = function ProStepItem(_ref) {
   var id = _ref.id,
     title = _ref.title,
     _ref$collapse = _ref.collapse,
@@ -23,7 +30,7 @@ var _default = exports.default = function _default(_ref) {
     register = _useStep.register,
     collapse = _useStep.collapse;
   (0, _react.useEffect)(function () {
-    // 子组件更新父组件 延迟状态更新，避免重渲染
+    // 延迟更新父组件状态，避免重渲染
     var timeoutId = setTimeout(function () {
       register === null || register === void 0 ? void 0 : register((0, _objectSpread2.default)((0, _objectSpread2.default)({}, restProps), {}, {
         title: title,
@@ -34,15 +41,24 @@ var _default = exports.default = function _default(_ref) {
       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;
+      return (0, _jsxRuntime.jsx)(_reactLazyload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
+        children: children
+      }));
+    }
+    return 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: childrenRender()
+    })) : childrenRender()
   });
-};
+};
+var _default = exports.default = ProStepItem;

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, ...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/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-beta.1",
+  "version": "3.10.4-beta.2",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -68,9 +68,9 @@
     "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",

package/.vscode/extensions.json

@@ -1,5 +0,0 @@
-{
-    "recommendations": [
-        "kisstkondoros.vscode-codemetrics"
-    ]
-}