import snippets from './snippets';

export default {
  snippets,
  componentName: 'AMCard',
  docUrl: 'https://mobile.ant.design/zh/components/card',
  title: '卡片',
  category: '数据展示',
  group: '基础组件',
  props: [
    {
      name: 'title',
      title: { label: '卡片标题', tip: '卡片标题' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
    {
      name: 'bodyStyle',
      title: { label: 'body样式', tip: 'bodyStyle | body样式' },
      propType: 'object',
      setter: 'JsonSetter',
      supportVariable: true,
    },
    {
      name: 'headerStyle',
      title: { label: 'header样式', tip: 'bodyStyle | header样式' },
      propType: 'object',
      setter: 'JsonSetter',
      supportVariable: true,
    },
    {
      name: 'extra',
      title: { label: '额外元素', tip: '卡片右上角的操作区域' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
  ],
  configure: {
    component: { isContainer: true },
    supports: {
      style: true,
      events: [
        {
          name: 'onClick',
          template: "onClick(e,${extParams}){\n// body 卡片点击事件\nconsole.log('onClick', e);}",
        },
        {
          name: 'onBodyClick',
          template:
            "onBodyClick(e,${extParams}){\n// body 区域点击事件\nconsole.log('onBodyClick', e);}",
        },
        {
          name: 'onHeaderClick',
          template:
            "onHeaderClick(e,${extParams}){\n// header 区域点击事件\nconsole.log('onHeaderClick', e);}",
        },
      ],
    },
  },
};