From 365722f09629c26eadbd9c2f59619b698cce9275 Mon Sep 17 00:00:00 2001
From: changkyu choi <okoookoo@naver.com>
Date: Wed, 23 Oct 2024 17:07:20 +0900
Subject: [PATCH] =?UTF-8?q?Canvas=20=EC=84=A4=EC=A0=95(=EB=94=94=EC=8A=A4?=
 =?UTF-8?q?=ED=94=8C=EB=A0=88=EC=9D=B4)=20=EC=9D=BC=EB=B6=80=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/option/useFirstOption.js | 67 +++++++++++++++++++++++++++---
 1 file changed, 61 insertions(+), 6 deletions(-)

diff --git a/src/hooks/option/useFirstOption.js b/src/hooks/option/useFirstOption.js
index 4010b69e..5a4605e9 100644
--- a/src/hooks/option/useFirstOption.js
+++ b/src/hooks/option/useFirstOption.js
@@ -11,12 +11,67 @@ export function useFirstOption() {
   useEffect(() => {
     const option1 = settingModalFirstOptions.option1
 
-    canvas
-      .getObjects()
-      .filter((obj) => obj.name === '')
-      .forEach((obj) => {
-        obj.set({ visible: !obj.visible })
-      })
+    // 'allocDisplay' 할당 표시
+    // 'outlineDisplay' 외벽선 표시  'outerLine', 'wallLine'
+    // 'gridDisplay' 그리드 표시     'lindGrid', 'dotGrid'
+    // 'lineDisplay' 지붕선 표시     'roof', 'roofBase'
+    // 'wordDisplay' 문자 표시
+    // 'circuitNumDisplay' 회로번호 표시
+    // 'flowDisplay' 흐름방향 표시   'arrow'
+    // 'trestleDisplay' 가대 표시
+    // 'totalDisplay' 집계표 표시
+
+    let optionName //옵션명
+    let optionSelected //옵션상태
+
+    for (let i = 0; i < option1.length; i++) {
+      switch (option1[i].column) {
+        case 'allocDisplay': //할당 표시
+          optionName = ['1']
+          break
+        case 'outlineDisplay': //외벽선 표시
+          optionName = ['outerLine', 'wallLine']
+          break
+        case 'gridDisplay': //그리드 표시
+          optionName = ['lindGrid', 'dotGrid']
+          break
+        case 'lineDisplay': //지붕선 표시
+          optionName = ['roof', 'roofBase']
+          break
+        case 'wordDisplay': //문자 표시
+          optionName = ['6']
+          break
+        case 'circuitNumDisplay': //회로번호 표시
+          optionName = ['7']
+          break
+        case 'flowDisplay': //흐름방향 표시
+          optionName = ['arrow']
+          break
+        case 'trestleDisplay': //가대 표시
+          optionName = ['8']
+          break
+        case 'totalDisplay': //집계표 표시
+          optionName = ['9']
+          break
+      }
+      // 표시 선택 상태(true/false)
+      optionSelected = option1[i].selected
+
+      canvas
+        .getObjects()
+        .filter((obj) => optionName.includes(obj.name))
+        //.filter((obj) => obj.name === optionName)
+        .forEach((obj) => {
+          obj.set({ visible: optionSelected })
+          //obj.set({ visible: !obj.visible })
+        })
+
+      // console.log(
+      //   'optionName',
+      //   optionName,
+      //   canvas.getObjects().filter((obj) => optionName.includes(obj.name)),
+      // )
+    }
   }, [settingModalFirstOptions])
 
   return { settingModalFirstOptions, setSettingModalFirstOptions }