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

export const option = {
  boxId: 'linearGradientContentTitle04',
  colors: ['#067847','#0EB07D','#FFB111','#FFB217','#457453','#0CB170'],
  labelText: '护林员总数',
  labelColor: '#CBE7CD',
  labelSize: 12,
  valueText: ['10'],
  valueColor: '#73FF73',
  valueSize: 18,
  unitText: ['人'],
  unitColor: '#16E795',
  unitSize: 10
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = ContentTitle04Config.key
  public attr = { ...chartInitConfig, w: 176, h: 60, zIndex: 1 }
  public chartConfig = cloneDeep(ContentTitle04Config)
  public option = cloneDeep(option)
  public request = { ...requestSqlConfig, requestSQLContent: { sql: 'select * from ' }, }
  public filter = "return res.result;"
}