ProButton 按钮
ProButton 是基于Antv Button的扩展,支持Antv Button
的所有属性。
使用演示
ProButton 支持Tooltip
、Confirm
、Popconfirm
、Dropdown
等扩展功能,其他使用示例请前往Antv Button查看。
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
mode | 按钮模式,default:普通按钮,popconfirm:气泡确认框按钮,confirm:对话框按钮,dropdown:下拉菜单按钮 | default | popconfirm | confirm | dropdown | 'default' |
tooltip | 按钮文字提示 | string | - |
tooltipProps | Antv Tooltip 的所有属性 | TooltipProps | - |
dropdownProps | Antv Dropdown 的所有属性,mode值为dropdown 时有效 | DropdownProps | - |
menuProps | Antv Menu 的所有属性,mode值为dropdown 时有效 | MenuProps | - |
items | Antv Menu 的菜单内容,mode值为dropdown 时有效 | ItemType[] | - |
popconfirmProps | Antv Popconfirm 的所有属性,mode值为popconfirm 时有效 | PopconfirmProps | - |
confirmProps | Antv Modal.confirm 的所有属性,mode值为confirm 时有效 | PopconfirmProps | - |
icon-style | 按钮图标的style | CSSProperties | - |
block | 将按钮宽度调整为其父宽度的选项 | boolean | false |
danger | 设置危险按钮 | boolean | false |
disabled | 按钮失效状态 | boolean | false |
ghost | 幽灵属性,使按钮背景透明 | boolean | false |
href | 点击跳转的地址,指定此属性 button 的行为和 a 链接一致 | string | - |
htmlType | 设置 button 原生的 type 值,可选值请参考 HTML 标准 | string | button |
loading | 设置按钮载入状态 | boolean | { delay: number } | false |
shape | 设置按钮形状 | default | circle | round | default |
size | 设置按钮大小 | large | middle | small | middle |
target | 相当于 a 链接的 target 属性,href 存在时生效 | string | - |
type | 设置按钮类型 | primary | ghost | dashed | link | text | default | default |
Events
事件名 | 说明 | 类型 |
---|---|---|
click | 点击按钮时的回调,mode值为default 时生效 | (event) => void |
confirm | 点击确定时的回调,mode值为popconfirm | confirm 时生效 | () => void |
cancel | 点击取消时的回调,mode值为popconfirm | confirm 时生效 | () => void |
menu-click | 点击下拉菜单项时的回调,mode值为dropdown 时生效 | ({ item, key, keyPath }) => void |
Slots
插槽名 | 说明 | 类型 |
---|---|---|
default | 自定义默认内容 | - |
icon | 自定义图标组件 | - |