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

@@ -16,6 +16,8 @@ export const includes = []
 export const option = {
   iconColor:'black',
   showIcon:false,
+  iconDistanceRight:20,
+  iconDistanceTop:20,
   drillingIn: false,
   dataset: dataJson,
   mapRegion: {

@@ -22,6 +22,24 @@
         ></n-color-picker>
       </SettingItem>
     </SettingItemBox>
+    <SettingItemBox name="返回图标距离">
+      <SettingItem name="距右">
+        <n-input-number
+          v-model:value="optionData.iconDistanceRight"
+          :min="1"
+          size="small"
+          placeholder="请输入"
+        ></n-input-number>
+      </SettingItem>
+      <SettingItem name="距上">
+        <n-input-number
+          v-model:value="optionData.iconDistanceTop"
+          :min="1"
+          size="small"
+          placeholder="请输入"
+        ></n-input-number>
+      </SettingItem>
+    </SettingItemBox>
     <SettingItemBox name="区域颜色">
       <SettingItem name="0%处颜色">
         <n-color-picker

@@ -71,7 +71,8 @@ const option = reactive({
 
 const toolBoxOption = ref({
   show: true,
-  right: 20,
+  right: 110,
+  top: 20,
   feature: {
     myFullButton: {
       show: true,
@@ -86,23 +87,19 @@ const toolBoxOption = ref({
 })
 
 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
+  () => props.chartConfig.option,
+  newData => {
+    const { iconColor, showIcon, iconDistanceRight, iconDistanceTop } = newData
+    toolBoxOption.value.feature.myFullButton.show = showIcon
+    toolBoxOption.value.feature.myFullButton.iconStyle.color = iconColor
+    toolBoxOption.value.right = iconDistanceRight
+    toolBoxOption.value.top = iconDistanceTop
   },
   {
     deep: true
   }
 )
+
 props.chartConfig.option = {
   ...props.chartConfig.option,
   ...{ toolbox: toolBoxOption.value }