@logicflow/layout 2.1.0-alpha.2 → 2.1.0-alpha.4

package/es/{dagre.d.ts → dagre/index.d.ts}

@@ -4,10 +4,14 @@
  * 本插件基于dagre.js实现LogicFlow的自动化布局功能，支持多种布局方向
  * 可自动计算节点位置和连线路径，实现整洁的图形展示
  */
-import LogicFlow, { BaseEdgeModel } from '@logicflow/core';
+import LogicFlow, { BaseNodeModel, BaseEdgeModel } from '@logicflow/core';
 import { GraphLabel } from 'dagre';
-import NodeConfig = LogicFlow.NodeConfig;
-import Point = LogicFlow.Point;
+type BaseNodeData = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 /**
  * Dagre布局配置选项接口
  * @interface DagreOption
@@ -52,22 +56,16 @@ export declare class Dagre {
      */
     layout(option?: DagreOption): void;
     /**
-     * 计算字符串显示宽度（用于文本定位）
-     * @param word - 要计算的文本
-     * @returns 估算的文本像素宽度
+     * 使用 Dagre 布局
+     * @param nodes - 节点数据
+     * @param edges - 边数据
      */
-    getBytesLength(word: string): number;
-    /**
-     * 优化折线路径点，移除冗余点
-     * @param points - 原始路径点数组
-     * @returns 优化后的路径点数组
-     */
-    pointFilter(points: Point[]): Point[];
-    /**
-     * 计算边的折线路径点
-     * @param model - 边模型
-     * @param nodes - 节点数据数组
-     * @returns 计算后的路径点数组，如果无法计算则返回undefined
-     */
-    calcPointsList(model: BaseEdgeModel, nodes: NodeConfig[]): Point[] | undefined;
+    applyDagreLayout(nodes: BaseNodeModel[], edges: BaseEdgeModel[]): void;
+    convertLayoutDataToLf(nodes: BaseNodeModel[], edges: BaseEdgeModel[], layoutData: {
+        node: (id: string) => BaseNodeData;
+    }): {
+        nodes: LogicFlow.NodeConfig<LogicFlow.PropertiesType>[];
+        edges: LogicFlow.EdgeConfig<LogicFlow.PropertiesType>[];
+    };
 }
+export {};

package/es/dagre/index.js

