@zat-design/sisyphus-react 3.13.13 → 4.0.0-beta.2

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

@@ -1,13 +1,13 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 var _excluded = ["type", "label", "show", "onHandle", "needConfirm", "onClick"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
+import { Space } from 'antd';
 import { actions, defaultBtnNameMap, defaultToolbarKeys } from '../../utils/config';
 import ActionButton from '../ActionButton';
 import { getNamePath } from '../../utils/tools';
@@ -73,22 +73,22 @@ var RenderToolbar = function RenderToolbar(config) {
     toolbar.show = show !== null && show !== void 0 ? show : true;
     toolbar.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
     toolbar.onEvent = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(record, _ref) {
-        var index, form, name, namePath, tableLength, selectedRows, onEvent, result;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(record, _ref) {
+        var index, form, name, namePath, tableLength, selectedRows, onEvent, result, actionHandler;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
               index = _ref.index, form = _ref.form, name = _ref.name, namePath = _ref.namePath, tableLength = _ref.tableLength, selectedRows = _ref.selectedRows;
               onEvent = onClick || onHandle;
               if (onEvent) {
-                _context.next = 6;
+                _context.n = 1;
                 break;
               }
               result = true;
-              _context.next = 9;
+              _context.n = 3;
               break;
-            case 6:
-              _context.next = 8;
+            case 1:
+              _context.n = 2;
               return onEvent === null || onEvent === void 0 ? void 0 : onEvent(record, {
                 index: index,
                 form: form,
@@ -97,11 +97,12 @@ var RenderToolbar = function RenderToolbar(config) {
                 tableLength: tableLength,
                 selectedRows: selectedRows
               });
-            case 8:
-              result = _context.sent;
-            case 9:
+            case 2:
+              result = _context.v;
+            case 3:
               if (result !== false && type !== 'custom') {
-                actions[type](_objectSpread(_objectSpread({}, config), {}, {
+                actionHandler = actions[type];
+                actionHandler(_objectSpread(_objectSpread({}, config), {}, {
                   index: index,
                   record: record,
                   name: name,
@@ -109,9 +110,8 @@ var RenderToolbar = function RenderToolbar(config) {
                   virtualName: virtualName
                 }));
               }
-            case 10:
-            case "end":
-              return _context.stop();
+            case 4:
+              return _context.a(2);
           }
         }, _callee);
       }));
@@ -134,7 +134,7 @@ var RenderToolbar = function RenderToolbar(config) {
       }, "".concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label).concat(btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type));
     });
   };
-  return _jsx(_Space, {
+  return _jsx(Space, {
     children: renderToolbarBtns()
   });
 };

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

@@ -1,9 +1,6 @@
-import "antd/es/space/style";
-import _Space from "antd/es/space";
-import "antd/es/table/style";
-import _Table from "antd/es/table";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, Space } from 'antd';
 import { tools } from '@zat-design/utils';
 import { valueTypeRender } from '../../../ProUtils/utils';
 var calc = tools.calc;
