0.0.1 • Published 6 years ago
@alicd/crui-checkbox v0.0.1
category: Components type: UI Views component: Base chinese: 导航（收纳式）
english: TopNav
收纳式吊顶导航组件。
规则
API
TopNav
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 自定义类名 | string | N/A |
| style | 组件接受行内样式 | object | N/A |
| hoveredKey | 当前用户鼠标悬浮的菜单项所对应的 key | string | N/A |
| onHover | 用户鼠标浮到另一个菜单项或切换一级菜单时触发的回调 | (hoveredKey: string) => void | N/A |
| selectedKeys | 显示选中样式的菜单项 | string[] | [] |
| dataSource | 指定用来渲染菜单的数据，数据格式见本页面“规则”中的描述，或可利用 dataRenderCallback 属性自定义 | object[] | N/A |
| extraRender | 使用 dataSource 时，用来渲染每个菜单项右侧的部分的回调 | (node: object) => ReactNode | N/A |
| itemOnClick | 使用 dataSource 时，点击菜单项所触发的回调 | (node: object) => void | 默认为空 |
| dataRenderCallback | 使用 dataSource 属性时的具体渲染逻辑 | (node: object) => [object, object[]] | 默认渲染逻辑见本页面“规则”中的描述 |
TopNav.Item
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| className | 自定义类名 | string | N/A |
| style | 组件接受行内样式 | object | N/A |
| title | 该菜单项显示出的标题 | ReactNode | N/A |
| extra | 该菜单项右侧所显示的内容 | ReactNode | N/A |
| onClick | 点击该菜单项的回调 | (e: Event) => void | N/A |
TopNav.Placeholder
0.0.1
6 years ago