@xwink/ui

    Menubar

    工具型产品的应用菜单栏。点开一个菜单后,指针滑到相邻菜单直接切换;左右键在菜单之间走,上下键进菜单,Esc 收起回到菜单名。键盘与焦点交给 Reka 的 Menubar。

    子菜单、快捷键、勾选项与危险项
    上次选中:还没选

    菜单项与 ContextMenu 同一份数据格式(MenuItem):子菜单 children、勾选项 checked、分组 group、快捷键 shortcut、选中不关 keepOpen、焦点交给别处 keepFocus,渲染也是同一套,两边长得一样。只在一处弹出的操作菜单用 ContextMenu;常驻页面顶部、有好几组菜单的才用菜单栏。

    API

    Props

    名称类型默认值说明
    menus 必填 MenubarMenu[]——
    ariaLabelstring | undefinedundefined—
    size"mini" | "small" | "medium" | "large" | "super" | undefinedundefined尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size
    modelValuestring | undefined""—

    Emits

    事件载荷说明
    update:modelValue[value: string]—