ai-error-assistant-pro 0.0.20 → 0.0.22

package/components/demo/src/chat-tools.vue

@@ -19,7 +19,7 @@
                     <img alt="" src="../static/zan-active.png" v-else />
                 </div>
             </el-tooltip>
-            <el-popover v-model="popover" placement="top-start" trigger="manual">
+            <el-popover ref="popoverRef" v-model="popover" placement="top-start" trigger="manual">
                 <div slot="reference">
                     <el-tooltip content="踩" effect="light" placement="bottom">
                         <div class="tools-icon" @click="openPopover" v-if="!listData.cai">

package/components/demo/src/chat.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="chat-contain" ref="chatContainer">
-        <error-chat :question-stem="analyExercise" :businessSource ="businessSource" @on-init="errorChatInit"/>
+    <div class="chat-contain" ref="chatContainer" @scroll="handleScroll">
+        <error-chat :question-stem="analyExercise" :businessSource ="businessSource" @on-init="errorChatInit" ref="errorChat"/>
         <div v-for="(list, index) in messageData" :key="index"
              :class="{'user-list': list.type === 'user'}"
              class="message">
@@ -73,6 +73,7 @@
                     </div>
                 </div>
                 <chat-tools v-if="list.type === 'robot'"
+                            :ref="'chatTools' + index"
                             :chatId="chatId"
                             :detail-data="list"
                             :sending="list.sending"
@@ -140,6 +141,7 @@ export default {
             chatId: '', // 对话id
             chatMajorId: '',
             finish: false,
+            lastScrollTop: 0,
         }
     },
     computed: {
@@ -159,6 +161,46 @@ export default {
         }
     },
     methods: {
+        handleScroll() {
+            const container = this.$refs.chatContainer;
+            const containerRect = container.getBoundingClientRect();
+            // 检查所有消息中的popover是否在可视区域内
+            const errorRef = this.$refs.errorChat;
+            this.messageData.forEach((_, index) => {
+                const ref = this.$refs['chatTools' + index];
+                if (ref && ref[0]) {
+                    // 只有当popover开启时，才去判断它的位置
+                    if (ref[0].popover) {
+                        // 通过 ref 属性获取 el-popover 的 DOM 元素
+                        const popoverEl = ref[0].$refs.popoverRef.$el;
+                        if (popoverEl) {
+                            const popoverRect = popoverEl.getBoundingClientRect();
+                            if (popoverRect.top < containerRect.top || popoverRect.bottom > containerRect.bottom) {
+                                ref[0].cancelPopover();
+                            }
+                        }
+                    }
+                }
+            });
+            
+            // 处理 errorChat 组件内部的 chatTools popover
+            const errorChatRef = this.$refs.errorChat;
+            if (errorChatRef && errorChatRef.$refs.chatTools) {
+                const errorChatToolsRef = errorChatRef.$refs.chatTools;
+                // 只有当popover开启时，才去判断它的位置
+                if (errorChatToolsRef.popover) {
+                    const popoverEl = errorChatToolsRef.$refs.popoverRef.$el;
+                    if (popoverEl) {
+                        const popoverRect = popoverEl.getBoundingClientRect();
+                        
+                        // 如果popover的顶部或底部超出 主聊天容器 的可视区域，则关闭它
+                        if (popoverRect.top < containerRect.top || popoverRect.bottom > containerRect.bottom) {
+                            errorChatToolsRef.cancelPopover();
+                        }
+                    }
+                }
+            }
+        },
         cancelPopover() {
             this.popover = false;
         },

package/components/demo/src/error-chat.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="error-chat-contain">
+    <div class="error-chat-contain" @scroll="handleScroll">
         <div class="exercises-answer">
             <div class="exercises-answer-bg"></div>
             <p class="question-stem" v-html="questionStem.title"></p>
@@ -72,13 +72,14 @@
             </div>
             <div class="answer-content" v-if="businessSource !== '2' ">
                 <div v-for="(list,index) in analysisData.recommend" :key="index" style="margin-bottom: 8px">
-                    <a :href="'https://ai-yuliao.hep.com.cn' + list.url"
+                    <a :href="seeDetail(list.pageIndex, list.url)"
                        target="_blank"
                        v-if="!list.title.startsWith(chatMajorId)">{{ list.title }}
                     </a>
                 </div>
             </div>
             <chat-tools type="error"
+                        ref="chatTools"
                         :chatId="chatId"
                         :detailData="detailData"
                         @on-reanswer="reanswer" />
@@ -87,7 +88,7 @@
 </template>
 <script>
 import ChatTools from './chat-tools.vue';
-import { erranalysis, retryAnalysis } from '../api/index'
+import {erranalysis, pdfUrlBase, retryAnalysis} from '../api/index'
 export default {
     name: 'ErrorChart',
     components: {
@@ -118,6 +119,12 @@ export default {
         }
     },
     methods: {
+        handleScroll() {
+            console.log('scroll');
+            if (this.$refs.chatTools) {
+                this.$refs.chatTools.cancelPopover();
+            }
+        },
         async getErrorAnalysis() {
             try {
                 this.analysisData = {};
@@ -163,6 +170,10 @@ export default {
                 throw new Error(e);
             }
         },
+        seeDetail(pageIndex, url){
+          const baseUrl = `${pdfUrlBase}/#/pdf-view?documentUrl=${encodeURIComponent(url)}&pageIndex=${pageIndex}`;
+          return baseUrl
+        },
         async reanswer(list) {
             const cache = {...this.analysisData};
             this.analysisData = {};

package/components/demo/src/main.vue

@@ -4,7 +4,7 @@
         <div class="ai-contain-header">
             <div class="logo-title">
                 <img src="../static/logo.png" alt="" style="width: 48px; height: 48px">
-                <span class="title-font">AI错题解</span>
+                <span class="title-font">AI错题解析</span>
             </div>
             <div class="icon-close" @click="closeMessage">
                 <i class="el-icon-close"></i>

package/dist/ai-error-assistant-pro.common.js

@@ -6546,7 +6546,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=04483a30&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=236c26cc&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -6644,19 +6644,23 @@ var staticRenderFns = [function () {
     }
   }), _c('span', {
     staticClass: "title-font"
-  }, [_vm._v("AI错题解")])]);
+  }, [_vm._v("AI错题解析")])]);
 }];
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=04483a30&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=236c26cc&scoped=true
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat.vue?vue&type=template&id=75accbf1&scoped=true
-var chatvue_type_template_id_75accbf1_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat.vue?vue&type=template&id=610f94f3&scoped=true
+var chatvue_type_template_id_610f94f3_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
     ref: "chatContainer",
