data-room/data-room-ui/packages/js/utils/getComponentConfig.js

import * as iconData from 'data-room-ui/assets/symbols/bigScreenIcon/iconfont.json'
const iconNames = iconData.glyphs.map(item => item.name).sort((a, b) => a.localeCompare(b))
export default function getComponentConfig (type) {
  // const _type = _.upperFirst(type)
  // const className = `com.gccloud.starter.lowcode.page.bigscreen.components.${_type}Chart`
  switch (type) {
    case 'marquee':
      return {
        name: '跑马灯',
        title: '跑马灯',
        icon: iconNames[16],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenTextChart',
        w: 150,
        h: 100,
        x: 0,
        y: 0,
        type
      }
    case 'texts':
      return {
        name: '文本',
        title: '文本',
        icon: iconNames[0],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenTextChart',
        w: 150,
        h: 30,
        x: 0,
        y: 0,
        type
      }
    case 'linkChart':
      return {
        name: '超链接',
        title: '超链接',
        icon: iconNames[15],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenLinkChart',
        w: 150,
        h: 30,
        x: 0,
        y: 0,
        type
      }
    case 'horizontalLine':
      return {
        name: '水平线',
        title: '水平线',
        icon: iconNames[10],
        component: null,
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenBorderChart',
        w: 300,
        h: 40,
        x: 0,
        y: 0,
        type
      }
    case 'verticalLine':
      return {
        name: '垂直线',
        title: '垂直线',
        icon: iconNames[11],
        component: null,
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenBorderChart',
        w: 40,
        h: 300,
        x: 0,
        y: 0,
        type
      }

    case 'picture':
      return {
        name: '图片',
        title: '图片',
        icon: iconNames[1],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenPictureChart',
        w: 280,
        h: 200,
        x: 0,
        y: 0,
        type
      }
    case 'screenScrollBoard':
      return {
        name: '轮播表',
        title: '轮播表',
        icon: iconNames[2],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenScrollBoardChart',
        w: 600,
        h: 400,
        x: 0,
        y: 0,
        type
      }
    case 'screenScrollRanking':
      return {
        name: '排名表',
        title: '排名表',
        icon: iconNames[3],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenScrollRankingChart',
        w: 600,
        h: 400,
        x: 0,
        y: 0,
        type
      }
    case 'tables':
      return {
        name: '表格',
        title: '表格',
        icon: iconNames[4],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenTablesChart',
        w: 600,
        h: 400,
        x: 0,
        y: 0,
        type
      }
    case 'currentTime':
      return {
        name: '当前时间',
        title: '当前时间',
        icon: iconNames[6],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenCurrentTimeChart',
        w: 380,
        h: 130,
        x: 0,
        y: 0,
        type
      }
    case 'timeCountDown':
      return {
        name: '倒计时',
        title: '倒计时',
        icon: iconNames[7],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenTimeCountDownChart',
        w: 500,
        h: 130,
        x: 0,
        y: 0,
        type
      }
    case 'iframeChart':
      return {
        name: '外链',
        title: '外链',
        icon: iconNames[8],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenIframeChart',
        w: 600,
        h: 400,
        x: 0,
        y: 0,
        type
      }
    case 'digitalFlop':
      return {
        name: '翻牌器',
        title: '翻牌器',
        icon: null,
        img: require('data-room-ui/BasicComponents/DigitalFlop/images/fanpaiqi.png'),
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenDigitalFlopChart',
        w: 800,
        h: 150,
        x: 0,
        y: 0,
        type
      }
    case 'video':
      return {
        name: '播放器',
        title: '播放器',
        icon: iconNames[12],
        className:
          'com.gccloud.dataroom.core.module.chart.components.ScreenVideoChart',
        w: 600,
        h: 400,
        x: 0,
        y: 0,
        type
      }

    case 'input':
      return {
        name: '输入框',
        title: '输入框',
        icon: iconNames[13],
        className: 'com.gccloud.dataroom.core.module.chart.components.ScreenInputChart',
        w: 180,
        h: 40,
        x: 0,
        y: 0,
        type
      }
    case 'button':
      return {
        name: '按钮',
        title: '按钮',
        icon: iconNames[14],
        className: 'com.gccloud.dataroom.core.module.chart.components.ScreenButtonChart',
        w: 80,
        h: 40,
        x: 0,
        y: 0,
        type
      }
    default:
      return {}
  }
}