@farris/ui-vue 1.3.0 → 1.3.1

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

@@ -1,35 +1,35 @@
-import { ref as X, defineComponent as xe, computed as ve, createVNode as z, createTextVNode as yt, inject as ae, provide as ye, watch as ze, onMounted as Je, onBeforeUnmount as Ct, mergeProps as Ae, isVNode as Dt } from "vue";
-import { findIndex as Me, cloneDeep as bt } from "lodash-es";
-import wt from "../accordion/index.esm.js";
-import St from "../avatar/index.esm.js";
-import Tt from "../button-edit/index.esm.js";
+import { ref as H, defineComponent as ke, computed as ve, createVNode as z, createTextVNode as yt, inject as ae, provide as he, watch as Qe, onMounted as Ke, onBeforeUnmount as Ct, mergeProps as Be, isVNode as bt } from "vue";
+import { findIndex as Ie, cloneDeep as Dt } from "lodash-es";
+import Tt from "../accordion/index.esm.js";
+import wt from "../avatar/index.esm.js";
+import St from "../button-edit/index.esm.js";
 import Et from "../button-group/index.esm.js";
 import Ft from "../calendar/index.esm.js";
 import Pt from "../capsule/index.esm.js";
-import It from "../checkbox/index.esm.js";
-import At from "../color-picker/index.esm.js";
+import Bt from "../checkbox/index.esm.js";
+import It from "../color-picker/index.esm.js";
 import Mt from "../combo-list/index.esm.js";
-import Nt from "../content-container/index.esm.js";
-import Bt from "../data-grid/index.esm.js";
-import xt from "../date-picker/index.esm.js";
-import kt from "../dropdown/index.esm.js";
-import _t from "../dynamic-form/index.esm.js";
-import Ot from "../external-container/index.esm.js";
-import Lt from "../events-editor/index.esm.js";
+import At from "../content-container/index.esm.js";
+import Nt from "../data-grid/index.esm.js";
+import kt from "../date-picker/index.esm.js";
+import xt from "../dropdown/index.esm.js";
+import Ot from "../dynamic-form/index.esm.js";
+import Lt from "../external-container/index.esm.js";
+import _t from "../events-editor/index.esm.js";
 import Vt from "../filter-bar/index.esm.js";
 import jt from "../image-cropper/index.esm.js";
-import $t from "../input-group/index.esm.js";
-import Ut from "../layout/index.esm.js";
-import qt from "../list-nav/index.esm.js";
-import Ht from "../list-view/index.esm.js";
-import Xt from "../lookup/index.esm.js";
-import Wt from "../nav/index.esm.js";
-import Yt from "../number-spinner/index.esm.js";
-import Gt from "../number-range/index.esm.js";
+import Ut from "../input-group/index.esm.js";
+import $t from "../layout/index.esm.js";
+import Ht from "../list-nav/index.esm.js";
+import qt from "../list-view/index.esm.js";
+import Gt from "../lookup/index.esm.js";
+import Xt from "../nav/index.esm.js";
+import Wt from "../number-spinner/index.esm.js";
+import Yt from "../number-range/index.esm.js";
 import zt from "../order/index.esm.js";
-import Jt from "../page-header/index.esm.js";
-import Qt from "../page-footer/index.esm.js";
-import Kt from "../pagination/index.esm.js";
+import Qt from "../page-header/index.esm.js";
+import Kt from "../page-footer/index.esm.js";
+import Jt from "../pagination/index.esm.js";
 import Zt from "../progress/index.esm.js";
 import Rt from "../query-solution/index.esm.js";
 import en from "../radio-group/index.esm.js";
@@ -40,8 +40,8 @@ import rn from "../response-layout-editor/index.esm.js";
 import an from "../search-box/index.esm.js";
 import cn from "../section/index.esm.js";
 import ln from "../smoke-detector/index.esm.js";
-import un from "../splitter/index.esm.js";
-import sn from "../step/index.esm.js";
+import sn from "../splitter/index.esm.js";
+import un from "../step/index.esm.js";
 import fn from "../switch/index.esm.js";
 import pn from "../tabs/index.esm.js";
 import mn from "../tags/index.esm.js";
@@ -51,37 +51,37 @@ import gn from "../transfer/index.esm.js";
 import hn from "../tree-view/index.esm.js";
 import yn from "../uploader/index.esm.js";
 import Cn from "../verify-detail/index.esm.js";
