diff --git a/src/container/VueFlow/VueFlow.vue b/src/container/VueFlow/VueFlow.vue index 1a2a0ffa..7d4f66a0 100644 --- a/src/container/VueFlow/VueFlow.vue +++ b/src/container/VueFlow/VueFlow.vue @@ -18,7 +18,7 @@ const props = withDefaults(defineProps(), { zoomOnPinch: undefined, zoomOnDoubleClick: undefined, panOnScroll: undefined, - paneMovable: undefined, + panOnDrag: undefined, applyDefault: undefined, fitViewOnInit: undefined, zoomActivationKeyCode: () => null, diff --git a/src/store/state.ts b/src/store/state.ts index 54900515..c190417a 100644 --- a/src/store/state.ts +++ b/src/store/state.ts @@ -60,7 +60,7 @@ export default (opts?: FlowOptions): State => { panOnScroll: false, panOnScrollSpeed: 0.5, panOnScrollMode: PanOnScrollMode.Free, - paneMovable: true, + panOnDrag: true, edgeUpdaterRadius: 10, onlyRenderVisibleElements: false, defaultZoom: 1, @@ -92,7 +92,7 @@ export default (opts?: FlowOptions): State => { multiSelectionActive: false, selectionKeyCode: 'Shift', multiSelectionKeyCode: 'Meta', - zoomActivationKeyCode: null, + zoomActivationKeyCode: 'Meta', deleteKeyCode: 'Backspace', hooks: createHooks(), @@ -100,9 +100,9 @@ export default (opts?: FlowOptions): State => { applyDefault: true, fitViewOnInit: false, - noDragClassName: undefined, - noWheelClassName: undefined, - noPanClassName: undefined, + noDragClassName: 'nodrag', + noWheelClassName: 'nowheel', + noPanClassName: 'nopan', defaultEdgeOptions: undefined, vueFlowVersion: typeof __VUE_FLOW_VERSION__ !== 'undefined' ? __VUE_FLOW_VERSION__ : '-', diff --git a/src/types/flow.ts b/src/types/flow.ts index b734cdf7..abb1db41 100644 --- a/src/types/flow.ts +++ b/src/types/flow.ts @@ -106,7 +106,7 @@ export interface FlowProps { nodesConnectable?: boolean elementsSelectable?: boolean selectNodesOnDrag?: boolean - paneMovable?: boolean + panOnDrag?: boolean minZoom?: number maxZoom?: number defaultZoom?: number @@ -116,7 +116,6 @@ export interface FlowProps { defaultMarkerColor?: string zoomOnScroll?: boolean zoomOnPinch?: boolean - panOnDrag?: boolean panOnScroll?: boolean panOnScrollSpeed?: number panOnScrollMode?: PanOnScrollMode