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

package/.vscode/extensions.json

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

package/dist/index.esm.css

@@ -4516,6 +4516,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   padding: 0;
   border-radius: 0;
 }
+.pro-edit-table .ant-pagination .ant-pagination-item .pro-edit-table-pagination-item-badge {
+  position: relative;
+}
+.pro-edit-table .ant-pagination .ant-pagination-item .pro-edit-table-pagination-item-badge .ant-badge {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+}
 .pro-edit-table .pro-edit-table-tooltip {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;

package/dist/less.esm.css

@@ -4516,6 +4516,14 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   padding: 0;
   border-radius: 0;
 }
+.pro-edit-table .ant-pagination .ant-pagination-item .pro-edit-table-pagination-item-badge {
+  position: relative;
+}
+.pro-edit-table .ant-pagination .ant-pagination-item .pro-edit-table-pagination-item-badge .ant-badge {
+  position: absolute;
+  top: -10px;
+  right: -10px;
+}
 .pro-edit-table .pro-edit-table-tooltip {
   display: -webkit-inline-box;
   display: -webkit-inline-flex;

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

@@ -1,9 +1,11 @@
+import "antd/es/badge/style";
+import _Badge from "antd/es/badge";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import "antd/es/table/style";
 import _Table from "antd/es/table";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["tableProps"];
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo } from 'react';
 var BaseTable = function BaseTable(_ref) {
   var _value$;
@@ -27,7 +29,8 @@ var BaseTable = function BaseTable(_ref) {
     page = tableProps.page,
     formatMessage = tableProps.formatMessage,
     locale = tableProps.locale,
-    handlePageChange = tableProps.handlePageChange;
+    handlePageChange = tableProps.handlePageChange,
+    pageErrorNum = tableProps.pageErrorNum;
   return _jsxs(_Fragment, {
     children: [headerRender ? _jsx("div", {
       className: "pro-edit-table-header",
@@ -61,6 +64,14 @@ var BaseTable = function BaseTable(_ref) {
             total: total
           });
         },
+        itemRender: function itemRender(index, type, originalElement) {
+          return type === 'page' && page.pageNum === index && pageErrorNum ? _jsxs("div", {
+            className: "pro-edit-table-pagination-item-badge",
+            children: [_jsx(_Badge, {
+              count: pageErrorNum
+            }), originalElement]
+          }) : originalElement;
+        },
         onChange: handlePageChange
       }, pagination) : false,
       rowKey: "rowKey",

package/es/ProEditTable/index.js

@@ -18,7 +18,7 @@ import { get, isArray, isBoolean, set } from 'lodash';
 import { useDeepCompareEffect, useLocalStorageState, useSetState } from 'ahooks';
 import classnames from 'classnames';
 import { transformColumns } from './utils';
-import { getRandom, getNamePath, handleScrollToError } from './utils/tools';
+import { getRandom, getNamePath, handleScrollToError, onPageCheck } from './utils/tools';
 import { Validator, Summary, RenderToolbar } from './components';
 import ProForm from '../ProForm';
 import Empty from '../assets/empty.png';
@@ -98,8 +98,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       virtualKey: type === 'single' || mode === 'single' ? getRandom() : '',
       page: {
         pageNum: 1,
-        pageSize: 10
-      }
+        pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10
+      },
+      pageErrorNum: 0
     }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     state = _useSetState2[0],
@@ -110,7 +111,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     virtualKey = state.virtualKey,
     selectedRowKeys = state.selectedRowKeys,
     selectedRows = state.selectedRows,
-    page = state.page;
+    page = state.page,
+    pageErrorNum = state.pageErrorNum;
   var virtualRowName = getNamePath(isArray(name) ? name : [name], virtualKey);
   // 样式处理
   var _className = classnames({
@@ -411,6 +413,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           page: page,
           formatMessage: formatMessage,
           locale: locale,
+          pageErrorNum: pageErrorNum,
           handlePageChange: handlePageChange
         }
       })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
