From 906dffcabfdcfedcbc025dbcc20db63be6d9e5ec Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 28 Dec 2022 11:08:42 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E7=BC=96=E8=BE=91=E5=8C=BA=E5=92=8C?=
 =?UTF-8?q?=E6=8B=96=E6=8B=BD=E5=8C=BA=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/canvas/customComponent/DeRichText.vue   | 3 ++-
 frontend/src/components/deDrag/index.vue                   | 4 ++++
 frontend/src/store/index.js                                | 7 +++++--
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/canvas/customComponent/DeRichText.vue b/frontend/src/components/canvas/customComponent/DeRichText.vue
index 96ed01cca2..4e5a76ab38 100644
--- a/frontend/src/components/canvas/customComponent/DeRichText.vue
+++ b/frontend/src/components/canvas/customComponent/DeRichText.vue
@@ -36,6 +36,7 @@ import 'tinymce/plugins/directionality'
 import 'tinymce/plugins/nonbreaking'
 import 'tinymce/plugins/pagebreak'
 import { mapState } from 'vuex'
+import Vue from 'vue'
 
 export default {
   name: 'DeRichText',
@@ -155,7 +156,7 @@ export default {
     setEdit() {
       if (this.editStatus) {
         this.canEdit = true
-        this.element.editing = true
+        Vue.set(this.element, 'editing', true)
         this.reShow()
       }
     },
diff --git a/frontend/src/components/deDrag/index.vue b/frontend/src/components/deDrag/index.vue
index 2591f61ad6..7ac61779e8 100644
--- a/frontend/src/components/deDrag/index.vue
+++ b/frontend/src/components/deDrag/index.vue
@@ -74,18 +74,22 @@
         class="main-background"
       >
         <div
+          v-show="!this.element.editing"
           class="de-drag-area de-drag-top"
           @mousedown="elementMouseDown"
         />
         <div
+          v-show="!this.element.editing"
           class="de-drag-area de-drag-right"
           @mousedown="elementMouseDown"
         />
         <div
+          v-show="!this.element.editing"
           class="de-drag-area de-drag-bottom"
           @mousedown="elementMouseDown"
         />
         <div
+          v-show="!this.element.editing"
           class="de-drag-area de-drag-left"
           @mousedown="elementMouseDown"
         />
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index d2f832d71d..72622c1890 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -198,6 +198,9 @@ const data = {
     },
 
     setCurComponent(state, { component, index }) {
+      if (!component && state.curComponent) {
+        Vue.set(state.curComponent, 'editing', false)
+      }
       // 当前视图操作状态置空
       if (component) {
         component['optStatus'] = {
@@ -206,9 +209,9 @@ const data = {
         }
         // Is the current component in editing status
         if (!state.curComponent) {
-          component['editing'] = false
+          Vue.set(component, 'editing', false)
         } else if (component.id !== state.curComponent.id) {
-          component['editing'] = false
+          Vue.set(component, 'editing', false)
         }
       }
       state.styleChangeTimes = 0