import { ComponentDescription } from '@vtj/engine';
const Transfer: ComponentDescription = {
  name: 'ElTransfer',
  title: '穿梭框',
  groupId: 'el',
  categoryId: 'form',
  childIncludes: false,
  package: 'element-plus',
  props: [
    {
      name: 'modelValue',
      defaultValue: '',
      setters: 'ExpressionSetter'
    },
    {
      name: 'data',
      defaultValue: [],
      setters: 'ExpressionSetter'
    },
    {
      name: 'filterable',
      defaultValue: false,
      setters: 'BooleanSetter'
    },
    {
      name: 'filterPlaceholder',
      defaultValue: 'Enter keyword',
      setters: 'InputSetter'
    },
    {
      name: 'filterMethod',
      defaultValue: 'Enter keyword',
      setters: 'ExpressionSetter'
    },
    {
      name: 'targetOrder',
      defaultValue: 'original',
      options: ['original', 'push', 'unshift'],
      setters: 'SelectSetter'
    },
    {
      name: 'titles',
      defaultValue: ['List 1', 'List 2'],
      setters: 'ExpressionSetter'
    },
    {
      name: 'buttonTexts',
      defaultValue: [],
      setters: 'ExpressionSetter'
    },
    {
      name: 'renderContent',
      defaultValue: '',
      setters: 'ExpressionSetter'
    },
    {
      name: 'format',
      defaultValue: '',
      setters: 'JSONSetter'
    },
    {
      name: 'props',
      defaultValue: '',
      setters: 'JSONSetter'
    },
    {
      name: 'leftDefaultChecked',
      defaultValue: [],
      setters: 'JSONSetter'
    },
    {
      name: 'rightDefaultChecked',
      defaultValue: [],
      setters: 'JSONSetter'
    },
    {
      name: 'validateEvent',
      defaultValue: true,
      setters: 'BooleanSetter'
    }
  ],
  slots: [
    {
      name: 'default'
    },
    {
      name: 'left-footer'
    },
    {
      name: 'right-footer'
    }
  ],
  events: [
    {
      name: 'change'
    },
    {
      name: 'left-check-change'
    },
    {
      name: 'right-check-change'
    }
  ]
};

export default Transfer;
