st-comp 0.0.277 → 0.0.279

package/src/App.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="container">
-    <div class="header">前端公共组件库</div>
-    <div class="content">
-      <div class="content-left">
-        <el-menu
-          :default-active="route.path"
-          class="el-menu-vertical-demo"
-          text-color="rgba(255, 255, 255, 0.65)"
-          active-text-color="#ffffff"
-          background-color="#001529"
-          :router="true"
-        >
-          <el-menu-item
-            v-for="item in routes"
-            :index="item.path"
-            :key="item.name"
-            popper-append-to-body
-          >
-            <template #title>{{ item.name }}</template>
-          </el-menu-item>
-        </el-menu>
-      </div>
-      <div class="content-right">
-        <div class="content-right-main">
-          <st-configProvider :env="VITE_RUN_ENV">
-            <router-view />
-          </st-configProvider>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { useRoute } from "vue-router";
-import routes from "./router/routes.ts";
-
-const route = useRoute();
-
-/**
- * @description: 项目使用实例
- */
-// const VITE_RUN_ENV = import.meta.env; // 正常使用
-
-/**
- * @description: 组件库Demo本地
- */
-// const VITE_RUN_ENV = {
-//   VITE_PROJECT_NAME: "迈幻量化",
-//   VITE_PROJECT_CLIENTID: "7",
-//   VITE_BASE_URL: "http://127.0.0.1:7001",
-//   BASE_URL: "/",
-//   MODE: "localhost",
-//   DEV: true,
-//   PROD: false,
-//   SSR: false,
-// };
-
-/**
- * @description: 组件库Demo测试
- */
-const VITE_RUN_ENV = {
-  VITE_PROJECT_NAME: "迈幻量化",
-  VITE_PROJECT_CLIENTID: "7",
-  VITE_BASE_URL: "http://192.168.12.38:5173",
-  BASE_URL: "/",
-  MODE: "test49",
-  DEV: true,
-  PROD: false,
-  SSR: false,
-};
-
-/**
- * @description: 组件库Demo线上
- */
-// const VITE_RUN_ENV = {
-//   VITE_PROJECT_NAME: "迈幻量化",
-//   VITE_PROJECT_CLIENTID: "7",
-//   VITE_BASE_URL: "//investapi.hzyotoy.com",
-//   BASE_URL: "/",
-//   MODE: "production",
-//   DEV: false,
-//   PROD: true,
-//   SSR: false,
-// };
-</script>
-
-<style>
-.el-menu-vertical-demo:not(.el-menu--collapse) {
-  width: 200px;
-  height: calc(100% - 64px);
-}
-.el-menu {
-  --el-menu-hover-bg-color: #1677ff !important;
-  border: none !important;
-}
-.el-menu li {
-  font-size: 18px;
-}
-.el-menu-item.is-active {
-  background-color: #1677ff;
-}
-</style>
-
-<style lang="scss" scoped>
-.container {
-  min-height: 100vh;
-  .header {
-    height: 64px;
-    padding-left: 22px;
-    background: #001529;
-    color: #fff;
-    line-height: 64px;
-    font-size: 22px;
-  }
-  .content {
-    display: flex;
-    height: calc(100vh - 64px);
-    &-left {
-      width: 220px;
-      height: 100%;
-      background: #001529;
-      overflow-y: scroll;
-      overflow-x: none;
-    }
-    &-right {
-      flex: 1;
-      background: #ebebeb;
-      padding: 20px;
-      &-main {
-        background: #fff;
-        width: calc(100% - 40px);
-        height: calc(100% - 40px);
-        padding: 20px;
-      }
-    }
-  }
-}
-</style>

package/src/assets/vue.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="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>

package/src/components/Dialog/index.vue

@@ -1,16 +0,0 @@
-<template>
-  <div :style="{ width: '100%', height: '600px' }">
-    <el-button @click="dialogVisible = true">
-      click to open the Dialog
-    </el-button>
-    <st-dialog v-model="dialogVisible"> </st-dialog>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue'
-const dialogVisible = ref(false);
-
-</script>
-
-<style lang="scss" scoped></style>

package/src/components/Kline/index.vue

