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

package/lib/ProEditTable/index.js

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -113,7 +115,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     selectedRows = state.selectedRows,
     page = state.page;
   var virtualRowName = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
-  var cacheMap = (0, _react.useRef)({});
   // 样式处理
   var _className = (0, _classnames.default)({
     'pro-edit-table': true,
@@ -163,13 +164,51 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       return getRowKey(item) === getRowKey(record);
     }));
   };
+  // 分页变更
+  var handlePageChange = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(current, pageSize) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            if (!pagination) {
+              _context.next = 5;
+              break;
+            }
+            _context.next = 4;
+            return form.validateFields([name], {
+              recursive: true
+            });
+          case 4:
+            setState({
+              page: {
+                pageNum: current,
+                pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
+              }
+            });
+          case 5:
+            _context.next = 10;
+            break;
+          case 7:
+            _context.prev = 7;
+            _context.t0 = _context["catch"](0);
+            (0, _tools.handleScrollToError)();
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return function (_x, _x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), []);
   var config = (0, _objectSpread2.default)({
     form: form,
     mode: mode,
     isView: isView,
     viewEmpty: viewEmpty,
     disabled: disabled,
-    cacheMap: cacheMap,
     cellNamePath: cellNamePath,
     forceUpdate: forceUpdate,
     insertType: insertType,
@@ -197,7 +236,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     rowDisabled: rowDisabled,
     actionDirection: actionDirection,
     diffConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps === null || resetProps === void 0 ? void 0 : (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
-    getIsNew: getIsNew
+    getIsNew: getIsNew,
+    handlePageChange: handlePageChange
   }, resetProps);
   // 编辑行设置下样式
   var _rowClassName = function _rowClassName(record) {
@@ -248,15 +288,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     },
     hideSelectAll: isHideCheckBox
   }, rowSelection);
