ButtonContainer 按钮容器

使用

import { KButtonContainer } from "@ksware/ksw-ux";

基础用法

触发方式

最大高度

菜单隐藏方式

可以通过 hide-on-click 属性来配置。

下拉菜单默认在点击菜单项后会被隐藏，将 hide-on-click 属性设置为 false 可以关闭此功能。

自定义触发按钮

API

Props

参数名	描述	类型	默认值
max-height	菜单最大高度	string | number	300
placement	菜单弹出位置	enum	bottom
trigger	触发下拉的行为	enum	'click'
hide-on-click	是否在点击菜单项后隐藏菜单	boolean	true
show-timeout	展开下拉菜单的延时，仅在 trigger 为 hover 时有效	number	-
hide-timeout	收起下拉菜单的延时（仅在 trigger 为 hover 时有效）	number	-
tabindex	下拉菜单的 tabindex 属性	number	0
popper-class	自定义浮层类名	string	-
popper-options	popper.js 参数	object	{modifiers: [{name: 'computeStyles', options: {gpuAcceleration: false}}]}
teleported	是否将下拉列表插入至 body 元素	boolean	true
trigger-icon	自定义触发按钮图标	string | Component	IconMore
only-whole 1.2.3	是否只展示完整的按钮, 未完全显示的按钮将被隐藏	boolean	false

Events

事件名	描述	类型
visible-change	下拉框出现/隐藏时触发。	Function

Methods

方法名	描述	类型
handleOpen	打开下拉菜单	Function
handleClose	关闭下拉菜单	Function

Slots

插槽名	描述	参数
default	放置的 KButton 组件	-
trigger	触发按钮插槽	-