fix: fix prod env script import sort

ww
1 parent 4252778e
Showing 3 changed files with 237 additions and 287 deletions
src/main/webapp/index.html
src/main/webapp/js/const/const.js
src/main/webapp/js/diagramly/App.js
--- a/src/main/webapp/index.html
View file @1c209bf
+++ b/src/main/webapp/index.html
View file @1c209bf
-<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=5" ><![endif]-->
+<!--[if IE]>
+<meta http-equiv="X-UA-Compatible" content="IE=5"><![endif]-->
 <!DOCTYPE html>
 <html>
 <head>
-<!--	<title>Flowchart Maker &amp; Online Diagram Software</title>-->
-	<title>thingskit 云组态</title>
-	<meta charset="utf-8">
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-	<meta name="Description" content="diagrams.net is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams">
-	<meta name="Keywords" content="diagram, online, flow chart, flowchart maker, uml, erd">
-	<meta itemprop="name" content="diagrams.net - free flowchart maker and diagrams online">
-	<meta itemprop="description" content="diagrams.net is a free online diagramming application  and flowchart maker . You can use it to create UML, entity relationship,
+    <!--	<title>Flowchart Maker &amp; Online Diagram Software</title>-->
+    <title>thingskit 云组态</title>
+    <meta charset="utf-8">
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta name="Description"
+          content="diagrams.net is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams">
+    <meta name="Keywords" content="diagram, online, flow chart, flowchart maker, uml, erd">
+    <meta itemprop="name" content="diagrams.net - free flowchart maker and diagrams online">
+    <meta itemprop="description" content="diagrams.net is a free online diagramming application  and flowchart maker . You can use it to create UML, entity relationship,
 		org charts, BPMN and BPM, database schema and networks. Also possible are telecommunication network, workflow, flowcharts, maps overlays and GIS, electronic
 		circuit and social network diagrams.">
