gojs
Version:
Interactive diagrams, charts, and graphs, such as trees, flowcharts, orgcharts, UML, BPMN, or business diagrams
193 lines (192 loc) • 9.68 kB
JavaScript
/*
* Copyright (C) 1998-2020 by Northwoods Software Corporation. All Rights Reserved.
*/
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 (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
(function (factory) {
if (typeof module === "object" && typeof module.exports === "object") {
var v = factory(require, exports);
if (v !== undefined) module.exports = v;
}
else if (typeof define === "function" && define.amd) {
define(["require", "exports", "../release/go.js"], factory);
}
})(function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
/*
* This is an extension and not part of the main GoJS library.
* Note that the API for this class may change with any version, even point releases.
* If you intend to use an extension in production, you should copy the code to your own source directory.
* Extensions can be found in the GoJS kit under the extensions or extensionsTS folders.
* See the Extensions intro page (https://gojs.net/latest/intro/extensions.html) for more information.
*/
var go = require("../release/go.js");
/**
* A custom {@link TreeLayout} that requires a "Split" node and a "Merge" node, by category.
* The "Split" node should be the root of a tree-like structure if one excludes links to the "Merge" node.
* This will position the "Merge" node to line up with the "Split" node.
*
* Assume there is a pair of nodes that "Split" and "Merge",
* along with any number of nodes extending in a tree-structure from the "Split" node.
* You can set all of the TreeLayout properties that you like,
* except that for simplicity this code just works for angle === 0 or angle === 90.
*
* If you want to experiment with this extension, try the <a href="../../extensionsTS/Parallel.html">Parallel Layout</a> sample.
* @category Layout Extension
*/
var ParallelLayout = /** @class */ (function (_super) {
__extends(ParallelLayout, _super);
/**
* Constructs a ParallelLayout and sets the following properties:
* - {@link #isRealtime} = false
* - {@link #alignment} = {@link TreeLayout.AlignmentCenterChildren}
* - {@link #compaction} = {@link TreeLayout.CompactionNone}
* - {@link #alternateAlignment} = {@link TreeLayout.AlignmentCenterChildren}
* - {@link #alternateCompaction} = {@link TreeLayout.CompactionNone}
*/
function ParallelLayout() {
var _this = _super.call(this) || this;
_this._splitNode = null;
_this._mergeNode = null;
_this.isRealtime = false;
_this.alignment = go.TreeLayout.AlignmentCenterChildren;
_this.compaction = go.TreeLayout.CompactionNone;
_this.alternateAlignment = go.TreeLayout.AlignmentCenterChildren;
_this.alternateCompaction = go.TreeLayout.CompactionNone;
return _this;
}
Object.defineProperty(ParallelLayout.prototype, "splitNode", {
/**
* This read-only property returns the node that the tree will extend from.
*/
get: function () { return this._splitNode; },
enumerable: true,
configurable: true
});
Object.defineProperty(ParallelLayout.prototype, "mergeNode", {
/**
* This read-only property returns the node that the tree will converge at.
*/
get: function () { return this._mergeNode; },
enumerable: true,
configurable: true
});
/**
* Create and initialize a {@link LayoutNetwork} with the given nodes and links.
* This override finds the split and merge nodes and sets the focus of any {@link Group}s.
* @param {Iterable.<Part>} coll a collection of {@link Part}s.
* @return {LayoutNetwork}
*/
ParallelLayout.prototype.makeNetwork = function (coll) {
var net = _super.prototype.makeNetwork.call(this, coll);
this._splitNode = null;
this._mergeNode = null;
// look for and remember the one "Split" node and the one "Merge" node
for (var it = net.vertexes.iterator; it.next();) {
var v = it.value;
if (v.node === null)
continue;
// handle asymmetric Groups, where the Placeholder is not centered
if (v.node instanceof go.Group && v.node.isSubGraphExpanded && v.node.placeholder !== null) {
v.focus = v.node.placeholder.getDocumentPoint(go.Spot.Center).subtract(v.node.position);
}
if (v.node.category === 'Split') {
if (this._splitNode)
throw new Error('Split node already exists in ' + this + ' -- existing: ' + this._splitNode + ' new: ' + v.node);
this._splitNode = v.node;
}
else if (v.node.category === 'Merge') {
if (this._mergeNode)
throw new Error('Merge node already exists in ' + this + ' -- existing: ' + this._mergeNode + ' new: ' + v.node);
this._mergeNode = v.node;
}
}
if (this._splitNode || this._mergeNode) {
if (!this._splitNode)
throw new Error('Missing Split node in ' + this);
if (!this._mergeNode)
throw new Error('Missing Merge node in ' + this);
}
// don't lay out the Merge node
if (this._mergeNode)
net.deleteNode(this._mergeNode);
return net;
};
/**
* Assigns a position for the merge node once the other nodes have been committed.
*/
ParallelLayout.prototype.commitNodes = function () {
_super.prototype.commitNodes.call(this);
if (this.network === null || this._splitNode === null)
return;
var mergeNode = this._mergeNode;
if (!mergeNode)
return;
var splitVertex = this.network.findVertex(this._splitNode);
if (!splitVertex)
return;
// line up the "Merge" node to the center of the "Split" node
if (this.angle === 0) {
mergeNode.position = new go.Point(splitVertex.x + splitVertex.subtreeSize.width + this.layerSpacing, splitVertex.centerY - mergeNode.actualBounds.height / 2);
}
else if (this.angle === 90) {
mergeNode.position = new go.Point(splitVertex.centerX - mergeNode.actualBounds.width / 2, splitVertex.y + splitVertex.subtreeSize.height + this.layerSpacing);
}
};
/**
* Finds links into the merge node and adjusts spots and maybe points.
*/
ParallelLayout.prototype.commitLinks = function () {
_super.prototype.commitLinks.call(this);
var mergeNode = this._mergeNode;
if (mergeNode) {
for (var it = mergeNode.findLinksInto(); it.next();) {
var link = it.value;
if (this.angle === 0) {
link.fromSpot = go.Spot.Right;
link.toSpot = go.Spot.Left;
}
else if (this.angle === 90) {
link.fromSpot = go.Spot.Bottom;
link.toSpot = go.Spot.Top;
}
if (!link.isOrthogonal)
continue;
// have all of the links coming into the "Merge" node have segments
// that share a common X (or if angle==90, Y) coordinate
link.updateRoute();
if (link.pointsCount >= 6) {
var pts = link.points.copy();
var p2 = pts.elt(pts.length - 4);
var p3 = pts.elt(pts.length - 3);
if (this.angle === 0) {
var x = mergeNode.position.x - this.layerSpacing / 2;
pts.setElt(pts.length - 4, new go.Point(x, p2.y));
pts.setElt(pts.length - 3, new go.Point(x, p3.y));
}
else if (this.angle === 90) {
var y = mergeNode.position.y - this.layerSpacing / 2;
pts.setElt(pts.length - 4, new go.Point(p2.x, y));
pts.setElt(pts.length - 3, new go.Point(p3.x, y));
}
link.points = pts;
}
}
}
};
return ParallelLayout;
}(go.TreeLayout));
exports.ParallelLayout = ParallelLayout;
});