fix: attach processors to Markmap

Author: gera2ld

src/template.ts

@@ -27,9 +27,9 @@ export function fillTemplate(data: any, opts?: any): string {
         type: 'iife',
         data: {
           fn: (data, ...processors) => {
-            const { markmap } = (window as any).markmap;
-            markmap.processors = processors;
-            markmap('svg#mindmap', data);
+            const { Markmap } = (window as any).markmap;
+            Markmap.processors = processors;
+            Markmap.create('svg#mindmap', null, data);
           },
           getParams: ({ data, processors }) => [
             data,

src/view.ts

@@ -369,15 +369,19 @@ ${this.getStyleContent()}
     .scale(scale);
     this.transition(this.svg).call(this.zoom.transform, newTransform);
   }
+
+  static create(svg: string | SVGElement | ID3SVGElement, opts?: IMarkmapOptions, data?: INode): Markmap {
+    const mm = new Markmap(svg, opts);
+    if (data) {
+      mm.setData(data);
+      mm.fit(); // always fit for the first render
+    }
+    return mm;
+  }
 }
 
 export function markmap(svg: string | SVGElement | ID3SVGElement, data?: INode, opts?: IMarkmapOptions): Markmap {
-  const mm = new Markmap(svg, opts);
-  if (data) {
-    mm.setData(data);
-    mm.fit(); // always fit for the first render
-  }
-  return mm;
+  return Markmap.create(svg, opts, data);
 }
 
 export async function loadPlugins(items: any[], options: any): Promise<void> {