@zat-design/sisyphus-react 3.9.8 → 3.10.0-beta.1

package/es/ProForm/utils/valueType.js

@@ -1,3 +1,5 @@
+import _readOnlyError from "@babel/runtime/helpers/esm/readOnlyError";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import Big from 'big.js';
 import { isEqual } from 'lodash';
@@ -188,13 +190,31 @@ var dateTransform = function dateTransform(_ref2) {
   }
   return result;
 };
+/** 脱敏处理函数 */
+export var maskStringRangeWithRegex = function maskStringRangeWithRegex(input, range) {
+  var _ref3 = range || [],
+    _ref4 = _slicedToArray(_ref3, 2),
+    start = _ref4[0],
+    end = _ref4[1];
+  if (start < 0) {
+    throw new Error('脱敏数据: start index cannot be negative');
+  }
+  var adjustedEnd = Math.min(end, input.length - 1);
+  if (start >= input.length) {
+    return '';
+  }
+  var regexPattern = "^(.{".concat(start, "})(.{").concat(adjustedEnd - start + 1, "})(.*)$");
+  var regex = new RegExp(regexPattern);
+  var maskedValue = input.replace(regex, "$1".concat('*'.repeat(adjustedEnd - start + 1), "$3"));
+  return maskedValue;
+};
 export default {
   /** 年月日 */
-  date: function date(_ref3) {
-    var type = _ref3.type,
-      toISOString = _ref3.toISOString,
-      toCSTString = _ref3.toCSTString,
-      mode = _ref3.mode;
+  date: function date(_ref5) {
+    var type = _ref5.type,
+      toISOString = _ref5.toISOString,
+      toCSTString = _ref5.toCSTString,
+      mode = _ref5.mode;
     return dateTransform({
       type: type,
       _valueType: 'date',
@@ -204,11 +224,11 @@ export default {
     });
   },
   /** 年月日 时分秒 */
-  dateTime: function dateTime(_ref4) {
-    var type = _ref4.type,
-      toISOString = _ref4.toISOString,
-      toCSTString = _ref4.toCSTString,
-      mode = _ref4.mode;
+  dateTime: function dateTime(_ref6) {
+    var type = _ref6.type,
+      toISOString = _ref6.toISOString,
+      toCSTString = _ref6.toCSTString,
+      mode = _ref6.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateTime',
@@ -218,11 +238,11 @@ export default {
     });
   },
   /** 年月日 00:00:00 */
-  dateStartTime: function dateStartTime(_ref5) {
-    var type = _ref5.type,
-      toISOString = _ref5.toISOString,
-      toCSTString = _ref5.toCSTString,
-      mode = _ref5.mode;
+  dateStartTime: function dateStartTime(_ref7) {
+    var type = _ref7.type,
+      toISOString = _ref7.toISOString,
+      toCSTString = _ref7.toCSTString,
+      mode = _ref7.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateStartTime',
@@ -232,11 +252,11 @@ export default {
     });
   },
   /** 年月日 23:59:59 */
-  dateEndTime: function dateEndTime(_ref6) {
-    var type = _ref6.type,
-      toISOString = _ref6.toISOString,
-      toCSTString = _ref6.toCSTString,
-      mode = _ref6.mode;
+  dateEndTime: function dateEndTime(_ref8) {
+    var type = _ref8.type,
+      toISOString = _ref8.toISOString,
+      toCSTString = _ref8.toCSTString,
+      mode = _ref8.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateEndTime',
@@ -246,11 +266,11 @@ export default {
     });
   },
   /** 年月日 00:00:00 ~ 年月日 23:59:59 */
-  dateStartEndTime: function dateStartEndTime(_ref7) {
-    var type = _ref7.type,
-      toISOString = _ref7.toISOString,
-      toCSTString = _ref7.toCSTString,
-      mode = _ref7.mode;
+  dateStartEndTime: function dateStartEndTime(_ref9) {
+    var type = _ref9.type,
+      toISOString = _ref9.toISOString,
+      toCSTString = _ref9.toCSTString,
+      mode = _ref9.mode;
     return dateTransform({
       type: type,
       _valueType: 'dateStartEndTime',
@@ -260,9 +280,9 @@ export default {
     });
   },
   /** 百分比 */
-  percentage: function percentage(_ref8) {
-    var type = _ref8.type,
-      valueType = _ref8.valueType;
+  percentage: function percentage(_ref10) {
+    var type = _ref10.type,
+      valueType = _ref10.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -270,9 +290,9 @@ export default {
     });
   },
   /** 千分比 */
-  permillage: function permillage(_ref9) {
-    var type = _ref9.type,
-      valueType = _ref9.valueType;
+  permillage: function permillage(_ref11) {
+    var type = _ref11.type,
+      valueType = _ref11.valueType;
     return transformRatio({
       type: type,
       valueType: valueType,
@@ -280,8 +300,54 @@ export default {
     });
   },
   /**  开关 YN转换 */
-  switch: function _switch(_ref10) {
-    var switchValue = _ref10.switchValue;
+  switch: function _switch(_ref12) {
+    var switchValue = _ref12.switchValue;
     return switchTransform(switchValue);
+  },
+  /**  脱敏 转换 */
+  desensitization: function desensitization(props) {
+    var desensitization = props.desensitization,
+      type = props.type,
+      mode = props.mode,
+      names = props.names;
+    // 判断是否是地址控件，并带地址详情场景
+    if (type === 'ProCascader' && mode === 'address' && (names === null || names === void 0 ? void 0 : names.length) === 4) {
+      return {
+        getValueProps: function getValueProps(value) {
+          try {
+            if (value === null || value === void 0 ? void 0 : value.length) {
+              var _value = _slicedToArray(value, 4),
+                province = _value[0],
+                city = _value[1],
+                county = _value[2],
+                address = _value[3];
+              return {
+                value: [province, city, county, maskStringRangeWithRegex(address, desensitization)]
+              };
+            }
+            return {
+              value: value
+            };
+          } catch (error) {
+            return {
+              value: value
+            }; // 如果发生错误，返回原始值
+          }
+        }
+      };
+    }
+    return {
+      getValueProps: function getValueProps(value) {
+        try {
+          return {
+            value: maskStringRangeWithRegex(value, desensitization)
+          };
+        } catch (error) {
+          return {
+            value: value
+          }; // 如果发生错误，返回原始值
+        }
+      }
+    };
   }
 };

package/es/ProLayout/components/ProHeader/style/index.less

@@ -78,14 +78,6 @@
             background: #fff;
             letter-spacing: 2px;
           }
-          &.pro-header-describe-items-more{
-            .pro-header-tag{
-              padding: 0;
-              background: transparent !important;
-              color: #333 ;
-            }
-
-          }
         }
       }
     }

package/es/ProTable/components/FormatColumn/index.js

@@ -78,6 +78,7 @@ export var formatColumn = function formatColumn(_ref2) {
     minWidth = column.minWidth,
     onDiff = column.onDiff,
     otherProps = _objectWithoutProperties(column, _excluded);
+  otherProps.scroll = scroll;
   // 仅在 {x: 'max-content', y: 300 } 且 column无指定 width minWidth 情况下 才开启 minWidth的自动计算
   var isMaxContentOverFlow = isObject(scroll) ? (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content' && Reflect.ownKeys(scroll).includes('y') : false;
   calcMinWidth({
@@ -340,7 +341,7 @@ export var formatColumn = function formatColumn(_ref2) {
       if (!originalValue) {
         originalRenderValue = '-';
       }
-      if (renderValue !== originalRenderValue) {
+      if (originalObj && renderValue !== originalRenderValue) {
         otherProps.isChanged = true;
       } else {
         otherProps.isChanged = false;

package/es/ProTable/components/RenderColumn/index.d.ts

@@ -15,6 +15,8 @@ interface Props {
     isChanged?: boolean;
     /** 新增单元格字段 */
     isAddCell?: boolean;
+    /** 表格透传下来的scroll配置 */
+    scroll?: any;
 }
 declare const RenderColumn: FC<Props>;
 export default RenderColumn;

package/es/ProTable/components/RenderColumn/index.js

@@ -29,7 +29,8 @@ var RenderColumn = function RenderColumn(props) {
     _props$toolTipProps = props.toolTipProps,
     toolTipProps = _props$toolTipProps === void 0 ? {} : _props$toolTipProps,
     minWidth = props.minWidth,
-    isInNewRowFlag = props.isInNewRowFlag;
+    isInNewRowFlag = props.isInNewRowFlag,
+    scroll = props.scroll;
   var _useSetState = useSetState({
       tooltip: false
     }),
@@ -43,8 +44,9 @@ var RenderColumn = function RenderColumn(props) {
   // 比对场景走的逻辑
   if (!isInNewRowFlag && isBoolean(props === null || props === void 0 ? void 0 : props.isChanged)) {
     var renderNode = value ? node : '-';
+    var isXMaxContent = (scroll === null || scroll === void 0 ? void 0 : scroll.x) === 'max-content';
     if (ellipsis || (props === null || props === void 0 ? void 0 : props.isChanged)) {
-      renderNode = _jsx(Text, {
+      renderNode = !isXMaxContent ? _jsx(Text, {
         style: {
           width: currentValue === '-' ? 32.5 : width,
           minWidth: minWidth
@@ -53,6 +55,12 @@ var RenderColumn = function RenderColumn(props) {
           tooltip: false
         },
         children: ellipsis ? currentValue : renderNode
+      }) : _jsx("div", {
+        style: {
+          minWidth: minWidth,
+          width: width
+        },
+        children: ellipsis ? currentValue : renderNode
       });
       if ((props === null || props === void 0 ? void 0 : props.isChanged) === false) {
         return renderNode;

package/es/ProTable/hooks/useAntdTable.js

@@ -11,7 +11,7 @@ import { useCallback, useMemo, useState } from 'react';
 import { useRequest, useSetState, useDeepCompareEffect } from 'ahooks';
 import { pickBy, isObject, merge, set, isEqual } from 'lodash';
 import { defaultPage } from '../index';
-import { isListResult } from '../utils';
+import { isListResult, removeEmptyKeys } from '../utils';
 import locale, { formatMessage } from '../../locale';
 var useDefaultOptions = function useDefaultOptions(options) {
   var _useState = useState((options === null || options === void 0 ? void 0 : options.page) || defaultPage),
@@ -219,16 +219,17 @@ function useAntdTable(service, options, useRequestOptions) {
       pageNum: 1,
       pageSize: page.pageSize
     };
+    var _values = removeEmptyKeys(values);
     onPageChange(newPage);
     setState({
-      searchValues: values,
+      searchValues: _values,
       allSelected: false,
       selectedRecords: [],
       selectedRowKeys: []
     });
     run(getTransformParams(_objectSpread(_objectSpread({
       page: newPage
-    }, extraFilter), values)));
+    }, extraFilter), _values)));
   }, [extraFilter, page.pageSize, run, getTransformParams]);
   var resetParams = useCallback(function () {
     var page = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initPage;

package/es/ProTable/propsType.d.ts

@@ -46,6 +46,8 @@ export interface ProTableColumn extends Omit<ColumnType<any>, 'dataIndex'> {
     viewRender?: ({ value, record, index, originalValue, originalRecord, }: any) => 'same' | 'changed' | 'add' | undefined;
     isChanged?: boolean | null;
     children?: ProTableColumn[];
+    /** table透传下来的scroll配置 */
+    scroll?: any;
 }
 export interface CreateTreeFromArrayOptions {
     itemKey?: string;

package/es/ProTable/utils/index.d.ts

@@ -29,3 +29,7 @@ export declare const isListResult: (data: {
     [key: string]: any;
 }) => boolean;
 export declare const getRowKey: (rowKey: any, record: any) => any;
+/** 移除对象中的 null , undefined, '' 的key */
+export declare const removeEmptyKeys: (obj: any) => {
+    [k: string]: unknown;
+};

package/es/ProTable/utils/index.js

@@ -1,3 +1,4 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { get, isEqual } from 'lodash';
 import { validate } from '@zat-design/utils';
 var isEmpty = validate.isEmpty;
@@ -70,4 +71,18 @@ export var getRowKey = function getRowKey(rowKey, record) {
     key = (_ref = typeof rowKey === 'function' ? rowKey(record) : record[rowKey]) !== null && _ref !== void 0 ? _ref : key;
   }
   return key;
+};
+/** 移除对象中的 null , undefined, '' 的key */
+export var removeEmptyKeys = function removeEmptyKeys(obj) {
+  // 使用 Object.entries() 将对象转换为键值对数组
+  var entries = Object.entries(obj);
+  // 过滤掉值为 null, undefined, 或 '' 的键值对
+  var filteredEntries = entries.filter(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      key = _ref3[0],
+      value = _ref3[1];
+    return !isEmpty(value);
+  });
+  // 使用 Object.fromEntries() 将过滤后的键值对数组转换回对象
+  return Object.fromEntries(filteredEntries);
 };

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = _interopRequireDefault(require("react"));
 var _antd = require("antd");
@@ -26,13 +27,20 @@ var ActionButton = function ActionButton(_ref) {
     deletePoConfirmMsg = config.deletePoConfirmMsg,
     mulDeletePoConfirmMsg = config.mulDeletePoConfirmMsg,
     max = config.max,
-    tableLength = config.tableLength;
+    name = config.name,
+    tableLength = config.tableLength,
+    selectedRows = config.selectedRows;
+  var rowNamePath = [].concat((0, _toConsumableArray2.default)(name), [index]);
   // 操作按钮权限控制
   var getShow = function getShow(show) {
     if (typeof show === 'function') {
       return show(record, {
         index: index,
-        form: form
+        form: form,
+        name: name,
+        namePath: rowNamePath,
+        tableLength: tableLength,
+        selectedRows: selectedRows
       });
     }
     return show;
@@ -42,7 +50,11 @@ var ActionButton = function ActionButton(_ref) {
     if (typeof disabled === 'function') {
       return disabled(record, {
         index: index,
-        form: form
+        form: form,
+        name: name,
+        namePath: rowNamePath,
+        tableLength: tableLength,
+        selectedRows: selectedRows
       });
     }
     // 新增超过最大行，禁止操作按钮
@@ -64,14 +76,29 @@ var ActionButton = function ActionButton(_ref) {
   // 其他操作按钮Props
   var actionBtnProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, btnConfig.buttonProps), {}, {
     onClick: function onClick() {
-      btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
+      btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, {
+        index: index,
+        form: form,
+        name: name,
+        namePath: rowNamePath,
+        tableLength: tableLength,
+        selectedRows: selectedRows
+      });
     },
     disabled: getDisabled((_btnConfig$buttonProp3 = btnConfig.buttonProps) === null || _btnConfig$buttonProp3 === void 0 ? void 0 : _btnConfig$buttonProp3.disabled)
   });
   // 当传入函数时，先转成reactNode
   if ((0, _lodash.isFunction)(btnConfig.label)) {
-    btnConfig.label = (0, _jsxRuntime.jsx)(btnConfig.label, {
-      form: form
+    var addIndex = tableLength ? tableLength - 1 : 0;
+    var namePath = [].concat((0, _toConsumableArray2.default)(name), [addIndex]);
+    var addRecord = form.getFieldValue(namePath) || {};
+    btnConfig.label = btnConfig.label(addRecord, {
+      form: form,
+      namePath: namePath,
+      name: name,
+      tableLength: tableLength,
+      selectedRows: selectedRows,
+      index: addIndex
     });
   }
   var isDisabled = !selectedRowKeys.length && btnConfig.type === 'mulDelete' || editingKeys.length || (delBtnProps === null || delBtnProps === void 0 ? void 0 : delBtnProps.disabled);
@@ -81,7 +108,14 @@ var ActionButton = function ActionButton(_ref) {
         placement: "topRight",
         title: deleteMsgMap[btnConfig.type],
         onConfirm: function onConfirm() {
-          btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
+          btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, {
+            index: index,
+            form: form,
+            name: name,
+            namePath: rowNamePath,
+            tableLength: tableLength,
+            selectedRows: selectedRows
+          });
         },
         disabled: isDisabled,
         okText: _locale.default.ProEditTable.confirm,
@@ -101,13 +135,27 @@ var ActionButton = function ActionButton(_ref) {
           index: index,
           disabled: isDisabled,
           onClick: function onClick() {
-            btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
+            btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, {
+              index: index,
+              form: form,
+              name: name,
+              namePath: rowNamePath,
+              tableLength: tableLength,
+              selectedRows: selectedRows
+            });
           }
         }))) : (0, _jsxRuntime.jsx)(_antd.Button, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(delBtnProps, ['buttonProps', 'isEditable', 'onEvent'])), {}, {
           disabled: isDisabled,
           type: "link",
           onClick: function onClick() {
-            btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, index);
+            btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.onEvent(record, {
+              index: index,
+              form: form,
+              name: name,
+              namePath: rowNamePath,
+              tableLength: tableLength,
+              selectedRows: selectedRows
+            });
           },
           children: btnConfig.label
         }))

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

@@ -30,7 +30,7 @@ var _utils = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
 var _getDefaultProps = require("../../utils/getDefaultProps");
 var _ListChangedWrapper = _interopRequireDefault(require("./ListChangedWrapper"));
-var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies"];
+var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies", "desensitization"];
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
 var RenderField = function RenderField(_ref) {
@@ -64,6 +64,7 @@ var RenderField = function RenderField(_ref) {
     trim = column.trim,
     confirm = column.confirm,
     dependencies = column.dependencies,
+    desensitization = column.desensitization,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
   // editRender弃用使用component同ProForm
   var _editRender = component || editRender;
@@ -89,6 +90,7 @@ var RenderField = function RenderField(_ref) {
   var _required = required;
   var _valueType = valueType;
   var _disabled = false;
+  var _desensitization = desensitization || [];
   var isCell = mode === 'cell';
   if (isCell) {
     record['is-view'] = !(0, _lodash.isEqual)(cellNamePath, cellName);
@@ -125,6 +127,9 @@ var RenderField = function RenderField(_ref) {
   if ((0, _lodash.isFunction)(valueType)) {
     _valueType = valueType.apply(void 0, rowParams);
   }
+  if ((0, _lodash.isFunction)(desensitization)) {
+    _desensitization = desensitization.apply(void 0, rowParams);
+  }
   // 获取最终的disabled
   _disabled = (0, _tools.getDisabled)({
     globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
@@ -136,9 +141,9 @@ var RenderField = function RenderField(_ref) {
   });
   if (typeof isEditable === 'function') {
     isEditable = isEditable.apply(void 0, rowParams);
-    setTimeout(function () {
-      !isEditable && form.validateFields([cellName]);
-    }, 100);
+    // setTimeout(() => {
+    //   !isEditable && form.validateFields([cellName]);
+    // }, 100);
   }
   // 是否只读文本
   var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing || (0, _tools.getDisabled)({
@@ -196,21 +201,23 @@ var RenderField = function RenderField(_ref) {
    * 配置valueType时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
-  var valueTypeTransform = (0, _react.useCallback)(function () {
-    var _fieldProps3;
-    // 不存在valueType返回空
-    if (!_valueType) {
-      return {};
-    }
+  var valueTypeTransform = function valueTypeTransform() {
+    var _fieldProps3, _desensitization2;
     // SwitchCheckbox默认YN, 兼容已有组件
     if (type === 'SwitchCheckbox') {
       _valueType = 'switch';
     }
     var params = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, column), {}, {
-      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode
+      mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode,
+      desensitization: _desensitization
     });
+    var isDesensit = sessionStorage.getItem(otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey);
+    // 仅查看模式下进行数据脱敏
+    if (((_desensitization2 = _desensitization) === null || _desensitization2 === void 0 ? void 0 : _desensitization2.length) && _disabled && isDesensit === 'ON') {
+      _valueType = 'desensitization';
+    }
     return (0, _lodash.isFunction)(_valueType2.default[_valueType]) ? _valueType2.default[_valueType](params) : {};
-  }, [_valueType]);
+  };
   if ((_names = names) === null || _names === void 0 ? void 0 : _names.length) {
     // 支持names配置，临时生成对应的formItem，用来存储单个对应的值
     names = names.map(function (key) {
@@ -524,6 +531,7 @@ var RenderField = function RenderField(_ref) {
     onBlur: _onblur,
     index: index,
     confirm: confirm,
+    desensitization: _desensitization,
     otherProps: {
       form: form,
       names: names,
@@ -532,7 +540,8 @@ var RenderField = function RenderField(_ref) {
       listName: cellName,
       viewEmpty: viewEmpty,
       valueType: _valueType,
-      isView: isView
+      isView: isView,
+      desensitizationKey: otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey
     }
   });
   componentProps = (0, _lodash.omit)(componentProps, ['onFieldChange', 'namePath', 'index']);

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

@@ -23,12 +23,9 @@ var RenderToolbar = function RenderToolbar(config) {
     toolbarProps = config.toolbarProps,
     name = config.name,
     virtualKey = config.virtualKey,
-    form = config.form,
     disabled = config.disabled,
-    selectedRows = config.selectedRows,
     tableLength = config.tableLength;
   var virtualName = (0, _tools.getNamePath)(name, virtualKey);
-  var dataSource = form.getFieldValue(name);
   // toolbarProps配置为false 默认不插入
   if (toolbarProps === false || disabled) {
     return null;
@@ -82,29 +79,34 @@ 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 _ref = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(record, index) {
-        var onEvent, result;
+      var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(record, _ref) {
+        var index, form, name, namePath, tableLength, selectedRows, onEvent, result;
         return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             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 = 5;
+                _context.next = 6;
                 break;
               }
               result = true;
-              _context.next = 8;
+              _context.next = 9;
               break;
-            case 5:
-              _context.next = 7;
-              return onEvent === null || onEvent === void 0 ? void 0 : onEvent(selectedRows, dataSource, {
+            case 6:
+              _context.next = 8;
+              return onEvent === null || onEvent === void 0 ? void 0 : onEvent(record, {
+                index: index,
                 form: form,
-                namePath: virtualName
+                name: name,
+                namePath: namePath,
+                tableLength: tableLength,
+                selectedRows: selectedRows
               });
-            case 7:
-              result = _context.sent;
             case 8:
-              if (result && type !== 'custom') {
+              result = _context.sent;
+            case 9:
+              if (result !== false && type !== 'custom') {
                 _config.actions[type]((0, _objectSpread2.default)((0, _objectSpread2.default)({}, config), {}, {
                   index: index,
                   record: record,
@@ -113,14 +115,14 @@ var RenderToolbar = function RenderToolbar(config) {
                   virtualName: virtualName
                 }));
               }
-            case 9:
+            case 10:
             case "end":
               return _context.stop();
           }
         }, _callee);
       }));
       return function (_x, _x2) {
-        return _ref.apply(this, arguments);
+        return _ref2.apply(this, arguments);
       };
     }();
     toolbar.buttonProps = buttonProps;

package/lib/ProEditTable/index.js

@@ -300,7 +300,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   }, [value, config.name]);
   var _columns = (0, _react.useMemo)(function () {
     return (0, _utils.transformColumns)(columns, config);
-  }, [valueChangeRef.current, disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath]);
+  }, [valueChangeRef.current, disabled, forceUpdate, columns, page, actionProps, editingKeys, cellNamePath, value === null || value === void 0 ? void 0 : value.length]);
   var initDataSource = function initDataSource() {
     var _value$every, _value$some;
     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) {

package/lib/ProEditTable/propsType.d.ts

@@ -11,9 +11,12 @@ import { ProFormValueType, ColumnPropsMap } from '../ProForm/components/render/p
 import { DiffOriginalParams } from '../ProForm/utils/diffOriginal';
 export type ActionType = 'edit' | 'delete' | 'save' | 'cancel' | 'add' | 'mulDelete' | 'custom';
 export type ShowFunction<T> = (record?: T, options?: {
-    index?: number;
-    form?: FormInstance;
-    namePath?: NamePath;
+    index: number;
+    form: FormInstance;
+    name: NamePath;
+    namePath: NamePath;
+    tableLength: number;
+    selectedRows: T[];
 }) => Promise<any> | boolean | void;
 export interface OptionsProps {
     index: number;