import { ComponentDescription } from '@vtj/engine';
const components: ComponentDescription[] = [
  {
    name: 'ElRow',
    title: '布局行',
    groupId: 'el',
    categoryId: 'base',
    package: 'element-plus',
    props: [
      {
        name: 'gutter',
        defaultValue: 0,
        label: '栅格间隔',
        setters: 'NumberSetter'
      },
      {
        name: 'justify',
        defaultValue: 'start',
        title: 'flex 布局下的水平排列方式',
        options: [
          'start',
          'end',
          'center',
          'space-around',
          'space-between',
          'space-evenly'
        ],
        setters: 'SelectSetter'
      },
      {
        name: 'align',
        defaultValue: 'top',
        title: 'flex 布局下的垂直排列方式',
        options: ['top', 'middle', 'bottom'],
        setters: 'SelectSetter'
      },
      {
        name: 'tag',
        defaultValue: 'div',
        title: '自定义元素标签',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      style: {
        height: '100%'
      }
    }
  },
  {
    name: 'ElCol',
    title: '布局列',
    groupId: 'el',
    categoryId: 'base',
    package: 'element-plus',
    parentIncludes: ['ElRow'],
    props: [
      {
        name: 'span',
        defaultValue: 24,
        setters: 'NumberSetter'
      },
      {
        name: 'offset',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'push',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'pull',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'xs',
        defaultValue: undefined,
        setters: ['JSONSetter', 'NumberSetter']
      },
      {
        name: 'sm',
        defaultValue: undefined,
        setters: ['JSONSetter', 'NumberSetter']
      },
      {
        name: 'md',
        defaultValue: undefined,
        setters: ['JSONSetter', 'NumberSetter']
      },
      {
        name: 'lg',
        defaultValue: undefined,
        setters: ['JSONSetter', 'NumberSetter']
      },
      {
        name: 'xl',
        defaultValue: undefined,
        setters: ['JSONSetter', 'NumberSetter']
      },
      {
        name: 'tag',
        defaultValue: 'div',
        title: '自定义元素标签',
        setters: 'InputSetter'
      }
    ],
    snippet: {
      style: {
        height: '100%'
      }
    }
  }
];

export default components;
