From 31b291a3ec38ad9729290c9766f346304c54f190 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 1 Apr 2021 14:42:46 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A2=9E=E5=8A=A0=E7=94=BB=E5=B8=83?=
 =?UTF-8?q?=E9=BC=A0=E6=A0=87=E6=82=AC=E5=81=9C=E8=99=9A=E7=BA=BF=E8=BE=B9?=
 =?UTF-8?q?=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/Shape.vue        | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/Shape.vue b/frontend/src/components/canvas/components/Editor/Shape.vue
index a30034d051..3d2cfc2c35 100644
--- a/frontend/src/components/canvas/components/Editor/Shape.vue
+++ b/frontend/src/components/canvas/components/Editor/Shape.vue
@@ -26,10 +26,6 @@ export default {
       type: Boolean,
       default: false
     },
-    mouseon: {
-      type: Boolean,
-      default: false
-    },
     element: {
       require: true,
       type: Object
@@ -45,6 +41,7 @@ export default {
   },
   data() {
     return {
+      mouseOn: false,
       pointList: ['lt', 't', 'rt', 'r', 'rb', 'b', 'lb', 'l'], // 八个方向
       initialAngle: { // 每个点对应的初始角度
         lt: 0,
@@ -72,13 +69,7 @@ export default {
 
   computed: {
     classInfo() {
-      if (this.active) {
-        return 'active'
-      } else if (this.mouseon) {
-        return 'mouseon'
-      } else {
-        return ''
-      }
+      return this.active ? 'active' : (this.mouseOn ? 'mouseOn' : '')
     },
     ...mapState([
       'curComponent',
@@ -100,11 +91,11 @@ export default {
   methods: {
     // 鼠标移入事件
     enter() {
-      this.mouseon = true
+      this.mouseOn = true
     },
     // 鼠标移出事件
     leave() {
-      this.mouseon = false
+      this.mouseOn = false
     },
     isActive() {
       return this.active && !this.element.isLock
@@ -379,7 +370,7 @@ export default {
     user-select: none;
 }
 
-.mouseon {
+.mouseOn {
   outline: 1px dashed #70c0ff;
   user-select: none;
 }