@hi-ui/menu

TODO: description

Usage

const Menu = require('@hi-ui/menu');

// TODO: DEMONSTRATE API

Props

参数	说明	类型	可选值	默认值
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'
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 组件真正解耦