workflow-editor 0.0.81-up-tmp21 → 0.0.81-up-tmp24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.full.min.js +316 -318
- package/dist/style.css +5 -5
- package/es/index.mjs +13 -14
- package/es/style.css +153 -153
- package/es/workflow-editor/index.mjs +6 -4
- package/es/{workflow-history → workflow-editor}/src/workflow-history.vue.mjs +10 -10
- package/lib/index.cjs +7 -7
- package/lib/style.css +133 -133
- package/lib/workflow-editor/index.cjs +4 -4
- package/lib/{workflow-history → workflow-editor}/src/workflow-history.vue.cjs +3 -3
- package/package.json +5 -5
- package/es/workflow-history/index.mjs +0 -8
- package/lib/workflow-history/index.cjs +0 -7
- /package/es/{workflow-history → workflow-editor}/src/workflow-history.vue2.mjs +0 -0
- /package/lib/{workflow-history → workflow-editor}/src/workflow-history.vue2.cjs +0 -0
package/lib/style.css
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
@charset "UTF-8";.main[data-v-
|
|
1
|
+
@charset "UTF-8";.main[data-v-6658e14b] {
|
|
2
2
|
position: relative;
|
|
3
3
|
display: flex;
|
|
4
4
|
height: 100%;
|
|
5
5
|
width: 100%;
|
|
6
6
|
}
|
|
7
|
-
.canvas-container[data-v-
|
|
7
|
+
.canvas-container[data-v-6658e14b] {
|
|
8
8
|
position: relative;
|
|
9
9
|
height: 100%;
|
|
10
10
|
width: 100%;
|
|
11
11
|
}
|
|
12
|
-
section[data-v-
|
|
12
|
+
section[data-v-6658e14b] {
|
|
13
13
|
overflow: hidden;
|
|
14
14
|
width: 100%;
|
|
15
15
|
height: 100%;
|
|
16
16
|
padding: 0;
|
|
17
17
|
}
|
|
18
|
-
.canvas[data-v-
|
|
18
|
+
.canvas[data-v-6658e14b] {
|
|
19
19
|
overflow: auto;
|
|
20
20
|
height: 100%;
|
|
21
21
|
padding: 0;
|
|
22
22
|
min-height: 500px;
|
|
23
23
|
}
|
|
24
|
-
.canvas[data-v-
|
|
24
|
+
.canvas[data-v-6658e14b] .draggable {
|
|
25
25
|
cursor: default;
|
|
26
26
|
}
|
|
27
27
|
.button-area[data-v-865cb4ee] {
|
|
@@ -126,6 +126,42 @@ pre[data-v-865cb4ee] {
|
|
|
126
126
|
[data-v-865cb4ee] .el-tabs__header {
|
|
127
127
|
margin: 0;
|
|
128
128
|
}
|
|
129
|
+
.svg-icon {
|
|
130
|
+
width: 1em;
|
|
131
|
+
height: 1em;
|
|
132
|
+
vertical-align: -0.15em;
|
|
133
|
+
fill: currentColor;
|
|
134
|
+
overflow: hidden;
|
|
135
|
+
}
|
|
136
|
+
li[data-v-7e8a1cf6] {
|
|
137
|
+
color: #333;
|
|
138
|
+
}
|
|
139
|
+
.context-menu[data-v-7e8a1cf6] {
|
|
140
|
+
position: fixed;
|
|
141
|
+
background: #fff;
|
|
142
|
+
z-index: 999;
|
|
143
|
+
padding: 5px;
|
|
144
|
+
margin: 0;
|
|
145
|
+
}
|
|
146
|
+
.context-menu li[data-v-7e8a1cf6] {
|
|
147
|
+
min-width: 75px;
|
|
148
|
+
height: 28px;
|
|
149
|
+
line-height: 28px;
|
|
150
|
+
text-align: left;
|
|
151
|
+
color: #1a1a1a;
|
|
152
|
+
}
|
|
153
|
+
.context-menu li[data-v-7e8a1cf6]:hover {
|
|
154
|
+
background: #42b983;
|
|
155
|
+
color: #fff;
|
|
156
|
+
}
|
|
157
|
+
.context-menu[data-v-7e8a1cf6] {
|
|
158
|
+
border: 1px solid #eee;
|
|
159
|
+
box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
|
|
160
|
+
border-radius: 5px;
|
|
161
|
+
}
|
|
162
|
+
li[data-v-7e8a1cf6] {
|
|
163
|
+
list-style-type: none;
|
|
164
|
+
}
|
|
129
165
|
#svg{
|
|
130
166
|
/* border:1px solid red; */
|
|
131
167
|
background: white;
|
|
@@ -155,38 +191,8 @@ g text{
|
|
|
155
191
|
fill: #fff;
|
|
156
192
|
stroke: #666;
|
|
157
193
|
stroke-width: 2;
|
|
158
|
-
}
|
|
159
|
-
.passed-tache .task-tache{
|
|
160
|
-
fill: green;
|
|
161
|
-
stroke: green;
|
|
162
|
-
stroke-width: 2;
|
|
163
|
-
}
|
|
164
|
-
.current-tache .task-tache{
|
|
165
|
-
fill: red;
|
|
166
|
-
stroke: red;
|
|
167
|
-
stroke-width: 2;
|
|
168
|
-
}
|
|
169
|
-
.passed-tache text{
|
|
170
|
-
fill:white;
|
|
171
|
-
}
|
|
172
|
-
.current-tache text{
|
|
173
|
-
fill: white
|
|
174
194
|
}
|
|
175
|
-
|
|
176
|
-
color: #999999;
|
|
177
|
-
margin: 0;
|
|
178
|
-
padding: 0;
|
|
179
|
-
font-weight: bold;
|
|
180
|
-
font-size: 18px;
|
|
181
|
-
}
|
|
182
|
-
.el-button[data-v-0d941719] {
|
|
183
|
-
margin: 6px 0;
|
|
184
|
-
min-width: 110px;
|
|
185
|
-
padding: 9px 15px;
|
|
186
|
-
}
|
|
187
|
-
.el-button i[data-v-0d941719] {
|
|
188
|
-
padding-right: 4px;
|
|
189
|
-
}
|
|
195
|
+
|
|
190
196
|
#svg{
|
|
191
197
|
/* border:1px solid red; */
|
|
192
198
|
background: white;
|
|
@@ -216,55 +222,49 @@ g text{
|
|
|
216
222
|
fill: #fff;
|
|
217
223
|
stroke: #666;
|
|
218
224
|
stroke-width: 2;
|
|
219
|
-
}
|
|
220
|
-
|
|
221
|
-
.svg-icon {
|
|
222
|
-
width: 1em;
|
|
223
|
-
height: 1em;
|
|
224
|
-
vertical-align: -0.15em;
|
|
225
|
-
fill: currentColor;
|
|
226
|
-
overflow: hidden;
|
|
227
|
-
}
|
|
228
|
-
li[data-v-7e8a1cf6] {
|
|
229
|
-
color: #333;
|
|
230
225
|
}
|
|
231
|
-
.
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
padding: 5px;
|
|
236
|
-
margin: 0;
|
|
226
|
+
.passed-tache .task-tache{
|
|
227
|
+
fill: green;
|
|
228
|
+
stroke: green;
|
|
229
|
+
stroke-width: 2;
|
|
237
230
|
}
|
|
238
|
-
.
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
text-align: left;
|
|
243
|
-
color: #1a1a1a;
|
|
231
|
+
.current-tache .task-tache{
|
|
232
|
+
fill: red;
|
|
233
|
+
stroke: red;
|
|
234
|
+
stroke-width: 2;
|
|
244
235
|
}
|
|
245
|
-
.
|
|
246
|
-
|
|
247
|
-
color: #fff;
|
|
236
|
+
.passed-tache text{
|
|
237
|
+
fill:white;
|
|
248
238
|
}
|
|
249
|
-
.
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
239
|
+
.current-tache text{
|
|
240
|
+
fill: white
|
|
241
|
+
}
|
|
242
|
+
h3[data-v-0d941719] {
|
|
243
|
+
color: #999999;
|
|
244
|
+
margin: 0;
|
|
245
|
+
padding: 0;
|
|
246
|
+
font-weight: bold;
|
|
247
|
+
font-size: 18px;
|
|
253
248
|
}
|
|
254
|
-
|
|
255
|
-
|
|
249
|
+
.el-button[data-v-0d941719] {
|
|
250
|
+
margin: 6px 0;
|
|
251
|
+
min-width: 110px;
|
|
252
|
+
padding: 9px 15px;
|
|
253
|
+
}
|
|
254
|
+
.el-button i[data-v-0d941719] {
|
|
255
|
+
padding-right: 4px;
|
|
256
256
|
}
|
|
257
257
|
.start{
|
|
258
258
|
stroke-width: 0;
|
|
259
259
|
fill:#fff;
|
|
260
260
|
}
|
|
261
261
|
|
|
262
|
-
.
|
|
262
|
+
.end{
|
|
263
263
|
stroke-width: 0;
|
|
264
264
|
fill:#fff;
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
.
|
|
267
|
+
.decision{
|
|
268
268
|
stroke-width: 0;
|
|
269
269
|
fill:#fff;
|
|
270
270
|
}
|
|
@@ -274,12 +274,12 @@ li[data-v-7e8a1cf6] {
|
|
|
274
274
|
fill:#fff;
|
|
275
275
|
}
|
|
276
276
|
|
|
277
|
-
.
|
|
277
|
+
.decision{
|
|
278
278
|
stroke-width: 0;
|
|
279
279
|
fill:#fff;
|
|
280
280
|
}
|
|
281
281
|
|
|
282
|
-
.decision{
|
|
282
|
+
.human-decision{
|
|
283
283
|
stroke-width: 0;
|
|
284
284
|
fill:#fff;
|
|
285
285
|
}
|
|
@@ -302,40 +302,13 @@ li[data-v-7e8a1cf6] {
|
|
|
302
302
|
.no-events[data-v-a1576cad] {
|
|
303
303
|
pointer-events: none;
|
|
304
304
|
}
|
|
305
|
-
|
|
306
|
-
width: 100%;
|
|
307
|
-
height: calc(100vh - 200px);
|
|
308
|
-
}.tooltip[data-v-ac799913] {
|
|
309
|
-
position: absolute;
|
|
310
|
-
background: #fff;
|
|
311
|
-
min-width: 150px;
|
|
312
|
-
border-radius: 4px;
|
|
313
|
-
border: 1px solid #ebeef5;
|
|
314
|
-
padding: 12px;
|
|
315
|
-
z-index: 2000;
|
|
316
|
-
color: #606266;
|
|
317
|
-
line-height: 1.4;
|
|
318
|
-
text-align: justify;
|
|
319
|
-
font-size: 14px;
|
|
320
|
-
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
321
|
-
word-break: break-all;
|
|
322
|
-
}
|
|
305
|
+
|
|
323
306
|
.virtual-transition{
|
|
324
307
|
stroke-width: 2;
|
|
325
308
|
stroke:#000;
|
|
326
309
|
stroke-dasharray: 2 2;
|
|
327
310
|
fill: none;
|
|
328
311
|
}
|
|
329
|
-
|
|
330
|
-
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
331
|
-
.properties-editor[data-v-1651d82a] .el-dialog__body {
|
|
332
|
-
padding-top: 0;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
336
|
-
.properties-editor[data-v-0e44fe8c] .el-dialog__body{
|
|
337
|
-
padding-top: 0
|
|
338
|
-
}
|
|
339
312
|
|
|
340
313
|
.selection-region{
|
|
341
314
|
stroke: blue;
|
|
@@ -351,6 +324,16 @@ li[data-v-7e8a1cf6] {
|
|
|
351
324
|
pointer-events:none;
|
|
352
325
|
}
|
|
353
326
|
|
|
327
|
+
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
328
|
+
.properties-editor[data-v-1651d82a] .el-dialog__body {
|
|
329
|
+
padding-top: 0;
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
333
|
+
.properties-editor[data-v-0e44fe8c] .el-dialog__body{
|
|
334
|
+
padding-top: 0
|
|
335
|
+
}
|
|
336
|
+
|
|
354
337
|
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
355
338
|
.properties-editor[data-v-af76d417] .el-dialog__body{
|
|
356
339
|
padding-top: 0
|
|
@@ -360,7 +343,29 @@ li[data-v-7e8a1cf6] {
|
|
|
360
343
|
.properties-editor[data-v-bd66d235] .el-dialog__body{
|
|
361
344
|
padding-top: 0
|
|
362
345
|
}
|
|
363
|
-
|
|
346
|
+
.tooltip[data-v-ac799913] {
|
|
347
|
+
position: absolute;
|
|
348
|
+
background: #fff;
|
|
349
|
+
min-width: 150px;
|
|
350
|
+
border-radius: 4px;
|
|
351
|
+
border: 1px solid #ebeef5;
|
|
352
|
+
padding: 12px;
|
|
353
|
+
z-index: 2000;
|
|
354
|
+
color: #606266;
|
|
355
|
+
line-height: 1.4;
|
|
356
|
+
text-align: justify;
|
|
357
|
+
font-size: 14px;
|
|
358
|
+
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
|
359
|
+
word-break: break-all;
|
|
360
|
+
}
|
|
361
|
+
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
362
|
+
.properties-editor[data-v-adb7c2ff] .el-dialog__body{
|
|
363
|
+
padding-top: 0
|
|
364
|
+
}
|
|
365
|
+
#_subprocess-content[data-v-2b195c05] {
|
|
366
|
+
width: 100%;
|
|
367
|
+
height: calc(100vh - 200px);
|
|
368
|
+
}
|
|
364
369
|
.joint-container{
|
|
365
370
|
stroke-width: 0;
|
|
366
371
|
fill: #fff;
|
|
@@ -375,11 +380,6 @@ li[data-v-7e8a1cf6] {
|
|
|
375
380
|
stroke-width:1px;
|
|
376
381
|
fill-opacity: 1;
|
|
377
382
|
}
|
|
378
|
-
|
|
379
|
-
/* 使用深度作用选择器(vue-loader的功能)">>>"符号重新定义了.el-dialog__body,不影响其他页面的同名样式*/
|
|
380
|
-
.properties-editor[data-v-adb7c2ff] .el-dialog__body{
|
|
381
|
-
padding-top: 0
|
|
382
|
-
}
|
|
383
383
|
|
|
384
384
|
.resizer{
|
|
385
385
|
stroke: blue;
|
|
@@ -403,10 +403,6 @@ li[data-v-7e8a1cf6] {
|
|
|
403
403
|
stroke-dasharray: 2 2
|
|
404
404
|
}
|
|
405
405
|
|
|
406
|
-
.el-checkbox[data-v-c019538f]{
|
|
407
|
-
margin-left: 20px;
|
|
408
|
-
}
|
|
409
|
-
|
|
410
406
|
.percent[data-v-a219b06d] {
|
|
411
407
|
margin-left: 10px;
|
|
412
408
|
color: red;
|
|
@@ -422,6 +418,10 @@ ul li[data-v-39fac73c] {
|
|
|
422
418
|
.sub-li[data-v-39fac73c] {
|
|
423
419
|
padding-left: 10px;
|
|
424
420
|
}
|
|
421
|
+
.el-checkbox[data-v-c019538f]{
|
|
422
|
+
margin-left: 20px;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
425
|
.percent[data-v-c1c7385b]{
|
|
426
426
|
margin-left: 10px;
|
|
427
427
|
color:red;
|
|
@@ -437,21 +437,7 @@ ul li[data-v-39fac73c] {
|
|
|
437
437
|
color:red;
|
|
438
438
|
font-size:1.2em;
|
|
439
439
|
}
|
|
440
|
-
|
|
441
|
-
font-size: 14px;
|
|
442
|
-
width: 100%;
|
|
443
|
-
}
|
|
444
|
-
.item[data-v-98300543] {
|
|
445
|
-
float: left;
|
|
446
|
-
list-style-type: none;
|
|
447
|
-
width: 33.33%;
|
|
448
|
-
margin-bottom: 18px;
|
|
449
|
-
}
|
|
450
|
-
.item-content[data-v-98300543] {
|
|
451
|
-
height: calc(100vh - 300px);
|
|
452
|
-
padding-left: 20px;
|
|
453
|
-
overflow: auto;
|
|
454
|
-
}
|
|
440
|
+
|
|
455
441
|
.el-tag + .el-tag[data-v-aaf48aff] {
|
|
456
442
|
margin-left: 10px;
|
|
457
443
|
}
|
|
@@ -477,7 +463,21 @@ select[data-v-aaf48aff]{
|
|
|
477
463
|
span[data-v-4e29ea06] {
|
|
478
464
|
margin: 0 10px;
|
|
479
465
|
}
|
|
480
|
-
|
|
466
|
+
.group[data-v-98300543] {
|
|
467
|
+
font-size: 14px;
|
|
468
|
+
width: 100%;
|
|
469
|
+
}
|
|
470
|
+
.item[data-v-98300543] {
|
|
471
|
+
float: left;
|
|
472
|
+
list-style-type: none;
|
|
473
|
+
width: 33.33%;
|
|
474
|
+
margin-bottom: 18px;
|
|
475
|
+
}
|
|
476
|
+
.item-content[data-v-98300543] {
|
|
477
|
+
height: calc(100vh - 300px);
|
|
478
|
+
padding-left: 20px;
|
|
479
|
+
overflow: auto;
|
|
480
|
+
}#appContainer[data-v-9458f3bf] .el-checkbox {
|
|
481
481
|
display: block;
|
|
482
482
|
}
|
|
483
483
|
#appContainer[data-v-9458f3bf] .el-transfer-panel {
|
|
@@ -491,6 +491,13 @@ span[data-v-4e29ea06] {
|
|
|
491
491
|
word-break: keep-all;
|
|
492
492
|
width: 55%;
|
|
493
493
|
}
|
|
494
|
+
.searchResult {
|
|
495
|
+
color:red
|
|
496
|
+
}
|
|
497
|
+
.inline-input-custom {
|
|
498
|
+
width : 90%
|
|
499
|
+
}
|
|
500
|
+
|
|
494
501
|
#custTabOne[data-v-7feaa2da] .el-tabs__content {
|
|
495
502
|
height: 500px;
|
|
496
503
|
}
|
|
@@ -516,10 +523,3 @@ span[data-v-4e29ea06] {
|
|
|
516
523
|
.inline-input-custom {
|
|
517
524
|
width : 90%
|
|
518
525
|
}
|
|
519
|
-
|
|
520
|
-
.searchResult {
|
|
521
|
-
color:red
|
|
522
|
-
}
|
|
523
|
-
.inline-input-custom {
|
|
524
|
-
width : 90%
|
|
525
|
-
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
const o = require("./src/workflow-editor.vue.cjs");
|
|
3
|
-
o.install = function(
|
|
4
|
-
|
|
2
|
+
const o = require("./src/workflow-editor.vue.cjs"), r = require("./src/store/workflow-editor.cjs"), e = require("./src/workflow-history.vue.cjs");
|
|
3
|
+
o.install = function(r2) {
|
|
4
|
+
r2.component(o.name, o), r2.component(e.name, e);
|
|
5
5
|
};
|
|
6
|
-
const t = { WorkflowEditor: o };
|
|
6
|
+
const t = { WorkflowEditor: o, WorkflowHistory: e, wfEditorStore: r };
|
|
7
7
|
module.exports = t;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
require("
|
|
3
|
-
const e = require("vuex"), s = require("
|
|
2
|
+
require("./assets/wf-editor-icons.cjs");
|
|
3
|
+
const e = require("vuex"), s = require("./util.cjs"), t = require("./main/wf-history-canvas.vue.cjs"), r = require("xml-js"), o = require("./api.cjs"), i = require("vue");
|
|
4
4
|
require("./workflow-history.vue2.cjs");
|
|
5
5
|
const n = require("../../_virtual/_plugin-vue_export-helper.cjs"), c = { name: "WorkflowHistory", components: { WfHistoryCanvas: t }, props: { id: { type: Number, default: null } }, data: function() {
|
|
6
6
|
return { process: null, histories: [], currentTasks: [], allProcessI18n: null };
|
|
@@ -24,5 +24,5 @@ const n = require("../../_virtual/_plugin-vue_export-helper.cjs"), c = { name: "
|
|
|
24
24
|
const u = n(c, [["render", function(e2, s2, t2, r2, o2, n2) {
|
|
25
25
|
const c2 = i.resolveComponent("wf-history-canvas");
|
|
26
26
|
return i.openBlock(), i.createElementBlock("div", a, [i.createElementVNode("div", l, [i.createElementVNode("section", null, [i.createVNode(c2, { onselectstart: "return false", process: e2.process, histories: e2.histories, "current-tasks": e2.currentTasks, "all-process-i18n": e2.allProcessI18n, "show-history": true, class: "canvas", onContextmenu: i.withModifiers(n2.showContextMenu, ["prevent"]) }, null, 8, ["process", "histories", "current-tasks", "all-process-i18n", "onContextmenu"])])])], 512);
|
|
27
|
-
}], ["__scopeId", "data-v-
|
|
27
|
+
}], ["__scopeId", "data-v-6658e14b"]]);
|
|
28
28
|
module.exports = u;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "workflow-editor",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.0.81-up-
|
|
4
|
+
"version": "0.0.81-up-tmp24",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./lib/index.cjs",
|
|
7
7
|
"module": "./es/index.mjs",
|
|
@@ -35,9 +35,9 @@
|
|
|
35
35
|
"sass": "^1.69.4",
|
|
36
36
|
"vite": "^4.4.5",
|
|
37
37
|
"vite-plugin-svg-icons": "^2.0.1",
|
|
38
|
-
"vue": "
|
|
39
|
-
"vue-i18n": "
|
|
40
|
-
"vue-router": "
|
|
41
|
-
"vuex": "
|
|
38
|
+
"vue": "3.3.4",
|
|
39
|
+
"vue-i18n": "9.14.5",
|
|
40
|
+
"vue-router": "4.5.1",
|
|
41
|
+
"vuex": "4.1.0"
|
|
42
42
|
}
|
|
43
43
|
}
|
|
File without changes
|
|
File without changes
|