kd-lane-chart-v3 0.1.16 → 0.1.17

package/dist/esm/index.js

@@ -6715,11 +6715,18 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
             let height = contentBoxSize ? contentBoxSize.blockSize : contentRect ? contentRect.height : rect.height;
             let windowWidth = window.innerWidth;
             let windowHeight = window.innerHeight;
-            console.log(windowWidth, windowHeight);
-            proxy.positionInfo.top = (windowHeight - height) / 2;
-            proxy.positionInfo.left = (windowWidth - width) / 2;
-            proxy.positionInfo.width = width;
-            proxy.positionInfo.height = height;
+            const top = (windowHeight - height) / 2;
+            const left = (windowWidth - width) / 2;
+            const prev = proxy.positionInfo || {};
+            if (prev.top === top && prev.left === left && prev.width === width && prev.height === height) {
+              return;
+            }
+            proxy.positionInfo = {
+              top,
+              left,
+              width,
+              height
+            };
           }
         });
         proxy.resizeObserverContainer.observe(container);
@@ -6733,6 +6740,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       const container = proxy.$refs.targetDom;
       if (container) {
         proxy.resizeObserver = new ResizeObserver(() => {
+          if (proxy._suppressLaneWidthSync) return;
           proxy.handleResize();
         });
         proxy.resizeObserver.observe(container);
@@ -6752,56 +6760,81 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       return actualHeight;
     }
     function handleResize() {
-      if (proxy._isUnmounted || proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
+      if (proxy._isUnmounted || proxy._suppressLaneWidthSync || proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
         return;
       }
       if (proxy.resizeTimer) {
         clearTimeout(proxy.resizeTimer);
       }
       proxy.resizeTimer = setTimeout(() => {
-        if (proxy._isUnmounted || !proxy.$el) return;
+        if (proxy._isUnmounted || !proxy.$el || proxy._suppressLaneWidthSync) {
+          return;
+        }
         proxy.updateDomHeight();
         proxy.updateLaneWidthOverrides();
       }, 120);
     }
     function updateDomHeight() {
       const container = proxy.$refs.targetDom;
-      if (container) {
-        proxy.domHeight = container.clientHeight;
-        proxy.updateScrollbarHeight();
+      if (!container) return;
+      const next = container.clientHeight;
+      if (proxy.domHeight !== next) {
+        proxy.domHeight = next;
       }
+      proxy.updateScrollbarHeight();
     }
     function updateScrollbarHeight() {
       var _a;
       const scrollContent = (_a = proxy.$el) == null ? void 0 : _a.querySelector(".kd-lane-chart-scroll-content");
+      let next = 0;
       if (scrollContent) {
         const scrollbarHeight2 = scrollContent.offsetHeight - scrollContent.clientHeight;
-        proxy.scrollbarHeight = scrollbarHeight2 > 0 ? scrollbarHeight2 : 0;
-      } else {
-        proxy.scrollbarHeight = 0;
+        next = scrollbarHeight2 > 0 ? scrollbarHeight2 : 0;
+      }
+      if (proxy.scrollbarHeight !== next) {
+        proxy.scrollbarHeight = next;
+      }
+    }
+    function beginLaneWidthSyncGuard() {
+      proxy._suppressLaneWidthSync = true;
+      if (proxy._laneWidthSyncGuardTimer) {
+        clearTimeout(proxy._laneWidthSyncGuardTimer);
       }
+      proxy._laneWidthSyncGuardTimer = setTimeout(() => {
+        proxy._laneWidthSyncGuardTimer = 0;
+        proxy._suppressLaneWidthSync = false;
+      }, 200);
     }
     function updateLaneWidthOverrides() {
-      if (proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) return;
+      if (proxy._suppressLaneWidthSync || proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
+        return;
+      }
       const { lanes = [] } = proxy.currentTemplate || {};
+      if (!lanes.length) return;
+      const nextOverrides = { ...proxy.laneWidthOverrides || {} };
       let hasChanged = false;
       lanes.forEach((lane) => {
         const headerEl = document.getElementById(`lane-header-${lane.laneId}`);
-        if (headerEl) {
-          const id = String(lane.laneId);
-          const flexWidth = headerEl.clientWidth;
-          const minWidth = lane.minWidth || 40;
-          const newWidth = Math.max(minWidth, flexWidth);
-          const oldWidth = proxy.laneWidthOverrides[id];
-          if (oldWidth == null || Math.abs(oldWidth - newWidth) >= 1) {
-            proxy.setLaneWidthOverride(lane.laneId, newWidth);
-            hasChanged = true;
-          }
+        if (!headerEl) return;
+        const id = String(lane.laneId);
+        const minWidth = lane.minWidth || 40;
+        const newWidth = Math.max(minWidth, Math.round(headerEl.clientWidth));
+        const oldWidth = nextOverrides[id];
+        const threshold = oldWidth == null ? 1 : 2;
+        if (oldWidth == null || Math.abs(oldWidth - newWidth) >= threshold) {
+          nextOverrides[id] = newWidth;
+          hasChanged = true;
         }
       });
-      if (hasChanged) {
-        emit("lane-width-change", proxy.laneWidthOverrides);
-      }
+      if (!hasChanged) return;
+      const prev = proxy._lastEmittedLaneWidthMap || {};
+      const nextKeys = Object.keys(nextOverrides);
+      const sameAsEmitted = nextKeys.length === Object.keys(prev).length && nextKeys.every((k) => prev[k] === nextOverrides[k]);
+      if (sameAsEmitted) return;
+      beginLaneWidthSyncGuard();
+      proxy.laneWidthOverrides = nextOverrides;
+      proxy._lastEmittedLaneWidthMap = { ...nextOverrides };
+      emit("lane-width-change", { ...nextOverrides });
     }
     function startResize(event, lane, direction) {
       event.preventDefault();
@@ -6836,7 +6869,10 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       proxy.startX = 0;
       proxy.startWidth = 0;
       proxy.updateScrollbarHeight();
-      emit("lane-width-change", proxy.laneWidthOverrides);
+      beginLaneWidthSyncGuard();
+      const map = { ...proxy.laneWidthOverrides || {} };
+      proxy._lastEmittedLaneWidthMap = map;
+      emit("lane-width-change", map);
     }
     function getLaneElement(laneId) {
       if (!proxy.$refs.refLaneDiv) return null;
@@ -6866,7 +6902,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     }
     function notifyTemplateChangeImmediately() {
       proxy.syncTreeTemplateFromCurrent();
-      emit("template-change", cloneDeep(proxy.currentTemplate));
+      emit("template-change", proxy.currentTemplate);
     }
     function syncLinesLaneIdsFromCurrent() {
       (proxy.currentTemplate.lanes || []).forEach((lane) => {
@@ -6900,13 +6936,18 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       proxy.notifyTemplateChangeImmediately();
       proxy.emitConfigChange("drag");
       const lines = proxy.collectAllLinesFromCurrent();
+      const clearDragging = () => {
+        nextTick(() => {
+          proxy.isLineDragging = false;
+        });
+      };
       if (lines.length === 0) {
-        proxy.isLineDragging = false;
+        clearDragging();
         return;
       }
-      Promise.all(lines.map((line) => proxy.dragUpdateLine(line))).finally(() => {
-        proxy.isLineDragging = false;
-      });
+      Promise.all(lines.map((line) => proxy.dragUpdateLine(line))).finally(
+        clearDragging
+      );
     }
     function onLaneDragEnd() {
       const lanes = proxy.currentTemplate.lanes || [];
@@ -6916,14 +6957,19 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
         lane.sort = index2;
       });
       sortLanes(lanes);
+      const clearDragging = () => {
+        nextTick(() => {
+          proxy.isLaneDragging = false;
+        });
+      };
       if (hasChanged) {
         proxy.notifyTemplateChangeImmediately();
         proxy.emitConfigChange("drag");
-        Promise.all(lanes.map((lane) => proxy.dragUpdateLane(lane))).finally(() => {
-          proxy.isLaneDragging = false;
-        });
+        Promise.all(lanes.map((lane) => proxy.dragUpdateLane(lane))).finally(
+          clearDragging
+        );
       } else {
-        proxy.isLaneDragging = false;
+        clearDragging();
       }
       proxy._laneOrderBeforeDrag = null;
     }
@@ -7048,7 +7094,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     function setLaneWidthOverride(laneId, px) {
       const id = String(laneId);
       const minPx = 40;
-      const w = Math.max(minPx, px);
+      const w = Math.max(minPx, Math.round(Number(px) || 0));
+      if (proxy.laneWidthOverrides[id] === w) return;
       proxy.laneWidthOverrides[id] = w;
     }
     function laneContainerStyle(lane, type) {
@@ -7586,6 +7633,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       }
       if (prevTemplateId != null && proxy.currentTemplate && proxy.currentTemplate.templateId !== prevTemplateId || type === "changeNumber") {
         proxy.laneWidthOverrides = {};
+        proxy._lastEmittedLaneWidthMap = {};
       }
       sortLanes(proxy.currentTemplate.lanes);
       emit("template-change", proxy.currentTemplate);
@@ -7645,7 +7693,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     function isSameIdSequence(a, b, idKey) {
       if (!Array.isArray(a) || !Array.isArray(b) || a.length !== b.length) return false;
       return a.every(
-        (item, i) => item === b[i] || item && b[i] && item[idKey] === b[i][idKey]
+        (item, i) => item === b[i] || item && b[i] && item[idKey] == b[i][idKey]
       );
     }
     function reuseLaneListIfSame(prev, next) {
@@ -7656,32 +7704,59 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     }
     let fixedLanesCache = [];
     let scrollableLanesCache = [];
+    const laneLinesModelCache = /* @__PURE__ */ new WeakMap();
+    let scrollableLanesModelCache = [];
     const fixedLanes = computed(() => {
       const { lanes = [] } = proxy.currentTemplate || {};
       const next = lanes.filter((lane) => lane.canScroll === false);
-      fixedLanesCache = reuseLaneListIfSame(fixedLanesCache, next);
-      return fixedLanesCache;
+      return reuseLaneListIfSame(fixedLanesCache, next);
     });
     const scrollableLanes = computed(() => {
       const { lanes = [] } = proxy.currentTemplate || {};
       const next = lanes.filter((lane) => lane.canScroll !== false);
-      scrollableLanesCache = reuseLaneListIfSame(scrollableLanesCache, next);
-      return scrollableLanesCache;
+      return reuseLaneListIfSame(scrollableLanesCache, next);
+    });
+    watch(fixedLanes, (val) => {
+      fixedLanesCache = Array.isArray(val) ? val : [];
+    });
+    watch(scrollableLanes, (val) => {
+      scrollableLanesCache = Array.isArray(val) ? val : [];
     });
+    function getLaneLinesModel(lane) {
+      if (!lane) return [];
+      const lines = lane.lines || [];
+      const prev = laneLinesModelCache.get(lane);
+      if (prev && prev.length === lines.length && prev.every((line, i) => line === lines[i])) {
+        return prev;
+      }
+      const copy = lines.slice();
+      laneLinesModelCache.set(lane, copy);
+      return copy;
+    }
+    function getScrollableLanesModel() {
+      const lanes = scrollableLanes.value || [];
+      if (scrollableLanesModelCache.length === lanes.length && scrollableLanesModelCache.every((lane, i) => lane === lanes[i])) {
+        return scrollableLanesModelCache;
+      }
+      scrollableLanesModelCache = lanes.slice();
+      return scrollableLanesModelCache;
+    }
     function onScrollableLanesUpdate(newVal) {
-      if (!proxy.currentTemplate) return;
+      if (!proxy.isLaneDragging || !proxy.currentTemplate) return;
       const lanes = proxy.currentTemplate.lanes || [];
       const fixed = lanes.filter((lane) => lane.canScroll === false);
       const scrollable = Array.isArray(newVal) ? newVal : [];
       const next = fixed.length ? fixed.concat(scrollable) : scrollable;
       if (isSameIdSequence(next, lanes, "laneId")) return;
       proxy.currentTemplate.lanes = next;
+      scrollableLanesModelCache = scrollable.slice();
     }
     function onLaneLinesUpdate(lane, list) {
-      if (!lane) return;
+      if (!lane || !proxy.isLineDragging) return;
       const next = Array.isArray(list) ? list : [];
       if (isSameIdSequence(next, lane.lines || [], "lineId")) return;
       lane.lines = next;
+      laneLinesModelCache.set(lane, next.slice());
     }
     const lineCount = computed(() => {
       const { lanes = [] } = proxy.currentTemplate || {};
@@ -7947,6 +8022,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       updateDomHeight,
       updateScrollbarHeight,
       updateLaneWidthOverrides,
+      beginLaneWidthSyncGuard,
       startResize,
       resize,
       stopResize,
@@ -7962,6 +8038,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       onLaneDragEnd,
       onScrollableLanesUpdate,
       onLaneLinesUpdate,
+      getLaneLinesModel,
+      getScrollableLanesModel,
       dragUpdateLine,
       dragUpdateLane,
       getGridSize,
@@ -8022,6 +8100,11 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
         clearTimeout(proxy.resizeTimer);
         proxy.resizeTimer = null;
       }
+      if (proxy._laneWidthSyncGuardTimer) {
+        clearTimeout(proxy._laneWidthSyncGuardTimer);
+        proxy._laneWidthSyncGuardTimer = 0;
+      }
+      proxy._suppressLaneWidthSync = false;
       if (proxy._curveConfigCloseTimer) {
         clearTimeout(proxy._curveConfigCloseTimer);
         proxy._curveConfigCloseTimer = 0;
@@ -8060,6 +8143,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       onLaneDragEnd,
       onScrollableLanesUpdate,
       onLaneLinesUpdate,
+      getLaneLinesModel,
+      getScrollableLanesModel,
       dragUpdateLine,
       dragUpdateLane,
       getGridSize,
@@ -8191,7 +8276,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
                   onContextmenu: withModifiers(($event) => showContextMenu($event, lane), ["prevent"])
                 }, [
                   createVNode(unref(VueDraggable), {
-                    "model-value": lane.lines,
+                    "model-value": getLaneLinesModel(lane),
                     "onUpdate:modelValue": (list) => onLaneLinesUpdate(lane, list),
                     animation: 200,
                     fallbackOnBody: true,
@@ -8249,7 +8334,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
             class: "kd-lane-chart-scroll-content",
             onStart: onLaneDragStart,
             onEnd: onLaneDragEnd,
-            "model-value": scrollableLanes.value,
+            "model-value": getScrollableLanesModel(),
             "onUpdate:modelValue": onScrollableLanesUpdate,
             animation: 200,
             fallbackOnBody: true,
@@ -8309,7 +8394,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
                       onContextmenu: withModifiers(($event) => showContextMenu($event, lane), ["prevent"])
                     }, [
                       createVNode(unref(VueDraggable), {
-                        "model-value": lane.lines,
+                        "model-value": getLaneLinesModel(lane),
                         "onUpdate:modelValue": (list) => onLaneLinesUpdate(lane, list),
                         animation: 200,
                         fallbackOnBody: true,
@@ -8451,7 +8536,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-c55a3e28"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-1d7c6388"]]);
 const _hoisted_1$5 = { class: "header" };
 const _hoisted_2$4 = { class: "label-card" };
 const _hoisted_3$3 = { class: "label-row" };
@@ -11185,7 +11270,7 @@ const _sfc_main$4 = /* @__PURE__ */ Object.assign({ name: "ControlPanelDark" },
     };
   }
 });
-const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-db0bbf0b"]]);
+const FunctionControlPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b21535ee"]]);
 const _hoisted_1$3 = { class: "echarts" };
 const _sfc_main$3 = /* @__PURE__ */ Object.assign({
   name: "resizeEcharts"
@@ -12178,10 +12263,15 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     async function laneWidthChange(widthMap) {
       const next = widthMap || {};
       if (isSameLaneWidthMap(proxy.laneWidthMap, next)) return;
-      proxy.laneWidthMap = next;
+      proxy.laneWidthMap = { ...next };
       await nextTick();
       if (proxy._isUnmounted) return;
-      proxy.resizeAllLaneCharts();
+      if (proxy._laneWidthResizeTimer) clearTimeout(proxy._laneWidthResizeTimer);
+      proxy._laneWidthResizeTimer = setTimeout(() => {
+        proxy._laneWidthResizeTimer = 0;
+        if (proxy._isUnmounted) return;
+        proxy.resizeAllLaneCharts();
+      }, 0);
     }
     function isSameLaneWidthMap(a, b) {
       const left = a || {};
@@ -12414,6 +12504,34 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     }
     function handleLaneChartSizeChange(laneId) {
       if (proxy.trendLineManager) proxy.trendLineManager.onChartResized(laneId);
+      if (proxy._lockDepthScale && proxy.formCache.axisType === "depth" && !proxy._syncingDepthScaleWindow && !proxy.isUpdatingChart && !proxy.isChartBusy()) {
+        const cm = proxy.pxToCm();
+        const target = proxy.getTargetDepthSpanMeters();
+        const drawn = proxy.getWindowDepthSpanMeters(
+          proxy.startIndex,
+          proxy.windowSize
+        );
+        const spanOff = target > 0 && Math.abs(drawn - target) > Math.max(1, target * 0.04);
+        const syncKey = `${Math.round(cm * 10)}:${proxy.formCache.scale}`;
+        const cmOff = !(proxy._scaleCm > 0) || Math.abs(cm - proxy._scaleCm) >= 0.2;
+        const needSpan = spanOff && proxy._spanSyncKey !== syncKey;
+        if (cmOff || needSpan) {
+          proxy._scaleCm = cm;
+          proxy._spanSyncKey = syncKey;
+          const scaled = proxy.computeDepthScaleWindow(proxy.startIndex);
+          if (scaled.windowSize !== proxy.windowSize || scaled.start !== proxy.startIndex) {
+            proxy._syncingDepthScaleWindow = true;
+            proxy.startIndex = scaled.start;
+            proxy.windowSize = scaled.windowSize;
+            proxy.targetStartIndex = scaled.start;
+            proxy.targetWindowSize = scaled.windowSize;
+            proxy._syncingDepthScaleWindow = false;
+            if (typeof proxy.scheduleChartRedraw === "function") {
+              proxy.scheduleChartRedraw();
+            }
+          }
+        }
+      }
       proxy.scheduleDepthAxisLabelSync(laneId);
     }
     function setInsideDataZoomPanEnabled(enabled) {
@@ -13045,8 +13163,10 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       check(lo);
       check(lo - 1);
       if (best < 0) {
-        for (let i = lo - 2; i >= 0 && lo - i < 16; i--) check(i);
-        for (let i = lo + 1; i < n && i - lo < 16; i++) check(i);
+        for (let i = 0; i < n; i++) {
+          if (i === lo || i === lo - 1) continue;
+          check(i);
+        }
       }
       return best;
     }
@@ -13140,6 +13260,45 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       }
       return null;
     }
+    function getLaneTooltipPosition(point, _params, _dom, _rect, size) {
+      const content = size && size.contentSize || [120, 80];
+      const view = size && size.viewSize || [200, 400];
+      const tipW = content[0] || 120;
+      const tipH = content[1] || 80;
+      const viewW = view[0] || 200;
+      const viewH = view[1] || 400;
+      const cy = Array.isArray(point) && Number.isFinite(point[1]) ? point[1] : 0;
+      let x = 4;
+      let y = cy + 12;
+      if (y + tipH > viewH - 4) y = Math.max(4, cy - tipH - 12);
+      if (x + tipW > viewW - 4) x = Math.max(4, viewW - tipW - 4);
+      return [x, y];
+    }
+    function getLaneTooltipExtraCss() {
+      return "pointer-events: none !important; max-width: 92%; box-sizing: border-box; white-space: normal; word-break: break-all;";
+    }
+    function buildHelperTipRailData(helperX, groupMin, groupMax, steps = 48) {
+      const lo = Number(groupMin);
+      const hi = Number(groupMax);
+      const x = Number(helperX);
+      if (!Number.isFinite(x)) return [];
+      if (!Number.isFinite(lo) || !Number.isFinite(hi)) {
+        return [
+          [x, lo],
+          [x, hi]
+        ];
+      }
+      const n = Math.max(2, steps | 0);
+      const out = new Array(n);
+      if (hi === lo) {
+        for (let i = 0; i < n; i++) out[i] = [x, lo];
+        return out;
+      }
+      for (let i = 0; i < n; i++) {
+        out[i] = [x, lo + (hi - lo) * i / (n - 1)];
+      }
+      return out;
+    }
     function onChartAreaMouseMove(event) {
       const charts = proxy.getConnectedCharts();
       for (let i = 0; i < charts.length; i++) {
@@ -13209,46 +13368,60 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           const x = pos && Number.isFinite(pos[0]) ? pos[0] : (meta.width || 80) / 2;
           const y = pos && Number.isFinite(pos[1]) ? pos[1] : fallbackY;
           const axisKey = `${targetGridIndex}:${y | 0}`;
-          const pinAxis = () => {
-            chart.dispatchAction({
-              type: "updateAxisPointer",
-              currTrigger: "mousemove",
-              x,
-              y,
-              axesInfo: [
-                {
-                  axisDim: "y",
-                  axisIndex: targetGridIndex,
-                  value: yValue
-                }
-              ]
-            });
-          };
-          if (proxy._lastAxisPx.get(chart) !== axisKey) {
-            proxy._lastAxisPx.set(chart, axisKey);
-            pinAxis();
-          }
+          chart.dispatchAction({
+            type: "updateAxisPointer",
+            currTrigger: "mousemove",
+            x,
+            y,
+            axesInfo: [
+              {
+                axisDim: "y",
+                axisIndex: targetGridIndex,
+                value: yValue
+              }
+            ]
+          });
+          proxy._lastAxisPx.set(chart, axisKey);
           const canShowTip = needTip && proxy.shouldShowTooltipContent(laneId) && lane && lane.lines && lane.lines.length > 0 && proxy.laneHasAnyValidPlotPoint(chart, laneId);
           if (canShowTip) {
             const tipKey = `${axisKey}:${Number(yValue).toFixed(2)}`;
-            if (proxy._lastTipKey.get(chart) !== tipKey) {
-              const nearest = proxy.findHelperTooltipAnchor(chart, yValue, targetGridIndex) || proxy.findNearestTooltipPoint(chart, yValue, targetGridIndex);
-              if (nearest) {
-                proxy._lastTipKey.set(chart, tipKey);
+            proxy._lastTipKey.set(chart, tipKey);
+            const helperHit = proxy.findHelperTooltipAnchor(
+              chart,
+              yValue,
+              targetGridIndex
+            );
+            if (helperHit) {
+              chart.dispatchAction({
+                type: "showTip",
+                seriesIndex: helperHit.seriesIndex,
+                dataIndex: helperHit.dataIndex,
+                // 锚在十字线高度、道左侧，配合 position 回调统一落点
+                x: 8,
+                y
+              });
+            } else {
+              const lineHit = proxy.findNearestTooltipPoint(
+                chart,
+                yValue,
+                targetGridIndex
+              );
+              if (lineHit) {
                 chart.dispatchAction({
                   type: "showTip",
-                  seriesIndex: nearest.seriesIndex,
-                  dataIndex: nearest.dataIndex,
-                  x,
+                  seriesIndex: lineHit.seriesIndex,
+                  dataIndex: lineHit.dataIndex,
+                  x: 8,
                   y
                 });
+              } else {
+                chart.dispatchAction({ type: "showTip", x: 8, y });
               }
             }
           } else if (proxy._lastTipKey.get(chart) != null) {
             proxy._lastTipKey.delete(chart);
             chart.dispatchAction({ type: "hideTip" });
           }
-          pinAxis();
         }
       } finally {
         proxy._showingTips = false;
@@ -13420,15 +13593,16 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       });
     }
     function dispatchVisibleDataChange(val) {
-      if (!val || val.length === 0) return;
+      const rows = val && val.length ? val : proxy.getVisibleData();
+      if (!rows || !rows.length) return;
       const axisKey = proxy.currentToolBarConfig.axisTypeList && proxy.currentToolBarConfig.axisTypeList[proxy.formCache.axisType];
-      const first = val[0];
-      const last = val[val.length - 1];
+      const first = rows[0];
+      const last = rows[rows.length - 1];
       const firstValue = first && first[axisKey];
       const lastValue = last && last[axisKey];
-      const startIndex2 = proxy.startIndex;
-      const windowSize2 = proxy.windowSize;
-      const rawGroups = splitArrayByDepth(val, axisKey);
+      const startIndex2 = Math.max(0, Math.floor(Number(proxy.startIndex) || 0));
+      const windowSize2 = Math.max(1, Math.floor(Number(proxy.windowSize) || 1));
+      const rawGroups = splitArrayByDepth(rows, axisKey);
       const layout = proxy.formCache.axisType === "depth" ? proxy.layoutScaledAxisGroups(rawGroups, axisKey) : null;
       const dataGroups = layout ? layout.groups : rawGroups;
       if (proxy.lastVisibleDataChangeParams && proxy.lastVisibleDataChangeParams.firstValue === firstValue && proxy.lastVisibleDataChangeParams.lastValue === lastValue && proxy.lastVisibleDataChangeParams.startIndex === startIndex2 && proxy.lastVisibleDataChangeParams.windowSize === windowSize2) {
@@ -13446,32 +13620,23 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       });
     }
     function scheduleVisibleDataChange(val) {
-      if (proxy._isZooming || proxy._isPanning) {
-        proxy._pendingVisibleData = val;
-        if (proxy._visibleDataEmitTimer) return;
-        proxy._visibleDataEmitTimer = setTimeout(() => {
-          proxy._visibleDataEmitTimer = 0;
-          const pending = proxy._pendingVisibleData;
-          proxy._pendingVisibleData = null;
-          if (pending) proxy.dispatchVisibleDataChange(pending);
-        }, 80);
-        return;
-      }
-      if (proxy._visibleDataEmitTimer) {
-        clearTimeout(proxy._visibleDataEmitTimer);
+      proxy._pendingVisibleData = val;
+      if (proxy._visibleDataEmitTimer) return;
+      const delay = proxy._isZooming || proxy._isPanning || proxy._isWheelAnimating ? 80 : 32;
+      proxy._visibleDataEmitTimer = setTimeout(() => {
         proxy._visibleDataEmitTimer = 0;
-      }
-      proxy._pendingVisibleData = null;
-      proxy.dispatchVisibleDataChange(val);
+        const pending = proxy._pendingVisibleData;
+        proxy._pendingVisibleData = null;
+        if (pending) proxy.dispatchVisibleDataChange(pending);
+      }, delay);
     }
     function flushVisibleDataChange() {
       if (proxy._visibleDataEmitTimer) {
         clearTimeout(proxy._visibleDataEmitTimer);
         proxy._visibleDataEmitTimer = 0;
       }
-      const pending = proxy._pendingVisibleData || proxy.visibleData;
       proxy._pendingVisibleData = null;
-      proxy.dispatchVisibleDataChange(pending);
+      proxy.dispatchVisibleDataChange(proxy.getVisibleData());
     }
     function hideAllLaneTooltips(event) {
       if (proxy.isLeavingToTooltip(event)) return;
@@ -13599,6 +13764,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       });
     }
     async function templateChange(template) {
+      if (template && template === proxy.currentTemplate) {
+        return;
+      }
       proxy.currentTemplate = template;
       proxy.getLatestLineDataByParamCode();
       let migratedLanes = null;
@@ -13735,30 +13903,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     }
     function pxToCm() {
       const PX_PER_CM = 96 / 2.54;
-      let px = 0;
-      const wrap = proxy.$refs.chartAreaWrap;
-      if (wrap && wrap.clientHeight > 40) px = wrap.clientHeight;
-      if (!(px > 40)) {
-        const charts = typeof proxy.getConnectedCharts === "function" ? proxy.getConnectedCharts() : [];
-        for (let i = 0; i < charts.length; i++) {
-          const chart = charts[i];
-          if (!chart || chart.isDisposed()) continue;
-          const h = chart.getHeight && chart.getHeight();
-          if (h > 40) {
-            px = h;
-            break;
-          }
-        }
-      }
-      if (!(px > 40)) {
-        const container = proxy.$refs.targetDom;
-        if (container) {
-          const rect = container.getBoundingClientRect();
-          const headerHeight = proxy.$refs.chartContainer && proxy.$refs.chartContainer.getLaneHeightPx() || 0;
-          px = Math.max(0, rect.height - headerHeight);
-        }
-      }
-      const cm = px / PX_PER_CM;
+      const cm = proxy.getChartPlotHeightPx() / PX_PER_CM;
       return cm > 0 ? cm : 4;
     }
     function parseScaleMetersPerCm(scale) {
@@ -14017,8 +14162,17 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       const meters = Number(metersPerCm);
       if (!(meters > 0)) return 1;
       const list = proxy.getAllowedScaleValues();
+      let best = null;
+      let bestDiff = Infinity;
       for (let i = 0; i < list.length; i++) {
-        if (Math.abs(list[i] - meters) < 1e-6) return list[i];
+        const d = Math.abs(list[i] - meters);
+        if (d < bestDiff) {
+          bestDiff = d;
+          best = list[i];
+        }
+      }
+      if (best != null && (bestDiff < 1e-6 || bestDiff <= 0.01 || bestDiff / meters < 5e-3)) {
+        return best;
       }
       return `1:${Math.max(1, Math.round(meters * 100))}`;
     }
