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

package/dist/components/EditMetadataForm/index.d.ts

@@ -1,3 +1,4 @@
 export * from './EditLabelForm';
 export * from './EditAnnotationForm';
 export * from './NodeTaintEffectSelect';
+export * from './EditNodeTaintForm';

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/components/index.d.ts

@@ -58,3 +58,5 @@ export * from './PortsConfigForm';
 export * from './SectionTitle';
 export * from './EditMetadataForm';
 export * from './LabelsAndAnnotationsShow';
+export * from './FormErrorAlert';
+export * from './EditField';

package/dist/hooks/index.d.ts

@@ -6,5 +6,6 @@ export * from './useDownloadYAML';
 export * from './useEdit';
 export * from './useGlobalStore';
 export * from './useOpenForm';
+export * from './useSubmitForm';
 export { default as useNamespaceRefineFilter } from './useNamespaceRefineFilter';
 export * from './useRefineFilters';

package/dist/i18n.d.ts

@@ -204,6 +204,7 @@ export declare const resources: {
             edit_distribute_storage: string;
             edit_distribute_storage_success_toast: string;
             edit_distribute_storage_failed_toast: string;
+            edit_taint: string;
             edit_node_taint: string;
             edit_node_taint_success_toast: string;
             node_taint_NoSchedule: string;
@@ -455,6 +456,7 @@ export declare const resources: {
             edit_distribute_storage: string;
             edit_distribute_storage_success_toast: string;
             edit_distribute_storage_failed_toast: string;
+            edit_taint: string;
             edit_node_taint: string;
             edit_node_taint_success_toast: string;
             node_taint_NoSchedule: string;

package/dist/locales/en-US/index.d.ts

@@ -201,6 +201,7 @@ declare const _default: {
         edit_distribute_storage: string;
         edit_distribute_storage_success_toast: string;
         edit_distribute_storage_failed_toast: string;
+        edit_taint: string;
         edit_node_taint: string;
         edit_node_taint_success_toast: string;
         node_taint_NoSchedule: string;

package/dist/locales/zh-CN/index.d.ts

@@ -199,6 +199,7 @@ declare const _default: {
         edit_distribute_storage: string;
         edit_distribute_storage_success_toast: string;
         edit_distribute_storage_failed_toast: string;
+        edit_taint: string;
         edit_node_taint: string;
         edit_node_taint_success_toast: string;
         node_taint_NoSchedule: string;

package/dist/refine.cjs

@@ -658,6 +658,7 @@ const allow_expand$1 = "Volume expansion";
 const edit_distribute_storage$1 = "Edit capacity allocation";
 const edit_distribute_storage_success_toast$1 = "Successfully edited the capacity allocation";
 const edit_distribute_storage_failed_toast$1 = "Failed to edit the capacity allocation";
+const edit_taint$1 = "Edit taint";
 const edit_node_taint$1 = "Edit taint";
 const edit_node_taint_success_toast$1 = "Successfully edited the taint for the node {{name}}";
 const node_taint_NoSchedule$1 = "NoSchedule";
@@ -675,7 +676,7 @@ const taint_effect_empty_text$1 = "Please select an effect.";
 const add_label$1 = "Add label";
 const add_annotation$1 = "Add annotation";
 const add_taint$1 = "Add taint";
-const look_format_requirement$1 = "View taint requirements";
+const look_format_requirement$1 = "View format requirements";
 const yes$1 = "Yes";
 const no$1 = "No";
 const contains$1 = "Contains";
@@ -908,6 +909,7 @@ const dovetail$1 = {
   edit_distribute_storage: edit_distribute_storage$1,
   edit_distribute_storage_success_toast: edit_distribute_storage_success_toast$1,
   edit_distribute_storage_failed_toast: edit_distribute_storage_failed_toast$1,
+  edit_taint: edit_taint$1,
   edit_node_taint: edit_node_taint$1,
   edit_node_taint_success_toast: edit_node_taint_success_toast$1,
   node_taint_NoSchedule: node_taint_NoSchedule$1,
@@ -1156,6 +1158,7 @@ const allow_expand = "卷扩容";
 const edit_distribute_storage = "编辑分配量";
 const edit_distribute_storage_success_toast = "编辑分配量成功";
 const edit_distribute_storage_failed_toast = "编辑分配量失败";
+const edit_taint = "编辑污点";
 const edit_node_taint = "编辑污点";
 const edit_node_taint_success_toast = "编辑节点 {{name}} 的污点成功";
 const node_taint_NoSchedule = "仅阻止调度";
@@ -1427,6 +1430,7 @@ const dovetail = {
   edit_distribute_storage,
   edit_distribute_storage_success_toast,
   edit_distribute_storage_failed_toast,
+  edit_taint,
   edit_node_taint,
   edit_node_taint_success_toast,
   node_taint_NoSchedule,
@@ -15486,6 +15490,8 @@ const useForm = ({
   disableServerSideValidation: disableServerSideValidationProp = false,
   transformApplyValues,
   transformInitValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   ...rest
 } = {}) => {
   const { options } = core.useRefineContext();
@@ -15498,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,
@@ -15601,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) => {
@@ -15656,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(() => {
@@ -15668,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";
@@ -16087,6 +16132,8 @@ const useYamlForm = ({
   initialValuesForEdit,
   transformInitValues,
   transformApplyValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   rules
 } = {}) => {
   var _a;
@@ -16096,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();
@@ -16171,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 [];
@@ -16253,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") : ""
@@ -16269,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) {
@@ -16289,6 +16360,7 @@ const useYamlForm = ({
     saveButtonProps,
     ...useFormCoreResult,
     errorResponseBody,
+    beforeSubmitErrors,
     editorProps,
     schemas: schema ? [schema] : [],
     isLoadingSchema,
@@ -16316,6 +16388,7 @@ function YamlForm(props) {
     config,
     transformInitValues,
     transformApplyValues,
+    beforeSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -16336,6 +16409,7 @@ function YamlForm(props) {
     saveButtonProps,
     editorProps,
     errorResponseBody,
+    beforeSubmitErrors,
     mutationResult,
     isLoadingSchema,
     queryResult,
@@ -16352,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);
@@ -16379,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 {
@@ -16398,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, {
@@ -16423,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
               },
@@ -16470,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,
@@ -16512,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();
@@ -16531,6 +16626,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     config,
     id,
     refineFormResult,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformApplyValues,
     onSaveButtonPropsChange,
     onSuccess,
@@ -16572,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
@@ -16602,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,
@@ -16624,6 +16724,7 @@ function YamlFormContainer({
     action,
     customYamlFormProps,
     config,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
     onSuccess,
@@ -19959,6 +20060,7 @@ exports.EditFieldModal = EditFieldModal;
 exports.EditLabelDropdownMenuItem = EditLabelDropdownMenuItem;
 exports.EditLabelForm = EditLabelForm;
 exports.EditNodeTaintDropdownMenuItem = EditNodeTaintDropdownMenuItem;
+exports.EditNodeTaintForm = EditNodeTaintForm;
 exports.ErrorContent = WidgetErrorContent;
 exports.ErrorContentType = ErrorContentType;
 exports.ErrorWrapper = ErrorWrapper;
@@ -20158,6 +20260,7 @@ exports.StorageClassPvGroup = StorageClassPvGroup;
 exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Tags = Tags;
+exports.TaintEffectTooltip = TaintEffectTooltip;
 exports.TextTags = TextTags;
 exports.Time = Time;
 exports.ValidateRfc1035Name = ValidateRfc1035Name;
@@ -20205,6 +20308,7 @@ exports.useOpenForm = useOpenForm;
 exports.useRefineFilters = useRefineFilters;
 exports.useRefineForm = useRefineForm;
 exports.useSchema = useSchema;
+exports.useSubmitForm = useSubmitForm;
 exports.validateDataKey = validateDataKey;
 exports.validateDnsSubdomainName = validateDnsSubdomainName;
 exports.validateLabelKey = validateLabelKey;

package/dist/refine.js

@@ -639,6 +639,7 @@ const allow_expand$1 = "Volume expansion";
 const edit_distribute_storage$1 = "Edit capacity allocation";
 const edit_distribute_storage_success_toast$1 = "Successfully edited the capacity allocation";
 const edit_distribute_storage_failed_toast$1 = "Failed to edit the capacity allocation";
+const edit_taint$1 = "Edit taint";
 const edit_node_taint$1 = "Edit taint";
 const edit_node_taint_success_toast$1 = "Successfully edited the taint for the node {{name}}";
 const node_taint_NoSchedule$1 = "NoSchedule";
@@ -656,7 +657,7 @@ const taint_effect_empty_text$1 = "Please select an effect.";
 const add_label$1 = "Add label";
 const add_annotation$1 = "Add annotation";
 const add_taint$1 = "Add taint";
-const look_format_requirement$1 = "View taint requirements";
+const look_format_requirement$1 = "View format requirements";
 const yes$1 = "Yes";
 const no$1 = "No";
 const contains$1 = "Contains";
@@ -889,6 +890,7 @@ const dovetail$1 = {
   edit_distribute_storage: edit_distribute_storage$1,
   edit_distribute_storage_success_toast: edit_distribute_storage_success_toast$1,
   edit_distribute_storage_failed_toast: edit_distribute_storage_failed_toast$1,
+  edit_taint: edit_taint$1,
   edit_node_taint: edit_node_taint$1,
   edit_node_taint_success_toast: edit_node_taint_success_toast$1,
   node_taint_NoSchedule: node_taint_NoSchedule$1,
@@ -1137,6 +1139,7 @@ const allow_expand = "卷扩容";
 const edit_distribute_storage = "编辑分配量";
 const edit_distribute_storage_success_toast = "编辑分配量成功";
 const edit_distribute_storage_failed_toast = "编辑分配量失败";
+const edit_taint = "编辑污点";
 const edit_node_taint = "编辑污点";
 const edit_node_taint_success_toast = "编辑节点 {{name}} 的污点成功";
 const node_taint_NoSchedule = "仅阻止调度";
@@ -1408,6 +1411,7 @@ const dovetail = {
   edit_distribute_storage,
   edit_distribute_storage_success_toast,
   edit_distribute_storage_failed_toast,
+  edit_taint,
   edit_node_taint,
   edit_node_taint_success_toast,
   node_taint_NoSchedule,
@@ -15467,6 +15471,8 @@ const useForm = ({
   disableServerSideValidation: disableServerSideValidationProp = false,
   transformApplyValues,
   transformInitValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   ...rest
 } = {}) => {
   const { options } = useRefineContext();
@@ -15479,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,
@@ -15582,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) => {
@@ -15637,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(() => {
@@ -15649,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";
@@ -16068,6 +16113,8 @@ const useYamlForm = ({
   initialValuesForEdit,
   transformInitValues,
   transformApplyValues,
+  beforeSubmit,
+  onBeforeSubmitError,
   rules
 } = {}) => {
   var _a;
@@ -16077,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();
@@ -16152,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 [];
@@ -16234,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") : ""
@@ -16250,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) {
@@ -16270,6 +16341,7 @@ const useYamlForm = ({
     saveButtonProps,
     ...useFormCoreResult,
     errorResponseBody,
+    beforeSubmitErrors,
     editorProps,
     schemas: schema ? [schema] : [],
     isLoadingSchema,
@@ -16297,6 +16369,7 @@ function YamlForm(props) {
     config,
     transformInitValues,
     transformApplyValues,
+    beforeSubmit,
     onSaveButtonPropsChange,
     onErrorsChange,
     rules
@@ -16317,6 +16390,7 @@ function YamlForm(props) {
     saveButtonProps,
     editorProps,
     errorResponseBody,
+    beforeSubmitErrors,
     mutationResult,
     isLoadingSchema,
     queryResult,
@@ -16333,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);
@@ -16360,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 {
@@ -16379,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, {
@@ -16404,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
               },
@@ -16451,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,
@@ -16493,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();
@@ -16512,6 +16607,7 @@ const RefineFormContainer = React.forwardRef(function RefineFormContainer2({
     config,
     id,
     refineFormResult,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformApplyValues,
     onSaveButtonPropsChange,
     onSuccess,
@@ -16553,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
@@ -16583,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,
@@ -16605,6 +16705,7 @@ function YamlFormContainer({
     action,
     customYamlFormProps,
     config,
+    formConfig == null ? void 0 : formConfig.beforeSubmit,
     transformInitValues,
     transformApplyValues,
     onSuccess,
@@ -19941,6 +20042,7 @@ export {
   EditLabelDropdownMenuItem,
   EditLabelForm,
   EditNodeTaintDropdownMenuItem,
+  EditNodeTaintForm,
   WidgetErrorContent as ErrorContent,
   ErrorContentType,
   ErrorWrapper,
@@ -20140,6 +20242,7 @@ export {
   Table,
   Tabs,
   Tags,
+  TaintEffectTooltip,
   TextTags,
   Time,
   ValidateRfc1035Name,
@@ -20187,6 +20290,7 @@ export {
   useRefineFilters,
   useRefineForm,
   useSchema,
+  useSubmitForm,
   validateDataKey,
   validateDnsSubdomainName,
   validateLabelKey,

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-alpha.2",
+  "version": "0.3.15-alpha.0",
   "type": "module",
   "files": [
     "dist",