chore(core): cleanup type issues
This commit is contained in:
@@ -2,8 +2,11 @@ import type { Ref } from 'vue'
|
|||||||
import { watchEffect } from 'vue'
|
import { watchEffect } from 'vue'
|
||||||
import { ErrorCode, VueFlowError, getDimensions } from '../utils'
|
import { ErrorCode, VueFlowError, getDimensions } from '../utils'
|
||||||
import { useVueFlow } from './useVueFlow'
|
import { useVueFlow } from './useVueFlow'
|
||||||
|
import { useWindow } from './useWindow'
|
||||||
|
|
||||||
export function useResizeHandler(viewportEl: Ref<HTMLDivElement | null>): void {
|
export function useResizeHandler(viewportEl: Ref<HTMLDivElement | null>): void {
|
||||||
|
const window = useWindow()
|
||||||
|
|
||||||
const { emits, dimensions } = useVueFlow()
|
const { emits, dimensions } = useVueFlow()
|
||||||
|
|
||||||
let resizeObserver: ResizeObserver
|
let resizeObserver: ResizeObserver
|
||||||
|
|||||||
@@ -6,14 +6,12 @@ import { onMounted, ref, watch } from 'vue'
|
|||||||
import { toRef } from '@vueuse/core'
|
import { toRef } from '@vueuse/core'
|
||||||
import type { CoordinateExtent, D3ZoomHandler, ViewportTransform } from '../../types'
|
import type { CoordinateExtent, D3ZoomHandler, ViewportTransform } from '../../types'
|
||||||
import { PanOnScrollMode } from '../../types'
|
import { PanOnScrollMode } from '../../types'
|
||||||
import { useKeyPress, useVueFlow, useWindow } from '../../composables'
|
import { useKeyPress, useVueFlow } from '../../composables'
|
||||||
import { clamp, isMacOs, warn } from '../../utils'
|
import { clamp, isMacOs, warn } from '../../utils'
|
||||||
import Pane from '../Pane/Pane.vue'
|
import Pane from '../Pane/Pane.vue'
|
||||||
import { useResizeHandler } from '../../composables/useResizeHandler'
|
import { useResizeHandler } from '../../composables/useResizeHandler'
|
||||||
import Transform from './Transform.vue'
|
import Transform from './Transform.vue'
|
||||||
|
|
||||||
const window = useWindow()
|
|
||||||
|
|
||||||
const {
|
const {
|
||||||
id,
|
id,
|
||||||
minZoom,
|
minZoom,
|
||||||
@@ -105,8 +103,6 @@ onMounted(() => {
|
|||||||
storeD3Selection.value = d3Selection
|
storeD3Selection.value = d3Selection
|
||||||
storeD3ZoomHandler.value = d3ZoomHandler as D3ZoomHandler
|
storeD3ZoomHandler.value = d3ZoomHandler as D3ZoomHandler
|
||||||
|
|
||||||
console.log('d3Zoom', d3Zoom)
|
|
||||||
|
|
||||||
viewport.value = { x: constrainedTransform.x, y: constrainedTransform.y, zoom: constrainedTransform.k }
|
viewport.value = { x: constrainedTransform.x, y: constrainedTransform.y, zoom: constrainedTransform.k }
|
||||||
|
|
||||||
d3Zoom.on('start', (event: D3ZoomEvent<HTMLDivElement, any>) => {
|
d3Zoom.on('start', (event: D3ZoomEvent<HTMLDivElement, any>) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user