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

const { source } = dataJson;

export const option = {
  videoList: [
    {
    }
  ],
  dataset: source,
  dataStyle: {
    // 弹窗关闭按钮
    closeButtonWidth: 52,
    closeButtonHeight: 30,

    // 弹窗标题
    generalTitleFontSize: 24,
    generalTitleFontColor: '#ffffff',
    generalTitleFontShadow: '#00CF2C',

    // 弹窗类型按钮
    typeButtonWidth: 115,
    typeButtonHeight: 32,
    typeButtonFontSize: 14,
    typeButtonFontColor: '#FFFFFF',

    // 主体
    mainBodyMarginTop: 15,
    mainLeftMarginLeft1: 10,
    mainLeftMarginLeft2: 10,
    mainLeftMarginLeft3: 10,

    // 左侧标题
    leftTitleIcon1_WidthAndHeight: 36,
    leftTitle_FontSize: 20,
    leftTitle_FontColor: '#ffffff',
    leftTitle_FontShadow: '#00CF2C',
    leftTitleIcon2_Width: 15,
    leftTitleIcon2_Height: 12,

    // 左侧查询
    leftSearchMarginTop: 10,
    leftSearchMarginLeft: 10,

    // 左侧列表
    leftListMarginTop: 10,
    leftListMarginLeft: 10,
    leftListHeight: 600,
    leftListAloneHeight: 30,
    leftListWidth: 300,
    leftListWidth_Icon: 50,
    leftListWidth_Title: 250,
    
    leftDivVideoListIconWidth: 23,
    leftDivVideoListIconHeight: 16,

    leftListFontSize: 12,
    leftListFontColor: '#cfdae6',
    leftListFontBackgroud: '#242d33',

    // 右侧视频
    nowType: '1',
    videoWidth: 956,
    videoHeight: 688,
    // 关闭按钮
    closeVideoIconColor: '#ffffff',
    closeVideoIconWidthAndHeight: 25,
    // 标题
    videoTitleFontSize: 20,
    videoTitleFontColor: '#ffffff',
        
    videoloop: false,  // 视频-循环播放
    videomuted: true, // 视频-静音
    videofit: 'fill', // 视频-适应方式

  },
}

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