@hi-ui/menu v4.3.1
@hi-ui/menu
TODO: description
Usage
const Menu = require('@hi-ui/menu');
// TODO: DEMONSTRATE APIProps
| 参数 | 说明 | 类型 | 可选值 | 默认值 | |
|---|---|---|---|---|---|
| data | 菜单项数据源 | MenuItemProps[] | - | - | |
| defaultActiveId | 默认激活的菜单项 id | React.ReactText | - | - | |
| activeId | 激活的菜单项 id | React.ReactText | - | - | |
| placement | 设置菜单水平或垂直展示 | string | 'horizontal' | 'vertical' | 'vertical' | |
| collapsed(没做) | 是否收起子菜单,菜单垂直展示时有效 | boolean | true | false | false | |
| showCollapse | 是否显示收缩开关,菜单垂直展示时有效 | boolean | true | false | false | |
| showAllSubMenus | 是否以胖菜单的形式展开所有子菜单(仅在水平菜单时有效) | boolean | true | false | false | |
| accordion(没做) | 手风琴模式,菜单水平展示时有效 | boolean | true | false | true | |
| overlayClassName(没做) | 下拉根元素的类名称 | string | - | - | |
| expandedType | 垂直菜单展开的方式 | string | 'default' | 'pop' | 'default' |
| defaultExpandedIds | 默认展开的菜单项(仅在垂直菜单下有效) | React.ReactText[] | - | - | |
| expandedIds(没做) | 展开的菜单项(仅在垂直菜单下有效) | React.ReactText[] | - | - |
Events
| 名称 | 说明 | 类型 | 参数 | 返回值 |
|---|---|---|---|---|
| onClick | 点击菜单选项时的回调 | (activeId: React.ReactText) => void | activeId: 激活的 id | - |
| onClickSubMenu | 点击父菜单项时的回调 | (subMenuId) => void | subMenuId: 当前点击子菜单的id | - |
| onCollapse | 点击收缩开关时的回调 | (collapsed: boolean) => void | collapsed: 打开状态 | - |
Type
MenuItemProps
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| content | 菜单项标题 | ReactNode | - | - |
| icon | 菜单项 icon | ReactNode | - | - |
| id | 菜单项唯一标识 | React.ReactText | - | - |
| disabled | 菜单项是否禁止点击 | boolean | true | false | false |
| children | 子菜单项配置 | MenuItemProps[] | - | - |
CHANGELOG
| 参数 | 变更类型 | 变更内容 | 解决的问题 |
|---|---|---|---|
| expandedType | feature | 垂直菜单展开的方式 | 原来只能向下展开,现在可以弹窗呼出 |
| defaultActiveId | feature | 默认激活的菜单项 id | 原来只支持受控,现在支持非受控模式 |
| defaultExpandedIds | feature | 默认展开的菜单项(仅在垂直菜单下有效) | 支持默认展开项 |
| expandedIds | feature | 展开的菜单项(仅在垂直菜单下有效) | 支持受控展开项 |
| ---- | ---- | ---- | ---- |
| onClick | update | 移除第二个参数prevActiveId | 这个感觉没有意义 |
| onClickSubMenu | update | 将入参由索引变更为subMenuId | 之前的入参感觉比较奇怪,意义不大 |
| icon | update | icon 不再支持 string 模式 | Menu 组件与 Icon 组件真正解耦 |
5 months ago
6 months ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago