@rax-ui/modal

---

display: Modal family: utils

Modal

Modal 提供了弹出遮罩层的能力，为 Dialog、Drawer 等组件提供了底层能力。 (Weex, Web)

API

Props

名称	说明	类型	默认值
visible	对话框是否显示	boolean	false
container	对话框的容器		() => document.body
disablePortal	禁用 portal 功能	boolean	false
keepMounted	是否一直存在	boolean	false
hideBackdrop	是否隐藏遮盖背景	boolean	false
disableBackdropClose	是否禁用背景点击关闭	boolean	false
onEnter	开始进入时回调函数	() => void
onExit	开始退出时回调函数	() => void
onEntering	正在进入时回调函数	() => void
onExiting	正在退出时回调函数	() => void
onEntered	进入后回调函数	() => void
onExited	退出后回调函数	() => void
onBackdropClick	遮盖背景被点击时调用	() => void
onClose	关闭时调用	(reason: string) => void
transition	打开/关闭的过渡动效	{ transition: TransitonType, styles: { enter, exit } }
containerStyle	容器样式，设置 transition 后生效	CSSProperties

TransitionType

名称	说明	类型	默认值
properties	过渡属性	Array	[]
delay	延迟时间	number	0
duration	动画持续时间	number
timingFunction	动画函数	'linear' / 'ease' / 'ease-in' / 'ease-out' / 'ease-in-out' / 'cubic-bezier(x1, y1, x2, y2)'	'ease'

CSS API

名称	说明
modal	对话框样式
backdrop	背景样式