feat: 添加流处理和语音识别相关的 mixins，支持 SSE 数据解析和中断功能

Author: weilei

packages/element-ui-x/src/index.js

@@ -1,15 +1,18 @@
-import ElXTypewriter from './components/Typewriter/index.js';
+import ElXAttachments from './components/Attachments/index.js';
 import ElXBubble from './components/Bubble/index.js';
 import ElXBubbleList from './components/BubbleList/index.js';
-import ElXWelcome from './components/Welcome/index.js';
-import ElXPrompts from './components/Prompts/index.js';
 import ElXConversations from './components/Conversations/index.js';
-import ElXThinking from './components/Thinking/index.js';
+import ElXFilesCard from './components/FilesCard/index.js';
+import ElXPrompts from './components/Prompts/index.js';
+import ElXSender from './components/Sender/index.js';
 import ElXThink from './components/Think/index.js';
+import ElXThinking from './components/Thinking/index.js';
 import ElXThoughtChain from './components/ThoughtChain/index.js';
-import ElXSender from './components/Sender/index.js';
-import ElXFilesCard from './components/FilesCard/index.js';
-import ElXAttachments from './components/Attachments/index.js';
+import ElXTypewriter from './components/Typewriter/index.js';
+import ElXWelcome from './components/Welcome/index.js';
+
+// 导入所有 mixins
+import * as mixins from './mixins';
 
 const components = [
   ElXTypewriter,
@@ -35,5 +38,8 @@ const install = function (Vue) {
 export default {
   version: '1.0.0',
   install,
+  mixins,
   ...components,
 };
+// 单独导出 mixins 以便按需引入
+export { mixins };

packages/element-ui-x/src/mixins/index.js

@@ -0,0 +1,49 @@
+/**
+ * Mixins 入口文件
+ */
+
+import recordMixin from './recordMixin';
+import { createSendUtils, sendMixin, XRequest } from './sendMixin';
+import {
+  createStreamUtils,
+  DEFAULT_KV_SEPARATOR,
+  DEFAULT_PART_SEPARATOR,
+  DEFAULT_STREAM_SEPARATOR,
+  isValidString,
+  splitPart,
+  splitStream,
+  streamMixin,
+  XStream,
+} from './streamMixin';
+
+export {
+  createSendUtils,
+  createStreamUtils,
+  DEFAULT_KV_SEPARATOR,
+  DEFAULT_PART_SEPARATOR,
+  DEFAULT_STREAM_SEPARATOR,
+  isValidString,
+  recordMixin,
+  sendMixin,
+  splitPart,
+  splitStream,
+  streamMixin,
+  XRequest,
+  XStream,
+};
+
+export default {
+  recordMixin,
+  sendMixin,
+  XRequest,
+  createSendUtils,
+  streamMixin,
+  createStreamUtils,
+  XStream,
+  splitStream,
+  splitPart,
+  isValidString,
+  DEFAULT_STREAM_SEPARATOR,
+  DEFAULT_PART_SEPARATOR,
+  DEFAULT_KV_SEPARATOR,
+};

packages/element-ui-x/src/mixins/recordMixin.js

@@ -0,0 +1,118 @@
+/**
+ * @description 提供语音识别的混入，允许语音输入并处理开始、结束、结果及错误等各种事件。
+ *
+ * @mixin recordMixin
+ */
+
+export default {
+  data() {
+    return {
+      // 语音识别状态
+      recordLoading: false,
+      // 识别结果
+      recordValue: '',
+      // 识别实例
+      recordRecognition: null,
+      // 配置选项
+      recordOptions: {
+        onError: null,
+        onStart: null,
+        onEnd: null,
+        onResult: null,
+      },
+    };
+  },
+
+  methods: {
+    /**
+     * 初始化语音识别配置
+     * @param {Object} options - 配置选项
+     * @param {Function} [options.onError] - 错误回调
+     * @param {Function} [options.onStart] - 开始回调
+     * @param {Function} [options.onEnd] - 结束回调
+     * @param {Function} [options.onResult] - 结果回调
+     */
+    initRecord(options = {}) {
+      this.recordOptions = {
+        ...this.recordOptions,
+        ...options,
+      };
+    },
+
+    /**
+     * 开始语音识别
+     */
+    startRecord() {
+      if ('webkitSpeechRecognition' in window) {
+        this.recordRecognition = new window.webkitSpeechRecognition();
+        this.recordRecognition.continuous = true;
+        this.recordRecognition.interimResults = true;
+        this.recordRecognition.lang = 'zh-CN';
+
+        this.recordRecognition.onstart = () => {
+          this.recordLoading = true;
+          this.recordValue = '';
+          if (this.recordOptions.onStart) {
+            this.recordOptions.onStart();
+          }
+        };
+
+        this.recordRecognition.onend = () => {
+          this.recordLoading = false;
+          if (this.recordOptions.onEnd) {
+            this.recordOptions.onEnd(this.recordValue);
+          }
+        };
+
+        this.recordRecognition.onerror = e => {
+          this.recordLoading = false;
+          if (this.recordOptions.onError) {
+            this.recordOptions.onError(e);
+          }
+        };
+
+        this.recordRecognition.onresult = e => {
+          let results = '';
+          for (let i = 0; i <= e.resultIndex; i++) {
+            results += e.results[i][0].transcript;
+          }
+          this.recordValue = results;
+          if (this.recordOptions.onResult) {
+            this.recordOptions.onResult(results);
+          }
+        };
+
+        this.recordRecognition.start();
+      } else {
+        const error = {
+          code: -1,
+          message: 'The current browser does not support voice recognition',
+        };
+        if (this.recordOptions.onError) {
+          this.recordOptions.onError(error);
+        }
+      }
+    },
+
+    /**
+     * 停止语音识别
+     */
+    stopRecord() {
+      if (this.recordRecognition) {
+        this.recordRecognition.stop();
+      }
+    },
+
+    /**
+     * 清理语音识别资源
+     */
+    cleanupRecord() {
+      this.stopRecord();
+      this.recordRecognition = null;
+    },
+  },
+
+  beforeDestroy() {
+    this.cleanupRecord();
+  },
+};