mx-framework-plus 1.1.6 → 1.1.7

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

@@ -1,4 +1,4 @@
-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 { 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 ct from "element-plus";
 import "element-plus/dist/index.css";
 import mt from "yhz-ui-v3";
@@ -3930,14 +3930,14 @@ const vt = (t, e, l = {}) => {
 }, _e = (t, e, l = {}, s) => {
   let r = {}, m = We[de[t]];
   if (m && m.length > 0) {
-    let p = null, b = m.find((A) => A.key == "treeData"), x = m.find((A) => A.key == "compType"), v = [], h = [];
+    let p = null, v = m.find((A) => A.key == "treeData"), x = m.find((A) => A.key == "compType"), g = [], 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 = b && !A.includes(de[t]) && de[t] !== "ActionButton", g = {
+      let A = ["RefreshButton", "BackButton", "SaveButton"], z = v && !A.includes(de[t]) && de[t] !== "ActionButton", C = {
         text: {
           animate: {
             isShow: !!z,
@@ -3967,14 +3967,14 @@ const vt = (t, e, l = {}) => {
           }
         }
       };
-      A.includes(de[t]) || (g.text.value = ""), m.forEach((T) => {
-        let D = g[T.key];
-        D && (T = Object.assign(T, D)), h.push({ ...T });
+      A.includes(de[t]) || (C.text.value = ""), m.forEach((U) => {
+        let I = C[U.key];
+        I && (U = Object.assign(U, I)), h.push({ ...U });
       });
     }
-    if (b) {
-      let A = b.value || "ValueBinding";
-      v = [vt(A, e + 1, {
+    if (v) {
+      let A = v.value || "ValueBinding";
+      g = [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: v
+      treeData: g
     };
     let k = {};
     return r.children.forEach((A) => {
@@ -4008,7 +4008,7 @@ function bt(t, e, l) {
     let m = t.getDefaultParent(), p = t.getModel();
     p.beginUpdate();
     try {
-      var b = t.insertEdge(
+      var v = t.insertEdge(
         m,
         null,
         "",
@@ -4019,20 +4019,20 @@ 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 v = new mxGeometry();
-      v.setTerminalPoint(
+      var g = new mxGeometry();
+      g.setTerminalPoint(
         new mxPoint(
           h.x + k,
           h.y + N
         ),
         !0
-      ), v.setTerminalPoint(
+      ), g.setTerminalPoint(
         new mxPoint(
           A.x + k,
           A.y + N
         ),
         !1
-      ), b.setGeometry(v), b.value = e.value, b.type = e.type, b.model = "yes", b.type = "edge", b.iconName = e.iconName, s(b);
+      ), v.setGeometry(g), v.value = e.value, v.type = e.type, v.model = "yes", v.type = "edge", v.iconName = e.iconName, s(v);
     } finally {
       p.endUpdate();
     }
@@ -4041,22 +4041,22 @@ function bt(t, e, l) {
 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, b = l.x, x = l.y, v = b - m, h = x - p;
+    var r = t.getCellGeometry(N), m = r.x, p = r.y, v = l.x, x = l.y, g = v - 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 g = 0; g < A.length; g++) {
-          const T = A[g];
-          T != null && z.push(T);
+        for (let C = 0; C < A.length; C++) {
+          const U = A[C];
+          U != null && z.push(U);
         }
-        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);
+        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);
           }
         }
       }
@@ -4082,18 +4082,18 @@ function wt(t, e) {
         null,
         e.style
         // 继承样式
-      ), b = 10, x = 10, v = t.getCellGeometry(e);
-      let k = v.getTerminalPoint(!0), N = v.getTerminalPoint(!1);
+      ), v = 10, x = 10, g = t.getCellGeometry(e);
+      let k = g.getTerminalPoint(!0), N = g.getTerminalPoint(!1);
       var h = new mxGeometry();
       h.setTerminalPoint(
         new mxPoint(
-          k.x + b,
+          k.x + v,
           k.y + x
         ),
         !0
       ), h.setTerminalPoint(
         new mxPoint(
-          N.x + b,
+          N.x + v,
           N.y + x
         ),
         !1
@@ -4114,8 +4114,8 @@ async function kt(t, e, l) {
     if (r.length > 0)
       for (let m = 0; m < r.length; m++) {
         const p = r[m];
-        let b = await wt(t, p);
-        s.push(b);
+        let v = await wt(t, p);
+        s.push(v);
       }
     return t.addSelectionCells(s), s;
   }
@@ -4137,35 +4137,35 @@ function St(t) {
     var m = new Array();
     m = l.getSelectionCells();
     for (let p = 0; p < m.length; p++) {
-      const b = m[p];
-      s.add(r, b, 1);
+      const v = m[p];
+      s.add(r, v, 1);
     }
   }), t.addAction("upOne", function(e) {
     let l = t.graph, s = l.getModel(), r = l.getDefaultParent();
     var m = l.getSelectionCells();
-    let b = [...r.children];
+    let v = [...r.children];
     if (m && m.length > 0)
       for (let x = 0; x < m.length; x++) {
-        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);
+        const g = m[x];
+        let k = v.findIndex((N) => N.id == g.id) + x + 1;
+        v[k] && (k = k + 1), s.add(r, g, k);
       }
   }), t.addAction("downOne", function(e) {
     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 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;
+      for (let v = 0; v < m.length; v++) {
+        const x = m[v], g = p.findIndex((k) => k.id == x.id), h = g - 1 < 1 ? 1 : g - 1;
         s.add(r, x, h);
       }
   });
 }
 async function Be(t, e, l, s) {
-  let { pt: r, style: m, me: p, type: b, iconCls: x } = l, v = p.editor;
+  let { pt: r, style: m, me: p, type: v, iconCls: x } = l, g = p.editor;
   switch (t) {
     case "add":
-      let { style: k, compType: N, data: A } = _e(b, 0, null);
+      let { style: k, compType: N, data: A } = _e(v, 0, null);
       if (!A)
         return;
       N ? await p.createCustomComponent({
@@ -4173,12 +4173,12 @@ async function Be(t, e, l, s) {
           style: myedit.getBaseAttr(A, props.thisTab),
           data: A,
           pt: r,
-          type: b,
+          type: v,
           tmpType: N,
-          realType: b,
+          realType: v,
           iconName: x.replace("iconfont ", "")
         }
-      }) : b == "kitUI:PictureWidget" ? p.createAllVertex(
+      }) : v == "kitUI:PictureWidget" ? p.createAllVertex(
         "img",
         [{
           iconName: x.replace("iconfont ", ""),
@@ -4187,7 +4187,7 @@ async function Be(t, e, l, s) {
           w: k.layout.width,
           h: k.layout.height,
           pt: r,
-          realType: b
+          realType: v
         }]
       ) : p.addVertex({
         options: {
@@ -4197,7 +4197,7 @@ async function Be(t, e, l, s) {
           w: k.layout.width,
           h: k.layout.height,
           pt: r,
-          realType: b
+          realType: v
         }
       });
       break;
@@ -4218,41 +4218,41 @@ async function Be(t, e, l, s) {
       h = e.getSelectionCells(), mxClipboard.copy(e, h), s.handelEvent({ key: "copy", val: h });
       break;
     case "paste":
-      const g = mxClipboard.cells;
-      Ct(e, g, r, s);
+      const C = mxClipboard.cells;
+      Ct(e, C, r, s);
       break;
     case "cut":
       mxClipboard.cut(e, h);
       break;
     case "alignLeft":
-      v.execute("alignCellsLeft");
+      g.execute("alignCellsLeft");
       break;
     case "alignRight":
-      v.execute("alignCellsRight");
+      g.execute("alignCellsRight");
       break;
     case "alignCenterHorizontal":
-      v.execute("alignCellsCenter");
+      g.execute("alignCellsCenter");
       break;
     case "alignCenterVertical":
-      v.execute("alignCellsMiddle");
+      g.execute("alignCellsMiddle");
       break;
     case "toUp":
-      v.execute("toFront"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("toFront"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "toDown":
-      v.execute("toDown"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("toDown"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "upOne":
-      v.execute("upOne"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("upOne"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "downOne":
-      v.execute("downOne"), s.handelEvent({ key: "toLayer", val: h });
+      g.execute("downOne"), s.handelEvent({ key: "toLayer", val: h });
       break;
     case "alignCellsTop":
-      v.execute("alignCellsTop");
+      g.execute("alignCellsTop");
       break;
     case "alignCellsBottom":
-      v.execute("alignCellsBottom");
+      g.execute("alignCellsBottom");
       break;
   }
 }
@@ -4275,18 +4275,18 @@ function Et(t, e, l) {
     undo: function() {
       s.beginUpdate();
       try {
-        let b = Fe(this.cell, this.oldStyle), x = t.container.querySelector("canvas");
+        let v = Fe(this.cell, this.oldStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
-          if (b && b.viewSize) {
-            let h = b.viewSize.split(",");
+          if (v && v.viewSize) {
+            let h = v.viewSize.split(",");
             if (h && h.length > 0) {
               let k = this.cell.geometry;
               k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
             }
           }
-          b["background-image"] ? x.style.background = `${b["background-image"]}center center no-repeat` : x.style.background = "transparent";
+          v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
         }
-        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));
+        v && Object.keys(v).length > 0 && (this.cell.value.style = v, this.cell.value.data = Oe(v, this.cell.value.data), s.setStyle(this.cell, this.oldStyle), t.refresh(this.cell));
       } finally {
         s.endUpdate();
       }
@@ -4295,18 +4295,18 @@ function Et(t, e, l) {
     redo: function() {
       s.beginUpdate();
       try {
-        let b = Fe(this.cell, this.newStyle), x = t.container.querySelector("canvas");
+        let v = Fe(this.cell, this.newStyle), x = t.container.querySelector("canvas");
         if (x && this.cell.type == "kitUI:CanvasWidget") {
-          if (b && b.viewSize) {
-            let h = b.viewSize.split(",");
+          if (v && v.viewSize) {
+            let h = v.viewSize.split(",");
             if (h && h.length > 0) {
               let k = this.cell.geometry;
               k != null && (k = k.clone(), k.width = h[0], k.height = h[1], s.setGeometry(this.cell, k));
             }
           }
-          b["background-image"] ? x.style.background = `${b["background-image"]}center center no-repeat` : x.style.background = "transparent";
+          v["background-image"] ? x.style.background = `${v["background-image"]}center center no-repeat` : x.style.background = "transparent";
         }
-        this.cell.value.style = b, this.cell.value.data = Oe(b, this.cell.value.data), t.refresh(this.cell);
+        this.cell.value.style = v, this.cell.value.data = Oe(v, this.cell.value.data), t.refresh(this.cell);
       } finally {
         s.endUpdate();
       }
@@ -4327,9 +4327,9 @@ function Fe(t, e) {
   const l = e.trim().split(";"), s = {};
   l.forEach((x) => {
     if (!x.trim()) return;
-    const v = x.indexOf("=");
-    if (v === -1) return;
-    const h = x.substring(0, v).trim(), k = x.substring(v + 1).trim(), N = zt(h);
+    const g = x.indexOf("=");
+    if (g === -1) return;
+    const h = x.substring(0, g).trim(), k = x.substring(g + 1).trim(), N = zt(h);
     let A = k;
     N === "gap" && (A = k.replace("px", "")), s[N] = A;
   });
@@ -4344,79 +4344,79 @@ function Oe(t, e) {
 function Me(t) {
   let e = this;
   e.ts = t;
-  function l(v, h) {
+  function l(g, h) {
     if (document.activeElement !== h.srcElement)
       return;
     let k = 10;
     h.ctrlKey && (k = 1);
-    const N = v.getSelectionCells();
-    let A = v.getModel();
+    const N = g.getSelectionCells();
+    let A = g.getModel();
     A.beginUpdate();
     try {
-      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);
+      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);
     } finally {
       A.endUpdate();
     }
   }
-  function s(v) {
-    let h = v.indexOfNextAdd;
-    return !!(v.history && v.history.length == 1 && h == 1);
+  function s(g) {
+    let h = g.indexOfNextAdd;
+    return !!(g.history && g.history.length == 1 && h == 1);
   }
   e.graph = null;
   let r = !1, m = !1;
-  const p = function(v, h, k) {
+  const p = function(g, h, k) {
     let N = e.graph;
     if (!N) return;
-    const A = v.ctrlKey || v.metaKey;
+    const A = g.ctrlKey || g.metaKey;
     let z = !1;
     if (!e.ts.pageShortcuts) {
       if (A) {
-        if (v.key === "z" || v.key === "Z")
+        if (g.key === "z" || g.key === "Z")
           s(h), h.canUndo() && (h.undo(), e.ts.handelEvent({ key: "unre" }), k && k("undo"));
-        else if (v.key === "y" || v.key === "Y")
+        else if (g.key === "y" || g.key === "Y")
           s(h), h.canRedo() && (h.redo(), e.ts.handelEvent({ key: "unre" }), k && k("redo"));
-        else if (v.key === "a" || v.key === "A")
+        else if (g.key === "a" || g.key === "A")
           N.selectCells(!0, !1), e.ts.handelEvent({ key: "selectAll" });
-        else if (v.key === "c" || v.key === "C") {
+        else if (g.key === "c" || g.key === "C") {
           if (r) return;
-          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") {
+          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") {
           if (m) return;
-          let T = mxClipboard.cells.filter((D) => D.type === "edge");
-          mxClipboard.paste(N), T.length > 0 && b(N, mxClipboard.cells), r = !1, m = !0, setTimeout(() => {
+          let U = mxClipboard.cells.filter((I) => I.type === "edge");
+          mxClipboard.paste(N), U.length > 0 && v(N, mxClipboard.cells), r = !1, m = !0, setTimeout(() => {
             m = !1;
-          }, 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);
+          }, 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);
           } else
-            N.ungroupCells(g);
+            N.ungroupCells(C);
         }
       }
-      v.key === "Delete" && (N.isEnabled() && N.removeCells(), e.ts.handelEvent({ key: "delete" })), l(N, v), v.preventDefault(), v.stopPropagation();
+      g.key === "Delete" && (N.isEnabled() && N.removeCells(), e.ts.handelEvent({ key: "delete" })), l(N, g), g.preventDefault(), g.stopPropagation();
     }
-    z && (v.preventDefault(), v.stopPropagation(), mxEvent.consume(v));
+    z && (g.preventDefault(), g.stopPropagation(), mxEvent.consume(g));
   };
-  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;
+  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;
   };
-  async function b(v, h) {
-    v.getDefaultParent();
+  async function v(g, h) {
+    g.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 g = await x(v, z);
-          k.push(g);
+          let C = await x(g, z);
+          k.push(C);
         }
-      v.addSelectionCells(k);
+      g.addSelectionCells(k);
     }
   }
-  function x(v, h) {
+  function x(g, h) {
     return new Promise((k, N) => {
-      let A = v.getDefaultParent(), z = v.getModel();
+      let A = g.getDefaultParent(), z = g.getModel();
       z.beginUpdate();
       try {
-        var g = v.insertEdge(
+        var C = g.insertEdge(
           A,
           null,
           "",
@@ -4446,22 +4446,22 @@ function Me(t) {
           null,
           h.style
           // 继承样式
-        ), T = 10, D = 10, R = v.getCellGeometry(h);
-        let $ = R.getTerminalPoint(!0), P = R.getTerminalPoint(!1);
-        var K = new mxGeometry();
-        K.setTerminalPoint(
+        ), U = 10, I = 10, R = g.getCellGeometry(h);
+        let G = R.getTerminalPoint(!0), T = R.getTerminalPoint(!1);
+        var $ = new mxGeometry();
+        $.setTerminalPoint(
           new mxPoint(
-            $.x + T,
-            $.y + D
+            G.x + U,
+            G.y + I
           ),
           !0
-        ), K.setTerminalPoint(
+        ), $.setTerminalPoint(
           new mxPoint(
-            P.x + T,
-            P.y + D
+            T.x + U,
+            T.y + I
           ),
           !1
-        ), g.setGeometry(K), g.value = h.value, g.type = h.type, g.model = "yes", g.type = "edge", g.iconName = h.iconName, k(g);
+        ), C.setGeometry($), C.value = h.value, C.type = h.type, C.model = "yes", C.type = "edge", C.iconName = h.iconName, k(C);
       } finally {
         z.endUpdate();
       }
@@ -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, 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)
+  let e = this, l = 10, s = "#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)
         return;
-      D.style.position = "absolute";
-      var R = k.getCellBounds(g);
+      I.style.position = "absolute";
+      var R = k.getCellBounds(C);
       if (R) {
-        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 = "";
+        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 G = C.value.style || {};
+        G.background && G.background.indexOf("files/") > -1 && G["background-image"] ? I.style.background = `${G["background-image"]} center center no-repeat` : I.style.background = "";
       }
-      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 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());
+      let $ = k.container.querySelector("#gridCanvas_" + C.id);
+      $ && $.remove(), k.container.prepend(I), I.width = I.offsetWidth, I.height = I.offsetHeight, U ? s = "transparent" : s = "#dddddd", A(I), I.addEventListener("wheel", function(G) {
+        G.preventDefault();
+        const T = I.getBoundingClientRect(), Z = G.clientX - T.left, te = G.clientY - T.top, ie = 0.1, oe = G.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());
       }), k && N();
     }
   };
   function N() {
     if (!k) return;
-    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;
+    k.snapPoint = function(C, U, I) {
+      if (!I && this.snapToGrid && l > 0) {
+        const R = l / h, $ = C.x - x, G = C.y - g;
+        C.x = Math.round($ / R) * R + x, C.y = Math.round(G / R) * R + g;
       }
-      return g;
+      return C;
     };
     const z = k.mouseUp;
-    k.mouseUp = function(g, T) {
-      z.apply(this, arguments), this.selectedCells.length > 0 && this.snapToGrid && T.snapCellsToGrid(this.selectedCells);
+    k.mouseUp = function(C, U) {
+      z.apply(this, arguments), this.selectedCells.length > 0 && this.snapToGrid && U.snapCellsToGrid(this.selectedCells);
     };
   }
   e.snapCellsToGrid = function(z) {
     if (!(!z || z.length === 0)) {
       this.getModel().beginUpdate();
       try {
-        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);
+        for (let C = 0; C < z.length; C++) {
+          const U = z[C], I = this.getCellGeometry(U);
+          if (I) {
+            const R = I.clone(), $ = this.snapPoint({ x: R.x, y: R.y });
+            R.x = $.x, R.y = $.y, this.getModel().setGeometry(U, R);
           }
         }
       } finally {
@@ -4595,56 +4595,56 @@ function Tt(t) {
   };
   function A(z) {
     h = k.view.scale;
-    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;
+    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 = s, C.lineWidth = m, C.globalAlpha = v;
+    const I = Math.floor(-x * h / U) * U, R = Math.floor(-g * h / U) * U, $ = z.width + U, G = z.height + U;
     switch (p) {
       case "dotted":
-        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();
+        C.fillStyle = s;
+        for (let T = I; T < $; T += U)
+          for (let Z = R; Z < G; Z += U)
+            C.beginPath(), C.arc(T + 0.5, Z + 0.5, m, 0, Math.PI * 2), C.fill();
         break;
       case "dashed":
-        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([]);
+        C.setLineDash([5, 3]), C.beginPath();
+        for (let T = I; T < $; T += U)
+          C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
+        for (let T = R; T < G; T += U)
+          C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
+        C.stroke(), C.setLineDash([]);
         break;
       case "square":
-        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.beginPath();
+        for (let T = I; T < $; T += U)
+          C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
+        for (let T = R; T < G; T += U)
+          C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
+        C.stroke();
         break;
       default:
-        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.beginPath();
+        for (let T = I; T < $; T += U)
+          C.moveTo(T + 0.5, 0), C.lineTo(T + 0.5, z.height);
+        for (let T = R; T < G; T += U)
+          C.moveTo(0, T + 0.5), C.lineTo(z.width, T + 0.5);
+        C.stroke();
     }
-    g.globalAlpha = 1;
+    C.globalAlpha = 1;
   }
   e.getGridConfig = function() {
     return {
       gridSize: l,
       scale: h,
       offsetX: x,
-      offsetY: v
+      offsetY: g
     };
   }, e.setGridSize = function(z) {
     l = z;
-    const g = document.getElementById("canvas");
-    g && A(g);
+    const C = document.getElementById("canvas");
+    C && A(C);
   };
 }
 const It = ["src"], Dt = {
@@ -4666,57 +4666,57 @@ const It = ["src"], Dt = {
   },
   setup(t) {
     const e = t;
-    return (l, s) => t.style.btntype == "none" ? (L(), I("div", {
+    return (l, s) => t.style.btntype == "none" ? (P(), D("div", {
       key: 0,
       class: "btn-index-none",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
+      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (L(), I("img", {
+      e.style.imgUrl ? (P(), D("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, It)) : _("", !0),
-      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", {
+      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", {
       key: 1,
       class: "btn-index",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
+      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (L(), I("img", {
+      e.style.imgUrl ? (P(), D("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, Ft)) : _("", !0),
-      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", {
+      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", {
       key: 2,
       class: "btn-bg-jd",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
+      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (L(), I("img", {
+      e.style.imgUrl ? (P(), D("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, Vt)) : _("", !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)
+      e.style.text ? (P(), D("span", Rt, ee(e.style.text), 1)) : _("", !0),
+      !e.style.imgUrl && !e.style.text ? (P(), D("span", Wt)) : _("", !0)
     ], 4));
   }
 }, ae = (t, e) => {
@@ -4803,25 +4803,25 @@ const It = ["src"], Dt = {
   }
 }, jt = { class: "ruler-container" };
 function Ht(t, e, l, s, r, m) {
-  return L(), I("div", jt, [
-    l.style.scalevisible || l.style.scalevisible == 1 ? (L(), I("div", {
+  return P(), D("div", jt, [
+    l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
       key: 0,
       class: "vertical-ruler",
       style: j(m.getScalesFontStyle)
     }, [
-      (L(!0), I(ge, null, ve(m.scaleValues, (p, b) => (L(), I("div", {
-        key: b,
+      (P(!0), D(ve, null, be(m.scaleValues, (p, v) => (P(), D("div", {
+        key: v,
         class: "scale-mark",
-        style: j({ top: `${b * m.scaleInterval}px` })
+        style: j({ top: `${v * m.scaleInterval}px` })
       }, [
-        b != 0 ? (L(), I("span", {
+        v != 0 ? (P(), D("span", {
           key: 0,
           class: "mark-value",
           style: j({ color: l.style.color })
         }, ee(p), 5)) : _("", !0),
-        b != 0 ? (L(), I("div", {
+        v != 0 ? (P(), D("div", {
           key: 1,
-          class: J(["mark-line", { "long-mark": b % 5 === 0 }]),
+          class: J(["mark-line", { "long-mark": v % 5 === 0 }]),
           style: j({ background: l.style.color })
         }, null, 6)) : _("", !0)
       ], 4))), 128))
@@ -4830,7 +4830,7 @@ function Ht(t, e, l, s, r, m) {
       class: "chart-bottom",
       style: j({ height: `${m.ywvalue}px`, background: l.style.fillColor })
     }, [
-      l.style.valuevisible || l.style.valuevisible == 1 ? (L(), I("span", {
+      l.style.valuevisible || l.style.valuevisible == 1 ? (P(), D("span", {
         key: 0,
         class: "value-text",
         style: j(m.getFontStyle)
@@ -4914,25 +4914,25 @@ const $t = /* @__PURE__ */ ae(_t, [["render", Ht], ["__scopeId", "data-v-b14d49d
   }
 }, Kt = { class: "ruler-h-container" };
 function Yt(t, e, l, s, r, m) {
-  return L(), I("div", Kt, [
-    l.style.scalevisible || l.style.scalevisible == 1 ? (L(), I("div", {
+  return P(), D("div", Kt, [
+    l.style.scalevisible || l.style.scalevisible == 1 ? (P(), D("div", {
       key: 0,
       class: "h-ruler",
       style: j(m.getScalesFontStyle)
     }, [
-      (L(!0), I(ge, null, ve(m.scaleValues, (p, b) => (L(), I("div", {
-        key: b,
+      (P(!0), D(ve, null, be(m.scaleValues, (p, v) => (P(), D("div", {
+        key: v,
         class: "scale-h-mark",
-        style: j({ left: `${b * m.scaleInterval}px` })
+        style: j({ left: `${v * m.scaleInterval}px` })
       }, [
-        b != 0 ? (L(), I("span", {
+        v != 0 ? (P(), D("span", {
           key: 0,
           class: "mark-h-value",
           style: j({ color: l.style.color })
         }, ee(p), 5)) : _("", !0),
-        b != 0 ? (L(), I("div", {
+        v != 0 ? (P(), D("div", {
           key: 1,
-          class: J(["mark-h-line", { "long-h-mark": b % 5 === 0 }]),
+          class: J(["mark-h-line", { "long-h-mark": v % 5 === 0 }]),
           style: j({ background: l.style.color })
         }, null, 6)) : _("", !0)
       ], 4))), 128))
@@ -4941,7 +4941,7 @@ function Yt(t, e, l, s, r, m) {
       class: "chart-h-bottom",
       style: j({ width: `${m.ywvalue}px`, background: l.style.fillColor })
     }, [
-      l.style.valuevisible || l.style.valuevisible == 1 ? (L(), I("span", {
+      l.style.valuevisible || l.style.valuevisible == 1 ? (P(), D("span", {
         key: 0,
         class: "value-h-text",
         style: j(m.getFontStyle)
@@ -4970,15 +4970,15 @@ const qt = /* @__PURE__ */ ae(Gt, [["render", Yt], ["__scopeId", "data-v-7f6aaa3
   }
 };
 function Qt(t, e, l, s, r, m) {
-  const p = Ie("index-v"), b = Ie("index-h");
-  return L(), I("div", {
+  const p = Ie("index-v"), v = Ie("index-h");
+  return P(), D("div", {
     class: "chart-container",
     style: j(m.getStyle)
   }, [
-    l.style.orientation == "vertical" ? (L(), me(p, {
+    l.style.orientation == "vertical" ? (P(), me(p, {
       key: 0,
       style: j(l.style)
-    }, null, 8, ["style"])) : (L(), me(b, {
+    }, null, 8, ["style"])) : (P(), me(v, {
       key: 1,
       style: j(l.style)
     }, null, 8, ["style"]))
@@ -5041,7 +5041,7 @@ const Zt = /* @__PURE__ */ ae(Xt, [["render", Qt], ["__scopeId", "data-v-5f295dc
   style: { "z-index": "0" }
 }, al = { key: 3 };
 function nl(t, e, l, s, r, m) {
-  return L(), I("label", {
+  return P(), D("label", {
     class: J(["switch-jd", m.switchClasses])
   }, [
     le("input", {
@@ -5055,18 +5055,18 @@ function nl(t, e, l, s, r, m) {
       class: "switch-jd-slider",
       style: j(l.style)
     }, [
-      l.style.isIcon && !l.style.imgUrl ? (L(), I("i", {
+      l.style.isIcon && !l.style.imgUrl ? (P(), D("i", {
         key: 0,
         class: J(["iconfont", l.style.iconName])
       }, null, 2)) : _("", !0),
-      l.style.imgUrl ? (L(), I("img", {
+      l.style.imgUrl ? (P(), D("img", {
         key: 1,
         src: l.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, tl)) : _("", !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)
+      l.style.text ? (P(), D("span", ll, ee(l.style.text), 1)) : _("", !0),
+      !l.style.imgUrl && !l.style.text ? (P(), D("span", al)) : _("", !0)
     ], 4)
   ], 2);
 }
@@ -5144,7 +5144,7 @@ const il = /* @__PURE__ */ ae(Jt, [["render", nl], ["__scopeId", "data-v-3233cda
   }
 }, ol = ["checked", "disabled"];
 function sl(t, e, l, s, r, m) {
-  return L(), I("label", {
+  return P(), D("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 (s, r) => t.style.btntype == "none" ? (L(), I("div", {
+    return (s, r) => t.style.btntype == "none" ? (P(), D("div", {
       key: 0,
       class: "switch-none",
       style: j(t.style)
     }, [
-      e.style.isIcon && !e.style.imgUrl ? (L(), I("i", {
+      e.style.isIcon && !e.style.imgUrl ? (P(), D("i", {
         key: 0,
         class: J(["iconfont", e.style.iconName])
       }, null, 2)) : _("", !0),
-      e.style.imgUrl ? (L(), I("img", {
+      e.style.imgUrl ? (P(), D("img", {
         key: 1,
         src: e.style.imgUrl,
         style: { "z-index": "0" },
         alt: " "
       }, null, 8, dl)) : _("", !0),
-      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, {
+      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, {
       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"])) : (L(), me(il, {
+    }, null, 8, ["modelValue", "style", "disabled"])) : (P(), me(il, {
       key: 2,
       modelValue: l.value,
       "onUpdate:modelValue": r[1] || (r[1] = (m) => l.value = m),
@@ -5228,7 +5228,7 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
         backgroundColor: e.style.background || "#D1E7FF"
       };
     });
-    return (s, r) => (L(), I("div", {
+    return (s, r) => (P(), D("div", {
       class: "gr-circle",
       style: j(l.value)
     }, [
@@ -5258,7 +5258,7 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
         backgroundColor: e.style.background || "#D1E7FF"
       };
     });
-    return (s, r) => (L(), I("div", {
+    return (s, r) => (P(), D("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 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}`;
+      let s = e.style.layout || {}, { x: r, y: m, width: p, height: v } = s, x = e.style.borderValue / 2, g = `${r + p / 2},${m + x}`, h = `${r + x},${m + v - x}`, k = `${r + p - x},${m + v - x}`;
       return `
-       <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}"/>
+       <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}"/>
         <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,7 +5294,7 @@ const ul = /* @__PURE__ */ ae(rl, [["render", sl], ["__scopeId", "data-v-41ace2e
       </svg>
     `;
     });
-    return (s, r) => (L(), I("div", {
+    return (s, r) => (P(), D("div", {
       class: "gr-triangle",
       innerHTML: l.value
     }, null, 8, vl));
@@ -5336,17 +5336,17 @@ function kl(t, e) {
   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, b = null;
+      let m = r.animate.data, p = r.animate.mpType, v = null;
       if (p === "NumericToSimple") {
-        let x = m.find((v) => xl(r, v.min, v.max));
-        x ? b = x : r.key === "image" ? b = {
+        let x = m.find((g) => xl(r, g.min, g.max));
+        x ? v = x : r.key === "image" ? v = {
           value: r.animate.default,
           valueUrl: r.animate.defaultVal
-        } : b = {
+        } : v = {
           value: r.animate.default
         };
-      } 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 p === "BooleanToSimple" && (v = m.find((x) => x.key === r.value));
+      v && (t[r.key] = v.value, r.key === "image" && (t.imgUrl = `${v.valueUrl}`));
     } else
       t[r.key] = r.value;
   }), 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, 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;
+    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;
       this.addPoints(
         r,
         [
           new mxPoint(0, k),
-          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(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(0, N)
         ],
         this.isRounded,
@@ -5386,19 +5386,19 @@ function El(t) {
     function s() {
       mxActor.call(this);
     }
-    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;
+    mxUtils.extend(s, mxActor), s.prototype.redrawPath = function(r, m, p, v, x) {
+      var g = x * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowWidth", l.prototype.arrowWidth)))), h = v * Math.max(0, Math.min(1, parseFloat(mxUtils.getValue(this.style, "arrowSize", l.prototype.arrowSize)))), k = (x - g) / 2, N = k + g, A = mxUtils.getValue(this.style, mxConstants.STYLE_ARCSIZE, mxConstants.LINE_ARCSIZE) / 2;
       this.addPoints(
         r,
         [
           new mxPoint(0, x / 2),
           new mxPoint(h, 0),
           new mxPoint(h, k),
-          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(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(h, N),
           new mxPoint(h, x)
         ],
@@ -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 U = Math.max(0, Math.min(3e3, w)), O = Math.max(0, Math.min(3e3, E));
-        S.call(this, U, O);
+        const L = Math.max(0, Math.min(3e3, w)), O = Math.max(0, Math.min(3e3, E));
+        S.call(this, L, O);
       }, i.addListener(mxEvent.PAN, function() {
         const w = i.getView().getTranslate();
-        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) {
+        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) {
         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, U, O, M, B, F, V, H, W, q) {
-        var G = this.state.scale;
+      }, 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;
         mxSvgCanvas2D.createCss(
-          U + 2,
+          L + 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(),
-          G,
+          K,
           mxUtils.bind(this, function(ne, re, Y, se, X) {
             w += this.state.dx, E += this.state.dy;
-            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);
+            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 = s(ge), at = s(tt);
+            if (ge < 0)
+              he.setAttribute("y", ge);
             else {
-              pe.removeAttribute("y");
-              let Te = he;
-              at || lt || (Te = he - 0.5), Y += "padding-top: " + Te + "px; ";
+              he.removeAttribute("y");
+              let Te = ge;
+              at || lt || (Te = ge - 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;
@@ -5591,14 +5591,14 @@ function je(t) {
         if (f(this.labelShape))
           return mxEvent.LABEL_HANDLE;
         if (this.sizers != null) {
-          for (var C = 0; C < this.sizers.length; C++)
-            if (f(this.sizers[C]))
-              return C;
+          for (var b = 0; b < this.sizers.length; b++)
+            if (f(this.sizers[b]))
+              return b;
         }
         if (this.customHandles != null && this.isCustomHandleEvent(n)) {
-          for (var C = this.customHandles.length - 1; C >= 0; C--)
-            if (f(this.customHandles[C].shape))
-              return mxEvent.CUSTOM_HANDLE - C;
+          for (var b = this.customHandles.length - 1; b >= 0; b--)
+            if (f(this.customHandles[b].shape))
+              return mxEvent.CUSTOM_HANDLE - b;
         }
       }
       return null;
@@ -5640,70 +5640,70 @@ function je(t) {
     a.convertValueToString = function(n) {
       let { width: u, height: d, x: o, y: i } = n.geometry;
       if (n.type == "vertex")
-        return b(n);
+        return v(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 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;
+        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;
       } else if (n.type == "img") {
-        let c = document.createElement("div"), f = n.value.style, C = "";
+        let c = document.createElement("div"), f = n.value.style, b = "";
         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);
-        }), 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({
+        }), 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({
           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 " + C;
-          let { url: S, pup: w } = fe(n);
+          n.hyperlink = "", n.popup = "", c.className = "bg-light svg-preview-gr " + b;
+          let { url: S, pup: w } = pe(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 " + C;
+          c.className = "bg-light " + b;
         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: 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";
+          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";
         } 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: C } = n.other || {};
-        f.innerHTML = C.outerHTML;
+        let f = document.createElement("div"), { el: b } = n.other || {};
+        f.innerHTML = b.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 = 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;
+        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;
       } 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 U = document.createElement("div");
-        U.innerHTML = N({
+        let L = document.createElement("div");
+        L.innerHTML = N({
           text: w.value || c.text,
-          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 = "";
+          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 = "";
         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 } = 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";
+          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";
         } else
-          U.className = "bg-light custom-rect " + O;
-        return U.innerHTML += '<div class="svg-edit-gr"></div>', U;
+          L.className = "bg-light custom-rect " + O;
+        return L.innerHTML += '<div class="svg-edit-gr"></div>', L;
       } else if (n.type == "edge") {
         if (e.firstFlag) {
           a.getModel(), e.firstFlag = !1;
           try {
-            let c = n.value.style, f = c.dashWidth || 3, C = c.dashSpace || 1;
-            f && C && (c.dashPattern = `${f} ${C}`), setTimeout(() => {
+            let c = n.value.style, f = c.dashWidth || 3, b = c.dashSpace || 1;
+            f && b && (c.dashPattern = `${f} ${b}`), setTimeout(() => {
               c && a.setCellStyles(null, null, [n], c);
             }, 1);
           } finally {
@@ -5715,19 +5715,19 @@ function je(t) {
       return n.value;
     };
   }
-  function b(a) {
+  function v(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((C) => C.key === "text"));
+    y && (c = y.find((b) => b.key === "text"));
     let f = document.createElement("div");
     if (f.innerHTML = N({
       img: i.imgUrl || "",
       text: c.value || i.text
-    }), 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) {
+    }), 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) {
       a.hyperlink = "", a.popup = "";
-      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";
+      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";
     } else
       f.className = "bg-light";
     return f.innerHTML += '<div class="svg-edit-gr"></div>', f;
@@ -5737,7 +5737,7 @@ 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 v(a, n, u, d) {
+  function g(a, n, u, d) {
     return new Promise((o, i) => {
       let y = a.getDefaultParent(), c = a.getModel();
       c.beginUpdate();
@@ -5751,8 +5751,8 @@ function je(t) {
           null,
           n.style
           // 继承样式
-        ), C = a.getCellGeometry(n);
-        let w = C.getTerminalPoint(!0), E = C.getTerminalPoint(!1);
+        ), b = a.getCellGeometry(n);
+        let w = b.getTerminalPoint(!0), E = b.getTerminalPoint(!1);
         var S = new mxGeometry();
         S.setTerminalPoint(
           new mxPoint(
@@ -5784,8 +5784,8 @@ function je(t) {
         }
         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());
+          let i = a.getPointForEvent(d), y = o.getGeometry(), c = y.getTerminalPoint(!0), f = y.getTerminalPoint(!1), b = x(i, c), S = x(i, f);
+          b < 15 && (e.isDragging = !0, e.dragTerminal = !0, e.startPos = i, u.consume()), S < 15 && (e.isDragging = !0, e.dragTerminal = !1, e.startPos = i, u.consume());
         }
         u.consume();
       },
@@ -5810,8 +5810,8 @@ function je(t) {
               let y = [];
               for (let c = 0; c < i.length; c++) {
                 let f = i[c];
-                f && f.isEdge() && v(a, f, e.dx - e.startPos.x, e.dy - e.startPos.y).then((C) => {
-                  y.push(C);
+                f && f.isEdge() && g(a, f, e.dx - e.startPos.x, e.dy - e.startPos.y).then((b) => {
+                  y.push(b);
                 });
               }
             }
@@ -5846,8 +5846,8 @@ function je(t) {
         y: o
       }, f = y.children;
       if (f && f.length > 0) {
-        let C = f.find((S) => S.key == "layout");
-        C.value = c;
+        let b = f.find((S) => S.key == "layout");
+        b.value = c;
       }
       i.layout = c;
     }
@@ -5894,7 +5894,7 @@ function je(t) {
       }, 1);
     }
   }
-  function g(a, n) {
+  function C(a, n) {
     if (!a)
       return "";
     let u = {};
@@ -5908,7 +5908,7 @@ function je(t) {
       return i === "gap" && (y = `${o}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
-  function T(a, n) {
+  function U(a, n) {
     if (!a)
       return "";
     let u = {};
@@ -5922,7 +5922,7 @@ function je(t) {
       return i === "gap" && (y = `${o}px`), `${i}:${y}`;
     }).join("; ") + ";";
   }
-  function D(a) {
+  function I(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(
@@ -5943,15 +5943,15 @@ function je(t) {
       return i === "gap" && (y = `${o}px`), `${i}=${y}`;
     }).join("; ") + ";" : "";
   }
-  function K(a) {
+  function $(a) {
     const u = String(a).match(/\d+/);
     return u ? Number(u[0]) : null;
   }
-  function $(a, n, u) {
-    let d = a.value, o = K(d);
+  function G(a, n, u) {
+    let d = a.value, o = $(d);
     return n === "-inf" ? o <= u : u === "+inf" ? o >= n : o >= n && o <= u;
   }
-  function P(a, n) {
+  function T(a, n) {
     if (!n.children)
       return "";
     let d = n.children.filter((o) => o.animate && (o.animate.isShow || o.animate.isShow == 1));
@@ -5959,7 +5959,7 @@ function je(t) {
       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((C) => $(o, C.min, C.max));
+          let f = i.find((b) => G(o, b.min, b.max));
           f ? c = f : o.key === "image" ? c = {
             value: o.animate.default,
             valueUrl: o.animate.defaultVal
@@ -5981,12 +5981,12 @@ function je(t) {
           if (d.setValue(i, i.value), i.value.style) {
             let y = {};
             if (i.type === "rect") {
-              const c = P(i.value.style, i.value.data);
+              const c = T(i.value.style, i.value.data);
               y = te(i, c);
             } else if (i.type === "edge") {
-              const c = P(i.value.style, i.value.data);
+              const c = T(i.value.style, i.value.data);
               e.firstFlag = !0, y = Z(i, c);
-            } else i.type === "kitUI:CanvasWidget" ? (y = P(realStyle, i.value.data), e.changePageSize(realStyle)) : y = P(i.value.style, i.value.data);
+            } else i.type === "kitUI:CanvasWidget" ? (y = T(realStyle, i.value.data), e.changePageSize(realStyle)) : y = T(i.value.style, i.value.data);
             d.setStyle(i, y);
           }
         });
@@ -6005,12 +6005,12 @@ function je(t) {
           if (d.setValue(i, i.value), i.value.style) {
             let y = {};
             if (i.type === "rect") {
-              const c = P(i.value.style, i.value.data);
+              const c = T(i.value.style, i.value.data);
               y = te(i, c);
             } else if (i.type === "edge") {
-              const c = P(i.value.style, i.value.data);
+              const c = T(i.value.style, i.value.data);
               e.firstFlag = !0, y = Z(i, c);
-            } else i.type === "kitUI:CanvasWidget" ? (y = P(realStyle, i.value.data), e.changePageSize(realStyle)) : y = P(i.value.style, i.value.data);
+            } else i.type === "kitUI:CanvasWidget" ? (y = T(realStyle, i.value.data), e.changePageSize(realStyle)) : y = T(i.value.style, i.value.data);
             d.setStyle(i, y);
           }
         });
@@ -6035,7 +6035,7 @@ 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 = P(o, a.value.data), e.changePageSize(o)) : i = P(o, a.value.data), Et(e.graph, a, i);
+      a.type === "rect" ? i = te(a, n) : a.type === "edge" ? (e.firstFlag = !0, i = Z(a, n)) : a.type === "kitUI:CanvasWidget" ? (i = T(o, a.value.data), e.changePageSize(o)) : i = T(o, a.value.data), Et(e.graph, a, i);
     } finally {
       d.endUpdate();
     }
@@ -6045,7 +6045,7 @@ function je(t) {
     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);
+      d = R(y, !0), a.value.style = y, a.setStyle(d), T(a.value.style, a.value.data), u.refresh(a);
     }
     return d;
   }
@@ -6055,7 +6055,7 @@ function je(t) {
       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);
+      a.value.style = i, T(a.value.style, a.value.data);
     }
     return u;
   }
@@ -6076,10 +6076,10 @@ function je(t) {
     u.beginUpdate();
     try {
       a.forEach((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;
+        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;
         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, C, S);
+        let V = F.insertVertex(d, null, i.show ? i.name : "", B.x, B.y, b, S);
         V.type = "img", V.model = "yes", V.imgUrl = i.imgUrl, V.iconName = O, V.value = {
           data: c,
           style: w,
@@ -6107,26 +6107,26 @@ function je(t) {
     });
   }
   e.createAllVertex = (a, n) => {
-    a === "vertex" ? Ke(n) : a === "custom" ? be(n) : a === "edge" ? ye(n) : a === "img" && oe(n);
+    a === "vertex" ? Ke(n) : a === "custom" ? fe(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, C, S, w) {
+    mxGraph.prototype.insertEdge = function(y, c, f, b, S, w) {
       return w === null && (w = ""), n.apply(this, arguments);
     };
     let u = e.graph, d = u.getDefaultParent(), o = u.getModel(), i = [];
     o.beginUpdate();
     try {
       for (let y = 0; y < a.length; y++) {
-        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;
+        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;
         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: 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 },
+        let V = new mxGeometry(), { startX: H, startY: W, endX: q, endY: K } = ze(M, E, L);
+        V.setTerminalPoint(new mxPoint(H, W), !0), V.setTerminalPoint(new mxPoint(q, K), !1), F.setGeometry(V), F.model = "yes", F.type = "edge", F.iconName = O, F.value = {
+          data: { ...b },
           //存储对象
           style: { ...w }
           //存储样式对象
@@ -6139,14 +6139,14 @@ function je(t) {
       o.endUpdate();
     }
   }
-  function be(a) {
+  function fe(a) {
     let n = e.graph, u = n.getModel(), d = [];
     u.beginUpdate();
     try {
       for (let o = 0; o < a.length; o++) {
-        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: C, w: S = 100, h: w = 30, type: E, tmpType: U, codeType: O, iconName: M = "icon-general-icon", realType: B } = i;
+        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 30, type: E, tmpType: L, codeType: O, iconName: M = "icon-general-icon", realType: B } = i;
         let F = S, V = w, H = f;
-        y && (H = n.getPointForEvent(y)), C.layout && (F = C.layout.width, V = C.layout.height);
+        y && (H = n.getPointForEvent(y)), b.layout && (F = b.layout.width, V = b.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;
         }
-        C.layout = W;
-        let G = n.getDefaultParent();
+        b.layout = W;
+        let K = n.getDefaultParent();
         ce(n, null);
-        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 = {
+        let ne = R(b), re = ue(), Y = n.insertVertex(K, re, b.text || "", H.x, H.y, F, V, ne);
+        Y.crtype = "creatComp", Y.cmp = L, Y.codeType = O, Y.type = E, Y.realType = B, Y.model = "yes", Y.name = b.text || "", Y.iconName = M, Y.style = ne, Y.value = {
           data: c,
           //存储对象
-          style: C
+          style: b
           //存储样式对象
         }, n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
           cells: [Y]
@@ -6180,7 +6180,7 @@ function je(t) {
     u.beginUpdate();
     try {
       for (let o = 0; o < a.length; o++) {
-        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: C, w: S = 100, h: w = 20, iconName: E = "iconfont icon-general-icon", realType: U, from: O } = i;
+        const i = a[o], { evt: y = null, data: c = null, pt: f = { x: 50, y: 50 }, style: b, w: S = 100, h: w = 20, iconName: E = "iconfont icon-general-icon", realType: L, from: O } = i;
         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(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 = {
+        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 = {
           data: { ...c },
           //存储对象
-          style: { ...C }
+          style: { ...b }
           //存储样式对象
-        }, G.from = O || "other", G.realType = U, G.style = W, d.push(G), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
-          cells: [G]
+        }, K.from = O || "other", K.realType = L, K.style = W, d.push(K), n.fireEvent(new mxEventObject(mxEvent.SELECTION_CHANGED, {
+          cells: [K]
         }));
       }
       n.setSelectionCells(d);
@@ -6211,14 +6211,14 @@ function je(t) {
     }
   }
   e.addVertex = ({ graph: a, options: n = {} }) => new Promise((u, d) => {
-    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, style: c, w: f = 100, h: 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));
+    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, style: c, w: f = 100, h: b = 20, iconName: S = "iconfont icon-general-icon", realType: w, from: E } = n;
+    let L = y;
+    a || (a = e.graph), o && (L = a.getPointForEvent(o));
     let O = a.getDefaultParent(), M = a.getModel(), B = {
       width: f,
-      height: C,
-      x: U.x,
-      y: U.y
+      height: b,
+      x: L.x,
+      y: L.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 || "", U.x, U.y, f, C, V);
+      let H = ue(), W = a.insertVertex(O, H, c.text || "", L.x, L.y, f, b, V);
       c.gtype == "rect" ? W.type = "rect" : W.type = "vertex", W.model = "yes", W.name = c.text || "", W.iconName = S, W.value = {
         data: { ...i },
         //存储对象
@@ -6251,8 +6251,8 @@ function je(t) {
       // V3 右下
       { x: -c, y: f }
       // V4 左下
-    ].map((U) => {
-      const O = a.x + (U.x * i - U.y * y), M = a.y + (U.x * y + U.y * i);
+    ].map((L) => {
+      const O = a.x + (L.x * i - L.y * y), M = a.y + (L.x * y + L.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) };
@@ -6263,15 +6263,15 @@ function je(t) {
     return mxGraph.prototype.insertEdge = function(d, o, i, y, c, f) {
       return f === null && (f = ""), u.apply(this, arguments);
     }, 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;
+      const { evt: i = null, data: y = null, pt: c = { x: 50, y: 50 }, style: f, w: b = 30, h: S = 100, iconName: w = "icon-general-icon" } = n;
       let E = c;
       a || (a = e.graph), i && (E = a.getPointForEvent(i));
-      let U = a.getDefaultParent(), O = a.getModel();
+      let L = a.getDefaultParent(), O = a.getModel();
       O.beginUpdate();
       try {
-        let M = ue(), B = a.insertEdge(U, null, "", null, null, f.perimeter + `;strokeWidth=${f.strokeWidth || 1};strokeColor=${f.strokeColor || "#333333"}`);
+        let M = ue(), B = a.insertEdge(L, 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, C, S);
+        let F = new mxGeometry(), { startX: V, startY: H, endX: W, endY: q } = ze(E, b, 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: 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;
+    const { evt: o = null, data: i = null, pt: y = { x: 50, y: 50 }, id: c = null, style: f, w: b = 100, h: S = 30, type: w, tmpType: E, codeType: L, crtype: O = "creatComp", other: M = {}, iconName: B = "icon-general-icon", realType: F } = n;
+    let V = b, H = S, W = y;
     a || (a = e.graph), o && (W = a.getPointForEvent(o)), f.layout && (V = f.layout.width, H = f.layout.height);
     let q = {
       width: V,
       height: H,
       x: W.x,
       y: W.y
-    }, G = i.children;
-    if (G && G.length > 0) {
-      let Y = G.find((se) => se.key == "layout");
+    }, K = i.children;
+    if (K && K.length > 0) {
+      let Y = K.find((se) => se.key == "layout");
       Y.value = q;
     }
     f.layout = q;
@@ -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 = U, 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 = L, 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
@@ -6337,7 +6337,7 @@ function je(t) {
         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(C) {
+        i.setGraphContainer(n), y.setEnabled(!1), y.setPanning(!1), y.setTooltips(!1), y.setHtmlLabels(!0), y.panningHandler.useLeftButtonForPanning = !0, y.isHtmlLabel = function(b) {
           return !0;
         }, y.gridSize = 10, e.graph = y, e.preview = !0;
         const f = y.getStylesheet().getDefaultVertexStyle();
@@ -6352,35 +6352,35 @@ function je(t) {
           fontColor: "#333333",
           // 确保标签可见
           fontSize: 12
-        }), 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 = {};
+        }), 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 = {};
             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 = 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;
+            }), 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;
               M["background-image"] ? O.style.background = `${M["background-image"]} center center no-repeat` : O.style.background = "";
             }
             return O;
-          } else if (C.type == "img") {
+          } else if (b.type == "img") {
             let E = document.createElement("div");
             return E.innerHTML = N({
-              img: C.imgUrl || ""
+              img: b.imgUrl || ""
             }), E.style.width = S + "px", E.style.height = w + "px", E.className = "main-img", E;
           }
-          return C.value;
+          return b.value;
         }, y.setPanning(!1), y.view.animate = !1, y.gridEnabled = !1, Ne(y), d(y);
       }
     });
   };
-  function fe(a) {
+  function pe(a) {
     let n = a.value.data;
     if (n) {
       let u = n.treeData || [], d = [], o = [];
@@ -6465,9 +6465,9 @@ function je(t) {
       for (let c = 0; c < u.length; c++) {
         let f = u[c];
         if (e.isPreview) {
-          let C = document.getElementsByClassName(f.id);
-          for (let S = 0; S < C.length; S++) {
-            const w = C[S];
+          let b = document.getElementsByClassName(f.id);
+          for (let S = 0; S < b.length; S++) {
+            const w = b[S];
             if (w) {
               var o = f.getGeometry();
               w.style.position = "absolute", w.style.width = o.width + "px", w.style.height = o.height + "px", w.style.left = o.x + i + "px", w.style.top = o.y + y + "px";
@@ -6517,8 +6517,8 @@ function je(t) {
               }
             else
               c && (c.style.background = "transparent");
-            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);
+            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);
           }
           n.scrollCellToVisible(d, !1), e.parent = d, n.refresh(d);
         }
@@ -6568,11 +6568,11 @@ function je(t) {
       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 C = parseFloat(o[0].width / i[0].width), S = parseFloat(o[0].height / i[0].height);
+          const b = parseFloat(o[0].width / i[0].width), S = parseFloat(o[0].height / i[0].height);
           y.forEach((w) => {
             if (w.id != c.id) {
-              const U = a.getCellGeometry(w).clone();
-              U.width *= C, U.height *= S, a.getModel().setGeometry(w, U);
+              const L = a.getCellGeometry(w).clone();
+              L.width *= b, L.height *= S, a.getModel().setGeometry(w, L);
             }
           });
         }
@@ -6592,12 +6592,12 @@ function je(t) {
     mxEvent.consume(a);
     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, C = c / 2, S = f / 2;
+    const y = n.container, c = y.offsetWidth, f = y.offsetHeight, b = c / 2, S = f / 2;
     n.getModel().beginUpdate();
     try {
-      const w = n.getView(), E = w.getScale(), U = w.getTranslate(), O = C / E - U.x, M = S / E - U.y;
+      const w = n.getView(), E = w.getScale(), L = w.getTranslate(), O = b / E - L.x, M = S / E - L.y;
       n.getView().setScale(i);
-      const B = C / i - U.x, F = S / i - U.y, V = B - O, H = F - M;
+      const B = b / i - L.x, F = S / i - L.y, V = B - O, H = F - M;
       w.setTranslate(
         w.getTranslate().x + V,
         w.getTranslate().y + H
@@ -6615,8 +6615,8 @@ 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 C = null, S = null;
-        f.children && f.children.length > 0 ? (C = null, S = f.children) : C = function() {
+        let b = null, S = null;
+        f.children && f.children.length > 0 ? (b = null, S = f.children) : b = function() {
           if (f.code) {
             let E = n.getPointForEvent(o);
             t.contextmenus(o, {
@@ -6629,18 +6629,18 @@ function je(t) {
             });
           }
         };
-        let w = u.addItem(f.title, f.image, C, null, f.iconCls, f.disable, null, null, f.isBorder);
+        let w = u.addItem(f.title, f.image, b, null, f.iconCls, f.disable, null, null, f.isBorder);
         S && S.forEach((E) => {
           u.addItem(E.title, E.image, function() {
             if (E.code) {
-              let U = n.getPointForEvent(o);
+              let L = n.getPointForEvent(o);
               t.contextmenus(o, {
                 title: E.title,
                 code: E.code || "",
                 type: E.type,
                 style: E.style,
                 iconCls: E.iconCls,
-                pt: U
+                pt: L
               });
             }
           }, w, E.iconCls, E.disable, null, null, E.isBorder);
@@ -6676,13 +6676,13 @@ const $e = {
     return new Promise((l) => {
       const s = document.getElementsByTagName("script");
       let r = !1;
-      for (let b = 0; b < s.length; b++)
-        s[b].src.includes("mxClient.js") && (r = !0);
+      for (let v = 0; v < s.length; v++)
+        s[v].src.includes("mxClient.js") && (r = !0);
       if (r)
         return l();
-      let p = e.map((b) => {
+      let p = e.map((v) => {
         let x = document.createElement("script");
-        return x.type = "text/javascript", x.async = !1, x.src = b, document.head.appendChild(x), x;
+        return x.type = "text/javascript", x.async = !1, x.src = v, document.head.appendChild(x), x;
       }).pop();
       p.onload = l;
     });
@@ -7160,28 +7160,30 @@ const $e = {
           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 b = document.createElement("img");
-            b.src = r.path, p.appendChild(b);
+            var v = document.createElement("img");
+            v.src = r.path, p.appendChild(v);
           } else if (r.type === "time") {
-            let { el: T } = r.vnode;
-            p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.appendChild(T);
+            let { el: I } = r.vnode;
+            p.style.overflow = "auto", p.style.width = "100%", p.style.height = "100%", p.appendChild(I);
           } 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 v = 0, h = 0;
+          let g = 0, h = 0;
           if (r.isCenter == "false")
-            v = r.left, h = r.top;
+            g = r.left, h = r.top;
           else {
             var k = document.getElementById("app"), N = k.clientWidth, A = k.clientHeight;
-            v = (N - r.width) / 2, h = (A - r.height) / 2;
+            g = (N - r.width) / 2, h = (A - r.height) / 2;
           }
-          v < 0 && (v = 0), h < 0 && (h = 0);
-          var z = document.createElement("div"), g = new mxWindow(
+          g < 0 && (g = 0), h < 0 && (h = 0);
+          var z = document.createElement("div");
+          let C = document.querySelectorAll(".mx-window-mask");
+          var U = new mxWindow(
             r.title,
             p,
-            v,
+            g,
             h,
             r.width,
             r.height,
@@ -7189,12 +7191,14 @@ const $e = {
             !0,
             "mxWindowTitle"
           );
-          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);
+          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 = document.querySelectorAll(".mx-window-mask"), C && C.length > 0 && C.forEach(($) => {
+              $.style.display = "none", $.remove();
+            });
+          }), U.addListener(mxEvent.MOVE, function(I, R) {
+            var $ = U.getX(), G = 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;
+            $ = Math.max(oe, Math.min($, ye)), G = Math.max(ce, Math.min(G, 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"), s.push(U);
         }), l.centeredWindow = s, l.wndAry = s;
       }
     },
@@ -7244,7 +7248,7 @@ const $e = {
   class: "transparentRect"
 }, Ll = ["id"];
 function Pl(t, e, l, s, r, m) {
-  return L(), I("div", {
+  return P(), D("div", {
     class: J(["main-gd", { "show-scroll": l.isPreview }]),
     ref: "mainGd"
   }, [
@@ -7253,14 +7257,14 @@ function Pl(t, e, l, s, r, m) {
       ref: "geEditor",
       id: l.currentIndex
     }, null, 10, Nl),
-    l.isShow ? (L(), I("div", Ul)) : _("", !0),
-    (L(!0), I(ge, null, ve(r.timeLineMap, (p, b) => ut((L(), I("div", {
+    l.isShow ? (P(), D("div", Ul)) : _("", !0),
+    (P(!0), D(ve, null, be(r.timeLineMap, (p, v) => ut((P(), D("div", {
       key: p.id + r.keys,
       id: p.id,
       style: j([{ position: "absolute" }, m.getStyle(p)]),
       class: J(p.id)
     }, [
-      (L(), me(Ve(m.dynamicComponent(p.compId)), {
+      (P(), me(Ve(m.dynamicComponent(p.compId)), {
         id: p.other.timeId + "",
         thisTab: p.other.thisTab
       }, null, 8, ["id", "thisTab"]))
@@ -7477,32 +7481,32 @@ 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 b = r.pathHtml;
-            m.appendChild(b);
+            var v = r.pathHtml;
+            m.appendChild(v);
           }
-          let x = 0, v = 0;
+          let x = 0, g = 0;
           if (r.isCenter == "false")
-            x = r.left, v = r.top;
+            x = r.left, g = r.top;
           else {
             var h = document.getElementById("app"), k = h.clientWidth, N = h.clientHeight;
-            x = (k - r.width) / 2, v = (N - r.height) / 2;
+            x = (k - r.width) / 2, g = (N - r.height) / 2;
           }
           var A = new mxWindow(
             r.title,
             m,
             x,
-            v,
+            g,
             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, g) {
+          A.setClosable(!0), A.setMaximizable(!1), A.setResizable(!0), A.setVisible(e), A.constrainWithinViewport = !0, A.addListener(mxEvent.CLOSE, function(z, C) {
             l.isShowPup = !1;
-          }), A.addListener(mxEvent.MOVE, function(z, 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);
+          }), A.addListener(mxEvent.MOVE, function(z, C) {
+            var U = A.getX(), I = A.getY(), R = A.getElement().offsetWidth, $ = A.getElement().offsetHeight, G = document.documentElement.clientWidth, T = document.documentElement.clientHeight, Z = 0, te = 0, ie = G - R, oe = T - $;
+            U = Math.max(Z, Math.min(U, ie)), I = Math.max(te, Math.min(I, oe)), A.setLocation(U, I);
           }), s.push(A);
         }), window.centeredWindow = s, l.wndAry = s;
       }
@@ -7534,20 +7538,20 @@ const jl = /* @__PURE__ */ ae(zl, [["render", Pl]]), Tl = {
   class: "transparentRect"
 }, Fl = ["id"];
 function Ol(t, e, l, s, r, m) {
-  return L(), I("div", Il, [
+  return P(), D("div", Il, [
     le("div", {
       class: "main-body",
       ref: "geEditor",
       id: l.currentIndex
     }, [
-      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", {
+      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", {
         key: p.id,
         id: p.id,
         class: J(p.id),
         style: j([{ position: "absolute" }, { zIndex: 0 }])
       }, [
-        (L(), me(Ve(m.dynamicComponent(p.compId)), {
+        (P(), me(Ve(m.dynamicComponent(p.compId)), {
           id: p.other.timeId + "",
           thisTab: p.other.thisTab
         }, null, 8, ["id", "thisTab"]))