-	<meta itemprop="image" content="https://lh4.googleusercontent.com/-cLKEldMbT_E/Tx8qXDuw6eI/AAAAAAAAAAs/Ke0pnlk8Gpg/w500-h344-k/BPMN%2Bdiagram%2Brc2f.png">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-	<meta name="msapplication-config" content="images/browserconfig.xml">
-	<meta name="mobile-web-app-capable" content="yes">
-	<meta name="theme-color" content="#d89000">
-	<!-- crypto-js	-->
-	<script src="./js/plugin/crypto-js/crypto-js.js"></script>
-<!--	<script src="./js/plugin/crypto-js/aes.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/enc-utf8.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/pad-pkcs7.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/mode-ecb.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/md5.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/enc-utf8.js"></script>-->
-<!--	<script src="./js/plugin/crypto-js/enc-base64.js"></script>-->
-	<!-- 全局变量 -->
-	<script src="./js/const/const.js"></script>
-
-	<!-- echarts	-->
-	<script src="./js/plugin/echarts/echarts.js"></script>
-
-	<script src="./plugins/axios.min.js"></script>
-<!--	<script src="./js/jquery/jquery-3.3.1.min.js"></script>-->
-<!--	<script src="./js/jquery.easyui.min.js"></script>-->
-	<link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/css/layui.min.css" integrity="sha512-iQBJbsNHXUcgEIgWThd2dr8tOdKPvICwqjPEZYY81z3eMya44A5MiAqfWSCh+Ee1YzNYkdrI982Qhwgr8LEYOQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-	<script src="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/layui.min.js" integrity="sha512-EKrFvch3qTzLFQgjbcjpsRmF8T3UCtc9ojtMAu6dvvP+bV8qYUDOaQ84nwYCkSLT7lbqGoya/Kf+8fyCBE0vRg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-
-	<!-- 引入修改样式	-->
-	<link rel="stylesheet" href="./styles/formatChange.css">
-
-	<!-- 引入select.zTree及相关依赖 -->
-<!--	<link rel="stylesheet" href="./styles/zTreeStyle.css" type="text/css">-->
-<!--	<link rel="stylesheet" href="./styles/jquery.select.zTree.v1.5.css" type="text/css">-->
-<!--	<script type="text/javascript" src="./js/jquery.ztree.core.min.js"></script>-->
-<!--	<script type="text/javascript" src="./js/jquery.ztree.exhide.min.js"></script>-->
-<!--	<script type="text/javascript" src="./js/jquery.select.zTree.v1.5.min.js"></script>-->
-
-	<!-- Axios	-->
-	<script src="./plugins/DefHttp.js"></script>
-
-	<script src="./js/api/index.js"></script>
-
-	<!-- act editor -->
-	<script src="./js/plugin/ace/ace.js"></script>
-
-	<script type="text/javascript">
+    <meta itemprop="image"
+          content="https://lh4.googleusercontent.com/-cLKEldMbT_E/Tx8qXDuw6eI/AAAAAAAAAAs/Ke0pnlk8Gpg/w500-h344-k/BPMN%2Bdiagram%2Brc2f.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <meta name="msapplication-config" content="images/browserconfig.xml">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="theme-color" content="#d89000">
+    <!-- crypto-js	-->
+    <script src="./js/plugin/crypto-js/crypto-js.js"></script>
+    <!-- 持续话存储	-->
+    <script src="./js/const/persistentStorage.js"></script>
+    <!-- 全局变量 -->
+    <script src="./js/const/const.js"></script>
+    <!-- echarts	-->
+    <script src="./js/plugin/echarts/echarts.js"></script>
+
+    <script src="./plugins/axios.min.js"></script>
+    <!--	<script src="./js/jquery/jquery-3.3.1.min.js"></script>-->
+    <!--	<script src="./js/jquery.easyui.min.js"></script>-->
+    <link rel="stylesheet" href="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/css/layui.min.css"
+          integrity="sha512-iQBJbsNHXUcgEIgWThd2dr8tOdKPvICwqjPEZYY81z3eMya44A5MiAqfWSCh+Ee1YzNYkdrI982Qhwgr8LEYOQ=="
+          crossorigin="anonymous" referrerpolicy="no-referrer"/>
+    <script src="https://cdnjs.loli.net/ajax/libs/layui/2.6.8/layui.min.js"
+            integrity="sha512-EKrFvch3qTzLFQgjbcjpsRmF8T3UCtc9ojtMAu6dvvP+bV8qYUDOaQ84nwYCkSLT7lbqGoya/Kf+8fyCBE0vRg=="
+            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+
+    <!-- 引入修改样式	-->
+    <link rel="stylesheet" href="./styles/formatChange.css">
+
+    <!-- 引入select.zTree及相关依赖 -->
+    <!--	<link rel="stylesheet" href="./styles/zTreeStyle.css" type="text/css">-->
+    <!--	<link rel="stylesheet" href="./styles/jquery.select.zTree.v1.5.css" type="text/css">-->
+    <!--	<script type="text/javascript" src="./js/jquery.ztree.core.min.js"></script>-->
+    <!--	<script type="text/javascript" src="./js/jquery.ztree.exhide.min.js"></script>-->
+    <!--	<script type="text/javascript" src="./js/jquery.select.zTree.v1.5.min.js"></script>-->
+
+    <!-- Axios	-->
+    <script src="./plugins/DefHttp.js"></script>
+
+    <script src="./js/api/index.js"></script>
+
+    <!-- act editor -->
+    <script src="./js/plugin/ace/ace.js"></script>
+
+    <script type="text/javascript">
 		/**
 		 * URL Parameters and protocol description are here:
 		 *
@@ -76,17 +77,14 @@
 		 * --
 		 * - networkshapes=1: For testing network shapes (temporary)
 		 */
