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

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
+var _antd = require("antd");
 var _config = require("../../utils/config");
 var _ActionButton = _interopRequireDefault(require("../ActionButton"));
 var _tools = require("../../utils/tools");
@@ -74,7 +73,7 @@ var RenderToolbar = config => {
     toolbar.needConfirm = needConfirm !== null && needConfirm !== void 0 ? needConfirm : true;
     toolbar.onEvent = /*#__PURE__*/function () {
       var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(record, _ref) {
-        var index, form, name, namePath, tableLength, selectedRows, onEvent, result;
+        var index, form, name, namePath, tableLength, selectedRows, onEvent, result, actionHandler;
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -101,7 +100,8 @@ var RenderToolbar = config => {
               result = _context.sent;
             case 9:
               if (result !== false && type !== 'custom') {
-                _config.actions[type]((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
+                actionHandler = _config.actions[type];
+                actionHandler((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
                   index,
                   record,
                   name,
@@ -134,7 +134,7 @@ var RenderToolbar = config => {
       }, `${btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.label}${btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.type}`);
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_space.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Space, {
     children: renderToolbarBtns()
   });
 };

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

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/table/style");
-var _table = _interopRequireDefault(require("antd/es/table"));
-require("antd/es/space/style");
-var _space = _interopRequireDefault(require("antd/es/space"));
+var _antd = require("antd");
 var _utils = require("@zat-design/utils");
 var _utils2 = require("../../../ProUtils/utils");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -70,17 +66,17 @@ var Summary = _ref3 => {
   if (!(data !== null && data !== void 0 && data.length)) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default.Summary, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Table.Summary, {
     fixed: fixed,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default.Summary.Row, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Table.Summary.Row, {
       children: nextColumns.map(item => {
         var index = item.index,
           colSpan = item.colSpan,
           prefix = item.prefix;
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_table.default.Summary.Cell, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Table.Summary.Cell, {
           index: index,
           colSpan: colSpan,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_space.default, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Space, {
             children: [prefix, /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               children: renderCell(item)
             })]

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

@@ -1,15 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _react = require("react");
+var _antd = require("antd");
 var _jsxRuntime = require("react/jsx-runtime");
 var Validator = _ref => {
   var name = _ref.name,
@@ -17,7 +13,7 @@ var Validator = _ref => {
     editingKeys = _ref.editingKeys,
     onlyOneLineMsg = _ref.onlyOneLineMsg;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: name && virtualKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default.Item, {
+    children: name && virtualKey ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Form.Item, {
       noStyle: true,
       validateFirst: true,
       name: `${name}-${virtualKey}`,
@@ -25,7 +21,7 @@ var Validator = _ref => {
         // 单行编辑下，校验当前数据是否已保存
         validator: () => {
           if (editingKeys !== null && editingKeys !== void 0 && editingKeys.length) {
-            _message2.default.warning(onlyOneLineMsg);
+            _antd.message.warning(onlyOneLineMsg);
             return Promise.reject();
           }
           return Promise.resolve();

package/lib/ProEditTable/index.js

@@ -6,20 +6,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("antd/es/affix/style");
-var _affix = _interopRequireDefault(require("antd/es/affix"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-require("antd/es/config-provider/style");
-var _configProvider = _interopRequireDefault(require("antd/es/config-provider"));
-require("antd/es/form/style");
-var _form = _interopRequireDefault(require("antd/es/form"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _lodash = require("lodash");
 var _ahooks = require("ahooks");
+var _antd = require("antd");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("./utils");
 var _tools = require("./utils/tools");
@@ -29,31 +24,41 @@ var _empty = _interopRequireDefault(require("../assets/empty.png"));
 var _locale = _interopRequireWildcard(require("../locale"));
 var _RcTable = require("./components/RcTable");
 var _jsxRuntime = require("react/jsx-runtime");
-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"];
 var ProEditTable = (_ref, ref) => {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
-  var value = _ref.value,
+  var _resetProps$id, _resetProps$id$split, _ref2, _formFieldProps$shoul, _themeConfig$data2, _resetProps$otherProp;
+  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.default.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.default.ProEditTable.onlyOneLineMsg : _ref$onlyOneLineMsg,
+    _ref$deletePoConfirmM = _ref.deletePoConfirmMsg,
+    deletePoConfirmMsg = _ref$deletePoConfirmM === void 0 ? _locale.default.ProEditTable.deletePoConfirmMsg : _ref$deletePoConfirmM,
+    _ref$mulDeletePoConfi = _ref.mulDeletePoConfirmMsg,
+    mulDeletePoConfirmMsg = _ref$mulDeletePoConfi === void 0 ? _locale.default.ProEditTable.mulDeletePoConfirmMsg : _ref$mulDeletePoConfi,
     configRequiredAlign = _ref.requiredAlign,
     summary = _ref.summary,
     max = _ref.max,
@@ -64,15 +69,17 @@ var 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 = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // 上下文form
-  var contentForm = _form.default.useFormInstance();
+  var contentForm = _antd.Form.useFormInstance();
   var formFieldProps = _ProForm.default.useFieldProps() || {};
   var affixRef = (0, _react.useRef)(null);
   var form = contentForm || (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.form) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.form);
   var name = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.name) || (resetProps === null || resetProps === void 0 ? void 0 : resetProps.name) || (resetProps === null || resetProps === void 0 || (_resetProps$id = resetProps.id) === null || _resetProps$id === void 0 || (_resetProps$id$split = _resetProps$id.split) === null || _resetProps$id$split === void 0 ? void 0 : _resetProps$id$split.call(_resetProps$id, '_'));
+  var shouldUpdateDebounce = (_ref2 = (_formFieldProps$shoul = formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.shouldUpdateDebounce) !== null && _formFieldProps$shoul !== void 0 ? _formFieldProps$shoul : resetProps === null || resetProps === void 0 ? void 0 : resetProps.shouldUpdateDebounce) !== null && _ref2 !== void 0 ? _ref2 : 200;
   var _formFieldProps$isVie = formFieldProps.isView,
     isView = _formFieldProps$isVie === void 0 ? false : _formFieldProps$isVie,
     _formFieldProps$viewE = formFieldProps.viewEmpty,
@@ -85,17 +92,18 @@ var ProEditTable = (_ref, ref) => {
     disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
   var tableRef = (0, _react.useRef)(null);
-  var valueChangeRef = (0, _react.useRef)(0);
-  valueChangeRef.current = 0;
-  var _React$useContext = _react.default.useContext(_configProvider.default.ConfigContext),
+  // const valueChangeRef = useRef<number>(0);
+  // valueChangeRef.current = 0;
+
+  var _React$useContext = _react.default.useContext(_antd.ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
   var prefixCls = getPrefixCls();
   var _useLocalStorageState = (0, _ahooks.useLocalStorageState)('themeConfig'),
     _useLocalStorageState2 = (0, _slicedToArray2.default)(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
   var requiredAlign = (0, _react.useMemo)(() => {
-    var _ref2, _themeConfig$data$zau, _themeConfig$data;
-    return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left';
+    var _ref3, _themeConfig$data$zau, _themeConfig$data;
+    return (_ref3 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 || (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref3 !== void 0 ? _ref3 : 'left';
   }, [themeConfig === null || themeConfig === void 0 || (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
   var _useSetState = (0, _ahooks.useSetState)({
       cellNamePath: [],
@@ -108,7 +116,7 @@ var ProEditTable = (_ref, ref) => {
       // 当前选中行的row-key集合
       selectedRows: [],
       // 当前选中行的row-key集合
-      virtualKey: type === 'single' || mode === 'single' ? (0, _tools.getRandom)() : '',
+      virtualKey: mode === 'single' ? (0, _tools.getRandom)() : '',
       // 单行编辑生成个随机formItem的key
       page: {
         pageNum: 1,
@@ -134,14 +142,14 @@ var ProEditTable = (_ref, ref) => {
     'pro-table-no-stripe': !stripe,
     className
   });
-  var getRowKey = record => {
+  var getRowKey = (0, _react.useCallback)(record => {
     var key = record.rowKey || (0, _tools.getRandom)();
     if (rowKey) {
-      var _ref3;
-      key = (_ref3 = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+      var _ref4;
+      key = (_ref4 = (0, _lodash.isFunction)(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref4 !== void 0 ? _ref4 : key;
     }
     return key;
-  };
+  }, [rowKey]);
   var originalValues = (0, _react.useMemo)(() => {
     var _originalArr$every, _originalArr$some;
     var nextOriginalValues;
@@ -162,18 +170,18 @@ var ProEditTable = (_ref, ref) => {
     }
     return nextOriginalValues;
   }, [resetProps === null || resetProps === void 0 ? void 0 : resetProps.originalValues]);
-  var getIsNew = record => {
+  var getIsNew = (0, _react.useCallback)(record => {
     var _originalArr$find;
     var originalArr = (0, _lodash.get)(originalValues, name);
     if (!(originalArr !== null && originalArr !== void 0 && originalArr.length)) {
       return false;
     }
     return !(originalArr !== null && originalArr !== void 0 && (_originalArr$find = originalArr.find) !== null && _originalArr$find !== void 0 && _originalArr$find.call(originalArr, item => getRowKey(item) === getRowKey(record)));
-  };
+  }, [originalValues, name]);
 
   // 分页变更
   var handlePageChange = (0, _react.useCallback)( /*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(current, pageSize) {
+    var _ref5 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(current, pageSize) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -219,7 +227,7 @@ var ProEditTable = (_ref, ref) => {
       }, _callee, null, [[0, 10]]);
     }));
     return function (_x, _x2) {
-      return _ref4.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }(), [pagination, page.pageSize, form, name]);
   var config = (0, _objectSpread2.default)({
@@ -256,6 +264,7 @@ var ProEditTable = (_ref, ref) => {
     rowDisabled,
     actionDirection,
     diffConfig: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps === null || resetProps === void 0 || (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
+    shouldUpdateDebounce,
     getIsNew,
     handlePageChange
   }, resetProps);
@@ -279,7 +288,7 @@ var ProEditTable = (_ref, ref) => {
     // 通过配置项配置show 为 false 开启关闭添加与批量删除
     if (Array.isArray(toolbarProps)) {
       var addBtnConfig = toolbarProps === null || toolbarProps === void 0 ? void 0 : toolbarProps.find(item => item.type === type);
-      if (typeof (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === 'function') {
+      if ((0, _lodash.isFunction)(addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show)) {
         var result = addBtnConfig.show();
         addBtnConfig.show = result;
       }
@@ -295,13 +304,14 @@ var ProEditTable = (_ref, ref) => {
   var _rowSelection = (0, _objectSpread2.default)({
     fixed: true,
     selectedRowKeys,
+    columnWidth: 48,
     onChange: (selectedRowKeys, selectedRows) => {
       setState({
         selectedRowKeys,
         selectedRows
       });
     },
-    getCheckboxProps(record) {
+    getCheckboxProps: record => {
       if (rowDisabled) {
         var _disabled = rowDisabled(record);
         return {
@@ -314,8 +324,8 @@ var ProEditTable = (_ref, ref) => {
   }, rowSelection);
 
   // 空列表状态
-  var empty = () => {
-    var _filter, _ref5;
+  var emptyDom = (0, _react.useMemo)(() => () => {
+    var _filter, _ref6;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "com-empty",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -326,13 +336,13 @@ var ProEditTable = (_ref, ref) => {
         className: "content",
         children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [_locale.default.ProEditTable.noData, "\uFF0C", /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
-            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref5 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref5, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
+            toolbarProps: toolbarProps === null || toolbarProps === void 0 || (_filter = (_ref6 = toolbarProps).filter) === null || _filter === void 0 ? void 0 : _filter.call(_ref6, item => item.type === 'add' || (item === null || item === void 0 ? void 0 : item.persistence)),
             dataSource: []
           })))]
         })
       })]
     });
-  };
+  }, [config, disabled, isForbiddenBtn, toolbarProps]);
 
   /**
    * 渲染表格选择器
@@ -350,20 +360,17 @@ var ProEditTable = (_ref, ref) => {
     }
     return null;
   };
-  (0, _ahooks.useDeepCompareEffect)(() => {
-    valueChangeRef.current += 1;
-    // 在这里根据需要计算新的数组
-  }, [value, config.name]);
   var _columns = (0, _react.useMemo)(() => {
     return (0, _utils.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 = () => {
     var _value$every, _value$some;
-    var isAllHasKey = value === null || value === void 0 || (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, item => item.rowKey);
+    // 检查每一项是否有 rowKey 或通过 rowKey 字段获取的 key
+    var isAllHasKey = value === null || value === void 0 || (_value$every = value.every) === null || _value$every === void 0 ? void 0 : _value$every.call(value, item => item.rowKey || typeof rowKey === 'string' && item[rowKey]);
 
-    // 检测当前rowkey是否与制定key的值是否一致，不一致，则执行覆盖
-    var isNeedCover = value === null || value === void 0 || (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, item => item.rowKey !== getRowKey(item));
-    // 初始化默认生成row-key
+    // 检查 rowKey 是否需要覆盖（即当前 rowKey 与 getRowKey 生成的不一致）
+    var isNeedCover = value === null || value === void 0 || (_value$some = value.some) === null || _value$some === void 0 ? void 0 : _value$some.call(value, item => item.rowKey !== (getRowKey === null || getRowKey === void 0 ? void 0 : getRowKey(item)));
+    // 初始化默认生成 rowKey
     if (value !== null && value !== void 0 && value.length && (!isAllHasKey || isNeedCover)) {
       var nextValues = value === null || value === void 0 ? void 0 : value.map(item => {
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
@@ -403,11 +410,11 @@ var ProEditTable = (_ref, ref) => {
     summary: summary,
     rowSelection: renderRowSelection()
   }) : summary;
-  var TableComponent = draggable ? _RcTable.DraggableTable : virtual ? _RcTable.VirtualTable : _RcTable.BaseTable;
+  var TableComponent = draggable ? _RcTable.DraggableTable : _RcTable.BaseTable;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_configProvider.default, {
-      renderEmpty: value !== null && value !== void 0 && value.length ? undefined : empty,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.ConfigProvider, {
+      renderEmpty: value !== null && value !== void 0 && value.length ? undefined : emptyDom,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TableComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, resetProps), {}, {
         draggableProps: {
           onChange,
           onDrag,
@@ -415,6 +422,7 @@ var ProEditTable = (_ref, ref) => {
           draggable
         },
         tableProps: {
+          rowKey,
           value,
           headerRender,
           tableRef,
@@ -435,36 +443,36 @@ var ProEditTable = (_ref, ref) => {
           locale: _locale.default,
           handlePageChange
         }
-      })), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_affix.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({
-        ref: affixRef
-      }, _toolbarSticky), {}, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
-        })
-      })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }))
+    }), !isView && value !== null && value !== void 0 && value.length ? toolbarSticky ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Affix, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      ref: affixRef
+    }, _toolbarSticky), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
-      }) : null, footerRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "pro-edit-table-footer",
-        children: footerRender
-      }) : null, pagination ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        id: `pro-edit-table-pagination-${config.name.join('-')}`,
-        onClick: () => {
-          (0, _tools.onPageCheck)({
-            form,
-            name,
-            value,
-            columns,
-            page,
-            pagination,
-            isView,
-            disabled,
-            setState
-          });
-        }
-      }) : null]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Validator, {
+      })
+    })) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: `pro-edit-table-toolbar${pagination ? ' pro-edit-table-toolbar-fixed' : ''}`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RenderToolbar, (0, _objectSpread2.default)({}, config))
+    }) : null, footerRender ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "pro-edit-table-footer",
+      children: footerRender
+    }) : null, pagination ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      id: `pro-edit-table-pagination-${config.name.join('-')}`,
+      onClick: () => {
+        (0, _tools.onPageCheck)({
+          form,
+          name,
+          value,
+          columns,
+          page,
+          pagination,
+          isView,
+          disabled,
+          setState
+        });
+      }
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Validator, {
       name: name,
       virtualKey: virtualKey,
       editingKeys: editingKeys,
@@ -473,23 +481,11 @@ var ProEditTable = (_ref, ref) => {
   });
 };
 var ForwardProEditTable = /*#__PURE__*/(0, _react.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.default.ProEditTable.clickAdd,
-  onlyOneLineMsg: _locale.default.ProEditTable.onlyOneLineMsg,
-  deletePoConfirmMsg: _locale.default.ProEditTable.deletePoConfirmMsg,
-  mulDeletePoConfirmMsg: _locale.default.ProEditTable.mulDeletePoConfirmMsg
+  toolbarProps: []
 };
-
 // 导出组件
 var _default = exports.default = ForwardProEditTable;

package/lib/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
@@ -408,6 +402,12 @@ export interface ProEditTableProps<T = any> extends Omit<TableProps<T>, 'onChang
         /** 是否跟随父元素滚动 */
         scrollFollowParent?: boolean;
     };
+    /**
+     * 动态属性更新防抖时间（毫秒）
+     * 用于优化表格编辑时的性能，对 fieldProps、desensitization, required、rules、isEditable, valueType 等属性进行防抖处理, 当设置为 0 时禁用防抖，所有属性立即响应
+     * @default 200
+     */
+    shouldUpdateDebounce?: number;
 }
 /**
  * 基础操作按钮类型（基于接口）

package/lib/ProEditTable/style/index.less

@@ -1,7 +1,12 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
 
 .pro-edit-table {
+  .pro-edit-table-drag-wrapper-cell{
+    .@{ant-prefix}-btn{
+      &:hover{
+        background: transparent;
+      }
+    }
+  }
   td[rowspan]{
     vertical-align: middle !important;
   }
@@ -81,16 +86,15 @@
     }
   }
 
-  .drag-wrapper {
+  .pro-edit-table-drag-wrapper {
     display: flex;
-    justify-content: flex-end;
+    align-items: center;
     .anticon {
-      margin-right: var(--zaui-space-size-md, 16px);
-      margin-left: var(--zaui-space-size-xs, 4px);
+      margin-right: var(--zaui-space-size-xs, 4px);
       cursor: pointer;
     }
   }
-  .drag-wrapper.no-check {
+  .pro-edit-table-drag-wrapper.no-check {
     .anticon {
       margin-right: 0;
     }
@@ -382,14 +386,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);
-        }
       }
     }
   }

package/lib/ProEditTable/utils/config.js

@@ -8,10 +8,9 @@ exports.iconMap = exports.defaultToolbarKeys = exports.defaultSingleActionKeys =
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-require("antd/es/message/style");
-var _message2 = _interopRequireDefault(require("antd/es/message"));
 var _icons = require("@ant-design/icons");
 var _utils = require("@zat-design/utils");
+var _antd = require("antd");
 var _lodash = require("lodash");
 var _tools = require("./tools");
 var _locale = _interopRequireDefault(require("../../locale"));
@@ -53,7 +52,7 @@ var actions = exports.actions = {
       onlyOneLineMsg = _ref.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message2.default.warning(onlyOneLineMsg);
+      _antd.message.warning(onlyOneLineMsg);
       return false;
     }
     var nextEditingKeys = [...editingKeys];
@@ -150,7 +149,7 @@ var actions = exports.actions = {
       onlyOneLineMsg = _ref4.onlyOneLineMsg;
     // 单行编辑时，需要先保存，才能进行下面的编辑
     if (virtualKey && editingKeys.length >= 1) {
-      _message2.default.warning(onlyOneLineMsg);
+      _antd.message.warning(onlyOneLineMsg);
       return false;
     }
     // 删除当前行数据
@@ -170,7 +169,7 @@ var actions = exports.actions = {
   },
   add: function () {
     var _add = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee4(_ref5) {
-      var _tableRef$current$que, _tableRef$current$que2;
+      var _tableRef$current, _tableRef$current$scr;
       var result, insertType, editingKeys, setState, form, name, virtualName, virtualKey, onlyOneLineMsg, tableRef, _ref5$prefixCls, prefixCls, page, handlePageChange, nextData, rowKey, addData, nextPageNum, nextEditingKeys;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee4$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -181,7 +180,7 @@ var actions = exports.actions = {
               _context4.next = 5;
               break;
             }
-            _message2.default.warning(onlyOneLineMsg);
+            _antd.message.warning(onlyOneLineMsg);
             return _context4.abrupt("return", false);
           case 5:
             rowKey = (0, _tools.getRandom)(); // 添加新增对象数据
@@ -231,7 +230,7 @@ var actions = exports.actions = {
               });
             }
             form.setFieldValue(name, nextData);
-            (_tableRef$current$que = tableRef.current.querySelector(`.${prefixCls}-table-body`)) === null || _tableRef$current$que === void 0 || (_tableRef$current$que2 = _tableRef$current$que.scrollTo) === null || _tableRef$current$que2 === void 0 || _tableRef$current$que2.call(_tableRef$current$que, {
+            (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || (_tableRef$current = _tableRef$current.children[0]) === null || _tableRef$current === void 0 || (_tableRef$current = _tableRef$current.querySelector(`.${prefixCls}-table-body`)) === null || _tableRef$current === void 0 || (_tableRef$current$scr = _tableRef$current.scrollTo) === null || _tableRef$current$scr === void 0 || _tableRef$current$scr.call(_tableRef$current, {
               top: insertType === 'before' ? -10000 : 10000,
               behavior: 'smooth'
             });