输入框表单

组件 ID: input

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

JSON 配置示例

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

{
  "type": "input",
  "props": {
    "label": "输入框",
    "value": null,
    "hasLabel": true,
    "size": "default",
    "remark": "",
    "leftIcon": "",
    "rightIcon": "",
    "leftText": "",
    "rightText": "",
    "rightButton": false,
    "required": false,
    "readonly": false,
    "disabled": false,
    "isDetail": false,
    "color": "",
    "hide": false
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`hasLabel`	boolean	true	暂无描述
`size`	string	default	组件尺寸 (small/default/large)
`remark`	string	-	组件备注/说明
`leftIcon`	string	-	图标
`rightIcon`	string	-	图标
`value`	any	null	表单值 / 绑定值
`leftText`	string	-	暂无描述
`rightText`	string	-	暂无描述
`rightButton`	boolean	false	暂无描述
`required`	boolean	false	是否必填
`readonly`	boolean	false	是否只读
`disabled`	boolean	false	是否禁用
`isDetail`	boolean	false	暂无描述
`color`	string	-	组件主色调
`hide`	boolean	false	是否隐藏该组件
`showClear`	boolean	false	暂无描述
`maxlength`	string	-1	暂无描述
`placeholder`	string	请输入	占位提示文本
`align`	string	left	垂直排列方式
`fontSize`	string	32	暂无描述
`prependText`	string	-	暂无描述
`appendText`	string	-	暂无描述
`labelPosition`	string	top	标签位置 (top/left)
`zdname`	any	null	暂无描述
`label`	string	输入框	标签文本/标题
`labelAlign`	string	left	标签对齐方式
`labelWidth`	string	120upx	标签宽度
`type`	string	text	暂无描述
`validate`	any	null	暂无描述
`rows`	number	3	暂无描述
`isTrim`	boolean	false	暂无描述
`showLimit`	boolean	false	暂无描述
`validationRules`	object	[]	自定义校验规则
`validationState`	object	{ valid: true, message: '' }	暂无描述
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onInput`	any	null	事件回调
`onChange`	any	null	事件回调
`onFocus`	any	null	事件回调
`onBlur`	any	null	事件回调
`onHandle`	any	null	事件回调

输入框 表单

JSON 配置示例

属性配置 (Props)

输入框表单