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

[1480]사의 각도 설정을 "각도"로 했을 때 발생하는 문제 #737

Merged
ysCha merged 1 commits from dev into dev-deploy 2026-03-30 18:35:34 +09:00
Conversation 0 Commits 1 Files Changed 2 +9 -5
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/hooks/common/useCanvasConfigInitialize.js
View File

@ -47,12 +47,12 @@ export function useCanvasConfigInitialize() {
offsetTexts.forEach((obj) => {
let text = `${!obj.originText ? '' : obj.originText}`
if (!obj.onlyOffset) {
text = text + `-∠${getDegreeByChon(obj.pitch)}${angleUnit}`
text = text + `-∠${obj.roofAngle ?? getDegreeByChon(obj.pitch)}${angleUnit}`
}
obj.set({ text: text })
})
flowTexts.forEach((obj) => {
obj.set({ text: `${!obj.originText ? '' : obj.originText + '-'}∠${getDegreeByChon(obj.pitch)}${pitchText}` })
obj.set({ text: `${!obj.originText ? '' : obj.originText + '-'}∠${obj.roofAngle ?? getDegreeByChon(obj.pitch)}${pitchText}` })
})
}

10
src/hooks/usePolygon.js
View File

@ -333,6 +333,7 @@ export const usePolygon = () => {
moduleCompass: polygon.moduleCompass,
visible: isFlowDisplay,
pitch: polygon.roofMaterial?.pitch ?? 4,
roofAngle: polygon.roofMaterial?.angle,
parentId: polygon.id,
})
arrow.setViewLengthText(false)
@ -348,7 +349,7 @@ export const usePolygon = () => {
const drawDirectionStringToArrow2 = (polygon, showDirectionText) => {
let { direction, surfaceCompass, moduleCompass, arrow } = polygon
if (moduleCompass === null || moduleCompass === undefined) {
const textObj = new fabric.Text(`${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : getDegreeByChon(arrow.pitch)}${pitchText}`, {
const textObj = new fabric.Text(`${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : (arrow.roofAngle ?? getDegreeByChon(arrow.pitch))}${pitchText}`, {
fontFamily: flowFontOptions.fontFamily.value,
fontWeight: flowFontOptions.fontWeight.value.toLowerCase().includes('bold') ? 'bold' : 'normal',
fontStyle: flowFontOptions.fontWeight.value.toLowerCase().includes('italic') ? 'italic' : 'normal',
@ -357,6 +358,7 @@ export const usePolygon = () => {
originX: 'center',
originY: 'center',
pitch: arrow.pitch,
roofAngle: arrow.roofAngle,
name: 'flowText',
selectable: false,
left: arrow.stickeyPoint.x,
@ -490,7 +492,7 @@ export const usePolygon = () => {
text = text + (sameDirectionCnt.length + 1)
polygon.set('directionText', text)
const textObj = new fabric.Text(
`${showDirectionText && text} (${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : getDegreeByChon(arrow.pitch)}${pitchText})`,
`${showDirectionText && text} (${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : (arrow.roofAngle ?? getDegreeByChon(arrow.pitch))}${pitchText})`,
{
fontFamily: flowFontOptions.fontFamily.value,
fontWeight: flowFontOptions.fontWeight.value.toLowerCase().includes('bold') ? 'bold' : 'normal',
@ -498,6 +500,7 @@ export const usePolygon = () => {
fontSize: flowFontOptions.fontSize.value,
fill: flowFontOptions.fontColor.value,
pitch: arrow.pitch,
roofAngle: arrow.roofAngle,
originX: 'center',
originY: 'center',
name: 'flowText',
@ -707,7 +710,7 @@ export const usePolygon = () => {
const addTextByArrows = (arrows, txt, canvas) => {
arrows.forEach((arrow, index) => {
// const textStr = `${txt}${index + 1} (${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : getDegreeByChon(arrow.pitch)}${pitchText})`
const textStr = `${txt} (${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : getDegreeByChon(arrow.pitch)}${pitchText})`
const textStr = `${txt} (${currentAngleType === ANGLE_TYPE.SLOPE ? arrow.pitch : (arrow.roofAngle ?? getDegreeByChon(arrow.pitch))}${pitchText})`
const text = new fabric.Text(`${textStr}`, {
fontFamily: flowFontOptions.fontFamily.value,
@ -716,6 +719,7 @@ export const usePolygon = () => {
fontSize: flowFontOptions.fontSize.value,
fill: flowFontOptions.fontColor.value,
pitch: arrow.pitch,
roofAngle: arrow.roofAngle,
originX: 'center',
originY: 'center',
name: 'flowText',