@tplc/business/components/lcb-banner/types.ts

import { ActionView } from 'action'
import { LcbBlockProps } from '../lcb-block/types'

export interface LcbBannerProps extends LcbBlockProps {
  items?: Partial<ActionView>[]
  imageWidth?: number
  /** 风格 1.平铺 2.卡片 */
  styleGroup?: 1 | 2
  autoplay?: boolean
  /**  滚动方向 默认 horizontal */
  direction?: 'horizontal' | 'vertical'
  /** 同时显示的滑块数量 默认 1 */
  displayMultipleItems?: number
  /** 滑动时长 300ms */
  duration?: number
  /** 轮播图高度  默认192 */
  height?: number
  imgWidth?: number
  /** 轮播间隔时间 5000ms */
  interval?: number
  /** 是否循环播放 默认 true */
  loop?: boolean
  /**  后边间距 */
  nextMargin?: number
  /** 前边间距 */
  previousMargin?: number
  /** 指示器位置 bottom */
  indicatorPosition?:
    | 'left'
    | 'top-left'
    | 'top'
    | 'top-right'
    | 'bottom-left'
    | 'bottom'
    | 'bottom-right'
    | 'right'
  /** 边距是否应用到第一个、最后一个元素 */
  paddingBottom?: number
  /** 指示器底部距离 */
  indicatorBottom?: number
  snapToEdge?: boolean
  // 图片之间距离
  itemPadding?: number
  /** 图片圆角 */
  imageRadius?: number
  // 整个banner圆角
  radius?: number
  customPrevImageClass?: string
  customNextImageClass?: string
  indicator?: 'dots' | 'dots-bar' | 'fraction'
  /** 滑动样式 1平面 2立体 */
  slidingStyle?: 1 | 2
}