st-comp 0.0.277 → 0.0.279

package/packages/VarietyTextCopy/index.vue

@@ -1,136 +0,0 @@
-<script setup>
-import { ref, computed, inject } from "vue";
-import { InfoFilled } from "@element-plus/icons-vue";
-
-const stConfig = inject("stConfig");
-const props = defineProps({
-  required: { type: Boolean, default: true },
-});
-
-const textValue = ref("");
-const extractedCount = computed(() => {
-  return extractCodesFromString(textValue.value).length;
-});
-
-// 从字符串中提取品种code
-const extractCodesFromString = (str) => {
-  if (!str) return [];
-  return str.split("\n").reduce((result, next) => {
-    const code = next.trim().replace(/\s+/gi, " ").split(" ")[0];
-    code && result.push(code);
-    return result;
-  }, []);
-};
-
-// 校验并返回格式化后的品种数据
-const validate = (callback) => {
-  return new Promise(async (resolve, reject) => {
-    try {
-      // 必填校验
-      if (props.required && (!textValue.value || textValue.value.trim() === "")) {
-        ElMessage.error("品种内容不可为空");
-        return callback(false);
-      }
-      // 解析并提取品种code, 提交给接口进行数据库分析出有效的品种
-      const { body } = await stConfig.request.post("/invest/analysis/strategy/verifyCodes", { codes: extractCodesFromString(textValue.value) });
-      return callback(true, body);
-    } catch (error) {
-      return reject(error);
-    }
-  });
-};
-defineExpose({ validate });
-</script>
-
-<template>
-  <div class="variety-text-copy">
-    <!-- 统计容器 -->
-    <div class="stats-container">
-      <div class="stat-item">
-        <span class="label">品种数量统计:</span>
-        <span class="value">{{ extractedCount }}</span>
-        <el-tooltip
-          class="box-item"
-          effect="dark"
-          placement="right"
-        >
-          <template #content> 仅统计符合输入格式的数量, 输入格式示例(代码和名称需空格隔开, 名称可不写):<br />hc8888 热轧卷板期货指数 <br />sp8888 纸浆期货指数</template>
-          <el-icon><InfoFilled /></el-icon>
-        </el-tooltip>
-      </div>
-    </div>
-    <!-- 文本域 -->
-    <el-input
-      class="textarea"
-      v-model="textValue"
-      resize="none"
-      type="textarea"
-      :placeholder="`文本格式要求示例:\nhc8888\xa0\xa0热轧卷板期货指数\nsp8888\xa0\xa0纸浆期货指数\nbu8888\xa0\xa0石油沥青期货指数`"
-    />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.variety-text-copy {
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  .textarea {
-    flex: 1;
-    :deep(.el-textarea__inner) {
-      width: 100%;
-      height: 100%;
-      box-sizing: border-box;
-      padding-bottom: 20px;
-      /* 自定义滚动条样式 */
-      &::-webkit-scrollbar {
-        width: 8px;
-      }
-
-      &::-webkit-scrollbar-track {
-        background: #f1f1f1;
-        border-radius: 4px;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background: #c1c1c1;
-        border-radius: 4px;
-      }
-
-      &::-webkit-scrollbar-thumb:hover {
-        background: #a8a8a8;
-      }
-    }
-  }
-  .stats-container {
-    display: flex;
-    align-items: center;
-    gap: 20px;
-    padding: 8px 0;
-    .stat-item {
-      display: flex;
-      align-items: center;
-      gap: 6px;
-      font-size: 14px;
-
-      .label {
-        color: var(--el-color-info);
-        font-weight: 500;
-      }
-
-      .value {
-        color: #409eff;
-        font-weight: 600;
-        min-width: 20px;
-        text-align: center;
-        background: #f0f7ff;
-        padding: 2px 8px;
-        border-radius: 4px;
-        border: 1px solid #d9ecff;
-      }
-    }
-  }
-}
-</style>

package/packages/VirtualTable/index.ts

@@ -1,8 +0,0 @@
-import { App } from "vue";
-import StVirtualTable from "./index.vue";
-
-export default {
-  install(app: App) {
-    app.component("st-virtualTable", StVirtualTable);
-  },
-}

