kd-lane-chart-v3 0.1.5 → 0.1.6

package/dist/esm/index.js

@@ -342,7 +342,7 @@ const _sfc_main$e = {
     document.body.addEventListener("keyup", this.onEscKeyRelease);
   },
   beforeUnmount() {
-    document.removeEventListener("keyup", this.onEscKeyRelease);
+    document.body.removeEventListener("keyup", this.onEscKeyRelease);
   }
 };
 const _hoisted_1$d = {
@@ -371,7 +371,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-5e769d89"]]);
+const VueSimpleContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-25d746bb"]]);
 class CustomStrategy {
   constructor(strategy) {
     this.strategy = strategy;
@@ -2607,7 +2607,304 @@ const ACTION_TYPE = {
   UPSERT_LINE: "upsertLine",
   DELETE_LINE: "delLine"
 };
+const LOG_AXIS_MIN_POSITIVE = 0.1;
+const LOG_AXIS_BASE = 10;
+function isLogScaleFlag(val) {
+  return val === true || val === "true" || val === 1 || val === "1";
+}
+function isLaneLogScale(lane) {
+  return !!(lane && isLogScaleFlag(lane.isLogScale));
+}
+function isLogAxisLabelVisible(formCache) {
+  if (!formCache) return true;
+  return formCache.showLogAxis !== false && formCache.showLogAxis !== "false" && formCache.showLogAxis !== 0 && formCache.showLogAxis !== "0";
+}
+function normalizeLogRange(min, max) {
+  let lo = Number(min);
+  let hi = Number(max);
+  if (!Number.isFinite(lo) || lo <= 0) lo = LOG_AXIS_MIN_POSITIVE;
+  if (!Number.isFinite(hi) || hi <= 0) hi = lo * LOG_AXIS_BASE;
+  if (hi <= lo) hi = lo * LOG_AXIS_BASE;
+  return { min: lo, max: hi };
+}
+function toLogDisplayValue(raw, digits = 3) {
+  const n = Number(raw);
+  if (!Number.isFinite(n) || n <= 0) return null;
+  const logv = Math.log10(n);
+  if (!Number.isFinite(logv)) return null;
+  return Number(logv.toFixed(digits));
+}
+function toLogPlotX(raw) {
+  const n = Number(raw);
+  if (!Number.isFinite(n) || n <= 0) return null;
+  const logv = Math.log10(n);
+  return Number.isFinite(logv) ? logv : null;
+}
+function toLaneDrawX(plotX, lane, xAx, digits = 3) {
+  if (!isLaneLogScale(lane)) return plotX;
+  const n = Number(plotX);
+  if (!Number.isFinite(n)) return plotX;
+  return Number(n.toFixed(digits));
+}
+function axisIndexOf$1(val) {
+  const n = Array.isArray(val) ? val[0] : val;
+  return Number(n ?? 0);
+}
+function findLogTrendSeries(chart, paramId) {
+  const option = chart.getOption() || {};
+  return (option.series || []).find((s) => {
+    if (!s || s.type !== "line") return false;
+    const name = Array.isArray(s.name) ? s.name[0] : s.name;
+    if (name === "helper" || name === "log-grid") return false;
+    return String(s.paramId) === String(paramId);
+  }) || null;
+}
+function pixelToLogTrendData(chart, paramId, offsetX, offsetY, lane, lineRange, digits = 3) {
+  if (!chart || !isLaneLogScale(lane)) return null;
+  const series = findLogTrendSeries(chart, paramId);
+  const xAxisIndex = series ? axisIndexOf$1(series.xAxisIndex) : 0;
+  const yAxisIndex = series ? axisIndexOf$1(series.yAxisIndex) : 0;
+  const plot = resolveLaneLogPlotRange(lane, lineRange);
+  const extent = toLogAxisExtent(plot.min, plot.max);
+  let x0;
+  let x1;
+  let depth;
+  try {
+    x0 = chart.convertToPixel({ xAxisIndex }, extent.min);
+    x1 = chart.convertToPixel({ xAxisIndex }, extent.max);
+  } catch (e) {
+    return null;
+  }
+  try {
+    depth = chart.convertFromPixel({ yAxisIndex }, offsetY);
+  } catch (e) {
+    depth = null;
+  }
+  if (!Number.isFinite(x0) || !Number.isFinite(x1) || x1 === x0) return null;
+  if (!Number.isFinite(depth)) return null;
+  const lg = extent.min + (offsetX - x0) / (x1 - x0) * (extent.max - extent.min);
+  if (!Number.isFinite(lg)) return null;
+  return {
+    value: Number(lg.toFixed(digits)),
+    depth,
+    xAxisIndex,
+    yAxisIndex
+  };
+}
+function seriesLogXAtDepth(chart, paramId, depth, digits = 3) {
+  const series = findLogTrendSeries(chart, paramId);
+  if (!series || !series.data || !Number.isFinite(Number(depth))) return null;
+  let best = null;
+  series.data.forEach((pt) => {
+    const x = Array.isArray(pt) ? Number(pt[0]) : Number(pt && pt.value && pt.value[0]);
+    const y = Array.isArray(pt) ? Number(pt[1]) : Number(pt && pt.value && pt.value[1]);
+    if (!Number.isFinite(x) || !Number.isFinite(y)) return;
+    const dist = Math.abs(y - Number(depth));
+    if (!best || dist < best.dist) best = { x, dist };
+  });
+  if (!best) return null;
+  return Number(best.x.toFixed(digits));
+}
+function logTrendDataToPixel(chart, paramId, lg, depth) {
+  if (!chart) return null;
+  const series = findLogTrendSeries(chart, paramId);
+  const xAxisIndex = series ? axisIndexOf$1(series.xAxisIndex) : 0;
+  const yAxisIndex = series ? axisIndexOf$1(series.yAxisIndex) : 0;
+  try {
+    const px = chart.convertToPixel({ xAxisIndex, yAxisIndex }, [lg, depth]);
+    if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
+  } catch (e) {
+  }
+  try {
+    const x = chart.convertToPixel({ xAxisIndex }, lg);
+    const y = chart.convertToPixel({ yAxisIndex }, depth);
+    if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
+  } catch (e) {
+    return null;
+  }
+  return null;
+}
+function toLogAxisExtent(min, max) {
+  const range = normalizeLogRange(min, max);
+  return {
+    min: Math.log10(range.min),
+    max: Math.log10(range.max)
+  };
+}
+function mapSeriesDataXToLog(data) {
+  return (data || []).map((item) => {
+    if (Array.isArray(item)) {
+      return [toLogPlotX(item[0]), item[1], item[2]];
+    }
+    if (item && Array.isArray(item.value)) {
+      return {
+        ...item,
+        value: [toLogPlotX(item.value[0]), item.value[1]]
+      };
+    }
+    return item;
+  });
+}
+function formatLanePointValue(raw, isLog, digits = 3) {
+  if (raw === null || raw === void 0 || raw === "") return null;
+  return toLogDisplayValue(raw, digits);
+}
+function niceLogDecadeRange(min, max) {
+  const range = normalizeLogRange(min, max);
+  let niceMin = 10 ** Math.floor(Math.log10(range.min) + 1e-9);
+  let niceMax = 10 ** Math.ceil(Math.log10(range.max) - 1e-9);
+  if (!Number.isFinite(niceMin) || niceMin <= 0) niceMin = LOG_AXIS_MIN_POSITIVE;
+  if (!Number.isFinite(niceMax) || niceMax <= niceMin) {
+    niceMax = niceMin * LOG_AXIS_BASE;
+  }
+  return { min: niceMin, max: niceMax };
+}
+function resolveLaneLogPlotRange(lane, lineRange = {}) {
+  let lo = Infinity;
+  let hi = -Infinity;
+  (lane && lane.lines || []).forEach((line) => {
+    if (!line) return;
+    const r = lineRange[line.lineId] || {};
+    const cfgMin = Number(line.min);
+    const cfgMax = Number(line.max);
+    const useMin = Number.isFinite(cfgMin) && cfgMin > 0 ? cfgMin : Number(r.min);
+    const useMax = Number.isFinite(cfgMax) && cfgMax > 0 ? cfgMax : Number(r.max);
+    if (Number.isFinite(useMin) && useMin > 0) lo = Math.min(lo, useMin);
+    if (Number.isFinite(useMax) && useMax > 0) hi = Math.max(hi, useMax);
+  });
+  return niceLogDecadeRange(
+    Number.isFinite(lo) ? lo : LOG_AXIS_MIN_POSITIVE,
+    Number.isFinite(hi) ? hi : LOG_AXIS_MIN_POSITIVE * LOG_AXIS_BASE
+  );
+}
+function buildLogLaneTenLineValues(min, max) {
+  const range = niceLogDecadeRange(min, max);
+  const ratio = range.max / range.min;
+  const values = [];
+  for (let m = 1; m <= 10; m++) {
+    values.push(range.min * ratio ** Math.log10(m));
+  }
+  return values;
+}
+function buildLogLaneTenLineLgValues(min, max) {
+  return buildLogLaneTenLineValues(min, max).map((v) => Math.log10(v)).filter((v) => Number.isFinite(v));
+}
+function buildLogDecadeTickMarks(min, max) {
+  const range = niceLogDecadeRange(min, max);
+  const loExp = Math.round(Math.log10(range.min));
+  const hiExp = Math.round(Math.log10(range.max));
+  const marks = [];
+  for (let e = loExp; e <= hiExp; e++) {
+    const value = 10 ** e;
+    marks.push({
+      value,
+      label: String(e),
+      percent: logValueToPercent(value, range.min, range.max)
+    });
+  }
+  return marks;
+}
+function logValueToPercent(value, min, max) {
+  const range = normalizeLogRange(min, max);
+  const v = Number(value);
+  if (!Number.isFinite(v) || v <= 0) return 0;
+  const clamped = Math.max(range.min, Math.min(range.max, v));
+  const span = Math.log(range.max) - Math.log(range.min);
+  if (span <= 0) return 0;
+  return (Math.log(clamped) - Math.log(range.min)) / span * 100;
+}
+function buildLogXAxisOption({
+  gridIndex = 0,
+  min,
+  max,
+  showSplitLine = true,
+  splitLineColor
+} = {}) {
+  const range = niceLogDecadeRange(min, max);
+  const extent = toLogAxisExtent(range.min, range.max);
+  const lineStyle = {
+    color: splitLineColor,
+    type: "dashed",
+    width: 1
+  };
+  return {
+    gridIndex,
+    show: true,
+    type: "value",
+    min: extent.min,
+    max: extent.max,
+    minorTick: { show: false },
+    minorSplitLine: {
+      show: false,
+      lineStyle
+    },
+    splitLine: {
+      show: showSplitLine,
+      showMaxLine: false,
+      showMinLine: false,
+      lineStyle
+    },
+    axisLabel: { show: false },
+    axisLine: { show: false },
+    axisTick: { show: false }
+  };
+}
 const _sfc_main$9 = {
+  name: "LogAxisRuler",
+  props: {
+    min: {
+      type: [Number, String],
+      default: 0.1
+    },
+    max: {
+      type: [Number, String],
+      default: 100
+    },
+    visible: {
+      type: Boolean,
+      default: true
+    },
+    // top：曲线上方；bottom：表头底沿。8.22对数轴
+    placement: {
+      type: String,
+      default: "top"
+    }
+  },
+  computed: {
+    // 刻度随量程重算，标 lg；边控关显示时整尺隐藏。8.24
+    marks() {
+      return buildLogDecadeTickMarks(this.min, this.max);
+    }
+  },
+  methods: {
+    // 两端刻度贴边，避免 translateX(-50%) 被裁掉。8.22对数轴
+    tickStyle(mark) {
+      if (mark.percent <= 2) {
+        return { left: "2px", transform: "none" };
+      }
+      if (mark.percent >= 98) {
+        return { left: "auto", right: "2px", transform: "none" };
+      }
+      return { left: mark.percent + "%" };
+    }
+  }
+};
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return $props.visible && $options.marks.length ? (openBlock(), createElementBlock("div", {
+    key: 0,
+    class: normalizeClass(["kd-log-axis-ruler", { "kd-log-axis-ruler--top": $props.placement === "top" }])
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList($options.marks, (mark) => {
+      return openBlock(), createElementBlock("span", {
+        key: String(mark.value),
+        class: "kd-log-axis-ruler__tick",
+        style: normalizeStyle($options.tickStyle(mark))
+      }, toDisplayString(mark.label), 5);
+    }), 128))
+  ], 2)) : createCommentVNode("", true);
+}
+const LogAxisRuler = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-17ebb571"]]);
+const _sfc_main$8 = {
   name: "HeaderItem",
   props: {
     lineRange: {
@@ -2654,6 +2951,11 @@ const _sfc_main$9 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2692,7 +2994,7 @@ const _sfc_main$9 = {
       if (!Number.isFinite(max)) return false;
       return max > this.line.max || min < this.line.min;
     },
-    // 显示当前数据最新值
+    // 显示当前数据最新值；对数道出 lg(x)。8.24
     getCurrentData() {
       if (this.formCache.displayType == "float") {
         return "";
@@ -2703,7 +3005,13 @@ const _sfc_main$9 = {
       )) {
         return "--";
       }
-      return this.headerData[this.line.paramId] !== null && this.headerData[this.line.paramId] !== void 0 && this.headerData[this.line.paramId] !== "" ? typeof +this.headerData[this.line.paramId] === "number" ? Number(Number(this.headerData[this.line.paramId]).toFixed(3)) : this.headerData[this.line.paramId] : "--";
+      const raw = this.headerData[this.line.paramId];
+      if (raw === null || raw === void 0 || raw === "") return "--";
+      if (isLogScaleFlag(this.isLogScale)) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return typeof +raw === "number" ? Number(Number(raw).toFixed(3)) : raw;
     },
     getParamName(line) {
       const nameConfig = this.paramsNameMap[line.paramId];
@@ -2792,7 +3100,7 @@ const _hoisted_1$8 = { class: "kd-lane-chart-container-text-container" };
 const _hoisted_2$7 = { class: "left" };
 const _hoisted_3$6 = { class: "center" };
 const _hoisted_4$6 = { class: "right" };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["kd-lane-chart-container-header-item", { "kd-lane-chart-container-header-item_warning": $options.isShowWarning() }]),
     style: normalizeStyle($options.headerItemStyle),
@@ -2819,8 +3127,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 6);
 }
-const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-3a2fbd9e"]]);
-const _sfc_main$8 = {
+const HeaderItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-466dec24"]]);
+const _sfc_main$7 = {
   name: "LegendItem",
   props: {
     lineRange: {
@@ -2867,6 +3175,11 @@ const _sfc_main$8 = {
     headerData: {
       type: Object,
       default: () => ({})
+    },
+    // 泳道开了对数轴时，表头当前值出 lg。8.24
+    isLogScale: {
+      type: [Boolean, String, Number],
+      default: false
     }
   },
   methods: {
@@ -2884,7 +3197,13 @@ const _sfc_main$8 = {
       if (!Object.prototype.hasOwnProperty.call(this.headerData, paramId)) {
         return "--";
       }
-      return this.headerData[paramId] !== null && this.headerData[paramId] !== void 0 && this.headerData[paramId] !== "" ? typeof +this.headerData[paramId] === "number" ? Number(Number(this.headerData[paramId]).toFixed(3)) : this.headerData[paramId] : "--";
+      const raw = this.headerData[paramId];
+      if (raw === null || raw === void 0 || raw === "") return "--";
+      if (isLogScaleFlag(this.isLogScale)) {
+        const lg = formatLanePointValue(raw);
+        return lg == null ? "--" : lg;
+      }
+      return typeof +raw === "number" ? Number(Number(raw).toFixed(3)) : raw;
     },
     toggleLegend(label) {
       const temp = { ...this.line };
@@ -2945,7 +3264,7 @@ const _hoisted_7$3 = {
   class: "legend-data"
 };
 const _hoisted_8$2 = { class: "scale-right" };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "kd-lane-chart-container-legend-item",
     style: normalizeStyle($options.legendItemStyle)
@@ -2979,7 +3298,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 4);
 }
-const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-9206b887"]]);
+const LegendItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-41c24d2f"]]);
 const TREND_LINE_STYLE = {
   stroke: "#FF9800",
   lineWidth: 2,
@@ -3341,8 +3660,8 @@ function findSeriesForDepth(chart, paramId, depth) {
     if (String(seriesParamId(s)) !== String(paramId)) continue;
     const info = {
       seriesIndex: i,
-      xAxisIndex: axisIndexOf$1(s.xAxisIndex),
-      yAxisIndex: axisIndexOf$1(s.yAxisIndex)
+      xAxisIndex: axisIndexOf(s.xAxisIndex),
+      yAxisIndex: axisIndexOf(s.yAxisIndex)
     };
     fallback = info;
     const yAx = yAxes[info.yAxisIndex];
@@ -3382,7 +3701,7 @@ function isPointerInAnyGrid(chart, offsetX, offsetY) {
   }
   return false;
 }
-function axisIndexOf$1(val) {
+function axisIndexOf(val) {
   const n = Array.isArray(val) ? val[0] : val;
   return Number(n ?? 0);
 }
@@ -3394,12 +3713,12 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
     try {
       if (!loose && !chart.containPixel({ gridIndex: g }, [offsetX, offsetY])) continue;
       const seriesList = (option.series || []).filter(matchParam);
-      const series = seriesList.find((s) => axisIndexOf$1(s.yAxisIndex) === g) || seriesList[0];
+      const series = seriesList.find((s) => axisIndexOf(s.yAxisIndex) === g) || seriesList[0];
       const finders = [];
       if (series) {
         finders.push({
-          xAxisIndex: axisIndexOf$1(series.xAxisIndex),
-          yAxisIndex: axisIndexOf$1(series.yAxisIndex)
+          xAxisIndex: axisIndexOf(series.xAxisIndex),
+          yAxisIndex: axisIndexOf(series.yAxisIndex)
         });
         const seriesIndex = (option.series || []).indexOf(series);
         if (seriesIndex >= 0) finders.push({ seriesIndex });
@@ -3436,347 +3755,50 @@ function pixelToData(chart, paramId, offsetX, offsetY, loose = false) {
     } catch (e) {
     }
   }
-  return null;
-}
-function dataToPixel(chart, paramId, value, depth) {
-  const finder = findSeriesForDepth(chart, paramId, depth);
-  const finders = [
-    { xAxisIndex: finder.xAxisIndex, yAxisIndex: finder.yAxisIndex },
-    { seriesIndex: finder.seriesIndex },
-    { gridIndex: finder.yAxisIndex ?? 0 }
-  ];
-  for (const f of finders) {
-    try {
-      const px = chart.convertToPixel(f, [value, depth]);
-      if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
-    } catch (e) {
-    }
-  }
-  return null;
-}
-function snapDepthToEdge(depth, depthMin, depthMax, tol) {
-  if (!Number.isFinite(depth)) return depth;
-  const lo = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.min(depthMin, depthMax) : depthMin;
-  const hi = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.max(depthMin, depthMax) : depthMax;
-  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return depth;
-  let d = depth;
-  if (Math.abs(d - lo) <= tol) d = lo;
-  if (Math.abs(d - hi) <= tol) d = hi;
-  return Math.max(lo, Math.min(hi, d));
-}
-function getAxisRange(chart, paramId, depth) {
-  const option = chart.getOption() || {};
-  const finder = findSeriesForDepth(chart, paramId, depth);
-  const xAx = (option.xAxis || [])[finder.xAxisIndex] || {};
-  const yAx = (option.yAxis || [])[finder.yAxisIndex] || {};
-  const xMin = Number(xAx.min);
-  const xMax = Number(xAx.max);
-  const yMin = Number(yAx.min);
-  const yMax = Number(yAx.max);
-  return {
-    valueMin: Number.isFinite(xMin) ? xMin : 0,
-    valueMax: Number.isFinite(xMax) ? xMax : 100,
-    depthMin: Number.isFinite(yMin) ? Math.min(yMin, yMax) : 0,
-    depthMax: Number.isFinite(yMax) ? Math.max(yMin, yMax) : 100
-  };
-}
-const LOG_AXIS_MIN_POSITIVE = 0.1;
-const LOG_AXIS_BASE = 10;
-function isLogScaleFlag(val) {
-  return val === true || val === "true" || val === 1 || val === "1";
-}
-function isLaneLogScale(lane) {
-  return !!(lane && isLogScaleFlag(lane.isLogScale));
-}
-function isLogAxisLabelVisible(formCache) {
-  if (!formCache) return true;
-  return formCache.showLogAxis !== false && formCache.showLogAxis !== "false" && formCache.showLogAxis !== 0 && formCache.showLogAxis !== "0";
-}
-function normalizeLogRange(min, max) {
-  let lo = Number(min);
-  let hi = Number(max);
-  if (!Number.isFinite(lo) || lo <= 0) lo = LOG_AXIS_MIN_POSITIVE;
-  if (!Number.isFinite(hi) || hi <= 0) hi = lo * LOG_AXIS_BASE;
-  if (hi <= lo) hi = lo * LOG_AXIS_BASE;
-  return { min: lo, max: hi };
-}
-function toLogPlotX(raw) {
-  const n = Number(raw);
-  if (!Number.isFinite(n) || n <= 0) return null;
-  const logv = Math.log10(n);
-  return Number.isFinite(logv) ? logv : null;
-}
-function toLaneDrawX(plotX, lane, xAx, digits = 3) {
-  if (!isLaneLogScale(lane)) return plotX;
-  const n = Number(plotX);
-  if (!Number.isFinite(n)) return plotX;
-  return Number(n.toFixed(digits));
-}
-function axisIndexOf(val) {
-  const n = Array.isArray(val) ? val[0] : val;
-  return Number(n ?? 0);
-}
-function findLogTrendSeries(chart, paramId) {
-  const option = chart.getOption() || {};
-  return (option.series || []).find((s) => {
-    if (!s || s.type !== "line") return false;
-    const name = Array.isArray(s.name) ? s.name[0] : s.name;
-    if (name === "helper" || name === "log-grid") return false;
-    return String(s.paramId) === String(paramId);
-  }) || null;
-}
-function pixelToLogTrendData(chart, paramId, offsetX, offsetY, lane, lineRange, digits = 3) {
-  if (!chart || !isLaneLogScale(lane)) return null;
-  const series = findLogTrendSeries(chart, paramId);
-  const xAxisIndex = series ? axisIndexOf(series.xAxisIndex) : 0;
-  const yAxisIndex = series ? axisIndexOf(series.yAxisIndex) : 0;
-  const plot = resolveLaneLogPlotRange(lane, lineRange);
-  const extent = toLogAxisExtent(plot.min, plot.max);
-  let x0;
-  let x1;
-  let depth;
-  try {
-    x0 = chart.convertToPixel({ xAxisIndex }, extent.min);
-    x1 = chart.convertToPixel({ xAxisIndex }, extent.max);
-  } catch (e) {
-    return null;
-  }
-  try {
-    depth = chart.convertFromPixel({ yAxisIndex }, offsetY);
-  } catch (e) {
-    depth = null;
-  }
-  if (!Number.isFinite(x0) || !Number.isFinite(x1) || x1 === x0) return null;
-  if (!Number.isFinite(depth)) return null;
-  const lg = extent.min + (offsetX - x0) / (x1 - x0) * (extent.max - extent.min);
-  if (!Number.isFinite(lg)) return null;
-  return {
-    value: Number(lg.toFixed(digits)),
-    depth,
-    xAxisIndex,
-    yAxisIndex
-  };
-}
-function seriesLogXAtDepth(chart, paramId, depth, digits = 3) {
-  const series = findLogTrendSeries(chart, paramId);
-  if (!series || !series.data || !Number.isFinite(Number(depth))) return null;
-  let best = null;
-  series.data.forEach((pt) => {
-    const x = Array.isArray(pt) ? Number(pt[0]) : Number(pt && pt.value && pt.value[0]);
-    const y = Array.isArray(pt) ? Number(pt[1]) : Number(pt && pt.value && pt.value[1]);
-    if (!Number.isFinite(x) || !Number.isFinite(y)) return;
-    const dist = Math.abs(y - Number(depth));
-    if (!best || dist < best.dist) best = { x, dist };
-  });
-  if (!best) return null;
-  return Number(best.x.toFixed(digits));
-}
-function logTrendDataToPixel(chart, paramId, lg, depth) {
-  if (!chart) return null;
-  const series = findLogTrendSeries(chart, paramId);
-  const xAxisIndex = series ? axisIndexOf(series.xAxisIndex) : 0;
-  const yAxisIndex = series ? axisIndexOf(series.yAxisIndex) : 0;
-  try {
-    const px = chart.convertToPixel({ xAxisIndex, yAxisIndex }, [lg, depth]);
-    if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
-  } catch (e) {
-  }
-  try {
-    const x = chart.convertToPixel({ xAxisIndex }, lg);
-    const y = chart.convertToPixel({ yAxisIndex }, depth);
-    if (Number.isFinite(x) && Number.isFinite(y)) return [x, y];
-  } catch (e) {
-    return null;
-  }
-  return null;
-}
-function toLogAxisExtent(min, max) {
-  const range = normalizeLogRange(min, max);
-  return {
-    min: Math.log10(range.min),
-    max: Math.log10(range.max)
-  };
-}
-function mapSeriesDataXToLog(data) {
-  return (data || []).map((item) => {
-    if (Array.isArray(item)) {
-      return [toLogPlotX(item[0]), item[1], item[2]];
-    }
-    if (item && Array.isArray(item.value)) {
-      return {
-        ...item,
-        value: [toLogPlotX(item.value[0]), item.value[1]]
-      };
-    }
-    return item;
-  });
-}
-function formatLogTick(value) {
-  const n = Number(value);
-  if (n === 0) return "0";
-  if (!Number.isFinite(n) || n <= 0) return "";
-  const exp = Math.log10(n);
-  if (Math.abs(exp - Math.round(exp)) < 1e-6 && (n >= 1e3 || n < 0.01)) {
-    return `1e${Math.round(exp)}`;
-  }
-  if (n >= 1) return String(Number(n.toPrecision(4)));
-  return String(Number(n.toPrecision(3)));
-}
-function niceLogDecadeRange(min, max) {
-  const range = normalizeLogRange(min, max);
-  let niceMin = 10 ** Math.floor(Math.log10(range.min) + 1e-9);
-  let niceMax = 10 ** Math.ceil(Math.log10(range.max) - 1e-9);
-  if (!Number.isFinite(niceMin) || niceMin <= 0) niceMin = LOG_AXIS_MIN_POSITIVE;
-  if (!Number.isFinite(niceMax) || niceMax <= niceMin) {
-    niceMax = niceMin * LOG_AXIS_BASE;
-  }
-  return { min: niceMin, max: niceMax };
-}
-function resolveLaneLogPlotRange(lane, lineRange = {}) {
-  let lo = Infinity;
-  let hi = -Infinity;
-  (lane && lane.lines || []).forEach((line) => {
-    if (!line) return;
-    const r = lineRange[line.lineId] || {};
-    const cfgMin = Number(line.min);
-    const cfgMax = Number(line.max);
-    const useMin = Number.isFinite(cfgMin) && cfgMin > 0 ? cfgMin : Number(r.min);
-    const useMax = Number.isFinite(cfgMax) && cfgMax > 0 ? cfgMax : Number(r.max);
-    if (Number.isFinite(useMin) && useMin > 0) lo = Math.min(lo, useMin);
-    if (Number.isFinite(useMax) && useMax > 0) hi = Math.max(hi, useMax);
-  });
-  return niceLogDecadeRange(
-    Number.isFinite(lo) ? lo : LOG_AXIS_MIN_POSITIVE,
-    Number.isFinite(hi) ? hi : LOG_AXIS_MIN_POSITIVE * LOG_AXIS_BASE
-  );
-}
-function buildLogLaneTenLineValues(min, max) {
-  const range = niceLogDecadeRange(min, max);
-  const ratio = range.max / range.min;
-  const values = [];
-  for (let m = 1; m <= 10; m++) {
-    values.push(range.min * ratio ** Math.log10(m));
-  }
-  return values;
-}
-function buildLogLaneTenLineLgValues(min, max) {
-  return buildLogLaneTenLineValues(min, max).map((v) => Math.log10(v)).filter((v) => Number.isFinite(v));
+  return null;
 }
-function buildLogDecadeTickMarks(min, max) {
-  const range = niceLogDecadeRange(min, max);
-  const loExp = Math.round(Math.log10(range.min));
-  const hiExp = Math.round(Math.log10(range.max));
-  const marks = [];
-  for (let e = loExp; e <= hiExp; e++) {
-    const value = 10 ** e;
-    marks.push({
-      value,
-      label: formatLogTick(value),
-      percent: logValueToPercent(value, range.min, range.max)
-    });
+function dataToPixel(chart, paramId, value, depth) {
+  const finder = findSeriesForDepth(chart, paramId, depth);
+  const finders = [
+    { xAxisIndex: finder.xAxisIndex, yAxisIndex: finder.yAxisIndex },
+    { seriesIndex: finder.seriesIndex },
+    { gridIndex: finder.yAxisIndex ?? 0 }
+  ];
+  for (const f of finders) {
+    try {
+      const px = chart.convertToPixel(f, [value, depth]);
+      if (px && Number.isFinite(px[0]) && Number.isFinite(px[1])) return px;
+    } catch (e) {
+    }
   }
-  return marks;
+  return null;
 }
-function logValueToPercent(value, min, max) {
-  const range = normalizeLogRange(min, max);
-  const v = Number(value);
-  if (!Number.isFinite(v) || v <= 0) return 0;
-  const clamped = Math.max(range.min, Math.min(range.max, v));
-  const span = Math.log(range.max) - Math.log(range.min);
-  if (span <= 0) return 0;
-  return (Math.log(clamped) - Math.log(range.min)) / span * 100;
+function snapDepthToEdge(depth, depthMin, depthMax, tol) {
+  if (!Number.isFinite(depth)) return depth;
+  const lo = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.min(depthMin, depthMax) : depthMin;
+  const hi = Number.isFinite(depthMin) && Number.isFinite(depthMax) ? Math.max(depthMin, depthMax) : depthMax;
+  if (!Number.isFinite(lo) || !Number.isFinite(hi)) return depth;
+  let d = depth;
+  if (Math.abs(d - lo) <= tol) d = lo;
+  if (Math.abs(d - hi) <= tol) d = hi;
+  return Math.max(lo, Math.min(hi, d));
 }
-function buildLogXAxisOption({
-  gridIndex = 0,
-  min,
-  max,
-  showSplitLine = true,
-  splitLineColor
-} = {}) {
-  const range = niceLogDecadeRange(min, max);
-  const extent = toLogAxisExtent(range.min, range.max);
-  const lineStyle = {
-    color: splitLineColor,
-    type: "dashed",
-    width: 1
-  };
+function getAxisRange(chart, paramId, depth) {
+  const option = chart.getOption() || {};
+  const finder = findSeriesForDepth(chart, paramId, depth);
+  const xAx = (option.xAxis || [])[finder.xAxisIndex] || {};
+  const yAx = (option.yAxis || [])[finder.yAxisIndex] || {};
+  const xMin = Number(xAx.min);
+  const xMax = Number(xAx.max);
+  const yMin = Number(yAx.min);
+  const yMax = Number(yAx.max);
   return {
-    gridIndex,
-    show: true,
-    type: "value",
-    min: extent.min,
-    max: extent.max,
-    minorTick: { show: false },
-    minorSplitLine: {
-      show: false,
-      lineStyle
-    },
-    splitLine: {
-      show: showSplitLine,
-      showMaxLine: false,
-      showMinLine: false,
-      lineStyle
-    },
-    axisLabel: { show: false },
-    axisLine: { show: false },
-    axisTick: { show: false }
+    valueMin: Number.isFinite(xMin) ? xMin : 0,
+    valueMax: Number.isFinite(xMax) ? xMax : 100,
+    depthMin: Number.isFinite(yMin) ? Math.min(yMin, yMax) : 0,
+    depthMax: Number.isFinite(yMax) ? Math.max(yMin, yMax) : 100
   };
 }
-const _sfc_main$7 = {
-  name: "LogAxisRuler",
-  props: {
-    min: {
-      type: [Number, String],
-      default: 0.1
-    },
-    max: {
-      type: [Number, String],
-      default: 100
-    },
-    visible: {
-      type: Boolean,
-      default: true
-    },
-    // top：曲线上方；bottom：表头底沿。8.22对数轴
-    placement: {
-      type: String,
-      default: "top"
-    }
-  },
-  computed: {
-    // 刻度随量程重算，边控关显示时整尺隐藏。8.22对数轴
-    marks() {
-      return buildLogDecadeTickMarks(this.min, this.max);
-    }
-  },
-  methods: {
-    // 两端刻度贴边，避免 translateX(-50%) 被裁掉。8.22对数轴
-    tickStyle(mark) {
-      if (mark.percent <= 2) {
-        return { left: "2px", transform: "none" };
-      }
-      if (mark.percent >= 98) {
-        return { left: "auto", right: "2px", transform: "none" };
-      }
-      return { left: mark.percent + "%" };
-    }
-  }
-};
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return $props.visible && $options.marks.length ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(["kd-log-axis-ruler", { "kd-log-axis-ruler--top": $props.placement === "top" }])
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList($options.marks, (mark) => {
-      return openBlock(), createElementBlock("span", {
-        key: String(mark.value),
-        class: "kd-log-axis-ruler__tick",
-        style: normalizeStyle($options.tickStyle(mark))
-      }, toDisplayString(mark.label), 5);
-    }), 128))
-  ], 2)) : createCommentVNode("", true);
-}
-const LogAxisRuler = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-d5ed1748"]]);
 class TrendLineManager {
   constructor(host) {
     this.host = host;
@@ -3797,9 +3819,20 @@ class TrendLineManager {
     this._clearClickTimer();
     this._endDrag();
     Array.from(this.binds.keys()).forEach((laneId) => this.unbindChart(laneId));
-    if (this._raf) cancelAnimationFrame(this._raf);
-    if (this._zoomRaf) cancelAnimationFrame(this._zoomRaf);
-    if (this._zoomEndTimer) clearTimeout(this._zoomEndTimer);
+    if (this._raf) {
+      cancelAnimationFrame(this._raf);
+      this._raf = null;
+    }
+    if (this._zoomRaf) {
+      cancelAnimationFrame(this._zoomRaf);
+      this._zoomRaf = null;
+    }
+    if (this._zoomEndTimer) {
+      clearTimeout(this._zoomEndTimer);
+      this._zoomEndTimer = null;
+    }
+    this.store = /* @__PURE__ */ Object.create(null);
+    this._graphicIds = /* @__PURE__ */ Object.create(null);
   }
   /** 从模板 line.trendSegments 回显；已有 store 的曲线不覆盖，避免编辑中被模板刷新冲掉。8.21 */
   hydrateFromTemplate(template) {
@@ -5133,12 +5166,16 @@ const _sfc_main$6 = {
     }
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
+      this.resizeObserver = null;
     }
     if (this.resizeObserverContainer) {
       this.resizeObserverContainer.disconnect();
+      this.resizeObserverContainer = null;
     }
   },
   methods: {
+    isLaneLogScale,
+    // 模板里判断对数道。8.24
     initStrategy() {
       if (!this.config || !this.config.caseId) {
         return;
@@ -5183,6 +5220,10 @@ const _sfc_main$6 = {
       });
     },
     setupResizeObserver() {
+      if (this.resizeObserver) {
+        this.resizeObserver.disconnect();
+        this.resizeObserver = null;
+      }
       const container = this.$refs.targetDom;
       if (container) {
         this.resizeObserver = new ResizeObserver(() => {
@@ -6324,16 +6365,18 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                         line,
                         paramsNameMap: $options.paramsNameMap
                       }, { ref_for: true }, _ctx.$props, {
+                        "is-log-scale": $options.isLaneLogScale(lane),
                         onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                         onUpdateLine: $options.upsertLine
-                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                      }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
                         key: 1,
                         line,
                         paramsNameMap: $options.paramsNameMap
                       }, { ref_for: true }, _ctx.$props, {
+                        "is-log-scale": $options.isLaneLogScale(lane),
                         onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                         onUpdateLine: $options.upsertLine
-                      }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                      }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"]))
                     ], 2);
                   }), 128))
                 ]),
