import snippets from './snippets';

export default {
  snippets,
  componentName: 'Tag',
  title: '标签',
  category: '数据展示',
  group: '基础组件',
  props: [
    {
      name: 'children',
      title: { 
        label: '内容', 
        tip: 'children | 内容' 
      },
      propType: 'string',
    },
    {
      name: 'closable',
      title: { 
        label: '可关闭', 
        tip: 'closable | 标签是否可以关闭' 
      },
      propType: 'bool',
      defaultValue: false,
    },
    {
      name: 'color',
      title: { 
        label: '标签色', 
        tip: 'color | 标签色' 
      },
      propType: 'string',
    },
    {
      name: 'onClose',
      title: { 
        label: '关闭时的回调', 
        tip: 'onClose | 关闭时的回调' 
      },
      propType: 'func',
    },
    {
      name: 'icon',
      title: { 
        label: '设置图标', 
        tip: 'icon | 设置图标' 
      },
      propType: 'node',
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onClose',
          description: '关闭时的回调',
          template: "onClose(event,${extParams}){\n// 关闭时的回调\nconsole.log('onClose',event);}",
        },
      ],
    },
  },
};