@@ -1,21 +0,0 @@
-<template>
-  <div id="Kline">
-    <st-kline
-      code="ao8888.SHFE"
-      endTime="2023-10-13T16:24:28"
-      indicator="DKX_EMA"
-      frequency="1m"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style scoped>
-#Kline{
-  margin: auto;
-  width: 1200px;
-  height: 600px;
-}
-</style>

package/src/components/Table/index.vue

@@ -1,27 +0,0 @@
-<template>
-  <div :style="{ width: '50%', height: '600px' }">
-    <st-table
-      :data="data"
-      :column="column"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-  const data = [
-    { name: 'name1' },
-    { name: 'name2' },
-    { name: 'name3' },
-  ]
-
-  const column = [
-    {
-      label: '名称',
-      prop: 'name',
-    },
-  ]
-</script>
-
-<style scoped>
-
-</style>

package/src/main.ts

@@ -1,17 +0,0 @@
-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";
-
-// 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/ChartLayout/index.vue

@@ -1,22 +0,0 @@
-<template>
-  <div style="width: 100%;height: 100%;">
-    <st-chartLayout
-      :data="data"
-      :row="2"
-      :col="3"
-    >
-      <template #default="{ data }">
-        <div style="width: 100%;height: 100%;;background: #ccc">{{ data }}</div>
-      </template>
-    </st-chartLayout>
-  </div>
-</template>
-
-<script setup lang="ts">
-const data = [
-  1,2,3,4,5,6
-]
-</script>
-
-<style lang="scss" scoped>
-</style>

package/src/pages/ConfigProvider/index.vue

@@ -1,9 +0,0 @@
-<script setup>
-import { inject } from "vue";
-const stConfig = inject("stConfig");
-</script>
-
-<template>
-  <div>展示注入的数据stConfig:</div>
-  <div>{{ stConfig }}</div>
-</template>

package/src/pages/Contextmenu/index.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="demo">
-    <st-contextmenu>
-      <span>区域内右键</span>
-      <template #popover>
-        <el-menu
-          :style="{
-            borderRadius: '4px',
-            overflow: 'hidden',
-            background: '#fff',
-            borderRight: 0,
-          }"
-        >
-          <el-menu-item
-            v-for="menuItem in menuList"
-            :key="menuItem.key"
-            style="height: 36px"
-          >
-            {{ menuItem.label }}
-          </el-menu-item>
-        </el-menu>
-      </template>
-    </st-contextmenu>
-  </div>
-</template>
-
-<script setup>
-const menuList = [
-  {
-    key: 1,
-    label: "操作一",
-  },
-  {
-    key: 2,
-    label: "操作二",
-  },
-];
-</script>
-
-<style lang="scss" scoped>
-.demo {
-  width: 200px;
-  height: 200px;
-  border: 1px solid #ccc;
-}
-</style>

package/src/pages/CustomFunction/index.vue

@@ -1,13 +0,0 @@
-<template>
-  <div>
-    <st-customFunction @insert="insert" />
-  </div>
-</template>
-
-<script setup>
-const insert = (funcName, funcExpression) => {
-  console.log(funcName, funcExpression);
-};
-</script>
-
-<style lang="scss" scoped></style>

package/src/pages/FactorWarning/index.vue

