marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-12-10 22:44:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: refactored code

Browse Source 
on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>
This commit is contained in:
omkarht
2025-08-14 12:40:37 +05:30
parent 97481b4d11
commit 0386ed6b32
3 changed files with 22 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/mermaid/src/diagrams/sequence/sequenceDb.ts
View File

@@ -85,6 +85,8 @@ export const PARTICIPANT_TYPE = {
ENTITY: 'entity',
PARTICIPANT: 'participant',
QUEUE: 'queue',
ICON: 'icon',
IMAGE: 'image',
} as const;
export class SequenceDB implements DiagramDB {

2
packages/mermaid/src/diagrams/sequence/sequenceRenderer.ts
View File

@@ -730,6 +730,8 @@ function adjustCreatedDestroyedData(
PARTICIPANT_TYPE.CONTROL,
PARTICIPANT_TYPE.ENTITY,
PARTICIPANT_TYPE.DATABASE,
PARTICIPANT_TYPE.ICON,
PARTICIPANT_TYPE.IMAGE,
];
// if it is a create message

39
packages/mermaid/src/diagrams/sequence/svgDraw.js
View File

@@ -496,9 +496,7 @@ const drawActorTypeParticipant = function (elem, actor, conf, isFooter) {
};
const drawActorTypeImage = async function (elem, actor, conf, isFooter) {
const img = new Image();
const sampleImage =
'https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjEwMTMtcC0wMDE5ZC0wMS1rc2k4YjVqbi5qcGc.jpg';
img.src = sampleImage ?? actor.doc.image ?? '';
img.src = actor.doc.image ?? '';
await img.decode();
const imageNaturalWidth = Number(img.naturalWidth.toString().replace('px', ''));
@@ -561,15 +559,30 @@ const drawActorTypeImage = async function (elem, actor, conf, isFooter) {
const center = actor.x + actor.width / 2;
const centerY = actorY + imageHeight;
// Calculate positioning
const squareX = center - imageWidth / 2;
let squareY;
if (isFooter) {
squareY = actorY + (imageHeight - imageHeight * 1);
} else {
squareY = actorY + 5;
}
// Calculate text position based on image position and size
const textY = !isFooter ? squareY + imageHeight : actorY + imageHeight; // Place text below image for header
// Draw actor line for non-footer elements
const x = center;
const y = centerY + (isFooter ? 0 : imageHeight / 2); // Adjust line start based on image height
const line = elem.append('g').lower();
if (!isFooter) {
actorCnt++;
line
.append('line')
.attr('id', 'actor' + actorCnt)
.attr('x1', center)
.attr('y1', centerY + imageHeight / 2 + 5) // Adjust line start based on image height
.attr('x1', x)
.attr('y1', y) // Adjust line start based on image height
.attr('x2', center)
.attr('y2', 2000)
.attr('class', 'actor-line')
@@ -590,19 +603,6 @@ const drawActorTypeImage = async function (elem, actor, conf, isFooter) {
actElem.attr('class', cssClass);
actElem.attr('name', actor.name);
// Calculate positioning
const squareX = center - imageWidth / 2;
let squareY;
if (isFooter) {
// For footer actors, position so the image sits above the baseline
// Add some padding to ensure proper spacing
squareY = actorY + (imageHeight - imageHeight * 1);
} else {
// For header actors, add consistent top padding
squareY = actorY + 5;
}
// Draw background rectangle for the actor image
actElem
.append('rect')
@@ -644,9 +644,6 @@ const drawActorTypeImage = async function (elem, actor, conf, isFooter) {
.attr('preserveAspectRatio', actor.doc.constraint === 'on' ? 'xMidYMid meet' : 'none');
}
// Calculate text position based on image position and size
const textY = !isFooter ? squareY + imageHeight : actorY + imageHeight; // Place text below image for header
// Add text label
_drawTextCandidateFunc(conf, hasKatex(actor.description))(
actor.description,