@syncfusion/ej2-vue-diagrams 20.2.49 → 20.3.47
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/CHANGELOG.md +12 -43
- package/dist/ej2-vue-diagrams.umd.min.js +2 -2
- package/dist/ej2-vue-diagrams.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-diagrams.es2015.js +86 -99
- package/dist/es6/ej2-vue-diagrams.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-diagrams.es5.js +86 -99
- package/dist/es6/ej2-vue-diagrams.es5.js.map +1 -1
- package/dist/global/ej2-vue-diagrams.min.js +2 -2
- package/package.json +8 -8
- package/src/diagram/connector-annotation.directive.d.ts +0 -1
- package/src/diagram/connector-annotation.directive.js +5 -6
- package/src/diagram/connector-fixeduserhandle.directive.d.ts +0 -1
- package/src/diagram/connector-fixeduserhandle.directive.js +5 -6
- package/src/diagram/connectors.directive.d.ts +0 -1
- package/src/diagram/connectors.directive.js +5 -6
- package/src/diagram/customcursor.directive.d.ts +0 -1
- package/src/diagram/customcursor.directive.js +5 -6
- package/src/diagram/diagram.component.d.ts +2 -2
- package/src/diagram/diagram.component.js +9 -7
- package/src/diagram/layers.directive.d.ts +0 -1
- package/src/diagram/layers.directive.js +5 -6
- package/src/diagram/node-annotation.directive.d.ts +0 -1
- package/src/diagram/node-annotation.directive.js +5 -6
- package/src/diagram/node-fixeduserhandle.directive.d.ts +0 -1
- package/src/diagram/node-fixeduserhandle.directive.js +5 -6
- package/src/diagram/nodes.directive.d.ts +0 -1
- package/src/diagram/nodes.directive.js +5 -6
- package/src/diagram/ports.directive.d.ts +0 -1
- package/src/diagram/ports.directive.js +5 -6
- package/src/overview/overview.component.d.ts +0 -1
- package/src/overview/overview.component.js +3 -4
- package/src/symbol-palette/palettes.directive.d.ts +0 -1
- package/src/symbol-palette/palettes.directive.js +5 -6
- package/src/symbol-palette/symbolpalette.component.d.ts +0 -2
- package/src/symbol-palette/symbolpalette.component.js +3 -7
- package/styles/bootstrap-dark.css +6 -1
- package/styles/bootstrap.css +6 -1
- package/styles/bootstrap4.css +6 -1
- package/styles/bootstrap5-dark.css +7 -1
- package/styles/bootstrap5.css +7 -1
- package/styles/diagram/bootstrap-dark.css +6 -1
- package/styles/diagram/bootstrap.css +6 -1
- package/styles/diagram/bootstrap4.css +6 -1
- package/styles/diagram/bootstrap5-dark.css +7 -1
- package/styles/diagram/bootstrap5.css +7 -1
- package/styles/diagram/fabric-dark.css +6 -1
- package/styles/diagram/fabric.css +6 -1
- package/styles/diagram/fluent-dark.css +7 -1
- package/styles/diagram/fluent.css +7 -1
- package/styles/diagram/highcontrast-light.css +6 -1
- package/styles/diagram/highcontrast.css +7 -1
- package/styles/diagram/material-dark.css +6 -1
- package/styles/diagram/material.css +6 -1
- package/styles/diagram/tailwind-dark.css +7 -1
- package/styles/diagram/tailwind.css +7 -1
- package/styles/fabric-dark.css +6 -1
- package/styles/fabric.css +6 -1
- package/styles/fluent-dark.css +7 -1
- package/styles/fluent.css +7 -1
- package/styles/highcontrast-light.css +6 -1
- package/styles/highcontrast.css +7 -1
- package/styles/material-dark.css +6 -1
- package/styles/material.css +6 -1
- package/styles/tailwind-dark.css +7 -1
- package/styles/tailwind.css +7 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Diagram, Overview, SymbolPalette } from '@syncfusion/ej2-diagrams';
|
|
2
|
-
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { ComponentBase, EJComponentDecorator, allVue, getProps, gh, isExecute } from '@syncfusion/ej2-vue-base';
|
|
3
3
|
import { Vue } from 'vue-class-component';
|
|
4
4
|
import { getValue, isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
5
5
|
import Vue$1 from 'vue';
|
|
@@ -11,7 +11,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
|
|
|
11
11
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
12
12
|
};
|
|
13
13
|
// {{VueImport}}
|
|
14
|
-
const isExecute = gh ? false : true;
|
|
15
14
|
let vueImport;
|
|
16
15
|
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
17
16
|
vueImport = Vue;
|
|
@@ -32,18 +31,18 @@ class LayersDirective extends vueImport {
|
|
|
32
31
|
super(arguments);
|
|
33
32
|
}
|
|
34
33
|
render(createElement) {
|
|
35
|
-
if (
|
|
36
|
-
let h = gh
|
|
34
|
+
if (!isExecute) {
|
|
35
|
+
let h = !isExecute ? gh : createElement;
|
|
37
36
|
let slots = null;
|
|
38
37
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
39
|
-
slots =
|
|
38
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
40
39
|
}
|
|
41
40
|
return h('div', { class: 'e-directive' }, slots);
|
|
42
41
|
}
|
|
43
42
|
return;
|
|
44
43
|
}
|
|
45
44
|
updated() {
|
|
46
|
-
if (
|
|
45
|
+
if (!isExecute && this.custom) {
|
|
47
46
|
this.custom();
|
|
48
47
|
}
|
|
49
48
|
}
|
|
@@ -104,9 +103,8 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
104
103
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
105
104
|
};
|
|
106
105
|
// {{VueImport}}
|
|
107
|
-
const isExecute$1 = gh ? false : true;
|
|
108
106
|
let vueImport$1;
|
|
109
|
-
if (!isExecute
|
|
107
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
110
108
|
vueImport$1 = Vue;
|
|
111
109
|
}
|
|
112
110
|
else {
|
|
@@ -125,18 +123,18 @@ class CustomCursorsDirective extends vueImport$1 {
|
|
|
125
123
|
super(arguments);
|
|
126
124
|
}
|
|
127
125
|
render(createElement) {
|
|
128
|
-
if (
|
|
129
|
-
let h = gh
|
|
126
|
+
if (!isExecute) {
|
|
127
|
+
let h = !isExecute ? gh : createElement;
|
|
130
128
|
let slots = null;
|
|
131
129
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
132
|
-
slots =
|
|
130
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
133
131
|
}
|
|
134
132
|
return h('div', { class: 'e-directive' }, slots);
|
|
135
133
|
}
|
|
136
134
|
return;
|
|
137
135
|
}
|
|
138
136
|
updated() {
|
|
139
|
-
if (
|
|
137
|
+
if (!isExecute && this.custom) {
|
|
140
138
|
this.custom();
|
|
141
139
|
}
|
|
142
140
|
}
|
|
@@ -145,7 +143,7 @@ class CustomCursorsDirective extends vueImport$1 {
|
|
|
145
143
|
}
|
|
146
144
|
};
|
|
147
145
|
CustomCursorsDirective = __decorate$1([
|
|
148
|
-
EJComponentDecorator({}, isExecute
|
|
146
|
+
EJComponentDecorator({}, isExecute)
|
|
149
147
|
/* Start Options({
|
|
150
148
|
inject: {
|
|
151
149
|
custom: {
|
|
@@ -181,7 +179,7 @@ let CustomCursorDirective = class CustomCursorDirective extends vueImport$1 {
|
|
|
181
179
|
}
|
|
182
180
|
};
|
|
183
181
|
CustomCursorDirective = __decorate$1([
|
|
184
|
-
EJComponentDecorator({}, isExecute
|
|
182
|
+
EJComponentDecorator({}, isExecute)
|
|
185
183
|
], CustomCursorDirective);
|
|
186
184
|
const CustomCursorPlugin = {
|
|
187
185
|
name: 'e-cursormap',
|
|
@@ -197,9 +195,8 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
197
195
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
198
196
|
};
|
|
199
197
|
// {{VueImport}}
|
|
200
|
-
const isExecute$2 = gh ? false : true;
|
|
201
198
|
let vueImport$2;
|
|
202
|
-
if (!isExecute
|
|
199
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
203
200
|
vueImport$2 = Vue;
|
|
204
201
|
}
|
|
205
202
|
else {
|
|
@@ -218,18 +215,18 @@ class ConnectorFixedUserHandlesDirective extends vueImport$2 {
|
|
|
218
215
|
super(arguments);
|
|
219
216
|
}
|
|
220
217
|
render(createElement) {
|
|
221
|
-
if (
|
|
222
|
-
let h = gh
|
|
218
|
+
if (!isExecute) {
|
|
219
|
+
let h = !isExecute ? gh : createElement;
|
|
223
220
|
let slots = null;
|
|
224
221
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
225
|
-
slots =
|
|
222
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
226
223
|
}
|
|
227
224
|
return h('div', { class: 'e-directive' }, slots);
|
|
228
225
|
}
|
|
229
226
|
return;
|
|
230
227
|
}
|
|
231
228
|
updated() {
|
|
232
|
-
if (
|
|
229
|
+
if (!isExecute && this.custom) {
|
|
233
230
|
this.custom();
|
|
234
231
|
}
|
|
235
232
|
}
|
|
@@ -238,7 +235,7 @@ class ConnectorFixedUserHandlesDirective extends vueImport$2 {
|
|
|
238
235
|
}
|
|
239
236
|
};
|
|
240
237
|
ConnectorFixedUserHandlesDirective = __decorate$2([
|
|
241
|
-
EJComponentDecorator({}, isExecute
|
|
238
|
+
EJComponentDecorator({}, isExecute)
|
|
242
239
|
/* Start Options({
|
|
243
240
|
inject: {
|
|
244
241
|
custom: {
|
|
@@ -278,7 +275,7 @@ let ConnectorFixedUserHandleDirective = class ConnectorFixedUserHandleDirective
|
|
|
278
275
|
}
|
|
279
276
|
};
|
|
280
277
|
ConnectorFixedUserHandleDirective = __decorate$2([
|
|
281
|
-
EJComponentDecorator({}, isExecute
|
|
278
|
+
EJComponentDecorator({}, isExecute)
|
|
282
279
|
], ConnectorFixedUserHandleDirective);
|
|
283
280
|
const ConnectorFixedUserHandlePlugin = {
|
|
284
281
|
name: 'e-connector-fixeduserhandle',
|
|
@@ -294,9 +291,8 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
294
291
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
295
292
|
};
|
|
296
293
|
// {{VueImport}}
|
|
297
|
-
const isExecute$3 = gh ? false : true;
|
|
298
294
|
let vueImport$3;
|
|
299
|
-
if (!isExecute
|
|
295
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
300
296
|
vueImport$3 = Vue;
|
|
301
297
|
}
|
|
302
298
|
else {
|
|
@@ -315,18 +311,18 @@ class ConnectorAnnotationsDirective extends vueImport$3 {
|
|
|
315
311
|
super(arguments);
|
|
316
312
|
}
|
|
317
313
|
render(createElement) {
|
|
318
|
-
if (
|
|
319
|
-
let h = gh
|
|
314
|
+
if (!isExecute) {
|
|
315
|
+
let h = !isExecute ? gh : createElement;
|
|
320
316
|
let slots = null;
|
|
321
317
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
322
|
-
slots =
|
|
318
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
323
319
|
}
|
|
324
320
|
return h('div', { class: 'e-directive' }, slots);
|
|
325
321
|
}
|
|
326
322
|
return;
|
|
327
323
|
}
|
|
328
324
|
updated() {
|
|
329
|
-
if (
|
|
325
|
+
if (!isExecute && this.custom) {
|
|
330
326
|
this.custom();
|
|
331
327
|
}
|
|
332
328
|
}
|
|
@@ -335,7 +331,7 @@ class ConnectorAnnotationsDirective extends vueImport$3 {
|
|
|
335
331
|
}
|
|
336
332
|
};
|
|
337
333
|
ConnectorAnnotationsDirective = __decorate$3([
|
|
338
|
-
EJComponentDecorator({}, isExecute
|
|
334
|
+
EJComponentDecorator({}, isExecute)
|
|
339
335
|
/* Start Options({
|
|
340
336
|
inject: {
|
|
341
337
|
custom: {
|
|
@@ -375,7 +371,7 @@ let ConnectorAnnotationDirective = class ConnectorAnnotationDirective extends vu
|
|
|
375
371
|
}
|
|
376
372
|
};
|
|
377
373
|
ConnectorAnnotationDirective = __decorate$3([
|
|
378
|
-
EJComponentDecorator({}, isExecute
|
|
374
|
+
EJComponentDecorator({}, isExecute)
|
|
379
375
|
], ConnectorAnnotationDirective);
|
|
380
376
|
const ConnectorAnnotationPlugin = {
|
|
381
377
|
name: 'e-connector-annotation',
|
|
@@ -391,9 +387,8 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
391
387
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
392
388
|
};
|
|
393
389
|
// {{VueImport}}
|
|
394
|
-
const isExecute$4 = gh ? false : true;
|
|
395
390
|
let vueImport$4;
|
|
396
|
-
if (!isExecute
|
|
391
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
397
392
|
vueImport$4 = Vue;
|
|
398
393
|
}
|
|
399
394
|
else {
|
|
@@ -412,18 +407,18 @@ class ConnectorsDirective extends vueImport$4 {
|
|
|
412
407
|
super(arguments);
|
|
413
408
|
}
|
|
414
409
|
render(createElement) {
|
|
415
|
-
if (
|
|
416
|
-
let h = gh
|
|
410
|
+
if (!isExecute) {
|
|
411
|
+
let h = !isExecute ? gh : createElement;
|
|
417
412
|
let slots = null;
|
|
418
413
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
419
|
-
slots =
|
|
414
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
420
415
|
}
|
|
421
416
|
return h('div', { class: 'e-directive' }, slots);
|
|
422
417
|
}
|
|
423
418
|
return;
|
|
424
419
|
}
|
|
425
420
|
updated() {
|
|
426
|
-
if (
|
|
421
|
+
if (!isExecute && this.custom) {
|
|
427
422
|
this.custom();
|
|
428
423
|
}
|
|
429
424
|
}
|
|
@@ -432,7 +427,7 @@ class ConnectorsDirective extends vueImport$4 {
|
|
|
432
427
|
}
|
|
433
428
|
};
|
|
434
429
|
ConnectorsDirective = __decorate$4([
|
|
435
|
-
EJComponentDecorator({}, isExecute
|
|
430
|
+
EJComponentDecorator({}, isExecute)
|
|
436
431
|
/* Start Options({
|
|
437
432
|
inject: {
|
|
438
433
|
custom: {
|
|
@@ -467,7 +462,7 @@ let ConnectorDirective = class ConnectorDirective extends vueImport$4 {
|
|
|
467
462
|
}
|
|
468
463
|
};
|
|
469
464
|
ConnectorDirective = __decorate$4([
|
|
470
|
-
EJComponentDecorator({}, isExecute
|
|
465
|
+
EJComponentDecorator({}, isExecute)
|
|
471
466
|
], ConnectorDirective);
|
|
472
467
|
const ConnectorPlugin = {
|
|
473
468
|
name: 'e-connector',
|
|
@@ -483,9 +478,8 @@ var __decorate$5 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
483
478
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
484
479
|
};
|
|
485
480
|
// {{VueImport}}
|
|
486
|
-
const isExecute$5 = gh ? false : true;
|
|
487
481
|
let vueImport$5;
|
|
488
|
-
if (!isExecute
|
|
482
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
489
483
|
vueImport$5 = Vue;
|
|
490
484
|
}
|
|
491
485
|
else {
|
|
@@ -504,18 +498,18 @@ class NodeFixedUserHandlesDirective extends vueImport$5 {
|
|
|
504
498
|
super(arguments);
|
|
505
499
|
}
|
|
506
500
|
render(createElement) {
|
|
507
|
-
if (
|
|
508
|
-
let h = gh
|
|
501
|
+
if (!isExecute) {
|
|
502
|
+
let h = !isExecute ? gh : createElement;
|
|
509
503
|
let slots = null;
|
|
510
504
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
511
|
-
slots =
|
|
505
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
512
506
|
}
|
|
513
507
|
return h('div', { class: 'e-directive' }, slots);
|
|
514
508
|
}
|
|
515
509
|
return;
|
|
516
510
|
}
|
|
517
511
|
updated() {
|
|
518
|
-
if (
|
|
512
|
+
if (!isExecute && this.custom) {
|
|
519
513
|
this.custom();
|
|
520
514
|
}
|
|
521
515
|
}
|
|
@@ -524,7 +518,7 @@ class NodeFixedUserHandlesDirective extends vueImport$5 {
|
|
|
524
518
|
}
|
|
525
519
|
};
|
|
526
520
|
NodeFixedUserHandlesDirective = __decorate$5([
|
|
527
|
-
EJComponentDecorator({}, isExecute
|
|
521
|
+
EJComponentDecorator({}, isExecute)
|
|
528
522
|
/* Start Options({
|
|
529
523
|
inject: {
|
|
530
524
|
custom: {
|
|
@@ -564,7 +558,7 @@ let NodeFixedUserHandleDirective = class NodeFixedUserHandleDirective extends vu
|
|
|
564
558
|
}
|
|
565
559
|
};
|
|
566
560
|
NodeFixedUserHandleDirective = __decorate$5([
|
|
567
|
-
EJComponentDecorator({}, isExecute
|
|
561
|
+
EJComponentDecorator({}, isExecute)
|
|
568
562
|
], NodeFixedUserHandleDirective);
|
|
569
563
|
const NodeFixedUserHandlePlugin = {
|
|
570
564
|
name: 'e-node-fixeduserhandle',
|
|
@@ -580,9 +574,8 @@ var __decorate$6 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
580
574
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
581
575
|
};
|
|
582
576
|
// {{VueImport}}
|
|
583
|
-
const isExecute$6 = gh ? false : true;
|
|
584
577
|
let vueImport$6;
|
|
585
|
-
if (!isExecute
|
|
578
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
586
579
|
vueImport$6 = Vue;
|
|
587
580
|
}
|
|
588
581
|
else {
|
|
@@ -601,18 +594,18 @@ class NodeAnnotationsDirective extends vueImport$6 {
|
|
|
601
594
|
super(arguments);
|
|
602
595
|
}
|
|
603
596
|
render(createElement) {
|
|
604
|
-
if (
|
|
605
|
-
let h = gh
|
|
597
|
+
if (!isExecute) {
|
|
598
|
+
let h = !isExecute ? gh : createElement;
|
|
606
599
|
let slots = null;
|
|
607
600
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
608
|
-
slots =
|
|
601
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
609
602
|
}
|
|
610
603
|
return h('div', { class: 'e-directive' }, slots);
|
|
611
604
|
}
|
|
612
605
|
return;
|
|
613
606
|
}
|
|
614
607
|
updated() {
|
|
615
|
-
if (
|
|
608
|
+
if (!isExecute && this.custom) {
|
|
616
609
|
this.custom();
|
|
617
610
|
}
|
|
618
611
|
}
|
|
@@ -621,7 +614,7 @@ class NodeAnnotationsDirective extends vueImport$6 {
|
|
|
621
614
|
}
|
|
622
615
|
};
|
|
623
616
|
NodeAnnotationsDirective = __decorate$6([
|
|
624
|
-
EJComponentDecorator({}, isExecute
|
|
617
|
+
EJComponentDecorator({}, isExecute)
|
|
625
618
|
/* Start Options({
|
|
626
619
|
inject: {
|
|
627
620
|
custom: {
|
|
@@ -661,7 +654,7 @@ let NodeAnnotationDirective = class NodeAnnotationDirective extends vueImport$6
|
|
|
661
654
|
}
|
|
662
655
|
};
|
|
663
656
|
NodeAnnotationDirective = __decorate$6([
|
|
664
|
-
EJComponentDecorator({}, isExecute
|
|
657
|
+
EJComponentDecorator({}, isExecute)
|
|
665
658
|
], NodeAnnotationDirective);
|
|
666
659
|
const NodeAnnotationPlugin = {
|
|
667
660
|
name: 'e-node-annotation',
|
|
@@ -677,9 +670,8 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
677
670
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
678
671
|
};
|
|
679
672
|
// {{VueImport}}
|
|
680
|
-
const isExecute$7 = gh ? false : true;
|
|
681
673
|
let vueImport$7;
|
|
682
|
-
if (!isExecute
|
|
674
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
683
675
|
vueImport$7 = Vue;
|
|
684
676
|
}
|
|
685
677
|
else {
|
|
@@ -698,18 +690,18 @@ class PortsDirective extends vueImport$7 {
|
|
|
698
690
|
super(arguments);
|
|
699
691
|
}
|
|
700
692
|
render(createElement) {
|
|
701
|
-
if (
|
|
702
|
-
let h = gh
|
|
693
|
+
if (!isExecute) {
|
|
694
|
+
let h = !isExecute ? gh : createElement;
|
|
703
695
|
let slots = null;
|
|
704
696
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
705
|
-
slots =
|
|
697
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
706
698
|
}
|
|
707
699
|
return h('div', { class: 'e-directive' }, slots);
|
|
708
700
|
}
|
|
709
701
|
return;
|
|
710
702
|
}
|
|
711
703
|
updated() {
|
|
712
|
-
if (
|
|
704
|
+
if (!isExecute && this.custom) {
|
|
713
705
|
this.custom();
|
|
714
706
|
}
|
|
715
707
|
}
|
|
@@ -718,7 +710,7 @@ class PortsDirective extends vueImport$7 {
|
|
|
718
710
|
}
|
|
719
711
|
};
|
|
720
712
|
PortsDirective = __decorate$7([
|
|
721
|
-
EJComponentDecorator({}, isExecute
|
|
713
|
+
EJComponentDecorator({}, isExecute)
|
|
722
714
|
/* Start Options({
|
|
723
715
|
inject: {
|
|
724
716
|
custom: {
|
|
@@ -758,7 +750,7 @@ let PortDirective = class PortDirective extends vueImport$7 {
|
|
|
758
750
|
}
|
|
759
751
|
};
|
|
760
752
|
PortDirective = __decorate$7([
|
|
761
|
-
EJComponentDecorator({}, isExecute
|
|
753
|
+
EJComponentDecorator({}, isExecute)
|
|
762
754
|
], PortDirective);
|
|
763
755
|
const PortPlugin = {
|
|
764
756
|
name: 'e-node-port',
|
|
@@ -774,9 +766,8 @@ var __decorate$8 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
774
766
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
775
767
|
};
|
|
776
768
|
// {{VueImport}}
|
|
777
|
-
const isExecute$8 = gh ? false : true;
|
|
778
769
|
let vueImport$8;
|
|
779
|
-
if (!isExecute
|
|
770
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
780
771
|
vueImport$8 = Vue;
|
|
781
772
|
}
|
|
782
773
|
else {
|
|
@@ -795,18 +786,18 @@ class NodesDirective extends vueImport$8 {
|
|
|
795
786
|
super(arguments);
|
|
796
787
|
}
|
|
797
788
|
render(createElement) {
|
|
798
|
-
if (
|
|
799
|
-
let h = gh
|
|
789
|
+
if (!isExecute) {
|
|
790
|
+
let h = !isExecute ? gh : createElement;
|
|
800
791
|
let slots = null;
|
|
801
792
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
802
|
-
slots =
|
|
793
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
803
794
|
}
|
|
804
795
|
return h('div', { class: 'e-directive' }, slots);
|
|
805
796
|
}
|
|
806
797
|
return;
|
|
807
798
|
}
|
|
808
799
|
updated() {
|
|
809
|
-
if (
|
|
800
|
+
if (!isExecute && this.custom) {
|
|
810
801
|
this.custom();
|
|
811
802
|
}
|
|
812
803
|
}
|
|
@@ -815,7 +806,7 @@ class NodesDirective extends vueImport$8 {
|
|
|
815
806
|
}
|
|
816
807
|
};
|
|
817
808
|
NodesDirective = __decorate$8([
|
|
818
|
-
EJComponentDecorator({}, isExecute
|
|
809
|
+
EJComponentDecorator({}, isExecute)
|
|
819
810
|
/* Start Options({
|
|
820
811
|
inject: {
|
|
821
812
|
custom: {
|
|
@@ -850,7 +841,7 @@ let NodeDirective = class NodeDirective extends vueImport$8 {
|
|
|
850
841
|
}
|
|
851
842
|
};
|
|
852
843
|
NodeDirective = __decorate$8([
|
|
853
|
-
EJComponentDecorator({}, isExecute
|
|
844
|
+
EJComponentDecorator({}, isExecute)
|
|
854
845
|
], NodeDirective);
|
|
855
846
|
const NodePlugin = {
|
|
856
847
|
name: 'e-node',
|
|
@@ -866,7 +857,7 @@ var __decorate$9 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
866
857
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
867
858
|
};
|
|
868
859
|
// {{VueImport}}
|
|
869
|
-
const properties = ['isLazyUpdate', 'plugins', 'addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enableConnectorSplit', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', 'segmentThumbShape', 'selectedItems', 'serializationSettings', 'setNodeTemplate', 'snapSettings', 'tool', 'tooltip', 'updateSelection', 'userHandleTemplate', 'width', 'animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit'];
|
|
860
|
+
const properties = ['isLazyUpdate', 'plugins', 'addInfo', 'annotationTemplate', 'backgroundColor', 'bridgeDirection', 'commandManager', 'connectorDefaults', 'connectors', 'constraints', 'contextMenuSettings', 'customCursor', 'dataSourceSettings', 'diagramSettings', 'drawingObject', 'enableConnectorSplit', 'enablePersistence', 'enableRtl', 'getConnectorDefaults', 'getCustomCursor', 'getCustomProperty', 'getCustomTool', 'getDescription', 'getNodeDefaults', 'height', 'historyManager', 'layers', 'layout', 'locale', 'mode', 'nodeDefaults', 'nodeTemplate', 'nodes', 'pageSettings', 'rulerSettings', 'scrollSettings', 'segmentThumbShape', 'selectedItems', 'serializationSettings', 'setNodeTemplate', 'snapSettings', 'tool', 'tooltip', 'updateSelection', 'userHandleTemplate', 'width', 'animationComplete', 'click', 'collectionChange', 'commandExecute', 'connectionChange', 'contextMenuBeforeItemRender', 'contextMenuClick', 'contextMenuOpen', 'created', 'dataLoaded', 'doubleClick', 'dragEnter', 'dragLeave', 'dragOver', 'drop', 'expandStateChange', 'fixedUserHandleClick', 'historyChange', 'historyStateChange', 'keyDown', 'keyUp', 'mouseEnter', 'mouseLeave', 'mouseOver', 'onImageLoad', 'onUserHandleMouseDown', 'onUserHandleMouseEnter', 'onUserHandleMouseLeave', 'onUserHandleMouseUp', 'positionChange', 'propertyChange', 'rotateChange', 'scrollChange', 'segmentCollectionChange', 'selectionChange', 'sizeChange', 'sourcePointChange', 'targetPointChange', 'textEdit', 'elementDraw'];
|
|
870
861
|
const modelProps = [];
|
|
871
862
|
const testProp = getProps({ props: properties });
|
|
872
863
|
const props = testProp[0];
|
|
@@ -876,7 +867,6 @@ emitProbs.push('modelchanged', 'update:modelValue');
|
|
|
876
867
|
for (let props of modelProps) {
|
|
877
868
|
emitProbs.push('update:' + props);
|
|
878
869
|
}
|
|
879
|
-
const isExecute$9 = gh ? false : true;
|
|
880
870
|
/**
|
|
881
871
|
* Represents vue Diagram Component
|
|
882
872
|
* ```html
|
|
@@ -903,7 +893,7 @@ class DiagramComponent extends ComponentBase {
|
|
|
903
893
|
this.hasInjectedModules = true;
|
|
904
894
|
this.tagMapper = { "e-layers": "e-layer", "e-cursormaps": "e-cursormap", "e-connectors": { "e-connector": { "e-connector-fixeduserhandles": "e-connector-fixeduserhandle", "e-connector-annotations": "e-connector-annotation" } }, "e-nodes": { "e-node": { "e-node-fixeduserhandles": "e-node-fixeduserhandle", "e-node-annotations": "e-node-annotation", "e-node-ports": "e-node-port" } } };
|
|
905
895
|
this.tagNameMapper = { "e-cursormaps": "e-customCursor", "e-connector-fixeduserhandles": "e-fixedUserHandles", "e-connector-annotations": "e-annotations", "e-node-fixeduserhandles": "e-fixedUserHandles", "e-node-annotations": "e-annotations", "e-node-ports": "e-ports" };
|
|
906
|
-
this.isVue3 = !isExecute
|
|
896
|
+
this.isVue3 = !isExecute;
|
|
907
897
|
this.ej2Instances = new Diagram({});
|
|
908
898
|
this.bindProperties();
|
|
909
899
|
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
@@ -957,10 +947,10 @@ class DiagramComponent extends ComponentBase {
|
|
|
957
947
|
}
|
|
958
948
|
}
|
|
959
949
|
render(createElement) {
|
|
960
|
-
let h = gh
|
|
950
|
+
let h = !isExecute ? gh : createElement;
|
|
961
951
|
let slots = null;
|
|
962
952
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
963
|
-
slots =
|
|
953
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
964
954
|
}
|
|
965
955
|
return h('div', slots);
|
|
966
956
|
}
|
|
@@ -985,8 +975,8 @@ class DiagramComponent extends ComponentBase {
|
|
|
985
975
|
addCustomHistoryEntry(entry) {
|
|
986
976
|
return this.ej2Instances.addCustomHistoryEntry(entry);
|
|
987
977
|
}
|
|
988
|
-
addHistoryEntry(entry) {
|
|
989
|
-
return this.ej2Instances.addHistoryEntry(entry);
|
|
978
|
+
addHistoryEntry(entry, sourceId) {
|
|
979
|
+
return this.ej2Instances.addHistoryEntry(entry, sourceId);
|
|
990
980
|
}
|
|
991
981
|
addLabels(obj, labels) {
|
|
992
982
|
return this.ej2Instances.addLabels(obj, labels);
|
|
@@ -1099,6 +1089,9 @@ class DiagramComponent extends ComponentBase {
|
|
|
1099
1089
|
getCursor(action, active) {
|
|
1100
1090
|
return this.ej2Instances.getCursor(action, active);
|
|
1101
1091
|
}
|
|
1092
|
+
getDiagramAction(diagramAction) {
|
|
1093
|
+
return this.ej2Instances.getDiagramAction(diagramAction);
|
|
1094
|
+
}
|
|
1102
1095
|
getDiagramBounds() {
|
|
1103
1096
|
return this.ej2Instances.getDiagramBounds();
|
|
1104
1097
|
}
|
|
@@ -1262,7 +1255,7 @@ class DiagramComponent extends ComponentBase {
|
|
|
1262
1255
|
DiagramComponent = __decorate$9([
|
|
1263
1256
|
EJComponentDecorator({
|
|
1264
1257
|
props: properties
|
|
1265
|
-
}, isExecute
|
|
1258
|
+
}, isExecute)
|
|
1266
1259
|
/* Start Options({
|
|
1267
1260
|
props: props,
|
|
1268
1261
|
watch: watch,
|
|
@@ -1306,9 +1299,8 @@ var __decorate$10 = (undefined && undefined.__decorate) || function (decorators,
|
|
|
1306
1299
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
1307
1300
|
};
|
|
1308
1301
|
// {{VueImport}}
|
|
1309
|
-
const isExecute$10 = gh ? false : true;
|
|
1310
1302
|
let vueImport$9;
|
|
1311
|
-
if (!isExecute
|
|
1303
|
+
if (!isExecute || parseInt(allVue.version) < 3) {
|
|
1312
1304
|
vueImport$9 = Vue;
|
|
1313
1305
|
}
|
|
1314
1306
|
else {
|
|
@@ -1327,18 +1319,18 @@ class PalettesDirective extends vueImport$9 {
|
|
|
1327
1319
|
super(arguments);
|
|
1328
1320
|
}
|
|
1329
1321
|
render(createElement) {
|
|
1330
|
-
if (
|
|
1331
|
-
let h = gh
|
|
1322
|
+
if (!isExecute) {
|
|
1323
|
+
let h = !isExecute ? gh : createElement;
|
|
1332
1324
|
let slots = null;
|
|
1333
1325
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1334
|
-
slots =
|
|
1326
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1335
1327
|
}
|
|
1336
1328
|
return h('div', { class: 'e-directive' }, slots);
|
|
1337
1329
|
}
|
|
1338
1330
|
return;
|
|
1339
1331
|
}
|
|
1340
1332
|
updated() {
|
|
1341
|
-
if (
|
|
1333
|
+
if (!isExecute && this.custom) {
|
|
1342
1334
|
this.custom();
|
|
1343
1335
|
}
|
|
1344
1336
|
}
|
|
@@ -1347,7 +1339,7 @@ class PalettesDirective extends vueImport$9 {
|
|
|
1347
1339
|
}
|
|
1348
1340
|
};
|
|
1349
1341
|
PalettesDirective = __decorate$10([
|
|
1350
|
-
EJComponentDecorator({}, isExecute
|
|
1342
|
+
EJComponentDecorator({}, isExecute)
|
|
1351
1343
|
/* Start Options({
|
|
1352
1344
|
inject: {
|
|
1353
1345
|
custom: {
|
|
@@ -1378,7 +1370,7 @@ let PaletteDirective = class PaletteDirective extends vueImport$9 {
|
|
|
1378
1370
|
}
|
|
1379
1371
|
};
|
|
1380
1372
|
PaletteDirective = __decorate$10([
|
|
1381
|
-
EJComponentDecorator({}, isExecute
|
|
1373
|
+
EJComponentDecorator({}, isExecute)
|
|
1382
1374
|
], PaletteDirective);
|
|
1383
1375
|
const PalettePlugin = {
|
|
1384
1376
|
name: 'e-palette',
|
|
@@ -1404,7 +1396,6 @@ emitProbs$1.push('modelchanged', 'update:modelValue');
|
|
|
1404
1396
|
for (let props of modelProps$1) {
|
|
1405
1397
|
emitProbs$1.push('update:' + props);
|
|
1406
1398
|
}
|
|
1407
|
-
const isExecute$11 = gh ? false : true;
|
|
1408
1399
|
/**
|
|
1409
1400
|
* Represents vue SymbolPalette Component
|
|
1410
1401
|
* ```html
|
|
@@ -1431,7 +1422,7 @@ class SymbolPaletteComponent extends ComponentBase {
|
|
|
1431
1422
|
this.hasInjectedModules = true;
|
|
1432
1423
|
this.tagMapper = { "e-palettes": "e-palette" };
|
|
1433
1424
|
this.tagNameMapper = {};
|
|
1434
|
-
this.isVue3 = !isExecute
|
|
1425
|
+
this.isVue3 = !isExecute;
|
|
1435
1426
|
this.ej2Instances = new SymbolPalette({});
|
|
1436
1427
|
this.bindProperties();
|
|
1437
1428
|
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
@@ -1485,10 +1476,10 @@ class SymbolPaletteComponent extends ComponentBase {
|
|
|
1485
1476
|
}
|
|
1486
1477
|
}
|
|
1487
1478
|
render(createElement) {
|
|
1488
|
-
let h = gh
|
|
1479
|
+
let h = !isExecute ? gh : createElement;
|
|
1489
1480
|
let slots = null;
|
|
1490
1481
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1491
|
-
slots =
|
|
1482
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1492
1483
|
}
|
|
1493
1484
|
return h('div', slots);
|
|
1494
1485
|
}
|
|
@@ -1501,9 +1492,6 @@ class SymbolPaletteComponent extends ComponentBase {
|
|
|
1501
1492
|
addPalettes(palettes) {
|
|
1502
1493
|
return this.ej2Instances.addPalettes(palettes);
|
|
1503
1494
|
}
|
|
1504
|
-
defaultLocale() {
|
|
1505
|
-
return this.ej2Instances.defaultLocale();
|
|
1506
|
-
}
|
|
1507
1495
|
removePaletteItem(paletteName, symbolId) {
|
|
1508
1496
|
return this.ej2Instances.removePaletteItem(paletteName, symbolId);
|
|
1509
1497
|
}
|
|
@@ -1514,7 +1502,7 @@ class SymbolPaletteComponent extends ComponentBase {
|
|
|
1514
1502
|
SymbolPaletteComponent = __decorate$11([
|
|
1515
1503
|
EJComponentDecorator({
|
|
1516
1504
|
props: properties$1
|
|
1517
|
-
}, isExecute
|
|
1505
|
+
}, isExecute)
|
|
1518
1506
|
/* Start Options({
|
|
1519
1507
|
props: props,
|
|
1520
1508
|
watch: watch,
|
|
@@ -1552,7 +1540,6 @@ emitProbs$2.push('modelchanged', 'update:modelValue');
|
|
|
1552
1540
|
for (let props of modelProps$2) {
|
|
1553
1541
|
emitProbs$2.push('update:' + props);
|
|
1554
1542
|
}
|
|
1555
|
-
const isExecute$12 = gh ? false : true;
|
|
1556
1543
|
/**
|
|
1557
1544
|
* Represents vue Overview Component
|
|
1558
1545
|
* ```html
|
|
@@ -1579,7 +1566,7 @@ class OverviewComponent extends ComponentBase {
|
|
|
1579
1566
|
this.hasInjectedModules = false;
|
|
1580
1567
|
this.tagMapper = {};
|
|
1581
1568
|
this.tagNameMapper = {};
|
|
1582
|
-
this.isVue3 = !isExecute
|
|
1569
|
+
this.isVue3 = !isExecute;
|
|
1583
1570
|
this.ej2Instances = new Overview({});
|
|
1584
1571
|
this.bindProperties();
|
|
1585
1572
|
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
@@ -1633,10 +1620,10 @@ class OverviewComponent extends ComponentBase {
|
|
|
1633
1620
|
}
|
|
1634
1621
|
}
|
|
1635
1622
|
render(createElement) {
|
|
1636
|
-
let h = gh
|
|
1623
|
+
let h = !isExecute ? gh : createElement;
|
|
1637
1624
|
let slots = null;
|
|
1638
1625
|
if (!isNullOrUndefined(this.$slots.default)) {
|
|
1639
|
-
slots =
|
|
1626
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
1640
1627
|
}
|
|
1641
1628
|
return h('div', slots);
|
|
1642
1629
|
}
|
|
@@ -1650,7 +1637,7 @@ class OverviewComponent extends ComponentBase {
|
|
|
1650
1637
|
OverviewComponent = __decorate$12([
|
|
1651
1638
|
EJComponentDecorator({
|
|
1652
1639
|
props: properties$2
|
|
1653
|
-
}, isExecute
|
|
1640
|
+
}, isExecute)
|
|
1654
1641
|
/* Start Options({
|
|
1655
1642
|
props: props,
|
|
1656
1643
|
watch: watch,
|