import { computed, Ref } from 'vue'
import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'

// 获取当前对象数据
export const useTargetData = () => {
  const chartEditStore = useChartEditStore()
  const targetData: Ref<CreateComponentType | CreateComponentGroupType> = computed(() => {
    const list = chartEditStore.getComponentList
    const targetIndex = chartEditStore.fetchTargetIndex()
    return list[targetIndex]
  })
  // console.log("targetData",targetData.value.option.mapOptions);

  // targetData.value.option.mapOptions = {
  //   "scene": {
  //     "center": {"lat":30.074253,"lng":126.353311,"alt":21803924.9,"heading":360,"pitch":-90},
  //     "scene3DOnly": false,
  //     "shadows": false,
  //     "removeDblClick": true,
  //     "sceneMode": 3,
  //     "showSun": true,
  //     "showMoon": true,
  //     "showSkyBox": true,
  //     "showSkyAtmosphere": true,
  //     "fog": true,
  //     "fxaa": true,
  //     "requestRenderMode": true,
  //     "contextOptions": {
  //       "requestWebgl1": false,
  //       "webgl": {
  //         "preserveDrawingBuffer": true
  //       }
  //     },
  //     "globe": {
  //       "depthTestAgainstTerrain": false,
  //       "baseColor": "#546a53",
  //       "showGroundAtmosphere": true,
  //       "enableLighting": false
  //     },
  //     "cameraController": {
  //       "zoomFactor": 3.0,
  //       "minimumZoomDistance": 1,
  //       "maximumZoomDistance": 50000000,
  //       "enableRotate": true,
  //       "enableTranslate": true,
  //       "enableTilt": true,
  //       "enableZoom": true,
  //       "enableCollisionDetection": true,
  //       "minimumCollisionTerrainHeight": 15000
  //     }
  //   },
  //   "control": {
  //     "homeButton": true,
  //     "baseLayerPicker": false,
  //     "sceneModePicker": true,
  //     "vrButton": false,
  //     "fullscreenButton": true,
  //     "navigationHelpButton": true,
  //     "animation": false,
  //     "timeline": false,
  //     "infoBox": false,
  //     "geocoder": false,
  //     "selectionIndicator": false,
  //     "showRenderLoopErrors": true,
  //     "contextmenu": {
  //       "hasDefault": true
  //     },
  //     "mouseDownView": true,
  //     "zoom": {
  //       "insertIndex": 1
  //     },
  //     "compass": {
  //       "bottom": "toolbar",
  //       "left": "5px"
  //     },
  //     "distanceLegend": {
  //       "left": "10px",
  //       "bottom": "2px"
  //     },
  //     "locationBar": {
  //       "crs": "CGCS2000_GK_Zone_3",
  //       "crsDecimal": 0,
  //       "template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx}  纵{crsy}</div> <div>海拔：{alt}米</div> <div class='hide700'>层级：{level}</div><div>方向：{heading}°</div> <div>俯仰角：{pitch}°</div><div class='hide700'>视高：{cameraHeight}米</div>"
  //     }
  //   },
  //   "method": {
  //     "templateValues": {
  //       "dataServer": "//data.mars3d.cn",
  //       "gltfServerUrl": "//data.mars3d.cn/gltf"
  //     }
  //   },
  //   "terrain": {
  //     "url": "//data.mars3d.cn/terrain",
  //     "show": true,
  //     "clip": true
  //   },
  //   "basemaps": [
  //     {
  //       "id": 10,
  //       "name": "地图底图",
  //       "type": "group"
  //     },
  //     {
  //       "pid": 10,
  //       "name": "天地图影像",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/tdt_img.png",
  //       "type": "group",
  //       "layers": [
  //         {
  //           "name": "底图",
  //           "type": "tdt",
  //           "layer": "img_d"
  //         },
  //         {
  //           "name": "注记",
  //           "type": "tdt",
  //           "layer": "img_z"
  //         }
  //       ],
  //       "show": false
  //     },
  //     {
  //       "pid": 10,
  //       "name": "天地图电子",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/tdt_vec.png",
  //       "type": "group",
  //       "layers": [
  //         {
  //           "name": "底图",
  //           "type": "tdt",
  //           "layer": "vec_d"
  //         },
  //         {
  //           "name": "注记",
  //           "type": "tdt",
  //           "layer": "vec_z"
  //         }
  //       ]
  //     },
  //     {
  //       "id": 2021,
  //       "pid": 10,
  //       "name": "高德影像",
  //       "type": "group",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/gaode_img.png",
  //       "layers": [
  //         {
  //           "name": "底图",
  //           "type": "gaode",
  //           "layer": "img_d"
  //         },
  //         {
  //           "name": "注记",
  //           "type": "gaode",
  //           "layer": "img_z"
  //         }
  //       ],
  //       "show": true
  //     },
  //     {
  //       "pid": 10,
  //       "name": "高德电子",
  //       "type": "gaode",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/gaode_vec.png",
  //       "layer": "vec"
  //     },
  //     {
  //       "pid": 10,
  //       "name": "百度影像",
  //       "type": "group",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-img.png",
  //       "layers": [
  //         {
  //           "name": "底图",
  //           "type": "baidu",
  //           "layer": "img_d"
  //         },
  //         {
  //           "name": "注记",
  //           "type": "baidu",
  //           "layer": "img_z"
  //         }
  //       ]
  //     },
  //     {
  //       "pid": 10,
  //       "name": "百度电子",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-vec.png",
  //       "type": "baidu",
  //       "layer": "vec"
  //     },
  //     {
  //       "pid": 10,
  //       "name": "腾讯影像",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/tencent_img.png",
  //       "type": "group",
  //       "layers": [
  //         {
  //           "name": "底图",
  //           "type": "tencent",
  //           "layer": "img_d"
  //         },
  //         {
  //           "name": "注记",
  //           "type": "tencent",
  //           "layer": "img_z"
  //         }
  //       ]
  //     },
  //     {
  //       "pid": 10,
  //       "name": "腾讯电子",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/tencent_vec.png",
  //       "type": "tencent",
  //       "layer": "vec"
  //     },
  //     {
  //       "pid": 10,
  //       "name": "ArcGIS影像",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/esriWorldImagery.png",
  //       "type": "xyz",
  //       "url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
  //       "enablePickFeatures": false
  //     },
  //     {
  //       "pid": 10,
  //       "name": "微软影像",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/bingAerial.png",
  //       "type": "bing",
  //       "layer": "Aerial"
  //     },
  //     {
  //       "id": 2017,
  //       "pid": 10,
  //       "name": "蓝色底图",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-c-midnight.png",
  //       "type": "gaode",
  //       "layer": "vec",
  //       "chinaCRS": "GCJ02",
  //       "invertColor": true,
  //       "filterColor": "#4e70a6",
  //       "brightness": 0.6,
  //       "contrast": 1.8,
  //       "gamma": 0.3,
  //       "hue": 1,
  //       "saturation": 0
  //     },
  //     {
  //       "pid": 10,
  //       "name": "黑色底图",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-c-dark.png",
  //       "type": "gaode",
  //       "layer": "vec",
  //       "chinaCRS": "GCJ02",
  //       "invertColor": true,
  //       "filterColor": "#909090",
  //       "brightness": 0.6,
  //       "contrast": 1.8,
  //       "gamma": 0.3,
  //       "hue": 1,
  //       "saturation": 0
  //     },
  //     {
  //       "pid": 10,
  //       "name": "离线影像地图 (供参考)",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/google_img.png",
  //       "type": "xyz",
  //       "url": "{dataServer}/tile/img/{z}/{x}/{y}.jpg",
  //       "chinaCRS": "GCJ02",
  //       "maximumLevel": 13
  //     },
  //     {
  //       "pid": 10,
  //       "name": "单张图片 (本地离线)",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/offline.png",
  //       "type": "image",
  //       "url": "//data.mars3d.cn/img/map/world/world.jpg"
  //     },
  //     {
  //       "id": 2023,
  //       "pid": 10,
  //       "name": "无底图",
  //       "icon": "//data.mars3d.cn/img/thumbnail/basemap/null.png",
  //       "type": "grid",
  //       "color": "#ffffff",
  //       "alpha": 0.03,
  //       "cells": 2
  //     }
  //   ],
  //   "layers":[]
  // };



  console.log("targetData",targetData)
  return { targetData, chartEditStore }
}