st-comp 0.0.33 → 0.0.34

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "st-comp",
   "public": true,
-  "version": "0.0.33",
+  "version": "0.0.34",
   "type": "module",
   "scripts": {
     "dev": "vite",

package/packages/Kline/index.vue

@@ -491,7 +491,7 @@ const keyDownEvent = (e: KeyboardEvent) => {
   // 只有选中或者按ctrl才激活按键
   if (!(e.ctrlKey || props.isSelect)) return;
   const option = echartsInstance.getOption() as EChartsOption;
-  let { startValue, endValue } = (option.dataZoom as DataZoomComponentOption[])[0] as {
+  let { startValue, endValue, start, end } = (option.dataZoom as DataZoomComponentOption[])[0] as {
     startValue: number;
     endValue: number;
   };
@@ -537,11 +537,11 @@ const keyDownEvent = (e: KeyboardEvent) => {
     if (endValue - startValue < 5) {
       return;
     }
-    const diff = Math.floor((endValue - startValue) / 2) + 1;
-    startValue = startValue + diff;
-    if (endValue - startValue < 5) {
-      startValue = endValue - 4;
-    }
+    // 以鼠标指定的K线为中心点进行放大
+    const startDiff = Math.floor((activeIndex.value - startValue) / 2) + 1;
+    const endDiff = Math.floor((endValue - activeIndex.value) / 2) + 1;
+    startValue = startValue + startDiff;
+    endValue = endValue - endDiff;
     echartsInstance.dispatchAction({
       type: "dataZoom",
       startValue,
@@ -551,12 +551,13 @@ const keyDownEvent = (e: KeyboardEvent) => {
   };
   const handleDown = () => {
     // 下按键-缩小
-    const diff = Math.min(500, endValue - startValue);
-    startValue = startValue - diff - 1;
+    // const diff = Math.min(50, activeIndex.value - startValue);
+    // startValue = startValue - diff - 1;
+    start = start - (end - start) / 4;
     echartsInstance.dispatchAction({
       type: "dataZoom",
-      startValue,
-      endValue,
+      start,
+      end,
       actionIsWheel: true, // 标记为缩放
     });
   };

package/packages/Kline/utils.ts

@@ -551,7 +551,8 @@ const handleSellBuyConfig = (data: any[], originData: KlineDataType) => {
         const startX = next.time;
         const startY = yAxisValue + "";
         const endX = target.time;
-        const endY = originData.find((item: any) => item[0] === target.time)[3];
+        const endItem = originData.find((item: any) => item[0] === target.time)
+        const endY = endItem ? endItem[3] : null;
         return [
           {
             coord: [startX, startY],