Quartz sync: Jun 4, 2025, 6:43 PM

Author: codeyoma

quartz/components/Mindmap.tsx

@@ -14,6 +14,10 @@ export interface LocalMindmapConfig {
   pan: boolean
   spacingHorizontal: number
   spacingVertical: number
+  lineWidth?: number
+  nodeMinHeight?: number
+  paddingX?: number
+  fitRatio?: number
   scrollForPan: boolean
   zoomInIcon: boolean
   zoomOutIcon: boolean
@@ -26,7 +30,6 @@ export interface GlobalMindmapConfig extends LocalMindmapConfig {
   closeIcon: boolean
 }
 
-
 interface MindmapOptions {
   mode: "view" | "button" | "global"
   localOptions: Partial<LocalMindmapConfig> | undefined
@@ -59,6 +62,7 @@ const defaultOptions: MindmapOptions = {
     pan: true,
     spacingHorizontal: 80,
     spacingVertical: 7,
+    paddingX: 20,
     scrollForPan: false,
     zoomInIcon: true,
     zoomOutIcon: true,

quartz/components/scripts/mindmap.inline.ts

@@ -182,6 +182,16 @@ function addExternalIcon(svg: SVGSVGElement) {
   })
 }
 
+function optionMaker(option: LocalMindmapConfig | GlobalMindmapConfig) {
+  return ({
+    ...deriveOptions(option),
+    scrollForPan: option.scrollForPan,
+    ...(option.paddingX && { paddingX: option.paddingX }),
+    ...(option.nodeMinHeight && { nodeMinHeight: option.nodeMinHeight }),
+    ...(option.fitRatio && { fitRatio: option.fitRatio }),
+  })
+}
+
 async function renderMindmap(mindmap: HTMLElement, isSafari = false) {
   removeAllChildren(mindmap)
 
@@ -192,8 +202,7 @@ async function renderMindmap(mindmap: HTMLElement, isSafari = false) {
   const data: IPureNode = JSON.parse(decodeURIComponent(mindmap.dataset["mindmap"]))
 
   const option = JSON.parse(mindmap.dataset["cfg"]!)
-  const markmapOptions = deriveOptions(option);
-  markmapOptions.scrollForPan = option.scrollForPan;
+  const markmapOptions = optionMaker(option);
 
   const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg")
   svg.setAttribute("width", "100%")