st-comp 0.0.133 → 0.0.135

package/packages/KlineBasic/utils.js

@@ -1,18 +1,18 @@
 import { stMath } from "st-func";
-import { updateWarningLine } from './api'
+import { updateWarningLine } from "./api";
 
 const { round } = stMath;
 
 // 获取主图配置
 export const getMainOptions = (chartData, config, startValue, endValue) => {
-  const { data, time } = chartData
-  const { gridTop, gridRight, gridLeft, maxShowCounts, showSubChart } = config
+  const { data, time } = chartData;
+  const { gridTop, gridRight, gridLeft, maxShowCounts, showSubChart } = config;
   return {
     animation: false,
     grid: {
       top: `${gridTop}px`,
       right: `${gridRight}px`,
-      bottom: showSubChart ? '6px' : '24px',
+      bottom: showSubChart ? "6px" : "24px",
       left: `${gridLeft}px`,
     },
     dataZoom: [
@@ -81,29 +81,44 @@ export const getMainOptions = (chartData, config, startValue, endValue) => {
       ...chartData.mainIndicator.map((item) => {
         return {
           name: item.key,
-          type: 'line',
+          type: "line",
           silent: true,
-          symbol: 'none',
+          symbol: "none",
           data: item.data,
           lineStyle: {
             width: item.width || 1,
           },
           itemStyle: {
             color: item.color,
-          }
-        }
-      })
+          },
+        };
+      }),
     ],
-  }
-}
+    toolbox: {
+      show: false,
+    },
+    brush: {
+      xAxisIndex: "all",
+      brushLink: "all",
+      transformable: false,
+      outOfBrush: {
+        colorAlpha: 2,
+      },
+      brushStyle: {
+        color: "rgba(255,255,255,0.1)",
+        borderColor: "rgba(255,255,255,0.4)",
+      },
+    },
+  };
+};
 
 // 获取画线预警配置
 export const getWarningLineOptions = (mainChartIns, warningLineData, props, config, callback) => {
-  const { variety, featureId, featureType } = props
+  const { variety, featureId, featureType } = props;
   const { gridTop, gridLeft, gridRight } = config;
   return warningLineData.reduce((res, item) => {
     const { warnPrice } = item;
-    const y = mainChartIns?.convertToPixel({ yAxisIndex: 0 }, warnPrice)
+    const y = mainChartIns?.convertToPixel({ yAxisIndex: 0 }, warnPrice);
     // 位于顶部的预警线不绘制
     if (y <= gridTop) return res;
     // 超出图表的预警线不绘制
@@ -152,10 +167,14 @@ export const getWarningLineOptions = (mainChartIns, warningLineData, props, conf
         ondragstart: (params) => {
           dragStart = params.offsetY; // 记录拖拽开始坐标
         },
-        ondrag: params => {
+        ondrag: (params) => {
           if (params.target && params.target.childAt(1)) {
-            const newValue = mainChartIns.convertFromPixel({ yAxisIndex: 0 }, y + (params.offsetY - dragStart))
-            params.target.childAt(1)?.animate('style', false).when(1, { text: round(newValue, 3) }).start()
+            const newValue = mainChartIns.convertFromPixel({ yAxisIndex: 0 }, y + (params.offsetY - dragStart));
+            params.target
+              .childAt(1)
+              ?.animate("style", false)
+              .when(1, { text: round(newValue, 3) })
+              .start();
           }
         },
         // 事件:结束拖拽
@@ -181,7 +200,7 @@ export const getWarningLineOptions = (mainChartIns, warningLineData, props, conf
             callback && callback();
           }
         },
-      }
-    ]
-  }, [])
-};
+      },
+    ];
+  }, []);
+};

package/src/pages/KlineBasic/api.js

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const token = "490cdb08082fe518cdfa476bd53edc86";
+const token = "85970551b09341348682bc679ad58bdb";
 const host = "http://192.168.12.38:5173";
 
 // 获取指标线配置

package/src/pages/KlineBasic/index.vue

@@ -33,6 +33,7 @@
         :indicatorStore="indicatorStore"
         :config="config"
         :env="{ VITE_BASE_URL: 'http://192.168.12.38:5173' }"
+        :brushRange="['2025-06-03 00:00:00', '2025-06-05 23:59:59']"
       />
     </div>
   </div>