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

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

@@ -1,22 +1,24 @@
-import "antd/es/form/style";
-import _Form from "antd/es/form";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _isEqualWith from "lodash/isEqualWith";
 import _isFunction from "lodash/isFunction";
 import _omit from "lodash/omit";
 import _debounce from "lodash/debounce";
 import _isEqual from "lodash/isEqual";
 import _cloneDeep from "lodash/cloneDeep";
 var _excluded = ["type", "valueType", "names", "fieldProps", "labelRequired", "editRender", "component", "viewRender", "title", "originTitle", "label", "dataIndex", "formItemProps", "isEditable", "required", "rules", "onDiff", "className", "trim", "confirm", "dependencies", "desensitization"];
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { if (r) i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n;else { var o = function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); }; o("next", 0), o("throw", 1), o("return", 2); } }, _regeneratorDefine2(e, r, n, t); }
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 /* eslint-disable prefer-const */
-import React, { useEffect } from 'react';
+import React, { useEffect, useCallback, useMemo, memo, useRef } from 'react';
+import { Form } from 'antd';
 import classNames from 'classnames';
+import { compatStartTransition, customEqualForFunction } from '../../../utils';
 import valueTypeMap from '../../../ProForm/utils/valueType';
 import transformMap from '../../utils/transform';
 import { getNamePath, difference, getDisabled } from '../../utils/tools';
