admin-vben/apps/web-antd/src/views/system/mail/account/data.ts

192 lines
4.1 KiB
TypeScript

import type { VbenFormSchema } from '#/adapter/form';
import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
import type { SystemMailAccountApi } from '#/api/system/mail/account';
import { z } from '#/adapter/form';
import { DICT_TYPE, getDictOptions } from '#/utils/dict';
/** 新增/修改的表单 */
export function useFormSchema(): VbenFormSchema[] {
return [
{
fieldName: 'id',
label: 'id',
component: 'Input',
dependencies: {
triggerFields: [''],
show: () => false,
},
},
{
fieldName: 'mail',
label: '邮箱',
component: 'Input',
rules: 'required',
},
{
fieldName: 'username',
label: '用户名',
component: 'Input',
rules: 'required',
},
{
fieldName: 'password',
label: '密码',
component: 'InputPassword',
rules: 'required',
},
{
fieldName: 'host',
label: 'SMTP 服务器域名',
component: 'Input',
rules: 'required',
},
{
fieldName: 'port',
label: 'SMTP 服务器端口',
component: 'InputNumber',
componentProps: {
min: 0,
max: 65_535,
},
rules: 'required',
},
{
fieldName: 'sslEnable',
label: '是否开启 SSL',
component: 'RadioGroup',
componentProps: {
options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING, 'boolean'),
buttonStyle: 'solid',
optionType: 'button',
},
rules: z.boolean().default(true),
},
{
fieldName: 'starttlsEnable',
label: '是否开启 STARTTLS',
component: 'RadioGroup',
componentProps: {
options: getDictOptions(DICT_TYPE.INFRA_BOOLEAN_STRING, 'boolean'),
buttonStyle: 'solid',
optionType: 'button',
},
rules: z.boolean().default(false),
},
{
fieldName: 'remark',
label: '备注',
component: 'Textarea',
},
];
}
/** 列表的搜索表单 */
export function useGridFormSchema(): VbenFormSchema[] {
return [
{
fieldName: 'mail',
label: '邮箱',
component: 'Input',
},
{
fieldName: 'username',
label: '用户名',
component: 'Input',
},
{
fieldName: 'createTime',
label: '创建时间',
component: 'RangePicker',
componentProps: {
allowClear: true,
},
},
];
}
/** 列表的字段 */
export function useGridColumns<T = SystemMailAccountApi.MailAccount>(
onActionClick: OnActionClickFn<T>,
): VxeTableGridOptions['columns'] {
return [
{
field: 'id',
title: '编号',
minWidth: 100,
},
{
field: 'mail',
title: '邮箱',
minWidth: 120,
},
{
field: 'username',
title: '用户名',
minWidth: 120,
},
{
field: 'host',
title: 'SMTP 服务器域名',
minWidth: 150,
},
{
field: 'port',
title: 'SMTP 服务器端口',
minWidth: 120,
},
{
field: 'sslEnable',
title: '是否开启 SSL',
minWidth: 120,
cellRender: {
name: 'CellDict',
props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
},
},
{
field: 'starttlsEnable',
title: '是否开启 STARTTLS',
minWidth: 120,
cellRender: {
name: 'CellDict',
props: { type: DICT_TYPE.INFRA_BOOLEAN_STRING },
},
},
{
field: 'remark',
title: '备注',
minWidth: 120,
},
{
field: 'createTime',
title: '创建时间',
minWidth: 180,
formatter: 'formatDateTime',
},
{
field: 'operation',
title: '操作',
minWidth: 220,
align: 'center',
fixed: 'right',
cellRender: {
attrs: {
nameField: 'mail',
nameTitle: '邮箱账号',
onClick: onActionClick,
},
name: 'CellOperation',
options: [
'edit', // 默认的编辑按钮
'delete', // 默认的删除按钮
{
code: 'test',
text: '测试连接',
},
],
},
},
];
}