import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { LeftCenterRightHeadCommonConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'

export const option = {
  //左边颜色
  colorLefts: ['#1dc1f5', '#1dc1f5'],
  //中间标题颜色
  colorTexts: ['#1DC1F533', '#1DC1F5FF'],
  //右边颜色
  colorRights: ['#1dc1f5', '#1dc1f5'],
  //头部左边尺寸位置配置
  headLeftInfo: {
    w: 700,
    h: 300,
    ml: 0,
    mt: 0,
    headLeftReverse: false
  },
  //头部中间尺寸位置配置
  headCenterInfo: {
    w: 500,
    h: 70,
    ml: 235,
    mt: 125,
    dataset: '我是标题',
    textColor: '#fff',
    textSize: 32
  },
  //头部右边尺寸位置配置
  headRightInfo: {
    w: 700,
    h: 300,
    ml: 245,
    mt: 0,
    headRightReverse: true
  }
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = LeftCenterRightHeadCommonConfig.key
  public chartConfig = cloneDeep(LeftCenterRightHeadCommonConfig)
  public option = cloneDeep(option)
}