@mx-sose-front/mx-sose-graph 1.1.7 → 1.1.9

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.
Files changed (52) hide show
  1. package/dist/assets/edgeWorker-b57ca007.js +2 -0
  2. package/dist/assets/edgeWorker-b57ca007.js.map +1 -0
  3. package/dist/index.d.ts +633 -30
  4. package/dist/index.esm.js +8728 -4734
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.umd.js +1 -1
  7. package/dist/index.umd.js.map +1 -1
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
  10. package/src/components/Common/Tree.vue +451 -0
  11. package/src/components/Common/index.ts +2 -0
  12. package/src/components/DiagramListTooltip/DiagramListTooltip.vue +1 -2
  13. package/src/components/Edge/Edge.vue +172 -169
  14. package/src/components/Gantt/Gantt.vue +1544 -0
  15. package/src/components/GanttContextMenu/GanttContextMenu.vue +304 -0
  16. package/src/components/InteractionLayer.vue +343 -147
  17. package/src/components/Matrix/Matrix.vue +828 -0
  18. package/src/components/Matrix/index.ts +168 -0
  19. package/src/components/Shape/ConceptualRole.vue +2 -34
  20. package/src/components/Table/Table.vue +970 -0
  21. package/src/constants/edgeShapeKeys.ts +8 -5
  22. package/src/constants/index.ts +259 -45
  23. package/src/hooks/index.ts +2 -0
  24. package/src/hooks/useChartRowSelection.ts +456 -0
  25. package/src/hooks/useResize.ts +2 -2
  26. package/src/hooks/useVirtualScroll.ts +258 -0
  27. package/src/index.ts +1 -1
  28. package/src/render/shape-renderer.ts +62 -2
  29. package/src/statics/icons/childIcons//345/221/275/344/273/244@3x.png +0 -0
  30. package/src/statics/icons/childIcons//346/210/230/347/225/245/346/246/202/345/277/265/350/241/250@3x.png +0 -0
  31. package/src/statics/icons/childIcons//346/216/247/345/210/266@3x.png +0 -0
  32. package/src/statics/icons/createMenu/down.png +0 -0
  33. package/src/statics/icons/createMenu/remove.png +0 -0
  34. package/src/statics/icons/createMenu/up.png +0 -0
  35. package/src/store/graphStore.ts +217 -44
  36. package/src/types/index.ts +86 -4
  37. package/src/utils/batchAutoExpand.ts +9 -10
  38. package/src/utils/containers.ts +72 -17
  39. package/src/utils/contextMenuUtils.ts +7 -7
  40. package/src/utils/dateUtils.ts +160 -0
  41. package/src/utils/diagram.ts +10 -8
  42. package/src/utils/drag.ts +6 -5
  43. package/src/utils/edgeUtils.ts +344 -427
  44. package/src/utils/edgeWorker.ts +471 -0
  45. package/src/utils/hittest.ts +37 -38
  46. package/src/utils/index.ts +3 -0
  47. package/src/utils/keyboardUtils.ts +5 -5
  48. package/src/utils/packageOutline.ts +96 -0
  49. package/src/utils/rafThrottle.ts +162 -0
  50. package/src/utils/workerManager.ts +335 -0
  51. package/src/view/graph.vue +47 -33
  52. /package/src/statics/icons/childIcons//346/210/230/347/225/{245@3x.png" → 245/345/261/202@3x.png"} +0 -0