-  // 分页变更
-  var handlePageChange = (0, _react.useCallback)(function (current, pageSize) {
-    setState({
-      page: {
-        pageNum: current,
-        pageSize: pageSize
-      }
-    });
-  }, []);
   // 空列表状态
   var empty = function empty() {
     var _toolbarProps$filter;

package/lib/ProEditTable/propsType.d.ts

@@ -98,7 +98,6 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     labelRequired?: boolean;
     name?: NamePath;
     names?: NamePath[];
-    cache?: boolean;
     isEditable?: boolean | RequiredFn<T>;
     valueType?: ProFormValueType | ((text?: any, record?: any, options?: OptionsProps) => ProFormValueType);
     tooltip?: string | ({

package/lib/ProEditTable/style/index.less

@@ -151,7 +151,9 @@
         background-color: var(--zaui-table-header-bg, #f2f3f5);
         color           : var(--zaui-text, #343434);
         font-weight     : 600;
-
+        td{
+          padding: 8px 16px;
+        }
         .@{ant-prefix}-table-cell-fix-left,
         .@{ant-prefix}-table-cell-fix-right {
           background-color: var(--zaui-table-header-bg, #f2f3f5);

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

@@ -20,6 +20,6 @@ export declare const actions: {
     save: ({ record, editingKeys, setState, form, rowName, virtualRowName, result }: any) => Promise<void>;
     cancel: ({ name, record, editingKeys, setState, form, virtualRowName, virtualKey }: any) => void;
     delete: ({ name, record, editingKeys, setState, form, virtualKey, onlyOneLineMsg }: any) => boolean;
-    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, }: any) => Promise<boolean>;
+    add: ({ result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, prefixCls, page, handlePageChange, }: any) => Promise<boolean>;
     mulDelete: ({ form, name, virtualKey, setState, selectedRowKeys, editingKeys }: any) => void;
 };

package/lib/ProEditTable/utils/config.js

@@ -12,6 +12,7 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _icons = require("@ant-design/icons");
+var _utils = require("@zat-design/utils");
 var _antd = require("antd");
 var _lodash = require("lodash");
 var _tools = require("./tools");
@@ -174,11 +175,11 @@ var actions = exports.actions = {
   add: function () {
     var _add = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(_ref5) {
       var _tableRef$current$que, _tableRef$current$que2;
-      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, nextData, rowKey, addData, nextEditingKeys;
+      var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, page, handlePageChange, nextData, rowKey, addData, nextPageNum, nextEditingKeys;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls;
+            result = _ref5.result, insertType = _ref5.insertType, editingKeys = _ref5.editingKeys, setState = _ref5.setState, form = _ref5.form, name = _ref5.name, virtualName = _ref5.virtualName, virtualKey = _ref5.virtualKey, onlyOneLineMsg = _ref5.onlyOneLineMsg, tableRef = _ref5.tableRef, _ref5$prefixCls = _ref5.prefixCls, prefixCls = _ref5$prefixCls === void 0 ? 'ant' : _ref5$prefixCls, page = _ref5.page, handlePageChange = _ref5.handlePageChange;
             nextData = (0, _toConsumableArray2.default)(form.getFieldValue(name) || []); // 单行编辑时，需要先保存，才能进行下面的编辑
             if (!(virtualKey && editingKeys.length >= 1)) {
               _context2.next = 5;
@@ -195,7 +196,14 @@ var actions = exports.actions = {
               addData.addFlag = true;
               addData.isEditing = true;
             }
-            insertType === 'before' ? nextData.unshift(addData) : nextData.push(addData);
+            if (insertType === 'before') {
+              nextData.unshift(addData);
+              handlePageChange(1);
+            } else {
+              nextData.push(addData);
+              nextPageNum = Math.ceil(_utils.tools.calc(nextData.length, '/', page.pageSize));
+              handlePageChange(nextPageNum);
+            }
             // 当单选情况下，存储正在编辑值
             if (virtualKey) {
               nextEditingKeys = (0, _toConsumableArray2.default)(editingKeys); // 开启编辑状态

package/lib/ProEditTable/utils/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.transformColumns = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
@@ -205,13 +204,10 @@ var transformColumns = exports.transformColumns = function transformColumns() {
     virtualKey = config.virtualKey,
     requiredAlign = config.requiredAlign,
     isView = config.isView,
-    cacheMap = config.cacheMap,
     setState = config.setState,
     page = config.page;
   var isCell = mode === 'cell';
   var _columns = (0, _tools.cloneDeepFilterNode)(columns);
-  // 你的函数代码
-  var _cacheMap = (0, _objectSpread2.default)({}, cacheMap.current);
   var pageNum = _utils.tools.calc(page.pageNum, '-', 1);
   var firstIndex = _utils.tools.calc(pageNum, '*', page.pageSize);
   _columns.forEach(function (item, index) {
@@ -284,26 +280,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
     if (item.className) {
       item.className = (0, _toConsumableArray2.default)(new Set(item.className.split(' '))).join(' ');
     }
-    // 当列表配置cache，接口请求静态数据会做数据缓存
-    if (item.cache) {
-      var _item$fieldProps3;
-      // 初始化加载ProSelect，缓存当前useRequest
-      if (item.type === 'ProSelect') {
-        var _cacheMap$item$dataIn, _cacheMap$item$dataIn2;
-        if (!(_cacheMap === null || _cacheMap === void 0 ? void 0 : (_cacheMap$item$dataIn = _cacheMap[item.dataIndex]) === null || _cacheMap$item$dataIn === void 0 ? void 0 : (_cacheMap$item$dataIn2 = _cacheMap$item$dataIn.dataSource) === null || _cacheMap$item$dataIn2 === void 0 ? void 0 : _cacheMap$item$dataIn2.length)) {
-          var _item$fieldProps, _item$fieldProps2;
-          _cacheMap[item.dataIndex] = {
-            useRequest: (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : _item$fieldProps.useRequest,
-            dataSource: [],
-            transformResponse: (_item$fieldProps2 = item.fieldProps) === null || _item$fieldProps2 === void 0 ? void 0 : _item$fieldProps2.transformResponse
-          };
-        } else {
-          var _cacheMap$item$dataIn3;
-          item.fieldProps.dataSource = (_cacheMap$item$dataIn3 = _cacheMap[item.dataIndex]) === null || _cacheMap$item$dataIn3 === void 0 ? void 0 : _cacheMap$item$dataIn3.dataSource;
-        }
-      }
-      (_item$fieldProps3 = item.fieldProps) === null || _item$fieldProps3 === void 0 ? true : delete _item$fieldProps3.useRequest;
-    }
     var _render = function _render(text, record, index) {
       var isEditing = !virtualKey || editingKeys.includes(record.rowKey) || record.addFlag;
       var namePath = (0, _lodash.isArray)(name) ? name : [name];
@@ -394,53 +370,6 @@ var transformColumns = exports.transformColumns = function transformColumns() {
     }));
     actionColumn && _columns.push(actionColumn);
   }
-  // cacheMap 用来存储缓存值，若有值后不再请求
-  if (JSON.stringify(cacheMap.current) === '{}') {
-    Promise.all(Object.entries(_cacheMap).map(/*#__PURE__*/function () {
-      var _ref4 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(item) {
-        var _item, key, value, _ref5, service, option;
-        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _item = (0, _slicedToArray2.default)(item, 2), key = _item[0], value = _item[1];
-              _ref5 = (value === null || value === void 0 ? void 0 : value.useRequest) || {}, service = _ref5.service, option = _ref5.option;
-              if (!service) {
-                _context2.next = 8;
-                break;
-              }
-              _context2.t0 = key;
-              _context2.next = 6;
-              return service((0, _objectSpread2.default)({}, option === null || option === void 0 ? void 0 : option.defaultParams));
-            case 6:
-              _context2.t1 = _context2.sent;
-              return _context2.abrupt("return", [_context2.t0, _context2.t1]);
-            case 8:
-              return _context2.abrupt("return", [key, {}]);
-            case 9:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x3) {
-        return _ref4.apply(this, arguments);
-      };
-    }())).then(function (res) {
-      res.forEach(function (item) {
-        var _item2 = (0, _slicedToArray2.default)(item, 2),
-          key = _item2[0],
-          value = _item2[1];
-        var transformResponse = _cacheMap[key].transformResponse;
-        _cacheMap[key].dataSource = (transformResponse ? transformResponse(value) : value === null || value === void 0 ? void 0 : value.data) || [];
-      });
-      cacheMap.current = _cacheMap;
-      if (JSON.stringify(cacheMap.current) !== '{}') {
-        setState({
-          forceUpdate: {}
-        });
-      }
-    });
-  }
   // 渲染操作列
   return _columns;
 };

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/components/render/ConfirmWrapper.js

@@ -28,25 +28,25 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
   var _ProForm$useFieldProp = _index.default.useFieldProps(),
     form = _ProForm$useFieldProp.form;
   var handleChange = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
+    var _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(value) {
       var _len,
         other,
         _key,
         _value,
         confirmProps,
-        _args = arguments;
-      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+        _args2 = arguments;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            for (_len = _args.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-              other[_key - 1] = _args[_key];
+            for (_len = _args2.length, other = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+              other[_key - 1] = _args2[_key];
             }
             _value = (value === null || value === void 0 ? void 0 : value.target) ? value.target.value : value;
             if (!(0, _lodash.isFunction)(confirm)) {
-              _context.next = 8;
+              _context2.next = 8;
               break;
             }
-            _context.next = 5;
+            _context2.next = 5;
             return confirm(value, form.getFieldsValue(), {
               option: other[0],
               form: form,
@@ -56,13 +56,13 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
               preValue: form.getFieldValue(otherProps.listName || otherProps.name)
             });
           case 5:
-            _context.t0 = _context.sent;
-            _context.next = 9;
+            _context2.t0 = _context2.sent;
+            _context2.next = 9;
             break;
           case 8:
-            _context.t0 = confirm;
+            _context2.t0 = confirm;
           case 9:
-            confirmProps = _context.t0;
+            confirmProps = _context2.t0;
             // 只处理 false, true 和 对象的情况
             if (confirmProps === false) {
               onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
@@ -76,21 +76,41 @@ var ConfirmWrapper = function ConfirmWrapper(props) {
             }
             if ((0, _lodash.isObject)(confirmProps)) {
               _antd.Modal.confirm((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, 'title' in confirmProps || 'content' in confirmProps ? {} : defaultConfirmProps), confirmProps), {}, {
-                onOk: function onOk() {
-                  var _confirmProps$onOk;
-                  for (var _len2 = arguments.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-                    arg[_key2] = arguments[_key2];
+                onOk: function () {
+                  var _onOk = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+                    var _confirmProps$onOk;
+                    var _len2,
+                      arg,
+                      _key2,
+                      _args = arguments;
+                    return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+                      while (1) switch (_context.prev = _context.next) {
+                        case 0:
+                          for (_len2 = _args.length, arg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                            arg[_key2] = _args[_key2];
+                          }
+                          _context.next = 3;
+                          return (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
+                        case 3:
+                          onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
+                        case 4:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }, _callee);
+                  }));
+                  function onOk() {
+                    return _onOk.apply(this, arguments);
                   }
-                  (_confirmProps$onOk = confirmProps.onOk) === null || _confirmProps$onOk === void 0 ? void 0 : _confirmProps$onOk.call.apply(_confirmProps$onOk, [confirmProps].concat(arg));
-                  onChange === null || onChange === void 0 ? void 0 : onChange.apply(void 0, [_value].concat(other));
-                }
+                  return onOk;
+                }()
               }));
             }
           case 13:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function handleChange(_x) {
       return _ref.apply(this, arguments);

package/lib/ProSelect/index.js

@@ -24,7 +24,7 @@ require("./index.less");
 var _excluded = ["dataSource", "defaultDisableValue", "useRequest", "fieldNames", "tooltip", "otherProps", "labelInValue", "filterInList", "scrollFollowParent", "defaultOne", "onSearch", "optionRender", "onChange", "updateDataSource", "transformResponse", "getValueProps", "isView"];
 var Option = _antd.Select.Option;
 var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
-  var _selectProps$showCode, _locale$ProSelect;
+  var _selectProps$showCode, _useRequest$options, _locale$ProSelect;
   var _ref = (0, _ProConfigProvider.useProConfig)('ProSelect') || {},
     _ref$fieldNames = _ref.fieldNames,
     proSelectFieldNames = _ref$fieldNames === void 0 ? {} : _ref$fieldNames,
@@ -88,6 +88,21 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
     }
     setSelectList(data || []);
   };
+  var successTransformDataHandle = (0, _react.useCallback)(function (res) {
+    if (transformResponse && typeof transformResponse === 'function') {
+      return transformResponse(res);
+    }
+    var _ref3 = res || {},
+      _ref3$status = _ref3.status,
+      status = _ref3$status === void 0 ? 200 : _ref3$status,
+      msg = _ref3.message,
+      data = _ref3.data;
+    if (status !== 200) {
+      _antd.message.error(msg);
+      return;
+    }
+    return data;
+  }, []);
   var fetchFunction = (0, _ahooks.useRequest)(useRequest === null || useRequest === void 0 ? void 0 : useRequest.service, (0, _objectSpread2.default)({
     manual: true,
     onSuccess: function onSuccess(data) {
@@ -101,6 +116,7 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
     },
     debounceWait: 300
   }, useRequest === null || useRequest === void 0 ? void 0 : useRequest.options));
+  var cacheList = (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options = useRequest.options) === null || _useRequest$options === void 0 ? void 0 : _useRequest$options.cacheKey) ? successTransformDataHandle(fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data) : [];
   var getValueObject = function getValueObject(input) {
     if (Array.isArray(input) && input.length) {
       var resArr = [];
@@ -125,15 +141,24 @@ var ProSelect = exports.ProSelect = function ProSelect(props, ref) {
   (0, _ahooks.useDeepCompareEffect)(function () {
     setSelectList(dataSource);
   }, [dataSource]);
+  (0, _ahooks.useDeepCompareEffect)(function () {
+    var _useRequest$options2;
+    // 设置cacheKey后使用缓存的数据
+    if (!(selectList === null || selectList === void 0 ? void 0 : selectList.length) && (useRequest === null || useRequest === void 0 ? void 0 : (_useRequest$options2 = useRequest.options) === null || _useRequest$options2 === void 0 ? void 0 : _useRequest$options2.cacheKey)) {
+      if (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length) {
+        setSelectList(cacheList);
+      }
+    }
+  }, [fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.data]);
   (0, _ahooks.useDeepCompareEffect)(function () {
     // 默认disable值时，不查询接口
     if (defaultDisableValue || !useRequest) {
       return;
     }
-    var _ref3 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
-      defaultParams = _ref3.defaultParams,
-      manual = _ref3.manual;
-    if (manual) {
+    var _ref4 = (useRequest === null || useRequest === void 0 ? void 0 : useRequest.options) || {},
+      defaultParams = _ref4.defaultParams,
+      manual = _ref4.manual;
+    if (manual || (cacheList === null || cacheList === void 0 ? void 0 : cacheList.length)) {
       return;
     }
     fetchFunction.run(defaultParams);

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