@@ -1,203 +0,0 @@
-<script setup>
-import { getUserData } from "st-func";
-import { ref, onMounted, inject } from "vue";
-
-const { request } = inject("stConfig"); // 组件库全局配置
-
-const visible = ref(false);
-const title = ref("品种-code(周期)");
-const moreFactorOptions = ref([]);
-const emptyFactorOptions = ref([]);
-const tableData = ref([]);
-const shortcutData = ref([]);
-const showConfig = {
-  ruleFormPrice: true, // 表单-价格范围
-  ruleFormMark: true, // 表单-备注
-  tableStatus: true, // 表格-状态
-  tableCreateTime: true, // 表格-设置时间
-  tableMark: true, // 表格-备注
-  tableEnable: true, // 表格-操作-启用
-};
-
-// 打开弹窗
-const openDialog = async () => {
-  // 获取预警因子[多, 空]选项
-  const params = {
-    pageNum: 1,
-    pageSize: 9999,
-    factorType: 2,
-  };
-  const { body } = await request.post("/middleLayer/post/alarm/deliversign/getFactorConfigByPage", params);
-  moreFactorOptions.value = body.list.reduce((result, item) => {
-    result.push({
-      alarmFactor: item.id,
-      ...item.tbFactorConfigExtendList.find((citem) => citem.factorType === 1),
-    });
-    return result;
-  }, []);
-  emptyFactorOptions.value = body.list.reduce((result, item) => {
-    result.push({
-      alarmFactor: item.id,
-      ...item.tbFactorConfigExtendList.find((citem) => citem.factorType === -1),
-    });
-    return result;
-  }, []);
-  // 获取快捷配置
-  queryShortcutData();
-  visible.value = true;
-};
-// 关闭弹窗
-const handleClosed = () => {
-  console.log("弹窗关闭");
-};
-
-// 添加因子预警
-const handleAddFactor = (ruleForm) => {
-  console.log(ruleForm);
-};
-// 删除因子预警
-const handleDeleteFactor = (row) => {
-  console.log("删除", row);
-};
-// 启用因子预警
-const handleEnabledFactor = (row) => {
-  console.log("启用", row);
-};
-
-// 查询快捷配置
-const queryShortcutData = async () => {
-  const params = {
-    userId: getUserData("id"),
-  };
-  const { body } = await request.post("/middleLayer/post/alarm/deliversign/queryFactorAlarmConfig", params);
-  shortcutData.value = body;
-};
-// 更新快捷配置
-const handleShortcutAdd = async (params) => {
-  await request.post("/middleLayer/post/alarm/deliversign/addOrUpdateFactorAlarmConfig", params);
-  queryShortcutData();
-};
-// 删除快捷配置
-const handleShortcutDelete = async (params) => {
-  await request.post("/middleLayer/post/alarm/deliversign/delFactorAlarmConfig", { id: params.id });
-  queryShortcutData();
-};
-
-onMounted(() => {
-  tableData.value = [
-    {
-      id: 2521,
-      featureName: "上证指数",
-      featureCode: "Z000001",
-      featureId: 108952,
-      freqId: 3,
-      freqName: "60m",
-      factorId: 26,
-      factorName: "30均线上+向上+单箱",
-      factorExtendValue: "1",
-      factorExtendName: "30均线上+向上+单箱",
-      userId: 103,
-      totalCount: 12,
-      currentCount: 1,
-      enable: 1,
-      mark: null,
-      keyWord: null,
-      runningStatus: 1,
-      createdTime: "2024-12-10 16:21:25",
-      featureType: null,
-      maxPrice: null,
-      minPrice: null,
-    },
-    {
-      id: 2520,
-      featureName: "上证指数",
-      featureCode: "Z000001",
-      featureId: 108952,
-      freqId: 3,
-      freqName: "60m",
-      factorId: 14,
-      factorName: "dkx金叉后+单箱突破",
-      factorExtendValue: "1",
-      factorExtendName: "dkx金叉后+单箱突破",
-      userId: 103,
-      totalCount: 3,
-      currentCount: 0,
-      enable: 1,
-      mark: null,
-      keyWord: null,
-      runningStatus: 1,
-      createdTime: "2024-12-10 16:21:25",
-      featureType: null,
-      maxPrice: null,
-      minPrice: null,
-    },
-    {
-      id: 2519,
-      featureName: "上证指数",
-      featureCode: "Z000001",
-      featureId: 108952,
-      freqId: 3,
-      freqName: "60m",
-      factorId: 16,
-      factorName: "dkx黄白线上+双箱单次",
-      factorExtendValue: "1",
-      factorExtendName: "dkx黄白线上+双箱单次",
-      userId: 103,
-      totalCount: 3,
-      currentCount: 0,
-      enable: 1,
-      mark: null,
-      keyWord: null,
-      runningStatus: 1,
-      createdTime: "2024-12-10 16:21:25",
-      featureType: null,
-      maxPrice: null,
-      minPrice: null,
-    },
-    {
-      id: 2518,
-      featureName: "上证指数",
-      featureCode: "Z000001",
-      featureId: 108952,
-      freqId: 3,
-      freqName: "60m",
-      factorId: 13,
-      factorName: "dkx金叉",
-      factorExtendValue: "1",
-      factorExtendName: "dkx金叉",
-      userId: 103,
-      totalCount: 3,
-      currentCount: 0,
-      enable: 1,
-      mark: null,
-      keyWord: null,
-      runningStatus: 1,
-      createdTime: "2024-12-10 16:21:25",
-      featureType: null,
-      maxPrice: null,
-      minPrice: null,
-    },
-  ];
-});
-</script>
-
-<template>
-  <div style="width: 100%; height: 100%">
-    <el-button @click="openDialog">因子预警</el-button>
-    <st-factorWarning
-      v-model:visible="visible"
-      :title="title"
-      :moreFactorOptions="moreFactorOptions"
-      :emptyFactorOptions="emptyFactorOptions"
-      :tableData="tableData"
-      :shortcutData="shortcutData"
-      :showConfig="showConfig"
-      @add="handleAddFactor"
-      @delete="handleDeleteFactor"
-      @enabled="handleEnabledFactor"
-      @closed="handleClosed"
-      @shortcutAdd="handleShortcutAdd"
-      @shortcutDelete="handleShortcutDelete"
-    />
-  </div>
-</template>

