@varlet/ui/types/image.d.ts

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.

import { ImgHTMLAttributes, VNode } from 'vue'
import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'

export declare const imageProps: Record<keyof ImageProps, any>

export type ImageFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'

export interface ImageProps extends BasicAttributes {
  src?: string
  fit?: ImageFit
  position?: string
  title?: string
  alt?: string
  referrerpolicy?: ImgHTMLAttributes['referrerpolicy']
  width?: string | number
  height?: string | number
  radius?: string | number
  loading?: string
  error?: string
  lazy?: boolean
  ripple?: boolean
  block?: boolean
  onClick?: ListenerProp<(e: Event) => void>
  onLoad?: ListenerProp<(e: Event) => void>
  onError?: ListenerProp<(e: Event) => void>
}

export class Image extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<ImageProps>

  $props: ImageProps

  $slots: {
    error(): VNode[]
  }
}

export class _ImageComponent extends Image {}