import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { EnergyOverviewConfig } from './index'
import cloneDeep from 'lodash/cloneDeep'
import { chartInitConfig } from '@/settings/designSetting'

//导入数据
import costIcon from './assets/cost.svg'
import dataJson from './data.json'
const otherOption = {
  gridItems: [
    {
      icon: costIcon,
      label: '费用',
      field: 'cost',
      unit: '单位',
      valueClass: 'value-cost'
    },
    {
      icon: costIcon,
      label: '市电',
      field: 'mainsElectricity',
      unit: '单位',
      valueClass: 'value-electricity'
    },
    {
      icon: costIcon,
      label: '供水',
      field: 'waterSupply',
      unit: '单位',
      valueClass: 'value-water'
    },
    {
      icon: costIcon,
      label: '燃气',
      field: 'gasSupply',
      unit: '单位',
      valueClass: 'value-gas'
    }
  ]
}
export const option = {
  ...otherOption,
  dataset: dataJson
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = EnergyOverviewConfig.key
  public chartConfig = cloneDeep(EnergyOverviewConfig)
  public option = cloneDeep(option)
  public attr = { ...chartInitConfig, x: 0, y: 0, w: 889, h: 267, zIndex: 1 }
}