fix: update model backend not show

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

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

src/pages/playground/components/multiple-chat/model-item.tsx

@@ -68,7 +68,6 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef(
       messageId.current = messageId.current + 1;
     };
     const maxHeight = useMemo(() => {
-      console.log('spans==========', spans);
       const total = 72 + 110 + 46 + 16 + 32;
       if (spans.count < 4) {
         return `calc(100vh - ${total}px)`;
@@ -367,11 +366,14 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef(
               ></Button>
             </Dropdown>
             <Popover
+              placement="bottomRight"
               content={
                 <ParamsSettings
                   showModelSelector={false}
                   setParams={setParams}
+                  modelList={modelList}
                   globalParams={globalParams}
+                  selectedModel={params.model}
                   onValuesChange={handleOnValuesChange}
                 />
               }

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

@@ -7,7 +7,6 @@ import { useIntl } from '@umijs/max';
 import { Form, InputNumber, Slider, Tooltip } from 'antd';
 import _ from 'lodash';
 import { useEffect, useId, useState } from 'react';
-import { queryModelsList } from '../apis';
 import CustomLabelStyles from '../style/custom-label.less';
 
 type ParamsSettingsFormProps = {
@@ -24,6 +23,7 @@ type ParamsSettingsProps = {
   showModelSelector?: boolean;
   params?: ParamsSettingsFormProps;
   model?: string;
+  modelList: Global.BaseOption<string>[];
   onValuesChange?: (changeValues: any, value: Record<string, any>) => void;
   setParams: (params: any) => void;
   globalParams?: ParamsSettingsFormProps;
@@ -35,6 +35,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
   globalParams,
   onValuesChange,
   model,
+  modelList,
   showModelSelector = true
 }) => {
   const intl = useIntl();
@@ -51,41 +52,26 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
   const formId = useId();
 
   useEffect(() => {
-    const getModelList = async () => {
-      try {
-        const params = {
-          embedding_only: false
-        };
-        const res = await queryModelsList(params);
-        const list = _.map(res.data || [], (item: any) => {
-          return {
-            value: item.id,
-            label: item.id
-          };
-        });
-        setModelList(list);
-        form.setFieldsValue({
-          model: selectedModel || _.get(list, '[0].value'),
-          ...initialValues
-        });
-        setParams({
-          model: selectedModel || _.get(list, '[0].value'),
-          ...initialValues
-        });
-      } catch (error) {
-        setModelList([]);
-        form.setFieldsValue({
-          model: selectedModel || '',
-          ...initialValues
-        });
-        setParams({
-          model: selectedModel || '',
-          ...initialValues
-        });
-      }
-    };
-    getModelList();
-  }, []);
+    if (showModelSelector) {
+      form.setFieldsValue({
+        model: selectedModel || _.get(modelList, '[0].value'),
+        ...initialValues
+      });
+      setParams({
+        model: selectedModel || _.get(modelList, '[0].value'),
+        ...initialValues
+      });
+    } else {
+      form.setFieldsValue({
+        model: selectedModel || '',
+        ...initialValues
+      });
+      setParams({
+        model: selectedModel || '',
+        ...initialValues
+      });
+    }
+  }, [modelList, showModelSelector, selectedModel]);
 
   const handleOnFinish = (values: any) => {
     console.log('handleOnFinish', values);
@@ -126,8 +112,8 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
 
   useEffect(() => {
     form.setFieldsValue(globalParams);
-    console.log('globalParams=========11111', model, globalParams);
   }, [globalParams]);
+
   const renderLabel = (args: {
     field: string;
     label: string;
@@ -193,7 +179,7 @@ const ParamsSettings: React.FC<ParamsSettingsProps> = ({
             >
               <SealSelect
                 showSearch
-                options={ModelList}
+                options={modelList}
                 label={intl.formatMessage({ id: 'playground.model' })}
               ></SealSelect>
             </Form.Item>

src/pages/playground/index.tsx

@@ -142,26 +142,6 @@ const Playground: React.FC = () => {
         <div className="chat">
           <Tabs items={items} activeKey={activeKey}></Tabs>
         </div>
-        {/* {activeKey === 'chat' && (
-          <div
-            className={classNames('left', {
-              collapse: collapse
-            })}
-          >
-            <div className={classNames('params')}>
-              <div
-                className={classNames('params-box', {
-                  collapse: collapse
-                })}
-              >
-                <ParamsSettings
-                  setParams={setParams}
-                  selectedModel={selectModel}
-                />
-              </div>
-            </div>
-          </div>
-        )} */}
       </div>
     </PageContainer>
   );