SuperAPI AI 工具集

contextual-menu

通用与其它

查看项目

更新于 10-16 05:06

技能介绍

用途:这是一份关于上下文菜单(Contextual Menu)的设计参考,面向界面设计与开发,帮助统一右键菜单、操作菜单、下拉菜单和命令菜单的交互与视觉规范。

菜单类型与触发方式:上下文菜单由桌面端右键触发,用于文件操作、编辑动作;操作菜单点击 ⋮ 或 ⋯ 图标触发,用于单条目的操作;下拉菜单点击按钮触发,用于导航与选项;命令菜单通过键盘快捷键(如 Cmd+K)触发,用于全局搜索与操作。

设计规则:用分隔线对相关操作分组;键盘快捷键右对齐显示;危险操作放在底部并以红色文字等视觉方式区分;条目超过 10-12 个时应分组或重构;禁用项应显示但置灰而非隐藏;图标可选,但有助于快速扫视。

定位:菜单应在触发元素附近、视口范围内打开;靠近屏幕边缘时翻转方向;子菜单向右展开,位于右边缘时向左展开。

无障碍:容器使用 role="menu",每个条目使用 role="menuitem";方向键导航;Enter/Space 选择;Escape 关闭;关闭后焦点返回触发元素。

限制:资料未提供具体框架实现、代码示例、安装方式与兼容性说明。