squarified 0.4.0 → 0.4.2

package/dist/plugin.d.mts

@@ -1,431 +1,78 @@
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-type Any = any
+import { P as PluginContext, D as DOMEventType, a as DOMEventMetadata, L as LayoutModule, b as DOMEvent, C as ColorMappings, B as BasicTreemapInstance } from './index-BoUEaWVv.js';
 
-type AnyObject = Record<keyof Any, Any>
+declare const presetHighlightPlugin: {
+    name: "treemap:preset-highlight";
+    onLoad(this: PluginContext): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, module: LayoutModule | null, { stateManager: state, matrix }: DOMEvent): void;
+    onResize(this: PluginContext): void;
+    onDispose(this: PluginContext): void;
+    meta: {
+        highlight: null;
+    };
+};
 
-type NonNull = NonNullable<unknown>
+declare const presetDragElementPlugin: {
+    name: "treemap:preset-drag-element";
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent): void;
+    meta: {
+        dragOptions: {
+            x: number;
+            y: number;
+            lastX: number;
+            lastY: number;
+        };
+    };
+    onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
+};
 
+declare const presetColorPlugin: {
+    name: "treemap:preset-color";
+    onModuleInit(this: PluginContext, modules: LayoutModule[]): {
+        colorMappings: ColorMappings;
+    };
+};
 
