From 2403d74ce9d88edf4cc25f35758fd821a04c1f2f Mon Sep 17 00:00:00 2001
From: yi-ge <a@wyr.me>
Date: Wed, 8 Jul 2020 18:13:20 +0800
Subject: [PATCH] =?UTF-8?q?add:=20=E8=AE=A8=E8=AE=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.js            |  11 ++-
 .vscode/settings.json   |  10 ++-
 layouts/default.vue     |   1 +
 layouts/error.vue       |   1 +
 layouts/errorTheme.vue  |   1 +
 nuxt.config.js          |   3 +-
 package.json            |   7 +-
 pages/post/_id.vue      | 146 +++++++++++++++++++++++++++++++---------
 plugins/browser.js      |   6 +-
 plugins/vue-js-modal.js |   4 ++
 plugins/vue.js          |  61 +++++++++++++++--
 yarn.lock               |  67 ++++++++++++++++--
 12 files changed, 266 insertions(+), 52 deletions(-)
 create mode 100644 plugins/vue-js-modal.js

diff --git a/.eslintrc.js b/.eslintrc.js
index 85a5d15..7e8fce6 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,13 +5,10 @@ module.exports = {
     node: true
   },
   parserOptions: {
-    parser: 'babel-eslint'
+    parser: "babel-eslint"
   },
-  extends: [
-    '@nuxtjs'
-  ],
-  // add your custom rules here
+  extends: ["@nuxtjs"],
   rules: {
-    'no-console': 'off'
+    "no-console": "off"
   }
-}
+};
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 62f02f1..3bcd964 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -3,8 +3,16 @@
     "Weibo",
     "Weixin",
     "consola",
+    "eslintignore",
     "fontawesome",
     "fortawesome",
-    "nuxt"
+    "hljs",
+    "navication",
+    "nuxt",
+    "nuxtjs",
+    "styl",
+    "vditor",
+    "vmodal",
+    "wangeditor"
   ]
 }
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 43a0c52..fccca23 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -22,6 +22,7 @@
       #rightContent
         nuxt
         Footer
+  v-dialog
 </template>
 
 <script>
diff --git a/layouts/error.vue b/layouts/error.vue
index 20545af..25a4223 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -8,6 +8,7 @@ section.container
     nuxt-link(to='/', v-if='error.statusCode === 404')
       .button
         | 返回首页
+  v-dialog
 </template>
 
 <script>
diff --git a/layouts/errorTheme.vue b/layouts/errorTheme.vue
index 151be98..b996773 100644
--- a/layouts/errorTheme.vue
+++ b/layouts/errorTheme.vue
@@ -6,4 +6,5 @@
   footer
     .footer
       | Copyright © 2020 WangYi. All Rights Reserved.
+  v-dialog
 </template>
