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

docs: fix rendering and ensure tidytree layout is applied

Browse Source 
on-behalf-of: @Mermaid-Chart <hello@mermaidchart.com>
This commit is contained in:
darshanr0107
2025-09-15 12:00:46 +05:30
parent 1c2a0020bd
commit a459c436c9
3 changed files with 24 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/mermaid/src/diagrams/mindmap/mindmapDb.ts
View File

@@ -37,6 +37,7 @@ export class MindmapDB {
private nodes: MindmapNode[] = []; private nodes: MindmapNode[] = [];
private count = 0; private count = 0;
private elements: Record<number, D3Element> = {}; private elements: Record<number, D3Element> = {};
private baseLevel?: number;
public readonly nodeType: typeof nodeType; public readonly nodeType: typeof nodeType;
constructor() { constructor() {
@@ -54,6 +55,7 @@ export class MindmapDB {
this.nodes = []; this.nodes = [];
this.count = 0; this.count = 0;
this.elements = {}; this.elements = {};
this.baseLevel = undefined;
} }
public getParent(level: number): MindmapNode | null { public getParent(level: number): MindmapNode | null {
@@ -72,6 +74,17 @@ export class MindmapDB {
public addNode(level: number, id: string, descr: string, type: number): void { public addNode(level: number, id: string, descr: string, type: number): void {
log.info('addNode', level, id, descr, type); log.info('addNode', level, id, descr, type);
let isRoot = false;
if (this.nodes.length === 0) {
this.baseLevel = level;
level = 0;
isRoot = true;
} else if (this.baseLevel !== undefined) {
level = level - this.baseLevel;
isRoot = false;
}
const conf = getConfig(); const conf = getConfig();
let padding = conf.mindmap?.padding ?? defaultConfig.mindmap.padding; let padding = conf.mindmap?.padding ?? defaultConfig.mindmap.padding;
@@ -92,6 +105,7 @@ export class MindmapDB {
children: [], children: [],
width: conf.mindmap?.maxNodeWidth ?? defaultConfig.mindmap.maxNodeWidth, width: conf.mindmap?.maxNodeWidth ?? defaultConfig.mindmap.maxNodeWidth,
padding, padding,
isRoot,
}; };
const parent = this.getParent(level); const parent = this.getParent(level);
@@ -99,7 +113,7 @@ export class MindmapDB {
parent.children.push(node); parent.children.push(node);
this.nodes.push(node); this.nodes.push(node);
} else { } else {
if (this.nodes.length === 0) { if (isRoot) {
this.nodes.push(node); this.nodes.push(node);
} else { } else {
throw new Error( throw new Error(
@@ -204,8 +218,7 @@ export class MindmapDB {
// Build CSS classes for the node // Build CSS classes for the node
const cssClasses = ['mindmap-node']; const cssClasses = ['mindmap-node'];
// Add section-specific classes if (node.isRoot === true) {
if (node.level === 0) {
// Root node gets special classes // Root node gets special classes
cssClasses.push('section-root', 'section--1'); cssClasses.push('section-root', 'section--1');
} else if (node.section !== undefined) { } else if (node.section !== undefined) {

1
packages/mermaid/src/diagrams/mindmap/mindmapTypes.ts
View File

@@ -15,6 +15,7 @@ export interface MindmapNode {
icon?: string; icon?: string;
x?: number; x?: number;
y?: number; y?: number;
isRoot?: boolean;
} }
export type FilledMindMapNode = RequiredDeep<MindmapNode>; export type FilledMindMapNode = RequiredDeep<MindmapNode>;

8
packages/mermaid/src/docs/.vitepress/theme/mermaid.ts
View File

@@ -1,7 +1,13 @@
import mermaid, { type MermaidConfig } from 'mermaid'; import mermaid, { type MermaidConfig } from 'mermaid';
import zenuml from '../../../../../mermaid-zenuml/dist/mermaid-zenuml.core.mjs'; import zenuml from '../../../../../mermaid-zenuml/dist/mermaid-zenuml.core.mjs';
import tidyTreeLayout from '../../../../../mermaid-layout-tidy-tree/dist/mermaid-layout-tidy-tree.core.mjs';
import layouts from '../../../../../mermaid-layout-elk/dist/mermaid-layout-elk.core.mjs';
const init = mermaid.registerExternalDiagrams([zenuml]); const init = Promise.all([
mermaid.registerExternalDiagrams([zenuml]),
mermaid.registerLayoutLoaders(layouts),
mermaid.registerLayoutLoaders(tidyTreeLayout),
]);
mermaid.registerIconPacks([ mermaid.registerIconPacks([
{ {
name: 'logos', name: 'logos',