fix: switch page not ininial chart component

@@ -993,6 +993,16 @@ EditorUi.prototype.selectPage = function(page, quiet, viewState)
 	catch (e)
 	catch (e)
 	{
 	{
 		this.handleError(e);
 		this.handleError(e);
+	} finally {
+		console.log(arguments)
+		// TODO thingskit instance chart
+		Sidebar.prototype.chartsInstanceMapping.forEach(item => {
+			item.dispose()
+		})
+		Sidebar.prototype.chartsInstanceMapping.clear()
+		const graph = this.editor.graph
+		Sidebar.prototype.initChartInstance(graph)
+		console.log(Sidebar.prototype.chartsInstanceMapping)
 	}
 	}
 };
 };
 
 
@@ -2079,4 +2089,4 @@ EditorUi.prototype.createPageMenu = function(page, label)
 	};
 	};
 	
 	
 	mxCodecRegistry.register(codec);
 	mxCodecRegistry.register(codec);
-})();
+})();

@@ -377,5 +377,17 @@
 			Sidebar.prototype.initChartInstance(this)
 			Sidebar.prototype.initChartInstance(this)
 		}
 		}
 	}
 	}
+
+	// const selectPage = EditorUi.prototype.selectPage
+	// EditorUi.prototype.selectPage = function () {
+	// 	try {
+	// 		selectPage.apply(this, arguments)
+
+	// 	} finally {
+	// 		Sidebar.prototype.chartsInstanceMapping.clear()
+	// 		const graph = this.editor.graph
+	// 		Sidebar.prototype.initChartInstance(graph)
+	// 	}
+	// }
 })();
 })();
 
 

@@ -3379,6 +3379,8 @@ EditorUi.prototype.lightboxFit = function(maxHeight)
 		this.editor.graph.maxFitScale = this.lightboxMaxFitScale;
 		this.editor.graph.maxFitScale = this.lightboxMaxFitScale;
 		this.editor.graph.fit(border, null, null, null, null, null, maxHeight);
 		this.editor.graph.fit(border, null, null, null, null, null, maxHeight);
 		this.editor.graph.maxFitScale = null;
 		this.editor.graph.maxFitScale = null;
+		// TODO thingsKit lightbox 默认缩放为1 
+		this.editor.graph.view.setScale(1);
 	}
 	}
 };
 };
 
 

@@ -6383,10 +6383,8 @@ DataFormatPanel.prototype.addDataFont = function (container) {
         function echoOrgTree(id) {
         function echoOrgTree(id) {
             orgId = id
             orgId = id
             const node = UseLayUi.findTreeObjectByField(treeList, id)
             const node = UseLayUi.findTreeObjectByField(treeList, id)
-            orgId = id
-            $(`#${enumActionEl.ORG_EL}`)
-                .find(`input[name="${enumConst.ORG_ID}"]`).val(orgId).parent()
-                .find('span').html(node?.name)
+
+            UseLayUi.nextTick(() => $(`#${enumActionEl.ORG_EL} input[name="${enumConst.ORG_ID}"]`).val(orgId).parent().find('span').html(node?.name))
         }
         }
 
 
         /**
         /**
@@ -6539,6 +6537,7 @@ DataFormatPanel.prototype.addDataFont = function (container) {
                     }
                     }
                     generatorEventListen()
                     generatorEventListen()
                     form.render()
                     form.render()
+                    echoOrgTree(orgId)
                 },
                 },
             })
             })
         }
         }
@@ -6940,6 +6939,7 @@ DataFormatPanel.prototype.addDataFont = function (container) {
                 contentId: currentPageId.id,
                 contentId: currentPageId.id,
                 ...formVal,
                 ...formVal,
                 id: graphId,
                 id: graphId,
+                orgId: 'b4dd6e2b-6e0f-413c-bf5a-70133bd571e8',
                 condition: tableData,
                 condition: tableData,
                 type: event.data.type,
                 type: event.data.type,
             }
             }
@@ -11573,7 +11573,7 @@ class UseLayUi {
                 <div class="layui-input-block">
                 <div class="layui-input-block">
                 <div class="layui-unselect layui-form-select ${SELECT_CLS}">
                 <div class="layui-unselect layui-form-select ${SELECT_CLS}">
                     <div class="layui-select-title">
                     <div class="layui-select-title">
-                    <span class="layui-input layui-unselect">请选择</span>
+                    <span class="layui-input layui-unselect tree-select__label">请选择</span>
                     <input ${this.dynamicAttr('lay-verify', layVerify)} ${this.dynamicAttr('lay-verType', layVerType)} type="text" style="visibility: hidden; position: absolute; top: 0" name="${layFilter}">
                     <input ${this.dynamicAttr('lay-verify', layVerify)} ${this.dynamicAttr('lay-verType', layVerType)} type="text" style="visibility: hidden; position: absolute; top: 0" name="${layFilter}">
                     <i class="layui-edge"></i> 
                     <i class="layui-edge"></i> 
                     </div>
                     </div>
@@ -12566,6 +12566,7 @@ class HandleDataSource {
         const { attr } = this.getBindData(subscriptionId)
         const { attr } = this.getBindData(subscriptionId)
         node && this.updatePage(() => {
         node && this.updatePage(() => {
             const { data } = message
             const { data } = message
+            if (!data) return
             const [[timespan, value]] = data[attr]
             const [[timespan, value]] = data[attr]
             node.setValue(value)
             node.setValue(value)
         }, node)
         }, node)
@@ -12661,7 +12662,7 @@ class HandleDataSource {
                 dataZoom: [
                 dataZoom: [
                     {
                     {
                         xAxisIndex: 0,
                         xAxisIndex: 0,
-                        show: realDataList.length ?  true : false,
+                        show: realDataList.length ? true : false,
                         type: 'slider',
                         type: 'slider',
                         startValue: 0,
                         startValue: 0,
                         endValue: 4
                         endValue: 4