@tplc/wot/types/components/wd-swiper-nav/types.d.ts

import type { ExtractPropTypes } from 'vue'
import type { DirectionType, IndicatorPositionType } from '../wd-swiper/types'
/**
 * 指示器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
 */
export type SwiperIndicatorType = 'dots' | 'dots-bar' | 'fraction'
export declare const swiperNavprops: {
  /**
   * 当前轮播在哪一项（下标）
   */
  current: {
    type: NumberConstructor
    default: number
  }
  /**
   * 轮播滑动方向，包括横向滑动和纵向滑动两个方向
   */
  direction: {
    type: import('vue').PropType<DirectionType>
    default: DirectionType
  }
  /**
   * 小于这个数字不会显示导航器
   */
  minShowNum: {
    type: NumberConstructor
    default: number
  }
  /**
   * 指示器位置
   */
  indicatorPosition: {
    type: import('vue').PropType<IndicatorPositionType>
    default: IndicatorPositionType
  }
  /**
   * 是否显示两侧的控制按钮
   */
  showControls: {
    type: BooleanConstructor
    default: boolean
  }
  /**
   * 总共的项数
   */
  total: {
    type: NumberConstructor
    default: number
  }
  /**
   * 指示器类型，点状(dots)、点条状(dots-bar)、分式(fraction)等
   */
  type: {
    type: import('vue').PropType<SwiperIndicatorType>
    default: SwiperIndicatorType
  }
  /**
   * 指示器活动颜色
   */
  activityColor: {
    type: import('vue').PropType<string>
    default: string
  }
  /**
   * 指示器非活动颜色
   */
  inactiveColor: {
    type: import('vue').PropType<string>
    default: string
  }
  customStyle: {
    type: import('vue').PropType<string>
    default: string
  }
  customClass: {
    type: import('vue').PropType<string>
    default: string
  }
}
export type SwiperNavProps = ExtractPropTypes<typeof swiperNavprops>