😎fix: 방위 설정 팝업 내용 저장 코드 수정
- 각도 데이터 뿐만 아니라 나침반 클릭 포인트에 class도 유지 되게 변경
This commit is contained in:
parent
16708b3ef3
commit
ebaa0f5fba
@ -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)
|
||||||
|
|||||||
@ -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])
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user