Popconfirm 弹出确认
Popconfirm 在触发操作的控件旁边就地询问确认,不用弹出对话框。它是点击触发的 Popover,带一个问题和取消 / 确认两个按钮。
演示
基础用法
打开时焦点落在「取消」上(更安全的选项),按 Esc 或点外面等于取消,关闭后焦点回到触发元素。
异步确认和阻止关闭
onPositiveClick 返回 Promise 时,确认按钮会显示加载,直到它结束。返回 false(或 resolve 成 false 的 Promise)则不关闭。
按钮、图标和自定义操作
positiveText={null} 或 negativeText={null} 隐藏对应按钮,showIcon={false} 隐藏图标,action 替换两个按钮。
Props
| 名称 | 类型 | 默认值 | 说明 | 版本 |
|---|---|---|---|---|
content | ReactNode | undefined | 要确认的问题。 | 未发布 |
positiveText | ReactNode | null | 语言包里的「确认」 | 确认按钮文字;null 表示不显示。 | 未发布 |
negativeText | ReactNode | null | 语言包里的「取消」 | 取消按钮文字;null 表示不显示。 | 未发布 |
positiveButtonProps | Partial<ButtonProps> | undefined | 确认按钮的额外属性,比如危险操作用 type: "error"。 | 未发布 |
negativeButtonProps | Partial<ButtonProps> | undefined | 取消按钮的额外属性。 | 未发布 |
showIcon | boolean | true | 是否显示警告图标。 | 未发布 |
icon | ReactNode | undefined | 替换警告图标。 | 未发布 |
action | ReactNode | undefined | 替换两个按钮。 | 未发布 |
onPositiveClick | (event: MouseEvent) => boolean | void | Promise<boolean | void> | undefined | 点确认时调用。返回 false 不关闭;返回 Promise 时显示加载。 | 未发布 |
onNegativeClick | (event: MouseEvent) => boolean | void | Promise<boolean | void> | undefined | 点取消时调用。返回 false 不关闭。 | 未发布 |
另外接受除 header、footer 之外的全部 Popover 属性;trigger 默认是 click。浮层的角色是 alertdialog。