@logicflow/layout 1.2.0-alpha.16 → 2.0.1

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+  "exclude": ["node_modules", "**/es", "**/lib"],
+  "compilerOptions": {
+    "module": "ES2020",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "noImplicitAny": true,
+    "noEmitOnError": true,
+    "noUnusedLocals": true,
+    "strictNullChecks": true,
+    "resolveJsonModule": true,
+    "experimentalDecorators": true,
+    "jsx": "react",
+    "target": "es6",
+    "lib": ["DOM", "ES2020"]
+  }
+}

package/cjs/dagre.js

@@ -1,221 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dagre = void 0;
-var layout_1 = require("@antv/layout");
-var Dagre = /** @class */ (function () {
-    function Dagre() {
-    }
-    Dagre.prototype.render = function (lf) {
-        this.lf = lf;
-    };
-    Dagre.prototype.getBytesLength = function (word) {
-        if (!word) {
-            return 0;
-        }
-        var totalLength = 0;
-        for (var i = 0; i < word.length; i++) {
-            var c = word.charCodeAt(i);
-            if ((word.match(/[A-Z]/))) {
-                totalLength += 1.5;
-            }
-            else if ((c >= 0x0001 && c <= 0x007e) || (c >= 0xff60 && c <= 0xff9f)) {
-                totalLength += 1;
-            }
-            else {
-                totalLength += 2;
-            }
-        }
-        return totalLength;
-    };
-    /**
-     * option: {
-     *   rankdir: "TB", // layout 方向, 可选 TB, BT, LR, RL
-     *   align: undefined, // 节点对齐方式，可选 UL, UR, DL, DR
-     *   nodeSize: undefined, // 节点大小
-     *   nodesepFunc: undefined, // 节点水平间距(px)
-     *   ranksepFunc: undefined, // 每一层节点之间间距
-     *   nodesep: 40, // 节点水平间距(px) 注意：如果有grid，需要保证nodesep为grid的偶数倍
-     *   ranksep: 40, // 每一层节点之间间距 注意：如果有grid，需要保证ranksep为grid的偶数倍
-     *   controlPoints: false, // 是否保留布局连线的控制点
-     *   radial: false, // 是否基于 dagre 进行辐射布局
-     *   focusNode: null, // radial 为 true 时生效，关注的节点
-     * };
-     */
-    Dagre.prototype.layout = function (option) {
-        var _this = this;
-        if (option === void 0) { option = {}; }
-        var _a = this.lf.graphModel, nodes = _a.nodes, edges = _a.edges, gridSize = _a.gridSize;
-        // 为了保证生成的节点在girdSize上，需要处理一下。
-        var nodesep = 40;
-        var ranksep = 40;
-        if (gridSize > 20) {
-            nodesep = gridSize * 2;
-            ranksep = gridSize * 2;
-        }
-        this.option = __assign({ type: 'dagre', rankdir: 'LR', 
-            // align: 'UL',
-            // align: 'UR',
-            align: 'DR', nodesep: nodesep,
-            ranksep: ranksep, begin: [120, 120] }, option);
-        var layoutInstance = new layout_1.DagreLayout(this.option);
-        var layoutData = layoutInstance.layout({
-            nodes: nodes.map(function (node) { return ({
-                id: node.id,
-                size: {
-                    width: node.width,
-                    height: node.height,
-                },
-                model: node,
-            }); }),
-            edges: edges.map(function (edge) { return ({
-                source: edge.sourceNodeId,
-                target: edge.targetNodeId,
-                model: edge,
-            }); }),
-        });
-        var newGraphData = {
-            nodes: [],
-            edges: [],
-        };
-        layoutData.nodes.forEach(function (node) {
-            // @ts-ignore: pass node data
-            var model = node.model;
-            var data = model.getData();
-            // @ts-ignore: pass node data
-            data.x = node.x;
-            // @ts-ignore: pass node data
-            data.y = node.y;
-            newGraphData.nodes.push(data);
-        });
-        layoutData.edges.forEach(function (edge) {
-            // @ts-ignore: pass edge data
-            var model = edge.model;
-            var data = model.getData();
-            data.pointsList = _this.calcPointsList(model, newGraphData.nodes);
-            if (data.pointsList) {
-                var first = data.pointsList[0];
-                var last = data.pointsList[data.pointsList.length - 1];
-                data.startPoint = { x: first.x, y: first.y };
-                data.endPoint = { x: last.x, y: last.y };
-                if (data.text && data.text.value) {
-                    data.text = {
-                        x: last.x - _this.getBytesLength(data.text.value) * 6 - 10,
-                        y: last.y,
-                        value: data.text.value,
-                    };
-                }
-            }
-            else {
-                data.startPoint = undefined;
-                data.endPoint = undefined;
-                if (data.text && data.text.value) {
-                    data.text = data.text.value;
-                }
-            }
-            newGraphData.edges.push(data);
-        });
-        this.lf.render(newGraphData);
-    };
-    Dagre.prototype.pointFilter = function (points) {
-        var allPoints = points;
-        var i = 1;
-        while (i < allPoints.length - 1) {
-            var pre = allPoints[i - 1];
-            var current = allPoints[i];
-            var next = allPoints[i + 1];
-            if ((pre.x === current.x && current.x === next.x)
-                || (pre.y === current.y && current.y === next.y)) {
-                allPoints.splice(i, 1);
-            }
-            else {
-                i++;
-            }
-        }
-        return allPoints;
-    };
-    Dagre.prototype.calcPointsList = function (model, nodes) {
-        // 在节点确认从左向右后，通过计算来保证节点连线清晰。
-        // TODO: 避障
-        var pointsList = [];
-        if (this.option.rankdir === 'LR' && model.modelType === 'polyline-edge') {
-            var sourceNodeModel = this.lf.getNodeModelById(model.sourceNodeId);
-            var targetNodeModel = this.lf.getNodeModelById(model.targetNodeId);
-            var newSourceNodeData = nodes.find(function (node) { return node.id === model.sourceNodeId; });
-            var newTargetNodeData = nodes.find(function (node) { return node.id === model.targetNodeId; });
-            if (newSourceNodeData.x < newTargetNodeData.x) {
-                pointsList.push({
-                    x: newSourceNodeData.x + sourceNodeModel.width / 2,
-                    y: newSourceNodeData.y,
-                });
-                pointsList.push({
-                    x: newSourceNodeData.x + sourceNodeModel.width / 2 + (model.offset || 50),
-                    y: newSourceNodeData.y,
-                });
-                pointsList.push({
-                    x: newSourceNodeData.x + sourceNodeModel.width / 2 + (model.offset || 50),
-                    y: newTargetNodeData.y,
-                });
-                pointsList.push({
-                    x: newTargetNodeData.x - targetNodeModel.width / 2,
-                    y: newTargetNodeData.y,
-                });
-                return this.pointFilter(pointsList);
-            }
-            // 向回连线
-            if (newSourceNodeData.x > newTargetNodeData.x) {
-                if (newSourceNodeData.y >= newTargetNodeData.y) {
-                    pointsList.push({
-                        x: newSourceNodeData.x,
-                        y: newSourceNodeData.y + sourceNodeModel.height / 2,
-                    });
-                    pointsList.push({
-                        x: newSourceNodeData.x,
-                        y: newSourceNodeData.y + sourceNodeModel.height / 2 + (model.offset || 50),
-                    });
-                    pointsList.push({
-                        x: newTargetNodeData.x,
-                        y: newSourceNodeData.y + sourceNodeModel.height / 2 + (model.offset || 50),
-                    });
-                    pointsList.push({
-                        x: newTargetNodeData.x,
-                        y: newTargetNodeData.y + targetNodeModel.height / 2,
-                    });
-                }
-                else {
-                    pointsList.push({
-                        x: newSourceNodeData.x,
-                        y: newSourceNodeData.y - sourceNodeModel.height / 2,
-                    });
-                    pointsList.push({
-                        x: newSourceNodeData.x,
-                        y: newSourceNodeData.y - sourceNodeModel.height / 2 - (model.offset || 50),
-                    });
-                    pointsList.push({
-                        x: newTargetNodeData.x,
-                        y: newSourceNodeData.y - sourceNodeModel.height / 2 - (model.offset || 50),
-                    });
-                    pointsList.push({
-                        x: newTargetNodeData.x,
-                        y: newTargetNodeData.y - targetNodeModel.height / 2,
-                    });
-                }
-                return this.pointFilter(pointsList);
-            }
-        }
-        return undefined;
-    };
-    Dagre.pluginName = 'dagre';
-    return Dagre;
-}());
-exports.Dagre = Dagre;

