import snippets from './snippets';

export default {
  snippets,
  componentName: 'AMEllipsis',
  docUrl: 'https://mobile.ant.design/zh/components/ellipsis',
  title: '文本省略',
  category: '数据展示',
  group: '基础组件',
  props: [
    {
      name: 'collapseText',
      title: { label: '收起操作的文案', tip: '收起操作的文案' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
    {
      name: 'expandText',
      title: { label: '展开操作的文案', tip: '展开操作的文案' },
      propType: { type: 'oneOfType', value: ['string', 'node'] },
    },
    {
      name: 'direction',
      title: {
        label: '省略位置',
        tip: 'direction | 省略位置',
      },
      propType: {
        type: 'oneOf',
        value: ['start', 'middle', 'end'],
      },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: '开头',
                value: 'start',
              },
              {
                title: '中间',
                value: 'middle',
              },
              {
                title: '结尾',
                value: 'end',
              },
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'end',
    },
    {
      name: 'alt',
      title: { label: '替换文本', tip: '替换文本' },
      propType: 'string',
    },
    {
      name: 'fallback',
      title: { label: '失败地址', tip: '加载失败容错地址' },
      propType: 'string',
    },
    {
      name: 'fit',
      title: { label: '填充模式', tip: 'fit | 填充模式' },
      propType: {
        type: 'oneOf',
        value: ['contain', 'cover', 'fill', 'none', 'scale-down'],
      },
      setter: [
        {
          componentName: 'SelectSetter',
          props: {
            options: [
              {
                title: 'contain',
                value: 'contain',
              },
              {
                title: 'cover',
                value: 'cover',
              },
              {
                title: 'fill',
                value: 'fill',
              },
              {
                title: 'none',
                value: 'none',
              },
              {
                title: 'scale-down',
                value: 'scale-down',
              },
            ],
          },
        },
        'VariableSetter',
      ],
      defaultValue: 'fill',
    },
    {
      name: 'lazy',
      title: { label: '懒加载', tip: 'lazy 是否懒加载' },
      propType: 'bool',
      setter: 'BoolSetter',
      supportVariable: true,
    },
  ],
  configure: {
    supports: {
      style: true,
      events: [
        {
          name: 'onError',
          template: "onError(${extParams}){\n// 图片加载失败的事件\nconsole.log('onError');}",
        },
      ],
    },
  },
};