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

export const option = {
  //vue3dLoader支持数组或字符串，暂且绑定字符串，这个插件可以加载多个模型
  dataset: '',
  backgroundColor: '', //场景背景色
  backgroundAlpha: 0, //场景透明度
  enableDamping: false, //是否启用阻尼
  dampingFactor: 0.05, //阻尼值
  autoPlay: true, //三维动画是否启用自动播放
  /**
   * 输出编码，可取值为 liner 或 sRGB。
   * linear 是 LinearEncoding 线性编码,
   * sRGB 即 sRGBEncoding rgb 模式编码（sRGBEncoding 能更好的还原材质颜色）
   */
  outputEncoding: 'liner',
  clearScene: false, //是否清空场景内容
  lights: [], //灯光，暂且没实现
  mtlPath: [], //.mtl材质路径，比如搭配obj使用
  textureImage: [] //jpg/png 材质路径
}

export default class Config extends PublicConfigClass implements CreateComponentType {
  public key = ThreeDimensionalConfig.key
  public attr = { ...chartInitConfig, zIndex: 1, w: 600, h: 500 }
  public chartConfig = cloneDeep(ThreeDimensionalConfig)
  public option = cloneDeep(option)
}