feat: add toggle switch component

+import { DataComponentRecord, DataSource } from '/@/api/dataBoard/model';
+
 export interface ToggleSwitchValue {
   value?: boolean;
 }
 
-export const transform = () => {};
+export const transformControlConfig = (
+  _ComponentConfig: Recordable,
+  _record: DataComponentRecord,
+  dataSourceRecord: DataSource
+) => {
+  return {
+    value: dataSourceRecord.componentInfo.value,
+  };
+};

@@ -23,6 +23,7 @@ import {
 import DigitalDashBoard from './InstrumentComponent/DigitalDashBoard.vue';
 import { DigitalComponentDefaultConfig } from './InstrumentComponent/digitalDashBoard.config';
 import ToggleSwitch from './ControlComponent/ToggleSwitch.vue';
+import { transformControlConfig } from './ControlComponent/toggleSwitch.config';
 
 export enum FrontComponentCategory {
   TEXT = 'text',
@@ -59,7 +60,7 @@ export interface ComponentConfig {
   ComponentConfig?: Recordable;
   ComponentCategory: FrontComponentCategory;
   transformConfig: (
-    ComponentConfig: Recordable,
+    componentConfig: Recordable,
     record: DataComponentRecord,
     dataSourceRecord: DataSource
   ) => Recordable;
@@ -140,7 +141,8 @@ frontComponentMap.set(FrontComponent.PICTURE_COMPONENT_1, {
 frontComponentMap.set(FrontComponent.CONTROL_COMPONENT_TOGGLE_SWITCH, {
   Component: ToggleSwitch,
   ComponentKey: FrontComponent.CONTROL_COMPONENT_TOGGLE_SWITCH,
-  transformConfig: () => {},
+  ComponentCategory: FrontComponentCategory.CONTROL,
+  transformConfig: transformControlConfig,
 });
 
 frontComponentDefaultConfigMap.set(FrontComponent.TEXT_COMPONENT_1, TextComponentDefaultConfig);