package/dist/index.d.ts CHANGED
@@ -158,6 +158,36 @@ declare class EventBus {
158
158
 
159
159
  export declare const eventBus: EventBus;
160
160
 
161
+ export declare interface GanttColumn {
162
+ id?: number;
163
+ propertyId?: number;
164
+ projectId?: string;
165
+ modelId?: string;
166
+ configId: string;
167
+ name: string;
168
+ isShow: boolean;
169
+ isReadonly: boolean;
170
+ }
171
+
172
+ export declare interface GanttContainsModel {
173
+ projectId: string;
174
+ ownerId: string;
175
+ type: string;
176
+ name: string;
177
+ isChart: boolean;
178
+ icon: string;
179
+ }
180
+
181
+ export declare interface GanttData {
182
+ id: string;
183
+ modelId: string;
184
+ ganttOrTableModelId: string;
185
+ projectId: string;
186
+ type: string;
187
+ sort: string;
188
+ [key: string]: any;
189
+ }
190
+
161
191
  export declare interface GraphEvents {
162
192
  onShapeClick?: (node: Shape, event: MouseEvent) => void;
163
193
  onShapeDoubleClick?: (node: Shape, event: MouseEvent) => void;
@@ -386,7 +416,7 @@ export declare interface Shape {
386
416
  diagramId: string;
387
417
  parenShapeId: string;
388
418
  shapeKey: string;
389
- shapeType: 'shape' | 'edge' | 'pin' | 'diagram';
419
+ shapeType: 'shape' | 'edge' | 'pin' | 'diagram' | 'gantt' | 'table' | 'matrix';
390
420
  bounds: Bounds;
391
421
  style?: Style;
392
422
  keywords: string;
@@ -421,6 +451,9 @@ export declare interface Shape {
421
451
  targetCreateModel?: string;
422
452
  sourceModelId?: string;
423
453
  isMovableComparents: boolean;
454
+ ganttData?: GanttData[];
455
+ attributeColumns?: GanttColumn[];
456
+ ganttContainsModels?: GanttContainsModel[];
424
457
  }
425
458
 
426
459
  declare type ShapeOp = "add" | "update" | "delete" | "upsert" | "replace";
@@ -465,7 +498,7 @@ id: string;
465
498
  diagramId: string;
466
499
  parenShapeId: string;
467
500
  shapeKey: string;
468
- shapeType: "shape" | "edge" | "pin" | "diagram";
501
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
469
502
  bounds: {
470
503
  x?: number | undefined;
471
504
  y?: number | undefined;
@@ -625,12 +658,39 @@ modelTypePropertyId: string;
625
658
  targetCreateModel?: string | undefined;
626
659
  sourceModelId?: string | undefined;
627
660
  isMovableComparents: boolean;
661
+ ganttData?: {
662
+ [x: string]: any;
663
+ id: string;
664
+ modelId: string;
665
+ ganttOrTableModelId: string;
666
+ projectId: string;
667
+ type: string;
668
+ sort: string;
669
+ }[] | undefined;
670
+ attributeColumns?: {
671
+ id?: number | undefined;
672
+ propertyId?: number | undefined;
673
+ projectId?: string | undefined;
674
+ modelId?: string | undefined;
675
+ configId: string;
676
+ name: string;
677
+ isShow: boolean;
678
+ isReadonly: boolean;
679
+ }[] | undefined;
680
+ ganttContainsModels?: {
681
+ projectId: string;
682
+ ownerId: string;
683
+ type: string;
684
+ name: string;
685
+ isChart: boolean;
686
+ icon: string;
687
+ }[] | undefined;
628
688
  }[], Shape[] | {
629
689
  id: string;
630
690
  diagramId: string;
631
691
  parenShapeId: string;
632
692
  shapeKey: string;
633
- shapeType: "shape" | "edge" | "pin" | "diagram";
693
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
634
694
  bounds: {
635
695
  x?: number | undefined;
636
696
  y?: number | undefined;
@@ -790,6 +850,33 @@ modelTypePropertyId: string;
790
850
  targetCreateModel?: string | undefined;
791
851
  sourceModelId?: string | undefined;
792
852
  isMovableComparents: boolean;
853
+ ganttData?: {
854
+ [x: string]: any;
855
+ id: string;
856
+ modelId: string;
857
+ ganttOrTableModelId: string;
858
+ projectId: string;
859
+ type: string;
860
+ sort: string;
861
+ }[] | undefined;
862
+ attributeColumns?: {
863
+ id?: number | undefined;
864
+ propertyId?: number | undefined;
865
+ projectId?: string | undefined;
866
+ modelId?: string | undefined;
867
+ configId: string;
868
+ name: string;
869
+ isShow: boolean;
870
+ isReadonly: boolean;
871
+ }[] | undefined;
872
+ ganttContainsModels?: {
873
+ projectId: string;
874
+ ownerId: string;
875
+ type: string;
876
+ name: string;
877
+ isChart: boolean;
878
+ icon: string;
879
+ }[] | undefined;
793
880
  }[]>;
794
881
  pendingNestedIds: Ref<string[], string[]>;
795
882
  selectedShape: Ref<{
@@ -797,7 +884,7 @@ id: string;
797
884
  diagramId: string;
798
885
  parenShapeId: string;
799
886
  shapeKey: string;
800
- shapeType: "shape" | "edge" | "pin" | "diagram";
887
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
801
888
  bounds: {
802
889
  x?: number | undefined;
803
890
  y?: number | undefined;
@@ -957,12 +1044,39 @@ modelTypePropertyId: string;
957
1044
  targetCreateModel?: string | undefined;
958
1045
  sourceModelId?: string | undefined;
959
1046
  isMovableComparents: boolean;
1047
+ ganttData?: {
1048
+ [x: string]: any;
1049
+ id: string;
1050
+ modelId: string;
1051
+ ganttOrTableModelId: string;
1052
+ projectId: string;
1053
+ type: string;
1054
+ sort: string;
1055
+ }[] | undefined;
1056
+ attributeColumns?: {
1057
+ id?: number | undefined;
1058
+ propertyId?: number | undefined;
1059
+ projectId?: string | undefined;
1060
+ modelId?: string | undefined;
1061
+ configId: string;
1062
+ name: string;
1063
+ isShow: boolean;
1064
+ isReadonly: boolean;
1065
+ }[] | undefined;
1066
+ ganttContainsModels?: {
1067
+ projectId: string;
1068
+ ownerId: string;
1069
+ type: string;
1070
+ name: string;
1071
+ isChart: boolean;
1072
+ icon: string;
1073
+ }[] | undefined;
960
1074
  } | null, Shape | {
961
1075
  id: string;
962
1076
  diagramId: string;
963
1077
  parenShapeId: string;
964
1078
  shapeKey: string;
965
- shapeType: "shape" | "edge" | "pin" | "diagram";
1079
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
966
1080
  bounds: {
967
1081
  x?: number | undefined;
968
1082
  y?: number | undefined;
@@ -1122,6 +1236,33 @@ modelTypePropertyId: string;
1122
1236
  targetCreateModel?: string | undefined;
1123
1237
  sourceModelId?: string | undefined;
1124
1238
  isMovableComparents: boolean;
1239
+ ganttData?: {
1240
+ [x: string]: any;
1241
+ id: string;
1242
+ modelId: string;
1243
+ ganttOrTableModelId: string;
1244
+ projectId: string;
1245
+ type: string;
1246
+ sort: string;
1247
+ }[] | undefined;
1248
+ attributeColumns?: {
1249
+ id?: number | undefined;
1250
+ propertyId?: number | undefined;
1251
+ projectId?: string | undefined;
1252
+ modelId?: string | undefined;
1253
+ configId: string;
1254
+ name: string;
1255
+ isShow: boolean;
1256
+ isReadonly: boolean;
1257
+ }[] | undefined;
1258
+ ganttContainsModels?: {
1259
+ projectId: string;
1260
+ ownerId: string;
1261
+ type: string;
1262
+ name: string;
1263
+ isChart: boolean;
1264
+ icon: string;
1265
+ }[] | undefined;
1125
1266
  } | null>;
1126
1267
  diagramTitle: Ref<string, string>;
1127
1268
  isDragging: Ref<boolean, boolean>;
@@ -1141,7 +1282,7 @@ id: string;
1141
1282
  diagramId: string;
1142
1283
  parenShapeId: string;
1143
1284
  shapeKey: string;
1144
- shapeType: "shape" | "edge" | "pin" | "diagram";
1285
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
1145
1286
  bounds: {
1146
1287
  x?: number | undefined;
1147
1288
  y?: number | undefined;
@@ -1301,12 +1442,39 @@ modelTypePropertyId: string;
1301
1442
  targetCreateModel?: string | undefined;
1302
1443
  sourceModelId?: string | undefined;
1303
1444
  isMovableComparents: boolean;
1445
+ ganttData?: {
1446
+ [x: string]: any;
1447
+ id: string;
1448
+ modelId: string;
1449
+ ganttOrTableModelId: string;
1450
+ projectId: string;
1451
+ type: string;
1452
+ sort: string;
1453
+ }[] | undefined;
1454
+ attributeColumns?: {
1455
+ id?: number | undefined;
1456
+ propertyId?: number | undefined;
1457
+ projectId?: string | undefined;
1458
+ modelId?: string | undefined;
1459
+ configId: string;
1460
+ name: string;
1461
+ isShow: boolean;
1462
+ isReadonly: boolean;
1463
+ }[] | undefined;
1464
+ ganttContainsModels?: {
1465
+ projectId: string;
1466
+ ownerId: string;
1467
+ type: string;
1468
+ name: string;
1469
+ isChart: boolean;
1470
+ icon: string;
1471
+ }[] | undefined;
1304
1472
  }[], Shape[] | {
1305
1473
  id: string;
1306
1474
  diagramId: string;
1307
1475
  parenShapeId: string;
1308
1476
  shapeKey: string;
1309
- shapeType: "shape" | "edge" | "pin" | "diagram";
1477
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
1310
1478
  bounds: {
1311
1479
  x?: number | undefined;
1312
1480
  y?: number | undefined;
@@ -1466,6 +1634,33 @@ modelTypePropertyId: string;
1466
1634
  targetCreateModel?: string | undefined;
1467
1635
  sourceModelId?: string | undefined;
1468
1636
  isMovableComparents: boolean;
1637
+ ganttData?: {
1638
+ [x: string]: any;
1639
+ id: string;
1640
+ modelId: string;
1641
+ ganttOrTableModelId: string;
1642
+ projectId: string;
1643
+ type: string;
1644
+ sort: string;
1645
+ }[] | undefined;
1646
+ attributeColumns?: {
1647
+ id?: number | undefined;
1648
+ propertyId?: number | undefined;
1649
+ projectId?: string | undefined;
1650
+ modelId?: string | undefined;
1651
+ configId: string;
1652
+ name: string;
1653
+ isShow: boolean;
1654
+ isReadonly: boolean;
1655
+ }[] | undefined;
1656
+ ganttContainsModels?: {
1657
+ projectId: string;
1658
+ ownerId: string;
1659
+ type: string;
1660
+ name: string;
1661
+ isChart: boolean;
1662
+ icon: string;
1663
+ }[] | undefined;
1469
1664
  }[]>;
1470
1665
  selectedIds: Ref<string[], string[]>;
1471
1666
  hoverContainerId: Ref<string | null, string | null>;
@@ -1485,6 +1680,7 @@ shapeCount: ComputedRef<number>;
1485
1680
  hasSelectedShape: ComputedRef<boolean>;
1486
1681
  parentChildMap: ComputedRef<Map<string, string[]>>;
1487
1682
  shapeMap: ComputedRef<Map<string, Shape>>;
1683
+ edgesByNodeId: ComputedRef<Map<string, Shape[]>>;
1488
1684
  marqueeShapes: ComputedRef<Shape[]>;
1489
1685
  ghostShadow: ComputedRef<Shape[]>;
1490
1686
  scales: Ref<Record<string, number>, Record<string, number>>;
@@ -1526,7 +1722,7 @@ id: string;
1526
1722
  diagramId: string;
1527
1723
  parenShapeId: string;
1528
1724
  shapeKey: string;
1529
- shapeType: "shape" | "edge" | "pin" | "diagram";
1725
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
1530
1726
  bounds: {
1531
1727
  x?: number | undefined;
1532
1728
  y?: number | undefined;
@@ -1686,6 +1882,33 @@ modelTypePropertyId: string;
1686
1882
  targetCreateModel?: string | undefined;
1687
1883
  sourceModelId?: string | undefined;
1688
1884
  isMovableComparents: boolean;
1885
+ ganttData?: {
1886
+ [x: string]: any;
1887
+ id: string;
1888
+ modelId: string;
1889
+ ganttOrTableModelId: string;
1890
+ projectId: string;
1891
+ type: string;
1892
+ sort: string;
1893
+ }[] | undefined;
1894
+ attributeColumns?: {
1895
+ id?: number | undefined;
1896
+ propertyId?: number | undefined;
1897
+ projectId?: string | undefined;
1898
+ modelId?: string | undefined;
1899
+ configId: string;
1900
+ name: string;
1901
+ isShow: boolean;
1902
+ isReadonly: boolean;
1903
+ }[] | undefined;
1904
+ ganttContainsModels?: {
1905
+ projectId: string;
1906
+ ownerId: string;
1907
+ type: string;
1908
+ name: string;
1909
+ isChart: boolean;
1910
+ icon: string;
1911
+ }[] | undefined;
1689
1912
  }[];
1690
1913
  addDiagram: (diagram: Shape) => void;
1691
1914
  setCurrentDiagramId: (id: string | null) => void;
@@ -1695,8 +1918,8 @@ selectAll: () => void;
1695
1918
  removeSelected: () => void;
1696
1919
  finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
1697
1920
  setHoverState: (id: string | null, nestable: boolean | null) => void;
1698
- initializeAllEdgeEndpoints: () => void;
1699
- endResizeShape: (id: string) => void;
1921
+ initializeAllEdgeEndpoints: () => Promise<void>;
1922
+ endResizeShape: (id: string) => Promise<void>;
1700
1923
  getScale: (diagramId?: string | null) => number;
1701
1924
  setScale: (newScale: number, diagramId?: string | null) => void;
1702
1925
  setActiveDiagramId: (id: string | null) => void;
@@ -1709,13 +1932,13 @@ setIsMouseInGraphView: (isIn: boolean) => void;
1709
1932
  setCutShapeIds: (ids: string[]) => void;
1710
1933
  clearCutShapeIds: () => void;
1711
1934
  setCopiedShapesCount: (count: number) => void;
1712
- }, "taggedValueLabels" | "shapes" | "selectedShape" | "pendingNestedIds" | "diagramTitle" | "isDragging" | "draggingShapeId" | "dragOffset" | "diagrams" | "selectedIds" | "hoverContainerId" | "hoverNestable" | "currentDiagramId" | "canDropOnCanvas" | "canOperate" | "cutShapeIds" | "copiedShapesCount" | "packagesTypes" | "classMetaTypes" | "ownerRequiredShapeKeys" | "pinsTypes" | "portsTypes" | "scales" | "activeDiagramId" | "museInGraphView" | "connectMode" | "externalCreatingId">, Pick<{
1935
+ }, "taggedValueLabels" | "shapes" | "pendingNestedIds" | "selectedShape" | "diagramTitle" | "isDragging" | "draggingShapeId" | "dragOffset" | "diagrams" | "selectedIds" | "hoverContainerId" | "hoverNestable" | "currentDiagramId" | "canDropOnCanvas" | "canOperate" | "cutShapeIds" | "copiedShapesCount" | "packagesTypes" | "classMetaTypes" | "ownerRequiredShapeKeys" | "pinsTypes" | "portsTypes" | "scales" | "activeDiagramId" | "museInGraphView" | "connectMode" | "externalCreatingId">, Pick<{
1713
1936
  shapes: Ref<{
1714
1937
  id: string;
1715
1938
  diagramId: string;
1716
1939
  parenShapeId: string;
1717
1940
  shapeKey: string;
1718
- shapeType: "shape" | "edge" | "pin" | "diagram";
1941
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
1719
1942
  bounds: {
1720
1943
  x?: number | undefined;
1721
1944
  y?: number | undefined;
@@ -1875,12 +2098,39 @@ modelTypePropertyId: string;
1875
2098
  targetCreateModel?: string | undefined;
1876
2099
  sourceModelId?: string | undefined;
1877
2100
  isMovableComparents: boolean;
2101
+ ganttData?: {
2102
+ [x: string]: any;
2103
+ id: string;
2104
+ modelId: string;
2105
+ ganttOrTableModelId: string;
2106
+ projectId: string;
2107
+ type: string;
2108
+ sort: string;
2109
+ }[] | undefined;
2110
+ attributeColumns?: {
2111
+ id?: number | undefined;
2112
+ propertyId?: number | undefined;
2113
+ projectId?: string | undefined;
2114
+ modelId?: string | undefined;
2115
+ configId: string;
2116
+ name: string;
2117
+ isShow: boolean;
2118
+ isReadonly: boolean;
2119
+ }[] | undefined;
2120
+ ganttContainsModels?: {
2121
+ projectId: string;
2122
+ ownerId: string;
2123
+ type: string;
2124
+ name: string;
2125
+ isChart: boolean;
2126
+ icon: string;
2127
+ }[] | undefined;
1878
2128
  }[], Shape[] | {
1879
2129
  id: string;
1880
2130
  diagramId: string;
1881
2131
  parenShapeId: string;
1882
2132
  shapeKey: string;
1883
- shapeType: "shape" | "edge" | "pin" | "diagram";
2133
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
1884
2134
  bounds: {
1885
2135
  x?: number | undefined;
1886
2136
  y?: number | undefined;
@@ -2040,6 +2290,33 @@ modelTypePropertyId: string;
2040
2290
  targetCreateModel?: string | undefined;
2041
2291
  sourceModelId?: string | undefined;
2042
2292
  isMovableComparents: boolean;
2293
+ ganttData?: {
2294
+ [x: string]: any;
2295
+ id: string;
2296
+ modelId: string;
2297
+ ganttOrTableModelId: string;
2298
+ projectId: string;
2299
+ type: string;
2300
+ sort: string;
2301
+ }[] | undefined;
2302
+ attributeColumns?: {
2303
+ id?: number | undefined;
2304
+ propertyId?: number | undefined;
2305
+ projectId?: string | undefined;
2306
+ modelId?: string | undefined;
2307
+ configId: string;
2308
+ name: string;
2309
+ isShow: boolean;
2310
+ isReadonly: boolean;
2311
+ }[] | undefined;
2312
+ ganttContainsModels?: {
2313
+ projectId: string;
2314
+ ownerId: string;
2315
+ type: string;
2316
+ name: string;
2317
+ isChart: boolean;
2318
+ icon: string;
2319
+ }[] | undefined;
2043
2320
  }[]>;
2044
2321
  pendingNestedIds: Ref<string[], string[]>;
2045
2322
  selectedShape: Ref<{
@@ -2047,7 +2324,7 @@ id: string;
2047
2324
  diagramId: string;
2048
2325
  parenShapeId: string;
2049
2326
  shapeKey: string;
2050
- shapeType: "shape" | "edge" | "pin" | "diagram";
2327
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2051
2328
  bounds: {
2052
2329
  x?: number | undefined;
2053
2330
  y?: number | undefined;
@@ -2207,12 +2484,39 @@ modelTypePropertyId: string;
2207
2484
  targetCreateModel?: string | undefined;
2208
2485
  sourceModelId?: string | undefined;
2209
2486
  isMovableComparents: boolean;
2487
+ ganttData?: {
2488
+ [x: string]: any;
2489
+ id: string;
2490
+ modelId: string;
2491
+ ganttOrTableModelId: string;
2492
+ projectId: string;
2493
+ type: string;
2494
+ sort: string;
2495
+ }[] | undefined;
2496
+ attributeColumns?: {
2497
+ id?: number | undefined;
2498
+ propertyId?: number | undefined;
2499
+ projectId?: string | undefined;
2500
+ modelId?: string | undefined;
2501
+ configId: string;
2502
+ name: string;
2503
+ isShow: boolean;
2504
+ isReadonly: boolean;
2505
+ }[] | undefined;
2506
+ ganttContainsModels?: {
2507
+ projectId: string;
2508
+ ownerId: string;
2509
+ type: string;
2510
+ name: string;
2511
+ isChart: boolean;
2512
+ icon: string;
2513
+ }[] | undefined;
2210
2514
  } | null, Shape | {
2211
2515
  id: string;
2212
2516
  diagramId: string;
2213
2517
  parenShapeId: string;
2214
2518
  shapeKey: string;
2215
- shapeType: "shape" | "edge" | "pin" | "diagram";
2519
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2216
2520
  bounds: {
2217
2521
  x?: number | undefined;
2218
2522
  y?: number | undefined;
@@ -2372,6 +2676,33 @@ modelTypePropertyId: string;
2372
2676
  targetCreateModel?: string | undefined;
2373
2677
  sourceModelId?: string | undefined;
2374
2678
  isMovableComparents: boolean;
2679
+ ganttData?: {
2680
+ [x: string]: any;
2681
+ id: string;
2682
+ modelId: string;
2683
+ ganttOrTableModelId: string;
2684
+ projectId: string;
2685
+ type: string;
2686
+ sort: string;
2687
+ }[] | undefined;
2688
+ attributeColumns?: {
2689
+ id?: number | undefined;
2690
+ propertyId?: number | undefined;
2691
+ projectId?: string | undefined;
2692
+ modelId?: string | undefined;
2693
+ configId: string;
2694
+ name: string;
2695
+ isShow: boolean;
2696
+ isReadonly: boolean;
2697
+ }[] | undefined;
2698
+ ganttContainsModels?: {
2699
+ projectId: string;
2700
+ ownerId: string;
2701
+ type: string;
2702
+ name: string;
2703
+ isChart: boolean;
2704
+ icon: string;
2705
+ }[] | undefined;
2375
2706
  } | null>;
2376
2707
  diagramTitle: Ref<string, string>;
2377
2708
  isDragging: Ref<boolean, boolean>;
@@ -2391,7 +2722,7 @@ id: string;
2391
2722
  diagramId: string;
2392
2723
  parenShapeId: string;
2393
2724
  shapeKey: string;
2394
- shapeType: "shape" | "edge" | "pin" | "diagram";
2725
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2395
2726
  bounds: {
2396
2727
  x?: number | undefined;
2397
2728
  y?: number | undefined;
@@ -2551,12 +2882,39 @@ modelTypePropertyId: string;
2551
2882
  targetCreateModel?: string | undefined;
2552
2883
  sourceModelId?: string | undefined;
2553
2884
  isMovableComparents: boolean;
2885
+ ganttData?: {
2886
+ [x: string]: any;
2887
+ id: string;
2888
+ modelId: string;
2889
+ ganttOrTableModelId: string;
2890
+ projectId: string;
2891
+ type: string;
2892
+ sort: string;
2893
+ }[] | undefined;
2894
+ attributeColumns?: {
2895
+ id?: number | undefined;
2896
+ propertyId?: number | undefined;
2897
+ projectId?: string | undefined;
2898
+ modelId?: string | undefined;
2899
+ configId: string;
2900
+ name: string;
2901
+ isShow: boolean;
2902
+ isReadonly: boolean;
2903
+ }[] | undefined;
2904
+ ganttContainsModels?: {
2905
+ projectId: string;
2906
+ ownerId: string;
2907
+ type: string;
2908
+ name: string;
2909
+ isChart: boolean;
2910
+ icon: string;
2911
+ }[] | undefined;
2554
2912
  }[], Shape[] | {
2555
2913
  id: string;
2556
2914
  diagramId: string;
2557
2915
  parenShapeId: string;
2558
2916
  shapeKey: string;
2559
- shapeType: "shape" | "edge" | "pin" | "diagram";
2917
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2560
2918
  bounds: {
2561
2919
  x?: number | undefined;
2562
2920
  y?: number | undefined;
@@ -2716,6 +3074,33 @@ modelTypePropertyId: string;
2716
3074
  targetCreateModel?: string | undefined;
2717
3075
  sourceModelId?: string | undefined;
2718
3076
  isMovableComparents: boolean;
3077
+ ganttData?: {
3078
+ [x: string]: any;
3079
+ id: string;
3080
+ modelId: string;
3081
+ ganttOrTableModelId: string;
3082
+ projectId: string;
3083
+ type: string;
3084
+ sort: string;
3085
+ }[] | undefined;
3086
+ attributeColumns?: {
3087
+ id?: number | undefined;
3088
+ propertyId?: number | undefined;
3089
+ projectId?: string | undefined;
3090
+ modelId?: string | undefined;
3091
+ configId: string;
3092
+ name: string;
3093
+ isShow: boolean;
3094
+ isReadonly: boolean;
3095
+ }[] | undefined;
3096
+ ganttContainsModels?: {
3097
+ projectId: string;
3098
+ ownerId: string;
3099
+ type: string;
3100
+ name: string;
3101
+ isChart: boolean;
3102
+ icon: string;
3103
+ }[] | undefined;
2719
3104
  }[]>;
2720
3105
  selectedIds: Ref<string[], string[]>;
2721
3106
  hoverContainerId: Ref<string | null, string | null>;
@@ -2735,6 +3120,7 @@ shapeCount: ComputedRef<number>;
2735
3120
  hasSelectedShape: ComputedRef<boolean>;
2736
3121
  parentChildMap: ComputedRef<Map<string, string[]>>;
2737
3122
  shapeMap: ComputedRef<Map<string, Shape>>;
3123
+ edgesByNodeId: ComputedRef<Map<string, Shape[]>>;
2738
3124
  marqueeShapes: ComputedRef<Shape[]>;
2739
3125
  ghostShadow: ComputedRef<Shape[]>;
2740
3126
  scales: Ref<Record<string, number>, Record<string, number>>;
@@ -2776,7 +3162,7 @@ id: string;
2776
3162
  diagramId: string;
2777
3163
  parenShapeId: string;
2778
3164
  shapeKey: string;
2779
- shapeType: "shape" | "edge" | "pin" | "diagram";
3165
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2780
3166
  bounds: {
2781
3167
  x?: number | undefined;
2782
3168
  y?: number | undefined;
@@ -2936,6 +3322,33 @@ modelTypePropertyId: string;
2936
3322
  targetCreateModel?: string | undefined;
2937
3323
  sourceModelId?: string | undefined;
2938
3324
  isMovableComparents: boolean;
3325
+ ganttData?: {
3326
+ [x: string]: any;
3327
+ id: string;
3328
+ modelId: string;
3329
+ ganttOrTableModelId: string;
3330
+ projectId: string;
3331
+ type: string;
3332
+ sort: string;
3333
+ }[] | undefined;
3334
+ attributeColumns?: {
3335
+ id?: number | undefined;
3336
+ propertyId?: number | undefined;
3337
+ projectId?: string | undefined;
3338
+ modelId?: string | undefined;
3339
+ configId: string;
3340
+ name: string;
3341
+ isShow: boolean;
3342
+ isReadonly: boolean;
3343
+ }[] | undefined;
3344
+ ganttContainsModels?: {
3345
+ projectId: string;
3346
+ ownerId: string;
3347
+ type: string;
3348
+ name: string;
3349
+ isChart: boolean;
3350
+ icon: string;
3351
+ }[] | undefined;
2939
3352
  }[];
2940
3353
  addDiagram: (diagram: Shape) => void;
2941
3354
  setCurrentDiagramId: (id: string | null) => void;
@@ -2945,8 +3358,8 @@ selectAll: () => void;
2945
3358
  removeSelected: () => void;
2946
3359
  finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
2947
3360
  setHoverState: (id: string | null, nestable: boolean | null) => void;
2948
- initializeAllEdgeEndpoints: () => void;
2949
- endResizeShape: (id: string) => void;
3361
+ initializeAllEdgeEndpoints: () => Promise<void>;
3362
+ endResizeShape: (id: string) => Promise<void>;
2950
3363
  getScale: (diagramId?: string | null) => number;
2951
3364
  setScale: (newScale: number, diagramId?: string | null) => void;
2952
3365
  setActiveDiagramId: (id: string | null) => void;
@@ -2959,13 +3372,13 @@ setIsMouseInGraphView: (isIn: boolean) => void;
2959
3372
  setCutShapeIds: (ids: string[]) => void;
2960
3373
  clearCutShapeIds: () => void;
2961
3374
  setCopiedShapesCount: (count: number) => void;
2962
- }, "shapeCount" | "hasSelectedShape" | "parentChildMap" | "shapeMap" | "marqueeShapes" | "ghostShadow" | "currentScale" | "visibleShapes">, Pick<{
3375
+ }, "shapeCount" | "hasSelectedShape" | "parentChildMap" | "shapeMap" | "edgesByNodeId" | "marqueeShapes" | "ghostShadow" | "currentScale" | "visibleShapes">, Pick<{
2963
3376
  shapes: Ref<{
2964
3377
  id: string;
2965
3378
  diagramId: string;
2966
3379
  parenShapeId: string;
2967
3380
  shapeKey: string;
2968
- shapeType: "shape" | "edge" | "pin" | "diagram";
3381
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
2969
3382
  bounds: {
2970
3383
  x?: number | undefined;
2971
3384
  y?: number | undefined;
@@ -3125,12 +3538,39 @@ modelTypePropertyId: string;
3125
3538
  targetCreateModel?: string | undefined;
3126
3539
  sourceModelId?: string | undefined;
3127
3540
  isMovableComparents: boolean;
3541
+ ganttData?: {
3542
+ [x: string]: any;
3543
+ id: string;
3544
+ modelId: string;
3545
+ ganttOrTableModelId: string;
3546
+ projectId: string;
3547
+ type: string;
3548
+ sort: string;
3549
+ }[] | undefined;
3550
+ attributeColumns?: {
3551
+ id?: number | undefined;
3552
+ propertyId?: number | undefined;
3553
+ projectId?: string | undefined;
3554
+ modelId?: string | undefined;
3555
+ configId: string;
3556
+ name: string;
3557
+ isShow: boolean;
3558
+ isReadonly: boolean;
3559
+ }[] | undefined;
3560
+ ganttContainsModels?: {
3561
+ projectId: string;
3562
+ ownerId: string;
3563
+ type: string;
3564
+ name: string;
3565
+ isChart: boolean;
3566
+ icon: string;
3567
+ }[] | undefined;
3128
3568
  }[], Shape[] | {
3129
3569
  id: string;
3130
3570
  diagramId: string;
3131
3571
  parenShapeId: string;
3132
3572
  shapeKey: string;
3133
- shapeType: "shape" | "edge" | "pin" | "diagram";
3573
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
3134
3574
  bounds: {
3135
3575
  x?: number | undefined;
3136
3576
  y?: number | undefined;
@@ -3290,6 +3730,33 @@ modelTypePropertyId: string;
3290
3730
  targetCreateModel?: string | undefined;
3291
3731
  sourceModelId?: string | undefined;
3292
3732
  isMovableComparents: boolean;
3733
+ ganttData?: {
3734
+ [x: string]: any;
3735
+ id: string;
3736
+ modelId: string;
3737
+ ganttOrTableModelId: string;
3738
+ projectId: string;
3739
+ type: string;
3740
+ sort: string;
3741
+ }[] | undefined;
3742
+ attributeColumns?: {
3743
+ id?: number | undefined;
3744
+ propertyId?: number | undefined;
3745
+ projectId?: string | undefined;
3746
+ modelId?: string | undefined;
3747
+ configId: string;
3748
+ name: string;
3749
+ isShow: boolean;
3750
+ isReadonly: boolean;
3751
+ }[] | undefined;
3752
+ ganttContainsModels?: {
3753
+ projectId: string;
3754
+ ownerId: string;
3755
+ type: string;
3756
+ name: string;
3757
+ isChart: boolean;
3758
+ icon: string;
3759
+ }[] | undefined;
3293
3760
  }[]>;
3294
3761
  pendingNestedIds: Ref<string[], string[]>;
3295
3762
  selectedShape: Ref<{
@@ -3297,7 +3764,7 @@ id: string;
3297
3764
  diagramId: string;
3298
3765
  parenShapeId: string;
3299
3766
  shapeKey: string;
3300
- shapeType: "shape" | "edge" | "pin" | "diagram";
3767
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
3301
3768
  bounds: {
3302
3769
  x?: number | undefined;
3303
3770
  y?: number | undefined;
@@ -3457,12 +3924,39 @@ modelTypePropertyId: string;
3457
3924
  targetCreateModel?: string | undefined;
3458
3925
  sourceModelId?: string | undefined;
3459
3926
  isMovableComparents: boolean;
3927
+ ganttData?: {
3928
+ [x: string]: any;
3929
+ id: string;
3930
+ modelId: string;
3931
+ ganttOrTableModelId: string;
3932
+ projectId: string;
3933
+ type: string;
3934
+ sort: string;
3935
+ }[] | undefined;
3936
+ attributeColumns?: {
3937
+ id?: number | undefined;
3938
+ propertyId?: number | undefined;
3939
+ projectId?: string | undefined;
3940
+ modelId?: string | undefined;
3941
+ configId: string;
3942
+ name: string;
3943
+ isShow: boolean;
3944
+ isReadonly: boolean;
3945
+ }[] | undefined;
3946
+ ganttContainsModels?: {
3947
+ projectId: string;
3948
+ ownerId: string;
3949
+ type: string;
3950
+ name: string;
3951
+ isChart: boolean;
3952
+ icon: string;
3953
+ }[] | undefined;
3460
3954
  } | null, Shape | {
3461
3955
  id: string;
3462
3956
  diagramId: string;
3463
3957
  parenShapeId: string;
3464
3958
  shapeKey: string;
3465
- shapeType: "shape" | "edge" | "pin" | "diagram";
3959
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
3466
3960
  bounds: {
3467
3961
  x?: number | undefined;
3468
3962
  y?: number | undefined;
@@ -3622,6 +4116,33 @@ modelTypePropertyId: string;
3622
4116
  targetCreateModel?: string | undefined;
3623
4117
  sourceModelId?: string | undefined;
3624
4118
  isMovableComparents: boolean;
4119
+ ganttData?: {
4120
+ [x: string]: any;
4121
+ id: string;
4122
+ modelId: string;
4123
+ ganttOrTableModelId: string;
4124
+ projectId: string;
4125
+ type: string;
4126
+ sort: string;
4127
+ }[] | undefined;
4128
+ attributeColumns?: {
4129
+ id?: number | undefined;
4130
+ propertyId?: number | undefined;
4131
+ projectId?: string | undefined;
4132
+ modelId?: string | undefined;
4133
+ configId: string;
4134
+ name: string;
4135
+ isShow: boolean;
4136
+ isReadonly: boolean;
4137
+ }[] | undefined;
4138
+ ganttContainsModels?: {
4139
+ projectId: string;
4140
+ ownerId: string;
4141
+ type: string;
4142
+ name: string;
4143
+ isChart: boolean;
4144
+ icon: string;
4145
+ }[] | undefined;
3625
4146
  } | null>;
3626
4147
  diagramTitle: Ref<string, string>;
3627
4148
  isDragging: Ref<boolean, boolean>;
@@ -3641,7 +4162,7 @@ id: string;
3641
4162
  diagramId: string;
3642
4163
  parenShapeId: string;
3643
4164
  shapeKey: string;
3644
- shapeType: "shape" | "edge" | "pin" | "diagram";
4165
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
3645
4166
  bounds: {
3646
4167
  x?: number | undefined;
3647
4168
  y?: number | undefined;
@@ -3801,12 +4322,39 @@ modelTypePropertyId: string;
3801
4322
  targetCreateModel?: string | undefined;
3802
4323
  sourceModelId?: string | undefined;
3803
4324
  isMovableComparents: boolean;
4325
+ ganttData?: {
4326
+ [x: string]: any;
4327
+ id: string;
4328
+ modelId: string;
4329
+ ganttOrTableModelId: string;
4330
+ projectId: string;
4331
+ type: string;
4332
+ sort: string;
4333
+ }[] | undefined;
4334
+ attributeColumns?: {
4335
+ id?: number | undefined;
4336
+ propertyId?: number | undefined;
4337
+ projectId?: string | undefined;
4338
+ modelId?: string | undefined;
4339
+ configId: string;
4340
+ name: string;
4341
+ isShow: boolean;
4342
+ isReadonly: boolean;
4343
+ }[] | undefined;
4344
+ ganttContainsModels?: {
4345
+ projectId: string;
4346
+ ownerId: string;
4347
+ type: string;
4348
+ name: string;
4349
+ isChart: boolean;
4350
+ icon: string;
4351
+ }[] | undefined;
3804
4352
  }[], Shape[] | {
3805
4353
  id: string;
3806
4354
  diagramId: string;
3807
4355
  parenShapeId: string;
3808
4356
  shapeKey: string;
3809
- shapeType: "shape" | "edge" | "pin" | "diagram";
4357
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
3810
4358
  bounds: {
3811
4359
  x?: number | undefined;
3812
4360
  y?: number | undefined;
@@ -3966,6 +4514,33 @@ modelTypePropertyId: string;
3966
4514
  targetCreateModel?: string | undefined;
3967
4515
  sourceModelId?: string | undefined;
3968
4516
  isMovableComparents: boolean;
4517
+ ganttData?: {
4518
+ [x: string]: any;
4519
+ id: string;
4520
+ modelId: string;
4521
+ ganttOrTableModelId: string;
4522
+ projectId: string;
4523
+ type: string;
4524
+ sort: string;
4525
+ }[] | undefined;
4526
+ attributeColumns?: {
4527
+ id?: number | undefined;
4528
+ propertyId?: number | undefined;
4529
+ projectId?: string | undefined;
4530
+ modelId?: string | undefined;
4531
+ configId: string;
4532
+ name: string;
4533
+ isShow: boolean;
4534
+ isReadonly: boolean;
4535
+ }[] | undefined;
4536
+ ganttContainsModels?: {
4537
+ projectId: string;
4538
+ ownerId: string;
4539
+ type: string;
4540
+ name: string;
4541
+ isChart: boolean;
4542
+ icon: string;
4543
+ }[] | undefined;
3969
4544
  }[]>;
3970
4545
  selectedIds: Ref<string[], string[]>;
3971
4546
  hoverContainerId: Ref<string | null, string | null>;
@@ -3985,6 +4560,7 @@ shapeCount: ComputedRef<number>;
3985
4560
  hasSelectedShape: ComputedRef<boolean>;
3986
4561
  parentChildMap: ComputedRef<Map<string, string[]>>;
3987
4562
  shapeMap: ComputedRef<Map<string, Shape>>;
4563
+ edgesByNodeId: ComputedRef<Map<string, Shape[]>>;
3988
4564
  marqueeShapes: ComputedRef<Shape[]>;
3989
4565
  ghostShadow: ComputedRef<Shape[]>;
3990
4566
  scales: Ref<Record<string, number>, Record<string, number>>;
@@ -4026,7 +4602,7 @@ id: string;
4026
4602
  diagramId: string;
4027
4603
  parenShapeId: string;
4028
4604
  shapeKey: string;
4029
- shapeType: "shape" | "edge" | "pin" | "diagram";
4605
+ shapeType: "shape" | "edge" | "pin" | "diagram" | "gantt" | "table" | "matrix";
4030
4606
  bounds: {
4031
4607
  x?: number | undefined;
4032
4608
  y?: number | undefined;
@@ -4186,6 +4762,33 @@ modelTypePropertyId: string;
4186
4762
  targetCreateModel?: string | undefined;
4187
4763
  sourceModelId?: string | undefined;
4188
4764
  isMovableComparents: boolean;
4765
+ ganttData?: {
4766
+ [x: string]: any;
4767
+ id: string;
4768
+ modelId: string;
4769
+ ganttOrTableModelId: string;
4770
+ projectId: string;
4771
+ type: string;
4772
+ sort: string;
4773
+ }[] | undefined;
4774
+ attributeColumns?: {
4775
+ id?: number | undefined;
4776
+ propertyId?: number | undefined;
4777
+ projectId?: string | undefined;
4778
+ modelId?: string | undefined;
4779
+ configId: string;
4780
+ name: string;
4781
+ isShow: boolean;
4782
+ isReadonly: boolean;
4783
+ }[] | undefined;
4784
+ ganttContainsModels?: {
4785
+ projectId: string;
4786
+ ownerId: string;
4787
+ type: string;
4788
+ name: string;
4789
+ isChart: boolean;
4790
+ icon: string;
4791
+ }[] | undefined;
4189
4792
  }[];
4190
4793
  addDiagram: (diagram: Shape) => void;
4191
4794
  setCurrentDiagramId: (id: string | null) => void;
@@ -4195,8 +4798,8 @@ selectAll: () => void;
4195
4798
  removeSelected: () => void;
4196
4799
  finalCheckCanNest: (childId: string, parentId: string | null) => Promise<boolean>;
4197
4800
  setHoverState: (id: string | null, nestable: boolean | null) => void;
4198
- initializeAllEdgeEndpoints: () => void;
4199
- endResizeShape: (id: string) => void;
4801
+ initializeAllEdgeEndpoints: () => Promise<void>;
4802
+ endResizeShape: (id: string) => Promise<void>;
4200
4803
  getScale: (diagramId?: string | null) => number;
4201
4804
  setScale: (newScale: number, diagramId?: string | null) => void;
4202
4805
  setActiveDiagramId: (id: string | null) => void;