2016-03-31 14:17:09 +08:00
|
|
|
---
|
|
|
|
|
category: Components
|
2016-09-21 11:28:38 +08:00
|
|
|
subtitle: 气泡确认框
|
2016-06-27 18:21:12 +08:00
|
|
|
type: Views
|
2016-09-21 11:28:38 +08:00
|
|
|
title: Popconfirm
|
2016-03-31 14:17:09 +08:00
|
|
|
---
|
2015-06-15 22:01:39 +08:00
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
点击元素，弹出气泡式的确认框。
|
2015-06-17 20:24:42 +08:00
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
## 何时使用
|
2015-06-17 20:24:42 +08:00
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
目标元素的操作需要用户进一步的确认时，在目标元素附近弹出浮层提示，询问用户。
|
2015-06-17 20:24:42 +08:00
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
和 `confirm` 弹出的全屏居中模态对话框相比，交互形式更轻量。
|
2015-06-17 20:24:42 +08:00
|
|
|
|
|
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
## API
|
2015-06-17 20:24:42 +08:00
|
|
|
|
2015-06-24 19:20:47 +08:00
|
|
|
| 参数 | 说明 | 类型 | 默认值 |
|
|
|
|
|
|-----------|------------------------------------------|---------------|--------|
|
2016-03-16 22:06:02 +08:00
|
|
|
| placement | 气泡框位置，可选 `top/left/right/bottom` `topLeft/topRight/bottomLeft/bottomRight` `leftTop/leftBottom/rightTop/rightBottom` | string | top |
|
2016-03-24 11:25:23 +08:00
|
|
|
| title | 确认框的描述 | React.Element | 无 |
|
2015-06-24 19:20:47 +08:00
|
|
|
| onConfirm | 点击确认的回调 | function | 无 |
|
2016-03-24 11:25:23 +08:00
|
|
|
| onCancel | 点击取消的回调 | function | 无 |
|
2016-03-02 18:00:08 +08:00
|
|
|
| onVisibleChange | 显示隐藏的回调 | function(visible) | 无 |
|
2015-11-24 11:21:37 +08:00
|
|
|
| okText | 确认按钮文字 | String | 确定 |
|
|
|
|
|
| cancelText| 取消按钮文字 | String | 取消 |
|
2016-05-10 01:31:10 +08:00
|
|
|
| openClassName | 气泡框展现时触发器添加的类名，可用于打开浮层时高亮触发器 | string | ant-popover-open |
|
2016-08-31 13:50:50 +08:00
|
|
|
| arrowPointAtCenter | 箭头是否指向目标元素中心，`antd@1.11+` 支持 | Boolean | `false` |
|
