From 45858792f7837b133504b9df5ba7cbcb8f8ae844 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 17 Jan 2024 15:18:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=A7=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96=E6=9C=AA=E7=A7=BB=E5=8A=A8=E5=88=B0=E4=B8=AD=E5=BF=83?=
 =?UTF-8?q?=E7=82=B9=E9=97=AE=E9=A2=98=EF=BC=8C=E5=8F=AF=E8=83=BD=E5=90=A7?=
 =?UTF-8?q?=E4=BD=8D=E7=BD=AE=E5=9D=90=E6=A0=87=E7=BD=AE=E7=A9=BA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/data-visualization/ComponentToolBar.vue   | 5 ++++-
 .../components/visualization/common/ComponentPosition.vue    | 3 +++
 .../core-frontend/src/utils/changeComponentsSizeWithScale.ts | 5 ++++-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
index 98b13fc8be..c5466c4d22 100644
--- a/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
+++ b/core/core-frontend/src/components/data-visualization/ComponentToolBar.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
-import { ref, onMounted, onUnmounted } from 'vue'
+import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
 import { changeSizeWithScale } from '@/utils/changeComponentsSizeWithScale'
 import { useEmitt } from '@/hooks/web/useEmitt'
@@ -71,6 +71,9 @@ onMounted(() => {
   window.addEventListener('mousewheel', handleMouseWheel, { passive: false })
   setTimeout(() => {
     scale.value = canvasStyleData.value.scale
+    nextTick(() => {
+      useEmitt().emitter.emit('initScroll')
+    })
   }, 1000)
 })
 
diff --git a/core/core-frontend/src/components/visualization/common/ComponentPosition.vue b/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
index 6e8ea71237..9422d12811 100644
--- a/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
+++ b/core/core-frontend/src/components/visualization/common/ComponentPosition.vue
@@ -67,6 +67,9 @@ const positionKeysGroup = computed(() => {
 })
 
 const onPositionChange = key => {
+  if (!positionMounted.value[key]) {
+    positionMounted.value[key] = 0
+  }
   curComponent.value.style[key] = Math.round(
     (positionMounted.value[key] * canvasStyleData.value.scale) / 100
   )
diff --git a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
index 2167f9742b..948711a7c2 100644
--- a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
+++ b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts
@@ -83,6 +83,9 @@ function format(value, scale) {
   return multiply(value, divide(parseFloat(scale), 100))
 }
 
-function getOriginStyle(value, scale) {
+function getOriginStyle(value = 0, scale) {
+  if (!value) {
+    value = 0
+  }
   return divide(value, divide(parseFloat(scale), 100))
 }