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
dist/ReactGraph.js
Vendored
+3 -2
View File
@@ -33631,7 +33631,8 @@
width: 200 width: 200
}; };
var index = (function (_ref) { var index = (function (_ref) {
var style = _ref.style, var _ref$style = _ref.style,
style = _ref$style === void 0 ? {} : _ref$style,
className = _ref.className, className = _ref.className,
_ref$bgColor = _ref.bgColor, _ref$bgColor = _ref.bgColor,
bgColor = _ref$bgColor === void 0 ? '#f8f8f8' : _ref$bgColor, bgColor = _ref$bgColor === void 0 ? '#f8f8f8' : _ref$bgColor,
@@ -33668,7 +33669,7 @@
var x = pos.x * state.transform[2] + transformX; var x = pos.x * state.transform[2] + transformX;
var y = pos.y * state.transform[2] + transformY; var y = pos.y * state.transform[2] + transformY;
ctx.fillStyle = nodeColor; 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]); }, [nodePositions, state.transform, height]);
example/build/example.e31bb0bc.js
+4 -3
View File
@@ -42266,7 +42266,8 @@ var baseStyle = {
}; };
var _default = function _default(_ref) { var _default = function _default(_ref) {
var style = _ref.style, var _ref$style = _ref.style,
style = _ref$style === void 0 ? {} : _ref$style,
className = _ref.className, className = _ref.className,
_ref$bgColor = _ref.bgColor, _ref$bgColor = _ref.bgColor,
bgColor = _ref$bgColor === void 0 ? '#f8f8f8' : _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 x = pos.x * state.transform[2] + transformX;
var y = pos.y * state.transform[2] + transformY; var y = pos.y * state.transform[2] + transformY;
ctx.fillStyle = nodeColor; 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]); }, [nodePositions, state.transform, height]);
@@ -42853,7 +42854,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname; var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws'; 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) { ws.onmessage = function (event) {
checkedAssets = {}; checkedAssets = {};
example/build/example.e31bb0bc.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
example/build/index.js
+1 -1
View File
@@ -212,7 +212,7 @@ var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') { if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
var hostname = "" || location.hostname; var hostname = "" || location.hostname;
var protocol = location.protocol === 'https:' ? 'wss' : 'ws'; 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) { ws.onmessage = function (event) {
checkedAssets = {}; checkedAssets = {};
example/build/index.js.map
+1 -1
View File
File diff suppressed because one or more lines are too long
src/Plugins/MiniMap/index.js
+3 -3
View File
@@ -41,9 +41,9 @@ export default ({ style = {}, className, bgColor = '#f8f8f8', nodeColor = '#ddd'
ctx.fillRect( ctx.fillRect(
(x * scaleFactor), (x * scaleFactor),
(y * scaleFactor), (y * scaleFactor),
n.__rg.width * scaleFactor, n.__rg.width * scaleFactor * state.transform[2],
n.__rg.height * scaleFactor) n.__rg.height * scaleFactor * state.transform[2]
; );
}); });
} }
}, [nodePositions, state.transform, height]) }, [nodePositions, state.transform, height])