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

const AvatarMeta: IPublicTypeComponentMetadata = {
  componentName: 'Avatar',
  title: 'Avatar',
  group: '原子组件',
  category: '列表类',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: 'yl-ssa-lowcode-antd-comps',
    version: '0.1.37',
    exportName: 'Avatar',
    main: 'src\\index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [
    {
      name: 'icon',
      title: { label: '头像图标', tip: '设置头像的自定义图标' },
      propType: 'node',
    },
    {
      name: 'shape',
      title: { label: '头像形状', tip: '指定头像的形状' },
      propType: { type: 'oneOf', value: ['circle', 'square'] },
    },
    {
      name: 'size',
      title: { label: '尺寸', tip: '设置头像的大小' },
      propType: {
        type: 'oneOfType',
        value: ['number', { type: 'oneOf', value: ['large', 'small', 'default'] }],
      },
      defaultValue: 'default',
    },
    {
      name: 'src',
      title: { label: '图片地址', tip: '图片类头像的资源地址' },
      propType: 'string',
    },
    {
      name: 'alt',
      title: {
        label: '替代文本',
        tip: '图像无法显示时的替代文本',
      },
      propType: 'string',
    },
    {
      name: 'onError',
      title: {
        label: '图片加载失败的事件',
        tip: '图片加载失败的事件，返回 false 会关闭组件默认的 fallback 行为',
      },
      propType: 'func',
    },
    {
      name: 'gap',
      title: {
        label: '文字边距',
        tip: '字符类型距离左右两侧边界单位像素',
      },
      propType: 'number',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onError',
          template: "onError(${extParams}){\n// 图片加载失败的事件\nconsole.log('onError');}",
        },
      ],
    },
  },
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '头像',
    screenshot: require('./__screenshots__/avatar.png'),
    schema: {
      componentName: 'Avatar',
      props: {
        src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
      },
    },
  },
];

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