diff --git a/src/app/floor-plan/FloorPlanProvider.js b/src/app/floor-plan/FloorPlanProvider.js
index 1e5c536d..a9595aa5 100644
--- a/src/app/floor-plan/FloorPlanProvider.js
+++ b/src/app/floor-plan/FloorPlanProvider.js
@@ -21,6 +21,8 @@ const defaultEstimateData = {
fileList: [],
fileFlg: '0', //후일 자료 제출 (체크 1 노체크 0)
priceCd: '',
+ pricingFlag: false, // 가격 처리 플래그 추가
+
}
/**
diff --git a/src/components/estimate/Estimate.jsx b/src/components/estimate/Estimate.jsx
index 9a3dd74d..2fe098cf 100644
--- a/src/components/estimate/Estimate.jsx
+++ b/src/components/estimate/Estimate.jsx
@@ -507,6 +507,7 @@ export default function Estimate({}) {
icon: 'warning',
confirmFn: () => {
handlePricing(showPriceCd)
+ setEstimateContextState({ pricingFlag:true })
},
})
}
@@ -1437,7 +1438,7 @@ export default function Estimate({}) {
onChange={(e) => {
//주문분류
setHandlePricingFlag(true)
- setEstimateContextState({ estimateType: e.target.value })
+ setEstimateContextState({ estimateType: e.target.value, setEstimateContextState })
}}
/>
diff --git a/src/components/estimate/popup/DocDownOptionPop.jsx b/src/components/estimate/popup/DocDownOptionPop.jsx
index 64f5537c..f534fbda 100644
--- a/src/components/estimate/popup/DocDownOptionPop.jsx
+++ b/src/components/estimate/popup/DocDownOptionPop.jsx
@@ -130,7 +130,7 @@ export default function DocDownOptionPop({ planNo, setEstimatePopupOpen, docDown
-
+
diff --git a/src/components/fabric/QPolygon.js b/src/components/fabric/QPolygon.js
index 264d62d1..20be0c35 100644
--- a/src/components/fabric/QPolygon.js
+++ b/src/components/fabric/QPolygon.js
@@ -701,14 +701,14 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
inPolygonImproved(point) {
const vertices = this.points
let inside = false
- const testX = point.x
- const testY = point.y
+ const testX = Number(point.x.toFixed(this.toFixed))
+ const testY = Number(point.y.toFixed(this.toFixed))
for (let i = 0, j = vertices.length - 1; i < vertices.length; j = i++) {
- const xi = vertices[i].x
- const yi = vertices[i].y
- const xj = vertices[j].x
- const yj = vertices[j].y
+ const xi = Number(vertices[i].x.toFixed(this.toFixed))
+ const yi = Number(vertices[i].y.toFixed(this.toFixed))
+ const xj = Number(vertices[j].x.toFixed(this.toFixed))
+ const yj = Number(vertices[j].y.toFixed(this.toFixed))
// 점이 정점 위에 있는지 확인
if (Math.abs(xi - testX) < 0.01 && Math.abs(yi - testY) < 0.01) {
@@ -720,10 +720,16 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
return true
}
- // Ray casting 알고리즘
- if (((yi > testY) !== (yj > testY)) &&
- (testX < (xj - xi) * (testY - yi) / (yj - yi) + xi)) {
- inside = !inside
+ // Ray casting 알고리즘 - 부동소수점 정밀도 개선
+ if (yi > testY !== yj > testY) {
+ const denominator = yj - yi
+ if (Math.abs(denominator) > 1e-10) {
+ // 0으로 나누기 방지
+ const intersection = ((xj - xi) * (testY - yi)) / denominator + xi
+ if (testX < intersection) {
+ inside = !inside
+ }
+ }
}
}
@@ -739,7 +745,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
// 벡터의 외적을 계산하여 점이 선분 위에 있는지 확인
const crossProduct = Math.abs(dxPoint * dySegment - dyPoint * dxSegment)
-
+
if (crossProduct > tolerance) {
return false
}
@@ -747,7 +753,7 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
// 점이 선분의 범위 내에 있는지 확인
const dotProduct = dxPoint * dxSegment + dyPoint * dySegment
const squaredLength = dxSegment * dxSegment + dySegment * dySegment
-
+
return dotProduct >= 0 && dotProduct <= squaredLength
},
setCoords: function () {
@@ -792,13 +798,15 @@ export const QPolygon = fabric.util.createClass(fabric.Polygon, {
// pathOffset을 고려한 최종 좌표 계산
const pathOffset = this.get('pathOffset')
const finalPoint = {
- x: transformedPoint.x + pathOffset.x,
- y: transformedPoint.y + pathOffset.y,
+ x: Number((transformedPoint.x + pathOffset.x).toFixed(this.toFixed)),
+ y: Number((transformedPoint.y + pathOffset.y).toFixed(this.toFixed)),
}
if (this.name === POLYGON_TYPE.ROOF && this.isFixed) {
const isInside = this.inPolygonImproved(finalPoint)
- this.set('selectable', isInside)
+ if (!this.selectable) {
+ this.set('selectable', isInside)
+ }
return isInside
} else {
return this.inPolygonImproved(finalPoint)
diff --git a/src/hooks/floorPlan/estimate/useEstimateController.js b/src/hooks/floorPlan/estimate/useEstimateController.js
index 9acb79f7..4cbe4521 100644
--- a/src/hooks/floorPlan/estimate/useEstimateController.js
+++ b/src/hooks/floorPlan/estimate/useEstimateController.js
@@ -167,13 +167,34 @@ export const useEstimateController = (planNo, flag) => {
})
}
- //견적서 저장
+
const handleEstimateSubmit = async () => {
+ if(estimateContextState.pricingFlag) {
+ await handleEstimateSubmitCore();
+ }else {
+ swalFire({
+ text: getMessage('estimate.detail.save.pricingFlag'),
+ type: 'confirm',
+ icon: 'warning',
+ confirmFn: async () => {
+ await handleEstimateSubmitCore();
+
+ },
+ denyFn: () => false
+ })
+ return false
+ }
+ }
+ //견적서 저장
+ const handleEstimateSubmitCore = async () => {
//0. 필수체크
let flag = true
let originFileFlg = false
let fileFlg = true
let itemFlg = true
+
+
+
if (estimateData?.charger === null || estimateData?.charger?.trim().length === 0) {
flag = false
setIsGlobalLoading(false)
@@ -355,6 +376,8 @@ export const useEstimateController = (planNo, flag) => {
}
const realSave = async (fileList) => {
+
+ setEstimateContextState({pricingFlag: false})
//첨부파일저장끝
let option = []
diff --git a/src/hooks/floorPlan/useImgLoader.js b/src/hooks/floorPlan/useImgLoader.js
index 12c9cbb2..242206db 100644
--- a/src/hooks/floorPlan/useImgLoader.js
+++ b/src/hooks/floorPlan/useImgLoader.js
@@ -44,7 +44,7 @@ export function useImgLoader() {
*/
const handleCanvasToPng = async (type) => {
try {
- removeMouseLines()
+ toggleLineEtc(false)
canvas.getObjects('image').forEach((obj) => {
if (obj.getSrc) {
@@ -86,6 +86,8 @@ export function useImgLoader() {
})
console.log('🚀 ~ handleCanvasToPng ~ result:', result)
+ toggleLineEtc(true)
+
return result
} catch (e) {
setIsGlobalLoading(false)
@@ -94,13 +96,21 @@ export function useImgLoader() {
}
/**
- * 마우스 포인터의 가이드라인을 제거합니다.
+ * 마우스 포인터 그리드, 임의그리드, 흡착점 등 제거.
+ *
*/
- const removeMouseLines = () => {
+ const toggleLineEtc = (visible = false) => {
if (canvas?._objects.length > 0) {
const mouseLines = canvas?._objects.filter((obj) => obj.name === 'mouseLine')
mouseLines.forEach((item) => canvas?.remove(item))
}
+
+ const adsorptionPoints = canvas?._objects.filter((obj) => obj.name === 'adsorptionPoint')
+ const gridLines = canvas?._objects.filter((obj) => obj.name === 'lineGrid' || obj.name === 'tempGrid' || obj.name === 'dotGrid')
+
+ adsorptionPoints.forEach((item) => item.set({ visible: visible }))
+ gridLines.forEach((item) => item.set({ visible: visible }))
+
canvas?.renderAll()
}
diff --git a/src/hooks/module/useTrestle.js b/src/hooks/module/useTrestle.js
index 9fa75e67..8e234cf0 100644
--- a/src/hooks/module/useTrestle.js
+++ b/src/hooks/module/useTrestle.js
@@ -32,7 +32,10 @@ export const useTrestle = () => {
const apply = () => {
const notAllocationModules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE && !obj.circuit)
if (notAllocationModules.length > 0) {
- swalFire({ text: '回路番号が設定されていないモジュールがあります。 番号を設定しなおすか、 パネルを削除してください。', icon: 'error' })
+ swalFire({
+ text: '回路番号が設定されていないモジュールがあります。 番号を設定しなおすか、 パネルを削除してください。',
+ icon: 'error',
+ })
setIsGlobalLoading(false)
return
}
@@ -807,15 +810,12 @@ export const useTrestle = () => {
const getAzimuth = (parent) => {
const { moduleCompass, surfaceCompass, direction } = parent
- if(surfaceCompass) {
+ if (surfaceCompass) {
return -surfaceCompass
}
let resultAzimuth = moduleCompass
-
-
-
switch (direction) {
case 'south': {
return resultAzimuth
@@ -1882,7 +1882,15 @@ export const useTrestle = () => {
const { width, height } = { ...module }
widthArr.push(width)
heightArr.push(height)
- centerPoints.push({ x, y, width: Math.floor(width), height: Math.floor(height), index, moduleInfo: module.moduleInfo, module })
+ centerPoints.push({
+ x,
+ y,
+ width: Math.floor(width),
+ height: Math.floor(height),
+ index,
+ moduleInfo: module.moduleInfo,
+ module,
+ })
})
//widthArr 중복 제거 1이상 차이가 나지 않으면 같은 너비로 간주
@@ -2055,8 +2063,8 @@ export const useTrestle = () => {
/**
* 디버깅용
- module.set('fill', originFill)
- canvas.renderAll()
+ module.set('fill', originFill)
+ canvas.renderAll()
*/
if (bottomCell) {
return
@@ -2182,8 +2190,8 @@ export const useTrestle = () => {
/**
* 디버깅 용
- module.set('fill', originFill)
- canvas.renderAll()
+ module.set('fill', originFill)
+ canvas.renderAll()
*/
if (leftTopCnt + rightTopCnt === 2) {
@@ -3265,18 +3273,49 @@ export const useTrestle = () => {
return result
}
+ function countMatchingCircuitNumbers(arrays) {
+ let cnt = 0
+
+ // 모든 고유한 circuitNumber 찾기
+ const allCircuitNumbers = new Set()
+ arrays.forEach((arr) => {
+ arr.forEach((item) => {
+ allCircuitNumbers.add(item.circuitNumber)
+ })
+ })
+
+ // 각 circuitNumber가 몇 개의 배열에 나타나는지 세기
+ allCircuitNumbers.forEach((circuitNum) => {
+ let arrayCount = 0
+
+ arrays.forEach((arr) => {
+ const hasCircuitNum = arr.some((item) => item.circuitNumber === circuitNum)
+ if (hasCircuitNum) {
+ arrayCount++
+ }
+ })
+
+ // 2개 이상의 배열에 나타나는 경우에만 카운트 (배열 개수 - 1)
+ if (arrayCount >= 2) {
+ cnt += arrayCount - 1
+ }
+ })
+
+ return cnt
+ }
+
// 양단 케이블 구하는 공식
const getTotalConnectCableCnt = () => {
let cnt = 0
const surfaces = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE)
const modules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE)
+
surfaces.forEach((surface) => {
const modules = surface.modules
- const groups = groupByType(modules)
- groups.forEach((group) => {
- const result = groupPoints(group, surface)
- cnt += result.length - 1
- })
+ // 1. 현재 surface의 모듈들을 그룹화
+ const groupInSurface = groupPoints(modules, surface)
+
+ cnt += countMatchingCircuitNumbers(groupInSurface)
})
const groupByCircuitAndSurfaceCnt = groupByCircuitAndSurface(modules)
diff --git a/src/hooks/object/useObjectBatch.js b/src/hooks/object/useObjectBatch.js
index 322f2531..accb6866 100644
--- a/src/hooks/object/useObjectBatch.js
+++ b/src/hooks/object/useObjectBatch.js
@@ -1,18 +1,17 @@
'use client'
-import { useEffect, useRef } from 'react'
+import { useEffect } from 'react'
import { useMessage } from '@/hooks/useMessage'
import { useRecoilValue } from 'recoil'
import { canvasState } from '@/store/canvasAtom'
import { BATCH_TYPE, INPUT_TYPE, POLYGON_TYPE } from '@/common/common'
import { useEvent } from '@/hooks/useEvent'
import {
+ getDegreeByChon,
+ getTrianglePoints,
pointsToTurfPolygon,
polygonToTurfPolygon,
rectToPolygon,
- triangleToPolygon,
- getDegreeByChon,
toFixedWithoutRounding,
- getTrianglePoints,
} from '@/util/canvas-util'
import { useSwal } from '@/hooks/useSwal'
import * as turf from '@turf/turf'
@@ -23,6 +22,7 @@ import { fontSelector } from '@/store/fontAtom'
import { useRoofFn } from '@/hooks/common/useRoofFn'
import { roofDisplaySelector } from '@/store/settingAtom'
import { usePopup } from '@/hooks/usePopup'
+import { useMouse } from '@/hooks/useMouse'
export function useObjectBatch({ isHidden, setIsHidden }) {
const { getMessage } = useMessage()
@@ -35,6 +35,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
const lengthTextFont = useRecoilValue(fontSelector('lengthText'))
const roofDisplay = useRecoilValue(roofDisplaySelector)
const { closePopup } = usePopup()
+ const { getIntersectMousePoint } = useMouse()
useEffect(() => {
if (canvas) {
@@ -59,7 +60,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
console.log('event', e)
if (e.target && e.target instanceof fabric.Group) {
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
const objects = e.target._objects
// 클릭한 위치에 있는 객체 찾기
@@ -98,7 +99,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (selectedType === INPUT_TYPE.FREE) {
addCanvasMouseEventListener('mouse:down', (e) => {
isDown = true
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
surfaceShapePolygons.forEach((surface) => {
if (surface.inPolygon({ x: pointer.x, y: pointer.y })) {
@@ -140,7 +141,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (!isDown) return
if (selectedSurface) {
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
const width = pointer.x - origX
const height = pointer.y - origY
@@ -208,7 +209,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (!isDown) return
canvas?.remove(...canvas?.getObjects().filter((obj) => obj.name === objTempName)) //움직일때 일단 지워가면서 움직임
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
surfaceShapePolygons.forEach((surface) => {
if (surface.inPolygon({ x: pointer.x, y: pointer.y })) {
@@ -220,8 +221,8 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
strokeWidth: 1,
width: width,
height: height,
- left: pointer.x - width / 2,
- top: pointer.y - height / 2,
+ left: pointer.x,
+ top: pointer.y,
selectable: true,
lockMovementX: true,
lockMovementY: true,
@@ -329,7 +330,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (!isDown) return
canvas?.remove(...canvas?.getObjects().filter((obj) => obj.name === dormerTempName)) //움직일때 일단 지워가면서 움직임
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
surfaceShapePolygons.forEach((surface) => {
if (surface.inPolygon({ x: pointer.x, y: pointer.y })) {
@@ -679,7 +680,7 @@ export function useObjectBatch({ isHidden, setIsHidden }) {
if (!isDown) return
canvas?.remove(...canvas?.getObjects().filter((obj) => obj.name === dormerTempName)) //움직일때 일단 지워가면서 움직임
- const pointer = canvas.getPointer(e.e)
+ const pointer = getIntersectMousePoint(e)
surfaceShapePolygons.forEach((surface) => {
if (surface.inPolygon({ x: pointer.x, y: pointer.y })) {
diff --git a/src/hooks/roofcover/useMovementSetting.js b/src/hooks/roofcover/useMovementSetting.js
index 9f29f880..f05c8171 100644
--- a/src/hooks/roofcover/useMovementSetting.js
+++ b/src/hooks/roofcover/useMovementSetting.js
@@ -8,6 +8,7 @@ import { useSwal } from '@/hooks/useSwal'
import { LINE_TYPE, POLYGON_TYPE } from '@/common/common'
import Big from 'big.js'
import { calcLinePlaneSize } from '@/util/qpolygon-utils'
+import { useMouse } from '@/hooks/useMouse'
//동선이동 형 올림 내림
export function useMovementSetting(id) {
@@ -19,6 +20,7 @@ export function useMovementSetting(id) {
const { initEvent, addCanvasMouseEventListener } = useEvent()
const { closePopup } = usePopup()
const { getMessage } = useMessage()
+ const { getIntersectMousePoint } = useMouse()
const currentObject = useRecoilValue(currentObjectState)
const selectedObject = useRef(null)
const buttonType = [
@@ -180,7 +182,7 @@ export function useMovementSetting(id) {
FOLLOW_LINE_REF.current = followLine
canvas.on('mouse:move', (event) => {
- const mousePos = canvas.getPointer(event.e)
+ const mousePos = getIntersectMousePoint(event)
if (followLine.x1 === followLine.x2) {
followLine.left = mousePos.x - 2
} else {
@@ -212,8 +214,8 @@ export function useMovementSetting(id) {
if (!target) return
const { top: targetTop, left: targetLeft } = target
- const currentX = Big(canvas.getPointer(e.e).x).round(0, Big.roundUp)
- const currentY = Big(canvas.getPointer(e.e).y).round(0, Big.roundUp)
+ const currentX = Big(getIntersectMousePoint(e).x).round(0, Big.roundUp)
+ const currentY = Big(getIntersectMousePoint(e).y).round(0, Big.roundUp)
let value = ''
if (target.y1 === target.y2) {
value = Big(targetTop).minus(currentY).times(10)
@@ -415,7 +417,12 @@ export function useMovementSetting(id) {
startPoint: { x: currentLine.x1 + deltaX, y: currentLine.y1 + deltaY },
endPoint: { x: currentLine.x2 + deltaX, y: currentLine.y2 + deltaY },
})
- const currentSize = calcLinePlaneSize({ x1: currentLine.x1, y1: currentLine.y1, x2: currentLine.x2, y2: currentLine.y2 })
+ const currentSize = calcLinePlaneSize({
+ x1: currentLine.x1,
+ y1: currentLine.y1,
+ x2: currentLine.x2,
+ y2: currentLine.y2,
+ })
currentLine.attributes.planeSize = currentSize
currentLine.attributes.actualSize = currentSize
diff --git a/src/hooks/roofcover/useRoofShapeSetting.js b/src/hooks/roofcover/useRoofShapeSetting.js
index 69defd9d..edf0e7b6 100644
--- a/src/hooks/roofcover/useRoofShapeSetting.js
+++ b/src/hooks/roofcover/useRoofShapeSetting.js
@@ -241,7 +241,11 @@ export function useRoofShapeSetting(id) {
outerLines = canvas.getObjects().filter((obj) => obj.name === 'outerLine')
let isValid = outerLines.every((line) => line.attributes?.isFixed)
if (!isValid) {
- swalFire({ text: getMessage('modal.canvas.setting.roofline.properties.setting.not.setting'), type: 'alert', icon: 'warning' })
+ swalFire({
+ text: getMessage('modal.canvas.setting.roofline.properties.setting.not.setting'),
+ type: 'alert',
+ icon: 'warning',
+ })
return
}
const pitch = outerLines.find((line) => line.attributes.type === LINE_TYPE.WALLLINE.SHED)?.attributes.pitch
@@ -497,7 +501,13 @@ export function useRoofShapeSetting(id) {
canvas.remove(obj)
})
- const polygon = addPolygonByLines(outerLines, { name: POLYGON_TYPE.WALL, direction, originX: 'center', originY: 'center' })
+ const polygon = addPolygonByLines(outerLines, {
+ name: POLYGON_TYPE.WALL,
+ direction,
+ originX: 'center',
+ originY: 'center',
+ })
+ polygon.setViewLengthText(false)
polygon.lines = [...outerLines]
addPitchTextsByOuterLines()
diff --git a/src/hooks/useEvent.js b/src/hooks/useEvent.js
index cf1d1951..8112bb36 100644
--- a/src/hooks/useEvent.js
+++ b/src/hooks/useEvent.js
@@ -16,6 +16,7 @@ import { useTempGrid } from '@/hooks/useTempGrid'
import { gridColorState } from '@/store/gridAtom'
import { gridDisplaySelector } from '@/store/settingAtom'
import { MENU, POLYGON_TYPE } from '@/common/common'
+import { useMouse } from '@/hooks/useMouse'
export function useEvent() {
const canvas = useRecoilValue(canvasState)
@@ -35,6 +36,8 @@ export function useEvent() {
const textMode = useRecoilValue(textModeState)
+ const { getIntersectMousePoint } = useMouse()
+
// 이벤트 초기화 위치 수정 -> useCanvasSetting에서 세팅값 불러오고 나서 초기화 함수 호출
// useEffect(() => {
// initEvent()
@@ -89,6 +92,7 @@ export function useEvent() {
const wheelEvent = (opt) => {
const delta = opt.e.deltaY // 휠 이동 값 (양수면 축소, 음수면 확대)
let zoom = canvas.getZoom() // 현재 줌 값
+ // console.log('zoom', zoom, 'delta', delta)
zoom += delta > 0 ? -0.1 : 0.1
@@ -99,15 +103,14 @@ export function useEvent() {
setCanvasZoom(Number((zoom * 100).toFixed(0)))
// 마우스 위치 기준으로 확대/축소
- canvas.zoomToPoint(new fabric.Point(opt.e.offsetX, opt.e.offsetY), zoom)
- canvas.calcOffset()
- canvas.setViewportTransform(canvas.viewportTransform)
- canvas.requestRenderAll()
+ canvas.zoomToPoint({ x: opt.e.offsetX, y: opt.e.offsetY }, zoom)
canvas.getObjects().forEach((obj) => {
obj.setCoords()
})
+ canvas.renderAll()
+
// 이벤트의 기본 동작 방지 (스크롤 방지)
opt.e.preventDefault()
opt.e.stopPropagation()
@@ -129,7 +132,7 @@ export function useEvent() {
const roofsPoints = roofs.map((roof) => roof.points).flat()
roofAdsorptionPoints.current = [...roofsPoints]
- const auxiliaryLines = canvas.getObjects().filter((obj) => obj.name === 'auxiliaryLine' && !obj.isFixed)
+ const auxiliaryLines = canvas.getObjects().filter((obj) => obj.name === 'auxiliaryLine')
const otherAdsorptionPoints = []
auxiliaryLines.forEach((line1) => {
@@ -138,7 +141,17 @@ export function useEvent() {
return
}
- const intersectionPoint = calculateIntersection(line1, line2)
+ const intersectionPoint = calculateIntersection(line1, line2) // 보조선끼리 만나는 점
+
+ const outerLines = canvas.getObjects().filter((obj) => obj.name === 'outerLine') // 외벽선
+
+ outerLines.forEach((outerLine) => {
+ const outerIntersectionPoint = calculateIntersection(outerLine, line1) // 외벽선과 보조선의 교차점
+ if (outerIntersectionPoint) {
+ intersectionPoints.current.push(outerIntersectionPoint)
+ }
+ })
+
if (!intersectionPoint || intersectionPoints.current.some((point) => point.x === intersectionPoint.x && point.y === intersectionPoint.y)) {
return
}
@@ -147,6 +160,7 @@ export function useEvent() {
})
let innerLinePoints = []
+ let outerLinePoints = []
canvas
.getObjects()
.filter((obj) => obj.innerLines)
@@ -157,14 +171,68 @@ export function useEvent() {
})
})
- const adsorptionPoints = [
+ const outerLines = canvas.getObjects().filter((obj) => obj.name === 'outerLine')
+ outerLines.forEach((line) => {
+ outerLinePoints.push({ x: line.x2, y: line.y2 })
+ outerLinePoints.push({ x: line.x1, y: line.y1 })
+ })
+
+ const allAuxiliaryLines = canvas.getObjects().filter((obj) => obj.name === 'auxiliaryLine')
+
+ allAuxiliaryLines.forEach((aux) => {
+ const roofs = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.ROOF)
+
+ roofs.forEach((roof) => {
+ //지붕과 보조선이 만나는 지점
+ roof.lines.forEach((line) => {
+ const intersectionPoint = calculateIntersection(aux, line)
+ if (intersectionPoint) {
+ intersectionPoints.current.push(intersectionPoint)
+ }
+ })
+
+ //innerLines와 보조선이 만나는 지점
+ roof.innerLines.forEach((line) => {
+ const intersectionPoint = calculateIntersection(aux, line)
+ if (intersectionPoint) {
+ intersectionPoints.current.push(intersectionPoint)
+ }
+ })
+ })
+
+ // outerLines와의 교점
+ const outerLines = canvas.getObjects().filter((obj) => obj.name === 'outerLine')
+ outerLines.forEach((outerLine) => {
+ const intersectionPoint = calculateIntersection(aux, outerLine)
+ if (intersectionPoint) {
+ intersectionPoints.current.push(intersectionPoint)
+ }
+ })
+ })
+
+ let adsorptionPoints = [
...getAdsorptionPoints(),
...roofAdsorptionPoints.current,
...otherAdsorptionPoints,
...intersectionPoints.current,
...innerLinePoints,
+ ...outerLinePoints,
+ ...allAuxiliaryLines.map((line) => {
+ return {
+ x: line.x1,
+ y: line.y1,
+ }
+ }),
+ ...allAuxiliaryLines.map((line) => {
+ return {
+ x: line.x2,
+ y: line.y2,
+ }
+ }),
]
+ adsorptionPoints = removeDuplicatePoints(adsorptionPoints)
+
if (dotLineGridSetting.LINE || canvas.getObjects().filter((obj) => ['lineGrid', 'tempGrid'].includes(obj.name)).length > 1) {
const closestLine = getClosestLineGrid(pointer)
@@ -354,15 +422,10 @@ export function useEvent() {
canvas.renderAll()
}
- const defaultKeyboardEvent = (e) => {
- if (e.key === 'Escape') {
- console.log('defaultKeyboardEvent')
- }
- }
-
const addCanvasMouseEventListener = (eventType, handler) => {
canvas.off(eventType)
canvas.on(eventType, handler)
+ canvas.on('mouse:move', defaultMouseMoveEvent) // default mouse:move 이벤트는 항상 등록
mouseEventListeners.current.push({ eventType, handler })
}
@@ -421,6 +484,17 @@ export function useEvent() {
})
}
+ const removeDuplicatePoints = (points) => {
+ const map = new Map()
+ points.forEach((point) => {
+ const key = `${point.x},${point.y}`
+ if (!map.has(key)) {
+ map.set(key, point)
+ }
+ })
+ return Array.from(map.values())
+ }
+
return {
addDocumentEventListener,
addCanvasMouseEventListener,
diff --git a/src/locales/ja.json b/src/locales/ja.json
index ed372e18..5cd08828 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -993,10 +993,10 @@
"estimate.detail.docPopup.title": "見積書出力オプションの設定",
"estimate.detail.docPopup.explane": "ダウンロードする文書オプションを選択し、[見積書出力]ボタンをクリックします。",
"estimate.detail.docPopup.schUnitPriceFlg": "ダウンロードファイル",
- "estimate.detail.docPopup.schUnitPriceFlg.excelFlg0": "仕切用Excel",
+ "estimate.detail.docPopup.schUnitPriceFlg.excelFlg0": "見積書Excel",
"estimate.detail.docPopup.schUnitPriceFlg.excelFlg1": "定価用Excel",
- "estimate.detail.docPopup.schUnitPriceFlg.excelFlg2": "見積書",
- "estimate.detail.docPopup.schUnitPriceFlg.pdfFlg0": "仕切用PDF",
+ "estimate.detail.docPopup.schUnitPriceFlg.excelFlg2": "旧見積書書式",
+ "estimate.detail.docPopup.schUnitPriceFlg.pdfFlg0": "見積書PDF",
"estimate.detail.docPopup.schUnitPriceFlg.pdfFlg1": "定価用PDF",
"estimate.detail.docPopup.schDisplayFlg": "見積提出書の表示名",
"estimate.detail.docPopup.schDisplayFlg.schDisplayFlg0": "販売店名",
@@ -1034,6 +1034,7 @@
"estimate.detail.save.requiredItemId": "製品を選択してください。",
"estimate.detail.save.requiredAmount": "数量は0より大きい値を入力してください。",
"estimate.detail.save.requiredSalePrice": "単価は0より大きい値を入力してください。",
+ "estimate.detail.save.pricingFlag": "設定した価格見積が作成されます。このまま進めてよろしいですか?",
"estimate.detail.reset.alertMsg": "初期化されました。",
"estimate.detail.reset.confirmMsg": "保存した見積情報が初期化され、最近保存された図面情報が反映されます。本当に初期化しますか?",
"estimate.detail.lock.alertMsg": "見積もりを[ロック]すると変更できません。
見積もりを修正するには、ロックを解除してください。",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index c0cd43af..19864ac4 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -1034,6 +1034,7 @@
"estimate.detail.save.requiredItemId": "제품을 선택해주세요.",
"estimate.detail.save.requiredAmount": "수량은 0보다 큰값을 입력해주세요.",
"estimate.detail.save.requiredSalePrice": "단가는 0보다 큰값을 입력해주세요.",
+ "estimate.detail.save.pricingFlag": "설정한 가격 견적이 작성됩니다. 이대로 진행해도 괜찮으시겠습니까?",
"estimate.detail.reset.alertMsg": "초기화 되었습니다.",
"estimate.detail.reset.confirmMsg": "수기 변경(저장)한 견적 정보가 초기화되고 최근 저장된 도면정보가 반영됩니다. 정말로 초기화하시겠습니까?",
"estimate.detail.lock.alertMsg": "견적서를 [잠금]하면 수정할 수 없습니다.
견적서를 수정하려면 잠금해제를 하십시오.",