import { ComponentDescription } from '@vtj/engine';
const Radio: ComponentDescription[] = [
  {
    name: 'ElRadio',
    title: '单选框',
    groupId: 'el',
    childIncludes: false,
    categoryId: 'form',
    package: 'element-plus',
    props: [
      {
        name: 'modelValue',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
      },
      {
        name: 'label',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'border',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'size',
        defaultValue: '',
        options: ['large', 'default', 'small'],
        setters: 'SelectSetter'
      },
      {
        name: 'name',
        defaultValue: '',
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'change'
      }
    ]
  },
  {
    name: 'ElRadioGroup',
    title: '单选框组',
    groupId: 'el',
    childIncludes: ['ElRadio', 'ElRadioButton'],
    categoryId: 'form',
    package: 'element-plus',
    props: [
      {
        name: 'modelValue',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter', 'BooleanSetter']
      },
      {
        name: 'size',
        defaultValue: '',
        options: ['large', 'default', 'small'],
        setters: 'SelectSetter'
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'textColor',
        defaultValue: '#ffffff',
        setters: 'InputSetter'
      },

      {
        name: 'fill',
        defaultValue: '#409EFF',
        setters: 'InputSetter'
      },

      {
        name: 'validateEvent',
        defaultValue: true,
        setters: 'BooleanSetter'
      }
    ],
    events: [
      {
        name: 'change'
      }
    ],
    snippet: {
      name: 'ElRadioGroup',
      children: [
        {
          name: 'ElRadio',
          children: 'ElRadio',
          props: {
            label: 'ElRadio1'
          }
        },
        {
          name: 'ElRadio',
          children: 'ElRadio',
          props: {
            label: 'ElRadio2'
          }
        },
        {
          name: 'ElRadio',
          children: 'ElRadio',
          props: {
            label: 'ElRadio3'
          }
        }
      ]
    }
  },
  {
    name: 'ElRadioButton',
    title: '单选框按钮',
    groupId: 'el',
    categoryId: 'form',
    package: 'element-plus',
    props: [
      {
        name: 'label',
        defaultValue: '',
        setters: ['InputSetter', 'NumberSetter']
      },
      {
        name: 'disabled',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'name',
        defaultValue: '#ffffff',
        setters: 'InputSetter'
      }
    ]
  }
];

export default Radio;
