low-code-form-generator 1.0.18 → 1.0.19

package/dist/low-code-form.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, createElementBlock as l, openBlock as o, createElementVNode as r, ref as F, nextTick as J2, reactive as L1, normalizeClass as P0, unref as M2, renderSlot as l1, computed as G2, onUnmounted as s1, normalizeStyle as i1, onMounted as c1, resolveComponent as N, createBlock as K, withCtx as z, resolveDynamicComponent as T1, h as f2, createVNode as g, withDirectives as B0, createCommentVNode as z2, vShow as A0, Fragment as V2, createTextVNode as w2, renderList as z0, createSlots as r4, toDisplayString as h0, createApp as u1, watch as x1, onBeforeUnmount as n4, Teleport as o4 } from "vue";
+import { defineComponent as s, createElementBlock as l, openBlock as o, createElementVNode as r, ref as F, nextTick as J2, reactive as L1, normalizeClass as P0, unref as M2, renderSlot as l1, computed as G2, onUnmounted as s1, normalizeStyle as i1, onMounted as c1, resolveComponent as N, createBlock as Q, withCtx as z, resolveDynamicComponent as T1, h as f2, createVNode as g, withDirectives as B0, createCommentVNode as z2, vShow as A0, Fragment as V2, createTextVNode as w2, renderList as z0, createSlots as r4, toDisplayString as h0, createApp as u1, watch as x1, onBeforeUnmount as n4, Teleport as o4 } from "vue";
 import * as L2 from "element-plus";
 import { ElMessage as C1, ElMessageBox as l4 } from "element-plus";
 const s4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -166,7 +166,7 @@ function y2() {
   var t = document.scrollingElement;
   return t || document.documentElement;
 }
