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

refactor(zoomPanHelper): add duration to fit view params

Browse Source
This commit is contained in:
moklick
2021-12-03 23:22:01 +01:00
parent d9e0f2a555
commit f913ae77ff
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/useZoomPanHelper.ts
+2 -5
View File
@@ -41,10 +41,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => {
d3Zoom.transform(getTransition(d3Selection), nextTransform); d3Zoom.transform(getTransition(d3Selection), nextTransform);
}, },
fitView: ( fitView: (options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false, duration: 0 }) => {
options: FitViewParams = { padding: DEFAULT_PADDING, includeHiddenNodes: false },
duration?: number
) => {
const { nodes, width, height, minZoom, maxZoom } = store.getState(); const { nodes, width, height, minZoom, maxZoom } = store.getState();
if (!nodes.length) { if (!nodes.length) {
@@ -62,7 +59,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => {
); );
const transform = zoomIdentity.translate(x, y).scale(zoom); const transform = zoomIdentity.translate(x, y).scale(zoom);
d3Zoom.transform(getTransition(d3Selection, duration), transform); d3Zoom.transform(getTransition(d3Selection, options.duration), transform);
}, },
setCenter: (x: number, y: number, zoom?: number, duration?: number) => { setCenter: (x: number, y: number, zoom?: number, duration?: number) => {
const { width, height, maxZoom } = store.getState(); const { width, height, maxZoom } = store.getState();
src/types/index.ts
+1
View File
@@ -254,6 +254,7 @@ export type FitViewParams = {
includeHiddenNodes?: boolean; includeHiddenNodes?: boolean;
minZoom?: number; minZoom?: number;
maxZoom?: number; maxZoom?: number;
duration?: number;
}; };
export type FlowExportObject<T = any> = { export type FlowExportObject<T = any> = {