fix: anti double submit in form

src/pages/gpu-service/instances/components/add-modal.tsx

@@ -1,5 +1,6 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
+import useSubmitLock from '@/hooks/use-submit-lock';
 import { useQueryClusterList } from '@/pages/cluster-management/services/use-query-cluster-list';
 import Separator from '@/pages/llmodels/components/separator';
 import { SearchOutlined } from '@ant-design/icons';
@@ -89,7 +90,7 @@ const AddModal: React.FC<AddModalProps> = ({
   const [templateId, setTemplateId] = useState<number | undefined>();
   const [instanceKeyword, setInstanceKeyword] = useState('');
   const [templateKeyword, setTemplateKeyword] = useState('');
-  const [loading, setLoading] = useState(false);
+  const { loading, guard, run, release } = useSubmitLock();
   const initializedRef = useRef(false);
 
   const {
@@ -385,7 +386,7 @@ const AddModal: React.FC<AddModalProps> = ({
   });
 
   const handleSubmit = () => {
-    form.current?.submit();
+    guard(() => form.current?.submit());
   };
 
   const handleCancel = () => {
@@ -394,15 +395,12 @@ const AddModal: React.FC<AddModalProps> = ({
   };
 
   const onFinish = async (values: FormData) => {
-    setLoading(true);
-    try {
+    await run(async () => {
       await onOk({
         ...values
       });
       console.log('submit form values', values);
-    } finally {
-      setLoading(false);
-    }
+    });
   };
 
   const handleInstanceTypeChange = (item: InstanceTypeItem) => {
@@ -576,6 +574,7 @@ const AddModal: React.FC<AddModalProps> = ({
                 currentData={data}
                 disabled={readonly}
                 onFinish={onFinish}
+                onFinishFailed={release}
                 onScopeChange={handleScopeChange}
                 open={open}
                 instanceTypeList={ownedInstanceTypes}

src/pages/gpu-service/instances/forms/index.tsx

@@ -70,6 +70,7 @@ interface InstanceFormProps {
   // tenant-scoped instance-type / template offerings.
   onScopeChange?: (orgId: number | null | undefined) => void;
   onFinish: (values: FormData) => Promise<void>;
+  onFinishFailed?: (errorInfo: any) => void;
 }
 
 const TABKeysMap = {
@@ -113,7 +114,8 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
       instanceTypeList = [],
       noAvailableInstanceTypes,
       onScopeChange,
-      onFinish
+      onFinish,
+      onFinishFailed
     } = props;
     const intl = useIntl();
     const { getRuleMessage } = useAppUtils();
@@ -370,6 +372,7 @@ const GPUServiceInstanceForm: React.FC<InstanceFormProps> = forwardRef(
         ]
       }));
       rawHandleOnFinishFailed({ ...errorInfo, errorFields });
+      onFinishFailed?.(errorInfo);
     };
     const detectMode = (volume?: FormData['spec']['volume']) => {
       if (volume?.persistent?.name || volume?.persistentTemplate?.name) {