import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';

const SwiperMeta: IPublicTypeComponentMetadata = {
  group: '低代码组件',
  category: '信息展示',
  "componentName": "Swiper",
  title: '图片轮播Swiper',
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "@dckj-npm/dc-material",
    "version": "0.1.16",
    "exportName": "Swiper",
    "main": "src\\index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        "title": "初始索引",
        "name": "initialSlide",
        "description": "设定初始化时slide的索引",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": false,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "direction",
            "zh-CN": "方向"
          },
          "tip": "direction | 轮播方向"
        },
        "name": "direction",
        "setter": {
          "componentName": "RadioGroupSetter",
          "props": {
            "dataSource": [
              {
                "label": "vertical",
                "value": "vertical"
              },
              {
                "label": "horizontal",
                "value": "horizontal"
              }
            ],
            "options": [
              {
                "label": "vertical",
                "value": "vertical"
              },
              {
                "label": "horizontal",
                "value": "horizontal"
              }
            ]
          },
          "initialValue": "vertical"
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "speed",
            "zh-CN": "切换速度"
          },
          "tip": "speed | 切换速度，单位ms"
        },
        "name": "speed",
        "description": "切换速度，单位ms",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": false,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "slidesPerView",
            "zh-CN": "展示数量"
          },
          "tip": "同时展示图片数量"
        },
        "name": "slidesPerView",
        "description": "展示数量",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": true,
          "initialValue": 0
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "height",
            "zh-CN": "高度"
          },
          "tip": "height | 高度"
        },
        "name": "height",
        "description": "高度",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": true
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "autoHeight",
            "zh-CN": "自动高度"
          },
          "tip": "autoHeight | 自动高度"
        },
        "name": "autoHeight",
        "description": "自动高度",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": true,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "autoplay",
            "zh-CN": "自动播放"
          },
          "tip": "autoplay | 自动播放"
        },
        "name": "autoplay",
        "description": "自动播放",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": true,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "loop",
            "zh-CN": "循环播放"
          },
          "tip": "loop | 循环播放"
        },
        "name": "loop",
        "description": "循环播放",
        "setter": {
          "componentName": "BoolSetter",
          "isRequired": true,
          "initialValue": false
        }
      },
      {
        "title": {
          "label": {
            "type": "i18n",
            "en-US": "spaceBetween",
            "zh-CN": "图片间距"
          },
          "tip": "spaceBetween | 图片间距"
        },
        "name": "spaceBetween",
        "description": "图片间距",
        "setter": {
          "componentName": "NumberSetter",
          "isRequired": true,
          "initialValue": 0
        }
      },
      {
        name: 'picUrls',
        title: '数据源绑定',
        setter: {
          componentName: 'SetterFormVariable',
          props: {
            attributes: [
              {
                label: '图标链接',
                value: 'picUrls'
              }
            ]
          }
        }
      }
    ],
    "supports": {
      "style": true
    },
    "component": {
      disableBehaviors: ['copy'],
    }
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    "title": "图片轮播Swiper",
    "screenshot": "",
    "schema": {
      "componentName": "Swiper",
      "props": {
        spaceBetween: 0,
        loop: true,
        autoplay: true,
        speed: 1000,
        height: 172,
        delay: 300,
        // 轮播路径
        picUrls: ['https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
          'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
          'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
          'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg']
      }
    }
  }
];

export default {
  ...SwiperMeta,
  snippets
};