tachybase_todo/packages/client/src/schemas/menu/index.md

67 lines
933 B
Markdown
Raw Normal View History

2021-06-27 15:41:40 +08:00
---
title: Menu - 菜单
nav:
title: 组件
path: /client
group:
order: 1
2021-07-08 14:21:18 +08:00
title: Schemas
path: /client/schemas
2021-06-27 15:41:40 +08:00
---
# Menu - 菜单
需要 antd v4.16+ 支持,在此之前的 Menu.Item 不支持 Fragment 包裹。
2021-07-14 08:43:18 +08:00
## Node Tree
2021-07-13 00:31:38 +08:00
<pre lang="tsx">
<Menu>
// 菜单分组
<Menu.ItemGroup>
<Menu.Item/>
</Menu.ItemGroup>
// 子菜单
<Menu.SubMenu>
<Menu.Item/>
</Menu.SubMenu>
// 菜单项
<Menu.Item/>
// 分割线
<Menu.Divider/>
// 其他一些基于 Menu.Item 的延伸
// 外链
<Menu.URL/>
// 内链
<Menu.Link/>
// 操作,用法与 Action 相同
<Menu.Action/>
// 新增菜单项
<Menu.AddNew/>
</Menu>
</pre>
2021-07-14 08:43:18 +08:00
## Designable Bar
- Menu.DesignableBar
## Examples
2021-06-27 15:41:40 +08:00
### 横向菜单
<code src="./demos/demo1.tsx"/>
2021-06-27 15:41:40 +08:00
### 竖向菜单
<code src="./demos/demo2.tsx"/>
2021-07-03 00:24:21 +08:00
### 混合菜单
<code src="./demos/demo4.tsx"/>
2021-07-09 21:19:53 +08:00
### Menu.Action
<code src="./demos/demo3.tsx"/>