import { PUBLIC_URL, Cesium, wutu3d } from '@/global';
import { Cartesian3_to_WGS84, viewerflyToLonLat } from './utils';
import * as R from 'ramda';

/**
 * 带轨迹移动对象
 * @namespace TrackLineWithModel
 */
export class TrackLineWithModel {
  constructor(map, option) {
    this.map = map;
    /**
     * 三维对象
     * @memberof TrackLineWithModel
     */
    this.viewer = map.viewer;

    /**
     * 初始化选项
     * @memberof TrackLineWithModel
     */
    this.option = R.merge(
      {
        type: '',
        scale: 0.1, // 模型比例
        minimumPixelSize: 20, // 像素大小
        points: [], // 轨迹 Array [{}]
        // uri: `http://106.12.93.244/data/models/gltf/qiche.gltf`,
        // model: "./models/dry_garbage_truck.glb",
        model: './models/qiche.gltf',
      },
      option || {}
    );

    /**
     * 类型
     * @memberof TrackLineWithModel
     */
    this.type = this.option.type;

    /**
     * 状态
     * @desc playing 行驶中，stop 休息中
     * @memberof TrackLineWithModel
     */
    this.status = 'stop';

    /**
     * 实例对象
     * @memberof TrackLineWithModel
     */
    this.entity = null;

    /**
     * 唯一ID
     * @memberof TrackLineWithModel
     */
    this.id = Cesium.createGuid();

    /**
     * 飞行路线
     * @memberof TrackLineWithModel
     */
    this.flyLine = null;
  }

  setFlyLine(option) {
    if (this.flyLine) {
      this.flyLine.destroy();
    }
    let _option = R.mergeRight(
      {
        mode: '',
        followedZ: 500,
        followedX: 0,
        speed: 40,
        wave: {
          size: 50,
          duration: 8000,
          color: '#05FAFC',
          gradient: 0.1,
          count: 2,
        },
        path: {
          color: '#07FFFF',
          width: 3,
          opacity: 0.5,
        },
      },
      option || {}
    );
    const pathOption = _option.path;
    this.flyLine = new wutu3d.FlyLine(this.viewer, {
      id: this.id,
      name: this.id,
      interpolation: false,
      clockLoop: true,
      // dy 第一视角, gs 跟随, "" 为空
      camera: {
        type: _option.mode,
        followedX: _option.followedX,
        followedZ: _option.followedZ,
      },
      points: this.option.points,
      speed: _option.speed,
      model: {
        show: true,
        uri: this.option.model,
        scale: this.option.scale,
        minimumPixelSize: this.option.minimumPixelSize,
      },
      path: { show: true, isAll: false, ...pathOption },
    });
    this.addEffect(_option.wave);
    this.flyLine.start();
    this.addWheelEvent();
  }

  switchEye({ type, followedX, followedZ }) {
    const flyLine = this.flyLine;
    if (!flyLine) return;
    flyLine.options.camera.type = type;
    flyLine.options.camera.followedX = followedX;
    flyLine.options.camera.followedZ = followedZ;
    this.addWheelEvent();
  }

  getCurrentPosition() {
    if (this.flyLine) {
      return this.flyLine.position.clone();
    }
    if (this && this.entity) {
      return this.entity.position._value;
    }
    return new Cesium.Cartesian3();
  }

  addEffect(option) {
    if (this._effect && this.viewer.entities.contains(this._effect)) {
      this.viewer.entities.remove(this._effect);
      this._effect = null;
    }
    this._effect = this.viewer.entities.add({
      position: new Cesium.CallbackProperty(
        this.getCurrentPosition.bind(this),
        false
      ),
      ellipse: {
        height: 0.0,
        semiMinorAxis: option.size,
        semiMajorAxis: option.size,
        material: new wutu3d.CircleWaveMaterial({
          duration: option.duration,
          color: option.color
            ? Cesium.Color.fromCssColorString(option.color)
            : Cesium.Color.AQUA,
          gradient: option.gradient,
          count: option.count,
        }),
      },
      show: true,
    });
  }

