import { reactive } from 'vue';
import type { FormRules } from 'element-plus';
import { ColumnsEnum } from '@/enum/columnsEnum';

// 字段
export const columns = [
	{ type: 'selection' },
	{ label: ColumnsEnum.tableId, prop: 'id' },

	{ label: ColumnsEnum.tableCreateTime, prop: 'createTime', sortable: true, width: 160 },
	{ label: ColumnsEnum.tableUpdateTime, prop: 'updateTime', sortable: true, width: 160 },
	{ label: ColumnsEnum.tableCreateUser, prop: 'createUser', width: 100, slot: 'createUser' },
	{ label: ColumnsEnum.tableUpdateUser, prop: 'updateUser', width: 100, slot: 'updateUser' },
	{ label: ColumnsEnum.tableOperation, prop: 'operation', slot: 'operation', width: 150, fixed: 'right' },
];

// 规则
export const rules = reactive<FormRules>({
	nickName: [{ required: true, message: '昵称不能为空', trigger: 'blur' }],
	email: [
		{ required: true, message: '邮件不能为空', trigger: 'blur' },
		{ type: 'email', message: '邮箱格式错误' },
	],
});