fix: check compatiblity after delete selecor

src/pages/llmodels/components/advance-config.tsx

@@ -160,6 +160,10 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
     onValuesChange?.({}, form.getFieldsValue());
   };
 
+  const handleDeleteBackendParameters = (index: number) => {
+    onValuesChange?.({}, form.getFieldsValue());
+  };
+
   const handleSelectorOnBlur = () => {
     const workerSelector = form.getFieldValue('worker_selector');
     // check if all keys have values
@@ -171,6 +175,10 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
     }
   };
 
+  const handleDeleteWorkerSelector = (index: number) => {
+    onValuesChange?.({}, form.getFieldsValue());
+  };
+
   const handleBackendVersionOnBlur = () => {
     const backendVersion = form.getFieldValue('backend_version');
     onValuesChange?.({}, form.getFieldsValue());
@@ -257,6 +265,7 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
                 labels={wokerSelector}
                 onChange={handleWorkerLabelsChange}
                 onBlur={handleSelectorOnBlur}
+                onDelete={handleDeleteWorkerSelector}
                 description={
                   <span>
                     {intl.formatMessage({
@@ -350,6 +359,7 @@ const AdvanceConfig: React.FC<AdvanceConfigProps> = (props) => {
             dataList={form.getFieldValue('backend_parameters') || []}
             onChange={handleBackendParametersChange}
             onBlur={handleBackendParametersOnBlur}
+            onDelete={handleDeleteBackendParameters}
             options={paramsConfig}
             description={
               backendParamsTips && (

src/pages/llmodels/components/deploy-modal.tsx

@@ -79,8 +79,8 @@ const AddModal: FC<AddModalProps> = (props) => {
     handleShowCompatibleAlert,
     setWarningStatus,
     handleBackendChangeBefore,
+    cancelEvaluate,
     handleOnValuesChange,
-    checkTokenRef,
     warningStatus,
     submitAnyway
   } = useCheckCompatibility();
@@ -182,11 +182,17 @@ const AddModal: FC<AddModalProps> = (props) => {
     onCancel?.();
   }, [onCancel]);
 
-  const handleOnOpen = useCallback(() => {
+  const handleOnOpen = () => {
+    console.log('handleOnOpen----------', props.source, props.deploymentType);
     if (props.deploymentType === 'modelFiles') {
       form.current?.form?.setFieldsValue({
         ...props.initialValues
       });
+      handleOnValuesChange?.({
+        changedValues: {},
+        allValues: props.initialValues,
+        source: source
+      });
     } else {
       const backend =
         source === modelSourceMap.ollama_library_value
@@ -194,15 +200,14 @@ const AddModal: FC<AddModalProps> = (props) => {
           : backendOptionsMap.vllm;
       form.current?.setFieldValue?.('backend', backend);
     }
-  }, [source, props.initialValues, props.deploymentType]);
+  };
 
   useEffect(() => {
-    if (!open) {
-      return;
-    } else {
+    if (open) {
       handleOnOpen();
+    } else {
+      cancelEvaluate();
     }
-
     return () => {
       setSelectedModel({});
       setWarningStatus({
@@ -210,9 +215,8 @@ const AddModal: FC<AddModalProps> = (props) => {
         title: '',
         message: []
       });
-      checkTokenRef.current?.cancel();
     };
-  }, [open, handleOnOpen]);
+  }, [open]);
 
   return (
     <Drawer

src/pages/llmodels/hooks/index.ts

@@ -474,12 +474,12 @@ export const useCheckCompatibility = () => {
   const cancelEvaluate = () => {
     checkTokenRef.current?.cancel();
     checkTokenRef.current = null;
+    cacheFormValuesRef.current = {};
   };
 
   useEffect(() => {
     return () => {
-      checkTokenRef.current?.cancel();
-      checkTokenRef.current = null;
+      cancelEvaluate();
     };
   }, []);