개구 오프셋 추가

src/components/floor-plan/modal/object/DormerOffset.jsx

@@ -9,7 +9,7 @@ import { canvasState } from '@/store/canvasAtom'
 
 export default function DormerOffset(props) {
   const contextPopupPosition = useRecoilValue(contextPopupPositionState)
-  const { id, pos = contextPopupPosition } = props
+  const { id, pos = contextPopupPosition, title } = props
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
   const [arrow1, setArrow1] = useState(null)
@@ -43,7 +43,7 @@ export default function DormerOffset(props) {
     <WithDraggable isShow={true} pos={pos}>
       <div className={`modal-pop-wrap xm mount`}>
         <div className="modal-head">
-          <h1 className="title">{getMessage('contextmenu.dormer.offset')}</h1>
+          <h1 className="title">{title}</h1>
           <button className="modal-close" onClick={() => closePopup(id)}>
             닫기
           </button>

src/hooks/object/useObjectBatch.js

@@ -1008,8 +1008,11 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
     if (length1) dormer.top = arrow1 === 'down' ? dormer.top + length1 : dormer.top - length1
     if (length2) dormer.left = arrow2 === 'left' ? dormer.left - length2 : dormer.left + length2
 
-    const newDormer = reGroupObject(dormer)
-    canvas?.setActiveObject(newDormer)
+    if (dormer.type === 'group') {
+      const newDormer = reGroupObject(dormer)
+      canvas?.setActiveObject(newDormer)
+    }
+    canvas.renderAll()
   }
 
   return {

src/hooks/useContextMenu.js

@@ -296,7 +296,7 @@ export function useContextMenu() {
               {
                 id: 'dormerOffset',
                 name: getMessage('contextmenu.dormer.offset'),
-                component: <DormerOffset id={popupId} />,
+                component: <DormerOffset id={popupId} title={getMessage('contextmenu.dormer.offset')} />,
               },
             ],
           ])
@@ -376,6 +376,7 @@ export function useContextMenu() {
               {
                 id: 'openingOffset',
                 name: getMessage('contextmenu.opening.offset'),
+                component: <DormerOffset id={popupId} title={getMessage('contextmenu.opening.offset')} />,
               },
             ],
           ])