st-comp 0.0.266 → 0.0.267

package/package.json

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

package/packages/VarietyAiHelper/index.vue

@@ -1,7 +1,7 @@
 <script setup>
 import dayjs from "dayjs";
 import { ElMessage } from "element-plus";
-import { getUserData } from "st-func";
+import { getUserData, getToken } from "st-func";
 import { inject, ref, nextTick, watch, reactive, onMounted } from "vue";
 import { sendToBaiLianWorkflowStreaming } from "../../public/aiTools";
 import { UserFilled, Service, Promotion, Refresh, SuccessFilled } from "@element-plus/icons-vue";
@@ -20,11 +20,10 @@ const props = defineProps({
 });
 
 // ==================== 响应式数据 ====================
-const tagMap = ref();                    // 自定义标签映射表
-const isSending = ref(false);            // 是否正在发送消息
-const isThinking = ref(false);           // AI是否正在思考（首包到达前）
-const nodeProgressList = ref([]);        // 工作流节点执行进度列表
-const showFinalResult = ref(false);      // 是否展示最终结果
+const isSending = ref(false); // 是否正在发送消息
+const isThinking = ref(false); // AI是否正在思考（首包到达前）
+const nodeProgressList = ref([]); // 工作流节点执行进度列表
+const showFinalResult = ref(false); // 是否展示最终结果
 
 // ==================== 消息队列 ====================
 const messageListRef = ref(null);
@@ -41,7 +40,7 @@ const messageList = ref([
   },
 ]);
 
-const userInput = ref("");               // 用户输入内容
+const userInput = ref(""); // 用户输入内容
 
 // ==================== 反馈弹窗 ====================
 const feedbackDialogVisible = ref(false);
