import { ComponentDescription } from '@vtj/engine';
const Image: ComponentDescription = {
  name: 'ElImage',
  title: '图片',
  groupId: 'el',
  categoryId: 'data',
  childIncludes: false,
  package: 'element-plus',
  props: [
    {
      name: 'src',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'fit',
      defaultValue: '',
      options: ['fill', 'contain', 'cover', 'none', 'scale', 'down'],
      setters: 'SelectSetter'
    },
    {
      name: 'hideOnClickModal',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'loading',
      defaultValue: false,
      options: ['eager', 'lazy'],
      setters: 'SelectSetter'
    },
    {
      name: 'lazy',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'scrollContainer',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'alt',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'referrerPolicy',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'previewSrcList',
      defaultValue: '',
      setters: 'JSONSetter'
    },
    {
      name: 'zIndex',
      defaultValue: '',
      setters: 'NumberSetter'
    },
    {
      name: 'initialIndex',
      defaultValue: 0,
      setters: 'NumberSetter'
    },
    {
      name: 'closeOnPressEscape',
      defaultValue: true,
      setters: 'BooleanSetter'
    },
    {
      name: 'previewTeleported',
      defaultValue: false,
      setters: 'BooleanSetter'
    }
  ],
  events: ['load', 'error', 'switch', 'close'],
  slots: ['placeholder', 'error', 'viewer'],
  snippet: {
    props: {
      src: 'https://fuss10.elemecdn.com/a/3f/3302e58f9a181d2509f3dc0fa68b0jpeg.jpeg'
    }
  }
};

export default Image;