package/cjs/index.js

@@ -1,13 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./dagre"), exports);

package/types/dagre.d.ts

@@ -1,25 +0,0 @@
-import { DagreLayoutOptions } from '@antv/layout';
-export declare class Dagre {
-    static pluginName: string;
-    lf: any;
-    option: DagreLayoutOptions;
-    render(lf: any): void;
-    getBytesLength(word: string): number;
-    /**
-     * option: {
-     *   rankdir: "TB", // layout 方向, 可选 TB, BT, LR, RL
-     *   align: undefined, // 节点对齐方式，可选 UL, UR, DL, DR
-     *   nodeSize: undefined, // 节点大小
-     *   nodesepFunc: undefined, // 节点水平间距(px)
-     *   ranksepFunc: undefined, // 每一层节点之间间距
-     *   nodesep: 40, // 节点水平间距(px) 注意：如果有grid，需要保证nodesep为grid的偶数倍
-     *   ranksep: 40, // 每一层节点之间间距 注意：如果有grid，需要保证ranksep为grid的偶数倍
-     *   controlPoints: false, // 是否保留布局连线的控制点
-     *   radial: false, // 是否基于 dagre 进行辐射布局
-     *   focusNode: null, // radial 为 true 时生效，关注的节点
-     * };
-     */
-    layout(option?: {}): void;
-    pointFilter(points: any): any;
-    calcPointsList(model: any, nodes: any): any;
-}