fix: control component switch with icon not set default icon

 <script lang="ts" setup>
-  import { BasicDrawer, useDrawer, useDrawerInner } from '/@/components/Drawer';
+  import { BasicDrawer, useDrawer } from '/@/components/Drawer';
   import IconData from '/@/components/Icon/data/iconfont.data';
   import { SvgIcon } from '/@/components/Icon';
   import { computed } from '@vue/reactivity';

@@ -17,7 +17,10 @@ import {
   transformDashboardComponentConfig,
 } from './InstrumentComponent/dashBoardComponent.config';
 import { DigitalComponentDefaultConfig } from './InstrumentComponent/digitalDashBoard.config';
-import { transformControlConfig } from './ControlComponent/control.config';
+import {
+  ControlComponentDefaultConfig,
+  transformControlConfig,
+} from './ControlComponent/control.config';
 
 import TextComponent from './TextComponent/TextComponent.vue';
 import DashBoardComponent from './InstrumentComponent/DashBoardComponent.vue';
@@ -209,6 +212,11 @@ frontComponentDefaultConfigMap.set(
   DigitalComponentDefaultConfig
 );
 
+frontComponentDefaultConfigMap.set(
+  FrontComponent.CONTROL_COMPONENT_SWITCH_WITH_ICON,
+  ControlComponentDefaultConfig
+);
+
 export const getComponentDefaultConfig = (key: FrontComponent) => {
   return frontComponentDefaultConfigMap.get(key) || {};
 };