菜单

介绍

收纳、排列并展示一系列选项的列表。

API

Props

参数名	描述	类型	默认值
status	默认状态	'default' | 'hide'	'default'
data	菜单项	MenuItem[]	-
selectedKeys	选中的菜单项	string	-
openKeys	展开的菜单项	string	-
mode	菜单模式。	'vertical' | 'horizontal'	'vertical'
collapsed	折叠菜单	boolean	false
showCollapseButton	内置折叠按钮	boolean	false
accordion	手风琴效果	boolean	false
autoOpenSelected	默认展开选中的菜单	boolean	false
baseStyle	自定义样式	string	-
customClass	类名绑定	string	-
popup	弹出框高度限制。开启后，菜单高度超过最大高度时内联滚动	boolean	false
maxHeight	弹出框的最大高度。单位：px	number	200
uniqueKey	唯一标识, 组件的唯一标识	string	-

Events

事件名	描述	参数
onCollapse	折叠状态改变时触发	ctx: PangeaContext params: boolean loop: LoopParams
onMenuItemClick	点击菜单项时触发	ctx: PangeaContext params: string loop: LoopParams
onSubMenuClick	点击子菜单时触发	ctx: PangeaContext params: string loop: LoopParams

Type

// 菜单项
type MenuItem = {
  code: string,
  title: string,
  visible: boolean,
  icon: string,
  type: string,
  children: MenuItem[],
};

// 循环变量数据参数
type LoopParams = {
  indexName: string,
  paramName: string,
  ref: ComputedRefImpl, // 全部的循环变量数据
  row: any,
  rowIndex: number,
}[];