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

const AntdIconMeta: IPublicTypeComponentMetadata = {
  "componentName": "AntdIcon",
  "title": "图标",
  category: '通用',
  "docUrl": "",
  "screenshot": "",
  "devMode": "proCode",
  "npm": {
    "package": "jlweb-antd5-lowcoda",
    "version": "0.1.1",
    "exportName": "AntdIcon",
    "main": "src\\index.tsx",
    "destructuring": true,
    "subName": ""
  },
  "configure": {
    "props": [
      {
        name: 'type',
        description: '图标',
        setter: AntdIconSetter,
      },
      {
        name: 'size',
        title: {
          label: '大小',
          tip: 'size | 大小',
        },
        defaultValue: 20,
        setter: [
          {
            componentName: 'NumberSetter',
          },
        ]
      },
      {
        name: 'color',
        title: {
          label: '颜色',
          tip: 'color | 颜色',
        },
        setter: 'ColorSetter',
      },
      {
        name: 'rotate',
        title: {
          label: '旋转角度',
          tip: '图标旋转角度',
        },
        defaultValue: 0,
        setter: [
          {
            componentName: 'NumberSetter',
          },
        ]
      },
      {
        name: 'spin',
        title: { label: '旋转动画', tip: '是否有旋转动画' },
        defaultValue: false,
        setter: 'BoolSetter',
      }
    ],
    "supports": {
      events: [
        {
          name: 'onClick',
          template:
            "onClick(event,${extParams}){\n// 点击按钮时的回调\nconsole.log('onClick', event);}",
        },
      ],
      "className": true,
      "style": true
    },
    "component": {}
  }
};
const snippets: IPublicTypeSnippet[] = [
  {
    title: '图标',
    screenshot: '',
    schema: {
      componentName: 'AntdIcon',
      props: {
        type: 'SmileOutlined',
        size: 20,
      },
    },
  },
];

export default {
  ...AntdIconMeta,
  snippets
};