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

package/es/ProTable/hooks/useAntdTable.js

@@ -149,13 +149,64 @@ function useAntdTable(service, options, useRequestOptions) {
       selectedRowKeys: []
     });
   };
+  var resetParams = () => {
+    setState({
+      searchValues: {},
+      allSelected: false,
+      selectedRecords: [],
+      selectedRowKeys: [],
+      extraFilter: {
+        filters: undefined,
+        sorter: undefined
+      }
+    });
+  };
+
+  // 重置查询条件: 页码还原、勾选清空
+  var onReset = refresh => {
+    form === null || form === void 0 || form.resetFields();
+    var newPage = {
+      pageNum: 1,
+      pageSize: page.pageSize
+    };
+    resetParams();
+    if (isResetQuery || refresh) {
+      onPageChange(newPage);
+      run(getTransformParams({
+        page: newPage
+      }));
+    }
+  };
 
   /**
    * 手动触发时，手动调用run
    */
   useEffect(() => {
     if (!(useRequestOptions !== null && useRequestOptions !== void 0 && useRequestOptions.manual)) {
-      run(getTransformParams());
+      onReset(true);
+    }
+  }, [useRequestOptions === null || useRequestOptions === void 0 ? void 0 : useRequestOptions.manual, curExtraParams, curService]);
+
+  /**
+   * 手动触发时，手动调用run
+   */
+  useEffect(() => {
+    if (!(useRequestOptions !== null && useRequestOptions !== void 0 && useRequestOptions.manual)) {
+      // 当 extraParams 变化时,重置分页和选中状态
+      onPageChange(initPage);
+      setState({
+        searchValues: {},
+        allSelected: false,
+        selectedRecords: [],
+        selectedRowKeys: [],
+        extraFilter: {
+          filters: undefined,
+          sorter: undefined
+        }
+      });
+      run(getTransformParams({
+        page: initPage
+      }));
     }
   }, [useRequestOptions === null || useRequestOptions === void 0 ? void 0 : useRequestOptions.manual, curExtraParams, curService]);
   useDeepCompareEffect(() => {
@@ -265,34 +316,6 @@ function useAntdTable(service, options, useRequestOptions) {
       page: newPage
     }, extraFilter), _values)));
   };
-  var resetParams = page => {
-    setState({
-      searchValues: {},
-      allSelected: false,
-      selectedRecords: [],
-      selectedRowKeys: [],
-      extraFilter: {
-        filters: undefined,
-        sorter: undefined
-      }
-    });
-  };
-
-  // 重置查询条件: 页码还原、勾选清空
-  var onReset = () => {
-    form === null || form === void 0 || form.resetFields();
-    var newPage = {
-      pageNum: 1,
-      pageSize: page.pageSize
-    };
-    resetParams(newPage);
-    if (isResetQuery) {
-      onPageChange(newPage);
-      run(getTransformParams({
-        page: newPage
-      }));
-    }
-  };
   var refreshPage = res => {
     var transformResult = transformResponse ? transformResponse(res) : res || {};
     var _ref3 = isListResult(transformResult) ? transformResult : (transformResult === null || transformResult === void 0 ? void 0 : transformResult.data) || {},

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/RcTable/DraggableTable.js

@@ -45,8 +45,9 @@ var Row = props => {
     ref: setNodeRef,
     style: style
   }, attributes), {}, {
-    children: _react.default.Children.map(children, child => {
-      if (child.key === 'RC_TABLE_KEY' && !disabled) {
+    children: _react.default.Children.map(children, (child, index) => {
+      // 在第一列（通常是rowSelection列）显示拖拽图标
+      if (index === 0 && !disabled) {
         var _restProps$dataRowD;
         var _ref = (child === null || child === void 0 ? void 0 : child.props) || {},
           render = _ref.render,
@@ -67,7 +68,8 @@ var Row = props => {
             }, listeners)) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProIcon.default, {
               size: 20
             }), props['data-hide'] ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
-          })
+          }),
+          className: 'pro-edit-table-drag-wrapper-cell'
         });
       }
       return child;

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

package/lib/ProEditTable/style/index.less

