37 lines
2.0 KiB
TypeScript
37 lines
2.0 KiB
TypeScript
import type { FormRules } from 'element-plus'
|
||
|
||
export const rules = (menuForm: any, iconOptions: any[]): FormRules => {
|
||
return {
|
||
// 1. 菜单名称：必填 + 长度限制
|
||
name: [
|
||
{ required: true, message: '请输入菜单名称', trigger: 'blur' },
|
||
{ min: 2, max: 20, message: '菜单名称长度在 2 到 20 个字符之间', trigger: 'blur' }
|
||
],
|
||
// 2. 父级菜单：必填（默认0，无需手动填）
|
||
parentName: [{ required: true, message: '请选择父级菜单', trigger: 'change' }
|
||
],
|
||
// 3. 路由路径：必填 + 格式校验（以/开头，仅包含字母/数字/下划线/斜杠）
|
||
path: [
|
||
{ required: true, message: '请输入路由路径', trigger: 'blur' },
|
||
{ pattern: /^\/[a-zA-Z0-9_\/]+$/, message: '路由路径必须以/开头，仅包含字母、数字、下划线和斜杠', trigger: 'blur' }
|
||
],
|
||
// 4. 后端路由：必填 + 格式校验（以/开头，仅包含字母/数字/下划线/斜杠）
|
||
api: [
|
||
{ required: true, pattern: /^\/[a-zA-Z0-9_\/]+$/, message: '后端路由必须以/开头，仅包含字母、数字、下划线和斜杠', trigger: 'blur' }
|
||
],
|
||
// 5. 图标名称：可选，但填了就必须是指定范围（匹配你提供的图标列表）
|
||
icon: [
|
||
{required: true, message: '请选择图标名称', trigger: 'blur'}
|
||
],
|
||
// 6. 排序：必填 + 数字 + 最小值0
|
||
sort: [
|
||
{ required: true, message: '请输入排序值', trigger: 'blur' },
|
||
{ type: 'number', min: 0, message: '排序值必须是大于等于0的数字', trigger: 'blur' }
|
||
],
|
||
// 7. 菜单类型：必填（单选框默认1，无需手动选）
|
||
type: [
|
||
{ required: true, message: '请选择菜单类型', trigger: 'change' },
|
||
{ type: 'number', enum: [1, 2], message: '菜单类型只能是1（菜单）或2（按钮）', trigger: 'change' }
|
||
]
|
||
}
|
||
} |