feat: visual board can not select visual component

 <script lang="ts" setup>
 <script lang="ts" setup>
-  import { RadioRecord } from '../../detail/config/util';
+  import { computed } from '@vue/reactivity';
+  import { DEFAULT_RADIO_RECORD, fontSize, RadioRecord } from '../../detail/config/util';
 
 
   const props = defineProps<{
   const props = defineProps<{
     value?: boolean;
     value?: boolean;
@@ -14,10 +15,20 @@
     emit('update:value', _value);
     emit('update:value', _value);
     emit('change', _value);
     emit('change', _value);
   };
   };
+
+  const getRadio = computed(() => {
+    return props.radio! || DEFAULT_RADIO_RECORD;
+  });
 </script>
 </script>
 
 
 <template>
 <template>
-  <div class="toggle-switch">
+  <div
+    class="toggle-switch"
+    :style="{
+      width: fontSize({ radioRecord: getRadio, basic: 75, max: 75, min: 60 }),
+      height: fontSize({ radioRecord: getRadio, basic: 97.5, max: 97.5, min: 80 }),
+    }"
+  >
     <label class="switch">
     <label class="switch">
       <input :value="props.value" type="checkbox" :checked="props.value" @change="handleChange" />
       <input :value="props.value" type="checkbox" :checked="props.value" @change="handleChange" />
       <div class="button">
       <div class="button">
@@ -33,9 +44,10 @@
 
 
 <style scoped>
 <style scoped>
   .toggle-switch {
   .toggle-switch {
-    flex: 1 1 auto;
+    /* flex: 1 1 auto; */
     max-width: 75px;
     max-width: 75px;
-    height: 97.5px;
+
+    /* height: 97.5px; */
     display: flex;
     display: flex;
   }
   }
 
 

+import { ComponentConfig } from '../help';
+
+export const transfromMapComponentConfig: ComponentConfig['transformConfig'] = (
+  _componentConfig,
+  _record,
+  _dataSourceRecord
+) => {
+  return {};
+};

@@ -18,7 +18,7 @@
   <section class="widget">
   <section class="widget">
     <slot name="header"></slot>
     <slot name="header"></slot>
 
 
-    <div class="widget-content" :style="{ height: slot.header ? 'calc(100% - 22px)' : '100%' }">
+    <div class="widget-content">
       <div
       <div
         v-for="item in props.dataSource"
         v-for="item in props.dataSource"
         :key="item.id"
         :key="item.id"

@@ -28,6 +28,7 @@ import ToggleSwitch from './ControlComponent/ToggleSwitch.vue';
 import SlidingSwitch from './ControlComponent/SlidingSwitch.vue';
 import SlidingSwitch from './ControlComponent/SlidingSwitch.vue';
 import SwitchWithIcon from './ControlComponent/SwitchWithIcon.vue';
 import SwitchWithIcon from './ControlComponent/SwitchWithIcon.vue';
 import MapComponent from './MapComponent/MapComponent.vue';
 import MapComponent from './MapComponent/MapComponent.vue';
+import { transfromMapComponentConfig } from './MapComponent/map.config';
 
 
 export enum FrontComponentCategory {
 export enum FrontComponentCategory {
   TEXT = 'text',
   TEXT = 'text',
@@ -170,7 +171,7 @@ frontComponentMap.set(FrontComponent.MAP_COMPONENT_TRACK, {
   Component: MapComponent,
   Component: MapComponent,
   ComponentKey: FrontComponent.MAP_COMPONENT_TRACK,
   ComponentKey: FrontComponent.MAP_COMPONENT_TRACK,
   ComponentCategory: FrontComponentCategory.MAP,
   ComponentCategory: FrontComponentCategory.MAP,
-  transformConfig: () => {},
+  transformConfig: transfromMapComponentConfig,
 });
 });
 
 
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_1, TextComponentDefaultConfig);
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_1, TextComponentDefaultConfig);