@tplc/business/components/lcb-img-nav/types.ts

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

export interface LcbImgNavProps extends LcbBlockProps {
  /** 模式 1.单行 2.多行 3.cell */
  styleGroup?: 1 | 2 | 3
  /** 文字颜色 #212121 */
  textColor?: string
  /** 背景图片 */
  bgImg?: string
  /** 图标颜色 #212121 */
  iconColor?: string
  /** 图标类型 0.系统 1.自定义 */
  iconType?: 0 | 1
  /** 数据内容 */
  items?: (ActionView & {
    /** 依赖值 */
    dependKey?: string
    /** 依赖值类型 */
    keyFromUser?: boolean
    /** 依赖值反选 */
    reverse?: boolean
    /** 依赖值对比值 */
    dependKeyCompareValue?: string
  })[]
  /** 排布方式每行几个 */
  pictureDistribution?: 3 | 4 | 5
  /** 图标尺寸 0.小40px  2.大50px */
  iconSize?: number
  /** 图标圆角 默认 0 */
  iconRadius?: number
  /** 图标边框颜色（为空则不显示） */
  iconBorderColor?: string
  /** 图标边框宽度（单位：rpx） */
  iconBorderWidth?: number
  /** 图标边框圆角（单位：rpx） */
  iconBorderRadius?: number
  iconPadding?: number
  /** 文字与图标距离 */
  iconTextMargin?: number
  textFontWeight?: number

  divider?: boolean
  /** 箭头颜色 */
  arrowColor?: string
  /** 箭头大小 */
  arrowSize?: number

  // 是否显示标题
  showTitle?: boolean
  title?: string
  fontWeight?: number
  fontSize?: number
  color?: string
  titlePadding?: number
  textSize?: number
  urlKey?: string
  titleKey?: string
  titleBottom?: number

  itemVerticalPadding?: number
  itemHorizontalPadding?: number
  itemGap?: number
  itemFlexMode?: 'row' | 'column'
  rowItemProps?: {
    /** 阴影颜色 */
    shadowColor?: string
    /** 阴影大小 */
    shadowSize?: number
    /** 模糊大小 */
    blurSize?: number
    backgroundColor?: string
    borderRadius?: number
  }
}