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

rework contains geometry to avoid clipping

Browse Source
This commit is contained in:
Nicholas Bollweg
2025-03-17 16:36:46 -05:00
parent fac570cb8c
commit 85ce310884
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/mermaid/src/diagrams/requirement/requirementDb.ts
View File

@@ -328,7 +328,8 @@ export class RequirementDB implements DiagramDB {
thickness: 'normal',
type: 'normal',
pattern: isContains ? 'normal' : 'dashed',
arrowhead: isContains ? 'requirement_contains' : 'requirement_arrow',
arrowTypeStart: isContains ? 'requirement_contains' : '',
arrowTypeEnd: isContains ? '' : 'requirement_arrow',
look: config.look,
};

10
packages/mermaid/src/rendering-util/rendering-elements/markers.js
View File

@@ -423,19 +423,19 @@ const requirement_contains = (elem, type, id) => {
const containsNode = elem
.append('defs')
.append('marker')
.attr('id', id + '_' + type + '-requirement_containsEnd')
.attr('refX', 20)
.attr('id', id + '_' + type + '-requirement_containsStart')
.attr('refX', 0)
.attr('refY', 10)
.attr('markerWidth', 20)
.attr('markerHeight', 20)
.attr('orient', 'auto')
.append('g');
containsNode.append('circle').attr('cx', 10).attr('cy', 10).attr('r', 10).attr('fill', 'none');
containsNode.append('circle').attr('cx', 10).attr('cy', 10).attr('r', 9).attr('fill', 'none');
containsNode.append('line').attr('x1', 0).attr('x2', 20).attr('y1', 10).attr('y2', 10);
containsNode.append('line').attr('x1', 1).attr('x2', 19).attr('y1', 10).attr('y2', 10);
containsNode.append('line').attr('y1', 0).attr('y2', 20).attr('x1', 10).attr('x2', 10);
containsNode.append('line').attr('y1', 1).attr('y2', 19).attr('x1', 10).attr('x2', 10);
};
// TODO rename the class diagram markers to something shape descriptive and semantic free