Sidebar-ValveComponent.js
3.33 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
(function () {
// Adds Atlassian shapes
// valve 阀门
Sidebar.prototype.addThingsKitValvePalette = function () {
const gn = 'mxgraph.valve';
const dt = 'valve';
const label = mxResources.get('valve')
const width = 66;
const height = 74;
const prefix = `image;image=${window?.PROJECT_ENV.base}/webapp/images/thingskit/libs/`
const defaultStyle = ';imageAspect=0;'
this.setCurrentSearchEntryLibrary(dt);
const { COMPONENT_KEY, CATEGORY } = window.CellAttributeKeyEnum
function createUserObject(attribute) {
attribute = Object.assign({ [COMPONENT_KEY]: '', [CATEGORY]: '' }, attribute || {})
var xmlElement = mxUtils.createXmlDocument().createElement('UserObject');
Object.keys(attribute).forEach(key => {
xmlElement.setAttribute(key, attribute[key]);
})
return xmlElement
}
// 自定义属性
const cellAttribute = {
[COMPONENT_KEY]: 'Image',
[CATEGORY]: 'DEFAULT'
}
const graphPathLib = [
{ name: mxResources.get('ashDischarge'), path: 'valve/卸灰阀.svg' },
{ name: mxResources.get('twoWayValve'), path: 'valve/双通阀.svg' },
{ name: mxResources.get('verticalOneWay'), path: 'valve/垂直单向阀.svg' },
{ name: mxResources.get('verticalControl'), path: 'valve/垂直控制阀.svg' },
{ name: mxResources.get('plasticSwing'), path: 'valve/塑料旋启式止回阀.svg' },
{ name: mxResources.get('pinchValve'), path: 'valve/夹管阀.svg' },
{ name: mxResources.get('safetyValve'), path: 'valve/安全阀.svg' },
{ name: mxResources.get('manualValve') + ' 1', path: 'valve/手动阀 1.svg' },
{ name: mxResources.get('manualValve') + ' 2', path: 'valve/手动阀 2.svg' },
{ name: mxResources.get('controlValve') + '2', path: 'valve/控制阀 2.svg' },
{ name: mxResources.get('controlValve'), path: 'valve/控制阀.svg' },
{ name: mxResources.get('rotaryValve'), path: 'valve/旋转阀.svg' },
{ name: mxResources.get('horizontalValve'), path: 'valve/水平单向阀.svg' },
{ name: mxResources.get('horizontalControlValve'), path: 'valve/水平控制阀.svg' },
{ name: mxResources.get('horizontalControlValve') + '2', path: 'valve/水平控制阀2.svg' },
{ name: mxResources.get('horizontalControlValve') + '3', path: 'valve/水平控制阀3.svg' },
{ name: mxResources.get('flangeControlValve'), path: 'valve/法兰控制阀.svg' },
{ name: mxResources.get('ballValve') + '1', path: 'valve/球形阀 1.svg' },
{ name: mxResources.get('ballValve') + '2', path: 'valve/球形阀 2.svg' },
{ name: mxResources.get('ballValve') + '3', path: 'valve/球形阀 3.svg' },
{ name: mxResources.get('electricValve'), path: 'valve/电动阀.svg' },
{ name: mxResources.get('valve'), path: 'valve/阀门.svg' },
{ name: mxResources.get('valve') + '2', path: 'valve/阀门2.svg' },
]
const fns = graphPathLib.map(item => {
return this.addEntry(this.getTagsForStencil(gn, item.name, dt).join(' '), mxUtils.bind(this, function () {
const cell = new mxCell(createUserObject(cellAttribute), new mxGeometry(0, 0, width, height), `${prefix}${item.path}${defaultStyle}`);
cell.setVertex(true)
return this.createVertexTemplateFromCells([cell], cell.geometry.width, cell.geometry.height, item.name);
}));
})
this.setGalleryLib(dt, label, graphPathLib)
this.addPaletteFunctions(dt, label, false, fns);
this.setCurrentSearchEntryLibrary();
};
})();