diff --git a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue index a7a750fbea..b87b226567 100644 --- a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue +++ b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue @@ -735,8 +735,10 @@ const handleMouseDownOnPoint = (point, e) => { } // 获取画布位移信息 - const editorRectInfo = editorMap.value[canvasId.value].getBoundingClientRect() - + const editorRectInfo = editorMap.value[canvasId.value]?.getBoundingClientRect() + if (!editorRectInfo) { + reutrn + } // 获取 point 与实际拖动基准点的差值 const pointRect = e.target.getBoundingClientRect() // 当前点击圆点相对于画布的中心坐标 diff --git a/core/core-frontend/src/store/modules/data-visualization/compose.ts b/core/core-frontend/src/store/modules/data-visualization/compose.ts index e3780f243c..c1b23e8b41 100644 --- a/core/core-frontend/src/store/modules/data-visualization/compose.ts +++ b/core/core-frontend/src/store/modules/data-visualization/compose.ts @@ -225,6 +225,9 @@ export const composeStore = defineStore('compose', { decompose() { const canvasId = curComponent.value.canvasId const editor = this.editorMap[canvasId] + if (!editor) { + return + } const parentStyle = { ...curComponent.value.style } const components = curComponent.value.propValue const editorRect = editor.getBoundingClientRect() diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue index 3a02ffe7ac..06806e4e05 100644 --- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue +++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentG2Plot.vue @@ -691,7 +691,7 @@ const canvas2Picture = (pictureData, online) => { imgDom.style['z-index'] = '2' imgDom.classList.add('prepare-picture-img') imgDom.src = pictureData - mapDom.appendChild(imgDom) + mapDom?.appendChild(imgDom) } const preparePicture = id => { if (id !== curView?.id) {