基本使用

@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| | |