步骤条

介绍

明示任务流程和当前完成程度，引导用户按照步骤完成任务。

API

Props

参数	说明	类型	默认值
默认状态	支持变量绑定	默认 / 隐藏	默认
步骤条类型	步骤条的类型	默认 / 箭头 / 圆点/ 导航	默认
步骤条方向	步骤条的显示方向	水平 / 垂直	水平
标签放置方向	标签描述文字放置的位置	水平 / 垂直	水平
步骤配置	步骤详细配置	StepConfig
当前步骤索引值	当前步骤索引值	number	1
当前步骤状态	当前步骤状态	等待 / 进行中 / 完成 / 错误	进行中
是否可以点击切换	是否可以点击切换	boolean	false
是否使用无连接线样式	是否使用无连接线样式	boolean	false
是否使用小型步骤条	是否使用小型步骤条	boolean	false
自定义步骤内容	渲染函数返回 jsx 语法，用户自定义渲染内容	Function	-

events

事件名	说明	回调参数
onChange	值变化时	ctx, params: {step: number}, loopDataList: LoopData

Type

StepConfig

参数	说明	类型	默认值
标题	步骤的标题	string	步骤
描述信息	步骤的描述信息	string	-
步骤状态	步骤的状态	等待 / 进行中 / 完成 / 错误	-
是否禁用步骤	步骤是否禁用	boolean	false

LoopData

参数名	描述	类型
indexName	索引变量名	string
paramName	迭代变量名	string
row	当前迭代数据元素	any
rowIndex	当前迭代数据索引	any
ref	完整循环数组数据	ComputedRefImpl<Array>