feat(src/packages): 图表里的地图组件，下钻功能新增返回上一级

@@ -14,7 +14,7 @@ export const enum areaEnum {
 export const includes = []
 export const includes = []
 
 
 export const option = {
 export const option = {
-  drillingIn:false,
+  drillingIn: false,
   dataset: dataJson,
   dataset: dataJson,
   mapRegion: {
   mapRegion: {
     adcode: 'china',
     adcode: 'china',
@@ -152,7 +152,7 @@ export const option = {
         shadowOffsetY: 2,
         shadowOffsetY: 2,
         shadowBlur: 10
         shadowBlur: 10
       }
       }
-    }
+    },
   ]
   ]
 }
 }
 export const MapDefaultConfig = { ...option }
 export const MapDefaultConfig = { ...option }

@@ -27,6 +27,8 @@ import mapJsonWithoutHainanIsLands from './mapWithoutHainanIsLands.json'
 import { DatasetComponent, GridComponent, TooltipComponent, GeoComponent, VisualMapComponent } from 'echarts/components'
 import { DatasetComponent, GridComponent, TooltipComponent, GeoComponent, VisualMapComponent } from 'echarts/components'
 import cityMap from './mapGeojson/china-main-city-map.json'
 import cityMap from './mapGeojson/china-main-city-map.json'
 
 
+type historyDataType = { name: string; code: string }
+
 const props = defineProps({
 const props = defineProps({
   themeSetting: {
   themeSetting: {
     type: Object,
     type: Object,
@@ -57,6 +59,12 @@ use([
 
 
 const saveSelectValue = ref('')
 const saveSelectValue = ref('')
 
 
+const iconStr = ref(
+  'path://M853.333333 245.333333H245.333333l93.866667-93.866666c12.8-12.8 12.8-34.133333 0-46.933334-12.8-12.8-34.133333-12.8-46.933333 0l-145.066667 145.066667c-12.8 12.8-12.8 34.133333 0 46.933333l145.066667 145.066667c6.4 6.4 14.933333 10.666667 23.466666 10.666667s17.066667-4.266667 23.466667-10.666667c12.8-12.8 12.8-34.133333 0-46.933333L256 311.466667h597.333333c6.4 0 10.666667 4.266667 10.666667 10.666666v426.666667c0 6.4-4.266667 10.666667-10.666667 10.666667H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h682.666666c40.533333 0 74.666667-34.133333 74.666667-74.666667V320c0-40.533333-34.133333-74.666667-74.666667-74.666667z'
+)
+
+const historyData = ref<historyDataType[]>([])
+
 const option = reactive({
 const option = reactive({
   value: mergeTheme(props.chartConfig.option, props.themeSetting, includes)
   value: mergeTheme(props.chartConfig.option, props.themeSetting, includes)
 })
 })
@@ -68,7 +76,7 @@ const toolBoxOption = {
     myFullButton: {
     myFullButton: {
       show: true,
       show: true,
       title: '返回',
       title: '返回',
-      icon: 'path://M853.333333 245.333333H245.333333l93.866667-93.866666c12.8-12.8 12.8-34.133333 0-46.933334-12.8-12.8-34.133333-12.8-46.933333 0l-145.066667 145.066667c-12.8 12.8-12.8 34.133333 0 46.933333l145.066667 145.066667c6.4 6.4 14.933333 10.666667 23.466666 10.666667s17.066667-4.266667 23.466667-10.666667c12.8-12.8 12.8-34.133333 0-46.933333L256 311.466667h597.333333c6.4 0 10.666667 4.266667 10.666667 10.666666v426.666667c0 6.4-4.266667 10.666667-10.666667 10.666667H170.666667c-17.066667 0-32 14.933333-32 32s14.933333 32 32 32h682.666666c40.533333 0 74.666667-34.133333 74.666667-74.666667V320c0-40.533333-34.133333-74.666667-74.666667-74.666667z',
+      icon: iconStr.value,
       onclick: () => watchAdcode()
       onclick: () => watchAdcode()
     }
     }
   }
   }
@@ -79,10 +87,12 @@ props.chartConfig.option = {
   ...{ toolbox: toolBoxOption }
   ...{ toolbox: toolBoxOption }
 }
 }
 
 
+//地图点击返回
 const watchAdcode = () => {
 const watchAdcode = () => {
   if (props.chartConfig.option.drillingIn) {
   if (props.chartConfig.option.drillingIn) {
-    const findCity = (cityMap as any)[saveSelectValue.value]
-    props.chartConfig.option.mapRegion.adcode = 'china'
+    const code = historyData.value.at(-2)?.code
+    props.chartConfig.option.mapRegion.adcode = code ? code : 'china'
+    historyData.value.pop()
   }
   }
 }
 }
 
 
@@ -90,12 +100,16 @@ const vChartRef = ref<typeof VChart>()
 
 
 //动态获取json注册地图
 //动态获取json注册地图
 const getGeojson = (regionId: string) => {
 const getGeojson = (regionId: string) => {
-  return new Promise<boolean>(resolve => {
-    import(`./mapGeojson/${regionId}.json`).then(data => {
-      registerMap(regionId, { geoJSON: data.default as any, specialAreas: {} })
-      resolve(true)
+  try {
+    return new Promise<boolean>(resolve => {
+      import(`./mapGeojson/${regionId}.json`).then(data => {
+        registerMap(regionId, { geoJSON: data.default as any, specialAreas: {} })
+        resolve(true)
+      })
     })
     })
-  })
+  } finally {
+    console.log
+  }
 }
 }
 
 
 //异步时先注册空的 保证初始化不报错
 //异步时先注册空的 保证初始化不报错
@@ -199,7 +213,12 @@ const handleVChartClick = async (params: any) => {
     const { name } = params
     const { name } = params
     saveSelectValue.value = name
     saveSelectValue.value = name
     const findAdcode = (cityMap as any)[name]
     const findAdcode = (cityMap as any)[name]
+    if (!findAdcode) return
     props.chartConfig.option.mapRegion.adcode = findAdcode
     props.chartConfig.option.mapRegion.adcode = findAdcode
+    historyData.value.push({
+      name,
+      code: findAdcode
+    })
   }
   }
 }
 }
 </script>
 </script>