GitHub/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-01-28 07:03:17 +08:00
Code Issues Projects Releases Wiki Activity

Add logic to add subgraph title margin on layout

Browse Source
This commit is contained in:
Matheus B 2023-11-12 17:32:58 -03:00
parent 8b0a5be6d9
commit 56c3809b57
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/mermaid/src/dagre-wrapper/edges.js
View File

@ -6,6 +6,7 @@ import { getConfig } from '../diagram-api/diagramAPI.js';
import utils from '../utils.js';
import { evaluate } from '../diagrams/common/common.js';
import { getLineFunctionsWithOffset } from '../utils/lineWithOffset.js';
import { getSubGraphTitleMargins } from '../utils/getSubGraphTitleMargins.js';
let edgeLabels = {};
let terminalLabels = {};
@ -263,6 +264,7 @@ export const intersection = (node, outsidePoint, insidePoint) => {
const Q = Math.abs(outsidePoint.y - insidePoint.y);
const R = Math.abs(outsidePoint.x - insidePoint.x);
const { subGraphTitleTotalMargin } = getSubGraphTitleMargins();
// log.warn();
if (Math.abs(y - outsidePoint.y) * w > Math.abs(x - outsidePoint.x) * h) {
// Intersection is top or bottom of rect.
@ -280,6 +282,9 @@ export const intersection = (node, outsidePoint, insidePoint) => {
}
if (R === 0) {
res.x = outsidePoint.x;
if (q && subGraphTitleTotalMargin) {
res.y = insidePoint.y < outsidePoint.y ? y + h : y - h;
}
}
if (Q === 0) {
res.y = outsidePoint.y;

12
packages/mermaid/src/dagre-wrapper/index.js
View File

@ -13,6 +13,9 @@ import { insertNode, positionNode, clear as clearNodes, setNodeElem } from './no
import { insertCluster, clear as clearClusters } from './clusters.js';
import { insertEdgeLabel, positionEdgeLabel, insertEdge, clear as clearEdges } from './edges.js';
import { log } from '../logger.js';
import { getSubGraphTitleMargins } from '../utils/getSubGraphTitleMargins.js';
const { subGraphTitleTotalMargin } = getSubGraphTitleMargins();
const recursiveRender = async (_elem, graph, diagramtype, id, parentCluster) => {
log.info('Graph in recursive render: XXX', graphlibJson.write(graph), parentCluster);
@ -114,13 +117,20 @@ const recursiveRender = async (_elem, graph, diagramtype, id, parentCluster) =>
);
if (node && node.clusterNode) {
// clusterDb[node.id].node = node;
node.y += subGraphTitleTotalMargin;
positionNode(node);
} else {
// Non cluster node
if (graph.children(v).length > 0) {
// A cluster in the non-recursive way
// positionCluster(node);
node.height += subGraphTitleTotalMargin * 2;
graph.children(v).forEach((c) => {
if (!clusterDb[c]) return;
if (!clusterDb[c].clusterData) {
node.height += subGraphTitleTotalMargin * 2;
}
});
insertCluster(clusters, node);
clusterDb[node.id].node = node;
} else {