perf: add save button && hidden cell tooltip

@@ -258,7 +258,9 @@ App.DROPBOX_URL = window.DRAWIO_BASE_URL + '/thingskit-drawio/js/dropbox/Dropbox
 /**
 /**
  * Sets URL to load the Dropbox dropins JS from.
  * Sets URL to load the Dropbox dropins JS from.
  */
  */
-App.DROPINS_URL = 'https://www.dropbox.com/static/api/2/dropins.js';
+// App.DROPINS_URL = 'https://www.dropbox.com/static/api/2/dropins.js';
+// TODO thingsKit
+App.DROPINS_URL = '';
 
 
 /**
 /**
  * OneDrive Client JS (file/folder picker). This is a slightly modified version to allow using accessTokens
  * OneDrive Client JS (file/folder picker). This is a slightly modified version to allow using accessTokens
@@ -5859,6 +5861,29 @@ App.prototype.updateButtonContainer = function()
 					}));
 					}));
 					this.buttonContainer.appendChild(this.shareButton);
 					this.buttonContainer.appendChild(this.shareButton);
 
 
+					// TODO thingsKit 保存按钮
+					this.saveButton = document.createElement('div');
+					this.saveButton.className = 'geBtn gePrimaryBtn';
+					this.saveButton.style.display = 'inline-block';
+					this.saveButton.style.backgroundColor = '#F2931E';
+					this.saveButton.style.borderColor = '#F08705';
+					this.saveButton.style.backgroundImage = 'none';
+					this.saveButton.style.marginTop = '-10px';
+					this.saveButton.style.lineHeight = '28px';
+					this.saveButton.style.minWidth = '0px';
+					this.saveButton.style.cssFloat = 'right';
+					this.saveButton.setAttribute('title', '保存');
+					mxUtils.write(this.saveButton, '保存');
+					mxEvent.addListener(this.saveButton, 'click', mxUtils.bind(this, function()
+					{
+						this.currentFile.ui.actions.get(
+							(this.currentFile.mode == null || !this.currentFile.isEditable())
+								? 'saveAs'
+								: 'save')
+							.funct();
+					}));
+					this.buttonContainer.appendChild(this.saveButton);
+
 
 
 					// this.shareButton = document.createElement('div');
 					// this.shareButton = document.createElement('div');
 					// this.shareButton.className = 'geBtn gePrimaryBtn';
 					// this.shareButton.className = 'geBtn gePrimaryBtn';
@@ -5901,6 +5926,8 @@ App.prototype.updateButtonContainer = function()
 			{
 			{
 				this.shareButton.parentNode.removeChild(this.shareButton);
 				this.shareButton.parentNode.removeChild(this.shareButton);
 				this.shareButton = null;
 				this.shareButton = null;
+				this.saveButton.parentNode.removeChild(this.saveButton);
+				this.saveButton = null;
 			}
 			}
 
 
 			//Fetch notifications
 			//Fetch notifications

@@ -350,34 +350,52 @@
 	}
 	}
 
 
 	/**
 	/**
+	 * @description 实例化echarts
+	 * @param graph
+	 */
+	Sidebar.prototype.initChartInstance = function (graph) {
+		const enumConst = Sidebar.prototype.enumConst
+		const allCell = graph.getDefaultParent().children
+		const domIdMapping = new Map()
+		for (const cell of allCell) {
+			const chartInstanceId = graph.getAttributeForCell(cell, enumConst.CHART_CELL_ID)
+			if (Sidebar.prototype.isChartCell(cell) && chartInstanceId) {
+				const width = graph.getAttributeForCell(cell, enumConst.CHART_CELL_WIDTH)
+				const height = graph.getAttributeForCell(cell, enumConst.CHART_CELL_HEIGHT)
+				const chartType = graph.getAttributeForCell(cell, enumConst.CHART_TYPE_KEY)
+				domIdMapping.set(chartInstanceId, { width, height, chartType })
+			}
+		}
+		const chartsDomList = document.querySelectorAll(`.${ enumConst.CHART_CONTAINER_CLS }`)
+		for (const chartDom of chartsDomList) {
+			const id = chartDom.getAttribute('id')
+			const { width, height, chartType } = domIdMapping.get(id)
+			Sidebar.prototype.generatorEChartInstance(id, width, height, chartType)
+		}
+	}
+
+	/**
 	 * @description 初始化图表
 	 * @description 初始化图表
 	 */
 	 */
 	const openFileHandle = EditorUi.prototype.openFileHandle
 	const openFileHandle = EditorUi.prototype.openFileHandle
 	EditorUi.prototype.openFileHandle = function () {
 	EditorUi.prototype.openFileHandle = function () {
-		const graph = this.editor.graph
-		const enumConst = Sidebar.prototype.enumConst
 		try {
 		try {
 			openFileHandle.apply(this, arguments)
 			openFileHandle.apply(this, arguments)
 		} finally {
 		} finally {
-			const allCell = graph.getDefaultParent().children
-			const domIdMapping = new Map()
-			for (const cell of allCell) {
-				const chartInstanceId = graph.getAttributeForCell(cell, enumConst.CHART_CELL_ID)
-				if (Sidebar.prototype.isChartCell(cell) && chartInstanceId) {
-					const width = graph.getAttributeForCell(cell, enumConst.CHART_CELL_WIDTH)
-					const height = graph.getAttributeForCell(cell, enumConst.CHART_CELL_HEIGHT)
-					const chartType = graph.getAttributeForCell(cell, enumConst.CHART_TYPE_KEY)
-					domIdMapping.set(chartInstanceId, { width, height, chartType })
-				}
-			}
-			const chartsDomList = document.querySelectorAll(`.${ enumConst.CHART_CONTAINER_CLS }`)
-			for (const chartDom of chartsDomList) {
-				const id = chartDom.getAttribute('id')
-				const { width, height, chartType } = domIdMapping.get(id)
-				Sidebar.prototype.generatorEChartInstance(id, width, height, chartType)
-			}
+			const graph = this.editor.graph
+			Sidebar.prototype.initChartInstance(graph)
 		}
 		}
 	}
 	}
 
 
+	/**
+	 * @description 实例化 echarts
+	 */
+	const refresh = Graph.prototype.refresh
+	Graph.prototype.refresh = function () {
+		refresh.apply(this, arguments)
+		if (!arguments.length) {
+			Sidebar.prototype.initChartInstance(this)
+		}
+	}
 })();
 })();
 
 

@@ -1051,7 +1051,8 @@ Graph = function(container, model, renderHint, stylesheet, themes, standalone)
 		var tooltipHandlerShow = this.tooltipHandler.show;
 		var tooltipHandlerShow = this.tooltipHandler.show;
 		this.tooltipHandler.show = function()
 		this.tooltipHandler.show = function()
 		{
 		{
-			tooltipHandlerShow.apply(this, arguments);
+			// TODO thingsKit hidde cell tooltip
+			// tooltipHandlerShow.apply(this, arguments);
 			
 			
 			if (this.div != null)
 			if (this.div != null)
 			{
 			{