feat: implement switch component

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-toggle-off" viewBox="0 0 16 16">
+  <path d="M11 4a4 4 0 0 1 0 8H8a4.992 4.992 0 0 0 2-4 4.992 4.992 0 0 0-2-4h3zm-6 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8zM0 8a5 5 0 0 0 5 5h6a5 5 0 0 0 0-10H5a5 5 0 0 0-5 5z"/>
+</svg>
\ No newline at end of file

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#3399ff" class="bi bi-toggle-on" viewBox="0 0 16 16">
+  <path d="M5 3a5 5 0 0 0 0 10h6a5 5 0 0 0 0-10H5zm6 9a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
+</svg>

@@ -235,6 +235,11 @@
 		VIDEO: 'video',
 
 		/**
+		 * @description 开关
+		 */
+		SWITCH: 'switch',
+
+		/**
 		 * @description 默认类型
 		 */
 		DEFAULT: 'default',
@@ -269,13 +274,46 @@
 	 * @description 数据面板权限
 	 */
 	Sidebar.prototype.enumPermissionPanel = {
+
+		/**
+		 * @description 数据源
+		 */
 		DATA_SOURCE: 'dataSource',
+
+		/**
+		 * @descripton 折线图
+		 */
 		LINE_CHART_EXPAND: 'lineChartExpandDataSource',
+
+		/**
+		 * @descripiton 柱状图
+		 */
 		BAR_CHART_EXPAND: 'barChartExpandDataSource',
+
+		/**
+		 * @descripton 交互
+		 */
 		INTERACTION: 'interaction',
+
+		/**
+		 * @description 数据权限
+		 */
 		DYNAMIC_EFFECT: 'dynamicEffect',
+
+		/**
+		 * @description 变量图片
+		 */
 		VAR_IMAGE: 'variableImage',
-		VIDEO: 'video'
+
+		/**
+		 * @description 视频绑定面板
+		 */
+		VIDEO: 'video',
+
+		/**
+		 * @descrpiton 开关 状态设置
+		 */
+		SWTICH_STATE_SETTING: 'stateSetting'
 	}
 
 	/**
@@ -632,8 +670,8 @@
 		//更多图形，显示出来的的标题跟id，同时包括图片
 
 		// TODO thingsKit 设置数据绑定展示面板
-		const { LINE_CHART_EXPAND, BAR_CHART_EXPAND, DYNAMIC_EFFECT, DATA_SOURCE, VAR_IMAGE, INTERACTION, VIDEO: VIDEO_PANEL } = this.enumPermissionPanel
-		const { LINE, LINE_CHART, REAL_TIME, TITLE, VARIABLE, DEFAULT, BAR_CHART, VIDEO } = this.enumComponentType
+		const { LINE_CHART_EXPAND, BAR_CHART_EXPAND, DYNAMIC_EFFECT, DATA_SOURCE, VAR_IMAGE, INTERACTION, VIDEO: VIDEO_PANEL, SWTICH_STATE_SETTING } = this.enumPermissionPanel
+		const { LINE, LINE_CHART, REAL_TIME, TITLE, VARIABLE, DEFAULT, BAR_CHART, VIDEO, SWITCH } = this.enumComponentType
 		this.setComponentPermission(LINE, [DYNAMIC_EFFECT])
 		this.setComponentPermission(DEFAULT, [DYNAMIC_EFFECT])
 		this.setComponentPermission(REAL_TIME, [DYNAMIC_EFFECT])
@@ -641,8 +679,9 @@
 		this.setComponentPermission(VAR_IMAGE, [INTERACTION, VAR_IMAGE])
 		this.setComponentPermission(VARIABLE, [DATA_SOURCE, INTERACTION, DYNAMIC_EFFECT])
 		this.setComponentPermission(BAR_CHART, [DATA_SOURCE, BAR_CHART_EXPAND])
-		this.setComponentPermission(LINE_CHART, [DATA_SOURCE, LINE_CHART_EXPAND])
+		this.setComponentPermission(LINE_CHART, [DATA_SOURCE, LINE_CHART_EXPAND]) 
 		this.setComponentPermission(VIDEO, [VIDEO_PANEL])
+		this.setComponentPermission(SWITCH, [DATA_SOURCE, SWTICH_STATE_SETTING])
 
 		var thingskitEntries = [
 			{ title: mxResources.get('general'), id: 'general', image: IMAGE_PATH + '/sidebar-general.png' },

@@ -4,7 +4,7 @@
 	// Control Component 控制元件
 	Sidebar.prototype.addControlComponentsPalette = function () {
 		const { COMPONENT_TYPE } = this.enumCellBasicAttribute
-		const { DEFAULT } = this.enumComponentType
+		const { SWITCH } = this.enumComponentType
 		const gn = 'mxgraph.control';
 		const dt = 'control';
 		const label = '控制元件'
@@ -17,35 +17,18 @@
 
 		// 自定义属性
 		const cellAttribute = {
-			[COMPONENT_TYPE]: DEFAULT
+			[COMPONENT_TYPE]: SWITCH
 		}
 
-		const graphPathLib = [
-			{ name: '风机1.png', path: 'fan/风机1.png' },
-			{ name: '风机2.png', path: 'fan/风机2.png' },
-			{ name: '风机3.png', path: 'fan/风机3.png' },
-			{ name: '风机4.png', path: 'fan/风机4.png' },
-			{ name: '风机5.gif', path: 'fan/风机5.gif' },
-			{ name: '风机6.gif', path: 'fan/风机6.gif' },
-			{ name: '风机7.gif', path: 'fan/风机7.gif' },
-			{ name: '风机8.png', path: 'fan/风机8.png' },
-		]
-
-		const lib = graphPathLib.map(item => {
-			item.staticPath = staticPath + item.path
-			return item
-		})
-
-		const fns = graphPathLib.map(item => {
-			return this.addEntry(this.getTagsForStencil(gn, item.name, dt).join(' '), mxUtils.bind(this, function () {
-				const cell = new mxCell('', new mxGeometry(0, 0, width, height), `${prefix}${item.path}${defaultStyle}`);
+		const fns = [
+			this.addEntry(this.getTagsForStencil(gn, 'Switch', dt).join(' '), mxUtils.bind(this, function () {
+				const cell = new mxCell('', new mxGeometry(0, 0, 48, 48), `image;image=images/thingskit/switch-on.svg;${defaultStyle}`);
 				cell.setVertex(true)
 				this.setCellAttributes(cell, cellAttribute)
-				return this.createVertexTemplateFromCells([cell], cell.geometry.width, cell.geometry.height, item.name);
-			}));
-		})
+				return this.createVertexTemplateFromCells([cell], cell.geometry.width, cell.geometry.height, '开关');
+			})),
+		]
 
-		this.setVariableImageLib(dt, label, lib)
 
 		this.addPaletteFunctions(dt, label, false, fns);