@@ -0,0 +1,126 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import dagre, { graphlib } from 'dagre';
+import { processEdges } from '../utils/processEdge';
+/**
+ * Dagre布局类 - LogicFlow自动布局插件
+ * 基于dagre.js提供图的自动布局能力
+ */
+var Dagre = /** @class */ (function () {
+    function Dagre() {
+    }
+    /**
+     * 插件初始化方法，由LogicFlow自动调用
+     * @param lf - LogicFlow实例
+     */
+    Dagre.prototype.render = function (lf) {
+        this.lf = lf;
+    };
+    /**
+     * 执行布局算法，重新排列图中的节点和边
+     * @param option - 布局配置选项
+     */
+    Dagre.prototype.layout = function (option) {
+        if (option === void 0) { option = {}; }
+        var _a = this.lf.graphModel, nodes = _a.nodes, edges = _a.edges, gridSize = _a.gridSize;
+        // 根据网格大小调整节点间距
+        var nodesep = 100;
+        var ranksep = 150;
+        if (gridSize > 20) {
+            nodesep = gridSize * 2;
+            ranksep = gridSize * 2;
+        }
+        // 合并默认配置和用户配置
+        this.option = __assign({ 
+            // 默认从左到右布局
+            rankdir: 'LR', 
+            // 默认右下角对齐
+            align: 'UL', 
+            // 紧凑树形排名算法
+            ranker: 'tight-tree', 
+            // 层级间距
+            ranksep: ranksep, 
+            // 同层节点间距
+            nodesep: nodesep, 
+            // 图的水平边距
+            marginx: 120, 
+            // 图的垂直边距
+            marginy: 120 }, option);
+        this.applyDagreLayout(nodes, edges);
+    };
+    /**
+     * 使用 Dagre 布局
+     * @param nodes - 节点数据
+     * @param edges - 边数据
+     */
+    Dagre.prototype.applyDagreLayout = function (nodes, edges) {
+        // 创建dagre图实例
+        var g = new graphlib.Graph();
+        // dagre布局配置
+        g.setGraph(this.option);
+        //构造dagre布局数据
+        g.setDefaultEdgeLabel(function () { return ({}); });
+        nodes.forEach(function (node) {
+            g.setNode(node.id, {
+                width: node.width || 150,
+                height: node.height || 50,
+                id: node.id,
+            });
+        });
+        edges.forEach(function (edge) {
+            g.setEdge(edge.sourceNodeId, edge.targetNodeId, {
+                id: edge.id,
+            });
+        });
+        // 开始dagre布局
+        try {
+            dagre.layout(g);
+            var newGraphData = this.convertLayoutDataToLf(nodes, edges, g);
+            this.lf.renderRawData(newGraphData);
+        }
+        catch (error) {
+            console.error('Dagre layout error:', error);
+        }
+    };
+    Dagre.prototype.convertLayoutDataToLf = function (nodes, edges, layoutData) {
+        // 存储新的节点和边数据
+        var newNodes = [];
+        // 更新节点位置
+        nodes.forEach(function (nodeModel) {
+            var _a;
+            var lfNode = nodeModel.getData();
+            var newNode = layoutData.node(nodeModel.id);
+            if (!lfNode || !newNode) {
+                throw new Error("\u5E03\u5C40\u9519\u8BEF\uFF1A\u627E\u4E0D\u5230ID\u4E3A ".concat(nodeModel.id, " \u7684\u8282\u70B9"));
+            }
+            // 更新节点坐标
+            lfNode.x = newNode.x;
+            lfNode.y = newNode.y;
+            // 更新节点文本位置
+            if ((_a = lfNode === null || lfNode === void 0 ? void 0 : lfNode.text) === null || _a === void 0 ? void 0 : _a.x) {
+                lfNode.text.x = newNode.x;
+                lfNode.text.y = newNode.y;
+            }
+            newNodes.push(lfNode);
+        });
+        var newEdges = processEdges(this.lf, this.option.rankdir, this.option.isDefaultAnchor, edges, newNodes);
+        return {
+            nodes: newNodes,
+            edges: newEdges,
+        };
+    };
+    /** 插件名称，用于在LogicFlow中注册 */
+    Dagre.pluginName = 'dagre';
+    return Dagre;
+}());
+export { Dagre };
+//# sourceMappingURL=index.js.map

package/es/dagre/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dagre/index.ts"],"names":[],"mappings":"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"}

package/es/elkLayout/config.d.ts

@@ -0,0 +1,26 @@
+export declare const elkOptionMap: {
+    rankdir: {
+        LR: string;
+        TB: string;
+        BT: string;
+        RL: string;
+        default: string;
+    };
+    align: {
+        UL: string;
+        UR: string;
+        DL: string;
+        DR: string;
+        default: string;
+    };
+    ranker: {
+        'network-simplex': string;
+        'tight-tree': string;
+        'longest-path': string;
+        default: string;
+    };
+    acyclicer: {
+        greedy: string;
+        default: string;
+    };
+};

package/es/elkLayout/config.js

@@ -0,0 +1,27 @@
+export var elkOptionMap = {
+    rankdir: {
+        LR: 'RIGHT',
+        TB: 'DOWN',
+        BT: 'UP',
+        RL: 'LEFT',
+        default: 'RIGHT',
+    },
+    align: {
+        UL: 'RIGHTDOWN',
+        UR: 'RIGHTUP',
+        DL: 'LEFTDOWN',
+        DR: 'LEFTUP',
+        default: 'BALANCED',
+    },
+    ranker: {
+        'network-simplex': 'NETWORK_SIMPLEX',
+        'tight-tree': 'NETWORK_SIMPLEX',
+        'longest-path': 'LONGEST_PATH',
+        default: 'NETWORK_SIMPLEX',
+    },
+    acyclicer: {
+        greedy: 'GREEDY',
+        default: 'DEPTH_FIRST',
+    },
+};
+//# sourceMappingURL=config.js.map

