43 lines
2.4 KiB
Markdown
43 lines
2.4 KiB
Markdown
## Drawer
|
|
|
|
Drawer 由 [Action](./Action.md) 触发。
|
|
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
|
| -------------- | ----------------------------------------------- | ------------ | ------------------------------------------------ |
|
|
| type | `string` | | `"drawer"` 指定为 Drawer 渲染器 |
|
|
| title | `string` 或者 [Container](./Types.md#Container) | | 弹出层标题 |
|
|
| body | [Container](./Types.md#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](./Action.md) | | 可以不设置，默认只有【确认】和【取消】两个按钮。 |
|
|
| data | `object` | | 用于数据映射，如果不设定将默认将触发按钮的上下文中继承数据。用法同 api 中的 [data](./Types.md#api) 用法 |
|
|
|
|
```schema:height="200"
|
|
{
|
|
"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": "文本"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
```
|