4각형 셀 생성 추가

src/hooks/useMode.js

@@ -123,14 +123,10 @@ export function useMode() {
   }, [guideLineInfo])
 
   const drawMouseLines = (e) => {
-    console.log('guideLineInfo', guideLineInfo)
-
     let isGuideLineMode = false,
       isGuideDotMode = false
     let guideDotLength, guideLineLengthHori, guideLineLengthVert, horizontalLineArray, verticalLineArray
 
-    console.log()
-
     if (isObjectNotEmpty(guideLineInfo)) {
       const guideLineState = guideLineInfo.filter((item) => item.guideMode === 'guideLine')
       const guideDotState = guideLineInfo.filter((item) => item.guideMode === 'guideDot')
@@ -4217,6 +4213,9 @@ export function useMode() {
         }
       }
 
+      console.log('templateCenterLine', templateCenterLine)
+
+      if (templateCenterLine.length > 0) {
         //셀이 생성될 지붕의 흐름방향을 정함
         templateCenterLine.some((centerLine) => {
           if (templateType === 2) {
@@ -4249,6 +4248,14 @@ export function useMode() {
             })
           }
         })
+      } else {
+        if (templateType === 2) {
+          index === 0 ? trestlePolygon.set({ wallDirection: 'left' }) : trestlePolygon.set({ wallDirection: 'right' })
+        } else if (templateType === 3) {
+          index === 0 ? trestlePolygon.set({ wallDirection: 'top' }) : trestlePolygon.set({ wallDirection: 'bottom' })
+        }
+        trestlePolygon.set({ referenceDirection: 'none' })
+      }
 
       /**
        * 가대 선택 이벤트