mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-31 23:47:28 -08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

add label offset

Browse source
This commit is contained in:
Mutasem 2021-11-02 14:54:25 +01:00
parent bc647e0a5d
commit 785bb2651d
2 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
packages/editor-ui/src/plugins/N8nFlowchartType.js
View file

@ -36,7 +36,7 @@
totalLength = 0, totalLength = 0,
segmentProportions = [], segmentProportions = [],
segmentProportionalLengths = [], segmentProportionalLengths = [],
indexOffset = params.indexOffset, getEndpointOffset = params.getEndpointOffset,
stub = params.stub || 0, stub = params.stub || 0,
sourceStub = _ju.isArray(stub) ? stub[0] : stub, sourceStub = _ju.isArray(stub) ? stub[0] : stub,
targetStub = _ju.isArray(stub) ? stub[1] : stub, targetStub = _ju.isArray(stub) ? stub[1] : stub,
@ -235,12 +235,10 @@
sy = swapY ? h + (sourceGap * so[1]) : sourceGap * so[1], sy = swapY ? h + (sourceGap * so[1]) : sourceGap * so[1],
tx = swapX ? targetGap * to[0] : w + (targetGap * to[0]), tx = swapX ? targetGap * to[0] : w + (targetGap * to[0]),
ty = swapY ? targetGap * to[1] : h + (targetGap * to[1]), ty = swapY ? targetGap * to[1] : h + (targetGap * to[1]),
oProduct = ((so[0] * to[0]) + (so[1] * to[1])), oProduct = ((so[0] * to[0]) + (so[1] * to[1]));
sourceIndex = params.sourceEndpoint && params.sourceEndpoint.__meta ? params.sourceEndpoint.__meta.index : 0,
targetIndex = params.targetEndpoint && params.targetEndpoint.__meta ? params.targetEndpoint.__meta.index : 0;
const sourceStubWithOffset = sourceStub + sourceIndex * indexOffset; const sourceStubWithOffset = sourceStub + (getEndpointOffset && params.sourceEndpoint ? getEndpointOffset(params.sourceEndpoint) : 0);
const targetStubWithOffset = targetStub + targetIndex * indexOffset; const targetStubWithOffset = targetStub + (getEndpointOffset && params.targetEndpoint ? getEndpointOffset(params.targetEndpoint) : 0);
var result = { var result = {
sx: sx, sy: sy, tx: tx, ty: ty, lw: lw, sx: sx, sy: sy, tx: tx, ty: ty, lw: lw,
@ -337,7 +335,7 @@
this.type = "N8nFlowchart"; this.type = "N8nFlowchart";
params = params || {}; params = params || {};
params.stub = params.stub == null ? 30 : params.stub; params.stub = params.stub == null ? 30 : params.stub;
params.indexOffset = params.indexOffset == null ? 5 : params.indexOffset; params.getEndpointOffset = params.getEndpointOffset;
var segments, var segments,
_super = _jp.Connectors.N8nAbstractConnector.apply(this, arguments), _super = _jp.Connectors.N8nAbstractConnector.apply(this, arguments),
midpoint = params.midpoint == null ? 0.5 : params.midpoint, midpoint = params.midpoint == null ? 0.5 : params.midpoint,

10
packages/editor-ui/src/views/canvasHelpers.ts
View file

@ -49,7 +49,15 @@ export const CONNECTOR_FLOWCHART_TYPE = ['N8nFlowchart', {
alwaysRespectStubs: true, alwaysRespectStubs: true,
loopbackVerticalLength: NODE_SIZE, // length of vertical segment when looping loopbackVerticalLength: NODE_SIZE, // length of vertical segment when looping
loopbackMinimum: 140, // minimum length before flowchart loops around loopbackMinimum: 140, // minimum length before flowchart loops around
indexOffset: 10, // stub offset between different endpoints of same node getEndpointOffset(endpoint: Endpoint) {
const indexOffset = 10; // stub offset between different endpoints of same node
const index = endpoint && endpoint.__meta ? endpoint.__meta.index : 0;
const outputOverlay = endpoint.getOverlay(OVERLAY_OUTPUT_NAME_LABEL);
const labelOffset = outputOverlay && outputOverlay.label && outputOverlay.label.length > 1 ? 10 : 0;
return index * indexOffset + labelOffset;
},
}]; }];
export const CONNECTOR_PAINT_STYLE_DEFAULT: PaintStyle = { export const CONNECTOR_PAINT_STYLE_DEFAULT: PaintStyle = {