refactor: env detail

src/pages/benchmark/forms/dataset.tsx

@@ -1,4 +1,3 @@
-import AutoComplete from '@/components/seal-form/auto-complete';
 import SealInput from '@/components/seal-form/seal-input';
 import SealSelect from '@/components/seal-form/seal-select';
 import useAppUtils from '@/hooks/use-app-utils';
@@ -32,30 +31,17 @@ const DatasetForm: React.FC = () => {
   } = useQueryProfiles();
 
   const handleOnDataSetChange = (value: any, option: any) => {
-    if (value === 'Custom') {
-      form.setFieldsValue({
-        profile: ProfileValueMap.Custom,
-        dataset_id: null
-      });
-    } else {
-      form.setFieldsValue({
-        profile: ProfileValueMap.Custom,
-        dataset_id: option?.data?.id,
-        dataset_prompt_tokens: option?.prompt_tokens,
-        dataset_output_tokens: option?.output_tokens,
-        request_rate: null,
-        total_requests: null
-      });
-    }
+    form.setFieldsValue({
+      dataset_id: option?.data?.id,
+      dataset_prompt_tokens: option?.prompt_tokens,
+      dataset_output_tokens: option?.output_tokens,
+      request_rate: null,
+      total_requests: null
+    });
   };
 
   const handleProfileChange = (value: string, option: any) => {
-    if (value === ProfileValueMap.Custom) {
-      form.setFieldsValue({
-        dataset_name: 'Custom',
-        dataset_id: null
-      });
-    } else {
+    if (value !== ProfileValueMap.Custom) {
       const dataset_id = datasetList.find(
         (item) => item.label === option.config?.dataset_name
       )?.value;
@@ -97,31 +83,17 @@ const DatasetForm: React.FC = () => {
           required
         ></SealSelect>
       </Form.Item>
-      <Form.Item<FormData>
-        name="dataset_name"
-        rules={[
-          {
-            required: true,
-            message: getRuleMessage('select', 'benchmark.table.dataset')
-          }
-        ]}
-      >
-        <AutoComplete
-          options={datasetList.map((item) => ({
-            ...item,
-            label: item.label,
-            value: item.label
-          }))}
-          loading={datasetLoading}
-          onChange={handleOnDataSetChange}
-          label={intl.formatMessage({ id: 'benchmark.table.dataset' })}
-          required
-        ></AutoComplete>
-      </Form.Item>
+
       <Form.Item<FormData> hidden name="dataset_id">
         <SealInput.Input></SealInput.Input>
       </Form.Item>
-      {profile === 'Custom' && <RandomSettingsForm></RandomSettingsForm>}
+      {profile === 'Custom' && (
+        <RandomSettingsForm
+          datasetList={datasetList}
+          datasetLoading={datasetLoading}
+          handleOnDataSetChange={handleOnDataSetChange}
+        ></RandomSettingsForm>
+      )}
     </>
   );
 };

src/pages/benchmark/forms/index.tsx

@@ -130,7 +130,7 @@ const ProviderForm: React.FC<ProviderFormProps> = forwardRef((props, ref) => {
             dataset_output_tokens: null,
             total_requests: null,
             request_rate: null,
-            seed: null
+            dataset_seed: null
           }}
         >
           <Basic />

src/pages/benchmark/forms/random-settings.tsx

@@ -1,11 +1,17 @@
 import SealInputNumber from '@/components/seal-form/input-number';
+import SealSelect from '@/components/seal-form/seal-select';
 import useAppUtils from '@/hooks/use-app-utils';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';
 import { FormData } from '../config/types';
 
-const RandomSettingsForm: React.FC = () => {
+const RandomSettingsForm: React.FC<{
+  datasetList: Global.BaseOption<number | string>[];
+  datasetLoading: boolean;
+  handleOnDataSetChange: (value: any, option: any) => void;
+}> = (props) => {
+  const { datasetList, datasetLoading, handleOnDataSetChange } = props;
   const intl = useIntl();
   const form = Form.useFormInstance();
   const profile = Form.useWatch('profile', form);
@@ -15,6 +21,28 @@ const RandomSettingsForm: React.FC = () => {
 
   return (
     <>
+      <Form.Item<FormData>
+        name="dataset_name"
+        rules={[
+          {
+            required: true,
+            message: getRuleMessage('select', 'benchmark.table.dataset')
+          }
+        ]}
+      >
+        <SealSelect
+          disabled={disabled}
+          options={datasetList?.map((item) => ({
+            ...item,
+            label: item.label,
+            value: item.label
+          }))}
+          loading={datasetLoading}
+          onChange={handleOnDataSetChange}
+          label={intl.formatMessage({ id: 'benchmark.table.dataset' })}
+          required
+        ></SealSelect>
+      </Form.Item>
       <Form.Item<FormData>
         name="dataset_prompt_tokens"
         rules={[
@@ -53,7 +81,7 @@ const RandomSettingsForm: React.FC = () => {
         ></SealInputNumber>
       </Form.Item>
       <Form.Item<FormData>
-        name="seed"
+        name="dataset_seed"
         getValueProps={(value) => ({ value: value || null })}
       >
         <SealInputNumber