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

export const option = {
  dataStyle:{
    // 背景颜色
    backgroud: '#161A1A',
    // 左上、右下角装饰颜色
    lineColor1: '#25673D',
    lineColor2: '#3E674A',
    lineColor3: '#8BE8A3',
    // 外侧边框线颜色
    pathLineColor1: '#7CA791',
    // 内侧边框线颜色
    pathLineColor2: '#435A4E',
    // 顶部矩形块颜色
    topPolygonColor: '#4D815D',
    // 顶部椭圆形块颜色
    topEllipseColor: '#4A5C4A',
    // 底部矩形块颜色
    bottomUseColor: '#FFE4AC',
  },
  dataStyleClone:{
    // 背景颜色
    backgroud: '#161A1A',
    // 左上、右下角装饰颜色
    lineColor1: '#25673D',
    lineColor2: '#3E674A',
    lineColor3: '#8BE8A3',
    // 外侧边框线颜色
    pathLineColor1: '#7CA791',
    // 内侧边框线颜色
    pathLineColor2: '#435A4E',
    // 顶部矩形块颜色
    topPolygonColor: '#4D815D',
    // 顶部椭圆形块颜色
    topEllipseColor: '#4A5C4A',
    // 底部矩形块颜色
    bottomUseColor: '#FFE4AC',
  }
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = ModalFrameConfig.key
  public attr = { ...chartInitConfig, w: 1490, h: 712, zIndex: 5 }
  public chartConfig = cloneDeep(ModalFrameConfig)
  public option = cloneDeep(option)
}
