@zat-design/sisyphus-react 3.10.4 → 3.11.0

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 { 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/es/ProStep/components/Item/index.js

@@ -1,41 +1,69 @@
 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';
+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 // 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 = _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]);
+  }, [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({
-      id: id,
-      title: title,
-      icon: true
-    }, restProps), {}, {
-      children: children
-    })) : children
+    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();
         }

package/es/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/es/ProStep/index.js

@@ -23,10 +23,12 @@ var ProStep = function ProStep(_ref) {
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     reRender = _useState2[1];
-  var _useSetState = useSetState({}),
+  var _useSetState = useSetState({
+      errorCollection: {}
+    }),
     _useSetState2 = _slicedToArray(_useSetState, 2),
-    errorCollection = _useSetState2[0],
-    setErrorCollection = _useSetState2[1];
+    errorCollection = _useSetState2[0].errorCollection,
+    setState = _useSetState2[1];
   // 注册子节点id与title映射的集合
   var registerMap = useRef({});
   var _useLocalStorageState = useLocalStorageState('cache-pro-step'),
@@ -71,8 +73,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]) {
@@ -155,7 +159,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":
@@ -190,7 +196,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":
@@ -220,6 +228,7 @@ var ProStep = function ProStep(_ref) {
   }, [errorCollection, dataSource]);
   return _jsx(ProStepContext.Provider, {
     value: {
+      registerMap: registerMap,
       collapse: collapse,
       register: register,
       notify: notify,

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/BaseTable.js

@@ -8,8 +8,8 @@ exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _antd = require("antd");
 var _react = require("react");
+var _antd = require("antd");
 var _excluded = ["tableProps"];
 var BaseTable = function BaseTable(_ref) {
   var _value$;
@@ -33,7 +33,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 (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [headerRender ? (0, _jsxRuntime.jsx)("div", {
       className: "pro-edit-table-header",
@@ -67,6 +68,14 @@ var BaseTable = function BaseTable(_ref) {
             total: total
           });
         },
+        itemRender: function itemRender(index, type, originalElement) {
+          return type === 'page' && page.pageNum === index && pageErrorNum ? (0, _jsxRuntime.jsxs)("div", {
+            className: "pro-edit-table-pagination-item-badge",
+            children: [(0, _jsxRuntime.jsx)(_antd.Badge, {
+              count: pageErrorNum
+            }), originalElement]
+          }) : originalElement;
+        },
         onChange: handlePageChange
       }, pagination) : false,
       rowKey: "rowKey",

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/ProEditTable/index.js

@@ -101,8 +101,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '',
       page: {
         pageNum: 1,
-        pageSize: 10
-      }
+        pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10
+      },
+      pageErrorNum: 0
     }),
     _useSetState2 = (0, _slicedToArray2.default)(_useSetState, 2),
     state = _useSetState2[0],
@@ -113,7 +114,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 = (0, _tools.getNamePath)((0, _lodash.isArray)(name) ? name : [name], virtualKey);
   // 样式处理
   var _className = (0, _classnames.default)({
@@ -414,6 +416,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           page: page,
           formatMessage: _locale.formatMessage,
           locale: _locale.default,
+          pageErrorNum: pageErrorNum,
           handlePageChange: handlePageChange
         }
       })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? (0, _jsxRuntime.jsx)(_antd.Affix, (0, _objectSpread2.default)((0, _objectSpread2.default)({
@@ -429,6 +432,19 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       }) : null, footerRender ? (0, _jsxRuntime.jsx)("div", {
         className: "pro-edit-table-footer",
         children: footerRender
+      }) : null, pagination ? (0, _jsxRuntime.jsx)("div", {
+        id: "pro-edit-table-pagination",
+        onClick: function onClick() {
+          (0, _tools.onPageCheck)({
+            form: form,
+            name: name,
+            value: value,
+            columns: columns,
+            page: page,
+            pagination: pagination,
+            setState: setState
+          });
+        }
       }) : null]
     }), (0, _jsxRuntime.jsx)(_components.Validator, {
       name: name,

package/lib/ProEditTable/propsType.d.ts

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

package/lib/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/lib/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>;