import { ComponentDescription } from '@vtj/engine';
const components: ComponentDescription = {
  name: 'XChartBar',
  title: '柱状图',
  groupId: 'ui',
  categoryId: 'chart',
  package: '@vtj/ui',
  childIncludes: false,
  props: [
    {
      name: 'width',
      defaultValue: '100%',
      setters: 'InputSetter'
    },
    {
      name: 'height',
      defaultValue: undefined,
      setters: 'InputSetter'
    },
    {
      name: 'option',
      defaultValue: undefined,
      setters: 'JSONSetter'
    },
    {
      name: 'category',
      defaultValue: 'x',
      setters: 'SelectSetter',
      options: ['x', 'y']
    },
    {
      name: 'dimensions',
      label: '维度',
      title: 'dimensions',
      defaultValue: undefined,
      setters: ['JSONSetter']
    },
    {
      name: 'source',
      title: '函数类型需要返回数据，支持async',
      defaultValue: undefined,
      setters: ['JSONSetter', 'FunctionSetter']
    },
    {
      name: 'optionFactory',
      label: '构建函数',
      title: '自定义函数optionFactory构建echarts option',
      defaultValue: undefined,
      setters: ['FunctionSetter']
    }
  ],
  snippet: {
    props: {
      option: {
        title: {
          text: '柱状图样例'
        }
      },
      dimensions: ['product', '2015', '2016', '2017'],
      source: [
        {
          product: 'Matcha Latte',
          '2015': 43.3,
          '2016': 85.8,
          '2017': 93.7
        },
        {
          product: 'Milk Tea',
          '2015': 83.1,
          '2016': 73.4,
          '2017': 55.1
        },
        {
          product: 'Cheese Cocoa',
          '2015': 86.4,
          '2016': 65.2,
          '2017': 82.5
        },
        {
          product: 'Walnut Brownie',
          '2015': 72.4,
          '2016': 53.9,
          '2017': 39.1
        }
      ]
    }
  }
};

export default components;
