Skip to content

类型说明

菜单项

  • 定义
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
    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']时改变值会执行

菜单项组

  • 定义
ts
type MenuGroupOption = {
    group: string
    options: MenuOption[]
}
  • 说明
属性说明
group菜单组的唯一组id
options菜单项

菜单项或菜单项组

TIP

当传入菜单项配置时会自动分配一个默认的组

ts
type MenuGenericOption = Array<MenuOption | MenuGroupOption>

菜单项的类型为时的值

ts
type MenuValue = string | number | boolean | Array<string | number | boolean>

Released under the MIT License.