😎fix: 방위 설정 팝업 내용 저장 코드 수정

- 각도 데이터 뿐만 아니라 나침반 클릭 포인트에 class도 유지 되게 변경
This commit is contained in:
yoosangwook 2025-01-21 11:24:38 +09:00
parent 16708b3ef3
commit ebaa0f5fba
2 changed files with 22 additions and 5 deletions

View File

@ -1,4 +1,4 @@
import { forwardRef, useContext, useImperativeHandle, useState } from 'react' import { forwardRef, useContext, useEffect, useImperativeHandle, useState } from 'react'
import { useMessage } from '@/hooks/useMessage' import { useMessage } from '@/hooks/useMessage'
import { useOrientation } from '@/hooks/module/useOrientation' import { useOrientation } from '@/hooks/module/useOrientation'
import { getDegreeInOrientation } from '@/util/canvas-util' import { getDegreeInOrientation } from '@/util/canvas-util'
@ -8,6 +8,8 @@ import { useCanvasPopupStatusController } from '@/hooks/common/useCanvasPopupSta
export const Orientation = forwardRef(({ tabNum }, ref) => { export const Orientation = forwardRef(({ tabNum }, ref) => {
const { getMessage } = useMessage() const { getMessage } = useMessage()
const { trigger: canvasPopupStatusTrigger } = useCanvasPopupStatusController(1)
const { nextStep, compasDeg, setCompasDeg } = useOrientation() const { nextStep, compasDeg, setCompasDeg } = useOrientation()
const [hasAnglePassivity, setHasAnglePassivity] = useState(false) const [hasAnglePassivity, setHasAnglePassivity] = useState(false)
@ -21,6 +23,10 @@ export const Orientation = forwardRef(({ tabNum }, ref) => {
canvasPopupStatusTrigger(compasDeg) canvasPopupStatusTrigger(compasDeg)
} }
useEffect(() => {
checkDegree(compasDeg)
}, [compasDeg])
const checkDegree = (e) => { const checkDegree = (e) => {
if (numberCheck(Number(e)) && Number(e) >= -180 && Number(e) <= 180) { if (numberCheck(Number(e)) && Number(e) >= -180 && Number(e) <= 180) {
setCompasDeg(Number(e)) setCompasDeg(Number(e))
@ -29,8 +35,6 @@ export const Orientation = forwardRef(({ tabNum }, ref) => {
} }
} }
const { trigger: canvasPopupStatusTrigger } = useCanvasPopupStatusController(1)
return ( return (
<> <>
<div className="properties-setting-wrap"> <div className="properties-setting-wrap">
@ -67,7 +71,7 @@ export const Orientation = forwardRef(({ tabNum }, ref) => {
</div> </div>
<div className="center-wrap"> <div className="center-wrap">
<div className="d-check-box pop"> <div className="d-check-box pop">
<input type="checkbox" id="ch99" checked={!hasAnglePassivity} onChange={() => setHasAnglePassivity(!hasAnglePassivity)} /> <input type="checkbox" id="ch99" checked={hasAnglePassivity} onChange={() => setHasAnglePassivity(!hasAnglePassivity)} />
<label htmlFor="ch99">{getMessage('modal.module.basic.setting.orientation.setting.angle.passivity')}-180 180</label> <label htmlFor="ch99">{getMessage('modal.module.basic.setting.orientation.setting.angle.passivity')}-180 180</label>
</div> </div>
<div className="outline-form"> <div className="outline-form">
@ -76,7 +80,7 @@ export const Orientation = forwardRef(({ tabNum }, ref) => {
type="text" type="text"
className="input-origin block" className="input-origin block"
value={compasDeg} value={compasDeg}
readOnly={hasAnglePassivity} readOnly={!hasAnglePassivity}
placeholder={0} placeholder={0}
onChange={ onChange={
(e) => checkDegree(e.target.value) (e) => checkDegree(e.target.value)

View File

@ -43,6 +43,10 @@ export function useCanvasPopupStatusController(param = 1) {
break break
case 4: case 4:
break break
case 5:
break
case 6:
break
default: default:
} }
} else { } else {
@ -56,6 +60,15 @@ export function useCanvasPopupStatusController(param = 1) {
roofConstructions: [], roofConstructions: [],
}) })
break break
case 3:
break
case 4:
break
case 5:
break
case 6:
break
default:
} }
} }
}, [popupStatus]) }, [popupStatus])