import * as mars3d from "mars3d"
import { TilesEditor } from "./TilesEditor.js"

export let map // mars3d.Map三维地图对象
export let tiles3dLayer
export let tilesEditor

// 自定义事件
export const eventTarget = new mars3d.BaseClass() // 事件对象，用于抛出事件到面板中

/**
 * 初始化地图业务，生命周期钩子函数（必须）
 * 框架在地图初始化完成后自动调用该函数
 * @param {mars3d.Map} mapInstance 地图对象
 * @returns {void} 无
 */
export function onMounted(mapInstance) {
  map = mapInstance // 记录map

  map.fixedLight = true // 固定光照，避免gltf模型随时间存在亮度不一致。

  // 鼠标拖拽编辑，定义在js/TilesEditor.js
  tilesEditor = new TilesEditor({
    map: map,
    moveImg: "img/icon/move.png",
    rotateImg: "img/icon/rotate.png"
  })

  tilesEditor.on("change", function (data) {
    tilesEditor.enabled = true
    eventTarget.fire("tilesEditor", { data })
  })
}

/**
 * 释放当前地图业务的生命周期函数
 * @returns {void} 无
 */
export function onUnmounted() {
  map = null
}

// 查看构件
export function showCompTree(model) {
  querySceneTreeData(model)
    .then(function (scene) {
      const data = []
      if (scene.scenes) {
        for (let i = 0; i < scene.scenes.length; i++) {
          const node = scene.scenes[i]
          name2text(node)
          data.push(node)
        }
      } else {
        name2text(scene)
        data.push(scene)
      }

      eventTarget.fire("compTree", { data })
    })
    .catch(function (error) {
      console.log("加载JSON出错", error)
    })
}

export function compModelChange(nodeid, nodesphere) {
  if (nodesphere[3] <= 0) {
    return
  }
  // 构件节点位置
  let center = new Cesium.Cartesian3(nodesphere[0], nodesphere[1], nodesphere[2])

  // 获取构件节点位置，现对于原始矩阵变化后的新位置
  center = tiles3dLayer.getPositionByOrginMatrix(center)

  // 飞行过去
  const sphere = new Cesium.BoundingSphere(center, nodesphere[3])
  map.camera.flyToBoundingSphere(sphere, {
    offset: new Cesium.HeadingPitchRange(map.camera.heading, map.camera.pitch, nodesphere[3] * 1.5),
    duration: 0.5
  })

  // 设置tileset的样式
  tiles3dLayer.style = new Cesium.Cesium3DTileStyle({
    color: {
      conditions: [
        ["${id} ==='" + nodeid + "'", "rgb(255, 255, 255)"],
        ["true", "rgba(255, 200, 200,0.2)"]
      ]
    }
  })
}
export function checkedTree() {
  tiles3dLayer.tileset.style = undefined
}

/**
 *
 *
 * @param {string} url 面板中传入的url模型地址
 * @return {*} 无
 */
export function showModel(url) {
  removeLayer()

  if (!url) {
    alert("请输入图层URL！")
    return
  }

  tiles3dLayer = new mars3d.layer.TilesetLayer({
    url: url,
    // 高亮时的样式
    highlight: {
      type: mars3d.EventType.click, // 默认为鼠标移入高亮，也可以指定click单击高亮
      outlineEffect: true, // 采用OutlineEffect方式来高亮
      color: "#00FF00"
    },
    popup: "all",
    flyTo: true
  })
  map.addLayer(tiles3dLayer)

  // 加载完成事件
  tiles3dLayer.on(mars3d.EventType.load, function (event) {
    const data = event.tileset

    if (tiles3dLayer.transform) {
      tilesEditor.range = data.boundingSphere.radius * 0.9
      tilesEditor.heading = tiles3dLayer.rotation_z
      tilesEditor.position = tiles3dLayer.position
    } else {
      tilesEditor.enabled = false
    }

    // 触发自定义事件，更改面板中的值
    eventTarget.fire("tiles3dLayerLoad", { data, tiles3dLayer })
  })
}

// 异步求准确高度
export function getDefined(data) {
  const params = getConfig(data)
  // 求地面海拔 (异步)
  if (Cesium.defined(params.position) && Cesium.defined(params.position.alt)) {
    // 存在历史设置的高度时不用处理
  } else {
    mars3d.PointUtil.getSurfaceTerrainHeight(map.scene, tiles3dLayer.orginCenterPosition, {
      asyn: true, // 是否异步求准确高度
      callback: function (newHeight) {
        if (newHeight == null) {
          return
        }
        const offsetZ = Math.ceil(newHeight - tiles3dLayer.orginCenterPoint.alt + 1)
        console.log("地面海拔：" + newHeight.toFixed(2) + ",需要偏移" + offsetZ)

        data.txtZ = offsetZ
        tiles3dLayer.height = offsetZ
      }
    })
  }
}

export function editor(event, txtZ) {
  if (Cesium.defined(event.position)) {
    const pos = event.position
    const thisZ = txtZ
    const position = mars3d.PointUtil.setPositionsHeight(pos, thisZ)

    tilesEditor.position = position
    tiles3dLayer.center = position

    const point = mars3d.LngLatPoint.fromCartesian(position)
    eventTarget.fire("changePoition", { point })
  } else if (Cesium.defined(event.heading)) {
    tiles3dLayer.rotation_z = event.heading
    eventTarget.fire("changeHeading", { tiles3dLayer })
  }
}
/**
 * 通过面板修改模型，将面板中的参数进行修改
 *
 * @param {object} pannelData 面板改变的值
 * @return {object} params  模型的参数
 */
