From 5dca1eaf23f060aaed260a6f3e74cc60ba177a76 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 28 Feb 2024 14:40:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BF=9D=E6=8C=81=E5=AE=BD=E9=AB=98=E6=AF=94?=
 =?UTF-8?q?=E6=97=B6=E9=83=A8=E5=88=86=E6=8B=96=E6=8B=BD=E7=82=B9=E6=8B=96?=
 =?UTF-8?q?=E6=8B=BD=E6=97=B6=E6=98=AF=E5=90=8C=E6=97=B6=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E4=BD=8D=E7=A7=BB=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/Shape.vue       |  6 +++--
 .../calculateComponentPositionAndSize.ts      | 25 +++++++++++++++++++
 2 files changed, 29 insertions(+), 2 deletions(-)

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 179c704cff..5a676c8a0d 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
@@ -87,7 +87,9 @@
 
 <script setup lang="ts">
 import eventBus from '@/utils/eventBus'
-import calculateComponentPositionAndSize from '@/utils/calculateComponentPositionAndSize'
+import calculateComponentPositionAndSize, {
+  calculateRadioComponentPositionAndSize
+} from '@/utils/calculateComponentPositionAndSize'
 import { mod360 } from '@/utils/translate'
 import { deepCopy } from '@/utils/utils'
 import { computed, nextTick, onMounted, ref, toRefs, reactive } from 'vue'
@@ -670,8 +672,8 @@ const handleMouseDownOnPoint = (point, e) => {
         // 调整宽度
         style.width = defaultStyle.value.height * originRadio
       }
+      calculateRadioComponentPositionAndSize(point, style, symmetricPoint)
     }
-
     dvMainStore.setShapeStyle(style)
     // 矩阵逻辑 如果当前是仪表板（矩阵模式）则要进行矩阵重排
     dashboardActive.value && emit('onResizing', moveEvent)
diff --git a/core/core-frontend/src/utils/calculateComponentPositionAndSize.ts b/core/core-frontend/src/utils/calculateComponentPositionAndSize.ts
index 273da039a0..85b0c62d75 100644
--- a/core/core-frontend/src/utils/calculateComponentPositionAndSize.ts
+++ b/core/core-frontend/src/utils/calculateComponentPositionAndSize.ts
@@ -373,3 +373,28 @@ export default function calculateComponentPositionAndSize(
 ) {
   funcs[name](style, curPosition, proportion, needLockProportion, pointInfo)
 }
+
+export function calculateRadioComponentPositionAndSize(name, style, symmetricPoint) {
+  if (['b'].includes(name)) {
+    style.left = Math.round(symmetricPoint.x - style.width / 2)
+    style.top = symmetricPoint.y
+  } else if (['t'].includes(name)) {
+    style.left = Math.round(symmetricPoint.x - style.width / 2)
+    style.top = symmetricPoint.y - style.height
+  } else if (['l'].includes(name)) {
+    style.left = symmetricPoint.x - style.width
+    style.top = Math.round(symmetricPoint.y - style.height / 2)
+  } else if (['r'].includes(name)) {
+    style.left = symmetricPoint.x
+    style.top = Math.round(symmetricPoint.y - style.height / 2)
+  } else if (['lt'].includes(name)) {
+    style.left = symmetricPoint.x - style.width
+    style.top = symmetricPoint.y - style.height
+  } else if (['lb'].includes(name)) {
+    style.left = symmetricPoint.x - style.width
+    style.top = symmetricPoint.y
+  } else if (['rt'].includes(name)) {
+    style.left = symmetricPoint.x
+    style.top = symmetricPoint.y - style.height
+  }
+}