## 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)                  |              | 可以不设置，默认只有【确认】和【取消】两个按钮。 |

```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": "文本"
          }
        ]
      }
    }
  }
}
```
