gp-designer 1.0.66 → 1.0.67

package/dist/gp-designer.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ye, ref as $, computed as De, openBlock as G, createBlock as je, Transition as C0, withCtx as ts, createElementBlock as V, createElementVNode as T, normalizeClass as ei, renderSlot as mr, createCommentVNode as J, toDisplayString as JA, reactive as m0, createApp as w0, h as Oi, watch as zA, resolveComponent as T0, Fragment as Ot, resolveDynamicComponent as b0, mergeProps as U0, unref as cA, withModifiers as YA, createTextVNode as ia, renderList as xn, toRaw as Ho, withDirectives as Ce, vModelSelect as Fs, vModelText as ct, createVNode as Re, toRefs as Q0, onMounted as F0, nextTick as Ri, normalizeStyle as ua, vModelCheckbox as I0 } from "vue";
+import { defineComponent as ye, ref as $, computed as De, openBlock as G, createBlock as je, Transition as C0, withCtx as ts, createElementBlock as V, createElementVNode as T, normalizeClass as ei, renderSlot as mr, createCommentVNode as q, toDisplayString as JA, reactive as m0, createApp as w0, h as Oi, watch as zA, resolveComponent as T0, Fragment as Ot, resolveDynamicComponent as b0, mergeProps as U0, unref as cA, withModifiers as YA, createTextVNode as ia, renderList as xn, toRaw as Ho, withDirectives as Ce, vModelSelect as Fs, vModelText as ct, createVNode as Re, toRefs as Q0, onMounted as F0, nextTick as Ri, normalizeStyle as ua, vModelCheckbox as I0 } from "vue";
 var uA;
 (function(A) {
   A.Root = "root", A.Text = "text", A.Directive = "directive", A.Comment = "comment", A.Script = "script", A.Style = "style", A.Tag = "tag", A.CDATA = "cdata", A.Doctype = "doctype";
@@ -173,7 +173,7 @@ class ai extends si {
     });
   }
 }
