bee-overlay-modal

bee-overlay modal版本

使用方法

参数	说明	类型	默认值
container	目标容器	DOM元素\react组件\或是返回组件的函数	''

参数	说明	类型	默认值
show	是否显示	boolean	false
rootClose	是否点击除弹出层任意地方隐藏	boolean	true
onHide	当rootClose设置为false时，可设置为隐藏方法	function	-
transition	过度动画组件	component	-
onEnter	开始显示时的钩子函数	function	-
onEntering	显示时的钩子函数	function	-
onEntered	显示完成后的钩子函数	function	-
onExit	隐藏开始时的钩子函数	function	-
onExiting	隐藏进行时的钩子函数	function	-
onExited	隐藏结束时的钩子函数	function	-

参数	说明	类型	默认值
show	是否显示	boolean	false
rootClose	是否点击除弹出层任意地方隐藏	boolean	true
onHide	当rootClose设置为false时，可设置为隐藏方法	function	-
transition	过度动画组件	component	-
onEnter	开始显示时的钩子函数	function	-
onEntering	显示时的钩子函数	function	-
onEntered	显示完成后的钩子函数	function	-
onExit	隐藏开始时的钩子函数	function	-
onExiting	隐藏进行时的钩子函数	function	-
onExited	隐藏结束时的钩子函数	function	-
placement	显示位置设置	top\left\bottom\right	right
placement	第二优先级显示位置设置	top\left\bottom\right	right

参数	说明	类型	默认值
trigger	触发叠加层的事件	click/hover/focus	hover/focus
delay	叠加层显示和隐藏的延迟时间	number	-
delayShow	叠加层显示的延迟时间	number	-
delayHide	叠加层隐藏的延迟时间	number	-
defaultOverlayShown	覆盖Overlay设置的默认显隐状态	boolean	false
overlay	叠加层	element/string/function	-
onBlur	失去焦点触发的时间	function	-
onClick	点击事件	function	-
onFocus	焦点事件	function	-
onMouseOut	鼠标离开事件	function	-
onMouseOver	鼠标滑过事件	function	-
popData	trigger的自定义属性，例如 `{"data-name":"lucian","data-sex":"man"}`，属性名不能和其它属性名重复，否则会被覆盖	Object	-

参数	说明	类型	默认值
offsetTop	到屏幕顶部像素	number	-
viewportOffsetTop	到窗口的偏移像素	number	-
offsetBottom	到屏幕的底部的偏移像素	number	-
topClassName	在顶部时添加的class	class	-
topStyle	在顶部添加的style	style	-
affixClassName	当固定定位时，添加的class	class	-
affixStyle	当固定定位时，添加的style	style	-
bottomClassName	在底部时添加的class	class	-
bottomStyle	在底部时添加的style	style	-
onAffix	在affixstyle和affixClassName添加之前的钩子函数	function	-
onAffixed	在affixstyle和affixClassName添加之后的钩子函数	function	-
onAffixTop	在topStyle和topClassName添加之前的钩子函数	function	-
onAffixedTop	在topStyle和topClassName添加之后的钩子函数	function	-
onAffixBottom	在bottomStyle和bottomClassName添加之前的钩子函数	function	-
onAffixedBottom	在bottomStyle和bottomClassName添加之后的钩子函数	function	-

参数	说明	类型	默认值
container	容器元素	DOM元素\React组件\或者返回React组件的函数	---:
autoWidth	是否自适应宽度	boolean	---:

参数	说明	类型	默认值
show	是否显示	boolean	false
container	容器	DOM元素\React组件\或者返回React组件的函数	-
onShow	当模态框显示时的钩子函数	function	-
onHide	当模态框关闭时的钩子函数	function	-
backdrop	显示时，是否包含背景	boolean	true
renderBackdrop	返回背景元素的函数	function	-
onEscapeKeyUp	响应ESC键时的钩子函数	function	-
onBackdropClick	点击背景元素的函数	function	-
backdropStyle	添加到背景元素的style	function	-
backdropClassName	添加到背景元素的class	function	-
containerClassName	添加到外部容器的class	function	-
keyboard	ESC键是否关闭模态框	boolean	true
transition	动画组件	function	-
dialogTransitionTimeout	设置动画超时时间	function	-
backdropTransitionTimeout	设置背景动画超时时间	function	-
autoFocus	显示时是否自动设置焦点	function	-
enforceFocus	不让焦点离开模态框	function	-
onEnter	模态框显示时的钩子函数	function	-
onEntering	模态框进入中的钩子函数	function	-
onEntered	模态框显示后的钩子函数	function	-
onExit	模态框关闭时的钩子函数	function	-:
onExiting	模态框关闭中的钩子函数	function	-
onExited	模态框关闭后的钩子函数	function	-
manager	管理模态框状态的组件	required	-

$ git clone https://github.com/tinper-bee/bee-overlay-modal
$ cd bee-overlay-modal
$ npm install
$ npm run dev