nutui-uniapp/components/indicator/indicator.ts

京东风格的轻量级移动端 Uniapp、Vue3 组件库（支持小程序开发）

import type { ExtractPropTypes } from 'vue'
import { commonProps, makeNumberProp, makeStringProp, truthProp } from '../_utils'

export const indicatorProps = {
  ...commonProps,
  /**
   * @description 步骤长度
   */
  size: makeNumberProp(3),
  /**
   * @description 当前步骤
   */
  current: makeNumberProp(1),
  /**
   * @description 是否启用块级布局
   */
  block: Boolean,
  /**
   * @description 对齐方式，仅在 `block` 为 `true` 时生效, 可选值 `left`, `right`, `center`
   */
  align: makeStringProp<'left' | 'center' | 'right'>('left'),
  /**
   * @description 单数前面是否补 0
   */
  fillZero: truthProp,
}

export type IndicatorProps = ExtractPropTypes<typeof indicatorProps>