import { ComponentDescription } from '@vtj/engine';
const Steps: ComponentDescription[] = [
  {
    name: 'ElSteps',
    childIncludes: ['ElStep'],
    title: '步骤条',
    groupId: 'el',
    categoryId: 'nav',
    // icon: 'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_button.png',
    package: 'element-plus',
    props: [
      {
        name: 'space',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'direction',
        defaultValue: 'horizontal',
        setters: 'SelectSetter',
        options: ['vertical', 'horizontal']
      },
      {
        name: 'active',
        defaultValue: 0,
        setters: 'NumberSetter'
      },
      {
        name: 'processStatus',
        defaultValue: 'process',
        setters: 'SelectSetter',
        options: ['wait', 'process', 'finish', 'error', 'success']
      },
      {
        name: 'finishStatus',
        defaultValue: 'finish',
        setters: 'SelectSetter',
        options: ['wait', 'process', 'finish', 'error', 'success']
      },
      {
        name: 'alignCenter',
        defaultValue: false,
        setters: 'BooleanSetter'
      },
      {
        name: 'simple',
        defaultValue: false,
        setters: 'BooleanSetter'
      }
    ],
    slots: [
      {
        name: 'default'
      }
    ],
    snippet: {
      name: 'ElSteps',
      children: [
        {
          name: 'ElStep',
          children: 'Step'
        },
        {
          name: 'ElStep',
          children: 'Step'
        },
        {
          name: 'ElStep',
          children: 'Step'
        }
      ],
      props: {
        active: 0,
        finishStatus: 'success'
      }
    }
  },
  {
    name: 'ElStep',
    childIncludes: ['icon', 'title', 'description'],
    title: '步骤条-ElStep',
    groupId: 'el',
    categoryId: 'nav',
    // 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: 'description',
        defaultValue: '',
        setters: 'InputSetter'
      },
      {
        name: 'icon',
        defaultValue: '',
        setters: ['InputSetter', 'ExpressionSetter']
      },
      {
        name: 'status',
        defaultValue: '',
        setters: 'SelectSetter',
        options: ['wait', 'process', 'finish', 'error', 'success']
      },
    ],
    slots: [
      {
        name: 'icon'
      },
      {
        name: 'title'
      },
      {
        name: 'description'
      }
    ],
    snippet: {
      name: 'ElStep'
    }
  }
]

export default Steps;
