Dropdown 下拉菜单
- 初步设计右键点击触发向下弹出的列表
- 当页面上的操作命令过多时,用此组件可以收纳操作元素。点击或移入触点,会出现一个下拉菜单。可在列表中进行选择,并执行相应的命令。
技术方案
默认下拉菜单,通过设置样式表即可达到
样式表详解
接口设计
返回类型 | 函数名称 | 参数 | 说明 |
---|---|---|---|
void | setItems | DropdownItem | 下拉菜单选项 |
void | setIsOpen | bool | 是否展开下拉菜单,默认为 'false' |
void | setTrigger | Array<click | hover | contextMenu> | 触发下拉的行为,默认值[hover] |
DropdownItem
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
key | 唯一标志 | string | number | - |
disabled | 是否禁用 | boolean | FALSE |
text | 菜单项显示文本 | ReactNode | - |