feat: add warning "cannot be a function" in getValueProps (#642)

* feat: add warning "cannot be a function" in getValueProps

* feat: when not production to warning & use not recommended

* feat: 优化文案

* feat: add ` to getValueProps

* feat: add ` to getValueProps

Author: LongHaoo

src/Field.tsx

@@ -59,8 +59,8 @@ export type MetaEvent = Meta & { destroy?: boolean };
 
 export interface InternalFieldProps<Values = any> {
   children?:
-    | React.ReactElement
-    | ((control: ChildProps, meta: Meta, form: FormInstance<Values>) => React.ReactNode);
+  | React.ReactElement
+  | ((control: ChildProps, meta: Meta, form: FormInstance<Values>) => React.ReactNode);
   /**
    * Set up `dependencies` field.
    * When dependencies field update and current field is touched,
@@ -578,9 +578,18 @@ class Field extends React.Component<InternalFieldProps, FieldState> implements F
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const originTriggerFunc: any = childProps[trigger];
 
+    const valueProps = mergedGetValueProps(value);
+
+    // warning when prop value is function
+    if (process.env.NODE_ENV !== 'production') {
+      Object.keys(valueProps).forEach(key => {
+        warning(typeof valueProps[key] !== 'function', `It's not recommended to generate dynamic function prop by \`getValueProps\`. Please pass it to child component directly (prop: ${key})`)
+      })
+    }
+
     const control = {
       ...childProps,
-      ...mergedGetValueProps(value),
+      ...valueProps,
     };
 
     // Add trigger