From 710363bf0008944447bf5fc29fb55fb0e7da5ba8 Mon Sep 17 00:00:00 2001
From: purocean <purocean@gmail.com>
Date: Tue, 22 May 2018 11:03:28 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E5=85=A5=E6=B8=B2=E6=9F=93=E9=98=B2?=
 =?UTF-8?q?=E6=8A=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package.json            |  1 +
 frontend/src/components/View.vue | 16 ++++++++--------
 frontend/yarn.lock               |  4 ++++
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 72bd08dc..1834962f 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -15,6 +15,7 @@
     "crypto-js": "^3.1.9-1",
     "github-markdown-css": "^2.10.0",
     "highlight.js": "^9.12.0",
+    "lodash": "^4.17.10",
     "markdown-it": "^8.4.0",
     "markdown-it-plantuml": "^1.0.0",
     "markdown-it-task-lists": "^2.1.0",
diff --git a/frontend/src/components/View.vue b/frontend/src/components/View.vue
index fda0262d..e6df7c05 100644
--- a/frontend/src/components/View.vue
+++ b/frontend/src/components/View.vue
@@ -5,6 +5,7 @@
 <script>
 import 'github-markdown-css/github-markdown.css'
 import 'highlight.js/styles/github-gist.css'
+import _ from 'lodash'
 import Markdown from 'markdown-it'
 import TaskLists from 'markdown-it-task-lists'
 import Plantuml from 'markdown-it-plantuml'
@@ -39,17 +40,16 @@ export default {
     }
   },
   mounted () {
-    this.render(this.value)
-  },
-  methods: {
-    render (val) {
-      this.$refs.view.innerHTML = this.markdown.render(val)
+    this.render = _.debounce(() => {
+      this.$refs.view.innerHTML = this.markdown.render(this.value)
       MermaidPlugin.update()
-    }
+    }, 500)
+
+    this.render()
   },
   watch: {
-    value (val) {
-      this.render(val)
+    value () {
+      this.render()
     }
   }
 }
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 2655cab6..d0aaf2be 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -3685,6 +3685,10 @@ lodash@^4.14.0, lodash@^4.17.2, lodash@^4.17.3, lodash@^4.17.4, lodash@^4.2.0, l
   version "4.17.4"
   resolved "http://registry.npm.taobao.org/lodash/download/lodash-4.17.4.tgz#78203a4d1c328ae1d86dca6460e369b57f4055ae"
 
+lodash@^4.17.10:
+  version "4.17.10"
+  resolved "http://registry.npm.taobao.org/lodash/download/lodash-4.17.10.tgz#1b7793cf7259ea38fb3661d4d38b3260af8ae4e7"
+
 log-symbols@^1.0.2:
   version "1.0.2"
   resolved "http://registry.npm.taobao.org/log-symbols/download/log-symbols-1.0.2.tgz#376ff7b58ea3086a0f09facc74617eca501e1a18"