package/src/pages/HeatMap/index.vue

@@ -1,128 +0,0 @@
-<template>
-  <div style="height: 42px">
-    <st-linearLegend ref="linearLegendRef" :data="legendData" :unit="'亿'"/>
-  </div>
-  <div style="width: 100%;height: calc(100% - 42px);" v-if="data">
-    <st-heatMap ref="chartRef" :data="data" :config="config" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { ref, onMounted } from 'vue'
-
-const linearLegendRef = ref()
-
-const legendData = [ 
-  {
-    range: [0, 0.5],
-    type: '[)',
-    color: '#999',
-  },
-  {
-    range: [0.5, 1],
-    type: '[)',
-    color: 'rgba(255, 235, 59, 0.4)',
-  },
-  {
-    range: [1, 5],
-    type: '[)',
-    color: 'rgba(255, 235, 59, 0.6)',
-  },
-  {
-    range: [5, 10],
-    type: '[)',
-    color: 'rgba(255, 235, 59, 0.8)',
-  },
-  {
-    range: [10],
-    type: '>=',
-    color: 'rgba(255, 235, 59, 1)',
-  },
-]
-
-const date = [
-  "2024-02-01",
-  "2024-02-02",
-  "",
-  "2024-02-05",
-  "2024-02-06",
-  "2024-02-07",
-  "2024-02-08",
-  "2024-02-09",
-  "",
-  "2024-02-12",
-  "2024-02-13",
-  "2024-02-14",
-  "2024-02-15",
-  "2024-02-16",
-  "",
-  "2024-02-19",
-  "2024-02-20",
-  "2024-02-21",
-  "2024-02-22",
-  "2024-02-23",
-  "",
-  "2024-02-26",
-  "2024-02-27",
-  "2024-02-28",
-  "2024-02-29",
-]
-
-const config = {
-  tooltipFormatter: (info: any, infoData: any) => {
-    return `<div>
-      <div>${infoData.data[info.data.value[1]].name}</div>
-      <div>日期：${infoData.date[info.data.value[0]]}</div>
-      <div>成交额：${info.value[2]}</div>
-    </div>`
-  },
-  grid: {
-    left: '60px',
-    bottom: '20px',
-    right: '50px',
-    top: 0
-  },
-  dataZoom: [
-    {
-      show: true,
-      realtime: true,
-      yAxisIndex: [0, 1],
-      startValue: 0,
-      endValue: 20,
-    },
-    {
-      type: 'inside',
-      yAxisIndex: [0, 0],
-    },
-  ],
-}
-
-const data = ref<any>(null)
-
-const init = () => {
-  data.value = {
-    date,
-    data: new Array(50).fill(null).map((item, index) => {
-      return {
-        name: `工商银行${index}`,
-        data: date.map((i) => {
-          if (i === '') {
-            return null
-          }
-          const value = Math.random() * 1000000000
-          return {
-            value,
-            color: linearLegendRef.value.numberToColor(value)
-          }
-        })
-      }
-    })
-  }
-}
-
-onMounted(() => {
-  init()
-})
-</script>
-
-<style lang="scss" scoped></style>

package/src/pages/Kline/index.vue

@@ -1,12 +0,0 @@
-<template>
-  <div>
-    Kline
-  </div>
-</template>
-
-<script setup lang="ts">
-</script>
-
-<style lang="scss" scoped>
-
-</style>