import dayjs from 'dayjs'
import cloneDeep from 'lodash/cloneDeep'
import { PublicConfigClass } from '@/packages/public'
import { CreateComponentType } from '@/packages/index.d'
import { chartInitConfig } from '@/settings/designSetting'
import { COMPONENT_INTERACT_EVENT_KET } from '@/enums/eventEnum'
import { interactActions, ComponentInteractEventEnum, DefaultTypeEnum, DifferUnitEnum } from './interact'
import { OverrideInputsDateConfig } from './index'

export const option = {
  // 时间组件展示类型，必须和 interactActions 中定义的数据一致
  [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATE_TIME_RANGE,
  // 下拉展示 
  isPanel: 0,
  // 默认值
  dataset: [new Date().getTime() - 86400000, new Date().getTime()],
  // 默认值类型
  defaultType: DefaultTypeEnum.STATIC,
  // 动态默认值偏移单位
  differUnit: [DifferUnitEnum.DAY, DifferUnitEnum.DAY],
  // 动态默认值偏移值
  differValue: [0, 0],
  shortcut: 24 * 60 * 60 * 1000
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = OverrideInputsDateConfig.key
  public attr = { ...chartInitConfig, w: 380, h: 32, zIndex: 99999 }
  public chartConfig = cloneDeep(OverrideInputsDateConfig)
  public interactActions = interactActions
  public option = cloneDeep(option)
}