Fix: Fixed the issue that the script text of the code operator is not displayed after refreshing the page after saving the script text of the code operator #4977 (#7825)

### What problem does this PR solve?

Fix: Fixed the issue that the script text of the code operator is not
displayed after refreshing the page after saving the script text of the
code operator #4977

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/pages/flow/form/code-form/index.tsx

@@ -5,7 +5,8 @@ import { DynamicInputVariable } from './dynamic-input-variable';
 
 import { CodeTemplateStrMap, ProgrammingLanguage } from '@/constants/agent';
 import { ICodeForm } from '@/interfaces/database/flow';
-import { useEffect } from 'react';
+import { useCallback } from 'react';
+import useGraphStore from '../../store';
 import styles from './index.less';
 
 loader.config({ paths: { vs: '/vs' } });
@@ -17,16 +18,20 @@ const options = [
 
 const CodeForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const formData = node?.data.form as ICodeForm;
+  const updateNodeForm = useGraphStore((state) => state.updateNodeForm);
 
-  useEffect(() => {
+  const handleChange = useCallback(
-    setTimeout(() => {
+    (value: ProgrammingLanguage) => {
-      // TODO: Direct operation zustand is more elegant
+      if (node?.id) {
-      form?.setFieldValue(
+        updateNodeForm(
-        'script',
+          node?.id,
-        CodeTemplateStrMap[formData.lang as ProgrammingLanguage],
+          CodeTemplateStrMap[value as ProgrammingLanguage],
-      );
+          ['script'],
-    }, 0);
+        );
-  }, [form, formData.lang]);
+      }
+    },
+    [node?.id, updateNodeForm],
+  );
 
   return (
     <Form
@@ -42,9 +47,10 @@ const CodeForm = ({ onValuesChange, form, node }: IOperatorForm) => {
         label={
           <Form.Item name={'lang'} className={styles.languageItem}>
             <Select
-              defaultValue={'python'}
+              defaultValue={ProgrammingLanguage.Python}
               popupMatchSelectWidth={false}
               options={options}
+              onChange={handleChange}
             />
           </Form.Item>
         }