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

export const option = {
  dataStyle:{
    onlyShowLeftFrame: true,
    mouseListener: true,

    mask: false,
    maskClickClose: false,
    maskColor: '#FFFFFF00',
    maskFrameX: 0,
    maskFrameY: 0,
    maskFrameW: 0,
    maskFrameH: 0,
    maskFrameColor: '#FFFFFF00',

    // 总矩形边框颜色
    allUseStrokeColor: '#435A4E',
    // 总矩形填充颜色
    allUseFillColor: '#021E17',

    // 左侧矩形边框颜色
    leftStrokeColor1: '#435A4E',
    leftStrokeColor2: '#7CA791',
    // 左侧矩形填充颜色
    leftFillColor: '#161A1A',
    // 左侧矩形左上、右下修饰边角颜色
    leftStopColor1: '#25673D',
    leftStopColor2: '#3E674A',
    leftStopColor3: '#8BE8A3',

    // 左上、左下修饰矩形颜色
    topLeftFillColor: '#4D815D',
    bottomLeftFillColor: '#FFE4AC',
    // 左上、修饰圆形颜色
    topLeftEllipseColor: '#4A5C4A',
  },
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = HuoQingDetailModalConfig.key
  public attr = { ...chartInitConfig, w: 417, h: 891, zIndex: -1 }
  public chartConfig = cloneDeep(HuoQingDetailModalConfig)
  public option = cloneDeep(option)
}
