chore: replace components with core-ui, upgrade eslint

src/pages/benchmark/forms/basic.tsx

@@ -1,9 +1,8 @@
-import SealInput from '@/components/seal-form/seal-input';
-import SealSelect from '@/components/seal-form/seal-select';
 import { modelNameReg, PageAction } from '@/config';
 import useAppUtils from '@/hooks/use-app-utils';
 import { ClusterStatusValueMap } from '@/pages/cluster-management/config';
 import { useBenchmarkTargetInstance } from '@/pages/llmodels/hooks/use-run-benchmark';
+import { Input as CInput, Select as SealSelect } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useEffect } from 'react';
@@ -60,10 +59,10 @@ const BasicForm: React.FC = () => {
           }
         ]}
       >
-        <SealInput.Input
+        <CInput.Input
           label={intl.formatMessage({ id: 'common.table.name' })}
           required
-        ></SealInput.Input>
+        ></CInput.Input>
       </Form.Item>
       <Form.Item<FormData>
         name="cluster_id"
@@ -82,22 +81,22 @@ const BasicForm: React.FC = () => {
         ></SealSelect>
       </Form.Item>
       <Form.Item<FormData> name="model_name" hidden={true}>
-        <SealInput.Input></SealInput.Input>
+        <CInput.Input></CInput.Input>
       </Form.Item>
       <Form.Item<FormData> name="model_id" hidden={true}>
-        <SealInput.Input></SealInput.Input>
+        <CInput.Input></CInput.Input>
       </Form.Item>
       <Form.Item<FormData> name="model_instance_name" hidden={true}>
-        <SealInput.Input></SealInput.Input>
+        <CInput.Input></CInput.Input>
       </Form.Item>
       <ModelInstanceForm></ModelInstanceForm>
       <Form.Item<FormData> name="description">
-        <SealInput.TextArea
+        <CInput.TextArea
           scaleSize={true}
           label={intl.formatMessage({
             id: 'common.table.description'
           })}
-        ></SealInput.TextArea>
+        ></CInput.TextArea>
       </Form.Item>
     </>
   );

src/pages/benchmark/forms/dataset.tsx

@@ -1,7 +1,6 @@
-import AutoTooltip from '@/components/auto-tooltip';
-import SealSelect from '@/components/seal-form/seal-select';
 import { PageAction } from '@/config';
 import useAppUtils from '@/hooks/use-app-utils';
+import { AutoTooltip, Select as SealSelect } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Select } from 'antd';
 import _ from 'lodash';
@@ -10,7 +9,6 @@ import { ProfileValueMap } from '../config';
 import { useFormContext } from '../config/form-context';
 import { FormData } from '../config/types';
 import RandomSettingsForm from './random-settings';
-
 const DatasetForm: React.FC = () => {
   const intl = useIntl();
   const form = Form.useFormInstance();

src/pages/benchmark/forms/index.tsx

@@ -1,9 +1,7 @@
-import IconFont from '@/components/icon-font';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import CollapsePanel from '@/pages/_components/collapse-panel';
-import { useWrapperContext } from '@/pages/_components/column-wrapper/use-wrapper-context';
-import ScrollSpyTabs from '@/pages/_components/scroll-spy-tabs';
+import { CollapsePanel, IconFont, ScrollSpyTabs } from '@gpustack/core-ui';
+import { useWrapperContext } from '@gpustack/core-ui/lib/components/column-wrapper/use-wrapper-context';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import {

src/pages/benchmark/forms/labels.tsx

@@ -1,4 +1,4 @@
-import LabelSelector from '@/components/label-selector';
+import { LabelSelector } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';

src/pages/benchmark/forms/model-instance.tsx

@@ -1,4 +1,3 @@
-import SealCascader from '@/components/seal-form/seal-cascader';
 import { PageAction } from '@/config';
 import useAppUtils from '@/hooks/use-app-utils';
 import {
@@ -9,6 +8,7 @@ import {
 import { useBenchmarkTargetInstance } from '@/pages/llmodels/hooks/use-run-benchmark';
 import { useQueryModelInstancesList } from '@/pages/llmodels/services/use-query-model-instances';
 import { useQueryModelList } from '@/pages/llmodels/services/use-query-model-list';
+import { Cascader as SealCascader } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Tooltip } from 'antd';
 import React, { useEffect } from 'react';

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

@@ -1,7 +1,9 @@
-import SealInputNumber from '@/components/seal-form/input-number';
-import SealSelect from '@/components/seal-form/seal-select';
 import { PageAction } from '@/config';
 import useAppUtils from '@/hooks/use-app-utils';
+import {
+  InputNumber as CInputNumber,
+  Select as SealSelect
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { useMemo } from 'react';
@@ -62,14 +64,14 @@ const RandomSettingsForm: React.FC<{
               }
             ]}
           >
-            <SealInputNumber
+            <CInputNumber
               min={0}
               disabled={disabled}
               label={intl.formatMessage({
                 id: 'benchmark.table.inputTokenLength'
               })}
               required
-            ></SealInputNumber>
+            ></CInputNumber>
           </Form.Item>
           <Form.Item<FormData>
             name="dataset_output_tokens"
@@ -83,24 +85,24 @@ const RandomSettingsForm: React.FC<{
               }
             ]}
           >
-            <SealInputNumber
+            <CInputNumber
               min={0}
               disabled={disabled}
               label={intl.formatMessage({
                 id: 'benchmark.table.outputTokenLength'
               })}
               required
-            ></SealInputNumber>
+            ></CInputNumber>
           </Form.Item>
           <Form.Item<FormData>
             name="dataset_seed"
             getValueProps={(value) => ({ value: value || null })}
           >
-            <SealInputNumber
+            <CInputNumber
               min={0}
               disabled={disabled}
               label={intl.formatMessage({ id: 'playground.image.params.seed' })}
-            ></SealInputNumber>
+            ></CInputNumber>
           </Form.Item>
         </>
       )}
@@ -114,11 +116,11 @@ const RandomSettingsForm: React.FC<{
           }
         ]}
       >
-        <SealInputNumber
+        <CInputNumber
           disabled={disabled}
           label={intl.formatMessage({ id: 'benchmark.table.requestRate' })}
           required
-        ></SealInputNumber>
+        ></CInputNumber>
       </Form.Item>
       <Form.Item<FormData>
         name="total_requests"
@@ -129,12 +131,12 @@ const RandomSettingsForm: React.FC<{
           }
         ]}
       >
-        <SealInputNumber
+        <CInputNumber
           min={0}
           disabled={disabled}
           label={intl.formatMessage({ id: 'benchmark.form.totalRequests' })}
           required
-        ></SealInputNumber>
+        ></CInputNumber>
       </Form.Item>
     </>
   );