@zat-design/sisyphus-react 3.13.2 → 3.13.3

package/dist/index.esm.css

@@ -5710,6 +5710,9 @@ input[type='button'] {
 .ant-table .ant-empty-normal {
   margin: calc(var(--zaui-space-size-lg, 32px) * var(--zaui-size, 1)) 0;
 }
+.ant-table .ant-table-tbody .ant-table-cell-fix-left-last:after {
+  width: 8px;
+}
 .ant-table.pro-table-no-stripe .ant-table-tbody .ant-table-row {
   background: #fff !important;
 }

package/es/FormsProvider/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ModifiedFormInstance } from '../ProForm/utils/useForm';
-type Forms = Record<string, ModifiedFormInstance<any>>;
+import { ModifiedFormInstanceType } from '../ProForm/utils/useForm';
+type Forms = Record<string, ModifiedFormInstanceType<any>>;
 export declare const FormsContext: React.Context<Forms>;
 /**
  * @param formKey 表单实例key

package/es/ProForm/components/FormFooter/index.js

@@ -38,12 +38,25 @@ var FormFooter = function FormFooter(props) {
     }
   }, [formId]);
   var _onOk = function _onOk() {
+    var _modifiedForm$__INTER;
     if (formId) {
       var values = form.getFieldsValue();
       searchCache[formId] = values;
       window.sessionStorage.setItem(PRO_FORM_CACHE, JSON.stringify(searchCache));
     }
-    onOk();
+    // 支持 stopOnFirstError
+    // @ts-ignore 使用类型断言处理自定义属性
+    var modifiedForm = form;
+    if ((_modifiedForm$__INTER = modifiedForm.__INTERNAL_CONFIG__) === null || _modifiedForm$__INTER === void 0 ? void 0 : _modifiedForm$__INTER.stopOnFirstError) {
+      // 使用自定义验证逻辑
+      form.validateFields().then(function () {
+        onOk();
+      }).catch(function () {
+        // 验证失败，不执行 onOk
+      });
+    } else {
+      onOk();
+    }
   };
   var _onCancel = function _onCancel() {
     if (formId && searchCache[formId]) {

package/es/ProForm/components/FormFooter/propsType.d.ts

@@ -1,4 +1,5 @@
 import { ButtonProps, ColProps, FormInstance } from 'antd';
+import { ModifiedFormInstanceType } from '../../utils/useForm';
 export interface ButtonItem extends ButtonProps {
     children?: any;
 }
@@ -15,7 +16,7 @@ export interface FooterRenderType {
     footer?: FooterButtonType;
     confirmLoading?: boolean;
     formId?: string;
-    form: FormInstance;
+    form: FormInstance | ModifiedFormInstanceType<any>;
 }
 /**
  * 兼容旧命名导出

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

@@ -12,7 +12,7 @@ import _Form from "antd/es/form";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className", "rules", "required", "labelRequired", "tooltip"];
+var _excluded = ["labelWidth", "hiddenNames", "trim", "upperCase", "className", "rules", "required", "labelRequired", "tooltip", "validateFirst"];
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable prefer-destructuring */
 
