@farris/ui-vue 1.3.0 → 1.3.1

package/components/flow-canvas/index.esm.js

@@ -1,15 +1,15 @@
-import { ref as H, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as gt, inject as me, provide as Ee, watch as Ue, onMounted as He, onBeforeUnmount as yt, mergeProps as $e, isVNode as ht } from "vue";
+import { ref as H, defineComponent as Fe, computed as Te, createVNode as J, createTextVNode as gt, inject as me, provide as Oe, watch as He, onMounted as We, onBeforeUnmount as yt, mergeProps as $e, isVNode as ht } from "vue";
 import { findIndex as Ye } from "lodash-es";
 import Ct from "../accordion/index.esm.js";
-import xt from "../avatar/index.esm.js";
-import bt from "../button-edit/index.esm.js";
+import bt from "../avatar/index.esm.js";
+import xt from "../button-edit/index.esm.js";
 import wt from "../button-group/index.esm.js";
 import Pt from "../calendar/index.esm.js";
 import It from "../capsule/index.esm.js";
 import St from "../checkbox/index.esm.js";
 import Tt from "../color-picker/index.esm.js";
-import Et from "../combo-list/index.esm.js";
-import Ot from "../content-container/index.esm.js";
+import Ot from "../combo-list/index.esm.js";
+import Et from "../content-container/index.esm.js";
 import Ft from "../data-grid/index.esm.js";
 import At from "../date-picker/index.esm.js";
 import Nt from "../dropdown/index.esm.js";
@@ -54,8 +54,8 @@ import gn from "../verify-detail/index.esm.js";
 import yn from "../weather/index.esm.js";
 import hn from "../component/index.esm.js";
 import Cn from "../video/index.esm.js";