@@ -31,7 +33,7 @@ import ConfirmWrapper from '../../../ProForm/components/render/ConfirmWrapper';
 import { getDefaultProps } from '../../utils/getDefaultProps';
 import ListChangedWrapper from './ListChangedWrapper';
 var RenderField = function RenderField(_ref) {
-  var _type, _type$replace, _fieldProps2, _names, _TargetComponent4, _componentProps2;
+  var _type, _type$replace, _fieldProps2, _fieldProps4, _names, _TargetComponent5, _componentProps2;
   var value = _ref.text,
     record = _ref.record,
     index = _ref.index,
@@ -102,30 +104,34 @@ var RenderField = function RenderField(_ref) {
   var namePath = getNamePath(name, virtualKey);
   var rowData = form.getFieldValue([].concat(_toConsumableArray(namePath), [index])) || record || {};
   var currentValue = dataIndex ? rowData === null || rowData === void 0 ? void 0 : rowData[dataIndex] : null;
-  // 第三个参数
-  var options = {
-    index: index,
-    form: form,
-    name: column === null || column === void 0 ? void 0 : column.name,
-    namePath: [].concat(_toConsumableArray(namePath), [index])
-  };
-  // 行参数
-  var rowParams = [currentValue, rowData, options];
+  // 第三个参数 - 使用useMemo优化
+  var options = useMemo(function () {
+    return {
+      index: index,
+      form: form,
+      name: column === null || column === void 0 ? void 0 : column.name,
+      namePath: [].concat(_toConsumableArray(namePath), [index])
+    };
+  }, [index, column === null || column === void 0 ? void 0 : column.name, namePath]);
+  // 行参数 - 使用useMemo优化
+  var rowParams = useMemo(function () {
+    return [currentValue, rowData, options];
+  }, [currentValue, rowData, options]);
   // required & rules & fieldProps & disabled & valueType 函数化处理
   if (_isFunction(required)) {
-    _required = required.apply(void 0, rowParams);
+    _required = required.apply(void 0, _toConsumableArray(rowParams));
   }
   if (_isFunction(fieldProps)) {
-    _fieldProps = fieldProps.apply(void 0, rowParams);
+    _fieldProps = fieldProps.apply(void 0, _toConsumableArray(rowParams));
   }
   if (_isFunction(rules)) {
-    _rules = rules.apply(void 0, rowParams);
+    _rules = rules.apply(void 0, _toConsumableArray(rowParams));
   }
   if (_isFunction(valueType)) {
-    _valueType = valueType.apply(void 0, rowParams);
+    _valueType = valueType.apply(void 0, _toConsumableArray(rowParams));
   }
   if (_isFunction(desensitization)) {
-    _desensitization = desensitization.apply(void 0, rowParams);
+    _desensitization = desensitization.apply(void 0, _toConsumableArray(rowParams));
   }
   // 获取最终的disabled
   _disabled = getDisabled({
@@ -136,11 +142,8 @@ var RenderField = function RenderField(_ref) {
     columnFieldProps: _fieldProps,
     params: rowParams
   });
-  if (typeof isEditable === 'function') {
-    isEditable = isEditable.apply(void 0, rowParams);
-    // setTimeout(() => {
-    //   !isEditable && form.validateFields([cellName]);
-    // }, 100);
+  if (_isFunction(isEditable)) {
+    isEditable = isEditable.apply(void 0, _toConsumableArray(rowParams));
   }
   // 是否只读文本
   var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !_isEditing || getDisabled({
@@ -155,7 +158,9 @@ var RenderField = function RenderField(_ref) {
   // 只读文本时，采用当前formItem的name，单行编辑时，使用生成的虚拟的name
   var baseName = isView ? name : namePath;
   var TargetComponent;
-  // 设置校验规则
+  // 将Hooks调用移到组件顶层
+  var proConfig = useProConfig();
+  // 设置校验规则 - 修复Hooks使用规则
   var internalRule = useRules({
     names: names,
     label: label,
@@ -170,16 +175,21 @@ var RenderField = function RenderField(_ref) {
   });
   // 分离form item参数，防止对于参数透传（如onChange,防止重复触发）并优先级高于 _fieldProps 内部参数
   var formItemChildProps = _objectSpread({}, _fieldProps);
-  var defaultProps = getDefaultProps({
-    name: name,
-    namePath: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
-    type: column === null || column === void 0 ? void 0 : column.type,
-    fieldProps: column === null || column === void 0 ? void 0 : column.fieldProps
-  });
-  // 允许formItem的属性放在column最外层
-  var _formItemProps = _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultProps), resetProps), internalRule), {}, {
-    validateTrigger: validateTrigger
-  });
+  // 使用useMemo优化defaultProps计算
+  var defaultProps = useMemo(function () {
+    return getDefaultProps({
+      name: name,
+      namePath: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
+      type: column === null || column === void 0 ? void 0 : column.type,
+      fieldProps: column === null || column === void 0 ? void 0 : column.fieldProps
+    });
+  }, [name, formNamePath, cellName, column === null || column === void 0 ? void 0 : column.type, column === null || column === void 0 ? void 0 : column.fieldProps]);
+  // 允许formItem的属性放在column最外层 - 使用useMemo优化
+  var _formItemProps = useMemo(function () {
+    return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, defaultProps), resetProps), internalRule), {}, {
+      validateTrigger: validateTrigger
+    });
+  }, [defaultProps, resetProps, internalRule, validateTrigger]);
   if (['Switch', 'SwitchCheckbox'].includes(type)) {
     _formItemProps.valuePropName = 'checked';
     _valueType = 'switch';
@@ -188,19 +198,19 @@ var RenderField = function RenderField(_ref) {
    * 针对一些特殊类型，基于formItem的normalize与getValueProps进行默认值类型转换
    * @returns {}
    */
-  var defaultTransform = function defaultTransform() {
+  var defaultTransform = useCallback(function () {
     var types = ['DatePicker', 'RangePicker'];
     if (!_valueType && types.includes(type)) {
       var _transformMap$type;
       return transformMap === null || transformMap === void 0 ? void 0 : (_transformMap$type = transformMap[type]) === null || _transformMap$type === void 0 ? void 0 : _transformMap$type.call(transformMap, _fieldProps || {});
     }
     return {};
-  };
+  }, [_valueType, type, _fieldProps]);
   /**
    * 配置valueType时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
-  var valueTypeTransform = function valueTypeTransform() {
+  var valueTypeTransform = useCallback(function () {
     var _fieldProps3;
     // SwitchCheckbox默认YN, 兼容已有组件
     if (type === 'SwitchCheckbox') {
@@ -210,7 +220,7 @@ var RenderField = function RenderField(_ref) {
       mode: (_fieldProps3 = _fieldProps) === null || _fieldProps3 === void 0 ? void 0 : _fieldProps3.mode
     });
     return _isFunction(valueTypeMap[_valueType]) ? valueTypeMap[_valueType](params) : {};
-  };
+  }, [type, _valueType, column, (_fieldProps4 = _fieldProps) === null || _fieldProps4 === void 0 ? void 0 : _fieldProps4.mode]);
   if ((_names = names) === null || _names === void 0 ? void 0 : _names.length) {
     // 支持names配置，临时生成对应的formItem，用来存储单个对应的值
     names = names.map(function (key) {
@@ -234,21 +244,21 @@ var RenderField = function RenderField(_ref) {
    * 配置names时，基于formItem的normalize与getValueProps进行值类型转换
    * @returns {}
    */
-  var namesTransform = function namesTransform() {
+  var namesTransform = useCallback(function () {
     var _names3;
     if (!((_names3 = names) === null || _names3 === void 0 ? void 0 : _names3.length)) {
       return valueTypeTransform();
     }
     var namesStr = [].concat(_toConsumableArray(baseName), [index, dataIndex]);
     return transformNames(_objectSpread(_objectSpread({}, _formItemProps), valueTypeTransform()), form, names, namesStr, type);
-  };
+  }, [names, baseName, index, dataIndex, _formItemProps, type]);
   if (!_editRender && typeof type === 'string') {
     var _componentMap$type;
     TargetComponent = (_componentMap$type = componentMap[type]) !== null && _componentMap$type !== void 0 ? _componentMap$type : _jsx(_Fragment, {});
   }
   if (isEditable && _isEditing) {
     if (typeof _editRender === 'function') {
-      TargetComponent = _editRender.apply(void 0, rowParams);
+      TargetComponent = _editRender.apply(void 0, _toConsumableArray(rowParams));
     }
     if (/*#__PURE__*/React.isValidElement(_editRender)) {
       TargetComponent = _editRender;
@@ -273,7 +283,8 @@ var RenderField = function RenderField(_ref) {
   var onChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onChange;
   var onFieldChange = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onFieldChange;
   var onBlur = formItemChildProps === null || formItemChildProps === void 0 ? void 0 : formItemChildProps.onBlur;
-  var formatArgs = function formatArgs() {
+  // 使用useCallback优化formatArgs函数
+  var formatArgs = useCallback(function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
@@ -301,238 +312,273 @@ var RenderField = function RenderField(_ref) {
         break;
     }
     return nextArgs;
-  };
-  var debounceValidate = function debounceValidate() {
+  }, [options, type]);
+  // 使用useCallback优化debounceValidate函数
+  var debounceValidate = useCallback(function () {
     var validateFieldKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     setTimeout(function () {
-      form.validateFields(validateFieldKeys);
+      form.validateFields(validateFieldKeys, {
+        recursive: true
+      });
     }, 100);
-  };
-  // 单元格更新数据时，加个防抖，防止更新频率过快，卡顿
-  var _onChange = _debounce(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-    var _len2,
+  }, [form]);
+  // 使用 useRef 保存防抖函数
+  var debounceRef = useRef(null);
+  // 使用 useCallback 创建稳定的 onChange 函数
+  var _onChange = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+    var _args3 = arguments;
+    return _regenerator().w(function (_context2) {
+      while (1) switch (_context2.n) {
+        case 0:
+          // 如果防抖函数不存在，创建一个新的防抖函数
+          if (!debounceRef.current) {
+            debounceRef.current = _debounce(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+              var _len2,
+                innerArgs,
+                _key2,
+                _args,
+                rowPath,
+                _dependencies$map,
+                validateFieldKeys,
+                row,
+                orgRow,
+                _TargetComponent,
+                _TargetComponent$prop,
+                _TargetComponent$prop2,
+                _TargetComponent2,
+                _TargetComponent2$pro,
+                _TargetComponent$prop3,
+                _Object$keys,
+                _Object$keys$map,
+                diff,
+                _validateFieldKeys,
+                _args2 = arguments,
+                _t,
+                _t2,
+                _t3,
+                _t4;
+              return _regenerator().w(function (_context) {
+                while (1) switch (_context.n) {
+                  case 0:
+                    for (_len2 = _args2.length, innerArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                      innerArgs[_key2] = _args2[_key2];
+                    }
+                    _args = [].concat(innerArgs);
+                    rowPath = [].concat(_toConsumableArray(namePath), [index]);
+                    if (!(!onFieldChange && !onChange)) {
+                      _context.n = 1;
+                      break;
+                    }
+                    if (dependencies === null || dependencies === void 0 ? void 0 : dependencies.length) {
+                      validateFieldKeys = dependencies === null || dependencies === void 0 ? void 0 : (_dependencies$map = dependencies.map) === null || _dependencies$map === void 0 ? void 0 : _dependencies$map.call(dependencies, function (key) {
+                        return [].concat(_toConsumableArray(rowPath), [key]);
+                      });
+                      setTimeout(function () {
+                        form.validateFields(validateFieldKeys);
+                      }, 100);
+                    }
+                    return _context.a(2, null);
+                  case 1:
+                    row = form.getFieldValue(rowPath, true);
+                    orgRow = _cloneDeep(row);
+                    if (!onFieldChange) {
+                      _context.n = 4;
+                      break;
+                    }
+                    _args = formatArgs(innerArgs);
+                    _args[1] = row;
+                    _t = (_TargetComponent = TargetComponent) === null || _TargetComponent === void 0 ? void 0 : (_TargetComponent$prop = _TargetComponent.props) === null || _TargetComponent$prop === void 0 ? void 0 : _TargetComponent$prop.onFieldChange;
+                    if (!_t) {
+                      _context.n = 2;
+                      break;
+                    }
+                    _context.n = 2;
+                    return (_TargetComponent$prop2 = TargetComponent.props).onFieldChange.apply(_TargetComponent$prop2, _toConsumableArray(_args));
+                  case 2:
+                    _t2 = onFieldChange;
+                    if (!_t2) {
+                      _context.n = 3;
+                      break;
+                    }
+                    _context.n = 3;
+                    return onFieldChange.apply(void 0, _toConsumableArray(_args));
+                  case 3:
+                    _context.n = 6;
+                    break;
+                  case 4:
+                    _args = _args.concat([row, index, form]);
+                    _t3 = (_TargetComponent2 = TargetComponent) === null || _TargetComponent2 === void 0 ? void 0 : (_TargetComponent2$pro = _TargetComponent2.props) === null || _TargetComponent2$pro === void 0 ? void 0 : _TargetComponent2$pro.onChange;
+                    if (!_t3) {
+                      _context.n = 5;
+                      break;
+                    }
+                    _context.n = 5;
+                    return (_TargetComponent$prop3 = TargetComponent.props).onChange.apply(_TargetComponent$prop3, _toConsumableArray(_args));
+                  case 5:
+                    _t4 = onChange;
+                    if (!_t4) {
+                      _context.n = 6;
+                      break;
+                    }
+                    _context.n = 6;
+                    return onChange.apply(void 0, _toConsumableArray(_args));
+                  case 6:
+                    // 判断属性是否变动
+                    form.setFieldValue(rowPath, row);
+                    if (validateTrigger && validateTrigger.includes('onChange')) {
+                      if (!_isEqual(orgRow, row)) {
+                        diff = difference(row, orgRow) || {};
+                        _validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+                          return [].concat(_toConsumableArray(rowPath), [key]);
+                        }).concat(dependencies || []);
+                        if (_validateFieldKeys === null || _validateFieldKeys === void 0 ? void 0 : _validateFieldKeys.length) {
+                          debounceValidate(_validateFieldKeys);
+                        }
+                      }
+                    }
+                    // 使用startTransition优化状态更新
+                    compatStartTransition(function () {
+                      setState({
+                        forceUpdate: {
+                          d: Date.now()
+                        }
+                      });
+                    });
+                  case 7:
+                    return _context.a(2);
+                }
+              }, _callee);
+            })), 300);
+          }
+          // 调用防抖函数
+          debounceRef.current.apply(debounceRef, _args3);
+        case 1:
+          return _context2.a(2);
+      }
+    }, _callee2);
+  })), [namePath, index, dependencies, formatArgs, onChange, onFieldChange, form, setState, TargetComponent, validateTrigger]);
+  // 在组件卸载时清理防抖函数
+  useEffect(function () {
+    return function () {
+      if (debounceRef.current) {
+        debounceRef.current.cancel();
+      }
+    };
+  }, []);
+  // 使用useCallback优化_onblur函数
+  var _onblur = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+    var _TargetComponent3, _TargetComponent3$pro, _TargetComponent$prop4;
+    var _len3,
       args,
