import snippets from './snippets';

export default {
  snippets,
  componentName: 'CardMetricItem',
  title: '项目统计卡片',
  category: '通用',
  docUrl: '',
  screenshot: '',
  devMode: 'proCode',
  npm: {
    package: '@pisell/materials',
    version: '1.0.1',
    exportName: 'CardMetricItem',
    main: 'src/index.tsx',
    destructuring: true,
    subName: '',
  },
  props: [{
    name: 'hint',
    title: { label: 'Hint显示', tip: '是否显示Hint' },
    propType: 'node',
    setter: {
      componentName: 'SlotSetter',
      title: '关闭图标插槽',
      initialValue: {
        type: 'JSSlot',
        value: [
          {
            componentName: 'PisellTooltip',
            props: {
              title: '提示信息',
            },
            children: {
              componentName: 'Icon',
              props: {
                type: 'InfoCircleOutlined',
                size: 16
              },
            },
          },
        ],
      },
    },
  }, {
    name: 'tags',
    title: { label: 'Tags显示', tip: '是否显示Tags' },
    propType: 'node',
    setter: {
      componentName: 'SlotSetter',
      initialValue: {
        type: 'JSSlot',
        value: [
          {
            componentName: 'Tag',
            props: {
              color: 'green',
              children: '100%',
              bordered: false
            },
          },
        ],
      },
    },
  },
  {
    name: 'title',
    title: {
      label: 'Heading标题',
      tip: '标题',
    },
    propType: 'string',
  },
  {
    name: "number",
    title: {
      label: "Number数字",
      tip: "输入数字",
    },
    propType: "number",
  }],
  configure: { supports: { style: true } },
};