kd-lane-chart-v3 0.1.9 → 0.1.11

package/dist/esm/index.js

@@ -2723,8 +2723,8 @@ function logTrendDataToPixel(chart, paramId, lg, depth) {
     const xAxis = model.getComponent("xAxis", xAxisIndex) && model.getComponent("xAxis", xAxisIndex).axis;
     const yAxis = model.getComponent("yAxis", yAxisIndex) && model.getComponent("yAxis", yAxisIndex).axis;
     if (xAxis && yAxis) {
-      const x = xAxis.toGlobalCoord(xAxis.dataToCoord(lg, true));
-      const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, true));
+      const x = xAxis.toGlobalCoord(xAxis.dataToCoord(lg, false));
+      const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, false));
       if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
     }
   } catch (e) {
@@ -3152,7 +3152,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-c4185947"]]);
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-7ad7195c"]]);
 const _sfc_main$7 = {
   name: "LegendItem",
   props: {
@@ -3323,7 +3323,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-9fa6fff3"]]);
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-273d8509"]]);
 const TREND_LINE_STYLE = {
   stroke: "#FF9800",
   lineWidth: 2,
@@ -3355,6 +3355,7 @@ const TREND_MIRROR_POINT_STYLE = {
   lineWidth: 1
 };
 const TREND_LINE_Z = 9999;
+const TREND_POINT_Z = 99999;
 const DEPTH_EDGE_SNAP = 0.2;
 const TREND_CLICK_DELAY_MS = 240;
 const TREND_HIT_RADIUS = 14;
@@ -3771,16 +3772,17 @@ function findSeriesForDepth(chart, paramId, depth) {
   }
   return fallback || { seriesIndex: 0, xAxisIndex: 0, yAxisIndex: 0 };
 }
-function eventOffsetInChart(chart, evt) {
+function eventOffsetInChart(chart, evt, opts = {}) {
   var _a, _b;
   const zr = chart.getZr();
-  const clamp = (x, y) => ({
-    offsetX: Math.max(0, Math.min(x, zr.getWidth())),
-    offsetY: Math.max(0, Math.min(y, zr.getHeight()))
-  });
-  if (evt && evt.event && Number.isFinite(evt.offsetX) && Number.isFinite(evt.offsetY)) {
-    return clamp(evt.offsetX, evt.offsetY);
-  }
+  const doClamp = opts.clamp !== false;
+  const finish = (x, y) => {
+    if (!doClamp) return { offsetX: x, offsetY: y };
+    return {
+      offsetX: Math.max(0, Math.min(x, zr.getWidth())),
+      offsetY: Math.max(0, Math.min(y, zr.getHeight()))
+    };
+  };
   const native = (evt == null ? void 0 : evt.event) || evt;
   let el = null;
   try {
@@ -3789,12 +3791,50 @@ function eventOffsetInChart(chart, evt) {
   }
   const rect = (_b = (_a = el || chart.getDom()) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a);
   if (rect && Number.isFinite(native == null ? void 0 : native.clientX) && Number.isFinite(native == null ? void 0 : native.clientY)) {
-    return clamp(native.clientX - rect.left, native.clientY - rect.top);
+    return finish(native.clientX - rect.left, native.clientY - rect.top);
+  }
+  if (evt && evt.event && Number.isFinite(evt.offsetX) && Number.isFinite(evt.offsetY)) {
+    return finish(evt.offsetX, evt.offsetY);
   }
   if (Number.isFinite(evt == null ? void 0 : evt.offsetX) && Number.isFinite(evt == null ? void 0 : evt.offsetY)) {
-    return clamp(evt.offsetX, evt.offsetY);
+    return finish(evt.offsetX, evt.offsetY);
   }
-  return clamp(0, 0);
+  return finish(0, 0);
+}
+function eventOffsetInChartRaw(chart, evt) {
+  return eventOffsetInChart(chart, evt, { clamp: false });
+}
+function getGridPixelRect(chart, yAxisIndex = 0) {
+  try {
+    const model = chartModel(chart);
+    const yComp = model && model.getComponent("yAxis", yAxisIndex || 0);
+    const cs = yComp && yComp.coordinateSystem;
+    const rect = cs && cs.getRect && cs.getRect();
+    if (!rect || !rect.width || !rect.height) return null;
+    return {
+      left: rect.x,
+      top: rect.y,
+      right: rect.x + rect.width,
+      bottom: rect.y + rect.height,
+      width: rect.width,
+      height: rect.height
+    };
+  } catch (e) {
+    return null;
+  }
+}
+function isPointerInGrid(chart, offsetX, offsetY, yAxisIndex = 0) {
+  const grid = getGridPixelRect(chart, yAxisIndex);
+  if (!grid) return true;
+  return offsetX >= grid.left && offsetX <= grid.right && offsetY >= grid.top && offsetY <= grid.bottom;
+}
+function clampPointerToGrid(chart, offsetX, offsetY, yAxisIndex = 0) {
+  const grid = getGridPixelRect(chart, yAxisIndex);
+  if (!grid) return { offsetX, offsetY };
+  return {
+    offsetX: Math.max(grid.left, Math.min(grid.right, offsetX)),
+    offsetY: Math.max(grid.top, Math.min(grid.bottom, offsetY))
+  };
 }
 function isPointerInAnyGrid(chart, offsetX, offsetY) {
   const gridCount = modelGridCount(chartModel(chart));
@@ -3862,7 +3902,7 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
   }
   return null;
 }
-function axisPairToPixel(chart, xAxisIndex, yAxisIndex, value, depth) {
+function axisPairToPixel(chart, xAxisIndex, yAxisIndex, value, depth, clamp = false) {
   try {
     const model = chartModel(chart);
     if (!model) return null;
@@ -3871,8 +3911,8 @@ function axisPairToPixel(chart, xAxisIndex, yAxisIndex, value, depth) {
     const xAxis = xComp && xComp.axis;
     const yAxis = yComp && yComp.axis;
     if (!xAxis || !yAxis) return null;
-    const x = xAxis.toGlobalCoord(xAxis.dataToCoord(value, true));
-    const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, true));
+    const x = xAxis.toGlobalCoord(xAxis.dataToCoord(value, clamp));
+    const y = yAxis.toGlobalCoord(yAxis.dataToCoord(depth, clamp));
     if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
   } catch (e) {
   }
@@ -3946,6 +3986,12 @@ function getAxisRange(chart, paramId, depth) {
 }
 class TrendLineManager {
   constructor(host) {
+    /**
+     * 趋势线改走 ECharts graphic 全量绘制（不走笛卡尔 series）。
+     * series + clip 会在泳道边缘裁掉控制点；graphic 圆点可画在 grid 内可见处。
+     * 缩放/平移按真实 knot.depth 重算像素。8.31
+     */
+    __publicField(this, "_KNOT_R", 4);
     this.host = host;
     this.store = /* @__PURE__ */ Object.create(null);
     this.activeKey = null;
@@ -3954,8 +4000,13 @@ class TrendLineManager {
     this.dragSession = null;
     this._panLockedByHover = false;
     this._raf = null;
-    this._seriesIds = /* @__PURE__ */ Object.create(null);
-    this._graphicCleared = /* @__PURE__ */ new WeakSet();
+    this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._ensuringDzSkip = false;
+    this._zoomTrendPatchLanes = /* @__PURE__ */ new Set();
+    this._zoomTrendPatchRaf = 0;
+    this._zoomTrendPatchRaf2 = 0;
+    this._zoomTrendNeedFollowUp = false;
+    this._landingLithByParam = /* @__PURE__ */ Object.create(null);
     this._ignoreClickUntil = 0;
     this._destroyed = false;
   }
@@ -3977,8 +4028,19 @@ class TrendLineManager {
       cancelAnimationFrame(this._raf);
       this._raf = null;
     }
+    if (this._zoomTrendPatchRaf) {
+      cancelAnimationFrame(this._zoomTrendPatchRaf);
+      this._zoomTrendPatchRaf = 0;
+    }
+    if (this._zoomTrendPatchRaf2) {
+      cancelAnimationFrame(this._zoomTrendPatchRaf2);
+      this._zoomTrendPatchRaf2 = 0;
+    }
+    this._zoomTrendNeedFollowUp = false;
+    this._zoomTrendPatchLanes = /* @__PURE__ */ new Set();
     this.store = /* @__PURE__ */ Object.create(null);
-    this._seriesIds = /* @__PURE__ */ Object.create(null);
+    this._graphicIds = /* @__PURE__ */ Object.create(null);
+    this._landingLithByParam = /* @__PURE__ */ Object.create(null);
     this.binds.clear();
     this.host = null;
   }
@@ -4057,16 +4119,26 @@ class TrendLineManager {
     if (!chart || chart.isDisposed()) return null;
     return chart;
   }
+  /** canClickSelectLane=true 才允许绘制/编辑趋势线；false 时仅回显不可画。8.26 */
+  _isTrendDrawEnabled() {
+    return !!(this.host && this.host.canClickSelectLane);
+  }
+  /** 未选中泳道不可加点、拖点；仅回显。8.31 */
+  _isLaneSelected(laneId) {
+    if (!this.host || typeof this.host.isLaneSelected !== "function") return false;
+    return !!this.host.isLaneSelected(laneId);
+  }
   /** isDraw 可编辑，或已有控制点（只读回显）的曲线。8.21 */
   listDrawableTargets() {
     if (!this._alive()) return [];
     const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
     const list = [];
+    const drawEnabled = this._isTrendDrawEnabled();
     lanes.forEach((lane) => {
       (lane.lines || []).forEach((line) => {
         const key = makeTrendKey(lane.laneId, line.paramId);
         const segments = this.store[key] && this.store[key].segments || [];
-        const editable = isLineDrawable(line);
+        const editable = !!(drawEnabled && isLineDrawable(line) && this._isLaneSelected(lane.laneId));
         if (!editable && !segments.some((s) => (s.knots || []).length)) return;
         list.push({
           key,
@@ -4124,23 +4196,60 @@ class TrendLineManager {
   bindChart(laneId, chart) {
     this.unbindChart(laneId);
     if (!this._alive() || !chart || chart.isDisposed()) return;
-    const onZrDown = (e) => this.onZrMouseDown(e, laneId);
     const onZrMove = (e) => this.onZrHover(e, laneId);
     const onDblClick = (e) => this.handleDblClick(e, laneId);
     const zr = chart.getZr();
-    zr.on("mousedown", onZrDown);
     zr.on("mousemove", onZrMove);
     zr.on("dblclick", onDblClick);
+    const dom = chart.getDom();
+    const onMouseDown = (nativeEvent) => {
+      if (!this._isPrimaryButton(nativeEvent)) return;
+      this.onZrMouseDown({ event: nativeEvent }, laneId);
+    };
+    if (dom) dom.addEventListener("mousedown", onMouseDown, true);
     const onZoom = () => {
+      this._stripResidualTrendSeries(chart);
+      this._scheduleZoomTrendPatch(laneId);
+      if (this.host && typeof this.host.ensureTrendDataZoomOnAllCharts === "function") {
+        this.host.ensureTrendDataZoomOnAllCharts(chart);
+      }
       if (this.host && this.host._isPanning) return;
       if (this.host && typeof this.host.startChartZoom === "function") {
         this.host.startChartZoom();
       }
     };
     if (typeof chart.on === "function") chart.on("datazoom", onZoom);
-    this.binds.set(laneId, { chart, onZrDown, onZrMove, onDblClick, onZoom, dom: chart.getDom() });
+    this.binds.set(laneId, {
+      chart,
+      onZrMove,
+      onDblClick,
+      onZoom,
+      dom,
+      onMouseDown
+    });
     this.updateCursor(laneId);
   }
+  isDraggingKnot() {
+    return !!this.dragSession;
+  }
+  /** 命中趋势线控制点时，地应力 dataZoom 平移不要抢 mousedown。8.26 */
+  shouldBlockChartPan(chart, evt) {
+    if (!this._isTrendDrawEnabled()) return false;
+    if (this.dragSession) return true;
+    if (!this._alive() || !chart || chart.isDisposed()) return false;
+    const laneId = this.host && typeof this.host.findLaneIdByChart === "function" ? this.host.findLaneIdByChart(chart) : null;
+    if (!laneId) return false;
+    const target = this.getTargetByLane(laneId);
+    if (!target || !target.editable) return false;
+    const { offsetX, offsetY } = eventOffsetInChart(chart, evt);
+    return !!this._findKnotAtPointer(chart, target, offsetX, offsetY);
+  }
+  _isPrimaryButton(evt) {
+    const native = evt && evt.event ? evt.event : evt;
+    if (native && native.button != null) return native.button === 0;
+    if (evt && evt.which != null) return evt.which === 1;
+    return true;
+  }
   unbindChart(laneId) {
     const bind = this.binds.get(laneId);
     if (!bind) return;
@@ -4159,7 +4268,6 @@ class TrendLineManager {
       if (chart && typeof chart.getZr === "function") {
         const zr = chart.getZr();
         if (zr) {
-          if (bind.onZrDown) zr.off("mousedown", bind.onZrDown);
           if (bind.onZrMove) zr.off("mousemove", bind.onZrMove);
           if (bind.onDblClick) zr.off("dblclick", bind.onDblClick);
           if (bind.onZoom) zr.off("mousewheel", bind.onZoom);
@@ -4170,11 +4278,10 @@ class TrendLineManager {
       }
     } catch (e) {
     }
-    delete this._seriesIds[laneId];
+    delete this._graphicIds[laneId];
     if (bind) {
       bind.chart = null;
       bind.dom = null;
-      bind.onZrDown = null;
       bind.onZrMove = null;
       bind.onDblClick = null;
       bind.onZoom = null;
@@ -4216,18 +4323,33 @@ class TrendLineManager {
     }
     return false;
   }
-  // 趋势线已是笛卡尔 series，dataZoom 带着走；这些入口留给旧调用方，不再像素跟帧。8.25
+  // graphic：缩放/平移按 knot.depth 重算像素。8.31
   scheduleZoomRender() {
+    this._scheduleZoomTrendPatch("*");
+  }
+  /**
+   * 泳道图表 resize 后重算 graphic 像素。
+   * 趋势线是绝对像素，autoresize 只调 chart.resize 不会带动 graphic；
+   * 不补这一步会表现为回显偏左，点选泳道后 scheduleRender 才往右跳。8.31
+   */
+  onChartResized(laneId) {
+    if (!this.hasAnyKnots()) return;
+    this._scheduleZoomTrendPatch(laneId != null ? laneId : "*");
   }
   beginPanFollow() {
   }
+  /** 平移跟帧：只排一帧，不补第二帧（缩放才需要等轴就绪）。8.31 */
   tickPanFollow() {
+    this._scheduleZoomTrendPatch("*", { followUp: false });
   }
   endPanFollow() {
+    this._scheduleZoomTrendPatch("*");
   }
   endFollowView() {
+    this._scheduleZoomTrendPatch("*");
   }
   _patchAllPositions() {
+    this._scheduleZoomTrendPatch("*");
   }
   _isTrendSeriesOpt(series) {
     if (!series) return false;
@@ -4264,262 +4386,208 @@ class TrendLineManager {
       yAxisIndex: info && info.yAxisIndex != null ? info.yAxisIndex : 0
     };
   }
-  _buildOneTrendSeries(id, data, lineStyle, pointStyle, xAxisIndex, yAxisIndex) {
-    return {
-      id,
-      name: "trend",
-      type: "line",
-      data,
-      xAxisIndex,
-      yAxisIndex,
-      clip: true,
-      animation: false,
-      silent: true,
-      large: false,
-      z: TREND_LINE_Z,
-      zlevel: 0,
-      symbol: "circle",
-      symbolSize: 8,
-      showSymbol: true,
-      hoverAnimation: false,
-      legendHoverLink: false,
-      connectNulls: false,
-      tooltip: { show: false },
-      emphasis: { disabled: true },
-      lineStyle: {
-        color: lineStyle.stroke,
-        width: lineStyle.lineWidth,
-        type: lineStyle.lineDash || "solid"
-      },
-      itemStyle: {
-        color: pointStyle.fill,
-        borderColor: pointStyle.stroke,
-        borderWidth: pointStyle.lineWidth
-      }
-    };
+  _lineStyleFor(line, segments, role = "main") {
+    if (role === "mirror") return TREND_MIRROR_LINE_STYLE;
+    return this._useGammaStyle(line, segments) ? TREND_DOUBLE_LINE_STYLE : TREND_LINE_STYLE;
   }
-  _knotPoint(x, depth) {
-    return { value: [x, depth], symbol: "circle", symbolSize: 8 };
+  _pointStyleFor(line, segments, role = "main") {
+    if (role === "mirror") return TREND_MIRROR_POINT_STYLE;
+    return this._useGammaStyle(line, segments) ? TREND_DOUBLE_POINT_STYLE : TREND_POINT_STYLE;
   }
-  _segSeriesData(knots, role) {
-    const raw = [];
-    for (let i = 0; i < (knots || []).length; i++) {
-      const knot = knots[i];
-      const x = this._knotDrawX(knot, role);
-      const depth = Number(knot && knot.depth);
-      if (x == null || !Number.isFinite(depth)) continue;
-      raw.push([x, depth]);
-    }
-    if (raw.length < 2) {
-      return raw.map((p) => this._knotPoint(p[0], p[1]));
-    }
-    const data = [];
-    for (let i = 0; i < raw.length - 1; i++) {
-      const a = raw[i];
-      const b = raw[i + 1];
-      data.push(this._knotPoint(a[0], a[1]));
-      const span = Math.abs(b[1] - a[1]);
-      const n = Math.min(160, Math.max(0, Math.floor(span / 4)));
-      for (let k = 1; k < n; k++) {
-        const t = k / n;
-        data.push({
-          value: [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t],
-          symbol: "none"
-        });
-      }
-    }
-    const last = raw[raw.length - 1];
-    data.push(this._knotPoint(last[0], last[1]));
-    return data;
+  _safeKey(key) {
+    return String(key || "").replace(/[^a-zA-Z0-9_\-.:]/g, "_");
   }
-  /** 曲线仍 weakFilter；趋势线点太稀，滤掉窗外控制点后穿过视窗的线会断。8.25 */
-  applyDataZoomSkipTrend(option) {
-    if (!option) return;
-    const raw = option.dataZoom;
-    if (!raw) return;
-    const list = Array.isArray(raw) ? raw : [raw];
-    const indexes = [];
-    const series = option.series || [];
-    for (let i = 0; i < series.length; i++) {
-      if (!this._isTrendSeriesOpt(series[i])) indexes.push(i);
+  _listNonTrendGraphics(chart) {
+    if (!chart || chart.isDisposed()) return [];
+    try {
+      const list = chart.getModel().queryComponents({ mainType: "graphic" }) || [];
+      return list.map((g) => g && g.option || g).filter((g) => {
+        const id = g && g.id;
+        return id && String(id).indexOf("trend_") !== 0;
+      }).map((g) => ({ ...g }));
+    } catch (e) {
+      return [];
     }
-    if (!indexes.length) return;
-    list.forEach((dz) => {
-      if (dz) dz.seriesIndex = indexes;
-    });
   }
-  dataZoomSeriesIndex(chart) {
-    if (!chart || chart.isDisposed()) return null;
+  _listLiveTrendGraphicIds(chart) {
+    if (!chart || chart.isDisposed()) return [];
     try {
-      const list = chart.getModel().getSeries() || [];
-      const indexes = [];
+      const list = chart.getModel().queryComponents({ mainType: "graphic" }) || [];
+      const ids = [];
       for (let i = 0; i < list.length; i++) {
-        const sm = list[i];
-        const opt = sm && sm.option || {};
-        const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
-        if (this._isTrendSeriesOpt({ name, id: opt.id })) continue;
-        if (sm.seriesIndex != null) indexes.push(sm.seriesIndex);
+        const opt = list[i] && list[i].option || list[i];
+        const id = opt && opt.id;
+        if (id && String(id).indexOf("trend_") === 0) ids.push(id);
       }
-      return indexes.length ? indexes : null;
+      return ids;
     } catch (e) {
-      return null;
+      return [];
     }
   }
-  /** 笛卡尔 [曲线值, 井深]；对数道 X 已是 lg。和曲线共用轴，dataZoom 同一帧带走。8.25 */
-  _buildTrendSeries(target, xAxisIndex, yAxisIndex) {
-    const list = [];
-    const { key, segments, line } = target;
-    const canMirror = this._canMirror(line, segments);
-    const doubleLine = this._useGammaStyle(line, segments);
-    const mainLineStyle = doubleLine ? TREND_DOUBLE_LINE_STYLE : TREND_LINE_STYLE;
-    const mainPointStyle = doubleLine ? TREND_DOUBLE_POINT_STYLE : TREND_POINT_STYLE;
-    (segments || []).forEach((seg) => {
-      const knots = seg.knots || [];
-      if (!knots.length) return;
-      list.push(
-        this._buildOneTrendSeries(
-          `trend_${key}_${seg.id}`,
-          this._segSeriesData(knots, "main"),
-          mainLineStyle,
-          mainPointStyle,
-          xAxisIndex,
-          yAxisIndex
-        )
-      );
-      if (!canMirror) return;
-      const mirror = this._segSeriesData(knots, "mirror");
-      if (!mirror.length) return;
-      list.push(
-        this._buildOneTrendSeries(
-          `trend_mirror_${key}_${seg.id}`,
-          mirror,
-          TREND_MIRROR_LINE_STYLE,
-          TREND_MIRROR_POINT_STYLE,
-          xAxisIndex,
-          yAxisIndex
-        )
+  _stripResidualTrendSeries(chart) {
+    if (!chart || chart.isDisposed()) return;
+    const ids = this._chartTrendSeriesIds(chart);
+    if (!ids.length) return;
+    try {
+      chart.setOption(
+        { series: ids.map((id) => ({ id, $action: "remove" })) },
+        { silent: true, lazyUpdate: false }
       );
-    });
-    return list;
+    } catch (e) {
+    }
   }
-  /** 刷 option 时给该道补上趋势 series，所有有控制点的泳道都会走。8.25 */
-  appendSeriesToOption(option, lane) {
-    if (!option || !lane) return option;
-    if (!Array.isArray(option.series)) option.series = [];
-    option.series = option.series.filter((s) => !this._isTrendSeriesOpt(s));
-    const targets = this.listDrawableTargets().filter(
-      (t) => String(t.laneId) === String(lane.laneId)
-    );
-    const added = [];
-    targets.forEach((target) => {
-      const curve = this._findCurveSeriesInOption(option, target.paramId);
-      if (!curve) return;
-      const xAxisIndex = curve.xAxisIndex == null ? 0 : Number(curve.xAxisIndex);
-      const yAxisIndex = curve.yAxisIndex == null ? 0 : Number(curve.yAxisIndex);
-      added.push(...this._buildTrendSeries(target, xAxisIndex, yAxisIndex));
+  /**
+   * 控制点显示像素：按真实 depth 换算（不夹紧到视窗）。
+   * 视窗外不画点（线仍用真实像素跟缩放）；视窗内贴边仅微内收，避免钉死顶/底。8.31
+   */
+  _knotDisplayPixel(chart, target, knot, role = "main") {
+    const px = this._knotPixel(chart, target, knot, role);
+    if (!px || !Number.isFinite(px[0]) || !Number.isFinite(px[1])) return null;
+    const axis = this._curveAxisOf(chart, target);
+    const rect = getGridPixelRect(chart, axis.yAxisIndex);
+    if (!rect) return px;
+    const r = this._KNOT_R;
+    let cx = px[0];
+    let cy = px[1];
+    if (cy < rect.top - r || cy > rect.bottom + r) return null;
+    if (cx < rect.left - r || cx > rect.right + r) return null;
+    if (cy < rect.top + r) cy = rect.top + r;
+    else if (cy > rect.bottom - r) cy = rect.bottom - r;
+    if (cx < rect.left + r) cx = rect.left + r;
+    else if (cx > rect.right - r) cx = rect.right - r;
+    return [cx, cy];
+  }
+  _buildTrendGraphics(chart, targets, { activeKnot = null } = {}) {
+    const elements = [];
+    (targets || []).forEach((target) => {
+      const canMirror = this._canMirror(target.line, target.segments);
+      const key = this._safeKey(target.key);
+      let flatIdx = 0;
+      (target.segments || []).forEach((seg) => {
+        const knots = seg.knots || [];
+        for (let i = 0; i < knots.length - 1; i++) {
+          const roles = canMirror ? ["main", "mirror"] : ["main"];
+          roles.forEach((role) => {
+            const px1 = this._knotPixel(chart, target, knots[i], role);
+            const px2 = this._knotPixel(chart, target, knots[i + 1], role);
+            if (!px1 || !px2 || !Number.isFinite(px1[0]) || !Number.isFinite(px1[1]) || !Number.isFinite(px2[0]) || !Number.isFinite(px2[1])) {
+              return;
+            }
+            const lineStyle = this._lineStyleFor(target.line, target.segments, role);
+            const id = role === "mirror" ? `trend_mirror_${key}_${seg.id}_${i}` : `trend_line_${key}_${seg.id}_${i}`;
+            elements.push({
+              type: "line",
+              id,
+              shape: { x1: px1[0], y1: px1[1], x2: px2[0], y2: px2[1] },
+              style: {
+                stroke: lineStyle.stroke,
+                lineWidth: lineStyle.lineWidth,
+                lineDash: lineStyle.lineDash || void 0
+              },
+              z: role === "mirror" ? TREND_LINE_Z - 1 : TREND_LINE_Z,
+              silent: true
+            });
+          });
+        }
+        knots.forEach((knot, i) => {
+          const px = this._knotDisplayPixel(chart, target, knot, "main");
+          if (px) {
+            const pointStyle2 = this._pointStyleFor(target.line, target.segments, "main");
+            const active = activeKnot === knot;
+            elements.push({
+              type: "circle",
+              id: `trend_pt_${key}_${flatIdx}`,
+              shape: { cx: px[0], cy: px[1], r: active ? 5 : this._KNOT_R },
+              style: {
+                fill: pointStyle2.fill,
+                stroke: pointStyle2.stroke,
+                lineWidth: pointStyle2.lineWidth
+              },
+              z: TREND_POINT_Z,
+              silent: true,
+              cursor: target.editable ? "pointer" : "default"
+            });
+          }
+          flatIdx++;
+          if (!canMirror) return;
+          const mx = this._knotDisplayPixel(chart, target, knot, "mirror");
+          if (!mx) return;
+          const pointStyle = this._pointStyleFor(target.line, target.segments, "mirror");
+          elements.push({
+            type: "circle",
+            id: `trend_mirror_pt_${key}_${seg.id}_${i}`,
+            shape: { cx: mx[0], cy: mx[1], r: this._KNOT_R },
+            style: {
+              fill: pointStyle.fill,
+              stroke: pointStyle.stroke,
+              lineWidth: pointStyle.lineWidth
+            },
+            z: TREND_POINT_Z,
+            silent: true,
+            cursor: target.editable ? "pointer" : "default"
+          });
+        });
+      });
     });
-    option.series.push(...added);
-    this._seriesIds[lane.laneId] = added.map((s) => s.id);
-    this.applyDataZoomSkipTrend(option);
-    return option;
+    return elements;
   }
-  _clearLeftoverGraphic(chart) {
-    if (!chart || chart.isDisposed() || this._graphicCleared.has(chart)) return;
-    this._graphicCleared.add(chart);
-    try {
-      chart.setOption({ graphic: [] }, { replaceMerge: ["graphic"], silent: true, lazyUpdate: false });
-    } catch (e) {
+  /** 刷 option 时去掉残留趋势 series；不把 graphic 像素写入缓存。8.31 */
+  appendSeriesToOption(option) {
+    if (!option) return option;
+    if (Array.isArray(option.series)) {
+      option.series = option.series.filter((s) => !this._isTrendSeriesOpt(s));
     }
+    if (Array.isArray(option.graphic)) {
+      option.graphic = option.graphic.filter((g) => !(g && g.id && String(g.id).indexOf("trend_") === 0));
+    } else if (option.graphic && Array.isArray(option.graphic.elements)) {
+      option.graphic.elements = option.graphic.elements.filter(
+        (g) => !(g && g.id && String(g.id).indexOf("trend_") === 0)
+      );
+    }
+    return option;
   }
   renderAll(forceReplace = false) {
     const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
     lanes.forEach((lane) => this.renderLane(lane.laneId, forceReplace));
   }
-  /** 用笛卡尔 series 画趋势线；平移/缩放交给 dataZoom，不跟像素。8.25 */
+  /** graphic 全量 setOption；缩放/拖拽后按 depth 重算。8.31 */
   renderLane(laneId, forceReplace = false) {
     if (!this._alive()) return;
     const chart = this.getChart(laneId);
     if (!chart) return;
-    this._clearLeftoverGraphic(chart);
+    this._stripResidualTrendSeries(chart);
     const targets = this.listDrawableTargets().filter(
       (t) => String(t.laneId) === String(laneId)
     );
-    const next = [];
-    targets.forEach((target) => {
-      const axis = this._curveAxisOf(chart, target);
-      next.push(...this._buildTrendSeries(target, axis.xAxisIndex, axis.yAxisIndex));
+    const hasKnots = targets.some((t) => this._hasTrendKnots(t.segments));
+    const trendEls = this._buildTrendGraphics(chart, targets, {
+      activeKnot: this.dragSession && this.dragSession.knot
     });
-    const nextIds = next.map((s) => s.id);
-    const nextSet = new Set(nextIds);
-    const liveIds = this._chartTrendSeriesIds(chart);
-    const prevIds = [.../* @__PURE__ */ new Set([...this._seriesIds[laneId] || [], ...liveIds])];
-    const replace = !!(forceReplace && !this.dragSession);
-    const patch = next.map((s) => ({
-      ...s,
-      data: s.data || [],
-      $action: replace ? "replace" : "merge"
-    }));
-    prevIds.forEach((id) => {
-      if (!nextSet.has(id)) patch.push({ id, $action: "remove" });
-    });
-    if (patch.length) {
-      try {
-        chart.setOption({ series: patch }, { silent: true, lazyUpdate: false });
-      } catch (e) {
-      }
+    if (hasKnots && !trendEls.length && !forceReplace) return;
+    const others = this._listNonTrendGraphics(chart);
+    const elements = [...others, ...trendEls];
+    try {
+      chart.setOption(
+        { graphic: { elements } },
+        { replaceMerge: ["graphic"], silent: true, lazyUpdate: false }
+      );
+    } catch (e) {
     }
-    this._seriesIds[laneId] = nextIds;
+    this._graphicIds[laneId] = trendEls.map((el) => el.id).filter(Boolean);
     if (!this.dragSession) this._syncCachedOption(laneId);
-    if (this.dragSession) {
-      this.updateCursor(laneId);
-      return;
-    }
-    const idsChanged = nextIds.length !== prevIds.length || nextIds.some((id, i) => id !== prevIds[i]);
-    if (idsChanged) {
-      const skip = this.dataZoomSeriesIndex(chart);
-      if (skip && skip.length) {
-        try {
-          const dz = chart.getModel().getComponent("dataZoom", 0);
-          const opt = dz && dz.option;
-          const next2 = { seriesIndex: skip };
-          if (opt) {
-            if (opt.start != null) next2.start = opt.start;
-            if (opt.end != null) next2.end = opt.end;
-            if (opt.startValue != null) next2.startValue = opt.startValue;
-            if (opt.endValue != null) next2.endValue = opt.endValue;
-          }
-          chart.setOption({ dataZoom: [next2] }, { silent: true, lazyUpdate: true });
-        } catch (e) {
-        }
-      }
-    }
     this.updateCursor(laneId);
   }
-  /** 把当前 store 写回 allOptions，避免随后 notMerge 用旧趋势 series 把点盖回去。8.25 */
+  /** 缓存只清趋势 series，不写 graphic 像素。8.31 */
   _syncCachedOption(laneId) {
     const host = this.host;
     if (!host || typeof host.getOptionsByLineId !== "function") return null;
     const option = host.getOptionsByLineId(laneId);
-    if (!option || !Array.isArray(option.series)) return null;
-    const lanes = host.currentTemplate && host.currentTemplate.lanes || [];
-    const lane = lanes.find((l) => l.laneId === laneId);
-    if (!lane) return null;
-    this.appendSeriesToOption(option, lane);
+    if (!option) return null;
+    this.appendSeriesToOption(option);
     return option;
   }
-  /** 删点后走整份 option 替换，ECharts 才会丢掉缩短后的旧 data。8.25 */
   _flushLane(laneId) {
-    const option = this._syncCachedOption(laneId);
-    if (option && this.host && typeof this.host.flushLaneChartOption === "function") {
-      option.__kdTrendSynced = true;
-      try {
-        this.host.flushLaneChartOption(laneId, option);
-      } finally {
-        delete option.__kdTrendSynced;
-      }
-      this.updateCursor(laneId);
-      return;
-    }
+    this._syncCachedOption(laneId);
     this.renderLane(laneId, true);
   }
   _chartTrendSeriesIds(chart) {
@@ -4539,6 +4607,59 @@ class TrendLineManager {
       return [];
     }
   }
+  applyDataZoomSkipTrend(option) {
+    if (!option || !Array.isArray(option.series)) return;
+    option.series = option.series.filter((s) => !this._isTrendSeriesOpt(s));
+  }
+  ensureDataZoomSkipsTrend(chart) {
+    this._stripResidualTrendSeries(chart);
+  }
+  dataZoomSeriesIndex(chart) {
+    if (!chart || chart.isDisposed()) return null;
+    try {
+      const list = chart.getModel().getSeries() || [];
+      const indexes = [];
+      for (let i = 0; i < list.length; i++) {
+        const sm = list[i];
+        const opt = sm && sm.option || {};
+        const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
+        const id = opt.id || sm.id;
+        if (this._isTrendSeriesOpt({ name, id })) continue;
+        indexes.push(i);
+      }
+      return indexes;
+    } catch (e) {
+      return null;
+    }
+  }
+  /** 滚轮缩放：每帧最多重画一次；followUp 时再补一帧对齐轴。8.31 */
+  _scheduleZoomTrendPatch(laneId, opts = {}) {
+    if (this._destroyed || this.dragSession) return;
+    const followUp = opts.followUp !== false;
+    if (laneId != null && laneId !== "*") this._zoomTrendPatchLanes.add(laneId);
+    else {
+      const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
+      lanes.forEach((l) => l && l.laneId != null && this._zoomTrendPatchLanes.add(l.laneId));
+    }
+    if (followUp) this._zoomTrendNeedFollowUp = true;
+    if (this._zoomTrendPatchRaf) return;
+    this._zoomTrendPatchRaf = requestAnimationFrame(() => {
+      this._zoomTrendPatchRaf = 0;
+      if (this._destroyed || this.dragSession) return;
+      const lanes = Array.from(this._zoomTrendPatchLanes);
+      this._zoomTrendPatchLanes.clear();
+      const needFollowUp = this._zoomTrendNeedFollowUp;
+      this._zoomTrendNeedFollowUp = false;
+      lanes.forEach((id) => this.renderLane(id, false));
+      if (!needFollowUp) return;
+      if (this._zoomTrendPatchRaf2) cancelAnimationFrame(this._zoomTrendPatchRaf2);
+      this._zoomTrendPatchRaf2 = requestAnimationFrame(() => {
+        this._zoomTrendPatchRaf2 = 0;
+        if (this._destroyed || this.dragSession) return;
+        lanes.forEach((id) => this.renderLane(id, false));
+      });
+    });
+  }
   _findKnotAtPointer(chart, target, offsetX, offsetY, radius = TREND_HIT_RADIUS) {
     let best = null;
     let bestDist = radius;
@@ -4547,7 +4668,7 @@ class TrendLineManager {
       const knots = seg.knots || [];
       for (let i = 0; i < knots.length; i++) {
         const knot = knots[i];
-        const px = this._knotPixel(chart, target, knot);
+        const px = this._knotHitPixel(chart, target, knot);
         if (px) {
           const dist = Math.hypot(px[0] - offsetX, px[1] - offsetY);
           if (dist <= bestDist) {
@@ -4556,7 +4677,7 @@ class TrendLineManager {
           }
         }
         if (!canMirror) continue;
-        const mx = this._knotPixel(chart, target, knot, "mirror");
+        const mx = this._knotHitPixel(chart, target, knot, "mirror");
         if (!mx) continue;
         const mirrorDist = Math.hypot(mx[0] - offsetX, mx[1] - offsetY);
         if (mirrorDist <= bestDist) {
@@ -4569,6 +4690,7 @@ class TrendLineManager {
   }
   /** 单击空白处加点；延迟执行以便和双击断段区分。命中已有点则不加点。返回 true 表示已消费本次点击。8.21 */
   handleClick(e, laneId) {
+    if (!this._isTrendDrawEnabled()) return false;
     if (!this._alive()) return false;
     if (this.dragSession) {
       this._endDrag(true);
@@ -4586,13 +4708,14 @@ class TrendLineManager {
     this._clearClickTimer();
     this.clickTimer = setTimeout(() => {
       this.clickTimer = null;
-      if (!this._alive()) return;
+      if (!this._alive() || !this._isTrendDrawEnabled()) return;
       this._addPoint(chart, target, offsetX, offsetY);
     }, TREND_CLICK_DELAY_MS);
     return true;
   }
   /** 双击空白处断开当前段；会清掉单击定时器，避免双击再打出一个点。8.21 */
   handleDblClick(e, laneId) {
+    if (!this._isTrendDrawEnabled()) return false;
     this._clearClickTimer();
     const target = this.getTargetByLane(laneId);
     if (!target || !target.editable) return false;
@@ -4610,6 +4733,7 @@ class TrendLineManager {
   }
   /** 右键命中控制点时弹出「删除控制点」。打开菜单时不要 setOption，否则会吞掉菜单点击。8.21 */
   handleContextMenu(e, laneId) {
+    if (!this._isTrendDrawEnabled()) return false;
     const target = this.getTargetByLane(laneId);
     if (!target || !target.editable) return false;
     const chart = this.getChart(laneId);
@@ -4634,6 +4758,10 @@ class TrendLineManager {
   /** 指针靠近控制点时先停地应力平移，按下时才来得及拖点。8.22 */
   onZrHover(e, laneId) {
     if (!this._alive()) return;
+    if (!this._isTrendDrawEnabled()) {
+      if (this._panLockedByHover) this._setPanLocked(false, true);
+      return;
+    }
     if (this.dragSession) {
       e.__ecRoamConsumed = true;
       if (typeof e.stop === "function") e.stop();
@@ -4663,12 +4791,15 @@ class TrendLineManager {
   }
   /** 左键拖点与右键删点同一套命中（zr offset + _findKnotAtPointer）。8.25 */
   onZrMouseDown(e, laneId) {
+    var _a;
     if (!this._alive()) return;
-    if (e.which != null && e.which !== 1 && e.event && e.event.button !== 0) return;
+    if (!this._isTrendDrawEnabled()) return;
+    if (!this._isPrimaryButton(e)) return;
     if (this.dragSession) {
-      e.__ecRoamConsumed = true;
-      if (typeof e.stop === "function") e.stop();
-      this._endDrag(true);
+      if (e && e.event) {
+        e.event.preventDefault();
+        e.event.stopPropagation();
+      }
       return;
     }
     const target = this.getTargetByLane(laneId);
@@ -4677,15 +4808,18 @@ class TrendLineManager {
     const { offsetX, offsetY } = eventOffsetInChart(chart, e);
     const hit = this._findKnotAtPointer(chart, target, offsetX, offsetY);
     if (!hit) return;
+    const native = e.event || e;
+    if (native) {
+      native.preventDefault();
+      native.stopPropagation();
+      (_a = native.stopImmediatePropagation) == null ? void 0 : _a.call(native);
+    }
+    if (e && typeof e.stop === "function") e.stop();
     e.__ecRoamConsumed = true;
-    if (typeof e.stop === "function") e.stop();
     e.cancelBubble = true;
-    if (e.event) {
-      e.event.preventDefault();
-      e.event.stopPropagation();
-    }
     this._clearClickTimer();
     this.activeKey = target.key;
+    this._setPanLocked(true, true);
     this._startDrag(chart, target, hit.knot, e, hit.role);
   }
   /** 沿深度增大方向追加控制点；曲线值限制在该线 min/max 内。8.21 */
@@ -4722,18 +4856,73 @@ class TrendLineManager {
       this._stripSegMirror(seg);
       knot = { ...knotDraft };
     } else if (isMoxingCalc(target.line) && seg.lithType) {
-      knot = {
-        ...knotDraft,
-        mirrorValue: this._calcMirrorValue(value, seg, chart, target.paramId, depth)
-      };
-      if (knotDraft.plotValue != null) {
-        knot.plotMirrorValue = this._calcMirrorValue(knotDraft.plotValue, seg, chart, target.paramId, depth);
-      }
+      const landing = this._getLandingLithType(target, seg);
+      knot = this._buildKnotForLith(chart, target, seg, depth, clickX, landing);
     }
     seg.knots = [...rest, knot].sort((a, b) => a.depth - b.depth);
     this.renderLane(target.laneId);
     this._emitChange(target, { redraw: false });
   }
+  /** 下次单击落点岩性：门限编辑 landingLithType > 主线 lithType。8.31 */
+  _getLandingLithType(target, seg) {
+    const cfg = target && target.line && target.line.doubleConfig || {};
+    return cfg.landingLithType || this._landingLithByParam[String(target.paramId)] || seg && seg.lithType || cfg.lithType || "mudstone";
+  }
+  /** 门限编辑确定后设置下次落点岩性（不改主/镜像配置）。8.31 */
+  setLandingLithType(paramId, lithType) {
+    const found = this._findLineByParamId(paramId);
+    if (!found) return;
+    const next = lithType === "sandstone" ? "sandstone" : "mudstone";
+    this._landingLithByParam[String(paramId)] = next;
+    if (found.line) {
+      found.line.doubleConfig = {
+        ...found.line.doubleConfig || {},
+        landingLithType: next
+      };
+    }
+  }
+  /**
+   * 按目标岩性写主线或镜像：seg.lithType 是主线岩性，另一侧是镜像。
+   * 对齐 geosteering _addGammaKnotForLith。8.31
+   */
+  _buildKnotForLith(chart, target, seg, depth, clickX, targetLith) {
+    const existing = (seg.knots || []).find((k) => Math.abs(k.depth - depth) < 0.05);
+    const knot = existing ? { ...existing, depth } : { depth };
+    const role = seg.lithType === targetLith ? "main" : "mirror";
+    this._applyPointerValue(chart, target, knot, depth, clickX, role);
+    this._fillKnotOtherSide(chart, target, seg, knot);
+    return knot;
+  }
+  /** 只填了一侧时，按偏移补另一侧。8.31 */
+  _fillKnotOtherSide(chart, target, seg, knot) {
+    const hasMain = knot.value != null && Number.isFinite(Number(knot.value));
+    const hasMirror = knot.mirrorValue != null && Number.isFinite(Number(knot.mirrorValue));
+    if (hasMain && !hasMirror) {
+      knot.mirrorValue = this._calcMirrorValue(Number(knot.value), seg, chart, target.paramId, knot.depth);
+      if (knot.plotValue != null && Number.isFinite(Number(knot.plotValue))) {
+        knot.plotMirrorValue = this._calcMirrorValue(
+          Number(knot.plotValue),
+          seg,
+          chart,
+          target.paramId,
+          knot.depth
+        );
+      }
+      return;
+    }
+    if (hasMirror && !hasMain) {
+      knot.value = this._calcMainFromMirror(Number(knot.mirrorValue), seg, chart, target.paramId, knot.depth);
+      if (knot.plotMirrorValue != null && Number.isFinite(Number(knot.plotMirrorValue))) {
+        knot.plotValue = this._calcMainFromMirror(
+          Number(knot.plotMirrorValue),
+          seg,
+          chart,
+          target.paramId,
+          knot.depth
+        );
+      }
+    }
+  }
   /** 取未关闭的最后一段；没有或已 _closed 则开新段。8.21 */
   _ensureActiveSegment(key) {
     if (!this.store[key]) this.store[key] = { segments: [] };
@@ -4811,10 +5000,12 @@ class TrendLineManager {
   _flushTrendLanes(prev) {
     const laneIds = /* @__PURE__ */ new Set();
     (prev || []).forEach((t) => t.laneId && laneIds.add(t.laneId));
-    Object.keys(this._seriesIds).forEach((id) => laneIds.add(id));
+    Object.keys(this._graphicIds).forEach((id) => laneIds.add(id));
     this.binds.forEach((_, laneId) => {
       const chart = this.getChart(laneId);
-      if (chart && this._chartTrendSeriesIds(chart).length) laneIds.add(laneId);
+      if (chart && (this._listLiveTrendGraphicIds(chart).length || this._chartTrendSeriesIds(chart).length)) {
+        laneIds.add(laneId);
+      }
     });
     if (!laneIds.size) {
       this.renderAll(true);
@@ -4947,22 +5138,40 @@ class TrendLineManager {
       if (startStamp != null && ev.timeStamp === startStamp) return;
       this._endDrag(true);
     };
-    const { offsetX, offsetY } = eventOffsetInChart(chart, nativeEvent);
-    const px = this._knotPixel(chart, target, knot, role);
+    const { offsetX, offsetY } = eventOffsetInChartRaw(chart, nativeEvent);
+    const px = this._knotDisplayPixel(chart, target, knot, role) || this._knotPixel(chart, target, knot, role);
+    const dom = chart.getDom();
+    const native = nativeEvent && nativeEvent.event || nativeEvent;
+    let pointerId = null;
+    if (dom && native && native.pointerId != null && dom.setPointerCapture) {
+      try {
+        dom.setPointerCapture(native.pointerId);
+        pointerId = native.pointerId;
+      } catch (err) {
+      }
+    }
     this.dragSession = {
       chart,
       target,
       knot,
       role,
+      dom,
+      pointerId,
       onMove,
       onUp,
       onClickEnd,
+      dragOutsideFrozen: false,
       grabDX: px ? px[0] - offsetX : 0,
       grabDY: px ? px[1] - offsetY : 0
     };
     window.addEventListener("mousemove", onMove);
     window.addEventListener("mouseup", onUp);
     window.addEventListener("mousedown", onClickEnd, true);
+    if (dom) {
+      dom.addEventListener("pointermove", onMove);
+      dom.addEventListener("pointerup", onUp);
+      dom.addEventListener("pointercancel", onUp);
+    }
     this.updateCursor(target.laneId);
   }
   _unbindDragWindow() {
@@ -4973,28 +5182,54 @@ class TrendLineManager {
     if (session.onClickEnd) {
       window.removeEventListener("mousedown", session.onClickEnd, true);
     }
+    const dom = session.dom;
+    if (dom) {
+      if (session.onMove) {
+        dom.removeEventListener("pointermove", session.onMove);
+        dom.removeEventListener("pointerup", session.onUp);
+        dom.removeEventListener("pointercancel", session.onUp);
+      }
+      if (session.pointerId != null && dom.releasePointerCapture) {
+        try {
+          dom.releasePointerCapture(session.pointerId);
+        } catch (err) {
+        }
+      }
+    }
     this.dragSession = null;
   }
-  /** 拖拽时点跟着鼠标走；夹在相邻点之间，不能越过前后控制点。8.21 */
+  /** 拖拽：网格内跟手；出界夹到 grid 边。画面用 graphic，贴边点不消失。8.31 */
   _onDragMove(nativeEvent) {
     if (!this._alive()) return;
     const session = this.dragSession;
     if (!session) return;
     const { chart, target, knot, role } = session;
-    const pos = eventOffsetInChart(chart, nativeEvent);
-    const offsetX = pos.offsetX + (session.grabDX || 0);
-    const offsetY = pos.offsetY + (session.grabDY || 0);
+    const axis = this._curveAxisOf(chart, target);
+    const raw = eventOffsetInChartRaw(chart, nativeEvent);
+    let offsetX = raw.offsetX + (session.grabDX || 0);
+    let offsetY = raw.offsetY + (session.grabDY || 0);
+    if (isPointerInGrid(chart, offsetX, offsetY, axis.yAxisIndex)) {
+      session.dragOutsideFrozen = false;
+    } else {
+      if (session.dragOutsideFrozen) {
+        this.renderLane(target.laneId);
+        return;
+      }
+      const edge = clampPointerToGrid(chart, offsetX, offsetY, axis.yAxisIndex);
+      offsetX = edge.offsetX;
+      offsetY = edge.offsetY;
+      session.dragOutsideFrozen = true;
+    }
     const data = this._pixelToDragTrend(chart, target, offsetX, offsetY);
-    if (!data) return;
+    if (!data || data.value == null) return;
     const range = this._drawValueRange(target, chart, data.depth);
     let depth = snapDepthToEdge(data.depth, range.depthMin, range.depthMax, DEPTH_EDGE_SNAP);
-    if (data.value == null) return;
     const clickX = Math.max(range.valueMin, Math.min(range.valueMax, data.value));
     const all = this._allKnots(target.key);
     const idx = all.indexOf(knot);
     if (idx > 0) depth = Math.max(depth, all[idx - 1].depth);
     if (idx >= 0 && idx < all.length - 1) depth = Math.min(depth, all[idx + 1].depth);
-    knot.depth = parseFloat(depth.toFixed(3));
+    knot.depth = depth;
     this._applyPointerValue(chart, target, knot, knot.depth, clickX, role);
     this.renderLane(target.laneId);
   }
@@ -5022,6 +5257,20 @@ class TrendLineManager {
       this.host.setInsideDataZoomPanEnabled(true);
     }
     this._ignoreClickUntil = Date.now() + 300;
+    const knot = session.knot;
+    if (knot) {
+      if (Number.isFinite(Number(knot.depth))) knot.depth = parseFloat(Number(knot.depth).toFixed(3));
+      if (Number.isFinite(Number(knot.value))) knot.value = parseFloat(Number(knot.value).toFixed(3));
+      if (knot.mirrorValue != null && Number.isFinite(Number(knot.mirrorValue))) {
+        knot.mirrorValue = parseFloat(Number(knot.mirrorValue).toFixed(3));
+      }
+      if (knot.plotValue != null && Number.isFinite(Number(knot.plotValue))) {
+        knot.plotValue = parseFloat(Number(knot.plotValue).toFixed(3));
+      }
+      if (knot.plotMirrorValue != null && Number.isFinite(Number(knot.plotMirrorValue))) {
+        knot.plotMirrorValue = parseFloat(Number(knot.plotMirrorValue).toFixed(3));
+      }
+    }
     this.updateCursor(session.target.laneId);
     this.renderLane(session.target.laneId, true);
     this._syncCachedOption(session.target.laneId);
@@ -5058,13 +5307,31 @@ class TrendLineManager {
       this.scheduleRender();
     }
   }
-  /** 手动填写不画镜像；模型计算或回显数据里已有 mirrorValue 则画第二条线。8.22 */
+  /** 模板里是否有 isDraw，表示处于趋势线编辑态。8.31 */
+  _isTrendEditing() {
+    if (!this.host) return false;
+    const lanes = this.host.currentTemplate && this.host.currentTemplate.lanes || [];
+    for (let i = 0; i < lanes.length; i++) {
+      const lines = lanes[i] && lanes[i].lines || [];
+      for (let j = 0; j < lines.length; j++) {
+        if (isLineDrawable(lines[j])) return true;
+      }
+    }
+    return false;
+  }
+  /**
+   * 是否画镜像（砂岩）线。
+   * 未编辑：严格按回显，有 mirrorValue 就画双线（不被残留的 calcType=hand 挡住）。
+   * 编辑中：手动填写只画主线；模型计算画双线。8.31
+   */
   _canMirror(line, segments) {
-    if (isHandCalc(line)) return false;
-    if (isMoxingCalc(line)) return true;
-    return (segments || []).some(
+    const hasMirrorData = (segments || []).some(
       (seg) => (seg.knots || []).some((k) => k.mirrorValue != null && Number.isFinite(Number(k.mirrorValue)))
     );
+    if (!this._isTrendEditing()) return hasMirrorData;
+    if (isHandCalc(line)) return false;
+    if (isMoxingCalc(line)) return true;
+    return hasMirrorData;
   }
   /** 8137 / 双线回显用伽马红线样式，与 geosteering 只读叠加层一致。8.22 */
   _useGammaStyle(line, segments) {
@@ -5099,6 +5366,10 @@ class TrendLineManager {
     if (x == null || !knot) return null;
     return this._trendToPixel(chart, target, x, knot.depth);
   }
+  /** 命中检测与圆点显示一致：贴边内收后的像素。8.31 */
+  _knotHitPixel(chart, target, knot, role = "main") {
+    return this._knotDisplayPixel(chart, target, knot, role);
+  }
   /** 对数道：取该深度下当前曲线的 lg，和提示框同一套。8.22对数轴 */
   _logCurveXAtDepth(chart, target, depth) {
     const lane = this._laneById(target.laneId);
@@ -5216,6 +5487,17 @@ class TrendLineManager {
     }
     return parseFloat(Number(mirror).toFixed(3));
   }
+  /** 由镜像值反算主线值（门限落在镜像线时补主线）。8.31 */
+  _calcMainFromMirror(mirrorValue, seg, chart, paramId, depth) {
+    const offset = Number(seg && seg.mirrorOffset) || 0;
+    let main = seg && seg.mirrorSide === "right" ? mirrorValue - offset : mirrorValue + offset;
+    if (chart) {
+      const found = this._findLineByParamId(paramId);
+      const range = found ? this._drawValueRange({ laneId: found.laneId, paramId }, chart, depth) : getAxisRange(chart, paramId, depth);
+      main = Math.max(range.valueMin, Math.min(range.valueMax, main));
+    }
+    return parseFloat(Number(main).toFixed(3));
+  }
   /** 泳道内是否已有镜像/砂岩第二条线，切手动填写时要确认。8.22 */
   hasDoubleLines(paramId) {
     const target = this.listDrawableTargets().find((t) => String(t.paramId) === String(paramId));
@@ -5235,6 +5517,7 @@ class TrendLineManager {
       found.line.calcType = "hand";
       delete found.line.doubleConfig;
     }
+    delete this._landingLithByParam[String(paramId)];
     if (!bucket) return;
     bucket.segments = (bucket.segments || []).filter((seg) => seg.lithType !== "sandstone").map((seg) => {
       const next = { ...seg, lithType: seg.lithType || "mudstone", knots: (seg.knots || []).map((k) => {
@@ -5263,8 +5546,14 @@ class TrendLineManager {
     const mirrorSide = form && form.mirrorSide || "left";
     if (found.line) {
       found.line.calcType = "moxing";
-      found.line.doubleConfig = { lithType, mirrorSide, mirrorOffset: safeOffset };
+      found.line.doubleConfig = {
+        lithType,
+        mirrorSide,
+        mirrorOffset: safeOffset,
+        landingLithType: lithType
+      };
     }
+    this._landingLithByParam[String(paramId)] = lithType;
     const chart = this.getChart(found.laneId);
     const segs = this.store[key].segments;
     let hasKnots = false;
@@ -5308,19 +5597,23 @@ class TrendLineManager {
       nextValue = parseFloat(Math.max(range.valueMin, Math.min(range.valueMax, value)).toFixed(3));
     }
     const rest = (seg.knots || []).filter((k) => Math.abs(k.depth - nextDepth) >= 0.05);
-    const knot = {
-      depth: nextDepth,
-      value: nextValue,
-      mirrorValue: this._calcMirrorValue(nextValue, seg, chart, found.paramId, nextDepth)
+    const target = {
+      key,
+      laneId: found.laneId,
+      paramId: found.paramId,
+      line: found.line,
+      segments: this.store[key] && this.store[key].segments || []
     };
-    if (plotValue != null && Number.isFinite(Number(plotValue))) {
-      knot.plotValue = Number(plotValue);
-      knot.plotMirrorValue = this._calcMirrorValue(Number(plotValue), seg, chart, found.paramId, nextDepth);
+    const landing = this._getLandingLithType(target, seg);
+    const clickX = plotValue != null && Number.isFinite(Number(plotValue)) ? Number(plotValue) : nextValue;
+    const knot = this._buildKnotForLith(chart, target, seg, nextDepth, clickX, landing);
+    if (knot.value == null && Number.isFinite(nextValue) && landing === seg.lithType) {
+      knot.value = nextValue;
     }
     seg.knots = [...rest, knot].sort((a, b) => a.depth - b.depth);
     this.renderLane(found.laneId);
-    const target = this.listDrawableTargets().find((t) => t.key === key);
-    if (target) this._emitChange(target, { redraw: false });
+    const emitTarget = this.listDrawableTargets().find((t) => t.key === key);
+    if (emitTarget) this._emitChange(emitTarget, { redraw: false });
   }
 }
 const _sfc_main$6 = {
@@ -5420,6 +5713,11 @@ const _sfc_main$6 = {
     isGeomechanical: {
       type: Boolean,
       default: false
+    },
+    // 与 line-chart-container 一致。8.26
+    canClickSelectLane: {
+      type: Boolean,
+      default: false
     }
   },
   data() {
@@ -5900,12 +6198,24 @@ const _sfc_main$6 = {
     isLaneTrendDraw(lane) {
       return !!(lane && (lane.lines || []).some((line) => isLineDrawable(line)));
     },
-    // 获取泳道头部样式：地应力已选中的道都画红框。8.25
+    // 获取泳道头部样式：仅地应力已选中的道画红框；非地应力无选中。8.26
     getLaneHeaderStyle(lane) {
-      const base = this.headerStyle;
+      var _a, _b;
+      const base = { ...this.headerStyle };
+      if (this.isKdCurveV2) {
+        const gap = Number((_a = this.currentHeaderStyle) == null ? void 0 : _a.itemGap) || this.itemGap || 4;
+        const hp = Number((_b = this.currentHeaderStyle) == null ? void 0 : _b.headerPadding) || 4;
+        base.boxSizing = "border-box";
+        base.padding = `${hp}px ${gap}px`;
+      }
       const ids = this.activeLaneIds || [];
-      const isActive = this.isGeomechanical ? !!(lane && ids.some((id) => id === lane.laneId)) : this.isLaneTrendDraw(lane);
-      if (!isActive) return base;
+      const isActive = this.isGeomechanical && !!(lane && ids.some((id) => id === lane.laneId));
+      if (!isActive) {
+        if (this.isKdCurveV2) {
+          base.border = "1px solid transparent";
+        }
+        return base;
+      }
       return {
         ...base,
         boxSizing: "border-box",
@@ -6928,7 +7238,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue", "onClose"])
   ], 544);
 }
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-814fbe51"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-953e7fe1"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -7115,13 +7425,14 @@ const _sfc_main$5 = {
           let processedData = newVal && newVal.data ? Array.isArray(newVal.data) ? newVal.data : [newVal.data] : [];
           if (this.formCache.axisType == "time") {
             const axisKey = ((_c = (_b = (_a = this.getCurrentModeConfig()) == null ? void 0 : _a.datas) == null ? void 0 : _b[0]) == null ? void 0 : _c.xCode) || "timestamp";
-            const firstT = processedData[0] && processedData[0][axisKey];
-            if (!(typeof firstT === "number" && firstT > 1e11)) {
-              processedData = processedData.map((item) => ({
+            processedData = processedData.map((item) => {
+              const axisValue = this.toMillisecondTimestamp(item[axisKey] || item.timestamp);
+              return {
                 ...item,
-                [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
-              }));
-            }
+                [axisKey]: axisValue,
+                time: axisValue
+              };
+            });
             this.cachedCurveData = markRaw(processedData);
           } else {
             const axisKey = ((_f = (_e = (_d = this.getCurrentModeConfig()) == null ? void 0 : _d.datas) == null ? void 0 : _e[0]) == null ? void 0 : _f.xCode) || "depth";
@@ -7184,10 +7495,14 @@ const _sfc_main$5 = {
           const direction = newVal.direction || "bottom";
           if (this.formCache.axisType == "time") {
             const axisKey = ((_l = (_k = (_j = this.getCurrentModeConfig()) == null ? void 0 : _j.datas) == null ? void 0 : _k[0]) == null ? void 0 : _l.xCode) || "timestamp";
-            data = data.map((item) => ({
-              ...item,
-              [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
-            }));
+            data = data.map((item) => {
+              const axisValue = this.toMillisecondTimestamp(item[axisKey] || item.timestamp);
+              return {
+                ...item,
+                [axisKey]: axisValue,
+                time: axisValue
+              };
+            });
             this.cachedCurveData = markRaw(this.deduplicateByUniqueKey(
               this.cachedCurveData,
               data,
@@ -8252,7 +8567,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     ], 512)
   ], 512);
 }
-const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-300010d5"]]);
+const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-b3c75abf"]]);
 const curveExportIcon = "data:image/png;base64,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";
 const depthSlotIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAFnUlEQVRo3u1ZTWxUVRT+zptOp51pZZpOaWlGCgIFFIRgiCsNJi6MbFyyMRqgPygmJhrXNbJgQQQTSf9mGhaEuGkCK/9iMkhAoxAoJCIBTZEWO0Ch03ZsZzpzPxf3venr0JoZ7LzOkJ7Mz3v3vfvuO/ec7zvn3Assy7IUhUihB9h74MBGI8099jblkq/6OjtvFHLcskIrZii1KVFZ3zEW2AEFYc39S1KRiF4BUNqKAUCiciVGVr/BFAWVk0OoSEQLPqbhlM/TYYyVOYVkIUUc1M5w0lxOquaMYiJOEPBSWIyAOAszZzAGcdgRHWNFghDSQasZTllMtH7ylJEHtameOlZ0Ojo7mXmIw4oVhBX3t7YdFYofAKiwJlstUXKwpaX9LZNWpm/dvPFBJBJJlQDdy/SUf/07sYadUIRMe2ppUX501at8UPPi6wrCVdHzqI7/+cViK1UwV2Ta1eWJD6cnA1sQq9+J+Ip10PQhjK1oxr2VL3PUv1W8U8MJqPThksFYOHz8tjEzddI/9CMIzYRCiGYR7ZYN939CWTp5OhQKRUuKPETUIf/dCwKmrcxD/5NiqBSCIz8gnebhQo1fMMV6enr+cM2Mf+OPXhKQYo9hDdFzUp4cP93X1z1QknQvNA7X3vkeAkUb77Mheh5KyZGSjWO9vZ1ny6ceRKpHr4mFrZqH11AxHb0YDnedL+kALcCXtX+fy6QfwTtfCxQOlXzZcvPm72c2bMAtX+zWOkVIZXzoSijUfaYoFGtpbTsHSNCW+k2Gerq25tI3Eomkmps3H2q4892JtOEBRbryymJa2i6L6CwGABQ5FO7tfmWRLCbB4e0H18x4/JR0AmsvHZkguSXXl4vH4wOfHz02CvzDAx9/djHU3Zlz3/b299b98vwn1akyL8uTY9hx/ejiumKqws9UeY1IetqKsp5c+/p8Pqysq+t3u90TgUAA+fQFgOmKWqZclQAphcGYCJ+0Btm9+81T/68ykLwWF3JXjBRrVeZJJBgMThZ1PeZ0XWWbVAhyd8WcFdPJrCxFMZyZTiuhXlTFBBSQsiQWM6dTCkIeIoQImMfDF00tMb1FCmCxDNU6uuw564jMEwRGXhYDl8gTTQgULI7Neryrv7+/2SF0uSxXLGASLKQYmPI1es9cuH4qC9vZh/PAP7tBSBNFgPYIZo2HykYBXHknBnkGaJAuD/566SOCEEUCYpCk0HxJQodxmqGBBGjjaWUeZt2n+ypo7jWXEJR1TT9Y8KSZx7597zcZhlpjnacNNdbXbZbvIpxT4pMZIuFjFtEvlsGlxWqKIqAo61kwUzTqPU+xlnvMiZpdBNIK20fY29a2zaWM2axfGYPh8PHb8yomrvS7SV+yY6YqASPpQsVDbwTAawDgiQ1KmXsUFGtKYR0DJDQIRO+qMONSYk22FV0tyiZpntC0GoUwiDl9xTI4QIo7OT7LekqOxXwPdyVdM/AmfPAmfR0APl3QFR+tH0V02136Rqrw3Lcbreaf6387OYgiEAWMWMfXmgZw75koNw+9gE3DW3LAmJmWiWBXS2u7uVGCohAB0NLavkd7DCkLJEMLkkd81QQH3r4IpikUkiSgIAqk/sz9AgCVdiwqitlGRQWLAax2ivZdKgqhn23vk7kP5lWTPZTKjDPnes4BWgzR9xMCYxa0NFGdsaoZXAQi9nOdfmnwiBV/aO7+yQIxQfuITtnEgl0mOTD/ZJ5uMm/RUTY/sxOVj7xo/PVZ2MBsiz8UW2zK8JW1vWe7D8w6N3/tHKe3BZkV4Gy5r/VS2VH6atNlxLxjecQxQlwJF6pGqq4AxocoSlHH3Kny7cT8rviYYr6RKtSjEe7JchAyFurtPFuMau1vaR9bfb+JgYk6BMbr/lsxoUR80eoOX7TaKhcGUaRCkROrH6yN2N8dy7IsxSf/Avx35qhCwuXeAAAAAElFTkSuQmCC";
 const refreshIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAJgklEQVRo3u1aaVRURxbOj/yYHzknc04E3JClwY1RxyW4EBmXMC5xdIwh4MkEkO5+rxskioqAMJIIykQEFdmCERoaxA0XUIlBwCUmIWJwy5hojGbIDBkzkahRQObcO/dW92PR0BBFWh3eOd+pevXqVd3v3Vu37q3uZ57puXqu/79LluWpTyUxraRDrVaOnTRp0rNPHbHEmNeJnK4iIEDn+FQR++8nA6Eo/Y8YpJdqJUl65akh1vTxQLhLOF/ojuFL/Nk0EwICAn7zxJBgU9PI8hwSPFyS5PVkftlMrOEjV2w84QqM6+VDYeOqeWyanzzWpqnR60cLEpLuypK3FuCm2Hm4I3k6lGROwSMGTzya4wn1x12xgUg1fORCcBXg50F6bR0RnPd4mZhWN01DDiFyqR/uTfOCb4pHEAEXuHPMBVuXltq+2jsKwkPZNHWbrG6abD6kndKoZW/iCeMEvHXUFW4fdUESFBQo91w2455non5MBXXlgyBuxXzUSPJJb2/v56ylpTfIs93anzEFbla44s9HVdAGR1R4i6Dc325+5oI//0L7jQoXLEzxAlmWatgCrERKjo1c4geX9g0HEr4ZNysEmTb1m0fub1Pqyn3NQTd8N9oHSFMlOp2un3UcBDmH+BW+UPvBIBLOGW6Uq/BGuTNyyfckLPxUroIzO0ZDwYZpsPav3ric1k5IsEZA6W/q6wyV+e64OCSwSZJ0UVaLSDSSLiYucj5c+9CVCDnfh/+UukBx+mSMWOIn1gn3V1N8qFYHO9Bm/Dy7+5/KnAWul6kgP2k6kPZr1Gqdh9UcBUcJyxf749XiISSYE9S1xmFnrN4+EgQhra6Y+o5tb4Pmd68WDcHYSF+l7/NW9H4BvSkyr/28YCReP+wEP5Y6ibLOjMJNU5CfqyX9Kx1FHscNY8kk1fWkzaVW36fI/jdnvTsTfyx1ZFJgKh3hOtW3b3gZtZJ8gc2tMyEVaenSgnY02t051IhQiiK+L6E19KGjwA+HnJDLgxkvIUcZGo3GrlNrVKvbaVXTu8dhbN6VPBl/OOQI1z5wFCXjy91DQafT1pOgqicuGqe19Vs9CX+lyJVIOcC/SxyRyFHpgEkxczkyX/REphmSpPdfGz0PiQh8zzjogLWEqvwRwGulMzEd9+FIgj+CRtIHc93qsSDtRcb96ROI0ACobYXU2Fkdaos3WzLjKI0UVOcbloRzYgpwzso89KF6oBxSx8+sRpAdQ3XBUPzXgQGg4LtiBwgJUqMlh8ECU/pS4hu+ETwza8A9px7H5DTCKEMj/J4wOuMaeIdtRO7T7eS8g4KeC9Zr8LviAfjP/fbA4PpnxmEUVejOdRBLpvtGpqBH7m0Yl1sP7rkNMCanwUQsuxGGZzXi77Y0wKvhqfSBdJu713FI0uCI0L9ATTETasH+tPEcrBotbQ8LFoahZ+5N8Mi9g4JYTguxEURsWPZdcNtC5DJvgn9wGAYG6gd1GzGO31aFv441Rf2hpshe4B9UL0iaxBqLtxT5v7q6ECbm3QEPYz2MNzaYNGaox1HZDcimOIw05pZ1F4ZsaYLpbxeCpfEeQWqi/0NchDd+u68/COztjwQwrpvCgsRY2ISLZyZXCWITiFiLxhphpHmNCY2ZiY1PPC3SlXbH0/C5CZ2X/AIC9Q+gaQ573g7zgat7+sFVInR1bz+4sqc/bkvypIhcn2AhAS2dkXIGJhrvIBMbf88aazZFM7GxSed566iwlCatj/kTFqWMg30p40TJWLbIDx8oNFOr1S788hUi9s3ufkoJB9Je5FRjjwVi2bMTykymSGusmZihAUe10VgjDtlyFybFHwNLDkSjlXeWpI8Bnr+1LGGL38QHinp4HyJH0HRxl70gdLmwH17e3RdOGgcCbwPtCiLLPm+EJaCyxsYZW2usAUfcY4qvkdu3dDpFAXbNSeMgIYMix8Wd9sCyPXBiym792BY3uLSrL35NuFzYFxhL3/Jr15PxZBztz9xQiR7KGrvPFBsFMc+1n/J6PdfeXsZriK3ma9P8IEqa/zjJ1NGW0+ExwNZ1E5lYK/SBzNUvixPc9he8frRaXlg/bWMVmyK2dveKKU5cV4Xch/tacGAJ76+Zipd29kWeV5EhL4HXuW7TQ2XN0ct8SfV94OKOPvgVgeuVBhe27zoOki1tF2yyPrRReyV9hh4ZNTgh7VucvK4SX1ueLPIyS6Q4udXTIerJXGdQ5lWwcpkPPtRJljneq63MceHBBb7c3gcZqavEeUV6RwEwuWs1bwFMhE1Uy3Vq6yiU4rEz4rya51VwImsgm2HtQ4divGetj5mJF7b1JkK9QcHpPHsMDfFH3mcexfkKr+Oz+f2b57tgRlqsF6opCOiSnIzN7uMsFf69oDcTBC4JUJE5mJPNW115ykTnih46WVt/+D03mseO5zLPZ0faUiE/62zG3hmtLV0T+Wc8v9UOv6AJvthK4JImPbBpODK5rji9ZU1RYnvrQMrwtnOZ54uLmItdeggkXLhWrt6e6A7n823hXL4dnsuzw/P5dkACwKG0oSazJC/6ILbP5/TsZUND/JpKUt1QjE/gsRVsW+dODkeu7vI0h/ct1kxp+mA4l2cLZ4nY2TxbFkDUP80eAGujZvEXreUk1JLHbG3mWlkO53cSo2dCZbY9jWfbPD6XfH8obQiwCT6y8xU2t0UL/ZuOZtIRdq4tnjGyALZAJZMU9bIMV0iMnmFaCxQDcuQuPCP9CMigs0d/zgD4WZBe08R9y9JdxVhiHGPb8Y68p8JFwf5Nj/yHCq1WO4/JlaQMhtMkxOlcG6jOtcHTRNQEvrfFKkMfKE4eBu/HTcSk6BkQHzFbgIlsprZ9G4fhKUNv0b/5XTGeLVab7w+lDgImFRio7Z4fBPnrsUby176In+fYkCA2IMocKg02yGjT1qqPeEZtAq36KPdKncfuKqf0az2YihdzfOQsPJLhwAKzkAKnBLleojyV3Ytgum+BDbQ8Nz8zv1uR4YRx4XOEo+jWzPr+ozU5nLWXHDMVK9IHkHn1gqqsXlglCJHwDIOp5DbRbjC1NdfpWXmaI25Y6UW/AWjFCdZj8ScXjus4YKWvXPfOsrmQ+zd3KEt3gJNMMEsQEPUWvCDaSlOd0BA/Ft4JmwscBFBeFjNfkno9jifHHBvOUZv++nBlYdACjAz1wTURszAhajomrJiOq8NnY9QSbwzWB4pzf+7L7zxRf0PyCw5+gdN3TiT5VJnBLp/bOrPP9Vw9V8/Vc3X79T8J1TZaWjb6HwAAAABJRU5ErkJggg==";
@@ -9528,92 +9843,27 @@ const _sfc_main$3 = {
         return null;
       }
     },
-    // notMerge 刷 option 时把当前趋势线 graphic 带回去，避免先消失再画。8.24
+    // notMerge 刷 option 时把当前 graphic（含趋势线）带回去。8.31
     _preserveGraphic(options) {
       if (!options || options.graphic || !this.chart || this.chart.isDisposed()) return;
       try {
         const model = this.chart.getModel();
         const list = model.queryComponents({ mainType: "graphic" }) || [];
         if (!list.length) return;
-        const graphic = list.map((m) => m.option).filter((item) => {
-          if (!item || !(item.id || item.elements || item.type)) return false;
-          const id = String(item.id || "");
-          return id.indexOf("trend_") !== 0;
-        });
+        const graphic = list.map((m) => m.option).filter((item) => item && (item.id || item.elements || item.type));
         if (graphic.length) options.graphic = graphic;
       } catch (e) {
       }
     },
-    // notMerge 时把笛卡尔趋势 series 带回去，避免先消失再画。8.25
-    // 只拷绘制字段，禁止展开 model.option（会带上坐标系等内部引用，图表拆不掉）。8.25
-    _copyTrendSeriesOption(opt, id) {
-      if (!opt) return null;
-      const ls = opt.lineStyle || {};
-      const is = opt.itemStyle || {};
-      return {
-        id: opt.id || id,
-        name: "trend",
-        type: "line",
-        data: Array.isArray(opt.data) ? opt.data.slice() : [],
-        xAxisIndex: opt.xAxisIndex,
-        yAxisIndex: opt.yAxisIndex,
-        clip: opt.clip,
-        animation: false,
-        silent: true,
-        large: false,
-        z: opt.z,
-        zlevel: 0,
-        symbol: opt.symbol,
-        symbolSize: opt.symbolSize,
-        showSymbol: opt.showSymbol,
-        hoverAnimation: false,
-        legendHoverLink: false,
-        connectNulls: false,
-        tooltip: { show: false },
-        emphasis: { disabled: true },
-        lineStyle: {
-          color: ls.color,
-          width: ls.width,
-          type: ls.type
-        },
-        itemStyle: {
-          color: is.color,
-          borderColor: is.borderColor,
-          borderWidth: is.borderWidth
-        }
-      };
-    },
+    // 趋势线已改 graphic；只剥离残留 trend series，不再从图表拷回。8.31
     _preserveTrendSeries(options) {
-      if (!options || !this.chart || this.chart.isDisposed()) return;
-      if (options.__kdTrendSynced) return;
-      const incoming = Array.isArray(options.series) ? options.series : [];
-      const hasTrend = incoming.some((s) => {
+      if (!options || !Array.isArray(options.series)) return;
+      options.series = options.series.filter((s) => {
         if (!s) return false;
         const name = Array.isArray(s.name) ? s.name[0] : s.name;
-        if (name === "trend") return true;
         const id = String(s.id || "");
-        return id.indexOf("trend_") === 0;
+        return name !== "trend" && id.indexOf("trend_") !== 0;
       });
-      if (hasTrend) return;
-      try {
-        const list = this.chart.getModel().getSeries() || [];
-        const trends = [];
-        const seen = /* @__PURE__ */ new Set();
-        for (let i = 0; i < list.length; i++) {
-          const sm = list[i];
-          const opt = sm && sm.option || {};
-          const name = Array.isArray(sm.name) ? sm.name[0] : sm.name;
-          const id = String(opt.id || sm.id || "");
-          if (name !== "trend" && id.indexOf("trend_") !== 0) continue;
-          if (!id || seen.has(id)) continue;
-          seen.add(id);
-          const copied = this._copyTrendSeriesOption(opt, id);
-          if (copied) trends.push(copied);
-        }
-        if (!trends.length) return;
-        options.series = incoming.concat(trends);
-      } catch (e) {
-      }
     },
     // dataZoom 写进即将下发的 option，不再二次 setOption 打断 Chrome 平移。8.24
     _applySavedDataZoomToOptions(options, savedState) {
@@ -9927,7 +10177,7 @@ const _hoisted_1$3 = { class: "echarts" };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$3);
 }
-const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-5b44c8a6"]]);
+const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-4f4caae5"]]);
 const DRAW_POINT_MIN = 600;
 const DRAW_POINT_MAX = 1800;
 function getSeriesDrawThreshold(laneHeightPx) {
@@ -10214,6 +10464,15 @@ const _sfc_main$2 = {
       type: Boolean,
       default: false
     },
+    /**
+     * 泳道选中方式互斥开关。8.26
+     * true：趋势线选中泳道 + 可绘制趋势线；不可单击/双击选中泳道
+     * false：可单击/双击选中泳道；不可趋势线选中/绘制
+     */
+    canClickSelectLane: {
+      type: Boolean,
+      default: false
+    },
     // 已保存的趋势线（geosteering trendLinePoint 数组），传入后回显 8.21
     lineListData: {
       type: Array,
@@ -10496,29 +10755,27 @@ const _sfc_main$2 = {
       return !!(lane && (lane.lines || []).some((line) => isLineDrawable(line)));
     },
     getLaneChartContentStyle(laneId) {
+      var _a;
       const width = this.laneWidthMap && this.laneWidthMap[laneId];
+      const gap = ((_a = this.currentHeaderStyle) == null ? void 0 : _a.itemGap) ?? this.itemGap ?? 4;
       const style = {};
       if (width && Number(width) > 0) {
         Object.assign(style, {
           width: `${width}px`,
-          padding: "0",
+          padding: `0 ${gap}px`,
           height: "100%"
         });
       } else {
         Object.assign(style, {
           width: "100%",
           height: "100%",
-          padding: "0",
+          padding: `0 ${gap}px`,
           flex: "1"
         });
       }
-      if (this.isGeomechanical) {
-        style.boxSizing = "border-box";
-        style.border = this.isLaneSelected(laneId) ? "1px solid #F86C59" : "1px solid transparent";
-      } else if (this.isLaneTrendDrawById(laneId)) {
-        style.boxSizing = "border-box";
-        style.border = "1px solid #F86C59";
-      }
+      style.boxSizing = "border-box";
+      const showRedBorder = this.isGeomechanical && this.isLaneSelected(laneId);
+      style.border = showRedBorder ? "1px solid #F86C59" : "1px solid transparent";
       return style;
     },
     // 按引用摘掉 click/dblclick，避免 zr.off(类型) 误拆趋势线 dblclick。8.25
@@ -10587,6 +10844,10 @@ const _sfc_main$2 = {
       }
       this.scheduleConnectAllCharts();
     },
+    // autoresize 完成后按新宽高重算趋势 graphic，避免回显偏左、点选才往右跳。8.31
+    handleLaneChartSizeChange(laneId) {
+      if (this.trendLineManager) this.trendLineManager.onChartResized(laneId);
+    },
     // 地应力：拖点时彻底停 inside 平移，松手后恢复。8.22
     setInsideDataZoomPanEnabled(enabled) {
       this._chartPanLocked = !enabled;
@@ -10606,6 +10867,7 @@ const _sfc_main$2 = {
             if (opt.end != null) next.end = opt.end;
             if (opt.startValue != null) next.startValue = opt.startValue;
             if (opt.endValue != null) next.endValue = opt.endValue;
+            if (opt.yAxisIndex != null) next.yAxisIndex = opt.yAxisIndex;
           }
           const skip = this.trendLineManager && this.trendLineManager.dataZoomSeriesIndex(chart);
           if (skip && skip.length) next.seriesIndex = skip;
@@ -10614,6 +10876,16 @@ const _sfc_main$2 = {
         chart.setOption({ dataZoom: [next] }, { silent: true, lazyUpdate: false });
       });
     },
+    // connect / 缩放后补回趋势线 dataZoom 排除列表，并重画可视边界。8.26
+    ensureTrendDataZoomOnAllCharts(exceptChart) {
+      if (!this.isGeomechanical || !this.trendLineManager) return;
+      this.getConnectedCharts().forEach((chart) => {
+        if (!chart || chart === exceptChart) return;
+        this.trendLineManager.ensureDataZoomSkipsTrend(chart);
+        const laneId = this.findLaneIdByChart(chart);
+        if (laneId != null) this.trendLineManager._scheduleZoomTrendPatch(laneId);
+      });
+    },
     getConnectedCharts() {
       return Object.values(this.chartRefMap).map((item) => item == null ? void 0 : item.chart).filter((chart) => chart && !chart.isDisposed());
     },
@@ -10641,6 +10913,7 @@ const _sfc_main$2 = {
       this.trendLineManager.setTrendLineList(this.lineListData || [], overwrite);
     },
     breakTrendSegment() {
+      if (!this.isTrendLaneSelectMode()) return false;
       return this.trendLineManager ? this.trendLineManager.breakActiveSegment() : false;
     },
     resetTrendLine(paramId) {
@@ -10659,7 +10932,15 @@ const _sfc_main$2 = {
     isLaneSelected(laneId) {
       return laneId != null && (this.activeLaneIds || []).some((id) => id === laneId);
     },
+    // true：趋势线选中泳道；false：单击/双击选中泳道。8.26
+    isTrendLaneSelectMode() {
+      return !!this.canClickSelectLane;
+    },
+    isManualLaneSelectMode() {
+      return !this.canClickSelectLane;
+    },
     addLaneSelection(laneId) {
+      if (!this.isManualLaneSelectMode()) return false;
       if (laneId == null) return false;
       this.activeLaneId = laneId;
       if (this.isLaneSelected(laneId)) return false;
@@ -10692,14 +10973,18 @@ const _sfc_main$2 = {
       this.activeLaneIds = [];
       this.activeLaneId = null;
       if (!ids.length) return;
-      this.updateLanesChartOption().then(() => {
+      if (this.trendLineManager) {
+        ids.forEach((id) => this.trendLineManager.updateCursor(id));
+        this.trendLineManager.scheduleRender();
+      }
+      this.updateLanesChartOption(void 0, ids).then(() => {
         if (this._isUnmounted) return;
         ids.forEach((id) => this.showSelectedPointScatter(id));
       });
     },
-    // 切趋势线：只保留当前曲线所在道；单击其它道仍可再选中。8.25
+    // 切趋势线：只保留当前曲线所在道。仅 canClickSelectLane=true。8.26
     selectLaneByParamId(paramId) {
-      if (!this.isGeomechanical) return;
+      if (!this.isGeomechanical || !this.isTrendLaneSelectMode()) return;
       if (paramId == null || paramId === "") {
         this.clearActiveLane();
         return;
@@ -10717,6 +11002,7 @@ const _sfc_main$2 = {
       const prevIds = (this.activeLaneIds || []).slice();
       if (prevIds.length === 1 && prevIds[0] === laneId) {
         this.activeLaneId = laneId;
+        if (this.showTooltip) this.toggleTooltip(true);
         return;
       }
       if (this.selectedPoints.length > 0 && this.selectedLaneId && this.selectedLaneId !== laneId) {
@@ -10729,12 +11015,43 @@ const _sfc_main$2 = {
       }
       this.activeLaneIds = [laneId];
       this.activeLaneId = laneId;
-      this.updateLanesChartOption().then(() => {
+      if (this.showTooltip) this.toggleTooltip(true);
+      if (this.trendLineManager) {
+        prevIds.forEach((id) => this.trendLineManager.updateCursor(id));
+        this.trendLineManager.updateCursor(laneId);
+        this.trendLineManager.scheduleRender();
+      }
+      const refreshIds = Array.from(/* @__PURE__ */ new Set([...prevIds, laneId]));
+      this.updateLanesChartOption(void 0, refreshIds).then(() => {
         if (this._isUnmounted) return;
-        prevIds.forEach((id) => this.showSelectedPointScatter(id));
-        this.showSelectedPointScatter(laneId);
+        refreshIds.forEach((id) => this.showSelectedPointScatter(id));
       });
     },
+    // 趋势线编辑：选中泳道跟着当前 isDraw / 正在编辑的曲线走（如表头拖到新道）。8.26
+    syncSelectedLaneToTrendEdit() {
+      if (!this.isGeomechanical || !this.isTrendLaneSelectMode()) return;
+      let paramId = null;
+      if (this.trendLineManager) {
+        const active = this.trendLineManager.getActiveTarget();
+        if (active && active.editable) paramId = active.paramId;
+        if (paramId == null) {
+          const editable = this.trendLineManager.listDrawableTargets().find((t) => t.editable);
+          if (editable) paramId = editable.paramId;
+        }
+      }
+      if (paramId == null) {
+        const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
+        for (let i = 0; i < lanes.length; i++) {
+          const line = (lanes[i].lines || []).find((l) => isLineDrawable(l));
+          if (line) {
+            paramId = line.paramId;
+            break;
+          }
+        }
+      }
+      if (paramId == null || paramId === "") return;
+      this.selectLaneByParamId(paramId);
+    },
     // 根据 paramId 判断曲线是否可见（isUsed === '1'）
     isLineVisibleByParamId(paramId) {
       const lanes = this.currentTemplate && this.currentTemplate.lanes || [];
@@ -11315,11 +11632,6 @@ const _sfc_main$2 = {
       this.attachChartConnect();
       this.hideLaneTooltipsForPan();
     },
-    endChartPan() {
-      if (!this._isPanning) return;
-      this._isPanning = false;
-      this.restorePointerAfterInteract();
-    },
     startChartZoom() {
       if (!this.isGeomechanical) return;
       this.attachChartConnect();
@@ -11334,7 +11646,23 @@ const _sfc_main$2 = {
       this._zoomIdleTimer = 0;
       if (!this._isZooming) return;
       this._isZooming = false;
-      if (!this._isPanning && this.trendLineManager) this.trendLineManager.endFollowView();
+      if (this.trendLineManager) {
+        this.getConnectedCharts().forEach((chart) => {
+          this.trendLineManager.ensureDataZoomSkipsTrend(chart);
+        });
+        if (!this._isPanning) this.trendLineManager.endFollowView();
+      }
+      this.restorePointerAfterInteract();
+    },
+    endChartPan() {
+      if (!this._isPanning) return;
+      this._isPanning = false;
+      if (this.trendLineManager) {
+        this.getConnectedCharts().forEach((chart) => {
+          this.trendLineManager.ensureDataZoomSkipsTrend(chart);
+        });
+        this.trendLineManager.endFollowView();
+      }
       this.restorePointerAfterInteract();
     },
     hideAllLaneTooltips(event) {
@@ -11400,18 +11728,24 @@ const _sfc_main$2 = {
         const onDown = (e) => {
           const native = e.event || e;
           if (native.button != null && native.button !== 0) return;
+          if (this.isTrendLaneSelectMode() && this.trendLineManager && this.trendLineManager.shouldBlockChartPan(chart, e)) {
+            return;
+          }
           this.startChartPan();
         };
         const onMove = (e) => {
-          var _a, _b;
+          var _a, _b, _c;
           const native = e.event || e;
-          if (this.isGeomechanical && native.buttons === 1 && !this._isPanning) {
+          if (!((_a = this.trendLineManager) == null ? void 0 : _a.isDraggingKnot()) && this.isGeomechanical && native.buttons === 1 && !this._isPanning) {
             this.startChartPan();
           }
+          if (this._isPanning && this.trendLineManager) {
+            this.trendLineManager.tickPanFollow();
+          }
           this.schedulePointerSync(
             chart,
-            e.offsetX ?? ((_a = e.event) == null ? void 0 : _a.offsetX),
-            e.offsetY ?? ((_b = e.event) == null ? void 0 : _b.offsetY),
+            e.offsetX ?? ((_b = e.event) == null ? void 0 : _b.offsetX),
+            e.offsetY ?? ((_c = e.event) == null ? void 0 : _c.offsetY),
             native.clientY
           );
         };
@@ -11459,6 +11793,7 @@ const _sfc_main$2 = {
       await this.updateLanesChartOption();
       if (this.trendLineManager && migratedLanes && migratedLanes.size) {
         migratedLanes.forEach((laneId) => this.trendLineManager._flushLane(laneId));
+        this.syncSelectedLaneToTrendEdit();
       }
     },
     // 线段变化
@@ -11640,12 +11975,9 @@ const _sfc_main$2 = {
       ref.mergeOptions(option, true, false, true);
     },
     // 判断指定泳道是否应该显示tooltip内容
-    // 地应力：无选中时所有泳道显示；有选中时已选中的多道都显示。8.25
+    // 地应力悬浮框各道都显示；不因选中趋势编辑泳道而只留一道。8.31
     shouldShowTooltipContent(laneId) {
       if (!this.showTooltip) return false;
-      if (this.isGeomechanical && (this.activeLaneIds || []).length && !this.isLaneSelected(laneId)) {
-        return false;
-      }
       return true;
     },
     // 控制tooltip显示隐藏
@@ -11721,9 +12053,10 @@ const _sfc_main$2 = {
       const clientWidth = this.getDepthTimeLabelWidth(lane);
       const richWidth = Math.max(clientWidth - 6, 24);
       return {
-        show: this.shouldShowDepthAxisLabel(group, axisKey),
+        show: true,
         width: clientWidth,
-        hideOverlap: true,
+        hideOverlap: dataGroups.length <= 1,
+        showMinLabel: true,
         height: 14,
         verticalAlign: "middle",
         color: getCssVariable("--default-text-color"),
@@ -11891,10 +12224,25 @@ const _sfc_main$2 = {
       let unified = Math.ceil(range / Math.min(12, intervalCount));
       return Math.max(minStep, Math.ceil(unified / minStep) * minStep);
     },
+    /**
+     * 地应力 dataZoom 放大下限：可视点数不得小于 minWindowSize。
+     * 换算成全量数据范围的百分比给 minSpan。8.26
+     */
+    getDataZoomMinSpanPercent() {
+      if (!this.isGeomechanical) return null;
+      const minSize = Number(this.minWindowSize);
+      if (!(minSize > 0)) return null;
+      const drawnLen = this.visibleData && this.visibleData.length || Math.min(
+        Number(this.windowSize) || 0,
+        this.realTimeData && this.realTimeData.length || 0
+      );
+      if (!(drawnLen > 0)) return null;
+      return Math.min(100, Math.max(0, minSize / drawnLen * 100));
+    },
     buildInsideDataZoom(moveOnMouseMove, filterMode) {
       const pan = moveOnMouseMove === void 0 ? this.isGeomechanical && !this._chartPanLocked : !!moveOnMouseMove;
       const mode = filterMode == null ? this.isGeomechanical ? "weakFilter" : "none" : filterMode;
-      return {
+      const cfg = {
         type: "inside",
         orient: "vertical",
         // 视窗外的点不画；x 轴仍用表头 min/max，不会跟着被滤掉的点跑偏。8.25
@@ -11906,6 +12254,9 @@ const _sfc_main$2 = {
         throttle: this.isGeomechanical ? 16 : 100
         // 地应力跟手；过大 throttle 会拖影。8.25
       };
+      const minSpan = this.getDataZoomMinSpanPercent();
+      if (minSpan != null) cfg.minSpan = minSpan;
+      return cfg;
     },
     splitPlotDataByGaps(data) {
       if (!data || !data.length) return [data || []];
@@ -12466,8 +12817,8 @@ const _sfc_main$2 = {
       const existingKeys = new Set(
         this.realTimeData.map((item) => item[axisKey])
       );
-      const newItems = newData.filter(
-        (item) => !existingKeys.has(item[axisKey])
+      const newItems = newData.filter((item) => !existingKeys.has(item[axisKey])).map(
+        (item) => axisType === "time" ? this.normalizeTimeModeItem(item, axisKey) : item
       );
       const merged = [...this.realTimeData, ...newItems];
       if (axisType === "depth") {
@@ -12713,8 +13064,25 @@ const _sfc_main$2 = {
         return timestamp;
       }
     },
-    // 更新泳道图表选项
-    async updateLanesChartOption(transferData) {
+    // 时间轴数据统一毫秒 timestamp，并补 time 字段（与 depth-time-chart / 桌面版一致）
+    normalizeTimeModeItem(item, axisKey) {
+      if (!item || typeof item !== "object") return item;
+      const key = axisKey || this.getAxisDataKey() || "timestamp";
+      const raw = item[key] != null ? item[key] : item.timestamp != null ? item.timestamp : item.time;
+      const axisValue = this.toMillisecondTimestamp(raw);
+      return {
+        ...item,
+        [key]: axisValue,
+        time: axisValue
+      };
+    },
+    normalizeTimeModeData(data, axisKey) {
+      if (!Array.isArray(data)) return [];
+      const key = axisKey || this.getAxisDataKey() || "timestamp";
+      return data.map((item) => this.normalizeTimeModeItem(item, key));
+    },
+    // 更新泳道图表选项。onlyLaneIds 有值时只重建这些道（选中/取消选中用，避免大数据全量重刷）。8.31
+    async updateLanesChartOption(transferData, onlyLaneIds) {
       if (this._isUnmounted) return;
       if (this.isUpdatingChart) {
         this.pendingChartUpdate = true;
@@ -12727,6 +13095,13 @@ const _sfc_main$2 = {
         this.isUpdatingChart = false;
         return;
       }
+      const laneFilter = onlyLaneIds == null || onlyLaneIds === "" ? null : new Set(
+        (Array.isArray(onlyLaneIds) ? onlyLaneIds : [onlyLaneIds]).filter((id) => id != null && id !== "").map((id) => String(id))
+      );
+      if (laneFilter && !laneFilter.size) {
+        this.isUpdatingChart = false;
+        return;
+      }
       const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
       const paramNameMap = {};
       const paramCodeMap = /* @__PURE__ */ new Map();
@@ -12742,9 +13117,10 @@ const _sfc_main$2 = {
         dataIndexMap.set(String(realTimeData[i][axisKey]), realTimeData[i]);
       }
       try {
-        this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
+        if (!laneFilter) this._laneHasValidPoint = /* @__PURE__ */ Object.create(null);
         for (let laneIndex = 0; laneIndex < lanes.length; laneIndex++) {
           const lane = lanes[laneIndex];
+          if (laneFilter && !laneFilter.has(String(lane.laneId))) continue;
           const axisTypeList = this.currentToolBarConfig.axisTypeList || {
             depth: "depth",
             time: "time"
@@ -12850,7 +13226,7 @@ const _sfc_main$2 = {
                 },
                 axisPointer: { show: hasValidLineData }
               });
-              if (this.isGeomechanical) {
+              if (this.isGeomechanical && !isDepthLane && !isTimeLane) {
                 option.yAxis[gridIndex].splitNumber = ySplitCount;
                 option.yAxis[gridIndex].minInterval = 1;
                 option.yAxis[gridIndex].alignTicks = true;
@@ -13198,10 +13574,22 @@ const _sfc_main$2 = {
           return;
         }
         this.scheduleConnectAllCharts();
-        const lanesToRefresh = new Set(
-          Object.keys(this.laneSelectedPointPairs || {})
-        );
-        if (this.selectedLaneId) lanesToRefresh.add(this.selectedLaneId);
+        if (this.trendLineManager) {
+          if (laneFilter) {
+            laneFilter.forEach((id) => this.trendLineManager.renderLane(id, true));
+          } else {
+            this.trendLineManager.scheduleRender();
+          }
+        }
+        const lanesToRefresh = /* @__PURE__ */ new Set();
+        if (laneFilter) {
+          laneFilter.forEach((id) => lanesToRefresh.add(id));
+        } else {
+          Object.keys(this.laneSelectedPointPairs || {}).forEach(
+            (id) => lanesToRefresh.add(id)
+          );
+          if (this.selectedLaneId) lanesToRefresh.add(this.selectedLaneId);
+        }
         if (lanesToRefresh.size > 0) {
           this.$nextTick(() => {
             if (this._isUnmounted) return;
@@ -13342,6 +13730,16 @@ const _sfc_main$2 = {
       }
       return items;
     },
+    // 自定义 tooltip 约定读 mousePositionData.time（桌面版 rowData 亦需该字段）
+    buildTooltipMousePositionData(row) {
+      if (!row || typeof row !== "object") return row || {};
+      if (this.formCache.axisType !== "time") return row;
+      const axisKey = this.getAxisDataKey();
+      const raw = row[axisKey] != null ? row[axisKey] : row.timestamp != null ? row.timestamp : row.time != null ? row.time : null;
+      if (raw == null) return row;
+      const time = this.timestampToYMDHMS(this.toMillisecondTimestamp(raw));
+      return { ...row, time };
+    },
     renderLaneTooltipHtml(laneId) {
       const yValue = this._lastTooltipY;
       const lane = this.findLaneById(laneId);
@@ -13350,7 +13748,7 @@ const _sfc_main$2 = {
       if (this.tooltipFormatter && typeof this.tooltipFormatter === "function") {
         return this.tooltipFormatter({
           series: displaySeries,
-          mousePositionData: row
+          mousePositionData: this.buildTooltipMousePositionData(row)
         });
       }
       let html = "<div>";
@@ -13424,7 +13822,7 @@ const _sfc_main$2 = {
         if (isMissingCurveValue(value)) value = null;
         return {
           value: [value, +item[axisKey]],
-          rowData: item
+          rowData: this.normalizeTimeModeItem(item, axisKey)
         };
       });
     },
@@ -13592,9 +13990,10 @@ const _sfc_main$2 = {
         this._geoClickTimer = 0;
       }
     },
-    // 地应力：双击已选中泳道，只取消这一道，其它选中保留。8.25
+    // 地应力：双击已选中泳道，只取消这一道，其它选中保留。仅手动选中模式。8.26
     handleChartDblClick(e, laneId) {
       if (this._isUnmounted || !this.isGeomechanical) return;
+      if (!this.isManualLaneSelectMode()) return;
       this._clearGeoClickTimer();
       if (!this.isLaneSelected(laneId)) return;
       if (this._geoSelectClickAt && this._geoSelectLaneId === laneId && Date.now() - this._geoSelectClickAt < 500) {
@@ -13616,7 +14015,7 @@ const _sfc_main$2 = {
         this.selectedParamId = null;
       }
       this.removeLaneSelection(id);
-      await this.updateLanesChartOption();
+      await this.updateLanesChartOption(void 0, id);
       if (this._isUnmounted) return;
       this.showSelectedPointScatter(id);
     },
@@ -13627,15 +14026,22 @@ const _sfc_main$2 = {
       const chartRef = this.getChartRefByLaneId(laneId);
       if (!chartRef || !chartRef.chart) return;
       const wasActiveLane = this.isLaneSelected(laneId);
-      const trendConsumed = this.trendLineManager && this.trendLineManager.handleClick(e, laneId);
+      const trendConsumed = this.isTrendLaneSelectMode() && this.trendLineManager && this.trendLineManager.handleClick(e, laneId);
       if (!this.isGeomechanical) return;
-      if (!wasActiveLane) {
-        this._geoSelectClickAt = clickAt;
-        this._geoSelectLaneId = laneId;
-        this.addLaneSelection(laneId);
-        await this.updateLanesChartOption();
-        if (this._isUnmounted) return;
-        this.showSelectedPointScatter(laneId);
+      if (this.isManualLaneSelectMode()) {
+        if (!wasActiveLane) {
+          this._geoSelectClickAt = clickAt;
+          this._geoSelectLaneId = laneId;
+          this.addLaneSelection(laneId);
+          await this.updateLanesChartOption(void 0, laneId);
+          if (this._isUnmounted) return;
+          this.showSelectedPointScatter(laneId);
+        }
+      } else {
+        if (!wasActiveLane) {
+          if (trendConsumed) return;
+          return;
+        }
       }
       if (trendConsumed) return;
       if (wasActiveLane) {
@@ -13690,7 +14096,6 @@ const _sfc_main$2 = {
             point2: null,
             markAreaId: null
           });
-          console.log(clickedPoint, this.laneSelectedPointPairs[laneId]);
           this.showSelectedPointScatter(laneId);
         } else {
           const firstPoint = this.selectedPoints[0];
@@ -13732,7 +14137,7 @@ const _sfc_main$2 = {
           this.selectedParamId = null;
           this.showSelectedPointScatter(laneId);
         }
-        if (wasActiveLane) {
+        if (wasActiveLane && this.isManualLaneSelectMode()) {
           const now = clickAt;
           if (this._lastBlankClickLaneId === laneId && this._lastBlankClickTime && now - this._lastBlankClickTime < 500) {
             this._lastBlankClickTime = null;
@@ -13744,7 +14149,7 @@ const _sfc_main$2 = {
               this.selectedParamId = null;
             }
             this.removeLaneSelection(laneId);
-            await this.updateLanesChartOption();
+            await this.updateLanesChartOption(void 0, laneId);
             if (this._isUnmounted) return;
           } else {
             this._lastBlankClickTime = now;
@@ -13887,13 +14292,13 @@ const _sfc_main$2 = {
       }
       const chartRef = this.getChartRefByLaneId(laneId);
       if (!chartRef || !chartRef.chart) return;
-      if (this.trendLineManager && this.trendLineManager.handleContextMenu(e, laneId)) {
+      if (this.isTrendLaneSelectMode() && this.trendLineManager && this.trendLineManager.handleContextMenu(e, laneId)) {
         return;
       }
       if (!this.isGeomechanical) return;
-      if (!this.isLaneSelected(laneId)) {
+      if (this.isManualLaneSelectMode() && !this.isLaneSelected(laneId)) {
         this.addLaneSelection(laneId);
-        this.updateLanesChartOption();
+        this.updateLanesChartOption(void 0, laneId);
       }
       const chart = chartRef.chart;
       const pointInPixel = [
@@ -14138,15 +14543,6 @@ const _sfc_main$2 = {
           startPoint,
           endPoint
         });
-        console.log(
-          {
-            markArea,
-            menuItem: item,
-            startPoint,
-            endPoint
-          },
-          "传递的数据"
-        );
         this.closeContextMenu();
         return;
       }
@@ -14158,7 +14554,6 @@ const _sfc_main$2 = {
         return;
       }
       const { topPoint, bottomPoint } = this.findBoundaryPointPair(currentPoint);
-      console.log("获取到的起始点和结束点", topPoint, bottomPoint);
       this.$emit("missingPointMenuItemClick", {
         pointInfo: currentPoint,
         menuItem: item,
@@ -14245,7 +14640,6 @@ const _sfc_main$2 = {
           }
         }
       }
-      console.log("searchStartIndex", searchStartIndex);
       if (searchStartIndex === -1) return null;
       let boundaryPoint = null;
       if (targetType === "bottom") {
@@ -14332,10 +14726,11 @@ const _sfc_main$2 = {
     // 获取Y轴标签格式化函数
     getYAxisLabelFormatter(isTimeLane, dataGroups, groupIndex, groupMin, groupMax, axisKey) {
       return (value) => {
+        const numValue = Number(value);
         if (isTimeLane) {
           return `{center|${this.timestampToHms(value)}}`;
         }
-        if (groupIndex > 0 && value === groupMin) {
+        if (groupIndex > 0 && Number.isFinite(numValue) && Math.abs(numValue - Number(groupMin)) < 1e-4) {
           const prevGroup = dataGroups[groupIndex - 1];
           const prevGroupMax = Math.max(
             ...prevGroup.map((item) => +item[axisKey])
@@ -14344,10 +14739,10 @@ const _sfc_main$2 = {
             return `{center2|${prevGroupMax}/${value}}`;
           return `{center2|${prevGroupMax.toFixed(0)}/${value.toFixed(0)}}`;
         }
-        if (groupIndex <= dataGroups.length - 1 && value === groupMax) {
+        if (groupIndex <= dataGroups.length - 1 && Number.isFinite(numValue) && Math.abs(numValue - Number(groupMax)) < 1e-4) {
           return `{center|}`;
         }
-        if (groupIndex === 0 && value === groupMin) {
+        if (groupIndex === 0 && Number.isFinite(numValue) && Math.abs(numValue - Number(groupMin)) < 1e-4) {
           return `{center|}`;
         }
         return `{center|${typeof +value === "number" ? Number(Number(value).toFixed(0)) : value}}`;
@@ -14516,7 +14911,6 @@ const _sfc_main$2 = {
         ) : [...areaItem.data].sort((a, b) => Number(a[axisKey]) - Number(b[axisKey]));
         const startData = sortedData[0];
         const endData = sortedData[1];
-        console.log("startData", startData, "endData", endData);
         let startY, endY;
         if (this.formCache.axisType === "depth") {
           const startDepth = startData.depth;
@@ -14826,7 +15220,7 @@ const _sfc_main$2 = {
                 ySplitCount
               )
             };
-            if (this.isGeomechanical) {
+            if (this.isGeomechanical && !isDepthLane) {
               yAxisItem.splitNumber = ySplitCount;
               yAxisItem.minInterval = 1;
               yAxisItem.alignTicks = true;
@@ -15273,12 +15667,25 @@ const _sfc_main$2 = {
           }
         });
       });
-      console.log(result, "最新数据");
       this.latestLineDataByParamCode = result;
       return result;
     }
   },
   watch: {
+    // true：趋势线选中模式，初始不选中任何泳道。8.26
+    canClickSelectLane: {
+      handler(val) {
+        if (val) this.clearActiveLane();
+      },
+      immediate: true
+    },
+    // 非地应力：清空选中，不出现任何泳道红框。8.26
+    isGeomechanical: {
+      handler(val) {
+        if (!val) this.clearActiveLane();
+      },
+      immediate: true
+    },
     lineListData: {
       handler() {
         this.$nextTick(() => this.applyLineListData(true));
@@ -15385,13 +15792,7 @@ const _sfc_main$2 = {
           let processedData = newVal && newVal.data || [];
           if (this.formCache.axisType == "time") {
             const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || "time";
-            const firstT = processedData[0] && processedData[0][axisKey];
-            if (!(typeof firstT === "number" && firstT > 1e11)) {
-              processedData = processedData.map((item) => ({
-                ...item,
-                [axisKey]: this.toMillisecondTimestamp(item[axisKey])
-              }));
-            }
+            processedData = this.normalizeTimeModeData(processedData, axisKey);
             this.realTimeData = processedData;
           } else if (processedData[0] && processedData[0].timestamp) {
             const firstTs = processedData[0].timestamp;
@@ -15451,6 +15852,19 @@ const _sfc_main$2 = {
                 }
               }
             });
+          } else if (this.formCache.axisType === "time") {
+            data = this.normalizeTimeModeData(data, axisKey);
+            data.forEach((item) => {
+              const matchIndex = this.realTimeData.findIndex(
+                (d) => d[axisKey] == item[axisKey]
+              );
+              if (matchIndex > -1) {
+                this.realTimeData[matchIndex] = {
+                  ...this.realTimeData[matchIndex],
+                  ...item
+                };
+              }
+            });
           } else {
             data = data.map((item) => ({
               ...item,
@@ -15472,7 +15886,6 @@ const _sfc_main$2 = {
           await this.$nextTick();
           this.updateLanesChartOption();
         } else {
-          console.log(newVal, "newVal");
           let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
@@ -15480,10 +15893,7 @@ const _sfc_main$2 = {
           const direction = newVal.direction || "bottom";
           if (this.formCache.axisType == "time") {
             const axisKey = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || "time";
-            data = data.map((item) => ({
-              ...item,
-              [axisKey]: this.toMillisecondTimestamp(item[axisKey])
-            }));
+            data = this.normalizeTimeModeData(data, axisKey);
             this.realTimeData = markRaw(
               this.deduplicateByUniqueKey(
                 this.realTimeData,
@@ -15611,8 +16021,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   "skip-clone": "",
                   "watch-shallow": "",
                   "init-options": $data.echartsInitOptions,
-                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart)
-                }, null, 8, ["options", "group", "init-options", "onChartInited"]))
+                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart),
+                  onOnSizeChange: () => $options.handleLaneChartSizeChange(lane.laneId)
+                }, null, 8, ["options", "group", "init-options", "onChartInited", "onOnSizeChange"]))
               ], 36))
             ])
           };
@@ -15656,8 +16067,9 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   "skip-clone": "",
                   "watch-shallow": "",
                   "init-options": $data.echartsInitOptions,
-                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart)
-                }, null, 8, ["options", "group", "init-options", "onChartInited"]))
+                  onChartInited: (chart) => $options.handleChartInited(lane.laneId, chart),
+                  onOnSizeChange: () => $options.handleLaneChartSizeChange(lane.laneId)
+                }, null, 8, ["options", "group", "init-options", "onChartInited", "onOnSizeChange"]))
               ], 36))
             ])
           };
@@ -15717,7 +16129,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 544);
 }
-const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-ec0aa0bf"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-90f5fe5f"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -16373,6 +16785,11 @@ const _sfc_main = {
       type: Boolean,
       default: false
     },
+    // 泳道选中互斥：true=趋势线选中+可绘制；false=单击/双击选中且不可绘制趋势线。8.26
+    canClickSelectLane: {
+      type: Boolean,
+      default: false
+    },
     timeConfig: {
       type: Object,
       default: () => ({})
@@ -17238,7 +17655,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])])) : createCommentVNode("", true)
   ]);
 }
-const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-51f78d28"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-de95a42f"]]);
 KdLaneContainerComponent.install = function(app) {
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);
 };