From d79c9686e557bc893ffdd82a46c47e096718d189 Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Thu, 27 Jul 2023 14:42:33 +0800
Subject: [PATCH] =?UTF-8?q?style(stage):=20=E8=B0=83=E6=95=B4=E6=8B=96?=
 =?UTF-8?q?=E5=8A=A8=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/stage/src/moveable-able.css | 30 ++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/packages/stage/src/moveable-able.css b/packages/stage/src/moveable-able.css
index 7ce3fb7d..941e1e54 100644
--- a/packages/stage/src/moveable-able.css
+++ b/packages/stage/src/moveable-able.css
@@ -47,35 +47,43 @@
   border-style: solid;
 }
 
+.moveable-drag-area-button {
+  cursor: move;
+}
+
 .moveable-drag-area-button .moveable-select-parent-arrow-top-icon {
   width: 2px;
   height: 2px;
 }
 
 .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-top {
-  transform: rotateZ(-45deg);
-  left: 8px;
+  transform: rotateZ(-45deg) translateX(-50%);
+  left: 50%;
   top: 3px;
+  transform-origin: left;
 }
 
 .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-bottom {
-  transform: rotateZ(135deg);
-  left: 8px;
+  transform: rotateZ(135deg) translateX(-50%);
+  transform-origin: left;
+  left: 50%;
   top: auto;
   bottom: 3px;
 }
 
 .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-right {
-  transform: rotateZ(45deg);
+  transform: rotateZ(45deg)  translateY(-50%);
+  transform-origin: top;
   right: 3px;
   left: auto;
-  top: 8px;
+  top: 50%;
 }
 
 .moveable-drag-area-button .moveable-select-parent-arrow-top-icon-left {
-  transform: rotateZ(235deg);
+  transform: rotateZ(235deg) translateY(-50%);
+  transform-origin: top;
   left: 3px;
-  top: 8px;
+  top: 50%;
 }
 
 .moveable-drag-area-button .moveable-select-parent-arrow-body-icon-horizontal {
@@ -83,7 +91,8 @@
   height: 11px;
   background-color: #fff;
   position: absolute;
-  left: 9px;
+  transform: translateX(-50%);
+  left: 50%;
   top: 4px;
 }
 
@@ -92,7 +101,8 @@
   height: 2px;
   background-color: #fff;
   position: absolute;
+  transform: translateY(-50%);
   left: 4px;
-  top: 9px;
+  top: 50%;;
 }