export function getConfig(pannelData) {
  let url, maximumScreenSpaceError
  let tf = false
  if (pannelData) {
    url = pannelData.txtModel
    maximumScreenSpaceError = mars3d.Util.formatNum(pannelData.maximumScreenSpaceError, 1)
  } else {
    url = "//data.mars3d.cn/3dtiles/max-fsdzm/tileset.json"
    maximumScreenSpaceError = 8
    tf = true
  }

  const params = {
    name: "模型名称",
    type: "3dtiles",
    url: url,
    maximumScreenSpaceError: maximumScreenSpaceError, // 【重要】数值加大，能让最终成像变模糊
    maximumMemoryUsage: 1024, // 【重要】内存分配变小有利于倾斜摄影数据回收，提升性能体验
    // center: map.getCameraView(),
    show: true
  }
  if (tf) {
    return params
  }

  const x = mars3d.Util.formatNum(pannelData.txtX, 6)
  if (x) {
    params.position = params.position || {}
    params.position.lng = x
  }

  const y = mars3d.Util.formatNum(pannelData.txtY, 6)
  if (y) {
    params.position = params.position || {}
    params.position.lat = y
  }

  const z = mars3d.Util.formatNum(pannelData.txtZ, 6)
  if (z) {
    params.position = params.position || {}
    params.position.alt = z
  }

  const rotation_x = mars3d.Util.formatNum(pannelData.rotationX, 1)
  if (rotation_x) {
    params.rotation = params.rotation || {}
    params.rotation.x = rotation_x
  }

  const rotation_y = mars3d.Util.formatNum(pannelData.rotationY, 1)
  if (rotation_y) {
    params.rotation = params.rotation || {}
    params.rotation.y = rotation_y
  }

  const rotation_z = mars3d.Util.formatNum(pannelData.rotationZ, 1)
  if (rotation_z) {
    params.rotation = params.rotation || {}
    params.rotation.z = rotation_z
  }

  const luminanceAtZenith = mars3d.Util.formatNum(pannelData.luminanceAtZenith, 1)
  if (luminanceAtZenith !== 0.2) {
    params.luminanceAtZenith = luminanceAtZenith
  }

  const scale = mars3d.Util.formatNum(pannelData.scale || 1, 1)
  if (scale > 0) {
    params.scale = scale
  }

  const axis = pannelData.axis
  params.axis = axis

  const isProxy = pannelData.chkProxy
  if (isProxy) {
    params.proxy = "//server.mars3d.cn/proxy/"
  }

  return params
}

// 修改更改后的参数
export function updateModel(pannelData) {
  // 获取参数
  const params = getConfig(pannelData)

  params.rotation = params.rotation || {}
  params.rotation.x = params.rotation.x || 0
  params.rotation.y = params.rotation.y || 0
  params.rotation.z = params.rotation.z || 0

  if (tiles3dLayer.transform) {
    tilesEditor.heading = tiles3dLayer.rotation_z
    tilesEditor.position = tiles3dLayer.position
  }
  tiles3dLayer.tileset.maximumScreenSpaceError = pannelData.maximumScreenSpaceError
  tiles3dLayer.tileset.luminanceAtZenith = pannelData.luminanceAtZenith
  tiles3dLayer.opacity = pannelData.opacity
  tiles3dLayer.setOptions(params)
  // 深度检测
  map.scene.globe.depthTestAgainstTerrain = pannelData.depthTestAgainstTerrain
  // 鼠标拖拽编辑
  tilesEditor.enabled = pannelData.tilesEditorEnabled
}

export function locate() {
  if (tiles3dLayer.tileset?.boundingSphere) {
    map.camera.flyToBoundingSphere(tiles3dLayer.tileset.boundingSphere, {
      offset: new Cesium.HeadingPitchRange(map.camera.heading, map.camera.pitch, tiles3dLayer.tileset.boundingSphere.radius * 2)
    })
  } else {
    map.flyToPoint(tiles3dLayer.position, {
      radius: tiles3dLayer.tileset.boundingSphere.radius * 2
    })
  }
}

// 保存GeoJSON
export function saveBookmark(params) {
  if (params.axis === "") {
    delete params.axis
  }

  mars3d.Util.downloadFile("3dtiles图层配置.json", JSON.stringify(getConfig(params)))
}

function removeLayer() {
  if (tiles3dLayer) {
    map.basemap = 2021 // 切换到默认卫星底图

    map.removeLayer(tiles3dLayer, true)
    tiles3dLayer = null
  }
}

// 取构件树数据
function querySceneTreeData(url) {
  const scenetree = url.substring(0, url.lastIndexOf("/") + 1) + "scenetree.json"

  return mars3d.Util.fetchJson({ url: scenetree })
}
function name2text(o) {
  o.text = o.name

  // 这块为了避免tree控件里的id不统一，所以加改变一下
  o.eleid = o.id
  o.id = undefined

  if ((!o.text || o.text.trim() === "") && o.type) {
    o.text = o.type
  }

  if (o.children) {
    for (let i = 0; i < o.children.length; i++) {
      name2text(o.children[i])
    }
  }
}