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