perf(src/packages/): 优化图表地图用户体验

@@ -3,6 +3,13 @@ import { onMounted, reactive } from 'vue'
 import { getAreaList } from '@/api/external/common/index'
 import { areaEnum } from '../config'
 
+const props = defineProps({
+  drillingIn:{
+    type:Boolean,
+    default:false
+  }
+})
+
 const emits = defineEmits(['submit'])
 
 const selectOptions = reactive({
@@ -12,7 +19,7 @@ const selectOptions = reactive({
 })
 
 const selectValues = reactive({
-  provinceValue: null,
+  provinceValue: 'china',
   cityValue: null,
   countyValue: null
 })
@@ -60,16 +67,19 @@ const onHandleSubmit = () => {
       :options="selectOptions.provinceOptions"
     />
     <n-select
+      v-if="!props.drillingIn"
       @change="onHandleSelectCity"
       placeholder="请选择城市"
       v-model:value="selectValues.cityValue"
       :options="selectOptions.cityOptions"
     />
-    <n-select
+    <!-- 保留待用（下钻到区以下） -->
+    <!-- <n-select
+      v-if="!drillingIn"
       placeholder="请选择区域"
       v-model:value="selectValues.countyValue"
       :options="selectOptions.countryOptions"
-    />
+    /> -->
     <n-button type="primary" @click="onHandleSubmit">确定</n-button>
   </div>
 </template>

@@ -2,18 +2,17 @@
   <!-- Echarts 全局设置 -->
   <global-setting :optionData="optionData"></global-setting>
   <CollapseItem name="地图" :expanded="true">
-    <SelectCity @submit="onHandleSelectValues" />
     <SettingItemBox name="开启下钻">
       <SettingItem name="">
         <n-switch v-model:value="optionData.drillingIn" size="small"></n-switch>
       </SettingItem>
     </SettingItemBox>
-    <SettingItemBox name="显示返回图标">
+    <SettingItemBox name="返回图标">
       <SettingItem name="">
-        <n-switch v-model:value="optionData.showIcon" size="small"></n-switch>
+        <n-switch v-model:value="optionData.drillingIn" size="small"></n-switch>
       </SettingItem>
     </SettingItemBox>
-    <SettingItemBox name="返回图标颜色">
+    <SettingItemBox name="图标颜色">
       <SettingItem name="">
         <n-color-picker
           size="small"
@@ -22,7 +21,7 @@
         ></n-color-picker>
       </SettingItem>
     </SettingItemBox>
-    <SettingItemBox name="返回图标距离">
+    <SettingItemBox name="图标距离">
       <SettingItem name="距右">
         <n-input-number
           v-model:value="optionData.iconDistanceRight"
@@ -40,6 +39,7 @@
         ></n-input-number>
       </SettingItem>
     </SettingItemBox>
+    <SelectCity :drillingIn="optionData.drillingIn" @submit="onHandleSelectValues" />
     <SettingItemBox name="区域颜色">
       <SettingItem name="0%处颜色">
         <n-color-picker

@@ -89,8 +89,8 @@ const toolBoxOption = ref({
 watch(
   () => props.chartConfig.option,
   newData => {
-    const { iconColor, showIcon, iconDistanceRight, iconDistanceTop } = newData
-    toolBoxOption.value.feature.myFullButton.show = showIcon
+    const { iconColor, drillingIn, iconDistanceRight, iconDistanceTop } = newData
+    toolBoxOption.value.feature.myFullButton.show = drillingIn
     toolBoxOption.value.feature.myFullButton.iconStyle.color = iconColor
     toolBoxOption.value.right = iconDistanceRight
     toolBoxOption.value.top = iconDistanceTop