src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx

@@ -9,7 +9,7 @@ import BasicSetting from '@/components/floor-plan/modal/basic/BasicSetting'
 import { useMasterController } from '@/hooks/common/useMasterController'
 import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil'
 import { GlobalDataContext } from '@/app/GlobalDataProvider'
-import { MENU, POLYGON_TYPE } from '@/common/common'
+import { POLYGON_TYPE, MENU } from '@/common/common'
 import { useSwal } from '@/hooks/useSwal'
 import { canvasState, canvasZoomState, currentMenuState } from '@/store/canvasAtom'
 
@@ -151,30 +151,23 @@ export default function CircuitTrestleSetting({ id }) {
       // 정렬 함수: 큰 모듈이 있어야 할 위치부터 시작
       const getSortFn = () => {
         switch (direction) {
-          case 'south':
+          case 'south': return (a, b) => b.y - a.y // 아래쪽(y 큼)부터
-            return (a, b) => b.y - a.y // 아래쪽(y 큼)부터
+          case 'north': return (a, b) => a.y - b.y // 위쪽(y 작음)부터
-          case 'north':
+          case 'east': return (a, b) => b.x - a.x  // 오른쪽(x 큼)부터
-            return (a, b) => a.y - b.y // 위쪽(y 작음)부터
+          case 'west': return (a, b) => a.x - b.x  // 왼쪽(x 작음)부터
-          case 'east':
+          default: return () => 0
-            return (a, b) => b.x - a.x // 오른쪽(x 큼)부터
-          case 'west':
-            return (a, b) => a.x - b.x // 왼쪽(x 작음)부터
-          default:
-            return () => 0
         }
       }
 
       // 타겟 모듈 찾기 (현재 모듈보다 작아야 할 위치의 모듈)
       const findTargetModules = (current, margin) => {
-        return centerPoints.filter((cp) => {
+        return centerPoints.filter(cp => {
-          const sameAxis = isVertical ? Math.abs(cp.x - current.x) < margin : Math.abs(cp.y - current.y) < margin
+          const sameAxis = isVertical
-          const targetDirection =
+            ? Math.abs(cp.x - current.x) < margin
-            direction === 'south'
+            : Math.abs(cp.y - current.y) < margin
-              ? cp.y < current.y
+          const targetDirection = direction === 'south' ? cp.y < current.y
-              : direction === 'north'
+            : direction === 'north' ? cp.y > current.y
-                ? cp.y > current.y
+            : direction === 'east' ? cp.x < current.x
-                : direction === 'east'
-                  ? cp.x < current.x
             : cp.x > current.x
           return sameAxis && targetDirection
         })
@@ -185,16 +178,11 @@ export default function CircuitTrestleSetting({ id }) {
         if (filtered.length === 0) return null
         return filtered.reduce((closest, cp) => {
           switch (direction) {
-            case 'south':
+            case 'south': return cp.y > closest.y ? cp : closest
-              return cp.y > closest.y ? cp : closest
+            case 'north': return cp.y < closest.y ? cp : closest
-            case 'north':
+            case 'east': return cp.x > closest.x ? cp : closest
-              return cp.y < closest.y ? cp : closest
+            case 'west': return cp.x < closest.x ? cp : closest
-            case 'east':
+            default: return closest
-              return cp.x > closest.x ? cp : closest
-            case 'west':
-              return cp.x < closest.x ? cp : closest
-            default:
-              return closest
           }
         })
       }
@@ -203,12 +191,12 @@ export default function CircuitTrestleSetting({ id }) {
       const getGap = (current, target) => {
         if (isVertical) {
           return direction === 'south'
-            ? current.y - current.height / 2 - (target.y + target.height / 2)
+            ? (current.y - current.height / 2) - (target.y + target.height / 2)
-            : target.y - target.height / 2 - (current.y + current.height / 2)
+            : (target.y - target.height / 2) - (current.y + current.height / 2)
         } else {
           return direction === 'east'
-            ? current.x - current.width / 2 - (target.x + target.width / 2)
+            ? (current.x - current.width / 2) - (target.x + target.width / 2)
-            : target.x - target.width / 2 - (current.x + current.width / 2)
+            : (target.x - target.width / 2) - (current.x + current.width / 2)
         }
       }
 
@@ -240,13 +228,9 @@ export default function CircuitTrestleSetting({ id }) {
             const offsetAxis = isVertical
               ? Math.abs(cp.x - (current.x + offsetValue)) <= primaryInterval
               : Math.abs(cp.y - (current.y + offsetValue)) <= primaryInterval
-            const targetDirection =
+            const targetDirection = direction === 'south' ? cp.y < current.y
-              direction === 'south'
+              : direction === 'north' ? cp.y > current.y
-                ? cp.y < current.y
+              : direction === 'east' ? cp.x < current.x
-                : direction === 'north'
-                  ? cp.y > current.y
-                  : direction === 'east'
-                    ? cp.x < current.x
               : cp.x > current.x
             return offsetAxis && targetDirection
           })
@@ -444,13 +428,12 @@ export default function CircuitTrestleSetting({ id }) {
           let pcsObj = {}
 
           models.forEach((model) => {
-            pcsObj[`${model.pcsSerCd}_${model.itemId}`] = model
+            pcsObj[model.itemId] = model
           })
           res.data?.pcsItemList.forEach((item) => {
-            const key = `${item.pcsSerCd}_${item.itemId}`
+            if (pcsObj[item.itemId]) {
-            if (pcsObj[key]) {
               pcsItemList.push({
-                ...pcsObj[key],
+                ...pcsObj[item.itemId],
                 isUsed: false,
                 id: uuidv4(),
               })
@@ -577,13 +560,12 @@ export default function CircuitTrestleSetting({ id }) {
           let pcsItemList = []
           let pcsObj = {}
           models.forEach((model) => {
-            pcsObj[`${model.pcsSerCd}_${model.itemId}`] = model
+            pcsObj[model.itemId] = model
           })
           res.data?.pcsItemList.forEach((item) => {
-            const key = `${item.pcsSerCd}_${item.itemId}`
+            if (pcsObj[item.itemId]) {
-            if (pcsObj[key]) {
               pcsItemList.push({
-                ...pcsObj[key],
+                ...pcsObj[item.itemId],
                 isUsed: false,
                 id: uuidv4(),
               })