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

const ProFormSliderMeta: IPublicTypeComponentMetadata = {
  "componentName": "ProFormSlider",
  title: '滑动输入条',
  category: '表单',
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "pro-material",
    "version": "0.1.0",
    "exportName": "ProFormSlider",
    "main": "src\\index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    props: [
      {
        name: 'width',
        title: { label: '宽度', tip: 'width | 宽度' },
        setter: {
          componentName: 'MixedSetter',
          props: {
            setters: [
              {
                componentName: 'StringSetter',
                isRequired: true,
                initialValue: '50%',
              },
              {
                componentName: 'NumberSetter',
                isRequired: true,
                initialValue: '200',
              },
            ],
          },
        },
      },
      {
        name: 'name',
        title: { label: '字段名', tip: '字段名' },
        isRequired: true,
        setter: {
          componentName: 'StringSetter',
          isRequired: false,
          initialValue: '',
        },
      },
      {
        name: 'label',
        title: { label: '标签', tip: '标签的文本' },
        isRequired: true,
        setter: {
          componentName: 'StringSetter',
          isRequired: false,
          initialValue: '',
        },
      },
      {
        name: 'allowClear',
        title: { label: '支持清除' },
        isRequired: true,
        setter: {
          componentName: 'BoolSetter',
          isRequired: true,
          initialValue: true,
        },
      },
      {
        name: 'labelAlign',
        title: { label: '标签对齐', tip: '标签文本对齐方式' },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '左',
                value: 'left',
              },
              {
                title: '右',
                value: 'right',
              },
            ],
          },
        },
        defaultValue: 'right',
      },
    ],
    "supports": {
      "style": true,
      "events": [
        {
          "name": "onReset"
        }
      ],
      "className": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '滑动输入条',
    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/slider-1.png',
    "schema": {
      "componentName": "ProFormSlider",
      "props": {
        "colProps": "{ xs: 24 }"
      }
    }
  }
];

export default {
  ...ProFormSliderMeta,
  snippets
};