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

const ProFormDateTimeRangePickerMeta: IPublicTypeComponentMetadata = {
  "componentName": "ProFormDateTimeRangePicker",
  title: '日期区间选择',
  category: '表单',
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "pro-material",
    "version": "0.1.0",
    "exportName": "ProFormDateTimeRangePicker",
    "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": "ProFormDateTimeRangePicker",
    "screenshot": "",
    "schema": {
      "componentName": "ProFormDateTimeRangePicker",
      "props": {
        "cacheForSwr": "false",
        "colProps": "{ xs: 24 }"
      }
    }
  }
];

export default {
  ...ProFormDateTimeRangePickerMeta,
  snippets
};