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

export const option = {
  dataset: '/src/assets/videos/earth.mp4',
  dataStyle: {
    backgroud: '#FFFFFF00',
    videoLoop: true,  // 视频-循环播放
    videoMuted: true, // 视频-静音
    videoFit: 'fill', // 视频-适应方式
    // videoWidth: 10,
    // videoHeight: 10,

    borderWidth: 2,
    borderColor: '#008000', 
    padding: 4,
  }
}

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