遮罩组件

主要用于页面级别的蒙层

API

| name | description | type | default | | ---------- | ---------------------------------------- | -------- | ------- | | open | 控制遮罩的显示与隐藏 | boolean | false | | showMask | 是否显示遮罩 | boolean | false | | contentWidth | 遮罩层上的内容盛放区域的宽度 | string | 700px | | contentHeight | 遮罩层上的内容盛放区域的高度 | string | 220px | | contentBgColor | 遮罩层上的内容盛放区域的背景颜色 | String | undefined | | maskBgColor | 遮罩的颜色 | String | undefined | | closeOnOverlay | 是否开启点击遮罩关闭 | boolean | true | | closeOnEsc | 是否开启esc键关闭遮罩 | boolean | true | | onClose | 负责关闭遮罩的函数 | Function | () => void |

onClose 说明:

1、由该函数负责具体的关闭逻辑(在你的组件内部通过控制open参数来实现关闭与否),并且你可以在关闭前或者关闭后有机会实现你自己的业务逻辑。

2、如果不提供该函数,那么关闭功能将失效

3、你可以实现自己的具体content组件，并作为children 嵌套于该组件,以达到你的content自定义的效果。同理，你也可以实现自己想要的关闭按钮样式,并自定义关闭前后的逻辑