mx-framework-plus 1.1.3 → 1.1.5

package/dist/mx-framework-plus.es.ts

@@ -29,15 +29,15 @@ function ue(t, e, l) {
   if (De.randomUUID && !t)
     return De.randomUUID();
   t = t || {};
-  const s = t.random ?? ((r = t.rng) == null ? void 0 : r.call(t)) ?? pt();
-  if (s.length < 16)
+  const o = t.random ?? ((r = t.rng) == null ? void 0 : r.call(t)) ?? pt();
+  if (o.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, yt(s);
+  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, yt(o);
 }
 const gt = (t, e, l) => {
-  let s = ["edit"];
+  let o = ["edit"];
   return t && t.forEach((r) => {
-    e.includes(r.code) ? r.disable = !1 : s.includes(r.code) || (r.disable = !0);
+    e.includes(r.code) ? r.disable = !1 : o.includes(r.code) || (r.disable = !0);
   }), t;
 }, Re = {
   BoundLabels: "icon-binding-label",
@@ -3915,19 +3915,19 @@ let We = {
   ]
 };
 const vt = (t, e, l = {}) => {
-  let s = {};
+  let o = {};
   t == "kitUI:BoundLabelWidget" ? t = "BoundLabels" : t == "kitUI:CanvasWidget" && (t = "Canvas");
   let r = We[de[t]];
   return r ? (l && Object.keys(l).length > 0 && r.forEach((m) => {
     let p = l[m.key];
     p && (m = Object.assign(m, p));
-  }), s = {
+  }), o = {
     title: de[t],
     value: e,
     icon: Re[t],
     children: r
-  }, JSON.parse(JSON.stringify(s))) : {};
-}, _e = (t, e, l = {}, s) => {
+  }, JSON.parse(JSON.stringify(o))) : {};
+}, _e = (t, e, l = {}, o) => {
   let r = {}, m = We[de[t]];
   if (m && m.length > 0) {
     let p = null, v = m.find((A) => A.key == "treeData"), x = m.find((A) => A.key == "compType"), g = [], h = [];
@@ -4004,7 +4004,7 @@ const vt = (t, e, l = {}) => {
     return {};
 };
 function bt(t, e, l) {
-  return new Promise((s, r) => {
+  return new Promise((o, r) => {
     let m = t.getDefaultParent(), p = t.getModel();
     p.beginUpdate();
     try {
@@ -4032,13 +4032,13 @@ function bt(t, e, l) {
           A.y + N
         ),
         !1
-      ), v.setGeometry(g), v.value = e.value, v.type = e.type, v.model = "yes", v.type = "edge", v.iconName = e.iconName, s(v);
+      ), v.setGeometry(g), v.value = e.value, v.type = e.type, v.model = "yes", v.type = "edge", v.iconName = e.iconName, o(v);
     } finally {
       p.endUpdate();
     }
   });
 }
-async function Ct(t, e, l, s) {
+async function Ct(t, e, l, o) {
   if (e && e.length > 0) {
     let N = e[0];
     var r = t.getCellGeometry(N), m = r.x, p = r.y, v = l.x, x = l.y, g = v - m, h = x - p;
@@ -4061,7 +4061,7 @@ async function Ct(t, e, l, s) {
         }
       }
       setTimeout(() => {
-        t.setSelectionCells(z), s.handelEvent({ key: "paste", val: z });
+        t.setSelectionCells(z), o.handelEvent({ key: "paste", val: z });
       }, 10);
     } finally {
       t.getModel().endUpdate();
@@ -4069,7 +4069,7 @@ async function Ct(t, e, l, s) {
   }
 }
 function wt(t, e) {
-  return new Promise((l, s) => {
+  return new Promise((l, o) => {
     let r = t.getDefaultParent(), m = t.getModel();
     m.beginUpdate();
     try {
@@ -4105,63 +4105,63 @@ function wt(t, e) {
 }
 async function kt(t, e, l) {
   mxClipboard.copy(t, []), t.getDefaultParent();
-  let s = [], r = [];
+  let o = [], r = [];
   if (e && e.length > 0) {
     for (let m = 0; m < e.length; m++) {
       const p = e[m];
-      p.type === "edge" ? r.push(p) : s.push(p);
+      p.type === "edge" ? r.push(p) : o.push(p);
     }
     if (r.length > 0)
       for (let m = 0; m < r.length; m++) {
         const p = r[m];
         let v = await wt(t, p);
-        s.push(v);
+        o.push(v);
       }
-    return t.addSelectionCells(s), s;
+    return t.addSelectionCells(o), o;
   }
 }
 function xt(t) {
   let e = t.getModel().cells, l = [];
-  for (const s in e) {
-    let r = e[s];
-    r.type != "kitUI:CanvasWidget" && r.id != "0" && r.id != "1" && l.push(e[s]);
+  for (const o in e) {
+    let r = e[o];
+    r.type != "kitUI:CanvasWidget" && r.id != "0" && r.id != "1" && l.push(e[o]);
   }
   return l;
 }
 function St(t) {
   t.addAction("toUp", function(e) {
-    let l = t.graph, s = xt(l);
-    s && s.length > 0 && l.orderCells(!1, s);
+    let l = t.graph, o = xt(l);
+    o && o.length > 0 && l.orderCells(!1, o);
   }), t.addAction("toDown", function(e) {
-    let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
     var m = new Array();
     m = l.getSelectionCells();
     for (let p = 0; p < m.length; p++) {
       const v = m[p];
-      s.add(r, v, 1);
+      o.add(r, v, 1);
     }
   }), t.addAction("upOne", function(e) {
-    let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
     var m = l.getSelectionCells();
     let v = [...r.children];
     if (m && m.length > 0)
       for (let x = 0; x < m.length; x++) {
         const g = m[x];
         let k = v.findIndex((N) => N.id == g.id) + x + 1;
-        v[k] && (k = k + 1), s.add(r, g, k);
+        v[k] && (k = k + 1), o.add(r, g, k);
       }
   }), t.addAction("downOne", function(e) {
-    let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
     var m = l.getSelectionCells();
     let p = r.children;
     if (m && m.length > 0)
       for (let v = 0; v < m.length; v++) {
         const x = m[v], g = p.findIndex((k) => k.id == x.id), h = g - 1 < 1 ? 1 : g - 1;
-        s.add(r, x, h);
+        o.add(r, x, h);
       }
   });
 }
-async function Be(t, e, l, s) {
+async function Be(t, e, l, o) {
   let { pt: r, style: m, me: p, type: v, iconCls: x } = l, g = p.editor;
   switch (t) {
     case "add":
@@ -4202,24 +4202,24 @@ async function Be(t, e, l, s) {
       });
       break;
     case "del":
-      e.isEnabled() && (e.removeCells(), s.handelEvent({ key: "delete" }));
+      e.isEnabled() && (e.removeCells(), o.handelEvent({ key: "delete" }));
       break;
     case "edit":
       let z = null;
       var h = new Array();
-      h = e.getSelectionCells(), h && h.length > 0 ? z = h[0] : z = p.parent, s.handelEvent({ key: "edit", val: z });
+      h = e.getSelectionCells(), h && h.length > 0 ? z = h[0] : z = p.parent, o.handelEvent({ key: "edit", val: z });
       break;
     case "clone":
       var h = new Array();
-      h = e.getSelectionCells(), mxClipboard.copy(e, h), mxClipboard.paste(e), await kt(e, mxClipboard.cells), s.handelEvent({ key: "clone", val: h });
+      h = e.getSelectionCells(), mxClipboard.copy(e, h), mxClipboard.paste(e), await kt(e, mxClipboard.cells), o.handelEvent({ key: "clone", val: h });
       break;
     case "copy":
       var h = new Array();
-      h = e.getSelectionCells(), mxClipboard.copy(e, h), s.handelEvent({ key: "copy", val: h });
+      h = e.getSelectionCells(), mxClipboard.copy(e, h), o.handelEvent({ key: "copy", val: h });
       break;
     case "paste":
       const C = mxClipboard.cells;
-      Ct(e, C, r, s);
+      Ct(e, C, r, o);
       break;
     case "cut":
       mxClipboard.cut(e, h);
@@ -4237,16 +4237,16 @@ async function Be(t, e, l, s) {
       g.execute("alignCellsMiddle");
       break;
     case "toUp":
-      g.execute("toFront"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("toFront"), o.handelEvent({ key: "toLayer", val: h });
       break;
     case "toDown":
-      g.execute("toDown"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("toDown"), o.handelEvent({ key: "toLayer", val: h });
       break;
     case "upOne":
-      g.execute("upOne"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("upOne"), o.handelEvent({ key: "toLayer", val: h });
       break;
     case "downOne":
-      g.execute("downOne"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("downOne"), o.handelEvent({ key: "toLayer", val: h });
       break;
     case "alignCellsTop":
       g.execute("alignCellsTop");
@@ -4258,14 +4258,14 @@ async function Be(t, e, l, s) {
 }
 function Et(t, e, l) {
   if (!e) return;
-  const s = t.getModel();
-  let r = s.getStyle(e);
-  e.type == "kitUI:CanvasWidget" && (r = e.style), s.beginUpdate();
+  const o = t.getModel();
+  let r = o.getStyle(e);
+  e.type == "kitUI:CanvasWidget" && (r = e.style), o.beginUpdate();
   try {
     if (r === l) return;
-    s.setStyle(e, l);
+    o.setStyle(e, l);
   } finally {
-    s.endUpdate();
+    o.endUpdate();
   }
   const m = {
     cell: e,
@@ -4273,7 +4273,7 @@ function Et(t, e, l) {
     newStyle: l,
     // 撤销操作：恢复旧样式
     undo: function() {
-      s.beginUpdate();
+      o.beginUpdate();
       try {
         let v = Fe(this.cell, this.oldStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
@@ -4281,19 +4281,19 @@ function Et(t, e, l) {
             let h = v.viewSize.split(",");
             if (h && h.length > 0) {
               let k = this.cell.geometry;
-              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
+              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], o.setGeometry(this.cell, k));
             }
           }
           v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
         }
-        v && Object.keys(v).length > 0 && (this.cell.value.style = v, this.cell.value.data = Oe(v, this.cell.value.data), s.setStyle(this.cell, this.oldStyle), t.refresh(this.cell));
+        v && Object.keys(v).length > 0 && (this.cell.value.style = v, this.cell.value.data = Oe(v, this.cell.value.data), o.setStyle(this.cell, this.oldStyle), t.refresh(this.cell));
       } finally {
-        s.endUpdate();
+        o.endUpdate();
       }
     },
     // 重做操作：应用新样式
     redo: function() {
-      s.beginUpdate();
+      o.beginUpdate();
       try {
         let v = Fe(this.cell, this.newStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
@@ -4301,44 +4301,44 @@ function Et(t, e, l) {
             let h = v.viewSize.split(",");
             if (h && h.length > 0) {
               let k = this.cell.geometry;
-              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
+              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], o.setGeometry(this.cell, k));
             }
           }
           v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
         }
         this.cell.value.style = v, this.cell.value.data = Oe(v, this.cell.value.data), t.refresh(this.cell);
       } finally {
-        s.endUpdate();
+        o.endUpdate();
       }
     }
-  }, p = new mxUndoableEdit(s);
-  p.add(m), s.fireEvent(new mxEventObject(mxEvent.UNDO, "edit", p)), s.fireEvent(new mxEventObject(mxEvent.REDO, "edit", p));
+  }, p = new mxUndoableEdit(o);
+  p.add(m), o.fireEvent(new mxEventObject(mxEvent.UNDO, "edit", p)), o.fireEvent(new mxEventObject(mxEvent.REDO, "edit", p));
 }
 function At(t) {
   return t !== null && typeof t == "object";
 }
 function zt(t) {
-  return t.slice(0, 1) === "-" && (t = t.slice(1)), t.replace(/([^-])(?:-+([^-]))/g, function(e, l, s) {
-    return l + s.toUpperCase();
+  return t.slice(0, 1) === "-" && (t = t.slice(1)), t.replace(/([^-])(?:-+([^-]))/g, function(e, l, o) {
+    return l + o.toUpperCase();
   });
 }
 function Fe(t, e) {
   if (At(e)) return e;
-  const l = e.trim().split(";"), s = {};
+  const l = e.trim().split(";"), o = {};
   l.forEach((x) => {
     if (!x.trim()) return;
     const g = x.indexOf("=");
     if (g === -1) return;
     const h = x.substring(0, g).trim(), k = x.substring(g + 1).trim(), N = zt(h);
     let A = k;
-    N === "gap" && (A = k.replace("px", "")), s[N] = A;
+    N === "gap" && (A = k.replace("px", "")), o[N] = A;
   });
   let { style: r, compType: m, data: p } = _e(t.realType, "0", null);
-  return { ...r, ...s };
+  return { ...r, ...o };
 }
 function Oe(t, e) {
-  return e ? ((e.children || []).forEach((s) => {
-    s.value = t[s.key] || null;
+  return e ? ((e.children || []).forEach((o) => {
+    o.value = t[o.key] || null;
   }), e) : [];
 }
 function Me(t) {
@@ -4359,7 +4359,7 @@ function Me(t) {
       A.endUpdate();
     }
   }
-  function s(g) {
+  function o(g) {
     let h = g.indexOfNextAdd;
     return !!(g.history && g.history.length == 1 && h == 1);
   }
@@ -4373,9 +4373,9 @@ function Me(t) {
     if (!e.ts.pageShortcuts) {
       if (A) {
         if (g.key === "z" || g.key === "Z")
-          s(h), h.canUndo() && (h.undo(), e.ts.handelEvent({ key: "unre" }), k && k("undo"));
+          o(h), h.canUndo() && (h.undo(), e.ts.handelEvent({ key: "unre" }), k && k("undo"));
         else if (g.key === "y" || g.key === "Y")
-          s(h), h.canRedo() && (h.redo(), e.ts.handelEvent({ key: "unre" }), k && k("redo"));
+          o(h), h.canRedo() && (h.redo(), e.ts.handelEvent({ key: "unre" }), k && k("redo"));
         else if (g.key === "a" || g.key === "A")
           N.selectCells(!0, !1), e.ts.handelEvent({ key: "selectAll" });
         else if (g.key === "c" || g.key === "C") {
@@ -4448,20 +4448,20 @@ function Me(t) {
           // 继承样式
         ), U = 10, I = 10, R = g.getCellGeometry(h);
         let $ = R.getTerminalPoint(!0), T = R.getTerminalPoint(!1);
-        var K = new mxGeometry();
-        K.setTerminalPoint(
+        var G = new mxGeometry();
+        G.setTerminalPoint(
           new mxPoint(
             $.x + U,
             $.y + I
           ),
           !0
-        ), K.setTerminalPoint(
+        ), G.setTerminalPoint(
           new mxPoint(
             T.x + U,
             T.y + I
           ),
           !1
-        ), C.setGeometry(K), C.value = h.value, C.type = h.type, C.model = "yes", C.type = "edge", C.iconName = h.iconName, k(C);
+        ), C.setGeometry(G), C.value = h.value, C.type = h.type, C.model = "yes", C.type = "edge", C.iconName = h.iconName, k(C);
       } finally {
         z.endUpdate();
       }
@@ -4471,8 +4471,8 @@ function Me(t) {
 const ke = (t, e) => {
   let l = { x: 0, y: 0 };
   if (t) {
-    let s = e.offsetWidth, r = e.offsetHeight;
-    t.horizontalAlign == "start" && (l.x = 0), t.horizontalAlign == "center" && (l.x = s / 2 - t.width / 2), t.horizontalAlign == "end" && (l.x = s - t.width), t.verticalAlign == "start" && (l.y = 0), t.verticalAlign == "center" && (l.y = r / 2 - t.height / 2), t.verticalAlign == "end" && (l.y = r - t.height);
+    let o = e.offsetWidth, r = e.offsetHeight;
+    t.horizontalAlign == "start" && (l.x = 0), t.horizontalAlign == "center" && (l.x = o / 2 - t.width / 2), t.horizontalAlign == "end" && (l.x = o - t.width), t.verticalAlign == "start" && (l.y = 0), t.verticalAlign == "center" && (l.y = r / 2 - t.height / 2), t.verticalAlign == "end" && (l.y = r - t.height);
   }
   return l;
 }, Nt = (t) => {
@@ -4489,22 +4489,22 @@ function Ee(t) {
     if (t.attributes.length > 0) {
       e.node = {};
       for (let l = 0; l < t.attributes.length; l++) {
-        const s = t.attributes.item(l);
-        e.node[s.nodeName] = s.nodeValue;
+        const o = t.attributes.item(l);
+        e.node[o.nodeName] = o.nodeValue;
       }
     }
   } else t.nodeType === 3 && (e = t.nodeValue);
   if (t.hasChildNodes())
     for (let l = 0; l < t.childNodes.length; l++) {
-      const s = t.childNodes.item(l), r = s.nodeName;
+      const o = t.childNodes.item(l), r = o.nodeName;
       if (typeof e[r] > "u")
-        e[r] = Ee(s);
+        e[r] = Ee(o);
       else {
         if (typeof e[r].push > "u") {
           const m = e[r];
           e[r] = [], e[r].push(m);
         }
-        e[r].push(Ee(s));
+        e[r].push(Ee(o));
       }
     }
   return e;
@@ -4517,20 +4517,20 @@ function Pt(t) {
   return e += `<mxGraphModel>
 `, e += `  <root>
 `, t.root && Array.isArray(t.root.mxCell) && t.root.mxCell.forEach((l) => {
-    e += "    <mxCell", l.node && Object.entries(l.node).forEach(([s, r]) => {
+    e += "    <mxCell", l.node && Object.entries(l.node).forEach(([o, r]) => {
       const m = String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-      e += ` ${s}="${m}"`;
+      e += ` ${o}="${m}"`;
     }), l.Object || l.mxGeometry ? (e += `>
 `, l.Object && (l.Object.node && l.Object.node.as === "value" ? (e += `<Object as="value">
-`, l.Object.Object && l.Object.Object.node && (e += "<Object ", Object.entries(l.Object.Object.node).forEach(([s, r]) => {
-      e += `${s}="${xe(r)}" `;
+`, l.Object.Object && l.Object.Object.node && (e += "<Object ", Object.entries(l.Object.Object.node).forEach(([o, r]) => {
+      e += `${o}="${xe(r)}" `;
     }), e += `/>
 `), e += `</Object>
-`) : l.Object.Object && l.Object.Object.node && l.Object.Object.node.as === "style" && (e += '      <Object as="style">', Object.entries(l.Object.Object.node).forEach(([s, r]) => {
-      s !== "as" && (e += `<${s}>${xe(r)}</${s}>`);
+`) : l.Object.Object && l.Object.Object.node && l.Object.Object.node.as === "style" && (e += '      <Object as="style">', Object.entries(l.Object.Object.node).forEach(([o, r]) => {
+      o !== "as" && (e += `<${o}>${xe(r)}</${o}>`);
     }), e += `</Object>
-`)), l.mxGeometry && l.mxGeometry.node && (e += "      <mxGeometry", Object.entries(l.mxGeometry.node).forEach(([s, r]) => {
-      e += ` ${s}="${xe(r)}"`;
+`)), l.mxGeometry && l.mxGeometry.node && (e += "      <mxGeometry", Object.entries(l.mxGeometry.node).forEach(([o, r]) => {
+      e += ` ${o}="${xe(r)}"`;
     }), e += `/>
 `), e += `    </mxCell>
 `) : e += `/>
@@ -4542,7 +4542,7 @@ function xe(t) {
   return typeof t != "string" && (t = String(t)), t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
 function Tt(t) {
-  let e = this, l = 10, s = "#dddddd", r = "#ffffff00", m = 1, p = "square", v = 1, x = 0, g = 0, h = 1, k = null;
+  let e = this, l = 10, o = "#dddddd", r = "#ffffff00", m = 1, p = "square", v = 1, x = 0, g = 0, h = 1, k = null;
   e.createGrid = function(z, C, U) {
     if (k = z, C) {
       var I = document.createElement("canvas");
@@ -4555,8 +4555,8 @@ function Tt(t) {
         let $ = C.value.style || {};
         $.background && $.background.indexOf("files/") > -1 && $["background-image"] ? I.style.background = `${$["background-image"]} center center no-repeat` : I.style.background = "";
       }
-      let K = k.container.querySelector("#gridCanvas_" + C.id);
-      K && K.remove(), k.container.prepend(I), I.width = I.offsetWidth, I.height = I.offsetHeight, U ? s = "transparent" : s = "#dddddd", A(I), I.addEventListener("wheel", function($) {
+      let G = k.container.querySelector("#gridCanvas_" + C.id);
+      G && G.remove(), k.container.prepend(I), I.width = I.offsetWidth, I.height = I.offsetHeight, U ? o = "transparent" : o = "#dddddd", A(I), I.addEventListener("wheel", function($) {
         $.preventDefault();
         const T = I.getBoundingClientRect(), Z = $.clientX - T.left, te = $.clientY - T.top, ie = 0.1, oe = $.deltaY < 0 ? 1 : -1, ce = Math.exp(oe * ie), ye = Z / h, fe = te / h;
         h *= ce, h = Math.min(Math.max(0.5, h), 5), x = ye - Z / h, g = fe - te / h, A(I), k && (k.view.scale = h, k.refresh());
@@ -4567,8 +4567,8 @@ function Tt(t) {
     if (!k) return;
     k.snapPoint = function(C, U, I) {
       if (!I && this.snapToGrid && l > 0) {
-        const R = l / h, K = C.x - x, $ = C.y - g;
-        C.x = Math.round(K / R) * R + x, C.y = Math.round($ / R) * R + g;
+        const R = l / h, G = C.x - x, $ = C.y - g;
+        C.x = Math.round(G / R) * R + x, C.y = Math.round($ / R) * R + g;
       }
       return C;
     };
@@ -4584,8 +4584,8 @@ function Tt(t) {
         for (let C = 0; C < z.length; C++) {
           const U = z[C], I = this.getCellGeometry(U);
           if (I) {
-            const R = I.clone(), K = this.snapPoint({ x: R.x, y: R.y });
-            R.x = K.x, R.y = K.y, this.getModel().setGeometry(U, R);
+            const R = I.clone(), G = this.snapPoint({ x: R.x, y: R.y });
+            R.x = G.x, R.y = G.y, this.getModel().setGeometry(U, R);
           }
         }
       } finally {
@@ -4599,18 +4599,18 @@ function Tt(t) {
     C.clearRect(0, 0, z.width, z.height), C.fillStyle = r, C.fillRect(0, 0, z.width, z.height);
     const U = l * h;
     if (U < 2) return;
-    C.strokeStyle = s, C.lineWidth = m, C.globalAlpha = v;
-    const I = Math.floor(-x * h / U) * U, R = Math.floor(-g * h / U) * U, K = z.width + U, $ = z.height + U;
+    C.strokeStyle = o, C.lineWidth = m, C.globalAlpha = v;
+    const I = Math.floor(-x * h / U) * U, R = Math.floor(-g * h / U) * U, G = z.width + U, $ = z.height + U;
     switch (p) {
       case "dotted":
-        C.fillStyle = s;
-        for (let T = I; T < K; T += U)
+        C.fillStyle = o;
+        for (let T = I; T < G; T += U)
           for (let Z = R; Z < $; Z += U)
             C.beginPath(), C.arc(T + 0.5, Z + 0.5, m, 0, Math.PI * 2), C.fill();
         break;
       case "dashed":
         C.setLineDash([5, 3]), C.beginPath();
-        for (let T = I; T < K; T += U)
+        for (let T = I; T < G; T += U)
           C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
         for (let T = R; T < $; T += U)
           C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
@@ -4618,7 +4618,7 @@ function Tt(t) {
         break;
       case "square":
         C.beginPath();
-        for (let T = I; T < K; T += U)
+        for (let T = I; T < G; T += U)
           C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
         for (let T = R; T < $; T += U)
           C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
@@ -4626,7 +4626,7 @@ function Tt(t) {
         break;
       default:
         C.beginPath();
-        for (let T = I; T < K; T += U)
+        for (let T = I; T < G; T += U)
           C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
         for (let T = R; T < $; T += U)
           C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
@@ -4666,7 +4666,7 @@ const It = ["src"], Dt = {
   },
   setup(t) {
     const e = t;
-    return (l, s) => t.style.btntype == "none" ? (P(), D("div", {
+    return (l, o) => t.style.btntype == "none" ? (P(), D("div", {
       key: 0,
       class: "btn-index-none",
       style: j(t.style)
@@ -4721,8 +4721,8 @@ const It = ["src"], Dt = {
   }
 }, ae = (t, e) => {
   const l = t.__vccOpts || t;
-  for (const [s, r] of e)
-    l[s] = r;
+  for (const [o, r] of e)
+    l[o] = r;
   return l;
 }, _t = {
   name: "VerticalRuler",
@@ -4758,43 +4758,43 @@ const It = ["src"], Dt = {
       let e = {};
       for (const l in t) {
         if (!Object.hasOwn(t, l)) continue;
-        const s = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-        let m = s;
-        r === "gap" && (m = `${s}px`), (r === "fontSize" || r === "font-size") && (m = `${s}px`), e[r] = m;
+        const o = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        let m = o;
+        r === "gap" && (m = `${o}px`), (r === "fontSize" || r === "font-size") && (m = `${o}px`), e[r] = m;
       }
       return e;
     }
   },
   computed: {
     getFontStyle() {
-      let t = this, e = t.style, s = {
+      let t = this, e = t.style, o = {
         color: e.color,
         ...e.valuefont
       };
-      return t.convertToStyleString(s);
+      return t.convertToStyleString(o);
     },
     getScalesFontStyle() {
-      let t = this, e = t.style, s = {
+      let t = this, e = t.style, o = {
         color: e.color,
         ...e.scalefont
       };
-      return t.convertToStyleString(s);
+      return t.convertToStyleString(o);
     },
     // 计算chart-bottom的高度（与刻度对应）
     ywvalue() {
-      const t = this, e = t.getNumber(t.style.value), l = t.getNumber(t.style.max), s = t.getNumber(t.style.min), r = t.getNumber(t.style.layout.height), m = Math.max(s, Math.min(e, l)), p = l - s;
-      return p <= 0 ? 0 : (m - s) / p * r - 8;
+      const t = this, e = t.getNumber(t.style.value), l = t.getNumber(t.style.max), o = t.getNumber(t.style.min), r = t.getNumber(t.style.layout.height), m = Math.max(o, Math.min(e, l)), p = l - o;
+      return p <= 0 ? 0 : (m - o) / p * r - 8;
     },
     // 每个刻度的像素间隔
     scaleInterval() {
-      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), s = t.getNumber(t.style.layout.height), r = Math.floor((e - l) / t.style.scales) + 1;
-      return r > 1 ? s / (r - 1) : 0;
+      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), o = t.getNumber(t.style.layout.height), r = Math.floor((e - l) / t.style.scales) + 1;
+      return r > 1 ? o / (r - 1) : 0;
     },
     // 生成刻度值数组（从上到下从大到小）
     scaleValues() {
-      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), s = t.getNumber(t.style.scales) || 10;
+      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), o = t.getNumber(t.style.scales) || 10;
       let r = [];
-      for (let m = e; m >= l; m -= s)
+      for (let m = e; m >= l; m -= o)
         r.push(m.toFixed(0));
       return r;
     }
@@ -4802,7 +4802,7 @@ const It = ["src"], Dt = {
   mounted() {
   }
 }, jt = { class: "ruler-container" };
-function Ht(t, e, l, s, r, m) {
+function Ht(t, e, l, o, r, m) {
   return P(), D("div", jt, [
     l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
       key: 0,
@@ -4872,48 +4872,48 @@ const $t = /* @__PURE__ */ ae(_t, [["render", Ht], ["__scopeId", "data-v-b14d49d
       let e = {};
       for (const l in t) {
         if (!Object.hasOwn(t, l)) continue;
-        const s = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-        let m = s;
-        r === "gap" && (m = `${s}px`), (r === "fontSize" || r === "font-size") && (m = `${s}px`), e[r] = m;
+        const o = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        let m = o;
+        r === "gap" && (m = `${o}px`), (r === "fontSize" || r === "font-size") && (m = `${o}px`), e[r] = m;
       }
       return e;
     }
   },
   computed: {
     getFontStyle() {
-      let t = this, e = t.style, s = {
+      let t = this, e = t.style, o = {
         color: e.color,
         ...e.valuefont
       };
-      return t.convertToStyleString(s);
+      return t.convertToStyleString(o);
     },
     getScalesFontStyle() {
-      let t = this, e = t.style, s = {
+      let t = this, e = t.style, o = {
         color: e.color,
         ...e.scalefont
       };
-      return t.convertToStyleString(s);
+      return t.convertToStyleString(o);
     },
     // 计算chart-bottom的高度（与刻度对应）
     ywvalue() {
-      const t = this, e = t.getNumber(t.style.value), l = t.getNumber(t.style.max), s = t.getNumber(t.style.min), r = t.getNumber(t.style.layout.width), m = Math.max(s, Math.min(e, l)), p = l - s;
-      return p <= 0 ? 0 : (m - s) / p * r;
+      const t = this, e = t.getNumber(t.style.value), l = t.getNumber(t.style.max), o = t.getNumber(t.style.min), r = t.getNumber(t.style.layout.width), m = Math.max(o, Math.min(e, l)), p = l - o;
+      return p <= 0 ? 0 : (m - o) / p * r;
     },
     // 每个刻度的像素间隔
     scaleInterval() {
-      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), s = t.getNumber(t.style.layout.width), r = Math.floor((e - l) / t.style.scales) + 1;
-      return r > 1 ? s / (r - 1) : 0;
+      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), o = t.getNumber(t.style.layout.width), r = Math.floor((e - l) / t.style.scales) + 1;
+      return r > 1 ? o / (r - 1) : 0;
     },
     // 生成刻度值数组（从上到下从大到小）
     scaleValues() {
-      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), s = t.getNumber(t.style.scales) || 10, r = [];
-      for (let m = l; m < e; m += s)
+      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), o = t.getNumber(t.style.scales) || 10, r = [];
+      for (let m = l; m < e; m += o)
         r.push(m.toFixed(0));
       return r;
     }
   }
 }, Kt = { class: "ruler-h-container" };
-function Yt(t, e, l, s, r, m) {
+function Yt(t, e, l, o, r, m) {
   return P(), D("div", Kt, [
     l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
       key: 0,
@@ -4969,7 +4969,7 @@ const qt = /* @__PURE__ */ ae(Gt, [["render", Yt], ["__scopeId", "data-v-7f6aaa3
     }
   }
 };
-function Qt(t, e, l, s, r, m) {
+function Qt(t, e, l, o, r, m) {
   const p = Ie("index-v"), v = Ie("index-h");
   return P(), D("div", {
     class: "chart-container",
@@ -5040,7 +5040,7 @@ const Zt = /* @__PURE__ */ ae(Xt, [["render", Qt], ["__scopeId", "data-v-5f295dc
   key: 2,
   style: { "z-index": "0" }
 }, al = { key: 3 };
-function nl(t, e, l, s, r, m) {
+function nl(t, e, l, o, r, m) {
   return P(), D("label", {
     class: J(["switch-jd", m.switchClasses])
   }, [
@@ -5116,9 +5116,9 @@ const il = /* @__PURE__ */ ae(Jt, [["render", nl], ["__scopeId", "data-v-3233cda
       let e = {};
       for (const l in t) {
         if (!Object.hasOwn(t, l)) continue;
-        const s = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
-        let m = s;
-        r === "gap" && (m = `${s}px`), (r === "fontSize" || r === "font-size") && (m = `${s}px`), e[r] = m;
+        const o = t[l], r = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+        let m = o;
+        r === "gap" && (m = `${o}px`), (r === "fontSize" || r === "font-size") && (m = `${o}px`), e[r] = m;
       }
       return e;
     }
@@ -5143,7 +5143,7 @@ const il = /* @__PURE__ */ ae(Jt, [["render", nl], ["__scopeId", "data-v-3233cda
     }
   }
 }, ol = ["checked", "disabled"];
-function sl(t, e, l, s, r, m) {
+function sl(t, e, l, o, r, m) {
   return P(), D("label", {
     class: J(["switch", m.switchClasses])
   }, [
@@ -5177,7 +5177,7 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = it(e.style.realValue === "true");
-    return (s, r) => t.style.btntype == "none" ? (P(), D("div", {
+    return (o, r) => t.style.btntype == "none" ? (P(), D("div", {
       key: 0,
       class: "switch-none",
       style: j(t.style)
@@ -5218,17 +5218,17 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = Ae(() => {
-      let s = e.style.layout || {};
+      let o = e.style.layout || {};
       return {
-        width: s.width + "px",
-        height: s.height + "px",
+        width: o.width + "px",
+        height: o.height + "px",
         borderWidth: (e.style.borderValue || 1) + "px",
         padding: (e.style.borderValue || 1) + "px",
         borderColor: e.style.stroke || "#000000",
         backgroundColor: e.style.background || "#D1E7FF"
       };
     });
-    return (s, r) => (P(), D("div", {
+    return (o, r) => (P(), D("div", {
       class: "gr-circle",
       style: j(l.value)
     }, [
@@ -5248,17 +5248,17 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = Ae(() => {
-      let s = e.style.layout || {};
+      let o = e.style.layout || {};
       return {
-        width: s.width + "px",
-        height: s.height + "px",
+        width: o.width + "px",
+        height: o.height + "px",
         borderWidth: (e.style.borderValue || 1) + "px",
         padding: (e.style.borderValue || 1) + "px",
         borderColor: e.style.stroke || "#000000",
         backgroundColor: e.style.background || "#D1E7FF"
       };
     });
-    return (s, r) => (P(), D("div", {
+    return (o, r) => (P(), D("div", {
       class: "gr-rectangle",
       style: j(l.value)
     }, [
@@ -5278,7 +5278,7 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = Ae(() => {
-      let s = e.style.layout || {}, { x: r, y: m, width: p, height: v } = s, x = e.style.borderValue / 2, g = `${r + p / 2},${m + x}`, h = `${r + x},${m + v - x}`, k = `${r + p - x},${m + v - x}`;
+      let o = e.style.layout || {}, { x: r, y: m, width: p, height: v } = o, x = e.style.borderValue / 2, g = `${r + p / 2},${m + x}`, h = `${r + x},${m + v - x}`, k = `${r + p - x},${m + v - x}`;
       return `
        <svg width="${p}" height="${v}" xmlns="http://www.w3.org/2000/svg" viewBox="${r} ${m} ${p} ${v}">
         <polygon points="${g} ${h} ${k}" fill="${e.style.fillColor || "#D1E7FF"}" stroke="${e.style.stroke || "#000000"}" stroke-width="${e.style.borderValue || 1}"/>
@@ -5294,13 +5294,13 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
       </svg>
     `;
     });
-    return (s, r) => (P(), D("div", {
+    return (o, r) => (P(), D("div", {
       class: "gr-triangle",
       innerHTML: l.value
     }, null, 8, vl));
   }
 }, Cl = /* @__PURE__ */ ae(bl, [["__scopeId", "data-v-25fd969b"]]), wl = (t, e, l) => {
-  const s = document.createDocumentFragment();
+  const o = document.createDocumentFragment();
   let m = kl({}, e.data);
   e.style.background === "transparent" && delete e.style.background, e.style.color === "transparent" && delete e.style.color, e.style = { ...e.style, ...m };
   let p = "";
@@ -5328,13 +5328,13 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
       return h;
     }
   });
-  return x.use(ct), x.use(mt), x.mount(s).$el.outerHTML;
+  return x.use(ct), x.use(mt), x.mount(o).$el.outerHTML;
 };
 function kl(t, e) {
   if (!e.children)
     return "";
-  let s = e.children.filter((r) => r.animate && (r.animate.isShow || r.animate.isShow == 1));
-  return s && s.length > 0 && s.forEach((r) => {
+  let o = e.children.filter((r) => r.animate && (r.animate.isShow || r.animate.isShow == 1));
+  return o && o.length > 0 && o.forEach((r) => {
     if (r.key === "background" || r.key === "color" || r.key === "image") {
       let m = r.animate.data, p = r.animate.mpType, v = null;
       if (p === "NumericToSimple") {
@@ -5352,7 +5352,7 @@ function kl(t, e) {
   }), t;
 }
 function xl(t, e, l) {
-  let s = t.value, r = Sl(s);
+  let o = t.value, r = Sl(o);
   return r >= e && r <= l;
 }
 function Sl(t) {
@@ -5383,10 +5383,10 @@ function El(t) {
         !0
       ), r.end();
     }, mxCellRenderer.registerShape("singleArrow", l);
-    function s() {
+    function o() {
       mxActor.call(this);
     }
-    mxUtils.extend(s, mxActor), s.prototype.redrawPath = function(r, m, p, v, x) {
+    mxUtils.extend(o, mxActor), o.prototype.redrawPath = function(r, m, p, v, x) {
       var g = x * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowWidth", l.prototype.arrowWidth)))), h = v * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowSize", l.prototype.arrowSize)))), k = (x - g) / 2, N = k + g, A = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
       this.addPoints(
         r,
@@ -5406,7 +5406,7 @@ function El(t) {
         A,
         !0
       ), r.end();
-    }, mxCellRenderer.registerShape("doubleArrow", s);
+    }, mxCellRenderer.registerShape("doubleArrow", o);
   };
 }
 function je(t) {
@@ -5435,37 +5435,37 @@ function je(t) {
     if (e.preview) {
       if (u && u.length > 0)
         for (let d = 0; d < u.length; d++) {
-          let o = u[d];
-          o && (o.classList.remove("is-hidden"), o.classList.add("is-block"));
+          let s = u[d];
+          s && (s.classList.remove("is-hidden"), s.classList.add("is-block"));
         }
     } else if (u && u.length > 0)
       for (let d = 0; d < u.length; d++) {
-        let o = u[d];
-        o && (o.classList.remove("is-block"), o.classList.add("is-hidden"));
+        let s = u[d];
+        s && (s.classList.remove("is-block"), s.classList.add("is-hidden"));
       }
     if (e.preview && n.clearSelection(), e.preview) {
       const d = n.container.querySelectorAll(".bg-light");
       if (d)
-        for (let o = 0; o < d.length; o++)
-          d[o].classList.replace("bg-light", "main-text");
+        for (let s = 0; s < d.length; s++)
+          d[s].classList.replace("bg-light", "main-text");
     } else {
       const d = n.container.querySelectorAll(".main-text");
       if (d)
-        for (let o = 0; o < d.length; o++)
-          d[o].classList.replace("main-text", "bg-light");
+        for (let s = 0; s < d.length; s++)
+          d[s].classList.replace("main-text", "bg-light");
     }
     if (e.preview) {
       const d = n.container.querySelectorAll(".bg-creat-comp");
       if (d)
-        for (let o = 0; o < d.length; o++) {
-          const i = d[o];
+        for (let s = 0; s < d.length; s++) {
+          const i = d[s];
           i && i.classList.add("svg-preview-gr");
         }
     } else {
       const d = n.container.querySelectorAll(".svg-preview-gr");
       if (d)
-        for (let o = 0; o < d.length; o++) {
-          const i = d[o];
+        for (let s = 0; s < d.length; s++) {
+          const i = d[s];
           i && i.classList.remove("svg-preview-gr");
         }
     }
@@ -5473,8 +5473,8 @@ function je(t) {
   }, e.init = (a) => {
     let { container: n } = a;
     return new Promise((u, d) => {
-      let o = new mxEditor(), i = o.graph;
-      n.setAttribute("tabindex", "0"), n.style.outline = "none", n.style.width = "100%", n.style.height = "100%", o.setGraphContainer(n), e.container = n, e.editor = o, St(o), mxEvent.disableContextMenu(n);
+      let s = new mxEditor(), i = s.graph;
+      n.setAttribute("tabindex", "0"), n.style.outline = "none", n.style.width = "100%", n.style.height = "100%", s.setGraphContainer(n), e.container = n, e.editor = s, St(s), mxEvent.disableContextMenu(n);
       const c = i.getStylesheet().getDefaultVertexStyle();
       Object.assign(c, {
         // // 去掉填充色（设置为透明）
@@ -5534,7 +5534,7 @@ function je(t) {
             e.firstStyle = !1;
           }
       }, i.view.scaleGrid = !0, i.view.roundPoints = !0, mxSvgCanvas2D.prototype.updateTextNodes = function(w, E, L, O, M, B, F, V, H, W, q) {
-        var G = this.state.scale;
+        var K = this.state.scale;
         mxSvgCanvas2D.createCss(
           L + 2,
           O,
@@ -5547,12 +5547,12 @@ function je(t) {
           this.state.fontBorderColor != null ? this.state.fontBorderColor : null,
           "display: flex; align-items: unsafe " + (B == mxConstants.ALIGN_TOP ? "flex-start" : B == mxConstants.ALIGN_BOTTOM ? "flex-end" : "center") + "; justify-content: unsafe " + (M == mxConstants.ALIGN_LEFT ? "flex-start" : M == mxConstants.ALIGN_RIGHT ? "flex-end" : "center") + "; ",
           this.getTextCss(),
-          G,
+          K,
           mxUtils.bind(this, function(ne, re, Y, se, X) {
             w += this.state.dx, E += this.state.dy;
-            var he = q.firstChild, Ue = he.firstChild, Le = Ue.firstChild, et = Le.firstChild, Pe = (this.rotateHtml ? this.state.rotation : 0) + (W ?? 0), Ce = (this.foOffset != 0 ? "translate(" + this.foOffset + " " + this.foOffset + ")" : "") + (G != 1 ? "scale(" + G + ")" : "");
-            et.setAttribute("style", X), Le.setAttribute("style", se), he.setAttribute("width", Math.ceil(1 / Math.min(1, G) * 100) + "%"), he.setAttribute("height", Math.ceil(1 / Math.min(1, G) * 100) + "%");
-            let ge = Math.round(E + re), tt = Math.round(w + ne), lt = s(ge), at = s(tt);
+            var he = q.firstChild, Ue = he.firstChild, Le = Ue.firstChild, et = Le.firstChild, Pe = (this.rotateHtml ? this.state.rotation : 0) + (W ?? 0), Ce = (this.foOffset != 0 ? "translate(" + this.foOffset + " " + this.foOffset + ")" : "") + (K != 1 ? "scale(" + K + ")" : "");
+            et.setAttribute("style", X), Le.setAttribute("style", se), he.setAttribute("width", Math.ceil(1 / Math.min(1, K) * 100) + "%"), he.setAttribute("height", Math.ceil(1 / Math.min(1, K) * 100) + "%");
+            let ge = Math.round(E + re), tt = Math.round(w + ne), lt = o(ge), at = o(tt);
             if (ge < 0)
               he.setAttribute("y", ge);
             else {
@@ -5568,14 +5568,14 @@ function je(t) {
       }, i.fit(), r(), u(i);
     });
   };
-  function s(a) {
+  function o(a) {
     let n = !0;
     return a % 2 === 0 ? n = !0 : n = !1, n;
   }
   function r(a) {
     mxVertexHandler.prototype.getHandleForEvent = function(n) {
       let u = n.getEvent(), d = ["nw-resize", "n-resize", "ne-resize", "w-resize", "e-resize", "sw-resize", "s-resize", "se-resize"];
-      var o = u.target || u.srcElement, i = window.getComputedStyle(o).cursor;
+      var s = u.target || u.srcElement, i = window.getComputedStyle(s).cursor;
       if (d.indexOf(i) != -1) {
         var y = mxEvent.isMouseEvent(n.getEvent()) ? 1 : this.tolerance, c = this.allowHandleBoundsCheck && (mxClient.IS_IE || y > 0) ? new mxRectangle(n.getGraphX() - y, n.getGraphY() - y, 2 * y, 2 * y) : null, f = mxUtils.bind(this, function(S) {
           var w = S != null && S.constructor != mxImageShape && this.allowHandleBoundsCheck ? S.strokewidth + S.svgStrokeTolerance : null, E = w != null ? new mxRectangle(
@@ -5606,8 +5606,8 @@ function je(t) {
   }
   e.keyUpdownEvent = (a) => {
     let n = e.graph, u = e.undoMng;
-    e.keyUpdownEvt.keyUpdown(n, u, function(o) {
-      (o === "undo" || o === "redo") && e.changePageSize();
+    e.keyUpdownEvt.keyUpdown(n, u, function(s) {
+      (s === "undo" || s === "redo") && e.changePageSize();
     });
   }, e.removeKeyUpDown = () => {
     let a = e.graph;
@@ -5617,8 +5617,8 @@ function je(t) {
     return new Promise((n, u) => {
       let d = new Image();
       d.src = `${a}`, d.onload = async function() {
-        let o = d.width, i = d.height;
-        n({ w: o, h: i });
+        let s = d.width, i = d.height;
+        n({ w: s, h: i });
       };
     });
   }
@@ -5626,11 +5626,11 @@ function je(t) {
     let n = {};
     if (a.border) {
       let d = a.border.split(",");
-      d.length == 1 ? d.forEach((o, i) => {
-        let y = o.split(" "), c = "";
+      d.length == 1 ? d.forEach((s, i) => {
+        let y = s.split(" "), c = "";
         n["border" + c + "Width"] = y[0], n["border" + c + "Style"] = y[1], n["border" + c + "Color"] = y[2];
-      }) : d.forEach((o, i) => {
-        let y = o.split(" "), c = "Top";
+      }) : d.forEach((s, i) => {
+        let y = s.split(" "), c = "Top";
         i == 0 ? c = "Top" : i == 1 ? c = "Right" : i == 2 ? c = "Bottom" : i == 3 && (c = "Left"), n["border" + c + "Width"] = y[0], n["border" + c + "Style"] = y[1], n["border" + c + "Color"] = y[2];
       });
     }
@@ -5638,7 +5638,7 @@ function je(t) {
   };
   function p(a) {
     a.convertValueToString = function(n) {
-      let { width: u, height: d, x: o, y: i } = n.geometry;
+      let { width: u, height: d, x: s, y: i } = n.geometry;
       if (n.type == "vertex")
         return v(n);
       if (n.type == "kitUI:CanvasWidget") {
@@ -5716,7 +5716,7 @@ function je(t) {
     };
   }
   function v(a) {
-    let { width: n, height: u, x: d, y: o } = a.geometry;
+    let { width: n, height: u, x: d, y: s } = a.geometry;
     k(a);
     let i = a.value.style, y = a.value.data.children, c = {};
     y && (c = y.find((b) => b.key === "text"));
@@ -5738,7 +5738,7 @@ function je(t) {
   }
   e.isDragging = !1, e.dragTerminal = null, e.startPos = null, e.dx = null, e.dy = null, e.ctrlKey = !1, e.moveEdgeCells = [];
   function g(a, n, u, d) {
-    return new Promise((o, i) => {
+    return new Promise((s, i) => {
       let y = a.getDefaultParent(), c = a.getModel();
       c.beginUpdate();
       try {
@@ -5766,7 +5766,7 @@ function je(t) {
             E.y + d
           ),
           !1
-        ), f.setGeometry(S), f.value = n.value, f.type = n.type, f.model = "yes", f.type = "edge", f.iconName = n.iconName, o(f);
+        ), f.setGeometry(S), f.value = n.value, f.type = n.type, f.model = "yes", f.type = "edge", f.iconName = n.iconName, s(f);
       } finally {
         c.endUpdate();
       }
@@ -5782,9 +5782,9 @@ function je(t) {
           let i = a.getPointForEvent(d);
           e.startPos = i, u.consume();
         }
-        let o = a.getSelectionCell();
-        if (o && o.isEdge()) {
-          let i = a.getPointForEvent(d), y = o.getGeometry(), c = y.getTerminalPoint(!0), f = y.getTerminalPoint(!1), b = x(i, c), S = x(i, f);
+        let s = a.getSelectionCell();
+        if (s && s.isEdge()) {
+          let i = a.getPointForEvent(d), y = s.getGeometry(), c = y.getTerminalPoint(!0), f = y.getTerminalPoint(!1), b = x(i, c), S = x(i, f);
           b < 15 && (e.isDragging = !0, e.dragTerminal = !0, e.startPos = i, u.consume()), S < 15 && (e.isDragging = !0, e.dragTerminal = !1, e.startPos = i, u.consume());
         }
         u.consume();
@@ -5792,17 +5792,17 @@ function je(t) {
       mouseMove: function(n, u) {
         let d = u.evt;
         if (e.ctrlKey = d.ctrlKey, e.ctrlKey) {
-          let o = a.getPointForEvent(d), i = o.x, y = o.y;
+          let s = a.getPointForEvent(d), i = s.x, y = s.y;
           e.dx = i, e.dy = y, u.consume();
         } else if (e.isDragging && e.dragTerminal !== null) {
-          let o = a.getPointForEvent(d), i = o.x, y = o.y;
+          let s = a.getPointForEvent(d), i = s.x, y = s.y;
           e.dx = i, e.dy = y, u.consume();
         }
         u.consume();
       },
       mouseUp: function(n, u) {
-        let d = u.evt, o = a.getModel();
-        o.beginUpdate();
+        let d = u.evt, s = a.getModel();
+        s.beginUpdate();
         try {
           if (e.ctrlKey && d.ctrlKey && e.dx !== null && e.dy !== null) {
             let i = e.moveEdgeCells;
@@ -5830,20 +5830,20 @@ function je(t) {
             }, 1), u.consume();
           }
         } finally {
-          o.endUpdate();
+          s.endUpdate();
         }
         u.consume();
       }
     });
   }
   const k = (a) => {
-    let { width: n, height: u, x: d, y: o } = a.geometry, i = a.value.style;
+    let { width: n, height: u, x: d, y: s } = a.geometry, i = a.value.style;
     if (i && i.hasOwnProperty("layout")) {
       let y = a.value.data, c = {
         width: n,
         height: u,
         x: d,
-        y: o
+        y: s
       }, f = y.children;
       if (f && f.length > 0) {
         let b = f.find((S) => S.key == "layout");
@@ -5853,8 +5853,8 @@ function je(t) {
     }
   };
   function N(a) {
-    let { img: n, text: u, style: d } = a, o = "";
-    return n && (o += `<img src='${n}' style="z-index: 0;" alt=" " v-if='${n}'>`), u && (d ? o += `<span style="z-index: 0;${d}">${u}</span>` : o += `<span style="z-index: 0;">${u}</span>`), !n && !u ? "<span> </span>" : o;
+    let { img: n, text: u, style: d } = a, s = "";
+    return n && (s += `<img src='${n}' style="z-index: 0;" alt=" " v-if='${n}'>`), u && (d ? s += `<span style="z-index: 0;${d}">${u}</span>` : s += `<span style="z-index: 0;">${u}</span>`), !n && !u ? "<span> </span>" : s;
   }
   function A(a) {
     new Tt().createGrid(a, e.parent, e.preview), a.gridEnabled = !0, a.gridSize = 10;
@@ -5899,13 +5899,13 @@ function je(t) {
       return "";
     let u = {};
     for (const d in a)
-      n.some((o) => d.startsWith(o)) && (u[d] = a[d]);
+      n.some((s) => d.startsWith(s)) && (u[d] = a[d]);
     return u && Object.keys(u).length === 0 ? "" : Object.entries(u).filter(
-      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
-    ).map(([d, o]) => {
+      ([d, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
+    ).map(([d, s]) => {
       const i = d.replace(/([A-Z])/g, "-$1").toLowerCase();
-      let y = o;
-      return i === "gap" && (y = `${o}px`), `${i}:${y}`;
+      let y = s;
+      return i === "gap" && (y = `${s}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
   function U(a, n) {
@@ -5915,11 +5915,11 @@ function je(t) {
     for (const d in a)
       n.indexOf(d) === -1 && (u[d] = a[d]);
     return u && Object.keys(u).length === 0 ? "" : Object.entries(u).filter(
-      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
-    ).map(([d, o]) => {
+      ([d, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
+    ).map(([d, s]) => {
       const i = d.replace(/([A-Z])/g, "-$1").toLowerCase();
-      let y = o;
-      return i === "gap" && (y = `${o}px`), `${i}:${y}`;
+      let y = s;
+      return i === "gap" && (y = `${s}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
   function I(a) {
@@ -5929,45 +5929,45 @@ function je(t) {
       ([n, u]) => u != null && u !== "" && !(typeof u == "object" && Object.keys(u).length === 0)
     ).map(([n, u]) => {
       const d = n.replace(/([A-Z])/g, "-$1").toLowerCase();
-      let o = u;
-      return d === "gap" && (o = u.toString().indexOf("px") === -1 ? `${u}px` : u), `${d}: ${o}`;
+      let s = u;
+      return d === "gap" && (s = u.toString().indexOf("px") === -1 ? `${u}px` : u), `${d}: ${s}`;
     }).join("; ") + ";") : "";
   }
   function R(a, n) {
     return a ? Object.entries(a).filter(
-      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
-    ).map(([d, o]) => {
+      ([d, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
+    ).map(([d, s]) => {
       let i = d;
       n || (i = d.replace(/([A-Z])/g, "-$1").toLowerCase());
-      let y = o;
-      return i === "gap" && (y = `${o}px`), `${i}=${y}`;
+      let y = s;
+      return i === "gap" && (y = `${s}px`), `${i}=${y}`;
     }).join("; ") + ";" : "";
   }
-  function K(a) {
+  function G(a) {
     const u = String(a).match(/\d+/);
     return u ? Number(u[0]) : null;
   }
   function $(a, n, u) {
-    let d = a.value, o = K(d);
-    return n === "-inf" ? o <= u : u === "+inf" ? o >= n : o >= n && o <= u;
+    let d = a.value, s = G(d);
+    return n === "-inf" ? s <= u : u === "+inf" ? s >= n : s >= n && s <= u;
   }
   function T(a, n) {
     if (!n.children)
       return "";
-    let d = n.children.filter((o) => o.animate && (o.animate.isShow || o.animate.isShow == 1));
-    return d && d.length > 0 && d.forEach((o) => {
-      if (o.key === "background" || o.key === "color" || o.key === "image") {
-        let i = o.animate.data, y = o.animate.mpType, c = null;
+    let d = n.children.filter((s) => s.animate && (s.animate.isShow || s.animate.isShow == 1));
+    return d && d.length > 0 && d.forEach((s) => {
+      if (s.key === "background" || s.key === "color" || s.key === "image") {
+        let i = s.animate.data, y = s.animate.mpType, c = null;
         if (y === "NumericToSimple") {
-          let f = i.find((b) => $(o, b.min, b.max));
-          f ? c = f : o.key === "image" ? c = {
-            value: o.animate.default,
-            valueUrl: o.animate.defaultVal
+          let f = i.find((b) => $(s, b.min, b.max));
+          f ? c = f : s.key === "image" ? c = {
+            value: s.animate.default,
+            valueUrl: s.animate.defaultVal
           } : c = {
-            value: o.animate.default
+            value: s.animate.default
           };
-        } else y === "BooleanToSimple" && (c = i.find((f) => f.key === o.realValue));
-        c && (a[o.key] = c.value, o.key === "image" && (a.imgUrl = `${c.valueUrl}`));
+        } else y === "BooleanToSimple" && (c = i.find((f) => f.key === s.realValue));
+        c && (a[s.key] = c.value, s.key === "image" && (a.imgUrl = `${c.valueUrl}`));
       }
     }), a;
   }
@@ -5996,7 +5996,7 @@ function je(t) {
       n.refresh();
       return;
     }
-    const o = u.undoableEditHappened;
+    const s = u.undoableEditHappened;
     try {
       u.undoableEditHappened = function() {
       }, d.beginUpdate();
@@ -6018,14 +6018,14 @@ function je(t) {
         d.endUpdate();
       }
     } finally {
-      u.undoableEditHappened = o;
+      u.undoableEditHappened = s;
     }
   }, e.updateCell = (a, n) => {
     let u = e.graph;
     const d = u.getModel();
     d.beginUpdate();
     try {
-      let o = a.value.style;
+      let s = a.value.style;
       if (n && n.layout && Object.keys(n.layout).length > 0) {
         const y = n.layout;
         if (y) {
@@ -6035,16 +6035,16 @@ function je(t) {
       }
       d.setValue(a, a.value);
       let i = "";
-      a.type === "rect" ? i = te(a, n) : a.type === "edge" ? (e.firstFlag = !0, i = Z(a, n)) : a.type === "kitUI:CanvasWidget" ? (i = T(o, a.value.data), e.changePageSize(o)) : i = T(o, a.value.data), Et(e.graph, a, i);
+      a.type === "rect" ? i = te(a, n) : a.type === "edge" ? (e.firstFlag = !0, i = Z(a, n)) : a.type === "kitUI:CanvasWidget" ? (i = T(s, a.value.data), e.changePageSize(s)) : i = T(s, a.value.data), Et(e.graph, a, i);
     } finally {
       d.endUpdate();
     }
     u.refresh();
   };
   function Z(a, n) {
-    let u = e.graph, d = "", o = a.style || "";
-    if (o) {
-      const y = { ...ie(o), ...n };
+    let u = e.graph, d = "", s = a.style || "";
+    if (s) {
+      const y = { ...ie(s), ...n };
       d = R(y, !0), a.value.style = y, a.setStyle(d), T(a.value.style, a.value.data), u.refresh(a);
     }
     return d;
@@ -6052,9 +6052,9 @@ function je(t) {
   function te(a, n) {
     let u = "", d = a.style || "";
     if (d) {
-      let o = ie(d);
-      o.shape = o.shape, o.perimeter = o.perimeter, n.background.indexOf("/files") > -1 && (n.background = ""), Number(n.borderValue) === 0 && (n.stroke = "transparent"), u = `shape=${o.shape};perimeter=${o.perimeter};fillColor=${n.background || "#D1E7FF"};strokeColor=${n.stroke || "#000000"};strokeWidth=${n.borderValue || 0}`, o.direction && (u += `;direction=${o.direction}`);
-      const i = { ...o, ...n };
+      let s = ie(d);
+      s.shape = s.shape, s.perimeter = s.perimeter, n.background.indexOf("/files") > -1 && (n.background = ""), Number(n.borderValue) === 0 && (n.stroke = "transparent"), u = `shape=${s.shape};perimeter=${s.perimeter};fillColor=${n.background || "#D1E7FF"};strokeColor=${n.stroke || "#000000"};strokeWidth=${n.borderValue || 0}`, s.direction && (u += `;direction=${s.direction}`);
+      const i = { ...s, ...n };
       a.value.style = i, T(a.value.style, a.value.data);
     }
     return u;
@@ -6062,8 +6062,8 @@ function je(t) {
   function ie(a) {
     const n = {};
     return a.split(";").filter((d) => d.trim() !== "").forEach((d) => {
-      const [o, i] = d.split("=");
-      o && i !== void 0 && (n[o.trim()] = i.trim());
+      const [s, i] = d.split("=");
+      s && i !== void 0 && (n[s.trim()] = i.trim());
     }), n;
   }
   function oe(a) {
@@ -6072,7 +6072,7 @@ function je(t) {
   e.addImgVertex = (a) => {
     let n = e.graph;
     const u = n.getModel();
-    let d = n.getDefaultParent(), o = [];
+    let d = n.getDefaultParent(), s = [];
     u.beginUpdate();
     try {
       a.forEach((i) => {
@@ -6085,8 +6085,8 @@ function je(t) {
           style: w,
           name: i ? i.displayName : i.getAttribute("label"),
           realWh: M
-        }, o.push(V);
-      }), n.setSelectionCells(o);
+        }, s.push(V);
+      }), n.setSelectionCells(s);
     } finally {
       u.endUpdate();
     }
@@ -6115,8 +6115,8 @@ function je(t) {
     mxGraph.prototype.insertEdge = function(y, c, f, b, S, w) {
       return w === null && (w = ""), n.apply(this, arguments);
     };
-    let u = e.graph, d = u.getDefaultParent(), o = u.getModel(), i = [];
-    o.beginUpdate();
+    let u = e.graph, d = u.getDefaultParent(), s = u.getModel(), i = [];
+    s.beginUpdate();
     try {
       for (let y = 0; y < a.length; y++) {
         const c = a[y], { evt: f = null, data: b = null, pt: S = { x: 50, y: 50 }, style: w, w: E = 30, h: L = 100, iconName: O = "icon-general-icon" } = c;
@@ -6124,8 +6124,8 @@ function je(t) {
         f && (M = u.getPointForEvent(f));
         let B = ue(), F = u.insertEdge(d, null, "", null, null, w.perimeter + `;strokeWidth=${w.strokeWidth || 1};strokeColor=${w.strokeColor || "#333333"}`);
         F.id = B;
-        let V = new mxGeometry(), { startX: H, startY: W, endX: q, endY: G } = ze(M, E, L);
-        V.setTerminalPoint(new mxPoint(H, W), !0), V.setTerminalPoint(new mxPoint(q, G), !1), F.setGeometry(V), F.model = "yes", F.type = "edge", F.iconName = O, F.value = {
+        let V = new mxGeometry(), { startX: H, startY: W, endX: q, endY: K } = ze(M, E, L);
+        V.setTerminalPoint(new mxPoint(H, W), !0), V.setTerminalPoint(new mxPoint(q, K), !1), F.setGeometry(V), F.model = "yes", F.type = "edge", F.iconName = O, F.value = {
           data: { ...b },
           //存储对象
           style: { ...w }
@@ -6136,15 +6136,15 @@ function je(t) {
       }
       u.setSelectionCells(i);
     } finally {
-      o.endUpdate();
+      s.endUpdate();
     }
   }
   function fe(a) {
     let n = e.graph, u = n.getModel(), d = [];
     u.beginUpdate();
     try {
-      for (let o = 0; o < a.length; o++) {
-        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 30, type: E, tmpType: L, codeType: O, iconName: M = "icon-general-icon", realType: B } = i;
+      for (let s = 0; s < a.length; s++) {
+        const i = a[s], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 30, type: E, tmpType: L, codeType: O, iconName: M = "icon-general-icon", realType: B } = i;
         let F = S, V = w, H = f;
         y && (H = n.getPointForEvent(y)), b.layout && (F = b.layout.width, V = b.layout.height);
         let W = {
@@ -6158,9 +6158,9 @@ function je(t) {
           se.value = W;
         }
         b.layout = W;
-        let G = n.getDefaultParent();
+        let K = n.getDefaultParent();
         ce(n, null);
-        let ne = R(b), re = ue(), Y = n.insertVertex(G, re, b.text || "", H.x, H.y, F, V, ne);
+        let ne = R(b), re = ue(), Y = n.insertVertex(K, re, b.text || "", H.x, H.y, F, V, ne);
         Y.crtype = "creatComp", Y.cmp = L, Y.codeType = O, Y.type = E, Y.realType = B, Y.model = "yes", Y.name = b.text || "", Y.iconName = M, Y.style = ne, Y.value = {
           data: c,
           //存储对象
@@ -6179,8 +6179,8 @@ function je(t) {
     let n = e.graph, u = n.getModel(), d = [];
     u.beginUpdate();
     try {
-      for (let o = 0; o < a.length; o++) {
-        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 20, iconName: E = "iconfont icon-general-icon", realType: L, from: O } = i;
+      for (let s = 0; s < a.length; s++) {
+        const i = a[s], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 20, iconName: E = "iconfont icon-general-icon", realType: L, from: O } = i;
         let M = f;
         n || (n = e.graph), y && (M = n.getPointForEvent(y));
         let B = n.getDefaultParent(), F = n.getModel(), V = {
@@ -6195,14 +6195,14 @@ function je(t) {
         }
         let W = R(b);
         b.gtype == "rect" && (Number(b.borderValue) === 0 && (b.stroke = "transparent"), W = b.perimeter + `;fillColor=${b.background || "transparent"};strokeColor=${b.stroke || "#333333"};strokeWidth=${b.borderWidth || 0}`);
-        let q = ue(), G = n.insertVertex(B, q, b.text || "", M.x, M.y, S, w, W);
-        b.gtype == "rect" ? G.type = "rect" : G.type = "vertex", G.model = "yes", G.name = b.text || "", G.iconName = E, G.value = {
+        let q = ue(), K = n.insertVertex(B, q, b.text || "", M.x, M.y, S, w, W);
+        b.gtype == "rect" ? K.type = "rect" : K.type = "vertex", K.model = "yes", K.name = b.text || "", K.iconName = E, K.value = {
           data: { ...c },
           //存储对象
           style: { ...b }
           //存储样式对象
-        }, G.from = O || "other", G.realType = L, G.style = W, d.push(G), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
-          cells: [G]
+        }, K.from = O || "other", K.realType = L, K.style = W, d.push(K), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
+          cells: [K]
         }));
       }
       n.setSelectionCells(d);
@@ -6211,9 +6211,9 @@ function je(t) {
     }
   }
   e.addVertex = ({ graph: a, options: n = {} }) => new Promise((u, d) => {
-    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, style: c, w: f = 100, h: b = 20, iconName: S = "iconfont icon-general-icon", realType: w, from: E } = n;
+    const { evt: s = null, data: i = null, pt: y = { x: 50, y: 50 }, style: c, w: f = 100, h: b = 20, iconName: S = "iconfont icon-general-icon", realType: w, from: E } = n;
     let L = y;
-    a || (a = e.graph), o && (L = a.getPointForEvent(o));
+    a || (a = e.graph), s && (L = a.getPointForEvent(s));
     let O = a.getDefaultParent(), M = a.getModel(), B = {
       width: f,
       height: b,
@@ -6242,7 +6242,7 @@ function je(t) {
     }
   });
   function ze(a, n, u) {
-    const o = -10 * Math.PI / 180, i = Math.cos(o), y = Math.sin(o), c = u / 2, f = n / 2, S = [
+    const s = -10 * Math.PI / 180, i = Math.cos(s), y = Math.sin(s), c = u / 2, f = n / 2, S = [
       { x: -c, y: -f },
       // V1 左上
       { x: c, y: -f },
@@ -6260,9 +6260,9 @@ function je(t) {
   e.addEdge = ({ graph: a, options: n = {} }) => {
     e.firstFlag = !0;
     const u = mxGraph.prototype.insertEdge;
-    return mxGraph.prototype.insertEdge = function(d, o, i, y, c, f) {
+    return mxGraph.prototype.insertEdge = function(d, s, i, y, c, f) {
       return f === null && (f = ""), u.apply(this, arguments);
-    }, new Promise((d, o) => {
+    }, new Promise((d, s) => {
       const { evt: i = null, data: y = null, pt: c = { x: 50, y: 50 }, style: f, w: b = 30, h: S = 100, iconName: w = "icon-general-icon" } = n;
       let E = c;
       a || (a = e.graph), i && (E = a.getPointForEvent(i));
@@ -6285,17 +6285,17 @@ function je(t) {
       }
     });
   }, e.createCustomComponent = ({ graph: a, options: n = {} }) => new Promise((u, d) => {
-    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, id: c = null, style: f, w: b = 100, h: S = 30, type: w, tmpType: E, codeType: L, crtype: O = "creatComp", other: M = {}, iconName: B = "icon-general-icon", realType: F } = n;
+    const { evt: s = null, data: i = null, pt: y = { x: 50, y: 50 }, id: c = null, style: f, w: b = 100, h: S = 30, type: w, tmpType: E, codeType: L, crtype: O = "creatComp", other: M = {}, iconName: B = "icon-general-icon", realType: F } = n;
     let V = b, H = S, W = y;
-    a || (a = e.graph), o && (W = a.getPointForEvent(o)), f.layout && (V = f.layout.width, H = f.layout.height);
+    a || (a = e.graph), s && (W = a.getPointForEvent(s)), f.layout && (V = f.layout.width, H = f.layout.height);
     let q = {
       width: V,
       height: H,
       x: W.x,
       y: W.y
-    }, G = i.children;
-    if (G && G.length > 0) {
-      let Y = G.find((se) => se.key == "layout");
+    }, K = i.children;
+    if (K && K.length > 0) {
+      let Y = K.find((se) => se.key == "layout");
       Y.value = q;
     }
     f.layout = q;
@@ -6320,8 +6320,8 @@ function je(t) {
   }, e.fromXmlToView = (a) => {
     let n = e.graph;
     return new Promise((u, d) => {
-      let o = new mxFastOrganicLayout(n);
-      o.forceConstant = 140;
+      let s = new mxFastOrganicLayout(n);
+      s.forceConstant = 140;
       const i = n.getStylesheet().getDefaultVertexStyle();
       i.fill = "none", i[mxConstants.STYLE_STROKE] = "none", n.getModel().beginUpdate();
       try {
@@ -6332,7 +6332,7 @@ function je(t) {
     });
   }, e.main = (a) => {
     let { container: n, xml: u } = a;
-    return new Promise((d, o) => {
+    return new Promise((d, s) => {
       if (!mxClient.isBrowserSupported())
         mxUtils.error("Browser is not supported!", 200, !1);
       else {
@@ -6383,30 +6383,30 @@ function je(t) {
   function pe(a) {
     let n = a.value.data;
     if (n) {
-      let u = n.treeData || [], d = [], o = [];
+      let u = n.treeData || [], d = [], s = [];
       return u.forEach((i) => {
         let y = i.children || [], c = y.find((f) => f.key == "hyperlink" && f.value != "null");
-        c && d.push(c), i.title == "PopupBinding" && o.push(y);
+        c && d.push(c), i.title == "PopupBinding" && s.push(y);
       }), {
         url: d && d.length > 0 ? d[0].value : "",
-        pup: o
+        pup: s
       };
     }
     return null;
   }
-  e.addMask = (a, n, u, d, o) => {
+  e.addMask = (a, n, u, d, s) => {
     let i = l(a.container, "transparentRect");
     if (i && i.length > 0)
       for (let y = 0; y < i.length; y++) {
         let c = i[y];
-        c && (c.style.top = u + "px", c.style.left = n + "px", c.style.width = d + "px", c.style.height = o + "px", c.style.zIndex = "20", e.preview || (c.classList.remove("is-block"), c.classList.add("is-hidden")));
+        c && (c.style.top = u + "px", c.style.left = n + "px", c.style.width = d + "px", c.style.height = s + "px", c.style.zIndex = "20", e.preview || (c.classList.remove("is-block"), c.classList.add("is-hidden")));
       }
   }, e.initCanvas = (a) => {
     const n = e.graph;
     return new Promise((u, d) => {
-      let o = n.getModel();
+      let s = n.getModel();
       const i = n.getDefaultParent();
-      o.beginUpdate();
+      s.beginUpdate();
       try {
         const y = n.insertVertex(
           i,
@@ -6437,7 +6437,7 @@ function je(t) {
           e.changePageSize(a), e.undoMng && e.clearUndo();
         }, 10), u();
       } finally {
-        o.endUpdate();
+        s.endUpdate();
       }
     });
   }, e.changeRotationHandleStyle = (a) => {
@@ -6445,13 +6445,13 @@ function je(t) {
   }, e.testPosition = () => {
     let a = e.graph, n = null, u = e.parent;
     u && (n = u.value ? u.value.style : null);
-    let { x: d, y: o } = ke(n, a.container), i = d, y = o;
-    n.horizontalAlign === "end" && (i = d - 2), n.verticalAlign === "end" && (y = o - 2), e.addMask(a, i, y, n.width, n.height), a.getView().setTranslate(i, y);
+    let { x: d, y: s } = ke(n, a.container), i = d, y = s;
+    n.horizontalAlign === "end" && (i = d - 2), n.verticalAlign === "end" && (y = s - 2), e.addMask(a, i, y, n.width, n.height), a.getView().setTranslate(i, y);
   }, e.getTranslate = (a) => {
     let n = e.graph;
     const u = a.value ? a.value.style : null;
-    let { x: d, y: o } = ke(u, n.container);
-    return { x: d, y: o };
+    let { x: d, y: s } = ke(u, n.container);
+    return { x: d, y: s };
   }, e.getFloatingPosition = (a) => {
     let n = e.graph;
     if (!a) {
@@ -6469,8 +6469,8 @@ function je(t) {
           for (let S = 0; S < b.length; S++) {
             const w = b[S];
             if (w) {
-              var o = f.getGeometry();
-              w.style.position = "absolute", w.style.width = o.width + "px", w.style.height = o.height + "px", w.style.left = o.x + i + "px", w.style.top = o.y + y + "px";
+              var s = f.getGeometry();
+              w.style.position = "absolute", w.style.width = s.width + "px", w.style.height = s.height + "px", w.style.left = s.x + i + "px", w.style.top = s.y + y + "px";
             }
           }
         }
@@ -6490,10 +6490,10 @@ function je(t) {
       try {
         const d = e.parent;
         if (d) {
-          let o = n.getCellGeometry(d);
-          if (o) {
+          let s = n.getCellGeometry(d);
+          if (s) {
             let { x: i, y } = ke(a, n.container);
-            o.width = a.width, o.height = a.height, u.setGeometry(d, o);
+            s.width = a.width, s.height = a.height, u.setGeometry(d, s);
             let c = n.container.querySelector("canvas");
             if (a.background)
               if (a.background.indexOf("files/") > -1) {
@@ -6522,7 +6522,7 @@ function je(t) {
           }
           n.scrollCellToVisible(d, !1), e.parent = d, n.refresh(d);
         }
-        u.setBounds = function(o) {
+        u.setBounds = function(s) {
           return new mxRectangle(0, 0, a.width, a.height);
         };
       } finally {
@@ -6533,9 +6533,9 @@ function je(t) {
   function Ne(a) {
     a.addListener(mxEvent.CLICK, function(n, u) {
       a.container.focus();
-      const o = u.getProperty("cell");
-      if (o)
-        return t.handelEvent({ key: "click", evt: u, val: o }), !1;
+      const s = u.getProperty("cell");
+      if (s)
+        return t.handelEvent({ key: "click", evt: u, val: s }), !1;
     });
   }
   function Ye(a) {
@@ -6551,24 +6551,24 @@ function je(t) {
     };
   }
   function qe(a, n, u) {
-    let d = a.getModel(), o = function(i, y) {
+    let d = a.getModel(), s = function(i, y) {
       n.undoableEditHappened(y.getProperty("edit"));
     };
-    d.addListener(mxEvent.UNDO, o), a.getView().addListener(mxEvent.UNDO, o);
+    d.addListener(mxEvent.UNDO, s), a.getView().addListener(mxEvent.UNDO, s);
   }
-  e.addCode = ({ code: a, pt: n, style: u, type: d, iconCls: o }) => {
+  e.addCode = ({ code: a, pt: n, style: u, type: d, iconCls: s }) => {
     let i = e.graph;
-    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: o }, t);
-  }, e.addEvent = ({ code: a, pt: n, style: u, type: d, iconCls: o }) => {
+    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: s }, t);
+  }, e.addEvent = ({ code: a, pt: n, style: u, type: d, iconCls: s }) => {
     let i = e.graph;
-    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: o }, t);
+    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: s }, t);
   };
   function Xe(a) {
     a.addListener(mxEvent.RESIZE_CELLS, function(n, u) {
-      const d = u.getProperty("cells"), o = u.getProperty("bounds"), i = u.getProperty("previous"), y = a.getSelectionCells();
+      const d = u.getProperty("cells"), s = u.getProperty("bounds"), i = u.getProperty("previous"), y = a.getSelectionCells();
       d.forEach((c) => {
         if (a.getChildCells(c), a.getCellGeometry(c)) {
-          const b = parseFloat(o[0].width / i[0].width), S = parseFloat(o[0].height / i[0].height);
+          const b = parseFloat(s[0].width / i[0].width), S = parseFloat(s[0].height / i[0].height);
           y.forEach((w) => {
             if (w.id != c.id) {
               const L = a.getCellGeometry(w).clone();
@@ -6590,7 +6590,7 @@ function je(t) {
   }
   function Ze(a, n, u) {
     mxEvent.consume(a);
-    const d = n.getView().getScale(), o = u ? 1.1 : 1 / 1.1, i = d * o;
+    const d = n.getView().getScale(), s = u ? 1.1 : 1 / 1.1, i = d * s;
     if (i > 3 || i < 0.1) return;
     const y = n.container, c = y.offsetWidth, f = y.offsetHeight, b = c / 2, S = f / 2;
     n.getModel().beginUpdate();
@@ -6607,7 +6607,7 @@ function je(t) {
     }
   }
   function Je(a, n) {
-    n.popupMenuHandler.autoExpand = !0, n.popupMenuHandler.factoryMethod = function(u, d, o) {
+    n.popupMenuHandler.autoExpand = !0, n.popupMenuHandler.factoryMethod = function(u, d, s) {
       if (e.preview)
         return;
       let i = mxClipboard.cells;
@@ -6618,8 +6618,8 @@ function je(t) {
         let b = null, S = null;
         f.children && f.children.length > 0 ? (b = null, S = f.children) : b = function() {
           if (f.code) {
-            let E = n.getPointForEvent(o);
-            t.contextmenus(o, {
+            let E = n.getPointForEvent(s);
+            t.contextmenus(s, {
               title: f.title,
               code: f.code || "",
               type: f.type,
@@ -6633,8 +6633,8 @@ function je(t) {
         S && S.forEach((E) => {
           u.addItem(E.title, E.image, function() {
             if (E.code) {
-              let L = n.getPointForEvent(o);
-              t.contextmenus(o, {
+              let L = n.getPointForEvent(s);
+              t.contextmenus(s, {
                 title: E.title,
                 code: E.code || "",
                 type: E.type,
@@ -6674,10 +6674,10 @@ const $e = {
       "/js/mxClient.js"
     ];
     return new Promise((l) => {
-      const s = document.getElementsByTagName("script");
+      const o = document.getElementsByTagName("script");
       let r = !1;
-      for (let v = 0; v < s.length; v++)
-        s[v].src.includes("mxClient.js") && (r = !0);
+      for (let v = 0; v < o.length; v++)
+        o[v].src.includes("mxClient.js") && (r = !0);
       if (r)
         return l();
       let p = e.map((v) => {
@@ -6975,9 +6975,13 @@ const $e = {
       handler(t, e) {
         let l = this;
         l.yhz && (l.yhz.isPreview(!t), l.$nextTick(() => {
-          t ? (l.keys = Math.random().toString(36).substring(2), l.graph.refresh(), l.scheduleUpdateOverlay()) : l.centeredWindow && l.centeredWindow.forEach((r) => {
+          t ? (l.keys = Math.random().toString(36).substring(2), l.graph.refresh(), l.scheduleUpdateOverlay(), l.timeLineMap && l.timeLineMap.length > 0 && l.timeLineMap.forEach((o) => {
+            o.cell.setVisible(!1);
+          })) : (l.timeLineMap && l.timeLineMap.length > 0 && l.timeLineMap.forEach((o) => {
+            o.cell.setVisible(!0);
+          }), l.centeredWindow && l.centeredWindow.forEach((r) => {
             r && (r.setVisible(!1), r.destroy());
-          });
+          }));
         }));
       },
       immediate: !0,
@@ -6986,8 +6990,8 @@ const $e = {
   },
   methods: {
     getStyle(t) {
-      let e = this, s = t.cell.style || {};
-      return e.yhz.scheduleBorder(s);
+      let e = this, o = t.cell.style || {};
+      return e.yhz.scheduleBorder(o);
     },
     //隐藏并显示
     handleshowAndHide(t, e) {
@@ -6999,8 +7003,8 @@ const $e = {
       let t = this;
       this.updateRaf && cancelAnimationFrame(this.updateRaf), this.updateRaf = requestAnimationFrame(() => {
         t.$nextTick(() => {
-          var l = t.graph.getModel().cells, s = Object.values(l);
-          let r = s.filter((m) => m.crtype == "schedule");
+          var l = t.graph.getModel().cells, o = Object.values(l);
+          let r = o.filter((m) => m.crtype == "schedule");
           for (let m = 0; m < r.length; m++) {
             let p = r[m];
             t.graph.view.validateCell(p);
@@ -7012,8 +7016,8 @@ const $e = {
     async addTimeLine({ cellAry: t, scheduleCombination: e }) {
       let l = this;
       l.$nextTick(() => {
-        for (let s = 0; s < t.length; s++) {
-          let r = t[s], m = {
+        for (let o = 0; o < t.length; o++) {
+          let r = t[o], m = {
             id: r.id,
             cell: r,
             other: r.other,
@@ -7118,20 +7122,20 @@ const $e = {
       let t = this, e = t.$refs.geEditor;
       const l = new je(t);
       if (!t.graph) {
-        let s = await l.init({
+        let o = await l.init({
           container: e,
           menus: t.menus,
           pageShortcuts: t.pageShortcuts
         });
-        t.graph = s, t.delCell(s), t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: s, yhz: l }), setTimeout(() => {
+        t.graph = o, t.delCell(o), t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: o, yhz: l }), setTimeout(() => {
           l.isPreview(!t.isPreview);
         }, 0);
       }
     },
     delCell(t) {
       let e = this;
-      t.addListener(mxEvent.DELETE_CELLS, (l, s) => {
-        const r = s.properties.cells;
+      t.addListener(mxEvent.DELETE_CELLS, (l, o) => {
+        const r = o.properties.cells;
         let m = [];
         r && r.length > 0 && (r.forEach((p) => {
           m.push(p.id);
@@ -7155,7 +7159,7 @@ const $e = {
         l.centeredWindow && l.centeredWindow.forEach((m) => {
           m && (m.setVisible(!1), m.destroy());
         });
-        let s = [];
+        let o = [];
         t.forEach((r, m) => {
           var p = document.createElement("div");
           if (r.type === "img") {
@@ -7191,28 +7195,30 @@ const $e = {
             "mxWindowTitle"
           );
           U.setClosable(!0), U.setMaximizable(!0), U.setScrollable(!0), U.setResizable(!0), U.setVisible(e), U.constrainWithinViewport = !0, U.addListener(mxEvent.CLOSE, function(I, R) {
-            l.isShowPup = !1, document.body.removeChild(z), z.style.display = "none";
+            l.isShowPup = !1, C && C.length > 0 && C.forEach((G) => {
+              document.body.removeChild(G);
+            }), z.style.display = "none";
           }), U.addListener(mxEvent.MOVE, function(I, R) {
-            var K = U.getX(), $ = U.getY(), T = U.getElement().offsetWidth, Z = U.getElement().offsetHeight, te = document.documentElement.clientWidth, ie = document.documentElement.clientHeight, oe = 0, ce = 0, ye = te - T, fe = ie - Z;
-            K = Math.max(oe, Math.min(K, ye)), $ = Math.max(ce, Math.min($, fe)), U.setLocation(K, $);
-          }), U.div && C.length === 0 && (U.div.style.zIndex = 2e3 + m, z.className = "mx-window-mask", z.style.zIndex = 30 + m, document.body.appendChild(z), z.style.display = "block"), s.push(U);
-        }), l.centeredWindow = s, l.wndAry = s;
+            var G = U.getX(), $ = U.getY(), T = U.getElement().offsetWidth, Z = U.getElement().offsetHeight, te = document.documentElement.clientWidth, ie = document.documentElement.clientHeight, oe = 0, ce = 0, ye = te - T, fe = ie - Z;
+            G = Math.max(oe, Math.min(G, ye)), $ = Math.max(ce, Math.min($, fe)), U.setLocation(G, $);
+          }), U.div && C.length === 0 && (U.div.style.zIndex = 2e3 + m, z.className = "mx-window-mask", z.style.zIndex = 30 + m, document.body.appendChild(z), z.style.display = "block"), o.push(U);
+        }), l.centeredWindow = o, l.wndAry = o;
       }
     },
     getWindowInfo() {
       let t = this, e = t.wndAry;
-      e && e.length > 0 && e.forEach((l, s) => {
+      e && e.length > 0 && e.forEach((l, o) => {
         if (l) {
-          let r = t.pupAry[s];
+          let r = t.pupAry[o];
           r && t.openPupop([r], l.isVisible());
         }
       });
     },
     debounce(t, e = 200) {
       let l = null;
-      return function(...s) {
+      return function(...o) {
         clearTimeout(l), l = setTimeout(() => {
-          t.apply(this, s);
+          t.apply(this, o);
         }, e);
       };
     },
@@ -7244,7 +7250,7 @@ const $e = {
   key: 0,
   class: "transparentRect"
 }, Ll = ["id"];
-function Pl(t, e, l, s, r, m) {
+function Pl(t, e, l, o, r, m) {
   return P(), D("div", {
     class: J(["main-gd", { "show-scroll": l.isPreview }]),
     ref: "mainGd"
@@ -7327,8 +7333,8 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
       let t = this;
       this.updateRaf && cancelAnimationFrame(this.updateRaf), this.updateRaf = requestAnimationFrame(() => {
         t.$nextTick(() => {
-          var l = t.graph.getModel().cells, s = Object.values(l);
-          let r = s.filter((m) => m.crtype == "schedule");
+          var l = t.graph.getModel().cells, o = Object.values(l);
+          let r = o.filter((m) => m.crtype == "schedule");
           for (let m = 0; m < r.length; m++) {
             let p = r[m];
             t.graph.view.validateCell(p);
@@ -7340,7 +7346,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
     async addTimeLine({ cellAry: t, scheduleCombination: e }) {
       let l = this;
       l.$nextTick(() => {
-        let s = {};
+        let o = {};
         for (let r = 0; r < t.length; r++) {
           let m = t[r], p = {
             id: m.id,
@@ -7349,9 +7355,9 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
             compId: m.id,
             show: !0
           };
-          l.timeLineMap.push(p), s[m.id] = e;
+          l.timeLineMap.push(p), o[m.id] = e;
         }
-        l.compMap = Object.freeze(s), this.$forceUpdate();
+        l.compMap = Object.freeze(o), this.$forceUpdate();
       });
     },
     //删除键盘
@@ -7441,12 +7447,12 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
       let t = this, e = t.$refs.geEditor;
       const l = new je(t);
       if (!t.graph) {
-        let s = await l.init({
+        let o = await l.init({
           container: e,
           menus: t.menus,
           pageShortcuts: t.pageShortcuts
         });
-        t.graph = s, t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: s, yhz: l }), setTimeout(() => {
+        t.graph = o, t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: o, yhz: l }), setTimeout(() => {
           l.isPreview(!t.isPreview);
         }, 0);
       }
@@ -7466,7 +7472,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
         window.centeredWindow && window.centeredWindow.forEach((m) => {
           m && (m.setVisible(!1), m.destroy());
         });
-        let s = [];
+        let o = [];
         t.forEach((r) => {
           var m = document.createElement("div");
           if (r.type === "img") {
@@ -7502,10 +7508,10 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
           A.setClosable(!0), A.setMaximizable(!1), A.setResizable(!0), A.setVisible(e), A.constrainWithinViewport = !0, A.addListener(mxEvent.CLOSE, function(z, C) {
             l.isShowPup = !1;
           }), A.addListener(mxEvent.MOVE, function(z, C) {
-            var U = A.getX(), I = A.getY(), R = A.getElement().offsetWidth, K = A.getElement().offsetHeight, $ = document.documentElement.clientWidth, T = document.documentElement.clientHeight, Z = 0, te = 0, ie = $ - R, oe = T - K;
+            var U = A.getX(), I = A.getY(), R = A.getElement().offsetWidth, G = A.getElement().offsetHeight, $ = document.documentElement.clientWidth, T = document.documentElement.clientHeight, Z = 0, te = 0, ie = $ - R, oe = T - G;
             U = Math.max(Z, Math.min(U, ie)), I = Math.max(te, Math.min(I, oe)), A.setLocation(U, I);
-          }), s.push(A);
-        }), window.centeredWindow = s, l.wndAry = s;
+          }), o.push(A);
+        }), window.centeredWindow = o, l.wndAry = o;
       }
     }
     // 监听
@@ -7516,7 +7522,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
       t.init();
     }), t.resizeObserver = new ResizeObserver((e) => {
       e.forEach((l) => {
-        const { width: s, height: r } = l.contentRect;
+        const { width: o, height: r } = l.contentRect;
         t.onResize(), t.openPupop(t.pupAry);
       });
     }), t.resizeObserver.observe(t.$refs.geEditor);
@@ -7534,7 +7540,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
   key: 0,
   class: "transparentRect"
 }, Fl = ["id"];
-function Ol(t, e, l, s, r, m) {
+function Ol(t, e, l, o, r, m) {
   return P(), D("div", Il, [
     le("div", {
       class: "main-body",