Merge branch 'dev' of https://git.hanasys.jp/qcast3/qcast-front into dev_ysCha

src/common/common.js

@@ -223,6 +223,7 @@ export const SAVE_KEY = [
   'skeleton',
   'viewportTransform',
   'outerLineFix',
+  'adjustRoofLines',
 ]
 
 export const OBJECT_PROTOTYPE = [fabric.Line.prototype, fabric.Polygon.prototype, fabric.Triangle.prototype, fabric.Group.prototype]

src/components/fabric/QPolygon.js

@@ -36,6 +36,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
     this.separatePolygon = []
     this.toFixed = options.toFixed ?? 1
     this.baseLines = []
+    this.adjustRoofLines = []
     // this.colorLines = []
 
     // 소수점 전부 제거
@@ -134,7 +135,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
       this.setCoords()
     })
 
-    this.on('modified', (e) => {
+    this.on('modified', () => {
       this.initLines()
       this.addLengthText()
       this.setCoords()
@@ -223,7 +224,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
   calculateDegree() {
     const degrees = []
     // polygon.lines를 순회하며 각도를 구해 출력
-    this.lines.forEach((line, idx) => {
+    this.lines.forEach((line) => {
       const dx = line.x2 - line.x1
       const dy = line.y2 - line.y1
       const rad = Math.atan2(dy, dx)
@@ -258,6 +259,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
       )
       .forEach((obj) => this.canvas.remove(obj))
     this.innerLines = []
+    this.adjustRoofLines = []
     this.canvas.renderAll()
 
     let textMode = 'plane'
@@ -339,18 +341,17 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
 
     if (types.every((type) => type === LINE_TYPE.WALLLINE.EAVES)) {
       // 용마루 -- straight-skeleton
-      console.log('용마루 지붕')
+      // console.log('용마루 지붕')
-      ///drawRidgeRoof(this.id, this.canvas, textMode)
       drawSkeletonRidgeRoof(this.id, this.canvas, textMode)
     } else if (isGableRoof(types)) {
       // A형, B형 박공 지붕
-      console.log('패턴 지붕')
+      // console.log('패턴 지붕')
       drawGableRoof(this.id, this.canvas, textMode)
     } else if (isShedRoof(types, this.lines)) {
-      console.log('한쪽흐름 지붕')
+      // console.log('한쪽흐름 지붕')
       drawShedRoof(this.id, this.canvas, textMode)
     } else {
-      console.log('변별로 설정')
+      // console.log('변별로 설정')
       drawRoofByAttribute(this.id, this.canvas, textMode)
     }
   },
@@ -404,7 +405,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
 
       const degree = Big(Math.atan2(dy.toNumber(), dx.toNumber())).times(180).div(Math.PI).toNumber()
 
-      // Create new text object if it doesn't exist
+      // Create a new text object if it doesn't exist
       const text = new fabric.Text(length.toString(), {
         left: midPoint.x,
         top: midPoint.y,

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -30,7 +30,6 @@ import { QcastContext } from '@/app/QcastProvider'
 import { usePlan } from '@/hooks/usePlan'
 import { roofsState } from '@/store/roofAtom'
 import { useText } from '@/hooks/useText'
-import { processEaveHelpLines } from '@/util/skeleton-utils'
 import { QLine } from '@/components/fabric/QLine'
 
 export function useRoofAllocationSetting(id) {
@@ -114,9 +113,9 @@ export function useRoofAllocationSetting(id) {
    */
   const fetchBasicSettings = async (planNo) => {
     try {
-      const response = await get({ url: `/api/canvas-management/canvas-basic-settings/by-object/${correntObjectNo}/${planNo}` });
+      const response = await get({ url: `/api/canvas-management/canvas-basic-settings/by-object/${correntObjectNo}/${planNo}` })
 
-      let roofsArray = [];
+      let roofsArray = []
 
       // API에서 데이터를 성공적으로 가져온 경우
       if (response && response.length > 0) {
@@ -133,15 +132,15 @@ export function useRoofAllocationSetting(id) {
           roofPitch: item.roofPitch,
           roofAngle: item.roofAngle,
           selected: index === 0, // 첫 번째 항목을 기본 선택으로 설정
-          index: index
+          index: index,
-        }));
+        }))
       }
       // API에서 데이터가 없고 기존 roofList가 있는 경우
       else if (roofList && roofList.length > 0) {
         roofsArray = roofList.map((roof, index) => ({
           ...roof,
-          selected: index === 0 // 첫 번째 항목을 기본 선택으로 설정
+          selected: index === 0, // 첫 번째 항목을 기본 선택으로 설정
-        }));
+        }))
       }
       // 둘 다 없는 경우 기본값 설정
       else {
@@ -162,7 +161,6 @@ export function useRoofAllocationSetting(id) {
         ]
       }
 
-
       /**
        * 데이터 설정
        */
@@ -213,7 +211,6 @@ export function useRoofAllocationSetting(id) {
         angle: roof.angle ?? '',
       }))
       setCurrentRoofList(normalizedRoofs)
-
     } catch (error) {
       console.error('Data fetching error:', error)
     }
@@ -467,7 +464,6 @@ export function useRoofAllocationSetting(id) {
     const wallLines = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.WALL)
     roofBases.forEach((roofBase) => {
       try {
-
         const roofEaveHelpLines = canvas.getObjects().filter((obj) => obj.lineName === 'eaveHelpLine' && obj.roofId === roofBase.id)
         if (roofEaveHelpLines.length > 0) {
           if (roofBase.lines) {
@@ -534,6 +530,34 @@ export function useRoofAllocationSetting(id) {
           }
         }
 
+        if (roofBase.adjustRoofLines.length > 0) {
+          const newRoofLines = []
+          let lineIndex = 1
+          roofBase.lines.forEach((line, idx) => {
+            const adjustLines = roofBase.adjustRoofLines.filter((adjustLine) => adjustLine.roofIdx === line.idx)
+            if (adjustLines.length === 0) {
+              line.idx = lineIndex
+              newRoofLines.push(line)
+              lineIndex++
+            } else {
+              adjustLines.forEach(({ point, roofIdx }) => {
+                const newLine = new QLine(point, {
+                  idx: lineIndex,
+                  selectable: false,
+                  parentId: line.parentId,
+                  parent: line.parent,
+                  fontSize: line.fontSize,
+                  stroke: line.stroke,
+                  strokeWidth: line.strokeWidth,
+                  attributes: line.attributes,
+                })
+                newRoofLines.push(newLine)
+                lineIndex++
+              })
+            }
+          })
+          roofBase.lines = newRoofLines
+        }
         if (roofBase.separatePolygon.length > 0) {
           splitPolygonWithSeparate(roofBase.separatePolygon)
         } else {