perf: component set default cancel equal ratio zoom

ww
1 parent b1b136d5
Showing 6 changed files with 54 additions and 54 deletions
src/main/webapp/js/diagramly/Devel.js
src/main/webapp/js/diagramly/sidebar/Sidebar.js
src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Charts.js
src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Engine.js
src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Fan.js
src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Valve.js
--- a/src/main/webapp/js/diagramly/Devel.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/Devel.js
View file @e245abc
@@ -317,4 +317,5 @@ mxscript(drawDevUrl + 'js/diagramly/sidebar/thingskit/Sidebar-Controller-Compone
 mxscript(drawDevUrl + 'js/diagramly/sidebar/thingskit/Sidebar-Valve.js');
 mxscript(drawDevUrl + 'js/diagramly/sidebar/thingskit/Sidebar-Fan.js');
+mxscript(drawDevUrl + 'js/diagramly/sidebar/thingskit/Sidebar-Charts.js');
--- a/src/main/webapp/js/diagramly/sidebar/Sidebar.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/sidebar/Sidebar.js
View file @e245abc
@@ -1085,6 +1085,7 @@
 		this.addControllerComponentsPalette();
 		this.addEnginePalette();
 		this.addValvePalette();
+		this.addChartsPalette();
 		this.addFanPalette();
 		this.addMiscPalette(false);
 		this.addAdvancedPalette(false);
--- a/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Charts.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Charts.js
View file @e245abc
@@ -9,14 +9,12 @@
         var sb = this;
         this.setCurrentSearchEntryLibrary('charts');
-        const now = Date.now
-        const nodeId = `echarts__${ now() }`
-
+        const now = () => Date.now
         var fns = [
             this.addEntry('charts', mxUtils.bind(this, function () {
+                const nodeId = `echarts__${ now() }`
                 var cell = new mxCell(`<div style="color: red" id="${ nodeId }">${ now() }</div>`, new mxGeometry(0, 0, 160, 20), 'text;html=1;strokeColor=none;fillColor=none;align=center;verticalAlign=middle;whiteSpace=wrap;overflow=hidden;');
                 cell.setVertex(true)
-                cell.setId(nodeId)
                 return this.createVertexTemplateFromCells([cell], cell.geometry.width, cell.geometry.height, 'charts');
             })),
         ];
--- a/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Engine.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Engine.js
View file @e245abc
@@ -12,43 +12,43 @@
 		this.setCurrentSearchEntryLibrary('engine');
 		var fns = [
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/3-D 发动机.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/3-D 发动机.svg;imageAspect=0;',
 				66, 66, '', '3-D 发动机', null, null, this.getTagsForStencil(gn, '3-D 发动机', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/步进电机驱动器.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/步进电机驱动器.svg;imageAspect=0;',
 				64, 74, '', '步进电机驱动器', null, null, this.getTagsForStencil(gn, '步进电机驱动器', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/伺服电机.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/伺服电机.svg;imageAspect=0;',
 				64, 74, '', '伺服电机', null, null, this.getTagsForStencil(gn, '伺服电机', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/伺服电机2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/伺服电机2.svg;imageAspect=0;',
 				64, 74, '', '伺服电机2', null, null, this.getTagsForStencil(gn, '伺服电机2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/促动器.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/促动器.svg;imageAspect=0;',
 				64, 74, '', '促动机', null, null, this.getTagsForStencil(gn, '促动器', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 1.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 1.svg;imageAspect=0;',
 				64, 74, '', '发动机 1', null, null, this.getTagsForStencil(gn, '发动机 1', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 2.svg;imageAspect=0;',
 				64, 74, '', '发动机 2', null, null, this.getTagsForStencil(gn, '发动机 2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 3.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 3.svg;imageAspect=0;',
 				64, 74, '', '发动机 3', null, null, this.getTagsForStencil(gn, '发动机 3', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 4.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/发动机 4.svg;imageAspect=0;',
 				64, 74, '', '发动机 4', null, null, this.getTagsForStencil(gn, '发动机 4', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/防爆电动机.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/防爆电动机.svg;imageAspect=0;',
 				64, 74, '', '防爆电动机', null, null, this.getTagsForStencil(gn, '防爆电动机', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/工业标准发动机.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/工业标准发动机.svg;imageAspect=0;',
 				64, 74, '', '工业标准发动机', null, null, this.getTagsForStencil(gn, '工业标准发动机', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/减速器.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/减速器.svg;imageAspect=0;',
 				64, 74, '', '减速器', null, null, this.getTagsForStencil(gn, '减速器', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/简单马达.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/简单马达.svg;imageAspect=0;',
 				64, 74, '', '简单马达', null, null, this.getTagsForStencil(gn, '简单马达', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/气压制动器.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/气压制动器.svg;imageAspect=0;',
 				64, 74, '', '气压制动器', null, null, this.getTagsForStencil(gn, '气压制动器', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/无刷电机.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/无刷电机.svg;imageAspect=0;',
 				64, 74, '', '无刷电机', null, null, this.getTagsForStencil(gn, '无刷电机', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/制动马达.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/制动马达.svg;imageAspect=0;',
 				64, 74, '', '制动马达', null, null, this.getTagsForStencil(gn, '制动马达', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/智能马达.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/智能马达.svg;imageAspect=0;',
 				64, 74, '', '智能马达', null, null, this.getTagsForStencil(gn, '智能马达', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/轴角编码器.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/engine/轴角编码器.svg;imageAspect=0;',
 				64, 74, '', '轴角编码器', null, null, this.getTagsForStencil(gn, '轴角编码器', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/text.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/text.svg;imageAspect=0;',
 				64, 74, '', 'text', null, null, this.getTagsForStencil(gn, 'text', dt).join(' ')),
 		];
--- a/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Fan.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Fan.js
View file @e245abc
@@ -14,21 +14,21 @@
 		this.setCurrentSearchEntryLibrary('fan');
 		var fns = [
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机1.png;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机1.png;imageAspect=0;',
 				width, height, '', '风机1', null, null, this.getTagsForStencil(gn, '风机1', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机2.png;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机2.png;imageAspect=0;',
 				width, height, '', '风机2', null, null, this.getTagsForStencil(gn, '风机2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机3.png;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机3.png;imageAspect=0;',
 				width, height, '', '风机3', null, null, this.getTagsForStencil(gn, '风机3', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机4.png;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机4.png;imageAspect=0;',
 				width, height, '', '风机4', null, null, this.getTagsForStencil(gn, '风机4', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机5.gif;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机5.gif;imageAspect=0;',
 				width, height, '', '风机5', null, null, this.getTagsForStencil(gn, '风机5', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机6.gif;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机6.gif;imageAspect=0;',
 				width, height, '', '风机6', null, null, this.getTagsForStencil(gn, '风机6', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机7.gif;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机7.gif;imageAspect=0;',
 				width, height, '', '风机7', null, null, this.getTagsForStencil(gn, '风机7', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机8.png;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/fan/风机8.png;imageAspect=0;',
 				width, height, '', '风机8', null, null, this.getTagsForStencil(gn, '风机8', dt).join(' ')),
 		];
--- a/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Valve.js
View file @e245abc
+++ b/src/main/webapp/js/diagramly/sidebar/thingskit/Sidebar-Valve.js
View file @e245abc
@@ -14,51 +14,51 @@
 		this.setCurrentSearchEntryLibrary('valve');
 		var fns = [
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/安全阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/安全阀.svg;imageAspect=0;',
 				width, height, '', '安全阀', null, null, this.getTagsForStencil(gn, '安全阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/垂直单向阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/垂直单向阀.svg;imageAspect=0;',
 				width, height, '', '垂直单向阀', null, null, this.getTagsForStencil(gn, '垂直单向阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/垂直控制阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/垂直控制阀.svg;imageAspect=0;',
 				width, height, '', '垂直控制阀', null, null, this.getTagsForStencil(gn, '垂直控制阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/电动阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/电动阀.svg;imageAspect=0;',
 				width, height, '', '电动阀', null, null, this.getTagsForStencil(gn, '电动阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/阀门.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/阀门.svg;imageAspect=0;',
 				width, height, '', '阀门', null, null, this.getTagsForStencil(gn, '阀门', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/阀门2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/阀门2.svg;imageAspect=0;',
 				width, height, '', '阀门2', null, null, this.getTagsForStencil(gn, '阀门2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/法兰控制阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/法兰控制阀.svg;imageAspect=0;',
 				width, height, '', '法兰控制阀', null, null, this.getTagsForStencil(gn, '法兰控制阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/夹管阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/夹管阀.svg;imageAspect=0;',
 				width, height, '', '夹管阀', null, null, this.getTagsForStencil(gn, '夹管阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/控制阀 2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/控制阀 2.svg;imageAspect=0;',
 				width, height, '', '控制阀 2', null, null, this.getTagsForStencil(gn, '控制阀 2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/控制阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/控制阀.svg;imageAspect=0;',
 				width, height, '', '控制阀', null, null, this.getTagsForStencil(gn, '控制阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 1.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 1.svg;imageAspect=0;',
 				width, height, '', '球形阀 1', null, null, this.getTagsForStencil(gn, '球形阀 1', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 2.svg;imageAspect=0;',
 				width, height, '', '球形阀 2', null, null, this.getTagsForStencil(gn, '球形阀 2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 3.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/球形阀 3.svg;imageAspect=0;',
 				width, height, '', '球形阀 3', null, null, this.getTagsForStencil(gn, '球形阀 3', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/手动阀 1.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/手动阀 1.svg;imageAspect=0;',
 				width, height, '', '手动阀 1', null, null, this.getTagsForStencil(gn, '手动阀 1', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/手动阀 2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/手动阀 2.svg;imageAspect=0;',
 				width, height, '', '手动阀 2', null, null, this.getTagsForStencil(gn, '手动阀 2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/双通阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/双通阀.svg;imageAspect=0;',
 				width, height, '', '双通阀', null, null, this.getTagsForStencil(gn, '双通阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平单向阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平单向阀.svg;imageAspect=0;',
 				width, height, '', '水平单向阀', null, null, this.getTagsForStencil(gn, '水平单向阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀.svg;imageAspect=0;',
 				width, height, '', '水平控制阀', null, null, this.getTagsForStencil(gn, '水平控制阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀2.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀2.svg;imageAspect=0;',
 				width, height, '', '水平控制阀2', null, null, this.getTagsForStencil(gn, '水平控制阀2', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀3.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/水平控制阀3.svg;imageAspect=0;',
 				width, height, '', '水平控制阀3', null, null, this.getTagsForStencil(gn, '水平控制阀3', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/塑料旋启式止回阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/塑料旋启式止回阀.svg;imageAspect=0;',
 				width, height, '', '塑料旋启式止回阀', null, null, this.getTagsForStencil(gn, '塑料旋启式止回阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/卸灰阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/卸灰阀.svg;imageAspect=0;',
 				width, height, '', '卸灰阀', null, null, this.getTagsForStencil(gn, '卸灰阀', dt).join(' ')),
-			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/旋转阀.svg;',
+			this.createVertexTemplateEntry('image;image=img/lib/thingskit/valve/旋转阀.svg;imageAspect=0;',
 				width, height, '', '旋转阀', null, null, this.getTagsForStencil(gn, '旋转阀', dt).join(' ')),
 		];