2021-07-16 16:41:58 +02:00
|
|
|
/*
|
|
|
|
* Copyright [2015] [wisemapping]
|
|
|
|
*
|
|
|
|
* Licensed under WiseMapping Public License, Version 1.0 (the "License").
|
|
|
|
* It is basically the Apache License, Version 2.0 (the "License") plus the
|
|
|
|
* "powered by wisemapping" text requirement on every single page;
|
|
|
|
* you may not use this file except in compliance with the License.
|
|
|
|
* You may obtain a copy of the license at
|
|
|
|
*
|
|
|
|
* http://www.wisemapping.org/license
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
* See the License for the specific language governing permissions and
|
|
|
|
* limitations under the License.
|
|
|
|
*/
|
2021-12-04 01:11:17 +01:00
|
|
|
import { $assert } from '@wisemapping/core-js';
|
2021-12-05 00:39:20 +01:00
|
|
|
|
|
|
|
class DragConnector {
|
|
|
|
constructor(designerModel, workspace) {
|
2021-10-05 02:05:34 +02:00
|
|
|
$assert(designerModel, 'designerModel can not be null');
|
|
|
|
$assert(workspace, 'workspace can not be null');
|
2021-07-16 16:41:58 +02:00
|
|
|
|
2021-10-05 02:05:34 +02:00
|
|
|
// this._layoutManager = layoutManager;
|
|
|
|
this._designerModel = designerModel;
|
|
|
|
this._workspace = workspace;
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-10-05 02:05:34 +02:00
|
|
|
|
|
|
|
checkConnection(dragTopic) {
|
|
|
|
const topics = this._designerModel.getTopics();
|
|
|
|
|
|
|
|
// Must be disconnected from their current connection ?.
|
|
|
|
const candidates = this._searchConnectionCandidates(dragTopic);
|
|
|
|
const currentConnection = dragTopic.getConnectedToTopic();
|
|
|
|
|
|
|
|
if (currentConnection && (candidates.length == 0 || candidates[0] != currentConnection)) {
|
|
|
|
dragTopic.disconnect(this._workspace);
|
|
|
|
}
|
|
|
|
|
|
|
|
// Finally, connect nodes ...
|
|
|
|
if (!dragTopic.isConnected() && candidates.length > 0) {
|
|
|
|
dragTopic.connectTo(candidates[0]);
|
2021-07-16 16:41:58 +02:00
|
|
|
}
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-10-05 02:05:34 +02:00
|
|
|
|
|
|
|
_searchConnectionCandidates(dragTopic) {
|
|
|
|
let topics = this._designerModel.getTopics();
|
|
|
|
const draggedNode = dragTopic.getDraggedTopic();
|
|
|
|
|
|
|
|
// Drag node connects to the border ...
|
|
|
|
const dragTopicWidth = dragTopic.getSize ? dragTopic.getSize().width : 0; // Hack...
|
|
|
|
const xMouseGap = dragTopic.getPosition().x > 0 ? 0 : dragTopicWidth;
|
|
|
|
const sPos = { x: dragTopic.getPosition().x - xMouseGap, y: dragTopic.getPosition().y };
|
|
|
|
|
|
|
|
// Perform a initial filter to discard topics:
|
|
|
|
// - Exclude dragged topic
|
|
|
|
// - Exclude dragTopic pivot
|
|
|
|
// - Nodes that are collapsed
|
|
|
|
// - It's not part of the branch dragged itself
|
|
|
|
topics = topics.filter((topic) => {
|
|
|
|
let result = draggedNode != topic;
|
|
|
|
result = result && topic != draggedNode;
|
|
|
|
result = result && !topic.areChildrenShrunken() && !topic.isCollapsed();
|
|
|
|
result = result && !draggedNode.isChildTopic(topic);
|
|
|
|
return result;
|
|
|
|
});
|
|
|
|
|
|
|
|
// Filter all the nodes that are outside the vertical boundary:
|
|
|
|
// * The node is to out of the x scope
|
|
|
|
// * The x distance greater the vertical tolerated distance
|
|
|
|
topics = topics.filter((topic) => {
|
|
|
|
const tpos = topic.getPosition();
|
|
|
|
// Center topic has different alignment than the rest of the nodes. That's why i need to divide it by two...
|
|
|
|
const txborder = tpos.x + (topic.getSize().width / 2) * Math.sign(sPos.x);
|
|
|
|
const distance = (sPos.x - txborder) * Math.sign(sPos.x);
|
|
|
|
return distance > 0 && (distance < DragConnector.MAX_VERTICAL_CONNECTION_TOLERANCE);
|
|
|
|
});
|
|
|
|
|
|
|
|
// Assign a priority based on the distance:
|
|
|
|
// - Alignment with the targetNode
|
|
|
|
// - Vertical distance
|
|
|
|
// - Horizontal proximity
|
|
|
|
// - It's already connected.
|
|
|
|
const currentConnection = dragTopic.getConnectedToTopic();
|
|
|
|
const me = this;
|
|
|
|
topics = topics.sort((a, b) => {
|
|
|
|
const aPos = a.getPosition();
|
|
|
|
const bPos = b.getPosition();
|
|
|
|
|
|
|
|
const av = me._isVerticallyAligned(a.getSize(), aPos, sPos);
|
|
|
|
const bv = me._isVerticallyAligned(b.getSize(), bPos, sPos);
|
|
|
|
return me._proximityWeight(av, a, sPos, currentConnection) - me._proximityWeight(bv, b, sPos, currentConnection);
|
|
|
|
});
|
|
|
|
return topics;
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-10-05 02:05:34 +02:00
|
|
|
|
|
|
|
_proximityWeight(isAligned, target, sPos, currentConnection) {
|
|
|
|
const tPos = target.getPosition();
|
|
|
|
return (isAligned ? 0 : 200) + Math.abs(tPos.x - sPos.x) + Math.abs(tPos.y - sPos.y) + (currentConnection == target ? 0 : 100);
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-10-05 02:05:34 +02:00
|
|
|
|
|
|
|
_isVerticallyAligned(targetSize, targetPosition, sourcePosition) {
|
|
|
|
return Math.abs(sourcePosition.y - targetPosition.y) < targetSize.height / 2;
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-07-16 16:41:58 +02:00
|
|
|
|
2021-12-05 00:39:20 +01:00
|
|
|
}
|
2021-07-16 16:41:58 +02:00
|
|
|
|
|
|
|
DragConnector.MAX_VERTICAL_CONNECTION_TOLERANCE = 80;
|
|
|
|
|
2021-10-05 02:05:34 +02:00
|
|
|
export default DragConnector;
|