import { VNode } from 'vue'
|
import { ElementUIComponent } from './component'
|
|
export type ObjectFit = 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
|
|
export interface ImageSlots {
|
/** Placeholder content when image hasn't loaded yet */
|
placeholder: VNode[]
|
|
/** Error content when error occurs to image load */
|
error: VNode[]
|
|
[key: string]: VNode[]
|
}
|
|
/** Image Component */
|
export declare class ElImage extends ElementUIComponent {
|
/** Image source */
|
src: string
|
|
/** Indicate how the image should be resized to fit its container, same as native 'object-fit' */
|
fit: ObjectFit
|
|
/** Whether to use lazy load */
|
lazy: boolean
|
|
/** Scroll container that to add scroll listener when using lazy load */
|
scrollContainer: string | HTMLElement
|
|
/** Native 'alt' attribute */
|
alt: string
|
|
/** Native 'referrerPolicy' attribute */
|
referrerPolicy: string
|
|
$slots: ImageSlots
|
|
previewSrcList: string[]
|
|
zIndex: number
|
}
|