-    staticClass: "chat-contain"
+    staticClass: "chat-contain",
+    on: {
+      "scroll": _vm.handleScroll
+    }
   }, [_c('error-chat', {
+    ref: "errorChat",
     attrs: {
       "question-stem": _vm.analyExercise,
       "businessSource": _vm.businessSource
@@ -6758,6 +6762,8 @@ var chatvue_type_template_id_75accbf1_scoped_true_render = function render() {
         staticClass: "el-icon-arrow-right go-icon"
       })]);
     }), 0)]) : _vm._e(), list.type === 'robot' ? _c('chat-tools', {
+      ref: 'chatTools' + index,
+      refInFor: true,
       attrs: {
         "chatId": _vm.chatId,
         "detail-data": list,
@@ -6771,7 +6777,7 @@ var chatvue_type_template_id_75accbf1_scoped_true_render = function render() {
     }) : _vm._e()], 1)]);
   })], 2);
 };
-var chatvue_type_template_id_75accbf1_scoped_true_staticRenderFns = [];
+var chatvue_type_template_id_610f94f3_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/axios/lib/helpers/bind.js
 
@@ -11103,8 +11109,8 @@ const getUserInfo = async (token, businessSource, fn) => {
   cache.session.setJSON('SRKJ_TOKEN_CACHE', token);
   if (fn) fn();
 };
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat-tools.vue?vue&type=template&id=a40a67cc&scoped=true
-var chat_toolsvue_type_template_id_a40a67cc_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat-tools.vue?vue&type=template&id=882f7ed8&scoped=true
+var chat_toolsvue_type_template_id_882f7ed8_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _vm.listData ? _c('div', {
@@ -11160,6 +11166,7 @@ var chat_toolsvue_type_template_id_a40a67cc_scoped_true_render = function render
       "src": __webpack_require__(793)
     }
   })])]), _c('el-popover', {
+    ref: "popoverRef",
     attrs: {
       "placement": "top-start",
       "trigger": "manual"
@@ -11266,9 +11273,9 @@ var chat_toolsvue_type_template_id_a40a67cc_scoped_true_render = function render
     }
   }, [_vm._v("提交")])], 1)], 1)])])], 1)]) : _vm._e();
 };
