marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-18 06:49:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: sequence diagram background rect

Browse Source
This commit is contained in:
Alexander Sage
2019-07-22 22:47:49 -07:00
parent 5d9018aeec
commit c8091c61c0
7 changed files with 163 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/diagrams/sequence/sequenceRenderer.js
View File

@@ -138,6 +138,13 @@ export const bounds = {
const loop = this.sequenceItems.pop()
return loop
},
newRect: function (color) {
this.sequenceItems.push({ startx: undefined, starty: this.verticalPos, stopx: undefined, stopy: undefined, color: color })
},
endRect: function () {
const rect = this.sequenceItems.pop()
return rect
},
addSectionToLoop: function (message) {
const loop = this.sequenceItems.pop()
loop.sections = loop.sections || []
@@ -410,6 +417,25 @@ export const draw = function (text, id) {
svgDraw.drawLoop(diagram, loopData, 'loop', conf)
bounds.bumpVerticalPos(conf.boxMargin)
break
case parser.yy.LINETYPE.RECT_START:
bounds.bumpVerticalPos(conf.boxMargin)
bounds.newRect(msg.message)
bounds.bumpVerticalPos(conf.boxMargin + conf.boxTextMargin)
break
case parser.yy.LINETYPE.RECT_END:
const rectData = bounds.endRect()
svgDraw.drawRect(diagram, {
x: rectData.startx,
y: rectData.starty,
width: rectData.stopx - rectData.startx,
height: rectData.stopy - rectData.starty,
fill: rectData.color,
class: 'rect',
rx: 0,
ry: 0
}, true)
bounds.bumpVerticalPos(conf.boxMargin)
break
case parser.yy.LINETYPE.OPT_START:
bounds.bumpVerticalPos(conf.boxMargin)
bounds.newLoop(msg.message)