st-comp 0.0.270 → 0.0.272

package/src/pages/VarietySearch/index.vue

@@ -1,9 +1,8 @@
 <script setup>
-import axios from "axios";
 import { inject, ref, onMounted, computed, watch } from "vue";
 import { getAlarDict, getAlarFreq, getAlarFactor } from "./api.js";
 
-const { request } = inject("stConfig"); // 组件库全局配置
+const { request } = inject("stConfig");
 
 const searchData = ref({});
 
@@ -33,6 +32,9 @@ const multipleTableRef = ref();
 const orderByInfo = ref({ code: "asc" });
 const sortable = ref("tableHeader");
 
+// 侧面板开关
+const drawerVisible = ref(false);
+
 // 前端筛选条件格式化成API接口入参
 const apiParams = computed(() => {
   return { ...(varietySearchRef.value?.formatData(varietySearchData.value) ?? {}) };
@@ -45,41 +47,27 @@ const getTableData = async () => {
     pageNum: 1,
     pageSize: 20,
   };
-  /**
-   * @description: 根据用户最后一次操作交互的时机, 决定排序使用哪个维度
-   * 常规排序字段: orderByInfo
-   * 表头的orderByInfo和预警组的orderByInfo为顺序互斥, 谁最后操作就用谁
-   *
-   * 组合排序字段: compositeOrder
-   * 表头的orderByInfo与compositeOrder为顺序互斥, 谁最后操作就用谁
-   * 预警组的orderByInfo与compositeOrder为强制互斥, compositeOrder有值就一定优先使用compositeOrder
-   */
   switch (sortable.value) {
     case "tableHeader": {
-      delete params.compositeOrder; // 删除组合排序参数
-      params.orderByInfo = orderByInfo.value; // 传入常规排序参数
+      delete params.compositeOrder;
+      params.orderByInfo = orderByInfo.value;
       break;
     }
     case "alarmGroup": {
-      // 1. 如果存在组合排序, 那就直接使用组合排序
       if (params.compositeOrder && params.compositeOrder.length) {
         // 不进行额外处理
-      }
-      // 2. 如果不存在组合排序, 预警组选项存在
-      else if (searchData.value.groupId) {
+      } else if (searchData.value.groupId) {
         orderByInfo.value = { orderByIndex: "asc" };
         params.orderByInfo = orderByInfo.value;
-      }
-      // 3. 如果不存在组合排序, 预警组选项也不存在, 就传递常规排序初始值
-      else {
+      } else {
         orderByInfo.value = { code: "asc" };
         params.orderByInfo = orderByInfo.value;
-        multipleTableRef.value.clearSort();
+        multipleTableRef.value?.clearSort();
       }
       break;
     }
     case "compositeOrder": {
-      multipleTableRef.value.clearSort(); // 清除表头排序样式
+      multipleTableRef.value?.clearSort();
       break;
     }
   }
@@ -87,6 +75,7 @@ const getTableData = async () => {
   const { body } = await request.post("/common/qt/getFeatureInfosByPage", params);
   data.value = body.list;
 };
+
 // 表格: 排序
 const sortChange = ({ column, prop, order }) => {
   const sortValueMap = new Map([
@@ -99,7 +88,7 @@ const sortChange = ({ column, prop, order }) => {
     };
   } else {
     orderByInfo.value = {
-      code: "asc", //默认值
+      code: "asc",
     };
   }
   sortable.value = "tableHeader";
@@ -108,16 +97,15 @@ const sortChange = ({ column, prop, order }) => {
 
 // 埋点
 const actionState = (...args) => {
-  console.log(...args);
+  console.log("Demo页面埋点console, 实际项目埋点这里使用埋点函数", ...args);
 };
+
 // 品种池参数解析助手的回调
 const varietyAiHelperCallBack = (data) => {
   if (typeof data === "string") {
     return;
   } else {
-    // 重置
-    varietySearchRef.value.reset();
-    // 参数合并
+    varietySearchRef.value?.reset();
     varietySearchData.value = { ...varietySearchData.value, ...data };
   }
 };
@@ -127,7 +115,6 @@ onMounted(async () => {
   const dicCycle = await getAlarFreq();
   const dicFactor = await getAlarFactor();
   varietySearchConfig.value = {
-    // 品种市场 [选项: 接口获取 1000]
     varietyMarket: {
       show: true,
       options: dicAlar[1000].map((item) => {
@@ -139,7 +126,6 @@ onMounted(async () => {
         };
       }),
     },
-    // 常用选项 [选项: 接口获取 1003]
     commonOption: {
       show: true,
       options: dicAlar[1003].map((item) => {
@@ -150,7 +136,6 @@ onMounted(async () => {
         };
       }),
     },
-    // 上市板块 [选项: 接口获取 1030]
     marketIds: {
       show: true,
       options: dicAlar[1030].map((item) => {
@@ -160,15 +145,12 @@ onMounted(async () => {
         };
       }),
     },
-    // 自定标签 [选项: 接口获取]
     customTag: {
       show: true,
     },
-    // 价差转换 [选项: 前端默认]
     jcTranslate: {
       show: true,
     },
-    // 因子筛选 [选项: 接口获取]
     factorScreen: {
       show: true,
       sqlShow: true,
@@ -181,19 +163,18 @@ onMounted(async () => {
       factorOptions: dicFactor,
       factorDescriptions: dicFactor,
     },
-    // 常用指标 [选项: 组件默认]
     commonIndicator: {
       show: true,
     },
-    // 组合排序 [选项: 组合默认]
     compositeOrder: {
       show: true,
     },
   };
 });
+
 watch(
   () => varietySearchData.value.compositeOrder,
-  (newValue) => {
+  () => {
     sortable.value = "compositeOrder";
   },
   {
@@ -229,57 +210,258 @@ watch(
       :config="varietySearchConfig"
       @actionState="actionState"
     />
-    <div>
-      <div style="font-size: 14px; display: flex">
-        <pre style="flex: 1">前端组件参数: {{ varietySearchData }}</pre>
-        <pre style="flex: 0.5">后端接口参数: {{ apiParams }}</pre>
+    <el-table
+      ref="multipleTableRef"
+      size="small"
+      :stripe="true"
+      :border="true"
+      :data="data"
+      @sort-change="sortChange"
+    >
+      <el-table-column
+        type="selection"
+        width="40"
+        fixed
+      />
+      <el-table-column
+        label="编号"
+        prop="id"
+        width="80"
+        fixed
+      />
+      <el-table-column
+        label="代码"
+        prop="code"
+        width="90"
+        sortable="custom"
+        fixed
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="名称"
+        prop="featureName"
+        sortable="custom"
+        fixed
+        show-overflow-tooltip
+      />
+      <el-table-column
+        label="市场"
+        prop="exchangeName"
+        width="70"
+      />
+    </el-table>
+  </el-scrollbar>
+
+  <!-- 悬浮球 -->
+  <div
+    class="json-float-btn"
+    @click="drawerVisible = true"
+  >
+    <span class="json-float-icon">{ }</span>
+  </div>
+
+  <!-- ========================================== -->
+  <!-- 自定义侧面板（无遮罩，不阻塞事件） -->
+  <!-- ========================================== -->
+  <transition name="slide">
+    <div
+      v-if="drawerVisible"
+      class="custom-drawer-overlay"
+      @click.self="drawerVisible = false"
+    >
+      <div class="custom-drawer">
+        <!-- 标题栏 -->
+        <div class="custom-drawer-header">
+          <span class="custom-drawer-title">参数查看</span>
+          <span
+            class="custom-drawer-close"
+            @click="drawerVisible = false"
+            >✕</span
+          >
+        </div>
+        <!-- 内容 -->
+        <div class="custom-drawer-body">
+          <div class="json-section">
+            <div class="json-label">前端组件参数</div>
+            <pre class="json-content">{{ JSON.stringify(varietySearchData, null, 2) }}</pre>
+          </div>
+          <div class="json-section">
+            <div class="json-label">后端接口参数</div>
+            <pre class="json-content">{{ JSON.stringify(apiParams, null, 2) }}</pre>
+          </div>
+        </div>
       </div>
-      <el-table
-        ref="multipleTableRef"
-        size="small"
-        :stripe="true"
-        :border="true"
-        :data="data"
-        @sort-change="sortChange"
-      >
-        <el-table-column
-          type="selection"
-          width="40"
-          fixed
-        />
-        <el-table-column
-          label="编号"
-          prop="id"
-          width="80"
-          fixed
-        />
-        <el-table-column
-          label="代码"
-          prop="code"
-          width="90"
-          sortable="custom"
-          fixed
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="名称"
-          prop="featureName"
-          sortable="custom"
-          fixed
-          show-overflow-tooltip
-        />
-        <el-table-column
-          label="市场"
-          prop="exchangeName"
-          width="70"
-        />
-      </el-table>
     </div>
-  </el-scrollbar>
+  </transition>
 </template>
 
 <style lang="scss" scoped>
 .el-table {
-  height: calc(100vh - 420px);
+  margin-top: 10px;
+  height: calc(100vh - 460px);
+}
+
+// ==========================================
+// 悬浮球
+// ==========================================
+.json-float-btn {
+  position: fixed;
+  bottom: 40px;
+  right: 40px;
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  background: #409eff;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  box-shadow: 0 4px 16px rgba(64, 158, 255, 0.4);
+  transition: all 0.25s ease;
+  z-index: 999;
+  user-select: none;
+
+  &:hover {
+    transform: scale(1.08);
+    box-shadow: 0 6px 24px rgba(64, 158, 255, 0.55);
+  }
+
+  &:active {
+    transform: scale(0.95);
+  }
+
+  .json-float-icon {
+    font-size: 20px;
+    font-weight: 700;
+    font-family: "Courier New", monospace;
+  }
+}
+
+// ==========================================
+// 自定义侧面板（无遮罩，不阻塞页面操作）
+// ==========================================
+.custom-drawer-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
+  pointer-events: none; // 关键：让所有点击穿透
+}
+
+.custom-drawer {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 500px;
+  height: 100vh;
+  background: #ffffff;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.12);
+  z-index: 1001;
+  pointer-events: auto; // 抽屉本身可交互
+  display: flex;
+  flex-direction: column;
+
+  .custom-drawer-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    border-bottom: 1px solid #e8ecf1;
+    flex-shrink: 0;
+
+    .custom-drawer-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1d2129;
+    }
+
+    .custom-drawer-close {
+      font-size: 20px;
+      color: #86909c;
+      cursor: pointer;
+      padding: 0 4px;
+      transition: color 0.15s;
+      line-height: 1;
+
+      &:hover {
+        color: #1d2129;
+      }
+    }
+  }
+
+  .custom-drawer-body {
+    flex: 1;
+    padding: 16px 20px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+}
+
+// ==========================================
+// 滑动动画
+// ==========================================
+.slide-enter-active,
+.slide-leave-active {
+  transition: all 0.25s ease;
+}
+
+.slide-enter-from {
+  transform: translateX(100%);
+  opacity: 0;
+}
+
+.slide-enter-to {
+  transform: translateX(0);
+  opacity: 1;
+}
+
+.slide-leave-from {
+  transform: translateX(0);
+  opacity: 1;
+}
+
+.slide-leave-to {
+  transform: translateX(100%);
+  opacity: 0;
+}
+
+// ==========================================
+// JSON 展示样式
+// ==========================================
+.json-section {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+
+  .json-label {
+    font-size: 16px;
+    font-weight: 500;
+    color: #4e5969;
+    margin-bottom: 6px;
+    flex-shrink: 0;
+  }
+
+  .json-content {
+    flex: 1;
+    margin: 0;
+    padding: 12px 16px;
+    background: #1a1a2e;
+    border-radius: 6px;
+    font-size: 14px;
+    line-height: 1.7;
+    font-family: "Consolas", "Monaco", "Courier New", monospace;
+    color: white;
+    overflow: auto;
+    white-space: pre-wrap;
+    word-break: break-all;
+    min-height: 150px;
+    max-height: 300px;
+  }
 }
 </style>

package/es/aiTools-275c9799.cjs

@@ -1,4 +0,0 @@
-"use strict";const x=(g,c)=>{var u;const h=g.split(`
-`);let e=null;for(const t of h){if(t.startsWith("event:")){e=t.substring(6).trim();continue}if(t.startsWith("data:")){const r=t.substring(5).trim();if(r&&r!=="[DONE]")try{const s=JSON.parse(r);if(e==="error"||s.code||s.message){const o=s.message||s.code||"未知错误";c("error",`百炼服务端错误: ${o}`);return}const n=(u=s==null?void 0:s.output)==null?void 0:u.text;n&&c&&c("message",n)}catch{}e=null}}},w=async({appId:g,apiKey:c,value:h,callback:e})=>{var u;try{const t=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 ${c}`,"Content-Type":"application/json","X-DashScope-SSE":"enable"}});if(!t.ok){e("error",`HTTP ${t.status}: ${t.statusText}`);return}const r=t.body.getReader(),s=new TextDecoder;let n="",o=null;for(;;){const{done:f,value:S}=await r.read();if(f){n.trim()&&x(n,e),e("finish","");break}n+=s.decode(S,{stream:!0});let y;for(;(y=n.indexOf(`
-`))!==-1;){const p=n.substring(0,y).trim();if(n=n.substring(y+1),p.startsWith("event:")){o=p.substring(6).trim();continue}if(p.startsWith("data:")){const d=p.substring(5).trim();if(o==="error"||d&&d.startsWith("{"))try{const a=JSON.parse(d);if(a.code||a.message||o==="error"){const i=a.message||a.code||"未知错误";e("error",`百炼服务端错误: ${i}`);return}const m=(u=a==null?void 0:a.output)==null?void 0:u.text;m&&e&&e("message",m)}catch{console.debug("JSON 解析失败:",d)}o=null}}}}catch(t){console.error("流式请求失败:",t),e("error",t.message)}},N=async({baseUrl:g,token:c,value:h,callback:e})=>{var u,t;try{const r=await fetch(`${g}/middleLayer/ai/varietyAiHelper`,{method:"POST",headers:{"Content-Type":"application/json",token:c},body:JSON.stringify({query:h,origin:"web",stream:!0})});if(!r.ok){e("error",`HTTP ${r.status}: ${r.statusText}`);return}const s=r.body.getReader(),n=new TextDecoder;let o="",f="";const S={};for(;;){const{done:y,value:p}=await s.read();if(y){f&&e("message",f),e("finish","");break}o+=n.decode(p,{stream:!0});let d;for(;(d=o.indexOf(`
-`))!==-1;){const a=o.substring(0,d).trim();if(o=o.substring(d+1),a.startsWith("data: ")){const m=a.substring(6).trim();if(!m||m==="[DONE]")continue;try{const i=JSON.parse(m);if(i.node_name&&i.node_status){const T=i.node_name,l=i.node_status==="success"?"success":"executing";S[T]!==l&&(S[T]=l,e("node",{name:T,status:l}))}if(((u=i.output)==null?void 0:u.finish_reason)==="stop"&&((t=i.output)!=null&&t.text)&&(f=i.output.text,e("message",f)),i.error){e("error",i.error);return}}catch{}}}}}catch(r){console.error("Node服务请求失败:",r),e("error",r.message)}};exports.sendToBaiLianAppStreaming=w;exports.sendToNodeVarietyAiHelper=N;

package/es/aiTools-9c59a74a.js

@@ -1,149 +0,0 @@
-const T = (g, c) => {
-  var u;
-  const h = g.split(`
-`);
-  let e = null;
-  for (const t of h) {
-    if (t.startsWith("event:")) {
-      e = t.substring(6).trim();
-      continue;
-    }
-    if (t.startsWith("data:")) {
-      const r = t.substring(5).trim();
-      if (r && r !== "[DONE]")
-        try {
-          const s = JSON.parse(r);
-          if (e === "error" || s.code || s.message) {
-            const o = s.message || s.code || "未知错误";
-            c("error", `百炼服务端错误: ${o}`);
-            return;
-          }
-          const n = (u = s == null ? void 0 : s.output) == null ? void 0 : u.text;
-          n && c && c("message", n);
-        } catch {
-        }
-      e = null;
-    }
-  }
-}, w = async ({ appId: g, apiKey: c, value: h, callback: e }) => {
-  var u;
-  try {
-    const t = 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 ${c}`,
-        "Content-Type": "application/json",
-        "X-DashScope-SSE": "enable"
-      }
-    });
-    if (!t.ok) {
-      e("error", `HTTP ${t.status}: ${t.statusText}`);
-      return;
-    }
-    const r = t.body.getReader(), s = new TextDecoder();
-    let n = "", o = null;
-    for (; ; ) {
-      const { done: f, value: x } = await r.read();
-      if (f) {
-        n.trim() && T(n, e), e("finish", "");
-        break;
-      }
-      n += s.decode(x, { stream: !0 });
-      let y;
-      for (; (y = n.indexOf(`
-`)) !== -1; ) {
-        const m = n.substring(0, y).trim();
-        if (n = n.substring(y + 1), m.startsWith("event:")) {
-          o = m.substring(6).trim();
-          continue;
-        }
-        if (m.startsWith("data:")) {
-          const d = m.substring(5).trim();
-          if (o === "error" || d && d.startsWith("{"))
-            try {
-              const a = JSON.parse(d);
-              if (a.code || a.message || o === "error") {
-                const i = a.message || a.code || "未知错误";
-                e("error", `百炼服务端错误: ${i}`);
-                return;
-              }
-              const p = (u = a == null ? void 0 : a.output) == null ? void 0 : u.text;
-              p && e && e("message", p);
-            } catch {
-              console.debug("JSON 解析失败:", d);
-            }
-          o = null;
-        }
-      }
-    }
-  } catch (t) {
-    console.error("流式请求失败:", t), e("error", t.message);
-  }
-}, O = async ({ baseUrl: g, token: c, value: h, callback: e }) => {
-  var u, t;
-  try {
-    const r = await fetch(`${g}/middleLayer/ai/varietyAiHelper`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        token: c
-      },
-      body: JSON.stringify({
-        query: h,
-        origin: "web",
-        stream: !0
-      })
-    });
-    if (!r.ok) {
-      e("error", `HTTP ${r.status}: ${r.statusText}`);
-      return;
-    }
-    const s = r.body.getReader(), n = new TextDecoder();
-    let o = "", f = "";
-    const x = {};
-    for (; ; ) {
-      const { done: y, value: m } = await s.read();
-      if (y) {
-        f && e("message", f), e("finish", "");
-        break;
-      }
-      o += n.decode(m, { stream: !0 });
-      let d;
-      for (; (d = o.indexOf(`
-`)) !== -1; ) {
-        const a = o.substring(0, d).trim();
-        if (o = o.substring(d + 1), a.startsWith("data: ")) {
-          const p = a.substring(6).trim();
-          if (!p || p === "[DONE]")
-            continue;
-          try {
-            const i = JSON.parse(p);
-            if (i.node_name && i.node_status) {
-              const S = i.node_name, l = i.node_status === "success" ? "success" : "executing";
-              x[S] !== l && (x[S] = l, e("node", {
-                name: S,
-                status: l
-              }));
-            }
-            if (((u = i.output) == null ? void 0 : u.finish_reason) === "stop" && ((t = i.output) != null && t.text) && (f = i.output.text, e("message", f)), i.error) {
-              e("error", i.error);
-              return;
-            }
-          } catch {
-          }
-        }
-      }
-    }
-  } catch (r) {
-    console.error("Node服务请求失败:", r), e("error", r.message);
-  }
-};
-export {
-  w as a,
-  O as s
-};