low-code-form-generator 1.0.6 → 1.0.7

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

@@ -1,4 +1,4 @@
-import { defineComponent as u, createElementBlock as n, openBlock as o, createElementVNode as r, ref as k, nextTick as Y2, reactive as ze, normalizeClass as k0, unref as g2, renderSlot as te, computed as $2, onUnmounted as ae, normalizeStyle as re, onMounted as le, resolveComponent as O, createBlock as X, withCtx as H, resolveDynamicComponent as He, h as c2, createVNode as x, withDirectives as z0, createCommentVNode as b2, vShow as H0, Fragment as V2, createTextVNode as p2, renderList as w0, createSlots as Xe, toDisplayString as E0, createApp as oe, watch as Ke, Teleport as Ze } from "vue";
+import { defineComponent as u, createElementBlock as n, openBlock as o, createElementVNode as r, ref as L, nextTick as Y2, reactive as ze, normalizeClass as k0, unref as f2, renderSlot as te, computed as $2, onUnmounted as ae, normalizeStyle as re, onMounted as le, resolveComponent as O, createBlock as X, withCtx as H, resolveDynamicComponent as He, h as c2, createVNode as x, withDirectives as z0, createCommentVNode as b2, vShow as H0, Fragment as V2, createTextVNode as p2, renderList as w0, createSlots as Xe, toDisplayString as E0, createApp as oe, watch as Ke, Teleport as Ze } from "vue";
 import * as S2 from "element-plus";
 import { ElMessage as ve, ElMessageBox as Qe } from "element-plus";
 const e1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -216,7 +216,7 @@ function ue(t, e) {
     a = a.previousElementSibling;
   return a || null;
 }
