외벽선 제거 및 경사 오류 수정

src/components/floor-plan/modal/roofAllocation/ContextRoofAllocationSetting.jsx

@@ -199,9 +199,10 @@ export default function ContextRoofAllocationSetting(props) {
                                   type="text"
                                   className="input-origin block"
                                   onChange={(e) => {
-                                    handleChangeInput(e, currentAngleType === 'slope' ? 'pitch' : 'angle', index)
+                                    // handleChangeInput(e, currentAngleType === 'slope' ? 'pitch' : 'angle', index)
                                     handleChangePitch(e, index)
                                   }}
+                                  value={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                                   defaultValue={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                                 />
                               </div>

src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx

@@ -201,6 +201,7 @@ export default function RoofAllocationSetting(props) {
                                   onChange={(e) => {
                                     handleChangePitch(e, index)
                                   }}
+                                  value={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                                   defaultValue={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                                 />
                               </div>

src/hooks/common/useRoofFn.js

@@ -307,5 +307,32 @@ export function useRoofFn() {
     return area.points.map((p) => fabric.util.transformPoint({ x: p.x - area.pathOffset.x, y: p.y - area.pathOffset.y }, area.calcTransformMatrix()))
   }
 
-  return { setSurfaceShapePattern, removeRoofMaterial, removeAllRoofMaterial, moveRoofMaterial }
+  const removeOuterLines = (currentMousePos) => {
+    const roofBase = canvas
+      .getObjects()
+      .filter((obj) => obj.name === POLYGON_TYPE.ROOF)
+      .filter((roof) => roof.inPolygon(currentMousePos))
+
+    if (roofBase.length === 0) {
+      return
+    }
+
+    const roof = roofBase[0]
+    const wall = roof.wall
+
+    canvas.remove(roof)
+    canvas.remove(wall)
+
+    const allRoofObject = canvas
+      .getObjects()
+      .filter((obj) => /*obj !== roof && obj !== wall &&*/ obj.attributes?.roofId === roof.id || obj.parentId === roof.id || obj.parentId === wall.id)
+
+    allRoofObject.forEach((obj) => {
+      canvas.remove(obj)
+    })
+
+    canvas.renderAll()
+  }
+
+  return { setSurfaceShapePattern, removeRoofMaterial, removeAllRoofMaterial, moveRoofMaterial, removeOuterLines }
 }

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -495,7 +495,12 @@ export function useRoofAllocationSetting(id) {
   }
 
   const handleChangePitch = (e, index) => {
-    const value = e.target.value
+    let value = e.target.value
+
+    const reg = /^[0-9]+(\.[0-9]{0,1})?$/
+    if (!reg.test(value)) {
+      value = value.substring(0, value.length - 1)
+    }
     const newRoofList = currentRoofList.map((roof, idx) => {
       if (idx === index) {
         const result =

src/hooks/useContextMenu.js

@@ -68,7 +68,7 @@ export function useContextMenu() {
   const { settingsData, setSettingsDataSave } = useCanvasSetting()
   const { swalFire } = useSwal()
   const { alignModule, modulesRemove, moduleRoofRemove } = useModule()
-  const { removeRoofMaterial, removeAllRoofMaterial, moveRoofMaterial } = useRoofFn()
+  const { removeRoofMaterial, removeAllRoofMaterial, moveRoofMaterial, removeOuterLines } = useRoofFn()
 
   const currentMenuSetting = () => {
     switch (currentMenu) {
@@ -150,7 +150,9 @@ export function useContextMenu() {
             {
               id: 'wallLineRemove',
               name: getMessage('contextmenu.wallline.remove'),
-              fn: () => deleteOuterLineObject(),
+              fn: (currentMousePos) => {
+                removeOuterLines(currentMousePos)
+              },
             },
           ],
           [