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

const DividerMeta: IPublicTypeComponentMetadata = {
  componentName: 'Divider',
  title: 'Divider',
  group: '原子组件',
  category: '分割类',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.6',
    exportName: 'Divider',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  configure: {
    props: [
      {
        title: {
          label: {
            type: 'i18n',
            'en-US': 'type',
            'zh-CN': 'type',
          },
        },
        name: 'title',
        setter: {
          componentName: 'StringSetter',
          isRequired: true,
          initialValue: '',
        },
      },
      {
        name: 'dashed',
        title: { label: '是否虚线', tip: '是否虚线' },
        setter: 'BoolSetter',
        defaultValue: false,
      },
      {
        name: 'orientation',
        title: { label: '标题位置', tip: '分割线标题的位置' },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '左侧',
                value: 'left',
              },
              {
                title: '中间',
                value: 'center',
              },
              {
                title: '右侧',
                value: 'right',
              },
            ],
          },
        },
      },
      {
        name: 'orientationMargin',
        title: {
          label: '标题边距',
          tip:
            '标题和最近 left/right 边框之间的距离，去除了分割线，同时 orientation 必须为 left 或 right',
        },
        setter: 'StringSetter',
      },

      {
        name: 'type',
        title: { label: '方向', tip: '水平还是垂直类型' },
        setter: {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: 'horizontal',
                value: 'horizontal',
              },
              {
                title: 'vertical',
                value: 'vertical',
              },
            ],
          },
        },
      },
    ],
    supports: {
      style: true,
    },
    component: {},
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '分割线',
    screenshot: require('./__screenshots__/divider.png'),
    schema: {
      componentName: 'Divider',
      props: {},
    },
  },
];

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