st-comp 0.0.236 → 0.0.237

package/packages/VarietySearch/components/AddTag/index.vue

@@ -23,12 +23,13 @@
   <!-- 添加标签弹窗 -->
   <el-dialog
     v-model="visible"
+    title="Tips"
     width="1000"
   >
     <template #header>
       <div>
         添加标签
-        <el-radio-group v-model="tagType" size="small" style="margin-left: 8px; vertical-align: 5px;">
+        <el-radio-group v-model="tagType" size="small" style="margin-left: 8px; vertical-align: 5px;" v-if="0">
           <el-radio-button label="个人" value="person" />
           <el-radio-button label="系统" value="system" />
         </el-radio-group>
@@ -40,8 +41,8 @@
         <el-checkbox :checked="isCheck(item)" @change="changeCheckBox(item)">
           <div style="display: flex; width: 280px;">
             <div style="flex: 1;line-height: 24px;">{{ item.name }}</div>
-            <el-button size="small" :icon="Edit" @click="editTag(item)" v-if="tagType === 'person'"></el-button>
-            <el-button size="small" :icon="Delete" @click="deleteTag(item)" v-if="tagType === 'person'"></el-button>
+            <el-button size="small" :icon="Edit" v-if="0"></el-button>
+            <el-button size="small" :icon="Delete" @click="deleteTag(item)"></el-button>
           </div>
         </el-checkbox>
       </div>
@@ -54,21 +55,6 @@
     </template>
   </el-dialog>
   <!-- 编辑标签弹窗 -->
-   <el-dialog
-    v-model="editVisible"
-    title="编辑标签"
-    top="20vh"
-    width="600"
-  >
-    <div style="margin-bottom: 12px;">原名称：{{ editItem?.name }}</div>
-    <el-input v-model="editValue" />
-    <template #footer>
-      <div class="dialog-footer">
-        <el-button @click="editVisible = false">取消</el-button>
-        <el-button type="primary" @click="changeTag()">确定</el-button>
-      </div>
-    </template>
-  </el-dialog>
 </template>
 
 <script setup>
@@ -83,17 +69,14 @@ const data = defineModel("data", { default: [] });
 const visible = ref(false);
 const tagType = ref('person'); // 标签类型
 const searchValue = ref(''); // 搜索值
-const tagMap = ref({}); // 全部标签映射
+const totalTagList = ref([]); // 全部标签列表
 const tagList = ref([]); // 标签列表
 const checkList = ref([]); // 勾选列表
