import React, { CSSProperties, PropsWithChildren, HTMLAttributes } from 'react'; import { WithRef } from '../utils/type'; export { default as Step } from './Item'; export type { StepProps } from './Item'; export declare type StepsProps = { className?: string; /** * 步骤条方向 * @default horizontal */ direction?: 'horizontal' | 'vertical'; /** * 当前序号,从 0 开始计数 * @default 0 */ current?: number; /** * 传递该参数时,步骤条可点击切换 */ onChange?: (current: number) => void; /** * 当前步骤的状态 * @default process */ status?: StepStatus; /** * 每个步骤项的标题放置位置,仅在步骤条为水平方向时生效,放置到图标右侧时步骤项的描述不展示 * @default bottom */ labelPlacement?: 'bottom' | 'right'; style?: CSSProperties; /** * 根元素的 html 属性 */ rootHtmlProps?: WithRef, HTMLDivElement>; }; export declare type StepStatus = 'process' | 'finish' | 'error' | 'wait'; declare type StepsContext = { current: number; status: StepStatus; onChange?: (current: number) => void; }; export declare const stepsContext: React.Context; export default function Steps(props: PropsWithChildren): React.JSX.Element;