@@ -1,5 +1,12 @@
 
 .pro-edit-table {
+  .pro-edit-table-drag-wrapper-cell{
+    .@{ant-prefix}-btn{
+      &:hover{
+        background: transparent;
+      }
+    }
+  }
   td[rowspan]{
     vertical-align: middle !important;
   }
@@ -81,10 +88,9 @@
 
   .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;
     }
   }

package/lib/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/lib/ProEditTable/utils/useShouldUpdateForTable.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _lodash = require("lodash");
+var _utils = require("../../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 = (0, _react.useRef)();
+  var requiredRef = (0, _react.useRef)();
+  var rulesRef = (0, _react.useRef)();
+  var fieldPropsRef = (0, _react.useRef)();
+  var desensitizationRef = (0, _react.useRef)();
+  var valueTypeRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    reRender = _useState2[1];
+  var debouncedUpdateRef = (0, _react.useRef)(null);
+  var pendingParamsRef = (0, _react.useRef)(null);
+
+  // 统一处理所有动态属性的更新
+  var processUpdate = params => {
+    var hasChange = false;
+
+    // isEditable 处理
+    if ((0, _lodash.isFunction)(column.isEditable)) {
+      var newIsEditable = column.isEditable(...params);
+      if (isEditableRef.current !== newIsEditable) {
+        isEditableRef.current = newIsEditable;
+        hasChange = true;
+      }
+    } else {
+      isEditableRef.current = column.isEditable;
+    }
+
+    // required 处理
+    if ((0, _lodash.isFunction)(column.required)) {
+      var newRequired = column.required(...params);
+      if (requiredRef.current !== newRequired) {
+        requiredRef.current = newRequired;
+        hasChange = true;
+      }
+    } else {
+      requiredRef.current = column.required;
+    }
+
+    // rules 处理
+    if ((0, _lodash.isFunction)(column.rules)) {
+      var newRules = column.rules(...params);
+      if (!(0, _lodash.isEqualWith)(rulesRef.current, newRules, _utils.customEqualForFunction)) {
+        rulesRef.current = newRules;
+        hasChange = true;
+      }
+    } else {
+      rulesRef.current = column.rules;
+    }
+
+    // fieldProps 处理
+    if ((0, _lodash.isFunction)(column.fieldProps)) {
+      var newFieldProps = column.fieldProps(...params);
+      if (!(0, _lodash.isEqualWith)(fieldPropsRef.current, newFieldProps, _utils.customEqualForFunction)) {
+        fieldPropsRef.current = newFieldProps;
+        hasChange = true;
+      }
+    } else {
+      fieldPropsRef.current = column.fieldProps;
+    }
+
+    // desensitization 处理
+    if ((0, _lodash.isFunction)(column.desensitization)) {
+      var newDesensitization = column.desensitization(...params);
+      if (!(0, _lodash.isEqualWith)(desensitizationRef.current, newDesensitization)) {
+        desensitizationRef.current = newDesensitization;
+        hasChange = true;
+      }
+    } else {
+      desensitizationRef.current = column.desensitization;
+    }
+
+    // valueType 处理
+    if ((0, _lodash.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({});
+    }
+  };
+
+  // 创建防抖函数（统一处理所有动态属性）
+  (0, _react.useEffect)(() => {
+    if (shouldUpdateDebounce > 0 && ((0, _lodash.isFunction)(column.isEditable) || (0, _lodash.isFunction)(column.required) || (0, _lodash.isFunction)(column.rules) || (0, _lodash.isFunction)(column.fieldProps) || (0, _lodash.isFunction)(column.desensitization) || (0, _lodash.isFunction)(column.valueType))) {
+      debouncedUpdateRef.current = (0, _lodash.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
+  };
+};
+var _default = exports.default = useShouldUpdateForTable;

package/lib/ProForm/components/combination/FormList/components/ActionButton.d.ts

@@ -18,6 +18,7 @@ export interface Props {
     mode: FormListMode;
     disabled?: boolean;
     isView?: boolean;
+    hideStartEndActionProps?: [boolean, boolean];
 }
 declare const ActionButton: React.FC<Props>;
 export default ActionButton;