Drawer 由 Action 触发。
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
type | string |
"drawer" 指定为 Drawer 渲染器 |
|
title | string 或者 Container |
弹出层标题 | |
body | Container | 往 Drawer 内容区加内容 | |
size | string |
指定 Drawer 大小,支持: xs 、sm 、md 、lg |
|
bodyClassName | string |
modal-body |
Drawer body 区域的样式类名 |
closeOnEsc | boolean |
false |
是否支持按 Esc 关闭 Drawer |
closeOnOutside | boolean |
false |
点击内容区外是否关闭 Drawer |
overlay | boolean |
true |
是否显示蒙层 |
resizable | boolean |
false |
是否可通过拖拽改变 Drawer 大小 |
actions | Array Of Action | 可以不设置,默认只有【确认】和【取消】两个按钮。 | |
data | object |
用于数据映射,如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 data 用法 |
{
"body": {
"label": "弹出",
"type": "button",
"level": "primary",
"actionType": "drawer",
"drawer": {
"title": "表单设置",
"body": {
"type": "form",
"api": "/api/mock2/form/saveForm?waitSeconds=1",
"controls": [
{
"type": "text",
"name": "text",
"label": "文本"
}
]
}
}
}
}