-var chat_toolsvue_type_template_id_a40a67cc_scoped_true_staticRenderFns = [];
+var chat_toolsvue_type_template_id_882f7ed8_scoped_true_staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./components/demo/src/chat-tools.vue?vue&type=template&id=a40a67cc&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/chat-tools.vue?vue&type=template&id=882f7ed8&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat-tools.vue?vue&type=script&lang=js
 
@@ -11369,10 +11376,10 @@ var chat_toolsvue_type_template_id_a40a67cc_scoped_true_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./components/demo/src/chat-tools.vue?vue&type=script&lang=js
  /* harmony default export */ var src_chat_toolsvue_type_script_lang_js = (chat_toolsvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat-tools.vue?vue&type=style&index=0&id=a40a67cc&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat-tools.vue?vue&type=style&index=0&id=882f7ed8&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/chat-tools.vue?vue&type=style&index=0&id=a40a67cc&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/chat-tools.vue?vue&type=style&index=0&id=882f7ed8&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -11483,22 +11490,25 @@ function normalizeComponent(
 
 var component = normalizeComponent(
   src_chat_toolsvue_type_script_lang_js,
-  chat_toolsvue_type_template_id_a40a67cc_scoped_true_render,
-  chat_toolsvue_type_template_id_a40a67cc_scoped_true_staticRenderFns,
+  chat_toolsvue_type_template_id_882f7ed8_scoped_true_render,
+  chat_toolsvue_type_template_id_882f7ed8_scoped_true_staticRenderFns,
   false,
   null,
-  "a40a67cc",
+  "882f7ed8",
   null
   
 )
 
 /* harmony default export */ var chat_tools = (component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/error-chat.vue?vue&type=template&id=750eca81&scoped=true
-var error_chatvue_type_template_id_750eca81_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/error-chat.vue?vue&type=template&id=f32a40f0&scoped=true
+var error_chatvue_type_template_id_f32a40f0_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
-    staticClass: "error-chat-contain"
+    staticClass: "error-chat-contain",
+    on: {
+      "scroll": _vm.handleScroll
+    }
   }, [_c('div', {
     staticClass: "exercises-answer"
   }, [_c('div', {
@@ -11622,11 +11632,12 @@ var error_chatvue_type_template_id_750eca81_scoped_true_render = function render
       }
     }, [!list.title.startsWith(_vm.chatMajorId) ? _c('a', {
       attrs: {
-        "href": 'https://ai-yuliao.hep.com.cn' + list.url,
+        "href": _vm.seeDetail(list.pageIndex, list.url),
         "target": "_blank"
       }
     }, [_vm._v(_vm._s(list.title) + " ")]) : _vm._e()]);
   }), 0) : _vm._e(), _c('chat-tools', {
+    ref: "chatTools",
     attrs: {
       "type": "error",
       "chatId": _vm.chatId,
@@ -11637,7 +11648,7 @@ var error_chatvue_type_template_id_750eca81_scoped_true_render = function render
     }
   })], 1)]);
 };
-var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [function () {
+var error_chatvue_type_template_id_f32a40f0_scoped_true_staticRenderFns = [function () {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -11656,7 +11667,7 @@ var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [funct
   })]);
 }];
 
-;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue?vue&type=template&id=750eca81&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue?vue&type=template&id=f32a40f0&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/error-chat.vue?vue&type=script&lang=js
 
