抽屉布局

组件 ID: drawer

这是一个标准的 SunForm 布局组件，支持可视化配置与低代码生成。

JSON 配置示例

直接复制以下 JSON 到配置文件中即可使用。

{
  "type": "drawer",
  "props": {
    "title": "标题",
    "remark": "",
    "hide": false,
    "onCreated": null,
    "onMounted": null,
    "height": null,
    "showDrawer": false,
    "position": "right",
    "size": "50%",
    "showFooter": false,
    "showClose": false,
    "showTitle": true,
    "overlayClick": true,
    "showCancel": true,
    "cancelText": "取消",
    "confirmText": "确认"
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`height`	any	null	高度
`showDrawer`	boolean	false	暂无描述
`position`	string	right	暂无描述
`title`	string	标题	暂无描述
`size`	string	50%	组件尺寸 (small/default/large)
`showFooter`	boolean	false	暂无描述
`showClose`	boolean	false	暂无描述
`showTitle`	boolean	true	暂无描述
`overlayClick`	boolean	true	暂无描述
`showCancel`	boolean	true	暂无描述
`cancelText`	string	取消	暂无描述
`confirmText`	string	确认	暂无描述
`round`	string	-	暂无描述
`maxHeight`	string	-	暂无描述
`disabledScroll`	boolean	false	暂无描述
`onDrawerConfirm`	any	null	事件回调
`onDrawerCancel`	any	null	事件回调
`style`	object	{}	自定义内联样式 CSS

抽屉 布局

JSON 配置示例

属性配置 (Props)

抽屉布局