@@ -63,17 +60,17 @@ var Summary = function Summary(_ref3) {
   if (!(data === null || data === void 0 ? void 0 : data.length)) {
     return null;
   }
-  return _jsx(_Table.Summary, {
+  return _jsx(Table.Summary, {
     fixed: fixed,
-    children: _jsx(_Table.Summary.Row, {
+    children: _jsx(Table.Summary.Row, {
       children: nextColumns.map(function (item) {
         var index = item.index,
           colSpan = item.colSpan,
           prefix = item.prefix;
-        return _jsx(_Table.Summary.Cell, {
+        return _jsx(Table.Summary.Cell, {
           index: index,
           colSpan: colSpan,
-          children: _jsxs(_Space, {
+          children: _jsxs(Space, {
             children: [prefix, _jsx("span", {
               children: renderCell(item)
             })]

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

@@ -1,16 +1,13 @@
-import "antd/es/message/style";
-import _message from "antd/es/message";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { memo } from 'react';
+import { Form, message } from 'antd';
 var Validator = function Validator(_ref) {
   var name = _ref.name,
     virtualKey = _ref.virtualKey,
     editingKeys = _ref.editingKeys,
     onlyOneLineMsg = _ref.onlyOneLineMsg;
   return _jsx(_Fragment, {
-    children: name && virtualKey ? _jsx(_Form.Item, {
+    children: name && virtualKey ? _jsx(Form.Item, {
       noStyle: true,
       validateFirst: true,
       name: "".concat(name, "-").concat(virtualKey),
@@ -18,7 +15,7 @@ var Validator = function Validator(_ref) {
         // 单行编辑下，校验当前数据是否已保存
         validator: function validator() {
           if (editingKeys === null || editingKeys === void 0 ? void 0 : editingKeys.length) {
-            _message.warning(onlyOneLineMsg);
+            message.warning(onlyOneLineMsg);
             return Promise.reject();
           }
           return Promise.resolve();

package/es/ProEditTable/index.js

@@ -1,24 +1,21 @@
-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";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _set from "lodash/set";
+import _isFunction from "lodash/isFunction";
 import _isBoolean from "lodash/isBoolean";
 import _isArray from "lodash/isArray";
 import _get from "lodash/get";
-var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "type", "mode", "stripe", "draggable", "virtual", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
+var _excluded = ["value", "onChange", "onDrag", "onDragEnd", "className", "columns", "mode", "stripe", "draggable", "disabled", "insertType", "emptyBtnText", "actionWidth", "actionProps", "toolbarProps", "toolbarSticky", "rowSelection", "onlyOneLineMsg", "deletePoConfirmMsg", "mulDeletePoConfirmMsg", "requiredAlign", "summary", "max", "headerRender", "pagination", "rowKey", "rowDisabled", "rowDraggable", "footerRender", "scroll", "actionDirection", "diffConfig"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
-import { useDeepCompareEffect, useLocalStorageState, useSetState } from 'ahooks';
+import { useLocalStorageState, useSetState } from 'ahooks';
+import { ConfigProvider, Form, Affix } from 'antd';
 import classnames from 'classnames';
 import { transformColumns } from './utils';
 import { getRandom, getNamePath, handleScrollToError, onPageCheck } from './utils/tools';
@@ -26,31 +23,41 @@ import { Validator, Summary, RenderToolbar } from './components';
 import ProForm from '../ProForm';
 import Empty from '../assets/empty.png';
 import locale, { formatMessage } from '../locale';
-import { BaseTable, DraggableTable, VirtualTable } from './components/RcTable';
+import { BaseTable, DraggableTable } from './components/RcTable';
 var ProEditTable = function ProEditTable(_ref, ref) {
   var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
-  var value = _ref.value,
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? [] : _ref$value,
     onChange = _ref.onChange,
     onDrag = _ref.onDrag,
     onDragEnd = _ref.onDragEnd,
     className = _ref.className,
     columns = _ref.columns,
-    type = _ref.type,
-    mode = _ref.mode,
-    stripe = _ref.stripe,
-    draggable = _ref.draggable,
-    virtual = _ref.virtual,
-    disabled = _ref.disabled,
-    insertType = _ref.insertType,
-    emptyBtnText = _ref.emptyBtnText,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'multiple' : _ref$mode,
+    _ref$stripe = _ref.stripe,
+    stripe = _ref$stripe === void 0 ? true : _ref$stripe,
+    _ref$draggable = _ref.draggable,
+    draggable = _ref$draggable === void 0 ? false : _ref$draggable,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$insertType = _ref.insertType,
+    insertType = _ref$insertType === void 0 ? 'after' : _ref$insertType,
+    _ref$emptyBtnText = _ref.emptyBtnText,
+    emptyBtnText = _ref$emptyBtnText === void 0 ? locale.ProEditTable.clickAdd : _ref$emptyBtnText,
     actionWidth = _ref.actionWidth,
-    actionProps = _ref.actionProps,
-    toolbarProps = _ref.toolbarProps,
+    _ref$actionProps = _ref.actionProps,
+    actionProps = _ref$actionProps === void 0 ? [] : _ref$actionProps,
+    _ref$toolbarProps = _ref.toolbarProps,
+    toolbarProps = _ref$toolbarProps === void 0 ? [] : _ref$toolbarProps,
     toolbarSticky = _ref.toolbarSticky,
     rowSelection = _ref.rowSelection,
-    onlyOneLineMsg = _ref.onlyOneLineMsg,
-    deletePoConfirmMsg = _ref.deletePoConfirmMsg,
-    mulDeletePoConfirmMsg = _ref.mulDeletePoConfirmMsg,
+    _ref$onlyOneLineMsg = _ref.onlyOneLineMsg,
+    onlyOneLineMsg = _ref$onlyOneLineMsg === void 0 ? locale.ProEditTable.onlyOneLineMsg : _ref$onlyOneLineMsg,
+    _ref$deletePoConfirmM = _ref.deletePoConfirmMsg,
+    deletePoConfirmMsg = _ref$deletePoConfirmM === void 0 ? locale.ProEditTable.deletePoConfirmMsg : _ref$deletePoConfirmM,
+    _ref$mulDeletePoConfi = _ref.mulDeletePoConfirmMsg,
+    mulDeletePoConfirmMsg = _ref$mulDeletePoConfi === void 0 ? locale.ProEditTable.mulDeletePoConfirmMsg : _ref$mulDeletePoConfi,
     configRequiredAlign = _ref.requiredAlign,
     summary = _ref.summary,
     max = _ref.max,
@@ -61,11 +68,12 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     rowDraggable = _ref.rowDraggable,
     footerRender = _ref.footerRender,
     scroll = _ref.scroll,
-    actionDirection = _ref.actionDirection,
+    _ref$actionDirection = _ref.actionDirection,
+    actionDirection = _ref$actionDirection === void 0 ? 'horizontal' : _ref$actionDirection,
     diffConfig = _ref.diffConfig,
     resetProps = _objectWithoutProperties(_ref, _excluded);
   // 上下文form
-  var contentForm = _Form.useFormInstance();
+  var contentForm = Form.useFormInstance();
   var formFieldProps = ProForm.useFieldProps() || {};
   var affixRef = useRef(null);
   var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
@@ -81,9 +89,9 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
   var tableRef = useRef(null);
-  var valueChangeRef = useRef(0);
-  valueChangeRef.current = 0;
-  var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
+  // const valueChangeRef = useRef<number>(0);
+  // valueChangeRef.current = 0;
+  var _React$useContext = React.useContext(ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls();
   var _useLocalStorageState = useLocalStorageState('themeConfig'),
@@ -99,7 +107,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       editingKeys: [],
       selectedRowKeys: [],
       selectedRows: [],
-      virtualKey: type === 'single' || mode === 'single' ? getRandom() : '',
+      virtualKey: mode === 'single' ? getRandom() : '',
       page: {
         pageNum: 1,
         pageSize: (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) || 10
@@ -123,14 +131,14 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     'pro-table-no-stripe': !stripe,
     className: className
   });
-  var getRowKey = function getRowKey(record) {
+  var getRowKey = useCallback(function (record) {
     var key = record.rowKey || getRandom();
     if (rowKey) {
       var _ref3;
-      key = (_ref3 = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+      key = (_ref3 = _isFunction(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
     }
     return key;
-  };
+  }, [rowKey]);
   var originalValues = useMemo(function () {
     var _originalArr$every, _originalArr$some;
     var nextOriginalValues;
@@ -155,7 +163,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return nextOriginalValues;
   }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues]);
-  var getIsNew = function getIsNew(record) {
+  var getIsNew = useCallback(function (record) {
     var _originalArr$find;
     var originalArr = _get(originalValues, name);
     if (!(originalArr === null || originalArr === void 0 ? void 0 : originalArr.length)) {
@@ -164,20 +172,21 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     return !(originalArr === null || originalArr === void 0 ? void 0 : (_originalArr$find = originalArr.find) === null || _originalArr$find === void 0 ? void 0 : _originalArr$find.call(originalArr, function (item) {
       return getRowKey(item) === getRowKey(record);
     }));
-  };
+  }, [originalValues, name]);
   // 分页变更
   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) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(current, pageSize) {
+      var _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
+            _context.p = 0;
             if (!pagination) {
-              _context.next = 8;
+              _context.n = 3;
               break;
             }
             if (!(pageSize !== page.pageSize)) {
-              _context.next = 5;
+              _context.n = 1;
               break;
             }
             setState({
@@ -186,31 +195,30 @@ var ProEditTable = function ProEditTable(_ref, ref) {
                 pageSize: pageSize
               }
             });
-            return _context.abrupt("return");
-          case 5:
-            _context.next = 7;
+            return _context.a(2);
+          case 1:
+            _context.n = 2;
             return form.validateFields([name], {
               recursive: true
             });
-          case 7:
+          case 2:
             setState({
               page: {
                 pageNum: current,
                 pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
               }
             });
-          case 8:
-            _context.next = 13;
+          case 3:
+            _context.n = 5;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](0);
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
             handleScrollToError();
-          case 13:
-          case "end":
-            return _context.stop();
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[0, 10]]);
+      }, _callee, null, [[0, 4]]);
     }));
     return function (_x, _x2) {
       return _ref4.apply(this, arguments);
@@ -272,7 +280,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(function (item) {
         return item.type === type;
       });
-      if (typeof (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === 'function') {
+      if (_isFunction(addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show)) {
         var result = addBtnConfig.show();
         addBtnConfig.show = result;
       }
@@ -286,6 +294,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   var _rowSelection = _objectSpread({
     fixed: true,
     selectedRowKeys: selectedRowKeys,
+    columnWidth: 48,
     onChange: function onChange(selectedRowKeys, selectedRows) {
       setState({
         selectedRowKeys: selectedRowKeys,
@@ -304,27 +313,29 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     hideSelectAll: isHideCheckBox
   }, rowSelection);
   // 空列表状态
-  var empty = function empty() {
-    var _toolbarProps$filter;
-    return _jsxs("div", {
-      className: "com-empty",
-      children: [_jsx("img", {
-        className: "img",
-        src: Empty,
-        alt: "Empty"
-      }), _jsx("div", {
-        className: "content",
-        children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : _jsxs(_Fragment, {
-          children: [locale.ProEditTable.noData, "\uFF0C", _jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
-            toolbarProps: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$filter = toolbarProps.filter) === null || _toolbarProps$filter === void 0 ? void 0 : _toolbarProps$filter.call(toolbarProps, function (item) {
-              return item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence);
-            }),
-            dataSource: []
-          })))]
-        })
-      })]
-    });
-  };
+  var emptyDom = useMemo(function () {
+    return function () {
+      var _toolbarProps$filter;
+      return _jsxs("div", {
+        className: "com-empty",
+        children: [_jsx("img", {
+          className: "img",
+          src: Empty,
+          alt: "Empty"
+        }), _jsx("div", {
+          className: "content",
+          children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : _jsxs(_Fragment, {
+            children: [locale.ProEditTable.noData, "\uFF0C", _jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
+              toolbarProps: toolbarProps === null || toolbarProps === void 0 ? void 0 : (_toolbarProps$filter = toolbarProps.filter) === null || _toolbarProps$filter === void 0 ? void 0 : _toolbarProps$filter.call(toolbarProps, function (item) {
+                return item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence);
+              }),
+              dataSource: []
+            })))]
+          })
+        })]
+      });
+    };
+  }, [config, disabled, isForbiddenBtn, toolbarProps]);
   /**
    * 渲染表格选择器
    * @returns rowSelection
@@ -341,23 +352,20 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     }
     return null;
   };
-  useDeepCompareEffect(function () {
-    valueChangeRef.current += 1;
-    // 在这里根据需要计算新的数组
-  }, [value, config.name]);
   var _columns = useMemo(function () {
     return transformColumns(columns, config);
-  }, [valueChangeRef.current, disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath, value === null || value === void 0 ? void 0 : value.length]);
+  }, [disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath]);
   var initDataSource = function initDataSource() {
     var _value$every, _value$some;
+    // 检查每一项是否有 rowKey 或通过 rowKey 字段获取的 key
     var isAllHasKey = value === null || value === void 0 ? void 0 : (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, function (item) {
-      return item.rowKey;
+      return item.rowKey || typeof rowKey === 'string' && item[rowKey];
     });
-    // 检测当前rowkey是否与制定key的值是否一致，不一致，则执行覆盖
+    // 检查 rowKey 是否需要覆盖（即当前 rowKey 与 getRowKey 生成的不一致）
     var isNeedCover = value === null || value === void 0 ? void 0 : (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, function (item) {
-      return item.rowKey !== getRowKey(item);
+      return item.rowKey !== (getRowKey === null || getRowKey === void 0 ? void 0 : getRowKey(item));
     });
-    // 初始化默认生成row-key
+    // 初始化默认生成 rowKey
     if ((value === null || value === void 0 ? void 0 : value.length) && (!isAllHasKey || isNeedCover)) {
       var nextValues = value === null || value === void 0 ? void 0 : value.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
@@ -401,11 +409,11 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       rowSelection: renderRowSelection()
     });
   } : summary;
-  var TableComponent = draggable ? DraggableTable : virtual ? VirtualTable : BaseTable;
+  var TableComponent = draggable ? DraggableTable : BaseTable;
   return _jsxs(_Fragment, {
-    children: [_jsxs(_ConfigProvider, {
-      renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : empty,
-      children: [_jsx(TableComponent, _objectSpread(_objectSpread({}, resetProps), {}, {
+    children: [_jsx(ConfigProvider, {
+      renderEmpty: (value === null || value === void 0 ? void 0 : value.length) ? undefined : emptyDom,
+      children: _jsx(TableComponent, _objectSpread(_objectSpread({}, resetProps), {}, {
         draggableProps: {
           onChange: onChange,
           onDrag: onDrag,
@@ -413,6 +421,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           draggable: draggable
         },
         tableProps: {
+          rowKey: rowKey,
           value: value,
           headerRender: headerRender,
           tableRef: tableRef,
@@ -433,36 +442,36 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           locale: locale,
           handlePageChange: handlePageChange
         }
-      })), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(_Affix, _objectSpread(_objectSpread({
-        ref: affixRef
-      }, _toolbarSticky), {}, {
-        children: _jsx("div", {
-          className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
-          children: _jsx(RenderToolbar, _objectSpread({}, config))
-        })
-      })) : _jsx("div", {
+      }))
+    }), !isView && (value === null || value === void 0 ? void 0 : value.length) ? toolbarSticky ? _jsx(Affix, _objectSpread(_objectSpread({
+      ref: affixRef
+    }, _toolbarSticky), {}, {
+      children: _jsx("div", {
         className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
         children: _jsx(RenderToolbar, _objectSpread({}, config))
-      }) : null, footerRender ? _jsx("div", {
-        className: "pro-edit-table-footer",
-        children: footerRender
-      }) : null, pagination ? _jsx("div", {
-        id: "pro-edit-table-pagination-".concat(config.name.join('-')),
-        onClick: function onClick() {
-          onPageCheck({
-            form: form,
-            name: name,
-            value: value,
-            columns: columns,
-            page: page,
-            pagination: pagination,
-            isView: isView,
-            disabled: disabled,
-            setState: setState
-          });
-        }
-      }) : null]
-    }), _jsx(Validator, {
+      })
+    })) : _jsx("div", {
+      className: "pro-edit-table-toolbar".concat(pagination ? ' pro-edit-table-toolbar-fixed' : ''),
+      children: _jsx(RenderToolbar, _objectSpread({}, config))
+    }) : null, footerRender ? _jsx("div", {
+      className: "pro-edit-table-footer",
+      children: footerRender
+    }) : null, pagination ? _jsx("div", {
+      id: "pro-edit-table-pagination-".concat(config.name.join('-')),
+      onClick: function onClick() {
+        onPageCheck({
+          form: form,
+          name: name,
+          value: value,
+          columns: columns,
+          page: page,
+          pagination: pagination,
+          isView: isView,
+          disabled: disabled,
+          setState: setState
+        });
+      }
+    }) : null, _jsx(Validator, {
       name: name,
       virtualKey: virtualKey,
       editingKeys: editingKeys,
@@ -471,22 +480,10 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   });
 };
 var ForwardProEditTable = /*#__PURE__*/forwardRef(ProEditTable);
+// 删除输入就卡顿，需要研究
 ForwardProEditTable.defaultProps = {
-  type: 'multiple',
-  mode: 'multiple',
-  insertType: 'after',
-  actionDirection: 'horizontal',
-  value: [],
   actionProps: [],
-  toolbarProps: [],
-  disabled: false,
-  draggable: false,
-  virtual: false,
-  stripe: true,
-  emptyBtnText: locale.ProEditTable.clickAdd,
-  onlyOneLineMsg: locale.ProEditTable.onlyOneLineMsg,
-  deletePoConfirmMsg: locale.ProEditTable.deletePoConfirmMsg,
-  mulDeletePoConfirmMsg: locale.ProEditTable.mulDeletePoConfirmMsg
+  toolbarProps: []
 };
 // 导出组件
 export default ForwardProEditTable;

package/es/ProEditTable/propsType.d.ts

@@ -135,7 +135,7 @@ export type viewRenderFn<T = any> = (text?: any, record?: T, options?: OptionsPr
  * @template Values 值类型
  * @template T 记录类型
  */
-export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemProps<Values>, 'rules' | 'required'>, ColumnType<Values> {
+export interface ProColumnsProps<Values = any, T = any> extends Omit<FormItemProps<Values>, 'rules' | 'required' | 'tooltip'>, ColumnType<Values> {
     /** 是否必填 */
     required?: boolean | RequiredFn<T>;
     /** 标签是否必填 */
@@ -259,12 +259,6 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
      * @default multiple
      */
     mode?: ProEditTableMode;
-    /**
-     * 可编辑表格的类型，单行编辑或者多行编辑
-     * @deprecated 将于下个版本 4.0.0 被弃用
-     * @default multiple
-     */
-    type?: ProEditTableMode;
     /**
      * 必填对齐方式, 默认右对齐
      * @default right

package/es/ProEditTable/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-edit-table {
   td[rowspan]{
@@ -382,14 +382,10 @@
         display: flex;
         align-items: center;
         padding: 0 var(--zaui-space-size-xs, 4px);
-
+        gap: 4px;
         &:first-child {
           padding-left: 0;
         }
-
-        span:nth-child(2) {
-          margin-left: var(--zaui-space-size-xs, 4px);
-        }
       }
     }
   }