@@ -426,6 +429,19 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       }) : null, footerRender ? _jsx("div", {
         className: "pro-edit-table-footer",
         children: footerRender
+      }) : null, pagination ? _jsx("div", {
+        id: "pro-edit-table-pagination",
+        onClick: function onClick() {
+          onPageCheck({
+            form: form,
+            name: name,
+            value: value,
+            columns: columns,
+            page: page,
+            pagination: pagination,
+            setState: setState
+          });
+        }
       }) : null]
     }), _jsx(Validator, {
       name: name,

package/es/ProEditTable/propsType.d.ts

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

package/es/ProEditTable/style/index.less

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

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

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

package/es/ProEditTable/utils/tools.js

@@ -1,6 +1,12 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+/* eslint-disable no-await-in-loop */
+/* eslint-disable no-restricted-syntax */
 import React from 'react';
-import { cloneDeep, cloneDeepWith, isString, isObject, isEqual, transform, isFunction, isBoolean } from 'lodash';
+import { tools, validate } from '@zat-design/utils';
+import { cloneDeep, cloneDeepWith, isString, isObject, isEqual, transform, isFunction, isBoolean, get } from 'lodash';
 export var getRandom = function getRandom() {
   return Math.random().toString(36).slice(-6);
 };
@@ -210,4 +216,273 @@ export 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 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(column, record) {
+    var _column$names, _column$names2, _rules2;
+    var value, _required, _rules, _labelRequired, res, _iterator, _step, rule;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          value = null;
+          if (column.name) {
+            value = 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 get(record, key);
+            });
+          }
+          _required = column.required;
+          _rules = column.rules;
+          _labelRequired = column.labelRequired;
+          if (isFunction(column.required)) {
+            _required = column.required(value, record);
+          }
+          if (isFunction(column.rules)) {
+            _rules = column.rules(value, record);
+          }
+          if (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 = _createForOfIteratorHelper(_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 (!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 && !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);
+  };
+}();
+export var onPageCheck = /*#__PURE__*/function () {
+  var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().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 _regeneratorRuntime().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(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 = tools.calc(item - 1, '*', pageSize);
+          end = tools.calc(start, '+', pageSize);
+          nextValues = value === null || value === void 0 ? void 0 : value.slice(start, end);
+          _iterator2 = _createForOfIteratorHelper(nextValues);
+          _context2.prev = 17;
+          _iterator2.s();
+        case 19:
+          if ((_step2 = _iterator2.n()).done) {
+            _context2.next = 48;
+            break;
+          }
+          record = _step2.value;
+          _iterator3 = _createForOfIteratorHelper(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/es/ProForm/utils/useForm.js

@@ -57,6 +57,8 @@ export var useForm = function useForm(originForm, options) {
         _form$getInternalHook,
         getFields,
         fieldsList,
+        tablePagination,
+        _tablePagination$clic,
         _error$errorFields,
         _error$errorFields$,
         _args = arguments;
@@ -95,14 +97,18 @@ export var 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, {
@@ -112,11 +118,11 @@ export var useForm = function useForm(originForm, options) {
             }
             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/es/ProStep/components/Item/index.d.ts

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

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

@@ -1,6 +1,6 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["id", "title", "collapse", "children"];
+var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from 'react';
 import LazyLoad from 'react-lazyload';
@@ -10,48 +10,60 @@ import ProCollapse from '../../../ProLayout/components/ProCollapse';
 var defaultLazyLoadConfig = {
   height: 100,
   offset: 100,
-  once: true // 保证只在首次进入视口时触发懒加载
+  once: true // Load only once upon first entry into the viewport
 };
-var ProStepItem = function ProStepItem(_ref) {
+function ProStepItem(_ref) {
   var id = _ref.id,
     title = _ref.title,
     _ref$collapse = _ref.collapse,
     collapseItem = _ref$collapse === void 0 ? true : _ref$collapse,
     children = _ref.children,
+    lazyLoad = _ref.lazyLoad,
     restProps = _objectWithoutProperties(_ref, _excluded);
   var _useStep = useStep(),
     register = _useStep.register,
     collapse = _useStep.collapse;
   useEffect(function () {
-    // 延迟更新父组件状态，避免重渲染
+    // Schedule registration to avoid re-render issues
     var timeoutId = setTimeout(function () {
-      register === null || register === void 0 ? void 0 : register(_objectSpread(_objectSpread({}, restProps), {}, {
+      register === null || register === void 0 ? void 0 : register(_objectSpread({
+        id: id,
         title: title,
-        id: id
-      }));
+        lazyLoad: lazyLoad
+      }, restProps));
     }, 0);
     return function () {
       return clearTimeout(timeoutId);
     };
-  }, [register]);
-  var childrenRender = function childrenRender() {
-    if (restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) {
-      var lazyLoadProps = isBoolean(restProps === null || restProps === void 0 ? void 0 : restProps.lazyLoad) ? defaultLazyLoadConfig : restProps.lazyLoad;
+  }, [id, title, lazyLoad, restProps, register]);
+  var renderChildren = function renderChildren() {
+    if (lazyLoad) {
+      var lazyLoadProps = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
       return _jsx(LazyLoad, _objectSpread(_objectSpread({}, 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 _jsx("div", {
+      className: "pro-step-item",
+      id: id,
+      children: _jsx(ProCollapse, _objectSpread(_objectSpread({
+        title: title,
+        icon: true
+      }, restProps), {}, {
+        children: renderChildren()
+      }))
+    });
+  }
+  // Otherwise, just render children
   return _jsx("div", {
     className: "pro-step-item",
     id: id,
-    children: !register || collapse && collapseItem && title ? _jsx(ProCollapse, _objectSpread(_objectSpread({
-      title: title,
-      icon: true
-    }, restProps), {}, {
-      children: childrenRender()
-    })) : childrenRender()
+    children: renderChildren()
   });
-};
+}
 export default ProStepItem;

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

@@ -1,9 +1,9 @@
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 var _excluded = ["children", "delayTime", "excludes"];
-import { throttle } from 'lodash';
+import { throttle, pick } from 'lodash';
 import React from 'react';
 import { useStep } from '../../index';
 var checkErrorList = function checkErrorList(arr) {
@@ -26,16 +26,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 _objectSpread(_objectSpread({}, 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;
+  });
+};
 export default (function (_ref) {
   var children = _ref.children,
     delayTime = _ref.delayTime,
     excludes = _ref.excludes,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStep = useStep(),
-    notify = _useStep.notify;
+    notify = _useStep.notify,
+    registerMap = _useStep.registerMap;
   return /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, props), {}, {
     onClick: throttle(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var values;
+      var values, loadedMap;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -46,6 +64,7 @@ export default (function (_ref) {
             });
           case 3:
             values = _context.sent;
+            loadedMap = getLoadedMap(registerMap);
             setTimeout(function () {
               var localData = localStorage.getItem('cache-pro-step');
               var _ref3 = findFirstErrorDom() || {},
@@ -55,10 +74,10 @@ export default (function (_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();
         }