Popconfirm 气泡确认框控件
控件名称
Popconfirm
中文名称
气泡确认框控件
控件优点
Popconfirm 是一个气泡确认框控件,点击目标元素时,在目标元素附近弹出浮层提示,询问用户确认操作。和 confirm 弹出的全屏居中模态对话框相比,交互形式更轻量。
主要特性
- 轻量交互:气泡式确认框,不打断用户当前操作流程
- 12个方向:支持 12 个弹出位置,灵活适配不同场景
- 箭头指向:箭头自动指向目标元素中心
- SVG图标:支持 help、warning、error、info 等图标类型
- 异步关闭:支持异步操作完成后手动关闭
- 透明度设置:支持设置气泡框透明度
- 屏幕边界检测:自动调整位置避免超出屏幕
重要参数说明
全局属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
DefaultTitle |
string | "" | 默认标题 |
DefaultDescription |
string | "" | 默认描述 |
DefaultPlacement |
PopconfirmPlacement | Top | 默认弹出位置 |
DefaultOkText |
string | "确定" | 确认按钮文字 |
DefaultCancelText |
string | "取消" | 取消按钮文字 |
DefaultIcon |
PopconfirmIconType | Help | 默认图标类型 |
DefaultIconColor |
Color | 250,173,20 | 默认图标颜色 |
DefaultPadding |
int | 12 | 内边距 |
DefaultCornerRadius |
int | 8 | 圆角半径 |
DefaultArrowSize |
int | 8 | 箭头大小 |
DefaultMaxWidth |
int | 280 | 最大宽度 |
DefaultButtonSpacing |
int | 8 | 按钮间距 |
DefaultOffset |
int | 8 | 距离目标元素的偏移量 |
DefaultShowCancel |
bool | true | 是否显示取消按钮 |
DefaultAsync |
bool | false | 是否异步关闭 |
DefaultOpacity |
float | 1.0 | 透明度(0-1) |
扩展属性(为每个控件单独设置)
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
PopconfirmTitle |
string | "" | 确认框标题 |
PopconfirmDescription |
string | "" | 确认框详细描述 |
PopconfirmPlacement |
PopconfirmPlacement | Top | 弹出位置 |