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

import { LcbActionViewProps } from '../lcb-action-view/types'

export interface ICapsule {
  icon: string
  action:
    | 'translate'
    | 'scanCode'
    | 'search'
    | 'home'
    | 'setting'
    | 'back'
    | 'share'
    | 'notification'
    | 'custom'
  customAction?: () => void
  dependKey?: string
  keyFromUser?: string
  dependKeyCompareValue?: string
  reverse?: boolean
  actionViewProps?: LcbActionViewProps
}

export interface AddressCommunityProps {
  backgroundColor?: string
  color?: string
  fontSize?: number
  width?: number
  mode: 'normal' | 'menu'
  popupWidth?: number
  switchType?: 'merchant' | 'address'
  title?: string
  id?: string
}

export interface NavTitleProps {
  /** 模式 */
  titleMode?: 'text' | 'img'
  /** 标题 */
  title?: string
  /** 图片 */
  logoImg?: string
  typographyTextBackground?: string
  /** 方位 */
  titleLocation?: 'left' | 'center'
  /** 是否沉浸式 */
  opacity?: number
  textSize?: number
  fontWeight?: number
  keyFromUser?: boolean
}
export interface NavProps extends NavTitleProps {
  /** 是否固定 */
  fixed?: boolean
  /** 是否沉浸式状态栏 */
  // 1 标准 2沉浸式
  topStyle?: 1 | 2
  // 沉浸规则 1滑动后恢复  2永久沉浸式 3 永久沉浸式且显示标题
  immersionMode?: 1 | 2 | 3
  /** 模式 1.标题 2.搜索 3.导航 4.沉浸式 */
  styleGroup?: 1 | 2 | 3 | 4
  /** 背景图片 */
  backgroundImage?: string
  /** 颜色模式 */
  colorMode?: 'custom' | 'default'
  /** 背景颜色 */
  backColor?: string
  /** 背景样式 */
  backgroundType?: 'img' | 'color'
  /** 内容颜色 */
  contentColor?: string
  searchText?: string
  /** 是否显示返回按钮 */
  back?: boolean
  /** 胶囊样式 */
  capsuleMode?: 'light' | 'dark'
  /** 胶囊列表 */
  capsules?: ICapsule[]
  searchLink?: LcbActionViewProps
  rightIcons?: ICapsule[]
  showAddressCommunity?: boolean
  addressCommunityProps?: AddressCommunityProps
}