key event 함수추가

src/components/floor-plan/CanvasFrame.jsx

@@ -12,8 +12,6 @@ import { currentMenuState, currentObjectState, modifiedPlanFlagState } from '@/s
 import { useCanvasEvent } from '@/hooks/useCanvasEvent'
 import QContextMenu from '@/components/common/context-menu/QContextMenu'
 import { useCanvasConfigInitialize } from '@/hooks/common/useCanvasConfigInitialize'
-
-import { useCommonUtils } from '@/hooks/common/useCommonUtils'
 import { MENU } from '@/common/common'
 import PanelBatchStatistics from '@/components/floor-plan/modal/panelBatch/PanelBatchStatistics'
 

src/hooks/common/useCommonUtils.js

@@ -37,6 +37,7 @@ export function useCommonUtils() {
   const commonTextMode = () => {
     let textbox
     if (commonUtils.text) {
+      commonTextKeyEvent()
       addCanvasMouseEventListener('mouse:down', (event) => {
         const pointer = canvas?.getPointer(event.e)
         textbox = new fabric.Textbox('', {
@@ -472,6 +473,7 @@ export function useCommonUtils() {
     }
   }
 
+  const commonTextKeyEvent = () => {
     //텍스트 모드일때 엔터 이벤트
     addDocumentEventListener('keydown', document, (e) => {
       if (e.key === 'Enter') {
@@ -496,6 +498,7 @@ export function useCommonUtils() {
         initEvent()
       }
     })
+  }
 
   const commonFunctions = (mode) => {
     let tempStates = { ...commonUtils }
@@ -591,6 +594,7 @@ export function useCommonUtils() {
     const obj = canvas?.getActiveObject()
     obj.set({ editable: true })
     obj.enterEditing()
+    commonTextKeyEvent()
   }
 
   const deleteObject = () => {

src/hooks/useContextMenu.js

@@ -43,7 +43,7 @@ export function useContextMenu() {
   const { addPopup } = usePopup()
   const [popupId, setPopupId] = useState(uuidv4())
   const [gridColor, setGridColor] = useRecoilState(gridColorState)
-  const { deleteObject, moveObject, copyObject, editText, changeDimensionExtendLine } = useCommonUtils({})
+  const { deleteObject, moveObject, copyObject, editText, changeDimensionExtendLine } = useCommonUtils()
   const [qContextMenu, setQContextMenu] = useRecoilState(contextMenuState)
   const [cell, setCell] = useState(null)
   const [column, setColumn] = useState(null)