@logicflow/core 1.2.27 → 2.0.0-beta.0

package/lib/view/Anchor.js

@@ -0,0 +1,317 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var compat_1 = require("preact/compat");
+var shape_1 = require("./shape");
+var constant_1 = require("../constant");
+var util_1 = require("../util");
+var Anchor = /** @class */ (function (_super) {
+    __extends(Anchor, _super);
+    function Anchor() {
+        var _this = _super.call(this) || this;
+        // TODO: 确定 event 是否会有 null 和 undefined 的情况，事件类型做相应的适配
+        _this.onDragStart = function (_a) {
+            var event = _a.event;
+            var _b = _this.props, anchorData = _b.anchorData, nodeModel = _b.nodeModel, graphModel = _b.graphModel;
+            graphModel.selectNodeById(nodeModel.id);
+            if (nodeModel.autoToFront) {
+                graphModel.toFront(nodeModel.id);
+            }
+            graphModel.eventCenter.emit(constant_1.EventType.ANCHOR_DRAGSTART, {
+                data: anchorData,
+                e: event,
+                nodeModel: nodeModel,
+            });
+            _this.setState({
+                startX: anchorData.x,
+                startY: anchorData.y,
+                endX: anchorData.x,
+                endY: anchorData.y,
+            });
+        };
+        _this.onDragging = function (_a) {
+            var event = _a.event;
+            var _b = _this.props, graphModel = _b.graphModel, nodeModel = _b.nodeModel, anchorData = _b.anchorData;
+            var transformModel = graphModel.transformModel, eventCenter = graphModel.eventCenter, width = graphModel.width, height = graphModel.height, _c = graphModel.editConfigModel, autoExpand = _c.autoExpand, stopMoveGraph = _c.stopMoveGraph;
+            var clientX = event.clientX, clientY = event.clientY;
+            var _d = graphModel.getPointByClient({
+                x: clientX,
+                y: clientY,
+            }), _e = _d.domOverlayPosition, x = _e.x, y = _e.y, _f = _d.canvasOverlayPosition, x1 = _f.x, y1 = _f.y;
+            if (_this.t) {
+                (0, util_1.cancelRaf)(_this.t);
+            }
+            var nearBoundary = []; // TODO: 定义元组类型 Tuple
+            var size = 10;
+            if (x < 10) {
+                nearBoundary = [size, 0];
+            }
+            else if (x + 10 > width) {
+                nearBoundary = [-size, 0];
+            }
+            else if (y < 10) {
+                nearBoundary = [0, size];
+            }
+            else if (y + 10 > height) {
+                nearBoundary = [0, -size];
+            }
+            _this.setState({
+                endX: x1,
+                endY: y1,
+                dragging: true,
+            });
+            _this.moveAnchorEnd(x1, y1);
+            if (nearBoundary.length > 0 && !stopMoveGraph && autoExpand) {
+                _this.t = (0, util_1.createRaf)(function () {
+                    var _a = __read(nearBoundary, 2), translateX = _a[0], translateY = _a[1];
+                    transformModel.translate(translateX, translateY);
+                    var _b = _this.state, endX = _b.endX, endY = _b.endY;
+                    _this.setState({
+                        endX: endX - translateX,
+                        endY: endY - translateY,
+                    });
+                    _this.moveAnchorEnd(endX - translateX, endY - translateY);
+                });
+            }
+            eventCenter.emit(constant_1.EventType.ANCHOR_DRAG, {
+                data: anchorData,
+                e: event,
+                nodeModel: nodeModel,
+            });
+        };
+        _this.onDragEnd = function (_a) {
+            var event = _a.event;
+            if (_this.t) {
+                (0, util_1.cancelRaf)(_this.t);
+            }
+            var edgeModel = _this.checkEnd(event);
+            _this.setState({
+                startX: 0,
+                startY: 0,
+                endX: 0,
+                endY: 0,
+                dragging: false,
+            });
+            // 清除掉缓存结果 fix:#320 因为创建边之后，会影响校验结果变化，所以需要重新校验
+            _this.sourceRuleResults.clear();
+            _this.targetRuleResults.clear();
+            var _b = _this.props, graphModel = _b.graphModel, nodeModel = _b.nodeModel, anchorData = _b.anchorData;
+            if (edgeModel) {
+                graphModel.eventCenter.emit(constant_1.EventType.ANCHOR_DRAGEND, {
+                    data: anchorData,
+                    e: event,
+                    nodeModel: nodeModel,
+                    edgeModel: edgeModel,
+                });
+            }
+        };
+        _this.checkEnd = function (event) {
+            var _a;
+            var _b = _this.props, graphModel = _b.graphModel, nodeModel = _b.nodeModel, _c = _b.anchorData, x = _c.x, y = _c.y, id = _c.id;
+            // nodeModel.setSelected(false);
+            /* 创建边 */
+            var _d = _this.state, endX = _d.endX, endY = _d.endY, dragging = _d.dragging;
+            var info = (0, util_1.targetNodeInfo)({
+                x: endX,
+                y: endY,
+            }, graphModel);
+            // 为了保证鼠标离开的时候，将上一个节点状态重置为正常状态。
+            if (_this.preTargetNode &&
+                _this.preTargetNode.state !== constant_1.ElementState.DEFAULT) {
+                _this.preTargetNode.setElementState(constant_1.ElementState.DEFAULT);
+            }
+            // 没有dragging就结束边
+            if (!dragging)
+                return;
+            if (info && info.node) {
+                var targetNode = info.node;
+                var anchorId = info.anchor.id;
+                var targetInfoId = "".concat(nodeModel.id, "_").concat(targetNode.id, "_").concat(anchorId, "_").concat(id);
+                var _e = _this.sourceRuleResults.get(targetInfoId) || {}, isSourcePass = _e.isAllPass, sourceMsg = _e.msg;
+                var _f = _this.targetRuleResults.get(targetInfoId) || {}, isTargetPass = _f.isAllPass, targetMsg = _f.msg;
+                if (isSourcePass && isTargetPass) {
+                    targetNode.setElementState(constant_1.ElementState.DEFAULT);
+                    var targetNodeModel = graphModel.getNodeModelById(info.node.id);
+                    var edgeData = (_a = graphModel.edgeGenerator) === null || _a === void 0 ? void 0 : _a.call(graphModel, nodeModel.getData(), targetNodeModel === null || targetNodeModel === void 0 ? void 0 : targetNodeModel.getData());
+                    var edgeModel = graphModel.addEdge(__assign(__assign({}, edgeData), { sourceNodeId: nodeModel.id, sourceAnchorId: id, startPoint: {
+                            x: x,
+                            y: y,
+                        }, targetNodeId: info.node.id, targetAnchorId: info.anchor.id, endPoint: {
+                            x: info.anchor.x,
+                            y: info.anchor.y,
+                        } }));
+                    var anchorData = _this.props.anchorData;
+                    graphModel.eventCenter.emit(constant_1.EventType.ANCHOR_DROP, {
+                        data: anchorData,
+                        e: event,
+                        nodeModel: nodeModel,
+                        edgeModel: edgeModel,
+                    });
+                    return edgeModel;
+                }
+                var nodeData = targetNode.getData();
+                graphModel.eventCenter.emit(constant_1.EventType.CONNECTION_NOT_ALLOWED, {
+                    data: nodeData,
+                    msg: targetMsg || sourceMsg || '不允许添加连线',
+                });
+                return null;
+            }
+        };
+        _this.sourceRuleResults = new Map();
+        _this.targetRuleResults = new Map();
+        _this.state = {
+            startX: 0,
+            startY: 0,
+            endX: 0,
+            endY: 0,
+            dragging: false,
+        };
+        _this.dragHandler = new util_1.StepDrag({
+            onDragStart: _this.onDragStart,
+            onDragging: _this.onDragging,
+            onDragEnd: _this.onDragEnd,
+        });
+        return _this;
+    }
+    Anchor.prototype.getAnchorShape = function () {
+        var _a = this.props, anchorData = _a.anchorData, style = _a.style, node = _a.node;
+        var anchorShape = node.getAnchorShape(anchorData);
+        if (anchorShape)
+            return anchorShape;
+        var x = anchorData.x, y = anchorData.y;
+        var hoverStyle = __assign(__assign({}, style), style === null || style === void 0 ? void 0 : style.hover);
+        return ((0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)(shape_1.Circle, __assign({ className: "lf-node-anchor-hover" }, hoverStyle, { x: x, y: y })), (0, jsx_runtime_1.jsx)(shape_1.Circle, __assign({ className: "lf-node-anchor" }, style, { x: x, y: y }))] }));
+    };
+    Object.defineProperty(Anchor.prototype, "customTrajectory", {
+        get: function () {
+            var customTrajectory = this.props.graphModel.customTrajectory;
+            return customTrajectory;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Anchor.prototype, "relateEdges", {
+        get: function () {
+            var _a = this.props, _b = _a.graphModel, getAnchorIncomingEdge = _b.getAnchorIncomingEdge, getAnchorOutcomingEdge = _b.getAnchorOutcomingEdge, id = _a.anchorData.id;
+            return {
+                incomingEdgeList: getAnchorIncomingEdge(id),
+                outcomingEdgeList: getAnchorOutcomingEdge(id),
+            };
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Anchor.prototype.moveAnchorEnd = function (endX, endY) {
+        var _a, _b;
+        var _c = this.props, graphModel = _c.graphModel, nodeModel = _c.nodeModel, anchorData = _c.anchorData;
+        var info = (0, util_1.targetNodeInfo)({
+            x: endX,
+            y: endY,
+        }, graphModel);
+        if (info) {
+            var targetNode = info.node;
+            var anchorId = info.anchor.id;
+            if (this.preTargetNode && this.preTargetNode !== info.node) {
+                this.preTargetNode.setElementState(constant_1.ElementState.DEFAULT);
+            }
+            // #500 不允许锚点自己连自己, 在锚点一开始连接的时候, 不触发自己连接自己的校验。
+            if (anchorData.id === anchorId) {
+                return;
+            }
+            this.preTargetNode = targetNode;
+            // 支持节点的每个锚点单独设置是否可连接，因此规则key去nodeId + anchorId作为唯一值
+            var targetInfoId = "".concat(nodeModel.id, "_").concat(targetNode.id, "_").concat(anchorId, "_").concat(anchorData.id);
+            // 查看鼠标是否进入过target，若有检验结果，表示进入过, 就不重复计算了。
+            if (!this.targetRuleResults.has(targetInfoId)) {
+                var targetAnchor = info.anchor;
+                var sourceRuleResult = nodeModel.isAllowConnectedAsSource(targetNode, anchorData, targetAnchor);
+                var targetRuleResult = targetNode.isAllowConnectedAsTarget(nodeModel, anchorData, targetAnchor);
+                this.sourceRuleResults.set(targetInfoId, (0, util_1.formateAnchorConnectValidateData)(sourceRuleResult));
+                this.targetRuleResults.set(targetInfoId, (0, util_1.formateAnchorConnectValidateData)(targetRuleResult));
+            }
+            var isSourcePass = ((_a = this.sourceRuleResults.get(targetInfoId)) !== null && _a !== void 0 ? _a : {}).isAllPass;
+            var isTargetPass = ((_b = this.targetRuleResults.get(targetInfoId)) !== null && _b !== void 0 ? _b : {}).isAllPass;
+            // 实时提示出即将链接的锚点
+            if (isSourcePass && isTargetPass) {
+                targetNode.setElementState(constant_1.ElementState.ALLOW_CONNECT);
+            }
+            else {
+                targetNode.setElementState(constant_1.ElementState.NOT_ALLOW_CONNECT);
+            }
+        }
+        else if (this.preTargetNode &&
+            this.preTargetNode.state !== constant_1.ElementState.DEFAULT) {
+            // 为了保证鼠标离开的时候，将上一个节点状态重置为正常状态。
+            this.preTargetNode.setElementState(constant_1.ElementState.DEFAULT);
+        }
+    };
+    Anchor.prototype.isShowLine = function () {
+        var _a = this.state, startX = _a.startX, startY = _a.startY, endX = _a.endX, endY = _a.endY;
+        var v = (0, util_1.distance)(startX, startY, endX, endY);
+        return v > 10;
+    };
+    Anchor.prototype.render = function () {
+        var _this = this;
+        var _a = this.state, startX = _a.startX, startY = _a.startY, endX = _a.endX, endY = _a.endY;
+        var _b = this.props, edgeAddable = _b.anchorData.edgeAddable, edgeStyle = _b.edgeStyle;
+        return (
+        // className="lf-anchor" 作为下载时，需要将锚点删除的依据，不要修改类名
+        (0, jsx_runtime_1.jsxs)("g", { className: "lf-anchor", children: [(0, jsx_runtime_1.jsx)("g", { onMouseDown: function (ev) {
+                        if (edgeAddable !== false) {
+                            _this.dragHandler.handleMouseDown(ev);
+                        }
+                    }, children: this.getAnchorShape() }), this.isShowLine() &&
+                    (this.customTrajectory ? (this.customTrajectory(__assign({ sourcePoint: {
+                            x: startX,
+                            y: startY,
+                        }, targetPoint: {
+                            x: endX,
+                            y: endY,
+                        } }, edgeStyle))) : ((0, jsx_runtime_1.jsx)(shape_1.Line, __assign({ x1: startX, y1: startY, x2: endX, y2: endY }, edgeStyle, { "pointer-events": "none" }))))] }));
+    };
+    return Anchor;
+}(compat_1.Component));
+exports.default = Anchor;
+//# sourceMappingURL=Anchor.js.map

package/lib/view/Anchor.js.map

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

package/lib/view/Control.d.ts

@@ -0,0 +1,100 @@
+import { createElement as h, Component } from 'preact/compat';
+import LogicFlow from '../LogicFlow';
+import { IDragParams, StepDrag } from '../util';
+import { BaseNodeModel, GraphModel } from '../model';
+import NodeData = LogicFlow.NodeData;
+import VectorData = LogicFlow.VectorData;
+import ResizeInfo = ResizeControl.ResizeInfo;
+import ResizeNodeData = ResizeControl.ResizeNodeData;
+import ControlItemProps = ResizeControl.ControlItemProps;
+export declare enum ResizeControlIndex {
+    LEFT_TOP = 0,
+    RIGHT_TOP = 1,
+    RIGHT_BOTTOM = 2,
+    LEFT_BOTTOM = 3
+}
+export type IResizeControlProps = {
+    model: BaseNodeModel;
+    graphModel: GraphModel;
+} & ControlItemProps;
+export type IResizeControlState = {
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+    dragging: boolean;
+};
+export declare class ResizeControl extends Component<IResizeControlProps, IResizeControlState> {
+    readonly index: ResizeControlIndex;
+    readonly nodeModel: BaseNodeModel;
+    readonly graphModel: GraphModel;
+    readonly dragHandler: StepDrag;
+    constructor(props: IResizeControlProps);
+    updateEdgePointByAnchors: () => void;
+    triggerResizeEvent: (preNodeData: ResizeNodeData, nextNodeData: ResizeNodeData) => void;
+    /**
+     * 计算 Control 拖动后，节点的高度信息
+     * @param index
+     * @param resizeInfo
+     * @param pct
+     * @param freezeWidth
+     * @param freezeHeight
+     */
+    recalcResizeInfo: (index: ResizeControlIndex, resizeInfo: ResizeInfo, pct?: number, freezeWidth?: boolean, freezeHeight?: boolean) => ResizeInfo;
+    resizeNode: ({ deltaX, deltaY }: VectorData) => void;
+    onDragging: ({ deltaX, deltaY }: IDragParams) => void;
+    onDragEnd: () => void;
+    render(): h.JSX.Element;
+}
+interface IResizeControlGroupProps {
+    style: LogicFlow.CommonTheme;
+    model: BaseNodeModel;
+    graphModel: GraphModel;
+}
+export declare class ResizeControlGroup extends Component<IResizeControlGroupProps> {
+    constructor();
+    getResizeControl(): h.JSX.Element[];
+    getResizeOutline(): h.JSX.Element;
+    render(): h.JSX.Element;
+}
+export declare namespace ResizeControl {
+    type RectShapeResizeProps = {
+        width: number;
+        height: number;
+    };
+    type PolygonShapeResizerProps = {
+        rx: number;
+        ry: number;
+    };
+    type ResizeProps = RectShapeResizeProps | PolygonShapeResizerProps;
+    type ResizeInfo = {
+        width: number;
+        height: number;
+        deltaX: number;
+        deltaY: number;
+        PCTResizeInfo?: PCTResizeParams;
+    };
+    type ResizeNodeData = NodeData & Partial<ResizeProps>;
+    type Direction = 'nw' | 'n' | 'ne' | 'e' | 'se' | 's' | 'sw' | 'w';
+    type ControlItemProps = {
+        index: ResizeControlIndex;
+        direction: Direction;
+        x: number;
+        y: number;
+    };
+    type PCTResizeParams = {
+        ResizePCT: {
+            widthPCT: number;
+            heightPCT: number;
+        };
+        ResizeBasis: {
+            basisWidth: number;
+            basisHeight: number;
+        };
+        ScaleLimit: {
+            maxScaleLimit: number;
+            minScaleLimit: number;
+        };
+    };
+}
+export default ResizeControlGroup;