@aligov/balloon-confirm

intro component

Usage no npm install needed!

<script type="module">
  import aligovBalloonConfirm from 'https://cdn.skypack.dev/@aligov/balloon-confirm';
</script>

README

气泡确认框

@aligov/balloon-confirm

API

参数名	说明	必填	类型	默认值	备注
size	弹框尺寸，small 或 medium	否	string	'small'
align	弹框定位，具体见 Balloon	否	string	'br'	默认 alignEdge
icon	fusion icon type 或 icon 元素	否	string/ React Node	'warning'
title	弹出层标题	否	string	''
content	弹出层内容	否	string / React Node
onOk	确认键回调	否	funtion
okText	确认键文字	否	string	'确认'
onCancel	取消键回调	否	funtion	noop
cancelText	取消键文字	否	string	'取消'
balloonProps	透传给 Balloon 的参数，具体见 Balloon	否	object	{}
className	类名	否	string	''
disabled	是否禁用	否	Boolean	false

onOk 和 onCancel 在为 falsy 时，对应的确定和取消按钮则不渲染出来。这两个函数可以是普通函数或异步函数（返回 promise），并且在返回 false 或 resolve false 时阻止关闭弹层。

另外，onOk 如果是一个异步函数，那么在 resolve 前，确定按钮展示 loading 状态并且阻止再次点击。