Stepper 属性

名称	类型	默认值	说明
activeStep	number	-	当前步骤，从 0 开始。
orientation	'horizontal' | 'vertical'	'horizontal'	排列方向。
onStepClick	(index: number) => void	-	传入后步骤变成按钮。@step-click 填的就是这个属性。
label	string	进度	列表的无障碍名称。
density	'compact' | 'balanced' | 'spacious'	'balanced'	每一步周围的间距。
indicatorPosition	'separated' | 'on-track'	'separated'	标记落在连接线上，还是和一条单独的进度条分开。
hasCollapsibleLabels	boolean	false	水平步骤条窄于 480px 时，只留下当前步骤的文字。
horizontalOptions	{ minimumStepWidth?: number, collapsedVariant?: 'withLabelAndControls' | 'withLabel' | 'hiddenLabel' }	{ minimumStepWidth: 112, collapsedVariant: 'withLabelAndControls' }	水平步骤条窄于 minimumStepWidth 乘以步骤数时保留轨道，并显示当前步。withLabelAndControls 在设置了 onStepClick 时带上 Previous / Next。withLabel 只显示标签。hiddenLabel 只留轨道。

Step 属性

名称	类型	默认值	说明
step	number	-	这一步的序号，从 0 开始。
label	string	-	步骤名称。
description	string	-	名称下面的说明。
status	'accent' | 'success' | 'warning' | 'error'	-	只给指示器换色。连接线仍按进度着色。
isDisabled	boolean	false	这一步不能点。
isOptional	boolean	false	在名称后标出可选。
indicator	'auto' | 'number' | 'none'	'auto'	auto 显示勾、圆环或数字。number 始终显示序号。
density	'compact' | 'balanced' | 'spacious'	跟随步骤条	这一步自己的间距。

Step 插槽

名称	说明
default	名称下面的内容。垂直且进度条分开时，它在按钮外面。
icon	替换指示器里的图形。
end	名称这一行末尾的内容。