@flowgram.ai/free-auto-layout-plugin 0.1.0-alpha.15 → 0.1.0-alpha.16

package/dist/index.d.mts

@@ -145,44 +145,26 @@ declare namespace dagreLib {
  * SPDX-License-Identifier: MIT
  */
 
-declare class LayoutStore {
-    readonly config: LayoutConfig;
-    private indexMap;
-    private init;
-    private store;
-    private container;
+interface ILayoutStore {
+    container: LayoutNode;
     options: LayoutOptions;
-    constructor(config: LayoutConfig);
     get initialized(): boolean;
     getNode(id?: string): LayoutNode | undefined;
     getNodeByIndex(index: string): LayoutNode | undefined;
     getEdge(id: string): LayoutEdge | undefined;
-    get nodes(): LayoutNode[];
-    get edges(): LayoutEdge[];
+    nodes: LayoutNode[];
+    edges: LayoutEdge[];
     create(params: LayoutParams, options: LayoutOptions): void;
-    /** 创建布局数据 */
-    private createStore;
-    /** 创建节点布局数据 */
-    private createLayoutNodes;
-    /** 创建线条布局数据 */
-    private createEdgesStore;
-    /** 创建虚拟线条数据 */
-    private createVirtualEdges;
-    /** 创建节点索引映射 */
-    private createIndexMap;
-    /** 节点排序 */
-    private sortNodes;
-    /** 记录运行选项 */
-    private setOptions;
-    /** 设置跟随节点配置 */
-    private setFollowNode;
 }
-
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
+interface ILayout {
+    init(params: LayoutParams, options: LayoutOptions): void;
+    layout(): void;
+    position(): Promise<void>;
+}
+interface LayoutSize {
+    width: number;
+    height: number;
+}
 interface LayoutNode {
     id: string;
     /** 节点索引 */
@@ -203,13 +185,19 @@ interface LayoutNode {
         x: number;
         y: number;
     };
-    /** 宽高 */
-    size: {
-        width: number;
-        height: number;
+    /** 边距 */
+    padding: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
     };
-    /** 是否存在子节点 */
-    hasChildren: boolean;
+    /** 宽高 */
+    size: LayoutSize;
+    /** 子节点 */
+    layoutNodes: LayoutNode[];
+    /** 子线条 */
+    layoutEdges: LayoutEdge[];
     /** 被跟随节点 */
     followedBy?: string[];
     /** 跟随节点 */
@@ -231,13 +219,16 @@ interface LayoutEdge {
     name: string;
 }
 interface LayoutParams {
-    nodes: WorkflowNodeEntity[];
-    edges: WorkflowLineEntity[];
-    container: WorkflowNodeEntity;
+    container: LayoutNode;
+    layoutNodes: LayoutNode[];
+    layoutEdges: LayoutEdge[];
 }
 interface LayoutOptions {
+    containerNode?: WorkflowNodeEntity;
     getFollowNode?: GetFollowNode;
     enableAnimation?: boolean;
+    animationDuration?: number;
+    disableFitView?: boolean;
 }
 interface LayoutConfig {
     /** Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right. */
@@ -260,7 +251,7 @@ interface LayoutConfig {
     ranker: 'network-simplex' | 'tight-tree' | 'longest-path';
 }
 type GetFollowNode = (node: LayoutNode, context: {
-    store: LayoutStore;
+    store: ILayoutStore;
     /** 业务自定义参数 */
     [key: string]: any;
 }) => {
@@ -283,7 +274,7 @@ declare const createFreeAutoLayoutPlugin: _flowgram_ai_core.PluginCreator<AutoLa
  * SPDX-License-Identifier: MIT
  */
 
-declare class Layout {
+declare class Layout implements ILayout {
     private readonly _store;
     private readonly _layout;
     private readonly _position;
@@ -293,6 +284,40 @@ declare class Layout {
     position(): Promise<void>;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+declare class LayoutStore implements ILayoutStore {
+    readonly config: LayoutConfig;
+    private indexMap;
+    private init;
+    private store;
+    options: LayoutOptions;
+    container: LayoutNode;
+    constructor(config: LayoutConfig);
+    get initialized(): boolean;
+    getNode(id?: string): LayoutNode | undefined;
+    getNodeByIndex(index: string): LayoutNode | undefined;
+    getEdge(id: string): LayoutEdge | undefined;
+    get nodes(): LayoutNode[];
+    get edges(): LayoutEdge[];
+    create(params: LayoutParams, options: LayoutOptions): void;
+    /** 创建布局数据 */
+    private createStore;
+    /** 创建虚拟线条数据 */
+    private createVirtualEdges;
+    /** 创建节点索引映射 */
+    private createIndexMap;
+    /** 节点排序 */
+    private sortNodes;
+    /** 记录运行选项 */
+    private setOptions;
+    /** 设置跟随节点配置 */
+    private setFollowNode;
+}
+
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
@@ -306,12 +331,22 @@ declare const DefaultLayoutConfig: LayoutConfig;
  */
 
 declare class AutoLayoutService {
+    private playground;
     private readonly document;
     private layoutConfig;
     init(options: AutoLayoutOptions): void;
     layout(options?: Partial<LayoutOptions>): Promise<void>;
+    private fitView;
     private layoutNode;
+    private createLayoutNodes;
+    /** 创建节点布局数据 */
+    private createLayoutNode;
+    private createLayoutEdges;
+    /** 创建线条布局数据 */
+    private createLayoutEdge;
     private getNodesAllLines;
+    private getLayoutNodeRect;
+    private layoutNodeRect;
 }
 
 export { AutoLayoutService, DefaultLayoutConfig, type GetFollowNode, Layout, type LayoutEdge, type LayoutNode, type LayoutOptions, LayoutStore, createFreeAutoLayoutPlugin, dagreLib };

package/dist/index.d.ts

@@ -145,44 +145,26 @@ declare namespace dagreLib {
  * SPDX-License-Identifier: MIT
  */
 
-declare class LayoutStore {
-    readonly config: LayoutConfig;
-    private indexMap;
-    private init;
-    private store;
-    private container;
+interface ILayoutStore {
+    container: LayoutNode;
     options: LayoutOptions;
-    constructor(config: LayoutConfig);
     get initialized(): boolean;
     getNode(id?: string): LayoutNode | undefined;
     getNodeByIndex(index: string): LayoutNode | undefined;
     getEdge(id: string): LayoutEdge | undefined;
-    get nodes(): LayoutNode[];
-    get edges(): LayoutEdge[];
+    nodes: LayoutNode[];
+    edges: LayoutEdge[];
     create(params: LayoutParams, options: LayoutOptions): void;
-    /** 创建布局数据 */
-    private createStore;
-    /** 创建节点布局数据 */
-    private createLayoutNodes;
-    /** 创建线条布局数据 */
-    private createEdgesStore;
-    /** 创建虚拟线条数据 */
-    private createVirtualEdges;
-    /** 创建节点索引映射 */
-    private createIndexMap;
-    /** 节点排序 */
-    private sortNodes;
-    /** 记录运行选项 */
-    private setOptions;
-    /** 设置跟随节点配置 */
-    private setFollowNode;
 }
-
-/**
- * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
- * SPDX-License-Identifier: MIT
- */
-
+interface ILayout {
+    init(params: LayoutParams, options: LayoutOptions): void;
+    layout(): void;
+    position(): Promise<void>;
+}
+interface LayoutSize {
+    width: number;
+    height: number;
+}
 interface LayoutNode {
     id: string;
     /** 节点索引 */
@@ -203,13 +185,19 @@ interface LayoutNode {
         x: number;
         y: number;
     };
-    /** 宽高 */
-    size: {
-        width: number;
-        height: number;
+    /** 边距 */
+    padding: {
+        top: number;
+        bottom: number;
+        left: number;
+        right: number;
     };
-    /** 是否存在子节点 */
-    hasChildren: boolean;
+    /** 宽高 */
+    size: LayoutSize;
+    /** 子节点 */
+    layoutNodes: LayoutNode[];
+    /** 子线条 */
+    layoutEdges: LayoutEdge[];
     /** 被跟随节点 */
     followedBy?: string[];
     /** 跟随节点 */
@@ -231,13 +219,16 @@ interface LayoutEdge {
     name: string;
 }
 interface LayoutParams {
-    nodes: WorkflowNodeEntity[];
-    edges: WorkflowLineEntity[];
-    container: WorkflowNodeEntity;
+    container: LayoutNode;
+    layoutNodes: LayoutNode[];
+    layoutEdges: LayoutEdge[];
 }
 interface LayoutOptions {
+    containerNode?: WorkflowNodeEntity;
     getFollowNode?: GetFollowNode;
     enableAnimation?: boolean;
+    animationDuration?: number;
+    disableFitView?: boolean;
 }
 interface LayoutConfig {
     /** Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right. */
@@ -260,7 +251,7 @@ interface LayoutConfig {
     ranker: 'network-simplex' | 'tight-tree' | 'longest-path';
 }
 type GetFollowNode = (node: LayoutNode, context: {
-    store: LayoutStore;
+    store: ILayoutStore;
     /** 业务自定义参数 */
     [key: string]: any;
 }) => {
@@ -283,7 +274,7 @@ declare const createFreeAutoLayoutPlugin: _flowgram_ai_core.PluginCreator<AutoLa
  * SPDX-License-Identifier: MIT
  */
 
-declare class Layout {
+declare class Layout implements ILayout {
     private readonly _store;
     private readonly _layout;
     private readonly _position;
@@ -293,6 +284,40 @@ declare class Layout {
     position(): Promise<void>;
 }
 
+/**
+ * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+ * SPDX-License-Identifier: MIT
+ */
+
+declare class LayoutStore implements ILayoutStore {
+    readonly config: LayoutConfig;
+    private indexMap;
+    private init;
+    private store;
+    options: LayoutOptions;
+    container: LayoutNode;
+    constructor(config: LayoutConfig);
+    get initialized(): boolean;
+    getNode(id?: string): LayoutNode | undefined;
+    getNodeByIndex(index: string): LayoutNode | undefined;
+    getEdge(id: string): LayoutEdge | undefined;
+    get nodes(): LayoutNode[];
+    get edges(): LayoutEdge[];
+    create(params: LayoutParams, options: LayoutOptions): void;
+    /** 创建布局数据 */
+    private createStore;
+    /** 创建虚拟线条数据 */
+    private createVirtualEdges;
+    /** 创建节点索引映射 */
+    private createIndexMap;
+    /** 节点排序 */
+    private sortNodes;
+    /** 记录运行选项 */
+    private setOptions;
+    /** 设置跟随节点配置 */
+    private setFollowNode;
+}
+
 /**
  * Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
  * SPDX-License-Identifier: MIT
@@ -306,12 +331,22 @@ declare const DefaultLayoutConfig: LayoutConfig;
  */
 
 declare class AutoLayoutService {
+    private playground;
     private readonly document;
     private layoutConfig;
     init(options: AutoLayoutOptions): void;
     layout(options?: Partial<LayoutOptions>): Promise<void>;
+    private fitView;
     private layoutNode;
+    private createLayoutNodes;
+    /** 创建节点布局数据 */
+    private createLayoutNode;
+    private createLayoutEdges;
+    /** 创建线条布局数据 */
+    private createLayoutEdge;
     private getNodesAllLines;
+    private getLayoutNodeRect;
+    private layoutNodeRect;
 }
 
 export { AutoLayoutService, DefaultLayoutConfig, type GetFollowNode, Layout, type LayoutEdge, type LayoutNode, type LayoutOptions, LayoutStore, createFreeAutoLayoutPlugin, dagreLib };