chore: replace components with core-ui, upgrade eslint

src/pages/api-keys/components/add-apikey-modal/allow-models.tsx

@@ -1,8 +1,8 @@
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
 import useAppUtils from '@/hooks/use-app-utils';
-import SelectPanel from '@/pages/_components/select-panel';
 import { queryMyModels } from '@/pages/llmodels/apis';
+import { SelectPanel } from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Checkbox, Divider, Form, Radio } from 'antd';
 import { useEffect, useState } from 'react';

src/pages/api-keys/components/add-apikey-modal/form.tsx

@@ -1,8 +1,10 @@
-import Password from '@/components/seal-form/password';
-import SealInput from '@/components/seal-form/seal-input';
-import SealSelect from '@/components/seal-form/seal-select';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
+import {
+  Input as CInput,
+  Password,
+  Select as SealSelect
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React from 'react';
@@ -34,12 +36,12 @@ const APIKeyForm: React.FC<{
           }
         ]}
       >
-        <SealInput.Input
+        <CInput.Input
           trim
           disabled={action === PageAction.EDIT}
           label={intl.formatMessage({ id: 'common.table.name' })}
           required
-        ></SealInput.Input>
+        ></CInput.Input>
       </Form.Item>
 
       <Form.Item<FormData>
@@ -66,10 +68,10 @@ const APIKeyForm: React.FC<{
         ></SealSelect>
       </Form.Item>
       <Form.Item<FormData> name="description" rules={[{ required: false }]}>
-        <SealInput.TextArea
+        <CInput.TextArea
           scaleSize={true}
           label={intl.formatMessage({ id: 'common.table.description' })}
-        ></SealInput.TextArea>
+        ></CInput.TextArea>
       </Form.Item>
       {action === PageAction.CREATE && (
         <>

src/pages/api-keys/components/add-apikey-modal/index.tsx

@@ -1,11 +1,13 @@
-import AlertBlockInfo from '@/components/alert-info/block';
-import CopyButton from '@/components/copy-button';
-import ModalFooter from '@/components/modal-footer';
-import GSDrawer from '@/components/scroller-modal/gs-drawer';
-import SealInput from '@/components/seal-form/seal-input';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
-import ColumnWrapper from '@/pages/_components/column-wrapper';
+import {
+  AlertBlockInfo,
+  Input as CInput,
+  ColumnWrapper,
+  CopyButton,
+  GSDrawer,
+  ModalFooter
+} from '@gpustack/core-ui';
 import { useIntl } from '@umijs/max';
 import { Form, Tag } from 'antd';
 import dayjs from 'dayjs';
@@ -296,7 +298,7 @@ const AddModal: React.FC<AddModalProps> = ({
                   {intl.formatMessage({ id: 'apikeys.table.save.tips' })}
                 </Tag>
               </div>
-              <SealInput.Input
+              <CInput.Input
                 label={intl.formatMessage({ id: 'apikeys.form.apikey' })}
                 value={apikeyValue}
                 addAfter={
@@ -307,7 +309,7 @@ const AddModal: React.FC<AddModalProps> = ({
                     type="text"
                   ></CopyButton>
                 }
-              ></SealInput.Input>
+              ></CInput.Input>
             </Form.Item>
           )}
         </Form>