From 3de43f552a7dbcf25aaa52e6e12619517a0ea970 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Wed, 7 Aug 2019 11:28:43 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dresize=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Editor.vue  | 2 --
 frontend/src/components/Layout.vue  | 5 +++++
 frontend/src/components/Preview.vue | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Editor.vue b/frontend/src/components/Editor.vue
index d147f147..ffaed62c 100644
--- a/frontend/src/components/Editor.vue
+++ b/frontend/src/components/Editor.vue
@@ -29,7 +29,6 @@ export default {
     }
   },
   mounted () {
-    window.addEventListener('resize', this.$refs.editor.resize)
     this.$bus.on('resize', this.$refs.editor.resize)
     this.$bus.on('editor-insert-value', this.$refs.editor.insert)
     this.$bus.on('editor-replace-value', this.$refs.editor.replaceValue)
@@ -38,7 +37,6 @@ export default {
     this.restartTimer()
   },
   beforeDestroy () {
-    window.removeEventListener('resize', this.$refs.editor.resize)
     this.$bus.off('resize', this.$refs.editor.resize)
     this.$bus.off('editor-insert-value', this.$refs.editor.insert)
     this.$bus.off('editor-replace-value', this.$refs.editor.replaceValue)
diff --git a/frontend/src/components/Layout.vue b/frontend/src/components/Layout.vue
index 81fa232c..7545971d 100644
--- a/frontend/src/components/Layout.vue
+++ b/frontend/src/components/Layout.vue
@@ -44,18 +44,23 @@ export default {
     }
   },
   mounted () {
+    window.addEventListener('resize', this.emitResize)
     window.document.addEventListener('mousemove', this.resizeFrame)
     this.$bus.on('show-toast', this.showToast)
     this.$bus.on('toggle-view', this.toggleView)
     this.$bus.on('toggle-xterm', this.toggleXterm)
   },
   beforeDestroy () {
+    window.removeEventListener('resize', this.emitResize)
     window.document.removeEventListener('mousemove', this.resizeFrame)
     this.$bus.off('toggle-view', this.toggleView)
     this.$bus.off('toggle-xterm', this.toggleXterm)
     this.$bus.off('show-toast', this.showToast)
   },
   methods: {
+    emitResize () {
+      this.$bus.emit('resize')
+    },
     showToast (type, content, timeout = 2000) {
       // TODO 暂时只有 warn type
       this.toast = { type, content }
diff --git a/frontend/src/components/Preview.vue b/frontend/src/components/Preview.vue
index fb49a31c..5688965a 100644
--- a/frontend/src/components/Preview.vue
+++ b/frontend/src/components/Preview.vue
@@ -146,6 +146,7 @@ export default {
   },
   methods: {
     resizeHandler () {
+      console.log('xxx')
       this.width = this.$refs['view-wrapper'].clientWidth
       this.height = this.$refs['view-wrapper'].clientHeight
     },