@beisen-phoenix/ux-builder-drawer

| 参数 | 说明 | 类型 | 默认值 | 版本 | | --- | --- | --- | --- | --- | | closable | 是否显示右上角的关闭按钮 | boolean | true | | | destroyOnClose | 关闭时销毁 Drawer 里的子元素 | boolean | false | | | getContainer | 指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 dom | HTMLElement \| `() => HTMLEl

Usage no npm install needed!

<script type="module">
  import beisenPhoenixUxBuilderDrawer from 'https://cdn.skypack.dev/@beisen-phoenix/ux-builder-drawer';
</script>

README

API

参数 说明 类型 默认值 版本
closable 是否显示右上角的关闭按钮 boolean true
destroyOnClose 关闭时销毁 Drawer 里的子元素 boolean false
getContainer 指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 dom HTMLElement | () => HTMLElement | Selectors | false 'body'
maskClosable 点击蒙层是否允许关闭 boolean true
mask 是否展示遮罩 Boolean true
maskStyle 遮罩样式 object {}
style 可用于设置 Drawer 最外层容器的样式 object -
bodyStyle 可用于设置 Drawer 的样式，调整浮层位置等 object -
title 标题 string | ReactNode -
visible Drawer 是否可见 boolean -
width 宽度 string | number 256
height 高度, 在 placement 为 top 或 bottom 时使用 string | number 256
className 对话框外层容器的类名 string - 3.8.0
zIndex 设置 Drawer 的 z-index Number 1000
placement 抽屉的方向 'top' | 'right' | 'bottom' | 'left' 'right'
onClose 点击遮罩层或右上角叉或取消按钮的回调 function(e) 无
afterVisibleChange 切换抽屉时动画结束后的回调 function(visible) 无
keyboard 是否支持键盘 esc 关闭 boolean true
size 右推屏的大小 string lg