-      _key2,
+      _key3,
       _args,
       rowPath,
-      _dependencies$map,
-      validateFieldKeys,
       row,
       orgRow,
-      _TargetComponent,
-      _TargetComponent$prop,
-      _TargetComponent$prop2,
-      _TargetComponent2,
-      _TargetComponent2$pro,
-      _TargetComponent$prop3,
-      _Object$keys,
-      _Object$keys$map,
+      _Object$keys2,
+      _Object$keys2$map,
       diff,
-      _validateFieldKeys,
-      _args2 = arguments;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+      validateFieldKeys,
+      _args4 = arguments,
+      _t5,
+      _t6;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.n) {
         case 0:
-          for (_len2 = _args2.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = _args2[_key2];
-          }
-          _args = [].concat(args);
-          rowPath = [].concat(_toConsumableArray(namePath), [index]);
-          if (!(!onFieldChange && !onChange)) {
-            _context.next = 6;
+          if (onBlur) {
+            _context3.n = 1;
             break;
           }
-          if (dependencies === null || dependencies === void 0 ? void 0 : dependencies.length) {
-            validateFieldKeys = dependencies === null || dependencies === void 0 ? void 0 : (_dependencies$map = dependencies.map) === null || _dependencies$map === void 0 ? void 0 : _dependencies$map.call(dependencies, function (key) {
-              return [].concat(_toConsumableArray(rowPath), [key]);
-            });
-            setTimeout(function () {
-              form.validateFields(validateFieldKeys);
-            }, 100);
+          return _context3.a(2, null);
+        case 1:
+          for (_len3 = _args4.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = _args4[_key3];
           }
-          return _context.abrupt("return", null);
-        case 6:
+          _args = formatArgs([].concat(args));
+          rowPath = [].concat(_toConsumableArray(namePath), [index]);
           row = form.getFieldValue(rowPath, true);
           orgRow = _cloneDeep(row);
-          if (!onFieldChange) {
-            _context.next = 21;
-            break;
-          }
-          _args = formatArgs(args);
           _args[1] = row;
-          _context.t0 = (_TargetComponent = TargetComponent) === null || _TargetComponent === void 0 ? void 0 : (_TargetComponent$prop = _TargetComponent.props) === null || _TargetComponent$prop === void 0 ? void 0 : _TargetComponent$prop.onFieldChange;
-          if (!_context.t0) {
-            _context.next = 15;
+          _t5 = (_TargetComponent3 = TargetComponent) === null || _TargetComponent3 === void 0 ? void 0 : (_TargetComponent3$pro = _TargetComponent3.props) === null || _TargetComponent3$pro === void 0 ? void 0 : _TargetComponent3$pro.onBlur;
+          if (!_t5) {
+            _context3.n = 2;
             break;
           }
-          _context.next = 15;
-          return (_TargetComponent$prop2 = TargetComponent.props).onFieldChange.apply(_TargetComponent$prop2, _toConsumableArray(_args));
-        case 15:
-          _context.t1 = onFieldChange;
-          if (!_context.t1) {
-            _context.next = 19;
+          _context3.n = 2;
+          return (_TargetComponent$prop4 = TargetComponent.props).onBlur.apply(_TargetComponent$prop4, _toConsumableArray(_args));
+        case 2:
+          _t6 = onBlur;
+          if (!_t6) {
+            _context3.n = 3;
             break;
           }
-          _context.next = 19;
-          return onFieldChange.apply(void 0, _toConsumableArray(_args));
-        case 19:
-          _context.next = 30;
-          break;
-        case 21:
-          _args = _args.concat([row, index, form]);
-          _context.t2 = (_TargetComponent2 = TargetComponent) === null || _TargetComponent2 === void 0 ? void 0 : (_TargetComponent2$pro = _TargetComponent2.props) === null || _TargetComponent2$pro === void 0 ? void 0 : _TargetComponent2$pro.onChange;
-          if (!_context.t2) {
-            _context.next = 26;
-            break;
-          }
-          _context.next = 26;
-          return (_TargetComponent$prop3 = TargetComponent.props).onChange.apply(_TargetComponent$prop3, _toConsumableArray(_args));
-        case 26:
-          _context.t3 = onChange;
-          if (!_context.t3) {
-            _context.next = 30;
-            break;
-          }
-          _context.next = 30;
-          return onChange.apply(void 0, _toConsumableArray(_args));
-        case 30:
+          _context3.n = 3;
+          return onBlur.apply(void 0, _toConsumableArray(_args));
+        case 3:
           // 判断属性是否变动
           form.setFieldValue(rowPath, row);
-          if (validateTrigger && validateTrigger.includes('onChange')) {
+          if (validateTrigger && validateTrigger.includes('onBlur')) {
             if (!_isEqual(orgRow, row)) {
               diff = difference(row, orgRow) || {};
-              _validateFieldKeys = (_Object$keys = Object.keys(diff)) === null || _Object$keys === void 0 ? void 0 : (_Object$keys$map = _Object$keys.map) === null || _Object$keys$map === void 0 ? void 0 : _Object$keys$map.call(_Object$keys, function (key) {
+              validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
                 return [].concat(_toConsumableArray(rowPath), [key]);
               }).concat(dependencies || []);
-              if (_validateFieldKeys === null || _validateFieldKeys === void 0 ? void 0 : _validateFieldKeys.length) {
-                setTimeout(function () {
-                  form.validateFields(_validateFieldKeys);
-                }, 100);
+              if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
+                debounceValidate(validateFieldKeys);
               }
             }
           }
+          if (!isCell) {
+            _context3.n = 5;
+            break;
+          }
+          _context3.n = 4;
+          return form.validateFields([cellName]);
+        case 4:
           setState({
-            forceUpdate: {
-              d: Date.now()
-            }
+            cellNamePath: []
           });
-        case 33:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  })), 300);
-  var _onblur = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      var _TargetComponent3, _TargetComponent3$pro, _TargetComponent$prop4;
-      var _len3,
-        args,
-        _key3,
-        _args,
-        rowPath,
-        row,
-        orgRow,
-        _Object$keys2,
-        _Object$keys2$map,
-        diff,
-        validateFieldKeys,
-        _args3 = arguments;
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            if (onBlur) {
-              _context2.next = 2;
-              break;
-            }
-            return _context2.abrupt("return", null);
-          case 2:
-            for (_len3 = _args3.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-              args[_key3] = _args3[_key3];
-            }
-            _args = formatArgs([].concat(args));
-            rowPath = [].concat(_toConsumableArray(namePath), [index]);
-            row = form.getFieldValue(rowPath, true);
-            orgRow = _cloneDeep(row);
-            _args[1] = row;
-            _context2.t0 = (_TargetComponent3 = TargetComponent) === null || _TargetComponent3 === void 0 ? void 0 : (_TargetComponent3$pro = _TargetComponent3.props) === null || _TargetComponent3$pro === void 0 ? void 0 : _TargetComponent3$pro.onBlur;
-            if (!_context2.t0) {
-              _context2.next = 12;
-              break;
-            }
-            _context2.next = 12;
-            return (_TargetComponent$prop4 = TargetComponent.props).onBlur.apply(_TargetComponent$prop4, _toConsumableArray(_args));
-          case 12:
-            _context2.t1 = onBlur;
-            if (!_context2.t1) {
-              _context2.next = 16;
-              break;
-            }
-            _context2.next = 16;
-            return onBlur.apply(void 0, _toConsumableArray(_args));
-          case 16:
-            // 判断属性是否变动
-            form.setFieldValue(rowPath, row);
-            if (validateTrigger && validateTrigger.includes('onBlur')) {
-              if (!_isEqual(orgRow, row)) {
-                diff = difference(row, orgRow) || {};
-                validateFieldKeys = (_Object$keys2 = Object.keys(diff)) === null || _Object$keys2 === void 0 ? void 0 : (_Object$keys2$map = _Object$keys2.map) === null || _Object$keys2$map === void 0 ? void 0 : _Object$keys2$map.call(_Object$keys2, function (key) {
-                  return [].concat(_toConsumableArray(rowPath), [key]);
-                }).concat(dependencies || []);
-                if (validateFieldKeys === null || validateFieldKeys === void 0 ? void 0 : validateFieldKeys.length) {
-                  debounceValidate(validateFieldKeys);
-                }
-              }
-            }
-            if (!isCell) {
-              _context2.next = 22;
-              break;
-            }
-            _context2.next = 21;
-            return form.validateFields([cellName]);
-          case 21:
-            setState({
-              cellNamePath: []
-            });
-          case 22:
-            // 单行编辑时需要 强制更新视图
+        case 5:
+          // 单行编辑时需要 强制更新视图
+          compatStartTransition(function () {
             setState({
               forceUpdate: {
                 d: Date.now()
               }
             });
-          case 23:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function _onblur() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  var componentProps = _objectSpread(_objectSpread(_objectSpread({
-    form: form,
-    name: cellName
-  }, _fieldProps), (_TargetComponent4 = TargetComponent) === null || _TargetComponent4 === void 0 ? void 0 : _TargetComponent4.props), {}, {
-    namePath: [].concat(_toConsumableArray(namePath), [index]),
-    disabled: _disabled,
-    onChange: _onChange,
-    onBlur: _onblur,
-    index: index,
-    confirm: confirm,
-    desensitization: _desensitization,
-    otherProps: {
+          });
+        case 6:
+          return _context3.a(2);
+      }
+    }, _callee3);
+  })), [onBlur, formatArgs, namePath, index, form, TargetComponent, validateTrigger, debounceValidate, isCell, cellName, setState]);
+  // 使用useMemo优化componentProps对象
+  var componentProps = useMemo(function () {
+    var _TargetComponent4;
+    return _objectSpread(_objectSpread(_objectSpread({
       form: form,
-      names: names,
+      name: cellName
+    }, _fieldProps), (_TargetComponent4 = TargetComponent) === null || _TargetComponent4 === void 0 ? void 0 : _TargetComponent4.props), {}, {
       namePath: [].concat(_toConsumableArray(namePath), [index]),
-      name: originalName,
-      listName: cellName,
-      viewEmpty: viewEmpty,
-      valueType: _valueType,
-      isView: isView,
-      desensitizationKey: otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey
-    }
-  });
+      disabled: _disabled,
+      onChange: _onChange,
+      onBlur: _onblur,
+      index: index,
+      confirm: confirm,
+      desensitization: _desensitization,
+      otherProps: {
+        form: form,
+        names: names,
+        namePath: [].concat(_toConsumableArray(namePath), [index]),
+        name: originalName,
+        listName: cellName,
+        viewEmpty: viewEmpty,
+        valueType: _valueType,
+        isView: isView,
+        desensitizationKey: otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey
+      }
+    });
+  }, [cellName, _fieldProps, (_TargetComponent5 = TargetComponent) === null || _TargetComponent5 === void 0 ? void 0 : _TargetComponent5.props, namePath, index, _disabled, _onChange, _onblur, confirm, _desensitization, names, originalName, viewEmpty, _valueType, isView, otherProps === null || otherProps === void 0 ? void 0 : otherProps.desensitizationKey]);
   componentProps = _omit(componentProps, ['onFieldChange', 'namePath', 'index']);
   // 单元格编辑时，设置各个单元格disabled属性
   if (isCell) {
@@ -547,18 +593,24 @@ var RenderField = function RenderField(_ref) {
       var editingDom = document.getElementById(cellNamePath.join('_'));
       editingDom === null || editingDom === void 0 ? void 0 : (_editingDom$focus = editingDom.focus) === null || _editingDom$focus === void 0 ? void 0 : _editingDom$focus.call(editingDom);
     }
-  }, [cellNamePath]);
+  }, [cellNamePath, isCell]);
   // 可编辑表格默认关闭scrollFollowParent
   if (['Select', 'ProSelect', 'ProEnum'].includes(type)) {
     componentProps.scrollFollowParent = false;
   }
