fix: coordinate calculate after zoom (#86)

src/Kernel/Zoom.ts

@@ -6,6 +6,10 @@ export class Zoom {
 
   updateEvent = new EventManager<number>()
 
+  get value() {
+    return this._zoom
+  }
+
   get changeByHandle() {
     return this._changeByHandle
   }

src/UserInterface/Slide/SlideContainer.vue

@@ -52,10 +52,10 @@ const handleMouseUp = () => {
   selectionManager.clear()
   blocks.forEach((block) => {
     const { x, y, width, height } = block
-    const blockLeft = x + slideRectX
-    const blockTop = y + slideRectY
-    const blockRight = blockLeft + width
-    const blockBottom = blockTop + height
+    const blockLeft = x * zoom.value + slideRectX
+    const blockTop = y * zoom.value + slideRectY
+    const blockRight = blockLeft + width * zoom.value
+    const blockBottom = blockTop + height * zoom.value
     if (
       dragAreaX <= blockLeft &&
       dragAreaX + dragAreaWidth >= blockRight &&

src/Utils/toSlideCoords.ts

@@ -1,4 +1,6 @@
+import { zoom } from '@Kernel/index'
+
 export const toSlideCoords = (slideElement: HTMLElement, clientX: number, clientY: number) => {
   const { x, y } = slideElement.getBoundingClientRect()
-  return { x: clientX - x, y: clientY - y }
+  return { x: (clientX - x) / zoom.value, y: (clientY - y) / zoom.value }
 }