@dovetail-v2/refine 0.3.14 → 0.3.15-alpha.0

package/dist/components/Form/YamlForm.d.ts

@@ -23,6 +23,7 @@ export interface YamlFormProps<Model extends ResourceModel = ResourceModel> {
     rules?: YamlFormRule[];
     transformInitValues?: (values: Record<string, unknown>) => Record<string, unknown>;
     transformApplyValues?: (values: Unstructured) => Unstructured;
+    beforeSubmit?: (values: Unstructured, setErrors: (errors: string[]) => void) => Promise<Unstructured>;
     onSaveButtonPropsChange?: (saveButtonProps: {
         disabled?: boolean;
         onClick: () => void;

package/dist/components/Form/useReactHookForm.d.ts

@@ -9,6 +9,7 @@ export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TErr
         disabled: boolean;
         onClick: (e: React.BaseSyntheticEvent) => void;
     };
+    beforeSubmitErrors: string[];
 };
 export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = {
     /**
@@ -29,5 +30,7 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
     disableServerSideValidation?: boolean;
     transformApplyValues?: (values: TVariables) => TVariables;
     transformInitValues?: (values: Record<string, unknown>) => DefaultValues<TVariables>;
+    beforeSubmit?: (values: TVariables, setErrors: (errors: string[]) => void) => Promise<TVariables>;
+    onBeforeSubmitError?: (errors: string[]) => void;
 } & UseHookFormProps<TVariables, TContext>;
-export declare const useForm: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, transformApplyValues, transformInitValues, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;
+export declare const useForm: <TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends FieldValues = FieldValues, TContext extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ refineCoreProps, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, disableServerSideValidation: disableServerSideValidationProp, transformApplyValues, transformInitValues, beforeSubmit, onBeforeSubmitError, ...rest }?: UseFormProps<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TContext, TData, TResponse, TResponseError>;

package/dist/components/Form/useRefineForm.d.ts

@@ -2,6 +2,7 @@ import { CommonFormConfig, RefineFormConfig, ResourceConfig } from '../../types'
 import { UseFormProps } from './useReactHookForm';
 interface UseRefineFormOptions {
     initialValues?: Record<string, unknown>;
+    onBeforeSubmitError?: (errors: string[]) => void;
 }
 export declare const useRefineForm: (props: {
     formConfig?: RefineFormConfig & CommonFormConfig;
@@ -14,5 +15,6 @@ export declare const useRefineForm: (props: {
         [x: string]: any;
     }, {}, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError>;
     responseErrorMsgs: string[];
+    beforeSubmitErrors: string[];
 };
 export {};

package/dist/components/Form/useYamlForm.d.ts

@@ -27,6 +27,8 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
     initialValuesForEdit?: Record<string, unknown>;
     transformInitValues?: (values: Record<string, unknown>) => Record<string, unknown>;
     transformApplyValues?: (values: Unstructured) => Unstructured;
+    beforeSubmit?: (values: Unstructured, setErrors: (errors: string[]) => void) => Promise<Unstructured>;
+    onBeforeSubmitError?: (errors: string[]) => void;
     rules?: YamlFormRule[];
 };
 export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError> & {
@@ -43,6 +45,7 @@ export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TErr
     loadSchemaError: Error | null;
     fetchSchema: () => void;
     errorResponseBody?: Record<string, unknown> | null;
+    beforeSubmitErrors: string[];
 };
 declare const useYamlForm: <TQueryFnData extends Unstructured = Unstructured & {
     id: string;
@@ -50,5 +53,5 @@ declare const useYamlForm: <TQueryFnData extends Unstructured = Unstructured & {
     [prop: string]: unknown;
 } = {
     [prop: string]: unknown;
-}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, initialValuesForEdit, transformInitValues, transformApplyValues, rules, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, initialValuesForEdit, transformInitValues, transformApplyValues, beforeSubmit, onBeforeSubmitError, rules, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
 export default useYamlForm;

package/dist/refine.cjs

@@ -15490,6 +15490,8 @@ const useForm = ({
   disableServerSideValidation: disableServerSideValidationProp = false,
   transformApplyValues,
   transformInitValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   ...rest
 } = {}) => {
   const { options } = core.useRefineContext();
@@ -15502,6 +15504,8 @@ const useForm = ({
     defaultValues: transformInitValues && typeof rest.defaultValues === "object" ? transformInitValues(rest.defaultValues) : rest.defaultValues
   });
   const [transformedInitValues, setTransformedInitValues] = React.useState(useHookFormResult.getValues());
+  const [beforeSubmitErrors, setBeforeSubmitErrors] = React.useState([]);
+  const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = React.useState(false);
   const {
     watch,
     setValue,
@@ -15605,20 +15609,55 @@ const useForm = ({
   const saveButtonProps = React.useMemo(() => {
     return {
       disabled: formLoading,
-      onClick: (e2) => {
+      loading: formLoading || isBeforeSubmitLoading,
+      onClick: async (e2) => {
+        setBeforeSubmitErrors([]);
         handleSubmit(
-          (v) => onFinish(transformApplyValues ? transformApplyValues(v) : v),
+          async (v) => {
+            let finalValues = transformApplyValues ? transformApplyValues(v) : v;
+            if (beforeSubmit) {
+              try {
+                setIsBeforeSubmitLoading(true);
+                let hasErrors = false;
+                const result = await beforeSubmit(finalValues, (errors) => {
+                  if (errors && errors.length > 0) {
+                    setBeforeSubmitErrors(errors);
+                    onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors);
+                    hasErrors = true;
+                  }
+                });
+                if (hasErrors) {
+                  return;
+                }
+                if (result !== void 0) {
+                  finalValues = result;
+                }
+              } finally {
+                setIsBeforeSubmitLoading(false);
+              }
+            }
+            return onFinish(finalValues);
+          },
           () => false
         )(e2);
       }
     };
-  }, [formLoading, handleSubmit, onFinish, transformApplyValues]);
+  }, [
+    formLoading,
+    isBeforeSubmitLoading,
+    handleSubmit,
+    onFinish,
+    transformApplyValues,
+    beforeSubmit,
+    onBeforeSubmitError
+  ]);
   return {
     ...useHookFormResult,
     transformedInitValues,
     handleSubmit,
     refineCore: useFormCoreResult,
-    saveButtonProps
+    saveButtonProps,
+    beforeSubmitErrors
   };
 };
 const useRefineForm = (props) => {
@@ -15660,6 +15699,8 @@ const useRefineForm = (props) => {
     defaultValues: (options == null ? void 0 : options.initialValues) || (config == null ? void 0 : config.initValue),
     transformApplyValues,
     transformInitValues,
+    beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
+    onBeforeSubmitError: options == null ? void 0 : options.onBeforeSubmitError,
     ...formConfig == null ? void 0 : formConfig.useFormProps
   });
   React.useEffect(() => {
@@ -15672,7 +15713,7 @@ const useRefineForm = (props) => {
       });
     }
   }, [formConfig, result, i18n2]);
-  return { formResult: result, responseErrorMsgs };
+  return { formResult: result, responseErrorMsgs, beforeSubmitErrors: result.beforeSubmitErrors };
 };
 const index_2ivb33 = "";
 const Style = "s1bsn3us";
@@ -16091,6 +16132,8 @@ const useYamlForm = ({
   initialValuesForEdit,
   transformInitValues,
   transformApplyValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   rules
 } = {}) => {
   var _a;
@@ -16100,6 +16143,8 @@ const useYamlForm = ({
   const [isSchemaValid, setIsSchemaValid] = React.useState(true);
   const [editorErrors, setEditorErrors] = React.useState([]);
   const [rulesErrors, setRulesErrors] = React.useState([]);
+  const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = React.useState(false);
+  const [beforeSubmitErrors, setBeforeSubmitErrors] = React.useState([]);
   const [errorResponseBody, setErrorResponseBody] = React.useState(null);
   const useResourceResult = core.useResource();
   const globalStore = useGlobalStore();
@@ -16175,12 +16220,12 @@ const useYamlForm = ({
   }, [schema]);
   const saveButtonProps = React.useMemo(
     () => ({
-      loading: formLoading,
+      loading: formLoading || isBeforeSubmitLoading,
       onClick: () => {
         form2.submit();
       }
     }),
-    [formLoading, form2]
+    [formLoading, form2, isBeforeSubmitLoading]
   );
   const emptySchemas = React.useMemo(() => {
     return [];
@@ -16257,6 +16302,7 @@ const useYamlForm = ({
       ...formSF.formProps,
       onFinish: async (values) => {
         var _a2, _b;
+        setBeforeSubmitErrors([]);
         const errors = [
           !isYamlValid ? t2("dovetail.yaml_format_wrong") : "",
           !isSchemaValid ? t2("dovetail.yaml_value_wrong") : ""
@@ -16273,7 +16319,28 @@ const useYamlForm = ({
         }
         try {
           const objectValues = editor.current ? yaml$2.load(((_b = editor.current) == null ? void 0 : _b.getEditorValue()) || "") : values;
-          const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+          let finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+          if (beforeSubmit) {
+            try {
+              let hasErrors = false;
+              setIsBeforeSubmitLoading(true);
+              const result = await beforeSubmit(finalValues, (errors2) => {
+                if (errors2 && errors2.length > 0) {
+                  setBeforeSubmitErrors(errors2);
+                  onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors2);
+                  hasErrors = true;
+                }
+              });
+              if (hasErrors) {
+                return;
+              }
+              if (result !== void 0) {
+                finalValues = result;
+              }
+            } finally {
+              setIsBeforeSubmitLoading(false);
+            }
+          }
           return onFinish(finalValues);
         } catch (error) {
           if (error instanceof Error) {
@@ -16293,6 +16360,7 @@ const useYamlForm = ({
     saveButtonProps,
     ...useFormCoreResult,
     errorResponseBody,
+    beforeSubmitErrors,
     editorProps,
     schemas: schema ? [schema] : [],
     isLoadingSchema,
@@ -16320,6 +16388,7 @@ function YamlForm(props) {
     config,
     transformInitValues,
     transformApplyValues,
+    beforeSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -16340,6 +16409,7 @@ function YamlForm(props) {
     saveButtonProps,
     editorProps,
     errorResponseBody,
+    beforeSubmitErrors,
     mutationResult,
     isLoadingSchema,
     queryResult,
@@ -16356,6 +16426,7 @@ function YamlForm(props) {
     initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
     initialValuesForEdit: props.initialValuesForEdit,
     rules,
+    beforeSubmit,
     successNotification(data2) {
       var _a;
       const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
@@ -16383,6 +16454,18 @@ function YamlForm(props) {
     saveButtonProps
   } : {};
   const responseErrors = React.useMemo(() => errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [], [errorResponseBody, i18n2]);
+  const finalErrors = React.useMemo(() => {
+    if (beforeSubmitErrors.length) {
+      return beforeSubmitErrors;
+    }
+    if (mutationResult.error) {
+      if (responseErrors.length) {
+        return responseErrors;
+      }
+      return [mutationResult.error.message];
+    }
+    return [];
+  }, [responseErrors, beforeSubmitErrors, mutationResult.error]);
   const onFinish = React.useCallback(async (store) => {
     var _a, _b;
     try {
@@ -16402,8 +16485,8 @@ function YamlForm(props) {
     onSaveButtonPropsChange == null ? void 0 : onSaveButtonPropsChange(saveButtonProps);
   }, [saveButtonProps, onSaveButtonPropsChange]);
   React.useEffect(() => {
-    onErrorsChange == null ? void 0 : onErrorsChange(responseErrors);
-  }, [responseErrors, onErrorsChange]);
+    onErrorsChange == null ? void 0 : onErrorsChange(finalErrors);
+  }, [finalErrors, onErrorsChange]);
   return /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormWrapper, {
     ...formWrapperProps,
     children: /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Form, {
@@ -16427,8 +16510,8 @@ function YamlForm(props) {
               collapsable: false
             })
           }), /* @__PURE__ */ common.jsxRuntimeExports.jsx(eagle.Form.Item, {
-            children: mutationResult.error && /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormErrorAlert, {
-              errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
+            children: finalErrors.length > 0 && /* @__PURE__ */ common.jsxRuntimeExports.jsx(FormErrorAlert, {
+              errorMsgs: finalErrors,
               style: {
                 marginBottom: 16
               },
@@ -16474,7 +16557,14 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       ...formConfig == null ? void 0 : formConfig.refineCoreProps
     },
     formConfig,
-    options
+    options: {
+      ...options,
+      onBeforeSubmitError: (errors) => {
+        if (errors.length) {
+          onError == null ? void 0 : onError();
+        }
+      }
+    }
   });
   const fieldsConfig = useFieldsConfig(
     config,
@@ -16516,6 +16606,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
           validators: "validators" in config2 ? config2.validators : void 0
         })),
         onSaveButtonPropsChange,
+        beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
         onErrorsChange(errors) {
           if (errors.length) {
             onError == null ? void 0 : onError();
@@ -16535,6 +16626,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     config,
     id,
     refineFormResult,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformApplyValues,
     onSaveButtonPropsChange,
     onSuccess,
@@ -16576,7 +16668,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         config,
         step,
         formConfig,
-        errorMsgs: refineFormResult.responseErrorMsgs,
+        errorMsgs: [
+          ...refineFormResult.responseErrorMsgs,
+          ...refineFormResult.beforeSubmitErrors
+        ],
         resourceId: id,
         transformedInitValues: refineFormResult.formResult.transformedInitValues,
         customOptions: options == null ? void 0 : options.customOptions
@@ -16606,6 +16701,7 @@ function YamlFormContainer({
       config,
       transformInitValues,
       transformApplyValues,
+      beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
       initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(config),
       initialValuesForEdit: void 0,
       id,
@@ -16628,6 +16724,7 @@ function YamlFormContainer({
     action,
     customYamlFormProps,
     config,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
     onSuccess,

package/dist/refine.js

@@ -15471,6 +15471,8 @@ const useForm = ({
   disableServerSideValidation: disableServerSideValidationProp = false,
   transformApplyValues,
   transformInitValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   ...rest
 } = {}) => {
   const { options } = useRefineContext();
@@ -15483,6 +15485,8 @@ const useForm = ({
     defaultValues: transformInitValues && typeof rest.defaultValues === "object" ? transformInitValues(rest.defaultValues) : rest.defaultValues
   });
   const [transformedInitValues, setTransformedInitValues] = useState(useHookFormResult.getValues());
+  const [beforeSubmitErrors, setBeforeSubmitErrors] = useState([]);
+  const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = useState(false);
   const {
     watch,
     setValue,
@@ -15586,20 +15590,55 @@ const useForm = ({
   const saveButtonProps = useMemo(() => {
     return {
       disabled: formLoading,
-      onClick: (e2) => {
+      loading: formLoading || isBeforeSubmitLoading,
+      onClick: async (e2) => {
+        setBeforeSubmitErrors([]);
         handleSubmit(
-          (v) => onFinish(transformApplyValues ? transformApplyValues(v) : v),
+          async (v) => {
+            let finalValues = transformApplyValues ? transformApplyValues(v) : v;
+            if (beforeSubmit) {
+              try {
+                setIsBeforeSubmitLoading(true);
+                let hasErrors = false;
+                const result = await beforeSubmit(finalValues, (errors) => {
+                  if (errors && errors.length > 0) {
+                    setBeforeSubmitErrors(errors);
+                    onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors);
+                    hasErrors = true;
+                  }
+                });
+                if (hasErrors) {
+                  return;
+                }
+                if (result !== void 0) {
+                  finalValues = result;
+                }
+              } finally {
+                setIsBeforeSubmitLoading(false);
+              }
+            }
+            return onFinish(finalValues);
+          },
           () => false
         )(e2);
       }
     };
-  }, [formLoading, handleSubmit, onFinish, transformApplyValues]);
+  }, [
+    formLoading,
+    isBeforeSubmitLoading,
+    handleSubmit,
+    onFinish,
+    transformApplyValues,
+    beforeSubmit,
+    onBeforeSubmitError
+  ]);
   return {
     ...useHookFormResult,
     transformedInitValues,
     handleSubmit,
     refineCore: useFormCoreResult,
-    saveButtonProps
+    saveButtonProps,
+    beforeSubmitErrors
   };
 };
 const useRefineForm = (props) => {
@@ -15641,6 +15680,8 @@ const useRefineForm = (props) => {
     defaultValues: (options == null ? void 0 : options.initialValues) || (config == null ? void 0 : config.initValue),
     transformApplyValues,
     transformInitValues,
+    beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
+    onBeforeSubmitError: options == null ? void 0 : options.onBeforeSubmitError,
     ...formConfig == null ? void 0 : formConfig.useFormProps
   });
   useEffect(() => {
@@ -15653,7 +15694,7 @@ const useRefineForm = (props) => {
       });
     }
   }, [formConfig, result, i18n2]);
-  return { formResult: result, responseErrorMsgs };
+  return { formResult: result, responseErrorMsgs, beforeSubmitErrors: result.beforeSubmitErrors };
 };
 const index_2ivb33 = "";
 const Style = "s1bsn3us";
@@ -16072,6 +16113,8 @@ const useYamlForm = ({
   initialValuesForEdit,
   transformInitValues,
   transformApplyValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   rules
 } = {}) => {
   var _a;
@@ -16081,6 +16124,8 @@ const useYamlForm = ({
   const [isSchemaValid, setIsSchemaValid] = useState(true);
   const [editorErrors, setEditorErrors] = useState([]);
   const [rulesErrors, setRulesErrors] = useState([]);
+  const [isBeforeSubmitLoading, setIsBeforeSubmitLoading] = useState(false);
+  const [beforeSubmitErrors, setBeforeSubmitErrors] = useState([]);
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const globalStore = useGlobalStore();
@@ -16156,12 +16201,12 @@ const useYamlForm = ({
   }, [schema]);
   const saveButtonProps = useMemo(
     () => ({
-      loading: formLoading,
+      loading: formLoading || isBeforeSubmitLoading,
       onClick: () => {
         form2.submit();
       }
     }),
-    [formLoading, form2]
+    [formLoading, form2, isBeforeSubmitLoading]
   );
   const emptySchemas = useMemo(() => {
     return [];
@@ -16238,6 +16283,7 @@ const useYamlForm = ({
       ...formSF.formProps,
       onFinish: async (values) => {
         var _a2, _b;
+        setBeforeSubmitErrors([]);
         const errors = [
           !isYamlValid ? t2("dovetail.yaml_format_wrong") : "",
           !isSchemaValid ? t2("dovetail.yaml_value_wrong") : ""
@@ -16254,7 +16300,28 @@ const useYamlForm = ({
         }
         try {
           const objectValues = editor.current ? yaml$2.load(((_b = editor.current) == null ? void 0 : _b.getEditorValue()) || "") : values;
-          const finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+          let finalValues = (transformApplyValues == null ? void 0 : transformApplyValues(objectValues)) || objectValues;
+          if (beforeSubmit) {
+            try {
+              let hasErrors = false;
+              setIsBeforeSubmitLoading(true);
+              const result = await beforeSubmit(finalValues, (errors2) => {
+                if (errors2 && errors2.length > 0) {
+                  setBeforeSubmitErrors(errors2);
+                  onBeforeSubmitError == null ? void 0 : onBeforeSubmitError(errors2);
+                  hasErrors = true;
+                }
+              });
+              if (hasErrors) {
+                return;
+              }
+              if (result !== void 0) {
+                finalValues = result;
+              }
+            } finally {
+              setIsBeforeSubmitLoading(false);
+            }
+          }
           return onFinish(finalValues);
         } catch (error) {
           if (error instanceof Error) {
@@ -16274,6 +16341,7 @@ const useYamlForm = ({
     saveButtonProps,
     ...useFormCoreResult,
     errorResponseBody,
+    beforeSubmitErrors,
     editorProps,
     schemas: schema ? [schema] : [],
     isLoadingSchema,
@@ -16301,6 +16369,7 @@ function YamlForm(props) {
     config,
     transformInitValues,
     transformApplyValues,
+    beforeSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -16321,6 +16390,7 @@ function YamlForm(props) {
     saveButtonProps,
     editorProps,
     errorResponseBody,
+    beforeSubmitErrors,
     mutationResult,
     isLoadingSchema,
     queryResult,
@@ -16337,6 +16407,7 @@ function YamlForm(props) {
     initialValuesForCreate: props.initialValuesForCreate ?? BASE_INIT_VALUE,
     initialValuesForEdit: props.initialValuesForEdit,
     rules,
+    beforeSubmit,
     successNotification(data2) {
       var _a;
       const displayName = config.displayName || ((_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind);
@@ -16364,6 +16435,18 @@ function YamlForm(props) {
     saveButtonProps
   } : {};
   const responseErrors = useMemo(() => errorResponseBody ? getCommonErrors(errorResponseBody, i18n2) : [], [errorResponseBody, i18n2]);
+  const finalErrors = useMemo(() => {
+    if (beforeSubmitErrors.length) {
+      return beforeSubmitErrors;
+    }
+    if (mutationResult.error) {
+      if (responseErrors.length) {
+        return responseErrors;
+      }
+      return [mutationResult.error.message];
+    }
+    return [];
+  }, [responseErrors, beforeSubmitErrors, mutationResult.error]);
   const onFinish = useCallback(async (store) => {
     var _a, _b;
     try {
@@ -16383,8 +16466,8 @@ function YamlForm(props) {
     onSaveButtonPropsChange == null ? void 0 : onSaveButtonPropsChange(saveButtonProps);
   }, [saveButtonProps, onSaveButtonPropsChange]);
   useEffect(() => {
-    onErrorsChange == null ? void 0 : onErrorsChange(responseErrors);
-  }, [responseErrors, onErrorsChange]);
+    onErrorsChange == null ? void 0 : onErrorsChange(finalErrors);
+  }, [finalErrors, onErrorsChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormWrapper, {
     ...formWrapperProps,
     children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form, {
@@ -16408,8 +16491,8 @@ function YamlForm(props) {
               collapsable: false
             })
           }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
-            children: mutationResult.error && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
-              errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
+            children: finalErrors.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
+              errorMsgs: finalErrors,
               style: {
                 marginBottom: 16
               },
@@ -16455,7 +16538,14 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
       ...formConfig == null ? void 0 : formConfig.refineCoreProps
     },
     formConfig,
-    options
+    options: {
+      ...options,
+      onBeforeSubmitError: (errors) => {
+        if (errors.length) {
+          onError == null ? void 0 : onError();
+        }
+      }
+    }
   });
   const fieldsConfig = useFieldsConfig(
     config,
@@ -16497,6 +16587,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
           validators: "validators" in config2 ? config2.validators : void 0
         })),
         onSaveButtonPropsChange,
+        beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
         onErrorsChange(errors) {
           if (errors.length) {
             onError == null ? void 0 : onError();
@@ -16516,6 +16607,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     config,
     id,
     refineFormResult,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformApplyValues,
     onSaveButtonPropsChange,
     onSuccess,
@@ -16557,7 +16649,10 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
         config,
         step,
         formConfig,
-        errorMsgs: refineFormResult.responseErrorMsgs,
+        errorMsgs: [
+          ...refineFormResult.responseErrorMsgs,
+          ...refineFormResult.beforeSubmitErrors
+        ],
         resourceId: id,
         transformedInitValues: refineFormResult.formResult.transformedInitValues,
         customOptions: options == null ? void 0 : options.customOptions
@@ -16587,6 +16682,7 @@ function YamlFormContainer({
       config,
       transformInitValues,
       transformApplyValues,
+      beforeSubmit: formConfig == null ? void 0 : formConfig.beforeSubmit,
       initialValuesForCreate: (customYamlFormProps == null ? void 0 : customYamlFormProps.initialValuesForCreate) || getInitialValues(config),
       initialValuesForEdit: void 0,
       id,
@@ -16609,6 +16705,7 @@ function YamlFormContainer({
     action,
     customYamlFormProps,
     config,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
     onSuccess,

package/dist/types/resource.d.ts

@@ -111,6 +111,13 @@ export type CommonFormConfig<Model extends ResourceModel = ResourceModel> = {
      * @returns YAML格式的数据
      */
     transformApplyValues?: (values: Record<string, unknown>) => Model['_rawYaml'];
+    /**
+     * 提交前回调函数
+     * @param values 表单值
+     * @param setErrors 设置错误信息的函数，如果调用此函数并传入错误信息，将阻止提交
+     * @returns 可选的处理后的值，如果返回值存在，将使用返回值替代原始值进行提交
+     */
+    beforeSubmit?: (values: Record<string, unknown>, setErrors: (errors: string[]) => void) => Promise<Model['_rawYaml']>;
     /** 表单容器类型：页面形式或模态框形式
      * PAGE 或者 MODAL
     */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.14",
+  "version": "0.3.15-alpha.0",
   "type": "module",
   "files": [
     "dist",