类型说明
MenuOption
菜单项
- 定义
ts
type MenuOption = {
id: string | number
icon?: (menuParam?: any, itemOption?: MenuOption) => VNode
label: string | ((menuParam?: any, itemOption?: MenuOption) => VNode | string)
visible?: boolean | ((menuParam?: any, itemOption?: MenuOption) => boolean)
disabled?: boolean | ((menuParam?: any, itemOption?: MenuOption) => boolean)
type?: MenuItemType
value?: MenuValue | ((menuParam?: any) => MenuValue)
handler?: (menuParam?: any, value?: MenuValue, itemOption?: MenuOption) => void
children?: MenuGenericOption
change?: (menuParam?: any, value?: MenuValue, itemOption?: MenuOption) => void
}
- 说明
属性 | 说明 |
---|---|
id | 菜单项的唯一id |
icon | 菜单项左侧的图标,第一个参数menuParam是打开菜单时传递给菜单的参数,第二个参数itemOption是当前菜单项的配置 |
label | 菜单项的标签,支持string类型的文本或函数返回string|VNode类型,参数同上 |
visible | 菜单项是否可见,支持boolean类型的文本或函数返回boolean类型,参数同上 |
disabled | 菜单项是否禁用,支持boolean类型的文本或函数返回boolean类型,参数同上 |
type | 菜单项的类型,取值为 ['menu' | 'radio'| 'toggle'] 之一,默认是'menu' |
value | 菜单项类型为radio时的值 |
handler | 菜单项的点击事件 |
children | 菜单项的子项 |
change | 在其类型为['radio'|'toggle']时改变值会执行 |
MenuGroupOption
菜单项组
- 定义
ts
type MenuGroupOption = {
group: string
options: MenuOption[]
}
- 说明
属性 | 说明 |
---|---|
group | 菜单组的唯一组id |
options | 菜单项 |
MenuGenericOption
菜单项或菜单项组
TIP
当传入菜单项配置时会自动分配一个默认的组
ts
type MenuGenericOption = Array<MenuOption | MenuGroupOption> | ((menuParam?: any, value?: MenuValue, itemOption?: MenuOption) => MenuGenericOption)
MenuValue
菜单项的类型为、时的值
ts
type MenuValue = string | number | boolean | Array<string | number | boolean>