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 } from './interact'
import { OverrideInputsTabConfig } from './index'

export const option = {
  // 时间组件展示类型，必须和 interactActions 中定义的数据一致
  [COMPONENT_INTERACT_EVENT_KET]: ComponentInteractEventEnum.DATA,
  // 默认值
  tabLabel: '选项1',
  // 样式
  tabType: 'segment',
  // 暴露配置内容给用户
  dataset: [
    {
      label: '选项1',
      value: '1'
    },
    {
      label: '选项2',
      value: '2'
    },
    {
      label: '选项3',
      value: '3'
    }
  ],
  //自定义样式
  tabStyleOptions: {
    textColor: 'green',
    textActiveColor: 'black',
    textBackgroundColor: '#FFFFFF',
    tabBarColor: 'green',
    segmentBackgroundColor: '#F7F7FA',
    segmentActiveColor: '#FFFFFF'
  }
}

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