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

Updating odd shape

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-09-27 11:59:05 +02:00
parent 9da6321c4b
commit 1ef4c42bcf
1 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
packages/mermaid/src/rendering-util/rendering-elements/shapes/rectLeftInvArrow.ts
View File

@@ -10,22 +10,34 @@ export const rect_left_inv_arrow = async (
): Promise<SVGAElement> => { ): Promise<SVGAElement> => {
const { labelStyles, nodeStyles } = styles2String(node); const { labelStyles, nodeStyles } = styles2String(node);
node.labelStyle = labelStyles; node.labelStyle = labelStyles;
const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
const nodePadding = node.padding ?? 0; const nodePadding = node.padding ?? 0;
const labelPaddingX = node.look === 'neo' ? nodePadding * 3 : node.padding; const labelPaddingX = node.look === 'neo' ? nodePadding * 3 : (node.padding ?? 0);
const labelPaddingY = node.look === 'neo' ? nodePadding * 1.5 : node.padding; const labelPaddingY = node.look === 'neo' ? nodePadding * 1.5 : (node.padding ?? 0);
const w = Math.max(bbox.width + labelPaddingY, node?.width ?? 0); if (node.width || node.height) {
const h = Math.max(bbox.height + labelPaddingX, node?.height ?? 0); node.width = (node?.width ?? 0) - labelPaddingX * 2;
if (node.width < 50) {
node.width = 50;
}
node.height = (node?.height ?? 0) - labelPaddingY * 2;
if (node.height < 50) {
node.height = 50;
}
}
const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
const w = Math.max(bbox.width, node?.width ?? 0) + labelPaddingX * 2;
const h = Math.max(bbox.height, node?.height ?? 0) + labelPaddingY * 2;
const x = -w / 2; const x = -w / 2;
const y = -h / 2; const y = -h / 2;
const notch = y / 2; const notch = -y / 2;
const points = [ const points = [
{ x: x + notch, y }, { x: x, y },
{ x: x, y: 0 }, { x: x + notch, y: 0 },
{ x: x + notch, y: -y }, { x: x, y: -y },
{ x: -x, y: -y }, { x: -x, y: -y },
{ x: -x, y }, { x: -x, y },
]; ];
@@ -58,7 +70,7 @@ export const rect_left_inv_arrow = async (
label.attr( label.attr(
'transform', 'transform',
`translate(${-notch / 2 - bbox.width / 2 - (bbox.x - (bbox.left ?? 0))}, ${-(bbox.height / 2) - (bbox.y - (bbox.top ?? 0))})` `translate(${bbox.x - bbox.width / 2}, ${-(bbox.height / 2) - (bbox.y - (bbox.top ?? 0))})`
); );
updateNodeBounds(node, polygon); updateNodeBounds(node, polygon);