-function Q(t, e, a, n, i) {
+function Z(t, e, a, n, i) {
   if (!(!t.getBoundingClientRect && t !== window)) {
     var c, u, p, _, m, d, h;
     if (t !== window && t.parentNode && t !== y2() ? (c = t.getBoundingClientRect(), u = c.top, p = c.left, _ = c.bottom, m = c.right, d = c.height, h = c.width) : (u = 0, p = 0, _ = window.innerHeight, m = window.innerWidth, d = window.innerHeight, h = window.innerWidth), (e || a) && t !== window && (i = i || t.parentNode, !F2))
@@ -192,8 +192,8 @@ function Q(t, e, a, n, i) {
   }
 }
 function H1(t, e, a) {
-  for (var n = R2(t, !0), i = Q(t)[e]; n; ) {
-    var c = Q(n)[a], u = void 0;
+  for (var n = R2(t, !0), i = Z(t)[e]; n; ) {
+    var c = Z(n)[a], u = void 0;
     if (u = i >= c, !u) return n;
     if (n === y2()) break;
     n = R2(n, !1);
@@ -291,7 +291,7 @@ function q1(t, e, a) {
   return Array.from(t.children).forEach(function(i) {
     var c, u, p, _;
     if (!(!H2(i, e.draggable, t, !1) || i.animated || i === a)) {
-      var m = Q(i);
+      var m = Z(i);
       n.left = Math.min((c = n.left) !== null && c !== void 0 ? c : 1 / 0, m.left), n.top = Math.min((u = n.top) !== null && u !== void 0 ? u : 1 / 0, m.top), n.right = Math.max((p = n.right) !== null && p !== void 0 ? p : -1 / 0, m.right), n.bottom = Math.max((_ = n.bottom) !== null && _ !== void 0 ? _ : -1 / 0, m.bottom);
     }
   }), n.width = n.right - n.left, n.height = n.bottom - n.top, n.x = n.left, n.y = n.top, n;
@@ -307,7 +307,7 @@ function d4() {
           if (!(V(i, "display") === "none" || i === H.ghost)) {
             t.push({
               target: i,
-              rect: Q(i)
+              rect: Z(i)
             });
             var c = S2({}, t[t.length - 1].rect);
             if (i.thisAnimationDuration) {
@@ -335,7 +335,7 @@ function d4() {
       }
       var c = !1, u = 0;
       t.forEach(function(p) {
-        var _ = 0, m = p.target, d = m.fromRect, h = Q(m), w = m.prevFromRect, E = m.prevToRect, M = p.rect, y = e0(m, !0);
+        var _ = 0, m = p.target, d = m.fromRect, h = Z(m), w = m.prevFromRect, E = m.prevToRect, M = p.rect, y = e0(m, !0);
         y && (h.top -= y.f, h.left -= y.e), m.toRect = h, m.thisAnimationDuration && q0(w, h) && !q0(d, h) && // Make sure animatingRect is on line between toRect & fromRect
         (M.top - h.top) / (M.left - h.left) === (d.top - h.top) / (d.left - h.left) && (_ = f4(M, w, E, i.options)), q0(h, d) || (m.prevFromRect = d, m.prevToRect = h, _ || (_ = i.options.animation), i.animate(m, M, h, _)), _ && (c = !0, u = Math.max(u, _), clearTimeout(m.animationResetTimer), m.animationResetTimer = setTimeout(function() {
           m.animationTime = 0, m.prevFromRect = null, m.fromRect = null, m.prevToRect = null, m.thisAnimationDuration = null;
@@ -361,12 +361,12 @@ function v4(t) {
 function f4(t, e, a, n) {
   return Math.sqrt(Math.pow(e.top - t.top, 2) + Math.pow(e.left - t.left, 2)) / Math.sqrt(Math.pow(e.top - a.top, 2) + Math.pow(e.left - a.left, 2)) * n.animation;
 }
-var X2 = [], j0 = {
+var X2 = [], $0 = {
   initializeByDefault: !0
 }, v0 = {
   mount: function(e) {
-    for (var a in j0)
-      j0.hasOwnProperty(a) && !(a in e) && (e[a] = j0[a]);
+    for (var a in $0)
+      $0.hasOwnProperty(a) && !(a in e) && (e[a] = $0[a]);
     X2.forEach(function(n) {
       if (n.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
@@ -422,8 +422,8 @@ function w4(t) {
       cancelable: !0
     }) : (y = document.createEvent("Event"), y.initEvent(n, !0, !0)), y.to = u || a, y.from = p || a, y.item = i || a, y.clone = c, y.oldIndex = _, y.newIndex = m, y.oldDraggableIndex = d, y.newDraggableIndex = h, y.originalEvent = w, y.pullMode = E ? E.lastPutMode : void 0;
     var O = S2(S2({}, M), v0.getEventProperties(n, e));
-    for (var Z in O)
-      y[Z] = O[Z];
+    for (var e2 in O)
+      y[e2] = O[e2];
     a && a.dispatchEvent(y), L[R] && L[R].call(e, y);
   }
 }
@@ -433,7 +433,7 @@ var g4 = ["evt"], u2 = function(e, a) {
     dragEl: f,
     parentEl: G,
     ghostEl: S,
-    rootEl: $,
+    rootEl: j,
     nextEl: W2,
     lastDownEl: E0,
     cloneEl: Y,
@@ -468,22 +468,22 @@ function l2(t) {
     putSortable: a2,
     cloneEl: Y,
     targetEl: f,
-    rootEl: $,
+    rootEl: j,
     oldIndex: Z2,
     oldDraggableIndex: u0,
     newIndex: v2,
     newDraggableIndex: N2
   }, t));
 }
-var f, G, S, $, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = [], U2, b2, $0, U0, V1, y1, o0, K2, p0, _0 = !1, x0 = !1, V0, n2, Y0 = [], Q0 = !1, F0 = [], I0 = typeof document < "u", C0 = p1, S1 = d0 || F2 ? "cssFloat" : "float", x4 = I0 && !F1 && !p1 && "draggable" in document.createElement("div"), j1 = function() {
+var f, G, S, j, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = [], U2, b2, j0, U0, V1, y1, o0, K2, p0, _0 = !1, x0 = !1, V0, n2, Y0 = [], Q0 = !1, F0 = [], I0 = typeof document < "u", C0 = p1, S1 = d0 || F2 ? "cssFloat" : "float", x4 = I0 && !F1 && !p1 && "draggable" in document.createElement("div"), $1 = function() {
   if (I0) {
     if (F2)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
-}(), $1 = function(e, a) {
-  var n = V(e), i = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), c = t0(e, 0, a), u = t0(e, 1, a), p = c && V(c), _ = u && V(u), m = p && parseInt(p.marginLeft) + parseInt(p.marginRight) + Q(c).width, d = _ && parseInt(_.marginLeft) + parseInt(_.marginRight) + Q(u).width;
+}(), j1 = function(e, a) {
+  var n = V(e), i = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), c = t0(e, 0, a), u = t0(e, 1, a), p = c && V(c), _ = u && V(u), m = p && parseInt(p.marginLeft) + parseInt(p.marginRight) + Z(c).width, d = _ && parseInt(_.marginLeft) + parseInt(_.marginRight) + Z(u).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
@@ -501,7 +501,7 @@ var f, G, S, $, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = []
   return T0.some(function(i) {
     var c = i[_2].options.emptyInsertThreshold;
     if (!(!c || _1(i))) {
-      var u = Q(i), p = e >= u.left - c && e <= u.right + c, _ = a >= u.top - c && a <= u.bottom + c;
+      var u = Z(i), p = e >= u.left - c && e <= u.right + c, _ = a >= u.top - c && a <= u.bottom + c;
       if (p && _)
         return n = i;
     }
@@ -527,9 +527,9 @@ var f, G, S, $, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = []
     name: i
   }), n.name = i.name, n.checkPull = a(i.pull, !0), n.checkPut = a(i.put), n.revertClone = i.revertClone, e.group = n;
 }, Y1 = function() {
-  !j1 && S && V(S, "display", "none");
+  !$1 && S && V(S, "display", "none");
 }, W1 = function() {
-  !j1 && S && V(S, "display", "");
+  !$1 && S && V(S, "display", "");
 };
 I0 && !F1 && document.addEventListener("click", function(t) {
   if (L0)
@@ -568,7 +568,7 @@ function H(t, e) {
     // will be set to same as swapThreshold if default
     removeCloneOnHide: !0,
     direction: function() {
-      return $1(t, this.options);
+      return j1(t, this.options);
     },
     ghostClass: "sortable-ghost",
     chosenClass: "sortable-chosen",
@@ -657,8 +657,8 @@ H.prototype = /** @lends Sortable.prototype */
   _prepareDragStart: function(e, a, n) {
     var i = this, c = i.el, u = i.options, p = c.ownerDocument, _;
     if (n && !f && n.parentNode === c) {
-      var m = Q(n);
-      if ($ = c, f = n, G = f.parentNode, W2 = f.nextSibling, E0 = n, g0 = u.group, H.dragged = f, U2 = {
+      var m = Z(n);
+      if (j = c, f = n, G = f.parentNode, W2 = f.nextSibling, E0 = n, g0 = u.group, H.dragged = f, U2 = {
         target: f,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
@@ -700,7 +700,7 @@ H.prototype = /** @lends Sortable.prototype */
     D(e, "mouseup", this._disableDelayedDrag), D(e, "touchend", this._disableDelayedDrag), D(e, "touchcancel", this._disableDelayedDrag), D(e, "pointerup", this._disableDelayedDrag), D(e, "pointercancel", this._disableDelayedDrag), D(e, "mousemove", this._delayedDragTouchMoveHandler), D(e, "touchmove", this._delayedDragTouchMoveHandler), D(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
-    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? T(document, "pointermove", this._onTouchMove) : a ? T(document, "touchmove", this._onTouchMove) : T(document, "mousemove", this._onTouchMove) : (T(f, "dragend", this), T($, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? T(document, "pointermove", this._onTouchMove) : a ? T(document, "touchmove", this._onTouchMove) : T(document, "mousemove", this._onTouchMove) : (T(f, "dragend", this), T(j, "dragstart", this._onDragStart));
     try {
       document.selection ? y0(function() {
         document.selection.empty();
@@ -709,7 +709,7 @@ H.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, a) {
-    if (Q2 = !1, $ && f) {
+    if (Q2 = !1, j && f) {
       u2("dragStarted", this, {
         evt: a
       }), this.nativeDraggable && T(document, "dragover", b4);
@@ -753,7 +753,7 @@ H.prototype = /** @lends Sortable.prototype */
         this._onDragStart(e, !0);
       }
       if (S) {
-        u ? (u.e += d - ($0 || 0), u.f += h - (U0 || 0)) : u = {
+        u ? (u.e += d - (j0 || 0), u.f += h - (U0 || 0)) : u = {
           a: 1,
           b: 0,
           c: 0,
@@ -762,14 +762,14 @@ H.prototype = /** @lends Sortable.prototype */
           f: h
         };
         var w = "matrix(".concat(u.a, ",").concat(u.b, ",").concat(u.c, ",").concat(u.d, ",").concat(u.e, ",").concat(u.f, ")");
-        V(S, "webkitTransform", w), V(S, "mozTransform", w), V(S, "msTransform", w), V(S, "transform", w), $0 = d, U0 = h, b2 = c;
+        V(S, "webkitTransform", w), V(S, "mozTransform", w), V(S, "msTransform", w), V(S, "transform", w), j0 = d, U0 = h, b2 = c;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!S) {
-      var e = this.options.fallbackOnBody ? document.body : $, a = Q(f, !0, C0, !0, e), n = this.options;
+      var e = this.options.fallbackOnBody ? document.body : j, a = Z(f, !0, C0, !0, e), n = this.options;
       if (C0) {
         for (n2 = e; V(n2, "position") === "static" && V(n2, "transform") === "none" && n2 !== document; )
           n2 = n2.parentNode;
@@ -787,7 +787,7 @@ H.prototype = /** @lends Sortable.prototype */
       return;
     }
     u2("setupClone", this), H.eventCanceled || (Y = R1(f), Y.removeAttribute("id"), Y.draggable = !1, Y.style["will-change"] = "", this._hideClone(), d2(Y, this.options.chosenClass, !1), H.clone = Y), n.cloneId = y0(function() {
-      u2("clone", n), !H.eventCanceled && (n.options.removeCloneOnHide || $.insertBefore(Y, f), n._hideClone(), l2({
+      u2("clone", n), !H.eventCanceled && (n.options.removeCloneOnHide || j.insertBefore(Y, f), n._hideClone(), l2({
         sortable: n,
         name: "clone"
       }));
@@ -810,9 +810,9 @@ H.prototype = /** @lends Sortable.prototype */
         target: n,
         completed: O,
         onMove: function(v, b) {
-          return M0($, a, f, i, v, Q(v), e, b);
+          return M0(j, a, f, i, v, Z(v), e, b);
         },
-        changed: Z
+        changed: e2
       }, r2));
     }
     function R() {
@@ -825,7 +825,7 @@ H.prototype = /** @lends Sortable.prototype */
         L("dragOverAnimationComplete"), M._ignoreWhileAnimating = null;
       }), M !== w && (w.animateAll(), w._ignoreWhileAnimating = null)), (n === f && !f.animated || n === a && !n.animated) && (K2 = null), !p.dragoverBubble && !e.rootEl && n !== document && (f.parentNode[_2]._isOutsideThisEl(e.target), !B2 && Y2(e)), !p.dragoverBubble && e.stopPropagation && e.stopPropagation(), y = !0;
     }
-    function Z() {
+    function e2() {
       v2 = g2(f), N2 = g2(f, p.draggable), l2({
         sortable: M,
         name: "change",
@@ -838,41 +838,41 @@ H.prototype = /** @lends Sortable.prototype */
     if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = H2(n, p.draggable, a, !0), L("dragOver"), H.eventCanceled) return y;
     if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || M._ignoreWhileAnimating === n)
       return O(!1);
-    if (L0 = !1, m && !p.disabled && (d ? h || (u = G !== $) : a2 === this || (this.lastPutMode = g0.checkPull(this, m, f, e)) && _.checkPut(this, m, f, e))) {
-      if (E = this._getDirection(e, n) === "vertical", i = Q(f), L("dragOverValid"), H.eventCanceled) return y;
+    if (L0 = !1, m && !p.disabled && (d ? h || (u = G !== j) : a2 === this || (this.lastPutMode = g0.checkPull(this, m, f, e)) && _.checkPut(this, m, f, e))) {
+      if (E = this._getDirection(e, n) === "vertical", i = Z(f), L("dragOverValid"), H.eventCanceled) return y;
       if (u)
-        return G = $, R(), this._hideClone(), L("revert"), H.eventCanceled || (W2 ? $.insertBefore(f, W2) : $.appendChild(f)), O(!0);
+        return G = j, R(), this._hideClone(), L("revert"), H.eventCanceled || (W2 ? j.insertBefore(f, W2) : j.appendChild(f)), O(!0);
       var P = _1(a, p.draggable);
       if (!P || V4(e, E, this) && !P.animated) {
         if (P === f)
           return O(!1);
-        if (P && a === e.target && (n = P), n && (c = Q(n)), M0($, a, f, i, n, c, e, !!n) !== !1)
-          return R(), P && P.nextSibling ? a.insertBefore(f, P.nextSibling) : a.appendChild(f), G = a, Z(), O(!0);
+        if (P && a === e.target && (n = P), n && (c = Z(n)), M0(j, a, f, i, n, c, e, !!n) !== !1)
+          return R(), P && P.nextSibling ? a.insertBefore(f, P.nextSibling) : a.appendChild(f), G = a, e2(), O(!0);
       } else if (P && E4(e, E, this)) {
         var m2 = t0(a, 0, p, !0);
         if (m2 === f)
           return O(!1);
-        if (n = m2, c = Q(n), M0($, a, f, i, n, c, e, !1) !== !1)
-          return R(), a.insertBefore(f, m2), G = a, Z(), O(!0);
+        if (n = m2, c = Z(n), M0(j, a, f, i, n, c, e, !1) !== !1)
+          return R(), a.insertBefore(f, m2), G = a, e2(), O(!0);
       } else if (n.parentNode === a) {
-        c = Q(n);
-        var s2 = 0, i2, E2 = f.parentNode !== a, t2 = !C4(f.animated && f.toRect || i, n.animated && n.toRect || c, E), A = E ? "top" : "left", x = H1(n, "top", "top") || H1(f, "top", "top"), e2 = x ? x.scrollTop : void 0;
+        c = Z(n);
+        var s2 = 0, i2, E2 = f.parentNode !== a, t2 = !C4(f.animated && f.toRect || i, n.animated && n.toRect || c, E), A = E ? "top" : "left", x = H1(n, "top", "top") || H1(f, "top", "top"), J = x ? x.scrollTop : void 0;
         K2 !== n && (i2 = c[A], _0 = !1, x0 = !t2 && p.invertSwap || E2), s2 = y4(e, n, c, E, t2 ? 1 : p.swapThreshold, p.invertedSwapThreshold == null ? p.swapThreshold : p.invertedSwapThreshold, x0, K2 === n);
-        var J;
+        var X;
         if (s2 !== 0) {
           var o2 = g2(f);
           do
-            o2 -= s2, J = G.children[o2];
-          while (J && (V(J, "display") === "none" || J === S));
+            o2 -= s2, X = G.children[o2];
+          while (X && (V(X, "display") === "none" || X === S));
         }
-        if (s2 === 0 || J === n)
+        if (s2 === 0 || X === n)
           return O(!1);
         K2 = n, p0 = s2;
         var W = n.nextElementSibling, I = !1;
         I = s2 === 1;
-        var O2 = M0($, a, f, i, n, c, e, I);
+        var O2 = M0(j, a, f, i, n, c, e, I);
         if (O2 !== !1)
-          return (O2 === 1 || O2 === -1) && (I = O2 === 1), Q0 = !0, setTimeout(H4, 30), R(), I && !W ? a.appendChild(f) : n.parentNode.insertBefore(f, I ? W : n), x && I1(x, 0, e2 - x.scrollTop), G = f.parentNode, i2 !== void 0 && !x0 && (V0 = Math.abs(i2 - Q(n)[A])), Z(), O(!0);
+          return (O2 === 1 || O2 === -1) && (I = O2 === 1), Q0 = !0, setTimeout(H4, 30), R(), I && !W ? a.appendChild(f) : n.parentNode.insertBefore(f, I ? W : n), x && I1(x, 0, J - x.scrollTop), G = f.parentNode, i2 !== void 0 && !x0 && (V0 = Math.abs(i2 - Z(n)[A])), e2(), O(!0);
       }
       if (a.contains(f))
         return O(!1);
@@ -895,18 +895,18 @@ H.prototype = /** @lends Sortable.prototype */
       this._nulling();
       return;
     }
-    Q2 = !1, x0 = !1, _0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Z0(this.cloneId), Z0(this._dragStartId), this.nativeDraggable && (D(document, "drop", this), D(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), i0 && V(document.body, "user-select", ""), V(f, "transform", ""), e && (o0 && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), S && S.parentNode && S.parentNode.removeChild(S), ($ === G || a2 && a2.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), f && (this.nativeDraggable && D(f, "dragend", this), W0(f), f.style["will-change"] = "", o0 && !Q2 && d2(f, a2 ? a2.options.ghostClass : this.options.ghostClass, !1), d2(f, this.options.chosenClass, !1), l2({
+    Q2 = !1, x0 = !1, _0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), Z0(this.cloneId), Z0(this._dragStartId), this.nativeDraggable && (D(document, "drop", this), D(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), i0 && V(document.body, "user-select", ""), V(f, "transform", ""), e && (o0 && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), S && S.parentNode && S.parentNode.removeChild(S), (j === G || a2 && a2.lastPutMode !== "clone") && Y && Y.parentNode && Y.parentNode.removeChild(Y), f && (this.nativeDraggable && D(f, "dragend", this), W0(f), f.style["will-change"] = "", o0 && !Q2 && d2(f, a2 ? a2.options.ghostClass : this.options.ghostClass, !1), d2(f, this.options.chosenClass, !1), l2({
       sortable: this,
       name: "unchoose",
       toEl: G,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), $ !== G ? (v2 >= 0 && (l2({
+    }), j !== G ? (v2 >= 0 && (l2({
       rootEl: G,
       name: "add",
       toEl: G,
-      fromEl: $,
+      fromEl: j,
       originalEvent: e
     }), l2({
       sortable: this,
@@ -917,7 +917,7 @@ H.prototype = /** @lends Sortable.prototype */
       rootEl: G,
       name: "sort",
       toEl: G,
-      fromEl: $,
+      fromEl: j,
       originalEvent: e
     }), l2({
       sortable: this,
@@ -942,9 +942,9 @@ H.prototype = /** @lends Sortable.prototype */
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    u2("nulling", this), $ = f = G = S = W2 = Y = E0 = P2 = U2 = b2 = o0 = v2 = N2 = Z2 = u0 = K2 = p0 = a2 = g0 = H.dragged = H.ghost = H.clone = H.active = null, F0.forEach(function(e) {
+    u2("nulling", this), j = f = G = S = W2 = Y = E0 = P2 = U2 = b2 = o0 = v2 = N2 = Z2 = u0 = K2 = p0 = a2 = g0 = H.dragged = H.ghost = H.clone = H.active = null, F0.forEach(function(e) {
       e.checked = !0;
-    }), F0.length = $0 = U0 = 0;
+    }), F0.length = j0 = U0 = 0;
   },
   handleEvent: function(e) {
     switch (e.type) {
@@ -1035,7 +1035,7 @@ H.prototype = /** @lends Sortable.prototype */
     }
     if (P2) {
       if (u2("showClone", this), H.eventCanceled) return;
-      f.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(Y, f) : W2 ? $.insertBefore(Y, W2) : $.appendChild(Y), this.options.group.revertClone && this.animate(f, Y), V(Y, "display", ""), P2 = !1;
+      f.parentNode == j && !this.options.group.revertClone ? j.insertBefore(Y, f) : W2 ? j.insertBefore(Y, W2) : j.appendChild(Y), this.options.group.revertClone && this.animate(f, Y), V(Y, "display", ""), P2 = !1;
     }
   }
 };
@@ -1047,7 +1047,7 @@ function M0(t, e, a, n, i, c, u, p) {
   return window.CustomEvent && !F2 && !d0 ? _ = new CustomEvent("move", {
     bubbles: !0,
     cancelable: !0
-  }) : (_ = document.createEvent("Event"), _.initEvent("move", !0, !0)), _.to = e, _.from = t, _.dragged = a, _.draggedRect = n, _.related = i || e, _.relatedRect = c || Q(e), _.willInsertAfter = p, _.originalEvent = u, t.dispatchEvent(_), d && (h = d.call(m, _, u)), h;
+  }) : (_ = document.createEvent("Event"), _.initEvent("move", !0, !0)), _.to = e, _.from = t, _.dragged = a, _.draggedRect = n, _.related = i || e, _.relatedRect = c || Z(e), _.willInsertAfter = p, _.originalEvent = u, t.dispatchEvent(_), d && (h = d.call(m, _, u)), h;
 }
 function W0(t) {
   t.draggable = !1;
@@ -1056,11 +1056,11 @@ function H4() {
   Q0 = !1;
 }
 function E4(t, e, a) {
-  var n = Q(t0(a.el, 0, a.options, !0)), i = q1(a.el, a.options, S), c = 10;
+  var n = Z(t0(a.el, 0, a.options, !0)), i = q1(a.el, a.options, S), c = 10;
   return e ? t.clientX < i.left - c || t.clientY < n.top && t.clientX < n.right : t.clientY < i.top - c || t.clientY < n.bottom && t.clientX < n.left;
 }
 function V4(t, e, a) {
-  var n = Q(_1(a.el, a.options.draggable)), i = q1(a.el, a.options, S), c = 10;
+  var n = Z(_1(a.el, a.options.draggable)), i = q1(a.el, a.options, S), c = 10;
   return e ? t.clientX > i.right + c || t.clientY > n.bottom && t.clientX > n.left : t.clientY > i.bottom + c || t.clientX > n.right && t.clientY > n.top;
 }
 function y4(t, e, a, n, i, c, u, p) {
@@ -1116,7 +1116,7 @@ H.utils = {
   index: g2,
   nextTick: y0,
   cancelNextTick: Z0,
-  detectDirection: $1,
+  detectDirection: j1,
   getChild: t0,
   expando: _2
 };
@@ -1136,7 +1136,7 @@ H.create = function(t, e) {
   return new H(t, e);
 };
 H.version = p4;
-var X = [], l0, e1, t1 = !1, G0, J0, k0, s0;
+var K = [], l0, e1, t1 = !1, G0, J0, k0, s0;
 function D4() {
   function t() {
     this.defaults = {
@@ -1162,7 +1162,7 @@ function D4() {
       this.sortable.nativeDraggable ? D(document, "dragover", this._handleAutoScroll) : (D(document, "pointermove", this._handleFallbackAutoScroll), D(document, "touchmove", this._handleFallbackAutoScroll), D(document, "mousemove", this._handleFallbackAutoScroll)), B1(), S0(), h4();
     },
     nulling: function() {
-      k0 = e1 = l0 = t1 = s0 = G0 = J0 = null, X.length = 0;
+      k0 = e1 = l0 = t1 = s0 = G0 = J0 = null, K.length = 0;
     },
     _handleFallbackAutoScroll: function(a) {
       this._handleAutoScroll(a, !0);
@@ -1190,9 +1190,9 @@ function D4() {
   });
 }
 function S0() {
-  X.forEach(function(t) {
+  K.forEach(function(t) {
     clearInterval(t.pid);
-  }), X = [];
+  }), K = [];
 }
 function B1() {
   clearInterval(s0);
@@ -1203,16 +1203,16 @@ var X0 = P1(function(t, e, a, n) {
     e1 !== a && (e1 = a, S0(), l0 = e.scroll, d = e.scrollFn, l0 === !0 && (l0 = R2(a, !0)));
     var h = 0, w = l0;
     do {
-      var E = w, M = Q(E), y = M.top, L = M.bottom, R = M.left, O = M.right, Z = M.width, P = M.height, m2 = void 0, s2 = void 0, i2 = E.scrollWidth, E2 = E.scrollHeight, t2 = V(E), A = E.scrollLeft, x = E.scrollTop;
-      E === _ ? (m2 = Z < i2 && (t2.overflowX === "auto" || t2.overflowX === "scroll" || t2.overflowX === "visible"), s2 = P < E2 && (t2.overflowY === "auto" || t2.overflowY === "scroll" || t2.overflowY === "visible")) : (m2 = Z < i2 && (t2.overflowX === "auto" || t2.overflowX === "scroll"), s2 = P < E2 && (t2.overflowY === "auto" || t2.overflowY === "scroll"));
-      var e2 = m2 && (Math.abs(O - i) <= u && A + Z < i2) - (Math.abs(R - i) <= u && !!A), J = s2 && (Math.abs(L - c) <= u && x + P < E2) - (Math.abs(y - c) <= u && !!x);
-      if (!X[h])
+      var E = w, M = Z(E), y = M.top, L = M.bottom, R = M.left, O = M.right, e2 = M.width, P = M.height, m2 = void 0, s2 = void 0, i2 = E.scrollWidth, E2 = E.scrollHeight, t2 = V(E), A = E.scrollLeft, x = E.scrollTop;
+      E === _ ? (m2 = e2 < i2 && (t2.overflowX === "auto" || t2.overflowX === "scroll" || t2.overflowX === "visible"), s2 = P < E2 && (t2.overflowY === "auto" || t2.overflowY === "scroll" || t2.overflowY === "visible")) : (m2 = e2 < i2 && (t2.overflowX === "auto" || t2.overflowX === "scroll"), s2 = P < E2 && (t2.overflowY === "auto" || t2.overflowY === "scroll"));
+      var J = m2 && (Math.abs(O - i) <= u && A + e2 < i2) - (Math.abs(R - i) <= u && !!A), X = s2 && (Math.abs(L - c) <= u && x + P < E2) - (Math.abs(y - c) <= u && !!x);
+      if (!K[h])
         for (var o2 = 0; o2 <= h; o2++)
-          X[o2] || (X[o2] = {});
-      (X[h].vx != e2 || X[h].vy != J || X[h].el !== E) && (X[h].el = E, X[h].vx = e2, X[h].vy = J, clearInterval(X[h].pid), (e2 != 0 || J != 0) && (m = !0, X[h].pid = setInterval((function() {
+          K[o2] || (K[o2] = {});
+      (K[h].vx != J || K[h].vy != X || K[h].el !== E) && (K[h].el = E, K[h].vx = J, K[h].vy = X, clearInterval(K[h].pid), (J != 0 || X != 0) && (m = !0, K[h].pid = setInterval((function() {
         n && this.layer === 0 && H.active._onTouchMove(k0);
-        var W = X[this.layer].vy ? X[this.layer].vy * p : 0, I = X[this.layer].vx ? X[this.layer].vx * p : 0;
-        typeof d == "function" && d.call(H.dragged.parentNode[_2], I, W, t, k0, X[this.layer].el) !== "continue" || I1(X[this.layer].el, I, W);
+        var W = K[this.layer].vy ? K[this.layer].vy * p : 0, I = K[this.layer].vx ? K[this.layer].vx * p : 0;
+        typeof d == "function" && d.call(H.dragged.parentNode[_2], I, W, t, k0, K[this.layer].el) !== "continue" || I1(K[this.layer].el, I, W);
       }).bind({
         layer: h
       }), 24))), h++;
@@ -1533,7 +1533,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), q4 = R4, j4 = /* @__PURE__ */ s({
+}), q4 = R4, $4 = /* @__PURE__ */ s({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(t) {
@@ -1547,7 +1547,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $4 = j4, U4 = /* @__PURE__ */ s({
+}), j4 = $4, U4 = /* @__PURE__ */ s({
   name: "ArrowLeftBold",
   __name: "arrow-left-bold",
   setup(t) {
@@ -1959,7 +1959,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), qe = Re, je = /* @__PURE__ */ s({
+}), qe = Re, $e = /* @__PURE__ */ s({
   name: "CaretLeft",
   __name: "caret-left",
   setup(t) {
@@ -1973,7 +1973,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $e = je, Ue = /* @__PURE__ */ s({
+}), je = $e, Ue = /* @__PURE__ */ s({
   name: "CaretRight",
   __name: "caret-right",
   setup(t) {
@@ -2386,7 +2386,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), q6 = R6, j6 = /* @__PURE__ */ s({
+}), q6 = R6, $6 = /* @__PURE__ */ s({
   name: "Coin",
   __name: "coin",
   setup(t) {
@@ -2408,7 +2408,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $6 = j6, U6 = /* @__PURE__ */ s({
+}), j6 = $6, U6 = /* @__PURE__ */ s({
   name: "ColdDrink",
   __name: "cold-drink",
   setup(t) {
@@ -2838,7 +2838,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), j3 = q3, $3 = /* @__PURE__ */ s({
+}), $3 = q3, j3 = /* @__PURE__ */ s({
   name: "DocumentDelete",
   __name: "document-delete",
   setup(t) {
@@ -2852,7 +2852,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), U3 = $3, Y3 = /* @__PURE__ */ s({
+}), U3 = j3, Y3 = /* @__PURE__ */ s({
   name: "DocumentRemove",
   __name: "document-remove",
   setup(t) {
@@ -3236,7 +3236,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), qt = Rt, jt = /* @__PURE__ */ s({
+}), qt = Rt, $t = /* @__PURE__ */ s({
   name: "Football",
   __name: "football",
   setup(t) {
@@ -3254,7 +3254,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $t = jt, Ut = /* @__PURE__ */ s({
+}), jt = $t, Ut = /* @__PURE__ */ s({
   name: "ForkSpoon",
   __name: "fork-spoon",
   setup(t) {
@@ -3632,7 +3632,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), qa = Ra, ja = /* @__PURE__ */ s({
+}), qa = Ra, $a = /* @__PURE__ */ s({
   name: "IceTea",
   __name: "ice-tea",
   setup(t) {
@@ -3646,7 +3646,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $a = ja, Ua = /* @__PURE__ */ s({
+}), ja = $a, Ua = /* @__PURE__ */ s({
   name: "InfoFilled",
   __name: "info-filled",
   setup(t) {
@@ -4059,7 +4059,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), q8 = R8, j8 = /* @__PURE__ */ s({
+}), q8 = R8, $8 = /* @__PURE__ */ s({
   name: "Minus",
   __name: "minus",
   setup(t) {
@@ -4073,7 +4073,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $8 = j8, U8 = /* @__PURE__ */ s({
+}), j8 = $8, U8 = /* @__PURE__ */ s({
   name: "Money",
   __name: "money",
   setup(t) {
@@ -4493,7 +4493,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), qr = Rr, jr = /* @__PURE__ */ s({
+}), qr = Rr, $r = /* @__PURE__ */ s({
   name: "PictureRounded",
   __name: "picture-rounded",
   setup(t) {
@@ -4511,7 +4511,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $r = jr, Ur = /* @__PURE__ */ s({
+}), jr = $r, Ur = /* @__PURE__ */ s({
   name: "Picture",
   __name: "picture",
   setup(t) {
@@ -4932,7 +4932,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), jn = qn, $n = /* @__PURE__ */ s({
+}), $n = qn, jn = /* @__PURE__ */ s({
   name: "School",
   __name: "school",
   setup(t) {
@@ -4954,7 +4954,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Un = $n, Yn = /* @__PURE__ */ s({
+}), Un = jn, Yn = /* @__PURE__ */ s({
   name: "Scissor",
   __name: "scissor",
   setup(t) {
@@ -5333,7 +5333,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), qo = Ro, jo = /* @__PURE__ */ s({
+}), qo = Ro, $o = /* @__PURE__ */ s({
   name: "SuccessFilled",
   __name: "success-filled",
   setup(t) {
@@ -5347,7 +5347,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), $o = jo, Uo = /* @__PURE__ */ s({
+}), jo = $o, Uo = /* @__PURE__ */ s({
   name: "Sugar",
   __name: "sugar",
   setup(t) {
@@ -5768,7 +5768,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), jl = ql, $l = /* @__PURE__ */ s({
+}), $l = ql, jl = /* @__PURE__ */ s({
   name: "User",
   __name: "user",
   setup(t) {
@@ -5782,7 +5782,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Ul = $l, Yl = /* @__PURE__ */ s({
+}), Ul = jl, Yl = /* @__PURE__ */ s({
   name: "Van",
   __name: "van",
   setup(t) {
@@ -6030,7 +6030,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Aim: k4,
   AlarmClock: N4,
   Apple: I4,
-  ArrowDown: $4,
+  ArrowDown: j4,
   ArrowDownBold: q4,
   ArrowLeft: G4,
   ArrowLeftBold: Y4,
@@ -6058,7 +6058,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Camera: Ie,
   CameraFilled: Ne,
   CaretBottom: qe,
-  CaretLeft: $e,
+  CaretLeft: je,
   CaretRight: Ye,
   CaretTop: Ge,
   Cellphone: Xe,
@@ -6085,7 +6085,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Cloudy: N6,
   Coffee: q6,
   CoffeeCup: I6,
-  Coin: $6,
+  Coin: j6,
   ColdDrink: Y6,
   Collection: X6,
   CollectionTag: G6,
@@ -6113,7 +6113,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Document: J3,
   DocumentAdd: P3,
   DocumentChecked: R3,
-  DocumentCopy: j3,
+  DocumentCopy: $3,
   DocumentDelete: U3,
   DocumentRemove: W3,
   Download: J1,
@@ -6140,7 +6140,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FolderOpened: kt,
   FolderRemove: Nt,
   Food: qt,
-  Football: $t,
+  Football: jt,
   ForkSpoon: Yt,
   Fries: Gt,
   FullScreen: Xt,
@@ -6167,7 +6167,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   IceCreamRound: ka,
   IceCreamSquare: Na,
   IceDrink: qa,
-  IceTea: $a,
+  IceTea: ja,
   InfoFilled: Ya,
   Iphone: Ga,
   Key: Xa,
@@ -6194,7 +6194,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Mic: N8,
   Microphone: I8,
   MilkTea: q8,
-  Minus: $8,
+  Minus: j8,
   Money: Y8,
   Monitor: G8,
   Moon: Q8,
@@ -6222,7 +6222,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   PhoneFilled: Nr,
   Picture: Yr,
   PictureFilled: qr,
-  PictureRounded: $r,
+  PictureRounded: jr,
   PieChart: Gr,
   Place: Xr,
   Platform: Qr,
@@ -6247,7 +6247,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Remove: Pn,
   RemoveFilled: On,
   Right: Rn,
-  ScaleToOriginal: jn,
+  ScaleToOriginal: $n,
   School: Un,
   Scissor: Wn,
   Search: Jn,
@@ -6274,7 +6274,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Star: Io,
   StarFilled: No,
   Stopwatch: qo,
-  SuccessFilled: $o,
+  SuccessFilled: jo,
   Sugar: Yo,
   Suitcase: Xo,
   SuitcaseLine: Go,
@@ -6302,7 +6302,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Upload: X1,
   UploadFilled: Il,
   User: Ul,
-  UserFilled: jl,
+  UserFilled: $l,
   Van: Wl,
   VideoCamera: Kl,
   VideoCameraFilled: Jl,
@@ -6575,7 +6575,7 @@ const y5 = ["data-component", "data-id"], A1 = {
       ], 10, y5);
     };
   }
-}, j2 = {
+}, $2 = {
   styles: {},
   SET_STYLES(t, e) {
     this.styles[t] = `{
@@ -6622,10 +6622,10 @@ ${this.styleObjectToCssString(e)}
         textAlign: e.textAlign,
         padding: e.padding
       };
-      return j2.SET_STYLES(e.class.split(" ")[1], n), n;
+      return $2.SET_STYLES(e.class.split(" ")[1], n), n;
     });
     return s1(() => {
-      j2.DELETE_STYLES(e.class.split(" ")[1]);
+      $2.DELETE_STYLES(e.class.split(" ")[1]);
     }), (n, i) => (o(), l("div", {
       class: P0(["element block-element", { "div-border": !t.isPreview }]),
       style: i1(a.value)
@@ -6658,10 +6658,10 @@ ${this.styleObjectToCssString(e)}
         "grid-template-columns": `repeat(${e.columns || 1}, calc(100% / ${e.columns || 1} - ${(e.gap ? e.gap : 0) + "px"}))`,
         "grid-gap": `${e.gap}px`
       };
-      return j2.SET_STYLES(e.class.split(" ")[1], { ...n, display: "grid" }), n;
+      return $2.SET_STYLES(e.class.split(" ")[1], { ...n, display: "grid" }), n;
     });
     return s1(() => {
-      j2.DELETE_STYLES(e.class.split(" ")[1]);
+      $2.DELETE_STYLES(e.class.split(" ")[1]);
     }), (n, i) => (o(), l("div", {
       class: P0(["element grid", { "grid-border": !t.isPreview }]),
       style: i1(a.value)
@@ -6698,19 +6698,19 @@ ${this.styleObjectToCssString(e)}
   setup(t) {
     const e = t, a = G2(() => {
       const n = {};
-      return e.fontSize && (n.fontSize = `${e.fontSize}px`), e.color && (n.color = e.color), Object.keys(n).length ? j2.SET_STYLES(`${e.class} ::v-deep(.el-icon)`, n) : j2.DELETE_STYLES(`${e.class} ::v-deep(.el-icon)`), n;
+      return e.fontSize && (n.fontSize = `${e.fontSize}px`), e.color && (n.color = e.color), Object.keys(n).length ? $2.SET_STYLES(`${e.class} ::v-deep(.el-icon)`, n) : $2.DELETE_STYLES(`${e.class} ::v-deep(.el-icon)`), n;
     });
     return c1(() => {
       D1.SET_ICONS(e.class, e.icon);
     }), s1(() => {
-      D1.DELETE_ICONS(e.class), j2.DELETE_STYLES(`${e.class} ::v-deep(.el-icon)`);
+      D1.DELETE_ICONS(e.class), $2.DELETE_STYLES(`${e.class} ::v-deep(.el-icon)`);
     }), (n, i) => {
       const c = N("el-icon");
-      return o(), K(c, {
+      return o(), Q(c, {
         style: i1(a.value)
       }, {
         default: z(() => [
-          (o(), K(T1(b5[e.icon])))
+          (o(), Q(T1(b5[e.icon])))
         ]),
         _: 1
       }, 8, ["style"]);
@@ -6839,10 +6839,10 @@ const O5 = [
   { key: "inline-prompt", value: !1, name: "显示在点内" },
   { key: "active-text", value: "", name: "on 文字描述" },
   { key: "inactive-text", value: "", name: "off 文字描述" }
-], j5 = [
+], $5 = [
   { key: "label", value: "", name: "标题" },
   { key: "shadow", values: ["always", "hover", "never"], name: "卡片阴影" }
-], $5 = [
+], j5 = [
   // {key: 'rows', value: 1, name: '行数'},
   { key: "columns", value: 1, name: "列数" },
   { key: "gap", value: 0, name: "间距" }
@@ -6880,7 +6880,7 @@ const O5 = [
   __proto__: null,
   DivComponentConfigProps: U5,
   ElButtonConfigProps: Y5,
-  ElCardConfigProps: j5,
+  ElCardConfigProps: $5,
   ElCheckboxGroupConfigProps: I5,
   ElDatePickerConfigProps: R5,
   ElDividerConfigProps: W5,
@@ -6890,7 +6890,7 @@ const O5 = [
   ElSwitchConfigProps: q5,
   ElTableConfigProps: J5,
   ElUploadConfigProps: G5,
-  GridComponentConfigProps: $5
+  GridComponentConfigProps: j5
 }, Symbol.toStringTag, { value: "Module" })), N0 = {
   tableData: [],
   tableKeys: [],
@@ -6916,7 +6916,7 @@ const O5 = [
     formRef: Object
   },
   setup(t, { expose: e }) {
-    e({ reset: P, select: Z });
+    e({ reset: P, select: e2 });
     const a = t, n = F(""), i = F(null), c = F(!1), u = F(null), p = F(null), _ = F([]), m = F([]), d = F([]), h = F(!1), w = ["ElTabs"], E = ["ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent"];
     let M = !1;
     const y = G2(() => u.value ? !u.value.noUseForm : !1), L = G2(() => (v) => {
@@ -6937,7 +6937,7 @@ const O5 = [
       }
       return p.value.props;
     }), R = G2(() => (v) => p.value.componentName === "ElUpload" && v.key === "text" ? p.value.children[0].props : p.value.props), O = G2(() => (v) => p.value.componentName === "ElUpload" && v.key === "fontSize" ? p.value.children[0].props.iconStyle : p.value.props);
-    function Z(v) {
+    function e2(v) {
       var b, k;
       if (h.value = v.componentName === "ElTable", M = v.componentName === "ElTabs", _.value = [], u.value = v, p.value = E.indexOf(v.componentName) > -1 || h.value ? u.value : u.value.children[0], v.props && (n.value = v.props.label, i.value = v.props["label-width"], c.value = ((b = v.props.rules) == null ? void 0 : b.required) || !1), d.value = [], m.value = [], v.children && v.children[0] && ((k = v.children[0]) == null ? void 0 : k.componentName) !== "ElUpload" && !v.parentId) {
         let q;
@@ -6994,7 +6994,7 @@ const O5 = [
       }
       b === "type" && k === "ElDatePicker" && B.SET_FORM_DATA([`field${u.value.children[0].id}`], null);
     }
-    function e2(v, b) {
+    function J(v, b) {
       if (h.value && v === "rows") {
         const k = {};
         p.value.children.forEach((q) => {
@@ -7005,7 +7005,7 @@ const O5 = [
         m2();
       }
     }
-    function J(v, b) {
+    function X(v, b) {
       if (v === "collapse-tags") {
         typeof u.value.children[0].props["collapse-tags-tooltip"] == "boolean" && !b ? (delete u.value.children[0].props["collapse-tags-tooltip"], delete u.value.children[0].props["collapse-tags"]) : u.value.children[0].props["collapse-tags-tooltip"] = b;
         return;
@@ -7036,7 +7036,7 @@ const O5 = [
       m.value[b].name = v;
     }
     function g1() {
-      var h2, a0, r0, $2, n0, f0, w0;
+      var h2, a0, r0, j2, n0, f0, w0;
       if (!((a0 = (h2 = u.value) == null ? void 0 : h2.children) != null && a0.length))
         return;
       const v = M || h.value ? u.value.children : (r0 = u.value.children[0]) == null ? void 0 : r0.children;
@@ -7046,7 +7046,7 @@ const O5 = [
         label: "New Option",
         ...M ? { name: b } : { [h.value ? "prop" : "value"]: b.toString() }
       };
-      (n0 = ($2 = u.value.children[0]) == null ? void 0 : $2.props) != null && n0.border && (k.border = !0);
+      (n0 = (j2 = u.value.children[0]) == null ? void 0 : j2.props) != null && n0.border && (k.border = !0);
       const q = M || h.value ? u.value.children[0].componentName : (w0 = (f0 = u.value.children[0]) == null ? void 0 : f0.children[0]) == null ? void 0 : w0.componentName;
       if (!q)
         return;
@@ -7063,7 +7063,7 @@ const O5 = [
       }), A2(C2());
     }
     return (v, b) => {
-      const k = N("el-divider"), q = N("el-input"), U = N("el-form-item"), h2 = N("el-icon"), a0 = N("el-input-number"), r0 = N("el-switch"), $2 = N("el-option"), n0 = N("el-select"), f0 = N("el-button"), w0 = N("el-form");
+      const k = N("el-divider"), q = N("el-input"), U = N("el-form-item"), h2 = N("el-icon"), a0 = N("el-input-number"), r0 = N("el-switch"), j2 = N("el-option"), n0 = N("el-select"), f0 = N("el-button"), w0 = N("el-form");
       return o(), l("div", null, [
         g(w0, { "label-width": "90px" }, {
           default: z(() => [
@@ -7122,7 +7122,7 @@ const O5 = [
                 ]),
                 _: 1
               }),
-              c.value ? (o(), K(U, {
+              c.value ? (o(), Q(U, {
                 key: 0,
                 label: "必填提示"
               }, {
@@ -7144,42 +7144,42 @@ const O5 = [
               [A0, _.value && _.value.length]
             ]),
             (o(!0), l(V2, null, z0(_.value, (C) => (o(), l(V2, null, [
-              t2(C) ? (o(), K(U, {
+              t2(C) ? (o(), Q(U, {
                 key: 0,
                 label: C.name
               }, r4({
                 default: z(() => [
-                  C.values ? (o(), K(n0, {
+                  C.values ? (o(), Q(n0, {
                     key: 0,
                     modelValue: p.value.props[C.key],
-                    "onUpdate:modelValue": (j) => p.value.props[C.key] = j,
+                    "onUpdate:modelValue": ($) => p.value.props[C.key] = $,
                     placeholder: "请选择",
-                    onChange: (j) => x(p.value.props[C.key], C.key, p.value.componentName),
+                    onChange: ($) => x(p.value.props[C.key], C.key, p.value.componentName),
                     clearable: C.clearable
                   }, {
                     default: z(() => [
-                      (o(!0), l(V2, null, z0(C.values, (j) => (o(), K($2, {
-                        value: j,
-                        label: j
+                      (o(!0), l(V2, null, z0(C.values, ($) => (o(), Q(j2, {
+                        value: $,
+                        label: $
                       }, null, 8, ["value", "label"]))), 256))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "clearable"])) : (o(), l(V2, { key: 1 }, [
-                    typeof C.value == "boolean" ? (o(), K(r0, {
+                    typeof C.value == "boolean" ? (o(), Q(r0, {
                       key: 0,
                       modelValue: R.value(C)[C.key],
-                      "onUpdate:modelValue": (j) => R.value(C)[C.key] = j,
-                      onChange: (j) => J(C.key, p.value.props[C.key])
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : typeof C.value == "number" ? (o(), K(a0, {
+                      "onUpdate:modelValue": ($) => R.value(C)[C.key] = $,
+                      onChange: ($) => X(C.key, p.value.props[C.key])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : typeof C.value == "number" ? (o(), Q(a0, {
                       key: 1,
                       modelValue: O.value(C)[C.key],
-                      "onUpdate:modelValue": (j) => O.value(C)[C.key] = j,
-                      onChange: (j) => e2(C.key, O.value(C)[C.key]),
+                      "onUpdate:modelValue": ($) => O.value(C)[C.key] = $,
+                      onChange: ($) => J(C.key, O.value(C)[C.key]),
                       min: 0
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o(), K(q, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o(), Q(q, {
                       key: 2,
                       modelValue: L.value(C)[C.key],
-                      "onUpdate:modelValue": (j) => L.value(C)[C.key] = j,
+                      "onUpdate:modelValue": ($) => L.value(C)[C.key] = $,
                       placeholder: `请输入${C.name}`,
                       clearable: C.clearable
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"]))
@@ -7213,18 +7213,18 @@ const O5 = [
                 _: 1
               }),
               r("ul", null, [
-                (o(!0), l(V2, null, z0(m.value, (C, j) => (o(), l("li", null, [
+                (o(!0), l(V2, null, z0(m.value, (C, $) => (o(), l("li", null, [
                   g(U, { label: "文本" }, {
                     default: z(() => [
                       g(q, {
-                        modelValue: d.value[j],
-                        "onUpdate:modelValue": (c2) => d.value[j] = c2,
-                        onChange: (c2) => B2(d.value[j], j)
+                        modelValue: d.value[$],
+                        "onUpdate:modelValue": (c2) => d.value[$] = c2,
+                        onChange: (c2) => B2(d.value[$], $)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                     ]),
                     _: 2
                   }, 1024),
-                  typeof C.value < "u" ? (o(), K(U, {
+                  typeof C.value < "u" ? (o(), Q(U, {
                     key: 0,
                     label: "值（value）"
                   }, {
@@ -7254,15 +7254,15 @@ const O5 = [
                           clearable: ""
                         }, {
                           default: z(() => [
-                            g($2, {
+                            g(j2, {
                               value: "center",
                               label: "center"
                             }),
-                            g($2, {
+                            g(j2, {
                               value: "right",
                               label: "right"
                             }),
-                            g($2, {
+                            g(j2, {
                               value: "left",
                               label: "left"
                             })
@@ -7272,7 +7272,7 @@ const O5 = [
                       ]),
                       _: 2
                     }, 1024)
-                  ], 64)) : p.value.componentName !== "ElButton" ? (o(), K(U, {
+                  ], 64)) : p.value.componentName !== "ElButton" ? (o(), Q(U, {
                     key: 2,
                     label: "值（name）"
                   }, {
@@ -7280,7 +7280,7 @@ const O5 = [
                       g(q, {
                         modelValue: C.name,
                         "onUpdate:modelValue": (c2) => C.name = c2,
-                        onChange: (c2) => r2(C.name, j)
+                        onChange: (c2) => r2(C.name, $)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                     ]),
                     _: 2
@@ -7288,7 +7288,7 @@ const O5 = [
                   m.value.length > 1 ? (o(), l("div", Q5, [
                     g(h2, {
                       class: "delete",
-                      onClick: (c2) => o2(j),
+                      onClick: (c2) => o2($),
                       title: "删除"
                     }, {
                       default: z(() => [
@@ -7296,9 +7296,9 @@ const O5 = [
                       ]),
                       _: 2
                     }, 1032, ["onClick"]),
-                    j !== 0 ? (o(), K(h2, {
+                    $ !== 0 ? (o(), Q(h2, {
                       key: 0,
-                      onClick: (c2) => I(j),
+                      onClick: (c2) => I($),
                       title: "上移"
                     }, {
                       default: z(() => [
@@ -7306,9 +7306,9 @@ const O5 = [
                       ]),
                       _: 2
                     }, 1032, ["onClick"])) : z2("", !0),
-                    m.value.length - 1 !== j ? (o(), K(h2, {
+                    m.value.length - 1 !== $ ? (o(), Q(h2, {
                       key: 1,
-                      onClick: (c2) => O2(j),
+                      onClick: (c2) => O2($),
                       title: "下移"
                     }, {
                       default: z(() => [
@@ -7359,8 +7359,8 @@ const O5 = [
       n("inlineChange", h);
     }
     return (h, w) => {
-      const E = N("el-icon"), M = N("el-input-number"), y = N("el-form-item"), L = N("el-radio"), R = N("el-radio-group"), O = N("el-switch"), Z = N("el-form");
-      return o(), K(Z, { "label-width": "100px" }, {
+      const E = N("el-icon"), M = N("el-input-number"), y = N("el-form-item"), L = N("el-radio"), R = N("el-radio-group"), O = N("el-switch"), e2 = N("el-form");
+      return o(), Q(e2, { "label-width": "100px" }, {
         default: z(() => [
           g(y, null, {
             label: z(() => [
@@ -7479,7 +7479,7 @@ const O5 = [
     }
     return (h, w) => {
       const E = N("el-button"), M = N("el-dialog");
-      return o(), K(M, {
+      return o(), Q(M, {
         modelValue: a.value,
         "onUpdate:modelValue": w[0] || (w[0] = (y) => a.value = y),
         title: "预览",
@@ -7793,14 +7793,14 @@ function q9(t, e) {
     r("path", { d: "M224 352c-19.2 0-32 12.8-32 32v256c0 16 12.8 32 32 32s32-12.8 32-32V384c0-16-12.8-32-32-32" }, null, -1)
   ]));
 }
-const j9 = { render: q9 }, $9 = () => ({
+const $9 = { render: q9 }, j9 = () => ({
   componentName: "ElInput",
-  icon: j9,
+  icon: $9,
   text: "输入框",
   props: { placeholder: "请输入内容" }
 }), U9 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: $9
+  default: j9
 }, Symbol.toStringTag, { value: "Module" })), Y9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "200",
@@ -8138,7 +8138,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
       E5(), L = !0, B.CLEAR_ALL(), u.value.init(B.formOptions), O.data && O.data.forms ? (B.SET_FORM_OPTIONS_INIT(O.data.formOptions.inline), B.SET_FORM_OPTIONS(O.data.formOptions), b0(O.data.forms)) : b0([]);
     });
     const {
-      initSortable: Z,
+      initSortable: e2,
       schema: P
     } = H5();
     c1(() => {
@@ -8158,18 +8158,20 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
               animation: 150,
               setData: t4,
               onStart(x) {
-                B.formOptions.inline && x.item.classList.add("inline-block"), x.item.classList.remove("item-component");
+                B.formOptions.inline && x.item.classList.add("inline-block");
+                const J = x.item.clientWidth;
+                x.item.classList.remove("item-component"), x.item.style.width = `${J}px`;
               },
               onEnd(x) {
                 x.originalEvent.dataTransfer.getData("type") && !x.to.classList.contains("component-box") ? x.item.remove() : x.item.classList.add("item-component");
               }
             }), J2(() => {
-              Z({ el: p.value });
+              e2({ el: p.value });
             });
           });
         },
         updated() {
-          L && (f1(P.value.components, Z), L = !1);
+          L && (f1(P.value.components, e2), L = !1);
         },
         render() {
           O.data && O.data.forms && b0(O.data.forms);
@@ -8189,7 +8191,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
                   class: "drop-zone-box",
                   onClick: m2
                 }, {
-                  default: () => x.map((e2) => (I2.SET_COMPONENT_DATA_MAP(e2.id, e2), A(e2)))
+                  default: () => x.map((J) => (I2.SET_COMPONENT_DATA_MAP(J.id, J), A(J)))
                 })
               ]
             }
@@ -8200,14 +8202,14 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
       b0([]), B.CLEAR_ALL(), R.unmount();
     });
     function m2(A) {
-      const x = A.target.closest(".drop-item"), e2 = C2();
-      if (e2 && e2.classList.remove("selected-component"), !x) {
+      const x = A.target.closest(".drop-item"), J = C2();
+      if (J && J.classList.remove("selected-component"), !x) {
         i2();
         return;
       }
       z5(x), x.classList.add("selected-component");
-      const J = I2.componentDataMap;
-      y = J[x.dataset.id], d.value.select(J[x.dataset.id]), A2(x);
+      const X = I2.componentDataMap;
+      y = X[x.dataset.id], d.value.select(X[x.dataset.id]), A2(x);
       const o2 = A.target.className === "cell";
       if (A.target.parentElement.tagName !== "TH" && A.target.tagName !== "TH" && (A.target.className.indexOf("el-table__cell") > -1 || o2)) {
         let W;
@@ -8227,20 +8229,20 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
       x && (x.classList.remove("selected-component"), m0.SET_TELEPORT_TO(null), d.value.reset());
     }
     function E2(A) {
-      var e2;
+      var J;
       let x = A;
-      A || (x = y, C2().remove(), e4(P.value.components, x.id), i2()), delete I2.componentDataMap[x.id], (e2 = x.children) != null && e2[0] && (delete I2.componentDataMap[x.children[0].id], (x.componentName === "ElFormItem" || x.componentName === "ElTabs") && (B.DELETE_FORM_DATA(x.props.prop || `field${x.id}`), B.DELETE_RULES(x.props.prop))), x.componentName === "ElUpload" && j2.DELETE_STYLES(`${x.children[0].props.class} ::v-deep(.el-icon)`), x.children && x.children.length && x.children.forEach((J) => {
-        E2(J);
+      A || (x = y, C2().remove(), e4(P.value.components, x.id), i2()), delete I2.componentDataMap[x.id], (J = x.children) != null && J[0] && (delete I2.componentDataMap[x.children[0].id], (x.componentName === "ElFormItem" || x.componentName === "ElTabs") && (B.DELETE_FORM_DATA(x.props.prop || `field${x.id}`), B.DELETE_RULES(x.props.prop))), x.componentName === "ElUpload" && $2.DELETE_STYLES(`${x.children[0].props.class} ::v-deep(.el-icon)`), x.children && x.children.length && x.children.forEach((X) => {
+        E2(X);
       });
     }
     function t2() {
       P.value.components = [], B.CLEAR_ALL(), I2.componentDataMap = {}, u.value.init(B.formOptions), i2();
     }
     return (A, x) => {
-      const e2 = N("el-icon"), J = N("el-tab-pane"), o2 = N("el-tabs"), W = N("el-aside"), I = N("el-header"), O2 = N("el-main"), B2 = N("el-container");
-      return o(), K(B2, { style: { position: "relative" } }, {
+      const J = N("el-icon"), X = N("el-tab-pane"), o2 = N("el-tabs"), W = N("el-aside"), I = N("el-header"), O2 = N("el-main"), B2 = N("el-container");
+      return o(), Q(B2, { style: { position: "relative" } }, {
         default: z(() => [
-          w.value ? (o(), K(o4, {
+          w.value ? (o(), Q(o4, {
             key: 0,
             to: w.value
           }, [
@@ -8249,7 +8251,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
               ref_key: "toolbarRef",
               ref: m
             }, [
-              g(e2, {
+              g(J, {
                 class: "delete",
                 title: "删除",
                 onClick: x[0] || (x[0] = (r2) => E2())
@@ -8271,7 +8273,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
                 "onUpdate:modelValue": x[1] || (x[1] = (r2) => n.value = r2)
               }, {
                 default: z(() => [
-                  g(J, {
+                  g(X, {
                     label: "组件库",
                     name: "first"
                   }, {
@@ -8287,7 +8289,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
                             class: "item item-component grab",
                             "data-component": r2.componentName
                           }, [
-                            r2.icon ? (o(), K(T1(r2.icon), { key: 0 })) : z2("", !0),
+                            r2.icon ? (o(), Q(T1(r2.icon), { key: 0 })) : z2("", !0),
                             w2(" " + h0(r2.text || r2.label), 1)
                           ], 8, Bs))
                         ], 64))), 256))
@@ -8330,11 +8332,11 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
                 "onUpdate:modelValue": x[2] || (x[2] = (r2) => i.value = r2)
               }, {
                 default: z(() => [
-                  g(J, {
+                  g(X, {
                     label: "组件设置",
                     name: "first"
                   }),
-                  g(J, {
+                  g(X, {
                     label: "表单设置",
                     name: "form"
                   })
@@ -8348,7 +8350,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
                   ref_key: "setComponentRef",
                   ref: d,
                   formRef: _.value,
-                  initSortable: M2(Z)
+                  initSortable: M2(e2)
                 }, null, 8, ["formRef", "initSortable"]), [
                   [A0, i.value === "first"]
                 ]),
@@ -8368,7 +8370,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
       });
     };
   }
-}, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-f35b9ab2"]]), Fs = { id: "preview-panel" }, ks = {
+}, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-1c5d1245"]]), Fs = { id: "preview-panel" }, ks = {
   __name: "previewPanel",
   props: {
     data: { type: Object, required: !0, default: () => ({}) },
@@ -8432,14 +8434,14 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), o1 = [
       return u !== "right" && u !== "" && (m.labelPosition = u), p !== "" && p !== "auto" && (m.labelWidth = p), _ && (m.inline = _), { formOptions: m, forms: x2.value.components };
     }
     return (u, p) => (o(), l("div", Ns, [
-      t.isPreview ? (o(), K(Os, {
+      t.isPreview ? (o(), Q(Os, {
         key: 1,
         ref_key: "previewRef",
         ref: a,
         data: t.data,
         variables: t.variables,
         callback: t.callback
-      }, null, 8, ["data", "variables", "callback"])) : (o(), K(Ts, {
+      }, null, 8, ["data", "variables", "callback"])) : (o(), Q(Ts, {
         key: 0,
         data: t.data
       }, null, 8, ["data"]))