mx-framework-plus 1.1.5 → 1.1.6

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

@@ -1,4 +1,4 @@
-import { openBlock as P, createElementBlock as D, normalizeStyle as j, normalizeClass as J, createCommentVNode as _, toDisplayString as ee, Fragment as ve, renderList as be, createElementVNode as le, resolveComponent as Ie, createBlock as me, ref as it, computed as Ae, createApp as rt, h as ot, inject as st, withDirectives as ut, resolveDynamicComponent as Ve, vShow as dt } from "vue";
+import { openBlock as L, createElementBlock as I, normalizeStyle as j, normalizeClass as J, createCommentVNode as _, toDisplayString as ee, Fragment as ge, renderList as ve, createElementVNode as le, resolveComponent as Ie, createBlock as me, ref as it, computed as Ae, createApp as rt, h as ot, inject as st, withDirectives as ut, resolveDynamicComponent as Ve, vShow as dt } from "vue";
 import ct from "element-plus";
 import "element-plus/dist/index.css";
 import mt from "yhz-ui-v3";
@@ -29,15 +29,15 @@ function ue(t, e, l) {
   if (De.randomUUID && !t)
     return De.randomUUID();
   t = t || {};
-  const o = t.random ?? ((r = t.rng) == null ? void 0 : r.call(t)) ?? pt();
-  if (o.length < 16)
+  const s = t.random ?? ((r = t.rng) == null ? void 0 : r.call(t)) ?? pt();
+  if (s.length < 16)
     throw new Error("Random bytes length must be >= 16");
-  return o[6] = o[6] & 15 | 64, o[8] = o[8] & 63 | 128, yt(o);
+  return s[6] = s[6] & 15 | 64, s[8] = s[8] & 63 | 128, yt(s);
 }
 const gt = (t, e, l) => {
-  let o = ["edit"];
+  let s = ["edit"];
   return t && t.forEach((r) => {
-    e.includes(r.code) ? r.disable = !1 : o.includes(r.code) || (r.disable = !0);
+    e.includes(r.code) ? r.disable = !1 : s.includes(r.code) || (r.disable = !0);
   }), t;
 }, Re = {
   BoundLabels: "icon-binding-label",
@@ -3915,29 +3915,29 @@ let We = {
   ]
 };
 const vt = (t, e, l = {}) => {
-  let o = {};
+  let s = {};
   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));
