2019-05-08 22:55:41 +08:00
|
|
|
### Drawer
|
|
|
|
|
2019-05-09 21:50:34 +08:00
|
|
|
Drawer 由 [Action](./action.md) 触发。
|
2019-05-08 22:55:41 +08:00
|
|
|
|
2019-05-09 21:37:23 +08:00
|
|
|
| 属性名 | 类型 | 默认值 | 说明 |
|
|
|
|
| ------------- | ----------------------------------------------- | ------------ | ------------------------------------------------ |
|
|
|
|
| type | `string` | | `"drawer"` 指定为 Drawer 渲染器 |
|
|
|
|
| title | `string` 或者 [Container](./Types.md#Container) | | 弹出层标题 |
|
|
|
|
| body | [Container](./Types.md#Container) | | 往 Dialog 内容区加内容 |
|
|
|
|
| size | `string` | | 指定 dialog 大小,支持: `xs`、`sm`、`md`、`lg` |
|
|
|
|
| bodyClassName | `string` | `modal-body` | Dialog body 区域的样式类名 |
|
|
|
|
| closeOnEsc | `boolean` | `false` | 是否支持按 `Esc` 关闭 Dialog |
|
|
|
|
| overlay | `boolean` | `true` | 是否显示蒙层 |
|
|
|
|
| resizable | `boolean` | `false` | 是否可通过拖拽改变 Drawer 大小 |
|
2019-05-09 21:50:34 +08:00
|
|
|
| actions | Array Of [Action](./action.md) | | 可以不设置,默认只有【确认】和【取消】两个按钮。 |
|
2019-05-08 22:55:41 +08:00
|
|
|
|
|
|
|
```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": "文本"
|
|
|
|
}
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
```
|