-  Object.assign(_formItemProps, _objectSpread(_objectSpread(_objectSpread({}, defaultTransform()), namesTransform()), isTrim(type, trim, useProConfig())));
+  // 使用useMemo优化最终的formItemProps - 修复Hooks使用规则
+  var finalFormItemProps = useMemo(function () {
+    return Object.assign(_formItemProps, _objectSpread(_objectSpread(_objectSpread({}, defaultTransform()), namesTransform()), isTrim(type, trim, proConfig)));
+  }, [_formItemProps, defaultTransform, namesTransform, type, trim, proConfig]);
   // 编辑&保存模式，在查看状态下移除表单的rules不做校验
   if (isView) {
-    delete _formItemProps.rules;
+    delete finalFormItemProps.rules;
   }
-  var _className = classNames(_defineProperty({}, className, className));
-  var getFieldItem = function getFieldItem() {
+  var _className = useMemo(function () {
+    return classNames(_defineProperty({}, className, className));
+  }, [className]);
+  // 使用useCallback优化getFieldItem函数
+  var getFieldItem = useCallback(function () {
     var _componentProps;
     var FormItem = null;
     var FieldComponent = /*#__PURE__*/React.isValidElement(TargetComponent) ? (/*#__PURE__*/React.cloneElement(TargetComponent, componentProps)) : _jsx(TargetComponent, _objectSpread({}, componentProps));
@@ -576,9 +628,9 @@ var RenderField = function RenderField(_ref) {
         type: type,
         onChange: _onChange,
         onBlur: _onblur,
-        valuePropName: _formItemProps.valuePropName,
-        normalize: _formItemProps.normalize,
-        getValueProps: _formItemProps.getValueProps,
+        valuePropName: finalFormItemProps.valuePropName,
+        normalize: finalFormItemProps.normalize,
+        getValueProps: finalFormItemProps.getValueProps,
         viewRender: viewRender,
         diffConfig: diffConfig,
         index: index,
@@ -590,9 +642,9 @@ var RenderField = function RenderField(_ref) {
         children: FieldComponent
       }));
     }
-    FormItem = TargetComponent ? _jsx(_Form.Item, _objectSpread(_objectSpread({
+    FormItem = TargetComponent ? _jsx(Form.Item, _objectSpread(_objectSpread({
       validateFirst: true
-    }, _omit(_formItemProps, ['render', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
+    }, _omit(finalFormItemProps, ['render', 'key', 'width', 'hiddenNames', 'name', 'onCell', _fieldProps.shouldUpdate ? 'shouldUpdate' : null])), {}, {
       className: _className,
       name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName,
       children: FieldComponent
@@ -600,9 +652,9 @@ var RenderField = function RenderField(_ref) {
       viewEmpty: viewEmpty
     });
     if (type === 'FormList') {
-      FormItem = _jsx(_Form.List, _objectSpread(_objectSpread({
+      FormItem = _jsx(Form.List, _objectSpread(_objectSpread({
         name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
-      }, _omit(_formItemProps, ['render', 'key', 'width', 'hiddenNames', 'name'])), {}, {
+      }, _omit(finalFormItemProps, ['render', 'key', 'width', 'hiddenNames', 'name'])), {}, {
         children: function children(fields, operation, meta) {
           return _jsx(TargetComponent, _objectSpread(_objectSpread({}, componentProps), {}, {
             otherProps: otherProps,
@@ -614,16 +666,88 @@ var RenderField = function RenderField(_ref) {
       }));
     }
     return FormItem;
-  };
+  }, [TargetComponent, componentProps, originalValues, record, cellName, names, baseName, index, dataIndex, originalName, originalNames, type, finalFormItemProps, viewRender, diffConfig, _className, formNamePath, viewEmpty, otherProps, getIsNew]);
   return _jsx(FieldProvider, {
     value: (_componentProps2 = componentProps) === null || _componentProps2 === void 0 ? void 0 : _componentProps2.otherProps,
-    children: _formItemProps.shouldUpdate ? _jsx(_Form.Item, {
+    children: finalFormItemProps.shouldUpdate ? _jsx(Form.Item, {
       noStyle: true,
-      shouldUpdate: _formItemProps.shouldUpdate,
+      shouldUpdate: finalFormItemProps.shouldUpdate,
       children: function children() {
         return getFieldItem();
       }
     }) : getFieldItem()
   });
 };
-export default RenderField;
+export default /*#__PURE__*/memo(RenderField, function (prevProps, nextProps) {
+  // 自定义比较函数，只有关键props变化时才重新渲染
+  var prevText = prevProps.text,
+    prevRecord = prevProps.record,
+    prevIndex = prevProps.index,
+    prevColumn = prevProps.column,
+    prevConfig = prevProps.config;
+  var nextText = nextProps.text,
+    nextRecord = nextProps.record,
+    nextIndex = nextProps.index,
+    nextColumn = nextProps.column,
+    nextConfig = nextProps.config;
+  var prevRowParams = [prevText, prevRecord, {
+    index: prevIndex,
+    form: prevConfig === null || prevConfig === void 0 ? void 0 : prevConfig.form,
+    name: prevConfig === null || prevConfig === void 0 ? void 0 : prevConfig.name
+  }];
+  var nextRowParams = [nextText, nextRecord, {
+    index: nextIndex,
+    form: nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.form,
+    name: nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.name
+  }];
+  if (_isFunction(prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.disabled) && _isFunction(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.disabled)) {
+    if ((prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.disabled.apply(prevColumn, prevRowParams)) !== (nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.disabled.apply(nextColumn, nextRowParams))) {
+      return false;
+    }
+  }
+  // fieldProps 函数化直接更新，无法比对返回值是否一致
+  if (_isFunction(prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.fieldProps) && _isFunction(nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.fieldProps)) {
+    return false;
+  }
+  // 通用函数比较方法
+  var compareFunctionResult = function compareFunctionResult(prevColumn, nextColumn, prevRowParams, nextRowParams, functionName) {
+    var prevFunc = prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn[functionName];
+    var nextFunc = nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn[functionName];
+    if (_isFunction(prevFunc) && _isFunction(nextFunc)) {
+      return _isEqualWith(prevFunc.apply(void 0, _toConsumableArray(prevRowParams)), nextFunc.apply(void 0, _toConsumableArray(nextRowParams)), customEqualForFunction);
+    }
+    return true; // 如果不是函数或只有一个是函数，认为相等
+  };
+  // 使用简化后的比较逻辑
+  var functionFields = ['rules', 'component', 'desensitization', 'isEditable'];
+  if (functionFields.some(function (field) {
+    return !compareFunctionResult(prevColumn, nextColumn, prevRowParams, nextRowParams, field);
+  })) {
+    return false;
+  }
+  // 基本props比较
+  if (!_isEqual(prevText, nextText) || prevIndex !== nextIndex) {
+    return false;
+  }
+  // 记录关键字段比较（避免完整对象比较的性能开销）
+  if ((prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord.rowKey) !== (nextRecord === null || nextRecord === void 0 ? void 0 : nextRecord.rowKey) || (prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord._addFlag) !== (nextRecord === null || nextRecord === void 0 ? void 0 : nextRecord._addFlag)) {
+    return false;
+  }
+  // 列配置比较（只比较关键字段）,required,disabled为函数时，需要重新计算
+  if ((prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.dataIndex) !== (nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.dataIndex) || (prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.type) !== (nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.type) || (prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.name) !== (nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.name)) {
+    return false;
+  }
+  // config中关键字段比较
+  if ((prevConfig === null || prevConfig === void 0 ? void 0 : prevConfig._isEditing) !== (nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig._isEditing) || (prevConfig === null || prevConfig === void 0 ? void 0 : prevConfig.mode) !== (nextConfig === null || nextConfig === void 0 ? void 0 : nextConfig.mode)) {
+    return false;
+  }
+  // 当前单元格的值比较
+  var prevDataIndex = prevColumn === null || prevColumn === void 0 ? void 0 : prevColumn.dataIndex;
+  var nextDataIndex = nextColumn === null || nextColumn === void 0 ? void 0 : nextColumn.dataIndex;
+  if (prevDataIndex && nextDataIndex && prevDataIndex === nextDataIndex) {
+    if ((prevRecord === null || prevRecord === void 0 ? void 0 : prevRecord[prevDataIndex]) !== (nextRecord === null || nextRecord === void 0 ? void 0 : nextRecord[nextDataIndex])) {
+      return false;
+    }
+  }
+  return true;
+});