@cainiaofe/cn-ui-m
Version:
66 lines (65 loc) • 1.5 kB
TypeScript
/// <reference types="react" />
export interface CnStepItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'content'> {
/**
* 节点状态
*/
status?: 'finish' | 'process' | 'wait' | 'error';
/**
* 节点形状，一般由父层空值
*/
shape?: 'circle' | 'dot';
/**
* 节点方向，一般有父层空值
*/
direction?: 'hoz' | 'ver';
/**
* 节点在父层中的顺序
*/
order?: number;
/**
* 标题
*/
title?: string;
/**
* 节点描述文案
*/
content?: React.ReactNode;
/**
* 节点内容自定义渲染 `v0.9.34+`
* @since 0.9.34
*/
contentRender?: (item: CnStepItemProps, index: number) => React.ReactNode;
/**
* 自定义节点 icon
*/
icon?: String;
/**
* 纵向可用左侧附加，常用于显示时间
*/
addon?: React.ReactNode;
/**
* 纵向可用右侧附加，常用于显示全量时间 `v0.9.5+`
* @since 0.9.5
*/
extra?: React.ReactNode;
/**
* 由父层控制的禁用状态，优先级小于
*/
isPreDisabled?: boolean;
/**
* 是否禁用
*/
disabled?: boolean;
/**
* 是否是最后一个节点，常由父层控制
*/
isLast?: boolean;
/**
* 是否是第一个节点，常由父层控制
*/
isFirst?: boolean;
/**
* 点击的回调
*/
onClick?: (index: number) => void;
}