npm package: @alicd/crui-popup-confirm
Description: --- category: Components type: UI Views component: Base chinese: 确认提示浮层 english: PopupConfirm ---
Author: @alicd/walle
Latest version: 0.0.2

---
category: Components
type: UI Views
component: Base
chinese: 确认提示浮层
english: PopupConfirm
---

## API

### PopupConfirm

基本继承了 `Balloon` 的 API。

| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
|className|自定义 class|`string`|N/A|
|style|自定义内联样式|`object`|N/A|
|onOk|点击确认按钮后执行的回调|`function`|N/A|
|onCancel|点击取消按钮后执行的回调|`function`|N/A|
|locale|自定义确认/取消按钮的文本|`{ ok: string; cancel: string; }`|默认根据当前页面语言自动选择|
|canCloseByOk|执行 `onOk` 后是否立即自动关闭弹层|`boolean`|`true`|
|canCloseByCancel|执行 `onCancel` 后是否立即自动关闭弹层|`boolean`|`true`|
| type                 | 样式类型<br><br>**可选值**:<br>'normal', 'primary'                                                                                                                   | `"normal"` 或 `"primary"`            | `"primary"`                                 |
| children             | 浮层的内容                                                                                                                                                         | any             | N/A                                        |
| visible              | 弹层当前显示的状态                                                                                                                                                     | `boolean`         | N/A                                        |
| defaultVisible       | 弹层默认显示的状态                                                                                                                                                     | `boolean`         | `false`                                    |
| onVisibleChange      | 弹层在显示和隐藏触发的事件<br><br>**签名**:<br>Function(visible: Boolean) => void<br>**参数**:<br>_visible_: {Boolean} 弹层是否隐藏和显示                                               | `(visible: boolean): any`        | N/A                                        |
| alignment            | 弹出层对齐方式<br><br>**可选值**:<br>'normal'(普通对齐 箭头居中)<br>'edge'(边缘对齐 箭头可在trigger的边缘)                                                                                 | `"normal"` 或 `"edge"`            | `"normal"`                                 |
| closable             | 是否显示关闭按钮                                                                                                                                                      | `boolean`         | `false`                                     |
| align                | 弹出层位置<br><br>**可选值**:<br>'t'(上)<br>'r'(右)<br>'b'(下)<br>'l'(左)<br>'tl'(上左)<br>'tr'(上右)<br>'bl'(下左)<br>'br'(下右)<br>'lt'(左上)<br>'lb'(左下)<br>'rt'(右上)<br>'rb'(右下) | Enum            | `"tr"`                                      |
| offset               | 弹层相对于trigger的定位的微调                                                                                                                                            | `[number, number]`           | `[0, 0]`                                   |
| trigger              | 触发元素                                                                                                                                                          | `any`             | `<span></span>`                      |
| triggerType          | 触发行为<br><br>**可选值**:<br>'hover'(鼠标悬浮)<br>'focus'(获取到焦点)<br>'click'(鼠标点击)                                                                                      | `"hover"` 或 `"focus"` 或 `"click"`            | `"hover"`                                  |
| onClose              | 任何visible为false时会触发的事件<br><br>**签名**:<br>Function() => void                                                                                                   | `function`        | 默认为空                                |
| onCloseClick         | 点击关闭按钮的click事件<br><br>**签名**:<br>Function() => void                                                                                                           | `function`        | 默认为空                                |
| needAdjust           | 是否进行自动位置调整                                                                                                                                                    | `boolean`         | `false`                                    |
| delay                | 弹层在触发以后的延时显示                                                                                                                                                  | `number`          | N/A                                        |
| afterClose           | 浮层关闭后触发的事件, 如果有动画，则在动画结束后触发<br><br>**签名**:<br>Function() => void                                                                                              | `function`        |  默认为空                               |
| shouldUpdatePosition | 强制更新定位信息                                                                                                                                                      | `boolean`         | N/A                                        |
| autoFocus            | 弹层出现后是否自动focus到内部第一个元素                                                                                                                                        | `boolean`         | `false`                                    |
| safeNode             | 安全节点:对于triggetType为click的浮层,会在点击除了浮层外的其它区域时关闭浮层.safeNode用于添加不触发关闭的节点, 值可以是dom节点的id或者是节点的dom对象                                                                 | `string`          | N/A                                |
| safeId               | 用来指定safeNode节点的id，和safeNode配合使用                                                                                                                               |`string`          | N/A                                     |
| animation            | 配置动画的播放方式                                                                                                                                                     | `object` 或 `balloon`  | `{     in: 'zoomIn',     out: 'zoomOut' }` |
| cache                | 弹层的dom节点关闭时是否删除                                                                                                                                               | `boolean`         | `false`                                    |
| container            | 指定浮层渲染的父节点, 可以为节点id的字符串，也可以返回节点的函数。                                                                                                                           | `string` 或 `function` | N/A                                        |