perf(src/packages): 图表地图组件新增返回按钮显示隐藏和自定义颜色

@@ -14,6 +14,8 @@ export const enum areaEnum {
 export const includes = []
 
 export const option = {
+  iconColor:'black',
+  showIcon:false,
   drillingIn: false,
   dataset: dataJson,
   mapRegion: {

@@ -8,6 +8,20 @@
         <n-switch v-model:value="optionData.drillingIn" size="small"></n-switch>
       </SettingItem>
     </SettingItemBox>
+    <SettingItemBox name="显示返回图标">
+      <SettingItem name="">
+        <n-switch v-model:value="optionData.showIcon" size="small"></n-switch>
+      </SettingItem>
+    </SettingItemBox>
+    <SettingItemBox name="返回图标颜色">
+      <SettingItem name="">
+        <n-color-picker
+          size="small"
+          :modes="['hex']"
+          v-model:value="optionData.iconColor"
+        ></n-color-picker>
+      </SettingItem>
+    </SettingItemBox>
     <SettingItemBox name="区域颜色">
       <SettingItem name="0%处颜色">
         <n-color-picker

@@ -69,7 +69,7 @@ const option = reactive({
   value: mergeTheme(props.chartConfig.option, props.themeSetting, includes)
 })
 
-const toolBoxOption = {
+const toolBoxOption = ref({
   show: true,
   right: 20,
   feature: {
@@ -77,14 +77,35 @@ const toolBoxOption = {
       show: true,
       title: '返回',
       icon: iconStr.value,
+      iconStyle: {
+        color: ''
+      },
       onclick: () => watchAdcode()
     }
   }
-}
+})
 
+watch(
+  () => props.chartConfig.option.iconColor,
+  (newData: string) => {
+    toolBoxOption.value.feature.myFullButton.iconStyle.color = newData
+  },
+  {
+    deep: true
+  }
+)
+watch(
+  () => props.chartConfig.option.showIcon,
+  (newData: boolean) => {
+    toolBoxOption.value.feature.myFullButton.show = newData
+  },
+  {
+    deep: true
+  }
+)
 props.chartConfig.option = {
   ...props.chartConfig.option,
-  ...{ toolbox: toolBoxOption }
+  ...{ toolbox: toolBoxOption.value }
 }
 
 //地图点击返回