package/es/elkLayout/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/elkLayout/config.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,OAAO,EAAE;QACP,EAAE,EAAE,OAAO;QACX,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,IAAI;QACR,EAAE,EAAE,MAAM;QACV,OAAO,EAAE,OAAO;KACjB;IACD,KAAK,EAAE;QACL,EAAE,EAAE,WAAW;QACf,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,QAAQ;QACZ,OAAO,EAAE,UAAU;KACpB;IACD,MAAM,EAAE;QACN,iBAAiB,EAAE,iBAAiB;QACpC,YAAY,EAAE,iBAAiB;QAC/B,cAAc,EAAE,cAAc;QAC9B,OAAO,EAAE,iBAAiB;KAC3B;IACD,SAAS,EAAE;QACT,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,aAAa;KACvB;CACF,CAAA"}

package/es/elkLayout/index.d.ts

@@ -0,0 +1,107 @@
+/**
+ * @fileoverview ElkLayout布局插件 - 提供自动化图形布局功能
+ *
+ * 本插件基于elkjs实现LogicFlow的自动化布局功能，支持多种布局方向
+ * 可自动计算节点位置和连线路径，实现整洁的图形展示
+ */
+import LogicFlow, { BaseNodeModel, BaseEdgeModel } from '@logicflow/core';
+import { LayoutOptions, ElkNode } from 'elkjs/lib/elk-api';
+/**
+ * ElkLayout布局配置选项接口
+ * @interface ElkLayoutOption
+ */
+export interface ElkLayoutOption {
+    /**
+     * 布局方向
+     * 'LR' | 'TB' | 'BT' | 'RL'
+     */
+    rankdir?: 'LR' | 'TB' | 'BT' | 'RL';
+    /**
+     * 对齐方式
+     * 'UL' | 'UR' | 'DL' | 'DR'
+     */
+    align?: 'UL' | 'UR' | 'DL' | 'DR';
+    /**
+     * 同层节点间距
+     */
+    nodesep?: number;
+    /**
+     * 层级间距
+     */
+    ranksep?: number;
+    /**
+     * 图的水平边距
+     */
+    marginx?: number;
+    /**
+     * 图的垂直边距
+     */
+    marginy?: number;
+    /**
+     * 排版算法
+     * 'network-simplex' | 'tight-tree' | 'longest-path'
+     */
+    ranker?: 'network-simplex' | 'tight-tree' | 'longest-path';
+    /**
+     * 边间距
+     */
+    edgesep?: number;
+    /**
+     * 有向无环图处理算法
+     * 'greedy'
+     */
+    acyclicer?: 'greedy';
+    /**
+     * 是否是默认锚点
+     * true: 会根据布局方向自动计算边的路径点
+     */
+    isDefaultAnchor?: boolean;
+    /**
+     * ELK 原生布局属性，用于覆盖默认配置
+     */
+    elkOption?: LayoutOptions;
+}
+/**
+ * ElkLayout插件接口定义
+ */
+export interface ElkLayoutPlugin {
+    /**
+     * 执行布局计算
+     * @param option - 布局配置选项
+     */
+    layout(option: ElkLayoutOption): void;
+}
+/**
+ * ElkLayout布局类 - LogicFlow自动布局插件
+ * 基于elkjs提供图的自动布局能力
+ */
+export declare class ElkLayout {
+    /** 插件名称，用于在LogicFlow中注册 */
+    static pluginName: string;
+    /** LogicFlow实例引用 */
+    lf: LogicFlow;
+    /** 当前布局配置 */
+    option: ElkLayoutOption;
+    /**
+     * 插件初始化方法，由LogicFlow自动调用
+     * @param lf - LogicFlow实例
+     */
+    render(lf: LogicFlow): void;
+    /**
+     * 执行布局算法，重新排列图中的节点和边
+     * @param option - 布局配置选项
+     */
+    layout(option?: ElkLayoutOption): void;
+    /**
+     * 使用 ELK 布局
+     * @param nodes - 节点数据
+     * @param edges - 边数据
+     * @param elkOption - ELK 配置选项
+     */
+    applyElkLayout(nodes: BaseNodeModel[], edges: BaseEdgeModel[]): Promise<void>;
+    convertOptionsToElk(): LayoutOptions;
+    convertLayoutDataToLf(nodes: BaseNodeModel[], edges: BaseEdgeModel[], layoutData: ElkNode): {
+        nodes: LogicFlow.NodeConfig<LogicFlow.PropertiesType>[];
+        edges: LogicFlow.EdgeConfig<LogicFlow.PropertiesType>[];
+    };
+}

