[frontend] 修复switch类型inputparam的默认值设置问题 (#508)

Author: reeeborn33

frontend/src/pages/chatPreview/components/send-editor/components/conversation-configuration.tsx

@@ -109,7 +109,7 @@ const ConversationConfiguration = ({ appInfo, updateUserContext, chatRunning, is
           />
         );
       case 'switch':
-        return <Switch onChange={updateData} checked={!!value}/>;
+        return <Switch onChange={updateData} />;
       case 'dropdown':
         return (
           <Select
@@ -195,7 +195,9 @@ const ConversationConfiguration = ({ appInfo, updateUserContext, chatRunning, is
         const preItem = preConfigurationList.current.find(it => it.name === item.name);
         const isChangeType = preItem?.type !== item.type;
         if (item.type === 'Boolean') {
-          form.setFieldValue(item.name, isChangeType ? false : (form.getFieldValue(item.name) || false));
+          const existingValue = form.getFieldValue(item.name);
+          const defaultValue = item.value ?? false;
+          form.setFieldValue(item.name, isChangeType ? defaultValue : (existingValue ?? defaultValue));
         } else {
           form.setFieldValue(item.name, isChangeType ? null : ((isInputEmpty(form.getFieldValue(item.name)) ? null : form.getFieldValue(item.name))));
         }
@@ -264,24 +266,33 @@ const ConversationConfiguration = ({ appInfo, updateUserContext, chatRunning, is
     <>
       <div className='configuration-header'>
         <span className='configuration-title'>{t('conversationConfiguration')}</span>
-        <img src={CloseImg} alt="" onClick={() => setOpen(false)} />
+        <img src={CloseImg} alt='' onClick={() => setOpen(false)} />
       </div>
       <div className='configuration-content'>
-        {
-          configurationList?.length > 0 ? <Form form={form} autoComplete='off'>
-            {
-              configurationList.map(config =>
-                <Form.Item
-                  key={config.id}
-                  name={config.name}
-                  label={config.displayName || ' '}
-                  className={config.isRequired ? 'is-required' : ''}>
-                  {getConfigurationItem({...config, value: form.getFieldValue(config.value)})}
-                </Form.Item>
-              )
-            }
-          </Form> : <Empty description={t('noData')}></Empty>
-        }
+        {configurationList?.length > 0 ? (
+          <Form
+            form={form}
+            autoComplete='off'
+          >
+            {configurationList.map((config) => (
+              <Form.Item
+                key={config.id}
+                name={config.name}
+                label={config.displayName || ' '}
+                className={config.isRequired ? 'is-required' : ''}
+                valuePropName={
+                  config.type === 'Boolean' || config.appearance?.displayType === 'switch'
+                    ? 'checked'
+                    : 'value'
+                }
+              >
+                {getConfigurationItem({ ...config, value: form.getFieldValue(config.name) })}
+              </Form.Item>
+            ))}
+          </Form>
+        ) : (
+          <Empty description={t('noData')}></Empty>
+        )}
       </div>
     </>
   );

frontend/src/pages/configForm/configUi/components/add-input-param.tsx

@@ -115,7 +115,6 @@ const InputParamModal = (props) => {
       }
 
       setShowModal(false);
-      form.resetFields();
       onSubmit(transformed);
     } catch (error) {
       console.log('验证失败:', error);
@@ -124,7 +123,6 @@ const InputParamModal = (props) => {
 
   const handleCancel = () => {
     setShowModal(false);
-    form.resetFields();
   };
 
   const handleFieldTypeChange = (value) => {
@@ -264,7 +262,12 @@ const InputParamModal = (props) => {
       case 'switch':
         return (
           <>
-            <Form.Item label={t('defaultValue')} name='defaultValue'>
+            <Form.Item
+              label={t('defaultValue')}
+              name='defaultValue'
+              valuePropName="checked"
+              initialValue={false}
+            >
               <Switch />
             </Form.Item>
           </>
@@ -374,7 +377,7 @@ const InputParamModal = (props) => {
 
   return (
     <Modal
-      title={mode === 'edit' ? '编辑变量' : '添加变量'}
+      title={mode === 'edit' ? t('editParamField') : t('addParamField')}
       open={showModal}
       onCancel={handleCancel}
       width={480}