@@ -64,6 +64,8 @@ var Render = function Render(props) {
     required = formItemProps.required,
     labelRequired = formItemProps.labelRequired,
     tooltip = formItemProps.tooltip,
+    _formItemProps$valida = formItemProps.validateFirst,
+    validateFirst = _formItemProps$valida === void 0 ? true : _formItemProps$valida,
     otherFormItemProps = _objectWithoutProperties(formItemProps, _excluded);
   // 更新show & disabled & rules
   var _useShouldUpdate = useShouldUpdate({
@@ -156,7 +158,7 @@ var Render = function Render(props) {
     required: false
   } : null, _objectSpread({}, isTrim(type, trim, useProConfig())), // 优先取传进来的，其次取ProConfigProvider配置的
   _objectSpread({}, isUpperCase(type, upperCase)), {
-    validateFirst: true
+    validateFirst: validateFirst
   },
   // 当某一规则校验不通过时，是否停止剩下的规则的校验
   {

package/es/ProForm/index.js

@@ -11,17 +11,17 @@ import "antd/es/space/style";
 import _Space from "antd/es/space";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey"];
+var _excluded = ["mode", "span", "disabled", "isView", "columns", "footer", "onOk", "okText", "onCancel", "confirmLoading", "cancelText", "form", "children", "rowProps", "className", "expand", "expandOpen", "expandOpenChange", "viewEmpty", "labelAlign", "labelWidth", "onValuesChange", "onFinish", "diffConfig", "submitOnEnter", "clearNotShow", "initialValues", "requiredOnView", "formId", "required", "formKey", "globalControl", "scrollToError", "optimize", "desensitizationKey", "stopOnFirstError"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DoubleLeftOutlined } from '@ant-design/icons';
 import classnames from 'classnames';
-import React, { forwardRef, useImperativeHandle, useMemo } from 'react';
+import React, { forwardRef, useImperativeHandle, useMemo, useEffect } from 'react';
 import { isObject, merge, omit } from 'lodash';
 import { FormFooter, InputRange, ProAddress, ProCascader, ProCertNo, ProCertValidity, ProCombination, ProModalSelect, ProNumberRange, ProRangeBox, ProTimeLimit, transferAddressInfoToRegion, ProUpload, ProTreeModal, ProTree, EnumSelect } from './components';
 import RenderFields from './components/render/RenderFields';
 import { useProConfig } from '../ProConfigProvider';
 import { useProDrawerFormContext } from '../ProDrawerForm';
-import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields } from './utils/index';
+import { getLayout, splitNameStr, useControlled, initialValuesToNames, filterInternalFields, getFormFieldPaths } from './utils/index';
 import { useForm } from './utils/useForm';
 import { useFieldProps } from './utils/useFieldProps';
 import locale from '../locale';
@@ -73,6 +73,8 @@ var ProForm = function ProForm(props, ref) {
     optimize = _props$optimize === void 0 ? false : _props$optimize,
     _props$desensitizatio = props.desensitizationKey,
     desensitizationKey = _props$desensitizatio === void 0 ? 'zat-design-pro-component-desensitization' : _props$desensitizatio,
+    _props$stopOnFirstErr = props.stopOnFirstError,
+    stopOnFirstError = _props$stopOnFirstErr === void 0 ? false : _props$stopOnFirstErr,
     otherProps = _objectWithoutProperties(props, _excluded);
   var config = useProConfig('ProForm');
   // source: 用于区分是哪个组件调用，用于错误提示
@@ -91,6 +93,14 @@ var ProForm = function ProForm(props, ref) {
     }),
     _useForm2 = _slicedToArray(_useForm, 1),
     form = _useForm2[0];
+  // 保存内部配置
+  useEffect(function () {
+    if (!form.__INTERNAL_CONFIG__) {
+      form.__INTERNAL_CONFIG__ = {};
+    }
+    form.__INTERNAL_CONFIG__.fields = getFormFieldPaths(form);
+    form.__INTERNAL_CONFIG__.stopOnFirstError = stopOnFirstError;
+  }, [stopOnFirstError, form]);
   var _useControlled = useControlled({
       value: expandOpen,
       onChange: expandOpenChange

package/es/ProForm/propsType.d.ts

@@ -101,6 +101,8 @@ export interface ProFormType<Values = any> extends FormProps<Values> {
     optimize?: boolean;
     /** 全局脱敏开关的key、默认 zat-design-pro-component-desensitization */
     desensitizationKey?: string;
+    /** 是否在遇到第一个错误时停止验证 */
+    stopOnFirstError?: boolean;
 }
 export interface TransformType<T = any> {
     normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;

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

@@ -1,4 +1,4 @@
-import { ColProps, FormProps } from 'antd';
+import { ColProps, FormProps, FormInstance } from 'antd';
 import { InternalNamePath, NamePath } from 'antd/es/form/interface';
 interface transProps {
     formProps: FormProps;
@@ -95,6 +95,11 @@ export declare const findOptionByValue: (treeData: any[], value: string | number
 export declare const equalDependencies: (dependencies: any, prevValues: any, currentValues: any) => any;
 /** 解析namePath */
 export declare const parseNamePath: (input: string) => any;
-/** 解析namePath */
+/**
+ * 获取表单所有字段路径的简化函数
+ * @param form 表单实例
+ * @returns 所有字段路径数组
+ */
+export declare const getFormFieldPaths: (form: FormInstance) => any[];
 export declare function findNamesKeyInArray(arr: string[], key: string): string | null;
 export {};

package/es/ProForm/utils/index.js

@@ -413,7 +413,25 @@ export var parseNamePath = function parseNamePath(input) {
   });
   return [result];
 };
-/** 解析namePath */
+/**
+ * 获取表单所有字段路径的简化函数
+ * @param form 表单实例
+ * @returns 所有字段路径数组
+ */
+export var getFormFieldPaths = function getFormFieldPaths(form) {
+  try {
+    // @ts-ignore
+    var _form$getInternalHook = form.getInternalHooks('RC_FORM_INTERNAL_HOOKS'),
+      getFields = _form$getInternalHook.getFields;
+    var allFields = getFields();
+    return allFields.map(function (field) {
+      return field.name;
+    });
+  } catch (error) {
+    console.error('获取表单字段失败:', error);
+    return [];
+  }
+};
 export function findNamesKeyInArray(arr, key) {
   var _iterator = _createForOfIteratorHelper(arr),
     _step;

package/es/ProForm/utils/useForm.d.ts

@@ -1,12 +1,17 @@
 import { FormInstance } from 'antd';
 import { NamePath } from 'antd/es/form/interface';
 import { ValuedNotifyInfo } from 'rc-field-form/es/interface';
-export type ModifiedFormInstance<T> = FormInstance<T> & {
+export type ModifiedFormInstanceType<T> = FormInstance<T> & {
     isModified?: boolean;
     /** 默认清空设置值的报错状态 */
     setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
     formKey?: string;
     _init?: boolean;
+    __INTERNAL_CONFIG__?: {
+        fields?: any[];
+        stopOnFirstError?: boolean;
+        [key: string]: any;
+    };
 };
 export interface FormInstanceOption {
     scrollToError?: boolean;
@@ -14,4 +19,4 @@ export interface FormInstanceOption {
     formKey?: string;
     source?: string;
 }
-export declare const useForm: <T>(originForm?: ModifiedFormInstance<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstance<T>];
+export declare const useForm: <T>(originForm?: ModifiedFormInstanceType<T> | FormInstanceOption, options?: FormInstanceOption) => [ModifiedFormInstanceType<T>];

package/es/ProForm/utils/useForm.js

@@ -1,12 +1,13 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import "antd/es/form/style";
 import _Form from "antd/es/form";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useContext } from 'react';
-import { filterInternalFields } from './index';
+import { filterInternalFields, getFormFieldPaths } from './index';
 import { handleScrollToError as handleScrollToErrorProEditTable } from '../../ProEditTable/utils/tools';
 import { FormsContext } from '../../FormsProvider';
 export var useForm = function useForm(originForm, options) {
@@ -50,10 +51,19 @@ export var useForm = function useForm(originForm, options) {
   var _validateFields = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(nameList) {
       var _rest$,
+        _form$__INTERNAL_CONF,
         _len,
         rest,
         _key,
         isRecursive,
+        stopOnFirstError,
+        allFields,
+        _iterator,
+        _step,
+        field,
+        _options2,
+        _error$errorFields,
+        _error$errorFields$,
         validateNames,
         _form$getInternalHook,
         getFields,
@@ -61,8 +71,8 @@ export var useForm = function useForm(originForm, options) {
         _document,
         tablePagination,
         _tablePagination$clic,
-        _error$errorFields,
-        _error$errorFields$,
+        _error$errorFields2,
+        _error$errorFields$2,
         _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -71,11 +81,68 @@ export var useForm = function useForm(originForm, options) {
             for (_len = _args.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
               rest[_key - 1] = _args[_key];
             }
-            // @ts-ignore
             isRecursive = rest === null || rest === void 0 ? void 0 : (_rest$ = rest[0]) === null || _rest$ === void 0 ? void 0 : _rest$.recursive;
+            stopOnFirstError = form === null || form === void 0 ? void 0 : (_form$__INTERNAL_CONF = form.__INTERNAL_CONFIG__) === null || _form$__INTERNAL_CONF === void 0 ? void 0 : _form$__INTERNAL_CONF.stopOnFirstError; // 如果启用了 stopOnFirstError 且没有指定字段列表
+            if (!(stopOnFirstError && !nameList)) {
+              _context.next = 33;
+              break;
+            }
+            // 获取所有表单字段
+            allFields = getFormFieldPaths(form); // 单独验证每个字段
+            // eslint-disable-next-line no-restricted-syntax
+            _iterator = _createForOfIteratorHelper(allFields);
+            _context.prev = 7;
+            _iterator.s();
+          case 9:
+            if ((_step = _iterator.n()).done) {
+              _context.next = 24;
+              break;
+            }
+            field = _step.value;
+            _context.prev = 11;
+            // 创建不包含 stopOnFirstError 的选项
+            // @ts-ignore
+            _options2 = (rest === null || rest === void 0 ? void 0 : rest[0]) ? _objectSpread({}, rest[0]) : {};
+            delete _options2.stopOnFirstError;
+            // 验证单个字段
+            // eslint-disable-next-line no-await-in-loop
+            _context.next = 16;
+            return validateFields([field], _options2);
+          case 16:
+            _context.next = 22;
+            break;
+          case 18:
+            _context.prev = 18;
+            _context.t0 = _context["catch"](11);
+            // 遇到错误，滚动到错误位置
+            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length)) {
+              form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
+                block: 'center',
+                behavior: 'smooth'
+              });
+            }
+            // 中止验证，抛出错误
+            throw _context.t0;
+          case 22:
+            _context.next = 9;
+            break;
+          case 24:
+            _context.next = 29;
+            break;
+          case 26:
+            _context.prev = 26;
+            _context.t1 = _context["catch"](7);
+            _iterator.e(_context.t1);
+          case 29:
+            _context.prev = 29;
+            _iterator.f();
+            return _context.finish(29);
+          case 32:
+            return _context.abrupt("return", form.getFieldsValue());
+          case 33:
             validateNames = []; // 前缀校验模式
             if (!isRecursive) {
-              _context.next = 12;
+              _context.next = 42;
               break;
             }
             // @ts-ignore
@@ -92,13 +159,13 @@ export var useForm = function useForm(originForm, options) {
             }
             // @ts-ignore
             // delete rest[0].recursive;
-            _context.next = 11;
+            _context.next = 41;
             return validateFields.apply(void 0, [validateNames].concat(rest)).then(function (values) {
               return filterInternalFields(values, optimize);
             });
-          case 11:
+          case 41:
             return _context.abrupt("return", _context.sent);
-          case 12:
+          case 42:
             // 解决，单个pro-edit-table的表单校验
             if ((nameList === null || nameList === void 0 ? void 0 : nameList.length) && !nameList.join('-').includes(',')) {
               tablePagination = document && ((_document = document) === null || _document === void 0 ? void 0 : _document.querySelector("#pro-edit-table-pagination-".concat(nameList.join('-'))));
@@ -106,28 +173,28 @@ export var useForm = function useForm(originForm, options) {
                 tablePagination === null || tablePagination === void 0 ? void 0 : (_tablePagination$clic = tablePagination.click) === null || _tablePagination$clic === void 0 ? void 0 : _tablePagination$clic.call(tablePagination);
               }
             }
-            _context.next = 15;
+            _context.next = 45;
             return validateFields.apply(void 0, [nameList].concat(rest)).then(function (values) {
               return nameList ? values : _getFieldsValue();
             });
-          case 15:
+          case 45:
             return _context.abrupt("return", _context.sent);
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](0);
-            if (scrollToError && (_context.t0 === null || _context.t0 === void 0 ? void 0 : (_error$errorFields = _context.t0.errorFields) === null || _error$errorFields === void 0 ? void 0 : _error$errorFields.length) && source === 'ProForm') {
-              form.scrollToField((_error$errorFields$ = _context.t0.errorFields[0]) === null || _error$errorFields$ === void 0 ? void 0 : _error$errorFields$.name, {
+          case 48:
+            _context.prev = 48;
+            _context.t2 = _context["catch"](0);
+            if (scrollToError && (_context.t2 === null || _context.t2 === void 0 ? void 0 : (_error$errorFields2 = _context.t2.errorFields) === null || _error$errorFields2 === void 0 ? void 0 : _error$errorFields2.length) && source === 'ProForm') {
+              form.scrollToField((_error$errorFields$2 = _context.t2.errorFields[0]) === null || _error$errorFields$2 === void 0 ? void 0 : _error$errorFields$2.name, {
                 block: 'center',
                 behavior: 'smooth'
               });
             }
             handleScrollToErrorProEditTable();
-            throw _context.t0;
-          case 23:
+            throw _context.t2;
+          case 53:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[0, 18]]);
+      }, _callee, null, [[0, 48], [7, 26, 29, 32], [11, 18]]);
     }));
     return function _validateFields(_x) {
       return _ref2.apply(this, arguments);
@@ -175,8 +242,8 @@ export var useForm = function useForm(originForm, options) {
   form.getFieldsValue = _getFieldsValue;
   form.setFieldValue = _setFieldValue;
   form.setFieldsValue = _setFieldsValue;
-  form.getFieldsValue = _getFieldsValue;
   form.validateFields = _validateFields;
   form.isModified = true;
+  form.__INTERNAL_CONFIG__ = {};
   return [form];
 };

package/es/ProForm/utils/useWatch.d.ts

@@ -1,6 +1,11 @@
-import { InternalNamePath, FormInstance, NamePath } from 'rc-field-form/es/interface';
+import { FormInstance, NamePath } from 'rc-field-form/es/interface';
 export declare function toArray<T>(value?: T | T[] | null): T[];
-export declare function getNamePath(path: NamePath | null): InternalNamePath;
-export declare function stringify(value: any): string | number;
+/**
+ * ProForm的useWatch hook，用于监听表单字段变化
+ * @param dependencies 监听的字段路径
+ * @param form 表单实例
+ * @param wait 防抖等待时间
+ * @returns 表单值
+ */
 declare function useWatch(dependencies: string | NamePath[], form?: FormInstance, wait?: number): any;
 export default useWatch;

package/es/ProForm/utils/useWatch.js

@@ -1,77 +1,159 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { debounce } from 'lodash';
-import { HOOK_MARK } from 'rc-field-form/es/FieldContext';
 import warning from 'rc-util/lib/warning';
 import { useState, useEffect, useRef, useMemo } from 'react';
+import isEqual from 'lodash/isEqual';
 export function toArray(value) {
   if (value === undefined || value === null) {
     return [];
   }
   return Array.isArray(value) ? value : [value];
 }
-export function getNamePath(path) {
-  return toArray(path);
+// 从一个对象或Form值中获取特定路径的值
+function get(source, path) {
+  if (!source || path.length === 0) {
+    return source;
+  }
+  var current = source;
+  for (var i = 0; i < path.length; i++) {
+    if (current === undefined || current === null) {
+      return undefined;
+    }
+    current = current[path[i]];
+  }
+  return current;
 }
-export function stringify(value) {
-  try {
-    return JSON.stringify(value);
-  } catch (err) {
-    return Math.random();
+/**
+ * 将值设置到指定路径的嵌套对象中
+ * @param obj 目标对象
+ * @param path 路径数组
+ * @param value 要设置的值
+ */
+function setValueByPath(obj, path, value) {
+  if (path.length === 0) return;
+  // 处理单层路径
+  if (path.length === 1) {
+    obj[path[0]] = value;
+    return;
+  }
+  // 处理多层嵌套路径
+  var current = obj;
+  for (var i = 0; i < path.length - 1; i++) {
+    var key = path[i];
+    if (!current[key]) {
+      current[key] = {};
+    }
+    current = current[key];
   }
+  current[path[path.length - 1]] = value;
 }
-// 创建之后namepath就不可变
-var useWatchWarning = process.env.NODE_ENV !== 'production' ? function (namePath) {
-  var fullyStr = JSON.stringify(namePath);
-  var nameStrRef = useRef(fullyStr);
-  warning(nameStrRef.current === fullyStr, '`useWatch` is not support dynamic `namePath`. Please provide static instead.');
+// 创建之后namepath就不可变的警告
+var useWatchWarning = process.env.NODE_ENV !== 'production' ? function (dependencies) {
+  var depsStr = JSON.stringify(dependencies);
+  var depsStrRef = useRef(depsStr);
+  warning(depsStrRef.current === depsStr, '`useWatch` is not support dynamic `namePath`. Please provide static instead.');
 } : function () {};
+/**
+ * ProForm的useWatch hook，用于监听表单字段变化
+ * @param dependencies 监听的字段路径
+ * @param form 表单实例
+ * @param wait 防抖等待时间
+ * @returns 表单值
+ */
 function useWatch(dependencies, form, wait) {
-  var isSingle = typeof dependencies === 'string';
+  // 处理开发环境警告
+  useWatchWarning(dependencies);
+  // 获取表单实例
+  var formInstance = form;
+  // 用于存储最终结果
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var valueStr = useMemo(function () {
-    return stringify(value);
-  }, [value]);
-  var valueStrRef = useRef(valueStr);
-  valueStrRef.current = valueStr;
-  var formInstance = form;
-  var isValidForm = formInstance && formInstance._init;
-  var _dependencies = isSingle ? [dependencies] : dependencies;
-  var namePaths = _dependencies === null || _dependencies === void 0 ? void 0 : _dependencies.map(function (item) {
-    return getNamePath(item);
-  });
-  var namePathsRef = useRef(namePaths);
-  namePathsRef.current = namePaths;
-  useWatchWarning(namePaths);
+    state = _useState2[0],
+    setState = _useState2[1];
+  // 使用ref存储中间状态，避免不必要的渲染
+  var valueRef = useRef({});
+  var prevStateRef = useRef({});
+  // 标准化依赖为路径数组的数组
+  var namePaths = useMemo(function () {
+    // 将依赖标准化为数组的数组形式
+    var paths = [];
+    // 字符串形式: 'fieldName'
+    if (typeof dependencies === 'string') {
+      paths.push(dependencies);
+      // 数组形式
+    } else if (Array.isArray(dependencies)) {
+      // 检查是否是路径数组的集合，例如：[['a', 'number'], 'fieldName']
+      var isPathsCollection = dependencies.length > 0 && (typeof dependencies[0] === 'string' || Array.isArray(dependencies[0]));
+      if (isPathsCollection) {
+        // 每个元素都是一个路径
+        dependencies.forEach(function (path) {
+          paths.push(path);
+        });
+      } else {
+        // 整个数组是一个单一路径
+        paths.push(dependencies);
+      }
+    }
+    return paths;
+  }, [/* dependencies 故意忽略，与原实现一致 */]);
+  // 保存防抖函数引用，避免重复创建
+  var debouncedFn = useMemo(function () {
+    if (wait) {
+      return debounce(function (value) {
+        // 只在值真正变化时才更新状态
+        if (!isEqual(prevStateRef.current, value)) {
+          prevStateRef.current = _objectSpread({}, value);
+          setState(value);
+        }
+      }, wait);
+    }
+    // 非防抖版本
+    return function (value) {
+      if (!isEqual(prevStateRef.current, value)) {
+        prevStateRef.current = _objectSpread({}, value);
+        setState(value);
+      }
+    };
+  }, [wait]);
   useEffect(function () {
-    if (!isValidForm) return;
-    var getFieldsValue = formInstance.getFieldsValue,
-      getInternalHooks = formInstance.getInternalHooks;
-    var _getInternalHooks = getInternalHooks(HOOK_MARK),
+    if (!formInstance) return undefined;
+    // 创建更新状态的函数
+    var updateState = function updateState() {
+      var values = formInstance.getFieldsValue(true);
+      var newState = {};
+      // 处理每个监听路径
+      namePaths.forEach(function (path) {
+        // 将路径转换为数组形式
+        var namePath = toArray(path);
+        // 获取路径对应的值
+        var value = get(values, namePath);
+        // 将值设置到正确的嵌套结构中
+        setValueByPath(newState, namePath, value);
+      });
+      // 存储并更新状态
+      valueRef.current = newState;
+      debouncedFn(newState);
+    };
+    // 初始调用一次
+    updateState();
+    // 注册表单变化监听
+    var getInternalHooks = formInstance.getInternalHooks;
+    var _getInternalHooks = getInternalHooks('RC_FORM_INTERNAL_HOOKS'),
       registerWatch = _getInternalHooks.registerWatch;
-    var callback = function callback() {
-      var newValue = getFieldsValue(_dependencies);
-      var nextValueStr = stringify(newValue);
-      // Compare stringify in case it's nest object
-      if (valueStrRef.current !== nextValueStr) {
-        valueStrRef.current = nextValueStr;
-        setValue(getFieldsValue(_dependencies));
+    var cancelWatch = registerWatch(function (values) {
+      if (values) {
+        updateState();
+      }
+    });
+    // 清理订阅
+    return function () {
+      if (wait) {
+        debouncedFn.cancel();
       }
+      cancelWatch();
     };
-    // 增加防抖
-    if (wait) {
-      callback = debounce(callback, wait);
-    }
-    var cancelRegister = registerWatch(callback);
-    var initialValue = getFieldsValue(_dependencies);
-    setValue(initialValue);
-    return cancelRegister;
-  },
-  // We do not need re-register since namePath content is the same
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [isValidForm]);
-  return value;
+  }, [formInstance, namePaths, debouncedFn, wait]);
+  return state;
 }
 export default useWatch;

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

@@ -16,7 +16,8 @@ var RenderTabs = function RenderTabs(props) {
     transformResponse = props.transformResponse,
     tabsProps = props.tabsProps,
     name = props.name,
-    formTableProps = props.formTableProps;
+    formTableProps = props.formTableProps,
+    transformParams = props.transformParams;
   var _ref = formTableProps || {},
     form = _ref.form,
     onSearch = _ref.onSearch;
@@ -67,7 +68,11 @@ var RenderTabs = function RenderTabs(props) {
       var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
       setActiveKey(key);
       form.setFieldValue(name, key);
-      onSearch === null || onSearch === void 0 ? void 0 : onSearch(_objectSpread(_objectSpread({}, fieldsValues), {}, _defineProperty({}, name, key)));
+      var params = _objectSpread(_objectSpread({}, fieldsValues), {}, _defineProperty({}, name, key));
+      if (transformParams && typeof transformParams === 'function') {
+        params = transformParams(params);
+      }
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch(params);
     },
     type: "card"
   }, tabsProps), {}, {