From 22248e521a0f62190e20c24d753bdb27fc5d6910 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 26 May 2021 16:15:54 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=BC=96=E8=BE=91=E4=BB=AA=E8=A1=A8?=
 =?UTF-8?q?=E7=9B=98=E6=97=B6=20=E5=8D=A1=E9=A1=BF=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E8=A7=86=E5=9B=BE=E5=A4=A7=E5=B0=8F=E4=B8=8D=E5=8F=98=E7=9A=84?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/index.vue        |  1 +
 .../canvas/custom-component/UserView.vue      | 19 +++++++++++++++++++
 .../views/chart/components/ChartComponent.vue |  5 -----
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/index.vue b/frontend/src/components/canvas/components/Editor/index.vue
index ba74062db1..224e01ae75 100644
--- a/frontend/src/components/canvas/components/Editor/index.vue
+++ b/frontend/src/components/canvas/components/Editor/index.vue
@@ -40,6 +40,7 @@
         :prop-value="item.propValue"
         :element="item"
         :filter="filter"
+        :out-style="item.style"
       />
       <!-- <component
         :is="item.component"
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index b85303bc15..ddb3288519 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -18,6 +18,7 @@ import { viewData } from '@/api/panel/panel'
 import ChartComponent from '@/views/chart/components/ChartComponent.vue'
 import TableNormal from '@/views/chart/components/table/TableNormal'
 import LabelNormal from '../../../views/chart/components/normal/LabelNormal'
+import { uuid } from 'vue-uuid'
 
 import { mapState } from 'vuex'
 
@@ -48,6 +49,13 @@ export default {
           filter: []
         }
       }
+    },
+    outStyle: {
+      type: Object,
+      required: false,
+      default: function() {
+        return {}
+      }
     }
   },
   watch: {
@@ -65,13 +73,24 @@ export default {
         this.mergeStyle()
       },
       deep: true
+    },
+    // 监听外部的样式变化
+    outStyle: {
+      handler(newVal, oldVla) {
+        this.$refs[this.element.propValue.id].chartResize()
+      },
+      deep: true
     }
   },
+  created() {
+    this.refId = uuid.v1
+  },
   computed: mapState([
     'canvasStyleData'
   ]),
   data() {
     return {
+      refId: null,
       chart: {
         stylePriority: 'panel',
         xaxis: '[]',
diff --git a/frontend/src/views/chart/components/ChartComponent.vue b/frontend/src/views/chart/components/ChartComponent.vue
index 50eb574f26..4d4f4843c3 100644
--- a/frontend/src/views/chart/components/ChartComponent.vue
+++ b/frontend/src/views/chart/components/ChartComponent.vue
@@ -49,11 +49,6 @@ export default {
   },
   mounted() {
     this.preDraw()
-
-    // 监听元素变动事件
-    eventBus.$on('resizing', (componentId) => {
-      this.chartResize()
-    })
   },
   methods: {
     preDraw() {