import { cloneDeep } from 'lodash-es'
import { ImageConfig } from '.'
import { ModeEnum } from '@/enums/modeEnum'
import type {
  ConfigPresetOptionsType,
  CreateComponentParamsType,
  CreateComponentType,
} from '@/core/Library/types'

const options: ConfigPresetOptionsType = {
  publicFormSetting: {
    dataSourceSetting: false,
    eventSetting: true,
    actSetting: {
      FLASH: true,
      DISPLAY: true,
      ROTATE: true,
    },
  },
}

export default class Config implements CreateComponentType {
  public key: string = ImageConfig.key

  public presetOption = cloneDeep(options)

  public mode = ModeEnum.EDIT

  public category = ImageConfig.category

  constructor(
    params: CreateComponentParamsType = {} as CreateComponentParamsType,
  ) {
    type Keys = keyof CreateComponentParamsType
    const keys = Object.keys(params) as Keys[]

    for (const key of keys) {
      ((this as CreateComponentParamsType)[
        key
      ] as CreateComponentParamsType[typeof key]) = params[key]
    }
  }
}