使用指南
通过触发按钮打开弹层菜单。支持透传所有的 Button 属性。
子组件
Item,Group,Divider即Menu中对应的子组件,请参考 Menu 文档。
通过触发按钮打开弹层菜单。支持透传所有的 Button 属性。
子组件 Item, Group, Divider 即 Menu 中对应的子组件,请参考 Menu 文档。
最简单的用法。支持 Button 的 shape, type, size, component, ghost 等属性透传。
可以通过 size 属性改变按钮大小。
支持菜单组和菜单分割线,使用方法同 Menu.Group, Menu.Item, Menu.Divider。
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| size | 尺寸 可选值: 'small', 'medium' | Enum | 'medium' |
| label | 按钮上的文本内容 | ReactNode | - |
| autoWidth | 弹层是否与按钮宽度相同 | Boolean | true |
| popupTriggerType | 弹层触发方式 可选值: 'click', 'hover' | Enum | 'click' |
| popupContainer | 弹层容器 签名: Function() => void | Function | - |
| visible | 弹层展开状态 | Boolean | - |
| defaultVisible | 弹层默认是否展开 | Boolean | - |
| onVisibleChange | 弹层在显示和隐藏触发的事件 签名: Function() => void | Function | func.noop |
| popupStyle | 弹层自定义样式 | Object | - |
| popupClassName | 弹层自定义样式类 | String | - |
| popupProps | 弹层属性透传 | Object | - |
| followTrigger | 是否跟随滚动 | Boolean | - |
| defaultSelectedKeys | 默认激活的菜单项(用法同 Menu 非受控) | Array | [] |
| selectedKeys | 激活的菜单项(用法同 Menu 受控) | Array | - |
| selectMode | 菜单的选择模式,同 Menu 可选值: 'single', 'multiple' | Enum | - |
| onItemClick | 点击菜单项后的回调,同 Menu 签名: Function() => void | Function | func.noop |
| onSelect | 选择菜单后的回调,同 Menu 签名: Function() => void | Function | func.noop |
| menuProps | 菜单属性透传 | Object | {} |