package/packages/VirtualTable/index.vue

@@ -1,241 +0,0 @@
-<!-- 
-  @description: 虚拟化表格组件
-  @功能点
-    1. 虚拟化表格, 极大提升渲染速(以10000条简单基础数据一次性渲染为例, 普通表格耗时5.2s, 虚拟表格耗时0.001s)
-    2. 支持数据加载状态的底部显示
-    3. 支持自定义N行选中数据功能, 并提供框选高亮样式, 以及数据抛出
-    3. 支持pageUp, pageDown切换行选中数据, 并进行自动滚动
--->
-<script lang="jsx" setup>
-import { ref, watch, computed, onMounted, onUnmounted, nextTick } from "vue";
-
-const emit = defineEmits(["touchBottom"]);
-const props = defineProps({
-  tableData: { type: Array, default: [] },
-  tableColumn: { type: Array, default: [] },
-  tableLoading: { type: [String, null], default: null }, // more(加载更多), all(已无更多数据)
-  config: { type: Object },
-});
-const config = computed(() => {
-  return {
-    // 表格头高度 支持: Number/Array<Number>
-    headerHeight: 50,
-    // 行高度
-    rowHeight: 50,
-    // 选中行相关功能参数
-    tableActiveNum: 9, // 选中行数
-    tableActiveKey: "id", // 选中行唯一Key
-    pageUpDownEnabled: true, // 是否开启键盘pageUp, pageDown切换选中功能
-    ...props.config,
-  };
-});
-
-// 表格: 实例
-const tableRef = ref(null);
-// 表格: 页脚高度
-const footerHeight = ref(0);
-// 表格: 滚动相关
-let scrollLeft = 0;
-let scrollToTargetFlag = false;
-let scrollToTargetTimer = null;
-
-// 已选中: 数据
-const tableActiveData = defineModel("tableActiveData", { default: () => [] });
-// 已选中: 数据key组(计算属性缓存, 主要避免tableRowClass多次运算, 减少性能开销)
-const tableActiveDataKeys = computed(() => tableActiveData.value.map((item) => item[config.value.tableActiveKey]));
-
-// 切换选中行(点击表格行)
-const tableRowClick = ({ rowData, rowIndex }) => {
-  const { tableActiveNum, tableActiveKey } = config.value;
-  // 屏蔽已选中数据行的重复点击
-  if (tableActiveDataKeys.value.includes(rowData[tableActiveKey])) return;
-  // 新选中的开始, 数据索引
-  const new_startIndex = Math.floor(rowIndex / tableActiveNum) * tableActiveNum;
-  const new_endIndex = new_startIndex + tableActiveNum;
-  tableActiveData.value = props.tableData.slice(new_startIndex, new_endIndex);
-};
-// 切换选中行(pageUp, pageDown)
-const handlePageUpDown = ({ code }) => {
-  const { tableData } = props;
-  const { tableActiveNum, tableActiveKey, pageUpDownEnabled } = config.value;
-  if (!tableData.length || !pageUpDownEnabled) return;
-  // 1. 基础参数(当前选中-开始, 结束索引)
-  const now_startIndex = tableData.findIndex((rowData) => rowData[tableActiveKey] === tableActiveDataKeys.value.at(0));
-  const now_endIndex = tableData.findIndex((rowData) => rowData[tableActiveKey] === tableActiveDataKeys.value.at(-1));
-  // 2. 基础参数(新的选中-开始索引)
-  let new_startIndex = null;
-  let new_endIndex = null;
-  // 3. 切换选中数据
-  switch (code) {
-    case "PageUp":
-      if (now_startIndex === 0) return;
-      new_startIndex = now_startIndex - tableActiveNum > 0 ? now_startIndex - tableActiveNum : 0;
-      new_endIndex = new_startIndex + tableActiveNum - 1;
-      tableActiveData.value = tableData.slice(new_startIndex, new_endIndex + 1);
-      // 向上滚动 (以开始索引位置为准)
-      scrollToTarget(new_startIndex, "PageUp");
-      break;
-    case "PageDown":
-      if (now_endIndex === tableData.length - 1) return;
-      new_startIndex = now_startIndex + tableActiveNum;
-      new_endIndex = new_startIndex + tableActiveNum - 1;
-      tableActiveData.value = tableData.slice(new_startIndex, new_endIndex + 1);
-      // 向下滚动 (以结束索引位置为准)
-      scrollToTarget(new_endIndex, "PageDown");
-      break;
-  }
-};
-
-// 表格滚动(滚轮)
-const handleScroll = (params) => {
-  if (!scrollToTargetFlag) {
-    // 仅仅当Y轴进行偏移时, 才会进行如下操作
-    if (scrollLeft === params.scrollLeft && params.yAxisScrollDir === "backward") {
-      footerHeight.value = 0;
-    }
-    // 记录X轴偏移量
-    scrollLeft = params.scrollLeft;
-  }
-};
-// 表格滚动(指定) + 触底判断回调
-const scrollToTarget = (rowIndex, code) => {
-  if (rowIndex === null) return;
-  clearTimeout(scrollToTargetTimer);
-  scrollToTargetFlag = true;
-  if (code === "PageUp") {
-    footerHeight.value = 0;
-  } else if (rowIndex >= props.tableData.length - 1) {
-    footerHeight.value = 30;
-    emit("touchBottom");
-  }
-  nextTick(() => {
-    tableRef.value.scrollToRow(rowIndex);
-    tableRef.value.scrollToLeft(scrollLeft);
-    scrollToTargetTimer = setTimeout(() => {
-      scrollToTargetFlag = false;
-    }, 500);
-  });
-};
-
-// 表格行: 样式
-const tableRowClass = ({ rowData }) => {
-  if (!tableActiveData.value.length) return;
-  let className = "";
-  const { tableActiveKey } = config.value;
-  // 1.已选中数据: 第一条 => 增加上边框高亮样式
-  if (rowData[tableActiveKey] === tableActiveDataKeys.value[0]) {
-    className += " virtual-table-active-start";
-  }
-  // 2.已选中数据: 左右两边均增加高亮样式
-  if (tableActiveDataKeys.value.includes(rowData[tableActiveKey])) {
-    className += " virtual-table-active-row";
-  }
-  // 3.已选中数据: 最后一条 => 增加下边框高亮样式
-  if (rowData[tableActiveKey] === tableActiveDataKeys.value[tableActiveDataKeys.value.length - 1]) {
-    className += " virtual-table-active-end";
-  }
-  return className;
-};
-
-onMounted(() => {
-  window.addEventListener("keydown", handlePageUpDown);
-});
-watch(
-  () => props.tableLoading,
-  (newValue) => {
-    if (!newValue) footerHeight.value = 0;
-  }
-);
-onUnmounted(() => {
-  window.removeEventListener("keydown", handlePageUpDown);
-});
-</script>
-
-<template>
-  <el-auto-resizer>
-    <template #default="{ height, width }">
-      <el-table-v2
-        ref="tableRef"
-        id="virtualTable"
-        fixed
-        :data="tableData"
-        :columns="tableColumn"
-        :width="width"
-        :height="height"
-        :header-height="config.headerHeight"
-        :row-height="config.rowHeight"
-        :row-class="tableRowClass"
-        :row-event-handlers="{ onClick: tableRowClick }"
-        :footer-height="footerHeight"
-        scrollbar-always-on
-        @scroll="handleScroll"
-        @end-reached="scrollToTarget(tableData.length - 1, 'PageDown')"
-      >
-        <!-- 空数据状态 -->
-        <template #empty>
-          <el-empty
-            description="暂无数据"
-            style="height: 100%"
-          />
-        </template>
-        <!-- 底部状态 -->
-        <template #footer>
-          <div
-            v-if="footerHeight"
-            class="footer-box"
-          >
-            <el-divider v-if="tableLoading === 'more'">
-              <el-button
-                type="primary"
-                text
-                loading
-                >正在加载更多数据</el-button
-              >
-            </el-divider>
-            <el-divider v-else-if="tableLoading === 'all'"> 已无更多数据 </el-divider>
-          </div>
-        </template>
-      </el-table-v2>
-    </template>
-  </el-auto-resizer>
-</template>
-
-<style lang="scss" scoped>
-#virtualTable {
-  // 表格行边框默认样式, 避免激活行样式切换发生抖动
-  :deep(.el-table-v2__row) {
-    border: 1px solid transparent;
-  }
-  // 激活行样式
-  :deep(.el-table-v2__row.virtual-table-active-start) {
-    border-top: 1px solid var(--el-color-primary);
-  }
-  :deep(.el-table-v2__row.virtual-table-active-row) {
-    border-left: 1px solid var(--el-color-primary);
-    border-right: 1px solid var(--el-color-primary);
-  }
-  :deep(.el-table-v2__row.virtual-table-active-end) {
-    border-bottom: 1px solid var(--el-color-primary);
-  }
-  :deep(.el-table-v2__left) {
-    .el-table-v2__row.virtual-table-active-row {
-      border-right: none;
-    }
-  }
-  // 表格空状态
-  :deep(.el-table-v2__empty) {
-    height: calc(100% - 50px);
-  }
-  // 页脚
-  .footer-box {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    .el-divider {
-      margin: 0;
-    }
-  }
-}
-</style>

