Support for ids on edges

This commit is contained in:
Knut Sveidqvist
2023-12-08 17:38:49 +01:00
parent ce4318a419
commit 5b3b73ba49
4 changed files with 9 additions and 15 deletions

View File

@@ -58,12 +58,9 @@
</head> </head>
<body> <body>
<pre id="diagram" class="mermaid"> <pre id="diagram" class="mermaid">
flowchart TB flowchart LR
C & D & E & F & G & H & I & J & K & L & M & N & O & P & Q & R & S & T & U & V & W & X & Y & Z & A1 & A2 & A3 & A4 & A5 & A6 & A7 & A8 A[Start] --Some text--> B("A[Start]")</pre
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> >
C & D & E & F & G & H & I & J & K & L & M & N & O & P & Q & R & S & T & U & V & W & X & Y & Z & A1 & A2 & A3 & A4 & A5 & A6 & A7 & A8
</pre>
<pre id="diagram" class="mermaid2"> <pre id="diagram" class="mermaid2">
flowchart TB flowchart TB
A & A & A & A & A & A & A & A ---> C & D & E & F & G & H & I & J & K & L & M & N & O & P & Q & R & S & T & U & V & W & X & Y & Z A & A & A & A & A & A & A & A ---> C & D & E & F & G & H & I & J & K & L & M & N & O & P & Q & R & S & T & U & V & W & X & Y & Z

View File

@@ -1,6 +1,6 @@
{ {
"name": "@MermaidChart/mermaid", "name": "@mermaid-chart/mermaid",
"version": "10.6.1", "version": "10.6.2-b1",
"description": "Markdown-ish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.", "description": "Markdown-ish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git graphs.",
"type": "module", "type": "module",
"module": "./dist/mermaid.core.mjs", "module": "./dist/mermaid.core.mjs",
@@ -44,7 +44,7 @@
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/mermaid-js/mermaid" "url": "https://github.com/Mermaid-Chart/mermaid"
}, },
"author": "Knut Sveidqvist", "author": "Knut Sveidqvist",
"license": "MIT", "license": "MIT",
@@ -129,8 +129,5 @@
"dist/", "dist/",
"README.md" "README.md"
], ],
"sideEffects": false, "sideEffects": false
"publishConfig": {
"access": "public"
}
} }

View File

@@ -32,7 +32,7 @@ export const insertEdgeLabel = (elem, edge) => {
const edgeLabel = elem.insert('g').attr('class', 'edgeLabel'); const edgeLabel = elem.insert('g').attr('class', 'edgeLabel');
// Create inner g, label, this will be positioned now for centering the text // Create inner g, label, this will be positioned now for centering the text
const label = edgeLabel.insert('g').attr('class', 'label'); const label = edgeLabel.insert('g').attr('class', 'label').attr('data-id', edge.id);
label.node().appendChild(labelElement); label.node().appendChild(labelElement);
// Center the label // Center the label

View File

@@ -362,7 +362,7 @@ verticeStatement: verticeStatement link node
| verticeStatement link node spaceList | verticeStatement link node spaceList
{ /* console.warn('vs',$verticeStatement.stmt,$node); */ yy.addLink($verticeStatement.stmt,$node,$link); $$ = { stmt: $node, nodes: $node.concat($verticeStatement.nodes) } } { /* console.warn('vs',$verticeStatement.stmt,$node); */ yy.addLink($verticeStatement.stmt,$node,$link); $$ = { stmt: $node, nodes: $node.concat($verticeStatement.nodes) } }
|node spaceList {/*console.warn('noda', $node);*/ $$ = {stmt: $node, nodes:$node }} |node spaceList {/*console.warn('noda', $node);*/ $$ = {stmt: $node, nodes:$node }}
|node { /*console.warn('noda', $node);*/ $$ = {stmt: $node, nodes:$node }} |node { $$ = {stmt: $node, nodes:$node }}
; ;
node: styledVertex node: styledVertex