@@ -6440,16 +6483,18 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
                             line,
                             paramsNameMap: $options.paramsNameMap
                           }, { ref_for: true }, _ctx.$props, {
+                            "is-log-scale": $options.isLaneLogScale(lane),
                             onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                             onUpdateLine: $options.upsertLine
-                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
+                          }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"])) : (openBlock(), createBlock(_component_LegendItem, mergeProps({
                             key: 1,
                             line,
                             paramsNameMap: $options.paramsNameMap
                           }, { ref_for: true }, _ctx.$props, {
+                            "is-log-scale": $options.isLaneLogScale(lane),
                             onContextmenu: withModifiers(($event) => $options.showContextMenu($event, line), ["prevent"]),
                             onUpdateLine: $options.upsertLine
-                          }), null, 16, ["line", "paramsNameMap", "onContextmenu", "onUpdateLine"]))
+                          }), null, 16, ["line", "paramsNameMap", "is-log-scale", "onContextmenu", "onUpdateLine"]))
                         ], 2);
                       }), 128))
                     ]),
@@ -6550,7 +6595,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-afde8956"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-9d96e270"]]);
 const SLIDER_GROUP_ID = "depthSliderGroup";
 function pad2(n) {
   return n < 10 ? "0" + n : "" + n;
@@ -6683,10 +6728,12 @@ const _sfc_main$5 = {
                 yName: curveConfig.yName,
                 xCode,
                 yCode,
-                data: this.cachedCurveData.map((item) => ({
-                  time: item[xCode] || item.timestamp,
-                  value: item[yCode] || 0
-                }))
+                data: markRaw(
+                  this.cachedCurveData.map((item) => ({
+                    time: item[xCode] || item.timestamp,
+                    value: item[yCode] || 0
+                  }))
+                )
               };
             })
           };
