/** * 该文件为脚本自动生成文件,请勿随意修改。如需修改请联系 PMC * */ import { TNode } from '../common'; import { MouseEvent } from 'react'; export interface TdStepsProps { /** * 当前步骤,即整个步骤条进度。默认根据步骤下标判断步骤的完成状态,当前步骤为进行中,当前步骤之前的步骤为已完成,当前步骤之后的步骤为未开始。如果每个步骤没有设置 value,current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value,则 current = 'FINISH' 表示所有状态完成 */ current?: string | number; /** * 当前步骤,即整个步骤条进度。默认根据步骤下标判断步骤的完成状态,当前步骤为进行中,当前步骤之前的步骤为已完成,当前步骤之后的步骤为未开始。如果每个步骤没有设置 value,current 值为步骤长度则表示所有步骤已完成。如果每个步骤设置了自定义 value,则 current = 'FINISH' 表示所有状态完成,非受控属性 */ defaultCurrent?: string | number; /** * 用于控制 current 指向的步骤条的状态 * @default process */ currentStatus?: 'default' | 'process' | 'finish' | 'error'; /** * 步骤条方向,有两种:横向和纵向 * @default horizontal */ layout?: 'horizontal' | 'vertical'; /** * 只读状态 */ readonly?: boolean; /** * 步骤条顺序 * @default positive */ sequence?: 'positive' | 'reverse'; /** * 步骤条风格 * @default default */ theme?: 'default' | 'dot'; /** * 当前步骤发生变化时触发 */ onChange?: (current: string | number, previous: string | number, context?: { e?: MouseEvent; }) => void; } export interface TdStepItemProps { /** * 步骤描述,同 content */ children?: TNode; /** * 步骤描述 * @default '' */ content?: TNode; /** * 步骤条自定义内容 */ extra?: TNode; /** * 图标,默认显示内置图标,也可以自定义图标,值为 false 则不显示图标。优先级大于 `status` 定义的图标 * @default true */ icon?: TNode; /** * 当前步骤的状态:默认状态(未开始)、进行中状态、完成状态、错误状态 * @default default */ status?: StepStatus; /** * 标题 * @default '' */ title?: TNode; /** * 标题右侧数据 仅支持 layout = 'vertical' 时 * @default '' */ titleRight?: TNode; } export type StepStatus = 'default' | 'process' | 'finish' | 'error';