개구 오프셋 추가

This commit is contained in:
yjnoh 2024-11-06 15:04:42 +09:00
parent 2a108eb1af
commit 7954c45c7e
3 changed files with 9 additions and 5 deletions

View File

@ -9,7 +9,7 @@ import { canvasState } from '@/store/canvasAtom'
export default function DormerOffset(props) { export default function DormerOffset(props) {
const contextPopupPosition = useRecoilValue(contextPopupPositionState) const contextPopupPosition = useRecoilValue(contextPopupPositionState)
const { id, pos = contextPopupPosition } = props const { id, pos = contextPopupPosition, title } = props
const { getMessage } = useMessage() const { getMessage } = useMessage()
const { closePopup } = usePopup() const { closePopup } = usePopup()
const [arrow1, setArrow1] = useState(null) const [arrow1, setArrow1] = useState(null)
@ -43,7 +43,7 @@ export default function DormerOffset(props) {
<WithDraggable isShow={true} pos={pos}> <WithDraggable isShow={true} pos={pos}>
<div className={`modal-pop-wrap xm mount`}> <div className={`modal-pop-wrap xm mount`}>
<div className="modal-head"> <div className="modal-head">
<h1 className="title">{getMessage('contextmenu.dormer.offset')}</h1> <h1 className="title">{title}</h1>
<button className="modal-close" onClick={() => closePopup(id)}> <button className="modal-close" onClick={() => closePopup(id)}>
닫기 닫기
</button> </button>

View File

@ -1008,8 +1008,11 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (length1) dormer.top = arrow1 === 'down' ? dormer.top + length1 : dormer.top - length1 if (length1) dormer.top = arrow1 === 'down' ? dormer.top + length1 : dormer.top - length1
if (length2) dormer.left = arrow2 === 'left' ? dormer.left - length2 : dormer.left + length2 if (length2) dormer.left = arrow2 === 'left' ? dormer.left - length2 : dormer.left + length2
const newDormer = reGroupObject(dormer) if (dormer.type === 'group') {
canvas?.setActiveObject(newDormer) const newDormer = reGroupObject(dormer)
canvas?.setActiveObject(newDormer)
}
canvas.renderAll()
} }
return { return {

View File

@ -296,7 +296,7 @@ export function useContextMenu() {
{ {
id: 'dormerOffset', id: 'dormerOffset',
name: getMessage('contextmenu.dormer.offset'), name: getMessage('contextmenu.dormer.offset'),
component: <DormerOffset id={popupId} />, component: <DormerOffset id={popupId} title={getMessage('contextmenu.dormer.offset')} />,
}, },
], ],
]) ])
@ -376,6 +376,7 @@ export function useContextMenu() {
{ {
id: 'openingOffset', id: 'openingOffset',
name: getMessage('contextmenu.opening.offset'), name: getMessage('contextmenu.opening.offset'),
component: <DormerOffset id={popupId} title={getMessage('contextmenu.opening.offset')} />,
}, },
], ],
]) ])