@@ -14038,14 +14192,14 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     function syncScaleSelection(nextScale) {
       var _a;
       const cur = (_a = proxy.formCache) == null ? void 0 : _a.scale;
-      if (cur === nextScale) return;
+      const next = proxy.formatScaleSelection(proxy.parseScaleMetersPerCm(nextScale));
+      if (cur === next) return;
       const curM = proxy.parseScaleMetersPerCm(cur);
-      const nextM = proxy.parseScaleMetersPerCm(nextScale);
-      if (Number.isFinite(curM) && Number.isFinite(nextM) && Math.abs(curM - nextM) < 1e-6 && // 自定义串与数字等价时，仍优先写成更规范的 nextScale（列表 value 或 1:N）
-      typeof cur === typeof nextScale) {
+      const nextM = proxy.parseScaleMetersPerCm(next);
+      if (Number.isFinite(curM) && Number.isFinite(nextM) && Math.abs(curM - nextM) < 1e-6) {
         return;
       }
-      proxy.$emit("updateScale", nextScale);
+      proxy.$emit("updateScale", next);
     }
     function emitScaleFromWindowSize(windowSize2) {
       const cm = proxy.pxToCm();
@@ -14070,18 +14224,22 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         acc.push(Number(raw));
         return acc;
       }, []);