package/packages/index.ts

@@ -1,59 +0,0 @@
-import { App } from "vue"
-import StChartLayout from "./ChartLayout/index.ts"
-import StConfigProvider from "./ConfigProvider/index.ts"
-import StContextmenu from "./Contextmenu/index.ts"
-import StCustomFunction from "./CustomFunction/index.ts"
-import StFactorWarning from "./FactorWarning/index.ts"
-import StHeatMap from "./HeatMap/index.ts"
-import StKline from "./Kline/index.ts"
-import StKlineBasic from "./KlineBasic/index.ts"
-import StKlineConfig from "./KlineConfig/index.ts"
-import StKlineNew from "./KlineNew/index.ts"
-import StKlinePlus from "./KlinePlus/index.ts"
-import StLinearLegend from "./LinearLegend/index.ts"
-import StMap from "./Map/index.ts"
-import StMonacoEditor from "./MonacoEditor/index.ts"
-import StPagination from "./Pagination/index.ts"
-import StPasswordPrompt from "./PasswordPrompt/index.ts"
-import StPie from "./Pie/index.ts"
-import StTable from "./Table/index.ts"
-import StTreeMap from "./TreeMap/index.ts"
-import StUser from "./User/index.ts"
-import StVarietyAiHelper from "./VarietyAiHelper/index.ts"
-import StVarietyAutoComplete from "./VarietyAutoComplete/index.ts"
-import StVarietySearch from "./VarietySearch/index.ts"
-import StVarietyTextCopy from "./VarietyTextCopy/index.ts"
-import StVarSelectDialog from "./VarSelectDialog/index.ts"
-import StVirtualTable from "./VirtualTable/index.ts"
-        
-export default {
-  install(app: App) {
-    StChartLayout.install(app)
-    StConfigProvider.install(app)
-    StContextmenu.install(app)
-    StCustomFunction.install(app)
-    StFactorWarning.install(app)
-    StHeatMap.install(app)
-    StKline.install(app)
-    StKlineBasic.install(app)
-    StKlineConfig.install(app)
-    StKlineNew.install(app)
-    StKlinePlus.install(app)
-    StLinearLegend.install(app)
-    StMap.install(app)
-    StMonacoEditor.install(app)
-    StPagination.install(app)
-    StPasswordPrompt.install(app)
-    StPie.install(app)
-    StTable.install(app)
-    StTreeMap.install(app)
-    StUser.install(app)
-    StVarietyAiHelper.install(app)
-    StVarietyAutoComplete.install(app)
-    StVarietySearch.install(app)
-    StVarietyTextCopy.install(app)
-    StVarSelectDialog.install(app)
-    StVirtualTable.install(app)
-  },
-}
-        