@@ -198,8 +197,10 @@ const sendMessage = async () => {
     const appId = "1977602b357e4dab9d0b74899d5323b3";
     const apiKey = "sk-d995eb26a4334bdeb2ccb4cbfaf51de8";
     await sendToBaiLianWorkflowStreaming({
+      mode: import.meta.env.MODE,
       appId,
       apiKey,
+      token: getToken(),
       value: content,
       callback: (type, data) => {
         // 工作流返回错误
@@ -272,16 +273,6 @@ const sendMessage = async () => {
             if (jsonResponse.parsedConditions) {
               delete jsonResponse.parsedConditions;
             }
-            // 将 customTagNames 转换为 customTag
-            if (jsonResponse.customTagNames?.length) {
-              const customTag = jsonResponse.customTagNames.reduce((result, item) => {
-                const id = tagMap.value[item];
-                if (id) result.push(id);
-                return result;
-              }, []);
-              delete jsonResponse.customTagNames;
-              jsonResponse.customTag = customTag;
-            }
             emit("callBack", jsonResponse);
           } catch (error) {
             emit("callBack", fullResponse);
@@ -341,30 +332,12 @@ const scrollToBottom = async () => {
   }
 };
 
-// 获取全部标签映射
-const getTotalTagMap = async () => {
-  const res = await Promise.all([
-    stConfig.request.post("/alarm/deliversign/findTagsByUserId"),
-    stConfig.request.post("/alarm/deliversign/findSystemTagsByTagName"),
-  ]);
-  tagMap.value = res.reduce((result, item) => {
-    return {
-      ...result,
-      ...item.body?.reduce((cR, cI) => {
-        return { ...cR, [cI.tagName]: cI.id };
-      }, {}),
-    };
-  }, {});
-};
-
-onMounted(() => {
-  getTotalTagMap();
-});
-
 // 监听消息队列变化，自动滚动
 watch(
   () => messageList.value,
-  () => { scrollToBottom(); },
+  () => {
+    scrollToBottom();
+  },
   { deep: true },
 );
 
@@ -380,7 +353,9 @@ watch(
 defineExpose({
   open: () => {
     visible.value = true;
-    nextTick(() => { scrollToBottom(); });
+    nextTick(() => {
+      scrollToBottom();
+    });
   },
 });
 </script>
@@ -400,7 +375,10 @@ defineExpose({
   >
     <div class="ai-dialog-body">
       <!-- 消息列表 -->
-      <div ref="messageListRef" class="message-list">
+      <div
+        ref="messageListRef"
+        class="message-list"
+      >
         <div
           v-for="(message, index) in messageList"
           :key="index"
@@ -411,7 +389,10 @@ defineExpose({
           <template v-if="message.content || (index === messageList.length - 1 && message.role === 'assistant' && nodeProgressList.length > 0)">
             <!-- 头像 -->
             <div class="avatar">
-              <el-avatar :size="32" :icon="message.role === 'user' ? UserFilled : Service" />
+              <el-avatar
+                :size="32"
+                :icon="message.role === 'user' ? UserFilled : Service"
+              />
             </div>
 
             <div class="message-content">
@@ -421,10 +402,22 @@ defineExpose({
                 class="node-progress"
               >
                 <!-- 已完成/执行中节点 -->
-                <div v-for="node in nodeProgressList" :key="node.name" class="node-progress-item">
+                <div
+                  v-for="node in nodeProgressList"
+                  :key="node.name"
+                  class="node-progress-item"
+                >
                   <span class="node-status-icon">
-                    <el-icon v-if="node.status === 'success'" class="node-icon done"><SuccessFilled /></el-icon>
-                    <el-icon v-else class="node-icon running"><Refresh /></el-icon>
+                    <el-icon
+                      v-if="node.status === 'success'"
+                      class="node-icon done"
+                      ><SuccessFilled
+                    /></el-icon>
+                    <el-icon
+                      v-else
+                      class="node-icon running"
+                      ><Refresh
+                    /></el-icon>
                   </span>
                   <span class="node-name">{{ node.name }}</span>
                 </div>
@@ -441,9 +434,18 @@ defineExpose({
               </div>
 
               <!-- JSON 结果渲染 -->
-              <div v-if="isJSONSerializable(message.content)" class="message-json" v-html="renderJSONContent(formatJSONContent(message.content))"></div>
+              <div
+                v-if="isJSONSerializable(message.content)"
+                class="message-json"
+                v-html="renderJSONContent(formatJSONContent(message.content))"
+              ></div>
               <!-- 普通文本 -->
-              <div v-else-if="message.content" class="message-text">{{ message.content }}</div>
+              <div
+                v-else-if="message.content"
+                class="message-text"
+              >
+                {{ message.content }}
+              </div>
 
               <!-- 消息时间 -->
               <div class="message-createTime">{{ message.createTime }}</div>
@@ -453,11 +455,17 @@ defineExpose({
                 <template v-if="message.showFeedback && !message.hasFeedback">
                   <div class="message-createTime">请问对本轮查询结果是否满意?</div>
                   <div class="feedback-buttons">
-                    <button class="feedback-btn satisfied-btn" @click="handleFeedbackAction('satisfied', index)">
+                    <button
+                      class="feedback-btn satisfied-btn"
+                      @click="handleFeedbackAction('satisfied', index)"
+                    >
                       <span class="btn-emoji">👍</span>
                       <span class="btn-text">满意</span>
                     </button>
-                    <button class="feedback-btn unsatisfied-btn" @click="handleFeedbackAction('open', index)">
+                    <button
+                      class="feedback-btn unsatisfied-btn"
+                      @click="handleFeedbackAction('open', index)"
+                    >
                       <span class="btn-emoji">👎</span>
                       <span class="btn-text">不满意</span>
                     </button>
@@ -477,7 +485,10 @@ defineExpose({
           class="message-item assistant"
         >
           <div class="avatar">
-            <el-avatar :size="32" :icon="Service" />
+            <el-avatar
+              :size="32"
+              :icon="Service"
+            />
           </div>
           <div class="message-content">
             <div class="typing-indicator">
@@ -504,7 +515,14 @@ defineExpose({
           <div class="input-hint">
             <span>Enter 发送 | Ctrl + Enter 换行</span>
           </div>
-          <el-button class="send-btn" type="primary" :icon="Promotion" :loading="isSending" @click="sendMessage" round>
+          <el-button
+            class="send-btn"
+            type="primary"
+            :icon="Promotion"
+            :loading="isSending"
+            @click="sendMessage"
+            round
+          >
             发送
           </el-button>
         </div>
@@ -513,16 +531,29 @@ defineExpose({
   </el-dialog>
 
   <!-- ==================== 反馈弹窗 ==================== -->
-  <el-dialog v-model="feedbackDialogVisible" title="📝 反馈意见" width="400px">
+  <el-dialog
+    v-model="feedbackDialogVisible"
+    title="📝 反馈意见"
+    width="400px"
+  >
     <div class="feedback-dialog-content">
       <div class="feedback-emoji">😟</div>
       <p class="feedback-tip">很抱歉没能帮到您，请告诉我们哪里需要改进：</p>
-      <el-input v-model="feedbackContent" type="textarea" :rows="4" placeholder="[非必填]例如：回答不够准确、查询结果有误、界面体验不佳..." />
+      <el-input
+        v-model="feedbackContent"
+        type="textarea"
+        :rows="4"
+        placeholder="[非必填]例如：回答不够准确、查询结果有误、界面体验不佳..."
+      />
     </div>
     <template #footer>
       <span class="dialog-footer">
         <el-button @click="feedbackDialogVisible = false">取消</el-button>
-        <el-button type="primary" @click="handleFeedbackAction('unsatisfied', feedbackMessageIndex)">提交反馈</el-button>
+        <el-button
+          type="primary"
+          @click="handleFeedbackAction('unsatisfied', feedbackMessageIndex)"
+          >提交反馈</el-button
+        >
       </span>
     </template>
   </el-dialog>
@@ -543,12 +574,19 @@ defineExpose({
       padding: 20px 24px;
 
       // 滚动条
-      &::-webkit-scrollbar { width: 6px; }
-      &::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); border-radius: 3px; }
+      &::-webkit-scrollbar {
+        width: 6px;
+      }
+      &::-webkit-scrollbar-track {
+        background: rgba(0, 0, 0, 0.05);
+        border-radius: 3px;
+      }
       &::-webkit-scrollbar-thumb {
         background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         border-radius: 3px;
-        &:hover { background: linear-gradient(135deg, #764ba2 0%, #667eea 100%); }
+        &:hover {
+          background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
+        }
       }
 
       // 单条消息
@@ -562,7 +600,10 @@ defineExpose({
           :deep(.el-avatar) {
             background: linear-gradient(135deg, #f0f2ff 0%, #e8ecff 100%);
             color: #667eea;
-            svg { width: 18px; height: 18px; }
+            svg {
+              width: 18px;
+              height: 18px;
+            }
           }
         }
 
@@ -596,15 +637,29 @@ defineExpose({
 
               .node-icon {
                 font-size: 16px;
-                &.done { color: #22c55e; }                     // 完成：绿色
-                &.running { color: #667eea; animation: spin 1.2s linear infinite; }  // 执行中：旋转
-                &.waiting { color: #d1d5db; animation: spin 1.2s linear infinite; }  // 等待中：灰色旋转
+                &.done {
+                  color: #22c55e;
+                } // 完成：绿色
+                &.running {
+                  color: #667eea;
+                  animation: spin 1.2s linear infinite;
+                } // 执行中：旋转
+                &.waiting {
+                  color: #d1d5db;
+                  animation: spin 1.2s linear infinite;
+                } // 等待中：灰色旋转
               }
 
-              .node-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+              .node-name {
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+              }
             }
 
-            .next-step .node-name { color: #9ca3af; }
+            .next-step .node-name {
+              color: #9ca3af;
+            }
           }
 
           .message-json,
@@ -616,7 +671,11 @@ defineExpose({
             white-space: pre-wrap;
           }
 
-          .message-createTime { font-size: 11px; color: #9ca3af; margin-top: 6px; }
+          .message-createTime {
+            font-size: 11px;
+            color: #9ca3af;
+            margin-top: 6px;
+          }
 
           // 反馈按钮
           .feedback-buttons {
@@ -638,10 +697,22 @@ defineExpose({
               background: rgba(255, 255, 255, 0.9);
               backdrop-filter: blur(10px);
 
-              .btn-emoji { font-size: 16px; transition: transform 0.2s ease; }
-              .btn-text { font-size: 13px; }
-              &:hover { transform: translateY(-2px); .btn-emoji { transform: scale(1.1); } }
-              &:active { transform: translateY(0); }
+              .btn-emoji {
+                font-size: 16px;
+                transition: transform 0.2s ease;
+              }
+              .btn-text {
+                font-size: 13px;
+              }
+              &:hover {
+                transform: translateY(-2px);
+                .btn-emoji {
+                  transform: scale(1.1);
+                }
+              }
+              &:active {
+                transform: translateY(0);
+              }
             }
 
             .satisfied-btn {
@@ -649,7 +720,11 @@ defineExpose({
               color: #1890ff;
               border: 1px solid rgba(24, 144, 255, 0.2);
               box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
-              &:hover { background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%); border-color: #1890ff; box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2); }
+              &:hover {
+                background: linear-gradient(135deg, #e6f7ff 0%, #bae7ff 100%);
+                border-color: #1890ff;
+                box-shadow: 0 4px 12px rgba(24, 144, 255, 0.2);
+              }
             }
 
             .unsatisfied-btn {
@@ -657,7 +732,11 @@ defineExpose({
               color: #ff4d4f;
               border: 1px solid rgba(255, 77, 79, 0.2);
               box-shadow: 0 2px 8px rgba(255, 77, 79, 0.1);
-              &:hover { background: linear-gradient(135deg, #ffe7e5 0%, #ffccc7 100%); border-color: #ff4d4f; box-shadow: 0 4px 12px rgba(255, 77, 79, 0.2); }
+              &:hover {
+                background: linear-gradient(135deg, #ffe7e5 0%, #ffccc7 100%);
+                border-color: #ff4d4f;
+                box-shadow: 0 4px 12px rgba(255, 77, 79, 0.2);
+              }
             }
           }
         }
@@ -666,7 +745,10 @@ defineExpose({
       // 用户消息靠右
       .user {
         flex-direction: row-reverse;
-        .avatar { margin-left: 12px; margin-right: 0; }
+        .avatar {
+          margin-left: 12px;
+          margin-right: 0;
+        }
         .message-content {
           align-items: flex-end;
           .message-text {
@@ -674,13 +756,17 @@ defineExpose({
             border-radius: 18px 18px 4px 18px;
             background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
           }
-          .message-createTime { text-align: right; }
+          .message-createTime {
+            text-align: right;
+          }
         }
       }
 
       // AI消息靠左
       .assistant {
-        .avatar { margin-right: 12px; }
+        .avatar {
+          margin-right: 12px;
+        }
         .message-content {
           align-items: flex-start;
           .message-text {
@@ -723,7 +809,10 @@ defineExpose({
           font-size: 14px;
           padding: 12px 16px;
           transition: all 0.3s ease;
-          &:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); }
+          &:focus {
+            border-color: #667eea;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+          }
         }
       }
 
@@ -733,7 +822,10 @@ defineExpose({
         align-items: center;
         margin-top: 12px;
 
-        .input-hint { font-size: 11px; color: var(--el-color-info); }
+        .input-hint {
+          font-size: 11px;
+          color: var(--el-color-info);
+        }
 
         .send-btn {
           background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -741,8 +833,13 @@ defineExpose({
           padding: 8px 20px;
           font-weight: 500;
           transition: all 0.3s ease;
-          &:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); }
-          &:active { transform: translateY(0); }
+          &:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+          }
+          &:active {
+            transform: translateY(0);
+          }
         }
       }
     }
@@ -765,8 +862,12 @@ defineExpose({
     border-radius: 50%;
     background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
     animation: typing 1.4s infinite ease-in-out;
-    &:nth-child(1) { animation-delay: -0.32s; }
-    &:nth-child(2) { animation-delay: -0.16s; }
+    &:nth-child(1) {
+      animation-delay: -0.32s;
+    }
+    &:nth-child(2) {
+      animation-delay: -0.16s;
+    }
   }
 }
 
@@ -775,35 +876,70 @@ defineExpose({
   text-align: center;
   padding: 12px 0;
 
-  .feedback-emoji { font-size: 48px; margin-bottom: 16px; animation: shake 0.5s ease-in-out; }
-  .feedback-tip { font-size: 14px; color: #666; margin-bottom: 20px; line-height: 1.6; }
+  .feedback-emoji {
+    font-size: 48px;
+    margin-bottom: 16px;
+    animation: shake 0.5s ease-in-out;
+  }
+  .feedback-tip {
+    font-size: 14px;
+    color: #666;
+    margin-bottom: 20px;
+    line-height: 1.6;
+  }
 
   :deep(.el-textarea__inner) {
     border-radius: 12px;
     border: 1px solid rgba(102, 126, 234, 0.2);
     font-size: 14px;
-    &:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); }
+    &:focus {
+      border-color: #667eea;
+      box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+    }
   }
 }
 
 // ========== 动画关键帧 ==========
 @keyframes fadeInUp {
-  from { opacity: 0; transform: translateY(10px); }
-  to { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes typing {
-  0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
-  30% { transform: translateY(-8px); opacity: 1; }
+  0%,
+  60%,
+  100% {
+    transform: translateY(0);
+    opacity: 0.4;
+  }
+  30% {
+    transform: translateY(-8px);
+    opacity: 1;
+  }
 }
 
 @keyframes shake {
-  0%, 100% { transform: translateX(0); }
-  25% { transform: translateX(-5px); }
-  75% { transform: translateX(5px); }
+  0%,
+  100% {
+    transform: translateX(0);
+  }
+  25% {
+    transform: translateX(-5px);
+  }
+  75% {
+    transform: translateX(5px);
+  }
 }
 
 @keyframes spin {
-  to { transform: rotate(360deg); }
+  to {
+    transform: rotate(360deg);
+  }
 }
-</style>
+</style>

package/public/aiTools.js

@@ -115,12 +115,12 @@ export const sendToBaiLianAppStreaming = async ({ appId, apiKey, value, callback
   }
 };
 // 工作流: 流式返回
-export const sendToBaiLianWorkflowStreaming = async ({ appId, apiKey, value, callback }) => {
+export const sendToBaiLianWorkflowStreaming = async ({ mode, appId, apiKey, token, value, callback }) => {
   try {
     const response = await fetch(`https://dashscope.aliyuncs.com/api/v1/apps/${appId}/completion`, {
       method: "POST",
       body: JSON.stringify({
-        input: { prompt: value },
+        input: { prompt: value, biz_params: { token, mode, origin: "web" } },
         parameters: { incremental_output: "true", flow_stream_mode: "message_format_plus" },
         debug: {},
       }),

package/es/aiTools-6c9c58bd.cjs

@@ -1,4 +0,0 @@
-"use strict";const _=async({appId:g,apiKey:u,value:h,callback:t})=>{var o;try{const r=await fetch(`https://dashscope.aliyuncs.com/api/v1/apps/${g}/completion`,{method:"POST",body:JSON.stringify({input:{prompt:h},parameters:{incremental_output:"true"},debug:{}}),headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json","X-DashScope-SSE":"enable"}});if(!r.ok){t("error",`HTTP ${r.status}: ${r.statusText}`);return}const m=r.body.getReader(),s=new TextDecoder;let n="",c=null;for(;;){const{done:l,value:S}=await m.read();if(l){n.trim()&&$(n,t),t("finish","");break}n+=s.decode(S,{stream:!0});let f;for(;(f=n.indexOf(`
-`))!==-1;){const p=n.substring(0,f).trim();if(n=n.substring(f+1),p.startsWith("event:")){c=p.substring(6).trim();continue}if(p.startsWith("data:")){const d=p.substring(5).trim();if(c==="error"||d&&d.startsWith("{"))try{const i=JSON.parse(d);if(i.code||i.message||c==="error"){const a=i.message||i.code||"未知错误";t("error",`百炼服务端错误: ${a}`);return}const e=(o=i==null?void 0:i.output)==null?void 0:o.text;e&&t&&t("message",e)}catch{console.debug("JSON 解析失败:",d)}c=null}}}}catch(r){console.error("流式请求失败:",r),t("error",r.message)}},O=async({appId:g,apiKey:u,value:h,callback:t})=>{try{const o=await fetch(`https://dashscope.aliyuncs.com/api/v1/apps/${g}/completion`,{method:"POST",body:JSON.stringify({input:{prompt:h},parameters:{incremental_output:"true",flow_stream_mode:"message_format_plus"},debug:{}}),headers:{Authorization:`Bearer ${u}`,"Content-Type":"application/json","X-DashScope-SSE":"enable"}});if(!o.ok){t("error",`HTTP ${o.status}: ${o.statusText}`);return}const r=o.body.getReader(),m=new TextDecoder;let s="",n="";const c={};for(;;){const{done:l,value:S}=await r.read();if(l){n&&t("message",n),t("finish","");break}s+=m.decode(S,{stream:!0});let f;for(;(f=s.indexOf(`
-`))!==-1;){const p=s.substring(0,f).trim();if(s=s.substring(f+1),p.startsWith("data:")){const d=p.substring(5).trim();if(!d||d==="[DONE]")continue;try{const i=JSON.parse(d),e=i==null?void 0:i.output,a=e==null?void 0:e.workflow_message;if(a!=null&&a.node_name&&(a!=null&&a.node_type)){const y=a.node_name,x=a.node_status,T=a.node_is_completed,w=c[y];(w!==x||T&&w!=="success")&&(c[y]=T?"success":x,t("node",{name:y,status:T?"success":"executing"}))}if((e==null?void 0:e.finish_reason)==="stop"&&(e!=null&&e.text)&&(n=e.text),e!=null&&e.code||e!=null&&e.message){t("error",e.message||e.code||"未知错误");return}}catch{}}}}}catch(o){console.error("工作流请求失败:",o),t("error",o.message)}},$=(g,u)=>{var o;const h=g.split(`
-`);let t=null;for(const r of h){if(r.startsWith("event:")){t=r.substring(6).trim();continue}if(r.startsWith("data:")){const m=r.substring(5).trim();if(m&&m!=="[DONE]")try{const s=JSON.parse(m);if(t==="error"||s.code||s.message){const c=s.message||s.code||"未知错误";u("error",`百炼服务端错误: ${c}`);return}const n=(o=s==null?void 0:s.output)==null?void 0:o.text;n&&u&&u("message",n)}catch{}t=null}}};exports.sendToBaiLianAppStreaming=_;exports.sendToBaiLianWorkflowStreaming=O;