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

export const option = {
  data: '组件标题栏',
  dataStyle: {
    x: 40,
    y: 23,
    fontColor: '#FFFFFF',
    fontSize: 20,
    // 标题矩形左侧颜色
    leftColor: '#00611A',
    startColor: '#1F6B55',
    endColor: '#0A392A',
  },
  dataStyleClone: {
    leftColor: '#00611A',
    startColor: '#1F6B55',
    endColor: '#0A392A',
  },
}

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