-		var urlParams = (function()
-		{
+		var urlParams = (function () {
 			var result = new Object();
 			var params = window.location.search.slice(1).split('&');
-			for (var i = 0; i < params.length; i++)
-			{
+			for (var i = 0; i < params.length; i++) {
 				var idx = params[i].indexOf('=');
-				if (idx > 0)
-				{
+				if (idx > 0) {
 					result[params[i].substring(0, idx)] = params[i].substring(idx + 1);
 				}
 			}
@@ -95,19 +93,14 @@
 		})();
 		// Forces CDN caches by passing URL parameters via URL hash
-		if (window.location.hash != null && window.location.hash.substring(0, 2) == '#P')
-		{
-			try
-			{
+		if (window.location.hash != null && window.location.hash.substring(0, 2) == '#P') {
+			try {
 				urlParams = JSON.parse(decodeURIComponent(window.location.hash.substring(2)));
-				if (urlParams.hash != null)
-				{
+				if (urlParams.hash != null) {
 					window.location.hash = urlParams.hash;
 				}
-			}
-			catch (e)
-			{
+			} catch (e) {
 				// ignore
 			}
 		}
@@ -116,29 +109,24 @@
 		var mxIsElectron = window && window.process && window.process.type;
 		// Redirects page if required
-		if (urlParams['dev'] != '1')
-		{
-			(function()
-			{
+		if (urlParams['dev'] != '1') {
+			(function () {
 				var proto = window.location.protocol;
-				if (!mxIsElectron)
-				{
+				if (!mxIsElectron) {
 					var host = window.location.host;
 					// Redirects apex, drive and rt to www
-					if (host === 'draw.io' || host === 'rt.draw.io' || host === 'drive.draw.io')
-					{
+					if (host === 'draw.io' || host === 'rt.draw.io' || host === 'drive.draw.io') {
 						host = 'www.draw.io';
 					}
 					var href = proto + '//' + host + window.location.href.substring(
-							window.location.protocol.length +
-							window.location.host.length + 2);
+						window.location.protocol.length +
+						window.location.host.length + 2);
 					// Redirects if href changes
-					if (href != window.location.href)
-					{
+					if (href != window.location.href) {
 						window.location.href = href;
 					}
 				}
@@ -148,29 +136,23 @@
 		/**
 		 * Adds meta tag to the page.
 		 */
-		function mxmeta(name, content, httpEquiv)
-		{
-			try
-			{
+		function mxmeta(name, content, httpEquiv) {
+			try {
 				var s = document.createElement('meta');
-				if (name != null)
-				{
+				if (name != null) {
 					s.setAttribute('name', name);
 				}
 				s.setAttribute('content', content);
-				if (httpEquiv != null)
-				{
+				if (httpEquiv != null) {
 					s.setAttribute('http-equiv', httpEquiv);
 				}
-			  	var t = document.getElementsByTagName('meta')[0];
-			  	t.parentNode.insertBefore(s, t);
-			}
-			catch (e)
-			{
+				var t = document.getElementsByTagName('meta')[0];
+				t.parentNode.insertBefore(s, t);
+			} catch (e) {
 				// ignore
 			}
 		};
@@ -178,81 +160,68 @@
 		/**
 		 * Synchronously adds scripts to the page.
 		 */
-		function mxscript(src, onLoad, id, dataAppKey, noWrite)
-		{
+		function mxscript(src, onLoad, id, dataAppKey, noWrite) {
 			var defer = onLoad == null && !noWrite;
 			if ((urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function") ||
-				onLoad != null || noWrite)
-			{
+				onLoad != null || noWrite) {
 				var s = document.createElement('script');
 				s.setAttribute('type', 'text/javascript');
 				s.setAttribute('defer', 'true');
 				s.setAttribute('src', src);
-				if (id != null)
-				{
+				if (id != null) {
 					s.setAttribute('id', id);
 				}
-				if (dataAppKey != null)
-				{
+				if (dataAppKey != null) {
 					s.setAttribute('data-app-key', dataAppKey);
 				}
-				if (onLoad != null)
-				{
+				if (onLoad != null) {
 					var r = false;
-					s.onload = s.onreadystatechange = function()
-					{
-						if (!r && (!this.readyState || this.readyState == 'complete'))
-						{
-				      		r = true;
-				      		onLoad();
+					s.onload = s.onreadystatechange = function () {
+						if (!r && (!this.readyState || this.readyState == 'complete')) {
+							r = true;
+							onLoad();
 						}
-				  	};
+					};
 				}
-			  	var t = document.getElementsByTagName('script')[0];
+				var t = document.getElementsByTagName('script')[0];
-			  	if (t != null)
-			  	{
-			  		t.parentNode.insertBefore(s, t);
-			  	}
-			}
-			else
-			{
-				document.write('<script src="' + src + '"' + ((id != null) ? ' id="' + id +'" ' : '') +
-					((dataAppKey != null) ? ' data-app-key="' + dataAppKey +'" ' : '') + '></scr' + 'ipt>');
+				if (t != null) {
+					t.parentNode.insertBefore(s, t);
+				}
+			} else {
+				document.write('<script src="' + src + '"' + ((id != null) ? ' id="' + id + '" ' : '') +
+					((dataAppKey != null) ? ' data-app-key="' + dataAppKey + '" ' : '') + '></scr' + 'ipt>');
 			}
 		};
 		/**
 		 * Asynchronously adds scripts to the page.
 		 */
-		function mxinclude(src)
-		{
+		function mxinclude(src) {
 			var g = document.createElement('script');
 			g.type = 'text/javascript';
 			g.async = true;
 			g.src = src;
-		    var s = document.getElementsByTagName('script')[0];
-		    s.parentNode.insertBefore(g, s);
+			var s = document.getElementsByTagName('script')[0];
+			s.parentNode.insertBefore(g, s);
 		};
 		/**
 		 * Adds meta tags with application name (depends on offline URL parameter)
 		 */
-		(function()
-		{
+		(function () {
 			var name = 'diagrams.net';
 			mxmeta('apple-mobile-web-app-title', name);
 			mxmeta('application-name', name);
-			if (mxIsElectron)
-			{
+			if (mxIsElectron) {
 				mxmeta(null, 'default-src \'self\' \'unsafe-inline\'; connect-src \'self\' https://*.draw.io https://fonts.googleapis.com https://fonts.gstatic.com; img-src * data:; media-src *; font-src *; style-src-elem \'self\' \'unsafe-inline\' https://fonts.googleapis.com', 'Content-Security-Policy');
 			}
 		})();
@@ -260,21 +229,16 @@
 		// Checks for local storage
 		var isLocalStorage = false;
-		try
-		{
-			isLocalStorage = urlParams['local'] != '1' && typeof(localStorage) != 'undefined';
-		}
-		catch (e)
-		{
+		try {
+			isLocalStorage = urlParams['local'] != '1' && typeof (localStorage) != 'undefined';
+		} catch (e) {
 			// ignored
 		}
 		var mxScriptsLoaded = false, mxWinLoaded = false;
-		function checkAllLoaded()
-		{
-			if (mxScriptsLoaded && mxWinLoaded)
-			{
+		function checkAllLoaded() {
+			if (mxScriptsLoaded && mxWinLoaded) {
 				App.main();
 			}
 		};
@@ -282,8 +246,7 @@
 		var t0 = new Date();
 		// Changes paths for local development environment
-		if (urlParams['dev'] == '1')
-		{
+		if (urlParams['dev'] == '1') {
 			// Used to request grapheditor/mxgraph sources in dev mode
 			var mxDevUrl = document.location.protocol + '//devhost.jgraph.com/drawio/src/main';
@@ -292,8 +255,7 @@
 			var geBasePath = drawDevUrl + '/js/grapheditor';
 			var mxBasePath = mxDevUrl + '/mxgraph';
-			if (document.location.protocol == 'file:')
-			{
+			if (document.location.protocol == 'file:') {
 				geBasePath = './js/grapheditor';
 				mxBasePath = './mxgraph';
 				drawDevUrl = './';
@@ -302,9 +264,9 @@
 				mxForceIncludes = true;
 			}
 			if (location.hostname == 'localhost' || location.hostname == '127.0.0.1' || location.hostname == '192.168.10.111') {
-				drawDevUrl = `http://${location.hostname}:3000/`;
-				geBasePath = `http://${location.hostname}:3000/js/grapheditor`;
-				mxBasePath = `http://${location.hostname}:3000/mxgraph`;
+				drawDevUrl = `http://${ location.hostname }:3000/`;
+				geBasePath = `http://${ location.hostname }:3000/js/grapheditor`;
+				mxBasePath = `http://${ location.hostname }:3000/mxgraph`;
 				mxForceIncludes = true;
 			}
 			mxForceIncludes = false;
@@ -320,150 +282,145 @@
 			mxscript(drawDevUrl + 'js/diagramly/Devel.js');
 			// Electron
-			if (mxIsElectron)
-			{
+			if (mxIsElectron) {
 				mxscript('js/diagramly/DesktopLibrary.js');
 				mxscript('js/diagramly/ElectronApp.js');
 			}
 			mxscript(drawDevUrl + 'js/PostConfig.js');
-		}
-		else
-		{
-			(function()
-			{
+		} else {
+			(function () {
 				var hostName = window.location.hostname;
 				// Supported domains are *.draw.io and the packaged version in Quip
 				var supportedDomain = (hostName.substring(hostName.length - 8, hostName.length) === '.draw.io') ||
 					(hostName.substring(hostName.length - 13, hostName.length) === '.diagrams.net');
-				function loadAppJS()
-				{
-					mxscript('js/app.min.js', function()
-					{
+				function loadAppJS() {
+					mxscript('js/app.min.js', function () {
 						mxScriptsLoaded = true;
 						checkAllLoaded();
 						// Electron
-						if (mxIsElectron)
-						{
-							mxscript('js/diagramly/DesktopLibrary.js', function()
-							{
-								mxscript('js/diagramly/ElectronApp.js', function()
-								{
-									mxscript('js/extensions.min.js', function()
-									{
-										mxscript('js/stencils.min.js', function()
-										{
-											mxscript('js/shapes-14-6-5.min.js', function()
-											{
+						if (mxIsElectron) {
+							mxscript('js/diagramly/DesktopLibrary.js', function () {
+								mxscript('js/diagramly/ElectronApp.js', function () {
+									mxscript('js/extensions.min.js', function () {
+										mxscript('js/stencils.min.js', function () {
+											mxscript('js/shapes-14-6-5.min.js', function () {
 												mxscript('js/PostConfig.js');
 											});
 										});
 									});
 								});
 							});
-						}
-						else if (!supportedDomain)
-						{
+						} else if (!supportedDomain) {
 							mxscript('js/PostConfig.js');
 						}
 					});
 				};
-				if (!supportedDomain || mxIsElectron)
-				{
+				if (!supportedDomain || mxIsElectron) {
 					mxscript('js/PreConfig.js', loadAppJS);
-				}
-				else
-				{
+				} else {
 					loadAppJS();
 				}
 			})();
 		}
 		// Adds basic error handling
-		window.onerror = function()
-		{
+		window.onerror = function () {
 			var status = document.getElementById('geStatus');
-			if (status != null)
-			{
+			if (status != null) {
 				status.innerHTML = 'Page could not be loaded. Please try refreshing.';
 			}
 		};
-	</script>
+    </script>
     <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/plgmlhohecdddhbmmkncjdmlhcmaachm">
-	<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
-<!--	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">-->
-	<link rel="icon" type="image/png" sizes="32x32" href="images/logo-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
-<!--	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">-->
-	<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#d89000">
-  <link rel="stylesheet" type="text/css" href="styles/grapheditor.css">
-	<link rel="stylesheet" type="text/css" href="styles/easyui.css">
-  <link rel="preconnect" href="https://storage.googleapis.com">
-  <link rel="canonical" href="https://app.diagrams.net">
-	<link rel="manifest" href="images/manifest.json">
-<!--	<link rel="shortcut icon" href="favicon.ico">-->
-	<link rel="shortcut icon" href="images/logo-16x16.ico">
-	<style type="text/css">
-		body { overflow:hidden; }
-		div.picker { z-index: 10007; }
-		.geSidebarContainer .geTitle input {
-			font-size:8pt;
-			color:#606060;
-		}
-		.geBlock {
-			z-index:-3;
-			margin:100px;
-			margin-top:40px;
-			margin-bottom:30px;
-			padding:20px;
-			text-align:center;
-			min-width:50%;
-		}
-		.geBlock h1, .geBlock h2 {
-			margin-top:0px;
-			padding-top:0px;
-		}
-		.geEditor *:not(.geScrollable)::-webkit-scrollbar {
-		    width:14px;
-		    height:14px;
-		}
-		.geEditor ::-webkit-scrollbar-track {
-			background-clip:padding-box;
-			border:solid transparent;
-			border-width:1px;
-		}
-		.geEditor ::-webkit-scrollbar-corner {
-			background-color:transparent;
-		}
-		.geEditor ::-webkit-scrollbar-thumb {
-			background-color:rgba(0,0,0,.1);
-			background-clip:padding-box;
-			border:solid transparent;
-			border-radius:10px;
-		}
-		.geEditor ::-webkit-scrollbar-thumb:hover {
-			background-color:rgba(0,0,0,.4);
-		}
-		.geTemplate {
-			border:1px solid transparent;
-			display:inline-block;
-			_display:inline;
-			vertical-align:top;
-			border-radius:3px;
-			overflow:hidden;
-			font-size:14pt;
-			cursor:pointer;
-			margin:5px;
-		}
-	</style>
-	<!-- Workaround for binary XHR in IE 9/10, see App.loadUrl -->
-	<!--[if (IE 9)|(IE 10)]><!-->
-		<script type="text/vbscript">
+    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
+    <!--	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">-->
+    <link rel="icon" type="image/png" sizes="32x32" href="images/logo-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
+    <!--	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">-->
+    <link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#d89000">
+    <link rel="stylesheet" type="text/css" href="styles/grapheditor.css">
+    <link rel="stylesheet" type="text/css" href="styles/easyui.css">
+    <link rel="preconnect" href="https://storage.googleapis.com">
+    <link rel="canonical" href="https://app.diagrams.net">
+    <link rel="manifest" href="images/manifest.json">
+    <!--	<link rel="shortcut icon" href="favicon.ico">-->
+    <link rel="shortcut icon" href="images/logo-16x16.ico">
+    <style type="text/css">
+        body {
+            overflow: hidden;
+        }
+
+        div.picker {
+            z-index: 10007;
+        }
+
+        .geSidebarContainer .geTitle input {
+            font-size: 8pt;
+            color: #606060;
+        }
+
+        .geBlock {
+            z-index: -3;
+            margin: 100px;
+            margin-top: 40px;
+            margin-bottom: 30px;
+            padding: 20px;
+            text-align: center;
+            min-width: 50%;
+        }
+
+        .geBlock h1, .geBlock h2 {
+            margin-top: 0px;
+            padding-top: 0px;
+        }
+
+        .geEditor *:not(.geScrollable)::-webkit-scrollbar {
+            width: 14px;
+            height: 14px;
+        }
+
+        .geEditor ::-webkit-scrollbar-track {
+            background-clip: padding-box;
+            border: solid transparent;
+            border-width: 1px;
+        }
+
+        .geEditor ::-webkit-scrollbar-corner {
+            background-color: transparent;
+        }
+
+        .geEditor ::-webkit-scrollbar-thumb {
+            background-color: rgba(0, 0, 0, .1);
+            background-clip: padding-box;
+            border: solid transparent;
+            border-radius: 10px;
+        }
+
+        .geEditor ::-webkit-scrollbar-thumb:hover {
+            background-color: rgba(0, 0, 0, .4);
+        }
+
+        .geTemplate {
+            border: 1px solid transparent;
+            display: inline-block;
+            _display: inline;
+            vertical-align: top;
+            border-radius: 3px;
+            overflow: hidden;
+            font-size: 14pt;
+            cursor: pointer;
+            margin: 5px;
+        }
+    </style>
+    <!-- Workaround for binary XHR in IE 9/10, see App.loadUrl -->
+    <!--[if (IE 9)|(IE 10)]><!-->
+    <script type="text/vbscript">
 			Function mxUtilsBinaryToArray(Binary)
 				Dim i
 				ReDim byteArray(LenB(Binary))
@@ -472,46 +429,38 @@
 				Next
 				mxUtilsBinaryToArray = byteArray
 			End Function
-		</script>
-	<!--<![endif]-->
+
+    </script>
+    <!--<![endif]-->
 </head>
 <body class="geEditor">
 <div id="geInfo">
-	 <div class="geBlock">
-		<h1>ThingsKit云组态启动中.......</h1>
-	</div>
- </div>
+    <div class="geBlock">
+        <h1>ThingsKit云组态启动中.......</h1>
+    </div>
+</div>
 <script type="text/javascript">
-/**
- * Main
- */
-if (navigator.userAgent != null && navigator.userAgent.toLowerCase().
-	indexOf(' electron/') >= 0 && typeof process !== 'undefined' && process.versions.electron < 5)
-{
-	// Redirects old Electron app to latest version
-	var div = document.getElementById('geInfo');
-
-	if (div != null)
-	{
-		div.innerHTML = '<center><h2>You are using an out of date version of this app.<br>Please download the latest version ' +
-			'<a href="https://github.com/jgraph/drawio-desktop/releases/latest" target="_blank">here</a>.</h2></center>';
-	}
-}
-else
-{
-	if (urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function")
-	{
-		window.addEventListener('load', function()
-		{
-			mxWinLoaded = true;
-			checkAllLoaded();
-		});
-	}
-	else
-	{
-		App.main();
+	/**
+	 * Main
+	 */
+	if (navigator.userAgent != null && navigator.userAgent.toLowerCase().indexOf(' electron/') >= 0 && typeof process !== 'undefined' && process.versions.electron < 5) {
+		// Redirects old Electron app to latest version
+		var div = document.getElementById('geInfo');
+
+		if (div != null) {
+			div.innerHTML = '<center><h2>You are using an out of date version of this app.<br>Please download the latest version ' +
+				'<a href="https://github.com/jgraph/drawio-desktop/releases/latest" target="_blank">here</a>.</h2></center>';
+		}
+	} else {
+		if (urlParams['dev'] != '1' && typeof document.createElement('canvas').getContext === "function") {
+			window.addEventListener('load', function () {
+				mxWinLoaded = true;
+				checkAllLoaded();
+			});
+		} else {
+			App.main();
+		}
 	}
-}
 </script>
 </body>
 </html>
--- a/src/main/webapp/js/const/const.js
View file @1c209bf
+++ b/src/main/webapp/js/const/const.js
View file @1c209bf
 const GLOBAL_STORAGE_KEY = (() => {
+	const isDEV = location.href.includes('dev=1')
 	const DEVELOPMENT = 'DEVELOPMENT'
 	const PRODUCTION = 'PRODUCTION'
 	return `UNDEFINED__${ isDEV ? DEVELOPMENT : PRODUCTION }__2.7.1__COMMON__LOCAL__KEY__`
--- a/src/main/webapp/js/diagramly/App.js
View file @1c209bf
+++ b/src/main/webapp/js/diagramly/App.js
View file @1c209bf
@@ -662,7 +662,7 @@ App.main = function(callback, createUi)
 				var content = mxUtils.getTextContent(scripts[scripts.length - 1]);
 				// if (CryptoJS.MD5(content).toString() != 'd53805dd6f0bbba2da4966491ca0a505')
-				if (CryptoJS.MD5(content).toString() != '4559a92176e60ec27e523711c8ea01ac')
+				if (CryptoJS.MD5(content).toString() != 'ce6aa7729ae06957ca56e510739b70b3')
 				{
 					console.log('Change main script MD5 in the previous line:', CryptoJS.MD5(content).toString());
 					alert('[Dev] Main script change requires update of CSP');