From 3c8dbf634df047ed3e630301c9f3c4347848ab43 Mon Sep 17 00:00:00 2001 From: yjnoh Date: Wed, 5 Feb 2025 10:23:29 +0900 Subject: [PATCH] =?UTF-8?q?=EB=B3=B5=EC=8B=9C=EB=8F=84,=20=EC=8B=A4?= =?UTF-8?q?=EC=B8=A1=EC=B9=98=20=EB=AA=A8=EB=93=88=20=ED=81=AC=EA=B8=B0=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../floor-plan/modal/basic/BasicSetting.jsx | 2 +- src/hooks/module/useModuleBasicSetting.js | 36 +++++++++---------- src/hooks/module/useModuleTabContents.js | 2 -- 3 files changed, 17 insertions(+), 23 deletions(-) diff --git a/src/components/floor-plan/modal/basic/BasicSetting.jsx b/src/components/floor-plan/modal/basic/BasicSetting.jsx index 58cf29b5..51620935 100644 --- a/src/components/floor-plan/modal/basic/BasicSetting.jsx +++ b/src/components/floor-plan/modal/basic/BasicSetting.jsx @@ -72,7 +72,7 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) { const placementRef = { isChidori: useRef('false'), - setupLocation: useRef('center'), + setupLocation: useRef('eaves'), isMaxSetup: useRef('false'), } diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js index bf4d4a86..37101307 100644 --- a/src/hooks/module/useModuleBasicSetting.js +++ b/src/hooks/module/useModuleBasicSetting.js @@ -2,7 +2,7 @@ import { useState } from 'react' import { useRecoilState, useRecoilValue, useSetRecoilState } from 'recoil' import { canvasSettingState, canvasState, checkedModuleState, isManualModuleSetupState } from '@/store/canvasAtom' import { rectToPolygon, polygonToTurfPolygon, calculateVisibleModuleHeight, getDegreeByChon } from '@/util/canvas-util' -import { basicSettingState, roofDisplaySelector } from '@/store/settingAtom' +import { addedRoofsState, basicSettingState, roofDisplaySelector } from '@/store/settingAtom' import offsetPolygon, { calculateAngle } from '@/util/qpolygon-utils' import { QPolygon } from '@/components/fabric/QPolygon' import { moduleSetupSurfaceState, moduleIsSetupState } from '@/store/canvasAtom' @@ -48,11 +48,9 @@ export function useModuleBasicSetting(tabNum) { useEffect(() => { // console.log('basicSetting', basicSetting) if (canvas) { - canvas.selection = true - canvas.selectionFullyContained = true - // canvas.on('selection:created', (e) => { - // console.log('selection:created', e.selected) - // }) + //드래그 여부 + // canvas.selection = true + // canvas.selectionFullyContained = true } }, []) @@ -191,7 +189,7 @@ export function useModuleBasicSetting(tabNum) { return } - let offsetLength = canvasSetting.roofSizeSet === 3 ? -90 : (trestleDetail.eaveIntvl / 10) * -1 + let offsetLength = canvasSetting.roofSizeSet === '3' ? -90 : (trestleDetail.eaveIntvl / 10) * -1 setSurfaceShapePattern(roof, roofDisplay.column, true) //패턴 변경 const offsetPoints = offsetPolygon(roof.points, offsetLength) //안쪽 offset //모듈설치영역?? 생성 @@ -401,12 +399,11 @@ export function useModuleBasicSetting(tabNum) { const moduleHeight = Number(checkedModule[0].shortAxis) / 10 let tmpWidth = flowDirection === 'south' || flowDirection === 'north' ? moduleWidth : moduleHeight let tmpHeight = flowDirection === 'south' || flowDirection === 'north' ? moduleHeight : moduleWidth - let { width, height } = calculateVisibleModuleHeight( - tmpWidth, - tmpHeight, - getDegreeByChon(moduleSetupSurfaces[i].roofMaterial.pitch), - flowDirection, - ) //각도 적용 + + let { width, height } = + canvasSetting.roofSizeSet === '1' + ? calculateVisibleModuleHeight(tmpWidth, tmpHeight, getDegreeByChon(moduleSetupSurfaces[i].roofMaterial.pitch), flowDirection) + : { width: tmpWidth, height: tmpHeight } const points = [ { x: mousePoint.x - width / 2, y: mousePoint.y - height / 2 }, @@ -823,17 +820,16 @@ export function useModuleBasicSetting(tabNum) { : Number(module.longAxis)) / 10 } - return calculateVisibleModuleHeight( - tmpWidth, - tmpHeight, - getDegreeByChon(moduleSetupSurface.roofMaterial.pitch), - moduleSetupSurface.flowDirection, - ) //각도 적 + console.log(canvasSetting) + + return canvasSetting.roofSizeSet === '1' + ? calculateVisibleModuleHeight(tmpWidth, tmpHeight, getDegreeByChon(moduleSetupSurface.roofMaterial.pitch), moduleSetupSurface.flowDirection) + : { width: tmpWidth, height: tmpHeight } } const getFlowLines = (moduleSetupSurface, module) => { let flowLines = {} - if (canvasSetting.roofSizeSet !== 3) { + if (canvasSetting.roofSizeSet !== '3') { flowLines = { bottom: bottomTopFlowLine(moduleSetupSurface, module).find((obj) => obj.target === 'bottom'), top: bottomTopFlowLine(moduleSetupSurface, module).find((obj) => obj.target === 'top'), diff --git a/src/hooks/module/useModuleTabContents.js b/src/hooks/module/useModuleTabContents.js index 63ab7722..2c3e16d4 100644 --- a/src/hooks/module/useModuleTabContents.js +++ b/src/hooks/module/useModuleTabContents.js @@ -5,10 +5,8 @@ import { useMasterController } from '@/hooks/common/useMasterController' import { useCommonCode } from '@/hooks/common/useCommonCode' import { moduleSelectionDataState, moduleSelectionInitParamsState, selectedModuleState } from '@/store/selectedModuleOptions' import { isObjectNotEmpty, isEqualObjects } from '@/util/common-utils' -import { addedRoofsState } from '@/store/settingAtom' export function useModuleTabContents({ tabIndex, addRoof, setAddedRoofs, roofTab, tempModuleSelectionData, setTempModuleSelectionData }) { - const addRoofsArray = useRecoilValue(addedRoofsState) const globalPitchText = useRecoilValue(pitchTextSelector) //피치 텍스트 const { findCommonCode } = useCommonCode()