-function q(A) {
+function j(A) {
   return v0(A);
 }
 function rs(A) {
@@ -200,7 +200,7 @@ function Hr(A, e = !1) {
     t = new xr(A.data);
   else if (ns(A))
     t = new ri(A.data);
-  else if (q(A)) {
+  else if (j(A)) {
     const r = e ? Is(A.children) : [], n = new ai(A.name, { ...A.attribs }, r);
     r.forEach((s) => s.parent = n), A.namespace != null && (n.namespace = A.namespace), A["x-attribsNamespace"] && (n["x-attribsNamespace"] = { ...A["x-attribsNamespace"] }), A["x-attribsPrefix"] && (n["x-attribsPrefix"] = { ...A["x-attribsPrefix"] }), t = n;
   } else if (rs(A)) {
@@ -862,7 +862,7 @@ function uf(A, e) {
   return PA(A) ? A.children.map((t) => Go(t, e)).join("") : "";
 }
 function In(A) {
-  return Array.isArray(A) ? A.map(In).join("") : q(A) ? A.name === "br" ? `
+  return Array.isArray(A) ? A.map(In).join("") : j(A) ? A.name === "br" ? `
 ` : In(A.children) : rs(A) ? In(A.children) : Ie(A) ? A.data : "";
 }
 function Xt(A) {
@@ -901,13 +901,13 @@ function lf(A) {
 }
 function oi(A) {
   let { next: e } = A;
-  for (; e !== null && !q(e); )
+  for (; e !== null && !j(e); )
     ({ next: e } = e);
   return e;
 }
 function ci(A) {
   let { prev: e } = A;
-  for (; e !== null && !q(e); )
+  for (; e !== null && !j(e); )
     ({ prev: e } = e);
   return e;
 }
@@ -987,14 +987,14 @@ function fi(A, e, t = !0) {
   let r = null;
   for (let n = 0; n < e.length && !r; n++) {
     const s = e[n];
-    if (q(s))
+    if (j(s))
       A(s) ? r = s : t && s.children.length > 0 && (r = fi(A, s.children, !0));
     else continue;
   }
   return r;
 }
 function Xo(A, e) {
-  return e.some((t) => q(t) && (A(t) || Xo(A, t.children)));
+  return e.some((t) => j(t) && (A(t) || Xo(A, t.children)));
 }
 function pf(A, e) {
   const t = [], r = [e], n = [0];
@@ -1006,12 +1006,12 @@ function pf(A, e) {
       continue;
     }
     const s = r[0][n[0]++];
-    q(s) && (A(s) && t.push(s), s.children.length > 0 && (n.unshift(0), r.unshift(s.children)));
+    j(s) && (A(s) && t.push(s), s.children.length > 0 && (n.unshift(0), r.unshift(s.children)));
   }
 }
 const Nn = {
   tag_name(A) {
-    return typeof A == "function" ? (e) => q(e) && A(e.name) : A === "*" ? q : (e) => q(e) && e.name === A;
+    return typeof A == "function" ? (e) => j(e) && A(e.name) : A === "*" ? j : (e) => j(e) && e.name === A;
   },
   tag_type(A) {
     return typeof A == "function" ? (e) => A(e.type) : (e) => e.type === A;
@@ -1021,7 +1021,7 @@ const Nn = {
   }
 };
 function Wo(A, e) {
-  return typeof e == "function" ? (t) => q(t) && e(t.attribs[A]) : (t) => q(t) && t.attribs[A] === e;
+  return typeof e == "function" ? (t) => j(t) && e(t.attribs[A]) : (t) => j(t) && t.attribs[A] === e;
 }
 function Cf(A, e) {
   return (t) => A(t) || e(t);
@@ -1205,7 +1205,7 @@ const us = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isCDATA: rs,
   isComment: ns,
   isDocument: it,
-  isTag: q,
+  isTag: j,
   isText: Ie,
   nextElementSibling: oi,
   prepend: gf,
@@ -1335,7 +1335,7 @@ function ha(A) {
 const Dr = Object.prototype.hasOwnProperty, Or = /\s+/, da = "data-", hi = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i, Kf = /^{[^]*}$|^\[[^]*]$/;
 function On(A, e, t) {
   var r;
-  if (!(!A || !q(A))) {
+  if (!(!A || !j(A))) {
     if ((r = A.attribs) !== null && r !== void 0 || (A.attribs = {}), !e)
       return A.attribs;
     if (Dr.call(A.attribs, e))
@@ -1355,11 +1355,11 @@ function Gf(A, e) {
       if (typeof A != "string")
         throw new Error("Bad combination of arguments.");
       return UA(this, (t, r) => {
-        q(t) && kt(t, A, e.call(t, r, t.attribs[A]));
+        j(t) && kt(t, A, e.call(t, r, t.attribs[A]));
       });
     }
     return UA(this, (t) => {
-      if (q(t))
+      if (j(t))
         if (typeof A == "object")
           for (const r of Object.keys(A)) {
             const n = A[r];
@@ -1384,7 +1384,7 @@ function Vf(A, e) {
   var t;
   if (typeof A == "string" && e === void 0) {
     const r = this[0];
-    if (!r || !q(r))
+    if (!r || !j(r))
       return;
     switch (A) {
       case "style": {
@@ -1418,11 +1418,11 @@ function Vf(A, e) {
       if (typeof A == "object")
         throw new TypeError("Bad combination of arguments.");
       return UA(this, (r, n) => {
-        q(r) && _s(r, A, e.call(r, n, Gi(r, A, this.options.xmlMode)), this.options.xmlMode);
+        j(r) && _s(r, A, e.call(r, n, Gi(r, A, this.options.xmlMode)), this.options.xmlMode);
       });
     }
     return UA(this, (r) => {
-      if (q(r))
+      if (j(r))
         if (typeof A == "object")
           for (const n of Object.keys(A)) {
             const s = A[n];
@@ -1473,16 +1473,16 @@ function zo(A) {
 function Wf(A, e) {
   var t;
   const r = this[0];
-  if (!r || !q(r))
+  if (!r || !j(r))
     return;
   const n = r;
   return (t = n.data) !== null && t !== void 0 || (n.data = {}), A == null ? Yf(n) : typeof A == "object" || e !== void 0 ? (UA(this, (s) => {
-    q(s) && (typeof A == "object" ? Vi(s, A) : Vi(s, A, e));
+    j(s) && (typeof A == "object" ? Vi(s, A) : Vi(s, A, e));
   }), this) : Xf(n, A);
 }
 function Jf(A) {
   const e = arguments.length === 0, t = this[0];
-  if (!t || !q(t))
+  if (!t || !j(t))
     return e ? void 0 : this;
   switch (t.name) {
     case "textarea":
@@ -1515,13 +1515,13 @@ function qf(A) {
   const e = Rn(A);
   for (const t of e)
     UA(this, (r) => {
-      q(r) && Ac(r, t);
+      j(r) && Ac(r, t);
     });
   return this;
 }
 function jf(A) {
   return this.toArray().some((e) => {
-    const t = q(e) && e.attribs.class;
+    const t = j(e) && e.attribs.class;
     let r = -1;
     if (t && A.length > 0)
       for (; (r = t.indexOf(A, r + 1)) > -1; ) {
@@ -1535,7 +1535,7 @@ function jf(A) {
 function ec(A) {
   if (typeof A == "function")
     return UA(this, (r, n) => {
-      if (q(r)) {
+      if (j(r)) {
         const s = r.attribs.class || "";
         ec.call([r], A.call(r, n, s));
       }
@@ -1545,7 +1545,7 @@ function ec(A) {
   const e = A.split(Or), t = this.length;
   for (let r = 0; r < t; r++) {
     const n = this[r];
-    if (!q(n))
+    if (!j(n))
       continue;
     const s = On(n, "class", !1);
     if (s) {
@@ -1563,11 +1563,11 @@ function ec(A) {
 function tc(A) {
   if (typeof A == "function")
     return UA(this, (n, s) => {
-      q(n) && tc.call([n], A.call(n, s, n.attribs.class || ""));
+      j(n) && tc.call([n], A.call(n, s, n.attribs.class || ""));
     });
   const e = Rn(A), t = e.length, r = arguments.length === 0;
   return UA(this, (n) => {
-    if (q(n))
+    if (j(n))
       if (r)
         n.attribs.class = "";
       else {
@@ -1584,14 +1584,14 @@ function tc(A) {
 function rc(A, e) {
   if (typeof A == "function")
     return UA(this, (a, u) => {
-      q(a) && rc.call([a], A.call(a, u, a.attribs.class || "", e), e);
+      j(a) && rc.call([a], A.call(a, u, a.attribs.class || "", e), e);
     });
   if (!A || typeof A != "string")
     return this;
   const t = A.split(Or), r = t.length, n = typeof e == "boolean" ? e ? 1 : -1 : 0, s = this.length;
   for (let a = 0; a < s; a++) {
     const u = this[a];
-    if (!q(u))
+    if (!j(u))
       continue;
     const o = Rn(u.attribs.class);
     for (let c = 0; c < r; c++) {
@@ -2636,7 +2636,7 @@ function gc(A, e, t) {
   }
   for (let a = 0; a < n.length && (s == null ? void 0 : s.size) !== e.length; a++) {
     const u = n[a];
-    if ((s ? e.filter((l) => q(l) && !s.has(l)) : e).length === 0)
+    if ((s ? e.filter((l) => j(l) && !s.has(l)) : e).length === 0)
       break;
     const c = Ec(u, e, t);
     if (c.length)
@@ -2671,7 +2671,7 @@ function kn(A, e, t, r, n) {
   const s = e.findIndex(Pn), a = e.slice(0, s), u = e[s], o = e.length - 1 === s ? n : 1 / 0, c = vh(u.name, u.data, o);
   if (c === 0)
     return [];
-  const f = (a.length === 0 && !Array.isArray(A) ? as(A).filter(q) : a.length === 0 ? (Array.isArray(A) ? A : [A]).filter(q) : r || a.some(wr) ? Ea(A, [a], t, c) : pa(A, [a], t)).slice(0, c);
+  const f = (a.length === 0 && !Array.isArray(A) ? as(A).filter(j) : a.length === 0 ? (Array.isArray(A) ? A : [A]).filter(j) : r || a.some(wr) ? Ea(A, [a], t, c) : pa(A, [a], t)).slice(0, c);
   let h = Lh(u.name, f, u.data, t);
   if (h.length === 0 || e.length === s + 1)
     return h;
@@ -2706,10 +2706,10 @@ function Ea(A, e, t, r) {
 }
 function pc(A, e, t = 1 / 0) {
   const r = fc(A, us, e.shouldTestNextSiblings);
-  return li((n) => q(n) && e(n), r, !0, t);
+  return li((n) => j(n) && e(n), r, !0, t);
 }
 function pa(A, e, t) {
-  const r = (Array.isArray(A) ? A : [A]).filter(q);
+  const r = (Array.isArray(A) ? A : [A]).filter(j);
   if (r.length === 0)
     return r;
   const n = Bi(e, t);
@@ -2800,7 +2800,7 @@ function Ph(A) {
     root: (e = this._root) === null || e === void 0 ? void 0 : e[0]
   }, n = typeof A == "string" ? (s) => hc(s, A, r) : Yr(A);
   return UA(this, (s) => {
-    for (s && !it(s) && !q(s) && (s = s.parent); s && q(s); ) {
+    for (s && !it(s) && !j(s) && (s = s.parent); s && j(s); ) {
       if (n(s, 0)) {
         t.includes(s) || t.push(s);
         break;
@@ -2812,14 +2812,14 @@ function Ph(A) {
 const kh = pi((A) => oi(A)), Kh = Vr((A) => {
   const e = [];
   for (; A.next; )
-    A = A.next, q(A) && e.push(A);
+    A = A.next, j(A) && e.push(A);
   return e;
 }, $t), Gh = Ci((A) => oi(A), $t), Vh = pi((A) => ci(A)), Yh = Vr((A) => {
   const e = [];
   for (; A.prev; )
-    A = A.prev, q(A) && e.push(A);
+    A = A.prev, j(A) && e.push(A);
   return e;
-}, $t), Xh = Ci((A) => ci(A), $t), Wh = Vr((A) => Yo(A).filter((e) => q(e) && e !== A), jt), Jh = Vr((A) => as(A).filter(q), $t);
+}, $t), Xh = Ci((A) => ci(A), $t), Wh = Vr((A) => Yo(A).filter((e) => j(e) && e !== A), jt), Jh = Vr((A) => as(A).filter(j), $t);
 function qh() {
   const A = this.toArray().reduce((e, t) => PA(t) ? e.concat(t.children) : e, []);
   return this._make(A);
@@ -2853,7 +2853,7 @@ function mi(A, e, t, r) {
 }
 function zh(A) {
   const e = this.toArray();
-  return typeof A == "string" ? dc(e.filter(q), A, this.options) : A ? e.some(Yr(A)) : !1;
+  return typeof A == "string" ? dc(e.filter(j), A, this.options) : A ? e.some(Yr(A)) : !1;
 }
 function Ad(A) {
   let e = this.toArray();
@@ -3035,7 +3035,7 @@ function mc(A) {
       let o = u, c = 0;
       for (; c < o.children.length; ) {
         const l = o.children[c];
-        q(l) ? (o = l, c = 0) : c++;
+        j(l) ? (o = l, c = 0) : c++;
       }
       A(s, o, [u]);
     }
@@ -3206,7 +3206,7 @@ function Nd(A, e) {
   if (A != null && e != null || // When `prop` is a "plain" object
   typeof A == "object" && !Array.isArray(A))
     return UA(this, (t, r) => {
-      q(t) && wc(t, A, e, r);
+      j(t) && wc(t, A, e, r);
     });
   if (this.length !== 0)
     return Tc(this[0], A);
@@ -3224,7 +3224,7 @@ function wc(A, e, t, r) {
   }
 }
 function Tc(A, e) {
-  if (!A || !q(A))
+  if (!A || !j(A))
     return;
   const t = Od(A.attribs.style);
   if (typeof e == "string")
@@ -3265,7 +3265,7 @@ function Pd() {
 function kd() {
   return this.map((A, e) => {
     const t = this._make(e);
-    return q(e) && e.name === "form" ? t.find($i).toArray() : t.filter($i).toArray();
+    return j(e) && e.name === "form" ? t.find($i).toArray() : t.filter($i).toArray();
   }).filter(
     // Verify elements have a name (`attr.name`) and are not disabled (`:enabled`)
     '[name!=""]:enabled:not(:submit, :button, :image, :reset, :file):matches([checked], :not(:checkbox, :radio))'
@@ -8865,7 +8865,7 @@ function IE(A, e, t) {
 const Je = {
   // Re-exports from domhandler
   isCommentNode: ns,
-  isElementNode: q,
+  isElementNode: j,
   isTextNode: Ie,
   //Node construction
   createDocument() {
@@ -9688,7 +9688,7 @@ function OE(A, e) {
   return new DE(t, e).end(A), t.root;
 }
 const RE = hd((A, e, t, r) => e._useHtmlParser2 ? OE(A, e) : vE(A, e, t, r)), gu = Xd(RE, (A, e) => e._useHtmlParser2 ? ss(A, e) : yE(A));
-var j = /* @__PURE__ */ ((A) => (A[A.None = 0] = "None", A[A.Text = 1] = "Text", A[A.Image = 2] = "Image", A[A.Video = 3] = "Video", A[A.Icon = 4] = "Icon", A[A.Link = 5] = "Link", A[A.Button = 6] = "Button", A[A.Block = 10] = "Block", A))(j || {}), we;
+var J = /* @__PURE__ */ ((A) => (A[A.None = 0] = "None", A[A.Text = 1] = "Text", A[A.Image = 2] = "Image", A[A.Video = 3] = "Video", A[A.Icon = 4] = "Icon", A[A.Link = 5] = "Link", A[A.Button = 6] = "Button", A[A.Block = 10] = "Block", A))(J || {}), we;
 ((A) => {
   A.THEME_TEXT_COLOR_CLASS = "gp-designer-theme-text", A.THEME_BUTTON_COLOR_CLASS = "gp-designer-theme-button", A.THEME_ICON_COLOR_CLASS = "gp-designer-theme-icon", A.THEME_COLOR = "#3574e6";
 })(we || (we = {}));
@@ -9772,19 +9772,19 @@ function XE(A, e, t, r, n, s) {
         }, [
           A.icon ? (G(), V("span", kE, [
             mr(A.$slots, "icon", {}, () => [
-              A.type === "success" ? (G(), V("span", KE, "✔")) : J("", !0),
-              A.type === "error" ? (G(), V("span", GE, "✖")) : J("", !0),
-              A.type === "info" ? (G(), V("span", VE, "ℹ")) : J("", !0),
-              A.type === "warning" ? (G(), V("span", YE, "⚠")) : J("", !0)
+              A.type === "success" ? (G(), V("span", KE, "✔")) : q("", !0),
+              A.type === "error" ? (G(), V("span", GE, "✖")) : q("", !0),
+              A.type === "info" ? (G(), V("span", VE, "ℹ")) : q("", !0),
+              A.type === "warning" ? (G(), V("span", YE, "⚠")) : q("", !0)
             ], !0)
-          ])) : J("", !0),
+          ])) : q("", !0),
           T("span", null, JA(A.message), 1),
           T("button", {
             class: "close-btn hover:text-gray-800 font-bold",
             onClick: e[0] || (e[0] = (...a) => A.closeMessage && A.closeMessage(...a))
           }, " × ")
         ], 2)
-      ])) : J("", !0)
+      ])) : q("", !0)
     ]),
     _: 3
   });
@@ -9965,17 +9965,17 @@ const $E = ["onClick"], ZE = {
     "updateElementRule"
   ],
   setup(A, { emit: e }) {
-    const t = A, r = e, n = De(() => t.element.editText || t.element.text), s = De(() => t.selectedElement === t.element), a = De(() => t.hoveredElement === t.element), u = $(!1), o = $(!1), c = $(""), l = De(() => t.element.rule.minText || 0), f = De(() => t.element.rule.maxText || 1 / 0), h = (L) => {
-      let S = "";
-      if (L.children && L.children.length && L.children[0].type === j.Block) {
-        const z = L.children[0].rule.flexColumn || L.children[0].rule.mobileFlexColumn;
-        Math.min(z, L.children.length) && (S += " flex pc:justify-center flex-wrap ", L.children[0].rule.mobileFlexColumn ? S += " justify-center " : S += " gp-designer-m-swiper swiper-wrapper justify-normal ");
+    const t = A, r = e, n = De(() => t.element.editText || t.element.text), s = De(() => t.selectedElement === t.element), a = De(() => t.hoveredElement === t.element), u = $(!1), o = $(!1), c = $(""), l = De(() => t.element.rule.minText || 0), f = De(() => t.element.rule.maxText || 1 / 0), h = (S) => {
+      let L = "";
+      if (S.children && S.children.length && S.children[0].type === J.Block) {
+        const z = S.children[0].rule.flexColumn || S.children[0].rule.mobileFlexColumn;
+        Math.min(z, S.children.length) && (L += " flex pc:justify-center flex-wrap ", S.children[0].rule.mobileFlexColumn ? L += " justify-center " : L += " gp-designer-m-swiper swiper-wrapper justify-normal ");
       }
-      if (L.type === j.Block) {
-        const z = L.rule.flexColumn, AA = L.rule.mobileFlexColumn;
-        (AA || z) && (S += " box-border "), AA > 1 && AA <= 12 ? S += ` basis-1/${AA} ` : AA == 1 ? S += " basis-full " : AA || (S += " gp-designer-m-swiper-slide swiper-slide "), z > 1 && z <= 12 ? S += ` pc:basis-1/${z} ` : z == 1 && (S += " pc:basis-full ");
+      if (S.type === J.Block) {
+        const z = S.rule.flexColumn, AA = S.rule.mobileFlexColumn;
+        (AA || z) && (L += " box-border "), AA > 1 && AA <= 12 ? L += ` basis-1/${AA} ` : AA == 1 ? L += " basis-full " : AA || (L += " gp-designer-m-swiper-slide swiper-slide "), z > 1 && z <= 12 ? L += ` pc:basis-1/${z} ` : z == 1 && (L += " pc:basis-full ");
       }
-      return S;
+      return (S.type == J.Button || S.type == J.Link) && S.rule.openMeiqia && (L += " gp-designer-meiqia "), L;
     };
     zA(
       () => t.r,
@@ -9984,28 +9984,28 @@ const $E = ["onClick"], ZE = {
       },
       { immediate: !0 }
     );
-    function C(L) {
-      L.xpath != "/div[1]" && t.mode !== "preview" && (t.mode === "edit" ? L.type === j.Text && r("selectElement", L) : r("selectElement", L), !L.rule.isReadOnly && L.type === j.Text && (u.value = !0));
+    function C(S) {
+      S.xpath != "/div[1]" && t.mode !== "preview" && (t.mode === "edit" ? S.type === J.Text && r("selectElement", S) : r("selectElement", S), !S.rule.isReadOnly && S.type === J.Text && (u.value = !0));
     }
-    function p(L) {
-      r("selectElement", L);
+    function p(S) {
+      r("selectElement", S);
     }
-    function w(L, S) {
-      r("hoverElement", L, S);
+    function w(S, L) {
+      r("hoverElement", S, L);
     }
-    function U(L) {
-      r("hoverElement", L);
+    function U(S) {
+      r("hoverElement", S);
     }
-    function v(L) {
-      L.currentTarget.contains(L.relatedTarget) ? r("hoverElement", null) : t.hoveredElement ? r("hoverElement", null, t.hoveredElement.parentxpath) : r("hoverElement", null);
+    function v(S) {
+      S.currentTarget.contains(S.relatedTarget) ? r("hoverElement", null) : t.hoveredElement ? r("hoverElement", null, t.hoveredElement.parentxpath) : r("hoverElement", null);
     }
     function I() {
       u.value = !1, r("contentUpdated", D());
     }
     function D() {
-      function L(z) {
+      function S(z) {
         var ue;
-        const AA = z, ee = AA.rule.isThemeColor && AA.type == j.Text ? we.THEME_TEXT_COLOR_CLASS : AA.rule.isThemeColor && AA.type == j.Button ? we.THEME_BUTTON_COLOR_CLASS : AA.rule.isThemeColor && AA.type == j.Icon ? we.THEME_ICON_COLOR_CLASS : "";
+        const AA = z, ee = AA.rule.isThemeColor && AA.type == J.Text ? we.THEME_TEXT_COLOR_CLASS : AA.rule.isThemeColor && AA.type == J.Button ? we.THEME_BUTTON_COLOR_CLASS : AA.rule.isThemeColor && AA.type == J.Icon ? we.THEME_ICON_COLOR_CLASS : "";
         ee ? AA.attrs.class = AA.attrs.class ? AA.attrs.class + " " + ee : ee : AA.attrs.class = (ue = AA.attrs.class) == null ? void 0 : ue.replace(
           new RegExp(
             `${we.THEME_TEXT_COLOR_CLASS}|${we.THEME_BUTTON_COLOR_CLASS}|${we.THEME_ICON_COLOR_CLASS}`,
@@ -10017,56 +10017,56 @@ const $E = ["onClick"], ZE = {
           class: AA.attrs.class || ""
         }, zt = h(AA);
         zt && (Ke.class += " " + zt);
-        const Ar = Object.entries(z.attrs || {}).filter(([$A, NA]) => $A !== "class").map(([$A, NA]) => `${$A}="${NA}"`).join(" "), F = Object.entries(Ke || {}).map(([$A, NA]) => `${$A}="${NA}"`).join(" "), x = `<${z.tag}${Ar ? " " + Ar : ""}${F ? " " + F : ""}>`, K = `</${z.tag}>`, Y = (z.children || []).map(($A) => L($A)).join("");
+        const Ar = Object.entries(z.attrs || {}).filter(([$A, NA]) => $A !== "class").map(([$A, NA]) => `${$A}="${NA}"`).join(" "), F = Object.entries(Ke || {}).map(([$A, NA]) => `${$A}="${NA}"`).join(" "), x = `<${z.tag}${Ar ? " " + Ar : ""}${F ? " " + F : ""}>`, K = `</${z.tag}>`, Y = (z.children || []).map(($A) => S($A)).join("");
         let QA = z.editText || z.text || "";
         return QA = QA.replace(/\r\n/g, `
 `).replace(/\n/g, "<br>"), `${x}${QA}${Y}${K}`;
       }
-      return L(t.element);
+      return S(t.element);
     }
-    function P(L) {
+    function P(S) {
       var ee, Ke;
-      L.preventDefault(), L.stopPropagation();
-      let S = ((ee = L.clipboardData) == null ? void 0 : ee.getData("text/plain")) || "";
-      (Ke = t.element.rule) != null && Ke.allowWrap ? (S = S == null ? void 0 : S.replace(/\n/g, "<br>"), document.execCommand("insertHTML", !1, S)) : (S = S == null ? void 0 : S.replace(/\n/g, " "), document.execCommand("insertText", !1, S));
-      const z = L.target, AA = z.innerText || z.textContent || "";
+      S.preventDefault(), S.stopPropagation();
+      let L = ((ee = S.clipboardData) == null ? void 0 : ee.getData("text/plain")) || "";
+      (Ke = t.element.rule) != null && Ke.allowWrap ? (L = L == null ? void 0 : L.replace(/\n/g, "<br>"), document.execCommand("insertHTML", !1, L)) : (L = L == null ? void 0 : L.replace(/\n/g, " "), document.execCommand("insertText", !1, L));
+      const z = S.target, AA = z.innerText || z.textContent || "";
       N(AA);
     }
-    function H(L) {
-      var S;
-      L.key === "Enter" && (L.preventDefault(), L.stopPropagation(), (S = t.element.rule) != null && S.allowWrap ? document.execCommand("insertLineBreak") : eA.error("当前节点不允许换行"));
+    function H(S) {
+      var L;
+      S.key === "Enter" && (S.preventDefault(), S.stopPropagation(), (L = t.element.rule) != null && L.allowWrap ? document.execCommand("insertLineBreak") : eA.error("当前节点不允许换行"));
     }
-    function E(L) {
-      L.stopPropagation();
-      const S = L.target, z = S.innerText || S.textContent || "";
+    function E(S) {
+      S.stopPropagation();
+      const L = S.target, z = L.innerText || L.textContent || "";
       N(z);
     }
-    function N(L) {
-      if (L.length < l.value) {
+    function N(S) {
+      if (S.length < l.value) {
         o.value = !0, c.value = `最少输入 ${l.value} 个字符`;
         return;
-      } else if (L.length > f.value) {
+      } else if (S.length > f.value) {
         o.value = !0, c.value = `最多输入 ${f.value} 个字符`;
         return;
       } else
         o.value = !1, c.value = "";
-      r("updateText", { element: t.element, newText: L }), r("contentUpdated", D());
-      const S = Ho(t.element);
-      S.editText = L;
+      r("updateText", { element: t.element, newText: S }), r("contentUpdated", D());
+      const L = Ho(t.element);
+      L.editText = S;
     }
-    function k(L) {
-      r("updateText", L), r("contentUpdated", D());
+    function k(S) {
+      r("updateText", S), r("contentUpdated", D());
     }
     function R() {
-      const L = { ...t.element };
-      r("blockAction", { action: "add", element: t.element, newBlock: L });
+      const S = { ...t.element };
+      r("blockAction", { action: "add", element: t.element, newBlock: S });
     }
     function sA() {
       lA(t.element), r("blockAction", { action: "moveUp", element: t.element });
     }
-    function lA(L) {
-      L.children && L.children.length > 0 && L.children.forEach((S) => {
-        S.type == j.Text && (S.text !== S.editText && (S.text = S.editText), lA(S));
+    function lA(S) {
+      S.children && S.children.length > 0 && S.children.forEach((L) => {
+        L.type == J.Text && (L.text !== L.editText && (L.text = L.editText), lA(L));
       });
     }
     function gA() {
@@ -10075,56 +10075,56 @@ const $E = ["onClick"], ZE = {
     function Z() {
       r("blockAction", { action: "delete", element: t.element });
     }
-    function iA(L) {
-      r("blockAction", L), r("contentUpdated", D());
+    function iA(S) {
+      r("blockAction", S), r("contentUpdated", D());
     }
-    function fA(L) {
-      yA.value.openModal(L);
+    function fA(S) {
+      yA.value.openModal(S);
     }
-    function EA(L) {
-      VA.value.openModal(L);
+    function EA(S) {
+      VA.value.openModal(S);
     }
-    function bA(L, S) {
-      r("addIcon", L, S), r("contentUpdated", D());
+    function bA(S, L) {
+      r("addIcon", S, L), r("contentUpdated", D());
     }
-    function jA(L) {
-      r("updateElementRule", L);
+    function jA(S) {
+      r("updateElementRule", S);
     }
     const yA = $(t.icon);
     zA(
       () => t.icon,
-      (L) => {
-        yA.value = L;
+      (S) => {
+        yA.value = S;
       },
       { immediate: !0 }
     );
     const VA = $(t.upload);
     zA(
       () => t.upload,
-      (L) => {
-        VA.value = L;
+      (S) => {
+        VA.value = S;
       },
       { immediate: !0 }
     );
     const HA = De(() => {
-      const L = h(t.element);
-      return t.element.css = L, L;
-    }), Ae = (L, S) => {
-      S.children && S.children.length && S.children[0].type === j.Block && S.children.map((z) => {
-        z.rule.flexColumn = L;
-      }), r("updateElementRule", S);
+      const S = h(t.element);
+      return t.element.css = S, S;
+    }), Ae = (S, L) => {
+      L.children && L.children.length && L.children[0].type === J.Block && L.children.map((z) => {
+        z.rule.flexColumn = S;
+      }), r("updateElementRule", L);
     }, SA = De(() => {
-      let L = "";
+      let S = "";
       if (t.mode === "design") {
-        const S = t.element;
-        if (S.type === j.Block) {
-          const z = S.rule.flexColumn;
-          z > 1 && z <= 12 && (L += `flex-basis: calc(100% / ${z} - 10px);`);
+        const L = t.element;
+        if (L.type === J.Block) {
+          const z = L.rule.flexColumn;
+          z > 1 && z <= 12 && (S += `flex-basis: calc(100% / ${z} - 10px);`);
         }
       }
-      return L;
+      return S;
     });
-    return (L, S) => {
+    return (S, L) => {
       const z = T0("ElementRenderer", !0);
       return G(), V(Ot, null, [
         (G(), je(b0(t.element.tag), U0({
@@ -10143,19 +10143,19 @@ const $E = ["onClick"], ZE = {
             // 鼠标悬停、选中或超出文字限制时显示手型
             t.element.rule && t.element.rule.isReadOnly ? "cursor-not-allowed" : "",
             // 只读
-            t.element.rule.isThemeColor && t.element.type === cA(j).Text ? cA(we).THEME_TEXT_COLOR_CLASS : "",
+            t.element.rule.isThemeColor && t.element.type === cA(J).Text ? cA(we).THEME_TEXT_COLOR_CLASS : "",
             // 文本主题色
-            t.element.rule.isThemeColor && t.element.type === cA(j).Button ? cA(we).THEME_BUTTON_COLOR_CLASS : "",
+            t.element.rule.isThemeColor && t.element.type === cA(J).Button ? cA(we).THEME_BUTTON_COLOR_CLASS : "",
             // 按钮主题色
-            t.element.rule.isThemeColor && t.element.type === cA(j).Icon ? cA(we).THEME_ICON_COLOR_CLASS : "",
+            t.element.rule.isThemeColor && t.element.type === cA(J).Icon ? cA(we).THEME_ICON_COLOR_CLASS : "",
             // 图标主题色
             HA.value
           ],
           style: SA.value
         }, t.element.attrs, {
           contenteditable: u.value,
-          onClick: S[3] || (S[3] = YA(() => C(t.element), ["stop"])),
-          onMouseenter: S[4] || (S[4] = () => U(t.element)),
+          onClick: L[3] || (L[3] = YA(() => C(t.element), ["stop"])),
+          onMouseenter: L[4] || (L[4] = () => U(t.element)),
           onMouseleave: v,
           onBlur: I,
           onInput: E,
@@ -10185,18 +10185,18 @@ const $E = ["onClick"], ZE = {
                 onAddIcon: bA,
                 onUpdateElementRule: () => jA(AA)
               }, null, 8, ["show-margin", "r", "mode", "icons", "element", "selectedElement", "hoveredElement", "cropper", "icon", "upload", "upload-by-file", "onUpdateElementRule"]))), 128)),
-              t.element.type === cA(j).Block ? (G(), V("div", {
+              t.element.type === cA(J).Block ? (G(), V("div", {
                 key: 0,
                 "date-action": "1",
                 contenteditable: "false",
-                onClick: S[0] || (S[0] = YA(() => {
+                onClick: L[0] || (L[0] = YA(() => {
                 }, ["stop"])),
                 class: "hover:z-10 z-9 flex space-x-1 flex-none flex-nowrap overflow-visible absolute left-2 top-2 text-sm"
               }, [
                 T("button", {
                   class: "flex-none content-center items-center p-1 bg-green-500/80 text-white rounded hover:bg-green-500",
                   onClick: YA(R, ["stop"])
-                }, S[7] || (S[7] = [
+                }, L[7] || (L[7] = [
                   T("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "1em",
@@ -10228,7 +10228,7 @@ const $E = ["onClick"], ZE = {
                 T("button", {
                   class: "flex-none content-center items-center p-1 bg-blue-500/80 text-white rounded hover:bg-blue-500",
                   onClick: YA(sA, ["stop"])
-                }, S[8] || (S[8] = [
+                }, L[8] || (L[8] = [
                   T("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "1em",
@@ -10248,7 +10248,7 @@ const $E = ["onClick"], ZE = {
                 T("button", {
                   class: "flex-none content-center items-center p-1 bg-blue-500/80 text-white rounded hover:bg-blue-500",
                   onClick: YA(gA, ["stop"])
-                }, S[9] || (S[9] = [
+                }, L[9] || (L[9] = [
                   T("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "1em",
@@ -10268,7 +10268,7 @@ const $E = ["onClick"], ZE = {
                 T("button", {
                   class: "flex-none content-center items-center p-1 bg-red-500/80 text-white rounded hover:bg-red-500",
                   onClick: YA(Z, ["stop"])
-                }, S[10] || (S[10] = [
+                }, L[10] || (L[10] = [
                   T("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "1em",
@@ -10285,12 +10285,12 @@ const $E = ["onClick"], ZE = {
                     })
                   ], -1)
                 ]))
-              ])) : J("", !0),
-              t.element.children && t.element.children.length && t.element.children[0].type === cA(j).Block && t.element.children[0].rule && t.element.children[0].rule.flexColumns && t.element.children[0].rule.flexColumns.length > 0 ? (G(), V("div", {
+              ])) : q("", !0),
+              t.element.children && t.element.children.length && t.element.children[0].type === cA(J).Block && t.element.children[0].rule && t.element.children[0].rule.flexColumns && t.element.children[0].rule.flexColumns.length > 0 ? (G(), V("div", {
                 key: 1,
                 "date-action": "1",
                 contenteditable: "false",
-                onClick: S[1] || (S[1] = YA(() => {
+                onClick: L[1] || (L[1] = YA(() => {
                 }, ["stop"])),
                 class: "hover:z-10 z-9 flex space-x-1 flex-none flex-nowrap overflow-visible absolute right-0 -top-6 items-center"
               }, [
@@ -10301,14 +10301,14 @@ const $E = ["onClick"], ZE = {
                   ]),
                   onClick: YA(() => Ae(AA, t.element), ["stop"])
                 }, JA(AA), 11, $E))), 256))
-              ])) : J("", !0)
-            ], 64)) : J("", !0),
-            t.element.type === cA(j).Icon ? (G(), V("div", {
+              ])) : q("", !0)
+            ], 64)) : q("", !0),
+            t.element.type === cA(J).Icon ? (G(), V("div", {
               key: 1,
               class: "cursor-pointer rounded-sm w-5 h-5 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm text-gray-50 z-10 bg-black/80 hover:bg-black",
               contenteditable: "false",
-              onClick: S[2] || (S[2] = YA(() => fA(t.element), ["stop"]))
-            }, S[11] || (S[11] = [
+              onClick: L[2] || (L[2] = YA(() => fA(t.element), ["stop"]))
+            }, L[11] || (L[11] = [
               T("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 width: "1em",
@@ -10332,22 +10332,22 @@ const $E = ["onClick"], ZE = {
                   d: "m320 255.79l-64-64l-64 64m64 192.42V207.79"
                 })
               ], -1)
-            ]))) : J("", !0)
+            ]))) : q("", !0)
           ]),
           _: 1
         }, 16, ["class", "style", "contenteditable"])),
-        t.element.type == cA(j).Text && o.value ? (G(), V("div", ZE, JA(c.value), 1)) : J("", !0),
-        t.element.type === cA(j).Image ? (G(), V("div", {
+        t.element.type == cA(J).Text && o.value ? (G(), V("div", ZE, JA(c.value), 1)) : q("", !0),
+        t.element.type === cA(J).Image ? (G(), V("div", {
           key: 1,
           class: "cursor-pointer rounded-sm flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm text-gray-50 z-10 bg-black/80 hover:bg-black",
-          onClick: S[6] || (S[6] = YA(() => {
+          onClick: L[6] || (L[6] = YA(() => {
           }, ["stop"])),
           contenteditable: "false"
         }, [
           T("div", {
             class: "p-1",
-            onClick: S[5] || (S[5] = YA(() => EA(t.element), ["stop"]))
-          }, S[12] || (S[12] = [
+            onClick: L[5] || (L[5] = YA(() => EA(t.element), ["stop"]))
+          }, L[12] || (L[12] = [
             T("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "1em",
@@ -10372,11 +10372,11 @@ const $E = ["onClick"], ZE = {
               })
             ], -1)
           ]))
-        ])) : J("", !0)
+        ])) : q("", !0)
       ], 64);
     };
   }
-}), Ap = /* @__PURE__ */ ot(zE, [["__scopeId", "data-v-7ef7ba89"]]), ep = ye({
+}), Ap = /* @__PURE__ */ ot(zE, [["__scopeId", "data-v-fdc2479e"]]), ep = ye({
   name: "GpCheckbox",
   props: {
     modelValue: {
@@ -10428,23 +10428,23 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
     );
     function s() {
       var a;
-      if (n.value.type === j.Icon && !n.value.attrs.class.includes("iconfont")) {
+      if (n.value.type === J.Icon && !n.value.attrs.class.includes("iconfont")) {
         eA.error("图标仅支持 iconfont 图标");
         return;
       }
-      if (n.value.type === j.Image && n.value.tag !== "img") {
+      if (n.value.type === J.Image && n.value.tag !== "img") {
         eA.error("节点类型错误");
         return;
       }
-      if (n.value.type === j.Video && n.value.tag !== "video") {
+      if (n.value.type === J.Video && n.value.tag !== "video") {
         eA.error("节点类型错误");
         return;
       }
-      if (n.value.type === j.Link && n.value.tag !== "a") {
+      if (n.value.type === J.Link && n.value.tag !== "a") {
         eA.error("节点类型错误");
         return;
       }
-      if (n.value.type === j.Text) {
+      if (n.value.type === J.Text) {
         if (Number(n.value.rule.minText) > Number(n.value.rule.maxText)) {
           eA.error("最小文本长度不能大于最大文本长度");
           return;
@@ -10454,7 +10454,7 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           return;
         }
       }
-      if (n.value.type === j.Block) {
+      if (n.value.type === J.Block) {
         if (Number(n.value.rule.minBlock) > Number(n.value.rule.maxBlock)) {
           eA.error("最小块数量不能大于最大块数量");
           return;
@@ -10478,7 +10478,7 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
         n.value.text !== void 0 ? (G(), V("div", op, [
           u[16] || (u[16] = T("label", { class: "block" }, "内容", -1)),
           T("div", cp, JA(n.value.text || "-"), 1)
-        ])) : J("", !0),
+        ])) : q("", !0),
         T("div", null, [
           u[17] || (u[17] = T("label", { class: "block mt-4" }, "节点", -1)),
           T("div", lp, JA(n.value.xpath), 1)
@@ -10501,7 +10501,7 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             [Fs, n.value.type]
           ])
         ]),
-        n.value.type == cA(j).Text ? (G(), V("div", fp, [
+        n.value.type == cA(J).Text ? (G(), V("div", fp, [
           u[20] || (u[20] = T("label", { class: "block mt-4" }, "最小文本长度", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[1] || (u[1] = (o) => n.value.rule.minText = o),
@@ -10509,8 +10509,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.minText]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Text ? (G(), V("div", hp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Text ? (G(), V("div", hp, [
           u[21] || (u[21] = T("label", { class: "block mt-4" }, "最大文本长度", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[2] || (u[2] = (o) => n.value.rule.maxText = o),
@@ -10518,8 +10518,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.maxText]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Image ? (G(), V("div", dp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Image ? (G(), V("div", dp, [
           u[22] || (u[22] = T("label", { class: "block mt-4" }, "是否裁剪", -1)),
           Re(It, {
             class: "py-2",
@@ -10527,8 +10527,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             "onUpdate:modelValue": u[3] || (u[3] = (o) => n.value.rule.crop = o),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : J("", !0),
-        n.value.type == cA(j).Image ? (G(), V("div", Bp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Image ? (G(), V("div", Bp, [
           u[23] || (u[23] = T("label", { class: "block mt-4" }, "图片宽度", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[4] || (u[4] = (o) => n.value.rule.minImageWidth = o),
@@ -10536,8 +10536,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.minImageWidth]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Image ? (G(), V("div", gp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Image ? (G(), V("div", gp, [
           u[24] || (u[24] = T("label", { class: "block mt-4" }, "图片高度", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[5] || (u[5] = (o) => n.value.rule.maxImageHeight = o),
@@ -10545,8 +10545,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.maxImageHeight]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Block ? (G(), V("div", Ep, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Block ? (G(), V("div", Ep, [
           u[25] || (u[25] = T("label", { class: "block mt-4" }, "块最小数量", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[6] || (u[6] = (o) => n.value.rule.minBlock = o),
@@ -10554,8 +10554,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.minBlock]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Block ? (G(), V("div", pp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Block ? (G(), V("div", pp, [
           u[26] || (u[26] = T("label", { class: "block mt-4" }, "块最大数量", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[7] || (u[7] = (o) => n.value.rule.maxBlock = o),
@@ -10563,8 +10563,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.maxBlock]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Block ? (G(), V("div", Cp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Block ? (G(), V("div", Cp, [
           u[28] || (u[28] = T("label", { class: "block mt-4" }, "PC端每行列数", -1)),
           Ce(T("select", {
             multiple: "",
@@ -10586,8 +10586,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           ]), 512), [
             [Fs, n.value.rule.flexColumns]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Block ? (G(), V("div", mp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Block ? (G(), V("div", mp, [
           u[30] || (u[30] = T("label", { class: "block mt-4" }, "移动端每行列数", -1)),
           Ce(T("select", {
             "onUpdate:modelValue": u[9] || (u[9] = (o) => n.value.rule.mobileFlexColumn = o),
@@ -10603,8 +10603,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           ]), 512), [
             [Fs, n.value.rule.mobileFlexColumn]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Text || n.value.type == cA(j).Icon || n.value.type == cA(j).Button ? (G(), V("div", wp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Text || n.value.type == cA(J).Icon || n.value.type == cA(J).Button ? (G(), V("div", wp, [
           u[31] || (u[31] = T("label", { class: "block mt-4" }, "主题色", -1)),
           Re(It, {
             class: "py-2",
@@ -10612,7 +10612,7 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             "onUpdate:modelValue": u[10] || (u[10] = (o) => n.value.rule.isThemeColor = o),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : J("", !0),
+        ])) : q("", !0),
         T("div", null, [
           u[32] || (u[32] = T("label", { class: "block mt-4" }, "是否必填", -1)),
           Re(It, {
@@ -10631,7 +10631,7 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             label: "是"
           }, null, 8, ["modelValue"])
         ]),
-        n.value.type == cA(j).Link || n.value.type == cA(j).Button ? (G(), V("div", Tp, [
+        n.value.type == cA(J).Link || n.value.type == cA(J).Button ? (G(), V("div", Tp, [
           u[34] || (u[34] = T("label", { class: "block mt-4" }, "打开美洽", -1)),
           Re(It, {
             class: "py-2",
@@ -10639,8 +10639,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             "onUpdate:modelValue": u[13] || (u[13] = (o) => n.value.rule.openMeiqia = o),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : J("", !0),
-        n.value.type == cA(j).Link || n.value.type == cA(j).Button ? (G(), V("div", bp, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Link || n.value.type == cA(J).Button ? (G(), V("div", bp, [
           u[35] || (u[35] = T("label", { class: "block mt-4" }, "链接", -1)),
           Ce(T("input", {
             "onUpdate:modelValue": u[14] || (u[14] = (o) => n.value.rule.linkUrl = o),
@@ -10648,8 +10648,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
           }, null, 512), [
             [ct, n.value.rule.linkUrl]
           ])
-        ])) : J("", !0),
-        n.value.type == cA(j).Text ? (G(), V("div", Up, [
+        ])) : q("", !0),
+        n.value.type == cA(J).Text ? (G(), V("div", Up, [
           u[36] || (u[36] = T("label", { class: "block mt-4" }, "允许换行（回车/粘贴多段文本等）", -1)),
           Re(It, {
             class: "py-2",
@@ -10657,8 +10657,8 @@ const It = /* @__PURE__ */ ot(ep, [["render", ap], ["__scopeId", "data-v-68b8f27
             "onUpdate:modelValue": u[15] || (u[15] = (o) => n.value.rule.allowWrap = o),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : J("", !0)
-      ])) : J("", !0),
+        ])) : q("", !0)
+      ])) : q("", !0),
       T("button", {
         onClick: s,
         class: "mt-4 p-2 bg-green-500 text-white rounded"
@@ -11120,9 +11120,9 @@ function tC(A, e, t, r) {
     aspectRatio: n,
     width: lA,
     height: Z
-  }, "cover"), Ae = Math.min(VA.width, Math.max(HA.width, s)), SA = Math.min(VA.height, Math.max(HA.height, a)), L = [-Ae / 2, -SA / 2, Ae, SA];
-  return iA.width = Gt(jA), iA.height = Gt(yA), fA.fillStyle = v, fA.fillRect(0, 0, jA, yA), fA.save(), fA.translate(jA / 2, yA / 2), fA.rotate(o * Math.PI / 180), fA.scale(l, h), fA.imageSmoothingEnabled = D, fA.imageSmoothingQuality = H, fA.drawImage.apply(fA, [A].concat(el(L.map(function(S) {
-    return Math.floor(Gt(S));
+  }, "cover"), Ae = Math.min(VA.width, Math.max(HA.width, s)), SA = Math.min(VA.height, Math.max(HA.height, a)), S = [-Ae / 2, -SA / 2, Ae, SA];
+  return iA.width = Gt(jA), iA.height = Gt(yA), fA.fillStyle = v, fA.fillRect(0, 0, jA, yA), fA.save(), fA.translate(jA / 2, yA / 2), fA.rotate(o * Math.PI / 180), fA.scale(l, h), fA.imageSmoothingEnabled = D, fA.imageSmoothingQuality = H, fA.drawImage.apply(fA, [A].concat(el(S.map(function(L) {
+    return Math.floor(Gt(L));
   })))), fA.restore(), iA;
 }
 var hl = String.fromCharCode;
@@ -12174,7 +12174,7 @@ const EC = {
                     T("div", IC, [
                       T("div", vC, [
                         T("div", _C, [
-                          c.value.image ? J("", !0) : (G(), V("div", yC, " 请上传图片 ")),
+                          c.value.image ? q("", !0) : (G(), V("div", yC, " 请上传图片 ")),
                           T("img", {
                             id: "imgId",
                             src: c.value.image,
@@ -12205,7 +12205,7 @@ const EC = {
             ])
           ])
         ])
-      ])) : J("", !0);
+      ])) : q("", !0);
     };
   }
 }), OC = ye({
@@ -12274,7 +12274,7 @@ function GC(A, e, t, r, n, s) {
   }, [
     T("div", RC, [
       T("div", MC, [
-        A.title ? (G(), V("h3", PC, JA(A.title), 1)) : J("", !0),
+        A.title ? (G(), V("h3", PC, JA(A.title), 1)) : q("", !0),
         mr(A.$slots, "header"),
         A.showCloseButton ? (G(), V("button", {
           key: 1,
@@ -12294,7 +12294,7 @@ function GC(A, e, t, r, n, s) {
               "clip-rule": "evenodd"
             })
           ], -1)
-        ]))) : J("", !0)
+        ]))) : q("", !0)
       ]),
       T("div", kC, [
         mr(A.$slots, "default")
@@ -12305,16 +12305,16 @@ function GC(A, e, t, r, n, s) {
             key: 0,
             class: "px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 rounded hover:bg-gray-200",
             onClick: e[1] || (e[1] = (...a) => A.onCancel && A.onCancel(...a))
-          }, JA(A.cancelText), 1)) : J("", !0),
+          }, JA(A.cancelText), 1)) : q("", !0),
           A.showOkButton ? (G(), V("button", {
             key: 1,
             class: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700",
             onClick: e[2] || (e[2] = (...a) => A.onOk && A.onOk(...a))
-          }, JA(A.okText), 1)) : J("", !0)
+          }, JA(A.okText), 1)) : q("", !0)
         ])
-      ])) : J("", !0)
+      ])) : q("", !0)
     ])
-  ])) : J("", !0);
+  ])) : q("", !0);
 }
 const VC = /* @__PURE__ */ ot(OC, [["render", GC]]), YC = { class: "p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]" }, XC = ["onClick"], WC = /* @__PURE__ */ ye({
   __name: "GpIcon",
@@ -12468,7 +12468,7 @@ function em(A, e, t, r, n, s) {
           T("div", { class: "text-gray-400 text-lg text-center" }, " 点击或拖拽上传图片 ")
         ], -1))
       ], !0)
-    ])) : J("", !0),
+    ])) : q("", !0),
     T("input", {
       type: "file",
       ref: "inputRef",
@@ -12488,7 +12488,7 @@ function em(A, e, t, r, n, s) {
             src: a.thumbUrl,
             alt: "preview",
             class: "w-12 h-12 object-cover rounded"
-          }, null, 8, zC)) : J("", !0),
+          }, null, 8, zC)) : q("", !0),
           T("span", null, JA(a.name), 1)
         ]),
         T("div", null, [
@@ -12498,7 +12498,7 @@ function em(A, e, t, r, n, s) {
           }, " 删除 ", 8, Am)
         ])
       ]))), 128))
-    ])) : J("", !0)
+    ])) : q("", !0)
   ]);
 }
 const tm = /* @__PURE__ */ ot(JC, [["render", em], ["__scopeId", "data-v-08babff9"]]);
@@ -17052,7 +17052,7 @@ var CA = function(A, e, t, r, n) {
           switch (c.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(l) {
-                var f, h, C, sA, EA, bA, Z, iA, k, p, sA, EA, bA, Z, iA, w, U, v, I, D, P, H, E, N, k, R, sA, lA, gA, Z, iA, fA, EA, bA, jA, yA, VA, HA, Ae, SA, L, S;
+                var f, h, C, sA, EA, bA, Z, iA, k, p, sA, EA, bA, Z, iA, w, U, v, I, D, P, H, E, N, k, R, sA, lA, gA, Z, iA, fA, EA, bA, jA, yA, VA, HA, Ae, SA, S, L;
                 return XA(this, function(z) {
                   switch (z.label) {
                     case 0:
@@ -17079,7 +17079,7 @@ var CA = function(A, e, t, r, n) {
                         null
                       ]), sA = R[0], lA = R[1], gA = R[2], Z = R[3], iA = R[4], fA = l.position.length === 0 ? [Si] : l.position, EA = pA(fA[0], Z), bA = pA(fA[fA.length - 1], iA), jA = $1(l, EA, bA, Z, iA), yA = jA[0], VA = jA[1], yA > 0 && VA > 0 && (HA = s.ctx.createRadialGradient(lA + EA, gA + bA, 0, lA + EA, gA + bA, yA), zu(l.stops, yA * 2).forEach(function(AA) {
                         return HA.addColorStop(AA.stop, DA(AA.color));
-                      }), s.path(sA), s.ctx.fillStyle = HA, yA !== VA ? (Ae = t.bounds.left + 0.5 * t.bounds.width, SA = t.bounds.top + 0.5 * t.bounds.height, L = VA / yA, S = 1 / L, s.ctx.save(), s.ctx.translate(Ae, SA), s.ctx.transform(1, 0, 0, L, 0, 0), s.ctx.translate(-Ae, -SA), s.ctx.fillRect(lA, S * (gA - SA) + SA, Z, iA * S), s.ctx.restore()) : s.ctx.fill())), z.label = 6;
+                      }), s.path(sA), s.ctx.fillStyle = HA, yA !== VA ? (Ae = t.bounds.left + 0.5 * t.bounds.width, SA = t.bounds.top + 0.5 * t.bounds.height, S = VA / yA, L = 1 / S, s.ctx.save(), s.ctx.translate(Ae, SA), s.ctx.transform(1, 0, 0, S, 0, 0), s.ctx.translate(-Ae, -SA), s.ctx.fillRect(lA, L * (gA - SA) + SA, Z, iA * L), s.ctx.restore()) : s.ctx.fill())), z.label = 6;
                     case 6:
                       return r--, [
                         2
@@ -17317,9 +17317,9 @@ var CA = function(A, e, t, r, n) {
 typeof window < "u" && l0.setContext(window);
 var FU = function(A, e) {
   return ZA(void 0, void 0, void 0, function() {
-    var t, r, n, s, a, u, o, c, l, f, h, C, p, w, U, v, I, D, P, H, N, E, N, k, R, sA, lA, gA, Z, iA, fA, EA, bA, jA, yA, VA, HA, Ae, SA, L;
-    return XA(this, function(S) {
-      switch (S.label) {
+    var t, r, n, s, a, u, o, c, l, f, h, C, p, w, U, v, I, D, P, H, N, E, N, k, R, sA, lA, gA, Z, iA, fA, EA, bA, jA, yA, VA, HA, Ae, SA, S;
+    return XA(this, function(L) {
+      switch (L.label) {
         case 0:
           if (!A || typeof A != "object")
             return [2, Promise.reject("Invalid element provided as first argument")];
@@ -17345,7 +17345,7 @@ var FU = function(A, e) {
             copyStyles: c
           }, o.logger.debug("Starting document clone with size " + u.width + "x" + u.height + " scrolled to " + -u.left + "," + -u.top), f = new vo(o, A, l), h = f.clonedReferenceElement, h ? [4, f.toIFrame(t, u)] : [2, Promise.reject("Unable to find element in cloned iframe")];
         case 1:
-          return C = S.sent(), p = Di(h) || Ib(h) ? rm(h.ownerDocument) : gs(o, h), w = p.width, U = p.height, v = p.left, I = p.top, D = IU(o, h, e.backgroundColor), P = {
+          return C = L.sent(), p = Di(h) || Ib(h) ? rm(h.ownerDocument) : gs(o, h), w = p.width, U = p.height, v = p.left, I = p.top, D = IU(o, h, e.backgroundColor), P = {
             canvas: e.canvas,
             backgroundColor: D,
             scale: (yA = (jA = e.scale) !== null && jA !== void 0 ? jA : r.devicePixelRatio) !== null && yA !== void 0 ? yA : 1,
@@ -17355,13 +17355,13 @@ var FU = function(A, e) {
             height: (SA = e.height) !== null && SA !== void 0 ? SA : Math.ceil(U)
           }, c ? (o.logger.debug("Document cloned, using foreign object rendering"), N = new wU(o, P), [4, N.render(h)]) : [3, 3];
         case 2:
-          return H = S.sent(), [3, 5];
+          return H = L.sent(), [3, 5];
         case 3:
           return o.logger.debug("Document cloned, element located at " + v + "," + I + " with size " + w + "x" + U + " using computed rendering"), o.logger.debug("Starting DOM parsing"), E = r0(o, h), D === E.styles.backgroundColor && (E.styles.backgroundColor = Pe.TRANSPARENT), o.logger.debug("Starting renderer for element at " + P.x + "," + P.y + " with size " + P.width + "x" + P.height), N = new BU(o, P), [4, N.render(E)];
         case 4:
-          H = S.sent(), S.label = 5;
+          H = L.sent(), L.label = 5;
         case 5:
-          return (!((L = e.removeContainer) !== null && L !== void 0) || L) && (vo.destroy(C) || o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), o.logger.debug("Finished rendering"), [2, H];
+          return (!((S = e.removeContainer) !== null && S !== void 0) || S) && (vo.destroy(C) || o.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), o.logger.debug("Finished rendering"), [2, H];
       }
     });
   });
@@ -17478,11 +17478,11 @@ function _U(A, e, t, r, n, s) {
   return G(), V("div", null, [
     T("iframe", {
       ref: "iframeRef",
-      style: ua(A.iframeStyle)
+      style: ua([{ "min-height": "600px" }, A.iframeStyle])
     }, null, 4)
   ]);
 }
-const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90c"]]), yU = { class: "flex gp-dsigner" }, SU = {
+const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-e4f74412"]]), yU = { class: "flex gp-dsigner" }, SU = {
   key: 0,
   class: "flex items-center justify-between border-b"
 }, LU = { class: "text-lg font-bold p-2" }, xU = { class: "text-sm font-thin text-gray-500" }, HU = { class: "flex-1 overflow-auto" }, NU = {
@@ -17598,7 +17598,7 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
     function R(F) {
       if (U.value.xpath == F.xpath) {
         if (U.value) {
-          if (F.type === j.Block) {
+          if (F.type === J.Block) {
             var x = !0;
             const K = N(
               u.value,
@@ -17615,7 +17615,7 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
               return;
             }
           }
-          if (U.value.rule = F.rule, U.value.type = F.type, U.value.type === j.Block) {
+          if (U.value.rule = F.rule, U.value.type = F.type, U.value.type === J.Block) {
             const K = N(
               u.value,
               U.value.parentxpath || ""
@@ -17669,7 +17669,7 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
         children: QA,
         xpath: Y,
         parentxpath: x,
-        type: (ue == null ? void 0 : ue.type) || j.None,
+        type: (ue == null ? void 0 : ue.type) || J.None,
         rule: (ue == null ? void 0 : ue.rule) || {}
       };
     }
@@ -17806,18 +17806,18 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
         Y.success && (x.attrs.src = Y.file.url, f.value = (/* @__PURE__ */ new Date()).getTime().toString());
       }) : (x.attrs.src = K.thumbUrl, f.value = (/* @__PURE__ */ new Date()).getTime().toString()));
     }
-    const SA = $(r.previewWidth), L = $(360);
-    let S = $(!1), z = $(""), AA = 0, ee = 0;
+    const SA = $(r.previewWidth), S = $(360);
+    let L = $(!1), z = $(""), AA = 0, ee = 0;
     function Ke(F) {
-      z.value = F, S.value = !0, AA = event.clientX, F === "preview" ? ee = SA.value : F === "structure" && (ee = L.value), window.addEventListener("mousemove", zt), window.addEventListener("mouseup", Ar);
+      z.value = F, L.value = !0, AA = event.clientX, F === "preview" ? ee = SA.value : F === "structure" && (ee = S.value), window.addEventListener("mousemove", zt), window.addEventListener("mouseup", Ar);
     }
     function zt(F) {
-      if (!S.value) return;
+      if (!L.value) return;
       const x = F.clientX - AA;
-      z.value === "preview" ? SA.value = Math.max(200, ee + x) : z.value === "structure" && (L.value = Math.max(200, ee - x));
+      z.value === "preview" ? SA.value = Math.max(200, ee + x) : z.value === "structure" && (S.value = Math.max(200, ee - x));
     }
     function Ar() {
-      S.value = !1, z.value = "", window.removeEventListener("mousemove", zt), window.removeEventListener("mouseup", Ar);
+      L.value = !1, z.value = "", window.removeEventListener("mousemove", zt), window.removeEventListener("mouseup", Ar);
     }
     return e({
       generateCover: P
@@ -17836,7 +17836,7 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
             onClick: x[0] || (x[0] = () => P()),
             class: "p-2 cursor-pointer text-blue-500"
           }, " 封面 ")
-        ])) : J("", !0),
+        ])) : q("", !0),
         T("div", null, [
           c.value ? (G(), je(xo, {
             key: 0,
@@ -17856,12 +17856,12 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
             ref: w
           }, null, 8, ["css-files", "js-files", "html-content"]))
         ])
-      ], 4)) : J("", !0),
+      ], 4)) : q("", !0),
       F.preview ? (G(), V("div", {
         key: 1,
         class: "resizer",
         onMousedown: x[1] || (x[1] = (K) => Ke("preview"))
-      }, null, 32)) : J("", !0),
+      }, null, 32)) : q("", !0),
       T("div", HU, [
         F.showTitle ? (G(), V("div", NU, [
           x[6] || (x[6] = T("h2", { class: "text-lg font-bold" }, "结构渲染", -1)),
@@ -17876,7 +17876,7 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
             ]),
             x[5] || (x[5] = T("label", { for: "showMargin" }, "间距", -1))
           ])
-        ])) : J("", !0),
+        ])) : q("", !0),
         T("div", OU, [
           u.value ? (G(), je(Ap, {
             key: 0,
@@ -17898,33 +17898,33 @@ const xo = /* @__PURE__ */ ot(vU, [["render", _U], ["__scopeId", "data-v-607ae90
             onBlockAction: EA,
             onAddIcon: bA,
             onUpdateElementRule: sA
-          }, null, 8, ["upload-by-file", "cropper", "icon", "upload", "mode", "icons", "r", "show-margin", "element", "selectedElement", "hoveredElement"])) : J("", !0)
+          }, null, 8, ["upload-by-file", "cropper", "icon", "upload", "mode", "icons", "r", "show-margin", "element", "selectedElement", "hoveredElement"])) : q("", !0)
         ])
       ]),
       l.value == "design" ? (G(), V("div", {
         key: 2,
         class: "resizer",
         onMousedown: x[3] || (x[3] = (K) => Ke("structure"))
-      }, null, 32)) : J("", !0),
+      }, null, 32)) : q("", !0),
       l.value == "design" ? (G(), V("div", {
         key: 3,
         class: "resize-area",
-        style: ua({ width: L.value + "px" })
+        style: ua({ width: S.value + "px" })
       }, [
         T("div", RU, [
           F.showTitle ? (G(), V("h2", MU, [
             x[7] || (x[7] = ia(" 节点属性 ")),
-            T("span", PU, JA(L.value) + "px", 1)
-          ])) : J("", !0),
+            T("span", PU, JA(S.value) + "px", 1)
+          ])) : q("", !0),
           T("div", kU, [
             U.value ? (G(), je(Fp, {
               key: 0,
               element: U.value,
               onUpdateElement: R
-            }, null, 8, ["element"])) : J("", !0)
+            }, null, 8, ["element"])) : q("", !0)
           ])
         ])
-      ], 4)) : J("", !0),
+      ], 4)) : q("", !0),
       Re(DC, {
         ref_key: "cropperRef",
         ref: h,