From f03d35ec8db9bbcef240561fe5430139f177faf4 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Mon, 12 May 2025 11:11:09 +0900
Subject: [PATCH] =?UTF-8?q?[1037]=20:=20[=E3=83=A2=E3=82=B8=E3=83=A5?=
 =?UTF-8?q?=E3=83=BC=E3=83=AB1=E6=9E=9A=E3=82=92=E5=89=8A=E9=99=A4?=
 =?UTF-8?q?=E3=81=99=E3=82=8B=E6=99=82=E3=81=AE=E8=A1=A8=E7=A4=BA]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 모듈 선택시 아웃라인 두께 조정
---
 src/hooks/useCanvasEvent.js | 27 ++++++++++++++++++++-------
 1 file changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/hooks/useCanvasEvent.js b/src/hooks/useCanvasEvent.js
index 4a601ed8..22aad7cf 100644
--- a/src/hooks/useCanvasEvent.js
+++ b/src/hooks/useCanvasEvent.js
@@ -4,7 +4,7 @@ import { v4 as uuidv4 } from 'uuid'
 import { canvasSizeState, canvasState, canvasZoomState, currentMenuState, currentObjectState } from '@/store/canvasAtom'
 import { QPolygon } from '@/components/fabric/QPolygon'
 import { fontSelector } from '@/store/fontAtom'
-import { MENU } from '@/common/common'
+import { MENU, POLYGON_TYPE } from '@/common/common'
 
 // 캔버스에 필요한 이벤트
 export function useCanvasEvent() {
@@ -204,9 +204,12 @@ export function useCanvasEvent() {
 
       if (selected?.length > 0) {
         selected.forEach((obj) => {
-          if (obj.type === 'QPolygon' && currentMenu !== MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+          // if (obj.type === 'QPolygon' && currentMenu !== MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+          if (obj.type === 'QPolygon') {
             obj.set({ stroke: 'red' })
-            obj.bringToFront()
+            if (obj.name === POLYGON_TYPE.MODULE && currentMenu === MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+              obj.set({ strokeWidth: 3 })
+            }
           }
         })
         canvas.renderAll()
@@ -218,10 +221,13 @@ export function useCanvasEvent() {
 
       if (deselected?.length > 0) {
         deselected.forEach((obj) => {
-          if (obj.type === 'QPolygon' && currentMenu !== MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+          if (obj.type === 'QPolygon') {
             if (obj.name !== 'moduleSetupSurface') {
               obj.set({ stroke: 'black' })
             }
+            if (obj.name === POLYGON_TYPE.MODULE && currentMenu === MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+              obj.set({ strokeWidth: 0.3 })
+            }
           }
         })
       }
@@ -234,17 +240,24 @@ export function useCanvasEvent() {
 
       if (deselected?.length > 0) {
         deselected.forEach((obj) => {
-          if (obj.type === 'QPolygon' && currentMenu !== MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+          if (obj.type === 'QPolygon') {
             obj.set({ stroke: 'black' })
+            if (obj.name === POLYGON_TYPE.MODULE && currentMenu === MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+              //모듈 미선택시 라인 두께 변경
+              obj.set({ strokeWidth: 0.3 })
+            }
           }
         })
       }
 
       if (selected?.length > 0) {
         selected.forEach((obj) => {
-          if (obj.type === 'QPolygon' && currentMenu !== MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+          if (obj.type === 'QPolygon') {
             obj.set({ stroke: 'red' })
-            obj.bringToFront()
+            if (obj.name === POLYGON_TYPE.MODULE && currentMenu === MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING) {
+              //모듈 선택시 라인 두께 변경
+              obj.set({ strokeWidth: 3 })
+            }
           }
         })
       }