From 4e69aa6e1d82a3da29abbdbc20dd4a77bd598e4b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 13 Aug 2021 13:58:27 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=E4=BC=98=E5=8C=96=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E6=9D=BF=E5=85=83=E7=B4=A0=E6=8B=96=E5=8A=A8=EF=BC=8C=E5=A4=A7?=
 =?UTF-8?q?=E5=B0=8F=E5=8F=98=E5=8A=A8=E5=BB=B6=E8=BF=9F=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=EF=BC=8C=E7=A7=BB=E5=8A=A8=E4=BD=BF=E7=94=A8=E5=8E=9F=E5=A7=8B?=
 =?UTF-8?q?dom?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/DeDrag/index.vue          | 10 +++++++++-
 .../components/canvas/components/Editor/index.vue |  6 ++++++
 .../canvas/custom-component/UserView.vue          | 15 +++++++++++----
 3 files changed, 26 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/DeDrag/index.vue b/frontend/src/components/DeDrag/index.vue
index 2063bc28f1..b47cb117ca 100644
--- a/frontend/src/components/DeDrag/index.vue
+++ b/frontend/src/components/DeDrag/index.vue
@@ -1155,7 +1155,9 @@ export default {
         this.resizing = false
         await this.conflictCheck()
         this.$emit('refLineParams', refLine)
-        this.$emit('resizestop', this.left, this.top, this.width, this.height)
+        // this.$emit('resizestop', this.left, this.top, this.width, this.height)
+        // private
+        // this.$emit('resizestop')
       }
       if (this.dragging) {
         this.dragging = false
@@ -1484,6 +1486,12 @@ export default {
       style.rotate = this.rotate
       // this.hasMove = true
       this.$store.commit('setShapeStyle', style)
+
+      // resize
+      const self = this
+      setTimeout(function() {
+        self.$emit('resizestop')
+      }, 200)
     },
     mountedFunction() {
       // private 冲突检测 和水平设计值保持一致
diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index f988791ad4..57b2a8de21 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -37,6 +37,7 @@
       :linkage-active="linkageSettingStatus&&item===curLinkageView"
       @refLineParams="getRefLineParams"
       @showViewDetails="showViewDetails(index)"
+      @resizestop="resizestop(index,item)"
     >
       <component
         :is="item.component"
@@ -620,6 +621,11 @@ export default {
     },
     showViewDetails(index) {
       this.$refs.wrapperChild[index].openChartDetailsDialog()
+    },
+    resizestop(index, item) {
+      if (item.type === 'view') {
+        this.$refs.wrapperChild[index].chartResize()
+      }
     }
   }
 }
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index 7267dd68b8..6069bf53bc 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -159,12 +159,13 @@ export default {
       },
       deep: true
     },
-    // 监听外部的样式变化
+    // 监听外部的样式变化 （非实时性要求）
     outStyle: {
       handler(newVal, oldVla) {
-        if (this.$refs[this.element.propValue.id]) {
-          this.$refs[this.element.propValue.id].chartResize()
-        }
+        //
+        // if (this.$refs[this.element.propValue.id]) {
+        //   this.$refs[this.element.propValue.id].chartResize()
+        // }
       },
       deep: true
     },
@@ -381,6 +382,12 @@ export default {
         }
       }
     }
+  // chart
+  chartResize() {
+    if (this.$refs[this.element.propValue.id]) {
+      this.$refs[this.element.propValue.id].chartResize()
+    }
+  }
   }
 }
 </script>