@@ -6732,24 +6779,28 @@ const _sfc_main$5 = {
         await this.$nextTick();
         if (newVal.type === "replace") {
           this.cachedCurveData = [];
-          let processedData = newVal && newVal.data ? Array.isArray(newVal.data) ? [...newVal.data] : [newVal.data] : [];
+          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";
-            processedData = processedData.map((item) => ({
-              ...item,
-              [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
-            }));
-            this.cachedCurveData = processedData;
+            const firstT = processedData[0] && processedData[0][axisKey];
+            if (!(typeof firstT === "number" && firstT > 1e11)) {
+              processedData = processedData.map((item) => ({
+                ...item,
+                [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
+              }));
+            }
+            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";
-            if (processedData[0] && processedData[0].timestamp) {
+            const firstTs = processedData[0] && processedData[0].timestamp;
+            if (firstTs && !(typeof firstTs === "number" && firstTs > 1e11)) {
               processedData = processedData.map((item) => ({
                 ...item,
                 timestamp: this.toMillisecondTimestamp(item.timestamp)
               }));
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], processedData, "timestamp"));
             } else {
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, processedData, axisKey);
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], processedData, axisKey));
             }
           }
           if (this.cachedCurveData.length > 0) {
@@ -6804,11 +6855,11 @@ const _sfc_main$5 = {
               ...item,
               [axisKey]: this.toMillisecondTimestamp(item[axisKey] || item.timestamp)
             }));
