im-ui-mobile/types/components/cell.d.ts

A Vue3.0 + Typescript instant messaging component library for Uniapp

import { AllowedComponentProps, VNodeProps } from 'vue'

declare interface CellProps {
  // 基础属性
  type?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info'
  size?: 'small' | 'medium' | 'large'
  disabled?: boolean
  border?: boolean
  hover?: boolean
  clickable?: boolean

  // 左侧内容
  icon?: string
  iconPosition?: 'left' | 'right'
  avatar?: string
  title?: string
  titleSize?: 'small' | 'medium' | 'large'
  description?: string
  descriptionSize?: 'small' | 'medium' | 'large'

  // 右侧内容
  value?: string
  label?: string
  badge?: boolean | number | string
  arrow?: boolean

  // 样式
  padding?: string
  margin?: string
  bgColor?: string
  textColor?: string
}

declare interface CellEvents {
  onClick: (event: PointerEvent) => void
  onLongpress: (event: TouchEvent) => void
}

declare interface _Cell {
  new(): {
    $props: AllowedComponentProps & VNodeProps & CellProps
    $emit: CellEvents
  }
}

export declare const Cell: _Cell