@antv/x6
Version:
JavaScript diagramming library that uses SVG and HTML for rendering
136 lines • 4.65 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.er = void 0;
const er = function (vertices, options, edgeView) {
const offsetRaw = options.offset || 32;
const min = options.min == null ? 16 : options.min;
let offset = 0;
let direction = options.direction;
const sourceBBox = edgeView.sourceBBox;
const targetBBox = edgeView.targetBBox;
const sourcePoint = sourceBBox.getCenter();
const targetPoint = targetBBox.getCenter();
if (typeof offsetRaw === 'number') {
offset = offsetRaw;
}
if (direction == null) {
let dx = targetBBox.left - sourceBBox.right;
let dy = targetBBox.top - sourceBBox.bottom;
if (dx >= 0 && dy >= 0) {
direction = dx >= dy ? 'L' : 'T';
}
else if (dx <= 0 && dy >= 0) {
dx = sourceBBox.left - targetBBox.right;
if (dx >= 0) {
direction = dx >= dy ? 'R' : 'T';
}
else {
direction = 'T';
}
}
else if (dx >= 0 && dy <= 0) {
dy = sourceBBox.top - targetBBox.bottom;
if (dy >= 0) {
direction = dx >= dy ? 'L' : 'B';
}
else {
direction = 'L';
}
}
else {
dx = sourceBBox.left - targetBBox.right;
dy = sourceBBox.top - targetBBox.bottom;
if (dx >= 0 && dy >= 0) {
direction = dx >= dy ? 'R' : 'B';
}
else if (dx <= 0 && dy >= 0) {
direction = 'B';
}
else if (dx >= 0 && dy <= 0) {
direction = 'R';
}
else {
direction = Math.abs(dx) > Math.abs(dy) ? 'R' : 'B';
}
}
}
if (direction === 'H') {
direction = targetPoint.x - sourcePoint.x >= 0 ? 'L' : 'R';
}
else if (direction === 'V') {
direction = targetPoint.y - sourcePoint.y >= 0 ? 'T' : 'B';
}
if (offsetRaw === 'center') {
if (direction === 'L') {
offset = (targetBBox.left - sourceBBox.right) / 2;
}
else if (direction === 'R') {
offset = (sourceBBox.left - targetBBox.right) / 2;
}
else if (direction === 'T') {
offset = (targetBBox.top - sourceBBox.bottom) / 2;
}
else if (direction === 'B') {
offset = (sourceBBox.top - targetBBox.bottom) / 2;
}
}
let coord;
let dim;
let factor;
const horizontal = direction === 'L' || direction === 'R';
if (horizontal) {
if (targetPoint.y === sourcePoint.y) {
return [...vertices];
}
factor = direction === 'L' ? 1 : -1;
coord = 'x';
dim = 'width';
}
else {
if (targetPoint.x === sourcePoint.x) {
return [...vertices];
}
factor = direction === 'T' ? 1 : -1;
coord = 'y';
dim = 'height';
}
const source = sourcePoint.clone();
const target = targetPoint.clone();
source[coord] += factor * (sourceBBox[dim] / 2 + offset);
target[coord] -= factor * (targetBBox[dim] / 2 + offset);
if (horizontal) {
const sourceX = source.x;
const targetX = target.x;
const sourceDelta = sourceBBox.width / 2 + min;
const targetDelta = targetBBox.width / 2 + min;
if (targetPoint.x > sourcePoint.x) {
if (targetX <= sourceX) {
source.x = Math.max(targetX, sourcePoint.x + sourceDelta);
target.x = Math.min(sourceX, targetPoint.x - targetDelta);
}
}
else if (targetX >= sourceX) {
source.x = Math.min(targetX, sourcePoint.x - sourceDelta);
target.x = Math.max(sourceX, targetPoint.x + targetDelta);
}
}
else {
const sourceY = source.y;
const targetY = target.y;
const sourceDelta = sourceBBox.height / 2 + min;
const targetDelta = targetBBox.height / 2 + min;
if (targetPoint.y > sourcePoint.y) {
if (targetY <= sourceY) {
source.y = Math.max(targetY, sourcePoint.y + sourceDelta);
target.y = Math.min(sourceY, targetPoint.y - targetDelta);
}
}
else if (targetY >= sourceY) {
source.y = Math.min(targetY, sourcePoint.y - sourceDelta);
target.y = Math.max(sourceY, targetPoint.y + targetDelta);
}
}
return [source.toJSON(), ...vertices, target.toJSON()];
};
exports.er = er;
//# sourceMappingURL=er.js.map