溢出列表
@astryxdesign/core v0.7.1 · OverflowList
OverflowList Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
items | OverflowListItem[] | - | 要排布的项。放不下的会进「更多」菜单。 |
gap | SpacingStep | 2 | 项间距,使用间距刻度。 |
minVisibleItems | number | 0 | 至少留下几项。 |
maxVisibleItems | number | - | 最多留下几项。 |
maxRows | number | - | 最多排几行,剩下的再收起。 |
collapseFrom | 'start' | 'end' | 'end' | 从哪一头开始收。 |
behavior | 'observeSelf' | 'observeParent' | 'observeSelf' | 用自己的宽度还是父元素的内容宽度。 |
visibleCount | number | - | 直接指定可见项数,跳过测量。 |
as | NavLinkComponent | 'a' | 可见项和菜单项的链接根组件。 |
OverflowList 事件
| 名称 | 说明 |
|---|---|
select | 选中一项时触发,参数是该项和点击事件。 |
overflowChange | 被收起的那一组变了才触发,参数是 { item, index }[]。index 是该项在 items 里的下标。一开始就放得下时不触发。重新放得下时再触发一次空数组。 |
OverflowList Slots
| 名称 | 说明 |
|---|---|
item | 自定义一项。参数是 { item, index }。 |
overflow | 自定义溢出区域。参数是 { items },默认是「更多」菜单。 |