-  }), o = {
+  }), s = {
     title: de[t],
     value: e,
     icon: Re[t],
     children: r
-  }, JSON.parse(JSON.stringify(o))) : {};
-}, _e = (t, e, l = {}, o) => {
+  }, JSON.parse(JSON.stringify(s))) : {};
+}, _e = (t, e, l = {}, s) => {
   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 = [];
+    let p = null, b = m.find((A) => A.key == "treeData"), x = m.find((A) => A.key == "compType"), v = [], h = [];
     if (l && Object.keys(l).length > 0)
       m.forEach((A) => {
         let z = l[A.key];
         z && (A = Object.assign(A, z)), h.push({ ...A });
       });
     else {
-      let A = ["RefreshButton", "BackButton", "SaveButton"], z = v && !A.includes(de[t]) && de[t] !== "ActionButton", C = {
+      let A = ["RefreshButton", "BackButton", "SaveButton"], z = b && !A.includes(de[t]) && de[t] !== "ActionButton", g = {
         text: {
           animate: {
             isShow: !!z,
@@ -3967,14 +3967,14 @@ const vt = (t, e, l = {}) => {
           }
         }
       };
-      A.includes(de[t]) || (C.text.value = ""), m.forEach((U) => {
-        let I = C[U.key];
-        I && (U = Object.assign(U, I)), h.push({ ...U });
+      A.includes(de[t]) || (g.text.value = ""), m.forEach((T) => {
+        let D = g[T.key];
+        D && (T = Object.assign(T, D)), h.push({ ...T });
       });
     }
-    if (v) {
-      let A = v.value || "ValueBinding";
-      g = [vt(A, e + 1, {
+    if (b) {
+      let A = b.value || "ValueBinding";
+      v = [vt(A, e + 1, {
         ord: {
           value: "null",
           realPath: {
@@ -3989,7 +3989,7 @@ const vt = (t, e, l = {}) => {
       value: e,
       icon: Re[t],
       children: h,
-      treeData: g
+      treeData: v
     };
     let k = {};
     return r.children.forEach((A) => {
@@ -4004,11 +4004,11 @@ const vt = (t, e, l = {}) => {
     return {};
 };
 function bt(t, e, l) {
-  return new Promise((o, r) => {
+  return new Promise((s, r) => {
     let m = t.getDefaultParent(), p = t.getModel();
     p.beginUpdate();
     try {
-      var v = t.insertEdge(
+      var b = t.insertEdge(
         m,
         null,
         "",
@@ -4019,49 +4019,49 @@ function bt(t, e, l) {
         // 继承样式
       ), x = t.getCellGeometry(e);
       let h = x.getTerminalPoint(!0), k = l.x - h.x, N = l.y - h.y, A = x.getTerminalPoint(!1);
-      var g = new mxGeometry();
-      g.setTerminalPoint(
+      var v = new mxGeometry();
+      v.setTerminalPoint(
         new mxPoint(
           h.x + k,
           h.y + N
         ),
         !0
-      ), g.setTerminalPoint(
+      ), v.setTerminalPoint(
         new mxPoint(
           A.x + k,
           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, o(v);
+      ), b.setGeometry(v), b.value = e.value, b.type = e.type, b.model = "yes", b.type = "edge", b.iconName = e.iconName, s(b);
     } finally {
       p.endUpdate();
     }
   });
 }
-async function Ct(t, e, l, o) {
+async function Ct(t, e, l, s) {
   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;
+    var r = t.getCellGeometry(N), m = r.x, p = r.y, b = l.x, x = l.y, v = b - m, h = x - p;
     t.getModel().beginUpdate();
     try {
       var k = t.getDefaultParent();
       let A = t.importCells(e, 0, 0, k), z = [];
       if (A != null) {
-        for (let C = 0; C < A.length; C++) {
-          const U = A[C];
-          U != null && z.push(U);
+        for (let g = 0; g < A.length; g++) {
+          const T = A[g];
+          T != null && z.push(T);
         }
-        t.moveCells(z, g, h);
-        for (let C = 0; C < e.length; C++) {
-          let U = e[C];
-          if (U.type == "edge") {
-            let I = await bt(t, U, l);
-            z.push(I);
+        t.moveCells(z, v, h);
+        for (let g = 0; g < e.length; g++) {
+          let T = e[g];
+          if (T.type == "edge") {
+            let D = await bt(t, T, l);
+            z.push(D);
           }
         }
       }
       setTimeout(() => {
-        t.setSelectionCells(z), o.handelEvent({ key: "paste", val: z });
+        t.setSelectionCells(z), s.handelEvent({ key: "paste", val: z });
       }, 10);
     } finally {
       t.getModel().endUpdate();
@@ -4069,7 +4069,7 @@ async function Ct(t, e, l, o) {
   }
 }
 function wt(t, e) {
-  return new Promise((l, o) => {
+  return new Promise((l, s) => {
     let r = t.getDefaultParent(), m = t.getModel();
     m.beginUpdate();
     try {
@@ -4082,18 +4082,18 @@ function wt(t, e) {
         null,
         e.style
         // 继承样式
-      ), v = 10, x = 10, g = t.getCellGeometry(e);
-      let k = g.getTerminalPoint(!0), N = g.getTerminalPoint(!1);
+      ), b = 10, x = 10, v = t.getCellGeometry(e);
+      let k = v.getTerminalPoint(!0), N = v.getTerminalPoint(!1);
       var h = new mxGeometry();
       h.setTerminalPoint(
         new mxPoint(
-          k.x + v,
+          k.x + b,
           k.y + x
         ),
         !0
       ), h.setTerminalPoint(
         new mxPoint(
-          N.x + v,
+          N.x + b,
           N.y + x
         ),
         !1
@@ -4105,67 +4105,67 @@ function wt(t, e) {
 }
 async function kt(t, e, l) {
   mxClipboard.copy(t, []), t.getDefaultParent();
-  let o = [], r = [];
+  let s = [], r = [];
   if (e && e.length > 0) {
     for (let m = 0; m < e.length; m++) {
       const p = e[m];
-      p.type === "edge" ? r.push(p) : o.push(p);
+      p.type === "edge" ? r.push(p) : s.push(p);
     }
     if (r.length > 0)
       for (let m = 0; m < r.length; m++) {
         const p = r[m];
-        let v = await wt(t, p);
-        o.push(v);
+        let b = await wt(t, p);
+        s.push(b);
       }
-    return t.addSelectionCells(o), o;
+    return t.addSelectionCells(s), s;
   }
 }
 function xt(t) {
   let e = t.getModel().cells, l = [];
-  for (const o in e) {
-    let r = e[o];
-    r.type != "kitUI:CanvasWidget" && r.id != "0" && r.id != "1" && l.push(e[o]);
+  for (const s in e) {
+    let r = e[s];
+    r.type != "kitUI:CanvasWidget" && r.id != "0" && r.id != "1" && l.push(e[s]);
   }
   return l;
 }
 function St(t) {
   t.addAction("toUp", function(e) {
-    let l = t.graph, o = xt(l);
-    o && o.length > 0 && l.orderCells(!1, o);
+    let l = t.graph, s = xt(l);
+    s && s.length > 0 && l.orderCells(!1, s);
   }), t.addAction("toDown", function(e) {
-    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
     var m = new Array();
     m = l.getSelectionCells();
     for (let p = 0; p < m.length; p++) {
-      const v = m[p];
-      o.add(r, v, 1);
+      const b = m[p];
+      s.add(r, b, 1);
     }
   }), t.addAction("upOne", function(e) {
-    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
     var m = l.getSelectionCells();
-    let v = [...r.children];
+    let b = [...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), o.add(r, g, k);
+        const v = m[x];
+        let k = b.findIndex((N) => N.id == v.id) + x + 1;
+        b[k] && (k = k + 1), s.add(r, v, k);
       }
   }), t.addAction("downOne", function(e) {
-    let l = t.graph, o = l.getModel(), r = l.getDefaultParent();
+    let l = t.graph, s = 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;
-        o.add(r, x, h);
+      for (let b = 0; b < m.length; b++) {
+        const x = m[b], v = p.findIndex((k) => k.id == x.id), h = v - 1 < 1 ? 1 : v - 1;
+        s.add(r, x, h);
       }
   });
 }
-async function Be(t, e, l, o) {
-  let { pt: r, style: m, me: p, type: v, iconCls: x } = l, g = p.editor;
+async function Be(t, e, l, s) {
+  let { pt: r, style: m, me: p, type: b, iconCls: x } = l, v = p.editor;
   switch (t) {
     case "add":
-      let { style: k, compType: N, data: A } = _e(v, 0, null);
+      let { style: k, compType: N, data: A } = _e(b, 0, null);
       if (!A)
         return;
       N ? await p.createCustomComponent({
@@ -4173,12 +4173,12 @@ async function Be(t, e, l, o) {
           style: myedit.getBaseAttr(A, props.thisTab),
           data: A,
           pt: r,
-          type: v,
+          type: b,
           tmpType: N,
-          realType: v,
+          realType: b,
           iconName: x.replace("iconfont ", "")
         }
-      }) : v == "kitUI:PictureWidget" ? p.createAllVertex(
+      }) : b == "kitUI:PictureWidget" ? p.createAllVertex(
         "img",
         [{
           iconName: x.replace("iconfont ", ""),
@@ -4187,7 +4187,7 @@ async function Be(t, e, l, o) {
           w: k.layout.width,
           h: k.layout.height,
           pt: r,
-          realType: v
+          realType: b
         }]
       ) : p.addVertex({
         options: {
@@ -4197,75 +4197,75 @@ async function Be(t, e, l, o) {
           w: k.layout.width,
           h: k.layout.height,
           pt: r,
-          realType: v
+          realType: b
         }
       });
       break;
     case "del":
-      e.isEnabled() && (e.removeCells(), o.handelEvent({ key: "delete" }));
+      e.isEnabled() && (e.removeCells(), s.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, o.handelEvent({ key: "edit", val: z });
+      h = e.getSelectionCells(), h && h.length > 0 ? z = h[0] : z = p.parent, s.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), o.handelEvent({ key: "clone", val: h });
+      h = e.getSelectionCells(), mxClipboard.copy(e, h), mxClipboard.paste(e), await kt(e, mxClipboard.cells), s.handelEvent({ key: "clone", val: h });
       break;
     case "copy":
       var h = new Array();
-      h = e.getSelectionCells(), mxClipboard.copy(e, h), o.handelEvent({ key: "copy", val: h });
+      h = e.getSelectionCells(), mxClipboard.copy(e, h), s.handelEvent({ key: "copy", val: h });
       break;
     case "paste":
-      const C = mxClipboard.cells;
-      Ct(e, C, r, o);
+      const g = mxClipboard.cells;
+      Ct(e, g, r, s);
       break;
     case "cut":
       mxClipboard.cut(e, h);
       break;
     case "alignLeft":
-      g.execute("alignCellsLeft");
+      v.execute("alignCellsLeft");
       break;
     case "alignRight":
-      g.execute("alignCellsRight");
+      v.execute("alignCellsRight");
       break;
     case "alignCenterHorizontal":
-      g.execute("alignCellsCenter");
+      v.execute("alignCellsCenter");
       break;
     case "alignCenterVertical":
-      g.execute("alignCellsMiddle");
+      v.execute("alignCellsMiddle");
       break;
     case "toUp":
-      g.execute("toFront"), o.handelEvent({ key: "toLayer", val: h });
+      v.execute("toFront"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "toDown":
-      g.execute("toDown"), o.handelEvent({ key: "toLayer", val: h });
+      v.execute("toDown"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "upOne":
-      g.execute("upOne"), o.handelEvent({ key: "toLayer", val: h });
+      v.execute("upOne"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "downOne":
-      g.execute("downOne"), o.handelEvent({ key: "toLayer", val: h });
+      v.execute("downOne"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "alignCellsTop":
-      g.execute("alignCellsTop");
+      v.execute("alignCellsTop");
       break;
     case "alignCellsBottom":
-      g.execute("alignCellsBottom");
+      v.execute("alignCellsBottom");
       break;
   }
 }
 function Et(t, e, l) {
   if (!e) return;
-  const o = t.getModel();
-  let r = o.getStyle(e);
-  e.type == "kitUI:CanvasWidget" && (r = e.style), o.beginUpdate();
+  const s = t.getModel();
+  let r = s.getStyle(e);
+  e.type == "kitUI:CanvasWidget" && (r = e.style), s.beginUpdate();
   try {
     if (r === l) return;
-    o.setStyle(e, l);
+    s.setStyle(e, l);
   } finally {
-    o.endUpdate();
+    s.endUpdate();
   }
   const m = {
     cell: e,
@@ -4273,150 +4273,150 @@ function Et(t, e, l) {
     newStyle: l,
     // 撤销操作：恢复旧样式
     undo: function() {
-      o.beginUpdate();
+      s.beginUpdate();
       try {
-        let v = Fe(this.cell, this.oldStyle), x = t.container.querySelector("canvas");
+        let b = Fe(this.cell, this.oldStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
-          if (v && v.viewSize) {
-            let h = v.viewSize.split(",");
+          if (b && b.viewSize) {
+            let h = b.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], o.setGeometry(this.cell, k));
+              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
             }
           }
-          v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
+          b["background-image"] ? x.style.background = `${b["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), o.setStyle(this.cell, this.oldStyle), t.refresh(this.cell));
+        b && Object.keys(b).length > 0 && (this.cell.value.style = b, this.cell.value.data = Oe(b, this.cell.value.data), s.setStyle(this.cell, this.oldStyle), t.refresh(this.cell));
       } finally {
-        o.endUpdate();
+        s.endUpdate();
       }
     },
     // 重做操作：应用新样式
     redo: function() {
-      o.beginUpdate();
+      s.beginUpdate();
       try {
-        let v = Fe(this.cell, this.newStyle), x = t.container.querySelector("canvas");
+        let b = Fe(this.cell, this.newStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
-          if (v && v.viewSize) {
-            let h = v.viewSize.split(",");
+          if (b && b.viewSize) {
+            let h = b.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], o.setGeometry(this.cell, k));
+              k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
             }
           }
-          v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
+          b["background-image"] ? x.style.background = `${b["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);
+        this.cell.value.style = b, this.cell.value.data = Oe(b, this.cell.value.data), t.refresh(this.cell);
       } finally {
-        o.endUpdate();
+        s.endUpdate();
       }
     }
-  }, p = new mxUndoableEdit(o);
-  p.add(m), o.fireEvent(new mxEventObject(mxEvent.UNDO, "edit", p)), o.fireEvent(new mxEventObject(mxEvent.REDO, "edit", p));
+  }, p = new mxUndoableEdit(s);
+  p.add(m), s.fireEvent(new mxEventObject(mxEvent.UNDO, "edit", p)), s.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, o) {
-    return l + o.toUpperCase();
+  return t.slice(0, 1) === "-" && (t = t.slice(1)), t.replace(/([^-])(?:-+([^-]))/g, function(e, l, s) {
+    return l + s.toUpperCase();
   });
 }
 function Fe(t, e) {
   if (At(e)) return e;
-  const l = e.trim().split(";"), o = {};
+  const l = e.trim().split(";"), s = {};
   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);
+    const v = x.indexOf("=");
+    if (v === -1) return;
+    const h = x.substring(0, v).trim(), k = x.substring(v + 1).trim(), N = zt(h);
     let A = k;
-    N === "gap" && (A = k.replace("px", "")), o[N] = A;
+    N === "gap" && (A = k.replace("px", "")), s[N] = A;
   });
   let { style: r, compType: m, data: p } = _e(t.realType, "0", null);
-  return { ...r, ...o };
+  return { ...r, ...s };
 }
 function Oe(t, e) {
-  return e ? ((e.children || []).forEach((o) => {
-    o.value = t[o.key] || null;
+  return e ? ((e.children || []).forEach((s) => {
+    s.value = t[s.key] || null;
   }), e) : [];
 }
 function Me(t) {
   let e = this;
   e.ts = t;
-  function l(g, h) {
+  function l(v, h) {
     if (document.activeElement !== h.srcElement)
       return;
     let k = 10;
     h.ctrlKey && (k = 1);
-    const N = g.getSelectionCells();
-    let A = g.getModel();
+    const N = v.getSelectionCells();
+    let A = v.getModel();
     A.beginUpdate();
     try {
-      let z = 0, C = 0;
-      h.key === "ArrowUp" ? (C = -k, z = 0) : h.key === "ArrowDown" ? (C = k, z = 0) : h.key === "ArrowLeft" ? (z = -k, C = 0) : h.key === "ArrowRight" && (z = k, C = 0), g.moveCells(N, z, C);
+      let z = 0, g = 0;
+      h.key === "ArrowUp" ? (g = -k, z = 0) : h.key === "ArrowDown" ? (g = k, z = 0) : h.key === "ArrowLeft" ? (z = -k, g = 0) : h.key === "ArrowRight" && (z = k, g = 0), v.moveCells(N, z, g);
     } finally {
       A.endUpdate();
     }
   }
-  function o(g) {
-    let h = g.indexOfNextAdd;
-    return !!(g.history && g.history.length == 1 && h == 1);
+  function s(v) {
+    let h = v.indexOfNextAdd;
+    return !!(v.history && v.history.length == 1 && h == 1);
   }
   e.graph = null;
   let r = !1, m = !1;
-  const p = function(g, h, k) {
+  const p = function(v, h, k) {
     let N = e.graph;
     if (!N) return;
-    const A = g.ctrlKey || g.metaKey;
+    const A = v.ctrlKey || v.metaKey;
     let z = !1;
     if (!e.ts.pageShortcuts) {
       if (A) {
-        if (g.key === "z" || g.key === "Z")
-          o(h), h.canUndo() && (h.undo(), e.ts.handelEvent({ key: "unre" }), k && k("undo"));
-        else if (g.key === "y" || g.key === "Y")
-          o(h), h.canRedo() && (h.redo(), e.ts.handelEvent({ key: "unre" }), k && k("redo"));
-        else if (g.key === "a" || g.key === "A")
+        if (v.key === "z" || v.key === "Z")
+          s(h), h.canUndo() && (h.undo(), e.ts.handelEvent({ key: "unre" }), k && k("undo"));
+        else if (v.key === "y" || v.key === "Y")
+          s(h), h.canRedo() && (h.redo(), e.ts.handelEvent({ key: "unre" }), k && k("redo"));
+        else if (v.key === "a" || v.key === "A")
           N.selectCells(!0, !1), e.ts.handelEvent({ key: "selectAll" });
-        else if (g.key === "c" || g.key === "C") {
+        else if (v.key === "c" || v.key === "C") {
           if (r) return;
-          let C = new Array();
-          C = N.getSelectionCells(), C && C.length > 0 && (mxClipboard.copy(N, C), r = !0, m = !1, e.ts.handelEvent({ key: "copy", evt: g, val: C })), z = !0;
-        } else if (g.key === "v" || g.key === "V") {
+          let g = new Array();
+          g = N.getSelectionCells(), g && g.length > 0 && (mxClipboard.copy(N, g), r = !0, m = !1, e.ts.handelEvent({ key: "copy", evt: v, val: g })), z = !0;
+        } else if (v.key === "v" || v.key === "V") {
           if (m) return;
-          let U = mxClipboard.cells.filter((I) => I.type === "edge");
-          mxClipboard.paste(N), U.length > 0 && v(N, mxClipboard.cells), r = !1, m = !0, setTimeout(() => {
+          let T = mxClipboard.cells.filter((D) => D.type === "edge");
+          mxClipboard.paste(N), T.length > 0 && b(N, mxClipboard.cells), r = !1, m = !0, setTimeout(() => {
             m = !1;
-          }, 10), e.ts.handelEvent({ key: "paste", evt: g }), z = !0;
-        } else if (g.key === "x" || g.key === "X") {
-          let C = N.getSelectionCells();
-          mxClipboard.cut(N, C), e.ts.handelEvent({ key: "cut", evt: g, val: C });
-        } else if (g.key === "d" || g.key === "D") {
-          let C = N.getSelectionCells();
-          mxClipboard.copy(N, C), mxClipboard.paste(N), v(N, mxClipboard.cells), e.ts.handelEvent({ key: "clone", evt: g, val: C }), z = !0;
-        } else if (g.key === "s" || g.key === "S") {
-          let C = new Array();
-          C = N.getSelectionCells(), e.ts.handelEvent({ key: "save", evt: g, val: C }), g.preventDefault();
-        } else if (g.key === "g" || g.key === "G") {
-          const C = N.getSelectionCells();
-          if (C.length > 0) {
-            const U = N.groupCells(null, 10, C);
-            N.setSelectionCell(U);
+          }, 10), e.ts.handelEvent({ key: "paste", evt: v }), z = !0;
+        } else if (v.key === "x" || v.key === "X") {
+          let g = N.getSelectionCells();
+          mxClipboard.cut(N, g), e.ts.handelEvent({ key: "cut", evt: v, val: g });
+        } else if (v.key === "d" || v.key === "D") {
+          let g = N.getSelectionCells();
+          mxClipboard.copy(N, g), mxClipboard.paste(N), b(N, mxClipboard.cells), e.ts.handelEvent({ key: "clone", evt: v, val: g }), z = !0;
+        } else if (v.key === "s" || v.key === "S") {
+          let g = new Array();
+          g = N.getSelectionCells(), e.ts.handelEvent({ key: "save", evt: v, val: g }), v.preventDefault();
+        } else if (v.key === "g" || v.key === "G") {
+          const g = N.getSelectionCells();
+          if (g.length > 0) {
+            const T = N.groupCells(null, 10, g);
+            N.setSelectionCell(T);
           } else
-            N.ungroupCells(C);
+            N.ungroupCells(g);
         }
       }
-      g.key === "Delete" && (N.isEnabled() && N.removeCells(), e.ts.handelEvent({ key: "delete" })), l(N, g), g.preventDefault(), g.stopPropagation();
+      v.key === "Delete" && (N.isEnabled() && N.removeCells(), e.ts.handelEvent({ key: "delete" })), l(N, v), v.preventDefault(), v.stopPropagation();
     }
-    z && (g.preventDefault(), g.stopPropagation(), mxEvent.consume(g));
+    z && (v.preventDefault(), v.stopPropagation(), mxEvent.consume(v));
   };
-  e.keyUpdown = function(g, h, k) {
-    e.graph = g, g.container.addEventListener("keydown", (A) => p(A, h, k));
-  }, e.removeListener = function(g) {
-    g.setSelectionCells([]), e.graph = null, r = !1, m = !1;
+  e.keyUpdown = function(v, h, k) {
+    e.graph = v, v.container.addEventListener("keydown", (A) => p(A, h, k));
+  }, e.removeListener = function(v) {
+    v.setSelectionCells([]), e.graph = null, r = !1, m = !1;
   };
-  async function v(g, h) {
-    g.getDefaultParent();
+  async function b(v, h) {
+    v.getDefaultParent();
     let k = [], N = [];
     if (h && h.length > 0) {
       for (let A = 0; A < h.length; A++) {
@@ -4426,18 +4426,18 @@ function Me(t) {
       if (N.length > 0)
         for (let A = 0; A < N.length; A++) {
           const z = N[A];
-          let C = await x(g, z);
-          k.push(C);
+          let g = await x(v, z);
+          k.push(g);
         }
-      g.addSelectionCells(k);
+      v.addSelectionCells(k);
     }
   }
-  function x(g, h) {
+  function x(v, h) {
     return new Promise((k, N) => {
-      let A = g.getDefaultParent(), z = g.getModel();
+      let A = v.getDefaultParent(), z = v.getModel();
       z.beginUpdate();
       try {
-        var C = g.insertEdge(
+        var g = v.insertEdge(
           A,
           null,
           "",
@@ -4446,22 +4446,22 @@ function Me(t) {
           null,
           h.style
           // 继承样式
-        ), U = 10, I = 10, R = g.getCellGeometry(h);
-        let $ = R.getTerminalPoint(!0), T = R.getTerminalPoint(!1);
-        var G = new mxGeometry();
-        G.setTerminalPoint(
+        ), T = 10, D = 10, R = v.getCellGeometry(h);
+        let $ = R.getTerminalPoint(!0), P = R.getTerminalPoint(!1);
+        var K = new mxGeometry();
+        K.setTerminalPoint(
           new mxPoint(
-            $.x + U,
-            $.y + I
+            $.x + T,
+            $.y + D
           ),
           !0
-        ), G.setTerminalPoint(
+        ), K.setTerminalPoint(
           new mxPoint(
-            T.x + U,
-            T.y + I
+            P.x + T,
+            P.y + D
           ),
           !1
-        ), C.setGeometry(G), C.value = h.value, C.type = h.type, C.model = "yes", C.type = "edge", C.iconName = h.iconName, k(C);
+        ), g.setGeometry(K), g.value = h.value, g.type = h.type, g.model = "yes", g.type = "edge", g.iconName = h.iconName, k(g);
       } finally {
         z.endUpdate();
       }
@@ -4471,8 +4471,8 @@ function Me(t) {
 const ke = (t, e) => {
   let l = { x: 0, y: 0 };
   if (t) {
-    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);
+    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);
   }
   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 o = t.attributes.item(l);
-        e.node[o.nodeName] = o.nodeValue;
+        const s = t.attributes.item(l);
+        e.node[s.nodeName] = s.nodeValue;
       }
     }
   } else t.nodeType === 3 && (e = t.nodeValue);
   if (t.hasChildNodes())
     for (let l = 0; l < t.childNodes.length; l++) {
-      const o = t.childNodes.item(l), r = o.nodeName;
+      const s = t.childNodes.item(l), r = s.nodeName;
       if (typeof e[r] > "u")
-        e[r] = Ee(o);
+        e[r] = Ee(s);
       else {
         if (typeof e[r].push > "u") {
           const m = e[r];
           e[r] = [], e[r].push(m);
         }
-        e[r].push(Ee(o));
+        e[r].push(Ee(s));
       }
     }
   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(([o, r]) => {
+    e += "    <mxCell", l.node && Object.entries(l.node).forEach(([s, r]) => {
       const m = String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-      e += ` ${o}="${m}"`;
+      e += ` ${s}="${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(([o, r]) => {
-      e += `${o}="${xe(r)}" `;
+`, l.Object.Object && l.Object.Object.node && (e += "<Object ", Object.entries(l.Object.Object.node).forEach(([s, r]) => {
+      e += `${s}="${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(([o, r]) => {
-      o !== "as" && (e += `<${o}>${xe(r)}</${o}>`);
+`) : 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}>`);
     }), e += `</Object>
-`)), l.mxGeometry && l.mxGeometry.node && (e += "      <mxGeometry", Object.entries(l.mxGeometry.node).forEach(([o, r]) => {
-      e += ` ${o}="${xe(r)}"`;
+`)), l.mxGeometry && l.mxGeometry.node && (e += "      <mxGeometry", Object.entries(l.mxGeometry.node).forEach(([s, r]) => {
+      e += ` ${s}="${xe(r)}"`;
     }), e += `/>
 `), e += `    </mxCell>
 `) : e += `/>
@@ -4542,50 +4542,50 @@ 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, 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");
-      if (!I)
+  let e = this, l = 10, s = "#dddddd", r = "#ffffff00", m = 1, p = "square", b = 1, x = 0, v = 0, h = 1, k = null;
+  e.createGrid = function(z, g, T) {
+    if (k = z, g) {
+      var D = document.createElement("canvas");
+      if (!D)
         return;
-      I.style.position = "absolute";
-      var R = k.getCellBounds(C);
+      D.style.position = "absolute";
+      var R = k.getCellBounds(g);
       if (R) {
-        I.style.top = R.y + "px", I.style.left = R.x + "px", I.style.width = R.width + 1 + "px", I.style.height = R.height + 1 + "px", I.style.zIndex = -1, I.style.pointerEvents = "none", I.id = "gridCanvas_" + C.id, I.dataId = ue();
-        let $ = C.value.style || {};
-        $.background && $.background.indexOf("files/") > -1 && $["background-image"] ? I.style.background = `${$["background-image"]} center center no-repeat` : I.style.background = "";
+        D.style.top = R.y + "px", D.style.left = R.x + "px", D.style.width = R.width + 1 + "px", D.style.height = R.height + 1 + "px", D.style.zIndex = -1, D.style.pointerEvents = "none", D.id = "gridCanvas_" + g.id, D.dataId = ue();
+        let $ = g.value.style || {};
+        $.background && $.background.indexOf("files/") > -1 && $["background-image"] ? D.style.background = `${$["background-image"]} center center no-repeat` : D.style.background = "";
       }
-      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($) {
+      let K = k.container.querySelector("#gridCanvas_" + g.id);
+      K && K.remove(), k.container.prepend(D), D.width = D.offsetWidth, D.height = D.offsetHeight, T ? s = "transparent" : s = "#dddddd", A(D), D.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());
+        const P = D.getBoundingClientRect(), Z = $.clientX - P.left, te = $.clientY - P.top, ie = 0.1, oe = $.deltaY < 0 ? 1 : -1, ce = Math.exp(oe * ie), ye = Z / h, be = te / h;
+        h *= ce, h = Math.min(Math.max(0.5, h), 5), x = ye - Z / h, v = be - te / h, A(D), k && (k.view.scale = h, k.refresh());
       }), k && N();
     }
   };
   function N() {
     if (!k) return;
-    k.snapPoint = function(C, U, I) {
-      if (!I && this.snapToGrid && l > 0) {
-        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;
+    k.snapPoint = function(g, T, D) {
+      if (!D && this.snapToGrid && l > 0) {
+        const R = l / h, K = g.x - x, $ = g.y - v;
+        g.x = Math.round(K / R) * R + x, g.y = Math.round($ / R) * R + v;
       }
-      return C;
+      return g;
     };
     const z = k.mouseUp;
-    k.mouseUp = function(C, U) {
-      z.apply(this, arguments), this.selectedCells.length > 0 && this.snapToGrid && U.snapCellsToGrid(this.selectedCells);
+    k.mouseUp = function(g, T) {
+      z.apply(this, arguments), this.selectedCells.length > 0 && this.snapToGrid && T.snapCellsToGrid(this.selectedCells);
     };
   }
   e.snapCellsToGrid = function(z) {
     if (!(!z || z.length === 0)) {
       this.getModel().beginUpdate();
       try {
-        for (let C = 0; C < z.length; C++) {
-          const U = z[C], I = this.getCellGeometry(U);
-          if (I) {
-            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);
+        for (let g = 0; g < z.length; g++) {
+          const T = z[g], D = this.getCellGeometry(T);
+          if (D) {
+            const R = D.clone(), K = this.snapPoint({ x: R.x, y: R.y });
+            R.x = K.x, R.y = K.y, this.getModel().setGeometry(T, R);
           }
         }
       } finally {
@@ -4595,56 +4595,56 @@ function Tt(t) {
   };
   function A(z) {
     h = k.view.scale;
-    let C = z.getContext("2d");
-    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 = 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;
+    let g = z.getContext("2d");
+    g.clearRect(0, 0, z.width, z.height), g.fillStyle = r, g.fillRect(0, 0, z.width, z.height);
+    const T = l * h;
+    if (T < 2) return;
+    g.strokeStyle = s, g.lineWidth = m, g.globalAlpha = b;
+    const D = Math.floor(-x * h / T) * T, R = Math.floor(-v * h / T) * T, K = z.width + T, $ = z.height + T;
     switch (p) {
       case "dotted":
-        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();
+        g.fillStyle = s;
+        for (let P = D; P < K; P += T)
+          for (let Z = R; Z < $; Z += T)
+            g.beginPath(), g.arc(P + 0.5, Z + 0.5, m, 0, Math.PI * 2), g.fill();
         break;
       case "dashed":
-        C.setLineDash([5, 3]), C.beginPath();
-        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);
-        C.stroke(), C.setLineDash([]);
+        g.setLineDash([5, 3]), g.beginPath();
+        for (let P = D; P < K; P += T)
+          g.moveTo(P + 0.5, 0), g.lineTo(P + 0.5, z.height);
+        for (let P = R; P < $; P += T)
+          g.moveTo(0, P + 0.5), g.lineTo(z.width, P + 0.5);
+        g.stroke(), g.setLineDash([]);
         break;
       case "square":
-        C.beginPath();
-        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);
-        C.stroke();
+        g.beginPath();
+        for (let P = D; P < K; P += T)
+          g.moveTo(P + 0.5, 0), g.lineTo(P + 0.5, z.height);
+        for (let P = R; P < $; P += T)
+          g.moveTo(0, P + 0.5), g.lineTo(z.width, P + 0.5);
+        g.stroke();
         break;
       default:
-        C.beginPath();
-        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);
-        C.stroke();
+        g.beginPath();
+        for (let P = D; P < K; P += T)
+          g.moveTo(P + 0.5, 0), g.lineTo(P + 0.5, z.height);
+        for (let P = R; P < $; P += T)
+          g.moveTo(0, P + 0.5), g.lineTo(z.width, P + 0.5);
+        g.stroke();
     }
-    C.globalAlpha = 1;
+    g.globalAlpha = 1;
   }
   e.getGridConfig = function() {
     return {
       gridSize: l,
       scale: h,
       offsetX: x,
-      offsetY: g
+      offsetY: v
     };
   }, e.setGridSize = function(z) {
     l = z;
-    const C = document.getElementById("canvas");
-    C && A(C);
+    const g = document.getElementById("canvas");
+    g && A(g);
   };
 }
 const It = ["src"], Dt = {
@@ -4666,63 +4666,63 @@ const It = ["src"], Dt = {
   },
   setup(t) {
     const e = t;
-    return (l, o) => t.style.btntype == "none" ? (P(), D("div", {
+    return (l, s) => t.style.btntype == "none" ? (L(), I("div", {
       key: 0,
       class: "btn-index-none",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
+      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (P(), D("img", {
+      e.style.imgUrl ? (L(), I("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, It)) : _("", !0),
-      e.style.text ? (P(), D("span", Dt, ee(e.style.text), 1)) : _("", !0),
-      !e.style.imgUrl && !e.style.text ? (P(), D("span", Bt)) : _("", !0)
-    ], 4)) : t.style.btntype == "sq" ? (P(), D("div", {
+      e.style.text ? (L(), I("span", Dt, ee(e.style.text), 1)) : _("", !0),
+      !e.style.imgUrl && !e.style.text ? (L(), I("span", Bt)) : _("", !0)
+    ], 4)) : t.style.btntype == "sq" ? (L(), I("div", {
       key: 1,
       class: "btn-index",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
+      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (P(), D("img", {
+      e.style.imgUrl ? (L(), I("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, Ft)) : _("", !0),
-      e.style.text ? (P(), D("span", Ot, ee(e.style.text), 1)) : _("", !0),
-      !e.style.imgUrl && !e.style.text ? (P(), D("span", Mt)) : _("", !0)
-    ], 4)) : (P(), D("div", {
+      e.style.text ? (L(), I("span", Ot, ee(e.style.text), 1)) : _("", !0),
+      !e.style.imgUrl && !e.style.text ? (L(), I("span", Mt)) : _("", !0)
+    ], 4)) : (L(), I("div", {
       key: 2,
       class: "btn-bg-jd",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
+      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (P(), D("img", {
+      e.style.imgUrl ? (L(), I("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, Vt)) : _("", !0),
-      e.style.text ? (P(), D("span", Rt, ee(e.style.text), 1)) : _("", !0),
-      !e.style.imgUrl && !e.style.text ? (P(), D("span", Wt)) : _("", !0)
+      e.style.text ? (L(), I("span", Rt, ee(e.style.text), 1)) : _("", !0),
+      !e.style.imgUrl && !e.style.text ? (L(), I("span", Wt)) : _("", !0)
     ], 4));
   }
 }, ae = (t, e) => {
   const l = t.__vccOpts || t;
-  for (const [o, r] of e)
-    l[o] = r;
+  for (const [s, r] of e)
+    l[s] = 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 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;
+        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;
       }
       return e;
     }
   },
   computed: {
     getFontStyle() {
-      let t = this, e = t.style, o = {
+      let t = this, e = t.style, s = {
         color: e.color,
         ...e.valuefont
       };
-      return t.convertToStyleString(o);
+      return t.convertToStyleString(s);
     },
     getScalesFontStyle() {
-      let t = this, e = t.style, o = {
+      let t = this, e = t.style, s = {
         color: e.color,
         ...e.scalefont
       };
-      return t.convertToStyleString(o);
+      return t.convertToStyleString(s);
     },
     // 计算chart-bottom的高度（与刻度对应）
     ywvalue() {
-      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;
+      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;
     },
     // 每个刻度的像素间隔
     scaleInterval() {
-      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;
+      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;
     },
     // 生成刻度值数组（从上到下从大到小）
     scaleValues() {
-      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), o = t.getNumber(t.style.scales) || 10;
+      const t = this, e = t.getNumber(t.style.max), l = t.getNumber(t.style.min), s = t.getNumber(t.style.scales) || 10;
       let r = [];
-      for (let m = e; m >= l; m -= o)
+      for (let m = e; m >= l; m -= s)
         r.push(m.toFixed(0));
       return r;
     }
@@ -4802,26 +4802,26 @@ const It = ["src"], Dt = {
   mounted() {
   }
 }, jt = { class: "ruler-container" };
-function Ht(t, e, l, o, r, m) {
-  return P(), D("div", jt, [
-    l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
+function Ht(t, e, l, s, r, m) {
+  return L(), I("div", jt, [
+    l.style.scalevisible || l.style.scalevisible == 1 ? (L(), I("div", {
       key: 0,
       class: "vertical-ruler",
       style: j(m.getScalesFontStyle)
     }, [
-      (P(!0), D(ve, null, be(m.scaleValues, (p, v) => (P(), D("div", {
-        key: v,
+      (L(!0), I(ge, null, ve(m.scaleValues, (p, b) => (L(), I("div", {
+        key: b,
         class: "scale-mark",
-        style: j({ top: `${v * m.scaleInterval}px` })
+        style: j({ top: `${b * m.scaleInterval}px` })
       }, [
-        v != 0 ? (P(), D("span", {
+        b != 0 ? (L(), I("span", {
           key: 0,
           class: "mark-value",
           style: j({ color: l.style.color })
         }, ee(p), 5)) : _("", !0),
-        v != 0 ? (P(), D("div", {
+        b != 0 ? (L(), I("div", {
           key: 1,
-          class: J(["mark-line", { "long-mark": v % 5 === 0 }]),
+          class: J(["mark-line", { "long-mark": b % 5 === 0 }]),
           style: j({ background: l.style.color })
         }, null, 6)) : _("", !0)
       ], 4))), 128))
@@ -4830,7 +4830,7 @@ function Ht(t, e, l, o, r, m) {
       class: "chart-bottom",
       style: j({ height: `${m.ywvalue}px`, background: l.style.fillColor })
     }, [
-      l.style.valuevisible || l.style.valuevisible == 1 ? (P(), D("span", {
+      l.style.valuevisible || l.style.valuevisible == 1 ? (L(), I("span", {
         key: 0,
         class: "value-text",
         style: j(m.getFontStyle)
@@ -4872,67 +4872,67 @@ 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 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;
+        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;
       }
       return e;
     }
   },
   computed: {
     getFontStyle() {
-      let t = this, e = t.style, o = {
+      let t = this, e = t.style, s = {
         color: e.color,
         ...e.valuefont
       };
-      return t.convertToStyleString(o);
+      return t.convertToStyleString(s);
     },
     getScalesFontStyle() {
-      let t = this, e = t.style, o = {
+      let t = this, e = t.style, s = {
         color: e.color,
         ...e.scalefont
       };
-      return t.convertToStyleString(o);
+      return t.convertToStyleString(s);
     },
     // 计算chart-bottom的高度（与刻度对应）
     ywvalue() {
-      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;
+      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;
     },
     // 每个刻度的像素间隔
     scaleInterval() {
-      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;
+      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;
     },
     // 生成刻度值数组（从上到下从大到小）
     scaleValues() {
-      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)
+      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)
         r.push(m.toFixed(0));
       return r;
     }
   }
 }, Kt = { class: "ruler-h-container" };
-function Yt(t, e, l, o, r, m) {
-  return P(), D("div", Kt, [
-    l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
+function Yt(t, e, l, s, r, m) {
+  return L(), I("div", Kt, [
+    l.style.scalevisible || l.style.scalevisible == 1 ? (L(), I("div", {
       key: 0,
       class: "h-ruler",
       style: j(m.getScalesFontStyle)
     }, [
-      (P(!0), D(ve, null, be(m.scaleValues, (p, v) => (P(), D("div", {
-        key: v,
+      (L(!0), I(ge, null, ve(m.scaleValues, (p, b) => (L(), I("div", {
+        key: b,
         class: "scale-h-mark",
-        style: j({ left: `${v * m.scaleInterval}px` })
+        style: j({ left: `${b * m.scaleInterval}px` })
       }, [
-        v != 0 ? (P(), D("span", {
+        b != 0 ? (L(), I("span", {
           key: 0,
           class: "mark-h-value",
           style: j({ color: l.style.color })
         }, ee(p), 5)) : _("", !0),
-        v != 0 ? (P(), D("div", {
+        b != 0 ? (L(), I("div", {
           key: 1,
-          class: J(["mark-h-line", { "long-h-mark": v % 5 === 0 }]),
+          class: J(["mark-h-line", { "long-h-mark": b % 5 === 0 }]),
           style: j({ background: l.style.color })
         }, null, 6)) : _("", !0)
       ], 4))), 128))
@@ -4941,7 +4941,7 @@ function Yt(t, e, l, o, r, m) {
       class: "chart-h-bottom",
       style: j({ width: `${m.ywvalue}px`, background: l.style.fillColor })
     }, [
-      l.style.valuevisible || l.style.valuevisible == 1 ? (P(), D("span", {
+      l.style.valuevisible || l.style.valuevisible == 1 ? (L(), I("span", {
         key: 0,
         class: "value-h-text",
         style: j(m.getFontStyle)
@@ -4969,16 +4969,16 @@ const qt = /* @__PURE__ */ ae(Gt, [["render", Yt], ["__scopeId", "data-v-7f6aaa3
     }
   }
 };
-function Qt(t, e, l, o, r, m) {
-  const p = Ie("index-v"), v = Ie("index-h");
-  return P(), D("div", {
+function Qt(t, e, l, s, r, m) {
+  const p = Ie("index-v"), b = Ie("index-h");
+  return L(), I("div", {
     class: "chart-container",
     style: j(m.getStyle)
   }, [
-    l.style.orientation == "vertical" ? (P(), me(p, {
+    l.style.orientation == "vertical" ? (L(), me(p, {
       key: 0,
       style: j(l.style)
-    }, null, 8, ["style"])) : (P(), me(v, {
+    }, null, 8, ["style"])) : (L(), me(b, {
       key: 1,
       style: j(l.style)
     }, null, 8, ["style"]))
@@ -5040,8 +5040,8 @@ 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, o, r, m) {
-  return P(), D("label", {
+function nl(t, e, l, s, r, m) {
+  return L(), I("label", {
     class: J(["switch-jd", m.switchClasses])
   }, [
     le("input", {
@@ -5055,18 +5055,18 @@ function nl(t, e, l, o, r, m) {
       class: "switch-jd-slider",
       style: j(l.style)
     }, [
-      l.style.isIcon && !l.style.imgUrl ? (P(), D("i", {
+      l.style.isIcon && !l.style.imgUrl ? (L(), I("i", {
         key: 0,
         class: J(["iconfont", l.style.iconName])
       }, null, 2)) : _("", !0),
-      l.style.imgUrl ? (P(), D("img", {
+      l.style.imgUrl ? (L(), I("img", {
         key: 1,
         src: l.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, tl)) : _("", !0),
-      l.style.text ? (P(), D("span", ll, ee(l.style.text), 1)) : _("", !0),
-      !l.style.imgUrl && !l.style.text ? (P(), D("span", al)) : _("", !0)
+      l.style.text ? (L(), I("span", ll, ee(l.style.text), 1)) : _("", !0),
+      !l.style.imgUrl && !l.style.text ? (L(), I("span", al)) : _("", !0)
     ], 4)
   ], 2);
 }
@@ -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 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;
+        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;
       }
       return e;
     }
@@ -5143,8 +5143,8 @@ const il = /* @__PURE__ */ ae(Jt, [["render", nl], ["__scopeId", "data-v-3233cda
     }
   }
 }, ol = ["checked", "disabled"];
-function sl(t, e, l, o, r, m) {
-  return P(), D("label", {
+function sl(t, e, l, s, r, m) {
+  return L(), I("label", {
     class: J(["switch", m.switchClasses])
   }, [
     le("input", {
@@ -5177,30 +5177,30 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = it(e.style.realValue === "true");
-    return (o, r) => t.style.btntype == "none" ? (P(), D("div", {
+    return (s, r) => t.style.btntype == "none" ? (L(), I("div", {
       key: 0,
       class: "switch-none",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
+      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (P(), D("img", {
+      e.style.imgUrl ? (L(), I("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, dl)) : _("", !0),
-      e.style.text ? (P(), D("span", cl, ee(e.style.text), 1)) : _("", !0),
-      !e.style.imgUrl && !e.style.text ? (P(), D("span", ml)) : _("", !0)
-    ], 4)) : t.style.btntype == "sq" ? (P(), me(ul, {
+      e.style.text ? (L(), I("span", cl, ee(e.style.text), 1)) : _("", !0),
+      !e.style.imgUrl && !e.style.text ? (L(), I("span", ml)) : _("", !0)
+    ], 4)) : t.style.btntype == "sq" ? (L(), me(ul, {
       key: 1,
       modelValue: l.value,
       "onUpdate:modelValue": r[0] || (r[0] = (m) => l.value = m),
       style: j(t.style),
       disabled: t.disabled
-    }, null, 8, ["modelValue", "style", "disabled"])) : (P(), me(il, {
+    }, null, 8, ["modelValue", "style", "disabled"])) : (L(), me(il, {
       key: 2,
       modelValue: l.value,
       "onUpdate:modelValue": r[1] || (r[1] = (m) => l.value = m),
@@ -5218,17 +5218,17 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = Ae(() => {
-      let o = e.style.layout || {};
+      let s = e.style.layout || {};
       return {
-        width: o.width + "px",
-        height: o.height + "px",
+        width: s.width + "px",
+        height: s.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 (o, r) => (P(), D("div", {
+    return (s, r) => (L(), I("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 o = e.style.layout || {};
+      let s = e.style.layout || {};
       return {
-        width: o.width + "px",
-        height: o.height + "px",
+        width: s.width + "px",
+        height: s.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 (o, r) => (P(), D("div", {
+    return (s, r) => (L(), I("div", {
       class: "gr-rectangle",
       style: j(l.value)
     }, [
@@ -5278,10 +5278,10 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
   },
   setup(t) {
     const e = t, l = Ae(() => {
-      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}`;
+      let s = e.style.layout || {}, { x: r, y: m, width: p, height: b } = s, x = e.style.borderValue / 2, v = `${r + p / 2},${m + x}`, h = `${r + x},${m + b - x}`, k = `${r + p - x},${m + b - 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}"/>
+       <svg width="${p}" height="${b}" xmlns="http://www.w3.org/2000/svg" viewBox="${r} ${m} ${p} ${b}">
+        <polygon points="${v} ${h} ${k}" fill="${e.style.fillColor || "#D1E7FF"}" stroke="${e.style.stroke || "#000000"}" stroke-width="${e.style.borderValue || 1}"/>
         <foreignObject x="${r}" y="${m}" width="100%" height="100%">
           <div xmlns="http://www.w3.org/1999/xhtml" style="word-wrap: break-word; display: flex; justify-content: center; align-items: center;width: 100%; height: 100%; padding:${p / 4}px;
     overflow-wrap: break-word;
@@ -5294,13 +5294,13 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
       </svg>
     `;
     });
-    return (o, r) => (P(), D("div", {
+    return (s, r) => (L(), I("div", {
       class: "gr-triangle",
       innerHTML: l.value
     }, null, 8, vl));
   }
 }, Cl = /* @__PURE__ */ ae(bl, [["__scopeId", "data-v-25fd969b"]]), wl = (t, e, l) => {
-  const o = document.createDocumentFragment();
+  const s = 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,31 +5328,31 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
       return h;
     }
   });
-  return x.use(ct), x.use(mt), x.mount(o).$el.outerHTML;
+  return x.use(ct), x.use(mt), x.mount(s).$el.outerHTML;
 };
 function kl(t, e) {
   if (!e.children)
     return "";
-  let o = e.children.filter((r) => r.animate && (r.animate.isShow || r.animate.isShow == 1));
-  return o && o.length > 0 && o.forEach((r) => {
+  let s = e.children.filter((r) => r.animate && (r.animate.isShow || r.animate.isShow == 1));
+  return s && s.length > 0 && s.forEach((r) => {
     if (r.key === "background" || r.key === "color" || r.key === "image") {
-      let m = r.animate.data, p = r.animate.mpType, v = null;
+      let m = r.animate.data, p = r.animate.mpType, b = null;
       if (p === "NumericToSimple") {
-        let x = m.find((g) => xl(r, g.min, g.max));
-        x ? v = x : r.key === "image" ? v = {
+        let x = m.find((v) => xl(r, v.min, v.max));
+        x ? b = x : r.key === "image" ? b = {
           value: r.animate.default,
           valueUrl: r.animate.defaultVal
-        } : v = {
+        } : b = {
           value: r.animate.default
         };
-      } else p === "BooleanToSimple" && (v = m.find((x) => x.key === r.value));
-      v && (t[r.key] = v.value, r.key === "image" && (t.imgUrl = `${v.valueUrl}`));
+      } else p === "BooleanToSimple" && (b = m.find((x) => x.key === r.value));
+      b && (t[r.key] = b.value, r.key === "image" && (t.imgUrl = `${b.valueUrl}`));
     } else
       t[r.key] = r.value;
   }), t;
 }
 function xl(t, e, l) {
-  let o = t.value, r = Sl(o);
+  let s = t.value, r = Sl(s);
   return r >= e && r <= l;
 }
 function Sl(t) {
@@ -5365,17 +5365,17 @@ function El(t) {
     function l() {
       mxActor.call(this);
     }
-    mxUtils.extend(l, mxActor), l.prototype.arrowWidth = 0.3, l.prototype.arrowSize = 0.2, l.prototype.redrawPath = function(r, m, p, v, x) {
-      var g = x * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowWidth", this.arrowWidth)))), h = v * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowSize", this.arrowSize)))), k = (x - g) / 2, N = k + g, A = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
+    mxUtils.extend(l, mxActor), l.prototype.arrowWidth = 0.3, l.prototype.arrowSize = 0.2, l.prototype.redrawPath = function(r, m, p, b, x) {
+      var v = x * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowWidth", this.arrowWidth)))), h = b * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowSize", this.arrowSize)))), k = (x - v) / 2, N = k + v, A = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
       this.addPoints(
         r,
         [
           new mxPoint(0, k),
-          new mxPoint(v - h, k),
-          new mxPoint(v - h, 0),
-          new mxPoint(v, x / 2),
-          new mxPoint(v - h, x),
-          new mxPoint(v - h, N),
+          new mxPoint(b - h, k),
+          new mxPoint(b - h, 0),
+          new mxPoint(b, x / 2),
+          new mxPoint(b - h, x),
+          new mxPoint(b - h, N),
           new mxPoint(0, N)
         ],
         this.isRounded,
@@ -5383,22 +5383,22 @@ function El(t) {
         !0
       ), r.end();
     }, mxCellRenderer.registerShape("singleArrow", l);
-    function o() {
+    function s() {
       mxActor.call(this);
     }
-    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;
+    mxUtils.extend(s, mxActor), s.prototype.redrawPath = function(r, m, p, b, x) {
+      var v = x * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowWidth", l.prototype.arrowWidth)))), h = b * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowSize", l.prototype.arrowSize)))), k = (x - v) / 2, N = k + v, A = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
       this.addPoints(
         r,
         [
           new mxPoint(0, x / 2),
           new mxPoint(h, 0),
           new mxPoint(h, k),
-          new mxPoint(v - h, k),
-          new mxPoint(v - h, 0),
-          new mxPoint(v, x / 2),
-          new mxPoint(v - h, x),
-          new mxPoint(v - h, N),
+          new mxPoint(b - h, k),
+          new mxPoint(b - h, 0),
+          new mxPoint(b, x / 2),
+          new mxPoint(b - h, x),
+          new mxPoint(b - h, N),
           new mxPoint(h, N),
           new mxPoint(h, x)
         ],
@@ -5406,7 +5406,7 @@ function El(t) {
         A,
         !0
       ), r.end();
-    }, mxCellRenderer.registerShape("doubleArrow", o);
+    }, mxCellRenderer.registerShape("doubleArrow", s);
   };
 }
 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 s = u[d];
-          s && (s.classList.remove("is-hidden"), s.classList.add("is-block"));
+          let o = u[d];
+          o && (o.classList.remove("is-hidden"), o.classList.add("is-block"));
         }
     } else if (u && u.length > 0)
       for (let d = 0; d < u.length; d++) {
-        let s = u[d];
-        s && (s.classList.remove("is-block"), s.classList.add("is-hidden"));
+        let o = u[d];
+        o && (o.classList.remove("is-block"), o.classList.add("is-hidden"));
       }
     if (e.preview && n.clearSelection(), e.preview) {
       const d = n.container.querySelectorAll(".bg-light");
       if (d)
-        for (let s = 0; s < d.length; s++)
-          d[s].classList.replace("bg-light", "main-text");
+        for (let o = 0; o < d.length; o++)
+          d[o].classList.replace("bg-light", "main-text");
     } else {
       const d = n.container.querySelectorAll(".main-text");
       if (d)
-        for (let s = 0; s < d.length; s++)
-          d[s].classList.replace("main-text", "bg-light");
+        for (let o = 0; o < d.length; o++)
+          d[o].classList.replace("main-text", "bg-light");
     }
     if (e.preview) {
       const d = n.container.querySelectorAll(".bg-creat-comp");
       if (d)
-        for (let s = 0; s < d.length; s++) {
-          const i = d[s];
+        for (let o = 0; o < d.length; o++) {
+          const i = d[o];
           i && i.classList.add("svg-preview-gr");
         }
     } else {
       const d = n.container.querySelectorAll(".svg-preview-gr");
       if (d)
-        for (let s = 0; s < d.length; s++) {
-          const i = d[s];
+        for (let o = 0; o < d.length; o++) {
+          const i = d[o];
           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 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);
+      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);
       const c = i.getStylesheet().getDefaultVertexStyle();
       Object.assign(c, {
         // // 去掉填充色（设置为透明）
@@ -5502,15 +5502,15 @@ function je(t) {
       qe(i, f), e.undoMng = f, A(i), Ye(i), Ne(i), Qe(i, n), Je(t.menus, i), Xe(i), e.graph = i, p(i), i.autoSize = !1, i.model.validateGraph = !1, i.model.validateEdge = () => !0, i.model.validateNode = () => !0, i.removeListener(i.listeners), i.view.animate = !1, e.clearUndo(), new El().initShapes(), h(), mxConstants.INVALID_COLOR = "transparent", mxConstants.DEFAULT_INVALID_COLOR = "transparent", mxConstants.INVALID_CONNECT_TARGET_COLOR = "transparent", e.keyUpdownEvt = new Me(t), mxWindow.prototype.closeImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAw0lEQVR4AZyS3RHCIBCEEyuxFO1E36EGsQZ419LsBHd3IHP8jTNmWH4u+x0HyWn78xEYY3xQv3LQk1J60SeQEyjwBcZpK0DIOX9oEOi9f2IRqBlMCMBt3/d38W4CAWwlMMAWcs7d6aUOkIseXkH0NiADFq7l2Z3ooQaQQZzlzJECrMvg3GoAbXkwDmdGTK0BLcTybNn9bR9gDyktuhUskNlwFn0n7gR/02awQLguUJhBiKtVuF6cQASvEP8emVYdPTX5FwAA//+rmaLTAAAABklEQVQDAD/igh3e/xFHAAAAAElFTkSuQmCC   ", mxWindow.prototype.normalizeImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAwElEQVR4AcRSwRHCIBAUKkknQidaALSgtgD8tRNIJ1YC7mYSRhgn5Gfmdg7udnNwhzytn/deASWE8FxD1THGHKC2YBVugaNe8i8EBGdg10opE7kEK0awiTv8rgkheA1yI4UJ7Iqc84x9Y6j0RqByuJbGGP0Na+0LicaQfwANjxUb0tHNH4Robexw64/rnLt0nKWrfA0VaPnUC6WUnHHlIK94R42FRsuv8CPjrBc+x5HQ6oRKnNVIOJNLsOKI/DP/AQAA///YhGxbAAAABklEQVQDANQlZDV28KsrAAAAAElFTkSuQmCC", mxWindow.prototype.minimizeImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAwElEQVR4AcRSwRHCIBAUKkknQidaALSgtgD8tRNIJ1YC7mYSRhgn5Gfmdg7udnNwhzytn/deASWE8FxD1THGHKC2YBVugaNe8i8EBGdg10opE7kEK0awiTv8rgkheA1yI4UJ7Iqc84x9Y6j0RqByuJbGGP0Na+0LicaQfwANjxUb0tHNH4Robexw64/rnLt0nKWrfA0VaPnUC6WUnHHlIK94R42FRsuv8CPjrBc+x5HQ6oRKnNVIOJNLsOKI/DP/AQAA///YhGxbAAAABklEQVQDANQlZDV28KsrAAAAAElFTkSuQmCC", mxWindow.prototype.maximizeImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAArklEQVR4AcSSUQrDIBBEG/Eg7U1yIT88QZoT+OGFepP2IEI6b4mwlkD6UWjwmc3MjgomXPSUUq4eScPwHjVmoIgxPj0YHu9Rk7Ed96aH3vcdvYbRdXrMGIIppRXMcRMaSDoMSv9+hJzzS6tNYj2L0SMmMv6oZ7nB/0OQO6m1bmIZznLwQY/YyPzkqLNWW+BzMzSQPgsbfkfE/oeY6aau02OyBVtrN485bvIeNff4BgAA//8HoCv8AAAABklEQVQDAFXqZFJqMF/zAAAAAElFTkSuQmCC", mxWindow.prototype.resizeImage = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAtklEQVR4AZSS0Q2EIBBEF0MhVwqdnP5DEVZAAvyfnXidaCfcrBcTQFQkIWQ387I7Ezp6eEIIH+fc8gj03s8xxl4IMTWDDBGRYsgYMzaBKaS1HgjnFiwha+0LHvtLsIRQKynlgnXfpyBEMzbaPPF6qBVqDmfFW/cI0SmEaQPC+R4mtkCYSBnYAh0+QAvEmuwDcAPjq0HsnlINPI5d2ijTq0GswZC/RwimvcFNrLOit6XHNV/UmeYHAAD//4CpKLcAAAAGSURBVAMAuzSnSig8bRkAAAAASUVORK5CYII=";
       const S = i.getView().setTranslate;
       i.getView().setTranslate = function(w, E) {
-        const L = Math.max(0, Math.min(3e3, w)), O = Math.max(0, Math.min(3e3, E));
-        S.call(this, L, O);
+        const U = Math.max(0, Math.min(3e3, w)), O = Math.max(0, Math.min(3e3, E));
+        S.call(this, U, O);
       }, i.addListener(mxEvent.PAN, function() {
         const w = i.getView().getTranslate();
-        let E = Math.min(0, w.x), L = Math.min(0, w.y);
-        (E !== w.x || L !== w.y) && i.getView().setTranslate(E, L);
-      }), mxGraph.prototype.setCellStyles = function(w, E, L, O) {
-        L = L || this.getSelectionCells(), mxUtils.setCellStyles(this.model, L, w, E, O);
-      }, mxUtils.setCellStyles = function(w, E, L, O, M) {
+        let E = Math.min(0, w.x), U = Math.min(0, w.y);
+        (E !== w.x || U !== w.y) && i.getView().setTranslate(E, U);
+      }), mxGraph.prototype.setCellStyles = function(w, E, U, O) {
+        U = U || this.getSelectionCells(), mxUtils.setCellStyles(this.model, U, w, E, O);
+      }, mxUtils.setCellStyles = function(w, E, U, O, M) {
         if (E != null && E.length > 0)
           if (e.firstStyle) {
             w.beginUpdate();
@@ -5533,10 +5533,10 @@ 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 K = this.state.scale;
+      }, i.view.scaleGrid = !0, i.view.roundPoints = !0, mxSvgCanvas2D.prototype.updateTextNodes = function(w, E, U, O, M, B, F, V, H, W, q) {
+        var G = this.state.scale;
         mxSvgCanvas2D.createCss(
-          L + 2,
+          U + 2,
           O,
           M,
           B,
@@ -5547,18 +5547,18 @@ 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(),
-          K,
+          G,
           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 + ")" : "") + (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);
+            var pe = q.firstChild, Ue = pe.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), pe.setAttribute("width", Math.ceil(1 / Math.min(1, G) * 100) + "%"), pe.setAttribute("height", Math.ceil(1 / Math.min(1, G) * 100) + "%");
+            let he = Math.round(E + re), tt = Math.round(w + ne), lt = s(he), at = s(tt);
+            if (he < 0)
+              pe.setAttribute("y", he);
             else {
-              he.removeAttribute("y");
-              let Te = ge;
-              at || lt || (Te = ge - 0.5), Y += "padding-top: " + Te + "px; ";
+              pe.removeAttribute("y");
+              let Te = he;
+              at || lt || (Te = he - 0.5), Y += "padding-top: " + Te + "px; ";
             }
             Y = Y.replace("width: 1px", "width: 0px"), Y = Y.replace("height: 1px", "height: 0px");
             let nt = w + ne;
@@ -5568,14 +5568,14 @@ function je(t) {
       }, i.fit(), r(), u(i);
     });
   };
-  function o(a) {
+  function s(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 s = u.target || u.srcElement, i = window.getComputedStyle(s).cursor;
+      var o = u.target || u.srcElement, i = window.getComputedStyle(o).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(
@@ -5591,14 +5591,14 @@ function je(t) {
         if (f(this.labelShape))
           return mxEvent.LABEL_HANDLE;
         if (this.sizers != null) {
-          for (var b = 0; b < this.sizers.length; b++)
-            if (f(this.sizers[b]))
-              return b;
+          for (var C = 0; C < this.sizers.length; C++)
+            if (f(this.sizers[C]))
+              return C;
         }
         if (this.customHandles != null && this.isCustomHandleEvent(n)) {
-          for (var b = this.customHandles.length - 1; b >= 0; b--)
-            if (f(this.customHandles[b].shape))
-              return mxEvent.CUSTOM_HANDLE - b;
+          for (var C = this.customHandles.length - 1; C >= 0; C--)
+            if (f(this.customHandles[C].shape))
+              return mxEvent.CUSTOM_HANDLE - C;
         }
       }
       return null;
@@ -5606,8 +5606,8 @@ function je(t) {
   }
   e.keyUpdownEvent = (a) => {
     let n = e.graph, u = e.undoMng;
-    e.keyUpdownEvt.keyUpdown(n, u, function(s) {
-      (s === "undo" || s === "redo") && e.changePageSize();
+    e.keyUpdownEvt.keyUpdown(n, u, function(o) {
+      (o === "undo" || o === "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 s = d.width, i = d.height;
-        n({ w: s, h: i });
+        let o = d.width, i = d.height;
+        n({ w: o, h: i });
       };
     });
   }
@@ -5626,11 +5626,11 @@ function je(t) {
     let n = {};
     if (a.border) {
       let d = a.border.split(",");
-      d.length == 1 ? d.forEach((s, i) => {
-        let y = s.split(" "), c = "";
+      d.length == 1 ? d.forEach((o, i) => {
+        let y = o.split(" "), c = "";
         n["border" + c + "Width"] = y[0], n["border" + c + "Style"] = y[1], n["border" + c + "Color"] = y[2];
-      }) : d.forEach((s, i) => {
-        let y = s.split(" "), c = "Top";
+      }) : d.forEach((o, i) => {
+        let y = o.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,72 +5638,72 @@ function je(t) {
   };
   function p(a) {
     a.convertValueToString = function(n) {
-      let { width: u, height: d, x: s, y: i } = n.geometry;
+      let { width: u, height: d, x: o, y: i } = n.geometry;
       if (n.type == "vertex")
-        return v(n);
+        return b(n);
       if (n.type == "kitUI:CanvasWidget") {
         let c = n.value.style, f = document.createElement("div");
         f.style.width = u + "px", f.style.height = d + "px", f.className = "bgss-light";
-        let b = a.container.querySelector("canvas");
-        return b && (c["background-image"] ? b.style.background = `${c["background-image"]}center center no-repeat` : b.style.background = "transparent"), f;
+        let C = a.container.querySelector("canvas");
+        return C && (c["background-image"] ? C.style.background = `${c["background-image"]}center center no-repeat` : C.style.background = "transparent"), f;
       } else if (n.type == "img") {
-        let c = document.createElement("div"), f = n.value.style, b = "";
+        let c = document.createElement("div"), f = n.value.style, C = "";
         if (f.scale == "fitRatio" ? (c.style.display = "flex", c.style.alignItems = "center", c.style.justifyContent = "center", c.style.flexDirection = "column", m(f.imgUrl || n.imgUrl).then((S) => {
           S && (c.style.aspectRatio = S.w / S.h);
-        }), b = "img-vr-fit-ratio") : f.scale == "fit" && (c.style.display = "flex", c.style.alignItems = "center", c.style.justifyContent = "center", b = "img-vr-fit"), c.innerHTML = N({
+        }), C = "img-vr-fit-ratio") : f.scale == "fit" && (c.style.display = "flex", c.style.alignItems = "center", c.style.justifyContent = "center", C = "img-vr-fit"), c.innerHTML = N({
           img: f.imgUrl || n.imgUrl
         }), c.style.width = u + "px", c.style.height = d + "px", c.innerHTML += '<div class="svg-edit-gr"></div>', e.preview) {
-          n.hyperlink = "", n.popup = "", c.className = "bg-light svg-preview-gr " + b;
-          let { url: S, pup: w } = pe(n);
+          n.hyperlink = "", n.popup = "", c.className = "bg-light svg-preview-gr " + C;
+          let { url: S, pup: w } = fe(n);
           S ? (c.style.cursor = "pointer", n.hyperlink = S) : c.style.cursor = "default", w && w.length > 0 ? (c.style.cursor = "pointer", n.popup = w) : c.style.cursor = "default";
         } else
-          c.className = "bg-light " + b;
+          c.className = "bg-light " + C;
         return c;
       } else if (n.crtype == "creatComp") {
         k(n);
         let c = document.createElement("div");
         if (c.innerHTML = wl(n.cmp, n.value, n.iconName), c.style.width = u + "px", c.style.height = d + "px", c.innerHTML += '<div class="svg-edit-gr"></div>', e.preview) {
           n.hyperlink = "", n.popup = "", c.className = "bg-creat-comp svg-preview-gr";
-          let { url: f, pup: b } = pe(n);
-          f ? (c.style.cursor = "pointer", n.hyperlink = f) : c.style.cursor = "default", b && b.length > 0 ? (c.style.cursor = "pointer", n.popup = b) : c.style.cursor = "default";
+          let { url: f, pup: C } = fe(n);
+          f ? (c.style.cursor = "pointer", n.hyperlink = f) : c.style.cursor = "default", C && C.length > 0 ? (c.style.cursor = "pointer", n.popup = C) : c.style.cursor = "default";
         } else
           c.className = "bg-creat-comp";
         return c;
       } else if (n.crtype == "schedule") {
         let c = n.value.style;
         k(n);
-        let f = document.createElement("div"), { el: b } = n.other || {};
-        f.innerHTML = b.outerHTML;
+        let f = document.createElement("div"), { el: C } = n.other || {};
+        f.innerHTML = C.outerHTML;
         let S = document.getElementById(n.id);
         if (S) {
           var y = a.view.getState(n);
           S.style.position = "absolute", S.style.width = y.width + "px", S.style.height = y.height + "px", S.style.left = y.x + "px", S.style.top = y.y + "px", e.preview || (f.innerHTML = S.innerHTML);
         }
-        return f.style = U(c, []), f.style.width = u + "px", f.style.height = d + "px", f.innerHTML += '<div class="svg-edit-gr"></div>', e.preview ? f.className = "bg-creat-comp svg-preview-gr" : f.className = "bg-creat-comp", f;
+        return f.style = T(c, []), f.style.width = u + "px", f.style.height = d + "px", f.innerHTML += '<div class="svg-edit-gr"></div>', e.preview ? f.className = "bg-creat-comp svg-preview-gr" : f.className = "bg-creat-comp", f;
       } else if (n.type == "rect") {
         let c = n.value.style, f = n.value.data, S = (f.children || []).find((M) => M.key === "perimeter");
         S && (c.background.indexOf("/files") > -1 && (c.background = ""), Number(c.borderValue) === 0 && (c.stroke = "transparent"), n.style = S.value + `fillColor=${c.background || "transparent"};strokeColor=${c.stroke || "#333333"};strokeWidth=${c.borderValue || 0}`);
         let w = {}, E = f.children;
         E && (w = E.find((M) => M.key === "text"));
-        let L = document.createElement("div");
-        L.innerHTML = N({
+        let U = document.createElement("div");
+        U.innerHTML = N({
           text: w.value || c.text,
-          style: C(c, ["text-", "font-", "color"])
-        }), L.style = U(c, ["background", "stroke", "strokeWidth"]), L.style.width = u + "px", L.style.height = d + "px", L.className = "";
+          style: g(c, ["text-", "font-", "color"])
+        }), U.style = T(c, ["background", "stroke", "strokeWidth"]), U.style.width = u + "px", U.style.height = d + "px", U.className = "";
         let O = "";
         if (f.title === "ShapeTriangle" ? O = "triangle" : f.title === "ShapeRect" ? O = "rectangle" : f.title === "ShapeCircle" && (O = "circle"), e.preview) {
           n.hyperlink = "", n.popup = "";
-          let { url: M, pup: B } = pe(n);
-          M ? (L.style.cursor = "pointer", L.className = "main-text hyperlink-btn custom-rect-p " + O, n.hyperlink = M) : (L.style.cursor = "default", L.className = "main-text custom-rect-p " + O), B && B.length > 0 ? (n.popup = B, L.style.cursor = "pointer") : L.style.cursor = "default";
+          let { url: M, pup: B } = fe(n);
+          M ? (U.style.cursor = "pointer", U.className = "main-text hyperlink-btn custom-rect-p " + O, n.hyperlink = M) : (U.style.cursor = "default", U.className = "main-text custom-rect-p " + O), B && B.length > 0 ? (n.popup = B, U.style.cursor = "pointer") : U.style.cursor = "default";
         } else
-          L.className = "bg-light custom-rect " + O;
-        return L.innerHTML += '<div class="svg-edit-gr"></div>', L;
+          U.className = "bg-light custom-rect " + O;
+        return U.innerHTML += '<div class="svg-edit-gr"></div>', U;
       } else if (n.type == "edge") {
         if (e.firstFlag) {
           a.getModel(), e.firstFlag = !1;
           try {
-            let c = n.value.style, f = c.dashWidth || 3, b = c.dashSpace || 1;
-            f && b && (c.dashPattern = `${f} ${b}`), setTimeout(() => {
+            let c = n.value.style, f = c.dashWidth || 3, C = c.dashSpace || 1;
+            f && C && (c.dashPattern = `${f} ${C}`), setTimeout(() => {
               c && a.setCellStyles(null, null, [n], c);
             }, 1);
           } finally {
@@ -5715,19 +5715,19 @@ function je(t) {
       return n.value;
     };
   }
-  function v(a) {
-    let { width: n, height: u, x: d, y: s } = a.geometry;
+  function b(a) {
+    let { width: n, height: u, x: d, y: o } = a.geometry;
     k(a);
     let i = a.value.style, y = a.value.data.children, c = {};
-    y && (c = y.find((b) => b.key === "text"));
+    y && (c = y.find((C) => C.key === "text"));
     let f = document.createElement("div");
     if (f.innerHTML = N({
       img: i.imgUrl || "",
       text: c.value || i.text
-    }), f.style = I(i), f.style.width = n + "px", f.style.height = u + "px", f.style.linHeight = u + "px", f.className = "bg-light", e.preview) {
+    }), f.style = D(i), f.style.width = n + "px", f.style.height = u + "px", f.style.linHeight = u + "px", f.className = "bg-light", e.preview) {
       a.hyperlink = "", a.popup = "";
-      let { url: b, pup: S } = pe(a);
-      b ? (f.style.cursor = "pointer", f.className = "main-text hyperlink-btn", a.hyperlink = b) : (f.style.cursor = "default", f.className = "main-text"), S && S.length > 0 ? (f.style.cursor = "pointer", a.popup = S) : f.style.cursor = "default";
+      let { url: C, pup: S } = fe(a);
+      C ? (f.style.cursor = "pointer", f.className = "main-text hyperlink-btn", a.hyperlink = C) : (f.style.cursor = "default", f.className = "main-text"), S && S.length > 0 ? (f.style.cursor = "pointer", a.popup = S) : f.style.cursor = "default";
     } else
       f.className = "bg-light";
     return f.innerHTML += '<div class="svg-edit-gr"></div>', f;
@@ -5737,8 +5737,8 @@ function je(t) {
     return Math.sqrt(u * u + d * d);
   }
   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((s, i) => {
+  function v(a, n, u, d) {
+    return new Promise((o, i) => {
       let y = a.getDefaultParent(), c = a.getModel();
       c.beginUpdate();
       try {
@@ -5751,8 +5751,8 @@ function je(t) {
           null,
           n.style
           // 继承样式
-        ), b = a.getCellGeometry(n);
-        let w = b.getTerminalPoint(!0), E = b.getTerminalPoint(!1);
+        ), C = a.getCellGeometry(n);
+        let w = C.getTerminalPoint(!0), E = C.getTerminalPoint(!1);
         var S = new mxGeometry();
         S.setTerminalPoint(
           new mxPoint(
@@ -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, s(f);
+        ), f.setGeometry(S), f.value = n.value, f.type = n.type, f.model = "yes", f.type = "edge", f.iconName = n.iconName, o(f);
       } finally {
         c.endUpdate();
       }
@@ -5782,27 +5782,27 @@ function je(t) {
           let i = a.getPointForEvent(d);
           e.startPos = i, u.consume();
         }
-        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());
+        let o = a.getSelectionCell();
+        if (o && o.isEdge()) {
+          let i = a.getPointForEvent(d), y = o.getGeometry(), c = y.getTerminalPoint(!0), f = y.getTerminalPoint(!1), C = x(i, c), S = x(i, f);
+          C < 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();
       },
       mouseMove: function(n, u) {
         let d = u.evt;
         if (e.ctrlKey = d.ctrlKey, e.ctrlKey) {
-          let s = a.getPointForEvent(d), i = s.x, y = s.y;
+          let o = a.getPointForEvent(d), i = o.x, y = o.y;
           e.dx = i, e.dy = y, u.consume();
         } else if (e.isDragging && e.dragTerminal !== null) {
-          let s = a.getPointForEvent(d), i = s.x, y = s.y;
+          let o = a.getPointForEvent(d), i = o.x, y = o.y;
           e.dx = i, e.dy = y, u.consume();
         }
         u.consume();
       },
       mouseUp: function(n, u) {
-        let d = u.evt, s = a.getModel();
-        s.beginUpdate();
+        let d = u.evt, o = a.getModel();
+        o.beginUpdate();
         try {
           if (e.ctrlKey && d.ctrlKey && e.dx !== null && e.dy !== null) {
             let i = e.moveEdgeCells;
@@ -5810,8 +5810,8 @@ function je(t) {
               let y = [];
               for (let c = 0; c < i.length; c++) {
                 let f = i[c];
-                f && f.isEdge() && g(a, f, e.dx - e.startPos.x, e.dy - e.startPos.y).then((b) => {
-                  y.push(b);
+                f && f.isEdge() && v(a, f, e.dx - e.startPos.x, e.dy - e.startPos.y).then((C) => {
+                  y.push(C);
                 });
               }
             }
@@ -5830,31 +5830,31 @@ function je(t) {
             }, 1), u.consume();
           }
         } finally {
-          s.endUpdate();
+          o.endUpdate();
         }
         u.consume();
       }
     });
   }
   const k = (a) => {
-    let { width: n, height: u, x: d, y: s } = a.geometry, i = a.value.style;
+    let { width: n, height: u, x: d, y: o } = a.geometry, i = a.value.style;
     if (i && i.hasOwnProperty("layout")) {
       let y = a.value.data, c = {
         width: n,
         height: u,
         x: d,
-        y: s
+        y: o
       }, f = y.children;
       if (f && f.length > 0) {
-        let b = f.find((S) => S.key == "layout");
-        b.value = c;
+        let C = f.find((S) => S.key == "layout");
+        C.value = c;
       }
       i.layout = c;
     }
   };
   function N(a) {
-    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;
+    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;
   }
   function A(a) {
     new Tt().createGrid(a, e.parent, e.preview), a.gridEnabled = !0, a.gridSize = 10;
@@ -5894,80 +5894,80 @@ function je(t) {
       }, 1);
     }
   }
-  function C(a, n) {
+  function g(a, n) {
     if (!a)
       return "";
     let u = {};
     for (const d in a)
-      n.some((s) => d.startsWith(s)) && (u[d] = a[d]);
+      n.some((o) => d.startsWith(o)) && (u[d] = a[d]);
     return u && Object.keys(u).length === 0 ? "" : Object.entries(u).filter(
-      ([d, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
-    ).map(([d, s]) => {
+      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
+    ).map(([d, o]) => {
       const i = d.replace(/([A-Z])/g, "-$1").toLowerCase();
-      let y = s;
-      return i === "gap" && (y = `${s}px`), `${i}:${y}`;
+      let y = o;
+      return i === "gap" && (y = `${o}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
-  function U(a, n) {
+  function T(a, n) {
     if (!a)
       return "";
     let u = {};
     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, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
-    ).map(([d, s]) => {
+      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
+    ).map(([d, o]) => {
       const i = d.replace(/([A-Z])/g, "-$1").toLowerCase();
-      let y = s;
-      return i === "gap" && (y = `${s}px`), `${i}:${y}`;
+      let y = o;
+      return i === "gap" && (y = `${o}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
-  function I(a) {
+  function D(a) {
     return a ? (a.border && a.border.split(",").length === 1 && ["top", "right", "bottom", "left"].forEach((d) => {
       delete a["border-" + d + "-width"], delete a["border-" + d + "-style"], delete a["border-" + d + "-color"];
     }), Object.entries(a).filter(
       ([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 s = u;
-      return d === "gap" && (s = u.toString().indexOf("px") === -1 ? `${u}px` : u), `${d}: ${s}`;
+      let o = u;
+      return d === "gap" && (o = u.toString().indexOf("px") === -1 ? `${u}px` : u), `${d}: ${o}`;
     }).join("; ") + ";") : "";
   }
   function R(a, n) {
     return a ? Object.entries(a).filter(
-      ([d, s]) => s != null && s !== "" && !(typeof s == "object" && Object.keys(s).length === 0)
-    ).map(([d, s]) => {
+      ([d, o]) => o != null && o !== "" && !(typeof o == "object" && Object.keys(o).length === 0)
+    ).map(([d, o]) => {
       let i = d;
       n || (i = d.replace(/([A-Z])/g, "-$1").toLowerCase());
-      let y = s;
-      return i === "gap" && (y = `${s}px`), `${i}=${y}`;
+      let y = o;
+      return i === "gap" && (y = `${o}px`), `${i}=${y}`;
     }).join("; ") + ";" : "";
   }
-  function G(a) {
+  function K(a) {
     const u = String(a).match(/\d+/);
     return u ? Number(u[0]) : null;
   }
   function $(a, n, u) {
-    let d = a.value, s = G(d);
-    return n === "-inf" ? s <= u : u === "+inf" ? s >= n : s >= n && s <= u;
+    let d = a.value, o = K(d);
+    return n === "-inf" ? o <= u : u === "+inf" ? o >= n : o >= n && o <= u;
   }
-  function T(a, n) {
+  function P(a, n) {
     if (!n.children)
       return "";
-    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;
+    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;
         if (y === "NumericToSimple") {
-          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
+          let f = i.find((C) => $(o, C.min, C.max));
+          f ? c = f : o.key === "image" ? c = {
+            value: o.animate.default,
+            valueUrl: o.animate.defaultVal
           } : c = {
-            value: s.animate.default
+            value: o.animate.default
           };
-        } else y === "BooleanToSimple" && (c = i.find((f) => f.key === s.realValue));
-        c && (a[s.key] = c.value, s.key === "image" && (a.imgUrl = `${c.valueUrl}`));
+        } else y === "BooleanToSimple" && (c = i.find((f) => f.key === o.realValue));
+        c && (a[o.key] = c.value, o.key === "image" && (a.imgUrl = `${c.valueUrl}`));
       }
     }), a;
   }
@@ -5981,12 +5981,12 @@ function je(t) {
           if (d.setValue(i, i.value), i.value.style) {
             let y = {};
             if (i.type === "rect") {
-              const c = T(i.value.style, i.value.data);
+              const c = P(i.value.style, i.value.data);
               y = te(i, c);
             } else if (i.type === "edge") {
-              const c = T(i.value.style, i.value.data);
+              const c = P(i.value.style, i.value.data);
               e.firstFlag = !0, y = Z(i, c);
-            } else i.type === "kitUI:CanvasWidget" ? (y = T(realStyle, i.value.data), e.changePageSize(realStyle)) : y = T(i.value.style, i.value.data);
+            } else i.type === "kitUI:CanvasWidget" ? (y = P(realStyle, i.value.data), e.changePageSize(realStyle)) : y = P(i.value.style, i.value.data);
             d.setStyle(i, y);
           }
         });
@@ -5996,7 +5996,7 @@ function je(t) {
       n.refresh();
       return;
     }
-    const s = u.undoableEditHappened;
+    const o = u.undoableEditHappened;
     try {
       u.undoableEditHappened = function() {
       }, d.beginUpdate();
@@ -6005,12 +6005,12 @@ function je(t) {
           if (d.setValue(i, i.value), i.value.style) {
             let y = {};
             if (i.type === "rect") {
-              const c = T(i.value.style, i.value.data);
+              const c = P(i.value.style, i.value.data);
               y = te(i, c);
             } else if (i.type === "edge") {
-              const c = T(i.value.style, i.value.data);
+              const c = P(i.value.style, i.value.data);
               e.firstFlag = !0, y = Z(i, c);
-            } else i.type === "kitUI:CanvasWidget" ? (y = T(realStyle, i.value.data), e.changePageSize(realStyle)) : y = T(i.value.style, i.value.data);
+            } else i.type === "kitUI:CanvasWidget" ? (y = P(realStyle, i.value.data), e.changePageSize(realStyle)) : y = P(i.value.style, i.value.data);
             d.setStyle(i, y);
           }
         });
@@ -6018,14 +6018,14 @@ function je(t) {
         d.endUpdate();
       }
     } finally {
-      u.undoableEditHappened = s;
+      u.undoableEditHappened = o;
     }
   }, e.updateCell = (a, n) => {
     let u = e.graph;
     const d = u.getModel();
     d.beginUpdate();
     try {
-      let s = a.value.style;
+      let o = a.value.style;
       if (n && n.layout && Object.keys(n.layout).length > 0) {
         const y = n.layout;
         if (y) {
@@ -6035,35 +6035,35 @@ 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(s, a.value.data), e.changePageSize(s)) : i = T(s, 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 = P(o, a.value.data), e.changePageSize(o)) : i = P(o, a.value.data), Et(e.graph, a, i);
     } finally {
       d.endUpdate();
     }
     u.refresh();
   };
   function Z(a, 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);
+    let u = e.graph, d = "", o = a.style || "";
+    if (o) {
+      const y = { ...ie(o), ...n };
+      d = R(y, !0), a.value.style = y, a.setStyle(d), P(a.value.style, a.value.data), u.refresh(a);
     }
     return d;
   }
   function te(a, n) {
     let u = "", d = a.style || "";
     if (d) {
-      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);
+      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 };
+      a.value.style = i, P(a.value.style, a.value.data);
     }
     return u;
   }
   function ie(a) {
     const n = {};
     return a.split(";").filter((d) => d.trim() !== "").forEach((d) => {
-      const [s, i] = d.split("=");
-      s && i !== void 0 && (n[s.trim()] = i.trim());
+      const [o, i] = d.split("=");
+      o && i !== void 0 && (n[o.trim()] = i.trim());
     }), n;
   }
   function oe(a) {
@@ -6072,21 +6072,21 @@ function je(t) {
   e.addImgVertex = (a) => {
     let n = e.graph;
     const u = n.getModel();
-    let d = n.getDefaultParent(), s = [];
+    let d = n.getDefaultParent(), o = [];
     u.beginUpdate();
     try {
       a.forEach((i) => {
-        const { evt: y = null, data: c = {}, pt: f = { x: 50, y: 50 }, w: b = 48, h: S = 48, style: w = {}, displayName: E = "", imgUrl: L = "", iconName: O = "icon-Imagefile", realWh: M = {} } = i;
+        const { evt: y = null, data: c = {}, pt: f = { x: 50, y: 50 }, w: C = 48, h: S = 48, style: w = {}, displayName: E = "", imgUrl: U = "", iconName: O = "icon-Imagefile", realWh: M = {} } = i;
         let B = f, F = e.graph;
         y && (B = F.getPointForEvent(y));
-        let V = F.insertVertex(d, null, i.show ? i.name : "", B.x, B.y, b, S);
+        let V = F.insertVertex(d, null, i.show ? i.name : "", B.x, B.y, C, S);
         V.type = "img", V.model = "yes", V.imgUrl = i.imgUrl, V.iconName = O, V.value = {
           data: c,
           style: w,
           name: i ? i.displayName : i.getAttribute("label"),
           realWh: M
-        }, s.push(V);
-      }), n.setSelectionCells(s);
+        }, o.push(V);
+      }), n.setSelectionCells(o);
     } finally {
       u.endUpdate();
     }
@@ -6107,26 +6107,26 @@ function je(t) {
     });
   }
   e.createAllVertex = (a, n) => {
-    a === "vertex" ? Ke(n) : a === "custom" ? fe(n) : a === "edge" ? ye(n) : a === "img" && oe(n);
+    a === "vertex" ? Ke(n) : a === "custom" ? be(n) : a === "edge" ? ye(n) : a === "img" && oe(n);
   };
   function ye(a) {
     e.firstFlag = !0;
     const n = mxGraph.prototype.insertEdge;
-    mxGraph.prototype.insertEdge = function(y, c, f, b, S, w) {
+    mxGraph.prototype.insertEdge = function(y, c, f, C, S, w) {
       return w === null && (w = ""), n.apply(this, arguments);
     };
-    let u = e.graph, d = u.getDefaultParent(), s = u.getModel(), i = [];
-    s.beginUpdate();
+    let u = e.graph, d = u.getDefaultParent(), o = u.getModel(), i = [];
+    o.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;
+        const c = a[y], { evt: f = null, data: C = null, pt: S = { x: 50, y: 50 }, style: w, w: E = 30, h: U = 100, iconName: O = "icon-general-icon" } = c;
         let M = S;
         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: 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 },
+        let V = new mxGeometry(), { startX: H, startY: W, endX: q, endY: G } = ze(M, E, U);
+        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 = {
+          data: { ...C },
           //存储对象
           style: { ...w }
           //存储样式对象
@@ -6136,17 +6136,17 @@ function je(t) {
       }
       u.setSelectionCells(i);
     } finally {
-      s.endUpdate();
+      o.endUpdate();
     }
   }
-  function fe(a) {
+  function be(a) {
     let n = e.graph, u = n.getModel(), d = [];
     u.beginUpdate();
     try {
-      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;
+      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: C, w: S = 100, h: w = 30, type: E, tmpType: U, 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);
+        y && (H = n.getPointForEvent(y)), C.layout && (F = C.layout.width, V = C.layout.height);
         let W = {
           width: F,
           height: V,
@@ -6157,14 +6157,14 @@ function je(t) {
           let se = q.find((X) => X.key == "layout");
           se.value = W;
         }
-        b.layout = W;
-        let K = n.getDefaultParent();
+        C.layout = W;
+        let G = n.getDefaultParent();
         ce(n, null);
-        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 = {
+        let ne = R(C), re = ue(), Y = n.insertVertex(G, re, C.text || "", H.x, H.y, F, V, ne);
+        Y.crtype = "creatComp", Y.cmp = U, Y.codeType = O, Y.type = E, Y.realType = B, Y.model = "yes", Y.name = C.text || "", Y.iconName = M, Y.style = ne, Y.value = {
           data: c,
           //存储对象
-          style: b
+          style: C
           //存储样式对象
         }, n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
           cells: [Y]
@@ -6179,8 +6179,8 @@ function je(t) {
     let n = e.graph, u = n.getModel(), d = [];
     u.beginUpdate();
     try {
-      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;
+      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: C, w: S = 100, h: w = 20, iconName: E = "iconfont icon-general-icon", realType: U, from: O } = i;
         let M = f;
         n || (n = e.graph), y && (M = n.getPointForEvent(y));
         let B = n.getDefaultParent(), F = n.getModel(), V = {
@@ -6193,16 +6193,16 @@ function je(t) {
           let ne = H.find((re) => re.key == "layout");
           ne.value = V;
         }
-        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(), 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 = {
+        let W = R(C);
+        C.gtype == "rect" && (Number(C.borderValue) === 0 && (C.stroke = "transparent"), W = C.perimeter + `;fillColor=${C.background || "transparent"};strokeColor=${C.stroke || "#333333"};strokeWidth=${C.borderWidth || 0}`);
+        let q = ue(), G = n.insertVertex(B, q, C.text || "", M.x, M.y, S, w, W);
+        C.gtype == "rect" ? G.type = "rect" : G.type = "vertex", G.model = "yes", G.name = C.text || "", G.iconName = E, G.value = {
           data: { ...c },
           //存储对象
-          style: { ...b }
+          style: { ...C }
           //存储样式对象
-        }, K.from = O || "other", K.realType = L, K.style = W, d.push(K), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
-          cells: [K]
+        }, G.from = O || "other", G.realType = U, G.style = W, d.push(G), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
+          cells: [G]
         }));
       }
       n.setSelectionCells(d);
@@ -6211,14 +6211,14 @@ function je(t) {
     }
   }
   e.addVertex = ({ graph: a, options: n = {} }) => new Promise((u, d) => {
-    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), s && (L = a.getPointForEvent(s));
+    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, style: c, w: f = 100, h: C = 20, iconName: S = "iconfont icon-general-icon", realType: w, from: E } = n;
+    let U = y;
+    a || (a = e.graph), o && (U = a.getPointForEvent(o));
     let O = a.getDefaultParent(), M = a.getModel(), B = {
       width: f,
-      height: b,
-      x: L.x,
-      y: L.y
+      height: C,
+      x: U.x,
+      y: U.y
     }, F = i.children;
     if (F && F.length > 0) {
       let V = F.find((H) => H.key == "layout");
@@ -6228,7 +6228,7 @@ function je(t) {
     try {
       let V = R(c);
       c.gtype == "rect" && (Number(c.borderValue) === 0 && (c.stroke = "transparent"), V = c.perimeter + `;fillColor=${c.background || "transparent"};strokeColor=${c.stroke || "#333333"};strokeWidth=${c.borderWidth || 0}`);
-      let H = ue(), W = a.insertVertex(O, H, c.text || "", L.x, L.y, f, b, V);
+      let H = ue(), W = a.insertVertex(O, H, c.text || "", U.x, U.y, f, C, V);
       c.gtype == "rect" ? W.type = "rect" : W.type = "vertex", W.model = "yes", W.name = c.text || "", W.iconName = S, W.value = {
         data: { ...i },
         //存储对象
@@ -6242,7 +6242,7 @@ function je(t) {
     }
   });
   function ze(a, n, u) {
-    const s = -10 * Math.PI / 180, i = Math.cos(s), y = Math.sin(s), c = u / 2, f = n / 2, S = [
+    const o = -10 * Math.PI / 180, i = Math.cos(o), y = Math.sin(o), c = u / 2, f = n / 2, S = [
       { x: -c, y: -f },
       // V1 左上
       { x: c, y: -f },
@@ -6251,8 +6251,8 @@ function je(t) {
       // V3 右下
       { x: -c, y: f }
       // V4 左下
-    ].map((L) => {
-      const O = a.x + (L.x * i - L.y * y), M = a.y + (L.x * y + L.y * i);
+    ].map((U) => {
+      const O = a.x + (U.x * i - U.y * y), M = a.y + (U.x * y + U.y * i);
       return { x: O.toFixed(0), y: M.toFixed(0) };
     }), w = S[3], E = S[1];
     return { startX: parseFloat(w.x), startY: parseFloat(w.y), endX: parseFloat(E.x), endY: parseFloat(E.y) };
@@ -6260,18 +6260,18 @@ function je(t) {
   e.addEdge = ({ graph: a, options: n = {} }) => {
     e.firstFlag = !0;
     const u = mxGraph.prototype.insertEdge;
-    return mxGraph.prototype.insertEdge = function(d, s, i, y, c, f) {
+    return mxGraph.prototype.insertEdge = function(d, o, i, y, c, f) {
       return f === null && (f = ""), u.apply(this, arguments);
-    }, 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;
+    }, new Promise((d, o) => {
+      const { evt: i = null, data: y = null, pt: c = { x: 50, y: 50 }, style: f, w: C = 30, h: S = 100, iconName: w = "icon-general-icon" } = n;
       let E = c;
       a || (a = e.graph), i && (E = a.getPointForEvent(i));
-      let L = a.getDefaultParent(), O = a.getModel();
+      let U = a.getDefaultParent(), O = a.getModel();
       O.beginUpdate();
       try {
-        let M = ue(), B = a.insertEdge(L, null, "", null, null, f.perimeter + `;strokeWidth=${f.strokeWidth || 1};strokeColor=${f.strokeColor || "#333333"}`);
+        let M = ue(), B = a.insertEdge(U, null, "", null, null, f.perimeter + `;strokeWidth=${f.strokeWidth || 1};strokeColor=${f.strokeColor || "#333333"}`);
         B.id = M;
-        let F = new mxGeometry(), { startX: V, startY: H, endX: W, endY: q } = ze(E, b, S);
+        let F = new mxGeometry(), { startX: V, startY: H, endX: W, endY: q } = ze(E, C, S);
         F.setTerminalPoint(new mxPoint(V, H), !0), F.setTerminalPoint(new mxPoint(W, q), !1), B.setGeometry(F), B.model = "yes", B.type = "edge", B.iconName = w, B.value = {
           data: { ...y },
           //存储对象
@@ -6285,17 +6285,17 @@ function je(t) {
       }
     });
   }, e.createCustomComponent = ({ graph: a, options: n = {} }) => new Promise((u, d) => {
-    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), s && (W = a.getPointForEvent(s)), f.layout && (V = f.layout.width, H = f.layout.height);
+    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, id: c = null, style: f, w: C = 100, h: S = 30, type: w, tmpType: E, codeType: U, crtype: O = "creatComp", other: M = {}, iconName: B = "icon-general-icon", realType: F } = n;
+    let V = C, H = S, W = y;
+    a || (a = e.graph), o && (W = a.getPointForEvent(o)), f.layout && (V = f.layout.width, H = f.layout.height);
     let q = {
       width: V,
       height: H,
       x: W.x,
       y: W.y
-    }, K = i.children;
-    if (K && K.length > 0) {
-      let Y = K.find((se) => se.key == "layout");
+    }, G = i.children;
+    if (G && G.length > 0) {
+      let Y = G.find((se) => se.key == "layout");
       Y.value = q;
     }
     f.layout = q;
@@ -6303,7 +6303,7 @@ function je(t) {
     ce(a), re.beginUpdate();
     try {
       let Y = R(f), se = c || ue(), X = a.insertVertex(ne, se, f.text || "", W.x, W.y, V, H, Y);
-      X.crtype = O || "creatComp", X.other = M, X.cmp = E, X.codeType = L, X.type = w, X.realType = F, X.model = "yes", X.name = f.text || "", X.iconName = B, X.style = Y, X.value = {
+      X.crtype = O || "creatComp", X.other = M, X.cmp = E, X.codeType = U, X.type = w, X.realType = F, X.model = "yes", X.name = f.text || "", X.iconName = B, X.style = Y, X.value = {
         data: i,
         //存储对象
         style: f
@@ -6320,8 +6320,8 @@ function je(t) {
   }, e.fromXmlToView = (a) => {
     let n = e.graph;
     return new Promise((u, d) => {
-      let s = new mxFastOrganicLayout(n);
-      s.forceConstant = 140;
+      let o = new mxFastOrganicLayout(n);
+      o.forceConstant = 140;
       const i = n.getStylesheet().getDefaultVertexStyle();
       i.fill = "none", i[mxConstants.STYLE_STROKE] = "none", n.getModel().beginUpdate();
       try {
@@ -6332,12 +6332,12 @@ function je(t) {
     });
   }, e.main = (a) => {
     let { container: n, xml: u } = a;
-    return new Promise((d, s) => {
+    return new Promise((d, o) => {
       if (!mxClient.isBrowserSupported())
         mxUtils.error("Browser is not supported!", 200, !1);
       else {
         let i = new mxEditor(), y = i.graph;
-        i.setGraphContainer(n), y.setEnabled(!1), y.setPanning(!1), y.setTooltips(!1), y.setHtmlLabels(!0), y.panningHandler.useLeftButtonForPanning = !0, y.isHtmlLabel = function(b) {
+        i.setGraphContainer(n), y.setEnabled(!1), y.setPanning(!1), y.setTooltips(!1), y.setHtmlLabels(!0), y.panningHandler.useLeftButtonForPanning = !0, y.isHtmlLabel = function(C) {
           return !0;
         }, y.gridSize = 10, e.graph = y, e.preview = !0;
         const f = y.getStylesheet().getDefaultVertexStyle();
@@ -6352,61 +6352,61 @@ function je(t) {
           fontColor: "#333333",
           // 确保标签可见
           fontSize: 12
-        }), y.convertValueToString = function(b) {
-          let { width: S, height: w } = b.geometry;
-          if (b.type == "vertex") {
-            let { url: E, pup: L } = pe(b), O = b.value.style, M = b.value.data.children, B = {};
+        }), y.convertValueToString = function(C) {
+          let { width: S, height: w } = C.geometry;
+          if (C.type == "vertex") {
+            let { url: E, pup: U } = fe(C), O = C.value.style, M = C.value.data.children, B = {};
             M && (B = M.find((V) => V.key === "text"));
             let F = document.createElement("div");
             return F.innerHTML = N({
               img: (O == null ? void 0 : O.imgUrl) || "",
               text: B.value || O.text
-            }), F.style = I(O), F.style.width = S + "px", F.style.height = w + "px", F.style.lineHeight = w + "px", E ? (F.style.cursor = "pointer", F.className = "main-text hyperlink-btn", b.hyperlink = E) : F.className = "main-text", L && (b.popup = L), F;
-          } else if (b.type == "kitUI:CanvasWidget") {
-            let { width: E, height: L } = b.geometry, O = document.createElement("div");
-            if (O.style.width = E + "px", O.style.height = L + "px", b.value) {
-              let M = b.value.style;
+            }), F.style = D(O), F.style.width = S + "px", F.style.height = w + "px", F.style.lineHeight = w + "px", E ? (F.style.cursor = "pointer", F.className = "main-text hyperlink-btn", C.hyperlink = E) : F.className = "main-text", U && (C.popup = U), F;
+          } else if (C.type == "kitUI:CanvasWidget") {
+            let { width: E, height: U } = C.geometry, O = document.createElement("div");
+            if (O.style.width = E + "px", O.style.height = U + "px", C.value) {
+              let M = C.value.style;
               M["background-image"] ? O.style.background = `${M["background-image"]} center center no-repeat` : O.style.background = "";
             }
             return O;
-          } else if (b.type == "img") {
+          } else if (C.type == "img") {
             let E = document.createElement("div");
             return E.innerHTML = N({
-              img: b.imgUrl || ""
+              img: C.imgUrl || ""
             }), E.style.width = S + "px", E.style.height = w + "px", E.className = "main-img", E;
           }
-          return b.value;
+          return C.value;
         }, y.setPanning(!1), y.view.animate = !1, y.gridEnabled = !1, Ne(y), d(y);
       }
     });
   };
-  function pe(a) {
+  function fe(a) {
     let n = a.value.data;
     if (n) {
-      let u = n.treeData || [], d = [], s = [];
+      let u = n.treeData || [], d = [], o = [];
       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" && s.push(y);
+        c && d.push(c), i.title == "PopupBinding" && o.push(y);
       }), {
         url: d && d.length > 0 ? d[0].value : "",
-        pup: s
+        pup: o
       };
     }
     return null;
   }
-  e.addMask = (a, n, u, d, s) => {
+  e.addMask = (a, n, u, d, o) => {
     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 = s + "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 = o + "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 s = n.getModel();
+      let o = n.getModel();
       const i = n.getDefaultParent();
-      s.beginUpdate();
+      o.beginUpdate();
       try {
         const y = n.insertVertex(
           i,
@@ -6437,7 +6437,7 @@ function je(t) {
           e.changePageSize(a), e.undoMng && e.clearUndo();
         }, 10), u();
       } finally {
-        s.endUpdate();
+        o.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: 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);
+    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);
   }, e.getTranslate = (a) => {
     let n = e.graph;
     const u = a.value ? a.value.style : null;
-    let { x: d, y: s } = ke(u, n.container);
-    return { x: d, y: s };
+    let { x: d, y: o } = ke(u, n.container);
+    return { x: d, y: o };
   }, e.getFloatingPosition = (a) => {
     let n = e.graph;
     if (!a) {
@@ -6465,12 +6465,12 @@ function je(t) {
       for (let c = 0; c < u.length; c++) {
         let f = u[c];
         if (e.isPreview) {
-          let b = document.getElementsByClassName(f.id);
-          for (let S = 0; S < b.length; S++) {
-            const w = b[S];
+          let C = document.getElementsByClassName(f.id);
+          for (let S = 0; S < C.length; S++) {
+            const w = C[S];
             if (w) {
-              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";
+              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";
             }
           }
         }
@@ -6490,10 +6490,10 @@ function je(t) {
       try {
         const d = e.parent;
         if (d) {
-          let s = n.getCellGeometry(d);
-          if (s) {
+          let o = n.getCellGeometry(d);
+          if (o) {
             let { x: i, y } = ke(a, n.container);
-            s.width = a.width, s.height = a.height, u.setGeometry(d, s);
+            o.width = a.width, o.height = a.height, u.setGeometry(d, o);
             let c = n.container.querySelector("canvas");
             if (a.background)
               if (a.background.indexOf("files/") > -1) {
@@ -6517,12 +6517,12 @@ function je(t) {
               }
             else
               c && (c.style.background = "transparent");
-            let f = i, b = y;
-            a.horizontalAlign === "end" && (f = i - 2), a.verticalAlign === "end" && (b = y - 2), e.addMask(n, f, b, a.width, a.height), n.getView().setTranslate(f, b);
+            let f = i, C = y;
+            a.horizontalAlign === "end" && (f = i - 2), a.verticalAlign === "end" && (C = y - 2), e.addMask(n, f, C, a.width, a.height), n.getView().setTranslate(f, C);
           }
           n.scrollCellToVisible(d, !1), e.parent = d, n.refresh(d);
         }
-        u.setBounds = function(s) {
+        u.setBounds = function(o) {
           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 s = u.getProperty("cell");
-      if (s)
-        return t.handelEvent({ key: "click", evt: u, val: s }), !1;
+      const o = u.getProperty("cell");
+      if (o)
+        return t.handelEvent({ key: "click", evt: u, val: o }), !1;
     });
   }
   function Ye(a) {
@@ -6551,28 +6551,28 @@ function je(t) {
     };
   }
   function qe(a, n, u) {
-    let d = a.getModel(), s = function(i, y) {
+    let d = a.getModel(), o = function(i, y) {
       n.undoableEditHappened(y.getProperty("edit"));
     };
-    d.addListener(mxEvent.UNDO, s), a.getView().addListener(mxEvent.UNDO, s);
+    d.addListener(mxEvent.UNDO, o), a.getView().addListener(mxEvent.UNDO, o);
   }
-  e.addCode = ({ code: a, pt: n, style: u, type: d, iconCls: s }) => {
+  e.addCode = ({ code: a, pt: n, style: u, type: d, iconCls: o }) => {
     let i = e.graph;
-    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 }) => {
+    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 }) => {
     let i = e.graph;
-    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: s }, t);
+    Be(a, i, { pt: n, style: u, me: e, type: d, iconCls: o }, t);
   };
   function Xe(a) {
     a.addListener(mxEvent.RESIZE_CELLS, function(n, u) {
-      const d = u.getProperty("cells"), s = u.getProperty("bounds"), i = u.getProperty("previous"), y = a.getSelectionCells();
+      const d = u.getProperty("cells"), o = u.getProperty("bounds"), i = u.getProperty("previous"), y = a.getSelectionCells();
       d.forEach((c) => {
         if (a.getChildCells(c), a.getCellGeometry(c)) {
-          const b = parseFloat(s[0].width / i[0].width), S = parseFloat(s[0].height / i[0].height);
+          const C = parseFloat(o[0].width / i[0].width), S = parseFloat(o[0].height / i[0].height);
           y.forEach((w) => {
             if (w.id != c.id) {
-              const L = a.getCellGeometry(w).clone();
-              L.width *= b, L.height *= S, a.getModel().setGeometry(w, L);
+              const U = a.getCellGeometry(w).clone();
+              U.width *= C, U.height *= S, a.getModel().setGeometry(w, U);
             }
           });
         }
@@ -6590,14 +6590,14 @@ function je(t) {
   }
   function Ze(a, n, u) {
     mxEvent.consume(a);
-    const d = n.getView().getScale(), s = u ? 1.1 : 1 / 1.1, i = d * s;
+    const d = n.getView().getScale(), o = u ? 1.1 : 1 / 1.1, i = d * o;
     if (i > 3 || i < 0.1) return;
-    const y = n.container, c = y.offsetWidth, f = y.offsetHeight, b = c / 2, S = f / 2;
+    const y = n.container, c = y.offsetWidth, f = y.offsetHeight, C = c / 2, S = f / 2;
     n.getModel().beginUpdate();
     try {
-      const w = n.getView(), E = w.getScale(), L = w.getTranslate(), O = b / E - L.x, M = S / E - L.y;
+      const w = n.getView(), E = w.getScale(), U = w.getTranslate(), O = C / E - U.x, M = S / E - U.y;
       n.getView().setScale(i);
-      const B = b / i - L.x, F = S / i - L.y, V = B - O, H = F - M;
+      const B = C / i - U.x, F = S / i - U.y, V = B - O, H = F - M;
       w.setTranslate(
         w.getTranslate().x + V,
         w.getTranslate().y + H
@@ -6607,7 +6607,7 @@ function je(t) {
     }
   }
   function Je(a, n) {
-    n.popupMenuHandler.autoExpand = !0, n.popupMenuHandler.factoryMethod = function(u, d, s) {
+    n.popupMenuHandler.autoExpand = !0, n.popupMenuHandler.factoryMethod = function(u, d, o) {
       if (e.preview)
         return;
       let i = mxClipboard.cells;
@@ -6615,11 +6615,11 @@ function je(t) {
         return;
       let y = [];
       d && d.type != "kitUI:CanvasWidget" ? (y = ["new"], i || y.push("paste"), n.getSelectionCells().length < 2 && y.push("order")) : (y = ["copy", "cut", "clone", "del", "order", "toUp", "toDown"], i || y.push("paste")), gt(a, y).forEach((f) => {
-        let b = null, S = null;
-        f.children && f.children.length > 0 ? (b = null, S = f.children) : b = function() {
+        let C = null, S = null;
+        f.children && f.children.length > 0 ? (C = null, S = f.children) : C = function() {
           if (f.code) {
-            let E = n.getPointForEvent(s);
-            t.contextmenus(s, {
+            let E = n.getPointForEvent(o);
+            t.contextmenus(o, {
               title: f.title,
               code: f.code || "",
               type: f.type,
@@ -6629,18 +6629,18 @@ function je(t) {
             });
           }
         };
-        let w = u.addItem(f.title, f.image, b, null, f.iconCls, f.disable, null, null, f.isBorder);
+        let w = u.addItem(f.title, f.image, C, null, f.iconCls, f.disable, null, null, f.isBorder);
         S && S.forEach((E) => {
           u.addItem(E.title, E.image, function() {
             if (E.code) {
-              let L = n.getPointForEvent(s);
-              t.contextmenus(s, {
+              let U = n.getPointForEvent(o);
+              t.contextmenus(o, {
                 title: E.title,
                 code: E.code || "",
                 type: E.type,
                 style: E.style,
                 iconCls: E.iconCls,
-                pt: L
+                pt: U
               });
             }
           }, w, E.iconCls, E.disable, null, null, E.isBorder);
@@ -6674,15 +6674,15 @@ const $e = {
       "/js/mxClient.js"
     ];
     return new Promise((l) => {
-      const o = document.getElementsByTagName("script");
+      const s = document.getElementsByTagName("script");
       let r = !1;
-      for (let v = 0; v < o.length; v++)
-        o[v].src.includes("mxClient.js") && (r = !0);
+      for (let b = 0; b < s.length; b++)
+        s[b].src.includes("mxClient.js") && (r = !0);
       if (r)
         return l();
-      let p = e.map((v) => {
+      let p = e.map((b) => {
         let x = document.createElement("script");
-        return x.type = "text/javascript", x.async = !1, x.src = v, document.head.appendChild(x), x;
+        return x.type = "text/javascript", x.async = !1, x.src = b, document.head.appendChild(x), x;
       }).pop();
       p.onload = l;
     });
@@ -6975,13 +6975,9 @@ 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.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) => {
+          t ? (l.keys = Math.random().toString(36).substring(2), l.graph.refresh(), l.scheduleUpdateOverlay()) : l.centeredWindow && l.centeredWindow.forEach((r) => {
             r && (r.setVisible(!1), r.destroy());
-          }));
+          });
         }));
       },
       immediate: !0,
@@ -6990,8 +6986,8 @@ const $e = {
   },
   methods: {
     getStyle(t) {
-      let e = this, o = t.cell.style || {};
-      return e.yhz.scheduleBorder(o);
+      let e = this, s = t.cell.style || {};
+      return e.yhz.scheduleBorder(s);
     },
     //隐藏并显示
     handleshowAndHide(t, e) {
@@ -7003,8 +6999,8 @@ const $e = {
       let t = this;
       this.updateRaf && cancelAnimationFrame(this.updateRaf), this.updateRaf = requestAnimationFrame(() => {
         t.$nextTick(() => {
-          var l = t.graph.getModel().cells, o = Object.values(l);
-          let r = o.filter((m) => m.crtype == "schedule");
+          var l = t.graph.getModel().cells, s = Object.values(l);
+          let r = s.filter((m) => m.crtype == "schedule");
           for (let m = 0; m < r.length; m++) {
             let p = r[m];
             t.graph.view.validateCell(p);
@@ -7016,8 +7012,8 @@ const $e = {
     async addTimeLine({ cellAry: t, scheduleCombination: e }) {
       let l = this;
       l.$nextTick(() => {
-        for (let o = 0; o < t.length; o++) {
-          let r = t[o], m = {
+        for (let s = 0; s < t.length; s++) {
+          let r = t[s], m = {
             id: r.id,
             cell: r,
             other: r.other,
@@ -7122,20 +7118,20 @@ const $e = {
       let t = this, e = t.$refs.geEditor;
       const l = new je(t);
       if (!t.graph) {
-        let o = await l.init({
+        let s = await l.init({
           container: e,
           menus: t.menus,
           pageShortcuts: t.pageShortcuts
         });
-        t.graph = o, t.delCell(o), t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: o, yhz: l }), setTimeout(() => {
+        t.graph = s, t.delCell(s), t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: s, yhz: l }), setTimeout(() => {
           l.isPreview(!t.isPreview);
         }, 0);
       }
     },
     delCell(t) {
       let e = this;
-      t.addListener(mxEvent.DELETE_CELLS, (l, o) => {
-        const r = o.properties.cells;
+      t.addListener(mxEvent.DELETE_CELLS, (l, s) => {
+        const r = s.properties.cells;
         let m = [];
         r && r.length > 0 && (r.forEach((p) => {
           m.push(p.id);
@@ -7159,34 +7155,33 @@ const $e = {
         l.centeredWindow && l.centeredWindow.forEach((m) => {
           m && (m.setVisible(!1), m.destroy());
         });
-        let o = [];
+        let s = [];
         t.forEach((r, m) => {
           var p = document.createElement("div");
           if (r.type === "img") {
             p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.style.display = "flex", p.style.justifyContent = "center", p.style.alignItems = "center";
-            var v = document.createElement("img");
-            v.src = r.path, p.appendChild(v);
+            var b = document.createElement("img");
+            b.src = r.path, p.appendChild(b);
           } else if (r.type === "time") {
-            let { el: I } = r.vnode;
-            p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.appendChild(I);
+            let { el: T } = r.vnode;
+            p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.appendChild(T);
           } else {
             p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.style.display = "flex", p.style.justifyContent = "center", p.style.alignItems = "center";
             var x = r.pathHtml;
             p.appendChild(x);
           }
-          let g = 0, h = 0;
+          let v = 0, h = 0;
           if (r.isCenter == "false")
-            g = r.left, h = r.top;
+            v = r.left, h = r.top;
           else {
             var k = document.getElementById("app"), N = k.clientWidth, A = k.clientHeight;
-            g = (N - r.width) / 2, h = (A - r.height) / 2;
+            v = (N - r.width) / 2, h = (A - r.height) / 2;
           }
-          var z = document.createElement("div");
-          let C = document.querySelectorAll(".mx-window-mask");
-          var U = new mxWindow(
+          v < 0 && (v = 0), h < 0 && (h = 0);
+          var z = document.createElement("div"), g = new mxWindow(
             r.title,
             p,
-            g,
+            v,
             h,
             r.width,
             r.height,
@@ -7194,31 +7189,29 @@ const $e = {
             !0,
             "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, C && C.length > 0 && C.forEach((G) => {
-              document.body.removeChild(G);
-            }), z.style.display = "none";
-          }), U.addListener(mxEvent.MOVE, function(I, R) {
-            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;
+          g.setClosable(!0), g.setMaximizable(!0), g.setScrollable(!0), g.setResizable(!0), g.setVisible(e), g.constrainWithinViewport = !0, g.addListener(mxEvent.CLOSE, function(T, D) {
+            l.isShowPup = !1, document.body.removeChild(z), z.style.display = "none";
+          }), g.addListener(mxEvent.MOVE, function(T, D) {
+            var R = g.getX(), K = g.getY(), $ = g.getElement().offsetWidth, P = g.getElement().offsetHeight, Z = document.documentElement.clientWidth, te = document.documentElement.clientHeight, ie = 0, oe = 0, ce = Z - $, ye = te - P;
+            R = Math.max(ie, Math.min(R, ce)), K = Math.max(oe, Math.min(K, ye)), g.setLocation(R, K);
+          }), g.div && (g.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(g);
+        }), l.centeredWindow = s, l.wndAry = s;
       }
     },
     getWindowInfo() {
       let t = this, e = t.wndAry;
-      e && e.length > 0 && e.forEach((l, o) => {
+      e && e.length > 0 && e.forEach((l, s) => {
         if (l) {
-          let r = t.pupAry[o];
+          let r = t.pupAry[s];
           r && t.openPupop([r], l.isVisible());
         }
       });
     },
     debounce(t, e = 200) {
       let l = null;
-      return function(...o) {
+      return function(...s) {
         clearTimeout(l), l = setTimeout(() => {
-          t.apply(this, o);
+          t.apply(this, s);
         }, e);
       };
     },
@@ -7250,8 +7243,8 @@ const $e = {
   key: 0,
   class: "transparentRect"
 }, Ll = ["id"];
-function Pl(t, e, l, o, r, m) {
-  return P(), D("div", {
+function Pl(t, e, l, s, r, m) {
+  return L(), I("div", {
     class: J(["main-gd", { "show-scroll": l.isPreview }]),
     ref: "mainGd"
   }, [
@@ -7260,14 +7253,14 @@ function Pl(t, e, l, o, r, m) {
       ref: "geEditor",
       id: l.currentIndex
     }, null, 10, Nl),
-    l.isShow ? (P(), D("div", Ul)) : _("", !0),
-    (P(!0), D(ve, null, be(r.timeLineMap, (p, v) => ut((P(), D("div", {
+    l.isShow ? (L(), I("div", Ul)) : _("", !0),
+    (L(!0), I(ge, null, ve(r.timeLineMap, (p, b) => ut((L(), I("div", {
       key: p.id + r.keys,
       id: p.id,
       style: j([{ position: "absolute" }, m.getStyle(p)]),
       class: J(p.id)
     }, [
-      (P(), me(Ve(m.dynamicComponent(p.compId)), {
+      (L(), me(Ve(m.dynamicComponent(p.compId)), {
         id: p.other.timeId + "",
         thisTab: p.other.thisTab
       }, null, 8, ["id", "thisTab"]))
@@ -7333,8 +7326,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, o = Object.values(l);
-          let r = o.filter((m) => m.crtype == "schedule");
+          var l = t.graph.getModel().cells, s = Object.values(l);
+          let r = s.filter((m) => m.crtype == "schedule");
           for (let m = 0; m < r.length; m++) {
             let p = r[m];
             t.graph.view.validateCell(p);
@@ -7346,7 +7339,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
     async addTimeLine({ cellAry: t, scheduleCombination: e }) {
       let l = this;
       l.$nextTick(() => {
-        let o = {};
+        let s = {};
         for (let r = 0; r < t.length; r++) {
           let m = t[r], p = {
             id: m.id,
@@ -7355,9 +7348,9 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
             compId: m.id,
             show: !0
           };
-          l.timeLineMap.push(p), o[m.id] = e;
+          l.timeLineMap.push(p), s[m.id] = e;
         }
-        l.compMap = Object.freeze(o), this.$forceUpdate();
+        l.compMap = Object.freeze(s), this.$forceUpdate();
       });
     },
     //删除键盘
@@ -7447,12 +7440,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 o = await l.init({
+        let s = await l.init({
           container: e,
           menus: t.menus,
           pageShortcuts: t.pageShortcuts
         });
-        t.graph = o, t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: o, yhz: l }), setTimeout(() => {
+        t.graph = s, t.yhz = l, t.$emit("handelEvent", { key: "init", mygraph: s, yhz: l }), setTimeout(() => {
           l.isPreview(!t.isPreview);
         }, 0);
       }
@@ -7472,7 +7465,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
         window.centeredWindow && window.centeredWindow.forEach((m) => {
           m && (m.setVisible(!1), m.destroy());
         });
-        let o = [];
+        let s = [];
         t.forEach((r) => {
           var m = document.createElement("div");
           if (r.type === "img") {
@@ -7484,34 +7477,34 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
             m.style.overflow = "auto", m.style.width = "100%", m.style.height = "100%", m.appendChild(z);
           } else {
             m.style.overflow = "auto", m.style.width = "100%", m.style.height = "100%";
-            var v = r.pathHtml;
-            m.appendChild(v);
+            var b = r.pathHtml;
+            m.appendChild(b);
           }
-          let x = 0, g = 0;
+          let x = 0, v = 0;
           if (r.isCenter == "false")
-            x = r.left, g = r.top;
+            x = r.left, v = r.top;
           else {
             var h = document.getElementById("app"), k = h.clientWidth, N = h.clientHeight;
-            x = (k - r.width) / 2, g = (N - r.height) / 2;
+            x = (k - r.width) / 2, v = (N - r.height) / 2;
           }
           var A = new mxWindow(
             r.title,
             m,
             x,
-            g,
+            v,
             r.width,
             r.height,
             !0,
             !0,
             "mxWindowTitle"
           );
-          A.setClosable(!0), A.setMaximizable(!1), A.setResizable(!0), A.setVisible(e), A.constrainWithinViewport = !0, A.addListener(mxEvent.CLOSE, function(z, C) {
+          A.setClosable(!0), A.setMaximizable(!1), A.setResizable(!0), A.setVisible(e), A.constrainWithinViewport = !0, A.addListener(mxEvent.CLOSE, function(z, g) {
             l.isShowPup = !1;
-          }), A.addListener(mxEvent.MOVE, function(z, C) {
-            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);
-          }), o.push(A);
-        }), window.centeredWindow = o, l.wndAry = o;
+          }), A.addListener(mxEvent.MOVE, function(z, g) {
+            var T = A.getX(), D = A.getY(), R = A.getElement().offsetWidth, K = A.getElement().offsetHeight, $ = document.documentElement.clientWidth, P = document.documentElement.clientHeight, Z = 0, te = 0, ie = $ - R, oe = P - K;
+            T = Math.max(Z, Math.min(T, ie)), D = Math.max(te, Math.min(D, oe)), A.setLocation(T, D);
+          }), s.push(A);
+        }), window.centeredWindow = s, l.wndAry = s;
       }
     }
     // 监听
@@ -7522,7 +7515,7 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
       t.init();
     }), t.resizeObserver = new ResizeObserver((e) => {
       e.forEach((l) => {
-        const { width: o, height: r } = l.contentRect;
+        const { width: s, height: r } = l.contentRect;
         t.onResize(), t.openPupop(t.pupAry);
       });
     }), t.resizeObserver.observe(t.$refs.geEditor);
@@ -7540,21 +7533,21 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
   key: 0,
   class: "transparentRect"
 }, Fl = ["id"];
-function Ol(t, e, l, o, r, m) {
-  return P(), D("div", Il, [
+function Ol(t, e, l, s, r, m) {
+  return L(), I("div", Il, [
     le("div", {
       class: "main-body",
       ref: "geEditor",
       id: l.currentIndex
     }, [
-      l.isShow ? (P(), D("div", Bl)) : _("", !0),
-      r.timeLineMap.length > 0 && l.isPreview ? (P(!0), D(ve, { key: 1 }, be(r.timeLineMap, (p, v) => (P(), D("div", {
+      l.isShow ? (L(), I("div", Bl)) : _("", !0),
+      r.timeLineMap.length > 0 && l.isPreview ? (L(!0), I(ge, { key: 1 }, ve(r.timeLineMap, (p, b) => (L(), I("div", {
         key: p.id,
         id: p.id,
         class: J(p.id),
         style: j([{ position: "absolute" }, { zIndex: 0 }])
       }, [
-        (P(), me(Ve(m.dynamicComponent(p.compId)), {
+        (L(), me(Ve(m.dynamicComponent(p.compId)), {
           id: p.other.timeId + "",
           thisTab: p.other.thisTab
         }, null, 8, ["id", "thisTab"]))