表单布局

组件 ID: form

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

JSON 配置示例

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

{
  "type": "form",
  "props": {
    "value": null,
    "remark": "",
    "hide": false,
    "style": "{}",
    "labelPosition": "left",
    "labelAlign": "left",
    "labelWidth": "160",
    "detailApiSet": "{",
    "method": "post",
    "apiurl": "",
    "params": [],
    "headers": [],
    "isQuery": false,
    "contentType": "JSON",
    "paramsFormat": "",
    "headersFormat": ""
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`remark`	string	-	组件备注/说明
`hide`	boolean	false	是否隐藏该组件
`style`	object	{}	自定义内联样式 CSS
`labelPosition`	string	left	标签位置 (top/left)
`labelAlign`	string	left	标签对齐方式
`labelWidth`	string	160	标签宽度
`value`	any	null	表单值 / 绑定值
`detailApiSet`	object	{	暂无描述
`method`	string	post	暂无描述
`apiurl`	string	-	暂无描述
`params`	object	[]	暂无描述
`headers`	object	[]	请求头配置
`isQuery`	boolean	false	暂无描述
`contentType`	string	JSON	暂无描述
`paramsFormat`	string	-	暂无描述
`headersFormat`	string	-	暂无描述
`successFormat`	string	-	暂无描述
`errorFormat`	string	-	暂无描述
`labelField`	string	-	暂无描述
`valueField`	string	-	暂无描述
`beforeSend`	string	-	暂无描述
`createApiSet`	object	{	暂无描述
`method`	string	post	暂无描述
`apiurl`	string	-	暂无描述
`params`	object	[]	暂无描述
`headers`	object	[]	请求头配置
`isQuery`	boolean	false	暂无描述
`contentType`	string	JSON	暂无描述
`paramsFormat`	string	-	暂无描述
`headersFormat`	string	-	暂无描述
`successFormat`	string	-	暂无描述
`errorFormat`	string	-	暂无描述
`labelField`	string	-	暂无描述
`valueField`	string	-	暂无描述
`beforeSend`	string	-	暂无描述
`updateApiSet`	object	{	暂无描述
`method`	string	post	暂无描述
`apiurl`	string	-	暂无描述
`params`	object	[]	暂无描述
`headers`	object	[]	请求头配置
`isQuery`	boolean	false	暂无描述
`contentType`	string	JSON	暂无描述
`paramsFormat`	string	-	暂无描述
`headersFormat`	string	-	暂无描述
`successFormat`	string	-	暂无描述
`errorFormat`	string	-	暂无描述
`labelField`	string	-	暂无描述
`valueField`	string	-	暂无描述
`beforeSend`	string	-	暂无描述
`formMode`	string	Create	暂无描述
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onSubmit`	any	null	事件回调
`onSubmitSuccess`	any	null	事件回调
`onSubmitError`	any	null	事件回调
`onValidateFail`	any	null	事件回调
`onReset`	any	null	事件回调

表单 布局

JSON 配置示例

属性配置 (Props)

表单布局