marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-19 15:30:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

#5237 Support for invisisblwe links

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-06-25 16:22:56 +02:00
parent aa9f4a7760
commit c3423beeda
4 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/mermaid/src/diagrams/flowchart/flowDb.ts
View File

@@ -901,9 +901,12 @@ export const getData = () => {
labelpos: 'c', labelpos: 'c',
thickness: rawEdge.stroke, thickness: rawEdge.stroke,
minlen: rawEdge.length, minlen: rawEdge.length,
classes: 'edge-thickness-normal edge-pattern-solid flowchart-link', classes:
arrowTypeStart, rawEdge?.stroke === 'invisible'
arrowTypeEnd, ? ''
: 'edge-thickness-normal edge-pattern-solid flowchart-link',
arrowTypeStart: rawEdge?.stroke === 'invisible' ? 'none' : arrowTypeStart,
arrowTypeEnd: rawEdge?.stroke === 'invisible' ? 'none' : arrowTypeEnd,
arrowheadStyle: 'fill: #333', arrowheadStyle: 'fill: #333',
labelStyle: styles, labelStyle: styles,
style: styles, style: styles,

5
packages/mermaid/src/rendering-util/rendering-elements/clusters.js
View File

@@ -35,10 +35,7 @@ const rect = async (parent, node) => {
// const text = label // const text = label
// .node() // .node()
// .appendChild(createLabel(node.label, node.labelStyle, undefined, true)); // .appendChild(createLabel(node.label, node.labelStyle, undefined, true));
const text = const text = await createText(labelEl, node.label, { style: node.labelStyle, useHtmlLabels });
node.labelType === 'markdown'
? await createText(labelEl, node.label, { style: node.labelStyle, useHtmlLabels })
: labelEl.node().appendChild(await createLabel(node.label, node.labelStyle, undefined, true));
// Get the size of the label // Get the size of the label
let bbox = text.getBBox(); let bbox = text.getBBox();

2
packages/mermaid/src/rendering-util/rendering-elements/edges.js
View File

@@ -569,7 +569,7 @@ export const insertEdge = function (elem, edge, clusterDb, diagramType, startNod
strokeClasses = 'edge-thickness-thick'; strokeClasses = 'edge-thickness-thick';
break; break;
case 'invisible': case 'invisible':
strokeClasses = 'edge-thickness-thick'; strokeClasses = 'edge-thickness-invisible';
break; break;
default: default:
strokeClasses = 'edge-thickness-normal'; strokeClasses = 'edge-thickness-normal';

5
packages/mermaid/src/styles.ts
View File

@@ -47,7 +47,10 @@ const getStyles = (
& .edge-pattern-solid { & .edge-pattern-solid {
stroke-dasharray: 0; stroke-dasharray: 0;
} }
& .edge-thickness-invisible {
stroke-width: 0;
fill: none;
}
& .edge-pattern-dashed{ & .edge-pattern-dashed{
stroke-dasharray: 3; stroke-dasharray: 3;
} }