y-mxgraph 0.8.1 → 0.8.3

package/y-mxgraph.js

@@ -1,6 +1,54 @@
-import { k as key, a as key$1, d as diagramOrderKey, b as key$2, m as mxCellOrderKey, c as key$3, p as parse, e as parse$1, f as serializer, s as serialize, x as xml2ydoc, y as ydoc2xml } from "./index-BtfQrQYT.js";
+import { g as getMap, b as backgroundKey, k as key, a as key$1, c as key$2, d as diagramOrderKey, m as mxCellOrderKey, e as key$3, p as parse, f as parse$1, h as serializer, s as serialize, x as xml2ydoc, y as ydoc2xml } from "./index-BhW4J2Zt.js";
 import * as Y from "yjs";
 import { colord } from "colord";
+function patchValueToXmlAttr(value) {
+  try {
+    const parsed = JSON.parse(value);
+    if (typeof parsed === "string") return parsed;
+  } catch (e) {
+  }
+  return value;
+}
+function xmlAttrToPatchValue(value) {
+  return JSON.stringify(value);
+}
+function getBackground(diagram) {
+  const gm = getMap(diagram, key);
+  if (!gm) return void 0;
+  const bg = gm.get(backgroundKey);
+  return bg || void 0;
+}
+function setBackground(diagram, background) {
+  const gm = getMap(diagram, key);
+  if (!gm) return;
+  if (background != null && background !== "") {
+    gm.set(backgroundKey, background);
+  } else {
+    gm.delete(backgroundKey);
+  }
+}
+function diffBackgroundViewPatch(prev, curr) {
+  const pv = prev != null ? prev : "";
+  const cv = curr != null ? curr : "";
+  if (pv === cv) return void 0;
+  return {
+    background: cv === "" ? '""' : xmlAttrToPatchValue(cv)
+  };
+}
+function applyViewPatch(diagram, viewPatch) {
+  if (!("background" in viewPatch)) return;
+  const raw = viewPatch.background;
+  if (raw === null || raw === void 0) {
+    setBackground(diagram, void 0);
+    return;
+  }
+  const str = String(raw);
+  if (str === "" || str === '""' || str === "null") {
+    setBackground(diagram, void 0);
+  } else {
+    setBackground(diagram, patchValueToXmlAttr(str));
+  }
+}
 var __defProp$1 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -53,11 +101,39 @@ function ensureUniqueOrder(orderArr) {
     dupIdx.sort((a, b) => b - a).forEach((idx) => orderArr.delete(idx, 1));
   }
 }
