fix: custom backend and versions ux

2025-11-04 13:37:53 +08:00
parent 9be465a8cf
commit 23b7936924
19 changed files with 247 additions and 104 deletions
@@ -0,0 +1,66 @@
+import SealInput from '@/components/seal-form/seal-input';
+import SealTextArea from '@/components/seal-form/seal-textarea';
+import useAppUtils from '@/hooks/use-app-utils';
+import { useIntl } from '@umijs/max';
+import { Form } from 'antd';
+import React from 'react';
+import { backendOptionsMap } from '../config/backend-parameters';
+import { FormData } from '../config/types';
+
+const CustomBackend: React.FC = () => {
+  const intl = useIntl();
+  const { getRuleMessage } = useAppUtils();
+  const form = Form.useFormInstance();
+  const backend = Form.useWatch('backend', form);
+
+  return (
+    <>
+      {backend === backendOptionsMap.custom && (
+        <>
+          <Form.Item<FormData>
+            name="image_name"
+            rules={[
+              {
+                required: true,
+                message: getRuleMessage('input', 'backend.imageName')
+              }
+            ]}
+          >
+            <SealInput.Input
+              required
+              allowClear
+              label={intl.formatMessage({ id: 'backend.imageName' })}
+            ></SealInput.Input>
+          </Form.Item>
+          <Form.Item<FormData>
+            name="run_command"
+            rules={[
+              {
+                required: true,
+                message: getRuleMessage('input', 'backend.runCommand')
+              }
+            ]}
+          >
+            <SealTextArea
+              allowClear
+              required
+              scaleSize={true}
+              alwaysFocus={true}
+              autoSize={{ minRows: 2, maxRows: 4 }}
+              label={intl.formatMessage({ id: 'backend.runCommand' })}
+              description={intl.formatMessage({
+                id: 'backend.form.defaultExecuteCommand.tips'
+              })}
+              placeholder={intl.formatMessage(
+                { id: 'common.help.eg' },
+                { content: 'vllm serve {{model_path}} --port {{port}}' }
+              )}
+            ></SealTextArea>
+          </Form.Item>
+        </>
+      )}
+    </>
+  );
+};
+
+export default CustomBackend;