Sidebar-PowerComponent.js
5.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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
(function () {
// Adds Atlassian shapes
// power label
Sidebar.prototype.addThingsKitPowerPalette = function () {
const gn = 'mxgraph.power';
const dt = 'power';
const label = '电源'
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: '三相开关盒.svg', path: 'power/三相开关盒.svg' },
{ name: '不间断电源.svg', path: 'power/不间断电源.svg' },
{ name: '交流驱动.svg', path: 'power/交流驱动.svg' },
{ name: '交流驱动2.svg', path: 'power/交流驱动2.svg' },
{ name: '仪表.svg', path: 'power/仪表.svg' },
{ name: '供热机组.svg', path: 'power/供热机组.svg' },
{ name: '功率监控器.svg', path: 'power/功率监控器.svg' },
{ name: '半导体控制整流器组装.svg', path: 'power/半导体控制整流器组装.svg' },
{ name: '双线电线杆.svg', path: 'power/双线电线杆.svg' },
{ name: '发电厂.svg', path: 'power/发电厂.svg' },
{ name: '发电机.svg', path: 'power/发电机.svg' },
{ name: '发电机2.svg', path: 'power/发电机2.svg' },
{ name: '变压器.svg', path: 'power/变压器.svg' },
{ name: '变压器监控器.svg', path: 'power/变压器监控器.svg' },
{ name: '变压器组件.svg', path: 'power/变压器组件.svg' },
{ name: '变速传动.svg', path: 'power/变速传动.svg' },
{ name: '基座.svg', path: 'power/基座.svg' },
{ name: '套管.svg', path: 'power/套管.svg' },
{ name: '工业风力发电机 1.svg', path: 'power/工业风力发电机 1.svg' },
{ name: '工业风力发电机 2.svg', path: 'power/工业风力发电机 2.svg' },
{ name: '工业风力发电机 3.svg', path: 'power/工业风力发电机 3.svg' },
{ name: '带电线的电线杆.svg', path: 'power/带电线的电线杆.svg' },
{ name: '护具装置.svg', path: 'power/护具装置.svg' },
{ name: '控制系统.svg', path: 'power/控制系统.svg' },
{ name: '插座.svg', path: 'power/插座.svg' },
{ name: '整流器 1.svg', path: 'power/整流器 1.svg' },
{ name: '整流器 2.svg', path: 'power/整流器 2.svg' },
{ name: '断路器.svg', path: 'power/断路器.svg' },
{ name: '柴油发电机.svg', path: 'power/柴油发电机.svg' },
{ name: '柴油支持UPS系统.svg', path: 'power/柴油支持UPS系统.svg' },
{ name: '核反应堆.svg', path: 'power/核反应堆.svg' },
{ name: '核电站.svg', path: 'power/核电站.svg' },
{ name: '沼气发电.svg', path: 'power/沼气发电.svg' },
{ name: '测温变阻器.svg', path: 'power/测温变阻器.svg' },
{ name: '燃气轮机.svg', path: 'power/燃气轮机.svg' },
{ name: '瓷绝缘体.svg', path: 'power/瓷绝缘体.svg' },
{ name: '电子仪表.svg', path: 'power/电子仪表.svg' },
{ name: '电涌放电器.svg', path: 'power/电涌放电器.svg' },
{ name: '电源板.svg', path: 'power/电源板.svg' },
{ name: '电线杆 1.svg', path: 'power/电线杆 1.svg' },
{ name: '电线杆 2.svg', path: 'power/电线杆 2.svg' },
{ name: '电线杆 3.svg', path: 'power/电线杆 3.svg' },
{ name: '电线杆 4.svg', path: 'power/电线杆 4.svg' },
{ name: '电线杆 5.svg', path: 'power/电线杆 5.svg' },
{ name: '电缆分线箱.svg', path: 'power/电缆分线箱.svg' },
{ name: '电解器.svg', path: 'power/电解器.svg' },
{ name: '直流电源.svg', path: 'power/直流电源.svg' },
{ name: '真空开关.svg', path: 'power/真空开关.svg' },
{ name: '简易变电站.svg', path: 'power/简易变电站.svg' },
{ name: '绝缘体.svg', path: 'power/绝缘体.svg' },
{ name: '起动机.svg', path: 'power/起动机.svg' },
{ name: '车用蓄电池.svg', path: 'power/车用蓄电池.svg' },
{ name: '输电塔.svg', path: 'power/输电塔.svg' },
{ name: '重合器 2.svg', path: 'power/重合器 2.svg' },
{ name: '重合器.svg', path: 'power/重合器.svg' },
{ name: '集中太阳能发电厂 1.svg', path: 'power/集中太阳能发电厂 1.svg' },
{ name: '集中太阳能发电厂 2.svg', path: 'power/集中太阳能发电厂 2.svg' },
{ name: '马达驱动.svg', path: 'power/马达驱动.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();
};
})();