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

const ConfigProviderMeta: IPublicTypeComponentMetadata = {
  componentName: 'ConfigProvider',
  group: '精选组件',
  category: '基础元素',
  title: 'ConfigProvider',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.0',
    exportName: 'ConfigProvider',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'locale',
      title: { label: '语言', tip: '语言' },
      propType: {
        type: 'oneOf',
        value: ['zh-CN', 'en-US'],
      },
      defaultValue: 'en-US',
    },
    {
      name: 'span',
      title: { label: '占位格数', tip: '栅格占位格数' },
      propType: 'number',
      setter: {
        componentName: 'NumberSetter',
        props: {
          min: 0,
          max: 24,
        },
      },
    },
  ],

  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
        },
      ],
    },
    component: { isContainer: true },
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '中文配置',
    screenshot: require('./__screenshots__/configProvider.png'),
    schema: {
      componentName: 'ConfigProvider',
      props: {
        span: 24,
      },
    },
  },
];

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