low-code-form-generator 1.1.0 → 1.1.2

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

@@ -1,10 +1,10 @@
-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 s1, computed as G2, onUnmounted as i1, normalizeStyle as c1, onMounted as u1, 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 p1, watch as Q0, 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 q2, reactive as L1, normalizeClass as I0, unref as C2, renderSlot as i1, computed as J2, onUnmounted as c1, normalizeStyle as u1, onMounted as p1, resolveComponent as N, createBlock as Z, withCtx as z, resolveDynamicComponent as T1, h as v2, createVNode as g, withDirectives as D0, createCommentVNode as H2, vShow as L0, Fragment as V2, createTextVNode as f2, renderList as E0, createSlots as r4, toDisplayString as d0, createApp as _1, watch as Z0, 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({
   __proto__: null,
   get default() {
-    return l1;
+    return s1;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 /**!
@@ -34,13 +34,13 @@ function S2(t) {
   }
   return t;
 }
-function H0(t) {
+function V0(t) {
   "@babel/helpers - typeof";
-  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? H0 = function(e) {
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? V0 = function(e) {
     return typeof e;
-  } : H0 = function(e) {
+  } : V0 = function(e) {
     return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, H0(t);
+  }, V0(t);
 }
 function i4(t, e, a) {
   return e in t ? Object.defineProperty(t, e, {
@@ -82,17 +82,17 @@ function D2(t) {
   if (typeof window < "u" && window.navigator)
     return !!/* @__PURE__ */ navigator.userAgent.match(t);
 }
-var F2 = D2(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), d0 = D2(/Edge/i), b1 = D2(/firefox/i), i0 = D2(/safari/i) && !D2(/chrome/i) && !D2(/android/i), _1 = D2(/iP(ad|od|hone)/i), F1 = D2(/chrome/i) && D2(/android/i), k1 = {
+var F2 = D2(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), v0 = D2(/Edge/i), b1 = D2(/firefox/i), c0 = D2(/safari/i) && !D2(/chrome/i) && !D2(/android/i), m1 = D2(/iP(ad|od|hone)/i), F1 = D2(/chrome/i) && D2(/android/i), k1 = {
   capture: !1,
   passive: !1
 };
-function T(t, e, a) {
+function L(t, e, a) {
   t.addEventListener(e, a, !F2 && k1);
 }
 function D(t, e, a) {
   t.removeEventListener(e, a, !F2 && k1);
 }
-function D0(t, e) {
+function T0(t, e) {
   if (e) {
     if (e[0] === ">" && (e = e.substring(1)), t)
       try {
@@ -111,11 +111,11 @@ function D0(t, e) {
 function O1(t) {
   return t.host && t !== document && t.host.nodeType ? t.host : t.parentNode;
 }
-function H2(t, e, a, n) {
+function E2(t, e, a, n) {
   if (t) {
     a = a || document;
     do {
-      if (e != null && (e[0] === ">" ? t.parentNode === a && D0(t, e) : D0(t, e)) || n && t === a)
+      if (e != null && (e[0] === ">" ? t.parentNode === a && T0(t, e) : T0(t, e)) || n && t === a)
         return t;
       if (t === a) break;
     } while (t = O1(t));
@@ -123,7 +123,7 @@ function H2(t, e, a, n) {
   return null;
 }
 var z1 = /\s+/g;
-function d2(t, e, a) {
+function m2(t, e, a) {
   if (t && e)
     if (t.classList)
       t.classList[a ? "add" : "remove"](e);
@@ -140,7 +140,7 @@ function V(t, e, a) {
     !(e in n) && e.indexOf("webkit") === -1 && (e = "-webkit-" + e), n[e] = a + (typeof a == "string" ? "" : "px");
   }
 }
-function e0(t, e) {
+function t0(t, e) {
   var a = "";
   if (typeof t == "string")
     a = t;
@@ -166,7 +166,7 @@ function y2() {
   var t = document.scrollingElement;
   return t || document.documentElement;
 }
-function Z(t, e, a, n, i) {
+function e2(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))
@@ -178,8 +178,8 @@ function Z(t, e, a, n, i) {
         }
       while (i = i.parentNode);
     if (n && t !== window) {
-      var E = e0(i || t), M = E && E.a, y = E && E.d;
-      E && (u /= y, p /= M, h /= M, d /= y, _ = u + d, m = p + h);
+      var E = t0(i || t), b = E && E.a, y = E && E.d;
+      E && (u /= y, p /= b, h /= b, d /= y, _ = u + d, m = p + h);
     }
     return {
       top: u,
@@ -192,17 +192,17 @@ function Z(t, e, a, n, i) {
   }
 }
 function H1(t, e, a) {
-  for (var n = R2(t, !0), i = Z(t)[e]; n; ) {
-    var c = Z(n)[a], u = void 0;
+  for (var n = I2(t, !0), i = e2(t)[e]; n; ) {
+    var c = e2(n)[a], u = void 0;
     if (u = i >= c, !u) return n;
     if (n === y2()) break;
-    n = R2(n, !1);
+    n = I2(n, !1);
   }
   return !1;
 }
-function t0(t, e, a, n) {
+function a0(t, e, a, n) {
   for (var i = 0, c = 0, u = t.children; c < u.length; ) {
-    if (u[c].style.display !== "none" && u[c] !== H.ghost && (n || u[c] !== H.dragged) && H2(u[c], a.draggable, t, !1)) {
+    if (u[c].style.display !== "none" && u[c] !== H.ghost && (n || u[c] !== H.dragged) && E2(u[c], a.draggable, t, !1)) {
       if (i === e)
         return u[c];
       i++;
@@ -211,8 +211,8 @@ function t0(t, e, a, n) {
   }
   return null;
 }
-function m1(t, e) {
-  for (var a = t.lastElementChild; a && (a === H.ghost || V(a, "display") === "none" || e && !D0(a, e)); )
+function h1(t, e) {
+  for (var a = t.lastElementChild; a && (a === H.ghost || V(a, "display") === "none" || e && !T0(a, e)); )
     a = a.previousElementSibling;
   return a || null;
 }
@@ -221,14 +221,14 @@ function g2(t, e) {
   if (!t || !t.parentNode)
     return -1;
   for (; t = t.previousElementSibling; )
-    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== H.clone && (!e || D0(t, e)) && a++;
+    t.nodeName.toUpperCase() !== "TEMPLATE" && t !== H.clone && (!e || T0(t, e)) && a++;
   return a;
 }
 function E1(t) {
   var e = 0, a = 0, n = y2();
   if (t)
     do {
-      var i = e0(t), c = i.a, u = i.d;
+      var i = t0(t), c = i.a, u = i.d;
       e += t.scrollLeft * c, a += t.scrollTop * u;
     } while (t !== n && (t = t.parentNode));
   return [e, a];
@@ -241,7 +241,7 @@ function _4(t, e) {
     }
   return -1;
 }
-function R2(t, e) {
+function I2(t, e) {
   if (!t || !t.getBoundingClientRect) return y2();
   var a = t, n = !1;
   do
@@ -262,22 +262,22 @@ function m4(t, e) {
       e.hasOwnProperty(a) && (t[a] = e[a]);
   return t;
 }
-function q0(t, e) {
+function $0(t, e) {
   return Math.round(t.top) === Math.round(e.top) && Math.round(t.left) === Math.round(e.left) && Math.round(t.height) === Math.round(e.height) && Math.round(t.width) === Math.round(e.width);
 }
-var c0;
+var u0;
 function P1(t, e) {
   return function() {
-    if (!c0) {
+    if (!u0) {
       var a = arguments, n = this;
-      a.length === 1 ? t.call(n, a[0]) : t.apply(n, a), c0 = setTimeout(function() {
-        c0 = void 0;
+      a.length === 1 ? t.call(n, a[0]) : t.apply(n, a), u0 = setTimeout(function() {
+        u0 = void 0;
       }, e);
     }
   };
 }
 function h4() {
-  clearTimeout(c0), c0 = void 0;
+  clearTimeout(u0), u0 = void 0;
 }
 function I1(t, e, a) {
   t.scrollLeft += e, t.scrollTop += a;
@@ -290,8 +290,8 @@ function q1(t, e, a) {
   var n = {};
   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 = Z(i);
+    if (!(!E2(i, e.draggable, t, !1) || i.animated || i === a)) {
+      var m = e2(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,11 +307,11 @@ function d4() {
           if (!(V(i, "display") === "none" || i === H.ghost)) {
             t.push({
               target: i,
-              rect: Z(i)
+              rect: e2(i)
             });
             var c = S2({}, t[t.length - 1].rect);
             if (i.thisAnimationDuration) {
-              var u = e0(i, !0);
+              var u = t0(i, !0);
               u && (c.top -= u.f, c.left -= u.e);
             }
             i.fromRect = c;
@@ -335,9 +335,9 @@ function d4() {
       }
       var c = !1, u = 0;
       t.forEach(function(p) {
-        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() {
+        var _ = 0, m = p.target, d = m.fromRect, h = e2(m), w = m.prevFromRect, E = m.prevToRect, b = p.rect, y = t0(m, !0);
+        y && (h.top -= y.f, h.left -= y.e), m.toRect = h, m.thisAnimationDuration && $0(w, h) && !$0(d, h) && // Make sure animatingRect is on line between toRect & fromRect
+        (b.top - h.top) / (b.left - h.left) === (d.top - h.top) / (d.left - h.left) && (_ = f4(b, w, E, i.options)), $0(h, d) || (m.prevFromRect = d, m.prevToRect = h, _ || (_ = i.options.animation), i.animate(m, b, 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;
         }, _), m.thisAnimationDuration = _);
       }), clearTimeout(e), c ? e = setTimeout(function() {
@@ -347,7 +347,7 @@ function d4() {
     animate: function(n, i, c, u) {
       if (u) {
         V(n, "transition", ""), V(n, "transform", "");
-        var p = e0(this.el), _ = p && p.a, m = p && p.d, d = (i.left - c.left) / (_ || 1), h = (i.top - c.top) / (m || 1);
+        var p = t0(this.el), _ = p && p.a, m = p && p.d, d = (i.left - c.left) / (_ || 1), h = (i.top - c.top) / (m || 1);
         n.animatingX = !!d, n.animatingY = !!h, V(n, "transform", "translate3d(" + d + "px," + h + "px,0)"), this.forRepaintDummy = v4(n), V(n, "transition", "transform " + u + "ms" + (this.options.easing ? " " + this.options.easing : "")), V(n, "transform", "translate3d(0,0,0)"), typeof n.animated == "number" && clearTimeout(n.animated), n.animated = setTimeout(function() {
           V(n, "transition", ""), V(n, "transform", ""), n.animated = !1, n.animatingX = !1, n.animatingY = !1;
         }, u);
@@ -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 = [], $0 = {
+var X2 = [], j0 = {
   initializeByDefault: !0
-}, v0 = {
+}, f0 = {
   mount: function(e) {
-    for (var a in $0)
-      $0.hasOwnProperty(a) && !(a in e) && (e[a] = $0[a]);
+    for (var a in j0)
+      j0.hasOwnProperty(a) && !(a in e) && (e[a] = j0[a]);
     X2.forEach(function(n) {
       if (n.pluginName === e.pluginName)
         throw "Sortable: Cannot mount plugin ".concat(e.pluginName, " more than once");
@@ -414,48 +414,48 @@ var X2 = [], $0 = {
   }
 };
 function w4(t) {
-  var e = t.sortable, a = t.rootEl, n = t.name, i = t.targetEl, c = t.cloneEl, u = t.toEl, p = t.fromEl, _ = t.oldIndex, m = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, w = t.originalEvent, E = t.putSortable, M = t.extraEventProperties;
+  var e = t.sortable, a = t.rootEl, n = t.name, i = t.targetEl, c = t.cloneEl, u = t.toEl, p = t.fromEl, _ = t.oldIndex, m = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, w = t.originalEvent, E = t.putSortable, b = t.extraEventProperties;
   if (e = e || a && a[_2], !!e) {
-    var y, L = e.options, R = "on" + n.charAt(0).toUpperCase() + n.substr(1);
-    window.CustomEvent && !F2 && !d0 ? y = new CustomEvent(n, {
+    var y, T = e.options, P = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !F2 && !v0 ? y = new CustomEvent(n, {
       bubbles: !0,
       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 e2 in O)
-      y[e2] = O[e2];
-    a && a.dispatchEvent(y), L[R] && L[R].call(e, y);
+    var I = S2(S2({}, b), f0.getEventProperties(n, e));
+    for (var R in I)
+      y[R] = I[R];
+    a && a.dispatchEvent(y), T[P] && T[P].call(e, y);
   }
 }
 var g4 = ["evt"], u2 = function(e, a) {
   var n = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = n.evt, c = u4(n, g4);
-  v0.pluginEvent.bind(H)(e, a, S2({
+  f0.pluginEvent.bind(H)(e, a, S2({
     dragEl: f,
-    parentEl: G,
+    parentEl: X,
     ghostEl: S,
-    rootEl: j,
-    nextEl: W2,
-    lastDownEl: E0,
-    cloneEl: Y,
-    cloneHidden: P2,
-    dragStarted: o0,
-    putSortable: a2,
+    rootEl: U,
+    nextEl: G2,
+    lastDownEl: y0,
+    cloneEl: G,
+    cloneHidden: N2,
+    dragStarted: l0,
+    putSortable: r2,
     activeSortable: H.active,
     originalEvent: i,
     oldIndex: Z2,
-    oldDraggableIndex: u0,
-    newIndex: v2,
-    newDraggableIndex: N2,
+    oldDraggableIndex: p0,
+    newIndex: h2,
+    newDraggableIndex: O2,
     hideGhostForTarget: Y1,
     unhideGhostForTarget: W1,
     cloneNowHidden: function() {
-      P2 = !0;
+      N2 = !0;
     },
     cloneNowShown: function() {
-      P2 = !1;
+      N2 = !1;
     },
     dispatchSortableEvent: function(p) {
-      l2({
+      i2({
         sortable: a,
         name: p,
         originalEvent: i
@@ -463,27 +463,27 @@ var g4 = ["evt"], u2 = function(e, a) {
     }
   }, c));
 };
-function l2(t) {
+function i2(t) {
   w4(S2({
-    putSortable: a2,
-    cloneEl: Y,
+    putSortable: r2,
+    cloneEl: G,
     targetEl: f,
-    rootEl: j,
+    rootEl: U,
     oldIndex: Z2,
-    oldDraggableIndex: u0,
-    newIndex: v2,
-    newDraggableIndex: N2
+    oldDraggableIndex: p0,
+    newIndex: h2,
+    newDraggableIndex: O2
   }, t));
 }
-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 = [], Z0 = !1, F0 = [], I0 = typeof document < "u", C0 = _1, S1 = d0 || F2 ? "cssFloat" : "float", x4 = I0 && !F1 && !_1 && "draggable" in document.createElement("div"), $1 = function() {
-  if (I0) {
+var f, X, S, U, G2, y0, G, N2, Z2, h2, p0, O2, C0, r2, Q2 = !1, F0 = !1, k0 = [], Y2, z2, U0, Y0, V1, y1, l0, K2, _0, m0 = !1, M0 = !1, S0, l2, W0 = [], e1 = !1, O0 = [], R0 = typeof document < "u", b0 = m1, S1 = v0 || F2 ? "cssFloat" : "float", x4 = R0 && !F1 && !m1 && "draggable" in document.createElement("div"), $1 = function() {
+  if (R0) {
     if (F2)
       return !1;
     var t = document.createElement("x");
     return t.style.cssText = "pointer-events:auto", t.style.pointerEvents === "auto";
   }
 }(), 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;
+  var n = V(e), i = parseInt(n.width) - parseInt(n.paddingLeft) - parseInt(n.paddingRight) - parseInt(n.borderLeftWidth) - parseInt(n.borderRightWidth), c = a0(e, 0, a), u = a0(e, 1, a), p = c && V(c), _ = u && V(u), m = p && parseInt(p.marginLeft) + parseInt(p.marginRight) + e2(c).width, d = _ && parseInt(_.marginLeft) + parseInt(_.marginRight) + e2(u).width;
   if (n.display === "flex")
     return n.flexDirection === "column" || n.flexDirection === "column-reverse" ? "vertical" : "horizontal";
   if (n.display === "grid")
@@ -498,10 +498,10 @@ var f, G, S, j, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = []
   return i === p || c === _ || i + u / 2 === p + m / 2;
 }, M4 = function(e, a) {
   var n;
-  return T0.some(function(i) {
+  return k0.some(function(i) {
     var c = i[_2].options.emptyInsertThreshold;
-    if (!(!c || m1(i))) {
-      var u = Z(i), p = e >= u.left - c && e <= u.right + c, _ = a >= u.top - c && a <= u.bottom + c;
+    if (!(!c || h1(i))) {
+      var u = e2(i), p = e >= u.left - c && e <= u.right + c, _ = a >= u.top - c && a <= u.bottom + c;
       if (p && _)
         return n = i;
     }
@@ -523,7 +523,7 @@ var f, G, S, j, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = []
     };
   }
   var n = {}, i = e.group;
-  (!i || H0(i) != "object") && (i = {
+  (!i || V0(i) != "object") && (i = {
     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() {
@@ -531,11 +531,11 @@ var f, G, S, j, W2, E0, Y, P2, Z2, v2, u0, N2, g0, a2, Q2 = !1, L0 = !1, T0 = []
 }, W1 = function() {
   !$1 && S && V(S, "display", "");
 };
-I0 && !F1 && document.addEventListener("click", function(t) {
-  if (L0)
-    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), L0 = !1, !1;
+R0 && !F1 && document.addEventListener("click", function(t) {
+  if (F0)
+    return t.preventDefault(), t.stopPropagation && t.stopPropagation(), t.stopImmediatePropagation && t.stopImmediatePropagation(), F0 = !1, !1;
 }, !0);
-var Y2 = function(e) {
+var W2 = function(e) {
   if (f) {
     e = e.touches ? e.touches[0] : e;
     var a = M4(e.clientX, e.clientY);
@@ -596,16 +596,16 @@ function H(t, e) {
       y: 0
     },
     // Disabled on Safari: #1571; Enabled on Safari IOS: #2244
-    supportPointer: H.supportPointer !== !1 && "PointerEvent" in window && (!i0 || _1),
+    supportPointer: H.supportPointer !== !1 && "PointerEvent" in window && (!c0 || m1),
     emptyInsertThreshold: 5
   };
-  v0.initializePlugins(this, t, a);
+  f0.initializePlugins(this, t, a);
   for (var n in a)
     !(n in e) && (e[n] = a[n]);
   U1(e);
   for (var i in this)
     i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
-  this.nativeDraggable = e.forceFallback ? !1 : x4, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? T(t, "pointerdown", this._onTapStart) : (T(t, "mousedown", this._onTapStart), T(t, "touchstart", this._onTapStart)), this.nativeDraggable && (T(t, "dragover", this), T(t, "dragenter", this)), T0.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), T2(this, d4());
+  this.nativeDraggable = e.forceFallback ? !1 : x4, this.nativeDraggable && (this.options.touchStartThreshold = 1), e.supportPointer ? L(t, "pointerdown", this._onTapStart) : (L(t, "mousedown", this._onTapStart), L(t, "touchstart", this._onTapStart)), this.nativeDraggable && (L(t, "dragover", this), L(t, "dragenter", this)), k0.push(this.el), e.store && e.store.get && this.sort(e.store.get(this) || []), T2(this, d4());
 }
 H.prototype = /** @lends Sortable.prototype */
 {
@@ -619,10 +619,10 @@ H.prototype = /** @lends Sortable.prototype */
   _onTapStart: function(e) {
     if (e.cancelable) {
       var a = this, n = this.el, i = this.options, c = i.preventOnFilter, u = e.type, p = e.touches && e.touches[0] || e.pointerType && e.pointerType === "touch" && e, _ = (p || e).target, m = e.target.shadowRoot && (e.path && e.path[0] || e.composedPath && e.composedPath()[0]) || _, d = i.filter;
-      if (A4(n), !f && !(/mousedown|pointerdown/.test(u) && e.button !== 0 || i.disabled) && !m.isContentEditable && !(!this.nativeDraggable && i0 && _ && _.tagName.toUpperCase() === "SELECT") && (_ = H2(_, i.draggable, n, !1), !(_ && _.animated) && E0 !== _)) {
-        if (Z2 = g2(_), u0 = g2(_, i.draggable), typeof d == "function") {
+      if (B4(n), !f && !(/mousedown|pointerdown/.test(u) && e.button !== 0 || i.disabled) && !m.isContentEditable && !(!this.nativeDraggable && c0 && _ && _.tagName.toUpperCase() === "SELECT") && (_ = E2(_, i.draggable, n, !1), !(_ && _.animated) && y0 !== _)) {
+        if (Z2 = g2(_), p0 = g2(_, i.draggable), typeof d == "function") {
           if (d.call(this, e, _, this)) {
-            l2({
+            i2({
               sortable: a,
               rootEl: m,
               name: "filter",
@@ -635,8 +635,8 @@ H.prototype = /** @lends Sortable.prototype */
             return;
           }
         } else if (d && (d = d.split(",").some(function(h) {
-          if (h = H2(m, h.trim(), n, !1), h)
-            return l2({
+          if (h = E2(m, h.trim(), n, !1), h)
+            return i2({
               sortable: a,
               rootEl: h,
               name: "filter",
@@ -650,40 +650,40 @@ H.prototype = /** @lends Sortable.prototype */
           c && e.preventDefault();
           return;
         }
-        i.handle && !H2(m, i.handle, n, !1) || this._prepareDragStart(e, p, _);
+        i.handle && !E2(m, i.handle, n, !1) || this._prepareDragStart(e, p, _);
       }
     }
   },
   _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 = Z(n);
-      if (j = c, f = n, G = f.parentNode, W2 = f.nextSibling, E0 = n, g0 = u.group, H.dragged = f, U2 = {
+      var m = e2(n);
+      if (U = c, f = n, X = f.parentNode, G2 = f.nextSibling, y0 = n, C0 = u.group, H.dragged = f, Y2 = {
         target: f,
         clientX: (a || e).clientX,
         clientY: (a || e).clientY
-      }, V1 = U2.clientX - m.left, y1 = U2.clientY - m.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, f.style["will-change"] = "all", _ = function() {
+      }, V1 = Y2.clientX - m.left, y1 = Y2.clientY - m.top, this._lastX = (a || e).clientX, this._lastY = (a || e).clientY, f.style["will-change"] = "all", _ = function() {
         if (u2("delayEnded", i, {
           evt: e
         }), H.eventCanceled) {
           i._onDrop();
           return;
         }
-        i._disableDelayedDragEvents(), !b1 && i.nativeDraggable && (f.draggable = !0), i._triggerDragStart(e, a), l2({
+        i._disableDelayedDragEvents(), !b1 && i.nativeDraggable && (f.draggable = !0), i._triggerDragStart(e, a), i2({
           sortable: i,
           name: "choose",
           originalEvent: e
-        }), d2(f, u.chosenClass, !0);
+        }), m2(f, u.chosenClass, !0);
       }, u.ignore.split(",").forEach(function(d) {
-        N1(f, d.trim(), W0);
-      }), T(p, "dragover", Y2), T(p, "mousemove", Y2), T(p, "touchmove", Y2), u.supportPointer ? (T(p, "pointerup", i._onDrop), !this.nativeDraggable && T(p, "pointercancel", i._onDrop)) : (T(p, "mouseup", i._onDrop), T(p, "touchend", i._onDrop), T(p, "touchcancel", i._onDrop)), b1 && this.nativeDraggable && (this.options.touchStartThreshold = 4, f.draggable = !0), u2("delayStart", this, {
+        N1(f, d.trim(), G0);
+      }), L(p, "dragover", W2), L(p, "mousemove", W2), L(p, "touchmove", W2), u.supportPointer ? (L(p, "pointerup", i._onDrop), !this.nativeDraggable && L(p, "pointercancel", i._onDrop)) : (L(p, "mouseup", i._onDrop), L(p, "touchend", i._onDrop), L(p, "touchcancel", i._onDrop)), b1 && this.nativeDraggable && (this.options.touchStartThreshold = 4, f.draggable = !0), u2("delayStart", this, {
         evt: e
-      }), u.delay && (!u.delayOnTouchOnly || a) && (!this.nativeDraggable || !(d0 || F2))) {
+      }), u.delay && (!u.delayOnTouchOnly || a) && (!this.nativeDraggable || !(v0 || F2))) {
         if (H.eventCanceled) {
           this._onDrop();
           return;
         }
-        u.supportPointer ? (T(p, "pointerup", i._disableDelayedDrag), T(p, "pointercancel", i._disableDelayedDrag)) : (T(p, "mouseup", i._disableDelayedDrag), T(p, "touchend", i._disableDelayedDrag), T(p, "touchcancel", i._disableDelayedDrag)), T(p, "mousemove", i._delayedDragTouchMoveHandler), T(p, "touchmove", i._delayedDragTouchMoveHandler), u.supportPointer && T(p, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(_, u.delay);
+        u.supportPointer ? (L(p, "pointerup", i._disableDelayedDrag), L(p, "pointercancel", i._disableDelayedDrag)) : (L(p, "mouseup", i._disableDelayedDrag), L(p, "touchend", i._disableDelayedDrag), L(p, "touchcancel", i._disableDelayedDrag)), L(p, "mousemove", i._delayedDragTouchMoveHandler), L(p, "touchmove", i._delayedDragTouchMoveHandler), u.supportPointer && L(p, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(_, u.delay);
       } else
         _();
     }
@@ -693,28 +693,28 @@ H.prototype = /** @lends Sortable.prototype */
     Math.max(Math.abs(a.clientX - this._lastX), Math.abs(a.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
   },
   _disableDelayedDrag: function() {
-    f && W0(f), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+    f && G0(f), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
   },
   _disableDelayedDragEvents: function() {
     var e = this.el.ownerDocument;
     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(j, "dragstart", this._onDragStart));
+    a = a || e.pointerType == "touch" && e, !this.nativeDraggable || a ? this.options.supportPointer ? L(document, "pointermove", this._onTouchMove) : a ? L(document, "touchmove", this._onTouchMove) : L(document, "mousemove", this._onTouchMove) : (L(f, "dragend", this), L(U, "dragstart", this._onDragStart));
     try {
-      document.selection ? y0(function() {
+      document.selection ? A0(function() {
         document.selection.empty();
       }) : window.getSelection().removeAllRanges();
     } catch {
     }
   },
   _dragStarted: function(e, a) {
-    if (Q2 = !1, j && f) {
+    if (Q2 = !1, U && f) {
       u2("dragStarted", this, {
         evt: a
-      }), this.nativeDraggable && T(document, "dragover", b4);
+      }), this.nativeDraggable && L(document, "dragover", b4);
       var n = this.options;
-      !e && d2(f, n.dragClass, !1), d2(f, n.ghostClass, !0), H.active = this, e && this._appendGhost(), l2({
+      !e && m2(f, n.dragClass, !1), m2(f, n.ghostClass, !0), H.active = this, e && this._appendGhost(), i2({
         sortable: this,
         name: "start",
         originalEvent: a
@@ -723,17 +723,17 @@ H.prototype = /** @lends Sortable.prototype */
       this._nulling();
   },
   _emulateDragOver: function() {
-    if (b2) {
-      this._lastX = b2.clientX, this._lastY = b2.clientY, Y1();
-      for (var e = document.elementFromPoint(b2.clientX, b2.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(b2.clientX, b2.clientY), e !== a); )
+    if (z2) {
+      this._lastX = z2.clientX, this._lastY = z2.clientY, Y1();
+      for (var e = document.elementFromPoint(z2.clientX, z2.clientY), a = e; e && e.shadowRoot && (e = e.shadowRoot.elementFromPoint(z2.clientX, z2.clientY), e !== a); )
         a = e;
       if (f.parentNode[_2]._isOutsideThisEl(e), a)
         do {
           if (a[_2]) {
             var n = void 0;
             if (n = a[_2]._onDragOver({
-              clientX: b2.clientX,
-              clientY: b2.clientY,
+              clientX: z2.clientX,
+              clientY: z2.clientY,
               target: e,
               rootEl: a
             }), n && !this.options.dragoverBubble)
@@ -745,15 +745,15 @@ H.prototype = /** @lends Sortable.prototype */
     }
   },
   _onTouchMove: function(e) {
-    if (U2) {
-      var a = this.options, n = a.fallbackTolerance, i = a.fallbackOffset, c = e.touches ? e.touches[0] : e, u = S && e0(S, !0), p = S && u && u.a, _ = S && u && u.d, m = C0 && n2 && E1(n2), d = (c.clientX - U2.clientX + i.x) / (p || 1) + (m ? m[0] - Y0[0] : 0) / (p || 1), h = (c.clientY - U2.clientY + i.y) / (_ || 1) + (m ? m[1] - Y0[1] : 0) / (_ || 1);
+    if (Y2) {
+      var a = this.options, n = a.fallbackTolerance, i = a.fallbackOffset, c = e.touches ? e.touches[0] : e, u = S && t0(S, !0), p = S && u && u.a, _ = S && u && u.d, m = b0 && l2 && E1(l2), d = (c.clientX - Y2.clientX + i.x) / (p || 1) + (m ? m[0] - W0[0] : 0) / (p || 1), h = (c.clientY - Y2.clientY + i.y) / (_ || 1) + (m ? m[1] - W0[1] : 0) / (_ || 1);
       if (!H.active && !Q2) {
         if (n && Math.max(Math.abs(c.clientX - this._lastX), Math.abs(c.clientY - this._lastY)) < n)
           return;
         this._onDragStart(e, !0);
       }
       if (S) {
-        u ? (u.e += d - (j0 || 0), u.f += h - (U0 || 0)) : u = {
+        u ? (u.e += d - (U0 || 0), u.f += h - (Y0 || 0)) : u = {
           a: 1,
           b: 0,
           c: 0,
@@ -762,20 +762,20 @@ 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), j0 = d, U0 = h, b2 = c;
+        V(S, "webkitTransform", w), V(S, "mozTransform", w), V(S, "msTransform", w), V(S, "transform", w), U0 = d, Y0 = h, z2 = c;
       }
       e.cancelable && e.preventDefault();
     }
   },
   _appendGhost: function() {
     if (!S) {
-      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;
-        n2 !== document.body && n2 !== document.documentElement ? (n2 === document && (n2 = y2()), a.top += n2.scrollTop, a.left += n2.scrollLeft) : n2 = y2(), Y0 = E1(n2);
+      var e = this.options.fallbackOnBody ? document.body : U, a = e2(f, !0, b0, !0, e), n = this.options;
+      if (b0) {
+        for (l2 = e; V(l2, "position") === "static" && V(l2, "transform") === "none" && l2 !== document; )
+          l2 = l2.parentNode;
+        l2 !== document.body && l2 !== document.documentElement ? (l2 === document && (l2 = y2()), a.top += l2.scrollTop, a.left += l2.scrollLeft) : l2 = y2(), W0 = E1(l2);
       }
-      S = f.cloneNode(!0), d2(S, n.ghostClass, !1), d2(S, n.fallbackClass, !0), d2(S, n.dragClass, !0), V(S, "transition", ""), V(S, "transform", ""), V(S, "box-sizing", "border-box"), V(S, "margin", 0), V(S, "top", a.top), V(S, "left", a.left), V(S, "width", a.width), V(S, "height", a.height), V(S, "opacity", "0.8"), V(S, "position", C0 ? "absolute" : "fixed"), V(S, "zIndex", "100000"), V(S, "pointerEvents", "none"), H.ghost = S, e.appendChild(S), V(S, "transform-origin", V1 / parseInt(S.style.width) * 100 + "% " + y1 / parseInt(S.style.height) * 100 + "%");
+      S = f.cloneNode(!0), m2(S, n.ghostClass, !1), m2(S, n.fallbackClass, !0), m2(S, n.dragClass, !0), V(S, "transition", ""), V(S, "transform", ""), V(S, "box-sizing", "border-box"), V(S, "margin", 0), V(S, "top", a.top), V(S, "left", a.left), V(S, "width", a.width), V(S, "height", a.height), V(S, "opacity", "0.8"), V(S, "position", b0 ? "absolute" : "fixed"), V(S, "zIndex", "100000"), V(S, "pointerEvents", "none"), H.ghost = S, e.appendChild(S), V(S, "transform-origin", V1 / parseInt(S.style.width) * 100 + "% " + y1 / parseInt(S.style.height) * 100 + "%");
     }
   },
   _onDragStart: function(e, a) {
@@ -786,19 +786,19 @@ H.prototype = /** @lends Sortable.prototype */
       this._onDrop();
       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 || j.insertBefore(Y, f), n._hideClone(), l2({
+    u2("setupClone", this), H.eventCanceled || (G = R1(f), G.removeAttribute("id"), G.draggable = !1, G.style["will-change"] = "", this._hideClone(), m2(G, this.options.chosenClass, !1), H.clone = G), n.cloneId = A0(function() {
+      u2("clone", n), !H.eventCanceled && (n.options.removeCloneOnHide || U.insertBefore(G, f), n._hideClone(), i2({
         sortable: n,
         name: "clone"
       }));
-    }), !a && d2(f, c.dragClass, !0), a ? (L0 = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (D(document, "mouseup", n._onDrop), D(document, "touchend", n._onDrop), D(document, "touchcancel", n._onDrop), i && (i.effectAllowed = "move", c.setData && c.setData.call(n, i, f)), T(document, "drop", n), V(f, "transform", "translateZ(0)")), Q2 = !0, n._dragStartId = y0(n._dragStarted.bind(n, a, e)), T(document, "selectstart", n), o0 = !0, window.getSelection().removeAllRanges(), i0 && V(document.body, "user-select", "none");
+    }), !a && m2(f, c.dragClass, !0), a ? (F0 = !0, n._loopId = setInterval(n._emulateDragOver, 50)) : (D(document, "mouseup", n._onDrop), D(document, "touchend", n._onDrop), D(document, "touchcancel", n._onDrop), i && (i.effectAllowed = "move", c.setData && c.setData.call(n, i, f)), L(document, "drop", n), V(f, "transform", "translateZ(0)")), Q2 = !0, n._dragStartId = A0(n._dragStarted.bind(n, a, e)), L(document, "selectstart", n), l0 = !0, window.getSelection().removeAllRanges(), c0 && V(document.body, "user-select", "none");
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var a = this.el, n = e.target, i, c, u, p = this.options, _ = p.group, m = H.active, d = g0 === _, h = p.sort, w = a2 || m, E, M = this, y = !1;
-    if (Z0) return;
-    function L(B2, r2) {
-      u2(B2, M, S2({
+    var a = this.el, n = e.target, i, c, u, p = this.options, _ = p.group, m = H.active, d = C0 === _, h = p.sort, w = r2 || m, E, b = this, y = !1;
+    if (e1) return;
+    function T(W, j2) {
+      u2(W, b, S2({
         evt: e,
         isOwner: d,
         axis: E ? "vertical" : "horizontal",
@@ -808,80 +808,80 @@ H.prototype = /** @lends Sortable.prototype */
         canSort: h,
         fromSortable: w,
         target: n,
-        completed: O,
-        onMove: function(v, b) {
-          return M0(j, a, f, i, v, Z(v), e, b);
+        completed: I,
+        onMove: function(v, M) {
+          return z0(U, a, f, i, v, e2(v), e, M);
         },
-        changed: e2
-      }, r2));
+        changed: R
+      }, j2));
     }
-    function R() {
-      L("dragOverAnimationCapture"), M.captureAnimationState(), M !== w && w.captureAnimationState();
+    function P() {
+      T("dragOverAnimationCapture"), b.captureAnimationState(), b !== w && w.captureAnimationState();
     }
-    function O(B2) {
-      return L("dragOverCompleted", {
-        insertion: B2
-      }), B2 && (d ? m._hideClone() : m._showClone(M), M !== w && (d2(f, a2 ? a2.options.ghostClass : m.options.ghostClass, !1), d2(f, p.ghostClass, !0)), a2 !== M && M !== H.active ? a2 = M : M === H.active && a2 && (a2 = null), w === M && (M._ignoreWhileAnimating = n), M.animateAll(function() {
-        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 I(W) {
+      return T("dragOverCompleted", {
+        insertion: W
+      }), W && (d ? m._hideClone() : m._showClone(b), b !== w && (m2(f, r2 ? r2.options.ghostClass : m.options.ghostClass, !1), m2(f, p.ghostClass, !0)), r2 !== b && b !== H.active ? r2 = b : b === H.active && r2 && (r2 = null), w === b && (b._ignoreWhileAnimating = n), b.animateAll(function() {
+        T("dragOverAnimationComplete"), b._ignoreWhileAnimating = null;
+      }), b !== 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), !W && W2(e)), !p.dragoverBubble && e.stopPropagation && e.stopPropagation(), y = !0;
     }
-    function e2() {
-      v2 = g2(f), N2 = g2(f, p.draggable), l2({
-        sortable: M,
+    function R() {
+      h2 = g2(f), O2 = g2(f, p.draggable), i2({
+        sortable: b,
         name: "change",
         toEl: a,
-        newIndex: v2,
-        newDraggableIndex: N2,
+        newIndex: h2,
+        newDraggableIndex: O2,
         originalEvent: e
       });
     }
-    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 !== 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 (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = E2(n, p.draggable, a, !0), T("dragOver"), H.eventCanceled) return y;
+    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || b._ignoreWhileAnimating === n)
+      return I(!1);
+    if (F0 = !1, m && !p.disabled && (d ? h || (u = X !== U) : r2 === this || (this.lastPutMode = C0.checkPull(this, m, f, e)) && _.checkPut(this, m, f, e))) {
+      if (E = this._getDirection(e, n) === "vertical", i = e2(f), T("dragOverValid"), H.eventCanceled) return y;
       if (u)
-        return G = j, R(), this._hideClone(), L("revert"), H.eventCanceled || (W2 ? j.insertBefore(f, W2) : j.appendChild(f)), O(!0);
-      var P = m1(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 = 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 = Z(n), M0(j, a, f, i, n, c, e, !1) !== !1)
-          return R(), a.insertBefore(f, m2), G = a, e2(), O(!0);
+        return X = U, P(), this._hideClone(), T("revert"), H.eventCanceled || (G2 ? U.insertBefore(f, G2) : U.appendChild(f)), I(!0);
+      var q = h1(a, p.draggable);
+      if (!q || V4(e, E, this) && !q.animated) {
+        if (q === f)
+          return I(!1);
+        if (q && a === e.target && (n = q), n && (c = e2(n)), z0(U, a, f, i, n, c, e, !!n) !== !1)
+          return P(), q && q.nextSibling ? a.insertBefore(f, q.nextSibling) : a.appendChild(f), X = a, R(), I(!0);
+      } else if (q && E4(e, E, this)) {
+        var a2 = a0(a, 0, p, !0);
+        if (a2 === f)
+          return I(!1);
+        if (n = a2, c = e2(n), z0(U, a, f, i, n, c, e, !1) !== !1)
+          return P(), a.insertBefore(f, a2), X = a, R(), I(!0);
       } else if (n.parentNode === a) {
-        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 X;
+        c = e2(n);
+        var s2 = 0, M2, A2 = f.parentNode !== a, K = !C4(f.animated && f.toRect || i, n.animated && n.toRect || c, E), b2 = E ? "top" : "left", w2 = H1(n, "top", "top") || H1(f, "top", "top"), B = w2 ? w2.scrollTop : void 0;
+        K2 !== n && (M2 = c[b2], m0 = !1, M0 = !K && p.invertSwap || A2), s2 = y4(e, n, c, E, K ? 1 : p.swapThreshold, p.invertedSwapThreshold == null ? p.swapThreshold : p.invertedSwapThreshold, M0, K2 === n);
+        var x;
         if (s2 !== 0) {
-          var o2 = g2(f);
+          var Y = g2(f);
           do
-            o2 -= s2, X = G.children[o2];
-          while (X && (V(X, "display") === "none" || X === S));
+            Y -= s2, x = X.children[Y];
+          while (x && (V(x, "display") === "none" || x === S));
         }
-        if (s2 === 0 || X === n)
-          return O(!1);
-        K2 = n, p0 = s2;
-        var W = n.nextElementSibling, I = !1;
-        I = s2 === 1;
-        var O2 = M0(j, a, f, i, n, c, e, I);
-        if (O2 !== !1)
-          return (O2 === 1 || O2 === -1) && (I = O2 === 1), Z0 = !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 (s2 === 0 || x === n)
+          return I(!1);
+        K2 = n, _0 = s2;
+        var J = n.nextElementSibling, n2 = !1;
+        n2 = s2 === 1;
+        var o2 = z0(U, a, f, i, n, c, e, n2);
+        if (o2 !== !1)
+          return (o2 === 1 || o2 === -1) && (n2 = o2 === 1), e1 = !0, setTimeout(H4, 30), P(), n2 && !J ? a.appendChild(f) : n.parentNode.insertBefore(f, n2 ? J : n), w2 && I1(w2, 0, B - w2.scrollTop), X = f.parentNode, M2 !== void 0 && !M0 && (S0 = Math.abs(M2 - e2(n)[b2])), R(), I(!0);
       }
       if (a.contains(f))
-        return O(!1);
+        return I(!1);
     }
     return !1;
   },
   _ignoreWhileAnimating: null,
   _offMoveEvents: function() {
-    D(document, "mousemove", this._onTouchMove), D(document, "touchmove", this._onTouchMove), D(document, "pointermove", this._onTouchMove), D(document, "dragover", Y2), D(document, "mousemove", Y2), D(document, "touchmove", Y2);
+    D(document, "mousemove", this._onTouchMove), D(document, "touchmove", this._onTouchMove), D(document, "pointermove", this._onTouchMove), D(document, "dragover", W2), D(document, "mousemove", W2), D(document, "touchmove", W2);
   },
   _offUpEvents: function() {
     var e = this.el.ownerDocument;
@@ -889,62 +889,62 @@ H.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var a = this.el, n = this.options;
-    if (v2 = g2(f), N2 = g2(f, n.draggable), u2("drop", this, {
+    if (h2 = g2(f), O2 = g2(f, n.draggable), u2("drop", this, {
       evt: e
-    }), G = f && f.parentNode, v2 = g2(f), N2 = g2(f, n.draggable), H.eventCanceled) {
+    }), X = f && f.parentNode, h2 = g2(f), O2 = g2(f, n.draggable), H.eventCanceled) {
       this._nulling();
       return;
     }
-    Q2 = !1, x0 = !1, _0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), e1(this.cloneId), e1(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({
+    Q2 = !1, M0 = !1, m0 = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), t1(this.cloneId), t1(this._dragStartId), this.nativeDraggable && (D(document, "drop", this), D(a, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), c0 && V(document.body, "user-select", ""), V(f, "transform", ""), e && (l0 && (e.cancelable && e.preventDefault(), !n.dropBubble && e.stopPropagation()), S && S.parentNode && S.parentNode.removeChild(S), (U === X || r2 && r2.lastPutMode !== "clone") && G && G.parentNode && G.parentNode.removeChild(G), f && (this.nativeDraggable && D(f, "dragend", this), G0(f), f.style["will-change"] = "", l0 && !Q2 && m2(f, r2 ? r2.options.ghostClass : this.options.ghostClass, !1), m2(f, this.options.chosenClass, !1), i2({
       sortable: this,
       name: "unchoose",
-      toEl: G,
+      toEl: X,
       newIndex: null,
       newDraggableIndex: null,
       originalEvent: e
-    }), j !== G ? (v2 >= 0 && (l2({
-      rootEl: G,
+    }), U !== X ? (h2 >= 0 && (i2({
+      rootEl: X,
       name: "add",
-      toEl: G,
-      fromEl: j,
+      toEl: X,
+      fromEl: U,
       originalEvent: e
-    }), l2({
+    }), i2({
       sortable: this,
       name: "remove",
-      toEl: G,
+      toEl: X,
       originalEvent: e
-    }), l2({
-      rootEl: G,
+    }), i2({
+      rootEl: X,
       name: "sort",
-      toEl: G,
-      fromEl: j,
+      toEl: X,
+      fromEl: U,
       originalEvent: e
-    }), l2({
+    }), i2({
       sortable: this,
       name: "sort",
-      toEl: G,
+      toEl: X,
       originalEvent: e
-    })), a2 && a2.save()) : v2 !== Z2 && v2 >= 0 && (l2({
+    })), r2 && r2.save()) : h2 !== Z2 && h2 >= 0 && (i2({
       sortable: this,
       name: "update",
-      toEl: G,
+      toEl: X,
       originalEvent: e
-    }), l2({
+    }), i2({
       sortable: this,
       name: "sort",
-      toEl: G,
+      toEl: X,
       originalEvent: e
-    })), H.active && ((v2 == null || v2 === -1) && (v2 = Z2, N2 = u0), l2({
+    })), H.active && ((h2 == null || h2 === -1) && (h2 = Z2, O2 = p0), i2({
       sortable: this,
       name: "end",
-      toEl: G,
+      toEl: X,
       originalEvent: e
     }), this.save()))), this._nulling();
   },
   _nulling: function() {
-    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) {
+    u2("nulling", this), U = f = X = S = G2 = G = y0 = N2 = Y2 = z2 = l0 = h2 = O2 = Z2 = p0 = K2 = _0 = r2 = C0 = H.dragged = H.ghost = H.clone = H.active = null, O0.forEach(function(e) {
       e.checked = !0;
-    }), F0.length = j0 = U0 = 0;
+    }), O0.length = U0 = Y0 = 0;
   },
   handleEvent: function(e) {
     switch (e.type) {
@@ -967,7 +967,7 @@ H.prototype = /** @lends Sortable.prototype */
    */
   toArray: function() {
     for (var e = [], a, n = this.el.children, i = 0, c = n.length, u = this.options; i < c; i++)
-      a = n[i], H2(a, u.draggable, this.el, !1) && e.push(a.getAttribute(u.dataIdAttr) || B4(a));
+      a = n[i], E2(a, u.draggable, this.el, !1) && e.push(a.getAttribute(u.dataIdAttr) || A4(a));
     return e;
   },
   /**
@@ -978,7 +978,7 @@ H.prototype = /** @lends Sortable.prototype */
     var n = {}, i = this.el;
     this.toArray().forEach(function(c, u) {
       var p = i.children[u];
-      H2(p, this.options.draggable, i, !1) && (n[c] = p);
+      E2(p, this.options.draggable, i, !1) && (n[c] = p);
     }, this), a && this.captureAnimationState(), e.forEach(function(c) {
       n[c] && (i.removeChild(n[c]), i.appendChild(n[c]));
     }), a && this.animateAll();
@@ -997,7 +997,7 @@ H.prototype = /** @lends Sortable.prototype */
    * @returns {HTMLElement|null}
    */
   closest: function(e, a) {
-    return H2(e, a || this.options.draggable, this.el, !1);
+    return E2(e, a || this.options.draggable, this.el, !1);
   },
   /**
    * Set/get option
@@ -1009,7 +1009,7 @@ H.prototype = /** @lends Sortable.prototype */
     var n = this.options;
     if (a === void 0)
       return n[e];
-    var i = v0.modifyOption(this, e, a);
+    var i = f0.modifyOption(this, e, a);
     typeof i < "u" ? n[e] = i : n[e] = a, e === "group" && U1(n);
   },
   /**
@@ -1020,12 +1020,12 @@ H.prototype = /** @lends Sortable.prototype */
     var e = this.el;
     e[_2] = null, D(e, "mousedown", this._onTapStart), D(e, "touchstart", this._onTapStart), D(e, "pointerdown", this._onTapStart), this.nativeDraggable && (D(e, "dragover", this), D(e, "dragenter", this)), Array.prototype.forEach.call(e.querySelectorAll("[draggable]"), function(a) {
       a.removeAttribute("draggable");
-    }), this._onDrop(), this._disableDelayedDragEvents(), T0.splice(T0.indexOf(this.el), 1), this.el = e = null;
+    }), this._onDrop(), this._disableDelayedDragEvents(), k0.splice(k0.indexOf(this.el), 1), this.el = e = null;
   },
   _hideClone: function() {
-    if (!P2) {
+    if (!N2) {
       if (u2("hideClone", this), H.eventCanceled) return;
-      V(Y, "display", "none"), this.options.removeCloneOnHide && Y.parentNode && Y.parentNode.removeChild(Y), P2 = !0;
+      V(G, "display", "none"), this.options.removeCloneOnHide && G.parentNode && G.parentNode.removeChild(G), N2 = !0;
     }
   },
   _showClone: function(e) {
@@ -1033,44 +1033,44 @@ H.prototype = /** @lends Sortable.prototype */
       this._hideClone();
       return;
     }
-    if (P2) {
+    if (N2) {
       if (u2("showClone", this), H.eventCanceled) return;
-      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;
+      f.parentNode == U && !this.options.group.revertClone ? U.insertBefore(G, f) : G2 ? U.insertBefore(G, G2) : U.appendChild(G), this.options.group.revertClone && this.animate(f, G), V(G, "display", ""), N2 = !1;
     }
   }
 };
 function z4(t) {
   t.dataTransfer && (t.dataTransfer.dropEffect = "move"), t.cancelable && t.preventDefault();
 }
-function M0(t, e, a, n, i, c, u, p) {
+function z0(t, e, a, n, i, c, u, p) {
   var _, m = t[_2], d = m.options.onMove, h;
-  return window.CustomEvent && !F2 && !d0 ? _ = new CustomEvent("move", {
+  return window.CustomEvent && !F2 && !v0 ? _ = 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 || Z(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 || e2(e), _.willInsertAfter = p, _.originalEvent = u, t.dispatchEvent(_), d && (h = d.call(m, _, u)), h;
 }
-function W0(t) {
+function G0(t) {
   t.draggable = !1;
 }
 function H4() {
-  Z0 = !1;
+  e1 = !1;
 }
 function E4(t, e, a) {
-  var n = Z(t0(a.el, 0, a.options, !0)), i = q1(a.el, a.options, S), c = 10;
+  var n = e2(a0(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 = Z(m1(a.el, a.options.draggable)), i = q1(a.el, a.options, S), c = 10;
+  var n = e2(h1(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) {
   var _ = n ? t.clientY : t.clientX, m = n ? a.height : a.width, d = n ? a.top : a.left, h = n ? a.bottom : a.right, w = !1;
   if (!u) {
-    if (p && V0 < m * i) {
-      if (!_0 && (p0 === 1 ? _ > d + m * c / 2 : _ < h - m * c / 2) && (_0 = !0), _0)
+    if (p && S0 < m * i) {
+      if (!m0 && (_0 === 1 ? _ > d + m * c / 2 : _ < h - m * c / 2) && (m0 = !0), m0)
         w = !0;
-      else if (p0 === 1 ? _ < d + V0 : _ > h - V0)
-        return -p0;
+      else if (_0 === 1 ? _ < d + S0 : _ > h - S0)
+        return -_0;
     } else if (_ > d + m * (1 - i) / 2 && _ < h - m * (1 - i) / 2)
       return S4(e);
   }
@@ -1079,45 +1079,45 @@ function y4(t, e, a, n, i, c, u, p) {
 function S4(t) {
   return g2(f) < g2(t) ? 1 : -1;
 }
-function B4(t) {
+function A4(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, a = e.length, n = 0; a--; )
     n += e.charCodeAt(a);
   return n.toString(36);
 }
-function A4(t) {
-  F0.length = 0;
+function B4(t) {
+  O0.length = 0;
   for (var e = t.getElementsByTagName("input"), a = e.length; a--; ) {
     var n = e[a];
-    n.checked && F0.push(n);
+    n.checked && O0.push(n);
   }
 }
-function y0(t) {
+function A0(t) {
   return setTimeout(t, 0);
 }
-function e1(t) {
+function t1(t) {
   return clearTimeout(t);
 }
-I0 && T(document, "touchmove", function(t) {
+R0 && L(document, "touchmove", function(t) {
   (H.active || Q2) && t.cancelable && t.preventDefault();
 });
 H.utils = {
-  on: T,
+  on: L,
   off: D,
   css: V,
   find: N1,
   is: function(e, a) {
-    return !!H2(e, a, e, !1);
+    return !!E2(e, a, e, !1);
   },
   extend: m4,
   throttle: P1,
-  closest: H2,
-  toggleClass: d2,
+  closest: E2,
+  toggleClass: m2,
   clone: R1,
   index: g2,
-  nextTick: y0,
-  cancelNextTick: e1,
+  nextTick: A0,
+  cancelNextTick: t1,
   detectDirection: j1,
-  getChild: t0,
+  getChild: a0,
   expando: _2
 };
 H.get = function(t) {
@@ -1129,14 +1129,14 @@ H.mount = function() {
   e[0].constructor === Array && (e = e[0]), e.forEach(function(n) {
     if (!n.prototype || !n.prototype.constructor)
       throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(n));
-    n.utils && (H.utils = S2(S2({}, H.utils), n.utils)), v0.mount(n);
+    n.utils && (H.utils = S2(S2({}, H.utils), n.utils)), f0.mount(n);
   });
 };
 H.create = function(t, e) {
   return new H(t, e);
 };
 H.version = p4;
-var K = [], l0, t1, a1 = !1, G0, J0, k0, s0;
+var Q = [], s0, a1, r1 = !1, J0, X0, N0, i0;
 function D4() {
   function t() {
     this.defaults = {
@@ -1152,36 +1152,36 @@ function D4() {
   return t.prototype = {
     dragStarted: function(a) {
       var n = a.originalEvent;
-      this.sortable.nativeDraggable ? T(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? T(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? T(document, "touchmove", this._handleFallbackAutoScroll) : T(document, "mousemove", this._handleFallbackAutoScroll);
+      this.sortable.nativeDraggable ? L(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? L(document, "pointermove", this._handleFallbackAutoScroll) : n.touches ? L(document, "touchmove", this._handleFallbackAutoScroll) : L(document, "mousemove", this._handleFallbackAutoScroll);
     },
     dragOverCompleted: function(a) {
       var n = a.originalEvent;
       !this.options.dragOverBubble && !n.rootEl && this._handleAutoScroll(n);
     },
     drop: function() {
-      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();
+      this.sortable.nativeDraggable ? D(document, "dragover", this._handleAutoScroll) : (D(document, "pointermove", this._handleFallbackAutoScroll), D(document, "touchmove", this._handleFallbackAutoScroll), D(document, "mousemove", this._handleFallbackAutoScroll)), A1(), B0(), h4();
     },
     nulling: function() {
-      k0 = t1 = l0 = a1 = s0 = G0 = J0 = null, K.length = 0;
+      N0 = a1 = s0 = r1 = i0 = J0 = X0 = null, Q.length = 0;
     },
     _handleFallbackAutoScroll: function(a) {
       this._handleAutoScroll(a, !0);
     },
     _handleAutoScroll: function(a, n) {
       var i = this, c = (a.touches ? a.touches[0] : a).clientX, u = (a.touches ? a.touches[0] : a).clientY, p = document.elementFromPoint(c, u);
-      if (k0 = a, n || this.options.forceAutoScrollFallback || d0 || F2 || i0) {
-        X0(a, this.options, p, n);
-        var _ = R2(p, !0);
-        a1 && (!s0 || c !== G0 || u !== J0) && (s0 && B1(), s0 = setInterval(function() {
-          var m = R2(document.elementFromPoint(c, u), !0);
-          m !== _ && (_ = m, S0()), X0(a, i.options, m, n);
-        }, 10), G0 = c, J0 = u);
+      if (N0 = a, n || this.options.forceAutoScrollFallback || v0 || F2 || c0) {
+        K0(a, this.options, p, n);
+        var _ = I2(p, !0);
+        r1 && (!i0 || c !== J0 || u !== X0) && (i0 && A1(), i0 = setInterval(function() {
+          var m = I2(document.elementFromPoint(c, u), !0);
+          m !== _ && (_ = m, B0()), K0(a, i.options, m, n);
+        }, 10), J0 = c, X0 = u);
       } else {
-        if (!this.options.bubbleScroll || R2(p, !0) === y2()) {
-          S0();
+        if (!this.options.bubbleScroll || I2(p, !0) === y2()) {
+          B0();
           return;
         }
-        X0(a, this.options, R2(p, !1), !1);
+        K0(a, this.options, I2(p, !1), !1);
       }
     }
   }, T2(t, {
@@ -1189,35 +1189,35 @@ function D4() {
     initializeByDefault: !0
   });
 }
-function S0() {
-  K.forEach(function(t) {
+function B0() {
+  Q.forEach(function(t) {
     clearInterval(t.pid);
-  }), K = [];
+  }), Q = [];
 }
-function B1() {
-  clearInterval(s0);
+function A1() {
+  clearInterval(i0);
 }
-var X0 = P1(function(t, e, a, n) {
+var K0 = P1(function(t, e, a, n) {
   if (e.scroll) {
     var i = (t.touches ? t.touches[0] : t).clientX, c = (t.touches ? t.touches[0] : t).clientY, u = e.scrollSensitivity, p = e.scrollSpeed, _ = y2(), m = !1, d;
-    t1 !== a && (t1 = a, S0(), l0 = e.scroll, d = e.scrollFn, l0 === !0 && (l0 = R2(a, !0)));
-    var h = 0, w = l0;
+    a1 !== a && (a1 = a, B0(), s0 = e.scroll, d = e.scrollFn, s0 === !0 && (s0 = I2(a, !0)));
+    var h = 0, w = s0;
     do {
-      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++)
-          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 = 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);
+      var E = w, b = e2(E), y = b.top, T = b.bottom, P = b.left, I = b.right, R = b.width, q = b.height, a2 = void 0, s2 = void 0, M2 = E.scrollWidth, A2 = E.scrollHeight, K = V(E), b2 = E.scrollLeft, w2 = E.scrollTop;
+      E === _ ? (a2 = R < M2 && (K.overflowX === "auto" || K.overflowX === "scroll" || K.overflowX === "visible"), s2 = q < A2 && (K.overflowY === "auto" || K.overflowY === "scroll" || K.overflowY === "visible")) : (a2 = R < M2 && (K.overflowX === "auto" || K.overflowX === "scroll"), s2 = q < A2 && (K.overflowY === "auto" || K.overflowY === "scroll"));
+      var B = a2 && (Math.abs(I - i) <= u && b2 + R < M2) - (Math.abs(P - i) <= u && !!b2), x = s2 && (Math.abs(T - c) <= u && w2 + q < A2) - (Math.abs(y - c) <= u && !!w2);
+      if (!Q[h])
+        for (var Y = 0; Y <= h; Y++)
+          Q[Y] || (Q[Y] = {});
+      (Q[h].vx != B || Q[h].vy != x || Q[h].el !== E) && (Q[h].el = E, Q[h].vx = B, Q[h].vy = x, clearInterval(Q[h].pid), (B != 0 || x != 0) && (m = !0, Q[h].pid = setInterval((function() {
+        n && this.layer === 0 && H.active._onTouchMove(N0);
+        var J = Q[this.layer].vy ? Q[this.layer].vy * p : 0, n2 = Q[this.layer].vx ? Q[this.layer].vx * p : 0;
+        typeof d == "function" && d.call(H.dragged.parentNode[_2], n2, J, t, N0, Q[this.layer].el) !== "continue" || I1(Q[this.layer].el, n2, J);
       }).bind({
         layer: h
       }), 24))), h++;
-    } while (e.bubbleScroll && w !== _ && (w = R2(w, !1)));
-    a1 = m;
+    } while (e.bubbleScroll && w !== _ && (w = I2(w, !1)));
+    r1 = m;
   }
 }, 30), G1 = function(e) {
   var a = e.originalEvent, n = e.putSortable, i = e.dragEl, c = e.activeSortable, u = e.dispatchSortableEvent, p = e.hideGhostForTarget, _ = e.unhideGhostForTarget;
@@ -1231,9 +1231,9 @@ var X0 = P1(function(t, e, a, n) {
     }));
   }
 };
-function h1() {
+function d1() {
 }
-h1.prototype = {
+d1.prototype = {
   startIndex: null,
   dragStart: function(e) {
     var a = e.oldDraggableIndex;
@@ -1242,29 +1242,29 @@ h1.prototype = {
   onSpill: function(e) {
     var a = e.dragEl, n = e.putSortable;
     this.sortable.captureAnimationState(), n && n.captureAnimationState();
-    var i = t0(this.sortable.el, this.startIndex, this.options);
+    var i = a0(this.sortable.el, this.startIndex, this.options);
     i ? this.sortable.el.insertBefore(a, i) : this.sortable.el.appendChild(a), this.sortable.animateAll(), n && n.animateAll();
   },
   drop: G1
 };
-T2(h1, {
+T2(d1, {
   pluginName: "revertOnSpill"
 });
-function d1() {
+function v1() {
 }
-d1.prototype = {
+v1.prototype = {
   onSpill: function(e) {
     var a = e.dragEl, n = e.putSortable, i = n || this.sortable;
     i.captureAnimationState(), a.parentNode && a.parentNode.removeChild(a), i.animateAll();
   },
   drop: G1
 };
-T2(d1, {
+T2(v1, {
   pluginName: "removeOnSpill"
 });
 H.mount(new D4());
-H.mount(d1, h1);
-var v1 = {
+H.mount(v1, d1);
+var f1 = {
   name: "zh-cn",
   el: {
     breadcrumb: {
@@ -1875,7 +1875,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Be = Se, Ae = /* @__PURE__ */ s({
+}), Ae = Se, Be = /* @__PURE__ */ s({
   name: "Brush",
   __name: "brush",
   setup(t) {
@@ -1889,7 +1889,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), De = Ae, Le = /* @__PURE__ */ s({
+}), De = Be, Le = /* @__PURE__ */ s({
   name: "Burger",
   __name: "burger",
   setup(t) {
@@ -2294,7 +2294,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), B6 = S6, A6 = /* @__PURE__ */ s({
+}), A6 = S6, B6 = /* @__PURE__ */ s({
   name: "Clock",
   __name: "clock",
   setup(t) {
@@ -2316,7 +2316,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), D6 = A6, L6 = /* @__PURE__ */ s({
+}), D6 = B6, L6 = /* @__PURE__ */ s({
   name: "CloseBold",
   __name: "close-bold",
   setup(t) {
@@ -2736,7 +2736,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), f1 = S3, B3 = /* @__PURE__ */ s({
+}), w1 = S3, A3 = /* @__PURE__ */ s({
   name: "Dessert",
   __name: "dessert",
   setup(t) {
@@ -2750,7 +2750,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), A3 = B3, D3 = /* @__PURE__ */ s({
+}), B3 = A3, D3 = /* @__PURE__ */ s({
   name: "Discount",
   __name: "discount",
   setup(t) {
@@ -3152,7 +3152,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Bt = St, At = /* @__PURE__ */ s({
+}), At = St, Bt = /* @__PURE__ */ s({
   name: "FolderChecked",
   __name: "folder-checked",
   setup(t) {
@@ -3166,7 +3166,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Dt = At, Lt = /* @__PURE__ */ s({
+}), Dt = Bt, Lt = /* @__PURE__ */ s({
   name: "FolderDelete",
   __name: "folder-delete",
   setup(t) {
@@ -3548,7 +3548,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Ba = Sa, Aa = /* @__PURE__ */ s({
+}), Aa = Sa, Ba = /* @__PURE__ */ s({
   name: "HotWater",
   __name: "hot-water",
   setup(t) {
@@ -3562,7 +3562,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Da = Aa, La = /* @__PURE__ */ s({
+}), Da = Ba, La = /* @__PURE__ */ s({
   name: "House",
   __name: "house",
   setup(t) {
@@ -3971,7 +3971,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), B8 = S8, A8 = /* @__PURE__ */ s({
+}), A8 = S8, B8 = /* @__PURE__ */ s({
   name: "Menu",
   __name: "menu",
   setup(t) {
@@ -3985,7 +3985,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), D8 = A8, L8 = /* @__PURE__ */ s({
+}), D8 = B8, L8 = /* @__PURE__ */ s({
   name: "MessageBox",
   __name: "message-box",
   setup(t) {
@@ -4405,7 +4405,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Br = Sr, Ar = /* @__PURE__ */ s({
+}), Ar = Sr, Br = /* @__PURE__ */ s({
   name: "Paperclip",
   __name: "paperclip",
   setup(t) {
@@ -4419,7 +4419,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Dr = Ar, Lr = /* @__PURE__ */ s({
+}), Dr = Br, Lr = /* @__PURE__ */ s({
   name: "PartlyCloudy",
   __name: "partly-cloudy",
   setup(t) {
@@ -4830,7 +4830,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Sn = yn, Bn = /* @__PURE__ */ s({
+}), Sn = yn, An = /* @__PURE__ */ s({
   name: "RefreshRight",
   __name: "refresh-right",
   setup(t) {
@@ -4844,7 +4844,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), An = Bn, Dn = /* @__PURE__ */ s({
+}), Bn = An, Dn = /* @__PURE__ */ s({
   name: "Refresh",
   __name: "refresh",
   setup(t) {
@@ -5245,7 +5245,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Bo = So, Ao = /* @__PURE__ */ s({
+}), Ao = So, Bo = /* @__PURE__ */ s({
   name: "SortUp",
   __name: "sort-up",
   setup(t) {
@@ -5259,7 +5259,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Do = Ao, Lo = /* @__PURE__ */ s({
+}), Do = Bo, Lo = /* @__PURE__ */ s({
   name: "Sort",
   __name: "sort",
   setup(t) {
@@ -5662,7 +5662,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Bl = Sl, Al = /* @__PURE__ */ s({
+}), Al = Sl, Bl = /* @__PURE__ */ s({
   name: "Trophy",
   __name: "trophy",
   setup(t) {
@@ -5676,7 +5676,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), Dl = Al, Ll = /* @__PURE__ */ s({
+}), Dl = Bl, Ll = /* @__PURE__ */ s({
   name: "TurnOff",
   __name: "turn-off",
   setup(t) {
@@ -5931,7 +5931,7 @@ var L4 = /* @__PURE__ */ s({
       })
     ]));
   }
-}), O0 = u5, p5 = /* @__PURE__ */ s({
+}), P0 = u5, p5 = /* @__PURE__ */ s({
   name: "Warning",
   __name: "warning",
   setup(t) {
@@ -6052,7 +6052,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Box: Ee,
   Briefcase: ye,
   Brush: De,
-  BrushFilled: Be,
+  BrushFilled: Ae,
   Burger: Te,
   Calendar: ke,
   Camera: Ie,
@@ -6077,7 +6077,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CircleCheckFilled: x6,
   CircleClose: E6,
   CircleCloseFilled: z6,
-  CirclePlus: B6,
+  CirclePlus: A6,
   CirclePlusFilled: y6,
   Clock: D6,
   Close: k6,
@@ -6103,10 +6103,10 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   DataAnalysis: x3,
   DataBoard: M3,
   DataLine: z3,
-  Delete: f1,
+  Delete: w1,
   DeleteFilled: E3,
   DeleteLocation: y3,
-  Dessert: A3,
+  Dessert: B3,
   Discount: L3,
   Dish: O3,
   DishDot: F3,
@@ -6134,7 +6134,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Flag: Et,
   Fold: yt,
   Folder: It,
-  FolderAdd: Bt,
+  FolderAdd: At,
   FolderChecked: Dt,
   FolderDelete: Tt,
   FolderOpened: kt,
@@ -6160,7 +6160,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   HelpFilled: Ma,
   Hide: Ea,
   Histogram: ya,
-  HomeFilled: Ba,
+  HomeFilled: Aa,
   HotWater: Da,
   House: Ta,
   IceCream: Ia,
@@ -6187,7 +6187,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Management: z8,
   MapLocation: E8,
   Medal: y8,
-  Memo: B8,
+  Memo: A8,
   Menu: D8,
   Message: k8,
   MessageBox: T8,
@@ -6214,7 +6214,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Open: zr,
   Operation: Er,
   Opportunity: yr,
-  Orange: Br,
+  Orange: Ar,
   Paperclip: Dr,
   PartlyCloudy: Tr,
   Pear: kr,
@@ -6242,7 +6242,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ReadingLamp: Hn,
   Refresh: Ln,
   RefreshLeft: Sn,
-  RefreshRight: An,
+  RefreshRight: Bn,
   Refrigerator: Fn,
   Remove: Pn,
   RemoveFilled: On,
@@ -6268,7 +6268,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   Soccer: Eo,
   SoldOut: yo,
   Sort: To,
-  SortDown: Bo,
+  SortDown: Ao,
   SortUp: Do,
   Stamp: ko,
   Star: Io,
@@ -6295,7 +6295,7 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TopRight: zl,
   TrendCharts: yl,
   Trophy: Dl,
-  TrophyBase: Bl,
+  TrophyBase: Al,
   TurnOff: Tl,
   Umbrella: kl,
   Unlock: Nl,
@@ -6313,25 +6313,25 @@ const b5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   WalletFilled: o5,
   WarnTriangleFilled: c5,
   Warning: _5,
-  WarningFilled: O0,
+  WarningFilled: P0,
   Watch: h5,
   Watermelon: v5,
   WindPower: w5,
   ZoomIn: x5,
   ZoomOut: M5
 }, Symbol.toStringTag, { value: "Module" }));
-function R0() {
+function q0() {
   const t = (/* @__PURE__ */ new Date()).getTime(), e = Math.floor(Math.random() * 1e3);
   return `${t}${e}`;
 }
 let K1 = null;
-function w1(t = [], e) {
+function g1(t = [], e) {
   t.forEach((a) => {
     const n = a.componentName;
-    ["ElCard", "ElTabPane", "GridComponent", "DivComponent"].includes(n) && a.id && e({ id: a.id }), a.children && Array.isArray(a.children) && w1(a.children, e);
+    ["ElCard", "ElTabPane", "GridComponent", "DivComponent"].includes(n) && a.id && e({ id: a.id }), a.children && Array.isArray(a.children) && g1(a.children, e);
   });
 }
-function C2() {
+function x2() {
   return K1;
 }
 function z5(t) {
@@ -6343,13 +6343,13 @@ function Q1(t, e, a = null) {
     id: e,
     parentId: a
   };
-  return t.children && (n.children = t.children.map((i) => Q1(i, R0(), e))), n;
+  return t.children && (n.children = t.children.map((i) => Q1(i, q0(), e))), n;
 }
-let r1 = {};
+let n1 = {};
 function Z1(t, e) {
   var a;
   for (const n of t) {
-    if (r1[e] = n, n.id === e) return n;
+    if (n1[e] = n, n.id === e) return n;
     if ((a = n.children) != null && a.length) {
       const i = Z1(n.children, e);
       if (i) return i;
@@ -6357,8 +6357,8 @@ function Z1(t, e) {
   }
   return null;
 }
-function K0(t, e) {
-  return r1[e] ? r1[e] : Z1(t, e);
+function Q0(t, e) {
+  return n1[e] ? n1[e] : Z1(t, e);
 }
 function e4(t, e) {
   var a;
@@ -6373,9 +6373,9 @@ function e4(t, e) {
 }
 function t4(t, e) {
   const a = e.dataset.component;
-  t.setData("type", a), e.closest("[data-id]") ? t.setData("itemId", e.closest("[data-id]").dataset.id) : t.setData("itemId", R0());
+  t.setData("type", a), e.closest("[data-id]") ? t.setData("itemId", e.closest("[data-id]").dataset.id) : t.setData("itemId", q0());
 }
-const m0 = {
+const h0 = {
   teleportTo: F(null),
   SET_TELEPORT_TO(t) {
     this.teleportTo.value = t;
@@ -6386,9 +6386,9 @@ const m0 = {
     this.componentMap = t;
   }
 };
-function A2(t) {
-  const e = C2();
-  e && (e.onmouseenter = null, e.onmouseleave = null), t && (m0.SET_TELEPORT_TO(t), J2(() => {
+function B2(t) {
+  const e = x2();
+  e && (e.onmouseenter = null, e.onmouseleave = null), t && (h0.SET_TELEPORT_TO(t), q2(() => {
     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 = () => {
       a.style.zIndex = "auto";
@@ -6397,38 +6397,40 @@ function A2(t) {
     };
   }));
 }
-function n1(t) {
+function o1(t) {
   if (t === null || typeof t != "object") return t;
   if (Array.isArray(t))
-    return t.map((a) => n1(a)).filter((a) => a !== void 0);
+    return t.map((a) => o1(a)).filter((a) => a !== void 0);
   const e = {};
   for (const a in t)
     if (Object.prototype.hasOwnProperty.call(t, a)) {
-      const n = n1(t[a]);
+      const n = o1(t[a]);
       n !== void 0 && (e[a] = n);
     }
   return e;
 }
-const x2 = F({
+const d2 = F({
   components: []
   // 顶级组件列表，支持嵌套 children
 });
-let q2 = {};
-function b0(t) {
-  x2.value.components = JSON.parse(JSON.stringify(t));
+let R2 = {};
+function H0(t) {
+  d2.value.components = JSON.parse(JSON.stringify(t));
 }
 function H5() {
   function t({ id: n = "", el: i = null, componentJSON: c = null }) {
     var p, _, m;
-    if (!i && !n)
+    if (!i && !n) {
+      console.error("必须提供 id 或 el");
       return;
-    q2[n] && (q2[n].destroy(), delete q2[n]);
+    }
+    R2[n] && (R2[n].destroy(), delete R2[n]);
     let u = i || document.querySelector(`[data-id='${n}']`);
     if (((p = u == null ? void 0 : u.dataset) == null ? void 0 : p.component) === "ElCard") {
       if (u = u.querySelector(".el-card__body"), !u) return;
     } else if ((((_ = u == null ? void 0 : u.dataset) == null ? void 0 : _.component) === "GridComponent" || ((m = u == null ? void 0 : u.dataset) == null ? void 0 : m.component) === "DivComponent") && (u = u.querySelector(".element"), !u))
       return;
-    q2[n] = H.create(u, {
+    R2[n] = H.create(u, {
       group: { name: "shared" },
       animation: 150,
       setData: t4,
@@ -6440,7 +6442,7 @@ function H5() {
         e(d);
       },
       onMove: () => {
-        m0.SET_TELEPORT_TO(null);
+        h0.SET_TELEPORT_TO(null);
       },
       onUpdate: a
     });
@@ -6452,7 +6454,7 @@ function H5() {
       return;
     }
     const u = n.originalEvent.dataTransfer.getData("itemId");
-    let p = n1(a4.componentMap[i]);
+    let p = o1(a4.componentMap[i]);
     if (!p) return;
     let _ = Q1(p, u);
     if (_.noUseForm)
@@ -6468,50 +6470,54 @@ function H5() {
         //         if (name !== 'ElRadioGroup' && name !== 'ElCheckboxGroup') e.preventDefault();
         //     }
         // },
-        id: R0(),
+        id: q0(),
         children: [_]
       };
     }
     if (c) {
-      const m = c.dataset.id, d = K0(x2.value.components, m);
+      const m = c.dataset.id, d = Q0(d2.value.components, m);
       d && d.children.splice(n.newIndex, 0, _);
     } else
-      x2.value.components[n.newIndex] ? x2.value.components.splice(n.newIndex, 0, _) : x2.value.components.push(_);
-    (i === "ElCard" || i === "ElTabs" || i === "GridComponent" || i === "DivComponent") && J2(() => {
+      d2.value.components[n.newIndex] ? d2.value.components.splice(n.newIndex, 0, _) : d2.value.components.push(_);
+    (i === "ElCard" || i === "ElTabs" || i === "GridComponent" || i === "DivComponent") && q2(() => {
       var m;
       (m = _.children) != null && m.length ? _.children.forEach((d) => t({ id: d.id })) : t({ id: _.id });
     });
   }
   function a(n) {
     var w;
-    if (!((w = n.item) == null ? void 0 : w.dataset.id))
+    if (!((w = n.item) == null ? void 0 : w.dataset.id)) {
+      console.error("itemId 为空");
       return;
-    const c = n.from.closest("[data-id]"), u = n.to.closest("[data-id]"), p = (c == null ? void 0 : c.dataset.id) || null, _ = (u == null ? void 0 : u.dataset.id) || null, m = p ? K0(x2.value.components, p) : { children: x2.value.components }, d = _ ? K0(x2.value.components, _) : { children: x2.value.components };
+    }
+    const c = n.from.closest("[data-id]"), u = n.to.closest("[data-id]"), p = (c == null ? void 0 : c.dataset.id) || null, _ = (u == null ? void 0 : u.dataset.id) || null, m = p ? Q0(d2.value.components, p) : { children: d2.value.components }, d = _ ? Q0(d2.value.components, _) : { children: d2.value.components };
     let [h] = m.children.splice(n.oldDraggableIndex, 1);
-    d.children.splice(n.newIndex, 0, h), h.componentName === "ElCard" || h.componentName === "ElTabs" || h.componentName === "GridComponent" || h.componentName === "DivComponent" ? J2(() => {
+    d.children.splice(n.newIndex, 0, h), d2.value.components, h.componentName === "ElCard" || h.componentName === "ElTabs" || h.componentName === "GridComponent" || h.componentName === "DivComponent" ? q2(() => {
       var E;
-      (h.componentName === "ElCard" || h.componentName === "GridComponent" || h.componentName === "DivComponent") && t({ id: h.id }), (E = h.children) != null && E.length && w1(h.children, t), A2(C2());
-    }) : A2(C2());
+      (h.componentName === "ElCard" || h.componentName === "GridComponent" || h.componentName === "DivComponent") && t({ id: h.id }), (E = h.children) != null && E.length && g1(h.children, t), B2(x2());
+    }) : B2(x2());
   }
   return {
     initSortable: t,
-    schema: x2
+    schema: d2
   };
 }
 function E5() {
-  Object.keys(q2).forEach((t) => {
-    q2[t] && t !== "" && (q2[t].destroy(), delete q2[t]);
+  Object.keys(R2).forEach((t) => {
+    R2[t] && t !== "" && (R2[t].destroy(), delete R2[t]);
   });
 }
-const I2 = {
+const P2 = {
   componentDataMap: {},
   SET_COMPONENT_DATA_MAP(t, e) {
-    !e || !t || (this.componentDataMap[t] = e);
+    if (!e || !t)
+      return console.error("组件和ID不能为空");
+    this.componentDataMap[t] = e;
   },
   CLEAR_COMPONENT_DATA_MAP() {
     this.componentDataMap = {};
   }
-}, B = {
+}, A = {
   formOptions: L1({
     labelWidth: null,
     labelPosition: "right",
@@ -6554,7 +6560,7 @@ const I2 = {
 function V5(t) {
   return t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z])([A-Z][a-z])/g, "$1-$2").toLowerCase();
 }
-const y5 = ["data-component", "data-id"], A1 = {
+const y5 = ["data-component", "data-id"], B1 = {
   __name: "dropItemComponent",
   props: {
     componentData: {
@@ -6567,11 +6573,11 @@ const y5 = ["data-component", "data-id"], A1 = {
     return (e, a) => {
       var n, i;
       return o(), l("div", {
-        class: P0(`drop-item drop-item-${M2(V5)(t.componentData.componentName)}`),
+        class: I0(`drop-item drop-item-${C2(V5)(t.componentData.componentName)}`),
         "data-component": t.componentData.componentName,
         "data-id": t.componentData.id || ((i = (n = t.componentData.children) == null ? void 0 : n[0]) == null ? void 0 : i.id)
       }, [
-        s1(e.$slots, "default")
+        i1(e.$slots, "default")
       ], 10, y5);
     };
   }
@@ -6617,23 +6623,23 @@ ${this.styleObjectToCssString(e)}
     }
   },
   setup(t) {
-    const e = t, a = G2(() => {
+    const e = t, a = J2(() => {
       const n = {
         textAlign: e.textAlign,
         padding: e.padding
       };
       return $2.SET_STYLES(e.class.split(" ")[1], n), n;
     });
-    return i1(() => {
+    return c1(() => {
       $2.DELETE_STYLES(e.class.split(" ")[1]);
     }), (n, i) => (o(), l("div", {
-      class: P0(["element block-element", { "div-border": !t.isPreview }]),
-      style: c1(a.value)
+      class: I0(["element block-element", { "div-border": !t.isPreview }]),
+      style: u1(a.value)
     }, [
-      s1(n.$slots, "default", {}, void 0, !0)
+      i1(n.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}, B5 = /* @__PURE__ */ k2(S5, [["__scopeId", "data-v-b4ec6a05"]]), A5 = {
+}, A5 = /* @__PURE__ */ k2(S5, [["__scopeId", "data-v-b4ec6a05"]]), B5 = {
   __name: "gridComponent",
   props: {
     class: {
@@ -6653,23 +6659,23 @@ ${this.styleObjectToCssString(e)}
     }
   },
   setup(t) {
-    const e = t, a = G2(() => {
+    const e = t, a = J2(() => {
       const n = {
         "grid-template-columns": `repeat(${e.columns || 1}, calc(100% / ${e.columns || 1} - ${(e.gap ? e.gap : 0) + "px"}))`,
         "grid-gap": `${e.gap}px`
       };
       return $2.SET_STYLES(e.class.split(" ")[1], { ...n, display: "grid" }), n;
     });
-    return i1(() => {
+    return c1(() => {
       $2.DELETE_STYLES(e.class.split(" ")[1]);
     }), (n, i) => (o(), l("div", {
-      class: P0(["element grid", { "grid-border": !t.isPreview }]),
-      style: c1(a.value)
+      class: I0(["element grid", { "grid-border": !t.isPreview }]),
+      style: u1(a.value)
     }, [
-      s1(n.$slots, "default", {}, void 0, !0)
+      i1(n.$slots, "default", {}, void 0, !0)
     ], 6));
   }
-}, D5 = /* @__PURE__ */ k2(A5, [["__scopeId", "data-v-9c27fd62"]]), D1 = {
+}, D5 = /* @__PURE__ */ k2(B5, [["__scopeId", "data-v-9c27fd62"]]), D1 = {
   icons: {},
   SET_ICONS(t, e) {
     this.icons[t] = e;
@@ -6696,38 +6702,38 @@ ${this.styleObjectToCssString(e)}
     }
   },
   setup(t) {
-    const e = t, a = G2(() => {
+    const e = t, a = J2(() => {
       const 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 u1(() => {
+    return p1(() => {
       D1.SET_ICONS(e.class, e.icon);
-    }), i1(() => {
+    }), c1(() => {
       D1.DELETE_ICONS(e.class), $2.DELETE_STYLES(`${e.class} ::v-deep(.el-icon)`);
     }), (n, i) => {
       const c = N("el-icon");
-      return o(), Q(c, {
-        style: c1(a.value)
+      return o(), Z(c, {
+        style: u1(a.value)
       }, {
         default: z(() => [
-          (o(), Q(T1(b5[e.icon])))
+          (o(), Z(T1(b5[e.icon])))
         ]),
         _: 1
       }, 8, ["style"]);
     };
   }
 }, T5 = ["ElCheckbox", "ElFormItem", "ElRadio", "ElOption", "ElTable", "ElTableColumn", "ElTabPane", "ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent", "div"], F5 = ["ElFormItem", "ElTabs", "ElTable", "ElDivider", "ElButton", "DivComponent"];
-function o1(t, e) {
+function l1(t, e) {
   return t.map((a) => {
     var n;
     if (a.componentName === "template" && a[e])
-      return o1(a[e]);
+      return l1(a[e]);
     if (a.componentName) {
       const i = {
         ...a.props,
         class: ((n = a.props) == null ? void 0 : n.class) || ""
-      }, c = a[e] ? o1(a[e]) : void 0;
-      return f2(
+      }, c = a[e] ? l1(a[e]) : void 0;
+      return v2(
         L2[a.componentName] || a.componentName,
         i,
         c || a.label
@@ -6739,60 +6745,60 @@ function o1(t, e) {
 const k5 = {
   ElUpload: "fileList"
 };
-function g1({ isPreview: t = !1, callback: e }) {
-  const a = t ? B.previewFormData : B.formData, n = T5;
+function x1({ isPreview: t = !1, callback: e }) {
+  const a = t ? A.previewFormData : A.formData, n = T5;
   function i(c) {
-    var M, y;
-    c.parentId || I2.SET_COMPONENT_DATA_MAP(c.id, c), c.componentName === "ElFormItem" && c.props.rules && !t && B.SET_FORM_RULES(`field${c.children[0].id}`, c.props.rules);
+    var b, y;
+    c.parentId || P2.SET_COMPONENT_DATA_MAP(c.id, c), c.componentName === "ElFormItem" && c.props.rules && !t && A.SET_FORM_RULES(`field${c.children[0].id}`, c.props.rules);
     const u = `field${c.id}`, p = t ? "SET_PREVIEW_FORM_DATA" : "SET_FORM_DATA";
-    n.indexOf(c.componentName) === -1 && !(u in a.value) && (c.componentName === "ElTabs" ? B[p](u, c.children[0].props.name || "") : B[p](u, c.componentName === "ElCheckboxGroup" || c.componentName === "ElUpload" ? [] : ""));
+    n.indexOf(c.componentName) === -1 && !(u in a.value) && (c.componentName === "ElTabs" ? A[p](u, c.children[0].props.name || "") : A[p](u, c.componentName === "ElCheckboxGroup" || c.componentName === "ElUpload" ? [] : ""));
     const _ = { ...c.props }, m = c.on && Object.keys(c.on) ? c.on : {};
     if (a && n.indexOf(c.componentName) === -1) {
-      const L = k5[c.componentName] || "modelValue";
-      _[L] = a.value[u], _[`onUpdate:${L}`] = (R) => {
-        B[p](u, R);
+      const T = k5[c.componentName] || "modelValue";
+      _[T] = a.value[u], _[`onUpdate:${T}`] = (P) => {
+        A[p](u, P);
       };
     }
     let d = {};
     if (c.children && Array.isArray(c.children))
-      for (const L of c.children)
-        L && (L.componentName === "template" && L.slot ? d[L.slot] = () => {
-          var R;
-          return (R = L.children) == null ? void 0 : R.map(i);
-        } : (d.default || (d.default = () => []), d.default = /* @__PURE__ */ ((R) => () => [...R(), i(L)])(d.default)));
+      for (const T of c.children)
+        T && (T.componentName === "template" && T.slot ? d[T.slot] = () => {
+          var P;
+          return (P = T.children) == null ? void 0 : P.map(i);
+        } : (d.default || (d.default = () => []), d.default = /* @__PURE__ */ ((P) => () => [...P(), i(T)])(d.default)));
     else c.label && (d.default = () => c.label);
-    c.componentName === "ElTabPane" && (_["data-id"] = c.id), _.icon && (_.icon = f2(L5, { icon: _.icon, ..._.iconStyle, class: _.class }, {}));
+    c.componentName === "ElTabPane" && (_["data-id"] = c.id), _.icon && (_.icon = v2(L5, { icon: _.icon, ..._.iconStyle, class: _.class }, {}));
     const h = c.id;
     if (c.componentName === "ElCard")
-      return f2("div", {
+      return v2("div", {
         key: h,
         class: "drop-item drop-item-card",
         "data-id": c.id,
         "data-component": c.componentName
-      }, [f2(L2[c.componentName], _, {
+      }, [v2(L2[c.componentName], _, {
         ...d,
-        [c.staticChildren[0].slot]: () => o1(c.staticChildren, "staticChildren")
+        [c.staticChildren[0].slot]: () => l1(c.staticChildren, "staticChildren")
       })]);
-    const w = c.componentName === "ElFormItem" ? (y = (M = c.children) == null ? void 0 : M[0]) == null ? void 0 : y.componentName : c.componentName;
+    const w = c.componentName === "ElFormItem" ? (y = (b = c.children) == null ? void 0 : b[0]) == null ? void 0 : y.componentName : c.componentName;
     if (c.componentName === "GridComponent")
-      return f2(A1, { componentData: { ...c, componentName: w }, key: h }, {
-        default: () => f2(D5, { isPreview: t, ...c.props }, d)
+      return v2(B1, { componentData: { ...c, componentName: w }, key: h }, {
+        default: () => v2(D5, { isPreview: t, ...c.props }, d)
       });
     let E;
     if (c.componentName === "DivComponent")
       E = {
-        default: () => f2(B5, { isPreview: t, ...c.props }, d)
+        default: () => v2(A5, { isPreview: t, ...c.props }, d)
       };
     else {
-      const L = f2(L2[c.componentName] || c.componentName, {
+      const T = v2(L2[c.componentName] || c.componentName, {
         ..._,
         ...m
       }, d);
       E = {
-        default: () => L
-      }, e && e(c.componentName, u, L);
+        default: () => T
+      }, e && e(c.componentName, u, T);
     }
-    return F5.indexOf(c.componentName) > -1 && !c.parentId ? f2(A1, {
+    return F5.indexOf(c.componentName) > -1 && !c.parentId ? v2(B1, {
       componentData: { ...c, componentName: w },
       key: h
     }, E) : E.default();
@@ -6891,7 +6897,7 @@ const O5 = [
   ElTableConfigProps: J5,
   ElUploadConfigProps: G5,
   GridComponentConfigProps: j5
-}, Symbol.toStringTag, { value: "Module" })), N0 = {
+}, Symbol.toStringTag, { value: "Module" })), e0 = {
   tableData: [],
   tableKeys: [],
   SET_TABLE_DATA(t) {
@@ -6916,10 +6922,10 @@ const O5 = [
     formRef: Object
   },
   setup(t, { expose: e }) {
-    e({ reset: P, select: e2 });
+    e({ reset: q, select: R });
     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) => {
+    let b = !1;
+    const y = J2(() => u.value ? !u.value.noUseForm : !1), T = J2(() => (v) => {
       if (p.value.componentName === "ElUpload") {
         if (v.name === "提示内容")
           return p.value.children[1].children[0];
@@ -6936,34 +6942,36 @@ const O5 = [
           return p.value;
       }
       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 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;
-        w.indexOf(v.componentName) > -1 || h.value ? q = v.children : v.componentName === "ElFormItem" && (q = v.children[0].children), m.value = (q || []).map((U, h2) => (d.value[h2] = U.props.label, U.props));
+    }), P = J2(() => (v) => p.value.componentName === "ElUpload" && v.key === "text" ? p.value.children[0].props : p.value.props), I = J2(() => (v) => p.value.componentName === "ElUpload" && v.key === "fontSize" ? p.value.children[0].props.iconStyle : p.value.props);
+    function R(v) {
+      var M, k;
+      if (h.value = v.componentName === "ElTable", b = 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 = ((M = v.props.rules) == null ? void 0 : M.required) || !1), d.value = [], m.value = [], v.children && v.children[0] && ((k = v.children[0]) == null ? void 0 : k.componentName) !== "ElUpload" && !v.parentId) {
+        let $;
+        w.indexOf(v.componentName) > -1 || h.value ? $ = v.children : v.componentName === "ElFormItem" && ($ = v.children[0].children), m.value = ($ || []).map((O, t2) => (d.value[t2] = O.props.label, O.props));
       }
       (y.value && v.children[0] || E.indexOf(p.value.componentName) > -1 || h.value) && (_.value = X5[`${p.value.componentName}ConfigProps`]);
     }
-    function P() {
+    function q() {
       n.value = "", c.value = !1, u.value = null, _.value = [], m.value = [];
     }
-    function m2() {
-      h && (N0.SET_TABLE_DATA(p.value.props.data), N0.SET_TABLE_DATA_KEYS(u.value.children.map((v) => v.props.prop)));
+    function a2() {
+      h && (e0.SET_TABLE_DATA(p.value.props.data), e0.SET_TABLE_DATA_KEYS(u.value.children.map((v) => v.props.prop)));
     }
     function s2(v) {
       u.value.props.label = v;
     }
-    function i2(v) {
+    function M2(v) {
       v ? u.value.props["label-width"] = Number(v) : delete u.value.props["label-width"];
     }
-    function E2() {
-      var k, U;
-      if (!((k = u.value) != null && k.props))
+    function A2() {
+      var k, $, O;
+      if (!((k = u.value) != null && k.props)) {
+        console.error(`currentData.value.props ${($ = u.value) == null ? void 0 : $.props}`);
         return;
-      const v = (U = u.value.children) == null ? void 0 : U[0], b = `field${v == null ? void 0 : v.id}`;
-      if (!c.value && B.rules.value[b]) {
-        delete u.value.props.rules, B.DELETE_FORM_DATA(b), B.DELETE_RULES(b), setTimeout(() => {
+      }
+      const v = (O = u.value.children) == null ? void 0 : O[0], M = `field${v == null ? void 0 : v.id}`;
+      if (!c.value && A.rules.value[M]) {
+        delete u.value.props.rules, A.DELETE_FORM_DATA(M), A.DELETE_RULES(M), setTimeout(() => {
           a.formRef.resetFields();
         });
         return;
@@ -6973,213 +6981,225 @@ const O5 = [
         // message: ()=> useFormCurrentData.value.props.ruleMessage,
         message: "该项为必填项!",
         trigger: v.children ? "change" : "blur"
-      }, B.SET_FORM_RULES(b, JSON.parse(JSON.stringify(u.value.props.rules))), setTimeout(() => {
+      }, A.SET_FORM_RULES(M, JSON.parse(JSON.stringify(u.value.props.rules))), setTimeout(() => {
         a.formRef.resetFields();
       }));
     }
-    function t2(v) {
-      var q, U, h2;
-      const b = v.key, k = ((h2 = (U = (q = u.value) == null ? void 0 : q.children) == null ? void 0 : U[0]) == null ? void 0 : h2.props) || {};
-      return b === "multiple-limit" || b === "collapse-tags" ? k.multiple === !0 : b === "unlink-panels" || b === "range-separator" ? k.type === "daterange" || k.type === "datetimerange" : b === "show-password" ? k.type === "password" : b === "maxlength" || b === "show-word-limit" ? k.type === "textarea" : !0;
+    function K(v) {
+      var $, O, t2;
+      const M = v.key, k = ((t2 = (O = ($ = u.value) == null ? void 0 : $.children) == null ? void 0 : O[0]) == null ? void 0 : t2.props) || {};
+      return M === "multiple-limit" || M === "collapse-tags" ? k.multiple === !0 : M === "unlink-panels" || M === "range-separator" ? k.type === "daterange" || k.type === "datetimerange" : M === "show-password" ? k.type === "password" : M === "maxlength" || M === "show-word-limit" ? k.type === "textarea" : !0;
     }
-    let A = "";
-    function x(v, b, k) {
-      if (v === "textarea" || A === "textarea") {
-        A = v, A2(C2()), delete u.value.children[0].props["show-password"], delete u.value.children[0].props["show-word-limit"], delete u.value.children[0].props.maxlength;
+    let b2 = "";
+    function w2(v, M, k) {
+      if (v === "textarea" || b2 === "textarea") {
+        b2 = v, B2(x2()), delete u.value.children[0].props["show-password"], delete u.value.children[0].props["show-word-limit"], delete u.value.children[0].props.maxlength;
         return;
       }
       if (v === "text" || v === "password") {
         delete u.value.children[0].props["show-password"], delete u.value.children[0].props["show-word-limit"], delete u.value.children[0].props.maxlength;
         return;
       }
-      b === "type" && k === "ElDatePicker" && B.SET_FORM_DATA([`field${u.value.children[0].id}`], null);
+      M === "type" && k === "ElDatePicker" && A.SET_FORM_DATA([`field${u.value.children[0].id}`], null);
     }
-    function J(v, b) {
+    function B(v, M) {
       if (h.value && v === "rows") {
         const k = {};
-        p.value.children.forEach((q) => {
-          k[q.props.prop] = "";
+        p.value.children.forEach((t2) => {
+          k[t2.props.prop] = "";
         });
-        for (let q = 0; q <= b - 1; q++)
-          p.value.props.data.push({ ...k });
-        m2();
+        const $ = p.value.props.data.length;
+        let O = -1;
+        if ($ < M) {
+          O = M - $ - 1;
+          for (let t2 = 0; t2 <= O; t2++)
+            p.value.props.data.push({ ...k });
+        } else
+          O = M, p.value.props.data.splice(O);
+        a2();
       }
     }
-    function X(v, b) {
+    function x(v, M) {
       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;
+        typeof u.value.children[0].props["collapse-tags-tooltip"] == "boolean" && !M ? (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"] = M;
         return;
       }
-      v === "border" && p.value.componentName !== "ElTable" && (b ? u.value.children[0].children.forEach((k) => {
+      v === "border" && p.value.componentName !== "ElTable" && (M ? u.value.children[0].children.forEach((k) => {
         k.props.border = !0;
       }) : u.value.children[0].children.forEach((k) => {
         delete k.props.border;
       }));
     }
-    function o2(v) {
-      h.value || M ? u.value.children.splice(v, 1) : u.value.children[0].children.splice(v, 1), m.value.splice(v, 1), d.value.splice(v, 1), A2(C2());
+    function Y(v) {
+      h.value || b ? u.value.children.splice(v, 1) : u.value.children[0].children.splice(v, 1), m.value.splice(v, 1), d.value.splice(v, 1), B2(x2());
     }
-    function W(v, b, k) {
-      const q = v[b];
-      v.splice(b, 1, v[k]), v.splice(k, 1, q);
+    function J(v, M, k) {
+      const $ = v[M];
+      v.splice(M, 1, v[k]), v.splice(k, 1, $);
     }
-    function I(v) {
-      W(m.value, v, v - 1), W(d.value, v, v - 1), W(M || h.value ? u.value.children : u.value.children[0].children, v, v - 1), A2(C2()), m2();
+    function n2(v) {
+      J(m.value, v, v - 1), J(d.value, v, v - 1), J(b || h.value ? u.value.children : u.value.children[0].children, v, v - 1), B2(x2()), a2();
     }
-    function O2(v) {
-      W(m.value, v, v + 1), W(d.value, v, v + 1), W(M || h.value ? u.value.children : u.value.children[0].children, v, v + 1), A2(C2()), m2();
+    function o2(v) {
+      J(m.value, v, v + 1), J(d.value, v, v + 1), J(b || h.value ? u.value.children : u.value.children[0].children, v, v + 1), B2(x2()), a2();
     }
-    function B2(v, b) {
-      m.value[b].label = v, A2(C2());
+    function W(v, M) {
+      m.value[M].label = v, B2(x2());
     }
-    function r2(v, b) {
-      m.value[b].name = v;
+    function j2(v, M) {
+      m.value[M].name = v;
     }
-    function x1() {
-      var h2, a0, r0, j2, n0, f0, w0;
-      if (!((a0 = (h2 = u.value) == null ? void 0 : h2.children) != null && a0.length))
+    function w0() {
+      var t2, r0, n0, U2, o0, g0, x0;
+      if (!((r0 = (t2 = u.value) == null ? void 0 : t2.children) != null && r0.length)) {
+        console.error("当前组件 length 为 0");
         return;
-      const v = M || h.value ? u.value.children : (r0 = u.value.children[0]) == null ? void 0 : r0.children;
-      if (!v)
+      }
+      const v = b || h.value ? u.value.children : (n0 = u.value.children[0]) == null ? void 0 : n0.children;
+      if (!v) {
+        console.error("目标children不存在");
         return;
-      const b = (/* @__PURE__ */ new Date()).getTime(), k = {
+      }
+      const M = (/* @__PURE__ */ new Date()).getTime(), k = {
         label: "New Option",
-        ...M ? { name: b } : { [h.value ? "prop" : "value"]: b.toString() }
+        ...b ? { name: M } : { [h.value ? "prop" : "value"]: M.toString() }
       };
-      (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)
+      (o0 = (U2 = u.value.children[0]) == null ? void 0 : U2.props) != null && o0.border && (k.border = !0);
+      const $ = b || h.value ? u.value.children[0].componentName : (x0 = (g0 = u.value.children[0]) == null ? void 0 : g0.children[0]) == null ? void 0 : x0.componentName;
+      if (!$) {
+        console.error("无法确定组件类型");
         return;
-      const U = {
-        componentName: q,
-        id: R0(),
+      }
+      const O = {
+        componentName: $,
+        id: q0(),
         parentId: u.value.componentName === "ElFormItem" ? u.value.children[0].id : u.value.id,
         props: k,
-        ...M ? { children: [] } : {}
+        ...b ? { children: [] } : {}
       };
-      v.push(L1({ ...U })), m.value && (d.value[d.value.length] = k.label, m.value.push(k)), M && J2(() => {
+      v.push(L1({ ...O })), m.value && (d.value[d.value.length] = k.label, m.value.push(k)), b && q2(() => {
         var C;
-        (C = a.initSortable) == null || C.call(a, { id: U.id, componentJSON: U });
-      }), A2(C2());
+        (C = a.initSortable) == null || C.call(a, { id: O.id, componentJSON: O });
+      }), B2(x2());
     }
-    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"), j2 = N("el-option"), n0 = N("el-select"), f0 = N("el-button"), w0 = N("el-form");
+    return (v, M) => {
+      const k = N("el-divider"), $ = N("el-input"), O = N("el-form-item"), t2 = N("el-icon"), r0 = N("el-input-number"), n0 = N("el-switch"), U2 = N("el-option"), o0 = N("el-select"), g0 = N("el-button"), x0 = N("el-form");
       return o(), l("div", null, [
-        g(w0, { "label-width": "90px" }, {
+        g(x0, { "label-width": "90px" }, {
           default: z(() => [
-            B0(g(k, null, {
-              default: z(() => b[4] || (b[4] = [
+            D0(g(k, null, {
+              default: z(() => M[4] || (M[4] = [
                 r("p", null, "表单属性", -1)
               ])),
               _: 1
             }, 512), [
-              [A0, y.value]
+              [L0, y.value]
             ]),
             y.value ? (o(), l(V2, { key: 0 }, [
-              g(U, { label: "标签文本" }, {
+              g(O, { label: "标签文本" }, {
                 default: z(() => [
-                  g(q, {
+                  g($, {
                     modelValue: n.value,
-                    "onUpdate:modelValue": b[0] || (b[0] = (C) => n.value = C),
+                    "onUpdate:modelValue": M[0] || (M[0] = (C) => n.value = C),
                     onChange: s2
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              g(U, null, {
+              g(O, null, {
                 label: z(() => [
-                  b[5] || (b[5] = w2(" 标签宽度 ")),
-                  g(h2, {
+                  M[5] || (M[5] = f2(" 标签宽度 ")),
+                  g(t2, {
                     class: "form-item-tip",
                     title: "0 或空为 auto"
                   }, {
                     default: z(() => [
-                      g(M2(O0))
+                      g(C2(P0))
                     ]),
                     _: 1
                   })
                 ]),
                 default: z(() => [
-                  g(a0, {
+                  g(r0, {
                     controls: !1,
                     modelValue: i.value,
-                    "onUpdate:modelValue": b[1] || (b[1] = (C) => i.value = C),
+                    "onUpdate:modelValue": M[1] || (M[1] = (C) => i.value = C),
                     min: 0,
                     "step-strictly": "",
                     step: 1,
-                    onChange: i2
+                    onChange: M2
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              g(U, { label: "是否必填" }, {
+              g(O, { label: "是否必填" }, {
                 default: z(() => [
-                  g(r0, {
+                  g(n0, {
                     modelValue: c.value,
-                    "onUpdate:modelValue": b[2] || (b[2] = (C) => c.value = C),
-                    onChange: E2
+                    "onUpdate:modelValue": M[2] || (M[2] = (C) => c.value = C),
+                    onChange: A2
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
               }),
-              c.value ? (o(), Q(U, {
+              c.value ? (o(), Z(O, {
                 key: 0,
                 label: "必填提示"
               }, {
                 default: z(() => [
-                  g(q, {
+                  g($, {
                     modelValue: u.value.props.rules.message,
-                    "onUpdate:modelValue": b[3] || (b[3] = (C) => u.value.props.rules.message = C)
+                    "onUpdate:modelValue": M[3] || (M[3] = (C) => u.value.props.rules.message = C)
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
-              })) : z2("", !0)
-            ], 64)) : z2("", !0),
-            B0(g(k, null, {
-              default: z(() => b[6] || (b[6] = [
+              })) : H2("", !0)
+            ], 64)) : H2("", !0),
+            D0(g(k, null, {
+              default: z(() => M[6] || (M[6] = [
                 r("p", null, "组件属性", -1)
               ])),
               _: 1
             }, 512), [
-              [A0, _.value && _.value.length]
+              [L0, _.value && _.value.length]
             ]),
-            (o(!0), l(V2, null, z0(_.value, (C) => (o(), l(V2, null, [
-              t2(C) ? (o(), Q(U, {
+            (o(!0), l(V2, null, E0(_.value, (C) => (o(), l(V2, null, [
+              K(C) ? (o(), Z(O, {
                 key: 0,
                 label: C.name
               }, r4({
                 default: z(() => [
-                  C.values ? (o(), Q(n0, {
+                  C.values ? (o(), Z(o0, {
                     key: 0,
                     modelValue: p.value.props[C.key],
-                    "onUpdate:modelValue": ($) => p.value.props[C.key] = $,
+                    "onUpdate:modelValue": (j) => p.value.props[C.key] = j,
                     placeholder: "请选择",
-                    onChange: ($) => x(p.value.props[C.key], C.key, p.value.componentName),
+                    onChange: (j) => w2(p.value.props[C.key], C.key, p.value.componentName),
                     clearable: C.clearable
                   }, {
                     default: z(() => [
-                      (o(!0), l(V2, null, z0(C.values, ($) => (o(), Q(j2, {
-                        value: $,
-                        label: $
+                      (o(!0), l(V2, null, E0(C.values, (j) => (o(), Z(U2, {
+                        value: j,
+                        label: j
                       }, null, 8, ["value", "label"]))), 256))
                     ]),
                     _: 2
                   }, 1032, ["modelValue", "onUpdate:modelValue", "onChange", "clearable"])) : (o(), l(V2, { key: 1 }, [
-                    typeof C.value == "boolean" ? (o(), Q(r0, {
+                    typeof C.value == "boolean" ? (o(), Z(n0, {
                       key: 0,
-                      modelValue: R.value(C)[C.key],
-                      "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, {
+                      modelValue: P.value(C)[C.key],
+                      "onUpdate:modelValue": (j) => P.value(C)[C.key] = j,
+                      onChange: (j) => x(C.key, p.value.props[C.key])
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : typeof C.value == "number" ? (o(), Z(r0, {
                       key: 1,
-                      modelValue: O.value(C)[C.key],
-                      "onUpdate:modelValue": ($) => O.value(C)[C.key] = $,
-                      onChange: ($) => J(C.key, O.value(C)[C.key]),
+                      modelValue: I.value(C)[C.key],
+                      "onUpdate:modelValue": (j) => I.value(C)[C.key] = j,
+                      onChange: (j) => B(C.key, I.value(C)[C.key]),
                       min: 0
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o(), Q(q, {
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])) : (o(), Z($, {
                       key: 2,
-                      modelValue: L.value(C)[C.key],
-                      "onUpdate:modelValue": ($) => L.value(C)[C.key] = $,
+                      modelValue: T.value(C)[C.key],
+                      "onUpdate:modelValue": (j) => T.value(C)[C.key] = j,
                       placeholder: `请输入${C.name}`,
                       clearable: C.clearable
                     }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder", "clearable"]))
@@ -7190,79 +7210,79 @@ const O5 = [
                 C.tip ? {
                   name: "label",
                   fn: z(() => [
-                    w2(h0(C.name) + " ", 1),
-                    g(h2, {
+                    f2(d0(C.name) + " ", 1),
+                    g(t2, {
                       class: "form-item-tip",
                       title: C.tip
                     }, {
                       default: z(() => [
-                        g(M2(O0))
+                        g(C2(P0))
                       ]),
                       _: 2
                     }, 1032, ["title"])
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1032, ["label"])) : z2("", !0)
+              ]), 1032, ["label"])) : H2("", !0)
             ], 64))), 256)),
             m.value.length ? (o(), l("div", K5, [
               g(k, null, {
                 default: z(() => [
-                  r("p", null, h0(h.value ? "表头" : "Options"), 1)
+                  r("p", null, d0(h.value ? "表头" : "Options"), 1)
                 ]),
                 _: 1
               }),
               r("ul", null, [
-                (o(!0), l(V2, null, z0(m.value, (C, $) => (o(), l("li", null, [
-                  g(U, { label: "文本" }, {
+                (o(!0), l(V2, null, E0(m.value, (C, j) => (o(), l("li", null, [
+                  g(O, { label: "文本" }, {
                     default: z(() => [
-                      g(q, {
-                        modelValue: d.value[$],
-                        "onUpdate:modelValue": (c2) => d.value[$] = c2,
-                        onChange: (c2) => B2(d.value[$], $)
+                      g($, {
+                        modelValue: d.value[j],
+                        "onUpdate:modelValue": (c2) => d.value[j] = c2,
+                        onChange: (c2) => W(d.value[j], j)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                     ]),
                     _: 2
                   }, 1024),
-                  typeof C.value < "u" ? (o(), Q(U, {
+                  typeof C.value < "u" ? (o(), Z(O, {
                     key: 0,
                     label: "值（value）"
                   }, {
                     default: z(() => [
-                      g(q, {
+                      g($, {
                         modelValue: C.value,
                         "onUpdate:modelValue": (c2) => C.value = c2
                       }, null, 8, ["modelValue", "onUpdate:modelValue"])
                     ]),
                     _: 2
                   }, 1024)) : h.value ? (o(), l(V2, { key: 1 }, [
-                    g(U, { label: "值（prop）" }, {
+                    g(O, { label: "值（prop）" }, {
                       default: z(() => [
-                        g(q, {
+                        g($, {
                           modelValue: C.prop,
                           "onUpdate:modelValue": (c2) => C.prop = c2
                         }, null, 8, ["modelValue", "onUpdate:modelValue"])
                       ]),
                       _: 2
                     }, 1024),
-                    g(U, { label: "对齐方式" }, {
+                    g(O, { label: "对齐方式" }, {
                       default: z(() => [
-                        g(n0, {
+                        g(o0, {
                           modelValue: C.align,
                           "onUpdate:modelValue": (c2) => C.align = c2,
                           placeholder: "请选择",
                           clearable: ""
                         }, {
                           default: z(() => [
-                            g(j2, {
+                            g(U2, {
                               value: "center",
                               label: "center"
                             }),
-                            g(j2, {
+                            g(U2, {
                               value: "right",
                               label: "right"
                             }),
-                            g(j2, {
+                            g(U2, {
                               value: "left",
                               label: "left"
                             })
@@ -7272,73 +7292,73 @@ const O5 = [
                       ]),
                       _: 2
                     }, 1024)
-                  ], 64)) : p.value.componentName !== "ElButton" ? (o(), Q(U, {
+                  ], 64)) : p.value.componentName !== "ElButton" ? (o(), Z(O, {
                     key: 2,
                     label: "值（name）"
                   }, {
                     default: z(() => [
-                      g(q, {
+                      g($, {
                         modelValue: C.name,
                         "onUpdate:modelValue": (c2) => C.name = c2,
-                        onChange: (c2) => r2(C.name, $)
+                        onChange: (c2) => j2(C.name, j)
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                     ]),
                     _: 2
-                  }, 1024)) : z2("", !0),
+                  }, 1024)) : H2("", !0),
                   m.value.length > 1 ? (o(), l("div", Q5, [
-                    g(h2, {
+                    g(t2, {
                       class: "delete",
-                      onClick: (c2) => o2($),
+                      onClick: (c2) => Y(j),
                       title: "删除"
                     }, {
                       default: z(() => [
-                        g(M2(f1))
+                        g(C2(w1))
                       ]),
                       _: 2
                     }, 1032, ["onClick"]),
-                    $ !== 0 ? (o(), Q(h2, {
+                    j !== 0 ? (o(), Z(t2, {
                       key: 0,
-                      onClick: (c2) => I($),
+                      onClick: (c2) => n2(j),
                       title: "上移"
                     }, {
                       default: z(() => [
-                        g(M2(X1))
+                        g(C2(X1))
                       ]),
                       _: 2
-                    }, 1032, ["onClick"])) : z2("", !0),
-                    m.value.length - 1 !== $ ? (o(), Q(h2, {
+                    }, 1032, ["onClick"])) : H2("", !0),
+                    m.value.length - 1 !== j ? (o(), Z(t2, {
                       key: 1,
-                      onClick: (c2) => O2($),
+                      onClick: (c2) => o2(j),
                       title: "下移"
                     }, {
                       default: z(() => [
-                        g(M2(J1))
+                        g(C2(J1))
                       ]),
                       _: 2
-                    }, 1032, ["onClick"])) : z2("", !0)
-                  ])) : z2("", !0)
+                    }, 1032, ["onClick"])) : H2("", !0)
+                  ])) : H2("", !0)
                 ]))), 256))
               ]),
               r("div", null, [
-                g(f0, {
+                g(g0, {
                   link: "",
                   type: "primary",
-                  onClick: x1
+                  onClick: w0
                 }, {
-                  default: z(() => b[7] || (b[7] = [
-                    w2("增加")
+                  default: z(() => M[7] || (M[7] = [
+                    f2("增加")
                   ])),
                   _: 1
                 })
               ])
-            ])) : z2("", !0)
+            ])) : H2("", !0)
           ]),
           _: 1
         })
       ]);
     };
   }
-}, e9 = /* @__PURE__ */ k2(Z5, [["__scopeId", "data-v-2f0cb2a2"]]), t9 = {
+}, e9 = /* @__PURE__ */ k2(Z5, [["__scopeId", "data-v-b84d8444"]]), t9 = {
   __name: "setForm",
   emits: ["inlineChange"],
   setup(t, { expose: e, emit: a }) {
@@ -7350,35 +7370,35 @@ const O5 = [
       c.value = h.labelWidth, i.value = h.labelPosition, u.value = h.inline;
     }
     function _() {
-      B.SET_FORM_OPTIONS({ labelPosition: i.value, labelWidth: c.value });
+      A.SET_FORM_OPTIONS({ labelPosition: i.value, labelWidth: c.value });
     }
     function m() {
-      B.SET_FORM_OPTIONS({ labelPosition: i.value, labelWidth: c.value });
+      A.SET_FORM_OPTIONS({ labelPosition: i.value, labelWidth: c.value });
     }
     function d(h) {
       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"), e2 = N("el-form");
-      return o(), Q(e2, { "label-width": "100px" }, {
+      const E = N("el-icon"), b = N("el-input-number"), y = N("el-form-item"), T = N("el-radio"), P = N("el-radio-group"), I = N("el-switch"), R = N("el-form");
+      return o(), Z(R, { "label-width": "100px" }, {
         default: z(() => [
           g(y, null, {
             label: z(() => [
-              w[3] || (w[3] = w2(" 标签宽度 ")),
+              w[3] || (w[3] = f2(" 标签宽度 ")),
               g(E, {
                 class: "form-item-tip",
                 title: "0 或空为 auto"
               }, {
                 default: z(() => [
-                  g(M2(O0))
+                  g(C2(P0))
                 ]),
                 _: 1
               })
             ]),
             default: z(() => [
-              g(M, {
+              g(b, {
                 modelValue: c.value,
-                "onUpdate:modelValue": w[0] || (w[0] = (P) => c.value = P),
+                "onUpdate:modelValue": w[0] || (w[0] = (q) => c.value = q),
                 min: 0,
                 "step-strictly": "",
                 step: 1,
@@ -7390,27 +7410,27 @@ const O5 = [
           }),
           g(y, { label: "标签文本对齐" }, {
             default: z(() => [
-              g(R, {
+              g(P, {
                 modelValue: i.value,
-                "onUpdate:modelValue": w[1] || (w[1] = (P) => i.value = P),
+                "onUpdate:modelValue": w[1] || (w[1] = (q) => i.value = q),
                 onChange: _
               }, {
                 default: z(() => [
-                  g(L, { value: "left" }, {
+                  g(T, { value: "left" }, {
                     default: z(() => w[4] || (w[4] = [
-                      w2("左对齐")
+                      f2("左对齐")
                     ])),
                     _: 1
                   }),
-                  g(L, { value: "right" }, {
+                  g(T, { value: "right" }, {
                     default: z(() => w[5] || (w[5] = [
-                      w2("右对齐")
+                      f2("右对齐")
                     ])),
                     _: 1
                   }),
-                  g(L, { value: "top" }, {
+                  g(T, { value: "top" }, {
                     default: z(() => w[6] || (w[6] = [
-                      w2("上对齐")
+                      f2("上对齐")
                     ])),
                     _: 1
                   })
@@ -7422,9 +7442,9 @@ const O5 = [
           }),
           g(y, { label: "表单内联" }, {
             default: z(() => [
-              g(O, {
+              g(I, {
                 modelValue: u.value,
-                "onUpdate:modelValue": w[2] || (w[2] = (P) => u.value = P),
+                "onUpdate:modelValue": w[2] || (w[2] = (q) => u.value = q),
                 onChange: d
               }, null, 8, ["modelValue"])
             ]),
@@ -7441,33 +7461,33 @@ const O5 = [
     e({
       open: p
     });
-    const a = F(!1), n = F(null), i = B.previewFormData, c = B.rules;
+    const a = F(!1), n = F(null), i = A.previewFormData, c = A.rules;
     let u = null;
     function p() {
-      a.value = !0, J2(() => {
-        const h = g1({ isPreview: !0 });
-        u = p1({
+      a.value = !0, q2(() => {
+        const h = x1({ isPreview: !0 });
+        u = _1({
           render() {
-            const w = JSON.parse(JSON.stringify(x2.value.components));
-            return f2(
+            const w = JSON.parse(JSON.stringify(d2.value.components));
+            return v2(
               L2.ElForm,
               {
                 key: "preview",
                 ref: n,
                 model: i,
                 rules: c,
-                ...B.formOptions
+                ...A.formOptions
               },
               {
                 default: () => w.map((E) => h(E))
               }
             );
           }
-        }).use(L2, { locale: v1 }), u.mount("#preview-box");
+        }).use(L2, { locale: f1 }), u.mount("#preview-box");
       });
     }
     function _() {
-      a.value = !1, u.unmount(), B.CLEAR_PREVIEW_FORM_DATA();
+      a.value = !1, u.unmount(), A.CLEAR_PREVIEW_FORM_DATA();
     }
     function m() {
       n.value.validate((h, w) => {
@@ -7478,8 +7498,8 @@ const O5 = [
       n.value.resetFields();
     }
     return (h, w) => {
-      const E = N("el-button"), M = N("el-dialog");
-      return o(), Q(M, {
+      const E = N("el-button"), b = N("el-dialog");
+      return o(), Z(b, {
         modelValue: a.value,
         "onUpdate:modelValue": w[0] || (w[0] = (y) => a.value = y),
         title: "预览",
@@ -7492,7 +7512,7 @@ const O5 = [
               onClick: m
             }, {
               default: z(() => w[1] || (w[1] = [
-                w2("触发校验")
+                f2("触发校验")
               ])),
               _: 1
             }),
@@ -7501,7 +7521,7 @@ const O5 = [
               onClick: d
             }, {
               default: z(() => w[2] || (w[2] = [
-                w2("重置")
+                f2("重置")
               ])),
               _: 1
             })
@@ -7526,7 +7546,7 @@ const O5 = [
       i.value = !i.value, n("onDragDrop", i.value);
     }
     function p() {
-      c.value.open(B.formOptions.inline, a.json);
+      c.value.open(A.formOptions.inline, a.json);
     }
     function _() {
       l4.confirm("这将清空画布，是否继续？", "提示", {
@@ -7534,7 +7554,7 @@ const O5 = [
         cancelButtonText: "取消",
         type: "warning"
       }).then(() => {
-        I2.CLEAR_COMPONENT_DATA_MAP(), B.INIT_FORM_OPTIONS(), n("clearAll");
+        P2.CLEAR_COMPONENT_DATA_MAP(), A.INIT_FORM_OPTIONS(), n("clearAll");
       }).catch(() => {
       });
     }
@@ -7548,7 +7568,7 @@ const O5 = [
             onClick: u
           }, {
             default: z(() => [
-              w2(h0(i.value ? "开启" : "关闭") + "拖放", 1)
+              f2(d0(i.value ? "开启" : "关闭") + "拖放", 1)
             ]),
             _: 1
           }),
@@ -7558,7 +7578,7 @@ const O5 = [
             onClick: _
           }, {
             default: z(() => d[0] || (d[0] = [
-              w2("清空画布")
+              f2("清空画布")
             ])),
             _: 1
           }),
@@ -7568,7 +7588,7 @@ const O5 = [
             onClick: p
           }, {
             default: z(() => d[1] || (d[1] = [
-              w2("预览")
+              f2("预览")
             ])),
             _: 1
           })
@@ -7709,16 +7729,16 @@ const E9 = { render: H9 }, V9 = () => ({
   class: "icon",
   viewBox: "0 0 1024 1024"
 };
-function B9(t, e) {
+function A9(t, e) {
   return o(), l("svg", S9, e[0] || (e[0] = [
     r("path", { d: "M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512 512-230.4 512-512S793.6 0 512 0m0 960C262.4 960 64 761.6 64 512S262.4 64 512 64s448 198.4 448 448-198.4 448-448 448" }, null, -1),
     r("path", { d: "M691.2 531.2h-160v-256c0-19.2-12.8-32-32-32s-32 12.8-32 32v288c0 19.2 12.8 32 32 32h192c19.2 0 32-12.8 32-32s-12.8-32-32-32" }, null, -1)
   ]));
 }
-const A9 = { render: B9 }, D9 = () => ({
+const B9 = { render: A9 }, D9 = () => ({
   componentName: "ElDatePicker",
   text: "日期选择器",
-  icon: A9,
+  icon: B9,
   props: {
     type: "date",
     // 日期选择器的类型，可以是 'date', 'daterange', 'datetime', 'datetimerange', 'year', 'month'
@@ -8094,7 +8114,7 @@ function Vs(t) {
   }
   return a;
 }
-const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
+const ys = ["index.js", "imports.js"], p2 = Vs(ys), s1 = [
   { title: "容器组件" },
   p2.elCard(),
   p2.elTabsJson(),
@@ -8116,7 +8136,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
 ], Ss = {
   key: 0,
   class: "group-title"
-}, Bs = ["data-component"], As = { class: "canvas-content" }, Ds = {
+}, As = ["data-component"], Bs = { class: "canvas-content" }, Ds = {
   key: 0,
   class: "mask"
 }, Ls = {
@@ -8125,27 +8145,27 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
     data: { type: Object }
   },
   setup(t) {
-    const e = l1, a = {};
-    l1.forEach((A) => {
-      A.componentName && (a[A.componentName] = A);
+    const e = s1, a = {};
+    s1.forEach((B) => {
+      B.componentName && (a[B.componentName] = B);
     }), a4.SET_COMPONENT_MAP(a);
-    const n = F("first"), i = F("first"), c = F(null), u = F(null), p = F(null), _ = F(null), m = F(null), d = F(null), h = F(!1), w = F(m0.teleportTo.value), E = B.formData, M = B.rules;
-    let y = null, L = !1, R = null;
-    const O = t;
-    Q0(m0.teleportTo, (A) => {
-      w.value = A;
-    }), Q0(() => O.data, () => {
-      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 n = F("first"), i = F("first"), c = F(null), u = F(null), p = F(null), _ = F(null), m = F(null), d = F(null), h = F(!1), w = F(h0.teleportTo.value), E = A.formData, b = A.rules;
+    let y = null, T = !0, P = !1, I = null;
+    const R = t;
+    Z0(h0.teleportTo, (B) => {
+      w.value = B;
+    }), Z0(() => R.data, () => {
+      s2();
     });
     const {
-      initSortable: e2,
-      schema: P
+      initSortable: q,
+      schema: a2
     } = H5();
-    u1(() => {
-      const A = g1({});
-      R = p1({
+    p1(() => {
+      const B = x1({});
+      I = _1({
         mounted() {
-          J2(() => {
+          q2(() => {
             H.create(c.value, {
               group: {
                 name: "shared",
@@ -8158,91 +8178,96 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
               animation: 150,
               setData: t4,
               onStart(x) {
-                B.formOptions.inline && x.item.classList.add("inline-block");
-                const J = x.item.getBoundingClientRect().width;
-                x.item.classList.remove("item-component"), x.item.style.width = `${J}px`;
+                A.formOptions.inline && x.item.classList.add("inline-block");
+                const Y = x.item.getBoundingClientRect().width;
+                x.item.classList.remove("item-component"), x.item.style.width = `${Y}px`;
               },
               onEnd(x) {
                 x.originalEvent.dataTransfer.getData("type") && !x.to.classList.contains("component-box") ? x.item.remove() : (x.item.classList.add("item-component"), x.item.style.width = "");
               }
-            }), J2(() => {
-              e2({ el: p.value });
+            }), q2(() => {
+              q({ el: p.value });
             });
           });
         },
         updated() {
-          L && (w1(P.value.components, e2), L = !1);
+          P && (g1(a2.value.components, q), P = !1);
         },
         render() {
-          O.data && O.data.forms && b0(O.data.forms);
-          const x = P.value.components;
-          return f2(
+          R.data && R.data.forms && T === !0 && (H0(R.data.forms), T = !1);
+          const x = a2.value.components;
+          return v2(
             L2.ElForm,
             {
               ref: _,
               model: E,
-              rules: M,
-              ...B.formOptions
+              rules: b,
+              ...A.formOptions
             },
             {
               default: () => [
-                f2("div", {
+                v2("div", {
                   ref: p,
                   class: "drop-zone-box",
-                  onClick: m2
+                  onClick: M2
                 }, {
-                  default: () => x.map((J) => (I2.SET_COMPONENT_DATA_MAP(J.id, J), A(J)))
+                  default: () => x.map((Y) => (P2.SET_COMPONENT_DATA_MAP(Y.id, Y), B(Y)))
                 })
               ]
             }
           );
         }
-      }).use(L2, { locale: v1 }), R.mount("#canvas-drop");
+      }).use(L2, { locale: f1 }), I.mount("#canvas-drop"), q2(() => {
+        s2();
+      });
     }), n4(() => {
-      b0([]), B.CLEAR_ALL(), R.unmount();
+      H0([]), A.CLEAR_ALL(), I.unmount();
     });
-    function m2(A) {
-      const x = A.target.closest(".drop-item"), J = C2();
-      if (J && J.classList.remove("selected-component"), !x) {
-        i2();
+    function s2() {
+      E5(), P = !0, A.CLEAR_ALL(), u.value && u.value.init(A.formOptions), R.data && R.data.forms ? (A.SET_FORM_OPTIONS_INIT(R.data.formOptions.inline), A.SET_FORM_OPTIONS(R.data.formOptions), H0(R.data.forms)) : H0([]);
+    }
+    function M2(B) {
+      const x = B.target.closest(".drop-item"), Y = x2();
+      if (Y && Y.classList.remove("selected-component"), !x) {
+        K();
         return;
       }
       z5(x), x.classList.add("selected-component");
-      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;
-        o2 ? W = A.target : W = A.target.querySelector(".cell");
-        let I = document.createElement("input");
-        I.style.width = "100%", I.style.height = "100%", I.style.boxSizing = "border-box", I.style.border = "1px solid rgba(0, 0, 0, 0.1)", I.style.outline = "none", I.style.minHeight = "21px", W.innerText !== "" && (I.value = W.innerText, N0.SET_TABLE_DATA_ITEM(A.target.closest("tr").rowIndex, A.target.closest("td").cellIndex, "")), W.appendChild(I), I.focus(), I.onblur = () => {
-          N0.SET_TABLE_DATA_ITEM(A.target.closest("tr").rowIndex, A.target.closest("td").cellIndex, I.value), W.removeChild(I), I = null;
+      const J = P2.componentDataMap;
+      y = J[x.dataset.id], d.value.select(J[x.dataset.id]), B2(x);
+      const n2 = B.target.className === "cell";
+      if (B.target.parentElement.tagName !== "TH" && B.target.tagName !== "TH" && (B.target.className.indexOf("el-table__cell") > -1 || n2)) {
+        let o2;
+        n2 ? o2 = B.target : o2 = B.target.querySelector(".cell");
+        let W = document.createElement("input");
+        W.style.width = "100%", W.style.height = "100%", W.style.boxSizing = "border-box", W.style.border = "1px solid rgba(0, 0, 0, 0.1)", W.style.outline = "none", W.style.minHeight = "21px", o2.innerText !== "" && (W.value = o2.innerText, e0.SET_TABLE_DATA(y.props.data), e0.SET_TABLE_DATA_KEYS(y.children.map((j2) => j2.props.prop)), e0.SET_TABLE_DATA_ITEM(B.target.closest("tr").rowIndex, B.target.closest("td").cellIndex, "")), o2.appendChild(W), W.focus(), W.onblur = () => {
+          e0.SET_TABLE_DATA_ITEM(B.target.closest("tr").rowIndex, B.target.closest("td").cellIndex, W.value), o2.removeChild(W), W = null;
         };
       }
     }
-    function s2(A) {
-      h.value = A;
+    function A2(B) {
+      h.value = B;
     }
-    function i2(A = null) {
-      A !== null && B.SET_FORM_OPTIONS_INIT(A);
-      const x = C2();
-      x && (x.classList.remove("selected-component"), m0.SET_TELEPORT_TO(null), d.value.reset());
+    function K(B = null) {
+      B !== null && A.SET_FORM_OPTIONS_INIT(B);
+      const x = x2();
+      x && (x.classList.remove("selected-component"), h0.SET_TELEPORT_TO(null), d.value.reset());
     }
-    function E2(A) {
-      var J;
-      let x = A;
-      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 b2(B) {
+      var Y;
+      let x = B;
+      B || (x = y, x2().remove(), e4(a2.value.components, x.id), K()), delete P2.componentDataMap[x.id], (Y = x.children) != null && Y[0] && (delete P2.componentDataMap[x.children[0].id], (x.componentName === "ElFormItem" || x.componentName === "ElTabs") && (A.DELETE_FORM_DATA(x.props.prop || `field${x.id}`), A.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((J) => {
+        b2(J);
       });
     }
-    function t2() {
-      P.value.components = [], B.CLEAR_ALL(), I2.componentDataMap = {}, u.value.init(B.formOptions), i2();
+    function w2() {
+      a2.value.components = [], A.CLEAR_ALL(), P2.componentDataMap = {}, u.value.init(A.formOptions), K();
     }
-    return (A, x) => {
-      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" } }, {
+    return (B, x) => {
+      const Y = N("el-icon"), J = N("el-tab-pane"), n2 = N("el-tabs"), o2 = N("el-aside"), W = N("el-header"), j2 = N("el-main"), w0 = N("el-container");
+      return o(), Z(w0, { style: { position: "relative" } }, {
         default: z(() => [
-          w.value ? (o(), Q(o4, {
+          w.value ? (o(), Z(o4, {
             key: 0,
             to: w.value
           }, [
@@ -8251,29 +8276,29 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
               ref_key: "toolbarRef",
               ref: m
             }, [
-              g(J, {
+              g(Y, {
                 class: "delete",
                 title: "删除",
-                onClick: x[0] || (x[0] = (r2) => E2())
+                onClick: x[0] || (x[0] = (v) => b2())
               }, {
                 default: z(() => [
-                  g(M2(f1))
+                  g(C2(w1))
                 ]),
                 _: 1
               })
             ], 512)
-          ], 8, ["to"])) : z2("", !0),
-          g(W, {
+          ], 8, ["to"])) : H2("", !0),
+          g(o2, {
             width: "300px",
             class: "panel"
           }, {
             default: z(() => [
-              g(o2, {
+              g(n2, {
                 modelValue: n.value,
-                "onUpdate:modelValue": x[1] || (x[1] = (r2) => n.value = r2)
+                "onUpdate:modelValue": x[1] || (x[1] = (v) => n.value = v)
               }, {
                 default: z(() => [
-                  g(X, {
+                  g(J, {
                     label: "组件库",
                     name: "first"
                   }, {
@@ -8283,15 +8308,15 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
                         ref: c,
                         class: "component-box"
                       }, [
-                        (o(!0), l(V2, null, z0(M2(e), (r2) => (o(), l(V2, null, [
-                          r2.title ? (o(), l("div", Ss, h0(r2.title), 1)) : (o(), l("div", {
+                        (o(!0), l(V2, null, E0(C2(e), (v) => (o(), l(V2, null, [
+                          v.title ? (o(), l("div", Ss, d0(v.title), 1)) : (o(), l("div", {
                             key: 1,
                             class: "item item-component grab",
-                            "data-component": r2.componentName
+                            "data-component": v.componentName
                           }, [
-                            r2.icon ? (o(), Q(T1(r2.icon), { key: 0 })) : z2("", !0),
-                            w2(" " + h0(r2.text || r2.label), 1)
-                          ], 8, Bs))
+                            v.icon ? (o(), Z(T1(v.icon), { key: 0 })) : H2("", !0),
+                            f2(" " + d0(v.text || v.label), 1)
+                          ], 8, As))
                         ], 64))), 256))
                       ], 512)
                     ]),
@@ -8303,40 +8328,40 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
             ]),
             _: 1
           }),
-          g(O2, { class: "canvas" }, {
+          g(j2, { class: "canvas" }, {
             default: z(() => [
-              g(I, { height: "50px" }, {
+              g(W, { height: "50px" }, {
                 default: z(() => [
                   g(i9, {
-                    json: M2(P).components,
-                    onOnDragDrop: s2,
-                    onClearAll: t2
+                    json: C2(a2).components,
+                    onOnDragDrop: A2,
+                    onClearAll: w2
                   }, null, 8, ["json"])
                 ]),
                 _: 1
               }),
-              r("div", As, [
-                h.value ? (o(), l("div", Ds)) : z2("", !0),
+              r("div", Bs, [
+                h.value ? (o(), l("div", Ds)) : H2("", !0),
                 x[3] || (x[3] = r("div", { id: "canvas-drop" }, null, -1))
               ])
             ]),
             _: 1
           }),
-          g(W, {
+          g(o2, {
             width: "400px",
             class: "editor-panel"
           }, {
             default: z(() => [
-              g(o2, {
+              g(n2, {
                 modelValue: i.value,
-                "onUpdate:modelValue": x[2] || (x[2] = (r2) => i.value = r2)
+                "onUpdate:modelValue": x[2] || (x[2] = (v) => i.value = v)
               }, {
                 default: z(() => [
-                  g(X, {
+                  g(J, {
                     label: "组件设置",
                     name: "first"
                   }),
-                  g(X, {
+                  g(J, {
                     label: "表单设置",
                     name: "form"
                   })
@@ -8344,22 +8369,22 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
                 _: 1
               }, 8, ["modelValue"]),
               r("div", {
-                class: P0({ "panel-content": i.value !== "second", "panel-code": i.value === "second" })
+                class: I0({ "panel-content": i.value !== "second", "panel-code": i.value === "second" })
               }, [
-                B0(g(M2(e9), {
+                D0(g(C2(e9), {
                   ref_key: "setComponentRef",
                   ref: d,
                   formRef: _.value,
-                  initSortable: M2(e2)
+                  initSortable: C2(q)
                 }, null, 8, ["formRef", "initSortable"]), [
-                  [A0, i.value === "first"]
+                  [L0, i.value === "first"]
                 ]),
-                B0(g(a9, {
+                D0(g(a9, {
                   ref_key: "setFormRef",
                   ref: u,
-                  onInlineChange: i2
+                  onInlineChange: K
                 }, null, 512), [
-                  [A0, i.value === "form"]
+                  [L0, i.value === "form"]
                 ])
               ], 2)
             ]),
@@ -8370,7 +8395,7 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
       });
     };
   }
-}, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-a7910661"]]), Fs = { id: "preview-panel" }, ks = {
+}, Ts = /* @__PURE__ */ k2(Ls, [["__scopeId", "data-v-a09157ef"]]), Fs = { id: "preview-panel" }, ks = {
   __name: "previewPanel",
   props: {
     data: { type: Object, required: !0, default: () => ({}) },
@@ -8378,29 +8403,29 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
     callback: { type: Function }
   },
   setup(t, { expose: e }) {
-    const a = t, n = F(null), i = B.previewFormData, c = B.rules;
+    const a = t, n = F(null), i = A.previewFormData, c = A.rules;
     return e({
       formRef: n
-    }), Q0(() => a.variables, (u) => {
+    }), Z0(() => a.variables, (u) => {
       i.value = u;
-    }, { immediate: !0 }), u1(() => {
-      const u = g1({ isPreview: !0, callback: a.callback });
-      p1({
+    }, { immediate: !0 }), p1(() => {
+      const u = x1({ isPreview: !0, callback: a.callback });
+      _1({
         render() {
-          return f2(
+          return v2(
             L2.ElForm,
             {
               ref: n,
               model: i,
               rules: c,
-              ...B.formOptions
+              ...A.formOptions
             },
             {
-              default: () => (a.data.forms || []).map((_) => (I2.SET_COMPONENT_DATA_MAP(_.id, _), u(_)))
+              default: () => (a.data.forms || []).map((_) => (P2.SET_COMPONENT_DATA_MAP(_.id, _), u(_)))
             }
           );
         }
-      }).use(L2, { locale: v1 }).mount("#preview-panel");
+      }).use(L2, { locale: f1 }).mount("#preview-panel");
     }), (u, p) => (o(), l("div", Fs));
   }
 }, Os = /* @__PURE__ */ k2(ks, [["__scopeId", "data-v-ce37e41c"]]), Ns = { class: "low-code-form" }, Ps = {
@@ -8428,21 +8453,21 @@ const ys = ["index.js", "imports.js"], p2 = Vs(ys), l1 = [
       return a.value.formRef;
     }
     function i() {
-      return B.formData.value;
+      return A.formData.value;
     }
     function c() {
-      const { labelPosition: u, labelWidth: p, inline: _ } = B.formOptions, m = {};
-      return u !== "right" && u !== "" && (m.labelPosition = u), p !== "" && p !== "auto" && (m.labelWidth = p), _ && (m.inline = _), { formOptions: m, forms: x2.value.components };
+      const { labelPosition: u, labelWidth: p, inline: _ } = A.formOptions, m = {};
+      return u !== "right" && u !== "" && (m.labelPosition = u), p !== "" && p !== "auto" && (m.labelWidth = p), _ && (m.inline = _), { formOptions: m, forms: d2.value.components };
     }
     return (u, p) => (o(), l("div", Ns, [
-      t.isPreview ? (o(), Q(Os, {
+      t.isPreview ? (o(), Z(Os, {
         key: 1,
         ref_key: "previewRef",
         ref: a,
         data: t.data,
         variables: t.variables,
         callback: t.callback
-      }, null, 8, ["data", "variables", "callback"])) : (o(), Q(Ts, {
+      }, null, 8, ["data", "variables", "callback"])) : (o(), Z(Ts, {
         key: 0,
         data: t.data
       }, null, 8, ["data"]))