基本使用
@teamix/pop-confirm
跟随式确认框
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
size | 尺寸,可选值 small ,medium ,large
|
String | medium |
type | 类型,可选值 info ,warning ,success ,danger
|
String | info |
locale | 底部按钮文案 | object | {confirm: '确定', cancel: '取消'} |
align | 同Balloon | String | 'b' |
alignEdge | 同Balloon | Boolean | true |
icon | 自定义icon,优先级高于type | ReactNode | - |
title | 标题 | ReactNode | - |
content | 内容 | ReactNode | - |
footer | 是否有底部按钮 | Boolean | true |
footerAlign | 底部按钮对齐方式 | 'left','right' | 'right' |
confirmProps | 确认按钮额外属性,onClick由onConfirm定义 | Object | {} |
cancelProps | 取消按钮额外属性,onClick由onCancel定义,warning属性由组件内定义 | Object | {} |
onConfirm | 点击确认按钮回调。可通过返回 boolean 或 Promise 来关闭 | ((event: React.MouseEvent) => boolean | Promise) | boolean; | noop |
onCancel | 点击取消按钮回调。可通过返回 boolean 或 Promise 来关闭 | ((event: React.MouseEvent) => boolean | Promise) | boolean; | noop |
defaultVisible | 气泡默认是否可见 | Boolean | false |
visible | 气泡是否可见,受控 | Boolean | - |
onVisibleChange | 气泡显示隐藏回调 | Function | noop |
offset | 气泡相对trigger定位的偏移量 | Array | [0, 0] |
trigger | 触发器,必填 | ReactNode | |
triggerType | 触发类型,可选'hover', 'click' | string | 'hover' |
needAdjust | 同Balloon | ||
shouldUpdatePosition | 同Balloon | ||
safeNode | 同Balloon | ||
safeId | 同Balloon | ||
animation | 同Balloon | ||
cache | 同Balloon | ||
popupContainer | 同Balloon | ||
popupStyle | 同Balloon | ||
popupClassName | 同Balloon | ||
popupProps | 同Balloon | ||
followTrigger | 同Balloon | ||
id | 同Balloon |