alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(minimap): add scaling

Browse Source
This commit is contained in:
moklick
2019-08-05 17:29:26 +02:00
parent f61f89410f
commit 34a0df46f9
6 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dist/ReactGraph.js vendored
View File

@@ -33631,7 +33631,8 @@
width: 200
};
var index = (function (_ref) {
var style = _ref.style,
var _ref$style = _ref.style,
style = _ref$style === void 0 ? {} : _ref$style,
className = _ref.className,
_ref$bgColor = _ref.bgColor,
bgColor = _ref$bgColor === void 0 ? '#f8f8f8' : _ref$bgColor,
@@ -33668,7 +33669,7 @@
var x = pos.x * state.transform[2] + transformX;
var y = pos.y * state.transform[2] + transformY;
ctx.fillStyle = nodeColor;
ctx.fillRect(x * scaleFactor, y * scaleFactor, n.__rg.width * scaleFactor, n.__rg.height * scaleFactor);
ctx.fillRect(x * scaleFactor, y * scaleFactor, n.__rg.width * scaleFactor * state.transform[2], n.__rg.height * scaleFactor * state.transform[2]);
});
}
}, [nodePositions, state.transform, height]);

7
example/build/example.e31bb0bc.js
View File

@@ -42266,7 +42266,8 @@ var baseStyle = {
};
var _default = function _default(_ref) {
var style = _ref.style,
var _ref$style = _ref.style,
style = _ref$style === void 0 ? {} : _ref$style,
className = _ref.className,
_ref$bgColor = _ref.bgColor,
bgColor = _ref$bgColor === void 0 ? '#f8f8f8' : _ref$bgColor,
@@ -42303,7 +42304,7 @@ var _default = function _default(_ref) {
var x = pos.x * state.transform[2] + transformX;
var y = pos.y * state.transform[2] + transformY;
ctx.fillStyle = nodeColor;
ctx.fillRect(x * scaleFactor, y * scaleFactor, n.__rg.width * scaleFactor, n.__rg.height * scaleFactor);
ctx.fillRect(x * scaleFactor, y * scaleFactor, n.__rg.width * scaleFactor * state.transform[2], n.__rg.height * scaleFactor * state.transform[2]);
});
}
}, [nodePositions, state.transform, height]);
@@ -42853,7 +42854,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
var ws = new WebSocket(protocol + '://' + hostname + ':' + "54719" + '/');
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60876" + '/');
ws.onmessage = function (event) {
checkedAssets = {};

2
example/build/example.e31bb0bc.js.map
View File

File diff suppressed because one or more lines are too long

2
example/build/index.js
View File

@@ -212,7 +212,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
var ws = new WebSocket(protocol + '://' + hostname + ':' + "54719" + '/');
var ws = new WebSocket(protocol + '://' + hostname + ':' + "60876" + '/');
ws.onmessage = function (event) {
checkedAssets = {};

2
example/build/index.js.map
View File

File diff suppressed because one or more lines are too long

6
src/Plugins/MiniMap/index.js
View File

@@ -41,9 +41,9 @@ export default ({ style = {}, className, bgColor = '#f8f8f8', nodeColor = '#ddd'
ctx.fillRect(
(x * scaleFactor),
(y * scaleFactor),
n.__rg.width * scaleFactor,
n.__rg.height * scaleFactor)
;
n.__rg.width * scaleFactor * state.transform[2],
n.__rg.height * scaleFactor * state.transform[2]
);
});
}
}, [nodePositions, state.transform, height])