import snippets from './snippets'

export default {
  group: '低代码组件',
  componentName: 'DCSlider',
  title: '图片轮播',
  docUrl: '',
  screenshot: '',
  npm: {
    package: '@dckj-npm/dc-material',
    version: '0.1.8',
    exportName: 'DCSlider',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'prefix',
      propType: 'string',
      defaultValue: 'next-',
    },
    {
      name: 'rtl',
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'className',
      propType: 'any',
      description: '自定义传入的样式',
    },
    {
      name: 'speed',
      title: {
        label: '轮播速度',
        tip: 'speed',
      },
      propType: 'number',
      description: '轮播速度',
      defaultValue: 600,
    },
    {
      name: 'activeIndex',
      title: {
        label: '指定轮播图',
        tip: 'activeIndex|跳转到指定的轮播图（受控）',
      },
      propType: 'number',
      description: '跳转到指定的轮播图（受控）',
    },
    {
      name: 'autoplay',
      title: {
        label: '自动播放',
        tip: 'autoplay',
      },
      propType: 'bool',
      description: '是否自动播放',
      defaultValue: false,
    },
    {
      name: 'autoplaySpeed',
      title: {
        label: '自动播放的速度',
        tip: 'autoplaySpeed, 默认 3000 毫秒',
      },
      propType: 'number',
      description: '自动播放的速度',
      defaultValue: 3000,
    },
    {
      name: 'dots',
      title: {
        label: '导航锚点',
        tip: 'dots|是否显示导航锚点',
      },
      propType: 'bool',
      description: '是否显示导航锚点',
      defaultValue: true,
    },
    {
      name: 'dotsDirection',
      title: {
        label: '导航锚点位置',
        tip: 'dotsDirection',
      },
      propType: {
        type: 'oneOf',
        value: ['hoz', 'ver'],
      },
      description: '导航锚点位置',
      defaultValue: 'hoz',
    },
    {
      name: 'infinite',
      title: {
        label: '无穷循环',
        tip: 'infinite',
      },
      propType: 'bool',
      description: '是否使用无穷循环模式',
      defaultValue: true,
    },
    // {
    //   name: 'defaultActiveIndex',
    //   title: {
    //     label: '初始轮播图',
    //     tip: 'defaultActiveIndex|初始被激活的轮播图',
    //   },
    //   propType: 'number',
    //   description: '初始被激活的轮播图',
    //   defaultValue: 0,
    // },
    {
      name: 'slideDirection',
      title: {
        label: '轮播方向',
        tip: 'slideDirection',
      },
      propType: {
        type: 'oneOf',
        value: ['hoz', 'ver'],
      },
      description: '轮播方向',
      defaultValue: 'hoz',
    },
    {
      name: 'onChange',
      propType: 'func',
      description: '轮播切换的回调函数\n@param {Number} index 幻灯片的索引',
    },
    {
      name: 'onBeforeChange',
      propType: 'func',
    },
    {
      name: 'style',
      propType: 'object',
      description: '自定义传入的class',
      defaultValue: null,
    },
    {
      name: 'picUrls',
      propType: 'array',
      description: '图片路径',
    }
  ],
  configure: {
    component: {
      // isContainer: true,
      disableBehaviors: ['copy'],
    },
    props: {
      isExtends: true,
      override: [
        {
          name: 'rtl',
          condition: () => false,
        },
        {
          name: 'prefix',
          condition: () => false,
        },
        {
          name: 'picUrls',
          title: '数据源绑定',
          setter: {
            componentName: 'SetterFormVariable',
            props: {
              attributes: [
                {
                  label: '图标链接',
                  value: 'picUrls',
                },
              ],
            },
          },
        },
      ],
    },
  },
  icon: '',
  category: '信息展示',
  snippets,
}