-import xn from "../textarea/index.esm.js";
-import bn from "../tree-grid/index.esm.js";
+import bn from "../textarea/index.esm.js";
+import xn from "../tree-grid/index.esm.js";
 import { getCustomClass as je } from "../common/index.esm.js";
 const wn = {
   /**
@@ -65,7 +65,7 @@ const wn = {
 };
 function Pn() {
   const w = { aroundDirection: "none", left: 2, right: 2, top: 2, bottom: 2, x: 0, y: 0 };
-  function B() {
+  function N() {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
     return e.setAttribute("fill", "none"), e.setAttribute("stroke", "#4d53e8"), e.setAttribute("stroke-width", "2"), e.setAttribute("class", ""), e;
   }
@@ -77,73 +77,73 @@ function Pn() {
     const e = document.createElementNS("http://www.w3.org/2000/svg", "path");
     return e.setAttribute("fill", "none"), e.setAttribute("stroke", "#4d53e8"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e;
   }
-  function b(e, t, c, v) {
+  function x(e, t, u, v) {
     const s = (n) => {
       n.key === "Delete" && (e.indexOf("^"), document.removeEventListener("keydown", s), t.remove());
     };
-    c.addEventListener("mouseenter", () => {
-      c.setAttribute("stroke", "#37d0ff"), v.setAttribute("stroke", "#37d0ff"), c.setAttribute("stroke-width", "3"), document.addEventListener("keydown", s);
-    }), c.addEventListener("mouseleave", () => {
-      c.setAttribute("stroke", "#4d53e8"), c.setAttribute("stroke-width", "2"), v.setAttribute("stroke", "#4d53e8"), document.removeEventListener("keydown", s);
+    u.addEventListener("mouseenter", () => {
+      u.setAttribute("stroke", "#37d0ff"), v.setAttribute("stroke", "#37d0ff"), u.setAttribute("stroke-width", "3"), document.addEventListener("keydown", s);
+    }), u.addEventListener("mouseleave", () => {
+      u.setAttribute("stroke", "#4d53e8"), u.setAttribute("stroke-width", "2"), v.setAttribute("stroke", "#4d53e8"), document.removeEventListener("keydown", s);
     });
   }
   function p(e) {
     let t = document.getElementById(e);
     if (t == null) {
-      const c = document.createElementNS("http://www.w3.org/2000/svg", "svg"), v = B();
-      c.appendChild(v);
+      const u = document.createElementNS("http://www.w3.org/2000/svg", "svg"), v = N();
+      u.appendChild(v);
       const s = g();
-      c.appendChild(s);
+      u.appendChild(s);
       const n = C();
-      c.appendChild(n);
+      u.appendChild(n);
       const j = C();
-      c.appendChild(j), t = document.createElement("div"), t.id = e, t.style.position = "absolute", t.appendChild(c), b(e, t, v, s);
+      u.appendChild(j), t = document.createElement("div"), t.id = e, t.style.position = "absolute", t.appendChild(u), x(e, t, v, s);
       const L = document.getElementById("svg-container");
       return L && L.appendChild(t), t;
     }
     return t;
   }
-  function T(e, t, c, v, s) {
+  function T(e, t, u, v, s) {
     const n = { x: 0, y: 0 };
-    return e === "west" && (t === "north_west" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (c === "north" && (n.x = -100, n.y = 0 - s / 2), c === "east" && (n.x = -100, n.y = 0 - s / 2)), t === "south_east" && (c === "south" && (n.x = -100, n.y = 0 + s / 2), c === "east" && (n.x = -100, n.y = 0 + s / 2)), t === "south_west" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0))), e === "east" && (t === "north_west" && (c === "north" && (n.x = -100, n.y = 0 - s / 2), c === "west" && (n.x = 100, n.y = 0 - s / 2)), t === "north_east" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (c === "south" && (n.x = 100, n.y = 0 + s / 2), c === "west" && (n.x = 100, n.y = 0 + s / 2))), e === "north" && (t === "north_west" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (c === "north" && (n.x = 0, n.y = 0 - s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (c === "south" && (n.x = 0 + v / 2, n.y = -100), c === "east" && (n.x = 0 + v / 2, n.y = -100)), t === "south_west" && (c === "south" && (n.x = 0 - v / 2, n.y = -100), c === "west" && (n.x = 0 - v / 2, n.y = -100))), e === "south" && (t === "north_west" && (c === "north" && (n.x = 0 - v / 2, n.y = 100), c === "west" && (n.x = 0 - v / 2, n.y = 100)), t === "north_east" && (c === "north" && (n.x = 0 + v / 2, n.y = 100), c === "east" && (n.x = 0 + v / 2, n.y = 100)), t === "south_east" && (c === "south" && (n.x = 0, n.y = 0 + s / 2), c === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (c === "south" && (n.x = 0, n.y = s / 2), c === "west" && (n.x = 0 - v / 2, n.y = 0))), n;
+    return e === "west" && (t === "north_west" && (u === "north" && (n.x = 0, n.y = 0 - s / 2), u === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (u === "north" && (n.x = -100, n.y = 0 - s / 2), u === "east" && (n.x = -100, n.y = 0 - s / 2)), t === "south_east" && (u === "south" && (n.x = -100, n.y = 0 + s / 2), u === "east" && (n.x = -100, n.y = 0 + s / 2)), t === "south_west" && (u === "south" && (n.x = 0, n.y = 0 + s / 2), u === "west" && (n.x = 0 - v / 2, n.y = 0))), e === "east" && (t === "north_west" && (u === "north" && (n.x = -100, n.y = 0 - s / 2), u === "west" && (n.x = 100, n.y = 0 - s / 2)), t === "north_east" && (u === "north" && (n.x = 0, n.y = 0 - s / 2), u === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (u === "south" && (n.x = 0, n.y = 0 + s / 2), u === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (u === "south" && (n.x = 100, n.y = 0 + s / 2), u === "west" && (n.x = 100, n.y = 0 + s / 2))), e === "north" && (t === "north_west" && (u === "north" && (n.x = 0, n.y = 0 - s / 2), u === "west" && (n.x = 0 - v / 2, n.y = 0)), t === "north_east" && (u === "north" && (n.x = 0, n.y = 0 - s / 2), u === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_east" && (u === "south" && (n.x = 0 + v / 2, n.y = -100), u === "east" && (n.x = 0 + v / 2, n.y = -100)), t === "south_west" && (u === "south" && (n.x = 0 - v / 2, n.y = -100), u === "west" && (n.x = 0 - v / 2, n.y = -100))), e === "south" && (t === "north_west" && (u === "north" && (n.x = 0 - v / 2, n.y = 100), u === "west" && (n.x = 0 - v / 2, n.y = 100)), t === "north_east" && (u === "north" && (n.x = 0 + v / 2, n.y = 100), u === "east" && (n.x = 0 + v / 2, n.y = 100)), t === "south_east" && (u === "south" && (n.x = 0, n.y = 0 + s / 2), u === "east" && (n.x = 0 + v / 2, n.y = 0)), t === "south_west" && (u === "south" && (n.x = 0, n.y = s / 2), u === "west" && (n.x = 0 - v / 2, n.y = 0))), n;
   }
-  function O(e, t, c, v) {
+  function F(e, t, u, v) {
     const s = { x: 0, y: 0 };
-    return e === "south" && (t === "west" && (s.x = -100, s.y = 0 - v / 2), t === "east" && (s.x = 100, s.y = -100), t === "south" && (s.x = 0 - c / 2, s.y = 100), (t === "north" || t === "center") && (s.x = 0, s.y = 0 - v / 2)), e === "north" && (t === "west" && (s.x = -100, s.y = 100), t === "east" && (s.x = 100, s.y = 100), t === "north" && (s.x = 0 - c / 2, s.y = -100), (t === "south" || t === "center") && (s.x = 0, s.y = v / 2)), e === "east" && (t === "north" && (s.y = -100, s.x = -100), t === "south" && (s.y = 100, s.x = -100), t === "east" && (s.x = 100, s.y = 100), (t === "west" || t === "center") && (s.x = 0 - c / 2, s.y = 0)), e === "west" && (t === "north" && (s.y = -100, s.x = 100), t === "south" && (s.y = 100, s.x = 100), t === "west" && (s.x = -100, s.y = v / 2), (t === "east" || t === "center") && (s.x = c / 2, s.y = 0)), s;
+    return e === "south" && (t === "west" && (s.x = -100, s.y = 0 - v / 2), t === "east" && (s.x = 100, s.y = -100), t === "south" && (s.x = 0 - u / 2, s.y = 100), (t === "north" || t === "center") && (s.x = 0, s.y = 0 - v / 2)), e === "north" && (t === "west" && (s.x = -100, s.y = 100), t === "east" && (s.x = 100, s.y = 100), t === "north" && (s.x = 0 - u / 2, s.y = -100), (t === "south" || t === "center") && (s.x = 0, s.y = v / 2)), e === "east" && (t === "north" && (s.y = -100, s.x = -100), t === "south" && (s.y = 100, s.x = -100), t === "east" && (s.x = 100, s.y = 100), (t === "west" || t === "center") && (s.x = 0 - u / 2, s.y = 0)), e === "west" && (t === "north" && (s.y = -100, s.x = 100), t === "south" && (s.y = 100, s.x = 100), t === "west" && (s.x = -100, s.y = v / 2), (t === "east" || t === "center") && (s.x = u / 2, s.y = 0)), s;
   }
-  function d(e, t, c, v, s, n, j) {
-    const L = j === "south" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "north", ie = j === "center" ? L === "landscape" ? "west" : "south" : j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
+  function f(e, t, u, v, s, n, j) {
+    const L = j === "south" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "north", ie = j === "center" ? L === "landscape" ? "west" : "south" : j, se = T(ee, n, V, e, t), { x: D, y: h } = se, W = F(V, ie, e, t), { x: q, y: K } = W;
     K < 0 && (t += Math.abs(K));
-    const de = /* @__PURE__ */ new Map([["default", 0 + N], ["portrait", 0 + N], ["landscape", 0 + N]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]);
-    N < 0 && (e += Math.abs(N)), q > 0 && (e += q);
+    const de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]);
+    D < 0 && (e += Math.abs(D)), q > 0 && (e += q);
     const ye = /* @__PURE__ */ new Map([["default", e + q], ["portrait", e + q], ["landscape", e + q]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = v.left > w.left, ae = v.bottom > w.bottom, pe = le ? 0 : ae ? e / 2 : de.get(L), he = ae ? t + v.bottom : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
     return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function S(e, t, c, v, s, n, j) {
-    const L = j === "south" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "north", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
-    K < 0 && (t += Math.abs(K)), N > 0 && (e += N), q < 0 && (e += Math.abs(q));
-    const de = /* @__PURE__ */ new Map([["default", e + N], ["portrait", e + N], ["landscape", e + N]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]), ye = /* @__PURE__ */ new Map([["default", 0 + q], ["portrait", 0 + q], ["landscape", 0 + q]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = v.right > w.right, ae = v.bottom > w.bottom, pe = le ? e + v.right : ae ? e / 2 : de.get(L), he = ae ? t + v.bottom : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
+  function S(e, t, u, v, s, n, j) {
+    const L = j === "south" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "north", ie = j, se = T(ee, n, V, e, t), { x: D, y: h } = se, W = F(V, ie, e, t), { x: q, y: K } = W;
+    K < 0 && (t += Math.abs(K)), D > 0 && (e += D), q < 0 && (e += Math.abs(q));
+    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", t + h], ["portrait", t + h], ["landscape", t + h]]), ye = /* @__PURE__ */ new Map([["default", 0 + q], ["portrait", 0 + q], ["landscape", 0 + q]]), ce = /* @__PURE__ */ new Map([["default", 0 + K], ["portrait", 0 + K], ["landscape", 0 + K]]), le = v.right > w.right, ae = v.bottom > w.bottom, pe = le ? e + v.right : ae ? e / 2 : de.get(L), he = ae ? t + v.bottom : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
     return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function f(e, t, c, v, s, n, j) {
-    const L = j === "north" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "south", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W, de = /* @__PURE__ */ new Map([["default", 0 + N], ["portrait", 0 + N], ["landscape", 0 + N]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
-    N < 0 && (e += Math.abs(N)), h < 0 && (t += Math.abs(h)), q > 0 && (e += q), K > 0 && (t += K);
+  function d(e, t, u, v, s, n, j) {
+    const L = j === "north" || j === "east" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "east" : "south", ie = j, se = T(ee, n, V, e, t), { x: D, y: h } = se, W = F(V, ie, e, t), { x: q, y: K } = W, de = /* @__PURE__ */ new Map([["default", 0 + D], ["portrait", 0 + D], ["landscape", 0 + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
+    D < 0 && (e += Math.abs(D)), h < 0 && (t += Math.abs(h)), q > 0 && (e += q), K > 0 && (t += K);
     const ye = /* @__PURE__ */ new Map([["default", e + q], ["portrait", e + q], ["landscape", e + q]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = v.left > w.left, ae = v.top > w.top, pe = le ? 0 : ae ? e / 2 : de.get(L), he = ae ? 0 : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
     return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  function r(e, t, c, v, s, n, j) {
-    const L = j === "north" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "south", ie = j, se = T(ee, n, V, e, t), { x: N, y: h } = se, W = O(V, ie, e, t), { x: q, y: K } = W;
+  function i(e, t, u, v, s, n, j) {
+    const L = j === "north" || j === "west" ? "portrait" : "landscape", ee = s, V = L === "landscape" ? "west" : "south", ie = j, se = T(ee, n, V, e, t), { x: D, y: h } = se, W = F(V, ie, e, t), { x: q, y: K } = W;
     q < 0 && (e += Math.abs(q));
-    const de = /* @__PURE__ */ new Map([["default", e + N], ["portrait", e + N], ["landscape", e + N]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
+    const de = /* @__PURE__ */ new Map([["default", e + D], ["portrait", e + D], ["landscape", e + D]]), oe = /* @__PURE__ */ new Map([["default", 0 + h], ["portrait", 0 + h], ["landscape", 0 + h]]);
     h < 0 && (t += Math.abs(h)), K > 0 && (t += K);
     const ye = /* @__PURE__ */ new Map([["default", 0 + q], ["portrait", 0 + q], ["landscape", 0 + q]]), ce = /* @__PURE__ */ new Map([["default", t + K], ["portrait", t + K], ["landscape", t + K]]), le = v.right > w.right, ae = v.top > w.top, pe = le ? e + v.right : ae ? e / 2 : de.get(L), he = ae ? 0 : le ? t / 2 : oe.get(L), Ce = ye.get(L), ve = ce.get(L);
     return [{ x: pe, y: he }, { x: Ce, y: ve }, { x: q, y: K }];
   }
-  const i = /* @__PURE__ */ new Map([
-    ["north_east", d],
+  const o = /* @__PURE__ */ new Map([
+    ["north_east", f],
     ["north_west", S],
-    ["south_east", f],
-    ["south_west", r]
+    ["south_east", d],
+    ["south_west", i]
   ]), y = /* @__PURE__ */ new Map([
     ["east", ["north_west", "south_west"]],
     ["west", ["north_east", "south_east"]],
@@ -166,7 +166,7 @@ function Pn() {
       bottom: t.bottom
     } : t;
   }
-  function F(e, t) {
+  function O(e, t) {
     return e === "north_east" ? {
       left: 100,
       right: t.right,
@@ -208,35 +208,35 @@ function Pn() {
   function l(e, t) {
     return t;
   }
-  const E = /* @__PURE__ */ new Map([
+  const A = /* @__PURE__ */ new Map([
     ["east", a],
-    ["west", F],
+    ["west", O],
     ["north", $],
     ["south", R],
     ["center", l]
   ]);
-  function U(e, t, c, v) {
-    const s = t.x - e.x, n = t.y - e.y, j = s >= 0 ? "east" : "west", L = n >= 0 ? "south" : "north", ee = `${L}_${j}`, ie = (y.get(c) || []).includes(ee), se = E.get(c), N = ie ? se(ee, w) : w, h = Math.abs(s), W = Math.abs(n), q = i.get(`${L}_${j}`), [K, de, oe] = q(
+  function U(e, t, u, v) {
+    const s = t.x - e.x, n = t.y - e.y, j = s >= 0 ? "east" : "west", L = n >= 0 ? "south" : "north", ee = `${L}_${j}`, ie = (y.get(u) || []).includes(ee), se = A.get(u), D = ie ? se(ee, w) : w, h = Math.abs(s), W = Math.abs(n), q = o.get(`${L}_${j}`), [K, de, oe] = q(
       h,
       W,
       ie,
-      N,
-      c,
+      D,
+      u,
       ee,
       v
-    ), ye = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = N.left + N.right + h + ye, le = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = N.top + N.bottom + W + le, pe = j === "east" ? e.x - N.left : e.x + N.right - ce, he = L === "south" ? e.y - N.top : e.y + N.bottom - ae, Ce = j === "east" ? N.left : ce - N.right, ve = L === "north" ? ae - N.bottom : N.top, Be = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
+    ), ye = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x > 0 ? oe.x : 0, ce = D.left + D.right + h + ye, le = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y > 0 ? oe.y : 0, ae = D.top + D.bottom + W + le, pe = j === "east" ? e.x - D.left : e.x + D.right - ce, he = L === "south" ? e.y - D.top : e.y + D.bottom - ae, Ce = j === "east" ? D.left : ce - D.right, ve = L === "north" ? ae - D.bottom : D.top, Be = j === "west" ? oe.x < 0 ? Math.abs(oe.x) : 0 : oe.x < 0 ? ce : ce - oe.x, Ae = L === "north" ? oe.y < 0 ? Math.abs(oe.y) : 0 : oe.y < 0 ? ae : ae - oe.y;
     return { width: ce, height: ae, left: pe, top: he, startPoinInBoundray: { x: Ce, y: ve }, firstControlPoint: K, secondControlPoint: de, endPoinInBoundray: { x: Be, y: Ae } };
   }
-  function Y(e, t, c, v, s) {
-    e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${c}px`, e.style.width = v + "px", e.style.height = s + "px";
+  function Y(e, t, u, v, s) {
+    e.style.position = "absolute", e.style.alignItems = "center", e.style.left = `${t}px`, e.style.top = `${u}px`, e.style.width = v + "px", e.style.height = s + "px";
   }
-  function re(e, t, c, v, s, n, j) {
+  function re(e, t, u, v, s, n, j) {
     const L = e.childNodes[0];
-    L.setAttribute("width", String(t)), L.setAttribute("height", String(c)), e.appendChild(L);
-    const ee = L.childNodes[0], V = `${v.x} ${v.y}`, ie = `${s.x} ${s.y}`, se = `${n.x} ${n.y}`, N = `${j.x} ${j.y}`, h = "M ".concat(V).concat(" C ").concat(ie).concat("," + se + ",").concat(N);
+    L.setAttribute("width", String(t)), L.setAttribute("height", String(u)), e.appendChild(L);
+    const ee = L.childNodes[0], V = `${v.x} ${v.y}`, ie = `${s.x} ${s.y}`, se = `${n.x} ${n.y}`, D = `${j.x} ${j.y}`, h = "M ".concat(V).concat(" C ").concat(ie).concat("," + se + ",").concat(D);
     ee.setAttribute("d", h), ee.setAttribute("fill", "none"), ee.setAttribute("stroke", "#4d53e8"), ee.setAttribute("stroke-width", "2"), ee.setAttribute("class", "");
   }
-  function Q(e, t, c, v, s) {
+  function Q(e, t, u, v, s) {
     const {
       width: n,
       height: j,
@@ -245,40 +245,40 @@ function Pn() {
       startPoinInBoundray: V,
       firstControlPoint: ie,
       secondControlPoint: se,
-      endPoinInBoundray: N
-    } = U(t, c, v, s);
-    Y(e, L, ee, n, j), re(e, n, j, V, ie, se, N);
+      endPoinInBoundray: D
+    } = U(t, u, v, s);
+    Y(e, L, ee, n, j), re(e, n, j, V, ie, se, D);
   }
-  function m(e, t, c, v, s) {
+  function m(e, t, u, v, s) {
     const n = p(e);
-    Q(n, t, c, v, s);
+    Q(n, t, u, v, s);
   }
   function G(e) {
     return Number(e.replace("px", ""));
   }
   function Z(e) {
     if (e !== null) {
-      const t = e.parentNode, c = G(t.style.left), v = G(t.style.top);
+      const t = e.parentNode, u = G(t.style.left), v = G(t.style.top);
       return {
-        x: c + e.offsetLeft + e.offsetWidth / 2,
+        x: u + e.offsetLeft + e.offsetWidth / 2,
         y: v + e.offsetTop + e.offsetHeight / 2
       };
     }
     return { x: 0, y: 0 };
   }
-  function u(e, t) {
-    const c = document.getElementById(e), v = document.getElementById(t), s = Z(c), n = Z(v), j = s.x + 2, L = s.y, ee = n.x - 2, V = n.y;
+  function c(e, t) {
+    const u = document.getElementById(e), v = document.getElementById(t), s = Z(u), n = Z(v), j = s.x + 2, L = s.y, ee = n.x - 2, V = n.y;
     return { startPoint: { x: j, y: L }, endPoint: { x: ee, y: V } };
   }
-  function A(e, t, c, v) {
-    const { startPoint: s, endPoint: n } = u(e, t);
-    m(`${e}_${t}`, s, n, c, v);
+  function E(e, t, u, v) {
+    const { startPoint: s, endPoint: n } = c(e, t);
+    m(`${e}_${t}`, s, n, u, v);
   }
-  return { connect: A, drawing: m };
+  return { connect: E, drawing: m };
 }
-function In(D) {
-  const z = H(), I = H(0), w = H(0), B = H({ x: 0, y: 0 }), g = H(), { drawing: C } = D;
-  function b(a) {
+function In(B) {
+  const z = H(), I = H(0), w = H(0), N = H({ x: 0, y: 0 }), g = H(), { drawing: C } = B;
+  function x(a) {
     return Number(a.replace("px", ""));
   }
   function p(a) {
@@ -298,40 +298,40 @@ function In(D) {
         return "center";
     }
   }
-  function O(a, F, $) {
+  function F(a, O, $) {
     const R = $.getBoundingClientRect();
-    I.value = R.left, w.value = R.top, B.value = { x: a, y: F }, z.value = T($);
+    I.value = R.left, w.value = R.top, N.value = { x: a, y: O }, z.value = T($);
   }
-  function d(a) {
+  function f(a) {
     var Y;
-    const F = a.clientX - I.value, $ = a.clientY - w.value, R = B.value.x + F, l = B.value.y + $, E = a.target, U = E && typeof E.className == "string" && p(E) ? T(E) : "center";
+    const O = a.clientX - I.value, $ = a.clientY - w.value, R = N.value.x + O, l = N.value.y + $, A = a.target, U = A && typeof A.className == "string" && p(A) ? T(A) : "center";
     C(
       `${(Y = g.value) == null ? void 0 : Y.id}_curve_to`,
-      { x: B.value.x, y: B.value.y },
+      { x: N.value.x, y: N.value.y },
       { x: R, y: l },
       z.value,
       U
     );
   }
   function S(a) {
-    const F = document.getElementById(a);
-    F && F.remove();
+    const O = document.getElementById(a);
+    O && O.remove();
   }
-  function f() {
-    document.addEventListener("mousemove", d);
+  function d() {
+    document.addEventListener("mousemove", f);
   }
-  function r() {
-    document.removeEventListener("mousemove", d);
+  function i() {
+    document.removeEventListener("mousemove", f);
   }
-  function i(a) {
-    g.value = void 0, r();
+  function o(a) {
+    g.value = void 0, i();
   }
-  function y(a, F) {
+  function y(a, O) {
     g.value = document.getElementById(a);
-    const $ = g.value.offsetParent, R = g.value.getBoundingClientRect(), l = $.getBoundingClientRect(), E = b($.style.left) + (R.left - l.left), U = b($.style.top) + (R.top - l.top), Y = E + R.width / 2, re = U + R.height / 2;
-    O(Y, re, g.value), f();
+    const $ = g.value.offsetParent, R = g.value.getBoundingClientRect(), l = $.getBoundingClientRect(), A = x($.style.left) + (R.left - l.left), U = x($.style.top) + (R.top - l.top), Y = A + R.width / 2, re = U + R.height / 2;
+    F(Y, re, g.value), d();
   }
-  return { drawFrom: y, eraseDrawingLine: S, finishToDraw: i, getAncherPointPosition: T, isAncherPoint: p };
+  return { drawFrom: y, eraseDrawingLine: S, finishToDraw: o, getAncherPointPosition: T, isAncherPoint: p };
 }
 const Sn = {
   id: { type: String, default: "" },
@@ -343,35 +343,35 @@ const Sn = {
   x: { type: Number, default: 0 },
   y: { type: Number, default: 0 },
   connection: { type: Array, default: [] }
-}, Oe = H(0);
-function Tn(D, z) {
-  const I = z.getBoundingClientRect(), w = D.getBoundingClientRect(), B = w.top >= I.top, g = w.top <= I.bottom;
-  return B && g;
+}, Ee = H(0);
+function Tn(B, z) {
+  const I = z.getBoundingClientRect(), w = B.getBoundingClientRect(), N = w.top >= I.top, g = w.top <= I.bottom;
+  return N && g;
 }
-function tt(D) {
-  if (!D)
+function ze(B) {
+  if (!B)
     return;
   let z;
-  if (D.className.includes("dgComponentSelected") ? z = D : z = D.querySelector(".dgComponentSelected"), !z)
+  if (B.className.includes("dgComponentSelected") ? z = B : z = B.querySelector(".dgComponentSelected"), !z)
     return;
   const I = z.getBoundingClientRect();
   if (I.width === 0 && I.height === 0)
     return;
   const w = z.querySelector(".component-btn-group");
   if (w) {
-    if (!Tn(z, D)) {
+    if (!Tn(z, B)) {
       w.style.display = "none";
       return;
     }
     w.style.display = "";
     const g = w.getBoundingClientRect(), C = w.querySelector("div");
     if (C) {
-      const b = C.getBoundingClientRect();
-      C.style.top = g.top + "px", C.style.left = g.left - b.width + "px";
+      const x = C.getBoundingClientRect();
+      C.style.top = g.top + "px", C.style.left = g.left - x.width + "px";
     }
   }
 }
-const En = {
+const On = {
   /**
    * 组件值
    */
@@ -379,292 +379,292 @@ const En = {
   componentId: { type: String, default: "" }
 };
 var Se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function On(D) {
-  return D && D.__esModule && Object.prototype.hasOwnProperty.call(D, "default") ? D.default : D;
+function En(B) {
+  return B && B.__esModule && Object.prototype.hasOwnProperty.call(B, "default") ? B.default : B;
 }
-function De(D) {
-  throw new Error('Could not dynamically require "' + D + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+function De(B) {
+  throw new Error('Could not dynamically require "' + B + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
 var nt = { exports: {} };
-(function(D, z) {
+(function(B, z) {
   (function(I) {
-    D.exports = I();
+    B.exports = I();
   })(function() {
     return (/* @__PURE__ */ function() {
-      function I(w, B, g) {
-        function C(T, O) {
-          if (!B[T]) {
+      function I(w, N, g) {
+        function C(T, F) {
+          if (!N[T]) {
             if (!w[T]) {
-              var d = typeof De == "function" && De;
-              if (!O && d) return d(T, !0);
-              if (b) return b(T, !0);
+              var f = typeof De == "function" && De;
+              if (!F && f) return f(T, !0);
+              if (x) return x(T, !0);
               var S = new Error("Cannot find module '" + T + "'");
               throw S.code = "MODULE_NOT_FOUND", S;
             }
-            var f = B[T] = { exports: {} };
-            w[T][0].call(f.exports, function(r) {
-              var i = w[T][1][r];
-              return C(i || r);
-            }, f, f.exports, I, w, B, g);
+            var d = N[T] = { exports: {} };
+            w[T][0].call(d.exports, function(i) {
+              var o = w[T][1][i];
+              return C(o || i);
+            }, d, d.exports, I, w, N, g);
           }
-          return B[T].exports;
+          return N[T].exports;
         }
-        for (var b = typeof De == "function" && De, p = 0; p < g.length; p++) C(g[p]);
+        for (var x = typeof De == "function" && De, p = 0; p < g.length; p++) C(g[p]);
         return C;
       }
       return I;
     }())({
-      1: [function(I, w, B) {
-        var g = {}, C = "(?:^|\\s)", b = "(?:\\s|$)";
-        function p(d) {
-          var S = g[d];
-          return S ? S.lastIndex = 0 : g[d] = S = new RegExp(C + d + b, "g"), S;
+      1: [function(I, w, N) {
+        var g = {}, C = "(?:^|\\s)", x = "(?:\\s|$)";
+        function p(f) {
+          var S = g[f];
+          return S ? S.lastIndex = 0 : g[f] = S = new RegExp(C + f + x, "g"), S;
         }
-        function T(d, S) {
-          var f = d.className;
-          f.length ? p(S).test(f) || (d.className += " " + S) : d.className = S;
+        function T(f, S) {
+          var d = f.className;
+          d.length ? p(S).test(d) || (f.className += " " + S) : f.className = S;
         }
-        function O(d, S) {
-          d.className = d.className.replace(p(S), " ").trim();
+        function F(f, S) {
+          f.className = f.className.replace(p(S), " ").trim();
         }
         w.exports = {
           add: T,
-          rm: O
+          rm: F
         };
       }, {}],
-      2: [function(I, w, B) {
+      2: [function(I, w, N) {
         (function(g) {
-          var C = I("contra/emitter"), b = I("crossvent"), p = I("./classes"), T = document, O = T.documentElement;
-          function d(m, G) {
+          var C = I("contra/emitter"), x = I("crossvent"), p = I("./classes"), T = document, F = T.documentElement;
+          function f(m, G) {
             var Z = arguments.length;
             Z === 1 && Array.isArray(m) === !1 && (G = m, m = []);
-            var u, A, e, t, c, v, s, n, j, L = null, ee, V, ie = !1, se = 0, N, h = G || {};
-            h.moves === void 0 && (h.moves = F), h.accepts === void 0 && (h.accepts = F), h.invalid === void 0 && (h.invalid = Be), h.containers === void 0 && (h.containers = m || []), h.isContainer === void 0 && (h.isContainer = a), h.copy === void 0 && (h.copy = !1), h.copySortSource === void 0 && (h.copySortSource = !1), h.revertOnSpill === void 0 && (h.revertOnSpill = !1), h.removeOnSpill === void 0 && (h.removeOnSpill = !1), h.direction === void 0 && (h.direction = "vertical"), h.ignoreInputTextSelection === void 0 && (h.ignoreInputTextSelection = !0), h.mirrorContainer === void 0 && (h.mirrorContainer = T.body);
+            var c, E, e, t, u, v, s, n, j, L = null, ee, V, ie = !1, se = 0, D, h = G || {};
+            h.moves === void 0 && (h.moves = O), h.accepts === void 0 && (h.accepts = O), h.invalid === void 0 && (h.invalid = Be), h.containers === void 0 && (h.containers = m || []), h.isContainer === void 0 && (h.isContainer = a), h.copy === void 0 && (h.copy = !1), h.copySortSource === void 0 && (h.copySortSource = !1), h.revertOnSpill === void 0 && (h.revertOnSpill = !1), h.removeOnSpill === void 0 && (h.removeOnSpill = !1), h.direction === void 0 && (h.direction = "vertical"), h.ignoreInputTextSelection === void 0 && (h.ignoreInputTextSelection = !0), h.mirrorContainer === void 0 && (h.mirrorContainer = T.body);
             var W = C({
               containers: h.containers,
               start: Ce,
               end: Ae,
-              cancel: Ge,
-              remove: qe,
+              cancel: Ke,
+              remove: Ge,
               destroy: ye,
               canMove: he,
               dragging: !1
             });
             return h.removeOnSpill === !0 && W.on("over", rt).on("out", it), K(), W;
-            function q(o) {
-              return W.containers.indexOf(o) !== -1 || h.isContainer(o);
+            function q(r) {
+              return W.containers.indexOf(r) !== -1 || h.isContainer(r);
             }
-            function K(o) {
-              var x = o ? "remove" : "add";
-              r(O, x, "mousedown", le), r(O, x, "mouseup", Ne);
+            function K(r) {
+              var b = r ? "remove" : "add";
+              i(F, b, "mousedown", le), i(F, b, "mouseup", Ne);
             }
-            function de(o) {
-              var x = o ? "remove" : "add";
-              r(O, x, "mousemove", ae);
+            function de(r) {
+              var b = r ? "remove" : "add";
+              i(F, b, "mousemove", ae);
             }
-            function oe(o) {
-              var x = o ? "remove" : "add";
-              b[x](O, "selectstart", ce), b[x](O, "click", ce);
+            function oe(r) {
+              var b = r ? "remove" : "add";
+              x[b](F, "selectstart", ce), x[b](F, "click", ce);
             }
             function ye() {
               K(!0), Ne({});
             }
-            function ce(o) {
-              ee && o.preventDefault();
+            function ce(r) {
+              ee && r.preventDefault();
             }
-            function le(o) {
-              t = o.clientX, c = o.clientY;
-              var x = i(o) !== 1 || o.metaKey || o.ctrlKey;
-              if (!x) {
-                var P = o.target, X = pe(P);
-                X && (ee = X, de(), o.type === "mousedown" && (E(P) ? P.focus() : o.preventDefault()));
+            function le(r) {
+              t = r.clientX, u = r.clientY;
+              var b = o(r) !== 1 || r.metaKey || r.ctrlKey;
+              if (!b) {
+                var P = r.target, X = pe(P);
+                X && (ee = X, de(), r.type === "mousedown" && (A(P) ? P.focus() : r.preventDefault()));
               }
             }
-            function ae(o) {
+            function ae(r) {
               if (ee) {
-                if (i(o) === 0) {
+                if (o(r) === 0) {
                   Ne({});
                   return;
                 }
-                if (!(o.clientX !== void 0 && Math.abs(o.clientX - t) <= (h.slideFactorX || 0) && o.clientY !== void 0 && Math.abs(o.clientY - c) <= (h.slideFactorY || 0))) {
+                if (!(r.clientX !== void 0 && Math.abs(r.clientX - t) <= (h.slideFactorX || 0) && r.clientY !== void 0 && Math.abs(r.clientY - u) <= (h.slideFactorY || 0))) {
                   if (h.ignoreInputTextSelection) {
-                    var x = Q("clientX", o) || 0, P = Q("clientY", o) || 0, X = T.elementFromPoint(x, P);
-                    if (E(X))
+                    var b = Q("clientX", r) || 0, P = Q("clientY", r) || 0, X = T.elementFromPoint(b, P);
+                    if (A(X))
                       return;
                   }
                   var te = ee;
-                  de(!0), oe(), Ae(), ve(te), p.add(n || e, "gu-transit"), at(), st(), se = 0, ke(o);
+                  de(!0), oe(), Ae(), ve(te), p.add(n || e, "gu-transit"), at(), st(), se = 0, ke(r);
                 }
               }
             }
-            function pe(o) {
-              if (!(W.dragging && u) && !q(o)) {
-                for (var x = o; l(o) && q(l(o)) === !1; )
-                  if (h.invalid(o, x) || (o = l(o), !o))
+            function pe(r) {
+              if (!(W.dragging && c) && !q(r)) {
+                for (var b = r; l(r) && q(l(r)) === !1; )
+                  if (h.invalid(r, b) || (r = l(r), !r))
                     return;
-                var P = l(o);
-                if (P && !h.invalid(o, x)) {
-                  var X = h.moves(o, P, x, Y(o));
+                var P = l(r);
+                if (P && !h.invalid(r, b)) {
+                  var X = h.moves(r, P, b, Y(r));
                   if (X)
                     return {
-                      item: o,
+                      item: r,
                       source: P
                     };
                 }
               }
             }
-            function he(o) {
-              return !!pe(o);
+            function he(r) {
+              return !!pe(r);
             }
-            function Ce(o) {
-              var x = pe(o);
-              x && ve(x);
+            function Ce(r) {
+              var b = pe(r);
+              b && ve(b);
             }
-            function ve(o) {
-              vt(o.item, o.source) && (n = o.item.cloneNode(!0), W.emit("cloned", n, o.item, "copy")), A = o.source, e = o.item, v = s = Y(o.item), W.dragging = !0, W.emit("drag", e, A);
+            function ve(r) {
+              vt(r.item, r.source) && (n = r.item.cloneNode(!0), W.emit("cloned", n, r.item, "copy")), E = r.source, e = r.item, v = s = Y(r.item), W.dragging = !0, W.emit("drag", e, E);
             }
             function Be() {
               return !1;
             }
             function Ae() {
               if (W.dragging) {
-                var o = n || e;
-                We(o, l(o));
+                var r = n || e;
+                qe(r, l(r));
               }
             }
             function Me() {
               ee = !1, de(!0), oe(!0);
             }
-            function Ne(o) {
+            function Ne(r) {
               if (Me(), !!W.dragging) {
-                var x = n || e, P = Q("clientX", o) || 0, X = Q("clientY", o) || 0, te = y(u, P, X), ne = Ke(te, P, X);
-                ne && (n && h.copySortSource || !n || ne !== A) ? We(x, ne) : h.removeOnSpill ? qe() : Ge();
+                var b = n || e, P = Q("clientX", r) || 0, X = Q("clientY", r) || 0, te = y(c, P, X), ne = Qe(te, P, X);
+                ne && (n && h.copySortSource || !n || ne !== E) ? qe(b, ne) : h.removeOnSpill ? Ge() : Ke();
               }
             }
-            function We(o, x) {
-              var P = l(o);
-              n && h.copySortSource && x === A && P.removeChild(e), Le(x) ? W.emit("cancel", o, A) : W.emit("drop", o, x, A, s), _e();
+            function qe(r, b) {
+              var P = l(r);
+              n && h.copySortSource && b === E && P.removeChild(e), Le(b) ? W.emit("cancel", r, E) : W.emit("drop", r, b, E, s), _e();
             }
-            function qe() {
+            function Ge() {
               if (W.dragging) {
-                var o = n || e, x = l(o);
-                x && x.removeChild(o), W.emit(n ? "cancel" : "remove", o, x, A), _e();
+                var r = n || e, b = l(r);
+                b && b.removeChild(r), W.emit(n ? "cancel" : "remove", r, b, E), _e();
               }
             }
-            function Ge(o) {
+            function Ke(r) {
               if (W.dragging) {
-                var x = arguments.length > 0 ? o : h.revertOnSpill, P = n || e, X = l(P), te = Le(X);
-                te === !1 && x && (n ? X && X.removeChild(n) : A.insertBefore(P, v)), te || x ? W.emit("cancel", P, A, A) : W.emit("drop", P, X, A, s), _e();
+                var b = arguments.length > 0 ? r : h.revertOnSpill, P = n || e, X = l(P), te = Le(X);
+                te === !1 && b && (n ? X && X.removeChild(n) : E.insertBefore(P, v)), te || b ? W.emit("cancel", P, E, E) : W.emit("drop", P, X, E, s), _e();
               }
             }
             function _e() {
-              var o = n || e;
-              Me(), ct(), lt(), o && p.rm(o, "gu-transit"), j && clearTimeout(j), W.dragging = !1, L && W.emit("out", o, L, A), W.emit("dragend", o, se), A = e = n = v = s = j = L = null;
+              var r = n || e;
+              Me(), ct(), lt(), r && p.rm(r, "gu-transit"), j && clearTimeout(j), W.dragging = !1, L && W.emit("out", r, L, E), W.emit("dragend", r, se), E = e = n = v = s = j = L = null;
             }
-            function Le(o, x) {
+            function Le(r, b) {
               var P;
-              return x !== void 0 ? P = x : u ? P = s : P = Y(n || e), o === A && P === v;
+              return b !== void 0 ? P = b : c ? P = s : P = Y(n || e), r === E && P === v;
             }
-            function Ke(o, x, P) {
-              for (var X = o; X && !te(); )
+            function Qe(r, b, P) {
+              for (var X = r; X && !te(); )
                 X = l(X);
               return X;
               function te() {
                 var ne = q(X);
                 if (ne === !1)
                   return !1;
-                var we = Qe(X, o), ge = Je(X, we, x, P), be = Le(X, ge);
-                return be ? !0 : h.accepts(e, X, A, ge);
+                var we = Je(X, r), ge = Ze(X, we, b, P), xe = Le(X, ge);
+                return xe ? !0 : h.accepts(e, X, E, ge);
               }
             }
-            function ke(o) {
-              if (!u)
+            function ke(r) {
+              if (!c)
                 return;
-              o.preventDefault();
-              var x = Q("clientX", o) || 0, P = Q("clientY", o) || 0;
-              u.style.left = x - 2 + "px", u.style.top = P - 2 + "px";
-              var X = n || e, te = y(u, x, P), ne = Ke(te, x, P), we = ne !== null && ne !== L;
-              (we || ne === null) && (xe(), L = ne, Ie()), mt(te, P);
+              r.preventDefault();
+              var b = Q("clientX", r) || 0, P = Q("clientY", r) || 0;
+              c.style.left = b - 2 + "px", c.style.top = P - 2 + "px";
+              var X = n || e, te = y(c, b, P), ne = Qe(te, b, P), we = ne !== null && ne !== L;
+              (we || ne === null) && (be(), L = ne, Ie()), mt(te, P);
               var ge = l(X);
-              if (ne === A && n && !h.copySortSource) {
+              if (ne === E && n && !h.copySortSource) {
                 ge && ge.removeChild(X);
                 return;
               }
-              var be, Pe = Qe(ne, te);
+              var xe, Pe = Je(ne, te);
               if (ie = ut(Pe, ne), Pe !== null)
-                be = Je(ne, Pe, x, P);
+                xe = Ze(ne, Pe, b, P);
               else if (h.revertOnSpill === !0 && !n)
-                be = v, ne = A;
+                xe = v, ne = E;
               else {
                 n && ge && ge.removeChild(X), n && V && (V.style.display = "none");
                 return;
               }
-              V.style.display = "block", ot(be, X, we), be ? dt(Pe, be) : pt(ne);
+              V.style.display = "block", ot(xe, X, we), xe ? dt(Pe, xe) : pt(ne);
               function ue(fe) {
-                W.emit(fe, X, L, A);
+                W.emit(fe, X, L, E);
               }
               function Ie() {
                 we && ue("over");
               }
-              function xe() {
+              function be() {
                 L && ue("out");
               }
             }
-            function ot(o, x, P) {
-              (o === x || o === Y(x)) && (s = Y(x)), (o === null && P || o !== x && o !== Y(x)) && (s = o);
+            function ot(r, b, P) {
+              (r === b || r === Y(b)) && (s = Y(b)), (r === null && P || r !== b && r !== Y(b)) && (s = r);
             }
-            function rt(o) {
-              p.rm(o, "gu-hide");
+            function rt(r) {
+              p.rm(r, "gu-hide");
             }
-            function it(o) {
-              W.dragging && p.add(o, "gu-hide");
+            function it(r) {
+              W.dragging && p.add(r, "gu-hide");
             }
             function st() {
-              u || (u = document.createElement("div"), u.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", u.innerHTML = h.getMirrorText && h.getMirrorText(e) || "控件", p.add(u, "gu-mirror"), h.mirrorContainer.appendChild(u), r(O, "add", "mousemove", ke), p.add(h.mirrorContainer, "gu-unselectable"), W.emit("cloned", u, e, "mirror"));
+              c || (c = document.createElement("div"), c.style = "background: grey; color: white; height: 24px; text-align: center; padding: 3px 10px; min-width: 100px;border-radius: 4px; box-shadow: 0 0 6px grey;", c.innerHTML = h.getMirrorText && h.getMirrorText(e) || "控件", p.add(c, "gu-mirror"), h.mirrorContainer.appendChild(c), i(F, "add", "mousemove", ke), p.add(h.mirrorContainer, "gu-unselectable"), W.emit("cloned", c, e, "mirror"));
             }
             function at() {
               if (V = document.createElement("div"), p.add(V, "gu-insertion"), e) {
-                var o = e.getBoundingClientRect();
-                V.style.left = o.left + "px", V.style.top = o.top + "px";
+                var r = e.getBoundingClientRect();
+                V.style.left = r.left + "px", V.style.top = r.top + "px";
               }
               ie = !1, h.mirrorContainer.appendChild(V);
             }
             function ct() {
-              u && (p.rm(h.mirrorContainer, "gu-unselectable"), r(O, "remove", "mousemove", ke), l(u).removeChild(u), u = null);
+              c && (p.rm(h.mirrorContainer, "gu-unselectable"), i(F, "remove", "mousemove", ke), l(c).removeChild(c), c = null);
             }
             function lt() {
               V && (l(V).removeChild(V), V = null);
             }
-            function Qe(o, x) {
-              for (var P = x; P !== o && l(P) !== o; )
+            function Je(r, b) {
+              for (var P = b; P !== r && l(P) !== r; )
                 P = l(P);
-              return P === O ? null : P;
+              return P === F ? null : P;
             }
-            function ut(o, x) {
-              if (!x)
+            function ut(r, b) {
+              if (!b)
                 return ie;
-              var P = o || x && x.lastElementChild;
+              var P = r || b && b.lastElementChild;
               if (!P)
                 return !0;
-              var X = getComputedStyle(o), te = /^inline/.test(X.getPropertyValue("display")) || /^(left|right)$/.test(X.getPropertyValue("float"));
+              var X = getComputedStyle(r), te = /^inline/.test(X.getPropertyValue("display")) || /^(left|right)$/.test(X.getPropertyValue("float"));
               if (te)
                 return !0;
-              if (x) {
-                var ne = getComputedStyle(x), we = ne.getPropertyValue("display");
+              if (b) {
+                var ne = getComputedStyle(b), we = ne.getPropertyValue("display");
                 if (/flex$/.test(we)) {
                   var ge = ne.getPropertyValue("flex-direction") || "row";
                   if (ge === "row" || ge === "row-reverse")
-                    return !ft(x);
+                    return !ft(b);
                 }
                 return !1;
               }
               return !0;
             }
-            function ft(o) {
-              if (!o.children || !o.children.length)
+            function ft(r) {
+              if (!r.children || !r.children.length)
                 return !1;
-              for (const x of Array.from(o.children)) {
-                const X = (x.className && x.className.split(" ") || []).filter((te) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(te));
+              for (const b of Array.from(r.children)) {
+                const X = (b.className && b.className.split(" ") || []).filter((te) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(te));
                 if (!X.length)
                   return !1;
                 for (const te of X) {
@@ -675,89 +675,89 @@ var nt = { exports: {} };
               }
               return !0;
             }
-            function dt(o, x) {
-              const P = x.getBoundingClientRect();
+            function dt(r, b) {
+              const P = b.getBoundingClientRect();
               if (V.style.left = P.left + "px", V.style.top = P.top + "px", ie) {
-                if (V.style.height = P.height + "px", V.style.width = "4px", o) {
-                  const X = o.getBoundingClientRect();
+                if (V.style.height = P.height + "px", V.style.width = "4px", r) {
+                  const X = r.getBoundingClientRect();
                   X.top !== P.top && (V.style.left = X.right + "px", V.style.top = X.top + "px", V.style.height = X.height + "px");
                 }
-              } else if (V.style.height = "4px", V.style.width = P.width + "px", N) {
-                const X = N.getBoundingClientRect();
+              } else if (V.style.height = "4px", V.style.width = P.width + "px", D) {
+                const X = D.getBoundingClientRect();
                 P.top < X.top && (V.style.display = "none");
               }
-              x === e && e && (V.style.display = "none");
+              b === e && e && (V.style.display = "none");
             }
-            function pt(o) {
+            function pt(r) {
               s = null;
-              var x = o.lastElementChild;
-              if (x) {
-                var P = x.getBoundingClientRect();
-                ie ? (V.style.left = P.right + "px", V.style.top = P.top + "px", V.style.height = P.height + "px", V.style.width = "4px") : (V.style.left = P.left + "px", V.style.top = P.bottom + "px", V.style.height = "4px", V.style.width = P.width + "px"), x === e && e && (V.style.display = "none");
+              var b = r.lastElementChild;
+              if (b) {
+                var P = b.getBoundingClientRect();
+                ie ? (V.style.left = P.right + "px", V.style.top = P.top + "px", V.style.height = P.height + "px", V.style.width = "4px") : (V.style.left = P.left + "px", V.style.top = P.bottom + "px", V.style.height = "4px", V.style.width = P.width + "px"), b === e && e && (V.style.display = "none");
               } else
                 V.style.display = "none";
             }
-            function mt(o, x) {
-              if (!h.mirrorContainer.contains(o) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (N = S(o), !N || !N.contains(o)))
+            function mt(r, b) {
+              if (!h.mirrorContainer.contains(r) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (D = S(r), !D || !D.contains(r)))
                 return;
-              const P = document.querySelector(".dgComponentSelected"), X = N.getBoundingClientRect();
-              if (x - 30 < X.top && N.scrollTop > 0) {
-                let te = N.scrollTop < 10 ? N.scrollTop : 10;
-                N.scrollBy(0, -1 * te), P && N.contains(P) && (se = se + -1 * te);
+              const P = document.querySelector(".dgComponentSelected"), X = D.getBoundingClientRect();
+              if (b - 30 < X.top && D.scrollTop > 0) {
+                let te = D.scrollTop < 10 ? D.scrollTop : 10;
+                D.scrollBy(0, -1 * te), P && D.contains(P) && (se = se + -1 * te);
               }
-              if (x + 30 > X.bottom && N.scrollTop < N.scrollHeight - N.clientHeight) {
-                const te = N.scrollHeight - N.clientHeight - N.scrollTop;
+              if (b + 30 > X.bottom && D.scrollTop < D.scrollHeight - D.clientHeight) {
+                const te = D.scrollHeight - D.clientHeight - D.scrollTop;
                 let ne = te < 10 ? te : 10;
-                N.scrollBy(0, ne), P && N.contains(P) && (se = se + ne);
+                D.scrollBy(0, ne), P && D.contains(P) && (se = se + ne);
               }
             }
-            function Je(o, x, P, X) {
-              var te = h.direction === "horizontal", ne = h.direction === "mixed", we = x !== o ? be() : ge();
+            function Ze(r, b, P, X) {
+              var te = h.direction === "horizontal", ne = h.direction === "mixed", we = b !== r ? xe() : ge();
               return we;
               function ge() {
-                var ue = o.children.length, Ie, xe, fe;
+                var ue = r.children.length, Ie, be, fe;
                 for (Ie = 0; Ie < ue; Ie++)
-                  if (xe = o.children[Ie], fe = xe.getBoundingClientRect(), te && fe.left + fe.width / 2 > P || !ne && !te && fe.top + fe.height / 2 > X || ne && fe.left + fe.width > P && fe.top + fe.height > X)
-                    return xe;
+                  if (be = r.children[Ie], fe = be.getBoundingClientRect(), te && fe.left + fe.width / 2 > P || !ne && !te && fe.top + fe.height / 2 > X || ne && fe.left + fe.width > P && fe.top + fe.height > X)
+                    return be;
                 return null;
               }
-              function be() {
-                var ue = x.getBoundingClientRect();
+              function xe() {
+                var ue = b.getBoundingClientRect();
                 if (ne) {
-                  var Ie = X - ue.top, xe = P - ue.left, fe = ue.bottom - X, Re = ue.right - P, Ve = Math.min(xe, Re, Ie, fe), Xe;
-                  return ie ? Xe = Re < xe : Xe = fe === Ve || Re === Ve || xe === Ve, Pe(Xe);
+                  var Ie = X - ue.top, be = P - ue.left, fe = ue.bottom - X, Re = ue.right - P, Ve = Math.min(be, Re, Ie, fe), Xe;
+                  return ie ? Xe = Re < be : Xe = fe === Ve || Re === Ve || be === Ve, Pe(Xe);
                 }
                 return Pe(te ? P > ue.left + $(ue) / 2 : X > ue.top + R(ue) / 2);
               }
               function Pe(ue) {
-                return ue ? Y(x) : x;
+                return ue ? Y(b) : b;
               }
             }
-            function vt(o, x) {
-              return typeof h.copy == "boolean" ? h.copy : h.copy(o, x);
+            function vt(r, b) {
+              return typeof h.copy == "boolean" ? h.copy : h.copy(r, b);
             }
           }
           function S(m) {
             const G = Array.from(window.scrollContainerList);
             if (G.length === 1) {
-              const u = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(u);
+              const c = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(c);
             }
-            const Z = f(G);
-            for (const u of Z)
-              if (u.contains(m))
-                return u;
+            const Z = d(G);
+            for (const c of Z)
+              if (c.contains(m))
+                return c;
             return null;
           }
-          function f(m) {
+          function d(m) {
             const G = [];
             return m.forEach((Z) => {
-              const u = document.getElementById(Z);
-              u && G.push(u);
-            }), G.sort((Z, u) => Z.contains(u) ? 1 : u.contains(Z) ? -1 : 0), G;
+              const c = document.getElementById(Z);
+              c && G.push(c);
+            }), G.sort((Z, c) => Z.contains(c) ? 1 : c.contains(Z) ? -1 : 0), G;
           }
-          function r(m, G, Z, u) {
-            var A = {
+          function i(m, G, Z, c) {
+            var E = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
@@ -770,9 +770,9 @@ var nt = { exports: {} };
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            g.navigator.pointerEnabled ? b[G](m, e[Z], u) : g.navigator.msPointerEnabled ? b[G](m, t[Z], u) : (b[G](m, A[Z], u), b[G](m, Z, u));
+            g.navigator.pointerEnabled ? x[G](m, e[Z], c) : g.navigator.msPointerEnabled ? x[G](m, t[Z], c) : (x[G](m, E[Z], c), x[G](m, Z, c));
           }
-          function i(m) {
+          function o(m) {
             if (m.touches !== void 0)
               return m.touches.length;
             if (m.which !== void 0 && m.which !== 0)
@@ -785,13 +785,13 @@ var nt = { exports: {} };
           }
           function y(m, G, Z) {
             m = m || {};
-            var u = m.className || "", A;
-            return m.className += " gu-hide", A = T.elementFromPoint(G, Z), m.className = u, A;
+            var c = m.className || "", E;
+            return m.className += " gu-hide", E = T.elementFromPoint(G, Z), m.className = c, E;
           }
           function a() {
             return !1;
           }
-          function F() {
+          function O() {
             return !0;
           }
           function $(m) {
@@ -803,7 +803,7 @@ var nt = { exports: {} };
           function l(m) {
             return m.parentNode === T ? null : m.parentNode;
           }
-          function E(m) {
+          function A(m) {
             return m.tagName === "INPUT" || m.tagName === "TEXTAREA" || m.tagName === "SELECT" || U(m);
           }
           function U(m) {
@@ -823,101 +823,101 @@ var nt = { exports: {} };
             return m.targetTouches && m.targetTouches.length ? m.targetTouches[0] : m.changedTouches && m.changedTouches.length ? m.changedTouches[0] : m;
           }
           function Q(m, G) {
-            var Z = re(G), u = {
+            var Z = re(G), c = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return m in u && !(m in Z) && u[m] in Z && (m = u[m]), Z[m];
+            return m in c && !(m in Z) && c[m] in Z && (m = c[m]), Z[m];
           }
-          w.exports = d;
+          w.exports = f;
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
-      3: [function(I, w, B) {
-        w.exports = function(C, b) {
-          return Array.prototype.slice.call(C, b);
+      3: [function(I, w, N) {
+        w.exports = function(C, x) {
+          return Array.prototype.slice.call(C, x);
         };
       }, {}],
-      4: [function(I, w, B) {
+      4: [function(I, w, N) {
         var g = I("ticky");
-        w.exports = function(b, p, T) {
-          b && g(function() {
-            b.apply(T || null, p || []);
+        w.exports = function(x, p, T) {
+          x && g(function() {
+            x.apply(T || null, p || []);
           });
         };
       }, { ticky: 10 }],
-      5: [function(I, w, B) {
+      5: [function(I, w, N) {
         var g = I("atoa"), C = I("./debounce");
         w.exports = function(p, T) {
-          var O = T || {}, d = {};
-          return p === void 0 && (p = {}), p.on = function(S, f) {
-            return d[S] ? d[S].push(f) : d[S] = [f], p;
-          }, p.once = function(S, f) {
-            return f._once = !0, p.on(S, f), p;
-          }, p.off = function(S, f) {
-            var r = arguments.length;
-            if (r === 1)
-              delete d[S];
-            else if (r === 0)
-              d = {};
+          var F = T || {}, f = {};
+          return p === void 0 && (p = {}), p.on = function(S, d) {
+            return f[S] ? f[S].push(d) : f[S] = [d], p;
+          }, p.once = function(S, d) {
+            return d._once = !0, p.on(S, d), p;
+          }, p.off = function(S, d) {
+            var i = arguments.length;
+            if (i === 1)
+              delete f[S];
+            else if (i === 0)
+              f = {};
             else {
-              var i = d[S];
-              if (!i)
+              var o = f[S];
+              if (!o)
                 return p;
-              i.splice(i.indexOf(f), 1);
+              o.splice(o.indexOf(d), 1);
             }
             return p;
           }, p.emit = function() {
             var S = g(arguments);
             return p.emitterSnapshot(S.shift()).apply(this, S);
           }, p.emitterSnapshot = function(S) {
-            var f = (d[S] || []).slice(0);
+            var d = (f[S] || []).slice(0);
             return function() {
-              var r = g(arguments), i = this || p;
-              if (S === "error" && O.throws !== !1 && !f.length)
-                throw r.length === 1 ? r[0] : r;
-              return f.forEach(function(a) {
-                O.async ? C(a, r, i) : a.apply(i, r), a._once && p.off(S, a);
+              var i = g(arguments), o = this || p;
+              if (S === "error" && F.throws !== !1 && !d.length)
+                throw i.length === 1 ? i[0] : i;
+              return d.forEach(function(a) {
+                F.async ? C(a, i, o) : a.apply(o, i), a._once && p.off(S, a);
               }), p;
             };
           }, p;
         };
       }, { "./debounce": 4, atoa: 3 }],
-      6: [function(I, w, B) {
+      6: [function(I, w, N) {
         (function(g) {
-          var C = I("custom-event"), b = I("./eventmap"), p = g.document, T = S, O = r, d = [];
-          g.addEventListener || (T = f, O = i), w.exports = {
+          var C = I("custom-event"), x = I("./eventmap"), p = g.document, T = S, F = i, f = [];
+          g.addEventListener || (T = d, F = o), w.exports = {
             add: T,
-            remove: O,
+            remove: F,
             fabricate: y
           };
-          function S(l, E, U, Y) {
-            return l.addEventListener(E, U, Y);
+          function S(l, A, U, Y) {
+            return l.addEventListener(A, U, Y);
           }
-          function f(l, E, U) {
-            return l.attachEvent("on" + E, F(l, E, U));
+          function d(l, A, U) {
+            return l.attachEvent("on" + A, O(l, A, U));
           }
-          function r(l, E, U, Y) {
-            return l.removeEventListener(E, U, Y);
+          function i(l, A, U, Y) {
+            return l.removeEventListener(A, U, Y);
           }
-          function i(l, E, U) {
-            var Y = $(l, E, U);
+          function o(l, A, U) {
+            var Y = $(l, A, U);
             if (Y)
-              return l.detachEvent("on" + E, Y);
+              return l.detachEvent("on" + A, Y);
           }
-          function y(l, E, U) {
-            var Y = b.indexOf(E) === -1 ? Q() : re();
-            l.dispatchEvent ? l.dispatchEvent(Y) : l.fireEvent("on" + E, Y);
+          function y(l, A, U) {
+            var Y = x.indexOf(A) === -1 ? Q() : re();
+            l.dispatchEvent ? l.dispatchEvent(Y) : l.fireEvent("on" + A, Y);
             function re() {
               var m;
-              return p.createEvent ? (m = p.createEvent("Event"), m.initEvent(E, !0, !0)) : p.createEventObject && (m = p.createEventObject()), m;
+              return p.createEvent ? (m = p.createEvent("Event"), m.initEvent(A, !0, !0)) : p.createEventObject && (m = p.createEventObject()), m;
             }
             function Q() {
-              return new C(E, { detail: U });
+              return new C(A, { detail: U });
             }
           }
-          function a(l, E, U) {
+          function a(l, A, U) {
             return function(re) {
               var Q = re || g.event;
               Q.target = Q.target || Q.srcElement, Q.preventDefault = Q.preventDefault || function() {
@@ -927,42 +927,42 @@ var nt = { exports: {} };
               }, Q.which = Q.which || Q.keyCode, U.call(l, Q);
             };
           }
-          function F(l, E, U) {
-            var Y = $(l, E, U) || a(l, E, U);
-            return d.push({
+          function O(l, A, U) {
+            var Y = $(l, A, U) || a(l, A, U);
+            return f.push({
               wrapper: Y,
               element: l,
-              type: E,
+              type: A,
               fn: U
             }), Y;
           }
-          function $(l, E, U) {
-            var Y = R(l, E, U);
+          function $(l, A, U) {
+            var Y = R(l, A, U);
             if (Y) {
-              var re = d[Y].wrapper;
-              return d.splice(Y, 1), re;
+              var re = f[Y].wrapper;
+              return f.splice(Y, 1), re;
             }
           }
-          function R(l, E, U) {
+          function R(l, A, U) {
             var Y, re;
-            for (Y = 0; Y < d.length; Y++)
-              if (re = d[Y], re.element === l && re.type === E && re.fn === U)
+            for (Y = 0; Y < f.length; Y++)
+              if (re = f[Y], re.element === l && re.type === A && re.fn === U)
                 return Y;
           }
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
-      7: [function(I, w, B) {
+      7: [function(I, w, N) {
         (function(g) {
-          var C = [], b = "", p = /^on/;
-          for (b in g)
-            p.test(b) && C.push(b.slice(2));
+          var C = [], x = "", p = /^on/;
+          for (x in g)
+            p.test(x) && C.push(x.slice(2));
           w.exports = C;
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      8: [function(I, w, B) {
+      8: [function(I, w, N) {
         (function(g) {
           var C = g.CustomEvent;
-          function b() {
+          function x() {
             try {
               var p = new C("cat", { detail: { foo: "bar" } });
               return p.type === "cat" && p.detail.foo === "bar";
@@ -970,23 +970,23 @@ var nt = { exports: {} };
             }
             return !1;
           }
-          w.exports = b() ? C : (
+          w.exports = x() ? C : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(T, O) {
-              var d = document.createEvent("CustomEvent");
-              return O ? d.initCustomEvent(T, O.bubbles, O.cancelable, O.detail) : d.initCustomEvent(T, !1, !1, void 0), d;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(T, F) {
+              var f = document.createEvent("CustomEvent");
+              return F ? f.initCustomEvent(T, F.bubbles, F.cancelable, F.detail) : f.initCustomEvent(T, !1, !1, void 0), f;
             } : (
               // IE <= 8
-              function(T, O) {
-                var d = document.createEventObject();
-                return d.type = T, O ? (d.bubbles = !!O.bubbles, d.cancelable = !!O.cancelable, d.detail = O.detail) : (d.bubbles = !1, d.cancelable = !1, d.detail = void 0), d;
+              function(T, F) {
+                var f = document.createEventObject();
+                return f.type = T, F ? (f.bubbles = !!F.bubbles, f.cancelable = !!F.cancelable, f.detail = F.detail) : (f.bubbles = !1, f.cancelable = !1, f.detail = void 0), f;
               }
             )
           );
         }).call(this, typeof Se < "u" ? Se : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      9: [function(I, w, B) {
-        var g = w.exports = {}, C, b;
+      9: [function(I, w, N) {
+        var g = w.exports = {}, C, x;
         function p() {
           throw new Error("setTimeout has not been defined");
         }
@@ -1000,12 +1000,12 @@ var nt = { exports: {} };
             C = p;
           }
           try {
-            typeof clearTimeout == "function" ? b = clearTimeout : b = T;
+            typeof clearTimeout == "function" ? x = clearTimeout : x = T;
           } catch {
-            b = T;
+            x = T;
           }
         })();
-        function O(R) {
+        function F(R) {
           if (C === setTimeout)
             return setTimeout(R, 0);
           if ((C === p || !C) && setTimeout)
@@ -1020,48 +1020,48 @@ var nt = { exports: {} };
             }
           }
         }
-        function d(R) {
-          if (b === clearTimeout)
+        function f(R) {
+          if (x === clearTimeout)
             return clearTimeout(R);
-          if ((b === T || !b) && clearTimeout)
-            return b = clearTimeout, clearTimeout(R);
+          if ((x === T || !x) && clearTimeout)
+            return x = clearTimeout, clearTimeout(R);
           try {
-            return b(R);
+            return x(R);
           } catch {
             try {
-              return b.call(null, R);
+              return x.call(null, R);
             } catch {
-              return b.call(this, R);
+              return x.call(this, R);
             }
           }
         }
-        var S = [], f = !1, r, i = -1;
+        var S = [], d = !1, i, o = -1;
         function y() {
-          !f || !r || (f = !1, r.length ? S = r.concat(S) : i = -1, S.length && a());
+          !d || !i || (d = !1, i.length ? S = i.concat(S) : o = -1, S.length && a());
         }
         function a() {
-          if (!f) {
-            var R = O(y);
-            f = !0;
+          if (!d) {
+            var R = F(y);
+            d = !0;
             for (var l = S.length; l; ) {
-              for (r = S, S = []; ++i < l; )
-                r && r[i].run();
-              i = -1, l = S.length;
+              for (i = S, S = []; ++o < l; )
+                i && i[o].run();
+              o = -1, l = S.length;
             }
-            r = null, f = !1, d(R);
+            i = null, d = !1, f(R);
           }
         }
         g.nextTick = function(R) {
           var l = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            for (var E = 1; E < arguments.length; E++)
-              l[E - 1] = arguments[E];
-          S.push(new F(R, l)), S.length === 1 && !f && O(a);
+            for (var A = 1; A < arguments.length; A++)
+              l[A - 1] = arguments[A];
+          S.push(new O(R, l)), S.length === 1 && !d && F(a);
         };
-        function F(R, l) {
+        function O(R, l) {
           this.fun = R, this.array = l;
         }
-        F.prototype.run = function() {
+        O.prototype.run = function() {
           this.fun.apply(null, this.array);
         }, g.title = "browser", g.browser = !0, g.env = {}, g.argv = [], g.version = "", g.versions = {};
         function $() {
@@ -1078,49 +1078,49 @@ var nt = { exports: {} };
           return 0;
         };
       }, {}],
-      10: [function(I, w, B) {
+      10: [function(I, w, N) {
         (function(g) {
-          var C = typeof g == "function", b;
-          C ? b = function(p) {
+          var C = typeof g == "function", x;
+          C ? x = function(p) {
             g(p);
-          } : b = function(p) {
+          } : x = function(p) {
             setTimeout(p, 0);
-          }, w.exports = b;
+          }, w.exports = x;
         }).call(this, I("timers").setImmediate);
       }, { timers: 11 }],
-      11: [function(I, w, B) {
+      11: [function(I, w, N) {
         (function(g, C) {
-          var b = I("process/browser.js").nextTick, p = Function.prototype.apply, T = Array.prototype.slice, O = {}, d = 0;
-          B.setTimeout = function() {
+          var x = I("process/browser.js").nextTick, p = Function.prototype.apply, T = Array.prototype.slice, F = {}, f = 0;
+          N.setTimeout = function() {
             return new S(p.call(setTimeout, window, arguments), clearTimeout);
-          }, B.setInterval = function() {
+          }, N.setInterval = function() {
             return new S(p.call(setInterval, window, arguments), clearInterval);
-          }, B.clearTimeout = B.clearInterval = function(f) {
-            f.close();
+          }, N.clearTimeout = N.clearInterval = function(d) {
+            d.close();
           };
-          function S(f, r) {
-            this._id = f, this._clearFn = r;
+          function S(d, i) {
+            this._id = d, this._clearFn = i;
           }
           S.prototype.unref = S.prototype.ref = function() {
           }, S.prototype.close = function() {
             this._clearFn.call(window, this._id);
-          }, B.enroll = function(f, r) {
-            clearTimeout(f._idleTimeoutId), f._idleTimeout = r;
-          }, B.unenroll = function(f) {
-            clearTimeout(f._idleTimeoutId), f._idleTimeout = -1;
-          }, B._unrefActive = B.active = function(f) {
-            clearTimeout(f._idleTimeoutId);
-            var r = f._idleTimeout;
-            r >= 0 && (f._idleTimeoutId = setTimeout(function() {
-              f._onTimeout && f._onTimeout();
-            }, r));
-          }, B.setImmediate = typeof g == "function" ? g : function(f) {
-            var r = d++, i = arguments.length < 2 ? !1 : T.call(arguments, 1);
-            return O[r] = !0, b(function() {
-              O[r] && (i ? f.apply(null, i) : f.call(null), B.clearImmediate(r));
-            }), r;
-          }, B.clearImmediate = typeof C == "function" ? C : function(f) {
-            delete O[f];
+          }, N.enroll = function(d, i) {
+            clearTimeout(d._idleTimeoutId), d._idleTimeout = i;
+          }, N.unenroll = function(d) {
+            clearTimeout(d._idleTimeoutId), d._idleTimeout = -1;
+          }, N._unrefActive = N.active = function(d) {
+            clearTimeout(d._idleTimeoutId);
+            var i = d._idleTimeout;
+            i >= 0 && (d._idleTimeoutId = setTimeout(function() {
+              d._onTimeout && d._onTimeout();
+            }, i));
+          }, N.setImmediate = typeof g == "function" ? g : function(d) {
+            var i = f++, o = arguments.length < 2 ? !1 : T.call(arguments, 1);
+            return F[i] = !0, x(function() {
+              F[i] && (o ? d.apply(null, o) : d.call(null), N.clearImmediate(i));
+            }), i;
+          }, N.clearImmediate = typeof C == "function" ? C : function(d) {
+            delete F[d];
           };
         }).call(this, I("timers").setImmediate, I("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
@@ -1128,166 +1128,166 @@ var nt = { exports: {} };
   });
 })(nt);
 var Fn = nt.exports;
-const Ze = /* @__PURE__ */ On(Fn);
-function An(D) {
+const et = /* @__PURE__ */ En(Fn);
+function An(B) {
   let z;
-  function I(r, i, y) {
+  function I(i, o, y) {
     const a = {};
-    return a.sourceElement = r, a.sourceContainer = y, a.targetContainer = i, a.sourceType = r.getAttribute("data-sourceType") || "move", a.controlType = r.getAttribute("data-controlType"), a.controlTypeName = r.getAttribute("data-controlTypeName"), a.controlCategory = r.getAttribute("data-category"), a.controlFeature = r.getAttribute("data-feature"), a.parentComponentInstance = i.componentInstance, a.controlCategory === "input" ? a.bindingType = "field" : a.controlCategory === "dataCollection" && (a.bindingType = "entity"), r.componentInstance && (a.controlType = r.componentInstance.value.schema.type, a.controlCategory = r.componentInstance.value.schema.category), a;
+    return a.sourceElement = i, a.sourceContainer = y, a.targetContainer = o, a.sourceType = i.getAttribute("data-sourceType") || "move", a.controlType = i.getAttribute("data-controlType"), a.controlTypeName = i.getAttribute("data-controlTypeName"), a.controlCategory = i.getAttribute("data-category"), a.controlFeature = i.getAttribute("data-feature"), a.parentComponentInstance = o.componentInstance, a.controlCategory === "input" ? a.bindingType = "field" : a.controlCategory === "dataCollection" && (a.bindingType = "entity"), i.componentInstance && (a.controlType = i.componentInstance.value.schema.type, a.controlCategory = i.componentInstance.value.schema.category), a;
   }
-  function w(r, i, y) {
-    if (r.contains(i) || i.classList.contains("no-drop"))
+  function w(i, o, y) {
+    if (i.contains(o) || o.classList.contains("no-drop"))
       return !1;
     const a = !0;
-    if (r.componentInstance && r.componentInstance.value.getDragScopeElement) {
-      const F = r.componentInstance.value.getDragScopeElement();
-      if (F && !F.contains(i))
+    if (i.componentInstance && i.componentInstance.value.getDragScopeElement) {
+      const O = i.componentInstance.value.getDragScopeElement();
+      if (O && !O.contains(o))
         return !1;
     }
-    if (i.componentInstance && i.componentInstance.value.canAccepts) {
-      const F = I(r, i, y);
-      return i.componentInstance.value.canAccepts(F);
+    if (o.componentInstance && o.componentInstance.value.canAccepts) {
+      const O = I(i, o, y);
+      return o.componentInstance.value.canAccepts(O);
     }
     return a;
   }
-  function B(r, i) {
-    const y = i.getBoundingClientRect(), a = r.getBoundingClientRect(), F = a.top >= y.top, $ = a.top < y.bottom;
-    return F && $;
+  function N(i, o) {
+    const y = o.getBoundingClientRect(), a = i.getBoundingClientRect(), O = a.top >= y.top, $ = a.top < y.bottom;
+    return O && $;
   }
-  function g(r, i) {
-    const y = r.querySelector(".dgComponentSelected");
-    if (!(!y || i === 0) && B(y, r)) {
+  function g(i, o) {
+    const y = i.querySelector(".dgComponentSelected");
+    if (!(!y || o === 0) && N(y, i)) {
       const a = y.querySelector(".component-btn-group");
       if (a) {
-        const F = a.querySelector("div");
-        if (F && F.style.top) {
-          const $ = Number.parseFloat(F.style.top);
-          F.style.top = $ - i + "px";
+        const O = a.querySelector("div");
+        if (O && O.style.top) {
+          const $ = Number.parseFloat(O.style.top);
+          O.style.top = $ - o + "px";
         }
       }
     }
   }
-  function C(r, i, y) {
-    r.componentInstance;
+  function C(i, o, y) {
+    i.componentInstance;
     let a = -1;
-    if (!i)
+    if (!o)
       return -1;
-    if (r.componentInstance.value.contents) {
+    if (i.componentInstance.value.contents) {
       if (y && y.componentInstance) {
         if (y.getAttribute("data-noattach"))
           a = Number(y.getAttribute("data-position"));
         else {
-          const F = y.componentInstance.value.schema;
-          let $ = { id: F.id };
-          F.type === "Component" && ($ = { component: F.id }), a = Ye(r.componentInstance.value.contents, $), a = a === -1 ? 0 : a;
+          const O = y.componentInstance.value.schema;
+          let $ = { id: O.id };
+          O.type === "Component" && ($ = { component: O.id }), a = Ye(i.componentInstance.value.contents, $), a = a === -1 ? 0 : a;
         }
-        a !== -1 && r.componentInstance.value.contents.splice(a, 0, i);
+        a !== -1 && i.componentInstance.value.contents.splice(a, 0, o);
       } else
-        r.componentInstance.value.contents.push(i);
-      r.componentInstance.value.updateDragAndDropRules();
+        i.componentInstance.value.contents.push(o);
+      i.componentInstance.value.updateDragAndDropRules();
     }
     return a;
   }
-  function b(r, i) {
-    if (!r.componentInstance.value.contents)
+  function x(i, o) {
+    if (!i.componentInstance.value.contents)
       return -1;
-    if (r.componentInstance.value.contents.length === 0)
+    if (i.componentInstance.value.contents.length === 0)
       return 0;
-    if (!i || !i.componentInstance)
-      return r.componentInstance.value.contents.length;
-    if (i.getAttribute("data-noattach"))
-      return Number(i.getAttribute("data-position"));
-    const y = i.componentInstance.value.schema;
+    if (!o || !o.componentInstance)
+      return i.componentInstance.value.contents.length;
+    if (o.getAttribute("data-noattach"))
+      return Number(o.getAttribute("data-position"));
+    const y = o.componentInstance.value.schema;
     let a;
     y.type === "Component" ? a = { component: y.id } : a = { id: y.id };
-    let F = Ye(r.componentInstance.value.contents, a);
-    return F = F === -1 ? 0 : F, F;
+    let O = Ye(i.componentInstance.value.contents, a);
+    return O = O === -1 ? 0 : O, O;
   }
-  function p(r, i, y, a) {
-    if (i.componentInstance.value.addNewChildComponentSchema) {
-      const F = b(i, a), $ = String(r.getAttribute("data-controltype")), R = r.getAttribute("data-feature"), l = String(r.innerText), E = i.componentInstance.value, U = { componentType: $, label: l, parentComponentInstance: E, targetPosition: F }, Y = R ? JSON.parse(R) : {}, re = Object.assign(U, Y), Q = i.componentInstance.value.addNewChildComponentSchema(re, D);
-      C(i, Q, a);
+  function p(i, o, y, a) {
+    if (o.componentInstance.value.addNewChildComponentSchema) {
+      const O = x(o, a), $ = String(i.getAttribute("data-controltype")), R = i.getAttribute("data-feature"), l = String(i.innerText), A = o.componentInstance.value, U = { componentType: $, label: l, parentComponentInstance: A, targetPosition: O }, Y = R ? JSON.parse(R) : {}, re = Object.assign(U, Y), Q = o.componentInstance.value.addNewChildComponentSchema(re, B);
+      C(o, Q, a);
     }
-    i.contains(r) && i.removeChild(r);
+    o.contains(i) && o.removeChild(i);
   }
-  function T(r, i, y, a) {
-    let F, $ = -1;
-    if (r.componentInstance && r.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
-      const E = r.componentInstance.value.getBelongedComponentInstance(r.componentInstance);
-      E && (r = H(E.elementRef).value.parentElement, y = r.parentElement);
+  function T(i, o, y, a) {
+    let O, $ = -1;
+    if (i.componentInstance && i.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
+      const A = i.componentInstance.value.getBelongedComponentInstance(i.componentInstance);
+      A && (i = H(A.elementRef).value.parentElement, y = i.parentElement);
     }
-    const R = r.componentInstance && r.componentInstance.value.schema;
+    const R = i.componentInstance && i.componentInstance.value.schema;
     let l = { id: R && R.id };
-    R.type === "component" && (l = { component: R && R.id }), $ = Ye(y.componentInstance.value.contents, l), $ !== -1 && y.componentInstance.value.contents && (F = y.componentInstance.value.contents.splice($, 1), F = F[0]), C(i, F, a), y.componentInstance && y.componentInstance.value.onChildElementMovedOut && y.componentInstance.value.onChildElementMovedOut(r), i.componentInstance && i.componentInstance.value.onAcceptMovedChildElement && i.componentInstance.value.onAcceptMovedChildElement(r, y);
+    R.type === "component" && (l = { component: R && R.id }), $ = Ye(y.componentInstance.value.contents, l), $ !== -1 && y.componentInstance.value.contents && (O = y.componentInstance.value.contents.splice($, 1), O = O[0]), C(o, O, a), y.componentInstance && y.componentInstance.value.onChildElementMovedOut && y.componentInstance.value.onChildElementMovedOut(i), o.componentInstance && o.componentInstance.value.onAcceptMovedChildElement && o.componentInstance.value.onAcceptMovedChildElement(i, y);
   }
-  function O(r, i, y, a) {
-    if (!i || r.contains(i))
+  function F(i, o, y, a) {
+    if (!o || i.contains(o))
       return;
-    switch (r.getAttribute("data-sourceType")) {
+    switch (i.getAttribute("data-sourceType")) {
       case "control":
       case "field":
       case "entity": {
-        p(r, i, y, a);
+        p(i, o, y, a);
         break;
       }
       default:
-        y.componentInstance.value.contents ? T(r, i, y, a) : i.contains(r) && i.removeChild(r);
+        y.componentInstance.value.contents ? T(i, o, y, a) : o.contains(i) && o.removeChild(i);
     }
-    Oe.value++;
+    Ee.value++;
   }
-  function d(r) {
-    z && z.destroy(), Ze && (z = Ze([], {
+  function f(i) {
+    z && z.destroy(), et && (z = et([], {
       // 镜像容器
-      mirrorContainer: r,
+      mirrorContainer: i,
       direction: "mixed",
       revertOnSpill: !0,
       // 判断是否可移动
-      moves(i, y, a) {
-        let F = !0;
-        return i.classList.contains("no-drag") && (F = !1), i.componentInstance && (F = !!a.getAttribute("data-dragging-icon")), F;
+      moves(o, y, a) {
+        let O = !0;
+        return o.classList.contains("no-drag") && (O = !1), o.componentInstance && (O = !!a.getAttribute("data-dragging-icon")), O;
       },
       // 判断是否可拷贝
-      copy(i) {
-        return i.classList.contains("drag-copy");
+      copy(o) {
+        return o.classList.contains("drag-copy");
       },
       // 获取镜像元素的文本内容
-      getMirrorText(i) {
-        return i.componentInstance && i.componentInstance.value.getDraggingDisplayText ? i.componentInstance.value.getDraggingDisplayText() : i.innerText || "控件";
+      getMirrorText(o) {
+        return o.componentInstance && o.componentInstance.value.getDraggingDisplayText ? o.componentInstance.value.getDraggingDisplayText() : o.innerText || "控件";
       },
       // 判断目标区域是否可接收拖拽的控件
-      accepts(i, y, a) {
-        const F = w(i, y, a), $ = r.lastElementChild;
-        return F ? $.className = $.className.replace("undroppable", "") : $.className.includes("undroppable") || ($.className += " undroppable"), F;
+      accepts(o, y, a) {
+        const O = w(o, y, a), $ = i.lastElementChild;
+        return O ? $.className = $.className.replace("undroppable", "") : $.className.includes("undroppable") || ($.className += " undroppable"), O;
       }
-    }).on("over", (i, y) => {
+    }).on("over", (o, y) => {
       y.className += " drag-over";
-    }).on("out", (i, y) => {
+    }).on("out", (o, y) => {
       y.className = y.className.replace("drag-over", "").replace("  ", "");
-    }).on("drop", (i, y, a, F) => {
-      O(i, y, a, F);
-    }).on("dragend", (i, y) => {
-      g(i, y);
+    }).on("drop", (o, y, a, O) => {
+      F(o, y, a, O);
+    }).on("dragend", (o, y) => {
+      g(o, y);
     }));
   }
-  function S(r, i) {
-    if (!r)
+  function S(i, o) {
+    if (!i)
       return;
-    if (i.noDragDrop)
-      return r;
-    const y = r.querySelector(`[data-dragref='${i.id}-container']`) || r;
+    if (o.noDragDrop)
+      return i;
+    const y = i.querySelector(`[data-dragref='${o.id}-container']`) || i;
     z && y && z.containers.push(y);
   }
-  function f() {
+  function d() {
     if (!z)
       return;
-    const r = document.getElementsByClassName("controlCategory");
-    r && (z.containers = z.containers.filter(
-      (i) => !i.className.includes("controlCategory")
-    ), Array.from(r).forEach((i) => {
-      z.containers.push(i);
+    const i = document.getElementsByClassName("controlCategory");
+    i && (z.containers = z.containers.filter(
+      (o) => !o.className.includes("controlCategory")
+    ), Array.from(i).forEach((o) => {
+      z.containers.push(o);
     }));
   }
-  return { attachComponents: S, attachToolbox: f, initializeDragula: d };
+  return { attachComponents: S, attachToolbox: d, initializeDragula: f };
 }
 const Nn = {
   id: { type: String, default: "" },
@@ -1305,9 +1305,9 @@ const Nn = {
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
 }, M = {}, _ = {}, k = {};
-let et = !1;
+let tt = !1;
 function Dn() {
-  et || (et = !0, xt.registerDesigner(M, _, k), Ct.registerDesigner(M, _, k), bt.registerDesigner(M, _, k), wt.registerDesigner(M, _, k), Pt.registerDesigner(M, _, k), It.registerDesigner(M, _, k), St.registerDesigner(M, _, k), Tt.registerDesigner(M, _, k), Et.registerDesigner(M, _, k), Ot.registerDesigner(M, _, k), Ft.registerDesigner(M, _, k), At.registerDesigner(M, _, k), Nt.registerDesigner(M, _, k), Dt.registerDesigner(M, _, k), Mt.registerDesigner(M, _, k), Bt.registerDesigner(M, _), _t.registerDesigner(M, _, k), Lt.registerDesigner(M, _, k), kt.registerDesigner(M, _, k), Rt.registerDesigner(M, _, k), Xt.registerDesigner(M, _, k), Vt.registerDesigner(M, _, k), Yt.registerDesigner(M, _, k), $t.registerDesigner(M, _, k), zt.registerDesigner(M, _, k), jt.registerDesigner(M, _, k), Ut.registerDesigner(M, _, k), Ht.registerDesigner(M, _, k), Wt.registerDesigner(M, _, k), qt.registerDesigner(M, _, k), Gt.registerDesigner(M, _, k), Kt.registerDesigner(M, _, k), Qt.registerDesigner(M, _, k), en.registerDesigner(M, _, k), tn.registerDesigner(M, _, k), Zt.registerDesigner(M, _, k), Jt.registerDesigner(M, _, k), nn.registerDesigner(M, _, k), on.registerDesigner(M, _, k), rn.registerDesigner(M, _, k), sn.registerDesigner(M, _, k), an.registerDesigner(M, _, k), cn.registerDesigner(M, _, k), ln.registerDesigner(M, _, k), un.registerDesigner(M, _, k), fn.registerDesigner(M, _, k), yn.registerDesigner(M, _, k), dn.registerDesigner(M, _, k), pn.registerDesigner(M, _, k), mn.registerDesigner(M, _, k), vn.registerDesigner(M, _, k), gn.registerDesigner(M, _, k), hn.registerDesigner(M, _), Cn.registerDesigner(M, _, k), xn.registerDesigner(M, _, k), bn.registerDesigner(M, _, k));
+  tt || (tt = !0, bt.registerDesigner(M, _, k), Ct.registerDesigner(M, _, k), xt.registerDesigner(M, _, k), wt.registerDesigner(M, _, k), Pt.registerDesigner(M, _, k), It.registerDesigner(M, _, k), St.registerDesigner(M, _, k), Tt.registerDesigner(M, _, k), Ot.registerDesigner(M, _, k), Et.registerDesigner(M, _, k), Ft.registerDesigner(M, _, k), At.registerDesigner(M, _, k), Nt.registerDesigner(M, _, k), Dt.registerDesigner(M, _, k), Mt.registerDesigner(M, _, k), Bt.registerDesigner(M, _), _t.registerDesigner(M, _, k), Lt.registerDesigner(M, _, k), kt.registerDesigner(M, _, k), Rt.registerDesigner(M, _, k), Xt.registerDesigner(M, _, k), Vt.registerDesigner(M, _, k), Yt.registerDesigner(M, _, k), $t.registerDesigner(M, _, k), zt.registerDesigner(M, _, k), jt.registerDesigner(M, _, k), Ut.registerDesigner(M, _, k), Ht.registerDesigner(M, _, k), Wt.registerDesigner(M, _, k), qt.registerDesigner(M, _, k), Gt.registerDesigner(M, _, k), Kt.registerDesigner(M, _, k), Qt.registerDesigner(M, _, k), en.registerDesigner(M, _, k), tn.registerDesigner(M, _, k), Zt.registerDesigner(M, _, k), Jt.registerDesigner(M, _, k), nn.registerDesigner(M, _, k), on.registerDesigner(M, _, k), rn.registerDesigner(M, _, k), sn.registerDesigner(M, _, k), an.registerDesigner(M, _, k), cn.registerDesigner(M, _, k), ln.registerDesigner(M, _, k), un.registerDesigner(M, _, k), fn.registerDesigner(M, _, k), yn.registerDesigner(M, _, k), dn.registerDesigner(M, _, k), pn.registerDesigner(M, _, k), mn.registerDesigner(M, _, k), vn.registerDesigner(M, _, k), gn.registerDesigner(M, _, k), hn.registerDesigner(M, _), Cn.registerDesigner(M, _, k), bn.registerDesigner(M, _, k), xn.registerDesigner(M, _, k));
 }
 const Bn = {
   id: { type: String }
@@ -1315,7 +1315,7 @@ const Bn = {
   name: "FDesignerPlaceholder",
   props: Bn,
   emits: [],
-  setup(D) {
+  setup(B) {
     const z = Te(() => ({
       "drag-and-drop-alert": !0,
       "no-drag": !0,
@@ -1342,70 +1342,70 @@ const Bn = {
     }, [gt("拖拽组件到这里")]);
   }
 });
-function _n(D) {
-  return typeof D == "function" || Object.prototype.toString.call(D) === "[object Object]" && !ht(D);
+function _n(B) {
+  return typeof B == "function" || Object.prototype.toString.call(B) === "[object Object]" && !ht(B);
 }
-const ze = /* @__PURE__ */ Fe({
+const Ue = /* @__PURE__ */ Fe({
   name: "FDesignerItem",
   props: Nn,
   emits: ["selectionChange"],
-  setup(D, z) {
-    const I = H(`${D.modelValue.id}-component`), w = H(D.canMove), B = H(D.canDelete), g = H(!1), C = H(D.modelValue), b = H(D.componentId || ""), p = H(""), T = H(""), O = H(D.customClass), d = H(), S = me("canvas-dragula"), f = H(), r = me("design-item-context"), i = {
-      designerItemElementRef: d,
-      componentInstance: f,
+  setup(B, z) {
+    const I = H(`${B.modelValue.id}-component`), w = H(B.canMove), N = H(B.canDelete), g = H(!1), C = H(B.modelValue), x = H(B.componentId || ""), p = H(""), T = H(""), F = H(B.customClass), f = H(), S = me("canvas-dragula"), d = H(), i = me("design-item-context"), o = {
+      designerItemElementRef: f,
+      componentInstance: d,
       schema: C.value,
-      parent: r,
+      parent: i,
       setupContext: z
     };
-    Ee("design-item-context", i);
+    Oe("design-item-context", o);
     const y = me("useFormSchema"), a = Te(() => {
-      const u = D.modelValue.appearance && D.modelValue.appearance.class || "";
-      let A = {
+      const c = B.modelValue.appearance && B.modelValue.appearance.class || "";
+      let E = {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
         "flex-fill": C.value.id == "root-component",
-        "position-relative": w.value && B.value,
+        "position-relative": w.value && N.value,
         "farris-nested": g.value,
         "can-move": w.value,
-        "d-none": d.value && d.value.classList.contains("d-none"),
-        dgComponentSelected: d.value && d.value.classList.contains("dgComponentSelected"),
-        dgComponentFocused: d.value && d.value.classList.contains("dgComponentFocused")
+        "d-none": f.value && f.value.classList.contains("d-none"),
+        dgComponentSelected: f.value && f.value.classList.contains("dgComponentSelected"),
+        dgComponentFocused: f.value && f.value.classList.contains("dgComponentFocused")
       };
-      return A[`farris-component-${C.value.type}`] = !0, A = je(A, u), A = je(A, T.value), A = je(A, O.value), A;
-    }), F = Te(() => {
-      const u = {}, A = D.modelValue.appearance && D.modelValue.appearance.style || "";
-      return A && A.split(";").reduce((e, t) => {
-        const [c, v] = t.split(":");
-        return e[c] = v, e;
-      }, u), p.value && p.value.split(";").reduce((e, t) => {
-        const [c, v] = t.split(":");
-        return c && (e[c] = v), e;
-      }, u), u;
+      return E[`farris-component-${C.value.type}`] = !0, E = je(E, c), E = je(E, T.value), E = je(E, F.value), E;
+    }), O = Te(() => {
+      const c = {}, E = B.modelValue.appearance && B.modelValue.appearance.style || "";
+      return E && E.split(";").reduce((e, t) => {
+        const [u, v] = t.split(":");
+        return e[u] = v, e;
+      }, c), p.value && p.value.split(";").reduce((e, t) => {
+        const [u, v] = t.split(":");
+        return u && (e[u] = v), e;
+      }, c), c;
     });
-    function $(u, A) {
-      var c, v, s;
-      if (u && (u.preventDefault(), u.stopPropagation()), f.value.triggerBelongedComponentToDeleteWhenDeleted) {
-        const n = f.value.getBelongedComponentInstance(f);
+    function $(c, E) {
+      var u, v, s;
+      if (c && (c.preventDefault(), c.stopPropagation()), d.value.triggerBelongedComponentToDeleteWhenDeleted) {
+        const n = d.value.getBelongedComponentInstance(d);
         if (n && n.parent) {
           const j = H(n == null ? void 0 : n.parent), L = j.value.contents.findIndex((ee) => ee.id === n.schema.id);
-          (v = (c = j.value) == null ? void 0 : c.contents) == null || v.splice(L, 1), (s = j.value) == null || s.updateDragAndDropRules(), Oe.value++;
+          (v = (u = j.value) == null ? void 0 : u.contents) == null || v.splice(L, 1), (s = j.value) == null || s.updateDragAndDropRules(), Ee.value++;
         }
         return;
       }
-      let e = r, t = (n) => n.id === A.id;
-      if (A.type === "component" && (e = r == null ? void 0 : r.parent, t = (n) => n.component === A.id), e && e.schema.contents) {
+      let e = i, t = (n) => n.id === E.id;
+      if (E.type === "component" && (e = i == null ? void 0 : i.parent, t = (n) => n.component === E.id), e && e.schema.contents) {
         const n = e.schema.contents.findIndex(t);
-        e.schema.contents.splice(n, 1), e.componentInstance.value.updateDragAndDropRules(), Oe.value++, z.emit("selectionChange");
+        e.schema.contents.splice(n, 1), e.componentInstance.value.updateDragAndDropRules(), Ee.value++, z.emit("selectionChange");
       }
     }
-    function R(u) {
-      return B.value && J("div", {
+    function R(c) {
+      return N.value && J("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: (A) => {
-          $(A, u);
+        onClick: (E) => {
+          $(E, c);
         }
       }, [J("i", {
         class: "f-icon f-icon-yxs_delete"
@@ -1422,53 +1422,53 @@ const ze = /* @__PURE__ */ Fe({
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function E() {
-      return D.customButtons && !!D.customButtons.length && D.customButtons.map((u) => J("div", {
+    function A() {
+      return B.customButtons && !!B.customButtons.length && B.customButtons.map((c) => J("div", {
         role: "button",
-        class: `btn component-settings-button ${u.class || ""}`,
-        title: u.title,
-        ref: u.id
+        class: `btn component-settings-button ${c.class || ""}`,
+        title: c.title,
+        ref: c.id
       }, [J("i", {
-        class: u.icon
+        class: c.icon
       }, null)]));
     }
-    function U(u) {
+    function U(c) {
       return J("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [J("div", null, [R(u), l(), E()])]);
+      }, [J("div", null, [R(c), l(), A()])]);
     }
-    function Y(u, A, e, t) {
-      z.emit("selectionChange", u, A, e, t);
+    function Y(c, E, e, t) {
+      z.emit("selectionChange", c, E, e, t);
     }
-    function re(u) {
-      let A;
-      const e = u.type, t = M[e], c = _[e], v = c ? c(u) : {};
-      v.customClass = D.ignore ? v.customClass : "", v.componentId = b.value;
-      const s = u.contents && u.contents.length === 0;
-      return u.contents && !!u.contents.length && t ? J(t, $e({
-        ref: f
-      }, v), _n(A = u.contents.map((j) => J(ze, {
+    function re(c) {
+      let E;
+      const e = c.type, t = M[e], u = _[e], v = u ? u(c) : {};
+      v.customClass = B.ignore ? v.customClass : "", v.componentId = x.value;
+      const s = c.contents && c.contents.length === 0;
+      return c.contents && !!c.contents.length && t ? J(t, $e({
+        ref: d
+      }, v), _n(E = c.contents.map((j) => J(Ue, {
         key: j.id,
         modelValue: j,
         "onUpdate:modelValue": (L) => j = L,
-        componentId: b.value,
+        componentId: x.value,
         onSelectionChange: Y
-      }, null))) ? A : {
-        default: () => [A]
+      }, null))) ? E : {
+        default: () => [E]
       }) : t ? s ? J(t, $e({
-        ref: f
+        ref: d
       }, v), {
         default: () => [J(Mn, null, null)]
       }) : J(t, $e({
-        ref: f
+        ref: d
       }, v), null) : J("div", null, null);
     }
-    function Q(u) {
-      if (u.type === "component-ref") {
-        let e = y == null ? void 0 : y.getFormSchema().module.components.find((t) => t.id === u.component);
+    function Q(c) {
+      if (c.type === "component-ref") {
+        let e = y == null ? void 0 : y.getFormSchema().module.components.find((t) => t.id === c.component);
         if (e)
-          return J(ze, {
+          return J(Ue, {
             key: e.id,
             modelValue: e,
             "onUpdate:modelValue": (t) => e = t,
@@ -1477,52 +1477,54 @@ const ze = /* @__PURE__ */ Fe({
           }, null);
       }
     }
-    Ue(() => D.modelValue, (u) => {
-      C.value = u, I.value = `${u.id}-component`;
+    He(() => B.modelValue, (c) => {
+      C.value = c, I.value = `${c.id}-component`;
     });
-    function m(u) {
-      const A = u.target;
-      tt(A);
+    function m(c) {
+      const E = c == null ? void 0 : c.target;
+      ze(E);
     }
     function G() {
-      var u, A;
-      (A = (u = C.value) == null ? void 0 : u.contents) != null && A.length && d.value && d.value.addEventListener("scroll", m);
+      var c, E;
+      (E = (c = C.value) == null ? void 0 : c.contents) != null && E.length && f.value && f.value.addEventListener("scroll", m);
     }
-    He(() => {
-      if (d.value && f.value && f.value.schema) {
-        const u = d.value.querySelector(`[data-dragref='${f.value.schema.id}-container']`);
-        S && u && S.attachComponents(u, C.value), g.value = f.value.canNested !== void 0 ? f.value.canNested : g.value, B.value = f.value.canDelete !== void 0 ? f.value.canDelete : B.value, w.value = f.value.canMove !== void 0 ? f.value.canMove : w.value, p.value = f.value.styles || "", T.value = f.value.designerClass || "", d.value && (d.value.componentInstance = f, d.value.designItemContext = i);
+    We(() => {
+      if (f.value && d.value && d.value.schema) {
+        const c = f.value.querySelector(`[data-dragref='${d.value.schema.id}-container']`);
+        S && c && S.attachComponents(c, C.value), g.value = d.value.canNested !== void 0 ? d.value.canNested : g.value, N.value = d.value.canDelete !== void 0 ? d.value.canDelete : N.value, w.value = d.value.canMove !== void 0 ? d.value.canMove : w.value, p.value = d.value.styles || "", T.value = d.value.designerClass || "", f.value && (f.value.componentInstance = d, f.value.designItemContext = o), d.value.belongedComponentId = x.value;
       }
-      G(), Oe.value++;
+      G(), Ee.value++;
     }), yt(() => {
-      d.value && d.value.removeEventListener("scroll", m);
+      f.value && f.value.removeEventListener("scroll", m);
     });
-    function Z(u) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((e) => e.classList.remove("dgComponentFocused")), u && (u.preventDefault(), u.stopPropagation());
-      const A = d.value;
-      if (A) {
-        const e = document.getElementsByClassName("dgComponentSelected");
-        if (!(e && e.length === 1 && e[0] === d.value) && (Array.from(e).forEach((c) => c.classList.remove("dgComponentSelected")), A.classList.add("dgComponentFocused"), z.emit("selectionChange", C.value.type, C.value, b.value, f.value), f.value.getDraggableDesignItemElement)) {
-          const c = f.value.getDraggableDesignItemElement(i);
-          c && c.value && c.value.classList.add("dgComponentSelected");
-        }
+    function Z(c) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((t) => t.classList.remove("dgComponentFocused")), c && (c.preventDefault(), c.stopPropagation());
+      let E = o.designerItemElementRef;
+      const e = f.value;
+      if (e) {
+        const t = document.getElementsByClassName("dgComponentSelected");
+        t && t.length === 1 && t[0] === f.value || (Array.from(t).forEach((v) => v.classList.remove("dgComponentSelected")), e.classList.add("dgComponentFocused"), z.emit("selectionChange", C.value.type, C.value, x.value, d.value), d.value.getDraggableDesignItemElement && (E = d.value.getDraggableDesignItemElement(o), E && E.value && E.value.classList.add("dgComponentSelected")));
       }
-      m(u);
+      m({
+        target: E == null ? void 0 : E.value
+      });
     }
     return () => C.value.type === "component-ref" ? Q(C.value) : J("div", {
       id: `${C.value.id}-design-item`,
-      ref: d,
+      ref: f,
       class: a.value,
-      style: F.value,
+      style: O.value,
       onClick: Z
     }, [U(C.value), re(C.value)]);
   }
 }), Ln = /* @__PURE__ */ Fe({
   name: "FDesignerCanvas",
-  props: En,
+  props: On,
   emits: ["init", "selectionChange", "canvasChanged"],
-  setup(D, z) {
-    const I = H(), w = H(), B = H(), g = H(), C = H(), b = H(D.componentId), p = {
+  setup(B, z) {
+    const I = H(), w = H(), N = H(), g = H(), C = H(), x = H(B.componentId);
+    let p, T;
+    const F = {
       eventsEditorUtils: me("eventsEditorUtils"),
       formSchemaUtils: me("useFormSchema"),
       formMetadataConverter: me("formMetadataConverter"),
@@ -1531,84 +1533,91 @@ const ze = /* @__PURE__ */ Fe({
       metadataService: me("Meatdata_Http_Service_Token"),
       schemaService: me("schemaService")
     };
-    Ee("designer-host-service", p);
-    const T = An(p);
-    Dn(), Ee("canvas-dragula", T), Ee("design-item-context", {
+    Oe("designer-host-service", F);
+    const f = An(F);
+    Dn(), Oe("canvas-dragula", f), Oe("design-item-context", {
       designerItemElementRef: g,
       componentInstance: C,
       schema: w.value,
       parent: void 0
     });
-    const O = Te(() => ({
+    const S = Te(() => ({
       "d-flex": !0,
       "flex-fill": !0,
       "flex-column": !0
     }));
-    He(() => {
-      B.value && T.initializeDragula(B.value), I.value = D.modelValue, z.emit("init", T);
-    }), Ue(Oe, () => {
-      tt(B.value), z.emit("canvasChanged");
+    We(() => {
+      N.value && f.initializeDragula(N.value), I.value = B.modelValue, z.emit("init", f), d();
+    }), He(Ee, () => {
+      ze(N.value), z.emit("canvasChanged");
     }, {
       flush: "post"
     });
-    function d(S, f, r, i) {
-      z.emit("selectionChange", S, f, r, i);
+    function d() {
+      p = new ResizeObserver(() => {
+        T && clearTimeout(T), T = setTimeout(() => {
+          ze(N.value);
+        });
+      }), p.observe(N.value);
+    }
+    function i(o, y, a, O) {
+      z.emit("selectionChange", o, y, a, O);
     }
     return () => J("div", {
       class: "editorDiv flex-fill h-100"
     }, [J("div", {
       class: "editorPanel d-flex flex-fill flex-column PC"
     }, [J("div", {
-      ref: B,
-      class: O.value
-    }, [I.value && J(ze, {
+      ref: N,
+      class: S.value
+    }, [I.value && J(Ue, {
       modelValue: I.value,
-      "onUpdate:modelValue": (S) => I.value = S,
-      onSelectionChange: d,
-      componentId: b.value
+      "onUpdate:modelValue": (o) => I.value = o,
+      onSelectionChange: i,
+      componentId: x.value
     }, null)])])]);
   }
 }), kn = /* @__PURE__ */ Fe({
   name: "FFlowNodeItem",
   props: Sn,
   emits: [],
-  setup(D, z) {
-    const I = H(D.id), w = H(D.modelValue), B = H(), g = me("use-drawing-bezier-composition"), {
+  setup(B, z) {
+    const I = H(B.id), w = H(B.modelValue), N = H(), g = me("use-drawing-bezier-composition"), {
       drawFrom: C,
-      eraseDrawingLine: b,
+      eraseDrawingLine: x,
       finishToDraw: p,
       getAncherPointPosition: T,
-      isAncherPoint: O
-    } = g, d = me("use-bezier-curve-composition"), {
+      isAncherPoint: F
+    } = g, f = me("use-bezier-curve-composition"), {
       connect: S
-    } = d, f = me("use-connections-composition"), {
-      addConnection: r,
-      getConnectionsOfNode: i
-    } = f;
-    new Map(D.connection);
+    } = f, d = me("use-connections-composition"), {
+      addConnection: i,
+      getConnectionsOfNode: o
+    } = d;
+    new Map(B.connection);
     const y = Te(() => ({
-      left: `${D.x}px`,
-      top: `${D.y}px`
+      left: `${B.x}px`,
+      top: `${B.y}px`
     }));
-    function a(l, E) {
-      if (O(l) && O(E)) {
-        const U = T(l), Y = T(E);
-        S(l.id, E.id, U, Y);
-        const re = l.id, Q = E.id, m = re.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0], G = Q.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0];
-        r(m, re, G, Q);
+    function a(l, A) {
+      if (F(l) && F(A)) {
+        const U = T(l), Y = T(A);
+        S(l.id, A.id, U, Y);
+        const re = l.id, Q = A.id, m = re.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0], G = Q.split(/(-left-point|-right-point|-top-point|-bottom-point)/, 1)[0];
+        i(m, re, G, Q);
       }
     }
-    function F(l) {
-      var E;
-      document.removeEventListener("mouseup", F), p(l), b(`${(E = B.value) == null ? void 0 : E.id}_curve_to`), a(B.value, l.target);
+    function O(l) {
+      var A;
+      document.removeEventListener("mouseup", O), p(l), x(`${(A = N.value) == null ? void 0 : A.id}_curve_to`), a(N.value, l.target);
     }
-    function $(l, E) {
-      B.value = document.getElementById(l), C(l, E), document.addEventListener("mouseup", F), E.stopPropagation();
+    function $(l, A) {
+      N.value = document.getElementById(l), C(l, A), document.addEventListener("mouseup", O), A.stopPropagation();
     }
-    Ue([() => D.x, () => D.y], () => {
-      const l = i(I.value);
-      l.length && l.forEach((E) => {
-        const U = document.getElementById(E.from), Y = document.getElementById(E.to);
+    He([() => B.x, () => B.y], () => {
+      const l = o(I.value);
+      l.length && l.forEach((A) => {
+        const U = document.getElementById(A.from), Y = document.getElementById(A.to);
         U && Y && a(U, Y);
       });
     });
@@ -1645,32 +1654,32 @@ const ze = /* @__PURE__ */ Fe({
     }, null)]);
   }
 });
-function Rn(D) {
+function Rn(B) {
   const z = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new Map();
-  function w(C, b) {
+  function w(C, x) {
     const p = I.get(C) || [];
     p.filter(
-      (O) => b.from === O.from && b.to === O.to
-    ).length > 0 || (p.push(b), I.set(C, p));
+      (F) => x.from === F.from && x.to === F.to
+    ).length > 0 || (p.push(x), I.set(C, p));
   }
-  function B(C, b, p, T) {
-    const O = new Set(z.get(b) || []);
-    O.add(T), z.set(b, [...O]);
-    const d = { from: b, to: T, type: "Curve" };
-    w(C, d), w(p, d);
+  function N(C, x, p, T) {
+    const F = new Set(z.get(x) || []);
+    F.add(T), z.set(x, [...F]);
+    const f = { from: x, to: T, type: "Curve" };
+    w(C, f), w(p, f);
   }
   function g(C) {
     return I.get(C) || [];
   }
-  return { addConnection: B, getConnectionsOfNode: g };
+  return { addConnection: N, getConnectionsOfNode: g };
 }
 const Uo = /* @__PURE__ */ Fe({
   name: "FFlowCanvas",
   props: wn,
   emits: [],
-  setup(D, z) {
-    const I = H(), w = Pn(), B = In(w), g = Rn();
-    Ee("use-bezier-curve-composition", w), Ee("use-connections-composition", g), Ee("use-drawing-bezier-composition", B);
+  setup(B, z) {
+    const I = H(), w = Pn(), N = In(w), g = Rn();
+    Oe("use-bezier-curve-composition", w), Oe("use-connections-composition", g), Oe("use-drawing-bezier-composition", N);
     const C = Te(() => ({
       transition: "transform 0.2s",
       "background-color": "#F2F3F5",
@@ -1678,19 +1687,19 @@ const Uo = /* @__PURE__ */ Fe({
       width: "100%",
       position: "relative"
     }));
-    He(() => {
-      I.value = D.modelValue;
+    We(() => {
+      I.value = B.modelValue;
     });
-    const b = H(), p = H(), T = H(), O = H(), d = H();
-    function S(i) {
-      const y = i.clientX - O.value, a = i.clientY - d.value;
-      b.value && b.value.position && (b.value.position.x = p.value + y, b.value.position.y = T.value + a);
+    const x = H(), p = H(), T = H(), F = H(), f = H();
+    function S(o) {
+      const y = o.clientX - F.value, a = o.clientY - f.value;
+      x.value && x.value.position && (x.value.position.x = p.value + y, x.value.position.y = T.value + a);
     }
-    function f() {
-      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", f), b.value = void 0, O.value = void 0, d.value = void 0;
+    function d() {
+      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", d), x.value = void 0, F.value = void 0, f.value = void 0;
     }
-    function r(i, y) {
-      b.value = i, p.value = i.position.x, T.value = i.position.y, O.value = y.clientX, d.value = y.clientY, document.addEventListener("mousemove", S), document.addEventListener("mouseup", f);
+    function i(o, y) {
+      x.value = o, p.value = o.position.x, T.value = o.position.y, F.value = y.clientX, f.value = y.clientY, document.addEventListener("mousemove", S), document.addEventListener("mouseup", d);
     }
     return () => J("div", {
       class: "f-flow-canvas editorDiv flex-fill h-100"
@@ -1698,13 +1707,13 @@ const Uo = /* @__PURE__ */ Fe({
       id: "svg-container",
       class: "f-struct-wrapper flex-fill",
       style: C.value
-    }, [I.value && I.value.contents.map((i) => J(kn, {
-      modelValue: i.content[0],
-      "onUpdate:modelValue": (y) => i.content[0] = y,
-      id: i.id,
-      x: i.position.x,
-      y: i.position.y,
-      onMousedown: (y) => r(i, y)
+    }, [I.value && I.value.contents.map((o) => J(kn, {
+      modelValue: o.content[0],
+      "onUpdate:modelValue": (y) => o.content[0] = y,
+      id: o.id,
+      x: o.position.x,
+      y: o.position.y,
+      onMousedown: (y) => i(o, y)
     }, null))])]);
   }
 });