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

package/dist/index.esm.css

@@ -1490,7 +1490,7 @@
   -webkit-transition: width 0.2s;
   transition: width 0.2s;
 }
-.pro-step > .step-menu {
+.pro-step > .pro-step-menu {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1504,7 +1504,7 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
-.pro-step > .step-menu > .anticon {
+.pro-step > .pro-step-menu > .anticon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1520,13 +1520,13 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .anticon > .menu-icon {
+.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon {
   width: auto !important;
   height: auto !important;
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .anticon > .menu-icon > div {
+.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1542,17 +1542,17 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .anticon > button {
+.pro-step > .pro-step-menu > .anticon > button {
   width: auto !important;
   height: auto !important;
 }
-.pro-step > .step-menu > .anticon > button > .menu-icon {
+.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon {
   width: auto !important;
   height: auto !important;
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .anticon > button > .menu-icon > div {
+.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1568,11 +1568,11 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .menu-icon {
+.pro-step > .pro-step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .menu-icon > div {
+.pro-step > .pro-step-menu > .menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1588,13 +1588,13 @@
   width: 48px;
   height: 24px;
 }
-.pro-step .menu-content {
+.pro-step .pro-step-menu-content {
   overflow: hidden;
 }
-.pro-step .menu-content:hover {
+.pro-step .pro-step-menu-content:hover {
   overflow-y: auto;
 }
-.pro-step .com-menu-item {
+.pro-step .pro-step-com-menu-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1611,16 +1611,16 @@
   height: 48px;
   padding-right: var(--zaui-space-size-md, 24px);
 }
-.pro-step .com-menu-item:hover {
+.pro-step .pro-step-com-menu-item:hover {
   background-color: rgba(185, 185, 189, 0.1);
 }
-.pro-step .com-menu-item.current {
+.pro-step .pro-step-com-menu-item.current {
   background-color: var(--ant-primary-1, #e6f4ff);
 }
-.pro-step .com-menu-item.current:hover {
+.pro-step .pro-step-com-menu-item.current:hover {
   background-color: var(--ant-primary-1, #e6f4ff);
 }
-.pro-step .com-menu-item > .menu-item {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1630,7 +1630,7 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1646,24 +1646,27 @@
   width: 48px;
   height: 100%;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > svg {
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot {
   width: 6px;
   height: 6px;
   background: var(--zaui-brand, #006aff);
   border-radius: 3px;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.errored {
+  width: 12px;
+  height: 12px;
   background: #ff5050;
+  border-radius: 50%;
   fill: #ff5050;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.disabled {
   background: #939599;
   fill: #939599;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1683,27 +1686,27 @@
   background: var(--zaui-brand, #006aff);
   border-radius: 9px;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.errored {
   background: #ff5050;
   fill: #ff5050;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.disabled {
   background: #939599;
   fill: #939599;
 }
-.pro-step .com-menu-item > .menu-item > .menu-name {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name {
   color: #0a0a0a;
 }
-.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name.disabled {
   color: #626366;
 }
-.pro-step .com-menu-item > .checked-status {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status {
   height: 18px;
 }
-.pro-step .com-menu-item > .checked-status > svg {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status > svg {
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step .com-menu-item > .checked-status .errorDot {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1716,12 +1719,16 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 16px;
-  height: 16px;
-  background: rgba(255, 80, 80, 0.2);
-  border-radius: 8px;
 }
-.pro-step .com-menu-item > .checked-status .errorDot > span {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count {
+  background: rgba(255, 80, 80, 0.15);
+  color: #ff5050;
+}
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number-only-unit,
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number {
+  font-weight: 600;
+}
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot > span {
   color: #ff5050;
   font-weight: 600;
   font-size: var(--aui-font-size-sm, 12px);
@@ -2235,6 +2242,9 @@
 .pro-table .ant-table-summary {
   background-color: var(--zaui-table-header-bg, #f2f3f5);
 }
+.pro-table .ant-table-summary td {
+  padding: calc(4px + var(--zaui-size)*8px);
+}
 .pro-table .ant-table-summary .ant-table-cell {
   font-weight: 500;
   background-color: var(--zaui-table-header-bg, #f2f3f5);
@@ -4622,6 +4632,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   color: var(--zaui-text, #343434);
   font-weight: 600;
 }
+.pro-edit-table .ant-table-content > table .ant-table-summary td {
+  padding: 8px 16px;
+}
 .pro-edit-table .ant-table-content > table .ant-table-summary .ant-table-cell-fix-left,
 .pro-edit-table .ant-table-content > table .ant-table-summary .ant-table-cell-fix-right {
   background-color: var(--zaui-table-header-bg, #f2f3f5);

package/dist/less.esm.css

@@ -1490,7 +1490,7 @@
   -webkit-transition: width 0.2s;
   transition: width 0.2s;
 }
-.pro-step > .step-menu {
+.pro-step > .pro-step-menu {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1504,7 +1504,7 @@
   font-size: var(--zaui-font-size-lg, 16px);
   border-bottom: 1px solid var(--zaui-line, #dddddd);
 }
-.pro-step > .step-menu > .anticon {
+.pro-step > .pro-step-menu > .anticon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1520,13 +1520,13 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .anticon > .menu-icon {
+.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon {
   width: auto !important;
   height: auto !important;
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .anticon > .menu-icon > div {
+.pro-step > .pro-step-menu > .anticon > .pro-step-menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1542,17 +1542,17 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .anticon > button {
+.pro-step > .pro-step-menu > .anticon > button {
   width: auto !important;
   height: auto !important;
 }
-.pro-step > .step-menu > .anticon > button > .menu-icon {
+.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon {
   width: auto !important;
   height: auto !important;
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .anticon > button > .menu-icon > div {
+.pro-step > .pro-step-menu > .anticon > button > .pro-step-menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1568,11 +1568,11 @@
   width: 48px;
   height: 24px;
 }
-.pro-step > .step-menu > .menu-icon {
+.pro-step > .pro-step-menu > .menu-icon {
   font-size: var(--zaui-font-size-lg-title, 24px);
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step > .step-menu > .menu-icon > div {
+.pro-step > .pro-step-menu > .menu-icon > div {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1588,13 +1588,13 @@
   width: 48px;
   height: 24px;
 }
-.pro-step .menu-content {
+.pro-step .pro-step-menu-content {
   overflow: hidden;
 }
-.pro-step .menu-content:hover {
+.pro-step .pro-step-menu-content:hover {
   overflow-y: auto;
 }
-.pro-step .com-menu-item {
+.pro-step .pro-step-com-menu-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1611,16 +1611,16 @@
   height: 48px;
   padding-right: var(--zaui-space-size-md, 24px);
 }
-.pro-step .com-menu-item:hover {
+.pro-step .pro-step-com-menu-item:hover {
   background-color: rgba(185, 185, 189, 0.1);
 }
-.pro-step .com-menu-item.current {
+.pro-step .pro-step-com-menu-item.current {
   background-color: var(--ant-primary-1, #e6f4ff);
 }
-.pro-step .com-menu-item.current:hover {
+.pro-step .pro-step-com-menu-item.current:hover {
   background-color: var(--ant-primary-1, #e6f4ff);
 }
-.pro-step .com-menu-item > .menu-item {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1630,7 +1630,7 @@
       -ms-flex-align: center;
           align-items: center;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1646,24 +1646,27 @@
   width: 48px;
   height: 100%;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > svg {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > svg {
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot {
   width: 6px;
   height: 6px;
   background: var(--zaui-brand, #006aff);
   border-radius: 3px;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.errored {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.errored {
+  width: 12px;
+  height: 12px;
   background: #ff5050;
+  border-radius: 50%;
   fill: #ff5050;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon > .dot.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon > .pro-step-dot.disabled {
   background: #939599;
   fill: #939599;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1683,27 +1686,27 @@
   background: var(--zaui-brand, #006aff);
   border-radius: 9px;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.errored {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.errored {
   background: #ff5050;
   fill: #ff5050;
 }
-.pro-step .com-menu-item > .menu-item > .menu-icon .dot-icon.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-icon .pro-step-dot-icon.disabled {
   background: #939599;
   fill: #939599;
 }
-.pro-step .com-menu-item > .menu-item > .menu-name {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name {
   color: #0a0a0a;
 }
-.pro-step .com-menu-item > .menu-item > .menu-name.disabled {
+.pro-step .pro-step-com-menu-item > .pro-step-menu-item > .pro-step-menu-name.disabled {
   color: #626366;
 }
-.pro-step .com-menu-item > .checked-status {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status {
   height: 18px;
 }
-.pro-step .com-menu-item > .checked-status > svg {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status > svg {
   fill: var(--zaui-brand, #006aff);
 }
-.pro-step .com-menu-item > .checked-status .errorDot {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -1716,12 +1719,16 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 16px;
-  height: 16px;
-  background: rgba(255, 80, 80, 0.2);
-  border-radius: 8px;
 }
-.pro-step .com-menu-item > .checked-status .errorDot > span {
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count {
+  background: rgba(255, 80, 80, 0.15);
+  color: #ff5050;
+}
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number-only-unit,
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot .ant-badge .ant-badge-count .ant-scroll-number {
+  font-weight: 600;
+}
+.pro-step .pro-step-com-menu-item > .pro-step-checked-status .pro-step-error-dot > span {
   color: #ff5050;
   font-weight: 600;
   font-size: var(--aui-font-size-sm, 12px);
@@ -2235,6 +2242,9 @@
 .pro-table .ant-table-summary {
   background-color: var(--zaui-table-header-bg, #f2f3f5);
 }
+.pro-table .ant-table-summary td {
+  padding: calc(4px + var(--zaui-size)*8px);
+}
 .pro-table .ant-table-summary .ant-table-cell {
   font-weight: 500;
   background-color: var(--zaui-table-header-bg, #f2f3f5);
@@ -4622,6 +4632,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
   color: var(--zaui-text, #343434);
   font-weight: 600;
 }
+.pro-edit-table .ant-table-content > table .ant-table-summary td {
+  padding: 8px 16px;
+}
 .pro-edit-table .ant-table-content > table .ant-table-summary .ant-table-cell-fix-left,
 .pro-edit-table .ant-table-content > table .ant-table-summary .ant-table-cell-fix-right {
   background-color: var(--zaui-table-header-bg, #f2f3f5);

package/es/ProEditTable/components/RenderField/ListChangedWrapper.d.ts

@@ -10,7 +10,7 @@ interface Props {
     namesStr?: NamePath;
     originalValues?: any;
     form: FormInstance;
-    equalWith?: DiffOriginalParams['equalWith'];
+    onDiff?: DiffOriginalParams['onDiff'];
     [name: string]: any;
 }
 declare const ListChangedWrapper: React.FC<Props>;

package/es/ProEditTable/components/RenderField/ListChangedWrapper.js

@@ -5,7 +5,7 @@ import _Tooltip from "antd/es/tooltip";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "equalWith", "rowKeyPath", "children", "type", "normalize", "getValueProps", "valuePropName", "viewRender", "diffConfig", "index"];
+var _excluded = ["name", "names", "namesStr", "originalName", "originalNames", "originalValues", "form", "onDiff", "rowKeyPath", "children", "type", "normalize", "getValueProps", "valuePropName", "viewRender", "diffConfig", "index"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
 import classnames from 'classnames';
@@ -84,7 +84,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
     originalNames = _props$originalNames === void 0 ? names : _props$originalNames,
     originalValues = props.originalValues,
     form = props.form,
-    equalWith = props.equalWith,
+    onDiff = props.onDiff,
     rowKeyPath = props.rowKeyPath,
     children = props.children,
     type = props.type,
@@ -115,7 +115,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
     form: form
   });
   var originalValue = isWatch ? originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.originalValue : undefined;
-  var noChange = !equalWith && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
+  var noChange = !onDiff && (!originalValues || isDiffAll ? false : isEmpty(originalValue));
   var diffType = useMemo(function () {
     if (!isWatch || noChange) return 'same';
     var _value = normalize ? normalize(props[valuePropName], undefined, undefined, true) // true 代表是值比对时的调用
@@ -130,7 +130,7 @@ var ListChangedWrapper = function ListChangedWrapper(props) {
       value: _value,
       originalValue: _originalValue,
       form: form,
-      equalWith: equalWith,
+      onDiff: onDiff,
       originRecord: originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.originRecord,
       record: originalDTO === null || originalDTO === void 0 ? void 0 : originalDTO.record,
       index: index

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

@@ -568,9 +568,10 @@ var RenderField = function RenderField(_ref) {
         originalNames: originalNames,
         originalValues: originalValues,
         form: form,
-        equalWith: onDiff,
+        onDiff: onDiff,
         type: type,
         onChange: _onChange,
+        onBlur: _onblur,
         valuePropName: _formItemProps.valuePropName,
         normalize: _formItemProps.normalize,
         getValueProps: _formItemProps.getValueProps,

package/es/ProEditTable/index.js

@@ -2,6 +2,8 @@ import "antd/es/affix/style";
 import _Affix from "antd/es/affix";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import "antd/es/config-provider/style";
 import _ConfigProvider from "antd/es/config-provider";
@@ -16,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 } from './utils/tools';
+import { getRandom, getNamePath, handleScrollToError } from './utils/tools';
 import { Validator, Summary, RenderToolbar } from './components';
 import ProForm from '../ProForm';
 import Empty from '../assets/empty.png';
@@ -160,6 +162,40 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       return getRowKey(item) === getRowKey(record);
     }));
   };
+  // 分页变更
+  var handlePageChange = useCallback(/*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(current, pageSize) {
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return form.validateFields([name], {
+              recursive: true
+            });
+          case 3:
+            setState({
+              page: {
+                pageNum: current,
+                pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
+              }
+            });
+            _context.next = 9;
+            break;
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            handleScrollToError();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 6]]);
+    }));
+    return function (_x, _x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), []);
   var config = _objectSpread({
     form: form,
     mode: mode,
@@ -194,7 +230,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     rowDisabled: rowDisabled,
     actionDirection: actionDirection,
     diffConfig: _objectSpread(_objectSpread({}, 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) {
@@ -245,15 +282,6 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     },
     hideSelectAll: isHideCheckBox
   }, rowSelection);
-  // 分页变更
-  var handlePageChange = useCallback(function (current, pageSize) {
-    setState({
-      page: {
-        pageNum: current,
-        pageSize: pageSize
-      }
-    });
-  }, []);
   // 空列表状态
   var empty = function empty() {
     var _toolbarProps$filter;

package/es/ProEditTable/propsType.d.ts

@@ -110,7 +110,7 @@ export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemPro
     rules?: ProRule[] | RulesFn<T>;
     confirm?: boolean | ModalFuncProps | FunctionArgs<Values, boolean | ModalFuncProps | void>;
     dependencies?: NamePath[];
-    onDiff?: DiffOriginalParams['equalWith'];
+    onDiff?: DiffOriginalParams['onDiff'];
     [key: string]: any;
 }
 export type ProEditTableColumnsProps<K = any> = ProColumnsProps & ColumnPropsMap<K, 'ProEditTable'>;

package/es/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/es/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/es/ProEditTable/utils/config.js

@@ -7,6 +7,7 @@ import "antd/es/message/style";
 import _message from "antd/es/message";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PlusOutlined } from '@ant-design/icons';
+import { tools } from '@zat-design/utils';
 import { set } from 'lodash';
 import { onDelete, getRandom } from './tools';
 import locale from '../../locale';
@@ -168,11 +169,11 @@ export var actions = {
   add: function () {
     var _add = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().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 _regeneratorRuntime().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 = _toConsumableArray(form.getFieldValue(name) || []); // 单行编辑时，需要先保存，才能进行下面的编辑
             if (!(virtualKey && editingKeys.length >= 1)) {
               _context2.next = 5;
@@ -189,7 +190,14 @@ export var 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(tools.calc(nextData.length, '/', page.pageSize));
+              handlePageChange(nextPageNum);
+            }
             // 当单选情况下，存储正在编辑值
             if (virtualKey) {
               nextEditingKeys = _toConsumableArray(editingKeys); // 开启编辑状态

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

@@ -4,7 +4,7 @@ export interface DiffOriginalParams {
     originalValue: any;
     value: any;
     form: FormInstance;
-    equalWith?: ({ originValue, originRecord, value, record, index, }: {
+    onDiff?: ({ originValue, originRecord, value, record, index, }: {
         originValue: any;
         originRecord: any;
         value: any;