@@ -11695,6 +11706,12 @@ var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [funct
     }
   },
   methods: {
+    handleScroll() {
+      console.log('scroll');
+      if (this.$refs.chatTools) {
+        this.$refs.chatTools.cancelPopover();
+      }
+    },
     async getErrorAnalysis() {
       try {
         this.analysisData = {};
@@ -11747,6 +11764,10 @@ var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [funct
         throw new Error(e);
       }
     },
+    seeDetail(pageIndex, url) {
+      const baseUrl = `${pdfUrlBase}/#/pdf-view?documentUrl=${encodeURIComponent(url)}&pageIndex=${pageIndex}`;
+      return baseUrl;
+    },
     async reanswer(list) {
       const cache = {
         ...this.analysisData
@@ -11787,10 +11808,10 @@ var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [funct
 });
 ;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue?vue&type=script&lang=js
  /* harmony default export */ var src_error_chatvue_type_script_lang_js = (error_chatvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/error-chat.vue?vue&type=style&index=0&id=750eca81&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/error-chat.vue?vue&type=style&index=0&id=f32a40f0&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue?vue&type=style&index=0&id=750eca81&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue?vue&type=style&index=0&id=f32a40f0&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./components/demo/src/error-chat.vue
 
@@ -11803,11 +11824,11 @@ var error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns = [funct
 
 var error_chat_component = normalizeComponent(
   src_error_chatvue_type_script_lang_js,
-  error_chatvue_type_template_id_750eca81_scoped_true_render,
-  error_chatvue_type_template_id_750eca81_scoped_true_staticRenderFns,
+  error_chatvue_type_template_id_f32a40f0_scoped_true_render,
+  error_chatvue_type_template_id_f32a40f0_scoped_true_staticRenderFns,
   false,
   null,
-  "750eca81",
+  "f32a40f0",
   null
   
 )
@@ -14358,7 +14379,8 @@ const signal = controller.signal;
       chatId: '',
       // 对话id
       chatMajorId: '',
-      finish: false
+      finish: false,
+      lastScrollTop: 0
     };
   },
   computed: {
@@ -14378,6 +14400,46 @@ const signal = controller.signal;
     }
   },
   methods: {
+    handleScroll() {
+      const container = this.$refs.chatContainer;
+      const containerRect = container.getBoundingClientRect();
+      // 检查所有消息中的popover是否在可视区域内
+      const errorRef = this.$refs.errorChat;
+      this.messageData.forEach((_, index) => {
+        const ref = this.$refs['chatTools' + index];
+        if (ref && ref[0]) {
+          // 只有当popover开启时，才去判断它的位置
+          if (ref[0].popover) {
+            // 通过 ref 属性获取 el-popover 的 DOM 元素
+            const popoverEl = ref[0].$refs.popoverRef.$el;
+            if (popoverEl) {
+              const popoverRect = popoverEl.getBoundingClientRect();
+              if (popoverRect.top < containerRect.top || popoverRect.bottom > containerRect.bottom) {
+                ref[0].cancelPopover();
+              }
+            }
+          }
+        }
+      });
+
+      // 处理 errorChat 组件内部的 chatTools popover
+      const errorChatRef = this.$refs.errorChat;
+      if (errorChatRef && errorChatRef.$refs.chatTools) {
+        const errorChatToolsRef = errorChatRef.$refs.chatTools;
+        // 只有当popover开启时，才去判断它的位置
+        if (errorChatToolsRef.popover) {
+          const popoverEl = errorChatToolsRef.$refs.popoverRef.$el;
+          if (popoverEl) {
+            const popoverRect = popoverEl.getBoundingClientRect();
+
+            // 如果popover的顶部或底部超出 主聊天容器 的可视区域，则关闭它
+            if (popoverRect.top < containerRect.top || popoverRect.bottom > containerRect.bottom) {
+              errorChatToolsRef.cancelPopover();
+            }
+          }
+        }
+      }
+    },
     cancelPopover() {
       this.popover = false;
     },
@@ -14594,10 +14656,10 @@ const signal = controller.signal;
 });
 ;// CONCATENATED MODULE: ./components/demo/src/chat.vue?vue&type=script&lang=js
  /* harmony default export */ var src_chatvue_type_script_lang_js = (chatvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat.vue?vue&type=style&index=0&id=75accbf1&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat.vue?vue&type=style&index=0&id=610f94f3&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/chat.vue?vue&type=style&index=0&id=75accbf1&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/chat.vue?vue&type=style&index=0&id=610f94f3&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./components/demo/src/chat.vue
 
@@ -14610,11 +14672,11 @@ const signal = controller.signal;
 
 var chat_component = normalizeComponent(
   src_chatvue_type_script_lang_js,
-  chatvue_type_template_id_75accbf1_scoped_true_render,
-  chatvue_type_template_id_75accbf1_scoped_true_staticRenderFns,
+  chatvue_type_template_id_610f94f3_scoped_true_render,
+  chatvue_type_template_id_610f94f3_scoped_true_staticRenderFns,
   false,
   null,
-  "75accbf1",
+  "610f94f3",
   null
   
 )
@@ -14878,10 +14940,10 @@ var api = init(defaultConverter, { path: '/' });
 });
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=04483a30&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=236c26cc&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=04483a30&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=236c26cc&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue
 
@@ -14898,7 +14960,7 @@ var main_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "04483a30",
+  "236c26cc",
   null
   
 )