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

const ProFormTextMeta: IPublicTypeComponentMetadata = {
  componentName: 'ProFormText',
  title: '输入框',
  category: '表单',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'pro-material',
    version: '0.1.0',
    exportName: 'ProFormText',
    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,
      className: true,
      events: [
        {
          name: 'onReset',
        },
      ],
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '输入框',
    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/input-1.png',
    schema: {
      componentName: 'ProFormText',
      props: {
        width: '50%',
        placeholder: '请输入',
      },
    },
  },
];

export default {
  ...ProFormTextMeta,
  snippets,
};