  /**
   * 更新飞行路线对象
   * @param {Object} option
   * @return {this}
   */
  updateFlyLine(option) {
    this.flyLine.updateStyle(option);
    return this;
  }

  /**
   * 注销
   */
  destroy() {
    if (this._effect) {
      this.viewer.entities.remove(this._effect);
      this._effect = null;
    }
    this.clear();
    if (this.entity && this.entity.parent) {
      this.entity.parent.remove(this.entity);
      this.entity = null;
    }
  }

  clear() {
    if (this.flyLine) {
      this.flyLine.stop();
      this.flyLine.destroy();
      this.flyLine = null;
    }
  }

  _updatePosition() {}

  /**
   * 获取位置
   * @return {Cesium.Cartesian3}
   */
  getPosition() {
    return Cesium.clone(
      this.entity ? this.entity.position : this.flyLine.position
    );
  }

  /**
   * 设置位置
   * @param {Cesium.Cartesian3} position
   * @return this
   */
  setPosition(position) {
    position &&
      position instanceof Cesium.Cartesian3 &&
      this.entity &&
      this.entity.position.setValue(Cesium.clone(position));
    return this;
  }

  /**
   * 添加到数据源中
   * @param {Cesium.DataSource} dataSource
   * @return dataSource
   */
  addToCollection(dataSource) {
    if (dataSource instanceof Cesium.DataSource) {
      if (this.entity && dataSource.entities.contains(this.entity)) {
        dataSource.entities.remove(this.entity);
      }
      this.entity = dataSource.entities.add({
        id: this.id,
        position: new Cesium.Cartesian3(),
      });
    }
    return this.entity;
  }

  /**
   * 设置属性
   * @param {Object} props
   * @return {TrackLineWithModel}
   */
  setProperties(props) {
    const entity = this.getEntity();
    if (!props || !entity) return this;
    for (const key in props) {
      const target = entity.properties.hasProperty(key);
      if (target) {
        entity.properties.removeProperty(key);
      }
      entity.properties.addProperty(key, props[key]);
    }
    return this;
  }

  /**
   * 获取属性
   * @param {String} key
   */
  getProperty(key) {
    const entity = this.getEntity();
    return entity && entity.properties[key];
  }

  /**
   * 获取模型配置
   */
  getModel() {
    return Cesium.Model.fromGltf({
      url: `./models/dry_garbage_truck.glb`,
    });
  }

  /**
   * 设置模型
   */
  setModel() {
    const entity = this.getEntity();
    if (!entity) return;
  }

  getEntity() {
    return this.entity;
  }

  focus() {
    if (this.entity) {
      const pos = Cartesian3_to_WGS84(this.entity.position._value);
      viewerflyToLonLat(this.viewer, pos.x, pos.y, 1000, 0, -30);
    }
  }

  /**
   * 驾驶作业状态
   * @param {Function} callback
   * @return {this}
   */
  play(callback) {
    this.status = 'playing';
    this.flyLine.start(callback);
    return this;
  }

  /**
   * 休息状态
   * @return {this}
   */
  stop() {
    this.status = 'stop';
    this.flyLine.stop();
    return this;
  }

  /**
   * 排队状态
   * @return {this}
   */
  inline() {
    this.status = 'inline';
    this.flyLine.stop();
    return this;
  }

  removeWheelEvent() {
    if (this.wheelHandler) {
      this.wheelHandler.removeInputAction(Cesium.ScreenSpaceEventType.WHEEL);
    }
  }

  addWheelEvent() {
    if (!this.viewer) return;
    this.removeWheelEvent();
    this.wheelHandler = new Cesium.ScreenSpaceEventHandler(this.viewer.canvas);
    const { flyLine } = this;
    this.wheelHandler.setInputAction(event => {
      if (event < 0 && flyLine.options.camera.followedZ < 100) return;
      flyLine.options.camera.followedZ += event > 0 ? 50 : -50;
    }, Cesium.ScreenSpaceEventType.WHEEL);
  }
}