From df23eb6870774a719453220dffd8c9c194f66336 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Sat, 30 Jan 2021 10:53:48 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BA=BF=E6=9D=A1=E7=9A=84?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=93=8D=E4=BD=9C=E8=8C=83=E5=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/element/LineElement/index.vue    | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/views/components/element/LineElement/index.vue b/src/views/components/element/LineElement/index.vue
index 041eb5a3..233035b9 100644
--- a/src/views/components/element/LineElement/index.vue
+++ b/src/views/components/element/LineElement/index.vue
@@ -6,11 +6,9 @@
       top: elementInfo.top + 'px',
       left: elementInfo.left + 'px',
     }"
-    @mousedown="$event => handleSelectElement($event)"
   >
     <div 
       class="element-content" 
-      v-contextmenu="contextmenus"
       :style="{ filter: shadowStyle ? `drop-shadow(${shadowStyle})` : '' }"
     >
       <SvgWrapper
@@ -47,6 +45,15 @@
           stroke-miterlimit 
           :marker-start="elementInfo.points[0] ? `url(#${elementInfo.id}-${elementInfo.points[0]}-start)` : ''"
           :marker-end="elementInfo.points[1] ? `url(#${elementInfo.id}-${elementInfo.points[1]}-end)` : ''"
+        ></path>
+				<path
+          class="line-path"
+          :d="path" 
+          stroke="transparent" 
+          stroke-width="20" 
+          fill="none" 
+          @mousedown="$event => handleSelectElement($event)"
+          v-contextmenu="contextmenus"
         ></path>
 			</SvgWrapper>
     </div>
@@ -121,9 +128,8 @@ export default defineComponent({
 <style lang="scss" scoped>
 .editable-element-shape {
   position: absolute;
-  cursor: move;
 
-  &.lock .element-content {
+  &.lock .line-path {
     cursor: default;
   }
 }
@@ -138,4 +144,7 @@ export default defineComponent({
     overflow: visible;
   }
 }
+.line-path {
+  cursor: move;
+}
 </style>