组件

OneSteps

OneSteps 根据 current 索引推导每个步骤的状态：小于 current 为完成、等于为进行、大于为等待。

填写信息
确认订单
核对收货地址
完成支付

查看代码收起代码

import { OneSteps } from '@geektech/one';

new OneSteps({
  current: 1,
  items: [
    { title: '填写信息' },
    { title: '确认订单', description: '核对收货地址' },
    { title: '完成支付' },
  ],
});

状态与覆盖

每个 item 可显式传入 status（wait/process/finish/error）覆盖自动推导；error 步骤会以危险色显示。

API

OneSteps 属性
名称	签名	说明
`items`	`items: OneStepsItem[]`	步骤项：title、description 与可选 status。
`current`	`current?: number`	当前进行步骤的索引，默认 0。
`direction`	`direction?: 'horizontal' \| 'vertical'`	排列方向，默认 horizontal。

OneStepsItem 与状态
名称	签名	说明
`OneStepsItem`	`{ title: string; description?: string; status?: OneStepsStatus }`	步骤项公开类型。
`OneStepsStatus`	`'wait' \| 'process' \| 'finish' \| 'error'`	步骤状态。
`resolveOneStepsStatus`	`(item, current, index) => OneStepsStatus`	按当前进度解析单步状态。