st-comp 0.0.277 → 0.0.279

package/packages/VarSelectDialog/index.vue

@@ -1,323 +0,0 @@
-<script setup>
-import { computed, onMounted, ref, inject } from "vue";
-import { Close, InfoFilled } from "@element-plus/icons-vue";
-import VarietySelect from "./VarietySelect.vue";
-
-const stConfig = inject("stConfig");
-const props = defineProps({
-  useCase: {
-    type: String,
-    default: "1", // 1-选股, 2-回测
-  },
-});
-
-const editorRef = ref(null); // 编辑器Ref
-const visible = ref(false);
-
-const varName = ref(null);
-const varList = ref([]);
-const formatList = computed(() => {
-  return varList.value.find((item) => item.varName === varName.value)?.formatList ?? [];
-});
-
-// 格式化配置项的下拉框数据源
-const handleOptionsStrToArray = (str) => {
-  const trimmedStr = str.replace(/^\[|\]$/g, "");
-  // 分割字符串为多个数组项
-  const items = trimmedStr.split("],[");
-
-  return items.map((item) => {
-    // 移除每个项两端的方括号（如果有）
-    const cleanItem = item.replace(/\[|\]/g, "");
-    // 分割标签和值
-    const [label, value] = cleanItem.split(",");
-
-    return {
-      label: label.trim(),
-      value: value.trim(),
-    };
-  });
-};
-
-// 插入变量值
-const handleInsetVarContent = (configList) => {
-  // 1.校验是否填写完整 + 生成输出值
-  const result = [];
-  for (let index = 0; index < configList.length; index++) {
-    const item = configList[index];
-    console.log(item);
-    switch (item.vtype) {
-      case "text": {
-        result.push(item.param);
-        break;
-      }
-      default: {
-        if (!item.modelValue) return ElMessage.error("请检查插入格式内是否填写完整");
-        let formatValue = item.modelValue;
-        if (item.prefix) formatValue = `${item.prefix}${formatValue}`;
-        if (item.suffix) formatValue = `${formatValue}${item.suffix}`;
-        result.push(formatValue);
-        break;
-      }
-    }
-  }
-  // 2.插入内容
-  if (!editorRef.value) return ElMessage.error("未检测到编辑器实例");
-  const content = result.join("_");
-
-  const editorIns = editorRef.value.getInstance();
-  const position = editorIns.getPosition();
-
-  const currentValue = editorRef.value.getValue();
-  const lines = currentValue.split("\n");
-
-  // 如果光标位置有效
-  if (position.lineNumber <= lines.length) {
-    const lineIndex = position.lineNumber - 1;
-    const line = lines[lineIndex];
-    const columnIndex = position.column - 1;
-
-    // 获取光标前后的字符
-    const prevChar = columnIndex > 0 ? line[columnIndex - 1] : "";
-    const nextChar = columnIndex < line.length ? line[columnIndex] : "";
-
-    // 检测是否需要添加空格
-    let contentToInsert = content;
-
-    // 如果前面有内容且不是空格或行首，在前面添加空格
-    if (prevChar && prevChar !== " " && !/[\s({[ ]/.test(prevChar)) {
-      contentToInsert = " " + contentToInsert;
-    }
-
-    // 如果后面有内容且不是空格或行尾，在后面添加空格
-    if (nextChar && nextChar !== " " && !/[\s)}\]]/.test(nextChar)) {
-      contentToInsert = contentToInsert + " ";
-    }
-
-    // 在光标位置插入内容
-    const newLine = line.substring(0, columnIndex) + contentToInsert + line.substring(columnIndex);
-    lines[lineIndex] = newLine;
-
-    // 更新编辑器内容
-    const newValue = lines.join("\n");
-    editorRef.value.setValue(newValue);
-
-    // 将光标移动到插入内容之后
-    const newColumn = position.column + contentToInsert.length;
-    editorIns.setPosition({
-      lineNumber: position.lineNumber,
-      column: newColumn,
-    });
-    editorIns.focus();
-  }
-};
-
-onMounted(async () => {
-  const { body } = await stConfig.request.post("/common/conf/queryAllBackVariables", { useCase: props.useCase });
-  varList.value = body ?? [];
-});
-defineExpose({
-  /**
-   * @description: 打开变量选择器窗口
-   * @editor 脚本编辑器实例
-   * @newZindex Number 窗口定位层级
-   */
-  open: (editor) => {
-    editorRef.value = editor;
-    visible.value = true;
-  },
-  close: () => {
-    visible.value = false;
-  },
-});
-</script>
-
-<template>
-  <el-dialog
-    modal-class="var-select-dialog"
-    v-model="visible"
-    align-center
-    append-to-body
-    destroy-on-close
-    draggable
-    overflow
-    :modal="false"
-    :modal-penetrable="true"
-    :show-close="false"
-  >
-    <template #header>
-      <div class="custom-header">
-        <div class="left">
-          <span> 选择变量 </span>
-          <el-select
-            v-model="varName"
-            placeholder="选择变量"
-            filterable
-            clearable
-          >
-            <el-option
-              v-for="(item, index) in varList"
-              :key="index"
-              :label="item.varName"
-              :value="item.varName"
-            />
-          </el-select>
-        </div>
-        <div class="right">
-          <el-icon
-            class="el-icon--left"
-            @click="visible = false"
-          >
-            <Close />
-          </el-icon>
-        </div>
-      </div>
-    </template>
-    <div class="custom-body">
-      <template v-if="formatList.length">
-        <div
-          class="format-item"
-          v-for="(formatItem, formatIndex) in formatList"
-          :key="formatIndex"
-        >
-          <span>格式{{ formatIndex + 1 }}:</span>
-
-          <!-- 配置项 -->
-          <div class="config-list">
-            <template v-for="(config, configIndex) in formatItem.configList">
-              <div class="config-item">
-                <!-- 类型: 固定值 -->
-                <template v-if="config.vtype === 'text'">
-                  <span>{{ config.param }}</span>
-                </template>
-                <template v-if="config.vtype === 'inputVariety'">
-                  <VarietySelect
-                    size="small"
-                    :placeholder="config.param"
-                    :selectClearEnable="false"
-                    :labelShowEnable="false"
-                    @select="({ name, code }) => (config.modelValue = code)"
-                    @change="(value) => (config.modelValue = value)"
-                    style="width: 100px"
-                  />
-                </template>
-                <template v-if="config.vtype === 'input'">
-                  <span v-if="config.prefix">{{ config.prefix }}</span>
-                  <el-input
-                    v-model="config.modelValue"
-                    :placeholder="config.param"
-                    size="small"
-                  />
-                  <span v-if="config.suffix">{{ config.suffix }}</span>
-                </template>
-                <template v-if="config.vtype === 'select'">
-                  <el-select
-                    v-model="config.modelValue"
-                    :placeholder="config.param"
-                    clearable
-                    size="small"
-                  >
-                    <el-option
-                      v-for="item in handleOptionsStrToArray(config.optionsStr)"
-                      :key="item.value"
-                      :label="item.label"
-                      :value="item.value"
-                    />
-                  </el-select>
-                </template>
-              </div>
-              <span v-if="configIndex !== formatItem.configList.length - 1">_</span>
-            </template>
-          </div>
-          <!-- 插入变量 -->
-          <el-button
-            type="primary"
-            plain
-            size="small"
-            @click="handleInsetVarContent(formatItem.configList)"
-          >
-            插入变量
-          </el-button>
-          <!-- Tip示例 -->
-          <el-tooltip
-            effect="dark"
-            placement="top-start"
-          >
-            <template #content>
-              <div style="max-width: 820px">
-                <span style="white-space: pre-line">{{ formatItem.tip }}</span>
-              </div>
-            </template>
-            <el-icon><InfoFilled /></el-icon>
-          </el-tooltip>
-        </div>
-      </template>
-    </div>
-  </el-dialog>
-</template>
-<style lang="scss">
-.var-select-dialog {
-  .el-dialog {
-    width: auto !important;
-    min-width: 660px;
-    max-width: 1000px;
-  }
-}
-</style>
-<style lang="scss" scoped>
-.var-select-dialog {
-  .custom-header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    .left {
-      display: flex;
-      align-items: center;
-      flex: 1;
-      span {
-        margin-right: 10px;
-      }
-      .el-select {
-        width: 140px;
-      }
-    }
-    .right {
-      display: flex;
-      align-items: center;
-      .el-button {
-        margin-right: 10px;
-      }
-      .el-icon {
-        cursor: pointer;
-        &:hover {
-          color: var(--el-color-primary);
-        }
-      }
-    }
-  }
-  .custom-body {
-    min-height: 160px;
-    box-sizing: border-box;
-    border-top: var(--el-border);
-    padding: 10px 0;
-    .format-item {
-      font-size: 12px;
-      display: flex;
-      align-items: center;
-      flex-wrap: wrap;
-      gap: 10px;
-      margin-bottom: 10px;
-      .config-list {
-        display: flex;
-        align-items: center;
-        .el-input {
-          width: 100px;
-        }
-        .el-select {
-          width: 100px;
-        }
-      }
-    }
-  }
-}
-</style>

package/packages/VarietyAiHelper/index.ts

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