markmap-view 0.14.5-alpha.13 → 0.14.5-alpha.16

package/types/view.d.ts

@@ -1,6 +1,7 @@
 import * as d3 from 'd3';
-import { Hook, INode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
-import { IMarkmapState, IMarkmapFlexTreeItem } from './types';
+import { FlextreeNode } from 'd3-flextree';
+import { Hook, INode, IPureNode, IMarkmapOptions, IMarkmapJSONOptions } from 'markmap-common';
+import { IMarkmapState } from './types';
 export declare const globalCSS: string;
 interface IPadding {
     left: number;
@@ -8,7 +9,7 @@ interface IPadding {
     top: number;
     bottom: number;
 }
-type ID3SVGElement = d3.Selection<SVGElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
+type ID3SVGElement = d3.Selection<SVGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
 declare function createViewHooks(): {
     transformHtml: Hook<[mm: Markmap, nodes: HTMLElement[]]>;
 };
@@ -22,21 +23,21 @@ export declare class Markmap {
     options: IMarkmapOptions;
     state: IMarkmapState;
     svg: ID3SVGElement;
-    styleNode: d3.Selection<HTMLStyleElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
-    g: d3.Selection<SVGGElement, IMarkmapFlexTreeItem, HTMLElement, IMarkmapFlexTreeItem>;
-    zoom: d3.ZoomBehavior<Element, unknown>;
+    styleNode: d3.Selection<HTMLStyleElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
+    g: d3.Selection<SVGGElement, FlextreeNode<INode>, HTMLElement, FlextreeNode<INode>>;
+    zoom: d3.ZoomBehavior<SVGElement, FlextreeNode<INode>>;
     viewHooks: ReturnType<typeof createViewHooks>;
     revokers: (() => void)[];
     constructor(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>);
     getStyleContent(): string;
     updateStyle(): void;
-    handleZoom(e: any): void;
-    handlePan(e: WheelEvent): void;
+    handleZoom: (e: any) => void;
+    handlePan: (e: WheelEvent) => void;
     toggleNode(data: INode, recursive?: boolean): void;
-    handleClick(e: MouseEvent, d: IMarkmapFlexTreeItem): void;
+    handleClick: (e: MouseEvent, d: FlextreeNode<INode>) => void;
     initializeData(node: INode): void;
-    setOptions(opts: Partial<IMarkmapOptions>): void;
-    setData(data?: INode, opts?: Partial<IMarkmapOptions>): void;
+    setOptions(opts?: Partial<IMarkmapOptions>): void;
+    setData(data?: IPureNode | null, opts?: Partial<IMarkmapOptions>): void;
     renderData(originData?: INode): void;
     transition<T extends d3.BaseType, U, P extends d3.BaseType, Q>(sel: d3.Selection<T, U, P, Q>): d3.Transition<T, U, P, Q>;
     /**
@@ -52,7 +53,7 @@ export declare class Markmap {
      */
     rescale(scale: number): Promise<void>;
     destroy(): void;
-    static create(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>, data?: INode): Markmap;
+    static create(svg: string | SVGElement | ID3SVGElement, opts?: Partial<IMarkmapOptions>, data?: IPureNode | null): Markmap;
 }
 export declare function deriveOptions(jsonOptions?: IMarkmapJSONOptions): Partial<IMarkmapOptions>;
 export {};