byt-lingxiao-ai 0.2.4 → 0.2.5

package/dist/index.common.js

@@ -3746,7 +3746,7 @@ if (typeof window !== 'undefined') {
 var es_iterator_constructor = __webpack_require__(8111);
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.iterator.for-each.js
 var es_iterator_for_each = __webpack_require__(7588);
-;// ./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/ChatWindow.vue?vue&type=template&id=43521054&scoped=true
+;// ./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/ChatWindow.vue?vue&type=template&id=62955cf4&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -3772,10 +3772,10 @@ var render = function render() {
       "click": _vm.toggleWindow
     }
   }, [_c('div', {
-    staticClass: "chat-ai-avater"
+    class: ['chat-ai-avater', _vm.avaterStatus]
   }), _c('div', {
     staticClass: "chat-ai-text"
-  }, [_vm._v("凌霄AI")])]), _c('div', {
+  }, [_vm._v(_vm._s(_vm.avaterText))])]), _c('div', {
     directives: [{
       name: "show",
       rawName: "v-show",
@@ -3842,8 +3842,16 @@ var render = function render() {
     }, [_vm._v(_vm._s(message.content))])]) : _c('div', {
       staticClass: "chat-window-message-ai"
     }, [_c('div', {
-      staticClass: "ai-message"
-    }, [_vm._v(_vm._s(message.content))])])]);
+      staticClass: "ai-render"
+    }, [_c('div', {
+      staticClass: "ai-thinking"
+    }, [_c('div', {
+      staticClass: "ai-thinking-time"
+    }, [_vm._v("思考用时" + _vm._s(message.time) + "秒")]), _c('div', {
+      staticClass: "ai-thinking-content"
+    }, [_vm._v(_vm._s(message.thinking))])]), _c('div', {
+      staticClass: "ai-content"
+    }, [_vm._v(_vm._s(message.content))])])])]);
   }), 0), _c('div', {
     staticClass: "chat-window-footer"
   }, [_c('div', {
@@ -3951,6 +3959,8 @@ var es_typed_array_with = __webpack_require__(9577);
 
 
 
+
+
 const SAMPLE_RATE = 16000;
 const FRAME_SIZE = 512;
 /* harmony default export */ var ChatWindowvue_type_script_lang_js = ({
@@ -3980,19 +3990,12 @@ const FRAME_SIZE = 512;
         type: 'ai',
         sender: 'AI',
         time: '',
-        content: '欢迎来到凌霄大模型AI对话。'
-      }, {
-        id: 3,
-        type: 'ai',
-        sender: 'AI',
-        time: '',
-        content: '请输入您的问题。'
-      }, {
-        id: 4,
-        type: 'user',
-        sender: '用户',
-        time: '',
-        content: '你好，欢迎来到凌霄大模型AI对话。'
+        thinking: '嗯，用户问的是回转窑的工业应用。首先，我需要回忆一下之前对话的内容。用户之前让我解释了水泥的制作流程，特别是提到了回转窑在高温煅烧熟料中的作用。',
+        charts: [{
+          title: '',
+          options: {}
+        }],
+        content: '回转窑（Rotary Kiln）是一种长筒形旋转煅烧设备（类似倾斜安装的大管子），因其独特的旋转运动和高温耐火衬里设计，在多个工业领域都有广泛应用'
       }],
       // 消息列表
       isRecording: false,
@@ -4016,9 +4019,29 @@ const FRAME_SIZE = 512;
       // 音频处理节点
       robotStatus: 'leaving',
       // 机器人状态 waiting, speaking, leaving, entering
+      avaterStatus: 'normal',
+      // 头像状态 normal output thinking
+      buffer: '',
+      // 音频缓冲区
+      currentMessage: null,
+      // 当前消息
+      inTag: false,
+      // 是否在标签页
+      tagBuilder: '',
+      // 标签构建器
       audioBuffer: new Float32Array(0) // 音频缓冲区
     };
   },
+  computed: {
+    avaterText() {
+      const textMap = {
+        'normal': '凌霄AI',
+        'thinking': '思考中',
+        'output': '语音中'
+      };
+      return textMap[this.avaterStatus];
+    }
+  },
   mounted() {
     this.initWebSocket();
 
@@ -4131,8 +4154,10 @@ const FRAME_SIZE = 512;
             } else if (data.code === 0) {
               if (data.data.type === 'detection') {
                 console.log('检测到唤醒词...');
+                this.avaterStatus = 'normal';
               } else if (data.data.type === 'Collecting') {
                 console.log('状态: 采集中...');
+                this.avaterStatus = 'thinking';
               } else if (data.data.type === 'command') {
                 // 根据指令改变机器人的状态
                 console.log('状态: 处理中...');
@@ -4170,6 +4195,32 @@ const FRAME_SIZE = 512;
         this.ws.close();
       }
     },
+    createAiMessage() {
+      const message = {
+        id: this.messages.length + 1,
+        type: 'ai',
+        sender: 'AI',
+        time: '',
+        thinking: '',
+        charts: [],
+        content: ''
+      };
+      this.messages.push(message);
+      this.currentMessage = message;
+      return message;
+    },
+    createUserMessage(content) {
+      const message = {
+        id: this.messages.length + 1,
+        type: 'user',
+        sender: '用户',
+        time: '',
+        content
+      };
+      this.messages.push(message);
+      this.inputMessage = '';
+      return message;
+    },
     async initAudio() {
       if (this.isRecording) return;
       try {
@@ -4212,20 +4263,19 @@ const FRAME_SIZE = 512;
         return;
       }
       const message = this.inputMessage.trim();
+      // 初始化信息
+      this.initState();
       // 发送消息
-      this.messages.push({
-        id: this.messages.length + 1,
-        type: 'user',
-        sender: '用户',
-        time: new Date().toLocaleTimeString(),
-        content: this.inputMessage
-      });
-      this.inputMessage = '';
+      this.createUserMessage(message);
+      // 创建AI消息
+      this.createAiMessage();
       try {
-        const token = `Bearer 24ab99b4-4b59-42a0-84df-1d73a96e70cd`;
+        const controller = new AbortController();
+        const token = `Bearer e298f087-85bc-48c2-afb9-7c69ffc911aa`;
         const response = await fetch('/bytserver/api-model/chat/stream', {
           timeout: 30000,
           method: 'POST',
+          signal: controller.signal,
           headers: {
             'Content-Type': 'application/json',
             'Authorization': token
@@ -4237,13 +4287,26 @@ const FRAME_SIZE = 512;
         if (!response.ok) {
           throw new Error(`${response.status}`);
         }
-        console.log('响应状态:', response.status);
-        // 解析响应流
-        this.parseResponseStream(response.body);
+        const render = response.body.getReader();
+        const decoder = new TextDecoder();
+
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+          const {
+            done,
+            value
+          } = await render.read();
+          if (done) break;
+          const chunk = decoder.decode(value, {
+            stream: true
+          });
+          this.processStreamChunk(chunk);
+        }
       } catch (error) {
         console.error('发送消息失败:', error);
       }
     },
+    initState() {},
     // 分析音频命令
     analyzeAudioCommand(command) {
       console.log('分析音频命令:', command);
@@ -4271,9 +4334,90 @@ const FRAME_SIZE = 512;
         this.stop();
       }
     },
-    // 解析响应流
-    parseResponseStream(body) {
-      console.log(body);
+    processStreamChunk(chunk) {
+      console.log('原始数据:', chunk);
+      try {
+        this.buffer += chunk;
+
+        // eslint-disable-next-line no-constant-condition
+        while (true) {
+          const eventEnd = this.buffer.indexOf('\n\n');
+          if (eventEnd === -1) break;
+          const eventData = this.buffer.slice(0, eventEnd);
+          this.buffer = this.buffer.slice(eventEnd + 2);
+          console.log('解析数据:', eventData);
+          this.processEventData(eventData);
+        }
+      } catch (error) {
+        console.error('流数据处理异常:', error);
+        this.streaming = false;
+        this.response = this.$t('3d.chat.dataFormatError');
+        this.$forceUpdate();
+      }
+    },
+    processEventData(data) {
+      data.split('\n').forEach(line => {
+        console.log('原始数据:', line);
+        if (!line.startsWith('data:')) return;
+        const jsonStr = line.replace(/^data:\s*/, '').trim();
+        if (jsonStr === '[DONE]') return;
+        try {
+          const data = this.safeJsonParse(jsonStr);
+          this.processContentDelta(data.choices[0].delta);
+        } catch (e) {
+          console.warn('JSON解析跳过:', e.message);
+        }
+      });
+    },
+    safeJsonParse(jsonStr) {
+      try {
+        return JSON.parse(jsonStr);
+      } catch (error) {
+        console.warn('JSON parse failed:', jsonStr);
+        return null;
+      }
+    },
+    processContentDelta(delta) {
+      const content = delta.content || '';
+      if (!content || !this.currentMessage) return;
+      for (let i = 0; i < content.length; i++) {
+        const char = content[i];
+
+        // 处理正在拼接的标签
+        if (this.inTag) {
+          this.tagBuilder += char;
+          if (char === '>') {
+            const tag = this.tagBuilder;
+            if (tag === '<think>') {
+              this.avaterStatus = 'thinking';
+            } else if (tag === '</think>') {
+              this.avaterStatus = 'output';
+            } else {
+              console.log('无效标签:', tag);
+            }
+
+            // 重置
+            this.inTag = false;
+            this.tagBuilder = '';
+          }
+          continue;
+        }
+
+        // 检测是否是标签开始
+        if (char === '<') {
+          this.inTag = true;
+          this.tagBuilder = '<';
+          continue;
+        }
+
+        // 正常字符处理
+        if (this.avaterStatus === 'thinking') {
+          this.currentMessage.thinking += char;
+        } else {
+          this.currentMessage.content += char;
+        }
+      }
+      this.$forceUpdate();
     },
     processAudio(event) {
       if (!this.isRecording) return;
@@ -4370,10 +4514,10 @@ const FRAME_SIZE = 512;
 });
 ;// ./components/ChatWindow.vue?vue&type=script&lang=js
  /* harmony default export */ var components_ChatWindowvue_type_script_lang_js = (ChatWindowvue_type_script_lang_js); 
-;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=style&index=0&id=43521054&prod&scoped=true&lang=css
+;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/ChatWindow.vue?vue&type=style&index=0&id=62955cf4&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// ./components/ChatWindow.vue?vue&type=style&index=0&id=43521054&prod&scoped=true&lang=css
+;// ./components/ChatWindow.vue?vue&type=style&index=0&id=62955cf4&prod&scoped=true&lang=css
 
 ;// ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -4488,7 +4632,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "43521054",
+  "62955cf4",
   null
   
 )