fix: edit model config

src/pages/llmodels/components/data-form.tsx

@@ -50,6 +50,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
   const [form] = Form.useForm();
   const intl = useIntl();
   const wokerSelector = Form.useWatch('worker_selector', form);
+  const [scheduleType, setScheduleType] = React.useState('auto');
 
   const handleSumit = () => {
     form.submit();
@@ -251,6 +252,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
             min={0}
           ></SealInput.Number>
         </Form.Item>
+        {scheduleType === 'auto' && (
           <Form.Item<FormData> name="placement_strategy">
             <SealSelect
               label={intl.formatMessage({
@@ -292,6 +294,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
               }
             ></SealSelect>
           </Form.Item>
+        )}
         <div style={{ marginBottom: 24 }}>
           <FormItemWrapper noWrapperStyle>
             <Form.Item<FormData>
@@ -309,6 +312,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
             </Form.Item>
           </FormItemWrapper>
         </div>
+        {scheduleType === 'auto' && (
           <div style={{ marginBottom: 24 }}>
             <FormItemWrapper noWrapperStyle>
               <Form.Item<FormData>
@@ -326,6 +330,8 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
               </Form.Item>
             </FormItemWrapper>
           </div>
+        )}
+        {scheduleType === 'auto' && (
           <Form.Item<FormData> name="worker_selector">
             <LabelSelector
               label={intl.formatMessage({
@@ -342,6 +348,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
               }
             ></LabelSelector>
           </Form.Item>
+        )}
       </>
     );
     return [
@@ -355,7 +362,7 @@ const DataForm: React.FC<DataFormProps> = forwardRef((props, ref) => {
         children
       }
     ];
-  }, []);
+  }, [scheduleType]);
 
   useEffect(() => {
     handleOnSelectModel();

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

@@ -11,7 +11,7 @@ import { RightOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Checkbox, Collapse, Form, Modal, Typography } from 'antd';
 import _ from 'lodash';
-import { memo, useCallback, useEffect, useMemo, useState } from 'react';
+import { memo, useCallback, useEffect, useState } from 'react';
 import SimpleBar from 'simplebar-react';
 import 'simplebar-react/dist/simplebar.min.css';
 import { queryHuggingfaceModelFiles, queryHuggingfaceModels } from '../apis';
@@ -287,8 +287,15 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
     form.submit();
   };
 
-  const collapseItems = useMemo(() => {
-    const children = (
+  const collapseItems = [
+    {
+      key: '1',
+      label: (
+        <span style={{ fontWeight: 'var(--font-weight-medium)' }}>
+          {intl.formatMessage({ id: 'resources.form.advanced' })}
+        </span>
+      ),
+      children: (
         <>
           <Form.Item<FormData>
             name="replicas"
@@ -407,19 +414,9 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
             ></LabelSelector>
           </Form.Item>
         </>
-    );
-    return [
-      {
-        key: '1',
-        label: (
-          <span style={{ fontWeight: 'var(--font-weight-medium)' }}>
-            {intl.formatMessage({ id: 'resources.form.advanced' })}
-          </span>
-        ),
-        children
+      )
     }
   ];
-  }, []);
 
   return (
     <Modal