fix: playground params do not update after being changed

src/pages/playground/components/ground-left.tsx

@@ -330,6 +330,7 @@ const GroundLeft: React.FC<MessageProps> = forwardRef((props, ref) => {
         <div className="box">
           <ParamsSettings
             setParams={setParams}
+            params={parameters}
             selectedModel={selectModel}
             modelList={modelList}
           />

src/pages/playground/components/params-settings.tsx

@@ -34,7 +34,6 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
   setParams,
   globalParams,
   onValuesChange,
-  model,
   modelList,
   showModelSelector = true
 }) => {
@@ -80,12 +79,15 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
     console.log('handleOnFinishFailed', errorInfo);
   };
 
-  const handleValuesChange = (changedValues: any, allValues: any) => {
-    console.log('changedValues===', changedValues);
+  const handleValuesChange = useCallback(
+    (changedValues: any, allValues: any) => {
       setParams?.(allValues);
       onValuesChange?.(changedValues, allValues);
-  };
-  const handleFieldValueChange = useCallback((val: any, field: string) => {
+    },
+    [onValuesChange, setParams]
+  );
+  const handleFieldValueChange = useCallback(
+    (val: any, field: string) => {
       const values = form.getFieldsValue();
       form.setFieldsValue({
         ...values,
@@ -102,7 +104,9 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
           [field]: val
         }
       );
-  }, []);
+    },
+    [form, setParams, onValuesChange]
+  );
 
   const handleResetParams = () => {
     form.setFieldsValue(initialValues);