-      if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "min")) {
+      const boundSet = (v) => v !== void 0 && v !== null && v !== "" && Number.isFinite(Number(v));
+      if (lineInfo && boundSet(lineInfo.min)) {
         headerMin = Number(lineInfo.min);
       } else if (numericValues.length > 0) {
         headerMin = Math.floor(Math.min(...numericValues));
       }
-      if (lineInfo && Object.prototype.hasOwnProperty.call(lineInfo, "max")) {
+      if (lineInfo && boundSet(lineInfo.max)) {
         headerMax = Number(lineInfo.max);
       } else if (numericValues.length > 0) {
         headerMax = Math.ceil(Math.max(...numericValues));
       }
-      const min = headerMin;
-      const max = headerMax;
+      let min = headerMin;
+      let max = headerMax;
+      if (!Number.isFinite(min)) min = 0;
+      if (!Number.isFinite(max)) max = 1;
+      if (min === max) max = min + 1;
       const lineId = lineInfo && lineInfo.lineId;
       if (lineId == null) return { min, max };
       if (proxy._lineRangeDraft) {
@@ -14158,7 +14316,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           option: cachedOption
         });
       }
-      proxy._pointerMetaGen++;
+      proxy.invalidatePointerMeta();
       proxy.flushLaneChartOption(lineId, cachedOption);
     }
     function flushLaneChartOption(lineId, option) {
@@ -14210,12 +14368,39 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         start = scaled.start;
         size = scaled.windowSize;
         if (!proxy.isUpdatingChart && (start !== proxy.startIndex || size !== proxy.windowSize)) {
-          proxy._syncingDepthScaleWindow = true;
-          proxy.startIndex = start;
-          proxy.windowSize = size;
-          proxy.targetStartIndex = start;
-          proxy.targetWindowSize = size;
-          proxy._syncingDepthScaleWindow = false;
+          proxy._pendingDepthWindow = { start, size };
+          if (!proxy._depthWindowSyncRaf) {
+            const flush = () => {
+              proxy._depthWindowSyncRaf = 0;
+              const pending = proxy._pendingDepthWindow;
+              if (!pending || proxy._isUnmounted) {
+                proxy._pendingDepthWindow = null;
+                return;
+              }
+              if (proxy.isUpdatingChart || proxy._syncingDepthScaleWindow) {
+                proxy._depthWindowSyncTries = (proxy._depthWindowSyncTries || 0) + 1;
+                if (proxy._depthWindowSyncTries > 45) {
+                  proxy._pendingDepthWindow = null;
+                  proxy._depthWindowSyncTries = 0;
+                  return;
+                }
+                proxy._depthWindowSyncRaf = requestAnimationFrame(flush);
+                return;
+              }
+              proxy._depthWindowSyncTries = 0;
+              proxy._pendingDepthWindow = null;
+              if (pending.start === proxy.startIndex && pending.size === proxy.windowSize) {
+                return;
+              }
+              proxy._syncingDepthScaleWindow = true;
+              proxy.startIndex = pending.start;
+              proxy.windowSize = pending.size;
+              proxy.targetStartIndex = pending.start;
+              proxy.targetWindowSize = pending.size;
+              proxy._syncingDepthScaleWindow = false;
+            };
+            proxy._depthWindowSyncRaf = requestAnimationFrame(flush);
+          }
         }
       }
       const end = start + size;
