Skip to content

溢出列表

@astryxdesign/core v0.7.1 · OverflowList

OverflowList Props ​

名称类型默认值说明
itemsOverflowListItem[]-要排布的项。放不下的会进「更多」菜单。
gapSpacingStep2项间距,使用间距刻度。
minVisibleItemsnumber0至少留下几项。
maxVisibleItemsnumber-最多留下几项。
maxRowsnumber-最多排几行,剩下的再收起。
collapseFrom'start' | 'end''end'从哪一头开始收。
behavior'observeSelf' | 'observeParent''observeSelf'用自己的宽度还是父元素的内容宽度。
visibleCountnumber-直接指定可见项数,跳过测量。
asNavLinkComponent'a'可见项和菜单项的链接根组件。

OverflowList 事件 ​

名称说明
select选中一项时触发,参数是该项和点击事件。
overflowChange被收起的那一组变了才触发,参数是 { item, index }[]。index 是该项在 items 里的下标。一开始就放得下时不触发。重新放得下时再触发一次空数组。

OverflowList Slots ​

名称说明
item自定义一项。参数是 { item, index }。
overflow自定义溢出区域。参数是 { items },默认是「更多」菜单。