From 59a55e4c881cc87d7f3d2d0ae8abd0aa16a62e95 Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Fri, 16 May 2025 10:31:23 +0900
Subject: [PATCH] =?UTF-8?q?961=20:=20=EC=99=B8=EB=B2=BD=EC=84=A0=20?=
 =?UTF-8?q?=EA=B7=B8=EB=A6=AC=EA=B8=B0=20=EB=B0=8F=20=EB=B0=B0=EC=B9=98?=
 =?UTF-8?q?=EB=A9=B4=20=EA=B7=B8=EB=A6=AC=EA=B8=B0=EC=97=90=20=EB=8C=80?=
 =?UTF-8?q?=ED=95=B4=EC=84=9C=E3=80=80=E5=A4=96=E5=A3=81=E7=B7=9A=E3=82=92?=
 =?UTF-8?q?=E6=8F=8F=E3=81=8F=E3=83=BB=E9=85=8D=E7=BD=AE=E9=9D=A2=E3=81=AE?=
 =?UTF-8?q?=E6=8F=8F=E7=94=BB=E3=81=AB=E3=81=A4=E3=81=84=E3=81=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. "외벽선 그리기", "배치면 그리기"에서 선을 그을때 우클릭으로 "undo" 할 수 있도록 해주세요.
2. 마찬가지로 "외벽선 그리기", "배치면 그리기"로 지붕면을 확정할 때 Enter Key로 지붕면을 확정할 수 있도록 해주시기 바랍니다.
---
 src/hooks/roofcover/useOuterLineWall.js       |  7 +++++++
 src/hooks/surface/usePlacementShapeDrawing.js | 19 ++++++++++++++++---
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/hooks/roofcover/useOuterLineWall.js b/src/hooks/roofcover/useOuterLineWall.js
index 18a07cf8..9ca76ea5 100644
--- a/src/hooks/roofcover/useOuterLineWall.js
+++ b/src/hooks/roofcover/useOuterLineWall.js
@@ -96,6 +96,10 @@ export function useOuterLineWall(id, propertiesId) {
     }
 
     addCanvasMouseEventListener('mouse:down', mouseDown)
+    addDocumentEventListener('contextmenu', document, (e) => {
+      handleRollback()
+    })
+
     clear()
     return () => {
       initEvent()
@@ -690,6 +694,9 @@ export function useOuterLineWall(id, propertiesId) {
       if (points.length === 0) {
         return
       }
+      if (e.key === 'Enter') {
+        handleFix()
+      }
       // 포커스가 length1에 있지 않으면 length1에 포커스를 줌
       const activeElem = document.activeElement
       if (activeElem !== length1Ref.current) {
diff --git a/src/hooks/surface/usePlacementShapeDrawing.js b/src/hooks/surface/usePlacementShapeDrawing.js
index d53faa39..be23cd7c 100644
--- a/src/hooks/surface/usePlacementShapeDrawing.js
+++ b/src/hooks/surface/usePlacementShapeDrawing.js
@@ -92,6 +92,9 @@ export function usePlacementShapeDrawing(id) {
     }
 
     addCanvasMouseEventListener('mouse:down', mouseDown)
+    addDocumentEventListener('contextmenu', document, (e) => {
+      handleRollback()
+    })
     clear()
   }, [verticalHorizontalMode, points, adsorptionPointAddMode, adsorptionPointMode, adsorptionRange, interval, tempGridMode])
 
@@ -175,7 +178,7 @@ export function usePlacementShapeDrawing(id) {
     }
   }
 
-/*
+  /*
 mouseMove
  */
   const roofs = canvas?.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
@@ -184,7 +187,7 @@ mouseMove
   const { getAdsorptionPoints } = useAdsorptionPoint()
 
   const mouseMove = (e) => {
-    removeMouseLine();
+    removeMouseLine()
     const pointer = canvas.getPointer(e.e)
     const roofsPoints = roofs.map((roof) => roof.points).flat()
     roofAdsorptionPoints.current = [...roofsPoints]
@@ -246,7 +249,6 @@ mouseMove
     })
     canvas?.add(horizontalLine, verticalLine)
     canvas?.renderAll()
-
   }
 
   useEffect(() => {
@@ -768,6 +770,7 @@ mouseMove
       if (points.length === 0) {
         return
       }
+      enterCheck(e)
       // 포커스가 length1에 있지 않으면 length1에 포커스를 줌
       const activeElem = document.activeElement
 
@@ -833,6 +836,7 @@ mouseMove
       if (points.length === 0) {
         return
       }
+      enterCheck(e)
       const key = e.key
 
       const activeElem = document.activeElement
@@ -866,6 +870,7 @@ mouseMove
       if (points.length === 0) {
         return
       }
+      enterCheck(e)
       const key = e.key
       switch (key) {
         case 'Down': // IE/Edge에서 사용되는 값
@@ -891,6 +896,7 @@ mouseMove
       if (points.length === 0) {
         return
       }
+      enterCheck(e)
       const key = e.key
       switch (key) {
         case 'Enter': {
@@ -915,6 +921,7 @@ mouseMove
       if (points.length === 0) {
         return
       }
+      enterCheck(e)
 
       const key = e.key
       switch (key) {
@@ -979,6 +986,12 @@ mouseMove
     isFix.current = true
   }
 
+  const enterCheck = (e) => {
+    if (e.key === 'Enter') {
+      handleFix()
+    }
+  }
+
   return {
     points,
     setPoints,