步进器表单

组件 ID: stepper

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

JSON 配置示例

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

{
  "type": "stepper",
  "props": {
    "label": "步进器",
    "value": 0,
    "labelAlign": "left",
    "labelPosition": "top",
    "labelWidth": "120upx",
    "hide": false,
    "zdname": "",
    "hasLabel": true,
    "required": false,
    "readonly": false,
    "disabled": false,
    "max": 100,
    "min": 0,
    "step": 1,
    "decimalLen": 0,
    "width": "220"
  }
}

属性配置 (Props)

属性名	类型	默认值	说明
`label`	string	步进器	标签文本/标题
`labelAlign`	string	left	标签对齐方式
`labelPosition`	string	top	标签位置 (top/left)
`value`	number	0	表单值 / 绑定值
`labelWidth`	string	120upx	标签宽度
`hide`	boolean	false	是否隐藏该组件
`zdname`	string	-	暂无描述
`hasLabel`	boolean	true	暂无描述
`required`	boolean	false	是否必填
`readonly`	boolean	false	是否只读
`disabled`	boolean	false	是否禁用
`max`	number	100	最大值 / 最大长度
`min`	number	0	最小值 / 最小长度
`step`	number	1	步长
`decimalLen`	number	0	暂无描述
`width`	string	220	宽度
`height`	string	64	高度
`btnWidth`	string	64	暂无描述
`btnColor`	string	-	颜色值
`darkBtnColor`	string	-	颜色值
`bgColor`	string	-	颜色值
`darkBgColor`	string	-	颜色值
`round`	string	8	暂无描述
`splitBtn`	boolean	false	暂无描述
`btnFontColor`	string	#333333	颜色值
`fontColor`	string	#333333	颜色值
`fontSize`	string	28	暂无描述
`direction`	string	row	排列方向 (row/column)
`onCreated`	any	null	组件创建时触发的事件
`onMounted`	any	null	组件挂载后触发的事件
`onChange`	any	null	事件回调

步进器 表单

JSON 配置示例

属性配置 (Props)

步进器表单