src/common/common.js

@@ -210,7 +210,6 @@ export const SAVE_KEY = [
   'toFixed',
   'startPoint',
   'endPoint',
-  'editable',
   'isSortedPoints',
 ]
 

src/hooks/common/useCommonUtils.js

@@ -22,12 +22,12 @@ export function useCommonUtils() {
   const lengthTextFont = useRecoilValue(fontSelector('lengthText'))
   const commonTextFont = useRecoilValue(fontSelector('commonText'))
   const [commonUtils, setCommonUtilsState] = useRecoilState(commonUtilsState)
-  const { addPopup, closeAll } = usePopup()
+  const { addPopup } = usePopup()
   const { drawDirectionArrow, addLengthText } = usePolygon()
   const { applyDormers } = useObjectBatch({})
 
   useEffect(() => {
-    if (commonUtils.text || !commonUtils.text) {
+    if (commonUtils.text) {
       commonTextMode()
     } else if (commonUtils.dimension) {
       commonDimensionMode()
@@ -38,57 +38,35 @@ export function useCommonUtils() {
 
   const commonTextMode = () => {
     let textbox
-    closeAll()
     if (commonUtils.text) {
-      setTimeout(() => {
+      commonTextKeyEvent()
-        commonTextKeyEvent()
+      addCanvasMouseEventListener('mouse:down', (event) => {
-        addCanvasMouseEventListener('mouse:down', (event) => {
+        const pointer = canvas?.getPointer(event.e)
-          const pointer = canvas?.getPointer(event.e)
 
-          textbox = new fabric.Textbox('', {
+        textbox = new fabric.Textbox('', {
-            left: pointer.x,
+          left: pointer.x,
-            top: pointer.y,
+          top: pointer.y,
-            width: 200,
+          width: 200,
-            editable: true,
+          editable: true,
-            name: 'commonText',
+          name: 'commonText',
-            visible: wordDisplay,
+          visible: wordDisplay,
-            fill: commonTextFont.fontColor.value,
+          fill: commonTextFont.fontColor.value,
-            fontFamily: commonTextFont.fontFamily.value,
+          fontFamily: commonTextFont.fontFamily.value,
-            fontSize: commonTextFont.fontSize.value,
+          fontSize: commonTextFont.fontSize.value,
-            fontStyle: commonTextFont.fontWeight.value.toLowerCase().includes('italic') ? 'italic' : 'normal',
+          fontStyle: commonTextFont.fontWeight.value.toLowerCase().includes('italic') ? 'italic' : 'normal',
-            fontWeight: commonTextFont.fontWeight.value.toLowerCase().includes('bold') ? 'bold' : 'normal',
+          fontWeight: commonTextFont.fontWeight.value.toLowerCase().includes('bold') ? 'bold' : 'normal',
-            selectable: true,
+          selectable: true,
-            lockMovementX: true,
+          lockMovementX: true,
-            lockMovementY: true,
+          lockMovementY: true,
-            originX: 'center',
+          originX: 'center',
-            originY: 'center',
+          originY: 'center',
-          })
-
-          canvas?.add(textbox)
-          canvas.setActiveObject(textbox)
-          textbox.enterEditing()
-          textbox.selectAll()
         })
-      }, 100)
-    } else {
-      const activeObject = canvas?.getActiveObject()
-      if (activeObject && activeObject.name === 'commonText') {
-        if (activeObject && activeObject.isEditing) {
-          if (activeObject.text === '') {
-            canvas?.remove(activeObject)
-          } else {
-            activeObject.exitEditing()
-          }
-          //정책 협의
-          const texts = canvas.getObjects().filter((obj) => obj.name === 'commonText')
-          texts.forEach((text) => {
-            text.set({ editable: false })
-          })
-          canvas.renderAll()
-        }
-      }
 
-      initEvent()
+        canvas?.add(textbox)
+        canvas.setActiveObject(textbox)
+        textbox.enterEditing()
+        textbox.selectAll()
+      })
     }
   }