feat: support the ability for validateTrigger to obtain data from the top form.

Author: Ohh-889

primitives/filed-form /src/Field.tsx

@@ -24,7 +24,7 @@ const Field = <Values=any, T extends AllPaths<Values> = AllPaths<Values>>(props:
     rules,
     trigger = 'onChange',
     unControlledValueChange,
-    validateTrigger = 'onChange',
+    validateTrigger,
     valuePropName = 'value',
     ...rest
   } = props;
@@ -40,7 +40,12 @@ const Field = <Values=any, T extends AllPaths<Values> = AllPaths<Values>>(props:
 
   const cref = useRef<any>(null);
 
-  const { getFieldsValue, getFieldValue, getInternalHooks } = fieldContext as InternalFormInstance<Values>;
+  const {
+    getFieldsValue,
+    getFieldValue,
+    getInternalHooks,
+    validateTrigger: fieldValidateTrigger
+  } = fieldContext as unknown as InternalFormInstance<Values>;
 
   const { dispatch, getInitialValue, registerField } = getInternalHooks();
 

primitives/filed-form /src/FieldContext.ts

@@ -80,16 +80,20 @@ export interface FormInstance<Values = any>
 
 export interface InternalFormHooks<Values = any> extends InternalCallbacks<Values>, InternalFieldHooks<Values> {}
 
-export interface InternalFormInstance<Values = any> extends FormInstance<Values> {
+export interface InternalFormContext<Values = any> extends FormInstance<Values> {
+  validateTrigger: string | string[];
+}
+
+export interface InternalFormInstance<Values = any> extends InternalFormContext<Values> {
   /** 内部 API，不建议外部使用 */
   getInternalHooks: () => InternalFormHooks<Values>;
 }
 
-export const FieldContext = createContext<FormInstance | null>(null);
+export const FieldContext = createContext<InternalFormContext | null>(null);
 
 export const FieldContextProvider = FieldContext.Provider;
 
-export const useFieldContext = <Values = any>(): FormInstance<Values> => {
+export const useFieldContext = <Values = any>(): InternalFormContext<Values> => {
   const context = useContext(FieldContext);
 
   if (!context) {

primitives/filed-form /src/Form.tsx

@@ -2,9 +2,9 @@
 /* eslint-disable react-hooks/exhaustive-deps */
 
 import type { ComponentPropsWithoutRef, ComponentRef, ElementType, HTMLProps, Ref } from 'react';
-import { forwardRef, useEffect, useImperativeHandle, useRef } from 'react';
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 
-import type { FormInstance, InternalFormInstance, RegisterCallbackOptions } from './FieldContext';
+import type { FormInstance, InternalFormContext, InternalFormInstance, RegisterCallbackOptions } from './FieldContext';
 import { FieldContextProvider } from './FieldContext';
 import type { ValidateMessages } from './form-core/validate';
 import useForm from './useForm';
@@ -16,6 +16,7 @@ interface FormBaseProps<Values = any> extends RegisterCallbackOptions<Values> {
   initialValues?: Partial<Values>;
   preserve?: boolean;
   validateMessages?: ValidateMessages;
+  validateTrigger?: string | string[];
 }
 
 type PolymorphicProps<As extends ElementType, Own> = Own &
@@ -40,6 +41,7 @@ const Form = <Values=any, As extends ElementType = 'form'>(props: FormProps<Valu
     onValuesChange,
     preserve = true,
     validateMessages,
+    validateTrigger = 'onChange',
     ...rest
   } = props;
 
@@ -53,6 +55,14 @@ const Form = <Values=any, As extends ElementType = 'form'>(props: FormProps<Valu
     formInstance as InternalFormInstance<Values>
   ).getInternalHooks();
 
+  const formContextValue = useMemo<InternalFormContext<Values>>(
+    () => ({
+      ...formInstance,
+      validateTrigger
+    }),
+    [formInstance, validateTrigger]
+  );
+
   useImperativeHandle(ref as any, () => nativeElement.current);
 
   if (!mountRef.current) {
@@ -78,14 +88,14 @@ const Form = <Values=any, As extends ElementType = 'form'>(props: FormProps<Valu
   }, []);
 
   if (Component === false) {
-    return <FieldContextProvider value={formInstance}>{children}</FieldContextProvider>;
+    return <FieldContextProvider value={formContextValue}>{children}</FieldContextProvider>;
   }
 
   if (Component === 'form') {
     const { onReset, onSubmit, ...formProps } = rest as HTMLProps<HTMLFormElement>;
 
     return (
-      <FieldContextProvider value={formInstance}>
+      <FieldContextProvider value={formContextValue}>
         <Component
           {...formProps}
           ref={nativeElement as Ref<HTMLFormElement>}
@@ -108,7 +118,7 @@ const Form = <Values=any, As extends ElementType = 'form'>(props: FormProps<Valu
   }
 
   return (
-    <FieldContextProvider value={formInstance}>
+    <FieldContextProvider value={formContextValue}>
       <Component
         {...(rest as any)}
         ref={nativeElement}