79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
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 { useIntl } from '@umijs/max';
|
|
import { Form } from 'antd';
|
|
import React from 'react';
|
|
import { expirationOptions } from '../../config';
|
|
import { FormData, ListItem } from '../../config/types';
|
|
import AllowModelsForm from './allow-models';
|
|
|
|
const APIKeyForm: React.FC<{
|
|
action: PageActionType;
|
|
currentData?: Partial<ListItem> | null;
|
|
}> = ({ action, currentData }) => {
|
|
const intl = useIntl();
|
|
|
|
return (
|
|
<>
|
|
<Form.Item<FormData>
|
|
name="name"
|
|
rules={[
|
|
{
|
|
required: true,
|
|
message: intl.formatMessage(
|
|
{ id: 'common.form.rule.input' },
|
|
{
|
|
name: intl.formatMessage({ id: 'common.table.name' })
|
|
}
|
|
)
|
|
}
|
|
]}
|
|
>
|
|
<SealInput.Input
|
|
trim
|
|
disabled={action === PageAction.EDIT}
|
|
label={intl.formatMessage({ id: 'common.table.name' })}
|
|
required
|
|
></SealInput.Input>
|
|
</Form.Item>
|
|
<Form.Item<FormData>
|
|
name="expires_in"
|
|
rules={[
|
|
{
|
|
required: true,
|
|
message: intl.formatMessage(
|
|
{ id: 'common.form.rule.select' },
|
|
{
|
|
name: intl.formatMessage({
|
|
id: 'apikeys.form.expiretime'
|
|
})
|
|
}
|
|
)
|
|
}
|
|
]}
|
|
>
|
|
<SealSelect
|
|
disabled={action === PageAction.EDIT}
|
|
options={expirationOptions}
|
|
label={intl.formatMessage({ id: 'apikeys.form.expiretime' })}
|
|
required
|
|
></SealSelect>
|
|
</Form.Item>
|
|
<Form.Item<FormData> name="description" rules={[{ required: false }]}>
|
|
<SealInput.TextArea
|
|
scaleSize={true}
|
|
label={intl.formatMessage({ id: 'common.table.description' })}
|
|
></SealInput.TextArea>
|
|
</Form.Item>
|
|
<AllowModelsForm
|
|
currentData={currentData}
|
|
action={action}
|
|
></AllowModelsForm>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default APIKeyForm;
|