概述

当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务。

API

Steps

参数	说明	类型	默认值	是否必填
current	当前步骤序号，从 0 开始	`number`	无	是
onChange	点击切换（不设置此属性不支持点击切换）	`(current) => void`	无	否
lang	当前语言环境(zh_CN,en_US,zh_TW)	string	zh_CN	否
translation	自定义语言包，详情见下方	object	-	否

translation

const translation = {
  todo: '进行中',
  doing: '已完成',
  done: '未开始'
}

Step

参数	说明	类型	默认值	是否必填
title	步骤标题	`string`	根据状态设置：未开始、进行中、已完成	否
status	状态，优先级低于current	`StatusType`	'todo'	否
disabled	禁用点击	`boolean`	false	否

StepsVertical

竖向步骤条可指定每个步骤的状态，不指定则使用默认规则，current为doing，current之前步骤为done ，之后步骤为todo

API

参数	说明	类型	默认值	是否必传
current	当前步骤序号，从 0 开始	number	无	yes
onChange	点击切换（不设置此属性不支持点击切换）	(current) => void	无	no
data	各个步骤的属性设置	Array	无	无

export enum StatusType {
  todo = 'todo',
  doing = 'doing',
  done = 'done',
  unfinshed = 'unfinshed'
}

export interface IStepsVerticalProps {
  current?: number;
  data: {title: string,status?: StatusType,disabled?: boolean}[];
  onChange?: (current: number) => void;
}