@flowgram.ai/free-auto-layout-plugin 0.1.0-alpha.18 → 0.1.0-alpha.19

package/dist/index.d.mts

@@ -224,11 +224,16 @@ interface LayoutParams {
     layoutEdges: LayoutEdge[];
 }
 interface LayoutOptions {
+    layoutConfig?: Partial<LayoutConfig>;
     containerNode?: WorkflowNodeEntity;
     getFollowNode?: GetFollowNode;
     enableAnimation?: boolean;
     animationDuration?: number;
     disableFitView?: boolean;
+    filterNode?: (params: {
+        node: WorkflowNodeEntity;
+        parent?: WorkflowNodeEntity;
+    }) => boolean;
 }
 interface LayoutConfig {
     /** Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right. */
@@ -267,6 +272,10 @@ interface AutoLayoutOptions {
     layoutConfig?: Partial<LayoutConfig>;
 }
 
+/**
+ * Auto layout plugin - 自动布局插件
+ * https://flowgram.ai/guide/plugin/free-auto-layout-plugin.html
+ */
 declare const createFreeAutoLayoutPlugin: _flowgram_ai_core.PluginCreator<AutoLayoutOptions>;
 
 /**

package/dist/index.d.ts

@@ -224,11 +224,16 @@ interface LayoutParams {
     layoutEdges: LayoutEdge[];
 }
 interface LayoutOptions {
+    layoutConfig?: Partial<LayoutConfig>;
     containerNode?: WorkflowNodeEntity;
     getFollowNode?: GetFollowNode;
     enableAnimation?: boolean;
     animationDuration?: number;
     disableFitView?: boolean;
+    filterNode?: (params: {
+        node: WorkflowNodeEntity;
+        parent?: WorkflowNodeEntity;
+    }) => boolean;
 }
 interface LayoutConfig {
     /** Direction for rank nodes. Can be TB, BT, LR, or RL, where T = top, B = bottom, L = left, and R = right. */
@@ -267,6 +272,10 @@ interface AutoLayoutOptions {
     layoutConfig?: Partial<LayoutConfig>;
 }
 
+/**
+ * Auto layout plugin - 自动布局插件
+ * https://flowgram.ai/guide/plugin/free-auto-layout-plugin.html
+ */
 declare const createFreeAutoLayoutPlugin: _flowgram_ai_core.PluginCreator<AutoLayoutOptions>;
 
 /**

package/dist/index.js

@@ -2126,6 +2126,7 @@ var DefaultLayoutConfig = {
   ranker: "network-simplex"
 };
 var DefaultLayoutOptions = {
+  filterNode: void 0,
   getFollowNode: void 0,
   disableFitView: false,
   enableAnimation: false,
@@ -2617,7 +2618,11 @@ var AutoLayoutService = class {
       return [];
     }
     const childrenLayouts = (await Promise.all(layoutNodes.map((n) => this.layoutNode(n, options)))).flat();
-    const layout2 = new Layout(this.layoutConfig);
+    const layoutConfig = {
+      ...this.layoutConfig,
+      ...options.layoutConfig
+    };
+    const layout2 = new Layout(layoutConfig);
     layout2.init({ container, layoutNodes, layoutEdges }, options);
     layout2.layout();
     const rect = this.getLayoutNodeRect(container);
@@ -2632,7 +2637,9 @@ var AutoLayoutService = class {
   }
   /** 创建节点布局数据 */
   createLayoutNode(node, options) {
-    const { blocks } = node;
+    const blocks = node.blocks.filter(
+      (blockNode) => options.filterNode ? options.filterNode?.({ node: blockNode, parent: node.parent }) : true
+    );
     const edges = this.getNodesAllLines(blocks);
     const layoutNodes = this.createLayoutNodes(blocks, options);
     const layoutEdges = this.createLayoutEdges(edges);