st-comp 0.0.253 → 0.0.255

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.253",
+  "version": "0.0.255",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/packages/VarietyAiHelper/index.vue

@@ -77,7 +77,7 @@ const handleFeedbackAction = async (action, messageIndex) => {
         type: 2,
         resTime: message.resTime,
         createTime: message.createTime,
-        firstPackageTime: message.firstPackageTime
+        firstPackageTime: message.firstPackageTime,
       };
       await stConfig.request.post("/alarm/deliversign/addVarietyAiHelperLog", params);
       ElMessage.success("感谢您的反馈！我们将持续跟踪并进行优化");
@@ -96,7 +96,7 @@ const handleFeedbackAction = async (action, messageIndex) => {
         type: null,
         resTime: message.resTime,
         createTime: message.createTime,
-        firstPackageTime: message.firstPackageTime
+        firstPackageTime: message.firstPackageTime,
       };
       await stConfig.request.post("/alarm/deliversign/addVarietyAiHelperLog", params);
     }
@@ -144,7 +144,31 @@ const sendMessage = async () => {
       apiKey,
       value: content,
       callback: (type, data) => {
-        if (type === "message") {
+        // 百炼应用错误
+        if (type === "error") {
+          isThinking.value = false;
+          isSending.value = false;
+
+          // 移除占位的AI消息
+          messages.value.pop();
+
+          // 添加错误提示消息
+          messages.value.push({
+            role: "assistant",
+            userContent: content,
+            content: `❌ ${data}`,
+            showFeedback: false,
+            hasFeedback: false,
+            createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
+            resTime: new Date().getTime() - resTime,
+            firstPackageTime: 0,
+          });
+          handleFeedbackAction("default", messages.value.length - 1);
+          scrollToBottom();
+          return;
+        }
+        // 流式输出(正常)
+        else if (type === "message") {
           fullResponse += data;
           // 直接更新最后一条AI消息
           const lastMessage = messages.value[messages.value.length - 1];
@@ -156,12 +180,14 @@ const sendMessage = async () => {
           if (lastMessage.firstPackageTime === 0) {
             lastMessage.firstPackageTime = new Date().getTime() - resTime;
           }
-        } else if (type === "finish") {
+        }
+        // 流式输出(完毕)
+        else if (type === "finish") {
           isThinking.value = false;
           isSending.value = false;
+          const lastMessage = messages.value[messages.value.length - 1];
 
           // 显示反馈按钮
-          const lastMessage = messages.value[messages.value.length - 1];
           if (lastMessage && lastMessage.role === "assistant") {
             lastMessage.showFeedback = true;
             lastMessage.resTime = new Date().getTime() - resTime;
@@ -186,7 +212,7 @@ const sendMessage = async () => {
     messages.value.push({
       role: "assistant",
       userContent: content,
-      content: "抱歉，AI服务响应异常，请稍后重试。",
+      content: "❌ 抱歉，AI服务响应异常，请稍后重试。",
       showFeedback: true,
       hasFeedback: false,
       createTime: dayjs().format("YYYY-MM-DD HH:mm:ss"),
@@ -199,6 +225,29 @@ const sendMessage = async () => {
     isThinking.value = false;
   }
 };
+
+// 处理键盘事件：Ctrl+Enter 换行，Enter 发送
+const handleKeydown = (event) => {
+  if (event.key === "Enter") {
+    if (event.ctrlKey) {
+      // Ctrl + Enter: 插入换行符
+      event.preventDefault();
+      const textarea = event.target;
+      const start = textarea.selectionStart;
+      const end = textarea.selectionEnd;
+      inputMessage.value = inputMessage.value.substring(0, start) + "\n" + inputMessage.value.substring(end);
+      // 将光标移动到新插入的换行符之后
+      nextTick(() => {
+        textarea.selectionStart = textarea.selectionEnd = start + 1;
+      });
+    } else {
+      // 单独的 Enter: 发送消息
+      event.preventDefault();
+      sendMessage();
+    }
+  }
+};
+
 // 滚动到底部
 const scrollToBottom = async () => {
   await nextTick();
@@ -317,12 +366,12 @@ defineExpose({
           type="textarea"
           :rows="4"
           :autosize="{ minRows: 2, maxRows: 4 }"
-          placeholder="输入您想查询的品种条件..."
-          @keydown.ctrl.enter="sendMessage"
+          placeholder="输入您想查询的品种条件... (Ctrl+Enter换行，Enter发送)"
+          @keydown="handleKeydown"
         />
         <div class="input-actions">
           <div class="input-hint">
-            <span>Ctrl + Enter 发送</span>
+            <span>Enter 发送 | Ctrl + Enter 换行</span>
           </div>
           <el-button
             class="send-btn"

package/public/aiTools.js

@@ -27,7 +27,7 @@ export const sendToBaiLianAppNonStreaming = async ({ appId, apiKey, value }) =>
     throw error;
   }
 };
-// 流式返回
+// 流式返回 - 支持错误处理
 export const sendToBaiLianAppStreaming = async ({ appId, apiKey, value, callback }) => {
   try {
     const response = await fetch(`https://dashscope.aliyuncs.com/api/v1/apps/${appId}/completion`, {
@@ -43,13 +43,17 @@ export const sendToBaiLianAppStreaming = async ({ appId, apiKey, value, callback
         "X-DashScope-SSE": "enable",
       },
     });
-    
-    if (!response.ok) throw new Error(`HTTP ${response.status}`);
-    
+
+    if (!response.ok) {
+      callback("error", `HTTP ${response.status}: ${response.statusText}`);
+      return;
+    }
+
     const reader = response.body.getReader();
     const decoder = new TextDecoder();
     let buffer = "";
-    
+    let currentEvent = null; // 记录当前 event 类型
+
     while (true) {
       const { done, value } = await reader.read();
       if (done) {
@@ -60,28 +64,48 @@ export const sendToBaiLianAppStreaming = async ({ appId, apiKey, value, callback
         callback("finish", "");
         break;
       }
-      
+
       buffer += decoder.decode(value, { stream: true });
-      
+
       let newlineIndex;
       while ((newlineIndex = buffer.indexOf("\n")) !== -1) {
         const line = buffer.substring(0, newlineIndex).trim();
         buffer = buffer.substring(newlineIndex + 1);
-        
+
+        // 处理 event: 行（错误类型）
+        if (line.startsWith("event:")) {
+          currentEvent = line.substring(6).trim();
+          continue;
+        }
+
+        // 处理 data: 行
         if (line.startsWith("data:")) {
-          const data = line.substring(5).trim();
-          if (data && data !== "[DONE]") {
+          const dataStr = line.substring(5).trim();
+
+          // 检查是否是错误响应
+          if (currentEvent === "error" || (dataStr && dataStr.startsWith("{"))) {
             try {
-              const parsed = JSON.parse(data);
+              const parsed = JSON.parse(dataStr);
+
+              // 处理错误响应
+              if (parsed.code || parsed.message || currentEvent === "error") {
+                const errorMsg = parsed.message || parsed.code || "未知错误";
+                callback("error", `百炼服务端错误: ${errorMsg}`);
+                return; // 终止流式处理
+              }
+
+              // 正常响应：提取 text
               const text = parsed?.output?.text;
               if (text && callback) {
                 callback("message", text);
               }
             } catch (e) {
-              // 可能是部分数据，继续等待
-              console.debug("等待完整数据...");
+              console.debug("JSON 解析失败:", dataStr);
             }
           }
+
+          // 重置 event 类型
+          currentEvent = null;
         }
       }
     }
@@ -92,18 +116,35 @@ export const sendToBaiLianAppStreaming = async ({ appId, apiKey, value, callback
 };
 
 // 辅助函数：处理缓冲区剩余数据
-function tryProcessBuffer(buffer, callback) {
+const tryProcessBuffer = (buffer, callback) => {
   const lines = buffer.split("\n");
+  let currentEvent = null;
+
   for (const line of lines) {
+    if (line.startsWith("event:")) {
+      currentEvent = line.substring(6).trim();
+      continue;
+    }
+
     if (line.startsWith("data:")) {
-      const data = line.substring(5).trim();
-      if (data && data !== "[DONE]") {
+      const dataStr = line.substring(5).trim();
+      if (dataStr && dataStr !== "[DONE]") {
         try {
-          const parsed = JSON.parse(data);
+          const parsed = JSON.parse(dataStr);
+
+          // 错误响应
+          if (currentEvent === "error" || parsed.code || parsed.message) {
+            const errorMsg = parsed.message || parsed.code || "未知错误";
+            callback("error", `百炼服务端错误: ${errorMsg}`);
+            return;
+          }
+
+          // 正常响应
           const text = parsed?.output?.text;
           if (text && callback) callback("message", text);
         } catch (e) {}
       }
+      currentEvent = null;
     }
   }
-}
+};