import snippets from './snippets';
import { uuid } from '../_utils/utils';

export default {
  snippets,
  componentName: 'SlickCarousel',
  title: '滑动走马灯',
  category: '数据展示',
  group: '基础组件',
  props: [
    {
      name: 'ref',
      title: {
        label: 'ref',
        tip: "ref | 通过 this.$('xxx') 获取到组件实例",
      },
      defaultValue: () => {
        return `slickcarousel_${uuid()}`;
      },
      setter: 'StringSetter',
      supportVariable: true,
    },
    {
      name: 'items',
      title: { label: '标签项', tip: 'items | 标签项' },
      setter: {
        componentName: 'ArraySetter',
        props: {
          itemSetter: {
            componentName: 'ObjectSetter',
            props: {
              config: {
                items: [
                  {
                    name: 'children',
                    title: { label: '内容', tip: 'children | 内容' },
                    setter: {
                      componentName: 'SlotSetter',
                      initialValue: {
                        type: 'JSSlot',
                        value: [],
                      },
                    },
                  },
                ],
              },
            },
            initialValue: () => {
              return {
                children: {
                  type: 'JSSlot',
                  value: [],
                },
              };
            },
          },
        },
      },
    },
    {
      name: 'arrows',
      title: { label: '显示箭头', tip: 'arrows | 是否显示箭头' },
      propType: 'bool',
      setter: 'BoolSetter',
      defaultValue: true,
    },
    {
      name: 'autoplay',
      title: { label: '是否自动切换', tip: 'autoplay | 是否自动切换' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'dots',
      title: { label: '显示指示点', tip: 'dots | 是否显示指示点' },
      propType: 'bool',
      setter: 'BoolSetter',
      defaultValue: true,
    },
    {
      name: 'speed',
      title: { label: '轮播速度', tip: 'speed | 延时' },
      propType: 'number',
      setter: 'NumberSetter',
      defaultValue: 1000,
    },
    {
      name: 'autoplaySpeed',
      title: { label: '自动轮播速度', tip: 'autoplaySpeed | 延时' },
      propType: 'number',
      setter: 'NumberSetter',
      defaultValue: 1000,
    },
    {
      name: 'infinite',
      title: { label: '无限滚动', tip: 'infinite | 无限滚动' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'slidesToScroll',
      title: { label: '同时滚动的轮播项', tip: 'slidesToScroll | 同时滚动的轮播项' },
      propType: 'number',
      setter: 'NumberSetter',
      defaultValue: 1,
    },
    {
      name: 'variableWidth',
      title: { label: '动态宽度', tip: 'variableWidth | variableWidth' },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'adaptiveHeight',
      title: { label: '自适应高度', tip: 'adaptiveHeight | adaptiveHeight' },
      propType: 'bool',
      defaultValue: false,
    },
  ],
  configure: {
    supports: { style: true, className: true },
    component: {
      isContainer: false,
    },
  },
};