package/public/aiTools.js

@@ -1,176 +0,0 @@
-/**
- * @description: 通用 SSE 流式请求
- * @param {Object} params
- * @param {string} params.baseUrl - 服务地址
- * @param {string} params.path - 接口路径
- * @param {string} params.token - 认证token
- * @param {string} params.value - 查询内容
- * @param {string} params.origin - 来源标识，默认 "web"
- * @param {Function} params.getSSE - 回调函数 (type, str) => void
- * type: "finish" || "error" || "message"
- */
-const sendToNodeSSE = async ({ baseUrl, path, token, value, sessionId, origin = "web", getSSE }) => {
-  try {
-    // 创建请求
-    const response = await fetch(`${baseUrl}${path}`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        token,
-      },
-      body: JSON.stringify({
-        query: value,
-        origin,
-        sessionId,
-        stream: true,
-      }),
-    });
-    if (!response.ok) {
-      getSSE("error", `HTTP ${response.status}: ${response.statusText}`);
-      return;
-    }
-
-    // 创建reader读取器和decoder解码器
-    const reader = response.body.getReader();
-    const decoder = new TextDecoder();
-
-    // 缓冲区数据
-    let buffer = "";
-    let newlineIndex;
-
-    while (true) {
-      const { done, value } = await reader.read();
-      // 判断SSE是否传输结束
-      if (done) {
-        getSSE("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);
-        if (line.startsWith("data: ")) {
-          // 切割掉前面的data: , 总计6个字符, 并且去除空格
-          const dataStr = line.substring(6).trim();
-          // 过滤空数据, 和结束标记
-          if (!dataStr || dataStr === "[DONE]") continue;
-          getSSE("message", dataStr);
-        }
-      }
-    }
-  } catch (error) {
-    console.error("SSE请求失败:", error);
-    getSSE("error", error.message || "sendToNodeSSE检测到异常");
-  }
-};
-
-// 品种池AI查询助手
-export const sendToNodeVarietyAiHelper = async ({ baseUrl, token, value, sessionId, callback }) => {
-  // 工作流节点
-  const nodeMap = {};
-  const params = {
-    baseUrl,
-    path: "/middleLayer/ai/varietyAiHelper",
-    token,
-    value,
-    sessionId,
-    origin: "web",
-    getSSE: (type, str) => {
-      switch (type) {
-        case "message": {
-          try {
-            const data = JSON.parse(str);
-            // 会话Id
-            if (data.type === "session") {
-              callback("session", data.sessionId);
-            }
-            // 历史消息
-            if (data.type === "historyList") {
-              callback("historyList", data.historyList);
-            }
-            // 一句话概括用户查询内容
-            if (data.type === "fullQuery") {
-              callback("fullQuery", data.fullQuery);
-            }
-            // 节点状态
-            if (data.node_name && data.node_status) {
-              const nodeName = data.node_name;
-              const nodeStatus = data.node_status === "success" ? "success" : "executing";
-              // 节点状态发生改变, 推送节点状态变更
-              if (nodeMap[nodeName] !== nodeStatus) {
-                nodeMap[nodeName] = nodeStatus;
-                callback("node", {
-                  name: nodeName,
-                  status: nodeStatus,
-                });
-              }
-            }
-            // 结果输出
-            if (data.output?.finish_reason === "stop" && data.output?.text) {
-              callback("message", data.output.text);
-            }
-            // 错误处理
-            if (data.error) {
-              callback("error", data.error);
-            }
-          } catch (error) {
-            // 忽略非序列化消息
-          }
-          break;
-        }
-        case "finish": {
-          callback("finish");
-          break;
-        }
-        case "error": {
-          callback("error", str);
-          break;
-        }
-      }
-    },
-  };
-  return sendToNodeSSE(params);
-};
-
-// 因子脚本测试助手
-export const sendToNodeFactorAiTest = async ({ baseUrl, token, value, callback }) => {
-  const params = {
-    baseUrl,
-    path: "/middleLayer/ai/factorAiTest",
-    token,
-    value,
-    origin: "web",
-    getSSE: (type, str) => {
-      switch (type) {
-        case "message": {
-          try {
-            const data = JSON.parse(str);
-            // 结果输出
-            if (data.output) {
-              callback("message", data.output?.content);
-            }
-            // 错误处理
-            if (data.error) {
-              callback("error", data.error);
-            }
-          } catch (error) {}
-          break;
-        }
-        case "finish": {
-          callback("finish");
-          break;
-        }
-        case "error": {
-          callback("error", str);
-          break;
-        }
-      }
-    },
-  };
-  return sendToNodeSSE(params);
-};

package/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>