-function m2(t, e) {
+function h2(t, e) {
   var a = 0;
   if (!t || !t.parentNode)
     return -1;
@@ -416,7 +416,7 @@ var j2 = [], P0 = {
 function c1(t) {
   var e = t.sortable, a = t.rootEl, l = t.name, _ = t.targetEl, s = t.cloneEl, i = t.toEl, c = t.fromEl, p = t.oldIndex, v = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, g = t.originalEvent, y = t.putSortable, E = t.extraEventProperties;
   if (e = e || a && a[_2], !!e) {
-    var V, L = e.options, Y = "on" + l.charAt(0).toUpperCase() + l.substr(1);
+    var V, k = e.options, $ = "on" + l.charAt(0).toUpperCase() + l.substr(1);
     window.CustomEvent && !L2 && !_0 ? V = new CustomEvent(l, {
       bubbles: !0,
       cancelable: !0
@@ -424,19 +424,19 @@ function c1(t) {
     var R = H2(H2({}, E), s0.getEventProperties(l, e));
     for (var Z in R)
       V[Z] = R[Z];
-    a && a.dispatchEvent(V), L[Y] && L[Y].call(e, V);
+    a && a.dispatchEvent(V), k[$] && k[$].call(e, V);
   }
 }
 var p1 = ["evt"], n2 = function(e, a) {
   var l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, _ = l.evt, s = r1(l, p1);
   s0.pluginEvent.bind(M)(e, a, H2({
     dragEl: f,
-    parentEl: W,
+    parentEl: G,
     ghostEl: D,
-    rootEl: $,
+    rootEl: q,
     nextEl: q2,
     lastDownEl: C0,
-    cloneEl: G,
+    cloneEl: U,
     cloneHidden: F2,
     dragStarted: Q2,
     putSortable: Q,
@@ -466,16 +466,16 @@ var p1 = ["evt"], n2 = function(e, a) {
 function r2(t) {
   c1(H2({
     putSortable: Q,
-    cloneEl: G,
+    cloneEl: U,
     targetEl: f,
-    rootEl: $,
+    rootEl: q,
     oldIndex: W2,
     oldDraggableIndex: l0,
     newIndex: i2,
     newDraggableIndex: T2
   }, t));
 }
-var f, W, D, $, q2, C0, G, F2, W2, i2, l0, T2, d0, Q, G2 = !1, D0 = !1, B0 = [], I2, x2, N0, I0, we, xe, Q2, U2, o0, n0 = !1, h0 = !1, y0, t2, R0 = [], G0 = !1, S0 = [], T0 = typeof document < "u", m0 = ne, Ce = _0 || L2 ? "cssFloat" : "float", v1 = T0 && !Ee && !ne && "draggable" in document.createElement("div"), Te = function() {
+var f, G, D, q, q2, C0, U, F2, W2, i2, l0, T2, d0, Q, G2 = !1, D0 = !1, B0 = [], I2, w2, N0, I0, we, xe, Q2, U2, o0, n0 = !1, h0 = !1, y0, t2, R0 = [], G0 = !1, S0 = [], T0 = typeof document < "u", m0 = ne, Ce = _0 || L2 ? "cssFloat" : "float", v1 = T0 && !Ee && !ne && "draggable" in document.createElement("div"), Te = function() {
   if (T0) {
     if (L2)
       return !1;
@@ -620,7 +620,7 @@ M.prototype = /** @lends Sortable.prototype */
     if (e.cancelable) {
       var a = this, l = this.el, _ = this.options, s = _.preventOnFilter, i = e.type, c = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, p = (c || e).target, v = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || p, d = _.filter;
       if (b1(l), !f && !(/mousedown|pointerdown/.test(i) && e.button !== 0 || _.disabled) && !v.isContentEditable && !(!this.nativeDraggable && a0 && p && p.tagName.toUpperCase() === "SELECT") && (p = C2(p, _.draggable, l, !1), !(p && p.animated) && C0 !== p)) {
-        if (W2 = m2(p), l0 = m2(p, _.draggable), typeof d == "function") {
+        if (W2 = h2(p), l0 = h2(p, _.draggable), typeof d == "function") {
           if (d.call(this, e, p, this)) {
             r2({
               sortable: a,
@@ -658,7 +658,7 @@ M.prototype = /** @lends Sortable.prototype */
     var _ = this, s = _.el, i = _.options, c = s.ownerDocument, p;
     if (l && !f && l.parentNode === s) {
       var v = K(l);
-      if ($ = s, f = l, W = f.parentNode, q2 = f.nextSibling, C0 = l, d0 = i.group, M.dragged = f, I2 = {
+      if (q = s, f = l, G = f.parentNode, q2 = f.nextSibling, C0 = l, d0 = i.group, M.dragged = f, I2 = {
         target: f,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
@@ -700,7 +700,7 @@ M.prototype = /** @lends Sortable.prototype */
     B(e, "mouseup", this._disableDelayedDrag), B(e, "touchend", this._disableDelayedDrag), B(e, "touchcancel", this._disableDelayedDrag), B(e, "pointerup", this._disableDelayedDrag), B(e, "pointercancel", this._disableDelayedDrag), B(e, "mousemove", this._delayedDragTouchMoveHandler), B(e, "touchmove", this._delayedDragTouchMoveHandler), B(e, "pointermove", this._delayedDragTouchMoveHandler);
   },
   _triggerDragStart: function(e, a) {
-    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? S(document, "pointermove", this._onTouchMove) : a ? S(document, "touchmove", this._onTouchMove) : S(document, "mousemove", this._onTouchMove) : (S(f, "dragend", this), S($, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? S(document, "pointermove", this._onTouchMove) : a ? S(document, "touchmove", this._onTouchMove) : S(document, "mousemove", this._onTouchMove) : (S(f, "dragend", this), S(q, "dragstart", this._onDragStart));
     try {
       document.selection ? M0(function() {
         document.selection.empty();
@@ -709,7 +709,7 @@ M.prototype = /** @lends Sortable.prototype */
     }
   },
   _dragStarted: function(e, a) {
-    if (G2 = !1, $ && f) {
+    if (G2 = !1, q && f) {
       n2("dragStarted", this, {
         evt: a
       }), this.nativeDraggable && S(document, "dragover", m1);
@@ -723,17 +723,17 @@ M.prototype = /** @lends Sortable.prototype */
       this._nulling();
   },
   _emulateDragOver: function() {
-    if (x2) {
-      this._lastX = x2.clientX, this._lastY = x2.clientY, Pe();
-      for (var e = document.elementFromPoint(x2.clientX, x2.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(x2.clientX, x2.clientY), e !== a); )
+    if (w2) {
+      this._lastX = w2.clientX, this._lastY = w2.clientY, Pe();
+      for (var e = document.elementFromPoint(w2.clientX, w2.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(w2.clientX, w2.clientY), e !== a); )
         a = e;
       if (f.parentNode[_2]._isOutsideThisEl(e), a)
         do {
           if (a[_2]) {
             var l = void 0;
             if (l = a[_2]._onDragOver({
-              clientX: x2.clientX,
-              clientY: x2.clientY,
+              clientX: w2.clientX,
+              clientY: w2.clientY,
               target: e,
               rootEl: a
             }), l && !this.options.dragoverBubble)
@@ -762,14 +762,14 @@ M.prototype = /** @lends Sortable.prototype */
           f: h
         };
         var g = "matrix(".concat(i.a, ",").concat(i.b, ",").concat(i.c, ",").concat(i.d, ",").concat(i.e, ",").concat(i.f, ")");
-        z(D, "webkitTransform", g), z(D, "mozTransform", g), z(D, "msTransform", g), z(D, "transform", g), N0 = d, I0 = h, x2 = s;
+        z(D, "webkitTransform", g), z(D, "mozTransform", g), z(D, "msTransform", g), z(D, "transform", g), N0 = d, I0 = h, w2 = s;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!D) {
-      var e = this.options.fallbackOnBody ? document.body : $, a = K(f, !0, m0, !0, e), l = this.options;
+      var e = this.options.fallbackOnBody ? document.body : q, a = K(f, !0, m0, !0, e), l = this.options;
       if (m0) {
         for (t2 = e; z(t2, "position") === "static" && z(t2, "transform") === "none" && t2 !== document; )
           t2 = t2.parentNode;
@@ -786,8 +786,8 @@ M.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       return;
     }
-    n2("setupClone", this), M.eventCanceled || (G = Le(f), G.removeAttribute("id"), G.draggable = !1, G.style["will-change"] = "", this._hideClone(), s2(G, this.options.chosenClass, !1), M.clone = G), l.cloneId = M0(function() {
-      n2("clone", l), !M.eventCanceled && (l.options.removeCloneOnHide || $.insertBefore(G, f), l._hideClone(), r2({
+    n2("setupClone", this), M.eventCanceled || (U = Le(f), U.removeAttribute("id"), U.draggable = !1, U.style["will-change"] = "", this._hideClone(), s2(U, this.options.chosenClass, !1), M.clone = U), l.cloneId = M0(function() {
+      n2("clone", l), !M.eventCanceled && (l.options.removeCloneOnHide || q.insertBefore(U, f), l._hideClone(), r2({
         sortable: l,
         name: "clone"
       }));
@@ -797,7 +797,7 @@ M.prototype = /** @lends Sortable.prototype */
   _onDragOver: function(e) {
     var a = this.el, l = e.target, _, s, i, c = this.options, p = c.group, v = M.active, d = d0 === p, h = c.sort, g = Q || v, y, E = this, V = !1;
     if (G0) return;
-    function L(w, F) {
+    function k(w, F) {
       n2(w, E, H2({
         evt: e,
         isOwner: d,
@@ -809,24 +809,24 @@ M.prototype = /** @lends Sortable.prototype */
         fromSortable: g,
         target: l,
         completed: R,
-        onMove: function(U, e2) {
-          return f0($, a, f, _, U, K(U), e, e2);
+        onMove: function(j, e2) {
+          return f0(q, a, f, _, j, K(j), e, e2);
         },
         changed: Z
       }, F));
     }
-    function Y() {
-      L("dragOverAnimationCapture"), E.captureAnimationState(), E !== g && g.captureAnimationState();
+    function $() {
+      k("dragOverAnimationCapture"), E.captureAnimationState(), E !== g && g.captureAnimationState();
     }
     function R(w) {
-      return L("dragOverCompleted", {
+      return k("dragOverCompleted", {
         insertion: w
       }), w && (d ? v._hideClone() : v._showClone(E), E !== g && (s2(f, Q ? Q.options.ghostClass : v.options.ghostClass, !1), s2(f, c.ghostClass, !0)), Q !== E && E !== M.active ? Q = E : E === M.active && Q && (Q = null), g === E && (E._ignoreWhileAnimating = l), E.animateAll(function() {
-        L("dragOverAnimationComplete"), E._ignoreWhileAnimating = null;
+        k("dragOverAnimationComplete"), E._ignoreWhileAnimating = null;
       }), E !== g && (g.animateAll(), g._ignoreWhileAnimating = null)), (l === f && !f.animated || l === a && !l.animated) && (U2 = null), !c.dragoverBubble && !e.rootEl && l !== document && (f.parentNode[_2]._isOutsideThisEl(e.target), !w && R2(e)), !c.dragoverBubble && e.stopPropagation && e.stopPropagation(), V = !0;
     }
     function Z() {
-      i2 = m2(f), T2 = m2(f, c.draggable), r2({
+      i2 = h2(f), T2 = h2(f, c.draggable), r2({
         sortable: E,
         name: "change",
         toEl: a,
@@ -835,34 +835,34 @@ M.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), l = C2(l, c.draggable, a, !0), L("dragOver"), M.eventCanceled) return V;
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), l = C2(l, c.draggable, a, !0), k("dragOver"), M.eventCanceled) return V;
     if (f.contains(e.target) || l.animated && l.animatingX && l.animatingY || E._ignoreWhileAnimating === l)
       return R(!1);
-    if (D0 = !1, v && !c.disabled && (d ? h || (i = W !== $) : Q === this || (this.lastPutMode = d0.checkPull(this, v, f, e)) && p.checkPut(this, v, f, e))) {
-      if (y = this._getDirection(e, l) === "vertical", _ = K(f), L("dragOverValid"), M.eventCanceled) return V;
+    if (D0 = !1, v && !c.disabled && (d ? h || (i = G !== q) : Q === this || (this.lastPutMode = d0.checkPull(this, v, f, e)) && p.checkPut(this, v, f, e))) {
+      if (y = this._getDirection(e, l) === "vertical", _ = K(f), k("dragOverValid"), M.eventCanceled) return V;
       if (i)
-        return W = $, Y(), this._hideClone(), L("revert"), M.eventCanceled || (q2 ? $.insertBefore(f, q2) : $.appendChild(f)), R(!0);
-      var j = ue(a, c.draggable);
-      if (!j || x1(e, y, this) && !j.animated) {
-        if (j === f)
+        return G = q, $(), this._hideClone(), k("revert"), M.eventCanceled || (q2 ? q.insertBefore(f, q2) : q.appendChild(f)), R(!0);
+      var Y = ue(a, c.draggable);
+      if (!Y || x1(e, y, this) && !Y.animated) {
+        if (Y === f)
           return R(!1);
-        if (j && a === e.target && (l = j), l && (s = K(l)), f0($, a, f, _, l, s, e, !!l) !== !1)
-          return Y(), j && j.nextSibling ? a.insertBefore(f, j.nextSibling) : a.appendChild(f), W = a, Z(), R(!0);
-      } else if (j && w1(e, y, this)) {
+        if (Y && a === e.target && (l = Y), l && (s = K(l)), f0(q, a, f, _, l, s, e, !!l) !== !1)
+          return $(), Y && Y.nextSibling ? a.insertBefore(f, Y.nextSibling) : a.appendChild(f), G = a, Z(), R(!0);
+      } else if (Y && w1(e, y, this)) {
         var l2 = X2(a, 0, c, !0);
         if (l2 === f)
           return R(!1);
-        if (l = l2, s = K(l), f0($, a, f, _, l, s, e, !1) !== !1)
-          return Y(), a.insertBefore(f, l2), W = a, Z(), R(!0);
+        if (l = l2, s = K(l), f0(q, a, f, _, l, s, e, !1) !== !1)
+          return $(), a.insertBefore(f, l2), G = a, Z(), R(!0);
       } else if (l.parentNode === a) {
         s = K(l);
         var a2 = 0, v2, P = f.parentNode !== a, C = !d1(f.animated && f.toRect || _, l.animated && l.toRect || s, y), I = y ? "top" : "left", T = fe(l, "top", "top") || fe(f, "top", "top"), y2 = T ? T.scrollTop : void 0;
         U2 !== l && (v2 = s[I], n0 = !1, h0 = !C && c.invertSwap || P), a2 = C1(e, l, s, y, C ? 1 : c.swapThreshold, c.invertedSwapThreshold == null ? c.swapThreshold : c.invertedSwapThreshold, h0, U2 === l);
         var o2;
         if (a2 !== 0) {
-          var w2 = m2(f);
+          var g2 = h2(f);
           do
-            w2 -= a2, o2 = W.children[w2];
+            g2 -= a2, o2 = G.children[g2];
           while (o2 && (z(o2, "display") === "none" || o2 === D));
         }
         if (a2 === 0 || o2 === l)
@@ -870,9 +870,9 @@ M.prototype = /** @lends Sortable.prototype */
         U2 = l, o0 = a2;
         var E2 = l.nextElementSibling, d2 = !1;
         d2 = a2 === 1;
-        var m = f0($, a, f, _, l, s, e, d2);
+        var m = f0(q, a, f, _, l, s, e, d2);
         if (m !== !1)
-          return (m === 1 || m === -1) && (d2 = m === 1), G0 = !0, setTimeout(g1, 30), Y(), d2 && !E2 ? a.appendChild(f) : l.parentNode.insertBefore(f, d2 ? E2 : l), T && Ae(T, 0, y2 - T.scrollTop), W = f.parentNode, v2 !== void 0 && !h0 && (y0 = Math.abs(v2 - K(l)[I])), Z(), R(!0);
+          return (m === 1 || m === -1) && (d2 = m === 1), G0 = !0, setTimeout(g1, 30), $(), d2 && !E2 ? a.appendChild(f) : l.parentNode.insertBefore(f, d2 ? E2 : l), T && Ae(T, 0, y2 - T.scrollTop), G = f.parentNode, v2 !== void 0 && !h0 && (y0 = Math.abs(v2 - K(l)[I])), Z(), R(!0);
       }
       if (a.contains(f))
         return R(!1);
@@ -889,60 +889,60 @@ M.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var a = this.el, l = this.options;
-    if (i2 = m2(f), T2 = m2(f, l.draggable), n2("drop", this, {
+    if (i2 = h2(f), T2 = h2(f, l.draggable), n2("drop", this, {
       evt: e
-    }), W = f && f.parentNode, i2 = m2(f), T2 = m2(f, l.draggable), M.eventCanceled) {
+    }), G = f && f.parentNode, i2 = h2(f), T2 = h2(f, l.draggable), M.eventCanceled) {
       this._nulling();
       return;
     }
-    G2 = !1, h0 = !1, n0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), W0(this.cloneId), W0(this._dragStartId), this.nativeDraggable && (B(document, "drop", this), B(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), a0 && z(document.body, "user-select", ""), z(f, "transform", ""), e && (Q2 && (e.cancelable && e.preventDefault(), !l.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), ($ === W || Q && Q.lastPutMode !== "clone") && G && G.parentNode && G.parentNode.removeChild(G), f && (this.nativeDraggable && B(f, "dragend", this), q0(f), f.style["will-change"] = "", Q2 && !G2 && s2(f, Q ? Q.options.ghostClass : this.options.ghostClass, !1), s2(f, this.options.chosenClass, !1), r2({
+    G2 = !1, h0 = !1, n0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), W0(this.cloneId), W0(this._dragStartId), this.nativeDraggable && (B(document, "drop", this), B(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), a0 && z(document.body, "user-select", ""), z(f, "transform", ""), e && (Q2 && (e.cancelable && e.preventDefault(), !l.dropBubble && e.stopPropagation()), D && D.parentNode && D.parentNode.removeChild(D), (q === G || Q && Q.lastPutMode !== "clone") && U && U.parentNode && U.parentNode.removeChild(U), f && (this.nativeDraggable && B(f, "dragend", this), q0(f), f.style["will-change"] = "", Q2 && !G2 && s2(f, Q ? Q.options.ghostClass : this.options.ghostClass, !1), s2(f, this.options.chosenClass, !1), r2({
       sortable: this,
       name: "unchoose",
-      toEl: W,
+      toEl: G,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), $ !== W ? (i2 >= 0 && (r2({
-      rootEl: W,
+    }), q !== G ? (i2 >= 0 && (r2({
+      rootEl: G,
       name: "add",
-      toEl: W,
-      fromEl: $,
+      toEl: G,
+      fromEl: q,
       originalEvent: e
     }), r2({
       sortable: this,
       name: "remove",
-      toEl: W,
+      toEl: G,
       originalEvent: e
     }), r2({
-      rootEl: W,
+      rootEl: G,
       name: "sort",
-      toEl: W,
-      fromEl: $,
+      toEl: G,
+      fromEl: q,
       originalEvent: e
     }), r2({
       sortable: this,
       name: "sort",
-      toEl: W,
+      toEl: G,
       originalEvent: e
     })), Q && Q.save()) : i2 !== W2 && i2 >= 0 && (r2({
       sortable: this,
       name: "update",
-      toEl: W,
+      toEl: G,
       originalEvent: e
     }), r2({
       sortable: this,
       name: "sort",
-      toEl: W,
+      toEl: G,
       originalEvent: e
     })), M.active && ((i2 == null || i2 === -1) && (i2 = W2, T2 = l0), r2({
       sortable: this,
       name: "end",
-      toEl: W,
+      toEl: G,
       originalEvent: e
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    n2("nulling", this), $ = f = W = D = q2 = G = C0 = F2 = I2 = x2 = Q2 = i2 = T2 = W2 = l0 = U2 = o0 = Q = d0 = M.dragged = M.ghost = M.clone = M.active = null, S0.forEach(function(e) {
+    n2("nulling", this), q = f = G = D = q2 = U = C0 = F2 = I2 = w2 = Q2 = i2 = T2 = W2 = l0 = U2 = o0 = Q = d0 = M.dragged = M.ghost = M.clone = M.active = null, S0.forEach(function(e) {
       e.checked = !0;
     }), S0.length = N0 = I0 = 0;
   },
@@ -1025,7 +1025,7 @@ M.prototype = /** @lends Sortable.prototype */
   _hideClone: function() {
     if (!F2) {
       if (n2("hideClone", this), M.eventCanceled) return;
-      z(G, "display", "none"), this.options.removeCloneOnHide && G.parentNode && G.parentNode.removeChild(G), F2 = !0;
+      z(U, "display", "none"), this.options.removeCloneOnHide && U.parentNode && U.parentNode.removeChild(U), F2 = !0;
     }
   },
   _showClone: function(e) {
@@ -1035,7 +1035,7 @@ M.prototype = /** @lends Sortable.prototype */
     }
     if (F2) {
       if (n2("showClone", this), M.eventCanceled) return;
-      f.parentNode == $ && !this.options.group.revertClone ? $.insertBefore(G, f) : q2 ? $.insertBefore(G, q2) : $.appendChild(G), this.options.group.revertClone && this.animate(f, G), z(G, "display", ""), F2 = !1;
+      f.parentNode == q && !this.options.group.revertClone ? q.insertBefore(U, f) : q2 ? q.insertBefore(U, q2) : q.appendChild(U), this.options.group.revertClone && this.animate(f, U), z(U, "display", ""), F2 = !1;
     }
   }
 };
@@ -1077,7 +1077,7 @@ function C1(t, e, a, l, _, s, i, c) {
   return g = g || i, g && (p < d + v * s / 2 || p > h - v * s / 2) ? p > d + v / 2 ? 1 : -1 : 0;
 }
 function y1(t) {
-  return m2(f) < m2(t) ? 1 : -1;
+  return h2(f) < h2(t) ? 1 : -1;
 }
 function M1(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, a = e.length, l = 0; a--; )
@@ -1113,7 +1113,7 @@ M.utils = {
   closest: C2,
   toggleClass: s2,
   clone: Le,
-  index: m2,
+  index: h2,
   nextTick: M0,
   cancelNextTick: W0,
   detectDirection: Fe,
@@ -1203,12 +1203,12 @@ var j0 = Se(function(t, e, a, l) {
     J0 !== a && (J0 = a, b0(), e0 = e.scroll, d = e.scrollFn, e0 === !0 && (e0 = P2(a, !0)));
     var h = 0, g = e0;
     do {
-      var y = g, E = K(y), V = E.top, L = E.bottom, Y = E.left, R = E.right, Z = E.width, j = E.height, l2 = void 0, a2 = void 0, v2 = y.scrollWidth, P = y.scrollHeight, C = z(y), I = y.scrollLeft, T = y.scrollTop;
-      y === p ? (l2 = Z < v2 && (C.overflowX === "auto" || C.overflowX === "scroll" || C.overflowX === "visible"), a2 = j < P && (C.overflowY === "auto" || C.overflowY === "scroll" || C.overflowY === "visible")) : (l2 = Z < v2 && (C.overflowX === "auto" || C.overflowX === "scroll"), a2 = j < P && (C.overflowY === "auto" || C.overflowY === "scroll"));
-      var y2 = l2 && (Math.abs(R - _) <= i && I + Z < v2) - (Math.abs(Y - _) <= i && !!I), o2 = a2 && (Math.abs(L - s) <= i && T + j < P) - (Math.abs(V - s) <= i && !!T);
+      var y = g, E = K(y), V = E.top, k = E.bottom, $ = E.left, R = E.right, Z = E.width, Y = E.height, l2 = void 0, a2 = void 0, v2 = y.scrollWidth, P = y.scrollHeight, C = z(y), I = y.scrollLeft, T = y.scrollTop;
+      y === p ? (l2 = Z < v2 && (C.overflowX === "auto" || C.overflowX === "scroll" || C.overflowX === "visible"), a2 = Y < P && (C.overflowY === "auto" || C.overflowY === "scroll" || C.overflowY === "visible")) : (l2 = Z < v2 && (C.overflowX === "auto" || C.overflowX === "scroll"), a2 = Y < P && (C.overflowY === "auto" || C.overflowY === "scroll"));
+      var y2 = l2 && (Math.abs(R - _) <= i && I + Z < v2) - (Math.abs($ - _) <= i && !!I), o2 = a2 && (Math.abs(k - s) <= i && T + Y < P) - (Math.abs(V - s) <= i && !!T);
       if (!J[h])
-        for (var w2 = 0; w2 <= h; w2++)
-          J[w2] || (J[w2] = {});
+        for (var g2 = 0; g2 <= h; g2++)
+          J[g2] || (J[g2] = {});
       (J[h].vx != y2 || J[h].vy != o2 || J[h].el !== y) && (J[h].el = y, J[h].vx = y2, J[h].vy = o2, clearInterval(J[h].pid), (y2 != 0 || o2 != 0) && (v = !0, J[h].pid = setInterval((function() {
         l && this.layer === 0 && M.active._onTouchMove(A0);
         var E2 = J[this.layer].vy ? J[this.layer].vy * c : 0, d2 = J[this.layer].vx ? J[this.layer].vx * c : 0;
@@ -6337,7 +6337,7 @@ function Ye(t = [], e) {
     ["ElCard", "ElTabPane", "GridComponent", "DivComponent"].includes(l) && a.id && e({ id: a.id }), a.children && Array.isArray(a.children) && Ye(a.children, e);
   });
 }
-function f2() {
+function m2() {
   return $e;
 }
 function fu(t) {
@@ -6382,7 +6382,7 @@ function We(t, e) {
   t.setData("type", a), e.closest("[data-id]") ? t.setData("itemId", e.closest("[data-id]").dataset.id) : t.setData("itemId", F0());
 }
 const u0 = {
-  teleportTo: k(null),
+  teleportTo: L(null),
   SET_TELEPORT_TO(t) {
     this.teleportTo.value = t;
   }
@@ -6393,7 +6393,7 @@ const u0 = {
   }
 };
 function D2(t) {
-  const e = f2();
+  const e = m2();
   e && (e.onmouseenter = null, e.onmouseleave = null), t && (u0.SET_TELEPORT_TO(t), Y2(() => {
     const a = t.querySelector(".toolbar");
     t.style.position = "relative", a.style.left = `${t.getBoundingClientRect().width - a.clientWidth}px`, a.style.bottom = "0px", a.style.zIndex = "auto", t.onmouseenter = () => {
@@ -6415,7 +6415,7 @@ function Z0(t) {
     }
   return e;
 }
-const h2 = k({
+const x2 = L({
   components: []
   // 顶级组件列表，支持嵌套 children
 });
@@ -6423,10 +6423,8 @@ let g0 = {};
 function gu() {
   function t({ id: l = "", el: _ = null, componentJSON: s = null }) {
     var c, p, v;
-    if (!_ && !l) {
-      console.error("必须提供 id 或 el");
+    if (!_ && !l)
       return;
-    }
     g0[l] && (g0[l].destroy(), delete g0[l]);
     let i = _ || document.querySelector(`[data-id='${l}']`);
     if (((c = i == null ? void 0 : i.dataset) == null ? void 0 : c.component) === "ElCard") {
@@ -6478,10 +6476,10 @@ function gu() {
       };
     }
     if (s) {
-      const v = s.dataset.id, d = U0(h2.value.components, v);
+      const v = s.dataset.id, d = U0(x2.value.components, v);
       d && d.children.splice(l.newIndex, 0, p);
     } else
-      h2.value.components[l.newIndex] ? h2.value.components.splice(l.newIndex, 0, p) : h2.value.components.push(p);
+      x2.value.components[l.newIndex] ? x2.value.components.splice(l.newIndex, 0, p) : x2.value.components.push(p);
     (_ === "ElCard" || _ === "ElTabs" || _ === "GridComponent" || _ === "DivComponent") && Y2(() => {
       var v;
       (v = p.children) != null && v.length ? p.children.forEach((d) => t({ id: d.id })) : t({ id: p.id });
@@ -6489,28 +6487,24 @@ function gu() {
   }
   function a(l) {
     var g;
-    if (console.log("handleSortChange", l), !((g = l.item) == null ? void 0 : g.dataset.id)) {
-      console.error("itemId 为空");
+    if (!((g = l.item) == null ? void 0 : g.dataset.id))
       return;
-    }
-    const s = l.from.closest("[data-id]"), i = l.to.closest("[data-id]"), c = (s == null ? void 0 : s.dataset.id) || null, p = (i == null ? void 0 : i.dataset.id) || null, v = c ? U0(h2.value.components, c) : { children: h2.value.components }, d = p ? U0(h2.value.components, p) : { children: h2.value.components };
+    const s = l.from.closest("[data-id]"), i = l.to.closest("[data-id]"), c = (s == null ? void 0 : s.dataset.id) || null, p = (i == null ? void 0 : i.dataset.id) || null, v = c ? U0(x2.value.components, c) : { children: x2.value.components }, d = p ? U0(x2.value.components, p) : { children: x2.value.components };
     let [h] = v.children.splice(l.oldDraggableIndex, 1);
-    d.children.splice(l.newIndex, 0, h), console.log(h2.value.components), h.componentName === "ElCard" || h.componentName === "ElTabs" || h.componentName === "GridComponent" || h.componentName === "DivComponent" ? Y2(() => {
+    d.children.splice(l.newIndex, 0, h), h.componentName === "ElCard" || h.componentName === "ElTabs" || h.componentName === "GridComponent" || h.componentName === "DivComponent" ? Y2(() => {
       var y;
-      (h.componentName === "ElCard" || h.componentName === "GridComponent" || h.componentName === "DivComponent") && t({ id: h.id }), (y = h.children) != null && y.length && Ye(h.children, t), D2(f2());
-    }) : D2(f2());
+      (h.componentName === "ElCard" || h.componentName === "GridComponent" || h.componentName === "DivComponent") && t({ id: h.id }), (y = h.children) != null && y.length && Ye(h.children, t), D2(m2());
+    }) : D2(m2());
   }
   return {
     initSortable: t,
-    schema: h2
+    schema: x2
   };
 }
 const O2 = {
   componentDataMap: {},
   SET_COMPONENT_DATA_MAP(t, e) {
-    if (!e || !t)
-      return console.error("组件和ID不能为空");
-    this.componentDataMap[t] = e;
+    !e || !t || (this.componentDataMap[t] = e);
   },
   CLEAR_COMPONENT_DATA_MAP() {
     this.componentDataMap = {};
@@ -6521,9 +6515,9 @@ const O2 = {
     labelPosition: "right",
     inline: !1
   }),
-  formData: k({}),
-  previewFormData: k({}),
-  rules: k({}),
+  formData: L({}),
+  previewFormData: L({}),
+  rules: L({}),
   SET_FORM_OPTIONS({ labelWidth: t, labelPosition: e }) {
     this.formOptions.labelWidth = t, this.formOptions.labelPosition = e;
   },
@@ -6571,7 +6565,7 @@ const xu = ["data-component", "data-id"], Me = {
     return (e, a) => {
       var l, _;
       return o(), n("div", {
-        class: k0(`drop-item drop-item-${g2(wu)(t.componentData.componentName)}`),
+        class: k0(`drop-item drop-item-${f2(wu)(t.componentData.componentName)}`),
         "data-component": t.componentData.componentName,
         "data-id": t.componentData.id || ((_ = (l = t.componentData.children) == null ? void 0 : l[0]) == null ? void 0 : _.id)
       }, [
@@ -6752,17 +6746,17 @@ function pe({ isPreview: t = !1, callback: e }) {
     l.indexOf(s.componentName) === -1 && !(i in a.value) && (s.componentName === "ElTabs" ? A[c](i, s.children[0].props.name || "") : A[c](i, s.componentName === "ElCheckboxGroup" || s.componentName === "ElUpload" ? [] : ""));
     const p = { ...s.props }, v = s.on && Object.keys(s.on) ? s.on : {};
     if (a && l.indexOf(s.componentName) === -1) {
-      const L = Vu[s.componentName] || "modelValue";
-      p[L] = a.value[i], p[`onUpdate:${L}`] = (Y) => {
-        A[c](i, Y);
+      const k = Vu[s.componentName] || "modelValue";
+      p[k] = a.value[i], p[`onUpdate:${k}`] = ($) => {
+        A[c](i, $);
       };
     }
     let d = {};
-    s.children && Array.isArray(s.children) ? s.children.forEach((L) => {
-      L.componentName === "template" && L.slot ? d[L.slot] = () => {
-        var Y;
-        return (Y = L.children) == null ? void 0 : Y.map(_);
-      } : (d.default || (d.default = () => []), d.default = /* @__PURE__ */ ((Y) => () => [...Y(), _(L)])(d.default));
+    s.children && Array.isArray(s.children) ? s.children.forEach((k) => {
+      k.componentName === "template" && k.slot ? d[k.slot] = () => {
+        var $;
+        return ($ = k.children) == null ? void 0 : $.map(_);
+      } : (d.default || (d.default = () => []), d.default = /* @__PURE__ */ (($) => () => [...$(), _(k)])(d.default));
     }) : s.label && (d.default = () => s.label), s.componentName === "ElTabPane" && (p["data-id"] = s.id), p.icon && (p.icon = c2(zu, { icon: p.icon, ...p.iconStyle, class: p.class }, {}));
     const h = s.id;
     if (s.componentName === "ElCard")
@@ -6786,13 +6780,13 @@ function pe({ isPreview: t = !1, callback: e }) {
         default: () => c2(yu, { isPreview: t, ...s.props }, d)
       };
     else {
-      const L = c2(S2[s.componentName] || s.componentName, {
+      const k = c2(S2[s.componentName] || s.componentName, {
         ...p,
         ...v
       }, d);
       y = {
-        default: () => L
-      }, e && e(s.componentName, i, L);
+        default: () => k
+      }, e && e(s.componentName, i, k);
     }
     return Eu.indexOf(s.componentName) > -1 && !s.parentId ? c2(Me, {
       componentData: { ...s, componentName: g },
@@ -6896,8 +6890,8 @@ const Du = [
     formRef: Object
   },
   setup(t, { expose: e }) {
-    e({ reset: R, select: Y });
-    const a = t, l = k(""), _ = k(null), s = k(!1), i = k(null), c = k(null), p = k([]), v = k([]), d = k([]), h = ["ElTabs"], g = ["ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent"], y = $2(() => i.value ? !i.value.noUseForm : !1), E = $2(() => (m) => {
+    e({ reset: R, select: $ });
+    const a = t, l = L(""), _ = L(null), s = L(!1), i = L(null), c = L(null), p = L([]), v = L([]), d = L([]), h = ["ElTabs"], g = ["ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent"], y = $2(() => i.value ? !i.value.noUseForm : !1), E = $2(() => (m) => {
       if (c.value.componentName === "ElUpload") {
         if (m.name === "提示内容")
           return c.value.children[1].children[0];
@@ -6914,12 +6908,12 @@ const Du = [
           return c.value;
       }
       return c.value.props;
-    }), V = $2(() => (m) => c.value.componentName === "ElUpload" && m.key === "text" ? c.value.children[0].props : c.value.props), L = $2(() => (m) => c.value.componentName === "ElUpload" && m.key === "fontSize" ? c.value.children[0].props.iconStyle : c.value.props);
-    function Y(m) {
+    }), V = $2(() => (m) => c.value.componentName === "ElUpload" && m.key === "text" ? c.value.children[0].props : c.value.props), k = $2(() => (m) => c.value.componentName === "ElUpload" && m.key === "fontSize" ? c.value.children[0].props.iconStyle : c.value.props);
+    function $(m) {
       var w, F;
-      if (p.value = [], console.log(m, "setComponent.vue"), i.value = m, c.value = g.indexOf(m.componentName) > -1 ? i.value : i.value.children[0], m.props && (l.value = m.props.label, _.value = m.props["label-width"], s.value = ((w = m.props.rules) == null ? void 0 : w.required) || !1), d.value = [], v.value = [], m.children && m.children[0] && ((F = m.children[0]) == null ? void 0 : F.componentName) !== "ElUpload" && !m.parentId) {
-        let q;
-        h.indexOf(m.componentName) > -1 ? q = m.children : m.componentName === "ElFormItem" && (q = m.children[0].children), v.value = (q || []).map((U, e2) => (d.value[e2] = U.props.label, U.props));
+      if (p.value = [], i.value = m, c.value = g.indexOf(m.componentName) > -1 ? i.value : i.value.children[0], m.props && (l.value = m.props.label, _.value = m.props["label-width"], s.value = ((w = m.props.rules) == null ? void 0 : w.required) || !1), d.value = [], v.value = [], m.children && m.children[0] && ((F = m.children[0]) == null ? void 0 : F.componentName) !== "ElUpload" && !m.parentId) {
+        let W;
+        h.indexOf(m.componentName) > -1 ? W = m.children : m.componentName === "ElFormItem" && (W = m.children[0].children), v.value = (W || []).map((j, e2) => (d.value[e2] = j.props.label, j.props));
       }
       (y.value && m.children[0] || g.indexOf(c.value.componentName) > -1) && (p.value = Ru[`${c.value.componentName}ConfigProps`]);
     }
@@ -6929,16 +6923,14 @@ const Du = [
     function Z(m) {
       i.value.props.label = m;
     }
-    function j(m) {
+    function Y(m) {
       m ? i.value.props["label-width"] = Number(m) : delete i.value.props["label-width"];
     }
     function l2() {
-      var F, q, U;
-      if (!((F = i.value) != null && F.props)) {
-        console.error(`currentData.value.props ${(q = i.value) == null ? void 0 : q.props}`);
+      var F, j;
+      if (!((F = i.value) != null && F.props))
         return;
-      }
-      const m = (U = i.value.children) == null ? void 0 : U[0], w = `field${m == null ? void 0 : m.id}`;
+      const m = (j = i.value.children) == null ? void 0 : j[0], w = `field${m == null ? void 0 : m.id}`;
       if (!s.value && A.rules.value[w]) {
         delete i.value.props.rules, A.DELETE_FORM_DATA(w), A.DELETE_RULES(w), setTimeout(() => {
           a.formRef.resetFields();
@@ -6955,14 +6947,14 @@ const Du = [
       }));
     }
     function a2(m) {
-      var q, U, e2;
-      const w = m.key, F = ((e2 = (U = (q = i.value) == null ? void 0 : q.children) == null ? void 0 : U[0]) == null ? void 0 : e2.props) || {};
+      var W, j, e2;
+      const w = m.key, F = ((e2 = (j = (W = i.value) == null ? void 0 : W.children) == null ? void 0 : j[0]) == null ? void 0 : e2.props) || {};
       return w === "multiple-limit" || w === "collapse-tags" ? F.multiple === !0 : w === "unlink-panels" || w === "range-separator" ? F.type === "daterange" || F.type === "datetimerange" : w === "show-password" ? F.type === "password" : w === "maxlength" || w === "show-word-limit" ? F.type === "textarea" : !0;
     }
     let v2 = "";
     function P(m, w, F) {
       if (m === "textarea" || v2 === "textarea") {
-        v2 = m, D2(f2()), delete i.value.children[0].props["show-password"], delete i.value.children[0].props["show-word-limit"], delete i.value.children[0].props.maxlength;
+        v2 = m, D2(m2()), delete i.value.children[0].props["show-password"], delete i.value.children[0].props["show-word-limit"], delete i.value.children[0].props.maxlength;
         return;
       }
       if (m === "text" || m === "password") {
@@ -6983,59 +6975,53 @@ const Du = [
       }));
     }
     function I(m) {
-      i.value.children[0].children.splice(m, 1), v.value.splice(m, 1), d.value.splice(m, 1), D2(f2());
+      i.value.children[0].children.splice(m, 1), v.value.splice(m, 1), d.value.splice(m, 1), D2(m2());
     }
     function T(m, w, F) {
-      const q = m[w];
-      m.splice(w, 1, m[F]), m.splice(F, 1, q);
+      const W = m[w];
+      m.splice(w, 1, m[F]), m.splice(F, 1, W);
     }
     function y2(m) {
-      T(v.value, m, m - 1), T(d.value, m, m - 1), T(i.value.children[0].children, m, m - 1), D2(f2());
+      T(v.value, m, m - 1), T(d.value, m, m - 1), T(i.value.children[0].children, m, m - 1), D2(m2());
     }
     function o2(m) {
-      T(v.value, m, m + 1), T(d.value, m, m + 1), T(i.value.children[0].children, m, m + 1), D2(f2());
+      T(v.value, m, m + 1), T(d.value, m, m + 1), T(i.value.children[0].children, m, m + 1), D2(m2());
     }
-    function w2(m, w) {
-      v.value[w].label = m, D2(f2());
+    function g2(m, w) {
+      v.value[w].label = m, D2(m2());
     }
     function E2(m, w) {
       v.value[w].name = m;
     }
     function d2() {
       var K2, Z2, i0, c0, p0, v0, b;
-      if (!((Z2 = (K2 = i.value) == null ? void 0 : K2.children) != null && Z2.length)) {
-        console.error("当前组件 length 为 0");
+      if (!((Z2 = (K2 = i.value) == null ? void 0 : K2.children) != null && Z2.length))
         return;
-      }
       const m = h.indexOf(i.value.componentName) > -1, w = m ? i.value.children : (i0 = i.value.children[0]) == null ? void 0 : i0.children;
-      if (!w) {
-        console.error("目标children不存在");
+      if (!w)
         return;
-      }
-      const F = (/* @__PURE__ */ new Date()).getTime(), q = {
+      const F = (/* @__PURE__ */ new Date()).getTime(), W = {
         label: "New Option",
         ...m ? { name: F } : { value: F }
       };
-      (p0 = (c0 = i.value.children[0]) == null ? void 0 : c0.props) != null && p0.border && (q.border = !0);
-      const U = m ? i.value.children[0].componentName : (b = (v0 = i.value.children[0]) == null ? void 0 : v0.children[0]) == null ? void 0 : b.componentName;
-      if (!U) {
-        console.error("无法确定组件类型");
+      (p0 = (c0 = i.value.children[0]) == null ? void 0 : c0.props) != null && p0.border && (W.border = !0);
+      const j = m ? i.value.children[0].componentName : (b = (v0 = i.value.children[0]) == null ? void 0 : v0.children[0]) == null ? void 0 : b.componentName;
+      if (!j)
         return;
-      }
       const e2 = {
-        componentName: U,
+        componentName: j,
         id: F0(),
         parentId: i.value.componentName === "ElFormItem" ? i.value.children[0].id : i.value.id,
-        props: q,
+        props: W,
         ...m ? { children: [] } : {}
       };
-      w.push(ze({ ...e2 })), v.value && (d.value[d.value.length] = q.label, v.value.push(q)), m && Y2(() => {
+      w.push(ze({ ...e2 })), v.value && (d.value[d.value.length] = W.label, v.value.push(W)), m && Y2(() => {
         var N;
         (N = a.initSortable) == null || N.call(a, { id: e2.id, componentJSON: e2 });
-      }), D2(f2());
+      }), D2(m2());
     }
     return (m, w) => {
-      const F = O("el-divider"), q = O("el-input"), U = O("el-form-item"), e2 = O("el-icon"), K2 = O("el-input-number"), Z2 = O("el-switch"), i0 = O("el-option"), c0 = O("el-select"), p0 = O("el-button"), v0 = O("el-form");
+      const F = O("el-divider"), W = O("el-input"), j = O("el-form-item"), e2 = O("el-icon"), K2 = O("el-input-number"), Z2 = O("el-switch"), i0 = O("el-option"), c0 = O("el-select"), p0 = O("el-button"), v0 = O("el-form");
       return o(), n("div", null, [
         x(v0, { "label-width": "90px" }, {
           default: H(() => [
@@ -7048,9 +7034,9 @@ const Du = [
               [H0, y.value]
             ]),
             y.value ? (o(), n(V2, { key: 0 }, [
-              x(U, { label: "标签文本" }, {
+              x(j, { label: "标签文本" }, {
                 default: H(() => [
-                  x(q, {
+                  x(W, {
                     modelValue: l.value,
                     "onUpdate:modelValue": w[0] || (w[0] = (b) => l.value = b),
                     onChange: Z
@@ -7058,7 +7044,7 @@ const Du = [
                 ]),
                 _: 1
               }),
-              x(U, null, {
+              x(j, null, {
                 label: H(() => [
                   w[5] || (w[5] = p2(" 标签宽度 ")),
                   x(e2, {
@@ -7066,7 +7052,7 @@ const Du = [
                     title: "0 或空为 auto"
                   }, {
                     default: H(() => [
-                      x(g2(L0))
+                      x(f2(L0))
                     ]),
                     _: 1
                   })
@@ -7079,12 +7065,12 @@ const Du = [
                     min: 0,
                     "step-strictly": "",
                     step: 1,
-                    onChange: j
+                    onChange: Y
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              x(U, { label: "是否必填" }, {
+              x(j, { label: "是否必填" }, {
                 default: H(() => [
                   x(Z2, {
                     modelValue: s.value,
@@ -7094,12 +7080,12 @@ const Du = [
                 ]),
                 _: 1
               }),
-              s.value ? (o(), X(U, {
+              s.value ? (o(), X(j, {
                 key: 0,
                 label: "必填提示"
               }, {
                 default: H(() => [
-                  x(q, {
+                  x(W, {
                     modelValue: i.value.props.rules.message,
                     "onUpdate:modelValue": w[3] || (w[3] = (b) => i.value.props.rules.message = b)
                   }, null, 8, ["modelValue"])
@@ -7116,7 +7102,7 @@ const Du = [
               [H0, p.value && p.value.length]
             ]),
             (o(!0), n(V2, null, w0(p.value, (b) => (o(), n(V2, null, [
-              a2(b) ? (o(), X(U, {
+              a2(b) ? (o(), X(j, {
                 key: 0,
                 label: b.name
               }, Xe({
@@ -7144,10 +7130,10 @@ const Du = [
                       onChange: (N) => C(b.key, c.value.props[b.key])
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : typeof b.value == "number" ? (o(), X(K2, {
                       key: 1,
-                      modelValue: L.value(b)[b.key],
-                      "onUpdate:modelValue": (N) => L.value(b)[b.key] = N,
+                      modelValue: k.value(b)[b.key],
+                      "onUpdate:modelValue": (N) => k.value(b)[b.key] = N,
                       min: 0
-                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (o(), X(q, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (o(), X(W, {
                       key: 2,
                       modelValue: E.value(b)[b.key],
                       "onUpdate:modelValue": (N) => E.value(b)[b.key] = N,
@@ -7167,7 +7153,7 @@ const Du = [
                       title: b.tip
                     }, {
                       default: H(() => [
-                        x(g2(L0))
+                        x(f2(L0))
                       ]),
                       _: 2
                     }, 1032, ["title"])
@@ -7185,33 +7171,33 @@ const Du = [
               }),
               r("ul", null, [
                 (o(!0), n(V2, null, w0(v.value, (b, N) => (o(), n("li", null, [
-                  x(U, { label: "文本" }, {
+                  x(j, { label: "文本" }, {
                     default: H(() => [
-                      x(q, {
+                      x(W, {
                         modelValue: d.value[N],
                         "onUpdate:modelValue": (M2) => d.value[N] = M2,
-                        onChange: (M2) => w2(d.value[N], N)
+                        onChange: (M2) => g2(d.value[N], N)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                     ]),
                     _: 2
                   }, 1024),
-                  typeof b.value < "u" ? (o(), X(U, {
+                  typeof b.value < "u" ? (o(), X(j, {
                     key: 0,
                     label: "值（value）"
                   }, {
                     default: H(() => [
-                      x(q, {
+                      x(W, {
                         modelValue: b.value,
                         "onUpdate:modelValue": (M2) => b.value = M2
                       }, null, 8, ["modelValue", "onUpdate:modelValue"])
                     ]),
                     _: 2
-                  }, 1024)) : c.value.componentName !== "ElButton" ? (o(), X(U, {
+                  }, 1024)) : c.value.componentName !== "ElButton" ? (o(), X(j, {
                     key: 1,
                     label: "值（name）"
                   }, {
                     default: H(() => [
-                      x(q, {
+                      x(W, {
                         modelValue: b.name,
                         "onUpdate:modelValue": (M2) => b.name = M2,
                         onChange: (M2) => E2(b.name, N)
@@ -7226,7 +7212,7 @@ const Du = [
                       title: "删除"
                     }, {
                       default: H(() => [
-                        x(g2(ce))
+                        x(f2(ce))
                       ]),
                       _: 2
                     }, 1032, ["onClick"]),
@@ -7236,7 +7222,7 @@ const Du = [
                       title: "上移"
                     }, {
                       default: H(() => [
-                        x(g2(qe))
+                        x(f2(qe))
                       ]),
                       _: 2
                     }, 1032, ["onClick"])) : b2("", !0),
@@ -7246,7 +7232,7 @@ const Du = [
                       title: "下移"
                     }, {
                       default: H(() => [
-                        x(g2(Re))
+                        x(f2(Re))
                       ]),
                       _: 2
                     }, 1032, ["onClick"])) : b2("", !0)
@@ -7279,7 +7265,7 @@ const Du = [
     e({
       init: c
     });
-    const l = a, _ = k("right"), s = k(null), i = k(!1);
+    const l = a, _ = L("right"), s = L(null), i = L(!1);
     function c(h) {
       s.value = h.labelWidth, _.value = h.labelPosition, i.value = h.inline;
     }
@@ -7293,7 +7279,7 @@ const Du = [
       l("inlineChange", h);
     }
     return (h, g) => {
-      const y = O("el-icon"), E = O("el-input-number"), V = O("el-form-item"), L = O("el-radio"), Y = O("el-radio-group"), R = O("el-switch"), Z = O("el-form");
+      const y = O("el-icon"), E = O("el-input-number"), V = O("el-form-item"), k = O("el-radio"), $ = O("el-radio-group"), R = O("el-switch"), Z = O("el-form");
       return o(), X(Z, { "label-width": "100px" }, {
         default: H(() => [
           x(V, null, {
@@ -7304,7 +7290,7 @@ const Du = [
                 title: "0 或空为 auto"
               }, {
                 default: H(() => [
-                  x(g2(L0))
+                  x(f2(L0))
                 ]),
                 _: 1
               })
@@ -7312,7 +7298,7 @@ const Du = [
             default: H(() => [
               x(E, {
                 modelValue: s.value,
-                "onUpdate:modelValue": g[0] || (g[0] = (j) => s.value = j),
+                "onUpdate:modelValue": g[0] || (g[0] = (Y) => s.value = Y),
                 min: 0,
                 "step-strictly": "",
                 step: 1,
@@ -7324,25 +7310,25 @@ const Du = [
           }),
           x(V, { label: "标签文本对齐" }, {
             default: H(() => [
-              x(Y, {
+              x($, {
                 modelValue: _.value,
-                "onUpdate:modelValue": g[1] || (g[1] = (j) => _.value = j),
+                "onUpdate:modelValue": g[1] || (g[1] = (Y) => _.value = Y),
                 onChange: p
               }, {
                 default: H(() => [
-                  x(L, { value: "left" }, {
+                  x(k, { value: "left" }, {
                     default: H(() => g[4] || (g[4] = [
                       p2("左对齐")
                     ])),
                     _: 1
                   }),
-                  x(L, { value: "right" }, {
+                  x(k, { value: "right" }, {
                     default: H(() => g[5] || (g[5] = [
                       p2("右对齐")
                     ])),
                     _: 1
                   }),
-                  x(L, { value: "top" }, {
+                  x(k, { value: "top" }, {
                     default: H(() => g[6] || (g[6] = [
                       p2("上对齐")
                     ])),
@@ -7358,7 +7344,7 @@ const Du = [
             default: H(() => [
               x(R, {
                 modelValue: i.value,
-                "onUpdate:modelValue": g[2] || (g[2] = (j) => i.value = j),
+                "onUpdate:modelValue": g[2] || (g[2] = (Y) => i.value = Y),
                 onChange: d
               }, null, 8, ["modelValue"])
             ]),
@@ -7375,14 +7361,14 @@ const Du = [
     e({
       open: c
     });
-    const a = k(!1), l = k(null), _ = A.previewFormData, s = A.rules;
+    const a = L(!1), l = L(null), _ = A.previewFormData, s = A.rules;
     let i = null;
     function c() {
       a.value = !0, Y2(() => {
         const h = pe({ isPreview: !0 });
         i = oe({
           render() {
-            const g = JSON.parse(JSON.stringify(h2.value.components));
+            const g = JSON.parse(JSON.stringify(x2.value.components));
             return c2(
               S2.ElForm,
               {
@@ -7455,7 +7441,7 @@ const Du = [
   },
   emits: ["onDragDrop", "clearAll"],
   setup(t, { emit: e }) {
-    const a = t, l = e, _ = k(!1), s = k(null);
+    const a = t, l = e, _ = L(!1), s = L(null);
     function i() {
       _.value = !_.value, l("onDragDrop", _.value);
     }
@@ -8172,13 +8158,13 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
     ee.forEach((P) => {
       P.componentName && (a[P.componentName] = P);
     }), Je.SET_COMPONENT_MAP(a);
-    const l = k("first"), _ = k("first"), s = k(null), i = k(null), c = k(null), p = k(null), v = k(null), d = k(null), h = k(!1), g = A.formData, y = A.rules, E = k(u0.teleportTo.value);
-    let V = null, L = !1;
+    const l = L("first"), _ = L("first"), s = L(null), i = L(null), c = L(null), p = L(null), v = L(null), d = L(null), h = L(!1), g = A.formData, y = A.rules, E = L(u0.teleportTo.value);
+    let V = null, k = !1;
     Ke(u0.teleportTo, (P) => {
       E.value = P;
     });
     const {
-      initSortable: Y,
+      initSortable: $,
       schema: R
     } = gu();
     le(() => {
@@ -8204,12 +8190,11 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
                 I.originalEvent.dataTransfer.getData("type") && !I.to.classList.contains("component-box") ? I.item.remove() : I.item.classList.add("item-component");
               }
             }), Y2(() => {
-              Y({ el: c.value });
+              $({ el: c.value });
             });
           });
         },
         updated() {
-          console.log(L, "updated");
         },
         render() {
           const I = R.value.components;
@@ -8237,7 +8222,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
       }).use(S2, { locale: ie }).mount("#canvas-drop");
     });
     function Z(P) {
-      const C = P.target.closest(".drop-item"), I = f2();
+      const C = P.target.closest(".drop-item"), I = m2();
       if (I && I.classList.remove("selected-component"), !C) {
         l2();
         return;
@@ -8246,18 +8231,18 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
       const T = O2.componentDataMap;
       V = T[C.dataset.id], d.value.select(T[C.dataset.id]), D2(C);
     }
-    function j(P) {
+    function Y(P) {
       h.value = P;
     }
     function l2(P = null) {
       P !== null && A.SET_FORM_OPTIONS_INIT(P);
-      const C = f2();
+      const C = m2();
       C && (C.classList.remove("selected-component"), u0.SET_TELEPORT_TO(null), d.value.reset());
     }
     function a2(P) {
       var I;
       let C = P;
-      P || (C = V, f2().remove(), Ge(R.value.components, C.id), l2()), delete O2.componentDataMap[C.id], (I = C.children) != null && I[0] && (delete O2.componentDataMap[C.children[0].id], (C.componentName === "ElFormItem" || C.componentName === "ElTabs") && (A.DELETE_FORM_DATA(C.props.prop || `field${C.id}`), A.DELETE_RULES(C.props.prop))), C.componentName === "ElUpload" && N2.DELETE_STYLES(`${C.children[0].props.class} ::v-deep(.el-icon)`), C.children && C.children.length && C.children.forEach((T) => {
+      P || (C = V, m2().remove(), Ge(R.value.components, C.id), l2()), delete O2.componentDataMap[C.id], (I = C.children) != null && I[0] && (delete O2.componentDataMap[C.children[0].id], (C.componentName === "ElFormItem" || C.componentName === "ElTabs") && (A.DELETE_FORM_DATA(C.props.prop || `field${C.id}`), A.DELETE_RULES(C.props.prop))), C.componentName === "ElUpload" && N2.DELETE_STYLES(`${C.children[0].props.class} ::v-deep(.el-icon)`), C.children && C.children.length && C.children.forEach((T) => {
         a2(T);
       });
     }
@@ -8265,7 +8250,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
       R.value.components = [], A.CLEAR_ALL(), O2.componentDataMap = {}, i.value.init(A.formOptions), l2();
     }
     return (P, C) => {
-      const I = O("el-icon"), T = O("el-tab-pane"), y2 = O("el-tabs"), o2 = O("el-aside"), w2 = O("el-header"), E2 = O("el-main"), d2 = O("el-container");
+      const I = O("el-icon"), T = O("el-tab-pane"), y2 = O("el-tabs"), o2 = O("el-aside"), g2 = O("el-header"), E2 = O("el-main"), d2 = O("el-container");
       return o(), X(d2, { style: { position: "relative" } }, {
         default: H(() => [
           E.value ? (o(), X(Ze, {
@@ -8283,7 +8268,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
                 onClick: C[0] || (C[0] = (m) => a2())
               }, {
                 default: H(() => [
-                  x(g2(ce))
+                  x(f2(ce))
                 ]),
                 _: 1
               })
@@ -8309,7 +8294,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
                         ref: s,
                         class: "component-box"
                       }, [
-                        (o(!0), n(V2, null, w0(g2(e), (m) => (o(), n(V2, null, [
+                        (o(!0), n(V2, null, w0(f2(e), (m) => (o(), n(V2, null, [
                           m.title ? (o(), n("div", A5, E0(m.title), 1)) : (o(), n("div", {
                             key: 1,
                             class: "item item-component grab",
@@ -8331,11 +8316,11 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
           }),
           x(E2, { class: "canvas" }, {
             default: H(() => [
-              x(w2, { height: "50px" }, {
+              x(g2, { height: "50px" }, {
                 default: H(() => [
                   x(Qu, {
-                    json: g2(R).components,
-                    onOnDragDrop: j,
+                    json: f2(R).components,
+                    onOnDragDrop: Y,
                     onClearAll: v2
                   }, null, 8, ["json"])
                 ]),
@@ -8372,11 +8357,11 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
               r("div", {
                 class: k0({ "panel-content": _.value !== "second", "panel-code": _.value === "second" })
               }, [
-                z0(x(g2(ju), {
+                z0(x(f2(ju), {
                   ref_key: "setComponentRef",
                   ref: d,
                   formRef: p.value,
-                  initSortable: g2(Y)
+                  initSortable: f2($)
                 }, null, 8, ["formRef", "initSortable"]), [
                   [H0, _.value === "first"]
                 ]),
@@ -8404,7 +8389,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
     callback: { type: Function }
   },
   setup(t, { expose: e }) {
-    const a = t, l = k(null), _ = A.previewFormData, s = A.rules;
+    const a = t, l = L(null), _ = A.previewFormData, s = A.rules;
     return e({
       formRef: l
     }), le(() => {
@@ -8448,7 +8433,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
       getJson: s,
       formRef: l
     });
-    const a = k(null);
+    const a = L(null);
     function l() {
       return a.value.formRef;
     }
@@ -8457,7 +8442,7 @@ const S5 = ["index.js", "imports.js"], u2 = B5(S5), ee = [
     }
     function s() {
       const { labelPosition: i, labelWidth: c, inline: p } = A.formOptions, v = {};
-      return i !== "right" && i !== "" && (v.labelPosition = i), c !== "" && c !== "auto" && (v.labelWidth = c), p && (v.inline = p), JSON.stringify({ formOptions: v, forms: h2.value.components }, null, 2);
+      return i !== "right" && i !== "" && (v.labelPosition = i), c !== "" && c !== "auto" && (v.labelWidth = c), p && (v.inline = p), JSON.stringify({ formOptions: v, forms: x2.value.components }, null, 2);
     }
     return (i, c) => (o(), n("div", R5, [
       t.isPreview ? (o(), X(I5, {