import { ComponentDescription } from '@vtj/engine';
const components: ComponentDescription = {
  name: 'ElPopover',
  childIncludes: true,
  title: '气泡卡片',
  groupId: 'el',
  categoryId: 'other',
  // icon: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png',
  package: 'element-plus',
  props: [
    {
      name: 'trigger',
      defaultValue: 'primary',
      setters: 'click',
      options: ['click', 'focus', 'hover', 'contextmenu']
    },
    {
      name: 'title',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'effect',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'content',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'width',
      defaultValue: '150',
      setters: 'InputSetter'
    },
    {
      name: 'placement',
      defaultValue: 'bottom',
      setters: 'SelectSetter',
      options: ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end']
    },
    {
      name: 'disabled',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'visible',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'offset',
      defaultValue: 0,
      setters: 'NumberSetter'
    },
    {
      name: 'transition',
      defaultValue: 'el-fade-in-linear',
      setters: 'InputSetter'
    },
    {
      name: 'showArrow',
      defaultValue: true,
      setters: 'BooleanSetter'
    },
    {
      name: 'popperOptions',
      defaultValue: { boundariesElement: 'body', gpuAcceleration: false },
      setters: 'JSONSetter'
    },
    {
      name: 'popperClass',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'showAfter',
      defaultValue: 0,
      setters: 'NumberSetter'
    },
    {
      name: 'hideAfter',
      defaultValue: 200,
      setters: 'NumberSetter'
    },
    {
      name: 'autoClose',
      defaultValue: 0,
      setters: 'NumberSetter'
    },
    {
      name: 'tabindex',
      defaultValue: '',
      setters: 'NumberSetter'
    },
    {
      name: 'teleported',
      defaultValue: true,
      setters: 'BooleanSetter'
    },
    {
      name: 'persistent',
      defaultValue: true,
      setters: 'BooleanSetter'
    }
  ],
  events: [
    {
      name: 'show'
    },
    {
      name: 'before-enter'
    },
    {
      name: 'after-enter'
    },
    {
      name: 'hide'
    },
    {
      name: 'before-leave'
    },
    {
      name: 'after-leave'
    }
  ],
  slots: [
    {
      name: 'default'
    },
    {
      name: 'reference'
    }
  ],
  snippet: {
    name: 'ElPopover',
    props: {
      placement: "bottom",
      title: "Title",
      width: "200",
      trigger: "hover",
      content: '这是content123！'
    },
    children: [
      {
        name: 'ElButton',
        children: '气泡卡片',
        slotName: 'reference'
      }
    ]
  }
};

export default components;
