low-code-form-generator 1.1.3 → 1.1.4

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, createElementBlock as l, openBlock as o, createElementVNode as r, ref as F, nextTick as T2, reactive as t1, normalizeClass as $0, unref as f2, renderSlot as _1, computed as Q2, onUnmounted as m1, normalizeStyle as h1, onMounted as d1, resolveComponent as I, createBlock as J, withCtx as C, resolveDynamicComponent as N1, h as w2, getCurrentInstance as d4, createVNode as g, withDirectives as h0, createCommentVNode as H2, vShow as d0, Fragment as V2, createTextVNode as m2, renderList as u0, createSlots as v4, toDisplayString as M0, createApp as v1, watch as a1, onBeforeUnmount as f4, Teleport as w4 } from "vue";
+import { defineComponent as s, createElementBlock as l, openBlock as o, createElementVNode as r, ref as F, nextTick as T2, reactive as t1, normalizeClass as $0, unref as f2, renderSlot as _1, computed as Q2, onUnmounted as m1, normalizeStyle as h1, onMounted as d1, resolveComponent as I, createBlock as J, withCtx as C, resolveDynamicComponent as N1, h as g2, getCurrentInstance as d4, createVNode as g, withDirectives as h0, createCommentVNode as H2, vShow as d0, Fragment as V2, createTextVNode as m2, renderList as u0, createSlots as v4, toDisplayString as M0, createApp as v1, watch as a1, onBeforeUnmount as f4, Teleport as w4 } from "vue";
 import * as F2 from "element-plus";
 import { ElMessage as E1, ElMessageBox as g4 } from "element-plus";
 const x4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -178,8 +178,8 @@ function e2(t, e, a, n, i) {
         }
       while (i = i.parentNode);
     if (n && t !== window) {
-      var y = o0(i || t), z = y && y.a, E = y && y.d;
-      y && (c /= E, p /= z, h /= z, d /= E, _ = c + d, m = p + h);
+      var y = o0(i || t), E = y && y.a, z = y && y.d;
+      y && (c /= z, p /= E, h /= E, d /= z, _ = c + d, m = p + h);
     }
     return {
       top: c,
@@ -216,7 +216,7 @@ function w1(t, e) {
     a = a.previousElementSibling;
   return a || null;
 }
-function M2(t, e) {
+function b2(t, e) {
   var a = 0;
   if (!t || !t.parentNode)
     return -1;
@@ -335,9 +335,9 @@ function y4() {
       }
       var u = !1, c = 0;
       t.forEach(function(p) {
-        var _ = 0, m = p.target, d = m.fromRect, h = e2(m), w = m.prevFromRect, y = m.prevToRect, z = p.rect, E = o0(m, !0);
-        E && (h.top -= E.f, h.left -= E.e), m.toRect = h, m.thisAnimationDuration && Y0(w, h) && !Y0(d, h) && // Make sure animatingRect is on line between toRect & fromRect
-        (z.top - h.top) / (z.left - h.left) === (d.top - h.top) / (d.left - h.left) && (_ = A4(z, w, y, i.options)), Y0(h, d) || (m.prevFromRect = d, m.prevToRect = h, _ || (_ = i.options.animation), i.animate(m, z, h, _)), _ && (u = !0, c = Math.max(c, _), clearTimeout(m.animationResetTimer), m.animationResetTimer = setTimeout(function() {
+        var _ = 0, m = p.target, d = m.fromRect, h = e2(m), w = m.prevFromRect, y = m.prevToRect, E = p.rect, z = o0(m, !0);
+        z && (h.top -= z.f, h.left -= z.e), m.toRect = h, m.thisAnimationDuration && Y0(w, h) && !Y0(d, h) && // Make sure animatingRect is on line between toRect & fromRect
+        (E.top - h.top) / (E.left - h.left) === (d.top - h.top) / (d.left - h.left) && (_ = A4(E, w, y, i.options)), Y0(h, d) || (m.prevFromRect = d, m.prevToRect = h, _ || (_ = i.options.animation), i.animate(m, E, h, _)), _ && (u = !0, c = Math.max(c, _), 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), u ? e = setTimeout(function() {
@@ -414,17 +414,17 @@ var e0 = [], W0 = {
   }
 };
 function B4(t) {
-  var e = t.sortable, a = t.rootEl, n = t.name, i = t.targetEl, u = t.cloneEl, c = t.toEl, p = t.fromEl, _ = t.oldIndex, m = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, w = t.originalEvent, y = t.putSortable, z = t.extraEventProperties;
+  var e = t.sortable, a = t.rootEl, n = t.name, i = t.targetEl, u = t.cloneEl, c = t.toEl, p = t.fromEl, _ = t.oldIndex, m = t.newIndex, d = t.oldDraggableIndex, h = t.newDraggableIndex, w = t.originalEvent, y = t.putSortable, E = t.extraEventProperties;
   if (e = e || a && a[_2], !!e) {
-    var E, O = e.options, X = "on" + n.charAt(0).toUpperCase() + n.substr(1);
-    window.CustomEvent && !P2 && !z0 ? E = new CustomEvent(n, {
+    var z, O = e.options, X = "on" + n.charAt(0).toUpperCase() + n.substr(1);
+    window.CustomEvent && !P2 && !z0 ? z = new CustomEvent(n, {
       bubbles: !0,
       cancelable: !0
-    }) : (E = document.createEvent("Event"), E.initEvent(n, !0, !0)), E.to = c || a, E.from = p || a, E.item = i || a, E.clone = u, E.oldIndex = _, E.newIndex = m, E.oldDraggableIndex = d, E.newDraggableIndex = h, E.originalEvent = w, E.pullMode = y ? y.lastPutMode : void 0;
-    var R = B2(B2({}, z), E0.getEventProperties(n, e));
+    }) : (z = document.createEvent("Event"), z.initEvent(n, !0, !0)), z.to = c || a, z.from = p || a, z.item = i || a, z.clone = u, z.oldIndex = _, z.newIndex = m, z.oldDraggableIndex = d, z.newDraggableIndex = h, z.originalEvent = w, z.pullMode = y ? y.lastPutMode : void 0;
+    var R = B2(B2({}, E), E0.getEventProperties(n, e));
     for (var $ in R)
-      E[$] = R[$];
-    a && a.dispatchEvent(E), O[X] && O[X].call(e, E);
+      z[$] = R[$];
+    a && a.dispatchEvent(z), O[X] && O[X].call(e, z);
   }
 }
 var D4 = ["evt"], p2 = function(e, a) {
@@ -620,7 +620,7 @@ H.prototype = /** @lends Sortable.prototype */
     if (e.cancelable) {
       var a = this, n = this.el, i = this.options, u = i.preventOnFilter, c = 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 ($4(n), !f && !(/mousedown|pointerdown/.test(c) && e.button !== 0 || i.disabled) && !m.isContentEditable && !(!this.nativeDraggable && v0 && _ && _.tagName.toUpperCase() === "SELECT") && (_ = S2(_, i.draggable, n, !1), !(_ && _.animated) && L0 !== _)) {
-        if (r0 = M2(_), w0 = M2(_, i.draggable), typeof d == "function") {
+        if (r0 = b2(_), w0 = b2(_, i.draggable), typeof d == "function") {
           if (d.call(this, e, _, this)) {
             c2({
               sortable: a,
@@ -795,10 +795,10 @@ H.prototype = /** @lends Sortable.prototype */
   },
   // Returns true - if no further action is needed (either inserted or another condition)
   _onDragOver: function(e) {
-    var a = this.el, n = e.target, i, u, c, p = this.options, _ = p.group, m = H.active, d = V0 === _, h = p.sort, w = o2 || m, y, z = this, E = !1;
+    var a = this.el, n = e.target, i, u, c, p = this.options, _ = p.group, m = H.active, d = V0 === _, h = p.sort, w = o2 || m, y, E = this, z = !1;
     if (r1) return;
     function O(h2, I2) {
-      p2(h2, z, B2({
+      p2(h2, E, B2({
         evt: e,
         isOwner: d,
         axis: y ? "vertical" : "horizontal",
@@ -816,18 +816,18 @@ H.prototype = /** @lends Sortable.prototype */
       }, I2));
     }
     function X() {
-      O("dragOverAnimationCapture"), z.captureAnimationState(), z !== w && w.captureAnimationState();
+      O("dragOverAnimationCapture"), E.captureAnimationState(), E !== w && w.captureAnimationState();
     }
     function R(h2) {
       return O("dragOverCompleted", {
         insertion: h2
-      }), h2 && (d ? m._hideClone() : m._showClone(z), z !== w && (d2(f, o2 ? o2.options.ghostClass : m.options.ghostClass, !1), d2(f, p.ghostClass, !0)), o2 !== z && z !== H.active ? o2 = z : z === H.active && o2 && (o2 = null), w === z && (z._ignoreWhileAnimating = n), z.animateAll(function() {
-        O("dragOverAnimationComplete"), z._ignoreWhileAnimating = null;
-      }), z !== w && (w.animateAll(), w._ignoreWhileAnimating = null)), (n === f && !f.animated || n === a && !n.animated) && (t0 = null), !p.dragoverBubble && !e.rootEl && n !== document && (f.parentNode[_2]._isOutsideThisEl(e.target), !h2 && X2(e)), !p.dragoverBubble && e.stopPropagation && e.stopPropagation(), E = !0;
+      }), h2 && (d ? m._hideClone() : m._showClone(E), E !== w && (d2(f, o2 ? o2.options.ghostClass : m.options.ghostClass, !1), d2(f, p.ghostClass, !0)), o2 !== E && E !== H.active ? o2 = E : E === H.active && o2 && (o2 = null), w === E && (E._ignoreWhileAnimating = n), E.animateAll(function() {
+        O("dragOverAnimationComplete"), E._ignoreWhileAnimating = null;
+      }), E !== w && (w.animateAll(), w._ignoreWhileAnimating = null)), (n === f && !f.animated || n === a && !n.animated) && (t0 = null), !p.dragoverBubble && !e.rootEl && n !== document && (f.parentNode[_2]._isOutsideThisEl(e.target), !h2 && X2(e)), !p.dragoverBubble && e.stopPropagation && e.stopPropagation(), z = !0;
     }
     function $() {
-      v2 = M2(f), R2 = M2(f, p.draggable), c2({
-        sortable: z,
+      v2 = b2(f), R2 = b2(f, p.draggable), c2({
+        sortable: E,
         name: "change",
         toEl: a,
         newIndex: v2,
@@ -835,11 +835,11 @@ H.prototype = /** @lends Sortable.prototype */
         originalEvent: e
       });
     }
-    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = S2(n, p.draggable, a, !0), O("dragOver"), H.eventCanceled) return E;
-    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || z._ignoreWhileAnimating === n)
+    if (e.preventDefault !== void 0 && e.cancelable && e.preventDefault(), n = S2(n, p.draggable, a, !0), O("dragOver"), H.eventCanceled) return z;
+    if (f.contains(e.target) || n.animated && n.animatingX && n.animatingY || E._ignoreWhileAnimating === n)
       return R(!1);
     if (N0 = !1, m && !p.disabled && (d ? h || (c = G !== U) : o2 === this || (this.lastPutMode = V0.checkPull(this, m, f, e)) && _.checkPut(this, m, f, e))) {
-      if (y = this._getDirection(e, n) === "vertical", i = e2(f), O("dragOverValid"), H.eventCanceled) return E;
+      if (y = this._getDirection(e, n) === "vertical", i = e2(f), O("dragOverValid"), H.eventCanceled) return z;
       if (c)
         return G = U, X(), this._hideClone(), O("revert"), H.eventCanceled || (K2 ? U.insertBefore(f, K2) : U.appendChild(f)), R(!0);
       var B = w1(a, p.draggable);
@@ -856,11 +856,11 @@ H.prototype = /** @lends Sortable.prototype */
           return X(), a.insertBefore(f, i2), G = a, $(), R(!0);
       } else if (n.parentNode === a) {
         u = e2(n);
-        var K = 0, g2, D2 = f.parentNode !== a, r2 = !T4(f.animated && f.toRect || i, n.animated && n.toRect || u, y), x2 = y ? "top" : "left", u2 = S1(n, "top", "top") || S1(f, "top", "top"), L2 = u2 ? u2.scrollTop : void 0;
-        t0 !== n && (g2 = u[x2], x0 = !1, y0 = !r2 && p.invertSwap || D2), K = R4(e, n, u, y, r2 ? 1 : p.swapThreshold, p.invertedSwapThreshold == null ? p.swapThreshold : p.invertedSwapThreshold, y0, t0 === n);
+        var K = 0, x2, D2 = f.parentNode !== a, r2 = !T4(f.animated && f.toRect || i, n.animated && n.toRect || u, y), C2 = y ? "top" : "left", u2 = S1(n, "top", "top") || S1(f, "top", "top"), L2 = u2 ? u2.scrollTop : void 0;
+        t0 !== n && (x2 = u[C2], x0 = !1, y0 = !r2 && p.invertSwap || D2), K = R4(e, n, u, y, r2 ? 1 : p.swapThreshold, p.invertedSwapThreshold == null ? p.swapThreshold : p.invertedSwapThreshold, y0, t0 === n);
         var A;
         if (K !== 0) {
-          var M = M2(f);
+          var M = b2(f);
           do
             M -= K, A = G.children[M];
           while (A && (V(A, "display") === "none" || A === S));
@@ -870,9 +870,9 @@ H.prototype = /** @lends Sortable.prototype */
         t0 = n, g0 = K;
         var W = n.nextElementSibling, q = !1;
         q = K === 1;
-        var C2 = A0(U, a, f, i, n, u, e, q);
-        if (C2 !== !1)
-          return (C2 === 1 || C2 === -1) && (q = C2 === 1), r1 = !0, setTimeout(P4, 30), X(), q && !W ? a.appendChild(f) : n.parentNode.insertBefore(f, q ? W : n), u2 && U1(u2, 0, L2 - u2.scrollTop), G = f.parentNode, g2 !== void 0 && !y0 && (T0 = Math.abs(g2 - e2(n)[x2])), $(), R(!0);
+        var M2 = A0(U, a, f, i, n, u, e, q);
+        if (M2 !== !1)
+          return (M2 === 1 || M2 === -1) && (q = M2 === 1), r1 = !0, setTimeout(P4, 30), X(), q && !W ? a.appendChild(f) : n.parentNode.insertBefore(f, q ? W : n), u2 && U1(u2, 0, L2 - u2.scrollTop), G = f.parentNode, x2 !== void 0 && !y0 && (T0 = Math.abs(x2 - e2(n)[C2])), $(), R(!0);
       }
       if (a.contains(f))
         return R(!1);
@@ -889,9 +889,9 @@ H.prototype = /** @lends Sortable.prototype */
   },
   _onDrop: function(e) {
     var a = this.el, n = this.options;
-    if (v2 = M2(f), R2 = M2(f, n.draggable), p2("drop", this, {
+    if (v2 = b2(f), R2 = b2(f, n.draggable), p2("drop", this, {
       evt: e
-    }), G = f && f.parentNode, v2 = M2(f), R2 = M2(f, n.draggable), H.eventCanceled) {
+    }), G = f && f.parentNode, v2 = b2(f), R2 = b2(f, n.draggable), H.eventCanceled) {
       this._nulling();
       return;
     }
@@ -1077,7 +1077,7 @@ function R4(t, e, a, n, i, u, c, p) {
   return w = w || c, w && (_ < d + m * u / 2 || _ > h - m * u / 2) ? _ > d + m / 2 ? 1 : -1 : 0;
 }
 function q4(t) {
-  return M2(f) < M2(t) ? 1 : -1;
+  return b2(f) < b2(t) ? 1 : -1;
 }
 function j4(t) {
   for (var e = t.tagName + t.className + t.src + t.href + t.textContent, a = e.length, n = 0; a--; )
@@ -1113,7 +1113,7 @@ H.utils = {
   closest: S2,
   toggleClass: d2,
   clone: Y1,
-  index: M2,
+  index: b2,
   nextTick: k0,
   cancelNextTick: n1,
   detectDirection: J1,
@@ -1203,9 +1203,9 @@ var e1 = $1(function(t, e, a, n) {
     o1 !== a && (o1 = a, F0(), _0 = e.scroll, d = e.scrollFn, _0 === !0 && (_0 = $2(a, !0)));
     var h = 0, w = _0;
     do {
-      var y = w, z = e2(y), E = z.top, O = z.bottom, X = z.left, R = z.right, $ = z.width, B = z.height, i2 = void 0, K = void 0, g2 = y.scrollWidth, D2 = y.scrollHeight, r2 = V(y), x2 = y.scrollLeft, u2 = y.scrollTop;
-      y === _ ? (i2 = $ < g2 && (r2.overflowX === "auto" || r2.overflowX === "scroll" || r2.overflowX === "visible"), K = B < D2 && (r2.overflowY === "auto" || r2.overflowY === "scroll" || r2.overflowY === "visible")) : (i2 = $ < g2 && (r2.overflowX === "auto" || r2.overflowX === "scroll"), K = B < D2 && (r2.overflowY === "auto" || r2.overflowY === "scroll"));
-      var L2 = i2 && (Math.abs(R - i) <= c && x2 + $ < g2) - (Math.abs(X - i) <= c && !!x2), A = K && (Math.abs(O - u) <= c && u2 + B < D2) - (Math.abs(E - u) <= c && !!u2);
+      var y = w, E = e2(y), z = E.top, O = E.bottom, X = E.left, R = E.right, $ = E.width, B = E.height, i2 = void 0, K = void 0, x2 = y.scrollWidth, D2 = y.scrollHeight, r2 = V(y), C2 = y.scrollLeft, u2 = y.scrollTop;
+      y === _ ? (i2 = $ < x2 && (r2.overflowX === "auto" || r2.overflowX === "scroll" || r2.overflowX === "visible"), K = B < D2 && (r2.overflowY === "auto" || r2.overflowY === "scroll" || r2.overflowY === "visible")) : (i2 = $ < x2 && (r2.overflowX === "auto" || r2.overflowX === "scroll"), K = B < D2 && (r2.overflowY === "auto" || r2.overflowY === "scroll"));
+      var L2 = i2 && (Math.abs(R - i) <= c && C2 + $ < x2) - (Math.abs(X - i) <= c && !!C2), A = K && (Math.abs(O - u) <= c && u2 + B < D2) - (Math.abs(z - u) <= c && !!u2);
       if (!Z[h])
         for (var M = 0; M <= h; M++)
           Z[M] || (Z[M] = {});
@@ -6409,13 +6409,13 @@ function c1(t) {
     }
   return e;
 }
-const b2 = F({
+const w2 = F({
   components: []
   // 顶级组件列表，支持嵌套 children
 });
 let U2 = {};
 function B0(t) {
-  b2.value.components = JSON.parse(JSON.stringify(t));
+  w2.value.components = JSON.parse(JSON.stringify(t));
 }
 function F5(t) {
   const e = t.originalEvent.dataTransfer.getData("type"), a = t.to.closest("[data-id]");
@@ -6445,10 +6445,10 @@ function F5(t) {
     };
   }
   if (a) {
-    const c = a.dataset.id, p = i1(b2.value.components, c);
+    const c = a.dataset.id, p = i1(w2.value.components, c);
     p && p.children.splice(t.newIndex, 0, u);
   } else
-    b2.value.components[t.newIndex] ? b2.value.components.splice(t.newIndex, 0, u) : b2.value.components.push(u);
+    w2.value.components[t.newIndex] ? w2.value.components.splice(t.newIndex, 0, u) : w2.value.components.push(u);
   (e === "ElCard" || e === "ElTabs" || e === "GridComponent" || e === "DivComponent" || e === "ElRow") && T2(() => {
     var c;
     (c = u.children) != null && c.length ? u.children.forEach((p) => Y2({ id: p.id })) : Y2({ id: u.id });
@@ -6460,7 +6460,7 @@ function u4(t) {
     console.error("itemId 为空");
     return;
   }
-  const a = t.from.closest("[data-id]"), n = t.to.closest("[data-id]"), i = (a == null ? void 0 : a.dataset.id) || null, u = (n == null ? void 0 : n.dataset.id) || null, c = i ? i1(b2.value.components, i) : { children: b2.value.components }, p = u ? i1(b2.value.components, u) : { children: b2.value.components };
+  const a = t.from.closest("[data-id]"), n = t.to.closest("[data-id]"), i = (a == null ? void 0 : a.dataset.id) || null, u = (n == null ? void 0 : n.dataset.id) || null, c = i ? i1(w2.value.components, i) : { children: w2.value.components }, p = u ? i1(w2.value.components, u) : { children: w2.value.components };
   let [_] = c.children.splice(t.oldDraggableIndex, 1);
   p.children.splice(t.newIndex, 0, _), _.componentName === "ElCard" || _.componentName === "ElTabs" || _.componentName === "GridComponent" || _.componentName === "DivComponent" || _.componentName === "ElRow" ? T2(() => {
     var d;
@@ -6502,7 +6502,7 @@ function Y2({ id: t = "", el: e = null, componentJSON: a = null }) {
 function O5() {
   return {
     initSortable: Y2,
-    schema: b2
+    schema: w2
   };
 }
 function P5() {
@@ -6736,7 +6736,7 @@ function u1(t, e) {
         ...a.props,
         class: ((n = a.props) == null ? void 0 : n.class) || ""
       }, u = a[e] ? u1(a[e]) : void 0;
-      return w2(
+      return g2(
         F2[a.componentName] || a.componentName,
         i,
         u || a.label
@@ -6759,7 +6759,7 @@ function J5(t, e) {
 function X5(t) {
   return t.icon ? {
     ...t,
-    icon: w2(U5, { icon: t.icon, ...t.iconStyle, class: t.class })
+    icon: g2(U5, { icon: t.icon, ...t.iconStyle, class: t.class })
   } : t;
 }
 function K5(t, e, a) {
@@ -6781,25 +6781,25 @@ function K5(t, e, a) {
   return u.length > 0 && (c.default = C(() => u.map(e), a)), c;
 }
 function Q5(t, e, a) {
-  return w2("div", {
+  return g2("div", {
     key: t.id,
     class: "drop-item drop-item-card",
     "data-id": t.id,
     "data-component": t.componentName
   }, [
-    w2(F2[t.componentName], e, {
+    g2(F2[t.componentName], e, {
       ...a,
       [t.staticChildren[0].slot]: () => u1(t.staticChildren, "staticChildren")
     })
   ]);
 }
-function Z5(t, e, a) {
-  return w2(p4, { componentData: t, key: t.id }, {
-    default: () => w2($5, { isPreview: a, ...t.props }, e)
+function Z5(t, e, a, n) {
+  return g2(p4, { componentData: t, key: t.id }, {
+    default: C(() => [g2($5, { isPreview: a, ...t.props }, e)], n)
   });
 }
 function e9(t, e, a) {
-  return w2(q5, { isPreview: a, ...t.props }, e);
+  return g2(q5, { isPreview: a, ...t.props }, e);
 }
 function z1({ isPreview: t = !1, callback: e } = {}) {
   const a = t ? L.previewFormData : L.formData, n = t ? "SET_PREVIEW_FORM_DATA" : "SET_FORM_DATA";
@@ -6807,27 +6807,32 @@ function z1({ isPreview: t = !1, callback: e } = {}) {
     var $;
     const { id: p, componentName: _, props: m = {}, on: d = {}, children: h, parentId: w } = c, y = O1(p);
     (!w || _ === "ElCol") && j2.SET_COMPONENT_DATA_MAP(p, c), _ === "ElFormItem" && m.rules && !t && L.SET_FORM_RULES(O1(($ = h == null ? void 0 : h[0]) == null ? void 0 : $.id), m.rules), P1(_) && !(y in a.value) && L[n](y, J5(_, h));
-    let z = X5({ ...m });
-    if (_ === "ElRow" && !t && (z.class = "el-row-border"), ["ElTabPane", "ElCol", "ElRow"].includes(_) && (z["data-id"] = p), P1(_)) {
+    let E = X5({ ...m });
+    if (_ === "ElRow" && !t && (E.class = "el-row-border"), ["ElTabPane", "ElCol", "ElRow"].includes(_) && (E["data-id"] = p), P1(_)) {
       const B = G5[_] ?? "modelValue";
-      z[B] = a.value[y], z[`onUpdate:${B}`] = (i2) => L[n](y, i2);
+      E[B] = a.value[y], E[`onUpdate:${B}`] = (i2) => L[n](y, i2);
     }
-    const E = d4(), O = K5(c, i, E);
+    const z = d4(), O = K5(c, i, z);
     if (_ === "ElCard")
-      return Q5(c, z, O);
+      return Q5(c, E, O);
     if (_ === "GridComponent")
-      return Z5(c, O, t);
+      return Z5(c, O, t, z);
     if (_ === "DivComponent") {
       const B = e9(c, O, t);
-      return u(c, _, { default: () => B });
+      return u(c, _, { default: () => B }, z);
     }
-    const X = w2(F2[_] ?? _, { key: p, ...z, ...d }, O);
+    const X = g2(F2[_] ?? _, { key: p, ...E, ...d }, O);
     e == null || e(_, y, X);
     const R = { default: () => X };
-    return u(c, c.componentName, R);
+    return u(c, c.componentName, R, z);
   }
-  function u(c, p, _) {
-    return W5.includes(c.componentName) && !c.parentId ? w2(p4, { componentData: { ...c, componentName: p }, key: c.id }, _) : _.default();
+  function u(c, p, _, m) {
+    return W5.includes(c.componentName) && !c.parentId ? g2(p4, {
+      componentData: { ...c, componentName: p },
+      key: c.id
+    }, {
+      default: C(() => [_.default()], m)
+    }) : _.default();
   }
   return i;
 }
@@ -6974,8 +6979,8 @@ const t9 = [
   },
   setup(t, { expose: e }) {
     e({ reset: i2, select: B });
-    const a = t, n = F(""), i = F(null), u = F(!1), c = F(null), p = F(null), _ = F([]), m = F([]), d = F([]), h = F(!1), w = F(!1), y = ["ElTabs"], z = ["ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent", "ElCol", "ElRow", "ElText"];
-    let E = !1;
+    const a = t, n = F(""), i = F(null), u = F(!1), c = F(null), p = F(null), _ = F([]), m = F([]), d = F([]), h = F(!1), w = F(!1), y = ["ElTabs"], E = ["ElCard", "ElButton", "ElDivider", "GridComponent", "DivComponent", "ElCol", "ElRow", "ElText"];
+    let z = !1;
     const O = Q2(() => c.value ? !c.value.noUseForm : !1), X = Q2(() => (v) => {
       if (p.value.componentName === "ElUpload") {
         if (v.name === "提示内容")
@@ -6998,11 +7003,11 @@ const t9 = [
     }), R = Q2(() => (v) => p.value.componentName === "ElUpload" && v.key === "text" ? p.value.children[0].props : p.value.props), $ = Q2(() => (v) => p.value.componentName === "ElUpload" && v.key === "fontSize" ? p.value.children[0].props.iconStyle : p.value.props);
     function B(v) {
       var x, T;
-      if (h.value = v.componentName === "ElTable", w.value = v.componentName === "ElRow", E = v.componentName === "ElTabs", _.value = [], c.value = v, p.value = z.indexOf(v.componentName) > -1 || h.value ? c.value : c.value.children[0], v.props && (n.value = v.props.label, i.value = v.props["label-width"], u.value = ((x = v.props.rules) == null ? void 0 : x.required) || !1), d.value = [], m.value = [], v.children && v.children[0] && ((T = v.children[0]) == null ? void 0 : T.componentName) !== "ElUpload" && !v.parentId) {
+      if (h.value = v.componentName === "ElTable", w.value = v.componentName === "ElRow", z = v.componentName === "ElTabs", _.value = [], c.value = v, p.value = E.indexOf(v.componentName) > -1 || h.value ? c.value : c.value.children[0], v.props && (n.value = v.props.label, i.value = v.props["label-width"], u.value = ((x = v.props.rules) == null ? void 0 : x.required) || !1), d.value = [], m.value = [], v.children && v.children[0] && ((T = v.children[0]) == null ? void 0 : T.componentName) !== "ElUpload" && !v.parentId) {
         let j;
         y.indexOf(v.componentName) > -1 || h.value || w.value ? j = v.children : v.componentName === "ElFormItem" && (j = v.children[0].children), m.value = (j || []).map((N, a2) => (d.value[a2] = w.value ? N.props.span : N.props.label, N.props));
       }
-      (O.value && v.children[0] || z.indexOf(p.value.componentName) > -1 || h.value) && (_.value = f9[`${p.value.componentName}ConfigProps`]);
+      (O.value && v.children[0] || E.indexOf(p.value.componentName) > -1 || h.value) && (_.value = f9[`${p.value.componentName}ConfigProps`]);
     }
     function i2() {
       n.value = "", u.value = !1, c.value = null, _.value = [], m.value = [], h.value = !1, w.value = !1;
@@ -7010,7 +7015,7 @@ const t9 = [
     function K() {
       h && (n0.SET_TABLE_DATA(p.value.props.data), n0.SET_TABLE_DATA_KEYS(c.value.children.map((v) => v.props.prop)));
     }
-    function g2(v) {
+    function x2(v) {
       c.value.props.label = v;
     }
     function D2(v) {
@@ -7038,7 +7043,7 @@ const t9 = [
         a.formRef.resetFields();
       }));
     }
-    function x2(v) {
+    function C2(v) {
       var j, N, a2;
       const x = v.key, T = ((a2 = (N = (j = c.value) == null ? void 0 : j.children) == null ? void 0 : N[0]) == null ? void 0 : a2.props) || {};
       return x === "multiple-limit" || x === "collapse-tags" ? T.multiple === !0 : x === "unlink-panels" || x === "range-separator" ? T.type === "daterange" || T.type === "datetimerange" : x === "show-password" ? T.type === "password" : x === "maxlength" || x === "show-word-limit" ? T.type === "textarea" : !0;
@@ -7084,17 +7089,17 @@ const t9 = [
       }));
     }
     function W(v) {
-      h.value || E || w.value ? c.value.children.splice(v, 1) : c.value.children[0].children.splice(v, 1), m.value.splice(v, 1), d.value.splice(v, 1), y2();
+      h.value || z || w.value ? c.value.children.splice(v, 1) : c.value.children[0].children.splice(v, 1), m.value.splice(v, 1), d.value.splice(v, 1), y2();
     }
     function q(v, x, T) {
       const j = v[x];
       v.splice(x, 1, v[T]), v.splice(T, 1, j);
     }
-    function C2(v) {
-      q(m.value, v, v - 1), q(d.value, v, v - 1), q(E || h.value ? c.value.children : c.value.children[0].children, v, v - 1), y2(), K();
+    function M2(v) {
+      q(m.value, v, v - 1), q(d.value, v, v - 1), q(z || h.value ? c.value.children : c.value.children[0].children, v, v - 1), y2(), K();
     }
     function h2(v) {
-      q(m.value, v, v + 1), q(d.value, v, v + 1), q(E || h.value ? c.value.children : c.value.children[0].children, v, v + 1), y2(), K();
+      q(m.value, v, v + 1), q(d.value, v, v + 1), q(z || h.value ? c.value.children : c.value.children[0].children, v, v + 1), y2(), K();
     }
     function I2(v, x) {
       m.value[x].label = v, y2();
@@ -7111,17 +7116,17 @@ const t9 = [
         console.error("当前组件 length 为 0");
         return;
       }
-      const v = E || h.value ? c.value.children : (s0 = c.value.children[0]) == null ? void 0 : s0.children;
+      const v = z || h.value ? c.value.children : (s0 = c.value.children[0]) == null ? void 0 : s0.children;
       if (!v) {
         console.error("目标children不存在");
         return;
       }
       const x = (/* @__PURE__ */ new Date()).getTime(), T = {
         label: "New Option",
-        ...E ? { name: x } : { [h.value ? "prop" : "value"]: x.toString() }
+        ...z ? { name: x } : { [h.value ? "prop" : "value"]: x.toString() }
       };
       (i0 = (G2 = c.value.children[0]) == null ? void 0 : G2.props) != null && i0.border && (T.border = !0);
-      const j = E || h.value ? c.value.children[0].componentName : (H0 = (c0 = c.value.children[0]) == null ? void 0 : c0.children[0]) == null ? void 0 : H0.componentName;
+      const j = z || h.value ? c.value.children[0].componentName : (H0 = (c0 = c.value.children[0]) == null ? void 0 : c0.children[0]) == null ? void 0 : H0.componentName;
       if (!j) {
         console.error("无法确定组件类型");
         return;
@@ -7131,9 +7136,9 @@ const t9 = [
         id: b0(),
         parentId: c.value.componentName === "ElFormItem" ? c.value.children[0].id : c.value.id,
         props: T,
-        ...E ? { children: [] } : {}
+        ...z ? { children: [] } : {}
       };
-      v.push(t1({ ...N })), m.value && (d.value[d.value.length] = T.label, m.value.push(T)), E && T2(() => {
+      v.push(t1({ ...N })), m.value && (d.value[d.value.length] = T.label, m.value.push(T)), z && T2(() => {
         var b;
         (b = a.initSortable) == null || b.call(a, { id: N.id });
       }), y2();
@@ -7178,7 +7183,7 @@ const t9 = [
                   g(j, {
                     modelValue: n.value,
                     "onUpdate:modelValue": x[0] || (x[0] = (b) => n.value = b),
-                    onChange: g2
+                    onChange: x2
                   }, null, 8, ["modelValue"])
                 ]),
                 _: 1
@@ -7241,7 +7246,7 @@ const t9 = [
               [d0, _.value && _.value.length]
             ]),
             (o(!0), l(V2, null, u0(_.value, (b) => (o(), l(V2, null, [
-              x2(b) ? (o(), J(N, {
+              C2(b) ? (o(), J(N, {
                 key: 0,
                 label: b.name
               }, v4({
@@ -7411,7 +7416,7 @@ const t9 = [
                     }, 1032, ["onClick"]),
                     P !== 0 ? (o(), J(a2, {
                       key: 0,
-                      onClick: (n2) => C2(P),
+                      onClick: (n2) => M2(P),
                       title: "上移"
                     }, {
                       default: C(() => [
@@ -7462,7 +7467,7 @@ const t9 = [
       ]);
     };
   }
-}, C9 = /* @__PURE__ */ N2(x9, [["__scopeId", "data-v-bf5ace0b"]]), M9 = {
+}, C9 = /* @__PURE__ */ N2(x9, [["__scopeId", "data-v-03d43955"]]), M9 = {
   __name: "setForm",
   emits: ["inlineChange"],
   setup(t, { expose: e, emit: a }) {
@@ -7483,10 +7488,10 @@ const t9 = [
       n("inlineChange", h);
     }
     return (h, w) => {
-      const y = I("el-icon"), z = I("el-input-number"), E = I("el-form-item"), O = I("el-radio"), X = I("el-radio-group"), R = I("el-switch"), $ = I("el-form");
+      const y = I("el-icon"), E = I("el-input-number"), z = I("el-form-item"), O = I("el-radio"), X = I("el-radio-group"), R = I("el-switch"), $ = I("el-form");
       return o(), J($, { "label-width": "100px" }, {
         default: C(() => [
-          g(E, null, {
+          g(z, null, {
             label: C(() => [
               w[3] || (w[3] = m2(" 标签宽度 ")),
               g(y, {
@@ -7500,7 +7505,7 @@ const t9 = [
               })
             ]),
             default: C(() => [
-              g(z, {
+              g(E, {
                 modelValue: u.value,
                 "onUpdate:modelValue": w[0] || (w[0] = (B) => u.value = B),
                 min: 0,
@@ -7512,7 +7517,7 @@ const t9 = [
             ]),
             _: 1
           }),
-          g(E, { label: "标签文本对齐" }, {
+          g(z, { label: "标签文本对齐" }, {
             default: C(() => [
               g(X, {
                 modelValue: i.value,
@@ -7544,7 +7549,7 @@ const t9 = [
             ]),
             _: 1
           }),
-          g(E, { label: "表单内联" }, {
+          g(z, { label: "表单内联" }, {
             default: C(() => [
               g(R, {
                 modelValue: c.value,
@@ -7569,11 +7574,12 @@ const t9 = [
     let c = null;
     function p() {
       a.value = !0, T2(() => {
+        JSON.stringify(w2.value.components);
         const h = z1({ isPreview: !0 });
         c = v1({
           render() {
-            const w = JSON.parse(JSON.stringify(b2.value.components));
-            return w2(
+            const w = JSON.parse(JSON.stringify(w2.value.components));
+            return g2(
               F2.ElForm,
               {
                 key: "preview",
@@ -7602,10 +7608,10 @@ const t9 = [
       n.value.resetFields();
     }
     return (h, w) => {
-      const y = I("el-button"), z = I("el-dialog");
-      return o(), J(z, {
+      const y = I("el-button"), E = I("el-dialog");
+      return o(), J(E, {
         modelValue: a.value,
-        "onUpdate:modelValue": w[0] || (w[0] = (E) => a.value = E),
+        "onUpdate:modelValue": w[0] || (w[0] = (z) => a.value = z),
         title: "预览",
         style: { height: "100%", margin: "0" },
         width: "100%",
@@ -7640,7 +7646,7 @@ const t9 = [
       }, 8, ["modelValue"]);
     };
   }
-}, H9 = /* @__PURE__ */ N2(E9, [["__scopeId", "data-v-28a7f38f"]]), V9 = { class: "header" }, y9 = {
+}, H9 = /* @__PURE__ */ N2(E9, [["__scopeId", "data-v-61d660b4"]]), V9 = { class: "header" }, y9 = {
   __name: "headerComponent",
   props: {
     json: [Object, Array]
@@ -8330,13 +8336,13 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
     p1.forEach((A) => {
       A.componentName && (a[A.componentName] = A);
     }), c4.SET_COMPONENT_MAP(a);
-    const n = F("first"), i = F("first"), u = F(null), c = F(null), p = F(null), _ = F(null), m = F(null), d = F(null), h = F(!1), w = F(!1), y = F(C0.teleportTo.value), z = L.formData, E = L.rules;
+    const n = F("first"), i = F("first"), u = F(null), c = F(null), p = F(null), _ = F(null), m = F(null), d = F(null), h = F(!1), w = F(!1), y = F(C0.teleportTo.value), E = L.formData, z = L.rules;
     let O = null, X = !0, R = !1, $ = null;
     const B = t;
     a1(C0.teleportTo, (A) => {
       y.value = A;
     }), a1(() => B.data, () => {
-      g2();
+      x2();
     });
     const {
       initSortable: i2,
@@ -8377,17 +8383,17 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
         render() {
           B.data && B.data.forms && X === !0 && (B0(B.data.forms), X = !1);
           const M = K.value.components;
-          return w2(
+          return g2(
             F2.ElForm,
             {
               ref: _,
-              model: z,
-              rules: E,
+              model: E,
+              rules: z,
               ...L.formOptions
             },
             {
               default: () => [
-                w2("div", {
+                g2("div", {
                   ref: p,
                   class: "drop-zone-box",
                   onClick: D2
@@ -8399,28 +8405,28 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
           );
         }
       }).use(F2, { locale: C1 }), $.mount("#canvas-drop"), T2(() => {
-        g2();
+        x2();
       });
     }), f4(() => {
       B0([]), L.CLEAR_ALL(), $.unmount();
     });
-    function g2() {
+    function x2() {
       P5(), R = !0, L.CLEAR_ALL(), c.value && c.value.init(L.formOptions), B.data && B.data.forms ? (L.SET_FORM_OPTIONS_INIT(B.data.formOptions.inline), L.SET_FORM_OPTIONS(B.data.formOptions), B0(B.data.forms)) : B0([]);
     }
     function D2(A) {
       var h2, I2;
       const M = A.target.closest(".drop-item"), W = O0();
       if (W && W.classList.remove("selected-component"), !M) {
-        x2();
+        C2();
         return;
       }
       k5(M), M.classList.add("selected-component");
       const q = j2.componentDataMap;
       O = q[M.dataset.id], d.value.select(q[M.dataset.id]), w.value = O.componentName === "ElCol", y2();
-      const C2 = ((h2 = A == null ? void 0 : A.target) == null ? void 0 : h2.className) === "cell";
-      if (A.target.parentElement.tagName !== "TH" && A.target.tagName !== "TH" && A.target.tagName !== "SVG" && (((I2 = A.target.className) == null ? void 0 : I2.indexOf("el-table__cell")) > -1 || C2)) {
+      const M2 = ((h2 = A == null ? void 0 : A.target) == null ? void 0 : h2.className) === "cell";
+      if (A.target.parentElement.tagName !== "TH" && A.target.tagName !== "TH" && A.target.tagName !== "SVG" && (((I2 = A.target.className) == null ? void 0 : I2.indexOf("el-table__cell")) > -1 || M2)) {
         let z2;
-        C2 ? z2 = A.target : z2 = A.target.querySelector(".cell");
+        M2 ? z2 = A.target : z2 = A.target.querySelector(".cell");
         let Q = document.createElement("input");
         Q.style.width = "100%", Q.style.height = "100%", Q.style.boxSizing = "border-box", Q.style.border = "1px solid rgba(0, 0, 0, 0.1)", Q.style.outline = "none", Q.style.minHeight = "21px", z2.innerText !== "" && (Q.value = z2.innerText, n0.SET_TABLE_DATA(O.props.data), n0.SET_TABLE_DATA_KEYS(O.children.map((t2) => t2.props.prop)), n0.SET_TABLE_DATA_ITEM(A.target.closest("tr").rowIndex, A.target.closest("td").cellIndex, "")), z2.appendChild(Q), Q.focus(), Q.onblur = () => {
           n0.SET_TABLE_DATA_ITEM(A.target.closest("tr").rowIndex, A.target.closest("td").cellIndex, Q.value), z2.removeChild(Q), Q = null;
@@ -8430,7 +8436,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
     function r2(A) {
       h.value = A;
     }
-    function x2(A = null) {
+    function C2(A = null) {
       A !== null && L.SET_FORM_OPTIONS_INIT(A);
       const M = O0();
       M && (M.classList.remove("selected-component"), C0.SET_TELEPORT_TO(null), d.value.reset());
@@ -8438,15 +8444,15 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
     function u2(A) {
       var W;
       let M = A;
-      A || (M = O, O0().remove(), s4(K.value.components, M.id), x2()), delete j2.componentDataMap[M.id], (W = M.children) != null && W[0] && (delete j2.componentDataMap[M.children[0].id], (M.componentName === "ElFormItem" || M.componentName === "ElTabs") && (L.DELETE_FORM_DATA(M.props.prop || `field${M.id}`), L.DELETE_RULES(M.props.prop))), M.componentName === "ElUpload" && W2.DELETE_STYLES(`${M.children[0].props.class} ::v-deep(.el-icon)`), M.children && M.children.length && M.children.forEach((q) => {
+      A || (M = O, O0().remove(), s4(K.value.components, M.id), C2()), delete j2.componentDataMap[M.id], (W = M.children) != null && W[0] && (delete j2.componentDataMap[M.children[0].id], (M.componentName === "ElFormItem" || M.componentName === "ElTabs") && (L.DELETE_FORM_DATA(M.props.prop || `field${M.id}`), L.DELETE_RULES(M.props.prop))), M.componentName === "ElUpload" && W2.DELETE_STYLES(`${M.children[0].props.class} ::v-deep(.el-icon)`), M.children && M.children.length && M.children.forEach((q) => {
         u2(q);
       });
     }
     function L2() {
-      K.value.components = [], L.CLEAR_ALL(), j2.componentDataMap = {}, c.value.init(L.formOptions), x2();
+      K.value.components = [], L.CLEAR_ALL(), j2.componentDataMap = {}, c.value.init(L.formOptions), C2();
     }
     return (A, M) => {
-      const W = I("el-icon"), q = I("el-tab-pane"), C2 = I("el-tabs"), h2 = I("el-aside"), I2 = I("el-header"), z2 = I("el-main"), Q = I("el-container");
+      const W = I("el-icon"), q = I("el-tab-pane"), M2 = I("el-tabs"), h2 = I("el-aside"), I2 = I("el-header"), z2 = I("el-main"), Q = I("el-container");
       return o(), J(Q, { style: { position: "relative" } }, {
         default: C(() => [
           y.value ? (o(), J(w4, {
@@ -8486,7 +8492,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
             class: "panel"
           }, {
             default: C(() => [
-              g(C2, {
+              g(M2, {
                 modelValue: n.value,
                 "onUpdate:modelValue": M[1] || (M[1] = (t2) => n.value = t2)
               }, {
@@ -8545,7 +8551,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
             class: "editor-panel"
           }, {
             default: C(() => [
-              g(C2, {
+              g(M2, {
                 modelValue: i.value,
                 "onUpdate:modelValue": M[2] || (M[2] = (t2) => i.value = t2)
               }, {
@@ -8575,7 +8581,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
                 h0(g(b9, {
                   ref_key: "setFormRef",
                   ref: c,
-                  onInlineChange: x2
+                  onInlineChange: C2
                 }, null, 512), [
                   [d0, i.value === "form"]
                 ])
@@ -8593,7 +8599,8 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
   props: {
     data: { type: Object, required: !0, default: () => ({}) },
     variables: { type: Object, required: !0 },
-    callback: { type: Function }
+    callback: { type: Function },
+    disabled: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
     const a = t, n = F(null), i = L.previewFormData, u = L.rules;
@@ -8605,14 +8612,15 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
       const c = z1({ isPreview: !0, callback: a.callback });
       v1({
         render() {
-          return w2(
+          return g2(
             F2.ElForm,
             {
               ref: n,
               model: i,
               rules: u,
               // ...formStore.formOptions
-              ...a.data.formOptions
+              ...a.data.formOptions,
+              disabled: a.disabled
             },
             {
               default: () => (a.data.forms || []).map((_) => (j2.SET_COMPONENT_DATA_MAP(_.id, _), c(_)))
@@ -8622,7 +8630,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
       }).use(F2, { locale: C1 }).mount("#preview-panel");
     }), (c, p) => (o(), l("div", li));
   }
-}, ii = /* @__PURE__ */ N2(si, [["__scopeId", "data-v-436550c6"]]), ci = { class: "low-code-form" }, ui = {
+}, ii = /* @__PURE__ */ N2(si, [["__scopeId", "data-v-8fdee92e"]]), ci = { class: "low-code-form" }, ui = {
   __name: "index",
   props: {
     isPreview: Boolean,
@@ -8634,7 +8642,8 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
       type: Object,
       default: () => ({})
     },
-    callback: { type: Function }
+    callback: { type: Function },
+    disabled: { type: Boolean, default: !1 }
   },
   setup(t, { expose: e }) {
     e({
@@ -8651,7 +8660,7 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
     }
     function u() {
       const { labelPosition: c, labelWidth: p, inline: _ } = L.formOptions, m = {};
-      return c !== "right" && c !== "" && (m.labelPosition = c), p !== "" && p !== "auto" && (m.labelWidth = p), _ && (m.inline = _), { formOptions: m, forms: b2.value.components };
+      return c !== "right" && c !== "" && (m.labelPosition = c), p !== "" && p !== "auto" && (m.labelWidth = p), _ && (m.inline = _), { formOptions: m, forms: w2.value.components };
     }
     return (c, p) => (o(), l("div", ci, [
       t.isPreview ? (o(), J(ii, {
@@ -8660,14 +8669,15 @@ const Zs = ["index.js", "imports.js"], s2 = Qs(Zs), p1 = [
         ref: a,
         data: t.data,
         variables: t.variables,
-        callback: t.callback
-      }, null, 8, ["data", "variables", "callback"])) : (o(), J(oi, {
+        callback: t.callback,
+        disabled: t.disabled
+      }, null, 8, ["data", "variables", "callback", "disabled"])) : (o(), J(oi, {
         key: 0,
         data: t.data
       }, null, 8, ["data"]))
     ]));
   }
-}, mi = /* @__PURE__ */ N2(ui, [["__scopeId", "data-v-41c6f896"]]);
+}, mi = /* @__PURE__ */ N2(ui, [["__scopeId", "data-v-d62ea7b1"]]);
 export {
   mi as default
 };