package/es/elkLayout/index.js

@@ -0,0 +1,187 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import elkConstructor from 'elkjs/lib/elk.bundled';
+import { processEdges } from '../utils/processEdge';
+import { elkOptionMap } from './config';
+/**
+ * ElkLayout布局类 - LogicFlow自动布局插件
+ * 基于elkjs提供图的自动布局能力
+ */
+var ElkLayout = /** @class */ (function () {
+    function ElkLayout() {
+    }
+    /**
+     * 插件初始化方法，由LogicFlow自动调用
+     * @param lf - LogicFlow实例
+     */
+    ElkLayout.prototype.render = function (lf) {
+        this.lf = lf;
+    };
+    /**
+     * 执行布局算法，重新排列图中的节点和边
+     * @param option - 布局配置选项
+     */
+    ElkLayout.prototype.layout = function (option) {
+        if (option === void 0) { option = {}; }
+        var _a = this.lf.graphModel, nodes = _a.nodes, edges = _a.edges, gridSize = _a.gridSize;
+        // 根据网格大小调整节点间距
+        var nodesep = 100;
+        var ranksep = 150;
+        if (gridSize > 20) {
+            nodesep = gridSize * 2;
+            ranksep = gridSize * 2;
+        }
+        // 合并默认配置和用户配置
+        this.option = __assign({ 
+            // 默认从左到右布局
+            rankdir: 'LR', 
+            // 默认右下角对齐
+            align: 'UL', 
+            // 紧凑树形排名算法
+            ranker: 'tight-tree', 
+            // 层级间距
+            ranksep: ranksep, 
+            // 同层节点间距
+            nodesep: nodesep, 
+            // 图的水平边距
+            marginx: 120, 
+            // 图的垂直边距
+            marginy: 120 }, option);
+        this.applyElkLayout(nodes, edges);
+    };
+    /**
+     * 使用 ELK 布局
+     * @param nodes - 节点数据
+     * @param edges - 边数据
+     * @param elkOption - ELK 配置选项
+     */
+    ElkLayout.prototype.applyElkLayout = function (nodes, edges) {
+        return __awaiter(this, void 0, void 0, function () {
+            var elk, layoutOptions, elkGraph, elkLayoutGraph, newGraphData, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        elk = new elkConstructor();
+                        layoutOptions = this.convertOptionsToElk();
+                        elkGraph = {
+                            id: 'root',
+                            children: nodes.map(function (node) { return ({
+                                id: node.id,
+                                width: node.width || 150,
+                                height: node.height || 50,
+                            }); }),
+                            edges: edges.map(function (edge) { return ({
+                                id: edge.id,
+                                sources: [edge.sourceNodeId],
+                                targets: [edge.targetNodeId],
+                            }); }),
+                        };
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, elk.layout(elkGraph, { layoutOptions: layoutOptions })];
+                    case 2:
+                        elkLayoutGraph = _a.sent();
+                        newGraphData = this.convertLayoutDataToLf(nodes, edges, elkLayoutGraph);
+                        this.lf.renderRawData(newGraphData);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        console.error('ELK layout error:', error_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    ElkLayout.prototype.convertOptionsToElk = function () {
+        // elk布局配置
+        var rankdir = (this.option.rankdir ||
+            'default');
+        var align = (this.option.align ||
+            'default');
+        var ranker = (this.option.ranker ||
+            'default');
+        var acyclicer = (this.option.acyclicer ||
+            'default');
+        var layoutOptions = __assign({ 'elk.algorithm': 'layered', 'elk.direction': elkOptionMap.rankdir[rankdir] || elkOptionMap.rankdir.default, 'elk.layered.nodePlacement.bk.fixedAlignment': elkOptionMap.align[align] || elkOptionMap.align.default, 'elk.layered.layering.strategy': elkOptionMap.ranker[ranker] || elkOptionMap.ranker.default, 'elk.layered.cycleBreaking.strategy': elkOptionMap.acyclicer[acyclicer] || elkOptionMap.acyclicer.default, 'elk.padding': "[top=".concat(this.option.marginx || 20, ", left=").concat(this.option.marginy || 20, ", bottom=").concat(this.option.marginx || 20, ", right=").concat(this.option.marginy || 20, "]"), 'elk.spacing.nodeNode': "".concat(this.option.nodesep || 50), 'elk.spacing.edgeEdge': "".concat(this.option.edgesep || 10), 'elk.layered.spacing.nodeNodeBetweenLayers': "".concat(this.option.ranksep || 100), 'elk.layered.considerModelOrder.strategy': 'NODES_AND_EDGES', 'elk.layered.nodePlacement.strategy': 'BRANDES_KOEPF' }, this.option.elkOption);
+        return layoutOptions;
+    };
+    ElkLayout.prototype.convertLayoutDataToLf = function (nodes, edges, layoutData) {
+        // 存储新的节点和边数据
+        var newNodes = [];
+        // 更新节点位置
+        nodes.forEach(function (nodeModel) {
+            var _a;
+            var lfNode = nodeModel.getData();
+            var newNode = ((layoutData === null || layoutData === void 0 ? void 0 : layoutData.children) || []).find(function (n) { return n.id === nodeModel.id; });
+            if (!lfNode || !newNode || !newNode.x || !newNode.y) {
+                throw new Error("\u5E03\u5C40\u9519\u8BEF\uFF1A\u627E\u4E0D\u5230ID\u4E3A ".concat(nodeModel.id, " \u7684\u8282\u70B9"));
+            }
+            // 更新节点坐标
+            lfNode.x = newNode.x + nodeModel.width / 2;
+            lfNode.y = newNode.y + nodeModel.height / 2;
+            // 更新节点文本位置
+            if ((_a = lfNode === null || lfNode === void 0 ? void 0 : lfNode.text) === null || _a === void 0 ? void 0 : _a.x) {
+                lfNode.text.x = newNode.x + nodeModel.width / 2;
+                lfNode.text.y = newNode.y + nodeModel.height / 2;
+            }
+            newNodes.push(lfNode);
+        });
+        var newEdges = processEdges(this.lf, this.option.rankdir, this.option.isDefaultAnchor, edges, newNodes);
+        return {
+            nodes: newNodes,
+            edges: newEdges,
+        };
+    };
+    /** 插件名称，用于在LogicFlow中注册 */
+    ElkLayout.pluginName = 'elkLayout';
+    return ElkLayout;
+}());
+export { ElkLayout };
+//# sourceMappingURL=index.js.map

package/es/elkLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/elkLayout/index.ts"],"names":[],"mappings":"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"}

package/es/index.d.ts

@@ -1 +1,2 @@
 export * from './dagre';
+export * from './elkLayout';

package/es/index.js

@@ -1,2 +1,3 @@
 export * from './dagre';
+export * from './elkLayout';
 //# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AAEvB,cAAc,aAAa,CAAA"}

package/es/utils/processEdge.d.ts

@@ -0,0 +1,3 @@
+import LogicFlow, { BaseEdgeModel } from '@logicflow/core';
+import NodeConfig = LogicFlow.NodeConfig;
+export declare function processEdges(lf: LogicFlow, rankdir: string | undefined, isDefaultAnchor: boolean | undefined, edges: BaseEdgeModel[], newNodes: NodeConfig[]): LogicFlow.EdgeConfig<LogicFlow.PropertiesType>[];