src/hooks/surface/usePlacementShapeDrawing.js

@@ -1,10 +1,20 @@
 import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
-import { adsorptionPointModeState, adsorptionRangeState, canvasState, globalPitchState, verticalHorizontalModeState } from '@/store/canvasAtom'
+import {
+  adsorptionPointAddModeState,
+  adsorptionPointModeState,
+  adsorptionRangeState,
+  canvasSettingState,
+  canvasState,
+  dotLineIntervalSelector,
+  globalPitchState,
+  verticalHorizontalModeState,
+} from '@/store/canvasAtom'
 import { useEvent } from '@/hooks/useEvent'
 import { useMouse } from '@/hooks/useMouse'
 import { useLine } from '@/hooks/useLine'
+import { useTempGrid } from '@/hooks/useTempGrid'
 import { useEffect, useRef } from 'react'
-import { distanceBetweenPoints } from '@/util/canvas-util'
+import { calculateIntersection, distanceBetweenPoints, findClosestPoint } from '@/util/canvas-util'
 import { fabric } from 'fabric'
 import { calculateAngle } from '@/util/qpolygon-utils'
 import {
@@ -26,6 +36,8 @@ import { useSurfaceShapeBatch } from './useSurfaceShapeBatch'
 
 import { roofDisplaySelector } from '@/store/settingAtom'
 import { useRoofFn } from '@/hooks/common/useRoofFn'
+import PlacementSurfaceLineProperty from '@/components/floor-plan/modal/placementShape/PlacementSurfaceLineProperty'
+import { useAdsorptionPoint } from '@/hooks/useAdsorptionPoint'
 import { useObject } from '@/hooks/useObject'
 
 // 배치면 그리기
@@ -882,7 +894,7 @@ export function usePlacementShapeDrawing(id) {
 
     const firstPoint = points[0]
 
-    /*points.forEach((point, idx) => {
+    points.forEach((point, idx) => {
       if (idx === 0 || !isAllRightAngle) {
         return
       }
@@ -896,7 +908,7 @@ export function usePlacementShapeDrawing(id) {
     if (isAllRightAngle) {
       // alert('부정확한 다각형입니다.')
       return
-    }*/
+    }
 
     setPoints((prev) => {
       return [...prev, { x: prev[0].x, y: prev[0].y }]