@@ -14270,7 +14455,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     function buildDepthTimeAxisLabel() {
       return { show: false };
     }
-    function collectAxisTickValues(min, max, interval) {
+    function collectAxisTickValues(min, max, interval, includeEnds = true) {
       const lo = Number(min);
       const hi = Number(max);
       const step = Number(interval);
@@ -14283,8 +14468,10 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         seen.add(key);
         values.push(v);
       };
-      add(lo);
-      add(hi);
+      if (includeEnds) {
+        add(lo);
+        add(hi);
+      }
       if (step > 0 && hi > lo) {
         let v = Math.ceil((lo + step * 1e-6) / step) * step;
         for (; v < hi - step * 1e-6; v += step) add(v);
@@ -14396,13 +14583,24 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       const height = chart.getHeight();
       const ticks = [];
       const dataGroups = groups.map((g) => g.rows);
-      const minGapPx = proxy._isZooming || proxy._isPanning ? 22 : 16;
+      const metersPerCm = proxy.getScaleMetersPerCm();
+      const scalePx = metersPerCm > 0 ? interval / metersPerCm * (96 / 2.54) : 28;
+      const minGapPx = proxy._isZooming || proxy._isPanning ? 22 : Math.min(16, Math.max(8, scalePx * 0.75));
       for (let groupIndex = 0; groupIndex < groups.length; groupIndex++) {
         const group2 = groups[groupIndex];
         if (!proxy.shouldShowDepthAxisLabel(group2.rows, axisKey)) continue;
         const groupMin = group2.min;
         const groupMax = group2.max;
-        const values = proxy.collectAxisTickValues(groupMin, groupMax, interval);
+        const values = proxy.collectAxisTickValues(
+          groupMin,
+          groupMax,
+          interval,
+          isTimeLane
+        );
+        if (!isTimeLane && groupIndex > 0 && !values.some((v) => Math.abs(v - groupMin) < 1e-4)) {
+          values.push(groupMin);
+          values.sort((a, b) => a - b);
+        }
         for (let i = 0; i < values.length; i++) {
           const value = values[i];
           const meta = proxy.getDepthTimeTickMeta(
@@ -14415,19 +14613,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
             value
           );
           if (!meta || !meta.text) continue;
-          let y;
-          if (proxy.isGeomechanical) {
-            y = proxy.safeConvertToPixel(
-              chart,
-              { yAxisIndex: groupIndex },
-              value
-            );
-            if (!Number.isFinite(y)) {
-              y = proxy.depthTickPixelY(group2, value, height);
-            }
-          } else {
-            y = proxy.depthTickPixelY(group2, value, height);
-          }
+          const y = proxy.depthTickPixelY(group2, value, height);
           if (!Number.isFinite(y) || y < -12 || y > height + 12) continue;
           ticks.push({
             y,
@@ -14472,8 +14658,15 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         const h = chart.getHeight && chart.getHeight();
         if (h > 40) return h;
       }
+      const header = proxy.$refs.chartContainer && proxy.$refs.chartContainer.getLaneHeightPx && proxy.$refs.chartContainer.getLaneHeightPx() || 0;
       const wrap = proxy.$refs.chartAreaWrap;
-      if (wrap && wrap.clientHeight > 40) return wrap.clientHeight;
+      if (wrap && wrap.clientHeight > 40) {
+        return Math.max(40, wrap.clientHeight - header);
+      }
+      const container = proxy.$refs.targetDom;
+      if (container) {
+        return Math.max(40, container.getBoundingClientRect().height - header);
+      }
       return 400;
     }
     function getTypicalCurveLaneWidthPx() {
@@ -14567,8 +14760,8 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     }
     function computeDepthTimeAxisInterval(groups, axisKey) {
       if (proxy.formCache.axisType === "time") {
-        let min2 = Infinity;
-        let max2 = -Infinity;
+        let min = Infinity;
+        let max = -Infinity;
         let minStep = Infinity;
         for (let g = 0; g < groups.length; g++) {
           const group2 = groups[g];
@@ -14576,8 +14769,8 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           for (let i = 0; i < group2.length; i++) {
             const v = Number(group2[i][axisKey]);
             if (!Number.isFinite(v)) continue;
-            if (v < min2) min2 = v;
-            if (v > max2) max2 = v;
+            if (v < min) min = v;
+            if (v > max) max = v;
             if (Number.isFinite(prev)) {
               const step = Math.abs(v - prev);
               if (step > 0 && step < minStep) minStep = step;
@@ -14585,7 +14778,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
             prev = v;
           }
         }
-        const range = max2 - min2;
+        const range = max - min;
         if (!Number.isFinite(range) || range <= 0) return 5;
         if (!Number.isFinite(minStep) || minStep <= 0) return range / 10;
         const intervalCount = Math.max(
@@ -14595,23 +14788,24 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         let unified = Math.ceil(range / Math.min(12, intervalCount));
         return Math.max(minStep, Math.ceil(unified / minStep) * minStep);
       }
-      const scaleStep = proxy.ceilDepthTickInterval(proxy.getScaleMetersPerCm());
-      let min = Infinity;
-      let max = -Infinity;
-      for (let g = 0; g < groups.length; g++) {
-        const group2 = groups[g];
-        for (let i = 0; i < group2.length; i++) {
-          const v = Number(group2[i][axisKey]);
-          if (!Number.isFinite(v)) continue;
-          if (v < min) min = v;
-          if (v > max) max = v;
-        }
+      const metersPerCm = proxy.getScaleMetersPerCm();
+      const scaleStep = proxy.ceilDepthTickInterval(metersPerCm);
+      const PX_PER_CM = 96 / 2.54;
+      const pxPerStep = metersPerCm > 0 ? scaleStep / metersPerCm * PX_PER_CM : 28;
+      const minGap = 16;
+      const mult = pxPerStep > 0 && pxPerStep < minGap ? Math.ceil(minGap / pxPerStep) : 1;
+      return scaleStep * mult;
+    }
+    function applyDepthYAxisInterval(yAxis, min, max) {
+      if (!yAxis) return;
+      const step = computeDepthTimeAxisInterval([], proxy.getAxisDataKey());
+      const span = Math.abs(Number(max) - Number(min));
+      yAxis.interval = step;
+      yAxis.minInterval = 0;
+      yAxis.alignTicks = false;
+      if (step > 0 && span > 0) {
+        yAxis.splitNumber = Math.max(1, Math.round(span / step));
       }
-      const span = max - min;
-      if (!(span > 0)) return scaleStep;
-      const maxTicks = proxy.getDepthLabelSplitCount(proxy.getChartPlotHeightPx());
-      const densityStep = span / Math.max(1, maxTicks);
-      return proxy.ceilDepthTickInterval(Math.max(scaleStep, densityStep));
     }
     function getDataZoomMinSpanPercent() {
       if (!proxy.isGeomechanical) return null;
@@ -14815,7 +15009,11 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           if (name === "helper") {
             const data2 = opt.data;
             const x = data2 && data2[0] && data2[0][0];
-            return { data: [[x, group2.min], [x, group2.max]] };
+            return {
+              data: proxy.buildHelperTipRailData(x, group2.min, group2.max),
+              large: false,
+              silent: false
+            };
           }
           const type = sm.subType || proxy.unwrapEchartsValue(opt.type);
           if (name === "log-grid" || name === "trend" || type !== "line") return {};
@@ -14850,10 +15048,18 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         } catch (e) {
         }
       });
+      proxy.invalidatePointerMeta();
       proxy.syncDepthAxisLabelsWithGroups(groups);
       if (proxy.trendLineManager && !proxy._isZooming && !proxy._isWheelAnimating) {
         proxy.trendLineManager.scheduleRender();
       }
+      if (proxy.pointerInChartArea && !proxy.isChartBusy() && !proxy._isWheelAnimating && proxy.showTooltip && Number.isFinite(proxy._lastTooltipY)) {
+        proxy.showSyncedLaneTooltips(
+          proxy._lastTooltipY,
+          proxy._lastTooltipOffsetY || 0,
+          proxy._lastTooltipGridIndex || 0
+        );
+      }
     }
     function syncDepthAxisLabelsWithGroups(groups) {
       if (proxy._isZooming || proxy._isPanning || proxy._isWheelAnimating) {
@@ -15032,6 +15238,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       proxy._wheelIdleTimer = setTimeout(() => {
         proxy._wheelIdleTimer = 0;
         proxy._isWheelAnimating = false;
+        if (!proxy.animationId) proxy.flushVisibleDataChange();
       }, 160);
       const animate = () => {
         proxy.animationId = 0;
@@ -15060,6 +15267,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
             proxy.patchVisibleSeries();
             proxy.scheduleAllDepthAxisLabelSync();
           }
+          proxy.flushVisibleDataChange();
           return;
         }
         if (!proxy.isUpdatingChart) {
@@ -15463,7 +15671,8 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           enterable: false,
           transitionDuration: 0,
           hideDelay: 0,
-          extraCssText: "pointer-events: none !important;",
+          extraCssText: proxy.getLaneTooltipExtraCss(),
+          position: proxy.getLaneTooltipPosition,
           axisPointer: {
             type: "line",
             axis: "y",
@@ -15690,7 +15899,13 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
                 },
                 axisPointer: { show: hasValidLineData }
               });
-              if (proxy.isGeomechanical && !isDepthLane && !isTimeLane) {
+              if (proxy.formCache.axisType === "depth") {
+                applyDepthYAxisInterval(
+                  option.yAxis[gridIndex],
+                  groupMin,
+                  groupMax
+                );
+              } else if (proxy.isGeomechanical && !isDepthLane && !isTimeLane) {
                 option.yAxis[gridIndex].splitNumber = ySplitCount;
                 option.yAxis[gridIndex].minInterval = 1;
                 option.yAxis[gridIndex].alignTicks = true;
@@ -15758,6 +15973,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
               }
               const isLogScale = isLaneLogScale(lane);
               if (lane && lane.lines) {
+                let tipAnchorXAxisIndex = -1;
+                let tipAnchorMin = 0;
+                let tipAnchorMax = 1;
                 lane.lines.forEach((lineInfo, index2) => {
                   var _a, _b, _c, _d;
                   if (!seriesDataCache2[lineInfo.lineId]) {
@@ -15782,6 +16000,11 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
                     allValidData
                   );
                   const xAxisIndex = option.xAxis.length;
+                  if (tipAnchorXAxisIndex < 0) {
+                    tipAnchorXAxisIndex = xAxisIndex;
+                    tipAnchorMin = min;
+                    tipAnchorMax = max;
+                  }
                   const plotRange = isLogScale ? resolveLaneLogPlotRange(lane, proxy.getLineRangeStore()) : null;
                   const splitColor = getCssVariable(
                     "--kd-lane-container-item-line-color"
@@ -15978,43 +16201,46 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
                     }
                   }
                 });
-              }
-              if (!isDepthLane && !isTimeLane && lane && lane.lines && lane.lines.length > 0) {
-                const rangeMins = lane.lines.map((item) => {
-                  var _a;
-                  return (_a = proxy.getLineRangeStore()[item.lineId]) == null ? void 0 : _a.min;
-                }).filter(
-                  (v) => v !== void 0 && v !== null && !Number.isNaN(v)
-                );
-                let helperX = 0;
-                if (rangeMins.length > 0) {
-                  helperX = isLogScale ? Math.log10(proxy.getLaneLogPlotRange(lane).min) : Math.max(...rangeMins);
-                } else if (isLogScale) {
-                  helperX = Math.log10(proxy.getLaneLogPlotRange(lane).min);
-                }
-                if (!Number.isFinite(helperX)) helperX = 0;
-                option.series.unshift({
-                  name: "helper",
-                  type: "line",
-                  xAxisIndex: option.xAxis.length - 1,
-                  yAxisIndex: gridIndex,
-                  data: [
-                    [helperX, groupMin],
-                    [helperX, groupMax]
-                  ],
-                  lineStyle: { opacity: 0 },
-                  symbol: "none",
-                  silent: true,
-                  tooltip: { show: true }
-                });
-                if (isLogScale) {
-                  option.series.unshift(
-                    proxy.getLogPaperGridSeries(
-                      lane,
-                      option.xAxis.length - 1,
-                      gridIndex
-                    )
-                  );
+                if (!isDepthLane && !isTimeLane && lane.lines.length > 0) {
+                  let helperX = 0;
+                  if (isLogScale) {
+                    const plotRange = proxy.getLaneLogPlotRange(lane);
+                    const lo = Math.log10(plotRange.min);
+                    const hi = Math.log10(plotRange.max);
+                    helperX = Number.isFinite(lo) && Number.isFinite(hi) ? (lo + hi) / 2 : 0;
+                  } else {
+                    helperX = (Number(tipAnchorMin) + Number(tipAnchorMax)) / 2;
+                  }
+                  if (!Number.isFinite(helperX)) helperX = 0;
+                  const helperAxisIndex = tipAnchorXAxisIndex >= 0 ? tipAnchorXAxisIndex : Math.max(0, option.xAxis.length - 1);
+                  option.series.unshift({
+                    name: "helper",
+                    type: "line",
+                    xAxisIndex: helperAxisIndex,
+                    yAxisIndex: gridIndex,
+                    data: proxy.buildHelperTipRailData(
+                      helperX,
+                      groupMin,
+                      groupMax
+                    ),
+                    lineStyle: { opacity: 0, width: 0 },
+                    symbol: "none",
+                    // silent/large 都会让 showTip(seriesIndex) 失效
+                    silent: false,
+                    large: false,
+                    tooltip: { show: true },
+                    z: 0,
+                    animation: false
+                  });
+                  if (isLogScale) {
+                    option.series.unshift(
+                      proxy.getLogPaperGridSeries(
+                        lane,
+                        helperAxisIndex,
+                        gridIndex
+                      )
+                    );
+                  }
                 }
               }
             }
@@ -16024,7 +16250,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
             option.tooltip.showContent = proxy.shouldShowTooltipContent(laneId);
             option.tooltip.triggerOn = "none";
             option.tooltip.enterable = false;
-            option.tooltip.extraCssText = "pointer-events: none !important;";
+            option.tooltip.confine = true;
+            option.tooltip.position = proxy.getLaneTooltipPosition;
+            option.tooltip.extraCssText = proxy.getLaneTooltipExtraCss();
             option.tooltip.formatter = () => proxy.renderLaneTooltipHtml(laneId);
           }
           if (proxy.trendLineManager) proxy.trendLineManager.appendSeriesToOption(option, lane);
@@ -16048,6 +16276,13 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
             proxy.trendLineManager.scheduleRender();
           }
         }
+        if (proxy.pointerInChartArea && !proxy.isChartBusy() && !proxy._isWheelAnimating && proxy.showTooltip && Number.isFinite(proxy._lastTooltipY)) {
+          proxy.showSyncedLaneTooltips(
+            proxy._lastTooltipY,
+            proxy._lastTooltipOffsetY || 0,
+            proxy._lastTooltipGridIndex || 0
+          );
+        }
         const lanesToRefresh = /* @__PURE__ */ new Set();
         if (laneFilter) {
           laneFilter.forEach((id) => lanesToRefresh.add(id));
@@ -16166,6 +16401,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       const items = [];
       for (let i = 0; i < lines.length; i++) {
         const lineInfo = lines[i];
+        if (!lineInfo || lineInfo.isUsed !== "1") continue;
         const raw = proxy.readLineValueFromRow(row, lineInfo.paramId);
         items.push({
           seriesName: proxy.getTooltipLineName(lineInfo, false),
@@ -16174,7 +16410,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           paramId: lineInfo.paramId,
           lineId: lineInfo.lineId
         });
-        if (lineInfo.recommendParamId) {
+        if (lineInfo.recommendParamId && (lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1)) {
           const recRaw = proxy.readLineValueFromRow(
             row,
             lineInfo.recommendParamId
@@ -17742,7 +17978,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
                 ySplitCount
               )
             };
-            if (proxy.isGeomechanical && !isDepthLane) {
+            if (proxy.formCache.axisType === "depth") {
+              applyDepthYAxisInterval(yAxisItem, groupMin, groupMax);
+            } else if (proxy.isGeomechanical && !isDepthLane) {
               yAxisItem.splitNumber = ySplitCount;
               yAxisItem.minInterval = 1;
               yAxisItem.alignTicks = true;
@@ -17755,7 +17993,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
               yAxisItem.interval = unifiedInterval;
             }
             if (isDepthLane) {
-              yAxisItem.alignTicks = true;
+              yAxisItem.alignTicks = proxy.formCache.axisType !== "depth";
               yAxisItem.axisLabel = proxy.buildDepthTimeAxisLabel(
                 lane,
                 group2,
@@ -17952,7 +18190,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
           }
           if (Object.keys(updates).length > 0) {
             chart.setOption(updates, { notMerge: false, lazyUpdate: true });
-            proxy._pointerMetaGen++;
+            proxy.invalidatePointerMeta();
           }
         }
       } catch (error) {
@@ -18100,7 +18338,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       proxy.windowSize = scaled.windowSize;
       proxy.startIndex = scaled.start;
       proxy._syncingDepthScaleWindow = false;
-      if (!options.silent) {
+      if (!options.silent && !proxy.isUpdatingChart) {
         proxy.syncScaleSelection(effective);
       }
       return effective;
@@ -18191,6 +18429,8 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     proxy._wheelScaleBoundKey = "";
     proxy._zoomIdleTimer = 0;
     proxy._interactPatchRaf = 0;
+    proxy._depthWindowSyncRaf = 0;
+    proxy._pendingDepthWindow = null;
     proxy._visibleDataEmitTimer = 0;
     proxy._pendingVisibleData = null;
     proxy._needFullChartAfterInteract = false;
@@ -18279,6 +18519,11 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         cancelAnimationFrame(proxy._interactPatchRaf);
         proxy._interactPatchRaf = 0;
       }
+      if (proxy._depthWindowSyncRaf) {
+        cancelAnimationFrame(proxy._depthWindowSyncRaf);
+        proxy._depthWindowSyncRaf = 0;
+        proxy._pendingDepthWindow = null;
+      }
       if (proxy._geoClickTimer) {
         clearTimeout(proxy._geoClickTimer);
         proxy._geoClickTimer = 0;
@@ -18404,6 +18649,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       isMissingTooltipValue,
       laneHasAnyValidPlotPoint,
       findHelperTooltipAnchor,
+      getLaneTooltipPosition,
+      getLaneTooltipExtraCss,
+      buildHelperTipRailData,
       onChartAreaMouseMove,
       updateCrosshairLine,
       schedulePointerSync,
@@ -18931,6 +19179,9 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       isMissingTooltipValue,
       laneHasAnyValidPlotPoint,
       findHelperTooltipAnchor,
+      getLaneTooltipPosition,
+      getLaneTooltipExtraCss,
+      buildHelperTipRailData,
       onChartAreaMouseMove,
       updateCrosshairLine,
       schedulePointerSync,
@@ -19345,7 +19596,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const LineChartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f3ff591a"]]);
+const LineChartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-40b0278e"]]);
 const _hoisted_1$1 = ["title"];
 const _hoisted_2$1 = ["title"];
 const _sfc_main$1 = /* @__PURE__ */ Object.assign({
@@ -20172,7 +20423,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ name: "frameLayout" }, {
     "trend-change",
     "need-double-config",
     "updateSettings",
-    "config-change"
+    "config-change",
+    "visibleDataChange"
   ],
   setup(__props, { expose: __expose, emit: __emit }) {
     function holdCurveDatas(val) {
@@ -20456,11 +20708,15 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ name: "frameLayout" }, {
       } else if (data.type === 3) ;
     }
     function visibleDataChange(data) {
-      if (proxy.$refs.functionControlPanel) {
-        proxy.$refs.functionControlPanel.handleToolBarDataChange(data);
-      }
-      if (proxy.$refs.depthTimeChart) {
-        proxy.$refs.depthTimeChart.visibleDataRangeChange(data);
+      try {
+        if (proxy.$refs.functionControlPanel) {
+          proxy.$refs.functionControlPanel.handleToolBarDataChange(data);
+        }
+        if (proxy.$refs.depthTimeChart) {
+          proxy.$refs.depthTimeChart.visibleDataRangeChange(data);
+        }
+      } finally {
+        emit("visibleDataChange", data);
       }
     }
     function handleDepthTimeChange(data) {
@@ -20580,12 +20836,21 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ name: "frameLayout" }, {
       }
     }
     function updateScale(newVal) {
-      if (proxy.formCache.scale === newVal) {
+      const cur = proxy.formCache.scale;
+      if (cur === newVal) {
         if (proxy.$refs.functionControlPanel && proxy.$refs.functionControlPanel.form.scale !== newVal) {
           proxy.$refs.functionControlPanel.form.scale = newVal;
         }
         return;
       }
+      const curM = typeof cur === "string" && String(cur).indexOf(":") >= 0 ? Number(String(cur).split(":").pop()) / 100 : Number(cur);
+      const nextM = typeof newVal === "string" && String(newVal).indexOf(":") >= 0 ? Number(String(newVal).split(":").pop()) / 100 : Number(newVal);
+      if (Number.isFinite(curM) && Number.isFinite(nextM) && curM > 0 && nextM > 0 && Math.abs(curM - nextM) < 1e-6) {
+        if (proxy.$refs.functionControlPanel && typeof newVal === "number" && proxy.$refs.functionControlPanel.form.scale !== newVal) {
+          proxy.$refs.functionControlPanel.form.scale = newVal;
+        }
+        return;
+      }
       proxy.formCache.scale = newVal;
       if (proxy.$refs.functionControlPanel) {
         proxy.$refs.functionControlPanel.form.scale = newVal;
@@ -21009,7 +21274,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ name: "frameLayout" }, {
     };
   }
 });
-const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6dbf2284"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-02e381b4"]]);
 function installComponents(app) {
   installKdI18n(app);
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);