import snippets from './snippets';

export default {
  snippets,
  componentName: 'Badge',
  title: '徽标数',
  category: '数据展示',
  group: "基础组件",
  props: [
    {
      name: 'color',
      title: { label: '圆点颜色', tip: 'color | 自定义小圆点的颜色' },
      propType: 'string',
      setter: 'ColorSetter',
    },
    {
      name: 'status',
      title: { label: 'Badge状态', tip: 'status | Badge的状态' },
      setter: {
        componentName: 'SelectSetter',
        props: {
          options: [
            {
              title: 'success',
              value: 'success',
            },
            {
              title: 'processing',
              value: 'processing',
            },
            {
              title: 'default',
              value: 'default',
            },
            {
              title: 'error',
              value: 'error',
            },
            {
              title: 'warning',
              value: 'warning',
            },
          ],
        },
      },
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'statusIndicator';
      },
    },
    {
      name: 'text',
      title: { label: '状态点文本', tip: 'text | 状态点的文本' },
      propType: 'string',
      setter: 'StringSetter',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'statusIndicator';
      },
    },
    {
      name: 'count',
      title: { label: '展示的数字或图标', tip: 'count | 展示的数字或图标' },
      propType: {
        type: 'oneOfType',
        value: ['number', 'node'],
      },
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'dot',
      title: { label: '展示圆点', tip: 'dot | 是否展示圆点' },
      propType: 'bool',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'offsetX',
      title: { label: 'x方向偏移', tip: 'offsetX | x方向的偏移量' },
      propType: 'number',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'offsetY',
      title: { label: 'y方向偏移', tip: 'offsetY | y方向的偏移量' },
      propType: 'number',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'overflowCount',
      title: { label: '封顶数字', tip: 'overflowCount | 数字封顶值' },
      propType: 'number',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'showZero',
      title: { label: '数值为0，是否展示badge', tip: 'showZero | 数值为0时是否展示badge' },
      propType: 'bool',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
    {
      name: 'size',
      title: { label: '尺寸', tip: 'size | 设置按钮大小' },
      propType: { type: 'oneOf', value: ['default', 'small'] },
      setter: [
        {
          componentName: 'RadioGroupSetter',
          props: {
            options: [
              {
                title: 'default',
                value: 'default',
              },
              {
                title: 'small',
                value: 'small',
              },
            ],
          },
        },
      ],
      defaultValue: 'default',
      condition: (target, value) => {
        return target.getProps().getPropValue('scenario') === 'messageIndicator';
      },
    },
  ],
  configure: { supports: { style: true } },
};