update(script-setup): Refactor remaining files to script setup style

src/types/panel.ts

@@ -1,5 +1,9 @@
-import { Selection as D3Selection, ZoomBehavior } from 'd3'
-import { FitViewFunc, FlowTransform, Rect, Transform, XYPosition } from './types'
+import { Selection, ZoomBehavior } from 'd3'
+import { FitViewFunc, FlowTransform, Rect, XYPosition } from './types'
+
+export type D3Zoom = ZoomBehavior<HTMLDivElement, unknown>
+export type D3Selection = Selection<HTMLDivElement, unknown, any, any>
+export type D3ZoomHandler = (this: HTMLDivElement, event: any, d: unknown) => void
 
 export type KeyCode = number | string
 
@@ -21,8 +25,7 @@ export interface ZoomPanHelperFunctions {
 }
 
 export type InitD3ZoomPayload = {
-  d3Zoom: ZoomBehavior<Element, unknown>
-  d3Selection: D3Selection<Element, unknown, null, undefined>
-  d3ZoomHandler: ((this: Element, event: any, d: unknown) => void) | undefined
-  transform: Transform
+  d3Zoom: D3Zoom
+  d3Selection: D3Selection
+  d3ZoomHandler: D3ZoomHandler
 }