-declare type ApplyTo = string | HTMLElement;
-
-declare type BasicPluginHooks = Pick<PluginHooks, 'onLoad' | 'onDOMEventTriggered' | 'onResize' | 'onDispose'>;
-
-declare interface BasicTreemapInstance {
-    init: (el: HTMLElement) => void;
-    dispose: () => void;
-    resize: () => void;
-    setOptions: (options: TreemapOptions) => void;
-}
-
-declare function bindDOMEvent(el: HTMLElement, evt: DOMEventType, dom: DOMEvent): {
-    evt: "click" | "mousedown" | "mousemove" | "mouseup" | "mouseover" | "mouseout" | "wheel" | "contextmenu";
-    handler: (e: unknown) => void;
-};
-
-declare function bindParentForModule<T extends Module & {
-    parent: Module;
-}>(modules: Module[], parent?: Module): T[];
-
-declare type BindThisParameter<T, C = unknown> = T extends (...args: infer P) => infer R ? (this: C, ...args: P) => R : never;
-
-declare class Box extends C {
-    elements: Display[];
-    constructor();
-    add(...elements: Display[]): void;
-    remove(...elements: Display[]): void;
-    destory(): void;
-    get __instanceOf__(): DisplayType.Box;
-    clone(): Box;
-}
-
-declare abstract class C extends Display {
-    elements: Display[];
-    constructor();
-    abstract get __instanceOf__(): DisplayType;
-    add(...elements: Display[]): void;
-    remove(...elements: Display[]): void;
-    destory(): void;
-}
-
-declare function c2m<T extends AnyObject & {
-    groups: Any[];
-}, K extends keyof T>(data: T, key: K, modifier?: (data: T) => T): T & {
-    weight: number;
-};
-
-declare type CascadedPluginHooks = Pick<PluginHooks, 'onModuleInit'>;
-
-declare type ColorDecoratorResult = ColorDecoratorResultHLS | ColorDecoratorResultRGB;
-
-declare interface ColorDecoratorResultHLS {
-    mode?: 'hsl';
-    desc: HLSColor;
-}
-
-declare interface ColorDecoratorResultRGB {
-    mode: 'rgb';
-    desc: RGBColor;
-}
-
-declare type ColorMappings = Record<string, ColorDecoratorResult>;
-
-declare class Component extends Schedule {
-    pluginDriver: PluginDriver<Component>;
-    data: NativeModule[];
-    colorMappings: ColorMappings;
-    rectLayer: Box;
-    textLayer: Box;
-    layoutNodes: LayoutModule[];
-    config: GraphicConfig;
-    caches: DefaultMap<string, number>;
-    constructor(config: GraphicConfig, ...args: ConstructorParameters<typeof Schedule>);
-    private drawBroundRect;
-    private drawText;
-    draw(flush?: boolean, update?: boolean): void;
-    cleanup(): void;
-    calculateLayoutNodes(data: NativeModule[], rect: Parameters<typeof squarify>[1], scale?: number): LayoutModule[];
-}
-
-declare type DefaultEventDefinition = Record<string, EventCallback>;
-
-declare class DefaultMap<K, V> extends Map<K, V> {
-    private defaultFactory;
-    constructor(defaultFactory: () => V, entries?: readonly [K, V][] | null);
-    get(key: K): V;
-    getOrInsert(key: K, value?: V): V;
-}
-
-declare abstract class Display {
-    parent: Display | null;
-    id: number;
-    matrix: Matrix2D;
-    abstract get __instanceOf__(): DisplayType;
-    constructor();
-    destory(): void;
-}
-
-declare const enum DisplayType {
-    Graph = "Graph",
-    Box = "Box",
-    Text = "Text",
-    RoundRect = "RoundRect",
-    Bitmap = "Bitmap"
-}
-
-declare const DOM_EVENTS: readonly ["click", "mousedown", "mousemove", "mouseup", "mouseover", "mouseout", "wheel", "contextmenu"];
-
-declare class DOMEvent extends Event_2<DOMEVEntDefinition> {
-    domEvents: Array<ReturnType<typeof bindDOMEvent>>;
-    el: HTMLElement | null;
-    currentModule: LayoutModule | null;
-    component: Component;
-    matrix: Matrix2D;
-    stateManager: StateManager;
-    constructor(component: Component);
-    destory(): void;
-    private dispatch;
-    findRelativeNode(e: DOMEventMetadata): LayoutModule | null;
-}
-
-declare type DOMEventCallback<T extends DOMEventType> = (metadata: DOMEventMetadata<T>) => void;
-
-declare type DOMEVEntDefinition<API = unknown> = {
-    [K in DOMEventType]: BindThisParameter<DOMEventCallback<K>, API>;
-} & {
-    __exposed__: (type: DOMEventType, metadata: PrimitiveEventMetadata<DOMEventType>) => void;
-};
-
-declare interface DOMEventMetadata<T extends keyof HTMLElementEventMap = Any> {
-    native: HTMLElementEventMap[T];
-    readonly kind: T;
-}
-
-declare type DOMEventType = typeof DOM_EVENTS[number];
-
-declare class Event_2<EvtDefinition extends DefaultEventDefinition = DefaultEventDefinition> {
-    eventCollections: EventCollections<EvtDefinition>;
-    constructor();
-    on<C, Evt extends keyof EvtDefinition>(evt: Evt, handler: BindThisParameter<EvtDefinition[Evt], unknown extends C ? this : C>, c?: C): void;
-    off(evt: keyof EvtDefinition, handler?: BindThisParameter<EvtDefinition[keyof EvtDefinition], unknown>): void;
-    silent(evt: keyof EvtDefinition, handler?: BindThisParameter<EvtDefinition[keyof EvtDefinition], unknown>): void;
-    active(evt: keyof EvtDefinition, handler?: BindThisParameter<EvtDefinition[keyof EvtDefinition], unknown>): void;
-    emit(evt: keyof EvtDefinition, ...args: Parameters<EvtDefinition[keyof EvtDefinition]>): void;
-    bindWithContext<C>(c: C): (evt: keyof EvtDefinition, handler: BindThisParameter<EvtDefinition[keyof EvtDefinition], unknown extends C ? this : C>) => void;
-}
-
-declare type EventCallback<P = Any[]> = P extends Any[] ? (...args: P) => Any : never;
-
-declare interface EventCollectionData<EvtDefinition extends DefaultEventDefinition, C = unknown> {
-    name: string;
-    handler: BindThisParameter<EvtDefinition[keyof EvtDefinition], C>;
-    ctx: C;
-    silent: boolean;
-}
-
-declare type EventCollections<EvtDefinition extends DefaultEventDefinition> = Record<keyof EvtDefinition, EventCollectionData<EvtDefinition>[]>;
-
-declare interface GraphicConfig {
-    layout?: GraphicLayout;
-    font?: GraphicFont;
-}
-
-declare interface GraphicFont {
-    color?: string;
-    fontSize?: Series<number>;
-    family?: string;
-}
-
-declare interface GraphicLayout {
-    rectRadius?: number;
-    rectGap?: number;
-    titleAreaHeight?: Series<number>;
-}
-
-declare interface HLSColor {
-    h: number;
-    l: number;
-    s: number;
-    a?: number;
-}
-
-declare interface LayoutModule {
-    node: SquarifiedModule;
-    layout: [number, number, number, number];
-    children: LayoutModule[];
-    config: {
-        titleAreaHeight: number;
-        rectGap: number;
-        rectRadius: number;
-    };
-}
-
-declare class Matrix2D implements MatrixLoc {
-    a: number;
-    b: number;
-    c: number;
-    d: number;
-    e: number;
-    f: number;
-    constructor(loc?: Partial<MatrixLoc>);
-    create(loc: MatrixLoc): this;
-    transform(x: number, y: number, scaleX: number, scaleY: number, rotation: number, skewX: number, skewY: number): this;
-    translation(x: number, y: number): this;
-    scale(a: number, d: number): this;
-    private skew;
-    private roate;
-}
-
-declare interface MatrixLoc {
-    a: number;
-    b: number;
-    c: number;
-    d: number;
-    e: number;
-    f: number;
-}
-
-declare type Module = ReturnType<typeof c2m>;
-
-declare type NativeModule = ReturnType<typeof bindParentForModule>[number] & {
-    id: string;
-    parent: NativeModule | null;
-    groups: NativeModule[];
-};
-
-declare interface OnModuleInitResult {
-    colorMappings?: ColorMappings;
-}
-
-declare interface Plugin_2<T = string, M = Any> extends PluginHooks {
-    name: T;
-    meta?: M;
-}
-
-declare interface PluginContext {
-    resolveModuleById: (id: string) => LayoutModule | null;
-    getPluginMetadata: <M = Any>(pluginName: string) => M | null;
-    get instance(): Component;
-}
-
-declare class PluginDriver<T extends Component> {
-    private plugins;
-    private pluginContext;
-    constructor(component: T);
-    use(plugin: Plugin_2): void;
-    runHook<K extends keyof BasicPluginHooks>(hookName: K, ...args: Parameters<NonNullable<BasicPluginHooks[K]>>): void;
-    cascadeHook<K extends keyof CascadedPluginHooks>(hookName: K, ...args: Parameters<NonNullable<CascadedPluginHooks[K]>>): ReturnType<NonNullable<CascadedPluginHooks[K]>>;
-    getPluginMetadata<M = Any>(pluginName: string): M | null;
-}
-
-declare interface PluginHooks {
-    onLoad?: (this: PluginContext, treemapContext: BasicTreemapInstance, domEvent: DOMEvent) => void | Record<string, Any>;
-    onModuleInit?: (this: PluginContext, modules: LayoutModule[]) => OnModuleInitResult | void;
-    onDOMEventTriggered?: <N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent) => void;
-    onResize?: (this: PluginContext, domEvent: DOMEvent) => void;
-    onDispose?: (this: PluginContext) => void;
-}
-
-export declare const presetColorPlugin: {
-    name: "treemap:preset-color";
-    onModuleInit(this: PluginContext, modules: LayoutModule[]): {
-        colorMappings: ColorMappings;
-    };
-};
-
-export declare const presetDragElementPlugin: {
-    name: "treemap:preset-drag-element";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent): void;
-    meta: {
-        dragOptions: {
-            x: number;
-            y: number;
-            lastX: number;
-            lastY: number;
-        };
-    };
-    onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
-};
-
-export declare const presetHighlightPlugin: {
-    name: "treemap:preset-highlight";
-    onLoad(this: PluginContext): void;
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, module: LayoutModule | null, { stateManager: state, matrix }: DOMEvent): void;
-    onResize(this: PluginContext): void;
-    onDispose(this: PluginContext): void;
-    meta: {
-        highlight: null;
-    };
-};
-
-export declare function presetScalePlugin(options?: ScalePluginOptions): {
-    name: "treemap:preset-scale";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: LayoutModule | null, evt: DOMEvent): void;
-    meta: {
-        scaleOptions: {
-            scale: number;
-            minScale: number;
-            maxScale: number;
-            scaleFactor: number;
-        };
-    };
-    onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
-};
-
-export declare const presetZoomablePlugin: {
-    name: "treemap:preset-zoomable";
-    onLoad(this: PluginContext, treemap: BasicTreemapInstance, { stateManager: state, matrix }: DOMEvent): BasicTreemapInstance & {
-        zoom: (id: string) => void;
-    } & Record<string, never>;
-    meta: ZoomableMetadata;
-};
-
-declare interface PrimitiveEventMetadata<T extends keyof HTMLElementEventMap> {
-    native: HTMLElementEventMap[T];
-    module: LayoutModule | null;
-}
-
-declare type Rect = {
-    w: number;
-    h: number;
-    x: number;
-    y: number;
-};
-
-declare class Render {
-    options: RenderViewportOptions;
-    private container;
-    constructor(to: HTMLElement, options: RenderViewportOptions);
-    clear(width: number, height: number): void;
-    get canvas(): HTMLCanvasElement;
-    get ctx(): CanvasRenderingContext2D;
-    initOptions(userOptions?: Partial<RenderViewportOptions>): void;
-    destory(): void;
-}
-
-declare interface RenderViewportOptions {
-    width: number;
-    height: number;
-    devicePixelRatio: number;
-    shaow?: boolean;
-}
-
-declare interface RGBColor {
-    r: number;
-    g: number;
-    b: number;
-    a?: number;
-}
-
-declare interface ScalePluginOptions {
-    /**
-     * @default Infinity
-     * @description The maximum scale factor for the treemap.
-     */
-    max?: number;
-    /**
-     * @default 0.1
-     * @description The minimum scale factor for the treemap.
-     */
-    min?: number;
-}
-
-declare class Schedule<D extends DefaultEventDefinition = DefaultEventDefinition> extends Box {
-    render: Render;
-    to: HTMLElement;
-    event: Event_2<D>;
-    constructor(to: ApplyTo, renderOptions?: Partial<RenderViewportOptions>);
-    update(): void;
-    execute(render: Render, graph?: Display): void;
-}
-
-declare type Series<T> = {
-    max: T;
-    min: T;
-};
-
-declare type SquarifiedModule = NativeModule & {
-    parent: SquarifiedModule | null;
-    groups: SquarifiedModule[];
-    isCombinedNode?: boolean;
-    originalNodeCount?: number;
-    originalNodes?: SquarifiedModule[];
-};
-
-declare function squarify(data: NativeModule[], rect: Rect, config: Required<GraphicLayout>, scale?: number): LayoutModule[];
-
-declare const STATE_TRANSITION: {
-    readonly IDLE: "IDLE";
-    readonly PRESSED: "PRESSED";
-    readonly DRAGGING: "DRAGGING";
-    readonly CLICK_POTENTIAL: "CLICK_POTENTIAL";
-    readonly ZOOMING: "ZOOMING";
-    readonly MOVE: "MOVE";
-    readonly SCALING: "SCALING";
-};
-
-declare class StateManager {
-    current: StateTransition;
-    constructor();
-    canTransition(to: StateTransition): boolean;
-    transition(to: StateTransition): boolean;
-    reset(): void;
-    isInState(state: StateTransition): boolean;
-}
-
-declare type StateTransition = typeof STATE_TRANSITION[keyof typeof STATE_TRANSITION];
-
-declare interface TreemapOptions {
-    data: Module[];
-}
-
-declare interface ZoomableMetadata {
-    isZooming: boolean;
-    previousMatrixState?: {
-        e: number;
-        f: number;
-        a: number;
-        d: number;
-    };
-}
-
-export { }
+interface ScalePluginOptions {
+    /**
+     * @default Infinity
+     * @description The maximum scale factor for the treemap.
+     */
+    max?: number;
+    /**
+     * @default 0.1
+     * @description The minimum scale factor for the treemap.
+     */
+    min?: number;
+}
+declare function presetScalePlugin(options?: ScalePluginOptions): {
+    name: "treemap:preset-scale";
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: LayoutModule | null, evt: DOMEvent): void;
+    meta: {
+        scaleOptions: {
+            scale: number;
+            minScale: number;
+            maxScale: number;
+            scaleFactor: number;
+        };
+    };
+    onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
+};
+
+interface ZoomableMetadata {
+    isZooming: boolean;
+    previousMatrixState?: {
+        e: number;
+        f: number;
+        a: number;
+        d: number;
+    };
+}
+declare const presetZoomablePlugin: {
+    name: "treemap:preset-zoomable";
+    onLoad(this: PluginContext, treemap: BasicTreemapInstance, { stateManager: state, matrix }: DOMEvent): BasicTreemapInstance & {
+        zoom: (id: string) => void;
+    } & Record<string, never>;
+    meta: ZoomableMetadata;
+};
+
+export { presetColorPlugin, presetDragElementPlugin, presetHighlightPlugin, presetScalePlugin, presetZoomablePlugin };