feat: 前端集成 Prettier 代码格式化
This commit is contained in:
@@ -1,16 +1,16 @@
|
||||
import { Button, Table, Tag, Popconfirm, Space, Card } from 'tdesign-react';
|
||||
import type { Provider, Model } from '@/types';
|
||||
import { ModelTable } from './ModelTable';
|
||||
import type { PrimaryTableCol } from 'tdesign-react/es/table/type';
|
||||
import { Button, Table, Tag, Popconfirm, Space, Card } from 'tdesign-react'
|
||||
import type { Provider, Model } from '@/types'
|
||||
import { ModelTable } from './ModelTable'
|
||||
import type { PrimaryTableCol } from 'tdesign-react/es/table/type'
|
||||
|
||||
interface ProviderTableProps {
|
||||
providers: Provider[];
|
||||
loading: boolean;
|
||||
onAdd: () => void;
|
||||
onEdit: (provider: Provider) => void;
|
||||
onDelete: (id: string) => void;
|
||||
onAddModel: (providerId: string) => void;
|
||||
onEditModel: (model: Model) => void;
|
||||
providers: Provider[]
|
||||
loading: boolean
|
||||
onAdd: () => void
|
||||
onEdit: (provider: Provider) => void
|
||||
onDelete: (id: string) => void
|
||||
onAddModel: (providerId: string) => void
|
||||
onEditModel: (model: Model) => void
|
||||
}
|
||||
|
||||
export function ProviderTable({
|
||||
@@ -39,7 +39,7 @@ export function ProviderTable({
|
||||
colKey: 'protocol',
|
||||
width: 100,
|
||||
cell: ({ row }) => (
|
||||
<Tag theme={row.protocol === 'openai' ? 'primary' : 'success'} variant="light" shape="round">
|
||||
<Tag theme={row.protocol === 'openai' ? 'primary' : 'success'} variant='light' shape='round'>
|
||||
{row.protocol === 'openai' ? 'OpenAI' : 'Anthropic'}
|
||||
</Tag>
|
||||
),
|
||||
@@ -55,9 +55,13 @@ export function ProviderTable({
|
||||
width: 80,
|
||||
cell: ({ row }) =>
|
||||
row.enabled ? (
|
||||
<Tag theme="success" variant="light" shape="round">启用</Tag>
|
||||
<Tag theme='success' variant='light' shape='round'>
|
||||
启用
|
||||
</Tag>
|
||||
) : (
|
||||
<Tag theme="danger" variant="light" shape="round">禁用</Tag>
|
||||
<Tag theme='danger' variant='light' shape='round'>
|
||||
禁用
|
||||
</Tag>
|
||||
),
|
||||
},
|
||||
{
|
||||
@@ -66,29 +70,26 @@ export function ProviderTable({
|
||||
width: 160,
|
||||
cell: ({ row }) => (
|
||||
<Space>
|
||||
<Button variant="text" size="small" onClick={() => onEdit(row)}>
|
||||
<Button variant='text' size='small' onClick={() => onEdit(row)}>
|
||||
编辑
|
||||
</Button>
|
||||
<Popconfirm
|
||||
content="确定要删除这个供应商吗?关联的模型也会被删除。"
|
||||
onConfirm={() => onDelete(row.id)}
|
||||
>
|
||||
<Button variant="text" theme="danger" size="small">
|
||||
<Popconfirm content='确定要删除这个供应商吗?关联的模型也会被删除。' onConfirm={() => onDelete(row.id)}>
|
||||
<Button variant='text' theme='danger' size='small'>
|
||||
删除
|
||||
</Button>
|
||||
</Popconfirm>
|
||||
</Space>
|
||||
),
|
||||
},
|
||||
];
|
||||
]
|
||||
|
||||
return (
|
||||
<Card
|
||||
title="供应商列表"
|
||||
title='供应商列表'
|
||||
headerBordered
|
||||
hoverShadow
|
||||
actions={
|
||||
<Button theme="primary" onClick={onAdd}>
|
||||
<Button theme='primary' onClick={onAdd}>
|
||||
添加供应商
|
||||
</Button>
|
||||
}
|
||||
@@ -96,19 +97,15 @@ export function ProviderTable({
|
||||
<Table<Provider>
|
||||
columns={columns}
|
||||
data={providers}
|
||||
rowKey="id"
|
||||
rowKey='id'
|
||||
loading={loading}
|
||||
stripe
|
||||
expandedRow={({ row }) => (
|
||||
<ModelTable
|
||||
providerId={row.id}
|
||||
onAdd={() => onAddModel(row.id)}
|
||||
onEdit={onEditModel}
|
||||
/>
|
||||
<ModelTable providerId={row.id} onAdd={() => onAddModel(row.id)} onEdit={onEditModel} />
|
||||
)}
|
||||
pagination={undefined}
|
||||
empty="暂无供应商,点击上方按钮添加"
|
||||
empty='暂无供应商,点击上方按钮添加'
|
||||
/>
|
||||
</Card>
|
||||
);
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user