@zat-design/sisyphus-react 4.0.0-beta.7 → 4.0.0-beta.8

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

@@ -23,6 +23,7 @@ import { isSelect, isTrim } from "../../../ProForm/utils";
 import ConfirmWrapper from "../../../ProForm/components/render/ConfirmWrapper";
 import { getDefaultProps } from "../../utils/getDefaultProps";
 import ListChangedWrapper from "./ListChangedWrapper";
+import useShouldUpdateForTable from "../../utils/useShouldUpdateForTable";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 var RenderField = _ref => {
@@ -58,8 +59,6 @@ var RenderField = _ref => {
     dependencies = column.dependencies,
     desensitization = column.desensitization,
     resetProps = _objectWithoutProperties(column, _excluded);
-  // editRender弃用使用component同ProForm
-  var _editRender = component || editRender;
   var mode = config.mode,
     cellName = config.cellName,
     cellNamePath = config.cellNamePath,
@@ -76,13 +75,17 @@ var RenderField = _ref => {
     validateTrigger = _config$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _config$validateTrigg,
     otherProps = config.otherProps,
     diffConfig = config.diffConfig,
-    getIsNew = config.getIsNew;
+    getIsNew = config.getIsNew,
+    shouldUpdateDebounce = config.shouldUpdateDebounce;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
   var _required = required;
   var _valueType = valueType;
   var _disabled = false;
   var _desensitization = desensitization || [];
+
+  // editRender弃用使用component同ProForm
+  var _editRender = component || editRender;
   var isCell = mode === 'cell';
   if (isCell) {
     record['is-view'] = !isEqual(cellNamePath, cellName);
@@ -112,21 +115,34 @@ var RenderField = _ref => {
   // 行参数 - 使用useMemo优化
   var rowParams = useMemo(() => [currentValue, rowData, options], [currentValue, rowData, options]);
 
+  // 使用 hook 处理动态属性（带选择性防抖）
+  var dynamicProps = useShouldUpdateForTable({
+    rowParams,
+    column,
+    shouldUpdateDebounce
+  });
+
   // required & rules & fieldProps & disabled & valueType 函数化处理
+  // 优先使用 hook 返回的值，fallback 到原始值
   if (isFunction(required)) {
-    _required = required(...rowParams);
+    var _dynamicProps$require;
+    _required = (_dynamicProps$require = dynamicProps.required) !== null && _dynamicProps$require !== void 0 ? _dynamicProps$require : required(...rowParams);
   }
   if (isFunction(fieldProps)) {
-    _fieldProps = fieldProps(...rowParams);
+    var _dynamicProps$fieldPr;
+    _fieldProps = (_dynamicProps$fieldPr = dynamicProps.fieldProps) !== null && _dynamicProps$fieldPr !== void 0 ? _dynamicProps$fieldPr : fieldProps(...rowParams);
   }
   if (isFunction(rules)) {
-    _rules = rules(...rowParams);
+    var _dynamicProps$rules;
+    _rules = (_dynamicProps$rules = dynamicProps.rules) !== null && _dynamicProps$rules !== void 0 ? _dynamicProps$rules : rules(...rowParams);
   }
   if (isFunction(valueType)) {
-    _valueType = valueType(...rowParams);
+    var _dynamicProps$valueTy;
+    _valueType = (_dynamicProps$valueTy = dynamicProps.valueType) !== null && _dynamicProps$valueTy !== void 0 ? _dynamicProps$valueTy : valueType(...rowParams);
   }
   if (isFunction(desensitization)) {
-    _desensitization = desensitization(...rowParams);
+    var _dynamicProps$desensi;
+    _desensitization = (_dynamicProps$desensi = dynamicProps.desensitization) !== null && _dynamicProps$desensi !== void 0 ? _dynamicProps$desensi : desensitization(...rowParams);
   }
 
   // 获取最终的disabled
@@ -138,8 +154,11 @@ var RenderField = _ref => {
     columnFieldProps: _fieldProps,
     params: rowParams
   });
+
+  // isEditable 处理 - 优先使用 hook 返回的值
   if (isFunction(isEditable)) {
-    isEditable = isEditable(...rowParams);
+    var _dynamicProps$isEdita;
+    isEditable = (_dynamicProps$isEdita = dynamicProps.isEditable) !== null && _dynamicProps$isEdita !== void 0 ? _dynamicProps$isEdita : isEditable(...rowParams);
   }
 
   // 是否只读文本
@@ -756,5 +775,21 @@ export default /*#__PURE__*/memo(RenderField, (prevProps, nextProps) => {
       return false;
     }
   }
+
+  // 特殊处理：当使用自定义 component 函数时，比较整个 record 对象
+  // 因为自定义组件可能依赖 record 中的其他字段（不只是当前列的 dataIndex）
+  if (isFunction(prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.component) || isFunction(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.component)) {
+    // 浅比较 record 的所有属性
+    var prevKeys = Object.keys(prevRecord || {});
+    var nextKeys = Object.keys(nextRecord || {});
+    if (prevKeys.length !== nextKeys.length) {
+      return false;
+    }
+
+    // 使用 some 方法代替 for 循环
+    if (prevKeys.some(key => (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord[key]) !== (nextRecord === null || nextRecord === void 0 ? void 0 : nextRecord[key]))) {
+      return false;
+    }
+  }
   return true;
 });

package/es/ProEditTable/index.js

@@ -20,7 +20,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ProEditTable = (_ref, ref) => {
-  var _resetProps$id, _resetProps$id$split, _themeConfig$data2, _resetProps$otherProp;
+  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,
@@ -73,6 +73,7 @@ var ProEditTable = (_ref, ref) => {
   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);
   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,
@@ -95,8 +96,8 @@ var ProEditTable = (_ref, ref) => {
     _useLocalStorageState2 = _slicedToArray(_useLocalStorageState, 1),
     themeConfig = _useLocalStorageState2[0];
   var requiredAlign = 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 = useSetState({
       cellNamePath: [],
@@ -138,8 +139,8 @@ var ProEditTable = (_ref, ref) => {
   var getRowKey = useCallback(record => {
     var key = record.rowKey || getRandom();
     if (rowKey) {
-      var _ref3;
-      key = (_ref3 = isFunction(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref3 !== void 0 ? _ref3 : key;
+      var _ref4;
+      key = (_ref4 = isFunction(rowKey) ? rowKey(record) : record[rowKey]) !== null && _ref4 !== void 0 ? _ref4 : key;
     }
     return key;
   }, [rowKey]);
@@ -174,7 +175,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 分页变更
   var handlePageChange = useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(current, pageSize) {
+    var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(current, pageSize) {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -220,7 +221,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 = _objectSpread({
@@ -257,6 +258,7 @@ var ProEditTable = (_ref, ref) => {
     rowDisabled,
     actionDirection,
     diffConfig: _objectSpread(_objectSpread({}, resetProps === null || resetProps === void 0 || (_resetProps$otherProp = resetProps.otherProps) === null || _resetProps$otherProp === void 0 ? void 0 : _resetProps$otherProp.diffConfig), diffConfig),
+    shouldUpdateDebounce,
     getIsNew,
     handlePageChange
   }, resetProps);
@@ -317,7 +319,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 空列表状态
   var emptyDom = useMemo(() => () => {
-    var _filter, _ref5;
+    var _filter, _ref6;
     return /*#__PURE__*/_jsxs("div", {
       className: "com-empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -328,7 +330,7 @@ var ProEditTable = (_ref, ref) => {
         className: "content",
         children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : /*#__PURE__*/_jsxs(_Fragment, {
           children: [locale.ProEditTable.noData, "\uFF0C", /*#__PURE__*/_jsx(RenderToolbar, _objectSpread({}, _objectSpread(_objectSpread({}, 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: []
           })))]
         })

package/es/ProEditTable/propsType.d.ts

@@ -402,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/es/ProEditTable/utils/useShouldUpdateForTable.d.ts

@@ -0,0 +1,15 @@
+interface UseShouldUpdateForTableProps {
+    rowParams: any[];
+    column: any;
+    shouldUpdateDebounce: number;
+}
+interface Result {
+    isEditable: any;
+    required: any;
+    rules: any;
+    fieldProps: any;
+    desensitization: any;
+    valueType: any;
+}
+declare const useShouldUpdateForTable: (props: UseShouldUpdateForTableProps) => Result;
+export default useShouldUpdateForTable;

package/es/ProEditTable/utils/useShouldUpdateForTable.js

@@ -0,0 +1,132 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { useRef, useState, useEffect } from 'react';
+import { isFunction, isEqualWith, debounce } from 'lodash';
+import { customEqualForFunction } from "../../utils";
+var useShouldUpdateForTable = props => {
+  var _isEditableRef$curren, _requiredRef$current, _rulesRef$current, _fieldPropsRef$curren, _desensitizationRef$c, _valueTypeRef$current;
+  var rowParams = props.rowParams,
+    column = props.column,
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
+
+  // refs 存储当前值
+  var isEditableRef = useRef();
+  var requiredRef = useRef();
+  var rulesRef = useRef();
+  var fieldPropsRef = useRef();
+  var desensitizationRef = useRef();
+  var valueTypeRef = useRef();
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    reRender = _useState2[1];
+  var debouncedUpdateRef = useRef(null);
+  var pendingParamsRef = useRef(null);
+
+  // 统一处理所有动态属性的更新
+  var processUpdate = params => {
+    var hasChange = false;
+
+    // isEditable 处理
+    if (isFunction(column.isEditable)) {
+      var newIsEditable = column.isEditable(...params);
+      if (isEditableRef.current !== newIsEditable) {
+        isEditableRef.current = newIsEditable;
+        hasChange = true;
+      }
+    } else {
+      isEditableRef.current = column.isEditable;
+    }
+
+    // required 处理
+    if (isFunction(column.required)) {
+      var newRequired = column.required(...params);
+      if (requiredRef.current !== newRequired) {
+        requiredRef.current = newRequired;
+        hasChange = true;
+      }
+    } else {
+      requiredRef.current = column.required;
+    }
+
+    // rules 处理
+    if (isFunction(column.rules)) {
+      var newRules = column.rules(...params);
+      if (!isEqualWith(rulesRef.current, newRules, customEqualForFunction)) {
+        rulesRef.current = newRules;
+        hasChange = true;
+      }
+    } else {
+      rulesRef.current = column.rules;
+    }
+
+    // fieldProps 处理
+    if (isFunction(column.fieldProps)) {
+      var newFieldProps = column.fieldProps(...params);
+      if (!isEqualWith(fieldPropsRef.current, newFieldProps, customEqualForFunction)) {
+        fieldPropsRef.current = newFieldProps;
+        hasChange = true;
+      }
+    } else {
+      fieldPropsRef.current = column.fieldProps;
+    }
+
+    // desensitization 处理
+    if (isFunction(column.desensitization)) {
+      var newDesensitization = column.desensitization(...params);
+      if (!isEqualWith(desensitizationRef.current, newDesensitization)) {
+        desensitizationRef.current = newDesensitization;
+        hasChange = true;
+      }
+    } else {
+      desensitizationRef.current = column.desensitization;
+    }
+
+    // valueType 处理
+    if (isFunction(column.valueType)) {
+      var newValueType = column.valueType(...params);
+      if (valueTypeRef.current !== newValueType) {
+        valueTypeRef.current = newValueType;
+        hasChange = true;
+      }
+    } else {
+      valueTypeRef.current = column.valueType;
+    }
+    if (hasChange) {
+      reRender({});
+    }
+  };
+
+  // 创建防抖函数（统一处理所有动态属性）
+  useEffect(() => {
+    if (shouldUpdateDebounce > 0 && (isFunction(column.isEditable) || isFunction(column.required) || isFunction(column.rules) || isFunction(column.fieldProps) || isFunction(column.desensitization) || isFunction(column.valueType))) {
+      debouncedUpdateRef.current = debounce(() => {
+        if (pendingParamsRef.current) {
+          processUpdate(pendingParamsRef.current);
+          pendingParamsRef.current = null;
+        }
+      }, shouldUpdateDebounce);
+    }
+    return () => {
+      var _debouncedUpdateRef$c;
+      (_debouncedUpdateRef$c = debouncedUpdateRef.current) === null || _debouncedUpdateRef$c === void 0 || _debouncedUpdateRef$c.cancel();
+    };
+  }, [shouldUpdateDebounce, column]);
+
+  // 统一的属性处理逻辑
+  if (shouldUpdateDebounce > 0 && debouncedUpdateRef.current) {
+    // 使用防抖延迟更新
+    pendingParamsRef.current = rowParams;
+    debouncedUpdateRef.current();
+  } else {
+    // 立即更新（shouldUpdateDebounce = 0 或无防抖函数）
+    processUpdate(rowParams);
+  }
+  return {
+    isEditable: (_isEditableRef$curren = isEditableRef.current) !== null && _isEditableRef$curren !== void 0 ? _isEditableRef$curren : column.isEditable,
+    required: (_requiredRef$current = requiredRef.current) !== null && _requiredRef$current !== void 0 ? _requiredRef$current : column.required,
+    rules: (_rulesRef$current = rulesRef.current) !== null && _rulesRef$current !== void 0 ? _rulesRef$current : column.rules,
+    fieldProps: (_fieldPropsRef$curren = fieldPropsRef.current) !== null && _fieldPropsRef$curren !== void 0 ? _fieldPropsRef$curren : column.fieldProps,
+    desensitization: (_desensitizationRef$c = desensitizationRef.current) !== null && _desensitizationRef$c !== void 0 ? _desensitizationRef$c : column.desensitization,
+    valueType: (_valueTypeRef$current = valueTypeRef.current) !== null && _valueTypeRef$current !== void 0 ? _valueTypeRef$current : column.valueType
+  };
+};
+export default useShouldUpdateForTable;

package/es/ProForm/components/render/RenderFields.js

@@ -209,7 +209,8 @@ var RenderFields = props => {
       listName: column.listName,
       globalControl,
       formDisabled,
-      diffConfig
+      diffConfig,
+      shouldUpdateDebounce
     };
     return /*#__PURE__*/_jsx(FieldProvider, {
       value: otherProps,

package/es/ProForm/index.js

@@ -66,7 +66,7 @@ var ProForm = (props, ref) => {
     _props$stopOnFirstErr = props.stopOnFirstError,
     stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
     _props$shouldUpdateDe = props.shouldUpdateDebounce,
-    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 500 : _props$shouldUpdateDe,
+    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 200 : _props$shouldUpdateDe,
     otherProps = _objectWithoutProperties(props, _excluded);
   var config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示

package/es/ProForm/propsType.d.ts

@@ -46,6 +46,7 @@ export interface ProFormOtherType {
     formDisabled?: boolean;
     isDiffChange?: boolean;
     diffConfig?: DiffConfigType;
+    shouldUpdateDebounce?: number;
 }
 export interface DiffConfigType<Values = any> {
     /** 比对原始数据源 */

package/es/ProForm/utils/useShouldUpdate.js

@@ -24,8 +24,7 @@ var useShouldUpdate = props => {
     originComponent = props.originComponent,
     type = props.type,
     desensitization = props.desensitization,
-    _props$shouldUpdateDe = props.shouldUpdateDebounce,
-    shouldUpdateDebounce = _props$shouldUpdateDe === void 0 ? 500 : _props$shouldUpdateDe;
+    shouldUpdateDebounce = props.shouldUpdateDebounce;
   var _shouldUpdate = formItemProps.shouldUpdate,
     name = formItemProps.name,
     clearNotShow = formItemProps.clearNotShow,

package/es/ProTabs/style/index.less

@@ -6,6 +6,9 @@
         .pro-tabs-card-left {
           width: 84px !important;
         }
+        .pro-tabs-card-right {
+          width: 24px !important;
+        }
         .pro-tabs-card-right img {
           width: 24px !important;
         }
@@ -94,7 +97,7 @@
 
     .pro-tabs-card-right {
       display: flex;
-
+      width: 48px;
       img {
         width: 48px;
       }
@@ -123,6 +126,7 @@
     width: 200px;
     padding: calc(9px * var(--zaui-size; 1)) 16px calc(9px * var(--zaui-size; 1)) 24px;
     border: 1px solid var(--zaui-line, #dddddd);
+    border-radius: var(--zaui-border-radius, 8px);
 
     .pro-tabs-card-left {
       width: 104px;

package/es/utils/index.js

@@ -4,10 +4,22 @@ import { isFunction } from 'lodash';
 var EMPTY_VALUE = [undefined, null, ''];
 
 // 自定义深比对 如果两边都是函数类型则认为相等
+// 对于 React 元素，不直接认为相等，而是让 lodash 继续进行深度比较
 export var customEqualForFunction = (value, other) => {
-  if (isFunction(value) && isFunction(other) || /*#__PURE__*/React.isValidElement(value) && /*#__PURE__*/React.isValidElement(other)) {
+  // 只有当两边都是函数时才认为相等
+  if (isFunction(value) && isFunction(other)) {
     return true;
   }
+  // 对于 React 元素，返回 undefined 让 isEqualWith 继续使用默认比较逻辑
+  // 这样会比较 React 元素的 type、props 等属性
+  if ( /*#__PURE__*/React.isValidElement(value) && /*#__PURE__*/React.isValidElement(other)) {
+    // 比较 React 元素的类型和关键 props
+    if (value.type !== other.type) {
+      return false;
+    }
+    // 对于相同类型的 React 元素，返回 undefined 让 isEqualWith 继续深度比较 props
+    return undefined;
+  }
 };
 
 /**

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

@@ -28,6 +28,7 @@ var _utils2 = require("../../../ProForm/utils");
 var _ConfirmWrapper = _interopRequireDefault(require("../../../ProForm/components/render/ConfirmWrapper"));
 var _getDefaultProps = require("../../utils/getDefaultProps");
 var _ListChangedWrapper = _interopRequireDefault(require("./ListChangedWrapper"));
+var _useShouldUpdateForTable = _interopRequireDefault(require("../../utils/useShouldUpdateForTable"));
 var _jsxRuntime = require("react/jsx-runtime");
 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 */
@@ -65,8 +66,6 @@ var RenderField = _ref => {
     dependencies = column.dependencies,
     desensitization = column.desensitization,
     resetProps = (0, _objectWithoutProperties2.default)(column, _excluded);
-  // editRender弃用使用component同ProForm
-  var _editRender = component || editRender;
   var mode = config.mode,
     cellName = config.cellName,
     cellNamePath = config.cellNamePath,
@@ -83,13 +82,17 @@ var RenderField = _ref => {
     validateTrigger = _config$validateTrigg === void 0 ? ['onChange', 'onBlur', 'onSubmit'] : _config$validateTrigg,
     otherProps = config.otherProps,
     diffConfig = config.diffConfig,
-    getIsNew = config.getIsNew;
+    getIsNew = config.getIsNew,
+    shouldUpdateDebounce = config.shouldUpdateDebounce;
   var _fieldProps = fieldProps || formItemProps || {};
   var _rules = rules || [];
   var _required = required;
   var _valueType = valueType;
   var _disabled = false;
   var _desensitization = desensitization || [];
+
+  // editRender弃用使用component同ProForm
+  var _editRender = component || editRender;
   var isCell = mode === 'cell';
   if (isCell) {
     record['is-view'] = !(0, _lodash.isEqual)(cellNamePath, cellName);
@@ -119,21 +122,34 @@ var RenderField = _ref => {
   // 行参数 - 使用useMemo优化
   var rowParams = (0, _react.useMemo)(() => [currentValue, rowData, options], [currentValue, rowData, options]);
 
+  // 使用 hook 处理动态属性（带选择性防抖）
+  var dynamicProps = (0, _useShouldUpdateForTable.default)({
+    rowParams,
+    column,
+    shouldUpdateDebounce
+  });
+
   // required & rules & fieldProps & disabled & valueType 函数化处理
+  // 优先使用 hook 返回的值，fallback 到原始值
   if ((0, _lodash.isFunction)(required)) {
-    _required = required(...rowParams);
+    var _dynamicProps$require;
+    _required = (_dynamicProps$require = dynamicProps.required) !== null && _dynamicProps$require !== void 0 ? _dynamicProps$require : required(...rowParams);
   }
   if ((0, _lodash.isFunction)(fieldProps)) {
-    _fieldProps = fieldProps(...rowParams);
+    var _dynamicProps$fieldPr;
+    _fieldProps = (_dynamicProps$fieldPr = dynamicProps.fieldProps) !== null && _dynamicProps$fieldPr !== void 0 ? _dynamicProps$fieldPr : fieldProps(...rowParams);
   }
   if ((0, _lodash.isFunction)(rules)) {
-    _rules = rules(...rowParams);
+    var _dynamicProps$rules;
+    _rules = (_dynamicProps$rules = dynamicProps.rules) !== null && _dynamicProps$rules !== void 0 ? _dynamicProps$rules : rules(...rowParams);
   }
   if ((0, _lodash.isFunction)(valueType)) {
-    _valueType = valueType(...rowParams);
+    var _dynamicProps$valueTy;
+    _valueType = (_dynamicProps$valueTy = dynamicProps.valueType) !== null && _dynamicProps$valueTy !== void 0 ? _dynamicProps$valueTy : valueType(...rowParams);
   }
   if ((0, _lodash.isFunction)(desensitization)) {
-    _desensitization = desensitization(...rowParams);
+    var _dynamicProps$desensi;
+    _desensitization = (_dynamicProps$desensi = dynamicProps.desensitization) !== null && _dynamicProps$desensi !== void 0 ? _dynamicProps$desensi : desensitization(...rowParams);
   }
 
   // 获取最终的disabled
@@ -145,8 +161,11 @@ var RenderField = _ref => {
     columnFieldProps: _fieldProps,
     params: rowParams
   });
+
+  // isEditable 处理 - 优先使用 hook 返回的值
   if ((0, _lodash.isFunction)(isEditable)) {
-    isEditable = isEditable(...rowParams);
+    var _dynamicProps$isEdita;
+    isEditable = (_dynamicProps$isEdita = dynamicProps.isEditable) !== null && _dynamicProps$isEdita !== void 0 ? _dynamicProps$isEdita : isEditable(...rowParams);
   }
 
   // 是否只读文本
@@ -763,5 +782,21 @@ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(RenderField, (pre
       return false;
     }
   }
+
+  // 特殊处理：当使用自定义 component 函数时，比较整个 record 对象
+  // 因为自定义组件可能依赖 record 中的其他字段（不只是当前列的 dataIndex）
+  if ((0, _lodash.isFunction)(prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.component) || (0, _lodash.isFunction)(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.component)) {
+    // 浅比较 record 的所有属性
+    var prevKeys = Object.keys(prevRecord || {});
+    var nextKeys = Object.keys(nextRecord || {});
+    if (prevKeys.length !== nextKeys.length) {
+      return false;
+    }
+
+    // 使用 some 方法代替 for 循环
+    if (prevKeys.some(key => (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord[key]) !== (nextRecord === null || nextRecord === void 0 ? void 0 : nextRecord[key]))) {
+      return false;
+    }
+  }
   return true;
 });

package/lib/ProEditTable/index.js

@@ -26,7 +26,7 @@ var _RcTable = require("./components/RcTable");
 var _jsxRuntime = require("react/jsx-runtime");
 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 _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,
@@ -79,6 +79,7 @@ var ProEditTable = (_ref, ref) => {
   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,
@@ -101,8 +102,8 @@ var ProEditTable = (_ref, ref) => {
     _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: [],
@@ -144,8 +145,8 @@ var ProEditTable = (_ref, ref) => {
   var getRowKey = (0, _react.useCallback)(record => {
     var key = record.rowKey || (0, _tools.getRandom)();
     if (rowKey) {
-      var _ref3;
-      key = (_ref3 = (0, _lodash.isFunction)(rowKey) ? 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]);
@@ -180,7 +181,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 分页变更
   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:
@@ -226,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)({
@@ -263,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);
@@ -323,7 +325,7 @@ var ProEditTable = (_ref, ref) => {
 
   // 空列表状态
   var emptyDom = (0, _react.useMemo)(() => () => {
-    var _filter, _ref5;
+    var _filter, _ref6;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "com-empty",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -334,7 +336,7 @@ 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: []
           })))]
         })

package/lib/ProEditTable/propsType.d.ts

@@ -402,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;
 }
 /**
  * 基础操作按钮类型（基于接口）