qcast3/qcast-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

옵션2 - 캔버스 사이즈 변경

Browse Source
This commit is contained in:
yjnoh 2024-10-23 15:30:30 +09:00
parent c418da7560
commit c71468851d
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/floor-plan/modal/setting01/planSize/PlanSizeSetting.jsx
View File

@ -1,7 +1,9 @@
import WithDraggable from '@/components/common/draggable/WithDraggable'
import { usePopup } from '@/hooks/usePopup'
import { useMessage } from '@/hooks/useMessage'
import { useState } from 'react' import { useState } from 'react'
import { useRecoilValue } from 'recoil'
import { useMessage } from '@/hooks/useMessage'
import { usePopup } from '@/hooks/usePopup'
import WithDraggable from '@/components/common/draggable/WithDraggable'
import { canvasState } from '@/store/canvasAtom'
export default function PlanSizeSetting(props) { export default function PlanSizeSetting(props) {
const { horizon, setHorizon, vertical, setVertical, id, pos = { x: 985, y: 180 }, setIsShow } = props const { horizon, setHorizon, vertical, setVertical, id, pos = { x: 985, y: 180 }, setIsShow } = props
@ -9,6 +11,7 @@ export default function PlanSizeSetting(props) {
const { getMessage } = useMessage() const { getMessage } = useMessage()
const [originHorizon, setOriginHorizon] = useState(horizon) const [originHorizon, setOriginHorizon] = useState(horizon)
const [originVertical, setOriginVertical] = useState(vertical) const [originVertical, setOriginVertical] = useState(vertical)
const canvas = useRecoilValue(canvasState)
return ( return (
<WithDraggable isShow={true} pos={pos}> <WithDraggable isShow={true} pos={pos}>
@ -55,6 +58,9 @@ export default function PlanSizeSetting(props) {
setVertical(originVertical) setVertical(originVertical)
setIsShow(false) setIsShow(false)
closePopup(id) closePopup(id)
canvas.setWidth(originHorizon)
canvas.setHeight(originVertical)
canvas.renderAll()
}} }}
> >
{getMessage('modal.common.save')} {getMessage('modal.common.save')}