y-mxgraph 0.8.2 → 0.8.3

package/binding/patch.d.ts

@@ -16,6 +16,8 @@ export interface FilePatch {
         [key: string]: {
             name?: string;
             previous?: string;
+            /** draw.io page viewState（如 background），与 diffPages 格式一致 */
+            view?: Record<string, string>;
             cells?: {
                 [DIFF_REMOVE]?: string[];
                 [DIFF_INSERT]?: Record<string, string>[];

package/binding/patch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"patch.d.ts","sourceRoot":"","sources":["../../src/binding/patch.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAC;AAO1B,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,QAAA,MAAM,WAAW,MAAM,CAAC;AACxB,QAAA,MAAM,WAAW,MAAM,CAAC;AACxB,QAAA,MAAM,WAAW,MAAM,CAAC;AAgDxB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,CAAC,WAAW,CAAC,CAAC,EAAE;QACd,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,KAAK,CAAC,EAAE;gBACN,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;gBACzB,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;gBACzC,CAAC,WAAW,CAAC,CAAC,EAAE;oBACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;iBACvC,CAAC;aACH,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,cAAc,CAC5B,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,QA8R/B;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,aAAa,UAAQ,QAyDhE;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,CAAC,CAAC,MAAM,CACd,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,OAAO,GAAG,QAAQ,CAC1E,EAAE,EACH,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,GAClB,SAAS,CAoSX"}
+{"version":3,"file":"patch.d.ts","sourceRoot":"","sources":["../../src/binding/patch.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,QAAQ,EACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAEL,KAAK,OAAO,EAEb,MAAM,kBAAkB,CAAC;AAa1B,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,QAAA,MAAM,WAAW,MAAM,CAAC;AACxB,QAAA,MAAM,WAAW,MAAM,CAAC;AACxB,QAAA,MAAM,WAAW,MAAM,CAAC;AAiDxB,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,CAAC,WAAW,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,CAAC,WAAW,CAAC,CAAC,EAAE;QACd,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,4DAA4D;YAC5D,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;YAC9B,KAAK,CAAC,EAAE;gBACN,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC;gBACzB,CAAC,WAAW,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;gBACzC,CAAC,WAAW,CAAC,CAAC,EAAE;oBACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;iBACvC,CAAC;aACH,CAAC;SACH,CAAC;KACH,CAAC;CACH;AAmCD,wBAAgB,cAAc,CAC5B,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,KAAK,EAAE,SAAS,EAChB,OAAO,CAAC,EAAE;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,QAkS/B;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,aAAa,UAAQ,QA2DhE;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,CAAC,CAAC,MAAM,CACd,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,OAAO,GAAG,QAAQ,CAC1E,EAAE,EACH,WAAW,CAAC,EAAE,CAAC,CAAC,GAAG,GAClB,SAAS,CAwUX"}

package/{index-BtfQrQYT.js → index-BhW4J2Zt.js}

@@ -122,12 +122,14 @@ function serialize$2(xmlElement) {
 }
 const key$2 = "mxGraphModel";
 const mxCellOrderKey = key$3 + "Order";
+const backgroundKey = "background";
 function parse$2(object, doc) {
+  var _a;
   const mxCells = (object.root[key$3] || []).map((cell) => {
-    var _a;
+    var _a2;
     return {
       value: parse$3(cell),
-      id: ((_a = cell._attributes) == null ? void 0 : _a.id) || ""
+      id: ((_a2 = cell._attributes) == null ? void 0 : _a2.id) || ""
     };
   });
   const mxGraphElement = (doc == null ? void 0 : doc.getMap(key$2)) || new Y.Map();
@@ -139,13 +141,20 @@ function parse$2(object, doc) {
   cellsOrder.push(mxCells.map((cell) => cell.id));
   mxGraphElement.set(key$3, cells);
   mxGraphElement.set(mxCellOrderKey, cellsOrder);
+  const bg = (_a = object._attributes) == null ? void 0 : _a.background;
+  if (bg != null && bg !== "") {
+    mxGraphElement.set(backgroundKey, String(bg));
+  }
   return mxGraphElement;
 }
 function serialize$1(map) {
   const cells = getMap(map, key$3);
   const cellsOrder = getArray(map, mxCellOrderKey);
+  const bg = map.get(backgroundKey);
+  const _attributes = {};
+  if (bg) _attributes.background = bg;
   return {
-    _attributes: {},
+    _attributes,
     root: {
       [key$3]: cellsOrder.toArray().map((id) => serialize$2(cells.get(id)))
     }
@@ -247,17 +256,19 @@ function ydoc2xml(doc, spaces = 0) {
   return "";
 }
 export {
-  key$1 as a,
-  key$2 as b,
-  key$3 as c,
+  key as a,
+  backgroundKey as b,
+  key$1 as c,
   diagramOrderKey as d,
-  parse$1 as e,
-  serializer$1 as f,
-  key as k,
+  key$3 as e,
+  parse$1 as f,
+  getMap as g,
+  serializer$1 as h,
+  key$2 as k,
   mxCellOrderKey as m,
   parse$4 as p,
   serialize as s,
   xml2ydoc as x,
   ydoc2xml as y
 };
-//# sourceMappingURL=index-BtfQrQYT.js.map
+//# sourceMappingURL=index-BhW4J2Zt.js.map

package/index-BhW4J2Zt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BhW4J2Zt.js","sources":["../src/helper/xml.ts","../src/helper/yjs.ts","../src/models/mxCell.ts","../src/models/mxGraphModel.ts","../src/models/diagram.ts","../src/models/mxfile.ts","../src/transform/index.ts"],"sourcesContent":["import { xml2js, js2xml, type ElementCompact } from \"xml-js\";\n\nfunction deepProcess(node: unknown): void {\n  if (node == null) return;\n\n  if (Array.isArray(node)) {\n    for (const item of node) {\n      deepProcess(item);\n    }\n    return;\n  }\n\n  if (typeof node !== \"object\") return;\n\n  const obj = node as Record<string, unknown>;\n  const keys = Object.keys(obj);\n  for (const key of keys) {\n    if (key === \"_attributes\") continue;\n\n    let value = obj[key];\n    const keyLower = key.toLowerCase();\n\n    if (\n      (keyLower === \"diagram\" || keyLower === \"mxcell\") &&\n      value !== undefined &&\n      !Array.isArray(value)\n    ) {\n      obj[key] = [value];\n      value = obj[key];\n    }\n\n    if (Array.isArray(value)) {\n      for (const v of value) deepProcess(v);\n    } else if (value && typeof value === \"object\") {\n      deepProcess(value);\n    }\n  }\n}\n\nexport function parse(xml: string) {\n  const result = xml2js(xml, { compact: true }) as Record<string, unknown>;\n  deepProcess(result);\n  return result;\n}\n\nexport function serializer(obj: ElementCompact, spaces = 2) {\n  return js2xml(obj, {\n    compact: true,\n    spaces,\n  });\n}\n","import * as Y from \"yjs\";\n\n/**\n * 从 Y.Map 中安全获取子 Map（格式固定，转型安全）\n */\nexport function getMap<T = unknown>(\n  parent: Y.Map<unknown>,\n  key: string,\n): Y.Map<T> | undefined {\n  return parent.get(key) as Y.Map<T> | undefined;\n}\n\n/**\n * 从 Y.Map 中安全获取子 Array（格式固定，转型安全）\n */\nexport function getArray<T = unknown>(\n  parent: Y.Map<unknown>,\n  key: string,\n): Y.Array<T> | undefined {\n  return parent.get(key) as Y.Array<T> | undefined;\n}\n","import * as Y from \"yjs\";\nimport { xml2js, js2xml } from \"xml-js\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxCell\";\n\nconst mxGeometryKey = \"mxGeometry\";\nconst mxGeometryAttributeKey = \"geometry\";\n\nexport interface MxCellModel extends ElementCompact {\n  [mxGeometryKey]?: ElementCompact;\n}\n\nexport function parse(object: MxCellModel): Y.XmlElement {\n  const xmlElement = new Y.XmlElement(\"mxCell\");\n\n  for (const attribute of Object.keys(object._attributes || {})) {\n    xmlElement.setAttribute(\n      attribute,\n      `${object._attributes?.[attribute] || \"\"}`,\n    );\n  }\n\n  if (object[mxGeometryKey]) {\n    const geometry = object[mxGeometryKey];\n    const geometryString = js2xml(\n      { [mxGeometryKey]: geometry },\n      {\n        compact: true,\n      },\n    );\n    xmlElement.setAttribute(mxGeometryAttributeKey, geometryString);\n    delete object[mxGeometryKey];\n  }\n\n  return xmlElement;\n}\n\nexport function serialize(xmlElement: Y.XmlElement) {\n  const rawAttributes = {\n    ...xmlElement.getAttributes(),\n  };\n\n  // 提取 mxGeometry(不需要转义,它本身就是 XML 字符串)\n  let mxGeometry: ElementCompact | null = null;\n  let mxGeometryString: string | undefined;\n\n  if (mxGeometryAttributeKey in rawAttributes) {\n    mxGeometryString = rawAttributes[mxGeometryAttributeKey];\n    delete rawAttributes[mxGeometryAttributeKey];\n  }\n\n  // 转义其他属性值中的特殊字符\n  const attributes: Record<string, string> = {};\n  for (const [key, value] of Object.entries(rawAttributes)) {\n    if (typeof value === \"string\") {\n      attributes[key] = value\n        .replace(/&/g, \"&amp;\")\n        .replace(/</g, \"&lt;\")\n        .replace(/>/g, \"&gt;\")\n        .replace(/\"/g, \"&quot;\")\n        .replace(/'/g, \"&apos;\");\n    } else if (value != null) {\n      attributes[key] = String(value);\n    }\n  }\n\n  // 解析 mxGeometry\n  if (mxGeometryString) {\n    try {\n      const parsed = xml2js(mxGeometryString, { compact: true }) as Record<\n        string,\n        ElementCompact\n      >;\n      mxGeometry = parsed[mxGeometryKey] ?? null;\n      if (mxGeometry && mxGeometry._attributes) {\n        mxGeometry._attributes[\"as\"] = \"geometry\";\n      }\n    } catch (e) {\n      console.warn(\"[y-mxgraph] Failed to parse mxGeometry:\", e);\n    }\n  }\n\n  const obj: Record<string, unknown> = {\n    _attributes: attributes,\n  };\n\n  if (mxGeometry) {\n    obj[mxGeometryKey] = mxGeometry;\n  }\n\n  return obj;\n}\n","import * as Y from \"yjs\";\nimport { getMap, getArray } from \"../helper/yjs\";\n\nimport {\n  key as mxCellKey,\n  parse as parseMxCell,\n  serialize as serializeMxCell,\n  type MxCellModel,\n} from \"./mxCell\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxGraphModel\";\nexport const mxCellOrderKey = mxCellKey + \"Order\";\n/** 协同同步的 mxGraphModel 属性：仅 background */\nexport const backgroundKey = \"background\";\n\nexport interface MxGraphModel extends ElementCompact {\n  _attributes?: Record<string, string>;\n  root: {\n    mxCell: MxCellModel[];\n  };\n}\n\nexport type YMxGraphModel = Y.Map<unknown>;\n\nexport function parse(object: MxGraphModel, doc?: Y.Doc) {\n  const mxCells = (object.root[mxCellKey] || []).map((cell: MxCellModel) => {\n    return {\n      value: parseMxCell(cell),\n      id: (cell._attributes?.id || \"\") as string,\n    };\n  });\n\n  const mxGraphElement = doc?.getMap(key) || new Y.Map();\n\n  const cells = new Y.Map<Y.XmlElement>();\n  const cellsOrder = new Y.Array<string>();\n\n  mxCells.forEach((cell) => {\n    cells.set(cell.id, cell.value);\n  });\n\n  cellsOrder.push(mxCells.map((cell) => cell.id));\n\n  mxGraphElement.set(mxCellKey, cells);\n  mxGraphElement.set(mxCellOrderKey, cellsOrder);\n\n  const bg = object._attributes?.background;\n  if (bg != null && bg !== \"\") {\n    mxGraphElement.set(backgroundKey, String(bg));\n  }\n\n  return mxGraphElement as YMxGraphModel;\n}\n\nexport function serialize(map: YMxGraphModel) {\n  const cells = getMap<Y.XmlElement>(map, mxCellKey)!;\n  const cellsOrder = getArray<string>(map, mxCellOrderKey)!;\n  const bg = map.get(backgroundKey) as string | undefined;\n  const _attributes: Record<string, string> = {};\n  if (bg) _attributes.background = bg;\n  return {\n    _attributes,\n    root: {\n      [mxCellKey]: cellsOrder\n        .toArray()\n        .map((id) => serializeMxCell(cells!.get(id) as Y.XmlElement)),\n    },\n  };\n}\n","import * as Y from \"yjs\";\nimport { getMap } from \"../helper/yjs\";\nimport {\n  parse as parseMxGraphModel,\n  serialize as serializeMxGraphModel,\n  key as mxGraphModelKey,\n  type MxGraphModel,\n  type YMxGraphModel,\n} from \"./mxGraphModel\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"diagram\";\n\nexport interface Diagram extends ElementCompact {\n  mxGraphModel: MxGraphModel;\n}\n\nexport type YDiagram = Y.Map<unknown>;\n\nexport function parse(object: Diagram): YDiagram {\n  const yDiagramElement = new Y.Map();\n  yDiagramElement.set(\"name\", `${object._attributes?.name || \"\"}`);\n  yDiagramElement.set(\"id\", `${object._attributes?.id || \"\"}`);\n\n  const mxGraphModel = parseMxGraphModel(object[mxGraphModelKey]);\n\n  yDiagramElement.set(mxGraphModelKey, mxGraphModel);\n  return yDiagramElement as YDiagram;\n}\n\nexport function serialize(yDiagram: YDiagram) {\n  const mxGraphModel = getMap(yDiagram, mxGraphModelKey);\n\n  return {\n    _attributes: {\n      name: yDiagram.get(\"name\") as string,\n      id: yDiagram.get(\"id\") as string,\n    },\n    [mxGraphModelKey]: mxGraphModel\n      ? serializeMxGraphModel(mxGraphModel)\n      : undefined,\n  };\n}\n","import * as Y from \"yjs\";\nimport { getMap, getArray } from \"../helper/yjs\";\nimport {\n  parse as parseDiagram,\n  key as diagramKey,\n  serialize as serializeDiagram,\n} from \"./diagram\";\nimport type { Diagram, YDiagram } from \"./diagram\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxfile\";\nexport const diagramOrderKey = diagramKey + \"Order\";\n\nexport type YMxFile = Y.Map<unknown>;\n\nexport interface MxFile extends ElementCompact {\n  diagram: Diagram[];\n}\n\nexport function parse(object: MxFile, doc: Y.Doc) {\n  const mxfile = doc.getMap(key);\n  mxfile.set(\"pages\", (object._attributes?.pages || \"1\") + \"\");\n\n  const diagramList = object.diagram.map((diagram) => ({\n    value: parseDiagram(diagram),\n    id: (diagram._attributes?.id || \"\") as string,\n  }));\n  const diagramMap = new Y.Map<YDiagram>();\n  const diagramOrder = new Y.Array<string>();\n  diagramList.forEach((diagram) => {\n    diagramMap.set(diagram.id, diagram.value);\n  });\n  diagramOrder.push(diagramList.map((diagram) => diagram.id));\n\n  mxfile.set(diagramKey, diagramMap);\n  mxfile.set(diagramOrderKey, diagramOrder);\n  return mxfile;\n}\n\nexport function serializer(yMxFile: YMxFile): ElementCompact {\n  const diagrams = getMap<YDiagram>(yMxFile, diagramKey);\n  const diagramOrder = getArray<string>(yMxFile, diagramOrderKey);\n\n  const orderIds = diagramOrder ? diagramOrder.toArray() : [];\n  // 如果 diagramOrder 为空但 diagram map 不为空,使用 diagram map 中的所有 ID\n  const ids =\n    orderIds.length > 0\n      ? orderIds\n      : diagrams\n        ? Array.from(diagrams.keys())\n        : [];\n\n  const obj: Record<string, unknown> = {\n    _attributes: {\n      pages: (yMxFile.get(\"pages\") as string) || \"1\",\n    },\n    [diagramKey]: ids\n      .map((id) => diagrams!.get(id) as YDiagram)\n      .filter((d): d is YDiagram => !!d)\n      .map((diagramElement) => serializeDiagram(diagramElement)),\n  };\n\n  return obj as ElementCompact;\n}\n","import * as Y from \"yjs\";\nimport { parse, serializer } from \"../helper/xml\";\nimport {\n  parse as parseMxFile,\n  key as mxfileKey,\n  serializer as serializerMxFile,\n  type YMxFile,\n} from \"../models/mxfile\";\nimport {\n  parse as parseMxGraphModel,\n  key as mxGraphModelKey,\n  serialize as serializerMxGraphModel,\n  type YMxGraphModel,\n} from \"../models/mxGraphModel\";\n\nexport function xml2ydoc(xml: string, doc: Y.Doc): Y.Doc {\n  const object = parse(xml);\n\n  const mxfile = (object as Record<string, unknown>).mxfile;\n  const mxGraphModel = (object as Record<string, unknown>).mxGraphModel;\n  if (mxfile) {\n    doc.transact(() => {\n      parseMxFile(mxfile as import(\"../models/mxfile\").MxFile, doc);\n    });\n  } else if (mxGraphModel) {\n    doc.transact(() => {\n      parseMxGraphModel(\n        mxGraphModel as import(\"../models/mxGraphModel\").MxGraphModel,\n        doc,\n      );\n    });\n  } else {\n    throw new Error(\"不支持的文件格式\");\n  }\n\n  return doc;\n}\n\nexport function ydoc2xml(doc: Y.Doc, spaces = 0): string {\n  if (doc.share.has(mxfileKey)) {\n    return serializer(\n      {\n        [mxfileKey]: serializerMxFile(doc.getMap(mxfileKey)),\n      },\n      spaces,\n    );\n  }\n  if (doc.share.has(mxGraphModelKey)) {\n    return serializer(\n      {\n        [mxGraphModelKey]: serializerMxGraphModel(doc.getMap(mxGraphModelKey)),\n      },\n      spaces,\n    );\n  }\n\n  return \"\";\n}\n"],"names":["key","parse","serializer","serialize","mxCellKey","_a","parseMxCell","serializeMxCell","parseMxGraphModel","mxGraphModelKey","serializeMxGraphModel","diagramKey","parseDiagram","serializeDiagram","parseMxFile","mxfileKey","serializerMxFile","serializerMxGraphModel"],"mappings":"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"}

package/{index-CaG-EdEK.cjs → index-D3Hk2QcW.cjs}

@@ -140,12 +140,14 @@ function serialize$2(xmlElement) {
 }
 const key$2 = "mxGraphModel";
 const mxCellOrderKey = key$3 + "Order";
+const backgroundKey = "background";
 function parse$2(object, doc) {
+  var _a;
   const mxCells = (object.root[key$3] || []).map((cell) => {
-    var _a;
+    var _a2;
     return {
       value: parse$3(cell),
-      id: ((_a = cell._attributes) == null ? void 0 : _a.id) || ""
+      id: ((_a2 = cell._attributes) == null ? void 0 : _a2.id) || ""
     };
   });
   const mxGraphElement = (doc == null ? void 0 : doc.getMap(key$2)) || new Y__namespace.Map();
@@ -157,13 +159,20 @@ function parse$2(object, doc) {
   cellsOrder.push(mxCells.map((cell) => cell.id));
   mxGraphElement.set(key$3, cells);
   mxGraphElement.set(mxCellOrderKey, cellsOrder);
+  const bg = (_a = object._attributes) == null ? void 0 : _a.background;
+  if (bg != null && bg !== "") {
+    mxGraphElement.set(backgroundKey, String(bg));
+  }
   return mxGraphElement;
 }
 function serialize$1(map) {
   const cells = getMap(map, key$3);
   const cellsOrder = getArray(map, mxCellOrderKey);
+  const bg = map.get(backgroundKey);
+  const _attributes = {};
+  if (bg) _attributes.background = bg;
   return {
-    _attributes: {},
+    _attributes,
     root: {
       [key$3]: cellsOrder.toArray().map((id) => serialize$2(cells.get(id)))
     }
@@ -264,10 +273,12 @@ function ydoc2xml(doc, spaces = 0) {
   }
   return "";
 }
+exports.backgroundKey = backgroundKey;
 exports.diagramOrderKey = diagramOrderKey;
-exports.key = key;
-exports.key$1 = key$1;
-exports.key$2 = key$2;
+exports.getMap = getMap;
+exports.key = key$2;
+exports.key$1 = key;
+exports.key$2 = key$1;
 exports.key$3 = key$3;
 exports.mxCellOrderKey = mxCellOrderKey;
 exports.parse = parse$4;
@@ -276,4 +287,4 @@ exports.serialize = serialize;
 exports.serializer = serializer$1;
 exports.xml2ydoc = xml2ydoc;
 exports.ydoc2xml = ydoc2xml;
-//# sourceMappingURL=index-CaG-EdEK.cjs.map
+//# sourceMappingURL=index-D3Hk2QcW.cjs.map

package/index-D3Hk2QcW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D3Hk2QcW.cjs","sources":["../src/helper/xml.ts","../src/helper/yjs.ts","../src/models/mxCell.ts","../src/models/mxGraphModel.ts","../src/models/diagram.ts","../src/models/mxfile.ts","../src/transform/index.ts"],"sourcesContent":["import { xml2js, js2xml, type ElementCompact } from \"xml-js\";\n\nfunction deepProcess(node: unknown): void {\n  if (node == null) return;\n\n  if (Array.isArray(node)) {\n    for (const item of node) {\n      deepProcess(item);\n    }\n    return;\n  }\n\n  if (typeof node !== \"object\") return;\n\n  const obj = node as Record<string, unknown>;\n  const keys = Object.keys(obj);\n  for (const key of keys) {\n    if (key === \"_attributes\") continue;\n\n    let value = obj[key];\n    const keyLower = key.toLowerCase();\n\n    if (\n      (keyLower === \"diagram\" || keyLower === \"mxcell\") &&\n      value !== undefined &&\n      !Array.isArray(value)\n    ) {\n      obj[key] = [value];\n      value = obj[key];\n    }\n\n    if (Array.isArray(value)) {\n      for (const v of value) deepProcess(v);\n    } else if (value && typeof value === \"object\") {\n      deepProcess(value);\n    }\n  }\n}\n\nexport function parse(xml: string) {\n  const result = xml2js(xml, { compact: true }) as Record<string, unknown>;\n  deepProcess(result);\n  return result;\n}\n\nexport function serializer(obj: ElementCompact, spaces = 2) {\n  return js2xml(obj, {\n    compact: true,\n    spaces,\n  });\n}\n","import * as Y from \"yjs\";\n\n/**\n * 从 Y.Map 中安全获取子 Map（格式固定，转型安全）\n */\nexport function getMap<T = unknown>(\n  parent: Y.Map<unknown>,\n  key: string,\n): Y.Map<T> | undefined {\n  return parent.get(key) as Y.Map<T> | undefined;\n}\n\n/**\n * 从 Y.Map 中安全获取子 Array（格式固定，转型安全）\n */\nexport function getArray<T = unknown>(\n  parent: Y.Map<unknown>,\n  key: string,\n): Y.Array<T> | undefined {\n  return parent.get(key) as Y.Array<T> | undefined;\n}\n","import * as Y from \"yjs\";\nimport { xml2js, js2xml } from \"xml-js\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxCell\";\n\nconst mxGeometryKey = \"mxGeometry\";\nconst mxGeometryAttributeKey = \"geometry\";\n\nexport interface MxCellModel extends ElementCompact {\n  [mxGeometryKey]?: ElementCompact;\n}\n\nexport function parse(object: MxCellModel): Y.XmlElement {\n  const xmlElement = new Y.XmlElement(\"mxCell\");\n\n  for (const attribute of Object.keys(object._attributes || {})) {\n    xmlElement.setAttribute(\n      attribute,\n      `${object._attributes?.[attribute] || \"\"}`,\n    );\n  }\n\n  if (object[mxGeometryKey]) {\n    const geometry = object[mxGeometryKey];\n    const geometryString = js2xml(\n      { [mxGeometryKey]: geometry },\n      {\n        compact: true,\n      },\n    );\n    xmlElement.setAttribute(mxGeometryAttributeKey, geometryString);\n    delete object[mxGeometryKey];\n  }\n\n  return xmlElement;\n}\n\nexport function serialize(xmlElement: Y.XmlElement) {\n  const rawAttributes = {\n    ...xmlElement.getAttributes(),\n  };\n\n  // 提取 mxGeometry(不需要转义,它本身就是 XML 字符串)\n  let mxGeometry: ElementCompact | null = null;\n  let mxGeometryString: string | undefined;\n\n  if (mxGeometryAttributeKey in rawAttributes) {\n    mxGeometryString = rawAttributes[mxGeometryAttributeKey];\n    delete rawAttributes[mxGeometryAttributeKey];\n  }\n\n  // 转义其他属性值中的特殊字符\n  const attributes: Record<string, string> = {};\n  for (const [key, value] of Object.entries(rawAttributes)) {\n    if (typeof value === \"string\") {\n      attributes[key] = value\n        .replace(/&/g, \"&amp;\")\n        .replace(/</g, \"&lt;\")\n        .replace(/>/g, \"&gt;\")\n        .replace(/\"/g, \"&quot;\")\n        .replace(/'/g, \"&apos;\");\n    } else if (value != null) {\n      attributes[key] = String(value);\n    }\n  }\n\n  // 解析 mxGeometry\n  if (mxGeometryString) {\n    try {\n      const parsed = xml2js(mxGeometryString, { compact: true }) as Record<\n        string,\n        ElementCompact\n      >;\n      mxGeometry = parsed[mxGeometryKey] ?? null;\n      if (mxGeometry && mxGeometry._attributes) {\n        mxGeometry._attributes[\"as\"] = \"geometry\";\n      }\n    } catch (e) {\n      console.warn(\"[y-mxgraph] Failed to parse mxGeometry:\", e);\n    }\n  }\n\n  const obj: Record<string, unknown> = {\n    _attributes: attributes,\n  };\n\n  if (mxGeometry) {\n    obj[mxGeometryKey] = mxGeometry;\n  }\n\n  return obj;\n}\n","import * as Y from \"yjs\";\nimport { getMap, getArray } from \"../helper/yjs\";\n\nimport {\n  key as mxCellKey,\n  parse as parseMxCell,\n  serialize as serializeMxCell,\n  type MxCellModel,\n} from \"./mxCell\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxGraphModel\";\nexport const mxCellOrderKey = mxCellKey + \"Order\";\n/** 协同同步的 mxGraphModel 属性：仅 background */\nexport const backgroundKey = \"background\";\n\nexport interface MxGraphModel extends ElementCompact {\n  _attributes?: Record<string, string>;\n  root: {\n    mxCell: MxCellModel[];\n  };\n}\n\nexport type YMxGraphModel = Y.Map<unknown>;\n\nexport function parse(object: MxGraphModel, doc?: Y.Doc) {\n  const mxCells = (object.root[mxCellKey] || []).map((cell: MxCellModel) => {\n    return {\n      value: parseMxCell(cell),\n      id: (cell._attributes?.id || \"\") as string,\n    };\n  });\n\n  const mxGraphElement = doc?.getMap(key) || new Y.Map();\n\n  const cells = new Y.Map<Y.XmlElement>();\n  const cellsOrder = new Y.Array<string>();\n\n  mxCells.forEach((cell) => {\n    cells.set(cell.id, cell.value);\n  });\n\n  cellsOrder.push(mxCells.map((cell) => cell.id));\n\n  mxGraphElement.set(mxCellKey, cells);\n  mxGraphElement.set(mxCellOrderKey, cellsOrder);\n\n  const bg = object._attributes?.background;\n  if (bg != null && bg !== \"\") {\n    mxGraphElement.set(backgroundKey, String(bg));\n  }\n\n  return mxGraphElement as YMxGraphModel;\n}\n\nexport function serialize(map: YMxGraphModel) {\n  const cells = getMap<Y.XmlElement>(map, mxCellKey)!;\n  const cellsOrder = getArray<string>(map, mxCellOrderKey)!;\n  const bg = map.get(backgroundKey) as string | undefined;\n  const _attributes: Record<string, string> = {};\n  if (bg) _attributes.background = bg;\n  return {\n    _attributes,\n    root: {\n      [mxCellKey]: cellsOrder\n        .toArray()\n        .map((id) => serializeMxCell(cells!.get(id) as Y.XmlElement)),\n    },\n  };\n}\n","import * as Y from \"yjs\";\nimport { getMap } from \"../helper/yjs\";\nimport {\n  parse as parseMxGraphModel,\n  serialize as serializeMxGraphModel,\n  key as mxGraphModelKey,\n  type MxGraphModel,\n  type YMxGraphModel,\n} from \"./mxGraphModel\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"diagram\";\n\nexport interface Diagram extends ElementCompact {\n  mxGraphModel: MxGraphModel;\n}\n\nexport type YDiagram = Y.Map<unknown>;\n\nexport function parse(object: Diagram): YDiagram {\n  const yDiagramElement = new Y.Map();\n  yDiagramElement.set(\"name\", `${object._attributes?.name || \"\"}`);\n  yDiagramElement.set(\"id\", `${object._attributes?.id || \"\"}`);\n\n  const mxGraphModel = parseMxGraphModel(object[mxGraphModelKey]);\n\n  yDiagramElement.set(mxGraphModelKey, mxGraphModel);\n  return yDiagramElement as YDiagram;\n}\n\nexport function serialize(yDiagram: YDiagram) {\n  const mxGraphModel = getMap(yDiagram, mxGraphModelKey);\n\n  return {\n    _attributes: {\n      name: yDiagram.get(\"name\") as string,\n      id: yDiagram.get(\"id\") as string,\n    },\n    [mxGraphModelKey]: mxGraphModel\n      ? serializeMxGraphModel(mxGraphModel)\n      : undefined,\n  };\n}\n","import * as Y from \"yjs\";\nimport { getMap, getArray } from \"../helper/yjs\";\nimport {\n  parse as parseDiagram,\n  key as diagramKey,\n  serialize as serializeDiagram,\n} from \"./diagram\";\nimport type { Diagram, YDiagram } from \"./diagram\";\nimport type { ElementCompact } from \"xml-js\";\n\nexport const key = \"mxfile\";\nexport const diagramOrderKey = diagramKey + \"Order\";\n\nexport type YMxFile = Y.Map<unknown>;\n\nexport interface MxFile extends ElementCompact {\n  diagram: Diagram[];\n}\n\nexport function parse(object: MxFile, doc: Y.Doc) {\n  const mxfile = doc.getMap(key);\n  mxfile.set(\"pages\", (object._attributes?.pages || \"1\") + \"\");\n\n  const diagramList = object.diagram.map((diagram) => ({\n    value: parseDiagram(diagram),\n    id: (diagram._attributes?.id || \"\") as string,\n  }));\n  const diagramMap = new Y.Map<YDiagram>();\n  const diagramOrder = new Y.Array<string>();\n  diagramList.forEach((diagram) => {\n    diagramMap.set(diagram.id, diagram.value);\n  });\n  diagramOrder.push(diagramList.map((diagram) => diagram.id));\n\n  mxfile.set(diagramKey, diagramMap);\n  mxfile.set(diagramOrderKey, diagramOrder);\n  return mxfile;\n}\n\nexport function serializer(yMxFile: YMxFile): ElementCompact {\n  const diagrams = getMap<YDiagram>(yMxFile, diagramKey);\n  const diagramOrder = getArray<string>(yMxFile, diagramOrderKey);\n\n  const orderIds = diagramOrder ? diagramOrder.toArray() : [];\n  // 如果 diagramOrder 为空但 diagram map 不为空,使用 diagram map 中的所有 ID\n  const ids =\n    orderIds.length > 0\n      ? orderIds\n      : diagrams\n        ? Array.from(diagrams.keys())\n        : [];\n\n  const obj: Record<string, unknown> = {\n    _attributes: {\n      pages: (yMxFile.get(\"pages\") as string) || \"1\",\n    },\n    [diagramKey]: ids\n      .map((id) => diagrams!.get(id) as YDiagram)\n      .filter((d): d is YDiagram => !!d)\n      .map((diagramElement) => serializeDiagram(diagramElement)),\n  };\n\n  return obj as ElementCompact;\n}\n","import * as Y from \"yjs\";\nimport { parse, serializer } from \"../helper/xml\";\nimport {\n  parse as parseMxFile,\n  key as mxfileKey,\n  serializer as serializerMxFile,\n  type YMxFile,\n} from \"../models/mxfile\";\nimport {\n  parse as parseMxGraphModel,\n  key as mxGraphModelKey,\n  serialize as serializerMxGraphModel,\n  type YMxGraphModel,\n} from \"../models/mxGraphModel\";\n\nexport function xml2ydoc(xml: string, doc: Y.Doc): Y.Doc {\n  const object = parse(xml);\n\n  const mxfile = (object as Record<string, unknown>).mxfile;\n  const mxGraphModel = (object as Record<string, unknown>).mxGraphModel;\n  if (mxfile) {\n    doc.transact(() => {\n      parseMxFile(mxfile as import(\"../models/mxfile\").MxFile, doc);\n    });\n  } else if (mxGraphModel) {\n    doc.transact(() => {\n      parseMxGraphModel(\n        mxGraphModel as import(\"../models/mxGraphModel\").MxGraphModel,\n        doc,\n      );\n    });\n  } else {\n    throw new Error(\"不支持的文件格式\");\n  }\n\n  return doc;\n}\n\nexport function ydoc2xml(doc: Y.Doc, spaces = 0): string {\n  if (doc.share.has(mxfileKey)) {\n    return serializer(\n      {\n        [mxfileKey]: serializerMxFile(doc.getMap(mxfileKey)),\n      },\n      spaces,\n    );\n  }\n  if (doc.share.has(mxGraphModelKey)) {\n    return serializer(\n      {\n        [mxGraphModelKey]: serializerMxGraphModel(doc.getMap(mxGraphModelKey)),\n      },\n      spaces,\n    );\n  }\n\n  return \"\";\n}\n"],"names":["key","parse","xml2js","serializer","js2xml","Y","serialize","mxCellKey","_a","parseMxCell","serializeMxCell","parseMxGraphModel","mxGraphModelKey","serializeMxGraphModel","diagramKey","parseDiagram","serializeDiagram","parseMxFile","mxfileKey","serializerMxFile","serializerMxGraphModel"],"mappings":"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"}

package/models/diagram.d.ts

@@ -13,7 +13,7 @@ export declare function serialize(yDiagram: YDiagram): {
         id: string;
     };
     mxGraphModel: {
-        _attributes: {};
+        _attributes: Record<string, string>;
         root: {
             mxCell: Record<string, unknown>[];
         };

package/models/mxGraphModel.d.ts

@@ -3,7 +3,10 @@ import { type MxCellModel } from "./mxCell";
 import type { ElementCompact } from "xml-js";
 export declare const key = "mxGraphModel";
 export declare const mxCellOrderKey: string;
+/** 协同同步的 mxGraphModel 属性：仅 background */
+export declare const backgroundKey = "background";
 export interface MxGraphModel extends ElementCompact {
+    _attributes?: Record<string, string>;
     root: {
         mxCell: MxCellModel[];
     };
@@ -11,7 +14,7 @@ export interface MxGraphModel extends ElementCompact {
 export type YMxGraphModel = Y.Map<unknown>;
 export declare function parse(object: MxGraphModel, doc?: Y.Doc): YMxGraphModel;
 export declare function serialize(map: YMxGraphModel): {
-    _attributes: {};
+    _attributes: Record<string, string>;
     root: {
         mxCell: Record<string, unknown>[];
     };

package/models/mxGraphModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mxGraphModel.d.ts","sourceRoot":"","sources":["../../src/models/mxGraphModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAGzB,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,eAAO,MAAM,GAAG,iBAAiB,CAAC;AAClC,eAAO,MAAM,cAAc,QAAsB,CAAC;AAElD,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW,EAAE,CAAC;KACvB,CAAC;CACH;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAE3C,wBAAgB,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GAsB5B,aAAa,CACvC;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,aAAa;;;;;EAW3C"}
+{"version":3,"file":"mxGraphModel.d.ts","sourceRoot":"","sources":["../../src/models/mxGraphModel.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAGzB,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,eAAO,MAAM,GAAG,iBAAiB,CAAC;AAClC,eAAO,MAAM,cAAc,QAAsB,CAAC;AAClD,yCAAyC;AACzC,eAAO,MAAM,aAAa,eAAe,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,IAAI,EAAE;QACJ,MAAM,EAAE,WAAW,EAAE,CAAC;KACvB,CAAC;CACH;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAE3C,wBAAgB,KAAK,CAAC,MAAM,EAAE,YAAY,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GA2B5B,aAAa,CACvC;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,aAAa;;;;;EAc3C"}

package/models/view.d.ts

@@ -0,0 +1,12 @@
+import type { YDiagram } from "./diagram";
+/** draw.io patch 里 view.background 的值 → XML 属性 */
+export declare function patchValueToXmlAttr(value: string): string;
+/** XML background → draw.io patch 用的 JSON 字符串 */
+export declare function xmlAttrToPatchValue(value: string): string;
+export declare function getBackground(diagram: YDiagram): string | undefined;
+export declare function setBackground(diagram: YDiagram, background: string | undefined): void;
+/** 生成 draw.io 可消费的 view patch（仅 background） */
+export declare function diffBackgroundViewPatch(prev: string | undefined, curr: string | undefined): Record<string, string> | undefined;
+/** 应用 draw.io diffPages 的 view 段（仅处理 background） */
+export declare function applyViewPatch(diagram: YDiagram, viewPatch: Record<string, unknown>): void;
+//# sourceMappingURL=view.d.ts.map

package/models/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../src/models/view.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,kDAAkD;AAClD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAQzD;AAED,iDAAiD;AACjD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEzD;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAKnE;AAED,wBAAgB,aAAa,CAC3B,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,MAAM,GAAG,SAAS,GAC7B,IAAI,CAQN;AAED,+CAA+C;AAC/C,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,IAAI,EAAE,MAAM,GAAG,SAAS,GACvB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,SAAS,CAOpC;AAED,oDAAoD;AACpD,wBAAgB,cAAc,CAC5B,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACjC,IAAI,CAeN"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "y-mxgraph",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Yjs binding for draw.io (mxGraph) documents",
   "keywords": [
     "yjs",

package/transform.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const transform = require("./index-CaG-EdEK.cjs");
+const transform = require("./index-D3Hk2QcW.cjs");
 exports.xml2ydoc = transform.xml2ydoc;
 exports.ydoc2xml = transform.ydoc2xml;
 //# sourceMappingURL=transform.cjs.map

package/transform.js

@@ -1,4 +1,4 @@
-import { x, y } from "./index-BtfQrQYT.js";
+import { x, y } from "./index-BhW4J2Zt.js";
 export {
   x as xml2ydoc,
   y as ydoc2xml

package/y-mxgraph.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const transform = require("./index-CaG-EdEK.cjs");
+const transform = require("./index-D3Hk2QcW.cjs");
 const Y = require("yjs");
 const colord = require("colord");
 function _interopNamespaceDefault(e) {
@@ -20,6 +20,54 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const Y__namespace = /* @__PURE__ */ _interopNamespaceDefault(Y);
+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 = transform.getMap(diagram, transform.key);
+  if (!gm) return void 0;
+  const bg = gm.get(transform.backgroundKey);
+  return bg || void 0;
+}
+function setBackground(diagram, background) {
+  const gm = transform.getMap(diagram, transform.key);
+  if (!gm) return;
+  if (background != null && background !== "") {
+    gm.set(transform.backgroundKey, background);
+  } else {
+    gm.delete(transform.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;
@@ -72,11 +120,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(transform.key);
+    const mxfile = doc.getMap(transform.key$1);
     if (patch[DIFF_REMOVE]) {
-      const diagramsMap = mxfile.get(transform.key$1);
+      const diagramsMap = mxfile.get(transform.key$2);
       const orderArr = mxfile.get(
         transform.diagramOrderKey
       );
@@ -90,7 +166,7 @@ function applyFilePatch(doc, patch, options) {
       }
     }
     if (patch[DIFF_INSERT]) {
-      const diagramsMap = mxfile.get(transform.key$1);
+      const diagramsMap = mxfile.get(transform.key$2);
       const orderArr = mxfile.get(
         transform.diagramOrderKey
       );
@@ -161,7 +237,7 @@ function applyFilePatch(doc, patch, options) {
     if (patch[DIFF_UPDATE]) {
       Object.keys(patch[DIFF_UPDATE]).forEach((id) => {
         const diagramsMap = mxfile.get(
-          transform.key$1
+          transform.key$2
         );
         const diagram = diagramsMap.get(id);
         if (diagram) {
@@ -172,8 +248,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(transform.key$2);
+            const yMxGraphModel = diagram.get(transform.key);
             if (!yMxGraphModel) return;
             const cellsMap = yMxGraphModel.get(transform.key$3);
             const orderArr = yMxGraphModel.get(transform.mxCellOrderKey);
@@ -308,8 +387,8 @@ function applyFilePatch(doc, patch, options) {
 }
 function initDocSnapshot(doc, resetSnapshot = false) {
   try {
-    const mxfile = doc.getMap(transform.key);
-    const diagramsMap = mxfile.get(transform.key$1);
+    const mxfile = doc.getMap(transform.key$1);
+    const diagramsMap = mxfile.get(transform.key$2);
     const orderArr = mxfile.get(transform.diagramOrderKey);
     const orderIds = orderArr ? orderArr.toArray() : [];
     const allDiagramIds = orderIds.length > 0 ? orderIds : diagramsMap ? Array.from(diagramsMap.keys()) : [];
@@ -317,13 +396,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(transform.key$2);
+      const gm = d.get(transform.key);
       if (gm) {
         const order = gm.get(transform.mxCellOrderKey);
         const ids = order ? order.toArray().slice() : [];
@@ -346,6 +426,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) {
@@ -358,21 +439,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(transform.key);
-  const diagramsMap = mxfile.get(transform.key$1);
+  const mxfile = doc.getMap(transform.key$1);
+  const diagramsMap = mxfile.get(transform.key$2);
   const orderArr = mxfile.get(transform.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] || {};
@@ -388,10 +471,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(transform.key$2);
+    const gm = d.get(transform.key);
     if (gm) {
       const cellsMap = gm.get(transform.key$3);
       const orderArr2 = gm.get(transform.mxCellOrderKey);
@@ -511,19 +596,35 @@ function generatePatch(events, explicitDoc) {
       if (!(target instanceof Y__namespace.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__namespace.Map)) continue;
+    for (const d of diagramsList) {
+      const gm = d.get(transform.key);
+      if (gm !== target) continue;
+      const changed = ev.keysChanged || /* @__PURE__ */ new Set();
+      if (!changed.has(transform.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) {
@@ -552,6 +653,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);
@@ -599,8 +708,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) {
@@ -1273,8 +1386,8 @@ function mergeFileIntoDoc(doc, fileXml, strategy) {
     );
     return false;
   }
-  const mxfileMap = doc.getMap(transform.key);
-  const diagramMap = mxfileMap.get(transform.key$1);
+  const mxfileMap = doc.getMap(transform.key$1);
+  const diagramMap = mxfileMap.get(transform.key$2);
   const diagramOrder = mxfileMap.get(transform.diagramOrderKey);
   if (!diagramMap || !diagramOrder) {
     console.warn("[y-mxgraph] 合并失败，doc 结构不完整，回退到 replace");
@@ -1301,7 +1414,7 @@ function mergeFileIntoDoc(doc, fileXml, strategy) {
   return true;
 }
 function reconcileInitialContent(doc, file, strategy, applyFileData) {
-  const mxfileMap = doc.getMap(transform.key);
+  const mxfileMap = doc.getMap(transform.key$1);
   const docHasData = mxfileMap.size > 0;
   const fileHasAnyData = !!file.data;
   const fileHasDiagrams = fileHasAnyData && file.data.includes("<diagram");
@@ -1432,8 +1545,8 @@ class Binding {
         return;
       }
       if (this.shouldReplaceWhenDocHasData && !transaction.local) {
-        const mxfileMap = doc.getMap(transform.key);
-        const diagramMap = mxfileMap.get(transform.key$1);
+        const mxfileMap = doc.getMap(transform.key$1);
+        const diagramMap = mxfileMap.get(transform.key$2);
         if (diagramMap && diagramMap.size > 0) {
           const xml = transform.ydoc2xml(doc);
           if (xml && xml.includes("<diagram")) {
@@ -1465,7 +1578,7 @@ class Binding {
         this.suppressLocalApply = false;
       }
     };
-    doc.getMap(transform.key).observeDeep(this.docObserver);
+    doc.getMap(transform.key$1).observeDeep(this.docObserver);
     if (awareness) {
       this.cleanupCollaborator = bindCollaborator(file, {
         awareness,
@@ -1500,7 +1613,7 @@ class Binding {
   destroy(deep = false) {
     var _a, _b;
     this.mxGraphModel.removeListener("change", this.mxListener);
-    this.doc.getMap(transform.key).unobserveDeep(this.docObserver);
+    this.doc.getMap(transform.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);