# popconfirm (w-popconfirm)

- **Import**: `WPopconfirm` from `win-design-next`
- **Tag**: `<w-popconfirm>`
- **说明**: Popconfirm 二次确认框
- **分类**: feedback
- **Skill 版本**: V1.1.0
- **适配组件库**: win-design-next 1.2.2
- **API 来源**: `docs/zh-CN/component/popconfirm.md`

## API

## API

### Attributes

| 属性名              | 说明                                                                                 | 类型                                                                                    | 默认           |
| ------------------- | ------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------- | -------------- |
| title               | 标题                                                                                 | ^[string]                                                                               | —              |
| confirm-button-text | 确认按钮文字                                                                         | ^[string]                                                                               | —              |
| cancel-button-text  | 取消按钮文字                                                                         | ^[string]                                                                               | —              |
| confirm-button-type | 确认按钮类型                                                                         | ^[enum]`'primary' \| 'success' \| 'warning' \| 'danger' \| 'error' \| 'info' \| 'text'` | primary        |
| cancel-button-type  | 取消按钮类型                                                                         | ^[enum]`'primary' \| 'success' \| 'warning' \| 'danger' \| 'error' \| 'info' \| 'text'` | default        |
| icon                | 自定义图标                                                                           | ^[string] / ^[Component]                                                                | QuestionFilled |
| icon-color          | Icon 颜色                                                                            | ^[string]                                                                               | #f90           |
| hide-icon           | 是否隐藏 Icon                                                                        | ^[boolean]                                                                              | false          |
| hide-after          | 关闭时的延迟                                                                         | ^[number]                                                                               | 200            |
| teleported          | 是否将 popover 的下拉列表插入至 body 元素                                            | ^[boolean]                                                                              | true           |
| persistent          | 当 popover 组件长时间不触发且 `persistent` 属性设置为 `false` 时, popover 将会被删除 | ^[boolean]                                                                              | false          |
| width               | 弹层宽度，最小宽度 150px                                                             | ^[string] / ^[number]                                                                   | 150            |

### Events

| 事件名  | 说明               | 类型                                 |
| ------- | ------------------ | ------------------------------------ |
| confirm | 点击确认按钮时触发 | ^[Function]`(e: MouseEvent) => void` |
| cancel  | 点击取消按钮时触发 | ^[Function]`(e: MouseEvent) => void` |

### Slots

| 插槽名    | 说明                             | 类型                                                                             |
| --------- | -------------------------------- | -------------------------------------------------------------------------------- |
| reference | 触发 Popconfirm 显示的 HTML 元素 | —                                                                                |
| actions   | 页脚的内容                       | ^[object]`{ confirm: (e: MouseEvent) => void, cancel: (e: MouseEvent) => void }` |