-const editVisible = ref(false); // 编辑标签弹窗
-const editItem = ref(null); // 编辑标签对象
-const editValue = ref(''); // 编辑标签值
 
 const showCheckTagList = computed(() => {
   return data.value.map(id => {
     return {
-      name: tagMap.value[id],
+      name: totalTagList.value?.find(i => i.id === id)?.tagName,
       id,
     }
   })
@@ -101,7 +84,6 @@ const showCheckTagList = computed(() => {
 
 watch(() => tagType.value, () => {
   searchValue.value = ''
-  getTagList()
 })
 
 watch(() => searchValue.value, () => {
@@ -124,7 +106,6 @@ const changeCheckBox = (item) => {
   }
 }
 
-// 标签相关操作
 const handleAction = (action, index) => {
   switch (action) {
     // 新增
@@ -136,6 +117,13 @@ const handleAction = (action, index) => {
       getTagList()
       break;
     }
+    // 编辑
+    case "edit": {
+      const item = data.value[index];
+      compositeOrderForm.value = { ...item };
+      visible.value = true;
+      break;
+    }
     // 窗口确认
     case "submit": {
       visible.value = false;
@@ -150,7 +138,6 @@ const handleAction = (action, index) => {
   }
 };
 
-// 删除个人标签
 const deleteTag = (item) => {
   ElMessageBox.alert(`确认删除标签“${item.name}”吗？`, '删除标签', {
     confirmButtonText: 'OK',
@@ -158,41 +145,13 @@ const deleteTag = (item) => {
       if (action === 'confirm') {
         await request.post('/alarm/deliversign/deleteTag', { tagId: item.id })
         getTagList()
-        ElMessage.success('删除成功!')
+        Elmessage.success('删除成功!')
       }
     },
   })
 }
 
-// 打开编辑标签弹窗
-const editTag = (item) => { 
-  editItem.value = item
-  editValue.value = item.name
-  editVisible.value = true
-}
-
-// 修改标签
-const changeTag = async () => {
-  await request.post('/alarm/deliversign/addOrUpdateFeatureTag', { tagName: editValue.value, tagId: editItem.value.id })
-  tagMap.value = {
-    ...tagMap.value,
-    [editItem.value.id]: editValue.value
-  }
-  tagList.value = tagList.value.map(item => {
-    if (item.id === editItem.value.id) {
-      return {
-        ...item,
-        name: editValue.value
-      }
-    }
-    return item
-  })
-  editVisible.value = false
-  ElMessage.success('修改成功!')
-}
-
-// 获取标签列表
-const getTagList = async () => {
+const getTagList = async (isTotal = false) => {
   if (tagType.value === 'person') {
     // 个人标签
     const res = await request.post('/alarm/deliversign/findTagsByUserId', { tagName: searchValue.value })
@@ -203,44 +162,19 @@ const getTagList = async () => {
         id: item.id
       }))
     })
+    if (isTotal) {
+      totalTagList.value = res.body
+    }
   } else {
     // 系统标签
-    const res = await request.post('/alarm/deliversign/findSystemTagsByTagName', { tagName: searchValue.value })
-    tagList.value = []
-    nextTick(() => {
-      tagList.value = res.body?.map(item => ({
-        name: item.tagName,
-        id: item.id
-      }))
-    })
   }
 }
 
-// 获取全部标签
-const getTotalTagMap = async () => {
-  const res = await Promise.all([
-    request.post('/alarm/deliversign/findTagsByUserId'),
-    request.post('/alarm/deliversign/findSystemTagsByTagName')
-  ])
-  tagMap.value = res.reduce((r, i) => {
-    return {
-      ...r,
-      ...i.body?.reduce((bodyR, bodyI) => {
-        return {
-          ...bodyR,
-          [bodyI.id]: bodyI.tagName
-        }
-      }, {})
-    }
-  }, {})
-  Elmessage.success('删除成功!')
-}
-
-getTotalTagMap()
+getTagList(true)
 
 defineExpose({
   updateTag: () => {
-    getTotalTagMap()
+    getTagList(true)
   }
 })
 </script>

package/packages/VarietySearch/components/FactorScreen/index.vue

@@ -2,7 +2,7 @@
 <script setup name="FactorScreen">
 import { nextTick, ref, watch, inject, reactive } from "vue";
 import { Close, Plus, CircleCloseFilled, InfoFilled, Document } from "@element-plus/icons-vue";
-import { handleVerifyScore, extractConditionDetails, extractVariables } from "./tools.js";
+import { handleVerifyScore, extractConditionDetails, extractVariables, sendToAi } from "./tools.js";
 import FactorDescription from "./FactorDescription.vue";
 import MonacoEditor from "../../../MonacoEditor/index.vue";
 
@@ -38,6 +38,7 @@ const visibleDescriptions = ref(false);
 const factorType = ref("脚本");
 const scriptTestLoading = ref(false);
 const scriptCopyLoading = ref(false);
+const scriptAILoading = ref(false);
 const testVariety = ref("");
 const testVarietyVisible = ref(false);
 const scriptTestLogVisible = ref(false);
@@ -45,6 +46,7 @@ const scriptTestResult = reactive({
   result: null,
   detail: "",
   code: "",
+  ai: "",
 });
 
 // 弹窗表单
@@ -322,6 +324,16 @@ const handleScriptCopy = async () => {
     scriptCopyLoading.value = false;
   }
 };
+// 测试: 复制
+const handleTestCodeCopy = () => {
+  let txa = document.createElement("textarea");
+  txa.value = scriptTestResult.code;
+  document.body.appendChild(txa);
+  txa.select();
+  document.execCommand("copy");
+  document.body.removeChild(txa);
+  ElMessage.success("测试代码已经成功复制到粘贴板");
+};
 // 测试: 打开/确认/日志
 const extractCodesFromString = (str) => {
   if (!str) return [];
@@ -351,7 +363,7 @@ const handleScriptTest = async (action) => {
         };
         const testRes = await request.post("/common/qt/testFactorSelect", params);
         const { result, detail } = testRes.body;
-        Object.assign(scriptTestResult, { result, detail, code: body });
+        Object.assign(scriptTestResult, { result, detail, code: body, ai: "" });
         if (result === 1) {
           ElMessage.success("测试通过");
         } else {
@@ -372,6 +384,21 @@ const handleScriptTest = async (action) => {
     }
   }
 };
+// 测试: AI分析
+const handleTestAi = () => {
+  const appId = "87be17ecc84d4d2ea3108d7155bec2ac";
+  const apiKey = "sk-d995eb26a4334bdeb2ccb4cbfaf51de8";
+  scriptAILoading.value = true;
+  scriptTestResult.ai = "";
+  sendToAi(appId, apiKey, scriptTestResult.code, (type, res) => {
+    if (type === "finish") {
+      scriptAILoading.value = false;
+      return;
+    }
+    scriptTestResult.ai = scriptTestResult.ai + res;
+    console.log(scriptTestResult.ai);
+  });
+};
 
 // 监控: 窗口开关
 watch(
@@ -396,6 +423,8 @@ watch(
         Object.assign(scriptTestResult, {
           result: null,
           detail: "",
+          code: "",
+          ai: "",
         });
         break;
       }
@@ -818,6 +847,7 @@ watch(
           ref="monacoEditorRef"
           :language="'lua'"
           :suggestionEnable="true"
+          :variableEnable="true"
         />
       </div>
       <template #footer>
@@ -890,7 +920,7 @@ watch(
   <el-dialog
     modal-class="log-dialog"
     v-model="scriptTestLogVisible"
-    width="830"
+    width="80vw"
     align-center
     append-to-body
     draggable
@@ -923,17 +953,53 @@ watch(
       >
         <pre>{{ scriptTestResult.code }}</pre>
       </el-scrollbar>
-      <!-- 分割线 -->
-      <el-divider direction="vertical" />
       <!-- 日志 -->
-      <el-scrollbar height="600px">
+      <el-scrollbar
+        class="log"
+        height="600px"
+      >
         <pre :class="scriptTestResult.result === 1 ? 'success-log' : 'error-log'">{{ scriptTestResult.result === 1 ? `✅️ 测试通过\n${scriptTestResult.detail}` : scriptTestResult.detail }}</pre>
       </el-scrollbar>
+      <!-- AI分析结果 -->
+      <el-scrollbar
+        class="ai"
+        height="600px"
+      >
+        <v-md-editor
+          v-if="scriptTestResult.ai"
+          mode="preview"
+          :model-value="scriptTestResult.ai"
+        />
+        <!-- 正在进行AI分析, 并且没有返回结果时, 展示骨架屏 -->
+        <el-skeleton
+          v-else-if="scriptAILoading"
+          :rows="5"
+          animated
+        />
+        <!-- 未进行AI分析, 并且没有返回结果时, 展示文案 -->
+        <el-empty
+          v-else-if="!scriptAILoading"
+          description="点击下方按钮: AI分析, 分析结果将会展示在此处"
+        />
+      </el-scrollbar>
     </div>
     <!-- 底部 -->
     <template #footer>
       <div class="dialog-footer">
-        <el-button @click="scriptTestLogVisible = false"> 关闭 </el-button>
+        <el-button
+          type="primary"
+          :loading="scriptAILoading"
+          @click="handleTestAi"
+        >
+          AI分析
+        </el-button>
+        <el-button
+          type="primary"
+          @click="handleTestCodeCopy"
+        >
+          复制
+        </el-button>
+        <el-button @click="scriptTestLogVisible = false">关闭</el-button>
       </div>
     </template>
   </el-dialog>
@@ -1028,15 +1094,13 @@ watch(
   }
   .content {
     display: flex;
-    background-color: var(--el-color-black);
+    gap: 1px;
     .el-scrollbar {
+      background-color: var(--el-color-black);
       flex: 1;
       box-sizing: border-box;
       padding: 8px;
-    }
-    .el-divider {
-      margin: 0;
-      height: 616px;
+      border: var(--el-border);
     }
     .code {
       color: var(--el-color-info);
@@ -1054,6 +1118,10 @@ watch(
       word-break: break-all;
       word-wrap: break-word;
     }
+    .ai {
+      flex: 2;
+      background-color: white;
+    }
   }
 }
 </style>

package/packages/VarietySearch/components/FactorScreen/tools.js

@@ -32,3 +32,44 @@ export const extractVariables = (content) => {
 
   return [...new Set(variables)]; // 去重
 };
+
+// 发送AI
+export const sendToAi = async (appId, apiKey, value, callback) => {
+  try {
+    const res = await fetch(`https://dashscope.aliyuncs.com/api/v1/apps/${appId}/completion`, {
+      method: "POST",
+      body: JSON.stringify({
+        input: { prompt: value },
+        parameters: {
+          incremental_output: "true", // 流式返回
+        },
+        debug: {},
+      }),
+      headers: {
+        Authorization: `Bearer ${apiKey}`,
+        "Content-Type": "application/json",
+        "X-DashScope-SSE": "enable", // 流式输出
+      },
+    });
+    if (!res.ok || !res.body) throw new Error("请求失败");
+
+    const reader = res.body.getReader();
+    const decoder = new TextDecoder();
+
+    while (true) {
+      const { done, value } = await reader.read();
+      if (done && callback) {
+        callback("finish", "");
+        break;
+      }
+      try {
+        const data = decoder.decode(value, { stream: true });
+        const resData = JSON.parse(data.split("\n")[3].substr(5));
+        const resText = resData?.output?.text;
+        if (resText && callback) callback("message", resText);
+      } catch (error) {}
+    }
+  } catch (error) {
+    console.error(error);
+  }
+};

package/src/main.ts

@@ -1,12 +1,17 @@
-import { createApp } from 'vue'
-import './style.css'
-import App from './App.vue'
-import router from './router'
-import stComp from '../packages/index.ts'
-import { createPinia } from 'pinia'
+import { createApp } from "vue";
+import "./style.css";
+import App from "./App.vue";
+import router from "./router";
+import stComp from "../packages/index.ts";
+import { createPinia } from "pinia";
 
-createApp(App)
-  .use(router)
-  .use(stComp)
-  .use(createPinia())
-  .mount('#app')
+// markdown编辑预览组件
+import "@kangc/v-md-editor/lib/style/base-editor.css";
+import "@kangc/v-md-editor/lib/theme/style/vuepress.css";
+import Prism from "prismjs";
+import vuepressTheme from "@kangc/v-md-editor/lib/theme/vuepress.js";
+import VueMarkdownEditor from "@kangc/v-md-editor";
+
+VueMarkdownEditor.use(vuepressTheme, { Prism });
+
+createApp(App).use(router).use(stComp).use(createPinia()).use(VueMarkdownEditor).mount("#app");

package/src/pages/MonacoEditor/index.vue

@@ -8,6 +8,7 @@
       ref="monacoEditorRef"
       :defaultValue="value"
       :suggestionEnable="true"
+      :variableEnable="true"
       @change="changeCode"
     />
   </div>