-import Dn from "../weather/index.esm.js";
-import bn from "../component/index.esm.js";
-import wn from "../video/index.esm.js";
-import Sn from "../textarea/index.esm.js";
-import Tn from "../tree-grid/index.esm.js";
-import { getCustomClass as Ne } from "../common/index.esm.js";
-const de = X(0);
-function En(A, c) {
-  const t = c.getBoundingClientRect(), b = A.getBoundingClientRect(), I = b.top >= t.top, u = b.top <= t.bottom;
-  return I && u;
+import bn from "../weather/index.esm.js";
+import Dn from "../component/index.esm.js";
+import Tn from "../video/index.esm.js";
+import wn from "../textarea/index.esm.js";
+import Sn from "../tree-grid/index.esm.js";
+import { getCustomClass as Me } from "../common/index.esm.js";
+const de = H(0);
+function En(P, c) {
+  const n = c.getBoundingClientRect(), D = P.getBoundingClientRect(), S = D.top >= n.top, f = D.top <= n.bottom;
+  return S && f;
 }
-function Qe(A) {
-  if (!A)
+function Ae(P) {
+  if (!P)
     return;
   let c;
-  if (A.className.includes("dgComponentSelected") ? c = A : c = A.querySelector(".dgComponentSelected"), !c)
+  if (P.className.includes("dgComponentSelected") ? c = P : c = P.querySelector(".dgComponentSelected"), !c)
     return;
-  const t = c.getBoundingClientRect();
-  if (t.width === 0 && t.height === 0)
+  const n = c.getBoundingClientRect();
+  if (n.width === 0 && n.height === 0)
     return;
-  const b = c.querySelector(".component-btn-group");
-  if (b) {
-    if (!En(c, A)) {
-      b.style.display = "none";
+  const D = c.querySelector(".component-btn-group");
+  if (D) {
+    if (!En(c, P)) {
+      D.style.display = "none";
       return;
     }
-    b.style.display = "";
-    const u = b.getBoundingClientRect(), m = b.querySelector("div");
-    if (m) {
-      const C = m.getBoundingClientRect();
-      m.style.top = u.top + "px", m.style.left = u.left - C.width + "px";
+    D.style.display = "";
+    const f = D.getBoundingClientRect(), d = D.querySelector("div");
+    if (d) {
+      const y = d.getBoundingClientRect();
+      d.style.top = f.top + "px", d.style.left = f.left - y.width + "px";
     }
   }
 }
@@ -92,134 +92,134 @@ const Fn = {
   modelValue: { type: Object, default: {} },
   componentId: { type: String, default: "" }
 };
-var se = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Pn(A) {
-  return A && A.__esModule && Object.prototype.hasOwnProperty.call(A, "default") ? A.default : A;
+var ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Pn(P) {
+  return P && P.__esModule && Object.prototype.hasOwnProperty.call(P, "default") ? P.default : P;
 }
-function he(A) {
-  throw new Error('Could not dynamically require "' + A + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+function ge(P) {
+  throw new Error('Could not dynamically require "' + P + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
 }
-var Ke = { exports: {} };
-(function(A, c) {
-  (function(t) {
-    A.exports = t();
+var Je = { exports: {} };
+(function(P, c) {
+  (function(n) {
+    P.exports = n();
   })(function() {
     return (/* @__PURE__ */ function() {
-      function t(b, I, u) {
-        function m(x, k) {
-          if (!I[x]) {
-            if (!b[x]) {
-              var s = typeof he == "function" && he;
-              if (!k && s) return s(x, !0);
-              if (C) return C(x, !0);
-              var y = new Error("Cannot find module '" + x + "'");
-              throw y.code = "MODULE_NOT_FOUND", y;
+      function n(D, S, f) {
+        function d(A, k) {
+          if (!S[A]) {
+            if (!D[A]) {
+              var l = typeof ge == "function" && ge;
+              if (!k && l) return l(A, !0);
+              if (y) return y(A, !0);
+              var C = new Error("Cannot find module '" + A + "'");
+              throw C.code = "MODULE_NOT_FOUND", C;
             }
-            var l = I[x] = { exports: {} };
-            b[x][0].call(l.exports, function(n) {
-              var o = b[x][1][n];
-              return m(o || n);
-            }, l, l.exports, t, b, I, u);
+            var a = S[A] = { exports: {} };
+            D[A][0].call(a.exports, function(t) {
+              var o = D[A][1][t];
+              return d(o || t);
+            }, a, a.exports, n, D, S, f);
           }
-          return I[x].exports;
+          return S[A].exports;
         }
-        for (var C = typeof he == "function" && he, p = 0; p < u.length; p++) m(u[p]);
-        return m;
+        for (var y = typeof ge == "function" && ge, p = 0; p < f.length; p++) d(f[p]);
+        return d;
       }
-      return t;
+      return n;
     }())({
-      1: [function(t, b, I) {
-        var u = {}, m = "(?:^|\\s)", C = "(?:\\s|$)";
-        function p(s) {
-          var y = u[s];
-          return y ? y.lastIndex = 0 : u[s] = y = new RegExp(m + s + C, "g"), y;
+      1: [function(n, D, S) {
+        var f = {}, d = "(?:^|\\s)", y = "(?:\\s|$)";
+        function p(l) {
+          var C = f[l];
+          return C ? C.lastIndex = 0 : f[l] = C = new RegExp(d + l + y, "g"), C;
         }
-        function x(s, y) {
-          var l = s.className;
-          l.length ? p(y).test(l) || (s.className += " " + y) : s.className = y;
+        function A(l, C) {
+          var a = l.className;
+          a.length ? p(C).test(a) || (l.className += " " + C) : l.className = C;
         }
-        function k(s, y) {
-          s.className = s.className.replace(p(y), " ").trim();
+        function k(l, C) {
+          l.className = l.className.replace(p(C), " ").trim();
         }
-        b.exports = {
-          add: x,
+        D.exports = {
+          add: A,
           rm: k
         };
       }, {}],
-      2: [function(t, b, I) {
-        (function(u) {
-          var m = t("contra/emitter"), C = t("crossvent"), p = t("./classes"), x = document, k = x.documentElement;
-          function s(r, U) {
-            var W = arguments.length;
-            W === 1 && Array.isArray(r) === !1 && (U = r, r = []);
-            var a, w, F, Y, J, Q, ee, L, ne, oe = null, fe, j, pe = !1, me = 0, K, M = U || {};
-            M.moves === void 0 && (M.moves = B), M.accepts === void 0 && (M.accepts = B), M.invalid === void 0 && (M.invalid = rt), M.containers === void 0 && (M.containers = r || []), M.isContainer === void 0 && (M.isContainer = d), M.copy === void 0 && (M.copy = !1), M.copySortSource === void 0 && (M.copySortSource = !1), M.revertOnSpill === void 0 && (M.revertOnSpill = !1), M.removeOnSpill === void 0 && (M.removeOnSpill = !1), M.direction === void 0 && (M.direction = "vertical"), M.ignoreInputTextSelection === void 0 && (M.ignoreInputTextSelection = !0), M.mirrorContainer === void 0 && (M.mirrorContainer = x.body);
-            var G = m({
-              containers: M.containers,
+      2: [function(n, D, S) {
+        (function(f) {
+          var d = n("contra/emitter"), y = n("crossvent"), p = n("./classes"), A = document, k = A.documentElement;
+          function l(s, q) {
+            var G = arguments.length;
+            G === 1 && Array.isArray(s) === !1 && (q = s, s = []);
+            var i, b, M, j, Z, Y, ee, _, ne, oe = null, fe, V, pe = !1, me = 0, Q, B = q || {};
+            B.moves === void 0 && (B.moves = F), B.accepts === void 0 && (B.accepts = F), B.invalid === void 0 && (B.invalid = rt), B.containers === void 0 && (B.containers = s || []), B.isContainer === void 0 && (B.isContainer = m), B.copy === void 0 && (B.copy = !1), B.copySortSource === void 0 && (B.copySortSource = !1), B.revertOnSpill === void 0 && (B.revertOnSpill = !1), B.removeOnSpill === void 0 && (B.removeOnSpill = !1), B.direction === void 0 && (B.direction = "vertical"), B.ignoreInputTextSelection === void 0 && (B.ignoreInputTextSelection = !0), B.mirrorContainer === void 0 && (B.mirrorContainer = A.body);
+            var W = d({
+              containers: B.containers,
               start: ot,
-              end: Ve,
+              end: je,
               cancel: qe,
-              remove: Ue,
+              remove: He,
               destroy: Re,
               canMove: nt,
               dragging: !1
             });
-            return M.removeOnSpill === !0 && G.on("over", at).on("out", ct), ke(), G;
-            function Ce(e) {
-              return G.containers.indexOf(e) !== -1 || M.isContainer(e);
+            return B.removeOnSpill === !0 && W.on("over", at).on("out", ct), Oe(), W;
+            function ye(e) {
+              return W.containers.indexOf(e) !== -1 || B.isContainer(e);
             }
-            function ke(e) {
-              var f = e ? "remove" : "add";
-              n(k, f, "mousedown", et), n(k, f, "mouseup", we);
+            function Oe(e) {
+              var u = e ? "remove" : "add";
+              t(k, u, "mousedown", et), t(k, u, "mouseup", De);
             }
-            function De(e) {
-              var f = e ? "remove" : "add";
-              n(k, f, "mousemove", tt);
+            function Ce(e) {
+              var u = e ? "remove" : "add";
+              t(k, u, "mousemove", tt);
             }
-            function _e(e) {
-              var f = e ? "remove" : "add";
-              C[f](k, "selectstart", Oe), C[f](k, "click", Oe);
+            function Le(e) {
+              var u = e ? "remove" : "add";
+              y[u](k, "selectstart", _e), y[u](k, "click", _e);
             }
             function Re() {
-              ke(!0), we({});
+              Oe(!0), De({});
             }
-            function Oe(e) {
+            function _e(e) {
               fe && e.preventDefault();
             }
             function et(e) {
-              Y = e.clientX, J = e.clientY;
-              var f = o(e) !== 1 || e.metaKey || e.ctrlKey;
-              if (!f) {
-                var v = e.target, N = be(v);
-                N && (fe = N, De(), e.type === "mousedown" && (i(v) ? v.focus() : e.preventDefault()));
+              j = e.clientX, Z = e.clientY;
+              var u = o(e) !== 1 || e.metaKey || e.ctrlKey;
+              if (!u) {
+                var v = e.target, I = be(v);
+                I && (fe = I, Ce(), e.type === "mousedown" && (h(v) ? v.focus() : e.preventDefault()));
               }
             }
             function tt(e) {
               if (fe) {
                 if (o(e) === 0) {
-                  we({});
+                  De({});
                   return;
                 }
-                if (!(e.clientX !== void 0 && Math.abs(e.clientX - Y) <= (M.slideFactorX || 0) && e.clientY !== void 0 && Math.abs(e.clientY - J) <= (M.slideFactorY || 0))) {
-                  if (M.ignoreInputTextSelection) {
-                    var f = V("clientX", e) || 0, v = V("clientY", e) || 0, N = x.elementFromPoint(f, v);
-                    if (i(N))
+                if (!(e.clientX !== void 0 && Math.abs(e.clientX - j) <= (B.slideFactorX || 0) && e.clientY !== void 0 && Math.abs(e.clientY - Z) <= (B.slideFactorY || 0))) {
+                  if (B.ignoreInputTextSelection) {
+                    var u = X("clientX", e) || 0, v = X("clientY", e) || 0, I = A.elementFromPoint(u, v);
+                    if (h(I))
                       return;
                   }
-                  var q = fe;
-                  De(!0), _e(), Ve(), Le(q), p.add(L || F, "gu-transit"), ut(), lt(), me = 0, Ee(e);
+                  var U = fe;
+                  Ce(!0), Le(), je(), Ve(U), p.add(_ || M, "gu-transit"), st(), lt(), me = 0, Se(e);
                 }
               }
             }
             function be(e) {
-              if (!(G.dragging && a) && !Ce(e)) {
-                for (var f = e; D(e) && Ce(D(e)) === !1; )
-                  if (M.invalid(e, f) || (e = D(e), !e))
+              if (!(W.dragging && i) && !ye(e)) {
+                for (var u = e; r(e) && ye(r(e)) === !1; )
+                  if (B.invalid(e, u) || (e = r(e), !e))
                     return;
-                var v = D(e);
-                if (v && !M.invalid(e, f)) {
-                  var N = M.moves(e, v, f, h(e));
-                  if (N)
+                var v = r(e);
+                if (v && !B.invalid(e, u)) {
+                  var I = B.moves(e, v, u, x(e));
+                  if (I)
                     return {
                       item: e,
                       source: v
@@ -231,144 +231,144 @@ var Ke = { exports: {} };
               return !!be(e);
             }
             function ot(e) {
-              var f = be(e);
-              f && Le(f);
+              var u = be(e);
+              u && Ve(u);
             }
-            function Le(e) {
-              ht(e.item, e.source) && (L = e.item.cloneNode(!0), G.emit("cloned", L, e.item, "copy")), w = e.source, F = e.item, Q = ee = h(e.item), G.dragging = !0, G.emit("drag", F, w);
+            function Ve(e) {
+              ht(e.item, e.source) && (_ = e.item.cloneNode(!0), W.emit("cloned", _, e.item, "copy")), b = e.source, M = e.item, Y = ee = x(e.item), W.dragging = !0, W.emit("drag", M, b);
             }
             function rt() {
               return !1;
             }
-            function Ve() {
-              if (G.dragging) {
-                var e = L || F;
-                $e(e, D(e));
+            function je() {
+              if (W.dragging) {
+                var e = _ || M;
+                $e(e, r(e));
               }
             }
-            function je() {
-              fe = !1, De(!0), _e(!0);
+            function Ue() {
+              fe = !1, Ce(!0), Le(!0);
             }
-            function we(e) {
-              if (je(), !!G.dragging) {
-                var f = L || F, v = V("clientX", e) || 0, N = V("clientY", e) || 0, q = g(a, v, N), H = He(q, v, N);
-                H && (L && M.copySortSource || !L || H !== w) ? $e(f, H) : M.removeOnSpill ? Ue() : qe();
+            function De(e) {
+              if (Ue(), !!W.dragging) {
+                var u = _ || M, v = X("clientX", e) || 0, I = X("clientY", e) || 0, U = g(i, v, I), $ = Ge(U, v, I);
+                $ && (_ && B.copySortSource || !_ || $ !== b) ? $e(u, $) : B.removeOnSpill ? He() : qe();
               }
             }
-            function $e(e, f) {
-              var v = D(e);
-              L && M.copySortSource && f === w && v.removeChild(F), Te(f) ? G.emit("cancel", e, w) : G.emit("drop", e, f, w, ee), Se();
+            function $e(e, u) {
+              var v = r(e);
+              _ && B.copySortSource && u === b && v.removeChild(M), we(u) ? W.emit("cancel", e, b) : W.emit("drop", e, u, b, ee), Te();
             }
-            function Ue() {
-              if (G.dragging) {
-                var e = L || F, f = D(e);
-                f && f.removeChild(e), G.emit(L ? "cancel" : "remove", e, f, w), Se();
+            function He() {
+              if (W.dragging) {
+                var e = _ || M, u = r(e);
+                u && u.removeChild(e), W.emit(_ ? "cancel" : "remove", e, u, b), Te();
               }
             }
             function qe(e) {
-              if (G.dragging) {
-                var f = arguments.length > 0 ? e : M.revertOnSpill, v = L || F, N = D(v), q = Te(N);
-                q === !1 && f && (L ? N && N.removeChild(L) : w.insertBefore(v, Q)), q || f ? G.emit("cancel", v, w, w) : G.emit("drop", v, N, w, ee), Se();
+              if (W.dragging) {
+                var u = arguments.length > 0 ? e : B.revertOnSpill, v = _ || M, I = r(v), U = we(I);
+                U === !1 && u && (_ ? I && I.removeChild(_) : b.insertBefore(v, Y)), U || u ? W.emit("cancel", v, b, b) : W.emit("drop", v, I, b, ee), Te();
               }
             }
-            function Se() {
-              var e = L || F;
-              je(), st(), ft(), e && p.rm(e, "gu-transit"), ne && clearTimeout(ne), G.dragging = !1, oe && G.emit("out", e, oe, w), G.emit("dragend", e, me), w = F = L = Q = ee = ne = oe = null;
+            function Te() {
+              var e = _ || M;
+              Ue(), ut(), ft(), e && p.rm(e, "gu-transit"), ne && clearTimeout(ne), W.dragging = !1, oe && W.emit("out", e, oe, b), W.emit("dragend", e, me), b = M = _ = Y = ee = ne = oe = null;
             }
-            function Te(e, f) {
+            function we(e, u) {
               var v;
-              return f !== void 0 ? v = f : a ? v = ee : v = h(L || F), e === w && v === Q;
+              return u !== void 0 ? v = u : i ? v = ee : v = x(_ || M), e === b && v === Y;
             }
-            function He(e, f, v) {
-              for (var N = e; N && !q(); )
-                N = D(N);
-              return N;
-              function q() {
-                var H = Ce(N);
-                if (H === !1)
+            function Ge(e, u, v) {
+              for (var I = e; I && !U(); )
+                I = r(I);
+              return I;
+              function U() {
+                var $ = ye(I);
+                if ($ === !1)
                   return !1;
-                var ce = Xe(N, e), te = We(N, ce, f, v), ie = Te(N, te);
-                return ie ? !0 : M.accepts(F, N, w, te);
+                var ce = Xe(I, e), te = We(I, ce, u, v), ie = we(I, te);
+                return ie ? !0 : B.accepts(M, I, b, te);
               }
             }
-            function Ee(e) {
-              if (!a)
+            function Se(e) {
+              if (!i)
                 return;
               e.preventDefault();
-              var f = V("clientX", e) || 0, v = V("clientY", e) || 0;
-              a.style.left = f - 2 + "px", a.style.top = v - 2 + "px";
-              var N = L || F, q = g(a, f, v), H = He(q, f, v), ce = H !== null && H !== oe;
-              (ce || H === null) && (re(), oe = H, ue()), gt(q, v);
-              var te = D(N);
-              if (H === w && L && !M.copySortSource) {
-                te && te.removeChild(N);
+              var u = X("clientX", e) || 0, v = X("clientY", e) || 0;
+              i.style.left = u - 2 + "px", i.style.top = v - 2 + "px";
+              var I = _ || M, U = g(i, u, v), $ = Ge(U, u, v), ce = $ !== null && $ !== oe;
+              (ce || $ === null) && (re(), oe = $, se()), gt(U, v);
+              var te = r(I);
+              if ($ === b && _ && !B.copySortSource) {
+                te && te.removeChild(I);
                 return;
               }
-              var ie, le = Xe(H, q);
-              if (pe = pt(le, H), le !== null)
-                ie = We(H, le, f, v);
-              else if (M.revertOnSpill === !0 && !L)
-                ie = Q, H = w;
+              var ie, le = Xe($, U);
+              if (pe = pt(le, $), le !== null)
+                ie = We($, le, u, v);
+              else if (B.revertOnSpill === !0 && !_)
+                ie = Y, $ = b;
               else {
-                L && te && te.removeChild(N), L && j && (j.style.display = "none");
+                _ && te && te.removeChild(I), _ && V && (V.style.display = "none");
                 return;
               }
-              j.style.display = "block", it(ie, N, ce), ie ? dt(le, ie) : vt(H);
-              function Z(R) {
-                G.emit(R, N, oe, w);
+              V.style.display = "block", it(ie, I, ce), ie ? dt(le, ie) : vt($);
+              function J(R) {
+                W.emit(R, I, oe, b);
               }
-              function ue() {
-                ce && Z("over");
+              function se() {
+                ce && J("over");
               }
               function re() {
-                oe && Z("out");
+                oe && J("out");
               }
             }
-            function it(e, f, v) {
-              (e === f || e === h(f)) && (ee = h(f)), (e === null && v || e !== f && e !== h(f)) && (ee = e);
+            function it(e, u, v) {
+              (e === u || e === x(u)) && (ee = x(u)), (e === null && v || e !== u && e !== x(u)) && (ee = e);
             }
             function at(e) {
               p.rm(e, "gu-hide");
             }
             function ct(e) {
-              G.dragging && p.add(e, "gu-hide");
+              W.dragging && p.add(e, "gu-hide");
             }
             function lt() {
-              a || (a = document.createElement("div"), a.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;", a.innerHTML = M.getMirrorText && M.getMirrorText(F) || "控件", p.add(a, "gu-mirror"), M.mirrorContainer.appendChild(a), n(k, "add", "mousemove", Ee), p.add(M.mirrorContainer, "gu-unselectable"), G.emit("cloned", a, F, "mirror"));
+              i || (i = document.createElement("div"), i.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;", i.innerHTML = B.getMirrorText && B.getMirrorText(M) || "控件", p.add(i, "gu-mirror"), B.mirrorContainer.appendChild(i), t(k, "add", "mousemove", Se), p.add(B.mirrorContainer, "gu-unselectable"), W.emit("cloned", i, M, "mirror"));
             }
-            function ut() {
-              if (j = document.createElement("div"), p.add(j, "gu-insertion"), F) {
-                var e = F.getBoundingClientRect();
-                j.style.left = e.left + "px", j.style.top = e.top + "px";
+            function st() {
+              if (V = document.createElement("div"), p.add(V, "gu-insertion"), M) {
+                var e = M.getBoundingClientRect();
+                V.style.left = e.left + "px", V.style.top = e.top + "px";
               }
-              pe = !1, M.mirrorContainer.appendChild(j);
+              pe = !1, B.mirrorContainer.appendChild(V);
             }
-            function st() {
-              a && (p.rm(M.mirrorContainer, "gu-unselectable"), n(k, "remove", "mousemove", Ee), D(a).removeChild(a), a = null);
+            function ut() {
+              i && (p.rm(B.mirrorContainer, "gu-unselectable"), t(k, "remove", "mousemove", Se), r(i).removeChild(i), i = null);
             }
             function ft() {
-              j && (D(j).removeChild(j), j = null);
+              V && (r(V).removeChild(V), V = null);
             }
-            function Xe(e, f) {
-              for (var v = f; v !== e && D(v) !== e; )
-                v = D(v);
+            function Xe(e, u) {
+              for (var v = u; v !== e && r(v) !== e; )
+                v = r(v);
               return v === k ? null : v;
             }
-            function pt(e, f) {
-              if (!f)
+            function pt(e, u) {
+              if (!u)
                 return pe;
-              var v = e || f && f.lastElementChild;
+              var v = e || u && u.lastElementChild;
               if (!v)
                 return !0;
-              var N = getComputedStyle(e), q = /^inline/.test(N.getPropertyValue("display")) || /^(left|right)$/.test(N.getPropertyValue("float"));
-              if (q)
+              var I = getComputedStyle(e), U = /^inline/.test(I.getPropertyValue("display")) || /^(left|right)$/.test(I.getPropertyValue("float"));
+              if (U)
                 return !0;
-              if (f) {
-                var H = getComputedStyle(f), ce = H.getPropertyValue("display");
+              if (u) {
+                var $ = getComputedStyle(u), ce = $.getPropertyValue("display");
                 if (/flex$/.test(ce)) {
-                  var te = H.getPropertyValue("flex-direction") || "row";
+                  var te = $.getPropertyValue("flex-direction") || "row";
                   if (te === "row" || te === "row-reverse")
-                    return !mt(f);
+                    return !mt(u);
                 }
                 return !1;
               }
@@ -377,588 +377,588 @@ var Ke = { exports: {} };
             function mt(e) {
               if (!e.children || !e.children.length)
                 return !1;
-              for (const f of Array.from(e.children)) {
-                const N = (f.className && f.className.split(" ") || []).filter((q) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(q));
-                if (!N.length)
+              for (const u of Array.from(e.children)) {
+                const I = (u.className && u.className.split(" ") || []).filter((U) => /^col(-md|-xl|-el){0,1}-([1-9]|10|11|12)$/.test(U));
+                if (!I.length)
                   return !1;
-                for (const q of N) {
-                  const H = q.slice(q.lastIndexOf("-") + 1);
-                  if (parseInt(H, 10) !== 12)
+                for (const U of I) {
+                  const $ = U.slice(U.lastIndexOf("-") + 1);
+                  if (parseInt($, 10) !== 12)
                     return !1;
                 }
               }
               return !0;
             }
-            function dt(e, f) {
-              const v = f.getBoundingClientRect();
-              if (j.style.left = v.left + "px", j.style.top = v.top + "px", pe) {
-                if (j.style.height = v.height + "px", j.style.width = "4px", e) {
-                  const N = e.getBoundingClientRect();
-                  N.top !== v.top && (j.style.left = N.right + "px", j.style.top = N.top + "px", j.style.height = N.height + "px");
+            function dt(e, u) {
+              const v = u.getBoundingClientRect();
+              if (V.style.left = v.left + "px", V.style.top = v.top + "px", pe) {
+                if (V.style.height = v.height + "px", V.style.width = "4px", e) {
+                  const I = e.getBoundingClientRect();
+                  I.top !== v.top && (V.style.left = I.right + "px", V.style.top = I.top + "px", V.style.height = I.height + "px");
                 }
-              } else if (j.style.height = "4px", j.style.width = v.width + "px", K) {
-                const N = K.getBoundingClientRect();
-                v.top < N.top && (j.style.display = "none");
+              } else if (V.style.height = "4px", V.style.width = v.width + "px", Q) {
+                const I = Q.getBoundingClientRect();
+                v.top < I.top && (V.style.display = "none");
               }
-              f === F && F && (j.style.display = "none");
+              u === M && M && (V.style.display = "none");
             }
             function vt(e) {
               ee = null;
-              var f = e.lastElementChild;
-              if (f) {
-                var v = f.getBoundingClientRect();
-                pe ? (j.style.left = v.right + "px", j.style.top = v.top + "px", j.style.height = v.height + "px", j.style.width = "4px") : (j.style.left = v.left + "px", j.style.top = v.bottom + "px", j.style.height = "4px", j.style.width = v.width + "px"), f === F && F && (j.style.display = "none");
+              var u = e.lastElementChild;
+              if (u) {
+                var v = u.getBoundingClientRect();
+                pe ? (V.style.left = v.right + "px", V.style.top = v.top + "px", V.style.height = v.height + "px", V.style.width = "4px") : (V.style.left = v.left + "px", V.style.top = v.bottom + "px", V.style.height = "4px", V.style.width = v.width + "px"), u === M && M && (V.style.display = "none");
               } else
-                j.style.display = "none";
+                V.style.display = "none";
             }
-            function gt(e, f) {
-              if (!M.mirrorContainer.contains(e) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (K = y(e), !K || !K.contains(e)))
+            function gt(e, u) {
+              if (!B.mirrorContainer.contains(e) || !window.scrollContainerList || !Array.from(window.scrollContainerList).length || (Q = C(e), !Q || !Q.contains(e)))
                 return;
-              const v = document.querySelector(".dgComponentSelected"), N = K.getBoundingClientRect();
-              if (f - 30 < N.top && K.scrollTop > 0) {
-                let q = K.scrollTop < 10 ? K.scrollTop : 10;
-                K.scrollBy(0, -1 * q), v && K.contains(v) && (me = me + -1 * q);
+              const v = document.querySelector(".dgComponentSelected"), I = Q.getBoundingClientRect();
+              if (u - 30 < I.top && Q.scrollTop > 0) {
+                let U = Q.scrollTop < 10 ? Q.scrollTop : 10;
+                Q.scrollBy(0, -1 * U), v && Q.contains(v) && (me = me + -1 * U);
               }
-              if (f + 30 > N.bottom && K.scrollTop < K.scrollHeight - K.clientHeight) {
-                const q = K.scrollHeight - K.clientHeight - K.scrollTop;
-                let H = q < 10 ? q : 10;
-                K.scrollBy(0, H), v && K.contains(v) && (me = me + H);
+              if (u + 30 > I.bottom && Q.scrollTop < Q.scrollHeight - Q.clientHeight) {
+                const U = Q.scrollHeight - Q.clientHeight - Q.scrollTop;
+                let $ = U < 10 ? U : 10;
+                Q.scrollBy(0, $), v && Q.contains(v) && (me = me + $);
               }
             }
-            function We(e, f, v, N) {
-              var q = M.direction === "horizontal", H = M.direction === "mixed", ce = f !== e ? ie() : te();
+            function We(e, u, v, I) {
+              var U = B.direction === "horizontal", $ = B.direction === "mixed", ce = u !== e ? ie() : te();
               return ce;
               function te() {
-                var Z = e.children.length, ue, re, R;
-                for (ue = 0; ue < Z; ue++)
-                  if (re = e.children[ue], R = re.getBoundingClientRect(), q && R.left + R.width / 2 > v || !H && !q && R.top + R.height / 2 > N || H && R.left + R.width > v && R.top + R.height > N)
+                var J = e.children.length, se, re, R;
+                for (se = 0; se < J; se++)
+                  if (re = e.children[se], R = re.getBoundingClientRect(), U && R.left + R.width / 2 > v || !$ && !U && R.top + R.height / 2 > I || $ && R.left + R.width > v && R.top + R.height > I)
                     return re;
                 return null;
               }
               function ie() {
-                var Z = f.getBoundingClientRect();
-                if (H) {
-                  var ue = N - Z.top, re = v - Z.left, R = Z.bottom - N, Fe = Z.right - v, Pe = Math.min(re, Fe, ue, R), Ie;
-                  return pe ? Ie = Fe < re : Ie = R === Pe || Fe === Pe || re === Pe, le(Ie);
+                var J = u.getBoundingClientRect();
+                if ($) {
+                  var se = I - J.top, re = v - J.left, R = J.bottom - I, Ee = J.right - v, Fe = Math.min(re, Ee, se, R), Pe;
+                  return pe ? Pe = Ee < re : Pe = R === Fe || Ee === Fe || re === Fe, le(Pe);
                 }
-                return le(q ? v > Z.left + O(Z) / 2 : N > Z.top + _(Z) / 2);
+                return le(U ? v > J.left + L(J) / 2 : I > J.top + O(J) / 2);
               }
-              function le(Z) {
-                return Z ? h(f) : f;
+              function le(J) {
+                return J ? x(u) : u;
               }
             }
-            function ht(e, f) {
-              return typeof M.copy == "boolean" ? M.copy : M.copy(e, f);
+            function ht(e, u) {
+              return typeof B.copy == "boolean" ? B.copy : B.copy(e, u);
             }
           }
-          function y(r) {
-            const U = Array.from(window.scrollContainerList);
-            if (U.length === 1) {
-              const a = Array.from(window.scrollContainerList)[0];
-              return document.getElementById(a);
+          function C(s) {
+            const q = Array.from(window.scrollContainerList);
+            if (q.length === 1) {
+              const i = Array.from(window.scrollContainerList)[0];
+              return document.getElementById(i);
             }
-            const W = l(U);
-            for (const a of W)
-              if (a.contains(r))
-                return a;
+            const G = a(q);
+            for (const i of G)
+              if (i.contains(s))
+                return i;
             return null;
           }
-          function l(r) {
-            const U = [];
-            return r.forEach((W) => {
-              const a = document.getElementById(W);
-              a && U.push(a);
-            }), U.sort((W, a) => W.contains(a) ? 1 : a.contains(W) ? -1 : 0), U;
+          function a(s) {
+            const q = [];
+            return s.forEach((G) => {
+              const i = document.getElementById(G);
+              i && q.push(i);
+            }), q.sort((G, i) => G.contains(i) ? 1 : i.contains(G) ? -1 : 0), q;
           }
-          function n(r, U, W, a) {
-            var w = {
+          function t(s, q, G, i) {
+            var b = {
               mouseup: "touchend",
               mousedown: "touchstart",
               mousemove: "touchmove"
-            }, F = {
+            }, M = {
               mouseup: "pointerup",
               mousedown: "pointerdown",
               mousemove: "pointermove"
-            }, Y = {
+            }, j = {
               mouseup: "MSPointerUp",
               mousedown: "MSPointerDown",
               mousemove: "MSPointerMove"
             };
-            u.navigator.pointerEnabled ? C[U](r, F[W], a) : u.navigator.msPointerEnabled ? C[U](r, Y[W], a) : (C[U](r, w[W], a), C[U](r, W, a));
+            f.navigator.pointerEnabled ? y[q](s, M[G], i) : f.navigator.msPointerEnabled ? y[q](s, j[G], i) : (y[q](s, b[G], i), y[q](s, G, i));
           }
-          function o(r) {
-            if (r.touches !== void 0)
-              return r.touches.length;
-            if (r.which !== void 0 && r.which !== 0)
-              return r.which;
-            if (r.buttons !== void 0)
-              return r.buttons;
-            var U = r.button;
-            if (U !== void 0)
-              return U & 1 ? 1 : U & 2 ? 3 : U & 4 ? 2 : 0;
+          function o(s) {
+            if (s.touches !== void 0)
+              return s.touches.length;
+            if (s.which !== void 0 && s.which !== 0)
+              return s.which;
+            if (s.buttons !== void 0)
+              return s.buttons;
+            var q = s.button;
+            if (q !== void 0)
+              return q & 1 ? 1 : q & 2 ? 3 : q & 4 ? 2 : 0;
           }
-          function g(r, U, W) {
-            r = r || {};
-            var a = r.className || "", w;
-            return r.className += " gu-hide", w = x.elementFromPoint(U, W), r.className = a, w;
+          function g(s, q, G) {
+            s = s || {};
+            var i = s.className || "", b;
+            return s.className += " gu-hide", b = A.elementFromPoint(q, G), s.className = i, b;
           }
-          function d() {
+          function m() {
             return !1;
           }
-          function B() {
+          function F() {
             return !0;
           }
-          function O(r) {
-            return r.width || r.right - r.left;
+          function L(s) {
+            return s.width || s.right - s.left;
           }
-          function _(r) {
-            return r.height || r.bottom - r.top;
+          function O(s) {
+            return s.height || s.bottom - s.top;
           }
-          function D(r) {
-            return r.parentNode === x ? null : r.parentNode;
+          function r(s) {
+            return s.parentNode === A ? null : s.parentNode;
           }
-          function i(r) {
-            return r.tagName === "INPUT" || r.tagName === "TEXTAREA" || r.tagName === "SELECT" || E(r);
+          function h(s) {
+            return s.tagName === "INPUT" || s.tagName === "TEXTAREA" || s.tagName === "SELECT" || N(s);
           }
-          function E(r) {
-            return !r || r.contentEditable === "false" ? !1 : r.contentEditable === "true" ? !0 : E(D(r));
+          function N(s) {
+            return !s || s.contentEditable === "false" ? !1 : s.contentEditable === "true" ? !0 : N(r(s));
           }
-          function h(r) {
-            return r.nextElementSibling || U();
-            function U() {
-              var W = r;
+          function x(s) {
+            return s.nextElementSibling || q();
+            function q() {
+              var G = s;
               do
-                W = W.nextSibling;
-              while (W && W.nodeType !== 1);
-              return W;
+                G = G.nextSibling;
+              while (G && G.nodeType !== 1);
+              return G;
             }
           }
-          function $(r) {
-            return r.targetTouches && r.targetTouches.length ? r.targetTouches[0] : r.changedTouches && r.changedTouches.length ? r.changedTouches[0] : r;
+          function K(s) {
+            return s.targetTouches && s.targetTouches.length ? s.targetTouches[0] : s.changedTouches && s.changedTouches.length ? s.changedTouches[0] : s;
           }
-          function V(r, U) {
-            var W = $(U), a = {
+          function X(s, q) {
+            var G = K(q), i = {
               pageX: "clientX",
               // IE8
               pageY: "clientY"
               // IE8
             };
-            return r in a && !(r in W) && a[r] in W && (r = a[r]), W[r];
+            return s in i && !(s in G) && i[s] in G && (s = i[s]), G[s];
           }
-          b.exports = s;
-        }).call(this, typeof se < "u" ? se : typeof self < "u" ? self : typeof window < "u" ? window : {});
+          D.exports = l;
+        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./classes": 1, "contra/emitter": 5, crossvent: 6 }],
-      3: [function(t, b, I) {
-        b.exports = function(m, C) {
-          return Array.prototype.slice.call(m, C);
+      3: [function(n, D, S) {
+        D.exports = function(d, y) {
+          return Array.prototype.slice.call(d, y);
         };
       }, {}],
-      4: [function(t, b, I) {
-        var u = t("ticky");
-        b.exports = function(C, p, x) {
-          C && u(function() {
-            C.apply(x || null, p || []);
+      4: [function(n, D, S) {
+        var f = n("ticky");
+        D.exports = function(y, p, A) {
+          y && f(function() {
+            y.apply(A || null, p || []);
           });
         };
       }, { ticky: 10 }],
-      5: [function(t, b, I) {
-        var u = t("atoa"), m = t("./debounce");
-        b.exports = function(p, x) {
-          var k = x || {}, s = {};
-          return p === void 0 && (p = {}), p.on = function(y, l) {
-            return s[y] ? s[y].push(l) : s[y] = [l], p;
-          }, p.once = function(y, l) {
-            return l._once = !0, p.on(y, l), p;
-          }, p.off = function(y, l) {
-            var n = arguments.length;
-            if (n === 1)
-              delete s[y];
-            else if (n === 0)
-              s = {};
+      5: [function(n, D, S) {
+        var f = n("atoa"), d = n("./debounce");
+        D.exports = function(p, A) {
+          var k = A || {}, l = {};
+          return p === void 0 && (p = {}), p.on = function(C, a) {
+            return l[C] ? l[C].push(a) : l[C] = [a], p;
+          }, p.once = function(C, a) {
+            return a._once = !0, p.on(C, a), p;
+          }, p.off = function(C, a) {
+            var t = arguments.length;
+            if (t === 1)
+              delete l[C];
+            else if (t === 0)
+              l = {};
             else {
-              var o = s[y];
+              var o = l[C];
               if (!o)
                 return p;
-              o.splice(o.indexOf(l), 1);
+              o.splice(o.indexOf(a), 1);
             }
             return p;
           }, p.emit = function() {
-            var y = u(arguments);
-            return p.emitterSnapshot(y.shift()).apply(this, y);
-          }, p.emitterSnapshot = function(y) {
-            var l = (s[y] || []).slice(0);
+            var C = f(arguments);
+            return p.emitterSnapshot(C.shift()).apply(this, C);
+          }, p.emitterSnapshot = function(C) {
+            var a = (l[C] || []).slice(0);
             return function() {
-              var n = u(arguments), o = this || p;
-              if (y === "error" && k.throws !== !1 && !l.length)
-                throw n.length === 1 ? n[0] : n;
-              return l.forEach(function(d) {
-                k.async ? m(d, n, o) : d.apply(o, n), d._once && p.off(y, d);
+              var t = f(arguments), o = this || p;
+              if (C === "error" && k.throws !== !1 && !a.length)
+                throw t.length === 1 ? t[0] : t;
+              return a.forEach(function(m) {
+                k.async ? d(m, t, o) : m.apply(o, t), m._once && p.off(C, m);
               }), p;
             };
           }, p;
         };
       }, { "./debounce": 4, atoa: 3 }],
-      6: [function(t, b, I) {
-        (function(u) {
-          var m = t("custom-event"), C = t("./eventmap"), p = u.document, x = y, k = n, s = [];
-          u.addEventListener || (x = l, k = o), b.exports = {
-            add: x,
+      6: [function(n, D, S) {
+        (function(f) {
+          var d = n("custom-event"), y = n("./eventmap"), p = f.document, A = C, k = t, l = [];
+          f.addEventListener || (A = a, k = o), D.exports = {
+            add: A,
             remove: k,
             fabricate: g
           };
-          function y(D, i, E, h) {
-            return D.addEventListener(i, E, h);
+          function C(r, h, N, x) {
+            return r.addEventListener(h, N, x);
           }
-          function l(D, i, E) {
-            return D.attachEvent("on" + i, B(D, i, E));
+          function a(r, h, N) {
+            return r.attachEvent("on" + h, F(r, h, N));
           }
-          function n(D, i, E, h) {
-            return D.removeEventListener(i, E, h);
+          function t(r, h, N, x) {
+            return r.removeEventListener(h, N, x);
           }
-          function o(D, i, E) {
-            var h = O(D, i, E);
-            if (h)
-              return D.detachEvent("on" + i, h);
+          function o(r, h, N) {
+            var x = L(r, h, N);
+            if (x)
+              return r.detachEvent("on" + h, x);
           }
-          function g(D, i, E) {
-            var h = C.indexOf(i) === -1 ? V() : $();
-            D.dispatchEvent ? D.dispatchEvent(h) : D.fireEvent("on" + i, h);
-            function $() {
-              var r;
-              return p.createEvent ? (r = p.createEvent("Event"), r.initEvent(i, !0, !0)) : p.createEventObject && (r = p.createEventObject()), r;
+          function g(r, h, N) {
+            var x = y.indexOf(h) === -1 ? X() : K();
+            r.dispatchEvent ? r.dispatchEvent(x) : r.fireEvent("on" + h, x);
+            function K() {
+              var s;
+              return p.createEvent ? (s = p.createEvent("Event"), s.initEvent(h, !0, !0)) : p.createEventObject && (s = p.createEventObject()), s;
             }
-            function V() {
-              return new m(i, { detail: E });
+            function X() {
+              return new d(h, { detail: N });
             }
           }
-          function d(D, i, E) {
-            return function($) {
-              var V = $ || u.event;
-              V.target = V.target || V.srcElement, V.preventDefault = V.preventDefault || function() {
-                V.returnValue = !1;
-              }, V.stopPropagation = V.stopPropagation || function() {
-                V.cancelBubble = !0;
-              }, V.which = V.which || V.keyCode, E.call(D, V);
+          function m(r, h, N) {
+            return function(K) {
+              var X = K || f.event;
+              X.target = X.target || X.srcElement, X.preventDefault = X.preventDefault || function() {
+                X.returnValue = !1;
+              }, X.stopPropagation = X.stopPropagation || function() {
+                X.cancelBubble = !0;
+              }, X.which = X.which || X.keyCode, N.call(r, X);
             };
           }
-          function B(D, i, E) {
-            var h = O(D, i, E) || d(D, i, E);
-            return s.push({
-              wrapper: h,
-              element: D,
-              type: i,
-              fn: E
-            }), h;
+          function F(r, h, N) {
+            var x = L(r, h, N) || m(r, h, N);
+            return l.push({
+              wrapper: x,
+              element: r,
+              type: h,
+              fn: N
+            }), x;
           }
-          function O(D, i, E) {
-            var h = _(D, i, E);
-            if (h) {
-              var $ = s[h].wrapper;
-              return s.splice(h, 1), $;
+          function L(r, h, N) {
+            var x = O(r, h, N);
+            if (x) {
+              var K = l[x].wrapper;
+              return l.splice(x, 1), K;
             }
           }
-          function _(D, i, E) {
-            var h, $;
-            for (h = 0; h < s.length; h++)
-              if ($ = s[h], $.element === D && $.type === i && $.fn === E)
-                return h;
+          function O(r, h, N) {
+            var x, K;
+            for (x = 0; x < l.length; x++)
+              if (K = l[x], K.element === r && K.type === h && K.fn === N)
+                return x;
           }
-        }).call(this, typeof se < "u" ? se : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, { "./eventmap": 7, "custom-event": 8 }],
-      7: [function(t, b, I) {
-        (function(u) {
-          var m = [], C = "", p = /^on/;
-          for (C in u)
-            p.test(C) && m.push(C.slice(2));
-          b.exports = m;
-        }).call(this, typeof se < "u" ? se : typeof self < "u" ? self : typeof window < "u" ? window : {});
+      7: [function(n, D, S) {
+        (function(f) {
+          var d = [], y = "", p = /^on/;
+          for (y in f)
+            p.test(y) && d.push(y.slice(2));
+          D.exports = d;
+        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      8: [function(t, b, I) {
-        (function(u) {
-          var m = u.CustomEvent;
-          function C() {
+      8: [function(n, D, S) {
+        (function(f) {
+          var d = f.CustomEvent;
+          function y() {
             try {
-              var p = new m("cat", { detail: { foo: "bar" } });
+              var p = new d("cat", { detail: { foo: "bar" } });
               return p.type === "cat" && p.detail.foo === "bar";
             } catch {
             }
             return !1;
           }
-          b.exports = C() ? m : (
+          D.exports = y() ? d : (
             // IE >= 9
-            typeof document < "u" && typeof document.createEvent == "function" ? function(x, k) {
-              var s = document.createEvent("CustomEvent");
-              return k ? s.initCustomEvent(x, k.bubbles, k.cancelable, k.detail) : s.initCustomEvent(x, !1, !1, void 0), s;
+            typeof document < "u" && typeof document.createEvent == "function" ? function(A, k) {
+              var l = document.createEvent("CustomEvent");
+              return k ? l.initCustomEvent(A, k.bubbles, k.cancelable, k.detail) : l.initCustomEvent(A, !1, !1, void 0), l;
             } : (
               // IE <= 8
-              function(x, k) {
-                var s = document.createEventObject();
-                return s.type = x, k ? (s.bubbles = !!k.bubbles, s.cancelable = !!k.cancelable, s.detail = k.detail) : (s.bubbles = !1, s.cancelable = !1, s.detail = void 0), s;
+              function(A, k) {
+                var l = document.createEventObject();
+                return l.type = A, k ? (l.bubbles = !!k.bubbles, l.cancelable = !!k.cancelable, l.detail = k.detail) : (l.bubbles = !1, l.cancelable = !1, l.detail = void 0), l;
               }
             )
           );
-        }).call(this, typeof se < "u" ? se : typeof self < "u" ? self : typeof window < "u" ? window : {});
+        }).call(this, typeof ue < "u" ? ue : typeof self < "u" ? self : typeof window < "u" ? window : {});
       }, {}],
-      9: [function(t, b, I) {
-        var u = b.exports = {}, m, C;
+      9: [function(n, D, S) {
+        var f = D.exports = {}, d, y;
         function p() {
           throw new Error("setTimeout has not been defined");
         }
-        function x() {
+        function A() {
           throw new Error("clearTimeout has not been defined");
         }
         (function() {
           try {
-            typeof setTimeout == "function" ? m = setTimeout : m = p;
+            typeof setTimeout == "function" ? d = setTimeout : d = p;
           } catch {
-            m = p;
+            d = p;
           }
           try {
-            typeof clearTimeout == "function" ? C = clearTimeout : C = x;
+            typeof clearTimeout == "function" ? y = clearTimeout : y = A;
           } catch {
-            C = x;
+            y = A;
           }
         })();
-        function k(_) {
-          if (m === setTimeout)
-            return setTimeout(_, 0);
-          if ((m === p || !m) && setTimeout)
-            return m = setTimeout, setTimeout(_, 0);
+        function k(O) {
+          if (d === setTimeout)
+            return setTimeout(O, 0);
+          if ((d === p || !d) && setTimeout)
+            return d = setTimeout, setTimeout(O, 0);
           try {
-            return m(_, 0);
+            return d(O, 0);
           } catch {
             try {
-              return m.call(null, _, 0);
+              return d.call(null, O, 0);
             } catch {
-              return m.call(this, _, 0);
+              return d.call(this, O, 0);
             }
           }
         }
-        function s(_) {
-          if (C === clearTimeout)
-            return clearTimeout(_);
-          if ((C === x || !C) && clearTimeout)
-            return C = clearTimeout, clearTimeout(_);
+        function l(O) {
+          if (y === clearTimeout)
+            return clearTimeout(O);
+          if ((y === A || !y) && clearTimeout)
+            return y = clearTimeout, clearTimeout(O);
           try {
-            return C(_);
+            return y(O);
           } catch {
             try {
-              return C.call(null, _);
+              return y.call(null, O);
             } catch {
-              return C.call(this, _);
+              return y.call(this, O);
             }
           }
         }
-        var y = [], l = !1, n, o = -1;
+        var C = [], a = !1, t, o = -1;
         function g() {
-          !l || !n || (l = !1, n.length ? y = n.concat(y) : o = -1, y.length && d());
+          !a || !t || (a = !1, t.length ? C = t.concat(C) : o = -1, C.length && m());
         }
-        function d() {
-          if (!l) {
-            var _ = k(g);
-            l = !0;
-            for (var D = y.length; D; ) {
-              for (n = y, y = []; ++o < D; )
-                n && n[o].run();
-              o = -1, D = y.length;
+        function m() {
+          if (!a) {
+            var O = k(g);
+            a = !0;
+            for (var r = C.length; r; ) {
+              for (t = C, C = []; ++o < r; )
+                t && t[o].run();
+              o = -1, r = C.length;
             }
-            n = null, l = !1, s(_);
+            t = null, a = !1, l(O);
           }
         }
-        u.nextTick = function(_) {
-          var D = new Array(arguments.length - 1);
+        f.nextTick = function(O) {
+          var r = new Array(arguments.length - 1);
           if (arguments.length > 1)
-            for (var i = 1; i < arguments.length; i++)
-              D[i - 1] = arguments[i];
-          y.push(new B(_, D)), y.length === 1 && !l && k(d);
+            for (var h = 1; h < arguments.length; h++)
+              r[h - 1] = arguments[h];
+          C.push(new F(O, r)), C.length === 1 && !a && k(m);
         };
-        function B(_, D) {
-          this.fun = _, this.array = D;
+        function F(O, r) {
+          this.fun = O, this.array = r;
         }
-        B.prototype.run = function() {
+        F.prototype.run = function() {
           this.fun.apply(null, this.array);
-        }, u.title = "browser", u.browser = !0, u.env = {}, u.argv = [], u.version = "", u.versions = {};
-        function O() {
+        }, f.title = "browser", f.browser = !0, f.env = {}, f.argv = [], f.version = "", f.versions = {};
+        function L() {
         }
-        u.on = O, u.addListener = O, u.once = O, u.off = O, u.removeListener = O, u.removeAllListeners = O, u.emit = O, u.prependListener = O, u.prependOnceListener = O, u.listeners = function(_) {
+        f.on = L, f.addListener = L, f.once = L, f.off = L, f.removeListener = L, f.removeAllListeners = L, f.emit = L, f.prependListener = L, f.prependOnceListener = L, f.listeners = function(O) {
           return [];
-        }, u.binding = function(_) {
+        }, f.binding = function(O) {
           throw new Error("process.binding is not supported");
-        }, u.cwd = function() {
+        }, f.cwd = function() {
           return "/";
-        }, u.chdir = function(_) {
+        }, f.chdir = function(O) {
           throw new Error("process.chdir is not supported");
-        }, u.umask = function() {
+        }, f.umask = function() {
           return 0;
         };
       }, {}],
-      10: [function(t, b, I) {
-        (function(u) {
-          var m = typeof u == "function", C;
-          m ? C = function(p) {
-            u(p);
-          } : C = function(p) {
+      10: [function(n, D, S) {
+        (function(f) {
+          var d = typeof f == "function", y;
+          d ? y = function(p) {
+            f(p);
+          } : y = function(p) {
             setTimeout(p, 0);
-          }, b.exports = C;
-        }).call(this, t("timers").setImmediate);
+          }, D.exports = y;
+        }).call(this, n("timers").setImmediate);
       }, { timers: 11 }],
-      11: [function(t, b, I) {
-        (function(u, m) {
-          var C = t("process/browser.js").nextTick, p = Function.prototype.apply, x = Array.prototype.slice, k = {}, s = 0;
-          I.setTimeout = function() {
-            return new y(p.call(setTimeout, window, arguments), clearTimeout);
-          }, I.setInterval = function() {
-            return new y(p.call(setInterval, window, arguments), clearInterval);
-          }, I.clearTimeout = I.clearInterval = function(l) {
-            l.close();
+      11: [function(n, D, S) {
+        (function(f, d) {
+          var y = n("process/browser.js").nextTick, p = Function.prototype.apply, A = Array.prototype.slice, k = {}, l = 0;
+          S.setTimeout = function() {
+            return new C(p.call(setTimeout, window, arguments), clearTimeout);
+          }, S.setInterval = function() {
+            return new C(p.call(setInterval, window, arguments), clearInterval);
+          }, S.clearTimeout = S.clearInterval = function(a) {
+            a.close();
           };
-          function y(l, n) {
-            this._id = l, this._clearFn = n;
+          function C(a, t) {
+            this._id = a, this._clearFn = t;
           }
-          y.prototype.unref = y.prototype.ref = function() {
-          }, y.prototype.close = function() {
+          C.prototype.unref = C.prototype.ref = function() {
+          }, C.prototype.close = function() {
             this._clearFn.call(window, this._id);
-          }, I.enroll = function(l, n) {
-            clearTimeout(l._idleTimeoutId), l._idleTimeout = n;
-          }, I.unenroll = function(l) {
-            clearTimeout(l._idleTimeoutId), l._idleTimeout = -1;
-          }, I._unrefActive = I.active = function(l) {
-            clearTimeout(l._idleTimeoutId);
-            var n = l._idleTimeout;
-            n >= 0 && (l._idleTimeoutId = setTimeout(function() {
-              l._onTimeout && l._onTimeout();
-            }, n));
-          }, I.setImmediate = typeof u == "function" ? u : function(l) {
-            var n = s++, o = arguments.length < 2 ? !1 : x.call(arguments, 1);
-            return k[n] = !0, C(function() {
-              k[n] && (o ? l.apply(null, o) : l.call(null), I.clearImmediate(n));
-            }), n;
-          }, I.clearImmediate = typeof m == "function" ? m : function(l) {
-            delete k[l];
+          }, S.enroll = function(a, t) {
+            clearTimeout(a._idleTimeoutId), a._idleTimeout = t;
+          }, S.unenroll = function(a) {
+            clearTimeout(a._idleTimeoutId), a._idleTimeout = -1;
+          }, S._unrefActive = S.active = function(a) {
+            clearTimeout(a._idleTimeoutId);
+            var t = a._idleTimeout;
+            t >= 0 && (a._idleTimeoutId = setTimeout(function() {
+              a._onTimeout && a._onTimeout();
+            }, t));
+          }, S.setImmediate = typeof f == "function" ? f : function(a) {
+            var t = l++, o = arguments.length < 2 ? !1 : A.call(arguments, 1);
+            return k[t] = !0, y(function() {
+              k[t] && (o ? a.apply(null, o) : a.call(null), S.clearImmediate(t));
+            }), t;
+          }, S.clearImmediate = typeof d == "function" ? d : function(a) {
+            delete k[a];
           };
-        }).call(this, t("timers").setImmediate, t("timers").clearImmediate);
+        }).call(this, n("timers").setImmediate, n("timers").clearImmediate);
       }, { "process/browser.js": 9, timers: 11 }]
     }, {}, [2])(2);
   });
-})(Ke);
-var In = Ke.exports;
-const Ye = /* @__PURE__ */ Pn(In);
-function An(A) {
+})(Je);
+var Bn = Je.exports;
+const Ye = /* @__PURE__ */ Pn(Bn);
+function In(P) {
   let c;
-  function t(n, o, g) {
-    const d = {};
-    return d.sourceElement = n, d.sourceContainer = g, d.targetContainer = o, d.sourceType = n.getAttribute("data-sourceType") || "move", d.controlType = n.getAttribute("data-controlType"), d.controlTypeName = n.getAttribute("data-controlTypeName"), d.controlCategory = n.getAttribute("data-category"), d.controlFeature = n.getAttribute("data-feature"), d.parentComponentInstance = o.componentInstance, d.controlCategory === "input" ? d.bindingType = "field" : d.controlCategory === "dataCollection" && (d.bindingType = "entity"), n.componentInstance && (d.controlType = n.componentInstance.value.schema.type, d.controlCategory = n.componentInstance.value.schema.category), d;
+  function n(t, o, g) {
+    const m = {};
+    return m.sourceElement = t, m.sourceContainer = g, m.targetContainer = o, m.sourceType = t.getAttribute("data-sourceType") || "move", m.controlType = t.getAttribute("data-controlType"), m.controlTypeName = t.getAttribute("data-controlTypeName"), m.controlCategory = t.getAttribute("data-category"), m.controlFeature = t.getAttribute("data-feature"), m.parentComponentInstance = o.componentInstance, m.controlCategory === "input" ? m.bindingType = "field" : m.controlCategory === "dataCollection" && (m.bindingType = "entity"), t.componentInstance && (m.controlType = t.componentInstance.value.schema.type, m.controlCategory = t.componentInstance.value.schema.category), m;
   }
-  function b(n, o, g) {
-    if (n.contains(o) || o.classList.contains("no-drop"))
+  function D(t, o, g) {
+    if (t.contains(o) || o.classList.contains("no-drop"))
       return !1;
-    const d = !0;
-    if (n.componentInstance && n.componentInstance.value.getDragScopeElement) {
-      const B = n.componentInstance.value.getDragScopeElement();
-      if (B && !B.contains(o))
+    const m = !0;
+    if (t.componentInstance && t.componentInstance.value.getDragScopeElement) {
+      const F = t.componentInstance.value.getDragScopeElement();
+      if (F && !F.contains(o))
         return !1;
     }
     if (o.componentInstance && o.componentInstance.value.canAccepts) {
-      const B = t(n, o, g);
-      return o.componentInstance.value.canAccepts(B);
+      const F = n(t, o, g);
+      return o.componentInstance.value.canAccepts(F);
     }
-    return d;
+    return m;
   }
-  function I(n, o) {
-    const g = o.getBoundingClientRect(), d = n.getBoundingClientRect(), B = d.top >= g.top, O = d.top < g.bottom;
-    return B && O;
+  function S(t, o) {
+    const g = o.getBoundingClientRect(), m = t.getBoundingClientRect(), F = m.top >= g.top, L = m.top < g.bottom;
+    return F && L;
   }
-  function u(n, o) {
-    const g = n.querySelector(".dgComponentSelected");
-    if (!(!g || o === 0) && I(g, n)) {
-      const d = g.querySelector(".component-btn-group");
-      if (d) {
-        const B = d.querySelector("div");
-        if (B && B.style.top) {
-          const O = Number.parseFloat(B.style.top);
-          B.style.top = O - o + "px";
+  function f(t, o) {
+    const g = t.querySelector(".dgComponentSelected");
+    if (!(!g || o === 0) && S(g, t)) {
+      const m = g.querySelector(".component-btn-group");
+      if (m) {
+        const F = m.querySelector("div");
+        if (F && F.style.top) {
+          const L = Number.parseFloat(F.style.top);
+          F.style.top = L - o + "px";
         }
       }
     }
   }
-  function m(n, o, g) {
-    n.componentInstance;
-    let d = -1;
+  function d(t, o, g) {
+    t.componentInstance;
+    let m = -1;
     if (!o)
       return -1;
-    if (n.componentInstance.value.contents) {
+    if (t.componentInstance.value.contents) {
       if (g && g.componentInstance) {
         if (g.getAttribute("data-noattach"))
-          d = Number(g.getAttribute("data-position"));
+          m = Number(g.getAttribute("data-position"));
         else {
-          const B = g.componentInstance.value.schema;
-          let O = { id: B.id };
-          B.type === "Component" && (O = { component: B.id }), d = Me(n.componentInstance.value.contents, O), d = d === -1 ? 0 : d;
+          const F = g.componentInstance.value.schema;
+          let L = { id: F.id };
+          F.type === "Component" && (L = { component: F.id }), m = Ie(t.componentInstance.value.contents, L), m = m === -1 ? 0 : m;
         }
-        d !== -1 && n.componentInstance.value.contents.splice(d, 0, o);
+        m !== -1 && t.componentInstance.value.contents.splice(m, 0, o);
       } else
-        n.componentInstance.value.contents.push(o);
-      n.componentInstance.value.updateDragAndDropRules();
+        t.componentInstance.value.contents.push(o);
+      t.componentInstance.value.updateDragAndDropRules();
     }
-    return d;
+    return m;
   }
-  function C(n, o) {
-    if (!n.componentInstance.value.contents)
+  function y(t, o) {
+    if (!t.componentInstance.value.contents)
       return -1;
-    if (n.componentInstance.value.contents.length === 0)
+    if (t.componentInstance.value.contents.length === 0)
       return 0;
     if (!o || !o.componentInstance)
-      return n.componentInstance.value.contents.length;
+      return t.componentInstance.value.contents.length;
     if (o.getAttribute("data-noattach"))
       return Number(o.getAttribute("data-position"));
     const g = o.componentInstance.value.schema;
-    let d;
-    g.type === "Component" ? d = { component: g.id } : d = { id: g.id };
-    let B = Me(n.componentInstance.value.contents, d);
-    return B = B === -1 ? 0 : B, B;
+    let m;
+    g.type === "Component" ? m = { component: g.id } : m = { id: g.id };
+    let F = Ie(t.componentInstance.value.contents, m);
+    return F = F === -1 ? 0 : F, F;
   }
-  function p(n, o, g, d) {
+  function p(t, o, g, m) {
     if (o.componentInstance.value.addNewChildComponentSchema) {
-      const B = C(o, d), O = String(n.getAttribute("data-controltype")), _ = n.getAttribute("data-feature"), D = String(n.innerText), i = o.componentInstance.value, E = { componentType: O, label: D, parentComponentInstance: i, targetPosition: B }, h = _ ? JSON.parse(_) : {}, $ = Object.assign(E, h), V = o.componentInstance.value.addNewChildComponentSchema($, A);
-      m(o, V, d);
+      const F = y(o, m), L = String(t.getAttribute("data-controltype")), O = t.getAttribute("data-feature"), r = String(t.innerText), h = o.componentInstance.value, N = { componentType: L, label: r, parentComponentInstance: h, targetPosition: F }, x = O ? JSON.parse(O) : {}, K = Object.assign(N, x), X = o.componentInstance.value.addNewChildComponentSchema(K, P);
+      d(o, X, m);
     }
-    o.contains(n) && o.removeChild(n);
+    o.contains(t) && o.removeChild(t);
   }
-  function x(n, o, g, d) {
-    let B, O = -1;
-    if (n.componentInstance && n.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
-      const i = n.componentInstance.value.getBelongedComponentInstance(n.componentInstance);
-      i && (n = X(i.elementRef).value.parentElement, g = n.parentElement);
+  function A(t, o, g, m) {
+    let F, L = -1;
+    if (t.componentInstance && t.componentInstance.value.triggerBelongedComponentToMoveWhenMoved) {
+      const h = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
+      h && (t = H(h.elementRef).value.parentElement, g = t.parentElement);
     }
-    const _ = n.componentInstance && n.componentInstance.value.schema;
-    let D = { id: _ && _.id };
-    _.type === "component" && (D = { component: _ && _.id }), O = Me(g.componentInstance.value.contents, D), O !== -1 && g.componentInstance.value.contents && (B = g.componentInstance.value.contents.splice(O, 1), B = B[0]), m(o, B, d), g.componentInstance && g.componentInstance.value.onChildElementMovedOut && g.componentInstance.value.onChildElementMovedOut(n), o.componentInstance && o.componentInstance.value.onAcceptMovedChildElement && o.componentInstance.value.onAcceptMovedChildElement(n, g);
+    const O = t.componentInstance && t.componentInstance.value.schema;
+    let r = { id: O && O.id };
+    O.type === "component" && (r = { component: O && O.id }), L = Ie(g.componentInstance.value.contents, r), L !== -1 && g.componentInstance.value.contents && (F = g.componentInstance.value.contents.splice(L, 1), F = F[0]), d(o, F, m), g.componentInstance && g.componentInstance.value.onChildElementMovedOut && g.componentInstance.value.onChildElementMovedOut(t), o.componentInstance && o.componentInstance.value.onAcceptMovedChildElement && o.componentInstance.value.onAcceptMovedChildElement(t, g);
   }
-  function k(n, o, g, d) {
-    if (!o || n.contains(o))
+  function k(t, o, g, m) {
+    if (!o || t.contains(o))
       return;
-    switch (n.getAttribute("data-sourceType")) {
+    switch (t.getAttribute("data-sourceType")) {
       case "control":
       case "field":
       case "entity": {
-        p(n, o, g, d);
+        p(t, o, g, m);
         break;
       }
       default:
-        g.componentInstance.value.contents ? x(n, o, g, d) : o.contains(n) && o.removeChild(n);
+        g.componentInstance.value.contents ? A(t, o, g, m) : o.contains(t) && o.removeChild(t);
     }
     de.value++;
   }
-  function s(n) {
+  function l(t) {
     c && c.destroy(), Ye && (c = Ye([], {
       // 镜像容器
-      mirrorContainer: n,
+      mirrorContainer: t,
       direction: "mixed",
       revertOnSpill: !0,
       // 判断是否可移动
-      moves(o, g, d) {
-        let B = !0;
-        return o.classList.contains("no-drag") && (B = !1), o.componentInstance && (B = !!d.getAttribute("data-dragging-icon")), B;
+      moves(o, g, m) {
+        let F = !0;
+        return o.classList.contains("no-drag") && (F = !1), o.componentInstance && (F = !!m.getAttribute("data-dragging-icon")), F;
       },
       // 判断是否可拷贝
       copy(o) {
@@ -969,39 +969,39 @@ function An(A) {
         return o.componentInstance && o.componentInstance.value.getDraggingDisplayText ? o.componentInstance.value.getDraggingDisplayText() : o.innerText || "控件";
       },
       // 判断目标区域是否可接收拖拽的控件
-      accepts(o, g, d) {
-        const B = b(o, g, d), O = n.lastElementChild;
-        return B ? O.className = O.className.replace("undroppable", "") : O.className.includes("undroppable") || (O.className += " undroppable"), B;
+      accepts(o, g, m) {
+        const F = D(o, g, m), L = t.lastElementChild;
+        return F ? L.className = L.className.replace("undroppable", "") : L.className.includes("undroppable") || (L.className += " undroppable"), F;
       }
     }).on("over", (o, g) => {
       g.className += " drag-over";
     }).on("out", (o, g) => {
       g.className = g.className.replace("drag-over", "").replace("  ", "");
-    }).on("drop", (o, g, d, B) => {
-      k(o, g, d, B);
+    }).on("drop", (o, g, m, F) => {
+      k(o, g, m, F);
     }).on("dragend", (o, g) => {
-      u(o, g);
+      f(o, g);
     }));
   }
-  function y(n, o) {
-    if (!n)
+  function C(t, o) {
+    if (!t)
       return;
     if (o.noDragDrop)
-      return n;
-    const g = n.querySelector(`[data-dragref='${o.id}-container']`) || n;
+      return t;
+    const g = t.querySelector(`[data-dragref='${o.id}-container']`) || t;
     c && g && c.containers.push(g);
   }
-  function l() {
+  function a() {
     if (!c)
       return;
-    const n = document.getElementsByClassName("controlCategory");
-    n && (c.containers = c.containers.filter(
+    const t = document.getElementsByClassName("controlCategory");
+    t && (c.containers = c.containers.filter(
       (o) => !o.className.includes("controlCategory")
-    ), Array.from(n).forEach((o) => {
+    ), Array.from(t).forEach((o) => {
       c.containers.push(o);
     }));
   }
-  return { attachComponents: y, attachToolbox: l, initializeDragula: s };
+  return { attachComponents: C, attachToolbox: a, initializeDragula: l };
 }
 const Mn = {
   id: { type: String, default: "" },
@@ -1018,23 +1018,23 @@ const Mn = {
    */
   modelValue: { type: Object },
   ignore: { type: Boolean, default: !1 }
-}, S = {}, T = {}, P = {};
-let Ge = !1;
-function Nn() {
-  Ge || (Ge = !0, St.registerDesigner(S, T, P), wt.registerDesigner(S, T, P), Tt.registerDesigner(S, T, P), Et.registerDesigner(S, T, P), Ft.registerDesigner(S, T, P), Pt.registerDesigner(S, T, P), It.registerDesigner(S, T, P), At.registerDesigner(S, T, P), Mt.registerDesigner(S, T, P), Nt.registerDesigner(S, T, P), Bt.registerDesigner(S, T, P), xt.registerDesigner(S, T, P), kt.registerDesigner(S, T, P), _t.registerDesigner(S, T, P), Lt.registerDesigner(S, T, P), Ot.registerDesigner(S, T), Vt.registerDesigner(S, T, P), jt.registerDesigner(S, T, P), $t.registerDesigner(S, T, P), Ut.registerDesigner(S, T, P), Ht.registerDesigner(S, T, P), qt.registerDesigner(S, T, P), Wt.registerDesigner(S, T, P), Xt.registerDesigner(S, T, P), Gt.registerDesigner(S, T, P), Yt.registerDesigner(S, T, P), zt.registerDesigner(S, T, P), Jt.registerDesigner(S, T, P), Qt.registerDesigner(S, T, P), Kt.registerDesigner(S, T, P), Zt.registerDesigner(S, T, P), Rt.registerDesigner(S, T, P), en.registerDesigner(S, T, P), on.registerDesigner(S, T, P), rn.registerDesigner(S, T, P), nn.registerDesigner(S, T, P), tn.registerDesigner(S, T, P), an.registerDesigner(S, T, P), cn.registerDesigner(S, T, P), ln.registerDesigner(S, T, P), un.registerDesigner(S, T, P), sn.registerDesigner(S, T, P), fn.registerDesigner(S, T, P), pn.registerDesigner(S, T, P), mn.registerDesigner(S, T, P), dn.registerDesigner(S, T, P), Dn.registerDesigner(S, T, P), vn.registerDesigner(S, T, P), gn.registerDesigner(S, T, P), hn.registerDesigner(S, T, P), yn.registerDesigner(S, T, P), Cn.registerDesigner(S, T, P), bn.registerDesigner(S, T), wn.registerDesigner(S, T, P), Sn.registerDesigner(S, T, P), Tn.registerDesigner(S, T, P));
+}, T = {}, w = {}, E = {};
+let ze = !1;
+function An() {
+  ze || (ze = !0, wt.registerDesigner(T, w, E), Tt.registerDesigner(T, w, E), St.registerDesigner(T, w, E), Et.registerDesigner(T, w, E), Ft.registerDesigner(T, w, E), Pt.registerDesigner(T, w, E), Bt.registerDesigner(T, w, E), It.registerDesigner(T, w, E), Mt.registerDesigner(T, w, E), At.registerDesigner(T, w, E), Nt.registerDesigner(T, w, E), kt.registerDesigner(T, w, E), xt.registerDesigner(T, w, E), Ot.registerDesigner(T, w, E), _t.registerDesigner(T, w, E), Lt.registerDesigner(T, w), Vt.registerDesigner(T, w, E), jt.registerDesigner(T, w, E), Ut.registerDesigner(T, w, E), $t.registerDesigner(T, w, E), qt.registerDesigner(T, w, E), Ht.registerDesigner(T, w, E), Xt.registerDesigner(T, w, E), Gt.registerDesigner(T, w, E), Yt.registerDesigner(T, w, E), Wt.registerDesigner(T, w, E), zt.registerDesigner(T, w, E), Qt.registerDesigner(T, w, E), Kt.registerDesigner(T, w, E), Jt.registerDesigner(T, w, E), Zt.registerDesigner(T, w, E), Rt.registerDesigner(T, w, E), en.registerDesigner(T, w, E), on.registerDesigner(T, w, E), rn.registerDesigner(T, w, E), nn.registerDesigner(T, w, E), tn.registerDesigner(T, w, E), an.registerDesigner(T, w, E), cn.registerDesigner(T, w, E), ln.registerDesigner(T, w, E), sn.registerDesigner(T, w, E), un.registerDesigner(T, w, E), fn.registerDesigner(T, w, E), pn.registerDesigner(T, w, E), mn.registerDesigner(T, w, E), dn.registerDesigner(T, w, E), bn.registerDesigner(T, w, E), vn.registerDesigner(T, w, E), gn.registerDesigner(T, w, E), hn.registerDesigner(T, w, E), yn.registerDesigner(T, w, E), Cn.registerDesigner(T, w, E), Dn.registerDesigner(T, w), Tn.registerDesigner(T, w, E), wn.registerDesigner(T, w, E), Sn.registerDesigner(T, w, E));
 }
-const Bn = {
+const Nn = {
   id: { type: String }
-}, xn = /* @__PURE__ */ xe({
+}, kn = /* @__PURE__ */ ke({
   name: "FDesignerPlaceholder",
-  props: Bn,
+  props: Nn,
   emits: [],
-  setup(A) {
+  setup(P) {
     const c = ve(() => ({
       "drag-and-drop-alert": !0,
       "no-drag": !0,
       "w-100": !0
-    })), t = ve(() => ({
+    })), n = ve(() => ({
       height: "60px",
       display: "flex",
       "justify-content": "center",
@@ -1049,84 +1049,84 @@ const Bn = {
     }));
     return () => z("div", {
       class: c.value,
-      style: t.value,
+      style: n.value,
       role: "alert",
       "data-noattach": "true",
       "data-position": "0"
     }, [yt("拖拽组件到这里")]);
   }
 });
-function kn(A) {
-  return typeof A == "function" || Object.prototype.toString.call(A) === "[object Object]" && !Dt(A);
+function xn(P) {
+  return typeof P == "function" || Object.prototype.toString.call(P) === "[object Object]" && !bt(P);
 }
-const Be = /* @__PURE__ */ xe({
+const Ne = /* @__PURE__ */ ke({
   name: "FDesignerItem",
   props: Mn,
   emits: ["selectionChange"],
-  setup(A, c) {
-    const t = X(`${A.modelValue.id}-component`), b = X(A.canMove), I = X(A.canDelete), u = X(!1), m = X(A.modelValue), C = X(A.componentId || ""), p = X(""), x = X(""), k = X(A.customClass), s = X(), y = ae("canvas-dragula"), l = X(), n = ae("design-item-context"), o = {
-      designerItemElementRef: s,
-      componentInstance: l,
-      schema: m.value,
-      parent: n,
+  setup(P, c) {
+    const n = H(`${P.modelValue.id}-component`), D = H(P.canMove), S = H(P.canDelete), f = H(!1), d = H(P.modelValue), y = H(P.componentId || ""), p = H(""), A = H(""), k = H(P.customClass), l = H(), C = ae("canvas-dragula"), a = H(), t = ae("design-item-context"), o = {
+      designerItemElementRef: l,
+      componentInstance: a,
+      schema: d.value,
+      parent: t,
       setupContext: c
     };
-    ye("design-item-context", o);
-    const g = ae("useFormSchema"), d = ve(() => {
-      const a = A.modelValue.appearance && A.modelValue.appearance.class || "";
-      let w = {
+    he("design-item-context", o);
+    const g = ae("useFormSchema"), m = ve(() => {
+      const i = P.modelValue.appearance && P.modelValue.appearance.class || "";
+      let b = {
         "farris-component": !0,
         // 受position-relative影响，整个容器的高度不能被撑起
-        "flex-fill": m.value.id == "root-component",
-        "position-relative": b.value && I.value,
-        "farris-nested": u.value,
-        "can-move": b.value,
-        "d-none": s.value && s.value.classList.contains("d-none"),
-        dgComponentSelected: s.value && s.value.classList.contains("dgComponentSelected"),
-        dgComponentFocused: s.value && s.value.classList.contains("dgComponentFocused")
+        "flex-fill": d.value.id == "root-component",
+        "position-relative": D.value && S.value,
+        "farris-nested": f.value,
+        "can-move": D.value,
+        "d-none": l.value && l.value.classList.contains("d-none"),
+        dgComponentSelected: l.value && l.value.classList.contains("dgComponentSelected"),
+        dgComponentFocused: l.value && l.value.classList.contains("dgComponentFocused")
       };
-      return w[`farris-component-${m.value.type}`] = !0, w = Ne(w, a), w = Ne(w, x.value), w = Ne(w, k.value), w;
-    }), B = ve(() => {
-      const a = {}, w = A.modelValue.appearance && A.modelValue.appearance.style || "";
-      return w && w.split(";").reduce((F, Y) => {
-        const [J, Q] = Y.split(":");
-        return F[J] = Q, F;
-      }, a), p.value && p.value.split(";").reduce((F, Y) => {
-        const [J, Q] = Y.split(":");
-        return J && (F[J] = Q), F;
-      }, a), a;
+      return b[`farris-component-${d.value.type}`] = !0, b = Me(b, i), b = Me(b, A.value), b = Me(b, k.value), b;
+    }), F = ve(() => {
+      const i = {}, b = P.modelValue.appearance && P.modelValue.appearance.style || "";
+      return b && b.split(";").reduce((M, j) => {
+        const [Z, Y] = j.split(":");
+        return M[Z] = Y, M;
+      }, i), p.value && p.value.split(";").reduce((M, j) => {
+        const [Z, Y] = j.split(":");
+        return Z && (M[Z] = Y), M;
+      }, i), i;
     });
-    function O(a, w) {
-      var J, Q, ee;
-      if (a && (a.preventDefault(), a.stopPropagation()), l.value.triggerBelongedComponentToDeleteWhenDeleted) {
-        const L = l.value.getBelongedComponentInstance(l);
-        if (L && L.parent) {
-          const ne = X(L == null ? void 0 : L.parent), oe = ne.value.contents.findIndex((fe) => fe.id === L.schema.id);
-          (Q = (J = ne.value) == null ? void 0 : J.contents) == null || Q.splice(oe, 1), (ee = ne.value) == null || ee.updateDragAndDropRules(), de.value++;
+    function L(i, b) {
+      var Z, Y, ee;
+      if (i && (i.preventDefault(), i.stopPropagation()), a.value.triggerBelongedComponentToDeleteWhenDeleted) {
+        const _ = a.value.getBelongedComponentInstance(a);
+        if (_ && _.parent) {
+          const ne = H(_ == null ? void 0 : _.parent), oe = ne.value.contents.findIndex((fe) => fe.id === _.schema.id);
+          (Y = (Z = ne.value) == null ? void 0 : Z.contents) == null || Y.splice(oe, 1), (ee = ne.value) == null || ee.updateDragAndDropRules(), de.value++;
         }
         return;
       }
-      let F = n, Y = (L) => L.id === w.id;
-      if (w.type === "component" && (F = n == null ? void 0 : n.parent, Y = (L) => L.component === w.id), F && F.schema.contents) {
-        const L = F.schema.contents.findIndex(Y);
-        F.schema.contents.splice(L, 1), F.componentInstance.value.updateDragAndDropRules(), de.value++, c.emit("selectionChange");
+      let M = t, j = (_) => _.id === b.id;
+      if (b.type === "component" && (M = t == null ? void 0 : t.parent, j = (_) => _.component === b.id), M && M.schema.contents) {
+        const _ = M.schema.contents.findIndex(j);
+        M.schema.contents.splice(_, 1), M.componentInstance.value.updateDragAndDropRules(), de.value++, c.emit("selectionChange");
       }
     }
-    function _(a) {
-      return I.value && z("div", {
+    function O(i) {
+      return S.value && z("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "删除",
         ref: "removeComponent",
-        onClick: (w) => {
-          O(w, a);
+        onClick: (b) => {
+          L(b, i);
         }
       }, [z("i", {
         class: "f-icon f-icon-yxs_delete"
       }, null)]);
     }
-    function D() {
-      return b.value && z("div", {
+    function r() {
+      return D.value && z("div", {
         role: "button",
         class: "btn component-settings-button",
         title: "移动",
@@ -1136,107 +1136,109 @@ const Be = /* @__PURE__ */ xe({
         class: "cmp_move f-icon f-icon-yxs_move"
       }, null)]);
     }
-    function i() {
-      return A.customButtons && !!A.customButtons.length && A.customButtons.map((a) => z("div", {
+    function h() {
+      return P.customButtons && !!P.customButtons.length && P.customButtons.map((i) => z("div", {
         role: "button",
-        class: `btn component-settings-button ${a.class || ""}`,
-        title: a.title,
-        ref: a.id
+        class: `btn component-settings-button ${i.class || ""}`,
+        title: i.title,
+        ref: i.id
       }, [z("i", {
-        class: a.icon
+        class: i.icon
       }, null)]));
     }
-    function E(a) {
+    function N(i) {
       return z("div", {
         class: "component-btn-group",
         "data-noattach": "true"
-      }, [z("div", null, [_(a), D(), i()])]);
+      }, [z("div", null, [O(i), r(), h()])]);
     }
-    function h(a, w, F, Y) {
-      c.emit("selectionChange", a, w, F, Y);
+    function x(i, b, M, j) {
+      c.emit("selectionChange", i, b, M, j);
     }
-    function $(a) {
-      let w;
-      const F = a.type, Y = S[F], J = T[F], Q = J ? J(a) : {};
-      Q.customClass = A.ignore ? Q.customClass : "", Q.componentId = C.value;
-      const ee = a.contents && a.contents.length === 0;
-      return a.contents && !!a.contents.length && Y ? z(Y, Ae({
-        ref: l
-      }, Q), kn(w = a.contents.map((ne) => z(Be, {
+    function K(i) {
+      let b;
+      const M = i.type, j = T[M], Z = w[M], Y = Z ? Z(i) : {};
+      Y.customClass = P.ignore ? Y.customClass : "", Y.componentId = y.value;
+      const ee = i.contents && i.contents.length === 0;
+      return i.contents && !!i.contents.length && j ? z(j, Be({
+        ref: a
+      }, Y), xn(b = i.contents.map((ne) => z(Ne, {
         key: ne.id,
         modelValue: ne,
         "onUpdate:modelValue": (oe) => ne = oe,
-        componentId: C.value,
-        onSelectionChange: h
-      }, null))) ? w : {
-        default: () => [w]
-      }) : Y ? ee ? z(Y, Ae({
-        ref: l
-      }, Q), {
-        default: () => [z(xn, null, null)]
-      }) : z(Y, Ae({
-        ref: l
-      }, Q), null) : z("div", null, null);
+        componentId: y.value,
+        onSelectionChange: x
+      }, null))) ? b : {
+        default: () => [b]
+      }) : j ? ee ? z(j, Be({
+        ref: a
+      }, Y), {
+        default: () => [z(kn, null, null)]
+      }) : z(j, Be({
+        ref: a
+      }, Y), null) : z("div", null, null);
     }
-    function V(a) {
-      if (a.type === "component-ref") {
-        let F = g == null ? void 0 : g.getFormSchema().module.components.find((Y) => Y.id === a.component);
-        if (F)
-          return z(Be, {
-            key: F.id,
-            modelValue: F,
-            "onUpdate:modelValue": (Y) => F = Y,
-            componentId: F.id,
-            onSelectionChange: h
+    function X(i) {
+      if (i.type === "component-ref") {
+        let M = g == null ? void 0 : g.getFormSchema().module.components.find((j) => j.id === i.component);
+        if (M)
+          return z(Ne, {
+            key: M.id,
+            modelValue: M,
+            "onUpdate:modelValue": (j) => M = j,
+            componentId: M.id,
+            onSelectionChange: x
           }, null);
       }
     }
-    ze(() => A.modelValue, (a) => {
-      m.value = a, t.value = `${a.id}-component`;
+    Qe(() => P.modelValue, (i) => {
+      d.value = i, n.value = `${i.id}-component`;
     });
-    function r(a) {
-      const w = a.target;
-      Qe(w);
+    function s(i) {
+      const b = i == null ? void 0 : i.target;
+      Ae(b);
     }
-    function U() {
-      var a, w;
-      (w = (a = m.value) == null ? void 0 : a.contents) != null && w.length && s.value && s.value.addEventListener("scroll", r);
+    function q() {
+      var i, b;
+      (b = (i = d.value) == null ? void 0 : i.contents) != null && b.length && l.value && l.value.addEventListener("scroll", s);
     }
-    Je(() => {
-      if (s.value && l.value && l.value.schema) {
-        const a = s.value.querySelector(`[data-dragref='${l.value.schema.id}-container']`);
-        y && a && y.attachComponents(a, m.value), u.value = l.value.canNested !== void 0 ? l.value.canNested : u.value, I.value = l.value.canDelete !== void 0 ? l.value.canDelete : I.value, b.value = l.value.canMove !== void 0 ? l.value.canMove : b.value, p.value = l.value.styles || "", x.value = l.value.designerClass || "", s.value && (s.value.componentInstance = l, s.value.designItemContext = o);
+    Ke(() => {
+      if (l.value && a.value && a.value.schema) {
+        const i = l.value.querySelector(`[data-dragref='${a.value.schema.id}-container']`);
+        C && i && C.attachComponents(i, d.value), f.value = a.value.canNested !== void 0 ? a.value.canNested : f.value, S.value = a.value.canDelete !== void 0 ? a.value.canDelete : S.value, D.value = a.value.canMove !== void 0 ? a.value.canMove : D.value, p.value = a.value.styles || "", A.value = a.value.designerClass || "", l.value && (l.value.componentInstance = a, l.value.designItemContext = o), a.value.belongedComponentId = y.value;
       }
-      U(), de.value++;
+      q(), de.value++;
     }), Ct(() => {
-      s.value && s.value.removeEventListener("scroll", r);
+      l.value && l.value.removeEventListener("scroll", s);
     });
-    function W(a) {
-      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((F) => F.classList.remove("dgComponentFocused")), a && (a.preventDefault(), a.stopPropagation());
-      const w = s.value;
-      if (w) {
-        const F = document.getElementsByClassName("dgComponentSelected");
-        if (!(F && F.length === 1 && F[0] === s.value) && (Array.from(F).forEach((J) => J.classList.remove("dgComponentSelected")), w.classList.add("dgComponentFocused"), c.emit("selectionChange", m.value.type, m.value, C.value, l.value), l.value.getDraggableDesignItemElement)) {
-          const J = l.value.getDraggableDesignItemElement(o);
-          J && J.value && J.value.classList.add("dgComponentSelected");
-        }
+    function G(i) {
+      Array.from(document.getElementsByClassName("dgComponentFocused")).forEach((j) => j.classList.remove("dgComponentFocused")), i && (i.preventDefault(), i.stopPropagation());
+      let b = o.designerItemElementRef;
+      const M = l.value;
+      if (M) {
+        const j = document.getElementsByClassName("dgComponentSelected");
+        j && j.length === 1 && j[0] === l.value || (Array.from(j).forEach((Y) => Y.classList.remove("dgComponentSelected")), M.classList.add("dgComponentFocused"), c.emit("selectionChange", d.value.type, d.value, y.value, a.value), a.value.getDraggableDesignItemElement && (b = a.value.getDraggableDesignItemElement(o), b && b.value && b.value.classList.add("dgComponentSelected")));
       }
-      r(a);
+      s({
+        target: b == null ? void 0 : b.value
+      });
     }
-    return () => m.value.type === "component-ref" ? V(m.value) : z("div", {
-      id: `${m.value.id}-design-item`,
-      ref: s,
-      class: d.value,
-      style: B.value,
-      onClick: W
-    }, [E(m.value), $(m.value)]);
+    return () => d.value.type === "component-ref" ? X(d.value) : z("div", {
+      id: `${d.value.id}-design-item`,
+      ref: l,
+      class: m.value,
+      style: F.value,
+      onClick: G
+    }, [N(d.value), K(d.value)]);
   }
-}), Ho = /* @__PURE__ */ xe({
+}), qo = /* @__PURE__ */ ke({
   name: "FDesignerCanvas",
   props: Fn,
   emits: ["init", "selectionChange", "canvasChanged"],
-  setup(A, c) {
-    const t = X(), b = X(), I = X(), u = X(), m = X(), C = X(A.componentId), p = {
+  setup(P, c) {
+    const n = H(), D = H(), S = H(), f = H(), d = H(), y = H(P.componentId);
+    let p, A;
+    const k = {
       eventsEditorUtils: ae("eventsEditorUtils"),
       formSchemaUtils: ae("useFormSchema"),
       formMetadataConverter: ae("formMetadataConverter"),
@@ -1245,238 +1247,267 @@ const Be = /* @__PURE__ */ xe({
       metadataService: ae("Meatdata_Http_Service_Token"),
       schemaService: ae("schemaService")
     };
-    ye("designer-host-service", p);
-    const x = An(p);
-    Nn(), ye("canvas-dragula", x), ye("design-item-context", {
-      designerItemElementRef: u,
-      componentInstance: m,
-      schema: b.value,
+    he("designer-host-service", k);
+    const l = In(k);
+    An(), he("canvas-dragula", l), he("design-item-context", {
+      designerItemElementRef: f,
+      componentInstance: d,
+      schema: D.value,
       parent: void 0
     });
-    const k = ve(() => ({
+    const C = ve(() => ({
       "d-flex": !0,
       "flex-fill": !0,
       "flex-column": !0
     }));
-    Je(() => {
-      I.value && x.initializeDragula(I.value), t.value = A.modelValue, c.emit("init", x);
-    }), ze(de, () => {
-      Qe(I.value), c.emit("canvasChanged");
+    Ke(() => {
+      S.value && l.initializeDragula(S.value), n.value = P.modelValue, c.emit("init", l), a();
+    }), Qe(de, () => {
+      Ae(S.value), c.emit("canvasChanged");
     }, {
       flush: "post"
     });
-    function s(y, l, n, o) {
-      c.emit("selectionChange", y, l, n, o);
+    function a() {
+      p = new ResizeObserver(() => {
+        A && clearTimeout(A), A = setTimeout(() => {
+          Ae(S.value);
+        });
+      }), p.observe(S.value);
+    }
+    function t(o, g, m, F) {
+      c.emit("selectionChange", o, g, m, F);
     }
     return () => z("div", {
       class: "editorDiv flex-fill h-100"
     }, [z("div", {
       class: "editorPanel d-flex flex-fill flex-column PC"
     }, [z("div", {
-      ref: I,
-      class: k.value
-    }, [t.value && z(Be, {
-      modelValue: t.value,
-      "onUpdate:modelValue": (y) => t.value = y,
-      onSelectionChange: s,
-      componentId: C.value
+      ref: S,
+      class: C.value
+    }, [n.value && z(Ne, {
+      modelValue: n.value,
+      "onUpdate:modelValue": (o) => n.value = o,
+      onSelectionChange: t,
+      componentId: y.value
     }, null)])])]);
   }
-}), _n = {}, On = {};
-function Ze(A) {
-  const { properties: c, title: t, ignore: b } = A, I = b && Array.isArray(b), u = Object.keys(c).reduce((m, C) => ((!I || !b.find((p) => p == C)) && (m[C] = c[C].type === "object" && c[C].properties ? Ze(c[C]) : bt(c[C].default)), m), {});
-  return (!I || !b.find((m) => m == "id")) && (u.id = `${t}-${Date.now()}`), u;
+}), Go = {
+  button: { type: "button", name: "按钮", icon: "Button" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
+  "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
+  textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
+  lookup: { type: "lookup", name: "帮助", icon: "LookupEdit" },
+  "number-spinner": { type: "number-spinner", name: "数值", icon: "NumericBox" },
+  "date-picker": { type: "date-picker", name: "日期", icon: "DateBox" },
+  switch: { type: "switch", name: "开关", icon: "SwitchField" },
+  "radio-group": { type: "radio-group", name: "单选组", icon: "RadioGroup" },
+  "check-box": { type: "check-box", name: "复选框", icon: "CheckBox" },
+  "check-group": { type: "check-group", name: "复选框组", icon: "CheckGroup" },
+  "combo-list": { type: "combo-list", name: "下拉列表", icon: "EnumField" },
+  "response-form": { type: "response-form", name: "卡片面板", icon: "Form" },
+  "response-layout": { type: "response-layout", name: "布局容器", icon: "ResponseLayout3" },
+  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "ResponseLayout1" },
+  "tree-grid": { type: "tree-grid", name: "树表格", icon: "TreeGrid" },
+  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
+  "data-grid": { type: "data-grid", name: "表格", icon: "DataGrid" },
+  "data-grid-column": { type: "data-grid-column", name: "表格列" },
+  module: { type: "Module", name: "模块", icon: "Module" },
+  component: { type: "component", name: "组件", icon: "Component" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
+  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
+  "time-picker": { type: "time-picker", name: "时间选择", icon: "TimePicker" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
+  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
+  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
+  splitter: { type: "splitter", name: "分栏面板", icon: "Splitter" },
+  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
+  "component-ref": { type: "component-ref", name: "组件引用节点" },
+  uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
+  "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, On = {}, Ln = {};
+function Ze(P) {
+  const { properties: c, title: n, ignore: D } = P, S = D && Array.isArray(D), f = Object.keys(c).reduce((d, y) => ((!S || !D.find((p) => p == y)) && (d[y] = c[y].type === "object" && c[y].properties ? Ze(c[y]) : Dt(c[y].default)), d), {});
+  return n && (!S || !D.find((d) => d == "id")) && (f.id = `${n}-${Date.now()}`), f;
 }
-function ge(A, c = {}, t) {
-  const b = _n[A];
-  if (b) {
-    let I = Ze(b);
-    const u = On[A];
-    return I = u ? u({ getSchemaByType: ge }, I, c, t) : I, I;
+function xe(P, c = {}, n) {
+  const D = On[P];
+  if (D) {
+    let S = Ze(D);
+    const f = Ln[P];
+    return S = f ? f({ getSchemaByType: xe }, S, c, n) : S, S;
   }
   return null;
 }
-function Xo(A, c, t) {
-  var D;
-  function b() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+function Xo(P, c, n) {
+  var O;
+  function D() {
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
-  b();
-  const I = t && t.getStyles && t.getStyles() || "", u = t && t.getDesignerClass && t.getDesignerClass() || "", m = X();
-  function C() {
-    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !1 : t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+  D();
+  const S = n && n.getStyles && n.getStyles() || "", f = n && n.getDesignerClass && n.getDesignerClass() || "", d = H();
+  function y() {
+    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
   function p() {
     return !1;
   }
-  function x() {
-    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !1 : t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+  function A() {
+    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
   function k() {
-    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !0 : t && t.hideNestedPaddingInDesginerView ? t.hideNestedPaddingInDesginerView() : !1;
+    return (c == null ? void 0 : c.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function s(i) {
-    if (!i || !i.value)
+  function l(r) {
+    if (!r || !r.value)
       return null;
-    if (i.value.schema && i.value.schema.type === "component")
-      return i.value;
-    const E = X(i == null ? void 0 : i.value.parent), h = s(E);
-    return h || null;
+    if (r.value.schema && r.value.schema.type === "component")
+      return r.value;
+    const h = H(r == null ? void 0 : r.value.parent), N = l(h);
+    return N || null;
   }
-  function y(i = c) {
-    const { componentInstance: E, designerItemElementRef: h } = i;
-    return !E || !E.value ? null : E.value.canMove ? h : y(i.parent);
+  function C(r = c) {
+    const { componentInstance: h, designerItemElementRef: N } = r;
+    return !h || !h.value ? null : h.value.canMove ? N : C(r.parent);
   }
-  function l(i) {
-    return !!t && t.canAccepts(i);
+  function a(r) {
+    return !!n && n.canAccepts(r);
   }
-  function n() {
+  function t() {
     return (c == null ? void 0 : c.schema.label) || (c == null ? void 0 : c.schema.title) || (c == null ? void 0 : c.schema.name);
   }
   function o() {
   }
-  function g(i, E) {
-    E && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(E);
-  }
-  function d(i, E) {
-    const { componentType: h } = i;
-    let $ = ge(h, i, E);
-    t && t.onResolveNewComponentSchema && ($ = t.onResolveNewComponentSchema(i, $));
-    const V = h.toLowerCase().replace("-", "_");
-    return $ && !$.id && $.type === h && ($.id = `${V}_${Math.random().toString().slice(2, 6)}`), $;
+  function g(r, h) {
+    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
   }
-  function B(i, E) {
-    const h = String(i.getAttribute("data-controltype")), $ = i.getAttribute("data-feature"), V = $ ? JSON.parse($) : {};
-    V.parentComponentInstance = m.value;
-    let r = ge(h, V);
-    t && t.onAcceptNewChildElement && (r = t.onAcceptNewChildElement(i, E, r));
-    const U = h.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === h && (r.id = `${U}_${Math.random().toString().slice(2, 6)}`), r;
+  function m(r, h) {
+    const { componentType: N } = r;
+    let x = xe(N, r, h);
+    n && n.onResolveNewComponentSchema && (x = n.onResolveNewComponentSchema(r, x));
+    const K = N.toLowerCase().replace("-", "_");
+    return x && !x.id && x.type === N && (x.id = `${K}_${Math.random().toString().slice(2, 6)}`), x;
   }
-  function O(i) {
+  function F(r) {
   }
-  function _(...i) {
-    if (t && t.getPropsConfig)
-      return t.getPropsConfig(...i);
+  function L(...r) {
+    if (n && n.getPropsConfig)
+      return n.getPropsConfig(...r);
   }
-  return m.value = {
-    canMove: C(),
+  return d.value = {
+    canMove: y(),
     canSelectParent: p(),
-    canDelete: x(),
+    canDelete: A(),
     canNested: !k(),
     contents: c == null ? void 0 : c.schema.contents,
-    elementRef: A,
-    parent: (D = c == null ? void 0 : c.parent) == null ? void 0 : D.componentInstance,
+    elementRef: P,
+    parent: (O = c == null ? void 0 : c.parent) == null ? void 0 : O.componentInstance,
     schema: c == null ? void 0 : c.schema,
-    styles: I,
-    designerClass: u,
-    canAccepts: l,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: y,
-    getDraggingDisplayText: n,
-    getPropConfig: _,
+    styles: S,
+    designerClass: f,
+    canAccepts: a,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: C,
+    getDraggingDisplayText: t,
+    getPropConfig: L,
     getDragScopeElement: o,
     onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: B,
-    onChildElementMovedOut: O,
-    addNewChildComponentSchema: d,
-    updateDragAndDropRules: b,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || X(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || X(!1)
-  }, m;
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: m,
+    updateDragAndDropRules: D,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || H(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || H(!1)
+  }, d;
 }
-function Wo(A, c, t) {
-  var D;
-  function b() {
-    t != null && t.resolveComponentContext && t.resolveComponentContext();
+function Wo(P, c, n) {
+  var O;
+  function D() {
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
-  b();
-  const I = t && t.getStyles && t.getStyles() || "", u = X();
-  function m() {
-    return t && t.checkCanMoveComponent ? t.checkCanMoveComponent() : !0;
+  D();
+  const S = n && n.getStyles && n.getStyles() || "", f = H();
+  function d() {
+    return n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function C() {
+  function y() {
     return !1;
   }
   function p() {
-    return t && t.checkCanDeleteComponent ? t.checkCanDeleteComponent() : !0;
+    return n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function x() {
-    return t && t.checkCanAddComponent ? t.checkCanAddComponent() : !0;
+  function A() {
+    return n && n.checkCanAddComponent ? n.checkCanAddComponent() : !0;
   }
   function k() {
     return !0;
   }
-  function s(i) {
-    if (!i || !i.value)
+  function l(r) {
+    if (!r || !r.value)
       return null;
-    const E = X(i == null ? void 0 : i.value.parent), h = s(E);
-    return h || null;
+    const h = H(r == null ? void 0 : r.value.parent), N = l(h);
+    return N || null;
   }
-  function y(i = c) {
-    const { componentInstance: E, designerItemElementRef: h } = i;
-    return !E || !E.value ? null : E.value.canMove || E.value.canAdd || E.value.canDelete ? h : y(i.parent);
+  function C(r = c) {
+    const { componentInstance: h, designerItemElementRef: N } = r;
+    return !h || !h.value ? null : h.value.canMove || h.value.canAdd || h.value.canDelete ? N : C(r.parent);
   }
-  function l(i) {
-    return !!t && t.canAccepts(i);
+  function a(r) {
+    return !!n && n.canAccepts(r);
   }
-  function n() {
+  function t() {
     return (c == null ? void 0 : c.schema.label) || (c == null ? void 0 : c.schema.title) || (c == null ? void 0 : c.schema.name);
   }
   function o() {
   }
-  function g(i, E) {
-    E && t != null && t.onAcceptMovedChildElement && t.onAcceptMovedChildElement(E);
-  }
-  function d(i) {
-    const { componentType: E } = i;
-    let h = ge(E, i);
-    t && t.onResolveNewComponentSchema && (h = t.onResolveNewComponentSchema(i, h));
-    const $ = E.toLowerCase().replace("-", "_");
-    return h && !h.id && h.type === E && (h.id = `${$}_${Math.random().toString().slice(2, 6)}`), h;
+  function g(r, h) {
+    h && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(h);
   }
-  function B(i, E) {
-    const h = String(i.getAttribute("data-controltype")), $ = i.getAttribute("data-feature"), V = $ ? JSON.parse($) : {};
-    V.parentComponentInstance = u.value;
-    let r = ge(h, V);
-    t && t.onAcceptNewChildElement && (r = t.onAcceptNewChildElement(i, E, r));
-    const U = h.toLowerCase().replace("-", "_");
-    return r && !r.id && r.type === h && (r.id = `${U}_${Math.random().toString().slice(2, 6)}`), r;
+  function m(r) {
+    const { componentType: h } = r;
+    let N = xe(h, r);
+    n && n.onResolveNewComponentSchema && (N = n.onResolveNewComponentSchema(r, N));
+    const x = h.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === h && (N.id = `${x}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function O(i) {
+  function F(r) {
   }
-  function _(...i) {
-    return t && t.getPropsConfig ? t.getPropsConfig(...i) : [];
+  function L(...r) {
+    return n && n.getPropsConfig ? n.getPropsConfig(...r) : [];
   }
-  return u.value = {
-    canMove: m(),
-    canSelectParent: C(),
-    canAdd: x(),
+  return f.value = {
+    canMove: d(),
+    canSelectParent: y(),
+    canAdd: A(),
     canDelete: p(),
     canNested: !k(),
     contents: [],
-    elementRef: A,
-    parent: (D = c.parent) == null ? void 0 : D.componentInstance,
+    elementRef: P,
+    parent: (O = c.parent) == null ? void 0 : O.componentInstance,
     schema: c.schema,
-    styles: I,
-    canAccepts: l,
-    getBelongedComponentInstance: s,
-    getDraggableDesignItemElement: y,
-    getDraggingDisplayText: n,
-    getPropConfig: _,
+    styles: S,
+    canAccepts: a,
+    getBelongedComponentInstance: l,
+    getDraggableDesignItemElement: C,
+    getDraggingDisplayText: t,
+    getPropConfig: L,
     getDragScopeElement: o,
     onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: B,
-    onChildElementMovedOut: O,
-    addNewChildComponentSchema: d,
-    updateDragAndDropRules: b,
-    triggerBelongedComponentToMoveWhenMoved: !!t && t.triggerBelongedComponentToMoveWhenMoved || X(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!t && t.triggerBelongedComponentToDeleteWhenDeleted || X(!1)
-  }, u;
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: m,
+    updateDragAndDropRules: D,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || H(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || H(!1)
+  }, f;
 }
 export {
-  Ho as FDesignerCanvas,
-  Be as FDesignerItem,
+  Go as DgControl,
+  qo as FDesignerCanvas,
+  Ne as FDesignerItem,
   Fn as designerCanvasProps,
   Xo as useDesignerComponent,
   Wo as useDesignerInnerComponent