+function pruneEmptyPatch(patch) {
+  var _a, _b;
+  if (!patch[DIFF_UPDATE]) return patch;
+  for (const id of Object.keys(patch[DIFF_UPDATE])) {
+    const u = patch[DIFF_UPDATE][id];
+    const cells = u.cells;
+    if (cells == null ? void 0 : cells[DIFF_UPDATE]) {
+      for (const cid of Object.keys(cells[DIFF_UPDATE])) {
+        if (Object.keys(cells[DIFF_UPDATE][cid]).length === 0) {
+          delete cells[DIFF_UPDATE][cid];
+        }
+      }
+      if (Object.keys(cells[DIFF_UPDATE]).length === 0) {
+        delete cells[DIFF_UPDATE];
+      }
+    }
+    if (cells && !((_a = cells[DIFF_REMOVE]) == null ? void 0 : _a.length) && !((_b = cells[DIFF_INSERT]) == null ? void 0 : _b.length) && (!cells[DIFF_UPDATE] || Object.keys(cells[DIFF_UPDATE]).length === 0)) {
+      delete u.cells;
+    }
+    if (Object.keys(u).length === 0) {
+      delete patch[DIFF_UPDATE][id];
+    }
+  }
+  if (Object.keys(patch[DIFF_UPDATE]).length === 0) {
+    delete patch[DIFF_UPDATE];
+  }
+  return patch;
+}
 function applyFilePatch(doc, patch, options) {
   doc.transact(() => {
-    const mxfile = doc.getMap(key);
+    const mxfile = doc.getMap(key$1);
     if (patch[DIFF_REMOVE]) {
-      const diagramsMap = mxfile.get(key$1);
+      const diagramsMap = mxfile.get(key$2);
       const orderArr = mxfile.get(
         diagramOrderKey
       );
@@ -71,7 +147,7 @@ function applyFilePatch(doc, patch, options) {
       }
     }
     if (patch[DIFF_INSERT]) {
-      const diagramsMap = mxfile.get(key$1);
+      const diagramsMap = mxfile.get(key$2);
       const orderArr = mxfile.get(
         diagramOrderKey
       );
@@ -142,7 +218,7 @@ function applyFilePatch(doc, patch, options) {
     if (patch[DIFF_UPDATE]) {
       Object.keys(patch[DIFF_UPDATE]).forEach((id) => {
         const diagramsMap = mxfile.get(
-          key$1
+          key$2
         );
         const diagram = diagramsMap.get(id);
         if (diagram) {
@@ -153,8 +229,11 @@ function applyFilePatch(doc, patch, options) {
               update.name || ""
             );
           }
+          if (update.view && typeof update.view === "object") {
+            applyViewPatch(diagram, update.view);
+          }
           if (update.cells) {
-            const yMxGraphModel = diagram.get(key$2);
+            const yMxGraphModel = diagram.get(key);
             if (!yMxGraphModel) return;
             const cellsMap = yMxGraphModel.get(key$3);
             const orderArr = yMxGraphModel.get(mxCellOrderKey);
@@ -289,8 +368,8 @@ function applyFilePatch(doc, patch, options) {
 }
 function initDocSnapshot(doc, resetSnapshot = false) {
   try {
-    const mxfile = doc.getMap(key);
-    const diagramsMap = mxfile.get(key$1);
+    const mxfile = doc.getMap(key$1);
+    const diagramsMap = mxfile.get(key$2);
     const orderArr = mxfile.get(diagramOrderKey);
     const orderIds = orderArr ? orderArr.toArray() : [];
     const allDiagramIds = orderIds.length > 0 ? orderIds : diagramsMap ? Array.from(diagramsMap.keys()) : [];
@@ -298,13 +377,14 @@ function initDocSnapshot(doc, resetSnapshot = false) {
     const snap = {
       diagramOrder,
       cellsOrder: /* @__PURE__ */ new Map(),
-      cellAttrs: /* @__PURE__ */ new Map()
+      cellAttrs: /* @__PURE__ */ new Map(),
+      diagramBackground: /* @__PURE__ */ new Map()
     };
     const diagrams = diagramOrder.map((id) => diagramsMap.get(id)).filter((d) => !!d);
     for (const d of diagrams) {
       const did = d.get("id") || "";
       if (!did) continue;
-      const gm = d.get(key$2);
+      const gm = d.get(key);
       if (gm) {
         const order = gm.get(mxCellOrderKey);
         const ids = order ? order.toArray().slice() : [];
@@ -327,6 +407,7 @@ function initDocSnapshot(doc, resetSnapshot = false) {
         snap.cellsOrder.set(did, []);
         snap.cellAttrs.set(did, /* @__PURE__ */ new Map());
       }
+      snap.diagramBackground.set(did, getBackground(d));
     }
     docSnapshots.set(doc, snap);
   } catch (e) {
@@ -339,21 +420,23 @@ function generatePatch(events, explicitDoc) {
   const doc = (_b = (_a = events[0]) == null ? void 0 : _a.transaction) == null ? void 0 : _b.doc;
   if (!doc) return patch;
   if (!events || events.length === 0) return patch;
-  const mxfile = doc.getMap(key);
-  const diagramsMap = mxfile.get(key$1);
+  const mxfile = doc.getMap(key$1);
+  const diagramsMap = mxfile.get(key$2);
   const orderArr = mxfile.get(diagramOrderKey);
   let snap = docSnapshots.get(doc);
   if (!snap) {
     snap = {
       diagramOrder: null,
       cellsOrder: /* @__PURE__ */ new Map(),
-      cellAttrs: /* @__PURE__ */ new Map()
+      cellAttrs: /* @__PURE__ */ new Map(),
+      diagramBackground: /* @__PURE__ */ new Map()
     };
     docSnapshots.set(doc, snap);
   }
   const prevDiagramOrder = snap.diagramOrder;
   const prevCellsOrder = snap.cellsOrder;
   const prevCellsAttrs = snap.cellAttrs;
+  const prevDiagramBackground = snap.diagramBackground;
   const ensureUpdate = (diagramId) => {
     patch[DIFF_UPDATE] = patch[DIFF_UPDATE] || {};
     patch[DIFF_UPDATE][diagramId] = patch[DIFF_UPDATE][diagramId] || {};
@@ -369,10 +452,12 @@ function generatePatch(events, explicitDoc) {
   const diagramsList = currDiagramOrder.map((id) => diagramsMap.get(id)).filter((d) => !!d);
   const currCellsOrder = /* @__PURE__ */ new Map();
   const cellAttrMap = /* @__PURE__ */ new Map();
+  const currDiagramBackground = /* @__PURE__ */ new Map();
   for (const d of diagramsList) {
     const did = d.get("id") || "";
+    currDiagramBackground.set(did, getBackground(d));
     const attrs = /* @__PURE__ */ new Map();
-    const gm = d.get(key$2);
+    const gm = d.get(key);
     if (gm) {
       const cellsMap = gm.get(key$3);
       const orderArr2 = gm.get(mxCellOrderKey);
@@ -492,19 +577,35 @@ function generatePatch(events, explicitDoc) {
       if (!(target instanceof Y.Map)) continue;
       if (!diagramSet.has(target)) continue;
       const changed = ev.keysChanged || /* @__PURE__ */ new Set();
-      if (!changed || !changed.has("name")) continue;
+      if (!(changed == null ? void 0 : changed.has("name"))) continue;
       const did = target.get("id") || "";
       if (!did || insertedDiagramIdGlobal.has(did)) continue;
-      const u = ensureUpdate(did);
-      u.name = target.get("name") || "";
+      ensureUpdate(did).name = target.get("name") || "";
     }
   }
   if (!prevDiagramOrder) {
     for (const d of diagramsList) {
       const did = d.get("id") || "";
       if (!did) continue;
-      const u = ensureUpdate(did);
-      u.name = d.get("name") || "";
+      ensureUpdate(did).name = d.get("name") || "";
+    }
+  }
+  for (const ev of events) {
+    const target = ev.target;
+    if (!(target instanceof Y.Map)) continue;
+    for (const d of diagramsList) {
+      const gm = d.get(key);
+      if (gm !== target) continue;
+      const changed = ev.keysChanged || /* @__PURE__ */ new Set();
+      if (!changed.has(backgroundKey)) continue;
+      const did = d.get("id") || "";
+      if (!did || insertedDiagramIdGlobal.has(did)) continue;
+      const viewDiff = diffBackgroundViewPatch(
+        prevDiagramBackground.get(did),
+        getBackground(d)
+      );
+      if (viewDiff) ensureUpdate(did).view = viewDiff;
+      break;
     }
   }
   for (const ev of events) {
@@ -533,6 +634,14 @@ function generatePatch(events, explicitDoc) {
     }
   }
   if (prevDiagramOrder) {
+    for (const [did, currBg] of currDiagramBackground.entries()) {
+      if (insertedDiagramIdGlobal.has(did)) continue;
+      const viewDiff = diffBackgroundViewPatch(
+        prevDiagramBackground.get(did),
+        currBg
+      );
+      if (viewDiff) ensureUpdate(did).view = viewDiff;
+    }
     for (const [did, currAttrsMap] of cellAttrMap.entries()) {
       const prevAttrsMap = prevCellsAttrs.get(did) || /* @__PURE__ */ new Map();
       const cellsPatch = ensureCellSection(did);
@@ -580,8 +689,12 @@ function generatePatch(events, explicitDoc) {
   }
   snap.cellsOrder = newCellsOrder;
   snap.cellAttrs = newCellsAttrs;
+  snap.diagramBackground = /* @__PURE__ */ new Map();
+  for (const [did, bg] of currDiagramBackground.entries()) {
+    snap.diagramBackground.set(did, bg);
+  }
   docSnapshots.set(doc, snap);
-  return patch;
+  return pruneEmptyPatch(patch);
 }
 const LOCAL_ORIGIN = {};
 function createMxEventObject(name, props) {
@@ -1254,8 +1367,8 @@ function mergeFileIntoDoc(doc, fileXml, strategy) {
     );
     return false;
   }
-  const mxfileMap = doc.getMap(key);
-  const diagramMap = mxfileMap.get(key$1);
+  const mxfileMap = doc.getMap(key$1);
+  const diagramMap = mxfileMap.get(key$2);
   const diagramOrder = mxfileMap.get(diagramOrderKey);
   if (!diagramMap || !diagramOrder) {
     console.warn("[y-mxgraph] 合并失败，doc 结构不完整，回退到 replace");
@@ -1282,7 +1395,7 @@ function mergeFileIntoDoc(doc, fileXml, strategy) {
   return true;
 }
 function reconcileInitialContent(doc, file, strategy, applyFileData) {
-  const mxfileMap = doc.getMap(key);
+  const mxfileMap = doc.getMap(key$1);
   const docHasData = mxfileMap.size > 0;
   const fileHasAnyData = !!file.data;
   const fileHasDiagrams = fileHasAnyData && file.data.includes("<diagram");
@@ -1413,8 +1526,8 @@ class Binding {
         return;
       }
       if (this.shouldReplaceWhenDocHasData && !transaction.local) {
-        const mxfileMap = doc.getMap(key);
-        const diagramMap = mxfileMap.get(key$1);
+        const mxfileMap = doc.getMap(key$1);
+        const diagramMap = mxfileMap.get(key$2);
         if (diagramMap && diagramMap.size > 0) {
           const xml = ydoc2xml(doc);
           if (xml && xml.includes("<diagram")) {
@@ -1446,7 +1559,7 @@ class Binding {
         this.suppressLocalApply = false;
       }
     };
-    doc.getMap(key).observeDeep(this.docObserver);
+    doc.getMap(key$1).observeDeep(this.docObserver);
     if (awareness) {
       this.cleanupCollaborator = bindCollaborator(file, {
         awareness,
@@ -1481,7 +1594,7 @@ class Binding {
   destroy(deep = false) {
     var _a, _b;
     this.mxGraphModel.removeListener("change", this.mxListener);
-    this.doc.getMap(key).unobserveDeep(this.docObserver);
+    this.doc.getMap(key$1).unobserveDeep(this.docObserver);
     if (deep) {
       (_a = this.cleanupCollaborator) == null ? void 0 : _a.call(this);
       (_b = this.cleanupUndoManager) == null ? void 0 : _b.call(this);