import { ComponentDescription } from '@vtj/engine';
const components: ComponentDescription = {
  name: 'ElPopconfirm',
  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: 'title',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'confirmButtonText',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'cancelButtonText',
      defaultValue: '',
      setters: 'InputSetter'
    },
    {
      name: 'confirmButtonType',
      defaultValue: 'primary',
      setters: 'SelectSetter',
      options: ['primary', 'success', 'warning', 'danger', 'info', 'text']
    },
    {
      name: 'confirmButtonType',
      defaultValue: 'text',
      setters: 'SelectSetter',
      options: ['primary', 'success', 'warning', 'danger', 'info', 'text']
    },
    {
      name: 'icon',
      defaultValue: 'QuestionFilled',
      setters: ['InputSetter', 'ExpressionSetter']
    },
    {
      name: 'iconColor',
      defaultValue: '#f90',
      setters: 'InputSetter'
    },
    {
      name: 'hide-icon',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'teleported',
      defaultValue: true,
      setters: 'BooleanSetter'
    },
    {
      name: 'persistent',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'width',
      defaultValue: '150',
      setters: 'InputSetter'
    }
  ],
  events: [
    {
      name: 'confirm'
    },
    {
      name: 'cancel'
    }
  ],
  slots: [
    {
      name: 'reference'
    }
  ],
  snippet: {
    name: 'ElPopconfirm',
    children: [
      {
        name: 'ElButton',
        children: '气泡确认框',
        slotName: 'reference'
      }
    ],
    props: {
      title: '自定义弹出框的内容'
    }
  }
};

export default components;