-            this.cachedCurveData = this.deduplicateByUniqueKey(
+            this.cachedCurveData = markRaw(this.deduplicateByUniqueKey(
               this.cachedCurveData,
               data,
               axisKey
-            );
+            ));
           } else {
             data = data.map((item) => ({
               ...item,
@@ -6816,9 +6867,9 @@ const _sfc_main$5 = {
             }));
             if (direction === "top") {
               const tempData = [...data, ...this.cachedCurveData];
-              this.cachedCurveData = this.deduplicateByUniqueKey([], tempData, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey([], tempData, "timestamp"));
             } else {
-              this.cachedCurveData = this.deduplicateByUniqueKey(this.cachedCurveData, data, "timestamp");
+              this.cachedCurveData = markRaw(this.deduplicateByUniqueKey(this.cachedCurveData, data, "timestamp"));
             }
           }
           if (this.cachedCurveData.length > 0) {
@@ -6829,8 +6880,7 @@ const _sfc_main$5 = {
           this.renderChart();
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     },
     depthTimeChartData: {
       deep: true,
@@ -7863,7 +7913,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-75a3a4e4"]]);
+const DepthTimeChart = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-9991a24b"]]);
 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,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";
@@ -9196,7 +9246,10 @@ const _sfc_main$3 = {
         const next = this.getOptionsWithTheme(options, skipClone);
         this._applySavedDataZoomToOptions(next, savedDataZoom);
         this._preserveGraphic(next);
-        this.delegateMethod("setOption", next, notMerge, lazyUpdate);
+        this.delegateMethod("setOption", next, {
+          notMerge: !!notMerge,
+          lazyUpdate: !!lazyUpdate
+        });
         this.$nextTick(() => {
           this._skipWatcher = false;
         });
@@ -9359,7 +9412,9 @@ const _sfc_main$3 = {
               const next = this.getOptionsWithTheme(val);
               this._applySavedDataZoomToOptions(next, savedDataZoom);
               this._preserveGraphic(next);
-              this.chart.setOption(next, val !== oldVal);
+              this.chart.setOption(next, {
+                notMerge: this.skipClone || val !== oldVal
+              });
               if (this.group) {
                 this.chart.group = this.group;
               }
@@ -9371,8 +9426,15 @@ const _sfc_main$3 = {
     },
     destroy() {
       this._unbindNativeDragGuard();
+      if (this.__unwatchOptions) {
+        this.__unwatchOptions();
+        this.__unwatchOptions = null;
+      }
       if (this.autoresize) {
         removeListener(this.$el, this.__resizeHandler);
+        if (this.__resizeHandler && this.__resizeHandler.cancel) {
+          this.__resizeHandler.cancel();
+        }
       }
       this.dispose();
       this.chart = null;
@@ -9445,7 +9507,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-0df7a705"]]);
+const resizeEcharts = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-8c9f410f"]]);
 const DRAW_POINT_MIN = 600;
 const DRAW_POINT_MAX = 1800;
 function getSeriesDrawThreshold(laneHeightPx) {
@@ -9836,6 +9898,7 @@ const _sfc_main$2 = {
     this.showTooltip = this.formCache.displayType == "float";
   },
   beforeUnmount() {
+    this._isUnmounted = true;
     window.removeEventListener("keydown", this.handleKeyDown);
     window.removeEventListener("keyup", this.handleKeyUp);
     if (this.trendLineManager) this.trendLineManager.destroy();
@@ -9843,15 +9906,29 @@ const _sfc_main$2 = {
       cancelAnimationFrame(this._pointerRaf);
       this._pointerRaf = 0;
     }
+    if (this._connectRaf) {
+      cancelAnimationFrame(this._connectRaf);
+      this._connectRaf = 0;
+    }
+    cancelAnimationFrame(this.animationId);
+    this.animationId = null;
+    if (this.debounceJudgeEdge && this.debounceJudgeEdge.cancel) {
+      this.debounceJudgeEdge.cancel();
+    }
+    if (this.scheduleConnectAllCharts && this.scheduleConnectAllCharts.cancel) {
+      this.scheduleConnectAllCharts.cancel();
+    }
     this._pendingPointer = null;
     this.unbindChartPointerSync();
     echarts.disConnect(this.group);
     this.clearEcharts();
     if (this.resizeObserver) {
       this.resizeObserver.disconnect();
+      this.resizeObserver = null;
     }
     if (this.resizeTimeout) {
       clearTimeout(this.resizeTimeout);
+      this.resizeTimeout = null;
     }
   },
   methods: {
@@ -9872,6 +9949,10 @@ const _sfc_main$2 = {
     getLaneLogPlotRange(lane) {
       return resolveLaneLogPlotRange(lane, this.lineRange);
     },
+    // 对数开关变化时重建该道图表，series 才能换成 lg 数据。8.24
+    chartLaneKey(lane) {
+      return `${lane && lane.laneId}-${isLaneLogScale(lane) ? "log" : "lin"}`;
+    },
     // 整道 10 条竖线，样式跟普通泳道 splitLine 同一套。8.22对数轴
     getLogPaperGridSeries(lane, xAxisIndex, yAxisIndex) {
       const range = this.getLaneLogPlotRange(lane);
@@ -10207,7 +10288,7 @@ const _sfc_main$2 = {
       const item = Array.isArray(tip) ? tip[0] : tip;
       return !!(item && item.show === false);
     },
-    // 对数轴曲线 X 用 lg(x)；轴是线性 lg 量程，允许负数。8.22对数轴
+    // 对数轴曲线 X 用 lg(x)；轴是线性 lg 量程，允许负数。不改原始行。8.24
     plotX(raw, isLogScale) {
       return isLogScale ? toLogPlotX(raw) : raw;
     },
@@ -10496,7 +10577,11 @@ const _sfc_main$2 = {
     // 联动所有泳道图表的十字准线与 tooltip（贯穿整个泳道区域）
     connectAllCharts() {
       this.$nextTick(() => {
-        requestAnimationFrame(() => {
+        if (this._isUnmounted) return;
+        if (this._connectRaf) cancelAnimationFrame(this._connectRaf);
+        this._connectRaf = requestAnimationFrame(() => {
+          this._connectRaf = 0;
+          if (this._isUnmounted) return;
           const charts = this.getConnectedCharts();
           if (charts.length === 0) return;
           charts.forEach((chart) => {
@@ -10675,6 +10760,14 @@ const _sfc_main$2 = {
         });
       }
       this._pointerMetaGen++;
+      this.flushLaneChartOption(lineId, cachedOption);
+    },
+    // skip-clone 浅监听可能不刷 series；对数切换时把 lg 数据直接打进图。8.24
+    flushLaneChartOption(lineId, option) {
+      const ref = this.getChartRefByLaneId(lineId);
+      if (!ref || typeof ref.mergeOptions !== "function") return;
+      if (!ref.chart || ref.chart.isDisposed()) return;
+      ref.mergeOptions(option, true, false, true);
     },
     // 判断指定泳道是否应该显示tooltip内容
     // 地应力模式下：如果没有选中泳道，所有泳道正常显示；如果有选中泳道，只有选中的泳道显示
@@ -10726,6 +10819,14 @@ const _sfc_main$2 = {
       if (!Number.isFinite(min)) return { min: 0, max: 0 };
       return { min, max };
     },
+    /** 井深/时间轴：没有有效轴值时不画 0、1 占位刻度。不改行数据。8.24 */
+    shouldShowDepthAxisLabel(rows, axisKey) {
+      if (!rows || !rows.length) return false;
+      for (let i = 0; i < rows.length; i++) {
+        if (Number.isFinite(Number(rows[i][axisKey]))) return true;
+      }
+      return false;
+    },
     getGroupAxisExtents(groups, axisKey) {
       const extents = [];
       let totalRange = 0;
@@ -10812,12 +10913,15 @@ const _sfc_main$2 = {
       const h = this.$refs.chartContainer && this.$refs.chartContainer.getLaneHeightPx && this.$refs.chartContainer.getLaneHeightPx() || 400;
       return getSeriesDrawThreshold(h);
     },
-    /** 地应力全量进图不抽稀；其它模式只抽稀进图点。8.24 */
+    /** 地应力也只画窗口抽稀点；数值仍从原始行取。8.24 */
     plotSeriesForDraw(data, isLogScale) {
       const plotted = this.plotSeries(data, isLogScale);
-      if (this.isGeomechanical) return plotted;
       return downsampleSeriesForDraw(plotted, this.getSeriesDrawThreshold());
     },
+    /** 该道进图点：开了对数就用 lg 后的 X。8.24 */
+    toDrawSeriesData(lane, rawPoints) {
+      return this.plotSeriesForDraw(rawPoints, isLaneLogScale(lane));
+    },
     findRowByAxisValue(axisValue) {
       const key = this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType] || (this.formCache.axisType === "time" ? "time" : "depth");
       return findNearestRow(this.visibleData, key, axisValue) || findNearestRow(this.realTimeData, key, axisValue);
@@ -10916,7 +11020,10 @@ const _sfc_main$2 = {
               axisKey,
               paramCodeMap
             );
-            data = downsampleSeriesForDraw(this.plotSeries(raw, isLog), threshold);
+            data = downsampleSeriesForDraw(
+              this.plotSeries(raw, isLog),
+              threshold
+            );
             groupSeriesCache.set(cacheKey, data);
           }
           return { data };
@@ -11761,7 +11868,8 @@ const _sfc_main$2 = {
                   alignTicks: true,
                   boundaryGap: false,
                   axisLabel: {
-                    show: true,
+                    show: this.shouldShowDepthAxisLabel(group, axisKey),
+                    // 无井深值不显示 0/1。8.24
                     width: clientWidth,
                     hideOverlap: true,
                     height: 14,
@@ -11875,7 +11983,7 @@ const _sfc_main$2 = {
                       axisTick: { show: false }
                     }
                   );
-                  const seriesSource = lineInfo.isUsed === "1" ? this.plotSeriesForDraw(groupSeriesData, isLogScale) : [];
+                  const seriesSource = lineInfo.isUsed === "1" ? this.toDrawSeriesData(lane, groupSeriesData) : [];
                   const baseSeries = {
                     laneId: lineInfo.paramId,
                     paramId: lineInfo.paramId,
@@ -11975,7 +12083,7 @@ const _sfc_main$2 = {
                       axisKey,
                       paramCodeMap
                     );
-                    const recommendSource = lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? this.plotSeriesForDraw(recommendGroupSeriesData, isLogScale) : [];
+                    const recommendSource = lineInfo.recommendIsUsed === "1" || lineInfo.recommendIsUsed == 1 ? this.toDrawSeriesData(lane, recommendGroupSeriesData) : [];
                     const recommendSeries = {
                       laneId: lineInfo.recommendParamId,
                       data: recommendSource,
@@ -13534,6 +13642,12 @@ const _sfc_main$2 = {
               boundaryGap: false,
               interval: unifiedInterval
             };
+            if (isDepthLane) {
+              yAxisItem.axisLabel = {
+                show: this.shouldShowDepthAxisLabel(group, axisKey)
+                // 无井深值不显示 0/1。8.24
+              };
+            }
             const currentYAxis = currentOption.yAxis && currentOption.yAxis[gridIndex];
             if (!currentYAxis || currentYAxis.min !== groupMin || currentYAxis.max !== groupMax || currentYAxis.interval !== unifiedInterval) {
               needUpdate.yAxis = true;
@@ -13591,7 +13705,7 @@ const _sfc_main$2 = {
                     lineInfo,
                     axisKey
                   );
-                  const finalSeriesData = lineInfo.isUsed === "1" ? this.plotSeriesForDraw(seriesData, isLogScale) : [];
+                  const finalSeriesData = lineInfo.isUsed === "1" ? this.toDrawSeriesData(lane, seriesData) : [];
                   needUpdate.series = true;
                   newSeriesData.push({
                     index: seriesIndex,
@@ -14066,7 +14180,7 @@ const _sfc_main$2 = {
           this.realTimeData = [];
           this.visibleData = [];
           if (!this.initialRealTimeData || !this.initialRealTimeData.data) {
-            this.initialRealTimeData = newVal || {};
+            this.initialRealTimeData = markRaw(newVal || {});
           }
           let processedData = newVal && newVal.data || [];
           if (this.formCache.axisType == "time") {
@@ -14097,13 +14211,13 @@ const _sfc_main$2 = {
           await this.$nextTick();
           this.updateLanesChartOption();
         } else if (newVal.type === "supplementaryData") {
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
           this.handleDataLoaded(data);
         } else if (newVal.type === "updateData") {
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
@@ -14159,7 +14273,7 @@ const _sfc_main$2 = {
           this.updateLanesChartOption();
         } else {
           console.log(newVal, "newVal");
-          let data = cloneDeep(newVal && newVal.data) || [];
+          let data = newVal && newVal.data || [];
           if (!Array.isArray(data)) {
             data = [data];
           }
@@ -14170,10 +14284,12 @@ const _sfc_main$2 = {
               ...item,
               [axisKey]: this.toMillisecondTimestamp(item[axisKey])
             }));
-            this.realTimeData = this.deduplicateByUniqueKey(
-              this.realTimeData,
-              data,
-              this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]
+            this.realTimeData = markRaw(
+              this.deduplicateByUniqueKey(
+                this.realTimeData,
+                data,
+                this.currentToolBarConfig.axisTypeList && this.currentToolBarConfig.axisTypeList[this.formCache.axisType]
+              )
             );
           } else {
             data = data.map((item) => ({
@@ -14181,14 +14297,18 @@ const _sfc_main$2 = {
               timestamp: this.toMillisecondTimestamp(item.timestamp)
             }));
             if (direction === "top") {
-              this.realTimeData = this.uniqueByKeys(
-                [...data, ...this.realTimeData],
-                "timestamp"
+              this.realTimeData = markRaw(
+                this.uniqueByKeys(
+                  [...data, ...this.realTimeData],
+                  "timestamp"
+                )
               );
             } else {
-              this.realTimeData = this.uniqueByKeys(
-                [...this.realTimeData, ...data],
-                "timestamp"
+              this.realTimeData = markRaw(
+                this.uniqueByKeys(
+                  [...this.realTimeData, ...data],
+                  "timestamp"
+                )
               );
             }
           }
@@ -14206,8 +14326,7 @@ const _sfc_main$2 = {
           }
         }
       },
-      immediate: true,
-      deep: true
+      immediate: true
     }
   }
 };
@@ -14283,7 +14402,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   placement: "top"
                 }, null, 8, ["min", "max"])) : createCommentVNode("", true),
                 (openBlock(), createBlock(_component_resizeEcharts, {
-                  key: lane.laneId,
+                  key: $options.chartLaneKey(lane),
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
@@ -14328,7 +14447,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
                   placement: "top"
                 }, null, 8, ["min", "max"])) : createCommentVNode("", true),
                 (openBlock(), createBlock(_component_resizeEcharts, {
-                  key: lane.laneId,
+                  key: $options.chartLaneKey(lane),
                   ref: (el) => $options.setChartRef(lane.laneId, el),
                   autoresize: "",
                   options: $options.getOptionsByLineId(lane.laneId),
@@ -14397,7 +14516,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-5da40120"]]);
+const chartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-aace7d52"]]);
 const _sfc_main$1 = {
   name: "ParameterPanel",
   props: {
@@ -15030,6 +15149,16 @@ const faultParameters = [
     paramId: ["8034"]
   }
 ];
+function holdCurveDatas(val) {
+  if (!val || typeof val !== "object") {
+    return markRaw({ data: markRaw([]) });
+  }
+  const data = Array.isArray(val.data) ? val.data : [];
+  return markRaw({
+    ...val,
+    data: markRaw(data)
+  });
+}
 const _sfc_main = {
   name: "frameLayout",
   components: {
@@ -15241,8 +15370,9 @@ const _sfc_main = {
     this.depthTimeChartData = this.WellBitDepthTimePlotConfig && this.WellBitDepthTimePlotConfig.data || [];
     this.initialFormCache = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
     this.formCache = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
-    this.cachedCurveDatas = cloneDeep(this.curveDatas || {});
-    this.initialCurveDatas = cloneDeep(this.curveDatas || {});
+    this.cachedCurveDatas = holdCurveDatas(this.curveDatas);
+    this.initialCurveDatas = holdCurveDatas(this.curveDatas);
+    this._hasInitialCurveDatas = !!(this.curveDatas && this.curveDatas.type);
     let form = cloneDeep(this.currentToolBarConfig && this.currentToolBarConfig.form || {});
     const processedDepthConfig = this.processConfig(this.depthConfig);
     const processedTimeConfig = this.processConfig(this.timeConfig);
@@ -15379,13 +15509,24 @@ const _sfc_main = {
       this.containerWidth = this.$refs.container && this.$refs.container.offsetWidth || 800;
       this.initWidth();
     });
-    window.addEventListener("resize", () => {
+    this._onWindowResize = () => {
       this.$nextTick(() => {
+        if (this._isUnmounted) return;
         this.containerWidth = this.$refs.container && this.$refs.container.offsetWidth || 800;
       });
-    });
+    };
+    window.addEventListener("resize", this._onWindowResize);
   },
   methods: {
+    // 延后显示图表；销毁时清掉，避免回调打到已卸载实例。8.24
+    deferShowChart(fn) {
+      if (this._showChartTimer) clearTimeout(this._showChartTimer);
+      this._showChartTimer = setTimeout(() => {
+        this._showChartTimer = null;
+        if (this._isUnmounted) return;
+        fn();
+      }, 0);
+    },
     // 处理单个对象，根据paramId匹配faultParameters并补充lineColor、max、min
     processSingleItem(item) {
       if (!item || !item.paramId) return;
@@ -15478,16 +15619,16 @@ const _sfc_main = {
       this.formCache = cloneDeep(this.initialFormCache);
       this.showChartContainer = false;
       this.enableCurveDatasWatch = false;
-      setTimeout(() => {
+      this.deferShowChart(() => {
         const processedDepthConfig = this.processConfig(this.depthConfig);
         const processedTimeConfig = this.processConfig(this.timeConfig);
         this.config = this.formCache.axisType === "depth" ? processedDepthConfig : processedTimeConfig;
         if (JSON.stringify(this.config) !== "{}") {
           this.showChartContainer = true;
         }
-        this.cachedCurveDatas = cloneDeep(this.initialCurveDatas || {});
+        this.cachedCurveDatas = this.initialCurveDatas;
         this.enableCurveDatasWatch = true;
-      }, 0);
+      });
     },
     // 清空图表数据
     clearChartData() {
@@ -15534,14 +15675,14 @@ const _sfc_main = {
       }
       if (key === "axisType") {
         this.showChartContainer = false;
-        setTimeout(() => {
+        this.deferShowChart(() => {
           const processedDepthConfig = this.processConfig(this.depthConfig);
           const processedTimeConfig = this.processConfig(this.timeConfig);
           this.config = this.formCache.axisType === "depth" ? processedDepthConfig : processedTimeConfig;
           if (JSON.stringify(this.config) !== "{}") {
             this.showChartContainer = true;
           }
-        }, 0);
+        });
         this.$emit("updateSettings", { key, value, settings: cloneDeep(this.formCache) });
       }
       if (key === "dataType") {
@@ -15604,10 +15745,11 @@ const _sfc_main = {
       this.pendingEvent = e;
       if (!this.frameRequested) {
         this.frameRequested = true;
-        requestAnimationFrame(this.updateSize);
+        this._panelResizeRaf = requestAnimationFrame(this.updateSize);
       }
     },
     updateSize() {
+      this._panelResizeRaf = 0;
       const e = this.pendingEvent;
       if (!e) return;
       const dx = e.clientX - this.startX;
@@ -15670,10 +15812,19 @@ const _sfc_main = {
       this.isLoading = isLoading;
     }
   },
-  // 组件销毁时移除事件监听，防止内存泄漏
   beforeUnmount() {
+    this._isUnmounted = true;
+    window.removeEventListener("resize", this._onWindowResize);
     document.removeEventListener("mousemove", this.handleMove);
     document.removeEventListener("mouseup", this.stopResize);
+    if (this._showChartTimer) {
+      clearTimeout(this._showChartTimer);
+      this._showChartTimer = null;
+    }
+    if (this._panelResizeRaf) {
+      cancelAnimationFrame(this._panelResizeRaf);
+      this._panelResizeRaf = 0;
+    }
   },
   watch: {
     timeConfig: {
@@ -15682,9 +15833,9 @@ const _sfc_main = {
           this.showChartContainer = false;
           const processedConfig = this.processConfig(newVal);
           this.config = processedConfig;
-          setTimeout(() => {
+          this.deferShowChart(() => {
             this.showChartContainer = true;
-          }, 0);
+          });
         }
       },
       deep: true,
@@ -15699,9 +15850,9 @@ const _sfc_main = {
           this.showChartContainer = false;
           const processedConfig = this.processConfig(newVal);
           this.config = processedConfig;
-          setTimeout(() => {
+          this.deferShowChart(() => {
             this.showChartContainer = true;
-          }, 0);
+          });
           console.log(this.config, "depthConfig");
         }
       },
@@ -15732,23 +15883,22 @@ const _sfc_main = {
       deep: true,
       immediate: true
     },
-    // 监听curveDatas的变化
+    // 只跟对象引用，不 deep 走进 markRaw 行数据。8.24
     curveDatas: {
       handler(newVal) {
-        if (this.enableCurveDatasWatch) {
-          if (JSON.stringify(this.initialCurveDatas) === "{}") {
-            this.initialCurveDatas = cloneDeep(newVal || {});
-          }
-          if (Object.prototype.hasOwnProperty.call(newVal, "dataType") && newVal.dataType !== this.formCache.dataType && newVal.dataType !== "" && newVal.dataType !== void 0 && newVal.dataType !== null) {
-            this.formCache.dataType = newVal.dataType;
-            if (this.$refs.functionControlPanel) {
-              this.$refs.functionControlPanel.form.dataType = newVal.dataType;
-            }
+        if (!this.enableCurveDatasWatch || !newVal) return;
+        if (!this._hasInitialCurveDatas && newVal.type) {
+          this.initialCurveDatas = holdCurveDatas(newVal);
+          this._hasInitialCurveDatas = true;
+        }
+        if (Object.prototype.hasOwnProperty.call(newVal, "dataType") && newVal.dataType !== this.formCache.dataType && newVal.dataType !== "" && newVal.dataType !== void 0 && newVal.dataType !== null) {
+          this.formCache.dataType = newVal.dataType;
+          if (this.$refs.functionControlPanel) {
+            this.$refs.functionControlPanel.form.dataType = newVal.dataType;
           }
-          this.cachedCurveDatas = cloneDeep(newVal || {});
         }
-      },
-      deep: true
+        this.cachedCurveDatas = holdCurveDatas(newVal);
+      }
     },
     themeName: {
       handler(newVal) {
@@ -15881,7 +16031,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-bc2030c8"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-76b2334b"]]);
 KdLaneContainerComponent.install = function(app) {
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);
 };