mirrors
/
mermaid
mirror of https://github.com/mermaid-js/mermaid.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

#945 Divider lines for concurrency, full width when in a composit state

This commit is contained in:
Knut Sveidqvist 2019-10-06 15:53:34 +02:00
parent ce0b0fa0c8
commit b12791d3e0
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/diagrams/state/shapes.js
View File

@ -36,8 +36,8 @@ export const drawDivider = g =>
.attr('x1', 10)
.attr('class', 'divider')
.attr('x2', 20)
.attr('y1', 20)
.attr('y2', 20);
.attr('y1', 0)
.attr('y2', 0);
/**
* Draws a an end state as a black circle

26
src/diagrams/state/stateRenderer.js
View File

@ -109,9 +109,9 @@ const renderDoc = (doc, diagram, parentId) => {
if (parentId)
graph.setGraph({
rankdir: 'LR',
multigraph: false,
// multigraph: false,
compound: true,
acyclicer: 'greedy',
// acyclicer: 'greedy',
rankdir: 'LR',
ranker: 'tight-tree'
// isMultiGraph: false
@ -142,6 +142,7 @@ const renderDoc = (doc, diagram, parentId) => {
console.warn('rendering doc 2', states, relations);
total = keys.length;
let first = true;
for (let i = 0; i < keys.length; i++) {
const stateDef = states[keys[i]];
console.warn('keys[i]', keys[i]);
@ -154,11 +155,22 @@ const renderDoc = (doc, diagram, parentId) => {
.attr('class', 'classGroup');
node = renderDoc(stateDef.doc, sub, stateDef.id);
sub = addIdAndBox(sub, stateDef);
let boxBounds = sub.node().getBBox();
node.width = boxBounds.width;
node.height = boxBounds.height + 10;
transformationLog[stateDef.id] = { y: 35 };
if (first) {
first = false;
sub = addIdAndBox(sub, stateDef);
let boxBounds = sub.node().getBBox();
node.width = boxBounds.width;
node.height = boxBounds.height + 10;
transformationLog[stateDef.id] = { y: 35 };
console.warn('Here2');
} else {
console.warn('Here');
// sub = addIdAndBox(sub, stateDef);
let boxBounds = sub.node().getBBox();
node.width = boxBounds.width;
node.height = boxBounds.height;
// transformationLog[stateDef.id] = { y: 35 };
}
} else {
node = drawState(diagram, stateDef, graph);
}