text 와 planSize 및 actualSize가 안맞는 문제

Reviewed-on: #600

src/components/floor-plan/modal/auxiliary/AuxiliaryDrawing.jsx

@@ -133,6 +133,11 @@ export default function AuxiliaryDrawing({ id, pos = { x: 50, y: 230 } }) {
   }
 
   const onClickButton = (button) => {
+    if (buttonAct === button.id || type === button.type) {
+      setButtonAct(null)
+      setType(null)
+      return
+    }
     setButtonAct(button.id)
     setType(button.type)
   }

src/components/floor-plan/modal/setting01/SettingModal01.jsx

@@ -10,9 +10,7 @@ import { adsorptionPointAddModeState, canGridOptionSeletor, tempGridModeState }
 import { useRecoilState, useRecoilValue } from 'recoil'
 import { usePopup } from '@/hooks/usePopup'
 import { useCanvasSetting } from '@/hooks/option/useCanvasSetting'
-import { useTempGrid } from '@/hooks/useTempGrid'
 import { settingModalGridOptionsState } from '@/store/settingAtom'
-import { useEvent } from '@/hooks/useEvent'
 
 export default function SettingModal01(props) {
   const { id } = props
@@ -102,11 +100,11 @@ export default function SettingModal01(props) {
           <button className={`btn-frame modal ${buttonAct === 2 ? 'act' : ''}`} onClick={() => handleBtnClick(2)}>
             {getMessage('modal.canvas.setting.font.plan')}
           </button>
-          {canGridOptionSeletorValue && (
+          {/*{canGridOptionSeletorValue && (
             <button className={`btn-frame modal ${buttonAct === 3 ? 'act' : ''}`} onClick={() => handleBtnClick(3)}>
               {getMessage('modal.canvas.setting.grid')}
             </button>
-          )}
+          )}*/}
         </div>
         {buttonAct === 1 && <FirstOption {...firstProps} />}
         {buttonAct === 2 && <SecondOption {...secondProps} />}

src/hooks/roofcover/useAuxiliaryDrawing.js

@@ -77,6 +77,13 @@ export function useAuxiliaryDrawing(id, isUseEffect = true) {
   useEffect(() => {
     typeRef.current = type
     clear()
+    if (type === null) {
+      initEvent()
+      return
+    }
+    initEvent()
+    addCanvasMouseEventListener('mouse:move', mouseMove)
+    addCanvasMouseEventListener('mouse:down', mouseDown)
     addDocumentEventListener('keydown', document, keydown[type])
   }, [type])
 
@@ -133,7 +140,7 @@ export function useAuxiliaryDrawing(id, isUseEffect = true) {
     // roofs의 innerLines에서 object와 같은 것을 찾아서 제거
     const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
     roofs.forEach((roof) => {
-      roof.innerLines = roof.innerLines.filter(inner => inner !== object)
+      roof.innerLines = roof.innerLines.filter((inner) => inner !== object)
     })
 
     canvas.remove(object)

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -334,6 +334,9 @@ export function useRoofAllocationSetting(id) {
         name: 'originRoofOuterLine',
         visible: outlineDisplay,
       })
+      wallLine.texts.forEach((text) => {
+        canvas.remove(text)
+      })
     })
     canvas.renderAll()
   }
@@ -556,11 +559,6 @@ export function useRoofAllocationSetting(id) {
       canvas.remove(roofBase)
     })
 
-    /** 벽면 삭제 */
-    wallLines.forEach((wallLine) => {
-      canvas.remove(wallLine)
-    })
-
     /** 데이터 설정 */
     const newRoofList = currentRoofList.map((roof, idx) => {
       return { ...roof, index: idx, ...basicInfo, raft: roof.raft ? roof.raft : roof.raftBaseCd }

src/hooks/usePolygon.js

@@ -1576,7 +1576,7 @@ export const usePolygon = () => {
       })
 
       roofLines.forEach((line) => {
-        console.log("::::::::::",line);
+        //console.log("::::::::::",line);
         roof.lines.forEach((roofLine) => {
           if (
             (isSamePoint(line.startPoint, roofLine.startPoint) && isSamePoint(line.endPoint, roofLine.endPoint)) ||
@@ -1953,7 +1953,16 @@ export const usePolygon = () => {
       }
     }
 
-    polygon.lines.forEach((line) => {
+    polygon.lines.forEach((line, index) => {
+      //text 와 planSize 및 actualSize가 안맞는 문제
+      const nextText = polygon?.texts?.[index]?.text
+      const nextPlaneSize = Number(nextText)
+      if (nextText != null && nextText !== '' && Number.isFinite(nextPlaneSize) ) {
+        if(line.attributes.actualSize !== nextPlaneSize && line.attributes.planeSize !== nextPlaneSize) {
+          line.attributes.planeSize = nextPlaneSize
+        }
+
+      }
       setActualSize(line, polygon.direction, +polygon.roofMaterial?.pitch)
     })