diff --git a/nuxt.config.js b/nuxt.config.js
index b9ea74c..a2b853d 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -81,7 +81,8 @@ module.exports = {
   {
     src: '~/plugins/browser.js',
     ssr: false
-  }
+  },
+  { src: '~/plugins/vue-js-modal', mode: 'client' }
   ],
 
   /*
diff --git a/package.json b/package.json
index 5a19e46..0c72faf 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,10 @@
     "cross-env": "^6.0.3",
     "highlight.js": "^9.17.1",
     "koa": "^2.11.0",
-    "moment": "^2.24.0",
-    "nuxt": "^2.12.2"
+    "moment": "^2.27.0",
+    "nuxt": "^2.12.2",
+    "vditor": "^3.3.3",
+    "vue-js-modal": "^2.0.0-rc.3"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^2.0.0",
@@ -31,6 +33,7 @@
     "eslint": "^6.7.2",
     "eslint-config-standard": ">=14.1.0",
     "eslint-loader": "^3.0.3",
+    "eslint-plugin-html": "^6.0.2",
     "eslint-plugin-import": ">=2.19.1",
     "eslint-plugin-jest": "^23.1.1",
     "eslint-plugin-node": ">=10.0.0",
diff --git a/pages/post/_id.vue b/pages/post/_id.vue
index 14ae2a8..c918985 100644
--- a/pages/post/_id.vue
+++ b/pages/post/_id.vue
@@ -2,43 +2,52 @@
 div
   article.articleDetails
     .articleTitle
-      | {{ Articels.post_title }}
+      | {{ articels.post_title }}
     .articalMeta
       ul
         li
           Icon(:icon="['far', 'calendar-alt']")
-          | &nbsp; {{ Articels.post_date }}
+          | &nbsp; {{ articels.post_date }}
         li
           Icon(:icon="['far', 'bookmark']")
-          nuxt-link(v-for='(relationships, index) in Articels.term_relationships', :key='index', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug")
+          nuxt-link(v-for='(relationships, index) in articels.term_relationships', :key='index', v-if='relationships.term_taxonomy', :to="'/' + relationships.term_taxonomy.term.slug")
             span
               | &nbsp; {{ relationships.term_taxonomy.term.name }}
-        li(v-if='Articels.postmetum.meta_value !== 0')
-          Icon(:icon="['fas', 'thermometer-' + Articels.hotValue]")
-          | &nbsp; {{ Articels.postmetum.meta_value }}
-    #articelToc.articelToc(v-if="Articels.post_toc_show")
+        li(v-if='articels.postmetum.meta_value !== 0')
+          Icon(:icon="['fas', 'thermometer-' + articels.hotValue]")
+          | &nbsp; {{ articels.postmetum.meta_value }}
+    #articelToc.articelToc(v-if="articels.post_toc_show")
       .articelTitle 目录
-      .articelTocList(v-html="Articels.post_toc")
-    .articelContent(v-html='Articels.post_content')
+      .articelTocList(v-html="articels.post_toc")
+    .articelContent(v-html='articels.post_content')
+    .tools
+      .reward(@click="reward") 打赏
+    .comment
+      p(style="color: #777; margin-bottom: 30px") 交流区
+        span(v-if="comments.length") ({{commentAmount}})
+      #editor
+        p 说点什么吧...
+      .comment-item(v-for="(item, index) in comments" :key="index")
+        .comment-avatar
+          img(:src="item.comment_author_avatar_url ? item.comment_author_avatar_url : 'https://picsum.photos/200/200/?blur=' + item.user_id")
+        .comment-area
+          .comment-author {{ item.comment_author }}
+          .comment-content {{ item.comment_content }}
+          .comment-info {{ item.comment_date }}
+            span.reply 回复
+      p(v-if="!comments.length", style="color: #cecece; text-align: center; margin-top: 40px") 暂无
     ins.adsbygoogle(style="display:block; text-align:center; margin-top:20px;", data-ad-layout="in-article", data-ad-format="fluid", data-ad-client="ca-pub-2143583075951360", data-ad-slot="4741804954")
-    .articelRightToc(v-show="Articels.post_toc_show && showRightToc", @click="articelRightTocClick")
+    .articelRightToc(v-show="articels.post_toc_show && showRightToc", @click="articelRightTocClick")
       .articelTitle 目录
-      .articelTocList(v-html="Articels.post_toc")
-    p(style="margin: 15px 0;")
-      img(src="https://cdn.wyr.me/imgs/reward.jpg" style="max-width: 100%; width: 200px")
-    p(style="margin: 15px 0;") 评论功能已被暂时关闭，请通过 a@wyr.me 联系我。
-  nuxt-link(:to="Articels.last ? '/post/' + Articels.last.ID : ''")
-    .btnFooter.btnPrevt(:style="'color: ' + (Articels.last ? '#333' : '#ccc')")
+      .articelTocList(v-html="articels.post_toc")
+  nuxt-link(:to="articels.last ? '/post/' + articels.last.ID : ''")
+    .btnFooter.btnPrevt(:style="'color: ' + (articels.last ? '#333' : '#ccc')")
       Icon(:icon="['fas', 'chevron-left']")
-      | &nbsp; 上一篇 {{ Articels.last ? '(' + decodeTitle(Articels.last.post_name) + ')' : ''}}
-  nuxt-link(:to="Articels.next ? '/post/' + Articels.next.ID : ''")
-    .btnFooter.btnNext(:style="'color: ' + (Articels.next ? '#333' : '#ccc')")
-      | 下一篇 {{ Articels.next ? '(' + decodeTitle(Articels.next.post_name) + ')' : ''}} &nbsp;
+      | &nbsp; 上一篇 {{ articels.last ? '(' + decodeTitle(articels.last.post_name) + ')' : ''}}
+  nuxt-link(:to="articels.next ? '/post/' + articels.next.ID : ''")
+    .btnFooter.btnNext(:style="'color: ' + (articels.next ? '#333' : '#ccc')")
+      | 下一篇 {{ articels.next ? '(' + decodeTitle(articels.next.post_name) + ')' : ''}} &nbsp;
       Icon(:icon="['fas', 'chevron-right']")
-  .comment
-    div(v-for="(item, index) in Comments" :key="index")
-      | {{ item.comment_content }}
-
 </template>
 
 <script>
@@ -58,20 +67,40 @@ export default {
 
     // 获取评论
     const tmp = await $axios.$get(`/public/comments/post?ID=${route.params.id}`)
-    const comments = tmp.result
-    console.log(comments)
+    const comments = tmp.result.list || []
+    const commentAmount = tmp.result.amount || 0
 
     return {
-      Articels: result,
-      Comments: comments,
+      articels: result,
+      comments,
+      commentAmount,
       showRightToc: false,
       tocIds: result.post_toc_ids
     }
   },
   mounted () {
+    // 创建编辑器
+    if (process.client) {
+      if (!window.editorObj && window.WangEditor) {
+        window.editorObj = new window.Vditor('editor', {
+          toolbarConfig: {
+            pin: true
+          },
+          cache: {
+            enable: false
+          },
+          after: () => {
+            this.contentEditor.setValue('hello, Vditor + Vue!')
+          }
+        })
+        // window.editorObj.customConfig.uploadImgShowBase64 = true // 使用 base64 保存图片
+        // window.editorObj.create()
+      }
+    }
+
     this.$finishLoad()
 
-    if (this.Articels.post_toc_show) {
+    if (this.articels.post_toc_show) {
       const tocShow = () => {
         if (window.addEvent) {
           window.addEvent(window, 'scroll', () => {
@@ -237,11 +266,17 @@ export default {
       const leftBoundingOnScreen = elementLeftToWindowRight >= onScreenWidth
 
       return bottomBoundingOnScreen && topBoundingOnScreen && rightBoundingOnScreen && leftBoundingOnScreen
+    },
+    reward () {
+      this.$modal.show('dialog', {
+        title: '感谢支持',
+        text: '<img src="https://cdn.wyr.me/imgs/reward.jpg" style="max-width: 100%; width: 400px"/>'
+      })
     }
   },
   head () {
     return {
-      title: `${this.Articels.post_title} - 轶哥`
+      title: `${this.articels.post_title} - 轶哥`
     }
   }
 }
@@ -312,6 +347,40 @@ export default {
 
 .comment
   width 100%
+  margin-top 45px
+
+  .comment-item
+    margin-top 20px
+
+    .comment-avatar
+      float left
+      margin-top 3px
+
+      img
+        border-radius 50%
+        width 40px
+        border-style none
+        cursor pointer
+        box-sizing border-box
+        margin 0
+
+    .comment-area
+      margin-left 50px
+
+      .comment-author, .comment-info
+        font-size 10px
+
+      .comment-author
+        color #a1887f
+
+      .comment-info
+        color #777
+
+        .reply
+          color #a1887f
+          cursor pointer
+          user-select none
+          margin-left 10px
 
 .btnFooter
   font-size 12px
@@ -347,6 +416,7 @@ footer .footer
   background-color #000
   padding 10px
   box-shadow 0 0 8px #000
+  z-index 999999
 
 .articelToc
   width 100%
@@ -393,6 +463,22 @@ footer .footer
           li
             font-weight 300
 
+.tools
+  margin-top 80px
+  margin-bottom 10px
+  text-align center
+  user-select none
+
+  .reward
+    margin 15px 0
+    border 1px solid #888
+    padding 5px 10px
+    display inline-block
+    color #888
+    font-weight 300
+    cursor pointer
+    margin auto
+
 @media (max-width: 768px)
   .articleDetails
     padding 20px
diff --git a/plugins/browser.js b/plugins/browser.js
index 843c34d..1c6f91b 100644
--- a/plugins/browser.js
+++ b/plugins/browser.js
@@ -1,4 +1,6 @@
 import '~/layouts/common.styl'
+import vditor from 'vditor'
+import 'vditor/dist/index.css'
 
 const $tags = document.getElementById('tags')
 const floatTop = $tags.offsetTop + $tags.scrollHeight + 30
@@ -17,7 +19,7 @@ window.addEvent = addEvent
 
 window.onload = function () {
   if (navigator.appName === 'Microsoft Internet Explorer' && parseInt(navigator.appVersion.split(';')[1].replace(/[ ]/g, '').replace('MSIE', '')) <= 9) {
-    alert('您的浏览器版本过低，继续访问将会出现问题，请升级浏览器版本！')
+    alert('您的浏览器版本过低，继续访问将会出现问题，请升级浏览器版本！') // eslint-disable-line
   }
 
   // 底部返回顶部按钮
@@ -54,3 +56,5 @@ window.onload = function () {
   const s = document.getElementsByTagName('script')[0]
   s.parentNode.insertBefore(hm, s)
 }
+
+window.Vditor = vditor
diff --git a/plugins/vue-js-modal.js b/plugins/vue-js-modal.js
new file mode 100644
index 0000000..7324e2b
--- /dev/null
+++ b/plugins/vue-js-modal.js
@@ -0,0 +1,4 @@
+import Vue from 'vue'
+import VModal from 'vue-js-modal'
+
+Vue.use(VModal, { dialog: true })
diff --git a/plugins/vue.js b/plugins/vue.js
index 7953eb9..8b17cfd 100644
--- a/plugins/vue.js
+++ b/plugins/vue.js
@@ -1,14 +1,62 @@
 import Vue from 'vue'
 import { library } from '@fortawesome/fontawesome-svg-core'
-import { faGithub, faQq, faWeixin, faWeibo, faTwitter, faFacebook, faGooglePlus, faTelegram } from '@fortawesome/free-brands-svg-icons'
-import { faEnvelope, faSearch, faThermometerEmpty, faThermometerQuarter, faThermometerHalf, faThermometerThreeQuarters, faThermometerFull, faAngleDoubleUp, faChevronLeft, faChevronRight, faRss } from '@fortawesome/free-solid-svg-icons'
-import { faClock, faCalendarAlt, faBookmark } from '@fortawesome/free-regular-svg-icons'
+import {
+  faGithub,
+  faQq,
+  faWeixin,
+  faWeibo,
+  faTwitter,
+  faFacebook,
+  faGooglePlus,
+  faTelegram
+} from '@fortawesome/free-brands-svg-icons'
+import {
+  faEnvelope,
+  faSearch,
+  faThermometerEmpty,
+  faThermometerQuarter,
+  faThermometerHalf,
+  faThermometerThreeQuarters,
+  faThermometerFull,
+  faAngleDoubleUp,
+  faChevronLeft,
+  faChevronRight,
+  faRss
+} from '@fortawesome/free-solid-svg-icons'
+import {
+  faClock,
+  faCalendarAlt,
+  faBookmark
+} from '@fortawesome/free-regular-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import hljs from 'highlight.js'
 import Swiper from '../components/Swiper'
 import Slide from '../components/Slide'
 
-library.add(faGithub, faQq, faWeixin, faWeibo, faTwitter, faFacebook, faGooglePlus, faTelegram, faEnvelope, faRss, faSearch, faClock, faCalendarAlt, faBookmark, faThermometerEmpty, faThermometerQuarter, faThermometerHalf, faThermometerThreeQuarters, faThermometerFull, faAngleDoubleUp, faChevronLeft, faChevronRight)
+library.add(
+  faGithub,
+  faQq,
+  faWeixin,
+  faWeibo,
+  faTwitter,
+  faFacebook,
+  faGooglePlus,
+  faTelegram,
+  faEnvelope,
+  faRss,
+  faSearch,
+  faClock,
+  faCalendarAlt,
+  faBookmark,
+  faThermometerEmpty,
+  faThermometerQuarter,
+  faThermometerHalf,
+  faThermometerThreeQuarters,
+  faThermometerFull,
+  faAngleDoubleUp,
+  faChevronLeft,
+  faChevronRight
+)
 
 Vue.component('Icon', FontAwesomeIcon)
 Vue.component('Swiper', Vue.extend(Swiper))
@@ -34,7 +82,10 @@ export default function (ctx, inject) {
   })
 
   inject('finishLoad', () => {
-    Array.prototype.forEach.call(document.querySelectorAll('pre code'), hljs.highlightBlock) // 代码高亮
+    Array.prototype.forEach.call(
+      document.querySelectorAll('pre code'),
+      hljs.highlightBlock
+    ) // 代码高亮
     document.getElementById('loading').style.display = 'none' // 隐藏Loading
   })
 }
diff --git a/yarn.lock b/yarn.lock
index 3c398b5..9a61e70 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3105,6 +3105,11 @@ detect-indent@^5.0.0:
   resolved "https://mirrors.huaweicloud.com/repository/npm/detect-indent/-/detect-indent-5.0.0.tgz#3871cc0a6a002e8c3e5b3cf7f336264675f06b9d"
   integrity sha1-OHHMCmoALow+Wzz38zYmRnXwa50=
 
+diff-match-patch@^1.0.4:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/diff-match-patch/-/diff-match-patch-1.0.5.tgz#abb584d5f10cd1196dfc55aa03701592ae3f7b37"
+  integrity sha512-IayShXAgj/QMXgB0IWmKx+rOPuGMhqm5w6jvFxmVenXKIzRqTAAsbBPT3kWQeGANj3jGgvcvv4yK6SxqYmikgw==
+
 diffie-hellman@^5.0.0:
   version "5.0.3"
   resolved "https://mirrors.huaweicloud.com/repository/npm/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@@ -3148,7 +3153,7 @@ dom-converter@^0.2:
   dependencies:
     utila "~0.4"
 
-dom-serializer@0:
+dom-serializer@0, dom-serializer@^0.2.1:
   version "0.2.2"
   resolved "https://mirrors.huaweicloud.com/repository/npm/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51"
   integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==
@@ -3178,6 +3183,13 @@ domhandler@^2.3.0:
   dependencies:
     domelementtype "1"
 
+domhandler@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-3.0.0.tgz#51cd13efca31da95bbb0c5bee3a48300e333b3e9"
+  integrity sha512-eKLdI5v9m67kbXQbJSNn1zjh0SDzvzWVWtX+qEI3eMjZw8daH9k8rlj1FZY9memPwjiskQFbe7vHVVJIAqoEhw==
+  dependencies:
+    domelementtype "^2.0.1"
+
 domutils@1.5.1:
   version "1.5.1"
   resolved "https://mirrors.huaweicloud.com/repository/npm/domutils/-/domutils-1.5.1.tgz#dcd8488a26f563d61079e48c9f7b7e32373682cf"
@@ -3194,6 +3206,15 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
+domutils@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.1.0.tgz#7ade3201af43703fde154952e3a868eb4b635f16"
+  integrity sha512-CD9M0Dm1iaHfQ1R/TI+z3/JWp/pgub0j4jIQKH89ARR4ATAV2nbaOQS5XxU9maJP5jHaPdDDQSEHuE2UmpUTKg==
+  dependencies:
+    dom-serializer "^0.2.1"
+    domelementtype "^2.0.1"
+    domhandler "^3.0.0"
+
 dot-prop@^5.2.0:
   version "5.2.0"
   resolved "https://mirrors.huaweicloud.com/repository/npm/dot-prop/-/dot-prop-5.2.0.tgz#c34ecc29556dc45f1f4c22697b6f4904e0cc4fcb"
@@ -3420,6 +3441,13 @@ eslint-plugin-es@^3.0.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
+eslint-plugin-html@^6.0.2:
+  version "6.0.2"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-html/-/eslint-plugin-html-6.0.2.tgz#fcbd293e218d03dd72c147fc999d185c6f5989fe"
+  integrity sha512-Ik/z32UteKLo8GEfwNqVKcJ/WOz/be4h8N5mbMmxxnZ+9aL9XczOXQFz/bGu+nAGVoRg8CflldxJhONFpqlrxw==
+  dependencies:
+    htmlparser2 "^4.1.0"
+
 eslint-plugin-import@2.19.1:
   version "2.19.1"
   resolved "https://mirrors.huaweicloud.com/repository/npm/eslint-plugin-import/-/eslint-plugin-import-2.19.1.tgz#5654e10b7839d064dd0d46cd1b88ec2133a11448"
@@ -4393,6 +4421,16 @@ htmlparser2@^3.3.0:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
+htmlparser2@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-4.1.0.tgz#9a4ef161f2e4625ebf7dfbe6c0a2f52d18a59e78"
+  integrity sha512-4zDq1a1zhE4gQso/c5LP1OtrhYTncXNSpvJYtWJBtXAETPlMfi3IFNjGuQbYLuVY4ZR0QMqRVvo4Pdy9KLyP8Q==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^3.0.0"
+    domutils "^2.0.0"
+    entities "^2.0.0"
+
 http-assert@^1.3.0:
   version "1.4.1"
   resolved "https://mirrors.huaweicloud.com/repository/npm/http-assert/-/http-assert-1.4.1.tgz#c5f725d677aa7e873ef736199b89686cceb37878"
@@ -5606,10 +5644,10 @@ mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@^0.5.3, mkdirp@~0.5.1, mkdirp@~0.5.x:
   dependencies:
     minimist "^1.2.5"
 
-moment@^2.24.0:
-  version "2.25.1"
-  resolved "https://mirrors.huaweicloud.com/repository/npm/moment/-/moment-2.25.1.tgz#1cb546dca1eccdd607c9324747842200b683465d"
-  integrity sha512-nRKMf9wDS4Fkyd0C9LXh2FFXinD+iwbJ5p/lh3CHitW9kZbRbJ8hCruiadiIXZVbeAqKZzqcTvHnK3mRhFjb6w==
+moment@^2.27.0:
+  version "2.27.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.27.0.tgz#8bff4e3e26a236220dfe3e36de756b6ebaa0105d"
+  integrity sha512-al0MUK7cpIcglMv3YF13qSgdAIqxHTO7brRtaz3DlSULbqfazqkc5kEjNrLDOM7fsjshoFIihnU8snrP7zUvhQ==
 
 move-concurrently@^1.0.1:
   version "1.0.1"
@@ -7502,6 +7540,11 @@ reserved-words@^0.1.2:
   resolved "https://mirrors.huaweicloud.com/repository/npm/reserved-words/-/reserved-words-0.1.2.tgz#00a0940f98cd501aeaaac316411d9adc52b31ab1"
   integrity sha1-AKCUD5jNUBrqqsMWQR2a3FKzGrE=
 
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
+
 resolve-from@^3.0.0:
   version "3.0.0"
   resolved "https://mirrors.huaweicloud.com/repository/npm/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
@@ -8790,6 +8833,13 @@ vary@^1.1.2, vary@~1.1.2:
   resolved "https://mirrors.huaweicloud.com/repository/npm/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"
   integrity sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=
 
+vditor@^3.3.3:
+  version "3.3.3"
+  resolved "https://registry.yarnpkg.com/vditor/-/vditor-3.3.3.tgz#fbab16bf259e060a9502aa8a146943a70cd757f1"
+  integrity sha512-Z3rcpW9UWeI3VxQ4K3nNfEN2iC7aflwCVZMTlm2x+X+90EFaOKzgEQEizo+tma+hXcyhhb5UeTnmabVwoDKjNQ==
+  dependencies:
+    diff-match-patch "^1.0.4"
+
 vendors@^1.0.0:
   version "1.0.4"
   resolved "https://mirrors.huaweicloud.com/repository/npm/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"
@@ -8827,6 +8877,13 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://mirrors.huaweicloud.com/repository/npm/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
 
+vue-js-modal@^2.0.0-rc.3:
+  version "2.0.0-rc.3"
+  resolved "https://registry.yarnpkg.com/vue-js-modal/-/vue-js-modal-2.0.0-rc.3.tgz#c34b33305af10b4ccecdbb381dd58efbb19e2862"
+  integrity sha512-Q9L9FsIUMuzCKSuB41D8LxV+Yc2q+zWHzzUdWaQ2KeHPS+78+X6AAnBztVoophbjt8UXHO7rQSRgER1MMw5qsw==
+  dependencies:
+    resize-observer-polyfill "^1.5.1"
+
 vue-loader@^15.9.1:
   version "15.9.2"
   resolved "https://mirrors.huaweicloud.com/repository/npm/vue-loader/-/vue-loader-15.9.2.tgz#ae01f5f4c9c6a04bff4483912e72ef91a402c1ae"