update docs

docs/.vuepress/components/ChatBox.vue

@@ -4,7 +4,7 @@
     <div v-for="i in chat" v-bind="i">
       <div class="doc-chat-row" v-if="i.type === 0">
         <div class="doc-chat-box">{{ i.content }}</div>
-        <img class="doc-chat-avatar" src="https://api.btstu.cn/sjtx/api.php"  alt=""/>
+        <img class="doc-chat-avatar" src="https://zhamao.xin/images/customer_avatar.png"  alt=""/>
       </div>
       <div class="doc-chat-row doc-chat-row-robot" v-else-if="i.type === 1">
         <img class="doc-chat-avatar" src="https://docs-v1.zhamao.xin/logo.png" alt=""/>
@@ -21,6 +21,13 @@
           <img :src="i.content" alt="" />
         </div>
       </div>
+      <div class="doc-chat-row doc-chat-row-robot" v-else-if="i.type === 4">
+        <img class="doc-chat-avatar" src="https://docs-v1.zhamao.xin/logo.png" alt=""/>
+        <div class="doc-chat-box doc-chat-box-robot">
+          <div class="doc-chat-box-quote">{{ i.quote }}</div>
+          <span v-for="(p,index) in i.content.split('\n')">{{p}}<br v-if="index !== i.content.length - 1"></span>
+        </div>
+      </div>
     </div>
   </div>
 </div>
@@ -85,6 +92,14 @@ export default {
   justify-content: flex-start !important;
 }
 
+.doc-chat-box-quote {
+  background-color: #cecece;
+  margin: .4rem .2rem;
+  border-radius: .3rem;
+  padding: .4rem .6rem;
+  font-size: 12px;
+}
+
 .doc-chat-box {
   color: #000000de;
   position: relative;

docs/.vuepress/config.js

@@ -27,6 +27,7 @@ module.exports = {
         nav: [
             { text: '指南', link: '/guide/' },
             { text: '事件', link: '/event/' },
+            { text: '组件', link: '/components/bot/bot-context' },
             { text: 'API 文档', link: '/doxy/', target: '_blank' },
             { text: '炸毛框架 v2', link: 'https://docs-v2.zhamao.xin/' }
         ],
@@ -59,6 +60,17 @@ module.exports = {
                         'extend',
                     ]
                 }
+            ],
+            '/components/': [
+                {
+                    title: '组件',
+                    collapsable: false,
+                    sidebarDepth: 2,
+                    children: [
+                        'bot/bot-context',
+                        'bot/message-segment',
+                    ]
+                }
             ]
         }
     }