0.0.16 • Published 6 years ago
@alicd/crui-storage-nav v0.0.16
category: Components type: UI Views component: Base chinese: 导航（收纳式）
english: StorageNav
收纳式导航组件。
规则
该组件类似于 Overlay，通过外部控制其 visible 属性来决定其显示或隐藏。
API
StorageNav
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| visible | 是否显示导航浮层 | boolean | false |
| onClose | 在鼠标离开菜单（参见 mouseLeaveTimeout 属性））或者点击关闭按钮导致导航浮层关闭的时候触发的回调 | () => void | 默认不执行任何操作 |
| closeIcon | 配置浮层左上角显示的关闭图标 | string 或组件 | category |
| mouseLeaveTimeout | 鼠标指针离开浮层一段时间后，浮层会自动关闭。本属性配置鼠标离开后等待多长时间，单位为毫秒，为 0 时则禁用该功能，即不会在鼠标离开菜单后自动隐藏（用户此时便可完全控制何时隐藏菜单） | number | 300 |
| hoveredKey | 当前哪一个 Item 处于激活状态，设置该属性则当前展开值为受控状态 | string | N/A |
| onHover | 用户移动鼠标，悬浮在其他 Item 上时触发的回调 | (hoveredKey: string) => void | N/A |
| menuOpenTimeout | 切换菜单时的延迟，单位为毫秒，用于避免鼠标指针划过菜单区域时过于频繁地切换菜单导致的不便 | number | 128 |
| onMouseEnter | 鼠标指针移入菜单浮层时触发的回调 | (e: Event) => void | N/A |
| onMouseLeave | 鼠标指针移出菜单浮层时触发的回调 | (e: Event) => void | N/A |
| onMouseMove | 鼠标指针在菜单浮层中移动时触发的回调 | (e: Event) => void | N/A |
| canCloseByIconClick | 是否允许点击左上角的图标来触发 onClose 回调关闭菜单浮层。为 false 时则图标仅作展示作用，无行为 | boolean | false |
StorageNav.Item
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 菜单上显示的内容 | ReactNode | N/A |
| onClick | 点击菜单项的回调 | (e: Event) => void | 默认不执行任何操作 |
0.0.16
6 years ago