import snippets from './snippets';

export default {
  componentName: 'AMList.Item',
  title: '列表项',
  category: '数据展示',
  docUrl: 'https://mobile.ant.design/zh/components/list#listitem',
  group: '基础组件',
  props: [
    {
      name: 'title',
      title: {
        label: '标题',
        tip: 'title | 列表项中间上部的标题区域',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['SlotSetter', 'StringSetter', 'VariableSetter'],
    },
    {
      name: 'prefix',
      title: {
        label: '左侧区域',
        tip: 'prefix | 列表项左侧区域',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['SlotSetter', 'StringSetter', 'VariableSetter'],
    },
    {
      name: 'extra',
      title: {
        label: '右侧区域',
        tip: 'prefix | 列表项右侧区域',
      },
      propType: {
        type: 'oneOfType',
        value: ['node', 'string'],
      },
      setter: ['SlotSetter', 'StringSetter', 'VariableSetter'],
    },
    {
      name: 'description',
      title: {
        label: '描述区域',
        tip: 'description | 列表项中间下部的描述区域\t',
      },
      propType: {
        type: 'oneOfType',
        value: ['bool', 'node'],
      },
      setter: ['BoolSetter', 'SlotSetter', 'VariableSetter'],
    },
    {
      name: 'clickable',
      title: { label: '禁用', tip: 'clickable 是否显示点击效果' },
      propType: 'bool',
      setter: 'BoolSetter',
      supportVariable: false,
    },
    {
      name: 'disabled',
      title: { label: '禁用', tip: 'disabled 是否禁用' },
      propType: 'bool',
      setter: 'BoolSetter',
      supportVariable: false,
    },
    {
      name: 'mode',
      title: { label: 'mode', tip: 'mode | 显示模式' },
      propType: { type: 'oneOf', value: ['default', 'card'] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '默认',
                value: 'default',
              },
              {
                title: '卡片',
                value: 'card',
              },
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'default',
    },
  ],
  configure: {
    component: {
      isContainer: true,
    },
    supports: {
      events: [
        {
          name: 'onClick',
          description: '列表项的点击事件',
          template: "onClick(e){\n// 点击列表项后的回调\nconsole.log('onClick', e);}",
        },
      ],
      style: true,
    },
  },
  snippets,
};