kd-lane-chart-v3 0.1.18 → 0.1.19

package/dist/esm/index.js

@@ -2367,10 +2367,12 @@ const _sfc_main$c = {
             theme.lineColor = formData.value.lineColor;
           }
           saving.value = true;
-          const origin = props.template || {};
-          const isUnset = (v) => v === void 0 || v === null || v === "";
-          const rangeChanged = isUnset(origin.min) || isUnset(origin.max) || Number(formData.value.min) !== Number(origin.min) || Number(formData.value.max) !== Number(origin.max);
-          formData.value.templateRangeSaved = !!(origin.templateRangeSaved || rangeChanged);
+          if (Object.prototype.hasOwnProperty.call(formData.value, "__runtimeRangeBase")) {
+            delete formData.value.__runtimeRangeBase;
+          }
+          if (Object.prototype.hasOwnProperty.call(formData.value, "templateRangeSaved")) {
+            delete formData.value.templateRangeSaved;
+          }
           const result = upsertLine(formData.value);
           if (result instanceof Promise) {
             result.then((res) => {
@@ -2586,7 +2588,7 @@ const _sfc_main$c = {
     };
   }
 };
-const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-b4e2fdcd"]]);
+const LineEdit = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-e92b1565"]]);
 const _hoisted_1$a = { class: "kd-lane-template-content" };
 const _hoisted_2$9 = { class: "template-buttons" };
 const _sfc_main$b = {
@@ -6546,43 +6548,52 @@ function bindSetupState(bag, map) {
   if (!bag || !map) return;
   Object.assign(bag, map);
 }
-function isRangeValueUnset(v) {
-  return v === void 0 || v === null || v === "";
-}
-function seedHasExplicitRange(seed) {
-  if (!seed) return false;
-  const hasMin = Object.prototype.hasOwnProperty.call(seed, "min") && !isRangeValueUnset(seed.min);
-  const hasMax = Object.prototype.hasOwnProperty.call(seed, "max") && !isRangeValueUnset(seed.max);
-  return hasMin || hasMax;
-}
-function ensureUserSavedLineRanges(dbDatas, dataSource) {
-  if (!dbDatas || !Array.isArray(dbDatas.templates)) return dbDatas;
-  const seedMap = /* @__PURE__ */ Object.create(null);
-  (dataSource && dataSource.templates || []).forEach((tpl) => {
+const RUNTIME_RANGE_BASE_KEY = "__runtimeRangeBase";
+function visitLines(templates, fn) {
+  (Array.isArray(templates) ? templates : []).forEach((tpl) => {
     (tpl && tpl.lanes || []).forEach((lane) => {
-      (lane && lane.lines || []).forEach((line) => {
-        if (line && line.lineId != null) seedMap[String(line.lineId)] = line;
-      });
+      (lane && lane.lines || []).forEach((line) => fn(line));
     });
   });
-  dbDatas.templates.forEach((tpl) => {
-    (tpl && tpl.lanes || []).forEach((lane) => {
-      (lane && lane.lines || []).forEach((line) => {
-        if (!line || line.templateRangeSaved) return;
-        const dbHas = !isRangeValueUnset(line.min) || !isRangeValueUnset(line.max);
-        if (!dbHas) return;
-        const seed = seedMap[String(line.lineId)];
-        if (!seedHasExplicitRange(seed)) {
-          line.templateRangeSaved = true;
-          return;
-        }
-        if (Number(line.min) !== Number(seed.min) || Number(line.max) !== Number(seed.max)) {
-          line.templateRangeSaved = true;
-        }
-      });
-    });
-  });
-  return dbDatas;
+}
+function stripRuntimeRangeForPersist(dataSourceOrConfig) {
+  if (!dataSourceOrConfig || typeof dataSourceOrConfig !== "object") {
+    return dataSourceOrConfig;
+  }
+  const ds = dataSourceOrConfig.dataSource && typeof dataSourceOrConfig.dataSource === "object" ? dataSourceOrConfig.dataSource : dataSourceOrConfig;
+  const restoreLine = (line) => {
+    if (!line || typeof line !== "object") return;
+    const base = line[RUNTIME_RANGE_BASE_KEY];
+    if (base) {
+      if (Object.prototype.hasOwnProperty.call(base, "min")) {
+        line.min = base.min;
+      }
+      if (Object.prototype.hasOwnProperty.call(base, "max")) {
+        line.max = base.max;
+      }
+    }
+    if (Object.prototype.hasOwnProperty.call(line, RUNTIME_RANGE_BASE_KEY)) {
+      delete line[RUNTIME_RANGE_BASE_KEY];
+    }
+    if (Object.prototype.hasOwnProperty.call(line, "templateRangeSaved")) {
+      delete line.templateRangeSaved;
+    }
+  };
+  visitLines(ds.templates, restoreLine);
+  if (Array.isArray(ds.lines)) {
+    ds.lines.forEach(restoreLine);
+  }
+  return dataSourceOrConfig;
+}
+function stripRuntimeRangeFields(line) {
+  if (!line || typeof line !== "object") return line;
+  if (Object.prototype.hasOwnProperty.call(line, RUNTIME_RANGE_BASE_KEY)) {
+    delete line[RUNTIME_RANGE_BASE_KEY];
+  }
+  if (Object.prototype.hasOwnProperty.call(line, "templateRangeSaved")) {
+    delete line.templateRangeSaved;
+  }
+  return line;
 }
 const _hoisted_1$6 = ["id", "lane-id"];
 const _hoisted_2$5 = {
@@ -6864,12 +6875,23 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
         clearTimeout(proxy.resizeTimer);
       }
       proxy.resizeTimer = setTimeout(() => {
-        if (proxy._isUnmounted || !proxy.$el || proxy._suppressLaneWidthSync) {
+        if (proxy._isUnmounted || !proxy.$el || proxy._suppressLaneWidthSync || proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
           return;
         }
+        beginLaneWidthSyncGuard();
+        const container = proxy.$refs.targetDom;
+        const containerWidth = container ? container.clientWidth : 0;
         proxy.updateDomHeight();
-        proxy.updateLaneWidthOverrides();
-      }, 120);
+        const { lanes = [] } = proxy.currentTemplate || {};
+        const overrides = proxy.laneWidthOverrides || {};
+        const allHaveWidth = lanes.length > 0 && lanes.every((lane) => overrides[String(lane.laneId)] != null);
+        const prevW = proxy._lastObservedContainerWidth;
+        const containerWidthChanged = prevW == null || Math.abs(prevW - containerWidth) >= 2;
+        if (!allHaveWidth || containerWidthChanged) {
+          proxy._lastObservedContainerWidth = containerWidth;
+          proxy.updateLaneWidthOverrides();
+        }
+      }, 150);
     }
     function updateDomHeight() {
       const container = proxy.$refs.targetDom;
@@ -6894,18 +6916,27 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     }
     function beginLaneWidthSyncGuard() {
       proxy._suppressLaneWidthSync = true;
+      if (proxy.resizeObserver) {
+        proxy.resizeObserver.disconnect();
+      }
       if (proxy._laneWidthSyncGuardTimer) {
         clearTimeout(proxy._laneWidthSyncGuardTimer);
       }
       proxy._laneWidthSyncGuardTimer = setTimeout(() => {
         proxy._laneWidthSyncGuardTimer = 0;
         proxy._suppressLaneWidthSync = false;
-      }, 200);
+        if (!proxy._isUnmounted && proxy.$refs.targetDom) {
+          proxy.setupResizeObserver();
+        }
+      }, 320);
     }
     function updateLaneWidthOverrides() {
-      if (proxy._suppressLaneWidthSync || proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
+      if (proxy.isLineDragging || proxy.isLaneDragging || proxy.isResizing) {
         return;
       }
+      if (!proxy._suppressLaneWidthSync) {
+        beginLaneWidthSyncGuard();
+      }
       const { lanes = [] } = proxy.currentTemplate || {};
       if (!lanes.length) return;
       const nextOverrides = { ...proxy.laneWidthOverrides || {} };
@@ -6928,7 +6959,6 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       const nextKeys = Object.keys(nextOverrides);
       const sameAsEmitted = nextKeys.length === Object.keys(prev).length && nextKeys.every((k) => prev[k] === nextOverrides[k]);
       if (sameAsEmitted) return;
-      beginLaneWidthSyncGuard();
       proxy.laneWidthOverrides = nextOverrides;
       proxy._lastEmittedLaneWidthMap = { ...nextOverrides };
       emit("lane-width-change", { ...nextOverrides });
@@ -6957,7 +6987,6 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       let newWidth = Math.max(minWidth, currentWidth + deltaX);
       proxy.setLaneWidthOverride(currentLane2.laneId, newWidth);
       proxy.startX = event.clientX;
-      proxy.$forceUpdate();
     }
     function stopResize() {
       proxy.isResizing = false;
@@ -7071,12 +7100,27 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       proxy._laneOrderBeforeDrag = null;
     }
     function dragUpdateLine(data) {
-      return proxy.strategy.upsertLine(data).then((savedData) => {
+      const payload = { ...data };
+      const base = payload[RUNTIME_RANGE_BASE_KEY];
+      if (base) {
+        if (Object.prototype.hasOwnProperty.call(base, "min")) payload.min = base.min;
+        if (Object.prototype.hasOwnProperty.call(base, "max")) payload.max = base.max;
+      }
+      stripRuntimeRangeFields(payload);
+      return proxy.strategy.upsertLine(payload).then((savedData) => {
+        const forMemory = {
+          ...savedData,
+          min: data.min,
+          max: data.max
+        };
+        if (data[RUNTIME_RANGE_BASE_KEY]) {
+          forMemory[RUNTIME_RANGE_BASE_KEY] = data[RUNTIME_RANGE_BASE_KEY];
+        }
         const currentLanes = proxy.currentTemplate.lanes;
         currentLanes.forEach((lane) => {
-          if (lane.laneId != savedData.laneId) {
+          if (lane.laneId != forMemory.laneId) {
             const staleIndex = (lane.lines || []).findIndex(
-              (line) => line.lineId == savedData.lineId
+              (line) => line.lineId == forMemory.lineId
             );
             if (staleIndex >= 0) {
               lane.lines.splice(staleIndex, 1);
@@ -7084,21 +7128,21 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
           }
         });
         const laneIndex = currentLanes.findIndex((lane) => {
-          return lane.laneId == savedData.laneId;
+          return lane.laneId == forMemory.laneId;
         });
         if (laneIndex < 0) {
           for (const template of proxy.treeTemplates) {
             const { lanes } = template;
             for (const lane of lanes) {
-              if (lane.laneId == savedData.laneId) {
+              if (lane.laneId == forMemory.laneId) {
                 const { lines } = lane;
                 const lineIndex = lines.findIndex((line) => {
-                  return line.lineId == savedData.lineId;
+                  return line.lineId == forMemory.lineId;
                 });
                 if (lineIndex < 0) {
-                  lines.push(savedData);
+                  lines.push(forMemory);
                 } else {
-                  lines[lineIndex] = savedData;
+                  lines[lineIndex] = forMemory;
                 }
                 sortLaneLines(lane);
                 break;
@@ -7109,16 +7153,16 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
           const lane = currentLanes[laneIndex];
           const currentLines = lane.lines;
           const lineIndex = currentLines.findIndex((line) => {
-            return line.lineId == savedData.lineId;
+            return line.lineId == forMemory.lineId;
           });
           if (lineIndex < 0) {
-            currentLines.push(savedData);
+            currentLines.push(forMemory);
           } else {
-            currentLines[lineIndex] = savedData;
+            currentLines[lineIndex] = forMemory;
           }
           currentLanes[laneIndex] = lane;
           sortLaneLines(lane);
-          return savedData;
+          return forMemory;
         }
       });
     }
@@ -7193,7 +7237,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       const minPx = 40;
       const w = Math.max(minPx, Math.round(Number(px) || 0));
       if (proxy.laneWidthOverrides[id] === w) return;
-      proxy.laneWidthOverrides[id] = w;
+      proxy.laneWidthOverrides = { ...proxy.laneWidthOverrides, [id]: w };
     }
     function laneContainerStyle(lane, type) {
       const widthPx = proxy.getLaneWidthPxForLayout(lane);
@@ -7245,7 +7289,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     }
     function buildCurrentConfigSnapshot() {
       const base = cloneDeep(proxy.config || {});
-      return {
+      const snapshot = {
         ...base,
         dataSource: {
           ...base.dataSource || {},
@@ -7253,6 +7297,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
           params: cloneDeep(proxy.params || [])
         }
       };
+      stripRuntimeRangeForPersist(snapshot);
+      return snapshot;
     }
     function emitConfigChange(reason) {
       const payload = {
@@ -7374,7 +7420,8 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       });
     }
     function upsertLine(data) {
-      return proxy.strategy.upsertLine(data).then((savedData) => {
+      const payload = stripRuntimeRangeFields({ ...data });
+      return proxy.strategy.upsertLine(payload).then((savedData) => {
         const currentLanes = proxy.currentTemplate.lanes;
         const laneIndex = currentLanes.findIndex((lane) => {
           return lane.laneId == savedData.laneId;
@@ -7676,10 +7723,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       proxy.isLoading = true;
       return proxy.strategy.getUserTemplates().then((dbDatas) => {
         const dataSource = proxy.config && proxy.config.dataSource;
-        const merged = ensureUserSavedLineRanges(
-          mergeCurveI18nFromDataSource(dbDatas, dataSource),
-          dataSource
-        );
+        const merged = mergeCurveI18nFromDataSource(dbDatas, dataSource);
         const { templates = [], params: params2 = [] } = merged;
         proxy.params = params2;
         sortTemplates(templates);
@@ -7731,6 +7775,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
       if (prevTemplateId != null && proxy.currentTemplate && proxy.currentTemplate.templateId !== prevTemplateId || type === "changeNumber") {
         proxy.laneWidthOverrides = {};
         proxy._lastEmittedLaneWidthMap = {};
+        proxy._lastObservedContainerWidth = null;
       }
       sortLanes(proxy.currentTemplate.lanes);
       emit("template-change", proxy.currentTemplate);
@@ -8633,7 +8678,7 @@ const _sfc_main$6 = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-1d7c6388"]]);
+const KdLaneContainerComponent = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-8592a21f"]]);
 /*! Element Plus v2.14.3 */
 var en_default = {
   name: "en",
@@ -12730,7 +12775,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
         proxy._laneWidthResizeTimer = 0;
         if (proxy._isUnmounted) return;
         proxy.resizeAllLaneCharts();
-      }, 0);
+      }, 50);
     }
     function isSameLaneWidthMap(a, b) {
       const left = a || {};
@@ -13067,7 +13112,6 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       if (!hasMin && !hasMax) return false;
       if (hasMin && !Number.isFinite(Number(nextMin))) return false;
       if (hasMax && !Number.isFinite(Number(nextMax))) return false;
-      if (proxy.isParamRangeLocked(id)) return false;
       const prev = proxy.paramRangeOverrides[id] || {};
       proxy.paramRangeOverrides[id] = {
         min: hasMin ? Number(nextMin) : prev.min,
@@ -13077,28 +13121,21 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       if (updated) proxy.updateLanesChartOption();
       return true;
     }
-    function isParamRangeLocked(paramsId) {
-      const id = String(paramsId);
-      let found = false;
-      let unlocked = false;
-      proxy.forEachConfigLine((line) => {
-        if (String(line.paramId) !== id) return;
-        found = true;
-        if (!line.templateRangeSaved) unlocked = true;
-      });
-      return found && !unlocked;
-    }
-    function markTemplateRangeSaved(payload) {
+    function clearParamRangeOverride(payload) {
       if (!payload) return;
+      const paramId = payload.paramId != null ? String(payload.paramId) : "";
       const lineId = payload.lineId;
-      const paramId = payload.paramId;
+      if (paramId && proxy.paramRangeOverrides[paramId]) {
+        delete proxy.paramRangeOverrides[paramId];
+      }
       proxy.forEachConfigLine((line) => {
-        if (lineId != null && line.lineId === lineId) {
-          line.templateRangeSaved = true;
-          return;
+        const hit = lineId != null && line.lineId === lineId || lineId == null && paramId && String(line.paramId) === paramId;
+        if (!hit) return;
+        if (Object.prototype.hasOwnProperty.call(line, RUNTIME_RANGE_BASE_KEY)) {
+          delete line[RUNTIME_RANGE_BASE_KEY];
         }
-        if (lineId == null && paramId != null && String(line.paramId) === String(paramId)) {
-          line.templateRangeSaved = true;
+        if (Object.prototype.hasOwnProperty.call(line, "templateRangeSaved")) {
+          delete line.templateRangeSaved;
         }
       });
     }
@@ -13128,7 +13165,12 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       let updated = false;
       proxy.forEachConfigLine((line) => {
         if (String(line.paramId) !== id) return;
-        if (line.templateRangeSaved) return;
+        if (!line[RUNTIME_RANGE_BASE_KEY]) {
+          line[RUNTIME_RANGE_BASE_KEY] = {
+            min: line.min,
+            max: line.max
+          };
+        }
         if (override.min != null && Number(line.min) !== override.min) {
           line.min = override.min;
           updated = true;
@@ -14244,13 +14286,8 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     }
     async function lineChange(payload) {
       if (payload && payload.actionType === "upsertLine") {
-        const id = payload.paramId != null ? String(payload.paramId) : "";
-        const isFunctionCurve = !!(id && proxy.paramRangeOverrides[id]);
-        if (isFunctionCurve && payload.templateRangeSaved) {
-          proxy.markTemplateRangeSaved(payload);
-        } else {
-          proxy.applyAllParamRangeOverrides();
-        }
+        proxy.clearParamRangeOverride(payload);
+        proxy.applyAllParamRangeOverrides();
       }
       await nextTick();
       if (proxy._isUnmounted) return;
@@ -19061,8 +19098,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       showTrendKnotContextMenu,
       getTrendLineData,
       setCurveMinMaxByParamId,
-      isParamRangeLocked,
-      markTemplateRangeSaved,
+      clearParamRangeOverride,
       forEachConfigLine,
       applyParamRangeById,
       applyAllParamRangeOverrides,
@@ -19591,8 +19627,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
       showTrendKnotContextMenu,
       getTrendLineData,
       setCurveMinMaxByParamId,
-      isParamRangeLocked,
-      markTemplateRangeSaved,
+      clearParamRangeOverride,
       forEachConfigLine,
       applyParamRangeById,
       applyAllParamRangeOverrides,
@@ -20055,7 +20090,7 @@ const _sfc_main$2 = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const LineChartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-40b0278e"]]);
+const LineChartContainer = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-996922ca"]]);
 const _hoisted_1$1 = ["title"];
 const _hoisted_2$1 = ["title"];
 const _sfc_main$1 = /* @__PURE__ */ Object.assign({
@@ -21790,7 +21825,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign({ name: "frameLayout", component
     };
   }
 });
-const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bd91b982"]]);
+const FrameLayoutComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2cf67725"]]);
 function installComponents(app) {
   installKdI18n(app);
   app.component(KdLaneContainerComponent.name, KdLaneContainerComponent);