gp-designer 1.0.14 → 1.0.16

package/dist/gp-designer.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as Ge, computed as Ke, openBlock as B, createElementBlock as V, normalizeClass as Da, ref as z, watch as ot, createElementVNode as S, withModifiers as he, Fragment as Ht, renderList as Ks, createBlock as xt, createCommentVNode as K, mergeProps as Zs, toDisplayString as ve, resolveComponent as wu, resolveDynamicComponent as Bu, withCtx as Js, createTextVNode as ti, unref as Ne, createVNode as lt, Transition as Uu, renderSlot as Fu, reactive as Hu, createApp as Yu, h as es, withDirectives as st, vModelSelect as qu, vModelText as pt, normalizeStyle as ts } from "vue";
-var j;
+import { defineComponent as Ge, computed as Ke, openBlock as M, createElementBlock as U, normalizeClass as Da, ref as K, watch as ot, createElementVNode as x, withModifiers as he, Fragment as Ht, renderList as Ks, createBlock as xt, createCommentVNode as $, mergeProps as Zs, toDisplayString as ve, resolveComponent as wu, resolveDynamicComponent as Bu, withCtx as Js, createTextVNode as ti, unref as Ne, createVNode as lt, Transition as Uu, renderSlot as Fu, reactive as Hu, createApp as Yu, h as es, withDirectives as st, vModelSelect as qu, vModelText as pt, normalizeStyle as ts } from "vue";
+var z;
 (function(e) {
   e.Root = "root", e.Text = "text", e.Directive = "directive", e.Comment = "comment", e.Script = "script", e.Style = "style", e.Tag = "tag", e.CDATA = "cdata", e.Doctype = "doctype";
-})(j || (j = {}));
+})(z || (z = {}));
 function Vu(e) {
-  return e.type === j.Tag || e.type === j.Script || e.type === j.Style;
+  return e.type === z.Tag || e.type === z.Script || e.type === z.Style;
 }
-const Wu = j.Root, $u = j.Text, Xu = j.Directive, Gu = j.Comment, Qu = j.Script, ju = j.Style, zu = j.Tag, Ku = j.CDATA, Zu = j.Doctype;
+const Wu = z.Root, $u = z.Text, Xu = z.Directive, Gu = z.Comment, Qu = z.Script, ju = z.Style, zu = z.Tag, Ku = z.CDATA, Zu = z.Doctype;
 let en = class {
   constructor() {
     this.parent = null, this.prev = null, this.next = null, this.startIndex = null, this.endIndex = null;
@@ -72,7 +72,7 @@ class Si extends en {
 }
 class jt extends Si {
   constructor() {
-    super(...arguments), this.type = j.Text;
+    super(...arguments), this.type = z.Text;
   }
   get nodeType() {
     return 3;
@@ -80,7 +80,7 @@ class jt extends Si {
 }
 class xi extends Si {
   constructor() {
-    super(...arguments), this.type = j.Comment;
+    super(...arguments), this.type = z.Comment;
   }
   get nodeType() {
     return 8;
@@ -88,7 +88,7 @@ class xi extends Si {
 }
 class Oi extends Si {
   constructor(t, a) {
-    super(a), this.name = t, this.type = j.Directive;
+    super(a), this.name = t, this.type = z.Directive;
   }
   get nodeType() {
     return 1;
@@ -124,7 +124,7 @@ class Di extends en {
 }
 class tn extends Di {
   constructor() {
-    super(...arguments), this.type = j.CDATA;
+    super(...arguments), this.type = z.CDATA;
   }
   get nodeType() {
     return 4;
@@ -132,7 +132,7 @@ class tn extends Di {
 }
 class dt extends Di {
   constructor() {
-    super(...arguments), this.type = j.Root;
+    super(...arguments), this.type = z.Root;
   }
   get nodeType() {
     return 9;
@@ -144,7 +144,7 @@ class Li extends Di {
    * @param attribs Object mapping attribute names to attribute values.
    * @param children Children of the node.
    */
-  constructor(t, a, i = [], s = t === "script" ? j.Script : t === "style" ? j.Style : j.Tag) {
+  constructor(t, a, i = [], s = t === "script" ? z.Script : t === "style" ? z.Style : z.Tag) {
     super(i), this.name = t, this.attribs = a, this.type = s;
   }
   get nodeType() {
@@ -173,23 +173,23 @@ class Li extends Di {
     });
   }
 }
-function k(e) {
+function w(e) {
   return Vu(e);
 }
 function La(e) {
-  return e.type === j.CDATA;
+  return e.type === z.CDATA;
 }
 function He(e) {
-  return e.type === j.Text;
+  return e.type === z.Text;
 }
 function va(e) {
-  return e.type === j.Comment;
+  return e.type === z.Comment;
 }
 function ai(e) {
-  return e.type === j.Directive;
+  return e.type === z.Directive;
 }
 function at(e) {
-  return e.type === j.Root;
+  return e.type === z.Root;
 }
 function Te(e) {
   return Object.prototype.hasOwnProperty.call(e, "children");
@@ -200,7 +200,7 @@ function zt(e, t = !1) {
     a = new jt(e.data);
   else if (va(e))
     a = new xi(e.data);
-  else if (k(e)) {
+  else if (w(e)) {
     const i = t ? qa(e.children) : [], s = new Li(e.name, { ...e.attribs }, i);
     i.forEach((u) => u.parent = s), e.namespace != null && (s.namespace = e.namespace), e["x-attribsNamespace"] && (s["x-attribsNamespace"] = { ...e["x-attribsNamespace"] }), e["x-attribsPrefix"] && (s["x-attribsPrefix"] = { ...e["x-attribsPrefix"] }), a = s;
   } else if (La(e)) {
@@ -256,12 +256,12 @@ class Ju {
     this.options.withEndIndices && (t.endIndex = this.parser.endIndex), this.elementCB && this.elementCB(t);
   }
   onopentag(t, a) {
-    const i = this.options.xmlMode ? j.Tag : void 0, s = new Li(t, a, void 0, i);
+    const i = this.options.xmlMode ? z.Tag : void 0, s = new Li(t, a, void 0, i);
     this.addNode(s), this.tagStack.push(s);
   }
   ontext(t) {
     const { lastNode: a } = this;
-    if (a && a.type === j.Text)
+    if (a && a.type === z.Text)
       a.data += t, this.options.withEndIndices && (a.endIndex = this.parser.endIndex);
     else {
       const i = new jt(t);
@@ -269,7 +269,7 @@ class Ju {
     }
   }
   oncomment(t) {
-    if (this.lastNode && this.lastNode.type === j.Comment) {
+    if (this.lastNode && this.lastNode.type === z.Comment) {
       this.lastNode.data += t;
       return;
     }
@@ -379,7 +379,7 @@ var ke;
 (function(e) {
   e[e.Legacy = 0] = "Legacy", e[e.Strict = 1] = "Strict", e[e.Attribute = 2] = "Attribute";
 })(ke || (ke = {}));
-class Ri {
+class yi {
   constructor(t, a, i) {
     this.decodeTree = t, this.emitCodePoint = a, this.errors = i, this.state = fe.EntityStart, this.consumed = 1, this.result = 0, this.treeIndex = 0, this.excess = 1, this.decodeMode = ke.Strict;
   }
@@ -568,7 +568,7 @@ class Ri {
 }
 function sn(e) {
   let t = "";
-  const a = new Ri(e, (i) => t += ii(i));
+  const a = new yi(e, (i) => t += ii(i));
   return function(s, u) {
     let r = 0, o = 0;
     for (; (o = s.indexOf("&", o)) >= 0; ) {
@@ -791,7 +791,7 @@ const ss = /* @__PURE__ */ new Set([
   "track",
   "wbr"
 ]);
-function Ra(e, t = {}) {
+function ya(e, t = {}) {
   const a = "length" in e ? e : [e];
   let i = "";
   for (let s = 0; s < a.length; s++)
@@ -801,7 +801,7 @@ function Ra(e, t = {}) {
 function Er(e, t) {
   switch (e.type) {
     case Wu:
-      return Ra(e.children, t);
+      return ya(e.children, t);
     case Zu:
     case Xu:
       return br(e);
@@ -839,7 +839,7 @@ function pr(e, t) {
   ) : (
     // User explicitly asked for self-closing tags, even in HTML mode
     t.selfClosingTags && ss.has(e.name)
-  )) ? (t.xmlMode || (i += " "), i += "/>") : (i += ">", e.children.length > 0 && (i += Ra(e.children, t)), (t.xmlMode || !ss.has(e.name)) && (i += `</${e.name}>`)), i;
+  )) ? (t.xmlMode || (i += " "), i += "/>") : (i += ">", e.children.length > 0 && (i += ya(e.children, t)), (t.xmlMode || !ss.has(e.name)) && (i += `</${e.name}>`)), i;
 }
 function br(e) {
   return `<${e.data}>`;
@@ -856,22 +856,22 @@ function Ar(e) {
   return `<!--${e.data}-->`;
 }
 function cn(e, t) {
-  return Ra(e, t);
+  return ya(e, t);
 }
 function Nr(e, t) {
   return Te(e) ? e.children.map((a) => cn(a, t)).join("") : "";
 }
 function Ea(e) {
-  return Array.isArray(e) ? e.map(Ea).join("") : k(e) ? e.name === "br" ? `
+  return Array.isArray(e) ? e.map(Ea).join("") : w(e) ? e.name === "br" ? `
 ` : Ea(e.children) : La(e) ? Ea(e.children) : He(e) ? e.data : "";
 }
 function Ot(e) {
   return Array.isArray(e) ? e.map(Ot).join("") : Te(e) && !va(e) ? Ot(e.children) : He(e) ? e.data : "";
 }
 function Ta(e) {
-  return Array.isArray(e) ? e.map(Ta).join("") : Te(e) && (e.type === j.Tag || La(e)) ? Ta(e.children) : He(e) ? e.data : "";
+  return Array.isArray(e) ? e.map(Ta).join("") : Te(e) && (e.type === z.Tag || La(e)) ? Ta(e.children) : He(e) ? e.data : "";
 }
-function ya(e) {
+function Ra(e) {
   return Te(e) ? e.children : [];
 }
 function ln(e) {
@@ -880,7 +880,7 @@ function ln(e) {
 function hn(e) {
   const t = ln(e);
   if (t != null)
-    return ya(t);
+    return Ra(t);
   const a = [e];
   let { prev: i, next: s } = e;
   for (; i != null; )
@@ -899,15 +899,15 @@ function Cr(e, t) {
 function Sr(e) {
   return e.name;
 }
-function yi(e) {
+function Ri(e) {
   let { next: t } = e;
-  for (; t !== null && !k(t); )
+  for (; t !== null && !w(t); )
     ({ next: t } = t);
   return t;
 }
 function Mi(e) {
   let { prev: t } = e;
-  for (; t !== null && !k(t); )
+  for (; t !== null && !w(t); )
     ({ prev: t } = t);
   return t;
 }
@@ -980,23 +980,23 @@ function Pi(e, t, a, i) {
     a && Te(o) && o.children.length > 0 && (r.unshift(0), u.unshift(o.children));
   }
 }
-function Rr(e, t) {
+function yr(e, t) {
   return t.find(e);
 }
 function ki(e, t, a = !0) {
   let i = null;
   for (let s = 0; s < t.length && !i; s++) {
     const u = t[s];
-    if (k(u))
+    if (w(u))
       e(u) ? i = u : a && u.children.length > 0 && (i = ki(e, u.children, !0));
     else continue;
   }
   return i;
 }
 function dn(e, t) {
-  return t.some((a) => k(a) && (e(a) || dn(e, a.children)));
+  return t.some((a) => w(a) && (e(a) || dn(e, a.children)));
 }
-function yr(e, t) {
+function Rr(e, t) {
   const a = [], i = [t], s = [0];
   for (; ; ) {
     if (s[0] >= i[0].length) {
@@ -1006,12 +1006,12 @@ function yr(e, t) {
       continue;
     }
     const u = i[0][s[0]++];
-    k(u) && (e(u) && a.push(u), u.children.length > 0 && (s.unshift(0), i.unshift(u.children)));
+    w(u) && (e(u) && a.push(u), u.children.length > 0 && (s.unshift(0), i.unshift(u.children)));
   }
 }
 const pa = {
   tag_name(e) {
-    return typeof e == "function" ? (t) => k(t) && e(t.name) : e === "*" ? k : (t) => k(t) && t.name === e;
+    return typeof e == "function" ? (t) => w(t) && e(t.name) : e === "*" ? w : (t) => w(t) && t.name === e;
   },
   tag_type(e) {
     return typeof e == "function" ? (t) => e(t.type) : (t) => t.type === e;
@@ -1021,7 +1021,7 @@ const pa = {
   }
 };
 function fn(e, t) {
-  return typeof t == "function" ? (a) => k(a) && t(a.attribs[e]) : (a) => k(a) && a.attribs[e] === t;
+  return typeof t == "function" ? (a) => w(a) && t(a.attribs[e]) : (a) => w(a) && a.attribs[e] === t;
 }
 function Mr(e, t) {
   return (a) => e(a) || t(a);
@@ -1183,11 +1183,11 @@ const Pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   existsOne: dn,
   filter: Ma,
   find: Pi,
-  findAll: yr,
+  findAll: Rr,
   findOne: ki,
-  findOneChild: Rr,
+  findOneChild: yr,
   getAttributeValue: Ir,
-  getChildren: ya,
+  getChildren: Ra,
   getElementById: wr,
   getElements: kr,
   getElementsByTagName: Lt,
@@ -1205,9 +1205,9 @@ const Pa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isCDATA: La,
   isComment: va,
   isDocument: at,
-  isTag: k,
+  isTag: w,
   isText: He,
-  nextElementSibling: yi,
+  nextElementSibling: Ri,
   prepend: vr,
   prependChild: Lr,
   prevElementSibling: Mi,
@@ -1335,7 +1335,7 @@ function ui(e) {
 const Zt = Object.prototype.hasOwnProperty, Jt = /\s+/, ri = "data-", wi = /^(?:autofocus|autoplay|async|checked|controls|defer|disabled|hidden|loop|multiple|open|readonly|required|scoped|selected)$/i, ao = /^{[^]*}$|^\[[^]*]$/;
 function ga(e, t, a) {
   var i;
-  if (!(!e || !k(e))) {
+  if (!(!e || !w(e))) {
     if ((i = e.attribs) !== null && i !== void 0 || (e.attribs = {}), !t)
       return e.attribs;
     if (Zt.call(e.attribs, t))
@@ -1355,11 +1355,11 @@ function io(e, t) {
       if (typeof e != "string")
         throw new Error("Bad combination of arguments.");
       return re(this, (a, i) => {
-        k(a) && Nt(a, e, t.call(a, i, a.attribs[e]));
+        w(a) && Nt(a, e, t.call(a, i, a.attribs[e]));
       });
     }
     return re(this, (a) => {
-      if (k(a))
+      if (w(a))
         if (typeof e == "object")
           for (const i of Object.keys(e)) {
             const s = e[i];
@@ -1384,7 +1384,7 @@ function so(e, t) {
   var a;
   if (typeof e == "string" && t === void 0) {
     const i = this[0];
-    if (!i || !k(i))
+    if (!i || !w(i))
       return;
     switch (e) {
       case "style": {
@@ -1418,11 +1418,11 @@ function so(e, t) {
       if (typeof e == "object")
         throw new TypeError("Bad combination of arguments.");
       return re(this, (i, s) => {
-        k(i) && Wa(i, e, t.call(i, s, us(i, e, this.options.xmlMode)), this.options.xmlMode);
+        w(i) && Wa(i, e, t.call(i, s, us(i, e, this.options.xmlMode)), this.options.xmlMode);
       });
     }
     return re(this, (i) => {
-      if (k(i))
+      if (w(i))
         if (typeof e == "object")
           for (const s of Object.keys(e)) {
             const u = e[s];
@@ -1473,16 +1473,16 @@ function gn(e) {
 function ro(e, t) {
   var a;
   const i = this[0];
-  if (!i || !k(i))
+  if (!i || !w(i))
     return;
   const s = i;
   return (a = s.data) !== null && a !== void 0 || (s.data = {}), e == null ? no(s) : typeof e == "object" || t !== void 0 ? (re(this, (u) => {
-    k(u) && (typeof e == "object" ? rs(u, e) : rs(u, e, t));
+    w(u) && (typeof e == "object" ? rs(u, e) : rs(u, e, t));
   }), this) : uo(s, e);
 }
 function oo(e) {
   const t = arguments.length === 0, a = this[0];
-  if (!a || !k(a))
+  if (!a || !w(a))
     return t ? void 0 : this;
   switch (a.name) {
     case "textarea":
@@ -1515,13 +1515,13 @@ function co(e) {
   const t = _a(e);
   for (const a of t)
     re(this, (i) => {
-      k(i) && _n(i, a);
+      w(i) && _n(i, a);
     });
   return this;
 }
 function lo(e) {
   return this.toArray().some((t) => {
-    const a = k(t) && t.attribs.class;
+    const a = w(t) && t.attribs.class;
     let i = -1;
     if (a && e.length > 0)
       for (; (i = a.indexOf(e, i + 1)) > -1; ) {
@@ -1535,7 +1535,7 @@ function lo(e) {
 function An(e) {
   if (typeof e == "function")
     return re(this, (i, s) => {
-      if (k(i)) {
+      if (w(i)) {
         const u = i.attribs.class || "";
         An.call([i], e.call(i, s, u));
       }
@@ -1545,7 +1545,7 @@ function An(e) {
   const t = e.split(Jt), a = this.length;
   for (let i = 0; i < a; i++) {
     const s = this[i];
-    if (!k(s))
+    if (!w(s))
       continue;
     const u = ga(s, "class", !1);
     if (u) {
@@ -1563,11 +1563,11 @@ function An(e) {
 function Nn(e) {
   if (typeof e == "function")
     return re(this, (s, u) => {
-      k(s) && Nn.call([s], e.call(s, u, s.attribs.class || ""));
+      w(s) && Nn.call([s], e.call(s, u, s.attribs.class || ""));
     });
   const t = _a(e), a = t.length, i = arguments.length === 0;
   return re(this, (s) => {
-    if (k(s))
+    if (w(s))
       if (i)
         s.attribs.class = "";
       else {
@@ -1584,14 +1584,14 @@ function Nn(e) {
 function In(e, t) {
   if (typeof e == "function")
     return re(this, (r, o) => {
-      k(r) && In.call([r], e.call(r, o, r.attribs.class || "", t), t);
+      w(r) && In.call([r], e.call(r, o, r.attribs.class || "", t), t);
     });
   if (!e || typeof e != "string")
     return this;
   const a = e.split(Jt), i = a.length, s = typeof t == "boolean" ? t ? 1 : -1 : 0, u = this.length;
   for (let r = 0; r < u; r++) {
     const o = this[r];
-    if (!k(o))
+    if (!w(o))
       continue;
     const c = _a(o.attribs.class);
     for (let h = 0; h < i; h++) {
@@ -1774,44 +1774,44 @@ function Cn(e, t, a) {
         let A, I = null;
         t.charCodeAt(a) === 124 ? A = s(1) : t.startsWith("*|", a) ? (I = "*", A = s(2)) : (A = s(0), t.charCodeAt(a) === 124 && t.charCodeAt(a + 1) !== 61 && (I = A, A = s(1))), u(0);
         let L = de.Exists;
-        const M = Eo.get(t.charCodeAt(a));
-        if (M) {
-          if (L = M, t.charCodeAt(a + 1) !== 61)
+        const P = Eo.get(t.charCodeAt(a));
+        if (P) {
+          if (L = P, t.charCodeAt(a + 1) !== 61)
             throw new Error("Expected `=`");
           u(2);
         } else t.charCodeAt(a) === 61 && (L = de.Equals, u(1));
-        let X = "", U = null;
+        let G = "", F = null;
         if (L !== "exists") {
           if ($a(t.charCodeAt(a))) {
-            const P = t.charCodeAt(a);
+            const k = t.charCodeAt(a);
             let g = a + 1;
-            for (; g < t.length && (t.charCodeAt(g) !== P || o(g)); )
+            for (; g < t.length && (t.charCodeAt(g) !== k || o(g)); )
               g += 1;
-            if (t.charCodeAt(g) !== P)
+            if (t.charCodeAt(g) !== k)
               throw new Error("Attribute value didn't end");
-            X = Mt(t.slice(a + 1, g)), a = g + 1;
+            G = Mt(t.slice(a + 1, g)), a = g + 1;
           } else {
-            const P = a;
+            const k = a;
             for (; a < t.length && (!cs(t.charCodeAt(a)) && t.charCodeAt(a) !== 93 || o(a)); )
               a += 1;
-            X = Mt(t.slice(P, a));
+            G = Mt(t.slice(k, a));
           }
           u(0);
-          const F = t.charCodeAt(a) | 32;
-          F === 115 ? (U = !1, u(1)) : F === 105 && (U = !0, u(1));
+          const H = t.charCodeAt(a) | 32;
+          H === 115 ? (F = !1, u(1)) : H === 105 && (F = !0, u(1));
         }
         if (t.charCodeAt(a) !== 93)
           throw new Error("Attribute selector didn't terminate");
         a += 1;
-        const $ = {
+        const X = {
           type: v.Attribute,
           name: A,
           action: L,
-          value: X,
+          value: G,
           namespace: I,
-          ignoreCase: U
+          ignoreCase: F
         };
-        i.push($);
+        i.push(X);
         break;
       }
       case 58: {
@@ -1883,7 +1883,7 @@ var Aa = {
     return !1;
   }
 };
-const Y = /* @__PURE__ */ bo(Aa), Sn = /* @__PURE__ */ new Map([
+const q = /* @__PURE__ */ bo(Aa), Sn = /* @__PURE__ */ new Map([
   [v.Universal, 50],
   [v.Tag, 30],
   [v.Attribute, 1],
@@ -1995,7 +1995,7 @@ const Io = {
   element(e, t, a) {
     const { adapter: i } = a, { name: s, value: u } = t;
     if (/\s/.test(u))
-      return Y.falseFunc;
+      return q.falseFunc;
     const r = new RegExp(`(?:^|\\s)${ls(u)}(?:$|\\s)`, nt(t, a) ? "i" : "");
     return function(c) {
       const h = i.getAttributeValue(c, s);
@@ -2009,7 +2009,7 @@ const Io = {
     const { adapter: i } = a, { name: s } = t;
     let { value: u } = t;
     const r = u.length;
-    return r === 0 ? Y.falseFunc : nt(t, a) ? (u = u.toLowerCase(), (o) => {
+    return r === 0 ? q.falseFunc : nt(t, a) ? (u = u.toLowerCase(), (o) => {
       const c = i.getAttributeValue(o, s);
       return c != null && c.length >= r && c.substr(0, r).toLowerCase() === u && e(o);
     }) : (o) => {
@@ -2021,7 +2021,7 @@ const Io = {
     const { adapter: i } = a, { name: s } = t;
     let { value: u } = t;
     const r = -u.length;
-    return r === 0 ? Y.falseFunc : nt(t, a) ? (u = u.toLowerCase(), (o) => {
+    return r === 0 ? q.falseFunc : nt(t, a) ? (u = u.toLowerCase(), (o) => {
       var c;
       return ((c = i.getAttributeValue(o, s)) === null || c === void 0 ? void 0 : c.substr(r).toLowerCase()) === u && e(o);
     }) : (o) => {
@@ -2032,7 +2032,7 @@ const Io = {
   any(e, t, a) {
     const { adapter: i } = a, { name: s, value: u } = t;
     if (u === "")
-      return Y.falseFunc;
+      return q.falseFunc;
     if (nt(t, a)) {
       const r = new RegExp(ls(u), "i");
       return function(c) {
@@ -2081,13 +2081,13 @@ function xo(e) {
 function Oo(e) {
   const t = e[0], a = e[1] - 1;
   if (a < 0 && t <= 0)
-    return Y.falseFunc;
+    return q.falseFunc;
   if (t === -1)
     return (u) => u <= a;
   if (t === 0)
     return (u) => u === a;
   if (t === 1)
-    return a < 0 ? Y.trueFunc : (u) => u >= a;
+    return a < 0 ? q.trueFunc : (u) => u >= a;
   const i = Math.abs(t), s = (a % i + i) % i;
   return t > 1 ? (u) => u >= a && u % i === s : (u) => u <= a && u % i === s;
 }
@@ -2115,7 +2115,7 @@ const oi = {
   // Location specific methods
   "nth-child"(e, t, { adapter: a, equals: i }) {
     const s = ra(t);
-    return s === Y.falseFunc ? Y.falseFunc : s === Y.trueFunc ? oa(e, a) : function(r) {
+    return s === q.falseFunc ? q.falseFunc : s === q.trueFunc ? oa(e, a) : function(r) {
       const o = a.getSiblings(r);
       let c = 0;
       for (let h = 0; h < o.length && !i(r, o[h]); h++)
@@ -2125,7 +2125,7 @@ const oi = {
   },
   "nth-last-child"(e, t, { adapter: a, equals: i }) {
     const s = ra(t);
-    return s === Y.falseFunc ? Y.falseFunc : s === Y.trueFunc ? oa(e, a) : function(r) {
+    return s === q.falseFunc ? q.falseFunc : s === q.trueFunc ? oa(e, a) : function(r) {
       const o = a.getSiblings(r);
       let c = 0;
       for (let h = o.length - 1; h >= 0 && !i(r, o[h]); h--)
@@ -2135,7 +2135,7 @@ const oi = {
   },
   "nth-of-type"(e, t, { adapter: a, equals: i }) {
     const s = ra(t);
-    return s === Y.falseFunc ? Y.falseFunc : s === Y.trueFunc ? oa(e, a) : function(r) {
+    return s === q.falseFunc ? q.falseFunc : s === q.trueFunc ? oa(e, a) : function(r) {
       const o = a.getSiblings(r);
       let c = 0;
       for (let h = 0; h < o.length; h++) {
@@ -2149,7 +2149,7 @@ const oi = {
   },
   "nth-last-of-type"(e, t, { adapter: a, equals: i }) {
     const s = ra(t);
-    return s === Y.falseFunc ? Y.falseFunc : s === Y.trueFunc ? oa(e, a) : function(r) {
+    return s === q.falseFunc ? q.falseFunc : s === q.trueFunc ? oa(e, a) : function(r) {
       const o = a.getSiblings(r);
       let c = 0;
       for (let h = o.length - 1; h >= 0; h--) {
@@ -2179,7 +2179,7 @@ const oi = {
 function Xa(e) {
   return function(a, i, { adapter: s }) {
     const u = s[e];
-    return typeof u != "function" ? Y.falseFunc : function(o) {
+    return typeof u != "function" ? q.falseFunc : function(o) {
       return u(o) && a(o);
     };
   };
@@ -2276,7 +2276,7 @@ const Do = {
   text: "input:is(:not([type!='']), [type=text])"
 }, On = {};
 function Lo(e, t) {
-  return e === Y.falseFunc ? Y.falseFunc : (a) => t.isTag(a) && e(a);
+  return e === q.falseFunc ? q.falseFunc : (a) => t.isTag(a) && e(a);
 }
 function Dn(e, t) {
   const a = t.getSiblings(e);
@@ -2299,7 +2299,7 @@ function ci(e) {
 }
 const Ga = (e, t, a, i, s) => {
   const u = s(t, ci(a), i);
-  return u === Y.trueFunc ? e : u === Y.falseFunc ? Y.falseFunc : (r) => u(r) && e(r);
+  return u === q.trueFunc ? e : u === q.falseFunc ? q.falseFunc : (r) => u(r) && e(r);
 }, Qa = {
   is: Ga,
   /**
@@ -2309,7 +2309,7 @@ const Ga = (e, t, a, i, s) => {
   where: Ga,
   not(e, t, a, i, s) {
     const u = s(t, ci(a), i);
-    return u === Y.falseFunc ? e : u === Y.trueFunc ? Y.falseFunc : (r) => !u(r) && e(r);
+    return u === q.falseFunc ? e : u === q.trueFunc ? q.falseFunc : (r) => !u(r) && e(r);
   },
   has(e, t, a, i, s) {
     const { adapter: u } = a, r = ci(a);
@@ -2318,10 +2318,10 @@ const Ga = (e, t, a, i, s) => {
       // Used as a placeholder. Will be replaced with the actual element.
       [On]
     ) : void 0, c = s(t, r, o);
-    if (c === Y.falseFunc)
-      return Y.falseFunc;
+    if (c === q.falseFunc)
+      return q.falseFunc;
     const h = Lo(c, u);
-    if (o && c !== Y.trueFunc) {
+    if (o && c !== q.trueFunc) {
       const { shouldTestNextSiblings: f = !1 } = c;
       return (m) => {
         if (!e(m))
@@ -2363,7 +2363,7 @@ function ja(e, t) {
   const a = t.getParent(e);
   return a && t.isTag(a) ? a : null;
 }
-function Ro(e, t, a, i, s) {
+function yo(e, t, a, i, s) {
   const { adapter: u, equals: r } = a;
   switch (t.type) {
     case v.PseudoElement:
@@ -2461,7 +2461,7 @@ function Ro(e, t, a, i, s) {
 function Ln(e) {
   return e.type === v.Pseudo && (e.name === "scope" || Array.isArray(e.data) && e.data.some((t) => t.some(Ln)));
 }
-const yo = { type: v.Descendant }, Mo = {
+const Ro = { type: v.Descendant }, Mo = {
   type: "_flexibleDescendant"
 }, Po = {
   type: v.Pseudo,
@@ -2475,7 +2475,7 @@ function ko(e, { adapter: t }, a) {
   }));
   for (const s of e) {
     if (!(s.length > 0 && Bi(s[0]) && s[0].type !== v.Descendant)) if (i && !s.some(Ln))
-      s.unshift(yo);
+      s.unshift(Ro);
     else
       continue;
     s.unshift(Po);
@@ -2496,26 +2496,26 @@ function vn(e, t, a) {
       h.type !== v.Pseudo || h.name !== "scope" || (s && f.type === v.Descendant ? c[1] = Mo : (f.type === v.Adjacent || f.type === v.Sibling) && (r = !0));
     }
     return wo(c, t, u);
-  }).reduce(Bo, Y.falseFunc);
+  }).reduce(Bo, q.falseFunc);
   return o.shouldTestNextSiblings = r, o;
 }
 function wo(e, t, a) {
   var i;
-  return e.reduce((s, u) => s === Y.falseFunc ? Y.falseFunc : Ro(s, u, t, a, vn), (i = t.rootFunc) !== null && i !== void 0 ? i : Y.trueFunc);
+  return e.reduce((s, u) => s === q.falseFunc ? q.falseFunc : yo(s, u, t, a, vn), (i = t.rootFunc) !== null && i !== void 0 ? i : q.trueFunc);
 }
 function Bo(e, t) {
-  return t === Y.falseFunc || e === Y.trueFunc ? e : e === Y.falseFunc || t === Y.trueFunc ? t : function(i) {
+  return t === q.falseFunc || e === q.trueFunc ? e : e === q.falseFunc || t === q.trueFunc ? t : function(i) {
     return e(i) || t(i);
   };
 }
-const Rn = (e, t) => e === t, Uo = {
+const yn = (e, t) => e === t, Uo = {
   adapter: Pa,
-  equals: Rn
+  equals: yn
 };
 function Fo(e) {
   var t, a, i, s;
   const u = e ?? Uo;
-  return (t = u.adapter) !== null && t !== void 0 || (u.adapter = Pa), (a = u.equals) !== null && a !== void 0 || (u.equals = (s = (i = u.adapter) === null || i === void 0 ? void 0 : i.equals) !== null && s !== void 0 ? s : Rn), u;
+  return (t = u.adapter) !== null && t !== void 0 || (u.adapter = Pa), (a = u.equals) !== null && a !== void 0 || (u.equals = (s = (i = u.adapter) === null || i === void 0 ? void 0 : i.equals) !== null && s !== void 0 ? s : yn), u;
 }
 function Ho(e) {
   return function(a, i, s) {
@@ -2524,7 +2524,7 @@ function Ho(e) {
   };
 }
 const Ui = Ho(vn);
-function yn(e, t, a = !1) {
+function Rn(e, t, a = !1) {
   return a && (e = Yo(e, t)), Array.isArray(e) ? t.removeSubsets(e) : t.getChildren(e);
 }
 function Yo(e, t) {
@@ -2636,7 +2636,7 @@ function wn(e, t, a) {
   }
   for (let r = 0; r < s.length && (u == null ? void 0 : u.size) !== t.length; r++) {
     const o = s[r];
-    if ((u ? t.filter((f) => k(f) && !u.has(f)) : t).length === 0)
+    if ((u ? t.filter((f) => w(f) && !u.has(f)) : t).length === 0)
       break;
     const h = Bn(o, t, a);
     if (h.length)
@@ -2671,7 +2671,7 @@ function Ia(e, t, a, i, s) {
   const u = t.findIndex(Na), r = t.slice(0, u), o = t[u], c = t.length - 1 === u ? s : 1 / 0, h = Vo(o.name, o.data, c);
   if (h === 0)
     return [];
-  const m = (r.length === 0 && !Array.isArray(e) ? ya(e).filter(k) : r.length === 0 ? (Array.isArray(e) ? e : [e]).filter(k) : i || r.some(qt) ? li(e, [r], a, h) : hi(e, [r], a)).slice(0, h);
+  const m = (r.length === 0 && !Array.isArray(e) ? Ra(e).filter(w) : r.length === 0 ? (Array.isArray(e) ? e : [e]).filter(w) : i || r.some(qt) ? li(e, [r], a, h) : hi(e, [r], a)).slice(0, h);
   let T = Go(o.name, m, o.data, a);
   if (T.length === 0 || t.length === u + 1)
     return T;
@@ -2679,7 +2679,7 @@ function Ia(e, t, a, i, s) {
   if (I) {
     if (qt(A[0])) {
       const { type: L } = A[0];
-      (L === v.Sibling || L === v.Adjacent) && (T = yn(T, Pa, !0)), A.unshift($o);
+      (L === v.Sibling || L === v.Adjacent) && (T = Rn(T, Pa, !0)), A.unshift($o);
     }
     a = {
       ...a,
@@ -2705,11 +2705,11 @@ function li(e, t, a, i) {
   return Un(e, s, i);
 }
 function Un(e, t, a = 1 / 0) {
-  const i = yn(e, Pa, t.shouldTestNextSiblings);
-  return Pi((s) => k(s) && t(s), i, !0, a);
+  const i = Rn(e, Pa, t.shouldTestNextSiblings);
+  return Pi((s) => w(s) && t(s), i, !0, a);
 }
 function hi(e, t, a) {
-  const i = (Array.isArray(e) ? e : [e]).filter(k);
+  const i = (Array.isArray(e) ? e : [e]).filter(w);
   if (i.length === 0)
     return i;
   const s = Ui(t, a);
@@ -2781,10 +2781,10 @@ function qi(e, ...t) {
     return a = null, r;
   };
 }
-function Rt(e) {
+function yt(e) {
   return e.length > 1 ? Array.from(new Set(e)) : e;
 }
-const Zo = Yi(({ parent: e }) => e && !at(e) ? e : null, Rt), Jo = ia((e) => {
+const Zo = Yi(({ parent: e }) => e && !at(e) ? e : null, yt), Jo = ia((e) => {
   const t = [];
   for (; e.parent && !at(e.parent); )
     t.push(e.parent), e = e.parent;
@@ -2800,7 +2800,7 @@ function tc(e) {
     root: (t = this._root) === null || t === void 0 ? void 0 : t[0]
   }, s = typeof e == "string" ? (u) => Mn(u, e, i) : sa(e);
   return re(this, (u) => {
-    for (u && !at(u) && !k(u) && (u = u.parent); u && k(u); ) {
+    for (u && !at(u) && !w(u) && (u = u.parent); u && w(u); ) {
       if (s(u, 0)) {
         a.includes(u) || a.push(u);
         break;
@@ -2809,17 +2809,17 @@ function tc(e) {
     }
   }), this._make(a);
 }
-const ac = Yi((e) => yi(e)), ic = ia((e) => {
+const ac = Yi((e) => Ri(e)), ic = ia((e) => {
   const t = [];
   for (; e.next; )
-    e = e.next, k(e) && t.push(e);
+    e = e.next, w(e) && t.push(e);
   return t;
-}, Rt), sc = qi((e) => yi(e), Rt), nc = Yi((e) => Mi(e)), uc = ia((e) => {
+}, yt), sc = qi((e) => Ri(e), yt), nc = Yi((e) => Mi(e)), uc = ia((e) => {
   const t = [];
   for (; e.prev; )
-    e = e.prev, k(e) && t.push(e);
+    e = e.prev, w(e) && t.push(e);
   return t;
-}, Rt), rc = qi((e) => Mi(e), Rt), oc = ia((e) => hn(e).filter((t) => k(t) && t !== e), vt), cc = ia((e) => ya(e).filter(k), Rt);
+}, yt), rc = qi((e) => Mi(e), yt), oc = ia((e) => hn(e).filter((t) => w(t) && t !== e), vt), cc = ia((e) => Ra(e).filter(w), yt);
 function lc() {
   const e = this.toArray().reduce((t, a) => Te(a) ? t.concat(a.children) : t, []);
   return this._make(e);
@@ -2853,7 +2853,7 @@ function Vi(e, t, a, i) {
 }
 function Ec(e) {
   const t = this.toArray();
-  return typeof e == "string" ? Pn(t.filter(k), e, this.options) : e ? t.some(sa(e)) : !1;
+  return typeof e == "string" ? Pn(t.filter(w), e, this.options) : e ? t.some(sa(e)) : !1;
 }
 function mc(e) {
   let t = this.toArray();
@@ -3017,10 +3017,10 @@ function it(e, t, a, i, s) {
 function vc(e) {
   return (Xe(e) ? e : this._make(e)).append(this), this;
 }
-function Rc(e) {
+function yc(e) {
   return (Xe(e) ? e : this._make(e)).prepend(this), this;
 }
-const yc = Fn((e, t, a) => {
+const Rc = Fn((e, t, a) => {
   it(t, t.length, 0, e, a);
 }), Mc = Fn((e, t, a) => {
   it(t, 0, 0, e, a);
@@ -3035,7 +3035,7 @@ function Hn(e) {
       let c = o, h = 0;
       for (; h < c.children.length; ) {
         const f = c.children[h];
-        k(f) ? (c = f, h = 0) : h++;
+        w(f) ? (c = f, h = 0) : h++;
       }
       e(u, c, [o]);
     }
@@ -3183,7 +3183,7 @@ const jc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   _makeDomArray: Lc,
   after: Uc,
-  append: yc,
+  append: Rc,
   appendTo: vc,
   before: Hc,
   clone: Qc,
@@ -3192,7 +3192,7 @@ const jc = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   insertAfter: Fc,
   insertBefore: Yc,
   prepend: Mc,
-  prependTo: Rc,
+  prependTo: yc,
   remove: qc,
   replaceWith: Vc,
   text: Gc,
@@ -3206,7 +3206,7 @@ function zc(e, t) {
   if (e != null && t != null || // When `prop` is a "plain" object
   typeof e == "object" && !Array.isArray(e))
     return re(this, (a, i) => {
-      k(a) && Yn(a, e, t, i);
+      w(a) && Yn(a, e, t, i);
     });
   if (this.length !== 0)
     return qn(this[0], e);
@@ -3224,7 +3224,7 @@ function Yn(e, t, a, i) {
   }
 }
 function qn(e, t) {
-  if (!e || !k(e))
+  if (!e || !w(e))
     return;
   const a = Zc(e.attribs.style);
   if (typeof t == "string")
@@ -3265,7 +3265,7 @@ function tl() {
 function al() {
   return this.map((e, t) => {
     const a = this._make(t);
-    return k(t) && t.name === "form" ? a.find(Es).toArray() : a.filter(Es).toArray();
+    return w(t) && t.name === "form" ? a.find(Es).toArray() : a.filter(Es).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))'
@@ -3354,10 +3354,10 @@ function rl(e, t) {
     function h(f, m, T = o, A) {
       if (f && Xe(f))
         return f;
-      const I = ni(A, r), L = typeof T == "string" ? [e(T, I, !1, null)] : "length" in T ? T : [T], M = Xe(L) ? L : new c(L, null, I);
-      if (M._root = M, !f)
-        return new c(void 0, M, I);
-      const X = typeof f == "string" && ui(f) ? (
+      const I = ni(A, r), L = typeof T == "string" ? [e(T, I, !1, null)] : "length" in T ? T : [T], P = Xe(L) ? L : new c(L, null, I);
+      if (P._root = P, !f)
+        return new c(void 0, P, I);
+      const G = typeof f == "string" && ui(f) ? (
         // $(<html>)
         e(f, I, !1, null).children
       ) : ol(f) ? (
@@ -3366,29 +3366,29 @@ function rl(e, t) {
       ) : Array.isArray(f) ? (
         // $([dom])
         f
-      ) : void 0, U = new c(X, M, I);
-      if (X)
-        return U;
+      ) : void 0, F = new c(G, P, I);
+      if (G)
+        return F;
       if (typeof f != "string")
         throw new TypeError("Unexpected type of selector");
-      let $ = f;
-      const F = m ? (
+      let X = f;
+      const H = m ? (
         // If we don't have a context, maybe we have a root, from loading
         typeof m == "string" ? ui(m) ? (
           // $('li', '<ul>...</ul>')
-          new c([e(m, I, !1, null)], M, I)
+          new c([e(m, I, !1, null)], P, I)
         ) : (
           // $('li', 'ul')
-          ($ = `${m} ${$}`, M)
+          (X = `${m} ${X}`, P)
         ) : Xe(m) ? (
           // $('li', $)
           m
         ) : (
           // $('li', node), $('li', [nodes])
-          new c(Array.isArray(m) ? m : [m], M, I)
+          new c(Array.isArray(m) ? m : [m], P, I)
         )
-      ) : M;
-      return F ? F.find($) : U;
+      ) : P;
+      return H ? H.find(X) : F;
     }
     return Object.assign(h, Jr, {
       load: a,
@@ -3440,7 +3440,7 @@ const cl = /* @__PURE__ */ new Set([
   1048575,
   1114110,
   1114111
-]), ee = "�";
+]), te = "�";
 var l;
 (function(e) {
   e[e.EOF = -1] = "EOF", e[e.NULL = 0] = "NULL", e[e.TABULATION = 9] = "TABULATION", e[e.CARRIAGE_RETURN = 13] = "CARRIAGE_RETURN", e[e.LINE_FEED = 10] = "LINE_FEED", e[e.FORM_FEED = 12] = "FORM_FEED", e[e.SPACE = 32] = "SPACE", e[e.EXCLAMATION_MARK = 33] = "EXCLAMATION_MARK", e[e.QUOTATION_MARK = 34] = "QUOTATION_MARK", e[e.AMPERSAND = 38] = "AMPERSAND", e[e.APOSTROPHE = 39] = "APOSTROPHE", e[e.HYPHEN_MINUS = 45] = "HYPHEN_MINUS", e[e.SOLIDUS = 47] = "SOLIDUS", e[e.DIGIT_0 = 48] = "DIGIT_0", e[e.DIGIT_9 = 57] = "DIGIT_9", e[e.SEMICOLON = 59] = "SEMICOLON", e[e.LESS_THAN_SIGN = 60] = "LESS_THAN_SIGN", e[e.EQUALS_SIGN = 61] = "EQUALS_SIGN", e[e.GREATER_THAN_SIGN = 62] = "GREATER_THAN_SIGN", e[e.QUESTION_MARK = 63] = "QUESTION_MARK", e[e.LATIN_CAPITAL_A = 65] = "LATIN_CAPITAL_A", e[e.LATIN_CAPITAL_Z = 90] = "LATIN_CAPITAL_Z", e[e.RIGHT_SQUARE_BRACKET = 93] = "RIGHT_SQUARE_BRACKET", e[e.GRAVE_ACCENT = 96] = "GRAVE_ACCENT", e[e.LATIN_SMALL_A = 97] = "LATIN_SMALL_A", e[e.LATIN_SMALL_Z = 122] = "LATIN_SMALL_Z";
@@ -3555,10 +3555,10 @@ class fl {
     this.isEol = !1;
   }
 }
-var Q;
+var j;
 (function(e) {
   e[e.CHARACTER = 0] = "CHARACTER", e[e.NULL_CHARACTER = 1] = "NULL_CHARACTER", e[e.WHITESPACE_CHARACTER = 2] = "WHITESPACE_CHARACTER", e[e.START_TAG = 3] = "START_TAG", e[e.END_TAG = 4] = "END_TAG", e[e.COMMENT = 5] = "COMMENT", e[e.DOCTYPE = 6] = "DOCTYPE", e[e.EOF = 7] = "EOF", e[e.HIBERNATION = 8] = "HIBERNATION";
-})(Q || (Q = {}));
+})(j || (j = {}));
 function Xn(e, t) {
   for (let a = e.attrs.length - 1; a >= 0; a--)
     if (e.attrs[a].name === t)
@@ -3856,7 +3856,7 @@ function _l(e) {
 }
 let Al = class {
   constructor(t, a) {
-    this.options = t, this.handler = a, this.paused = !1, this.inLoop = !1, this.inForeignNode = !1, this.lastStartTagName = "", this.active = !1, this.state = d.DATA, this.returnState = d.DATA, this.entityStartPos = 0, this.consumedAfterSnapshot = -1, this.currentCharacterToken = null, this.currentToken = null, this.currentAttr = { name: "", value: "" }, this.preprocessor = new fl(a), this.currentLocation = this.getCurrentLocation(-1), this.entityDecoder = new Ri(vi, (i, s) => {
+    this.options = t, this.handler = a, this.paused = !1, this.inLoop = !1, this.inForeignNode = !1, this.lastStartTagName = "", this.active = !1, this.state = d.DATA, this.returnState = d.DATA, this.entityStartPos = 0, this.consumedAfterSnapshot = -1, this.currentCharacterToken = null, this.currentToken = null, this.currentAttr = { name: "", value: "" }, this.preprocessor = new fl(a), this.currentLocation = this.getCurrentLocation(-1), this.entityDecoder = new yi(vi, (i, s) => {
       this.preprocessor.pos = this.entityStartPos + s - 1, this._flushCodePointConsumedAsCharacterReference(i);
     }, a.onParseError ? {
       missingSemicolonAfterCharacterReference: () => {
@@ -3931,7 +3931,7 @@ let Al = class {
   //Token creation
   _createStartTagToken() {
     this.currentToken = {
-      type: Q.START_TAG,
+      type: j.START_TAG,
       tagName: "",
       tagID: n.UNKNOWN,
       selfClosing: !1,
@@ -3942,7 +3942,7 @@ let Al = class {
   }
   _createEndTagToken() {
     this.currentToken = {
-      type: Q.END_TAG,
+      type: j.END_TAG,
       tagName: "",
       tagID: n.UNKNOWN,
       selfClosing: !1,
@@ -3953,14 +3953,14 @@ let Al = class {
   }
   _createCommentToken(t) {
     this.currentToken = {
-      type: Q.COMMENT,
+      type: j.COMMENT,
       data: "",
       location: this.getCurrentLocation(t)
     };
   }
   _createDoctypeToken(t) {
     this.currentToken = {
-      type: Q.DOCTYPE,
+      type: j.DOCTYPE,
       name: t,
       forceQuirks: !1,
       publicId: null,
@@ -4002,7 +4002,7 @@ let Al = class {
   }
   emitCurrentTagToken() {
     const t = this.currentToken;
-    this.prepareToken(t), t.tagID = wa(t.tagName), t.type === Q.START_TAG ? (this.lastStartTagName = t.tagName, this.handler.onStartTag(t)) : (t.attrs.length > 0 && this._err(b.endTagWithAttributes), t.selfClosing && this._err(b.endTagWithTrailingSolidus), this.handler.onEndTag(t)), this.preprocessor.dropParsedChunk();
+    this.prepareToken(t), t.tagID = wa(t.tagName), t.type === j.START_TAG ? (this.lastStartTagName = t.tagName, this.handler.onStartTag(t)) : (t.attrs.length > 0 && this._err(b.endTagWithAttributes), t.selfClosing && this._err(b.endTagWithTrailingSolidus), this.handler.onEndTag(t)), this.preprocessor.dropParsedChunk();
   }
   emitCurrentComment(t) {
     this.prepareToken(t), this.handler.onComment(t), this.preprocessor.dropParsedChunk();
@@ -4013,15 +4013,15 @@ let Al = class {
   _emitCurrentCharacterToken(t) {
     if (this.currentCharacterToken) {
       switch (t && this.currentCharacterToken.location && (this.currentCharacterToken.location.endLine = t.startLine, this.currentCharacterToken.location.endCol = t.startCol, this.currentCharacterToken.location.endOffset = t.startOffset), this.currentCharacterToken.type) {
-        case Q.CHARACTER: {
+        case j.CHARACTER: {
           this.handler.onCharacter(this.currentCharacterToken);
           break;
         }
-        case Q.NULL_CHARACTER: {
+        case j.NULL_CHARACTER: {
           this.handler.onNullCharacter(this.currentCharacterToken);
           break;
         }
-        case Q.WHITESPACE_CHARACTER: {
+        case j.WHITESPACE_CHARACTER: {
           this.handler.onWhitespaceCharacter(this.currentCharacterToken);
           break;
         }
@@ -4031,7 +4031,7 @@ let Al = class {
   }
   _emitEOFToken() {
     const t = this.getCurrentLocation(0);
-    t && (t.endLine = t.startLine, t.endCol = t.startCol, t.endOffset = t.startOffset), this._emitCurrentCharacterToken(t), this.handler.onEof({ type: Q.EOF, location: t }), this.active = !1;
+    t && (t.endLine = t.startLine, t.endCol = t.startCol, t.endOffset = t.startOffset), this._emitCurrentCharacterToken(t), this.handler.onEof({ type: j.EOF, location: t }), this.active = !1;
   }
   //Characters emission
   //OPTIMIZATION: The specification uses only one type of character token (one token per character).
@@ -4052,13 +4052,13 @@ let Al = class {
     this._createCharacterToken(t, a);
   }
   _emitCodePoint(t) {
-    const a = Gn(t) ? Q.WHITESPACE_CHARACTER : t === l.NULL ? Q.NULL_CHARACTER : Q.CHARACTER;
+    const a = Gn(t) ? j.WHITESPACE_CHARACTER : t === l.NULL ? j.NULL_CHARACTER : j.CHARACTER;
     this._appendCharToCurrentCharacterToken(a, String.fromCodePoint(t));
   }
   //NOTE: used when we emit characters explicitly.
   //This is always for non-whitespace and non-null characters, which allows us to avoid additional checks.
   _emitChars(t) {
-    this._appendCharToCurrentCharacterToken(Q.CHARACTER, t);
+    this._appendCharToCurrentCharacterToken(j.CHARACTER, t);
   }
   // Character reference helpers
   _startCharacterReference() {
@@ -4407,7 +4407,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4427,7 +4427,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4447,7 +4447,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4463,7 +4463,7 @@ let Al = class {
   _statePlaintext(t) {
     switch (t) {
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4541,7 +4541,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.tagName += ee;
+        this._err(b.unexpectedNullCharacter), a.tagName += te;
         break;
       }
       case l.EOF: {
@@ -4650,7 +4650,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4674,7 +4674,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_ESCAPED, this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_ESCAPED, this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4702,7 +4702,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_ESCAPED, this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_ESCAPED, this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4751,7 +4751,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4775,7 +4775,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_DOUBLE_ESCAPED, this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_DOUBLE_ESCAPED, this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4803,7 +4803,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_DOUBLE_ESCAPED, this._emitChars(ee);
+        this._err(b.unexpectedNullCharacter), this.state = d.SCRIPT_DATA_DOUBLE_ESCAPED, this._emitChars(te);
         break;
       }
       case l.EOF: {
@@ -4877,7 +4877,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.currentAttr.name += ee;
+        this._err(b.unexpectedNullCharacter), this.currentAttr.name += te;
         break;
       }
       default:
@@ -4951,7 +4951,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.currentAttr.value += ee;
+        this._err(b.unexpectedNullCharacter), this.currentAttr.value += te;
         break;
       }
       case l.EOF: {
@@ -4975,7 +4975,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.currentAttr.value += ee;
+        this._err(b.unexpectedNullCharacter), this.currentAttr.value += te;
         break;
       }
       case l.EOF: {
@@ -5006,7 +5006,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), this.currentAttr.value += ee;
+        this._err(b.unexpectedNullCharacter), this.currentAttr.value += te;
         break;
       }
       case l.QUOTATION_MARK:
@@ -5083,7 +5083,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.data += ee;
+        this._err(b.unexpectedNullCharacter), a.data += te;
         break;
       }
       default:
@@ -5148,7 +5148,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.data += ee;
+        this._err(b.unexpectedNullCharacter), a.data += te;
         break;
       }
       case l.EOF: {
@@ -5292,7 +5292,7 @@ let Al = class {
         case l.FORM_FEED:
           break;
         case l.NULL: {
-          this._err(b.unexpectedNullCharacter), this._createDoctypeToken(ee), this.state = d.DOCTYPE_NAME;
+          this._err(b.unexpectedNullCharacter), this._createDoctypeToken(te), this.state = d.DOCTYPE_NAME;
           break;
         }
         case l.GREATER_THAN_SIGN: {
@@ -5328,7 +5328,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.name += ee;
+        this._err(b.unexpectedNullCharacter), a.name += te;
         break;
       }
       case l.EOF: {
@@ -5433,7 +5433,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.publicId += ee;
+        this._err(b.unexpectedNullCharacter), a.publicId += te;
         break;
       }
       case l.GREATER_THAN_SIGN: {
@@ -5458,7 +5458,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.publicId += ee;
+        this._err(b.unexpectedNullCharacter), a.publicId += te;
         break;
       }
       case l.GREATER_THAN_SIGN: {
@@ -5607,7 +5607,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.systemId += ee;
+        this._err(b.unexpectedNullCharacter), a.systemId += te;
         break;
       }
       case l.GREATER_THAN_SIGN: {
@@ -5632,7 +5632,7 @@ let Al = class {
         break;
       }
       case l.NULL: {
-        this._err(b.unexpectedNullCharacter), a.systemId += ee;
+        this._err(b.unexpectedNullCharacter), a.systemId += te;
         break;
       }
       case l.GREATER_THAN_SIGN: {
@@ -6218,7 +6218,7 @@ const $e = {
   updateNodeSourceCodeLocation(e, t) {
     e.sourceCodeLocation = { ...e.sourceCodeLocation, ...t };
   }
-}, jn = "html", vl = "about:legacy-compat", Rl = "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd", zn = [
+}, jn = "html", vl = "about:legacy-compat", yl = "http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd", zn = [
   "+//silmaril//dtd html pro v0r11 19970101//",
   "-//as//dtd html 3.0 aswedit + extensions//",
   "-//advasoft ltd//dtd html 3.0 aswedit + extensions//",
@@ -6274,7 +6274,7 @@ const $e = {
   "-//w3o//dtd w3 html 3.0//",
   "-//webtechs//dtd mozilla html 2.0//",
   "-//webtechs//dtd mozilla html//"
-], yl = [
+], Rl = [
   ...zn,
   "-//w3c//dtd html 4.01 frameset//",
   "-//w3c//dtd html 4.01 transitional//"
@@ -6297,13 +6297,13 @@ function wl(e) {
   if (e.name !== jn)
     return Le.QUIRKS;
   const { systemId: t } = e;
-  if (t && t.toLowerCase() === Rl)
+  if (t && t.toLowerCase() === yl)
     return Le.QUIRKS;
   let { publicId: a } = e;
   if (a !== null) {
     if (a = a.toLowerCase(), Ml.has(a))
       return Le.QUIRKS;
-    let i = t === null ? yl : zn;
+    let i = t === null ? Rl : zn;
     if (Ns(a, i))
       return Le.QUIRKS;
     if (i = t === null ? Kn : Pl, Ns(a, i))
@@ -6720,7 +6720,7 @@ let tu = class {
       const i = a.location, s = this.treeAdapter.getTagName(t), u = (
         // NOTE: For cases like <p> <p> </p> - First 'p' closes without a closing
         // tag and for cases like <td> <p> </td> - 'p' closes without a closing tag.
-        a.type === Q.END_TAG && s === a.tagName ? {
+        a.type === j.END_TAG && s === a.tagName ? {
           endTag: { ...i },
           endLine: i.endLine,
           endCol: i.endCol,
@@ -6749,35 +6749,35 @@ let tu = class {
   /** @protected */
   _processToken(t) {
     switch (t.type) {
-      case Q.CHARACTER: {
+      case j.CHARACTER: {
         this.onCharacter(t);
         break;
       }
-      case Q.NULL_CHARACTER: {
+      case j.NULL_CHARACTER: {
         this.onNullCharacter(t);
         break;
       }
-      case Q.COMMENT: {
+      case j.COMMENT: {
         this.onComment(t);
         break;
       }
-      case Q.DOCTYPE: {
+      case j.DOCTYPE: {
         this.onDoctype(t);
         break;
       }
-      case Q.START_TAG: {
+      case j.START_TAG: {
         this._processStartTag(t);
         break;
       }
-      case Q.END_TAG: {
+      case j.END_TAG: {
         this.onEndTag(t);
         break;
       }
-      case Q.EOF: {
+      case j.EOF: {
         this.onEof(t);
         break;
       }
-      case Q.WHITESPACE_CHARACTER: {
+      case j.WHITESPACE_CHARACTER: {
         this.onWhitespaceCharacter(t);
         break;
       }
@@ -7652,7 +7652,7 @@ function f0(e, t) {
   }
 }
 function Xt(e, t) {
-  const a = t.type === Q.EOF ? b.openElementsLeftAfterEof : b.disallowedContentInNoscriptInHead;
+  const a = t.type === j.EOF ? b.openElementsLeftAfterEof : b.disallowedContentInNoscriptInHead;
   e._err(t, a), e.openElements.pop(), e.insertionMode = E.IN_HEAD, e._processToken(t);
 }
 function E0(e, t) {
@@ -7711,27 +7711,27 @@ function Gt(e, t) {
 }
 function Ba(e, t) {
   switch (t.type) {
-    case Q.CHARACTER: {
+    case j.CHARACTER: {
       iu(e, t);
       break;
     }
-    case Q.WHITESPACE_CHARACTER: {
+    case j.WHITESPACE_CHARACTER: {
       au(e, t);
       break;
     }
-    case Q.COMMENT: {
+    case j.COMMENT: {
       fi(e, t);
       break;
     }
-    case Q.START_TAG: {
+    case j.START_TAG: {
       _e(e, t);
       break;
     }
-    case Q.END_TAG: {
+    case j.END_TAG: {
       Ua(e, t);
       break;
     }
-    case Q.EOF: {
+    case j.EOF: {
       ru(e, t);
       break;
     }
@@ -7810,10 +7810,10 @@ function nu(e) {
   const t = Xn(e, ht.TYPE);
   return t != null && t.toLowerCase() === Ql;
 }
-function R0(e, t) {
+function y0(e, t) {
   e._reconstructActiveFormattingElements(), e._appendElement(t, _.HTML), nu(t) || (e.framesetOk = !1), t.ackSelfClosing = !0;
 }
-function y0(e, t) {
+function R0(e, t) {
   e._appendElement(t, _.HTML), t.ackSelfClosing = !0;
 }
 function M0(e, t) {
@@ -7992,13 +7992,13 @@ function _e(e, t) {
       break;
     }
     case n.INPUT: {
-      R0(e, t);
+      y0(e, t);
       break;
     }
     case n.PARAM:
     case n.TRACK:
     case n.SOURCE: {
-      y0(e, t);
+      R0(e, t);
       break;
     }
     case n.IMAGE: {
@@ -8228,11 +8228,11 @@ function th(e, t) {
 function Ka(e, t) {
   if (eu.has(e.openElements.currentTagId))
     switch (e.pendingCharacterTokens.length = 0, e.hasNonWhitespacePendingCharacterToken = !1, e.originalInsertionMode = e.insertionMode, e.insertionMode = E.IN_TABLE_TEXT, t.type) {
-      case Q.CHARACTER: {
+      case j.CHARACTER: {
         cu(e, t);
         break;
       }
-      case Q.WHITESPACE_CHARACTER: {
+      case j.WHITESPACE_CHARACTER: {
         ou(e, t);
         break;
       }
@@ -8732,7 +8732,7 @@ function Sh(e, t) {
   }
 }
 function xh(e, t) {
-  t.chars = ee, e._insertCharacters(t);
+  t.chars = te, e._insertCharacters(t);
 }
 function Oh(e, t) {
   e._insertCharacters(t), e.framesetOk = !1;
@@ -8787,12 +8787,12 @@ const vh = /* @__PURE__ */ new Set([
   p.TRACK,
   p.WBR
 ]);
-function Rh(e, t) {
+function yh(e, t) {
   return t.treeAdapter.isElementNode(e) && t.treeAdapter.getNamespaceURI(e) === _.HTML && vh.has(t.treeAdapter.getTagName(e));
 }
-const yh = { treeAdapter: $e, scriptingEnabled: !0 };
+const Rh = { treeAdapter: $e, scriptingEnabled: !0 };
 function Mh(e, t) {
-  const a = { ...yh, ...t };
+  const a = { ...Rh, ...t };
   return pu(e, a);
 }
 function Ph(e, t) {
@@ -8808,7 +8808,7 @@ function pu(e, t) {
 }
 function kh(e, t) {
   const a = t.treeAdapter.getTagName(e);
-  return `<${a}${wh(e, t)}>${Rh(e, t) ? "" : `${Ph(e, t)}</${a}>`}`;
+  return `<${a}${wh(e, t)}>${yh(e, t) ? "" : `${Ph(e, t)}</${a}>`}`;
 }
 function wh(e, { treeAdapter: t }) {
   let a = "";
@@ -8865,7 +8865,7 @@ function qh(e, t, a) {
 const ze = {
   // Re-exports from domhandler
   isCommentNode: va,
-  isElementNode: k,
+  isElementNode: w,
   isTextNode: He,
   //Node construction
   createDocument() {
@@ -9060,7 +9060,7 @@ const pe = {
 };
 class Gh {
   constructor({ xmlMode: t = !1, decodeEntities: a = !0 }, i) {
-    this.cbs = i, this.state = N.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.entityStart = 0, this.baseState = N.Text, this.isSpecial = !1, this.running = !0, this.offset = 0, this.currentSequence = void 0, this.sequenceIndex = 0, this.xmlMode = t, this.decodeEntities = a, this.entityDecoder = new Ri(t ? an : vi, (s, u) => this.emitCodePoint(s, u));
+    this.cbs = i, this.state = N.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.entityStart = 0, this.baseState = N.Text, this.isSpecial = !1, this.running = !0, this.offset = 0, this.currentSequence = void 0, this.sequenceIndex = 0, this.xmlMode = t, this.decodeEntities = a, this.entityDecoder = new yi(t ? an : vi, (s, u) => this.emitCodePoint(s, u));
   }
   reset() {
     this.state = N.Text, this.buffer = "", this.sectionStart = 0, this.index = 0, this.baseState = N.Text, this.currentSequence = void 0, this.running = !0, this.offset = 0;
@@ -9444,7 +9444,7 @@ const bt = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), Rs = /* @__PURE__ */ new Set(["math", "svg"]), ys = /* @__PURE__ */ new Set([
+]), ys = /* @__PURE__ */ new Set(["math", "svg"]), Rs = /* @__PURE__ */ new Set([
   "mi",
   "mo",
   "mn",
@@ -9494,7 +9494,7 @@ class Kh {
         const o = this.stack.shift();
         (i = (a = this.cbs).onclosetag) === null || i === void 0 || i.call(a, o, !0);
       }
-    this.isVoidElement(t) || (this.stack.unshift(t), this.htmlMode && (Rs.has(t) ? this.foreignContext.unshift(!0) : ys.has(t) && this.foreignContext.unshift(!1))), (u = (s = this.cbs).onopentagname) === null || u === void 0 || u.call(s, t), this.cbs.onopentag && (this.attribs = {});
+    this.isVoidElement(t) || (this.stack.unshift(t), this.htmlMode && (ys.has(t) ? this.foreignContext.unshift(!0) : Rs.has(t) && this.foreignContext.unshift(!1))), (u = (s = this.cbs).onopentagname) === null || u === void 0 || u.call(s, t), this.cbs.onopentag && (this.attribs = {});
   }
   endOpenTag(t) {
     var a, i;
@@ -9509,7 +9509,7 @@ class Kh {
     var i, s, u, r, o, c, h, f;
     this.endIndex = a;
     let m = this.getSlice(t, a);
-    if (this.lowerCaseTagNames && (m = m.toLowerCase()), this.htmlMode && (Rs.has(m) || ys.has(m)) && this.foreignContext.shift(), this.isVoidElement(m))
+    if (this.lowerCaseTagNames && (m = m.toLowerCase()), this.htmlMode && (ys.has(m) || Rs.has(m)) && this.foreignContext.shift(), this.isVoidElement(m))
       this.htmlMode && m === "br" && ((r = (u = this.cbs).onopentagname) === null || r === void 0 || r.call(u, "br"), (c = (o = this.cbs).onopentag) === null || c === void 0 || c.call(o, "br", {}, !0), (f = (h = this.cbs).onclosetag) === null || f === void 0 || f.call(h, "br", !1));
     else {
       const T = this.stack.indexOf(m);
@@ -9687,8 +9687,8 @@ function Zh(e, t) {
   const a = new Ju(void 0, t);
   return new Kh(a, t).end(e), a.root;
 }
-const Jh = Dc((e, t, a, i) => t._useHtmlParser2 ? Zh(e, t) : Vh(e, t, a, i)), Ms = rl(Jh, (e, t) => t._useHtmlParser2 ? Ra(e, t) : $h(e));
-var te = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Text = 1] = "Text", e[e.Image = 2] = "Image", e[e.Video = 3] = "Video", e[e.Icon = 4] = "Icon", e[e.Link = 5] = "Link", e[e.Block = 10] = "Block", e))(te || {});
+const Jh = Dc((e, t, a, i) => t._useHtmlParser2 ? Zh(e, t) : Vh(e, t, a, i)), Ms = rl(Jh, (e, t) => t._useHtmlParser2 ? ya(e, t) : $h(e));
+var ee = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Text = 1] = "Text", e[e.Image = 2] = "Image", e[e.Video = 3] = "Video", e[e.Icon = 4] = "Icon", e[e.Link = 5] = "Link", e[e.Block = 10] = "Block", e))(ee || {});
 const ed = Ge({
   name: "CustomIcon",
   props: {
@@ -9702,18 +9702,18 @@ const ed = Ge({
       iconClass: Ke(() => `${e.iconName}`)
     };
   }
-}), yt = (e, t) => {
+}), Rt = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [i, s] of t)
     a[i] = s;
   return a;
 };
 function td(e, t, a, i, s, u) {
-  return B(), V("span", {
+  return M(), U("span", {
     class: Da(`iconfont icon-${e.iconClass} text-4xl overflow-hidden flex justify-center items-center`)
   }, null, 2);
 }
-const ad = /* @__PURE__ */ yt(ed, [["render", td]]), id = {
+const ad = /* @__PURE__ */ Rt(ed, [["render", td]]), id = {
   key: 0,
   contenteditable: "false",
   class: /* @__PURE__ */ Da(["w-full h-[100vh] fixed top-0 left-0 flex justify-center items-center bg-[rgba(0,0,0,.7)] z-10"])
@@ -9728,11 +9728,11 @@ const ad = /* @__PURE__ */ yt(ed, [["render", td]]), id = {
   },
   emits: ["ok"],
   setup(e, { expose: t, emit: a }) {
-    const i = e, s = z(i.icons || []);
+    const i = e, s = K(i.icons || []);
     ot(() => i.icons, (f) => {
       s.value = f || [];
     }, { immediate: !0 });
-    const u = a, r = z(!1);
+    const u = a, r = K(!1);
     function o() {
       console.log(666), r.value = !0;
     }
@@ -9742,17 +9742,17 @@ const ad = /* @__PURE__ */ yt(ed, [["render", td]]), id = {
     function h() {
       r.value = !1;
     }
-    return t({ openModal: o, closeModal: h }), (f, m) => r.value ? (B(), V("div", id, [
-      S("div", sd, [
-        S("div", nd, [
-          m[1] || (m[1] = S("span", { class: "text-base font-semibold text-[#333]" }, "选择图标", -1)),
-          S("span", {
+    return t({ openModal: o, closeModal: h }), (f, m) => r.value ? (M(), U("div", id, [
+      x("div", sd, [
+        x("div", nd, [
+          m[1] || (m[1] = x("span", { class: "text-base font-semibold text-[#333]" }, "选择图标", -1)),
+          x("span", {
             class: "text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",
             onClick: m[0] || (m[0] = he((T) => h(), ["stop"]))
           })
         ]),
-        S("div", ud, [
-          (B(!0), V(Ht, null, Ks(s.value, (T) => (B(), xt(ad, {
+        x("div", ud, [
+          (M(!0), U(Ht, null, Ks(s.value, (T) => (M(), xt(ad, {
             key: T,
             class: "w-12 h-12 mx-1 mb-2 border cursor-pointer hover:border-gray-400 hover:bg-gray-200",
             iconName: T,
@@ -9761,7 +9761,7 @@ const ad = /* @__PURE__ */ yt(ed, [["render", td]]), id = {
           }, null, 8, ["iconName", "onClick", "title"]))), 128))
         ])
       ])
-    ])) : K("", !0);
+    ])) : $("", !0);
   }
 });
 function Ps(e) {
@@ -9784,7 +9784,7 @@ const od = /* @__PURE__ */ Ge({
     uploadByImage: {}
   },
   setup(e) {
-    const t = e, a = z(), i = Ke(() => {
+    const t = e, a = K(), i = Ke(() => {
       const r = {
         width: t.width,
         height: t.height
@@ -9805,7 +9805,7 @@ const od = /* @__PURE__ */ Ge({
         success: 0
       };
     }
-    return (r, o) => (B(), V("div", Zs({
+    return (r, o) => (M(), U("div", Zs({
       style: i.value,
       contenteditable: "false",
       class: "bg-background-deep box-border cursor-pointer absolute left-0 top-0",
@@ -9814,7 +9814,7 @@ const od = /* @__PURE__ */ Ge({
       onClick: o[2] || (o[2] = he(() => {
       }, ["stop"]))
     }), [
-      S("input", {
+      x("input", {
         onClick: o[0] || (o[0] = he(() => {
         }, ["stop"])),
         contenteditable: "false",
@@ -10058,7 +10058,7 @@ function et(e, t) {
     vd.test(s) && W(i) && (i = "".concat(i, "px")), a[s] = i;
   });
 }
-function Rd(e, t) {
+function yd(e, t) {
   return e.classList ? e.classList.contains(t) : e.className.indexOf(t) > -1;
 }
 function Ee(e, t) {
@@ -10103,9 +10103,9 @@ function At(e, t, a) {
     a ? Ee(e, t) : Ye(e, t);
   }
 }
-var yd = /([a-z\d])([A-Z])/g;
+var Rd = /([a-z\d])([A-Z])/g;
 function Zi(e) {
-  return e.replace(yd, "$1-$2").toLowerCase();
+  return e.replace(Rd, "$1-$2").toLowerCase();
 }
 function Ci(e, t) {
   return Et(e[t]) ? e[t] : e.dataset ? e.dataset[t] : e.getAttribute("data-".concat(Zi(t)));
@@ -10183,7 +10183,7 @@ function Ct(e, t, a) {
     cancelable: !0
   }) : (i = document.createEvent("CustomEvent"), i.initCustomEvent(t, !0, !0, a)), e.dispatchEvent(i);
 }
-function Ru(e) {
+function yu(e) {
   var t = e.getBoundingClientRect();
   return {
     left: t.left + (window.pageXOffset - document.documentElement.clientLeft),
@@ -10266,33 +10266,33 @@ function Bd(e) {
   };
 }
 function Ud(e, t, a, i) {
-  var s = t.aspectRatio, u = t.naturalWidth, r = t.naturalHeight, o = t.rotate, c = o === void 0 ? 0 : o, h = t.scaleX, f = h === void 0 ? 1 : h, m = t.scaleY, T = m === void 0 ? 1 : m, A = a.aspectRatio, I = a.naturalWidth, L = a.naturalHeight, M = i.fillColor, X = M === void 0 ? "transparent" : M, U = i.imageSmoothingEnabled, $ = U === void 0 ? !0 : U, F = i.imageSmoothingQuality, P = F === void 0 ? "low" : F, g = i.maxWidth, w = g === void 0 ? 1 / 0 : g, G = i.maxHeight, oe = G === void 0 ? 1 / 0 : G, Ae = i.minWidth, Ie = Ae === void 0 ? 0 : Ae, Re = i.minHeight, be = Re === void 0 ? 0 : Re, ge = document.createElement("canvas"), se = ge.getContext("2d"), ye = tt({
+  var s = t.aspectRatio, u = t.naturalWidth, r = t.naturalHeight, o = t.rotate, c = o === void 0 ? 0 : o, h = t.scaleX, f = h === void 0 ? 1 : h, m = t.scaleY, T = m === void 0 ? 1 : m, A = a.aspectRatio, I = a.naturalWidth, L = a.naturalHeight, P = i.fillColor, G = P === void 0 ? "transparent" : P, F = i.imageSmoothingEnabled, X = F === void 0 ? !0 : F, H = i.imageSmoothingQuality, k = H === void 0 ? "low" : H, g = i.maxWidth, B = g === void 0 ? 1 / 0 : g, Q = i.maxHeight, oe = Q === void 0 ? 1 / 0 : Q, Ae = i.minWidth, Ie = Ae === void 0 ? 0 : Ae, ye = i.minHeight, be = ye === void 0 ? 0 : ye, ge = document.createElement("canvas"), se = ge.getContext("2d"), Re = tt({
     aspectRatio: A,
-    width: w,
+    width: B,
     height: oe
-  }), x = tt({
+  }), S = tt({
     aspectRatio: A,
     width: Ie,
     height: be
-  }, "cover"), R = Math.min(ye.width, Math.max(x.width, I)), O = Math.min(ye.height, Math.max(x.height, L)), D = tt({
+  }, "cover"), R = Math.min(Re.width, Math.max(S.width, I)), O = Math.min(Re.height, Math.max(S.height, L)), D = tt({
     aspectRatio: s,
-    width: w,
+    width: B,
     height: oe
-  }), H = tt({
+  }), Y = tt({
     aspectRatio: s,
     width: Ie,
     height: be
-  }, "cover"), q = Math.min(D.width, Math.max(H.width, u)), J = Math.min(D.height, Math.max(H.height, r)), ne = [-q / 2, -J / 2, q, J];
-  return ge.width = It(R), ge.height = It(O), se.fillStyle = X, se.fillRect(0, 0, R, O), se.save(), se.translate(R / 2, O / 2), se.rotate(c * Math.PI / 180), se.scale(f, T), se.imageSmoothingEnabled = $, se.imageSmoothingQuality = P, se.drawImage.apply(se, [e].concat(_u(ne.map(function(ce) {
+  }, "cover"), V = Math.min(D.width, Math.max(Y.width, u)), J = Math.min(D.height, Math.max(Y.height, r)), ne = [-V / 2, -J / 2, V, J];
+  return ge.width = It(R), ge.height = It(O), se.fillStyle = G, se.fillRect(0, 0, R, O), se.save(), se.translate(R / 2, O / 2), se.rotate(c * Math.PI / 180), se.scale(f, T), se.imageSmoothingEnabled = X, se.imageSmoothingQuality = k, se.drawImage.apply(se, [e].concat(_u(ne.map(function(ce) {
     return Math.floor(It(ce));
   })))), se.restore(), ge;
 }
-var yu = String.fromCharCode;
+var Ru = String.fromCharCode;
 function Fd(e, t, a) {
   var i = "";
   a += t;
   for (var s = t; s < a; s += 1)
-    i += yu(e.getUint8(s));
+    i += Ru(e.getUint8(s));
   return i;
 }
 var Hd = /^data:.*,/;
@@ -10304,7 +10304,7 @@ function Yd(e) {
 }
 function qd(e, t) {
   for (var a = [], i = 8192, s = new Uint8Array(e); s.length > 0; )
-    a.push(yu.apply(null, Du(s.subarray(0, i)))), s = s.subarray(i);
+    a.push(Ru.apply(null, Du(s.subarray(0, i)))), s = s.subarray(i);
   return "data:".concat(t, ";base64,").concat(btoa(a.join("")));
 }
 function Vd(e) {
@@ -10515,16 +10515,16 @@ var $d = {
       translateX: -c,
       translateY: -h
     }, t)))), le(this.previews, function(f) {
-      var m = Ci(f, ha), T = m.width, A = m.height, I = T, L = A, M = 1;
-      s && (M = T / s, L = u * M), u && L > A && (M = A / u, I = s * M, L = A), et(f, {
+      var m = Ci(f, ha), T = m.width, A = m.height, I = T, L = A, P = 1;
+      s && (P = T / s, L = u * P), u && L > A && (P = A / u, I = s * P, L = A), et(f, {
         width: I,
         height: L
       }), et(f.getElementsByTagName("img")[0], ie({
-        width: r * M,
-        height: o * M
+        width: r * P,
+        height: o * P
       }, Qt(ie({
-        translateX: -c * M,
-        translateY: -h * M
+        translateX: -c * P,
+        translateY: -h * P
       }, t))));
     }));
   }
@@ -10558,7 +10558,7 @@ var $d = {
     }
   },
   dblclick: function() {
-    this.disabled || this.options.dragMode === Su || this.setDragMode(Rd(this.dragBox, pi) ? Cu : Ki);
+    this.disabled || this.options.dragMode === Su || this.setDragMode(yd(this.dragBox, pi) ? Cu : Ki);
   },
   wheel: function(t) {
     var a = this, i = Number(this.options.wheelZoomRatio) || 0.1, s = 1;
@@ -10604,24 +10604,24 @@ var $d = {
   }
 }, jd = {
   change: function(t) {
-    var a = this.options, i = this.canvasData, s = this.containerData, u = this.cropBoxData, r = this.pointers, o = this.action, c = a.aspectRatio, h = u.left, f = u.top, m = u.width, T = u.height, A = h + m, I = f + T, L = 0, M = 0, X = s.width, U = s.height, $ = !0, F;
-    !c && t.shiftKey && (c = m && T ? m / T : 1), this.limited && (L = u.minLeft, M = u.minTop, X = L + Math.min(s.width, i.width, i.left + i.width), U = M + Math.min(s.height, i.height, i.top + i.height));
-    var P = r[Object.keys(r)[0]], g = {
-      x: P.endX - P.startX,
-      y: P.endY - P.startY
-    }, w = function(oe) {
+    var a = this.options, i = this.canvasData, s = this.containerData, u = this.cropBoxData, r = this.pointers, o = this.action, c = a.aspectRatio, h = u.left, f = u.top, m = u.width, T = u.height, A = h + m, I = f + T, L = 0, P = 0, G = s.width, F = s.height, X = !0, H;
+    !c && t.shiftKey && (c = m && T ? m / T : 1), this.limited && (L = u.minLeft, P = u.minTop, G = L + Math.min(s.width, i.width, i.left + i.width), F = P + Math.min(s.height, i.height, i.top + i.height));
+    var k = r[Object.keys(r)[0]], g = {
+      x: k.endX - k.startX,
+      y: k.endY - k.startY
+    }, B = function(oe) {
       switch (oe) {
         case ut:
-          A + g.x > X && (g.x = X - A);
+          A + g.x > G && (g.x = G - A);
           break;
         case rt:
           h + g.x < L && (g.x = L - h);
           break;
         case Qe:
-          f + g.y < M && (g.y = M - f);
+          f + g.y < P && (g.y = P - f);
           break;
         case gt:
-          I + g.y > U && (g.y = U - I);
+          I + g.y > F && (g.y = F - I);
           break;
       }
     };
@@ -10630,93 +10630,93 @@ var $d = {
         h += g.x, f += g.y;
         break;
       case ut:
-        if (g.x >= 0 && (A >= X || c && (f <= M || I >= U))) {
-          $ = !1;
+        if (g.x >= 0 && (A >= G || c && (f <= P || I >= F))) {
+          X = !1;
           break;
         }
-        w(ut), m += g.x, m < 0 && (o = rt, m = -m, h -= m), c && (T = m / c, f += (u.height - T) / 2);
+        B(ut), m += g.x, m < 0 && (o = rt, m = -m, h -= m), c && (T = m / c, f += (u.height - T) / 2);
         break;
       case Qe:
-        if (g.y <= 0 && (f <= M || c && (h <= L || A >= X))) {
-          $ = !1;
+        if (g.y <= 0 && (f <= P || c && (h <= L || A >= G))) {
+          X = !1;
           break;
         }
-        w(Qe), T -= g.y, f += g.y, T < 0 && (o = gt, T = -T, f -= T), c && (m = T * c, h += (u.width - m) / 2);
+        B(Qe), T -= g.y, f += g.y, T < 0 && (o = gt, T = -T, f -= T), c && (m = T * c, h += (u.width - m) / 2);
         break;
       case rt:
-        if (g.x <= 0 && (h <= L || c && (f <= M || I >= U))) {
-          $ = !1;
+        if (g.x <= 0 && (h <= L || c && (f <= P || I >= F))) {
+          X = !1;
           break;
         }
-        w(rt), m -= g.x, h += g.x, m < 0 && (o = ut, m = -m, h -= m), c && (T = m / c, f += (u.height - T) / 2);
+        B(rt), m -= g.x, h += g.x, m < 0 && (o = ut, m = -m, h -= m), c && (T = m / c, f += (u.height - T) / 2);
         break;
       case gt:
-        if (g.y >= 0 && (I >= U || c && (h <= L || A >= X))) {
-          $ = !1;
+        if (g.y >= 0 && (I >= F || c && (h <= L || A >= G))) {
+          X = !1;
           break;
         }
-        w(gt), T += g.y, T < 0 && (o = Qe, T = -T, f -= T), c && (m = T * c, h += (u.width - m) / 2);
+        B(gt), T += g.y, T < 0 && (o = Qe, T = -T, f -= T), c && (m = T * c, h += (u.width - m) / 2);
         break;
       case wt:
         if (c) {
-          if (g.y <= 0 && (f <= M || A >= X)) {
-            $ = !1;
+          if (g.y <= 0 && (f <= P || A >= G)) {
+            X = !1;
             break;
           }
-          w(Qe), T -= g.y, f += g.y, m = T * c;
+          B(Qe), T -= g.y, f += g.y, m = T * c;
         } else
-          w(Qe), w(ut), g.x >= 0 ? A < X ? m += g.x : g.y <= 0 && f <= M && ($ = !1) : m += g.x, g.y <= 0 ? f > M && (T -= g.y, f += g.y) : (T -= g.y, f += g.y);
+          B(Qe), B(ut), g.x >= 0 ? A < G ? m += g.x : g.y <= 0 && f <= P && (X = !1) : m += g.x, g.y <= 0 ? f > P && (T -= g.y, f += g.y) : (T -= g.y, f += g.y);
         m < 0 && T < 0 ? (o = Ft, T = -T, m = -m, f -= T, h -= m) : m < 0 ? (o = Bt, m = -m, h -= m) : T < 0 && (o = Ut, T = -T, f -= T);
         break;
       case Bt:
         if (c) {
-          if (g.y <= 0 && (f <= M || h <= L)) {
-            $ = !1;
+          if (g.y <= 0 && (f <= P || h <= L)) {
+            X = !1;
             break;
           }
-          w(Qe), T -= g.y, f += g.y, m = T * c, h += u.width - m;
+          B(Qe), T -= g.y, f += g.y, m = T * c, h += u.width - m;
         } else
-          w(Qe), w(rt), g.x <= 0 ? h > L ? (m -= g.x, h += g.x) : g.y <= 0 && f <= M && ($ = !1) : (m -= g.x, h += g.x), g.y <= 0 ? f > M && (T -= g.y, f += g.y) : (T -= g.y, f += g.y);
+          B(Qe), B(rt), g.x <= 0 ? h > L ? (m -= g.x, h += g.x) : g.y <= 0 && f <= P && (X = !1) : (m -= g.x, h += g.x), g.y <= 0 ? f > P && (T -= g.y, f += g.y) : (T -= g.y, f += g.y);
         m < 0 && T < 0 ? (o = Ut, T = -T, m = -m, f -= T, h -= m) : m < 0 ? (o = wt, m = -m, h -= m) : T < 0 && (o = Ft, T = -T, f -= T);
         break;
       case Ft:
         if (c) {
-          if (g.x <= 0 && (h <= L || I >= U)) {
-            $ = !1;
+          if (g.x <= 0 && (h <= L || I >= F)) {
+            X = !1;
             break;
           }
-          w(rt), m -= g.x, h += g.x, T = m / c;
+          B(rt), m -= g.x, h += g.x, T = m / c;
         } else
-          w(gt), w(rt), g.x <= 0 ? h > L ? (m -= g.x, h += g.x) : g.y >= 0 && I >= U && ($ = !1) : (m -= g.x, h += g.x), g.y >= 0 ? I < U && (T += g.y) : T += g.y;
+          B(gt), B(rt), g.x <= 0 ? h > L ? (m -= g.x, h += g.x) : g.y >= 0 && I >= F && (X = !1) : (m -= g.x, h += g.x), g.y >= 0 ? I < F && (T += g.y) : T += g.y;
         m < 0 && T < 0 ? (o = wt, T = -T, m = -m, f -= T, h -= m) : m < 0 ? (o = Ut, m = -m, h -= m) : T < 0 && (o = Bt, T = -T, f -= T);
         break;
       case Ut:
         if (c) {
-          if (g.x >= 0 && (A >= X || I >= U)) {
-            $ = !1;
+          if (g.x >= 0 && (A >= G || I >= F)) {
+            X = !1;
             break;
           }
-          w(ut), m += g.x, T = m / c;
+          B(ut), m += g.x, T = m / c;
         } else
-          w(gt), w(ut), g.x >= 0 ? A < X ? m += g.x : g.y >= 0 && I >= U && ($ = !1) : m += g.x, g.y >= 0 ? I < U && (T += g.y) : T += g.y;
+          B(gt), B(ut), g.x >= 0 ? A < G ? m += g.x : g.y >= 0 && I >= F && (X = !1) : m += g.x, g.y >= 0 ? I < F && (T += g.y) : T += g.y;
         m < 0 && T < 0 ? (o = Bt, T = -T, m = -m, f -= T, h -= m) : m < 0 ? (o = Ft, m = -m, h -= m) : T < 0 && (o = wt, T = -T, f -= T);
         break;
       case Nu:
-        this.move(g.x, g.y), $ = !1;
+        this.move(g.x, g.y), X = !1;
         break;
       case Iu:
-        this.zoom(kd(r), t), $ = !1;
+        this.zoom(kd(r), t), X = !1;
         break;
       case Au:
         if (!g.x || !g.y) {
-          $ = !1;
+          X = !1;
           break;
         }
-        F = Ru(this.cropper), h = P.startX - F.left, f = P.startY - F.top, m = u.minWidth, T = u.minHeight, g.x > 0 ? o = g.y > 0 ? Ut : wt : g.x < 0 && (h -= m, o = g.y > 0 ? Ft : Bt), g.y < 0 && (f -= T), this.cropped || (Ye(this.cropBox, Oe), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
+        H = yu(this.cropper), h = k.startX - H.left, f = k.startY - H.top, m = u.minWidth, T = u.minHeight, g.x > 0 ? o = g.y > 0 ? Ut : wt : g.x < 0 && (h -= m, o = g.y > 0 ? Ft : Bt), g.y < 0 && (f -= T), this.cropped || (Ye(this.cropBox, Oe), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
         break;
     }
-    $ && (u.width = m, u.height = T, u.left = h, u.top = f, this.action = o, this.renderCropBox()), le(r, function(G) {
-      G.startX = G.endX, G.startY = G.endY;
+    X && (u.width = m, u.height = T, u.left = h, u.top = f, this.action = o, this.renderCropBox()), le(r, function(Q) {
+      Q.startX = Q.endX, Q.startY = Q.endY;
     });
   }
 }, zd = {
@@ -10813,7 +10813,7 @@ var $d = {
       }) === !1)
         return this;
       if (i) {
-        var T = this.pointers, A = Ru(this.cropper), I = T && Object.keys(T).length ? wd(T) : {
+        var T = this.pointers, A = yu(this.cropper), I = T && Object.keys(T).length ? wd(T) : {
           pageX: i.pageX,
           pageY: i.pageY
         };
@@ -10995,20 +10995,20 @@ var $d = {
       height: t.height || (h !== 1 ? i.height : c)
     }), I = A.width, L = A.height;
     I = Math.min(m.width, Math.max(T.width, I)), L = Math.min(m.height, Math.max(T.height, L));
-    var M = document.createElement("canvas"), X = M.getContext("2d");
-    M.width = It(I), M.height = It(L), X.fillStyle = t.fillColor || "transparent", X.fillRect(0, 0, I, L);
-    var U = t.imageSmoothingEnabled, $ = U === void 0 ? !0 : U, F = t.imageSmoothingQuality;
-    X.imageSmoothingEnabled = $, F && (X.imageSmoothingQuality = F);
-    var P = i.width, g = i.height, w = u, G = r, oe, Ae, Ie, Re, be, ge;
-    w <= -o || w > P ? (w = 0, oe = 0, Ie = 0, be = 0) : w <= 0 ? (Ie = -w, w = 0, oe = Math.min(P, o + w), be = oe) : w <= P && (Ie = 0, oe = Math.min(o, P - w), be = oe), oe <= 0 || G <= -c || G > g ? (G = 0, Ae = 0, Re = 0, ge = 0) : G <= 0 ? (Re = -G, G = 0, Ae = Math.min(g, c + G), ge = Ae) : G <= g && (Re = 0, Ae = Math.min(c, g - G), ge = Ae);
-    var se = [w, G, oe, Ae];
+    var P = document.createElement("canvas"), G = P.getContext("2d");
+    P.width = It(I), P.height = It(L), G.fillStyle = t.fillColor || "transparent", G.fillRect(0, 0, I, L);
+    var F = t.imageSmoothingEnabled, X = F === void 0 ? !0 : F, H = t.imageSmoothingQuality;
+    G.imageSmoothingEnabled = X, H && (G.imageSmoothingQuality = H);
+    var k = i.width, g = i.height, B = u, Q = r, oe, Ae, Ie, ye, be, ge;
+    B <= -o || B > k ? (B = 0, oe = 0, Ie = 0, be = 0) : B <= 0 ? (Ie = -B, B = 0, oe = Math.min(k, o + B), be = oe) : B <= k && (Ie = 0, oe = Math.min(o, k - B), be = oe), oe <= 0 || Q <= -c || Q > g ? (Q = 0, Ae = 0, ye = 0, ge = 0) : Q <= 0 ? (ye = -Q, Q = 0, Ae = Math.min(g, c + Q), ge = Ae) : Q <= g && (ye = 0, Ae = Math.min(c, g - Q), ge = Ae);
+    var se = [B, Q, oe, Ae];
     if (be > 0 && ge > 0) {
-      var ye = I / o;
-      se.push(Ie * ye, Re * ye, be * ye, ge * ye);
+      var Re = I / o;
+      se.push(Ie * Re, ye * Re, be * Re, ge * Re);
     }
-    return X.drawImage.apply(X, [i].concat(_u(se.map(function(x) {
-      return Math.floor(It(x));
-    })))), M;
+    return G.drawImage.apply(G, [i].concat(_u(se.map(function(S) {
+      return Math.floor(It(S));
+    })))), P;
   },
   /**
    * Change the aspect ratio of the crop box.
@@ -11192,7 +11192,7 @@ const Jd = {
   __name: "index",
   emits: ["cancel", "ok"],
   setup(e, { expose: t, emit: a }) {
-    const i = a, s = z({
+    const i = a, s = K({
       coverUrl: "",
       // 封面url
       inputValue: "",
@@ -11203,7 +11203,7 @@ const Jd = {
       // 视频前缀
       videoUrl: ""
       // 视频url
-    }), u = z(), r = z({
+    }), u = K(), r = K({
       // 允许自裁
       autoCrop: !0,
       // 设置图片是否可以拖拽功能
@@ -11239,144 +11239,144 @@ const Jd = {
       // crop: (e) => {
       //   console.log(e.detail);
       // }
-    }), o = z(!1), c = z({
+    }), o = K(!1), c = K({
       // 裁剪后的图片
       afterImg: "",
       // 裁剪前的图片
       image: null,
       myCropper: null
-    }), h = z("image/jpeg"), f = (F) => {
-      console.log(F);
-      const P = F.target.files[0];
-      if (P) {
-        P.name && (s.value.inputValue = P.name);
+    }), h = K("image/jpeg"), f = (H) => {
+      console.log(H);
+      const k = H.target.files[0];
+      if (k) {
+        k.name && (s.value.inputValue = k.name);
         const g = new FileReader();
-        g.onload = (w) => {
-          var G, oe;
-          console.log("e?.target?.result", (G = w == null ? void 0 : w.target) == null ? void 0 : G.result), m((oe = w == null ? void 0 : w.target) == null ? void 0 : oe.result);
-        }, g.readAsDataURL(P);
+        g.onload = (B) => {
+          var Q, oe;
+          console.log("e?.target?.result", (Q = B == null ? void 0 : B.target) == null ? void 0 : Q.result), m((oe = B == null ? void 0 : B.target) == null ? void 0 : oe.result);
+        }, g.readAsDataURL(k);
       }
     };
-    async function m(F) {
-      if (!F)
+    async function m(H) {
+      if (!H)
         return;
-      await $();
-      const P = F;
-      c.value.image = P, c.value.image && T();
+      await X();
+      const k = H;
+      c.value.image = k, c.value.image && T();
     }
     function T() {
-      const F = document.querySelector("#imgId");
-      F && F.addEventListener("load", () => {
-        U(), c.value.myCropper = new Mu(
-          F,
+      const H = document.querySelector("#imgId");
+      H && H.addEventListener("load", () => {
+        F(), c.value.myCropper = new Mu(
+          H,
           r.value
         );
       });
     }
-    const A = z(!1);
-    function I(F, P, g) {
-      u.value = F, F && F.aspectRatio && (r.value.aspectRatio = F.aspectRatio), g && (s.value.inputValue = g), A.value = !0, P && m(P);
+    const A = K(!1);
+    function I(H, k, g) {
+      u.value = H, H && H.aspectRatio && (r.value.aspectRatio = H.aspectRatio), g && (s.value.inputValue = g), A.value = !0, k && m(k);
     }
     function L() {
       A.value = !1;
     }
-    const M = () => {
-      var P, g;
+    const P = () => {
+      var k, g;
       if (!c.value.myCropper)
         return;
       o.value = !0, c.value.afterImg = c.value.myCropper.getCroppedCanvas({
-        height: (P = u.value) == null ? void 0 : P.height,
+        height: (k = u.value) == null ? void 0 : k.height,
         // 高
         imageSmoothingQuality: "high",
         // 图片质量
         width: (g = u.value) == null ? void 0 : g.width
         // 输出图片的宽
       }).toDataURL(h.value);
-      const F = Zd(
+      const H = Zd(
         c.value.afterImg,
         s.value.inputValue
       );
-      i("ok", F), o.value = !1, $(), U(), L();
+      i("ok", H), o.value = !1, X(), F(), L();
     };
-    function X() {
-      $(), U(), L(), i("cancel");
+    function G() {
+      X(), F(), L(), i("cancel");
     }
-    function U() {
+    function F() {
       c.value.myCropper && c.value.myCropper.destroy();
     }
-    function $() {
+    function X() {
       c.value.image = "";
     }
-    return t({ handleCloseCropper: L, handleOpenCropper: I }), (F, P) => {
-      var g, w, G;
-      return A.value ? (B(), V("div", Jd, [
-        S("div", ef, [
-          S("div", tf, [
-            P[1] || (P[1] = S("span", { class: "text-base font-semibold text-[#333]" }, "图片裁剪", -1)),
-            S("span", {
+    return t({ handleCloseCropper: L, handleOpenCropper: I }), (H, k) => {
+      var g, B, Q;
+      return A.value ? (M(), U("div", Jd, [
+        x("div", ef, [
+          x("div", tf, [
+            k[1] || (k[1] = x("span", { class: "text-base font-semibold text-[#333]" }, "图片裁剪", -1)),
+            x("span", {
               class: "text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",
-              onClick: he(X, ["stop"])
+              onClick: he(G, ["stop"])
             })
           ]),
-          S("div", af, [
-            S("div", sf, [
-              S("div", nf, [
-                S("div", uf, [
-                  S("div", rf, [
-                    S("div", of, [
-                      S("div", cf, [
-                        S("input", {
+          x("div", af, [
+            x("div", sf, [
+              x("div", nf, [
+                x("div", uf, [
+                  x("div", rf, [
+                    x("div", of, [
+                      x("div", cf, [
+                        x("input", {
                           type: "file",
                           accept: "image/*",
-                          onClick: P[0] || (P[0] = he(() => {
+                          onClick: k[0] || (k[0] = he(() => {
                           }, ["stop"])),
                           contenteditable: "false",
                           ref: "fileInput",
                           onChange: f,
                           class: "absolute top-0 left-0 w-[110px] h-[40px] opacity-0 cursor-pointer"
                         }, null, 544),
-                        P[2] || (P[2] = S("span", {
+                        k[2] || (k[2] = x("span", {
                           id: "uploadHandler",
                           class: "cursor-pointer"
                         }, " 选择/更换图片 ", -1))
                       ]),
-                      P[3] || (P[3] = S("span", { class: "text-sm text-[#999] ml-3" }, "滚动鼠标放大或缩小图片", -1))
+                      k[3] || (k[3] = x("span", { class: "text-sm text-[#999] ml-3" }, "滚动鼠标放大或缩小图片", -1))
                     ]),
-                    S("div", lf, [
-                      S("div", hf, [
-                        S("div", df, [
-                          c.value.image ? K("", !0) : (B(), V("div", ff, " 请上传图片 ")),
-                          S("img", {
+                    x("div", lf, [
+                      x("div", hf, [
+                        x("div", df, [
+                          c.value.image ? $("", !0) : (M(), U("div", ff, " 请上传图片 ")),
+                          x("img", {
                             id: "imgId",
                             src: c.value.image,
                             style: { width: "300px" }
                           }, null, 8, Ef)
                         ])
                       ]),
-                      S("div", mf, [
-                        P[4] || (P[4] = S("div", { class: "before w-[270px] h-[200px] pr-[70px] border" }, null, -1)),
-                        S("div", Tf, " 预览画像 " + ve(((g = u.value) == null ? void 0 : g.width) || "") + " " + ve((w = u.value) != null && w.width ? "x" : "") + " " + ve(((G = u.value) == null ? void 0 : G.height) || ""), 1)
+                      x("div", mf, [
+                        k[4] || (k[4] = x("div", { class: "before w-[270px] h-[200px] pr-[70px] border" }, null, -1)),
+                        x("div", Tf, " 预览画像 " + ve(((g = u.value) == null ? void 0 : g.width) || "") + " " + ve((B = u.value) != null && B.width ? "x" : "") + " " + ve(((Q = u.value) == null ? void 0 : Q.height) || ""), 1)
                       ])
                     ])
                   ])
                 ])
               ])
             ]),
-            S("div", pf, [
-              S("span", {
+            x("div", pf, [
+              x("span", {
                 loading: o.value,
                 class: "!w-22 bg-[#474AFF] text-white rounded py-2 px-6 cursor-pointer",
                 type: "primary",
-                onClick: M
+                onClick: P
               }, " 确认 ", 8, bf),
-              S("span", {
+              x("span", {
                 class: "!w-22 border border-[#DEDEDE] text-[#666] rounded py-2 px-6 cursor-pointer",
-                onClick: X
+                onClick: G
               }, "取消")
             ])
           ])
         ])
-      ])) : K("", !0);
+      ])) : $("", !0);
     };
   }
 }), _f = { class: "aidition_left" }, Af = { class: "aidition_right" }, Nf = {
@@ -11407,9 +11407,9 @@ const Jd = {
   },
   emits: ["selectElement", "hoverElement", "updateText", "contentUpdated", "blockAction", "addIcon", "upload"],
   setup(e, { emit: t }) {
-    const a = e, i = t, s = Ke(() => a.selectedElement === a.element), u = Ke(() => a.hoveredElement === a.element), r = z(!1), o = z(!1), c = z(""), h = Ke(() => a.element.rule.minText || 0), f = Ke(() => a.element.rule.maxText || 1 / 0), m = z();
+    const a = e, i = t, s = Ke(() => a.selectedElement === a.element), u = Ke(() => a.hoveredElement === a.element), r = K(!1), o = K(!1), c = K(""), h = Ke(() => a.element.rule.minText || 0), f = Ke(() => a.element.rule.maxText || 1 / 0), m = K();
     function T(O) {
-      O.xpath != "/div[1]" && (i("selectElement", O), !O.rule.isReadOnly && O.type === te.Text && (r.value = !0));
+      O.xpath != "/div[1]" && a.mode !== "preview" && (a.mode === "edit" ? O.type === ee.Text && i("selectElement", O) : i("selectElement", O), !O.rule.isReadOnly && O.type === ee.Text && (r.value = !0));
     }
     function A(O) {
       i("selectElement", O);
@@ -11420,92 +11420,92 @@ const Jd = {
     function L(O) {
       i("hoverElement", O);
     }
-    function M(O) {
+    function P(O) {
       O.currentTarget.contains(O.relatedTarget) ? i("hoverElement", null) : a.hoveredElement ? i("hoverElement", null, a.hoveredElement.parentxpath) : i("hoverElement", null);
     }
-    function X() {
-      r.value = !1, i("contentUpdated", U());
+    function G() {
+      r.value = !1, i("contentUpdated", F());
     }
-    function U() {
+    function F() {
       function O(D) {
-        const H = Object.entries(D.attrs || {}).map(([ce, Ve]) => `${ce}="${Ve}"`).join(" "), q = `<${D.tag}${H ? " " + H : ""}>`, J = `</${D.tag}>`, ne = (D.children || []).map((ce) => O(ce)).join("");
-        return `${q}${D.editText || D.text || ""}${ne}${J}`;
+        const Y = Object.entries(D.attrs || {}).map(([ce, Ve]) => `${ce}="${Ve}"`).join(" "), V = `<${D.tag}${Y ? " " + Y : ""}>`, J = `</${D.tag}>`, ne = (D.children || []).map((ce) => O(ce)).join("");
+        return `${V}${D.editText || D.text || ""}${ne}${J}`;
       }
       return O(a.element);
     }
-    function $(O) {
-      var q;
+    function X(O) {
+      var V;
       O.stopPropagation();
-      const D = O.target, H = ((q = D.firstChild) == null ? void 0 : q.nodeType) === Node.TEXT_NODE && D.firstChild.nodeValue || "";
-      if (H.length < h.value) {
+      const D = O.target, Y = ((V = D.firstChild) == null ? void 0 : V.nodeType) === Node.TEXT_NODE && D.firstChild.nodeValue || "";
+      if (Y.length < h.value) {
         o.value = !0, c.value = `最少输入 ${h.value} 个字符`;
         return;
-      } else if (H.length > f.value) {
+      } else if (Y.length > f.value) {
         o.value = !0, c.value = `最多输入 ${f.value} 个字符`;
         return;
       } else
         o.value = !1, c.value = "";
-      a.element.editText = H, i("updateText", { element: a.element, newText: H }), i("contentUpdated", U());
+      a.element.editText = Y, i("updateText", { element: a.element, newText: Y }), i("contentUpdated", F());
     }
-    function F(O) {
-      i("updateText", O), i("contentUpdated", U());
+    function H(O) {
+      i("updateText", O), i("contentUpdated", F());
     }
-    function P() {
+    function k() {
       const O = { ...a.element };
       i("blockAction", { action: "add", element: a.element, newBlock: O });
     }
     function g() {
       i("blockAction", { action: "moveUp", element: a.element });
     }
-    function w() {
+    function B() {
       i("blockAction", { action: "moveDown", element: a.element });
     }
-    function G() {
+    function Q() {
       i("blockAction", { action: "delete", element: a.element });
     }
     function oe(O) {
-      i("blockAction", O), i("contentUpdated", U());
+      i("blockAction", O), i("contentUpdated", F());
     }
     function Ae() {
       m.value.openModal();
     }
     function Ie(O) {
-      i("addIcon", O, a.element), i("contentUpdated", U());
+      i("addIcon", O, a.element), i("contentUpdated", F());
     }
-    function Re(O, D) {
-      i("addIcon", O, D), i("contentUpdated", U());
+    function ye(O, D) {
+      i("addIcon", O, D), i("contentUpdated", F());
     }
     let be;
-    const ge = z(), se = z({});
-    function ye(O, D) {
+    const ge = K(), se = K({});
+    function Re(O, D) {
       if (D.rule.minImageWidth && D.rule.maxImageHeight ? (se.value.width = D.rule.minImageWidth, se.value.height = D.rule.maxImageHeight, se.value.aspectRatio = D.rule.minImageWidth / D.rule.maxImageHeight) : se.value = {}, O) {
         O.name;
-        const H = new FileReader();
-        H.onload = (q) => {
+        const Y = new FileReader();
+        Y.onload = (V) => {
           var J;
-          be = (J = q == null ? void 0 : q.target) == null ? void 0 : J.result, ge.value.handleOpenCropper(se.value, be, O.name);
-        }, H.readAsDataURL(O);
+          be = (J = V == null ? void 0 : V.target) == null ? void 0 : J.result, ge.value.handleOpenCropper(se.value, be, O.name);
+        }, Y.readAsDataURL(O);
       }
     }
-    function x(O, D) {
+    function S(O, D) {
       if (console.log(typeof O == "object", O), O)
         if (typeof O == "object") {
           D.attrs.alt = O.name;
-          const H = new FileReader();
-          H.onload = (q) => {
+          const Y = new FileReader();
+          Y.onload = (V) => {
             var ne;
-            let J = (ne = q == null ? void 0 : q.target) == null ? void 0 : ne.result;
-            D.attrs.src = J, i("upload", J, D), i("contentUpdated", U());
-          }, H.readAsDataURL(O);
+            let J = (ne = V == null ? void 0 : V.target) == null ? void 0 : ne.result;
+            D.attrs.src = J, i("upload", J, D), i("contentUpdated", F());
+          }, Y.readAsDataURL(O);
         } else
-          D.attrs.src = O, i("upload", O, D), i("contentUpdated", U());
+          D.attrs.src = O, i("upload", O, D), i("contentUpdated", F());
     }
     const R = async (O) => {
     };
     return (O, D) => {
-      const H = wu("ElementRenderer", !0);
-      return B(), V(Ht, null, [
-        (B(), xt(Bu(a.element.tag), Zs({
+      const Y = wu("ElementRenderer", !0);
+      return M(), U(Ht, null, [
+        (M(), xt(Bu(a.element.tag), Zs({
           class: [
             " ",
             e.mode === "design" ? "m-2 p-1 border-dashed border-2" : "",
@@ -11523,110 +11523,110 @@ const Jd = {
           contenteditable: r.value,
           onClick: D[1] || (D[1] = he(() => T(a.element), ["stop"])),
           onMouseenter: D[2] || (D[2] = () => L(a.element)),
-          onMouseleave: M,
-          onBlur: X,
-          onInput: $
+          onMouseleave: P,
+          onBlur: G,
+          onInput: X
         }), {
           default: Js(() => [
             ti(ve(a.element.editText || a.element.text), 1),
-            a.element.children && a.element.children.length ? (B(), V(Ht, { key: 0 }, [
-              a.element.type === Ne(te).Block ? (B(), V("div", {
+            a.element.children && a.element.children.length ? (M(), U(Ht, { key: 0 }, [
+              a.element.type === Ne(ee).Block ? (M(), U("div", {
                 key: 0,
                 "date-action": "1",
                 class: Da(["aidition", s.value ? "flex" : ""]),
                 contenteditable: "false"
               }, [
-                S("span", _f, ve(a.element.editText || a.element.text), 1),
-                S("div", Af, [
-                  S("span", {
+                x("span", _f, ve(a.element.editText || a.element.text), 1),
+                x("div", Af, [
+                  x("span", {
                     onClick: he(g, ["stop"])
                   }, "排前"),
-                  S("span", {
-                    onClick: he(w, ["stop"])
+                  x("span", {
+                    onClick: he(B, ["stop"])
                   }, "排后"),
-                  S("span", {
-                    onClick: he(G, ["stop"])
+                  x("span", {
+                    onClick: he(Q, ["stop"])
                   }, "删除")
                 ])
-              ], 2)) : K("", !0),
-              (B(!0), V(Ht, null, Ks(a.element.children, (q, J) => (B(), xt(H, {
+              ], 2)) : $("", !0),
+              (M(!0), U(Ht, null, Ks(a.element.children, (V, J) => (M(), xt(Y, {
                 mode: e.mode,
                 icons: e.icons,
                 key: J,
-                element: q,
+                element: V,
                 selectedElement: a.selectedElement,
                 hoveredElement: a.hoveredElement,
                 onSelectElement: A,
                 onHoverElement: I,
-                onUpdateText: F,
+                onUpdateText: H,
                 onBlockAction: oe,
-                onAddIcon: Re,
-                onUpload: x
+                onAddIcon: ye,
+                onUpload: S
               }, null, 8, ["mode", "icons", "element", "selectedElement", "hoveredElement"]))), 128)),
-              a.element.type === Ne(te).Block ? (B(), V(Ht, { key: 1 }, [
-                S("span", {
+              a.element.type === Ne(ee).Block ? (M(), U(Ht, { key: 1 }, [
+                x("span", {
                   class: "iconfont icon-a-tianjiaxian icon_gray_add",
-                  onClick: he(P, ["stop"]),
+                  onClick: he(k, ["stop"]),
                   contenteditable: "false"
                 }),
-                S("div", {
+                x("div", {
                   class: "cont_aidition",
                   contenteditable: "false",
                   onClick: D[0] || (D[0] = he(() => {
                   }, ["stop"]))
                 }, [
-                  S("span", {
+                  x("span", {
                     onClick: he(g, ["stop"]),
                     class: "iconfont icon-paiqian"
                   }),
-                  S("span", {
-                    onClick: he(w, ["stop"]),
+                  x("span", {
+                    onClick: he(B, ["stop"]),
                     class: "iconfont icon-paihou"
                   }),
-                  S("span", {
-                    onClick: he(G, ["stop"]),
+                  x("span", {
+                    onClick: he(Q, ["stop"]),
                     class: "iconfont icon-shanchu"
                   }),
-                  S("span", {
-                    onClick: he(P, ["stop"]),
+                  x("span", {
+                    onClick: he(k, ["stop"]),
                     class: "iconfont icon-a-tianjiaxian"
                   })
                 ])
-              ], 64)) : K("", !0)
-            ], 64)) : K("", !0)
+              ], 64)) : $("", !0)
+            ], 64)) : $("", !0)
           ]),
           _: 1
         }, 16, ["class", "contenteditable"])),
-        a.element.type == Ne(te).Text && o.value ? (B(), V("div", Nf, ve(c.value), 1)) : K("", !0),
-        a.element.type === Ne(te).Image ? (B(), V("div", {
+        a.element.type == Ne(ee).Text && o.value ? (M(), U("div", Nf, ve(c.value), 1)) : $("", !0),
+        a.element.type === Ne(ee).Image ? (M(), U("div", {
           key: 1,
           class: "absolute top-0 right-0 bg-white rounded shadow z-10 py-0.5 px-1",
           onClick: D[3] || (D[3] = he(() => {
           }, ["stop"]))
         }, [
-          D[7] || (D[7] = S("span", {
+          D[7] || (D[7] = x("span", {
             contenteditable: "false",
             class: "cursor-pointer"
           }, "上传图片", -1)),
           lt(od, {
-            customUpload: (q) => ye(q, a.element),
+            customUpload: (V) => Re(V, a.element),
             height: a.element.rule.maxImageHeight,
             width: a.element.rule.minImageWidth,
             uploadByImage: R
           }, null, 8, ["customUpload", "height", "width"])
-        ])) : K("", !0),
-        a.element.type === Ne(te).Icon ? (B(), V("div", {
+        ])) : $("", !0),
+        a.element.type === Ne(ee).Icon ? (M(), U("div", {
           key: 2,
           class: "absolute -top-6 left-0 bg-white py-0.5 px-1 rounded shadow z-10",
           onClick: D[5] || (D[5] = he(() => {
           }, ["stop"]))
         }, [
-          S("span", {
-            onClick: D[4] || (D[4] = he((q) => Ae(), ["stop"])),
+          x("span", {
+            onClick: D[4] || (D[4] = he((V) => Ae(), ["stop"])),
             contenteditable: "false",
             class: "cursor-pointer"
           }, "选择图标")
-        ])) : K("", !0),
+        ])) : $("", !0),
         lt(rd, {
           icons: e.icons,
           ref_key: "iconRef",
@@ -11636,12 +11636,12 @@ const Jd = {
         lt(gf, {
           ref_key: "cropperRef",
           ref: ge,
-          onOk: D[6] || (D[6] = (q) => x(q, a.element))
+          onOk: D[6] || (D[6] = (V) => S(V, a.element))
         }, null, 512)
       ], 64);
     };
   }
-}), Cf = /* @__PURE__ */ yt(If, [["__scopeId", "data-v-a7052ff5"]]), Sf = Ge({
+}), Cf = /* @__PURE__ */ Rt(If, [["__scopeId", "data-v-4e2cbd1e"]]), Sf = Ge({
   name: "GpCheckbox",
   props: {
     modelValue: {
@@ -11663,20 +11663,20 @@ const Jd = {
   }
 }), xf = { class: "form-group" }, Of = { class: "flex items-center space-x-2 cursor-pointer" }, Df = ["checked", "aria-checked"], Lf = { class: "checkbox-label text-sm text-gray-700" };
 function vf(e, t, a, i, s, u) {
-  return B(), V("div", xf, [
-    S("label", Of, [
-      S("input", {
+  return M(), U("div", xf, [
+    x("label", Of, [
+      x("input", {
         type: "checkbox",
         checked: e.modelValue,
         onChange: t[0] || (t[0] = (...r) => e.updateValue && e.updateValue(...r)),
         class: "custom-checkbox",
         "aria-checked": e.modelValue
       }, null, 40, Df),
-      S("span", Lf, ve(e.label), 1)
+      x("span", Lf, ve(e.label), 1)
     ])
   ]);
 }
-const fa = /* @__PURE__ */ yt(Sf, [["render", vf], ["__scopeId", "data-v-68b8f276"]]), Rf = Ge({
+const fa = /* @__PURE__ */ Rt(Sf, [["render", vf], ["__scopeId", "data-v-68b8f276"]]), yf = Ge({
   name: "GpMessage",
   props: {
     message: {
@@ -11705,7 +11705,7 @@ const fa = /* @__PURE__ */ yt(Sf, [["render", vf], ["__scopeId", "data-v-68b8f27
     }
   },
   setup(e) {
-    const t = z(!1), a = Ke(
+    const t = K(!1), a = Ke(
       () => ({
         success: "bg-green-100 text-green-800",
         error: "bg-red-100 text-red-800",
@@ -11723,7 +11723,7 @@ const fa = /* @__PURE__ */ yt(Sf, [["render", vf], ["__scopeId", "data-v-68b8f27
       closeMessage: i
     };
   }
-}), yf = {
+}), Rf = {
   key: 0,
   class: "gp-message"
 }, Mf = {
@@ -11743,32 +11743,32 @@ const fa = /* @__PURE__ */ yt(Sf, [["render", vf], ["__scopeId", "data-v-68b8f27
   class: "text-yellow-500"
 };
 function Uf(e, t, a, i, s, u) {
-  return B(), xt(Uu, { name: "fade" }, {
+  return M(), xt(Uu, { name: "fade" }, {
     default: Js(() => [
-      e.visible ? (B(), V("div", yf, [
-        S("div", {
+      e.visible ? (M(), U("div", Rf, [
+        x("div", {
           class: Da([e.typeClass, "message-content"])
         }, [
-          e.icon ? (B(), V("span", Mf, [
+          e.icon ? (M(), U("span", Mf, [
             Fu(e.$slots, "icon", {}, () => [
-              e.type === "success" ? (B(), V("span", Pf, "✔")) : K("", !0),
-              e.type === "error" ? (B(), V("span", kf, "✖")) : K("", !0),
-              e.type === "info" ? (B(), V("span", wf, "ℹ")) : K("", !0),
-              e.type === "warning" ? (B(), V("span", Bf, "⚠")) : K("", !0)
+              e.type === "success" ? (M(), U("span", Pf, "✔")) : $("", !0),
+              e.type === "error" ? (M(), U("span", kf, "✖")) : $("", !0),
+              e.type === "info" ? (M(), U("span", wf, "ℹ")) : $("", !0),
+              e.type === "warning" ? (M(), U("span", Bf, "⚠")) : $("", !0)
             ], !0)
-          ])) : K("", !0),
-          S("span", null, ve(e.message), 1),
-          S("button", {
+          ])) : $("", !0),
+          x("span", null, ve(e.message), 1),
+          x("button", {
             class: "close-btn hover:text-gray-800 font-bold",
             onClick: t[0] || (t[0] = (...r) => e.closeMessage && e.closeMessage(...r))
           }, " × ")
         ], 2)
-      ])) : K("", !0)
+      ])) : $("", !0)
     ]),
     _: 3
   });
 }
-const Ff = /* @__PURE__ */ yt(Rf, [["render", Uf], ["__scopeId", "data-v-56476f4c"]]), St = Hu([]);
+const Ff = /* @__PURE__ */ Rt(yf, [["render", Uf], ["__scopeId", "data-v-56476f4c"]]), St = Hu([]);
 let ei = null;
 const Hf = () => {
   const e = document.createElement("div");
@@ -11863,7 +11863,7 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
   },
   emits: ["updateElement"],
   setup(e, { emit: t }) {
-    const a = e, i = t, s = z({ rule: {}, ...a.element });
+    const a = e, i = t, s = K({ rule: {}, ...a.element });
     ot(
       () => a.element,
       (r) => {
@@ -11872,23 +11872,23 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
       { immediate: !0 }
     );
     function u() {
-      if (s.value.type === te.Icon && !s.value.attrs.class.includes("iconfont")) {
+      if (s.value.type === ee.Icon && !s.value.attrs.class.includes("iconfont")) {
         ue.error("Icon 支持 iconfont 图标");
         return;
       }
-      if (s.value.type === te.Image && s.value.tag !== "img") {
+      if (s.value.type === ee.Image && s.value.tag !== "img") {
         ue.error("节点类型错误");
         return;
       }
-      if (s.value.type === te.Video && s.value.tag !== "video") {
+      if (s.value.type === ee.Video && s.value.tag !== "video") {
         ue.error("节点类型错误");
         return;
       }
-      if (s.value.type === te.Link && s.value.tag !== "a") {
+      if (s.value.type === ee.Link && s.value.tag !== "a") {
         ue.error("节点类型错误");
         return;
       }
-      if (s.value.type === te.Text) {
+      if (s.value.type === ee.Text) {
         if (s.value.rule.minText > s.value.rule.maxText) {
           ue.error("最小文本长度不能大于最大文本长度");
           return;
@@ -11898,7 +11898,7 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
           return;
         }
       }
-      if (s.value.type === te.Block) {
+      if (s.value.type === ee.Block) {
         if (s.value.rule.minBlock > s.value.rule.maxBlock) {
           ue.error("最小块数量不能大于最大块数量");
           return;
@@ -11910,107 +11910,107 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
       }
       i("updateElement", s.value), ue.success("保存成功");
     }
-    return (r, o) => (B(), V("div", null, [
-      s.value ? (B(), V("div", Vf, [
-        s.value.text !== void 0 ? (B(), V("div", Wf, [
-          o[11] || (o[11] = S("label", { class: "block" }, "内容", -1)),
-          S("div", $f, ve(s.value.text || "-"), 1)
-        ])) : K("", !0),
-        S("div", null, [
-          o[12] || (o[12] = S("label", { class: "block mt-4" }, "节点", -1)),
-          S("div", Xf, ve(s.value.xpath), 1)
+    return (r, o) => (M(), U("div", null, [
+      s.value ? (M(), U("div", Vf, [
+        s.value.text !== void 0 ? (M(), U("div", Wf, [
+          o[11] || (o[11] = x("label", { class: "block" }, "内容", -1)),
+          x("div", $f, ve(s.value.text || "-"), 1)
+        ])) : $("", !0),
+        x("div", null, [
+          o[12] || (o[12] = x("label", { class: "block mt-4" }, "节点", -1)),
+          x("div", Xf, ve(s.value.xpath), 1)
         ]),
-        S("div", null, [
-          o[14] || (o[14] = S("label", { class: "block mt-4" }, "类型", -1)),
-          st(S("select", {
+        x("div", null, [
+          o[14] || (o[14] = x("label", { class: "block mt-4" }, "类型", -1)),
+          st(x("select", {
             "onUpdate:modelValue": o[0] || (o[0] = (c) => s.value.type = c),
             class: "border rounded p-1 w-full"
           }, o[13] || (o[13] = [
-            S("option", { value: 0 }, "无", -1),
-            S("option", { value: 1 }, "文本", -1),
-            S("option", { value: 2 }, "图片", -1),
-            S("option", { value: 3 }, "视频", -1),
-            S("option", { value: 4 }, "图标", -1),
-            S("option", { value: 5 }, "链接", -1),
-            S("option", { value: 10 }, "块", -1)
+            x("option", { value: 0 }, "无", -1),
+            x("option", { value: 1 }, "文本", -1),
+            x("option", { value: 2 }, "图片", -1),
+            x("option", { value: 3 }, "视频", -1),
+            x("option", { value: 4 }, "图标", -1),
+            x("option", { value: 5 }, "链接", -1),
+            x("option", { value: 10 }, "块", -1)
           ]), 512), [
             [qu, s.value.type]
           ])
         ]),
-        s.value.type == Ne(te).Text ? (B(), V("div", Gf, [
-          o[15] || (o[15] = S("label", { class: "block mt-4" }, "最小文本长度", -1)),
-          st(S("input", {
+        s.value.type == Ne(ee).Text ? (M(), U("div", Gf, [
+          o[15] || (o[15] = x("label", { class: "block mt-4" }, "最小文本长度", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[1] || (o[1] = (c) => s.value.rule.minText = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.minText]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Text ? (B(), V("div", Qf, [
-          o[16] || (o[16] = S("label", { class: "block mt-4" }, "最大文本长度", -1)),
-          st(S("input", {
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Text ? (M(), U("div", Qf, [
+          o[16] || (o[16] = x("label", { class: "block mt-4" }, "最大文本长度", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[2] || (o[2] = (c) => s.value.rule.maxText = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.maxText]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Image ? (B(), V("div", jf, [
-          o[17] || (o[17] = S("label", { class: "block mt-4" }, "是否裁剪", -1)),
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Image ? (M(), U("div", jf, [
+          o[17] || (o[17] = x("label", { class: "block mt-4" }, "是否裁剪", -1)),
           lt(fa, {
             class: "py-2",
             modelValue: s.value.rule.crop,
             "onUpdate:modelValue": o[3] || (o[3] = (c) => s.value.rule.crop = c),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Image ? (B(), V("div", zf, [
-          o[18] || (o[18] = S("label", { class: "block mt-4" }, "图片宽度", -1)),
-          st(S("input", {
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Image ? (M(), U("div", zf, [
+          o[18] || (o[18] = x("label", { class: "block mt-4" }, "图片宽度", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[4] || (o[4] = (c) => s.value.rule.minImageWidth = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.minImageWidth]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Image ? (B(), V("div", Kf, [
-          o[19] || (o[19] = S("label", { class: "block mt-4" }, "图片高度", -1)),
-          st(S("input", {
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Image ? (M(), U("div", Kf, [
+          o[19] || (o[19] = x("label", { class: "block mt-4" }, "图片高度", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[5] || (o[5] = (c) => s.value.rule.maxImageHeight = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.maxImageHeight]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Block ? (B(), V("div", Zf, [
-          o[20] || (o[20] = S("label", { class: "block mt-4" }, "块最小数量", -1)),
-          st(S("input", {
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Block ? (M(), U("div", Zf, [
+          o[20] || (o[20] = x("label", { class: "block mt-4" }, "块最小数量", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[6] || (o[6] = (c) => s.value.rule.minBlock = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.minBlock]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Block ? (B(), V("div", Jf, [
-          o[21] || (o[21] = S("label", { class: "block mt-4" }, "块最大数量", -1)),
-          st(S("input", {
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Block ? (M(), U("div", Jf, [
+          o[21] || (o[21] = x("label", { class: "block mt-4" }, "块最大数量", -1)),
+          st(x("input", {
             "onUpdate:modelValue": o[7] || (o[7] = (c) => s.value.rule.maxBlock = c),
             class: "border rounded p-1 w-full"
           }, null, 512), [
             [pt, s.value.rule.maxBlock]
           ])
-        ])) : K("", !0),
-        s.value.type == Ne(te).Text || s.value.type == Ne(te).Icon ? (B(), V("div", e1, [
-          o[22] || (o[22] = S("label", { class: "block mt-4" }, "主题色", -1)),
+        ])) : $("", !0),
+        s.value.type == Ne(ee).Text || s.value.type == Ne(ee).Icon ? (M(), U("div", e1, [
+          o[22] || (o[22] = x("label", { class: "block mt-4" }, "主题色", -1)),
           lt(fa, {
             class: "py-2",
             modelValue: s.value.rule.isThemeColor,
             "onUpdate:modelValue": o[8] || (o[8] = (c) => s.value.rule.isThemeColor = c),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : K("", !0),
-        S("div", null, [
-          o[23] || (o[23] = S("label", { class: "block mt-4" }, "是否必填", -1)),
+        ])) : $("", !0),
+        x("div", null, [
+          o[23] || (o[23] = x("label", { class: "block mt-4" }, "是否必填", -1)),
           lt(fa, {
             class: "py-2",
             modelValue: s.value.rule.isRequired,
@@ -12018,8 +12018,8 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
             label: "是"
           }, null, 8, ["modelValue"])
         ]),
-        S("div", null, [
-          o[24] || (o[24] = S("label", { class: "block mt-4" }, "是否只读", -1)),
+        x("div", null, [
+          o[24] || (o[24] = x("label", { class: "block mt-4" }, "是否只读", -1)),
           lt(fa, {
             class: "py-2",
             modelValue: s.value.rule.isReadOnly,
@@ -12027,17 +12027,26 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
             label: "是"
           }, null, 8, ["modelValue"])
         ])
-      ])) : K("", !0),
-      S("button", {
+      ])) : $("", !0),
+      x("button", {
         onClick: u,
         class: "mt-4 p-2 bg-green-500 text-white rounded"
       }, " 保存 ")
     ]));
   }
-}), a1 = /* @__PURE__ */ yt(t1, [["__scopeId", "data-v-1a7da1b9"]]), i1 = { class: "flex" }, s1 = { class: "text-lg font-bold border-b p-2" }, n1 = { class: "text-sm font-thin text-gray-500" }, u1 = ["innerHTML"], r1 = ["innerHTML"], o1 = { class: "flex-1" }, c1 = { class: "p-2" }, l1 = {
+}), a1 = /* @__PURE__ */ Rt(t1, [["__scopeId", "data-v-1a7da1b9"]]), i1 = { class: "flex" }, s1 = {
+  key: 0,
+  class: "text-lg font-bold border-b p-2"
+}, n1 = { class: "text-sm font-thin text-gray-500" }, u1 = ["innerHTML"], r1 = ["innerHTML"], o1 = { class: "flex-1" }, c1 = {
+  key: 0,
+  class: "text-lg font-bold border-b p-2"
+}, l1 = { class: "p-2" }, h1 = {
   key: 0,
   class: "text-red-500 text-xs mt-2"
-}, h1 = { class: "text-lg font-bold border-b p-2" }, d1 = { class: "text-sm font-thin text-gray-500" }, f1 = { class: "p-2" }, E1 = /* @__PURE__ */ Ge({
+}, d1 = {
+  key: 0,
+  class: "text-lg font-bold border-b p-2"
+}, f1 = { class: "text-sm font-thin text-gray-500" }, E1 = { class: "p-2" }, m1 = /* @__PURE__ */ Ge({
   __name: "Designer",
   props: {
     mode: { default: "design" },
@@ -12046,74 +12055,76 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
     previewWidth: { default: 375 },
     uploadByFile: {},
     icons: {},
-    rules: {}
+    rules: {},
+    preview: { type: Boolean, default: !0 },
+    showTitle: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "update:element"],
   setup(e, { emit: t }) {
-    const a = e, i = t, s = z(a.template);
-    ot(() => a.template, (x) => {
-      s.value = x;
-    }, { immediate: !0 }), ot(() => s.value, (x) => {
-      x && (r.value = X(x));
-    }, { immediate: !0 }), ot(() => a.css, (x) => {
-      x.forEach((R) => {
+    const a = e, i = t, s = K(a.template);
+    ot(() => a.template, (S) => {
+      s.value = S;
+    }, { immediate: !0 }), ot(() => s.value, (S) => {
+      S && (r.value = G(S));
+    }, { immediate: !0 }), ot(() => a.css, (S) => {
+      S.forEach((R) => {
         if (document.querySelector(`link[href="${R}"]`))
           return;
         const O = document.createElement("link");
         O.rel = "stylesheet", O.href = R, document.head.appendChild(O);
       });
     }, { immediate: !0 });
-    const u = z(a.mode), r = z();
-    ot(() => r.value, (x) => {
-      x && i("update:element", x);
+    const u = K(a.mode), r = K();
+    ot(() => r.value, (S) => {
+      S && i("update:element", S);
     }, { immediate: !0 });
-    const o = z("");
+    const o = K("");
     let c = Ms("", {}, !1);
-    ot(() => o.value, (x) => {
-      i("update:modelValue", x);
+    ot(() => o.value, (S) => {
+      i("update:modelValue", S);
     }, { immediate: !0 });
-    const h = z(), f = z(), m = z("");
-    function T(x) {
-      console.log("选择", x), h.value = x;
+    const h = K(), f = K(), m = K("");
+    function T(S) {
+      console.log("选择", S), h.value = S;
     }
-    function A(x, R = "") {
+    function A(S, R = "") {
       if (R) {
         const O = I(r.value, R);
-        O ? f.value = O : f.value = x;
+        O ? f.value = O : f.value = S;
       } else
-        f.value = x;
+        f.value = S;
     }
-    function I(x, R) {
-      if (x.xpath === R)
-        return x;
-      if (x.children && x.children.length)
-        for (const O of x.children) {
+    function I(S, R) {
+      if (S.xpath === R)
+        return S;
+      if (S.children && S.children.length)
+        for (const O of S.children) {
           const D = I(O, R);
           if (D)
             return D;
         }
     }
-    function L(x) {
-      var R, O, D, H;
-      if (console.log(x, h.value), h.value)
-        if (h.value.rule = x.rule, h.value.type = x.type, (R = x.rule) != null && R.isThemeColor ? (x.attrs.class += "theme_color", x.attrs.style && (x.attrs.style = void 0)) : (console.log("e111", (O = x.attrs.class) == null ? void 0 : O.includes("theme_color")), (D = x.attrs.class) != null && D.includes("theme_color") && (x.attrs.class = x.attrs.class.replace("theme_color", " "))), h.value.type === te.Block) {
-          const q = I(r.value, h.value.parentxpath || "");
-          q && q.children && q.children.forEach((J) => {
+    function L(S) {
+      var R, O, D, Y;
+      if (console.log(S, h.value), h.value)
+        if (h.value.rule = S.rule, h.value.type = S.type, (R = S.rule) != null && R.isThemeColor ? (S.attrs.class += "theme_color", S.attrs.style && (S.attrs.style = void 0)) : (console.log("e111", (O = S.attrs.class) == null ? void 0 : O.includes("theme_color")), (D = S.attrs.class) != null && D.includes("theme_color") && (S.attrs.class = S.attrs.class.replace("theme_color", " "))), h.value.type === ee.Block) {
+          const V = I(r.value, h.value.parentxpath || "");
+          V && V.children && V.children.forEach((J) => {
             var ne;
-            J.tag === h.value.tag && (J.rule = x.rule, J.type = x.type, (ne = J.attrs.class) != null && ne.includes(" mb40 relative") || (J.attrs.class += " mb40 relative"));
+            J.tag === h.value.tag && (J.rule = S.rule, J.type = S.type, (ne = J.attrs.class) != null && ne.includes(" mb40 relative") || (J.attrs.class += " mb40 relative"));
           });
         } else
-          (H = h.value.attrs.class) != null && H.includes(" mb40 relative") && (h.value.attrs.class = h.value.attrs.class.replace(" mb40 relative", " "));
+          (Y = h.value.attrs.class) != null && Y.includes(" mb40 relative") && (h.value.attrs.class = h.value.attrs.class.replace(" mb40 relative", " "));
     }
-    function M(x) {
-      o.value = x;
+    function P(S) {
+      o.value = S;
     }
-    function X(x) {
-      c = Ms(x);
-      const R = c("body").children().toArray().map((O) => U(c(O)));
+    function G(S) {
+      c = Ms(S);
+      const R = c("body").children().toArray().map((O) => F(c(O)));
       return o.value = c("body").html() || "", R[0];
     }
-    function U(x, R = "") {
+    function F(S, R = "") {
       var J;
       function O(ne) {
         if (!ne || !ne[0]) return "";
@@ -12125,170 +12136,173 @@ const Vf = { key: 0 }, Wf = { key: 0 }, $f = { class: "text-gray-500 my-2" }, Xf
         }
         return "/html/" + ce.join("/");
       }
-      const D = O(x).replace("/html/body[1]", ""), H = x.children().toArray().map((ne) => U(c(ne), D)), q = (J = a.rules) == null ? void 0 : J.find((ne) => ne.xpath === D);
+      const D = O(S).replace("/html/body[1]", ""), Y = S.children().toArray().map((ne) => F(c(ne), D)), V = (J = a.rules) == null ? void 0 : J.find((ne) => ne.xpath === D);
       return {
-        tag: x[0].tagName,
-        text: x.contents().not(x.children()).text().trim(),
-        attrs: x[0].attribs,
-        children: H,
+        tag: S[0].tagName,
+        text: S.contents().not(S.children()).text().trim(),
+        attrs: S[0].attribs,
+        children: Y,
         xpath: D,
         parentxpath: R,
-        type: (q == null ? void 0 : q.type) || te.None,
-        rule: (q == null ? void 0 : q.rule) || {}
+        type: (V == null ? void 0 : V.type) || ee.None,
+        rule: (V == null ? void 0 : V.rule) || {}
       };
     }
-    function $(x) {
-      console.log("更新子节点的文本", x);
-      const R = I(r.value, x.element.xpath);
-      R && (R.editText = x.newText);
+    function X(S) {
+      console.log("更新子节点的文本", S);
+      const R = I(r.value, S.element.xpath);
+      R && (R.editText = S.newText);
     }
-    function F(x, R = "") {
-      function O(D, H) {
+    function H(S, R = "") {
+      function O(D, Y) {
         var ne;
-        const J = (H ? ((ne = I(r.value, H)) == null ? void 0 : ne.children) || [] : [r.value]).filter((ce) => ce.tag === D.tag).indexOf(D) + 1;
-        return `${H}/${D.tag}[${J}]`;
+        const J = (Y ? ((ne = I(r.value, Y)) == null ? void 0 : ne.children) || [] : [r.value]).filter((ce) => ce.tag === D.tag).indexOf(D) + 1;
+        return `${Y}/${D.tag}[${J}]`;
       }
-      x.xpath = O(x, R), x.parentxpath = R, (x.children || []).forEach((D) => F(D, x.xpath));
+      S.xpath = O(S, R), S.parentxpath = R, (S.children || []).forEach((D) => H(D, S.xpath));
     }
-    function P({ action: x, element: R, newBlock: O }) {
-      console.log("块操作", x, R, O);
+    function k({ action: S, element: R, newBlock: O }) {
+      console.log("块操作", S, R, O);
       const D = I(r.value, R.parentxpath || "");
       if (!D || !D.children) return;
-      const H = D.children.findIndex((ce) => ce === R);
-      if (H === -1) return;
-      const q = D.children.length, { minBlock: J, maxBlock: ne } = R.rule;
-      if ((x === "add" || x === "copy") && q >= (ne || 1 / 0)) {
+      const Y = D.children.findIndex((ce) => ce === R);
+      if (Y === -1) return;
+      const V = D.children.length, { minBlock: J, maxBlock: ne } = R.rule;
+      if ((S === "add" || S === "copy") && V >= (ne || 1 / 0)) {
         m.value = `无法添加更多块。最大块数量为 ${ne}`, ue.error(m.value);
         return;
       }
-      switch (x) {
+      switch (S) {
         case "add":
           if (O) {
             const ce = { ...O, xpath: "", children: JSON.parse(JSON.stringify(O.children)) };
-            D.children.splice(H + 1, 0, ce);
+            D.children.splice(Y + 1, 0, ce);
           }
           break;
         case "copy":
           if (O) {
             const ce = { ...O, xpath: "", children: JSON.parse(JSON.stringify(O.children)) };
-            D.children.splice(H + 1, 0, ce);
+            D.children.splice(Y + 1, 0, ce);
           }
           break;
         case "moveUp":
-          if (H > 0) {
-            const [ce] = D.children.splice(H, 1);
-            D.children.splice(H - 1, 0, ce);
+          if (Y > 0) {
+            const [ce] = D.children.splice(Y, 1);
+            D.children.splice(Y - 1, 0, ce);
           }
           break;
         case "moveDown":
-          if (H < D.children.length - 1) {
-            const [ce] = D.children.splice(H, 1);
-            D.children.splice(H + 1, 0, ce);
+          if (Y < D.children.length - 1) {
+            const [ce] = D.children.splice(Y, 1);
+            D.children.splice(Y + 1, 0, ce);
           }
           break;
         case "delete":
-          if (q <= (J || 0)) {
+          if (V <= (J || 0)) {
             m.value = `无法删除更多块。最小块数量为 ${J}`, ue.error(m.value);
             return;
           }
-          D.children.splice(H, 1);
+          D.children.splice(Y, 1);
           break;
       }
-      m.value = "", F(r.value);
+      m.value = "", H(r.value);
     }
-    function g(x, R) {
-      let O = R.attrs.class.replace(/icon-\S+/g, `icon-${x}`);
+    function g(S, R) {
+      let O = R.attrs.class.replace(/icon-\S+/g, `icon-${S}`);
       R.attrs.class = O;
     }
-    function w(x, R) {
-      R.attrs.src = x;
+    function B(S, R) {
+      R.attrs.src = S;
     }
-    const G = z(a.previewWidth), oe = z(375);
-    let Ae = z(!1), Ie = z(""), Re = 0, be = 0;
-    function ge(x) {
-      Ie.value = x, Ae.value = !0, Re = event.clientX, x === "preview" ? be = G.value : x === "structure" && (be = oe.value), window.addEventListener("mousemove", se), window.addEventListener("mouseup", ye);
+    const Q = K(a.previewWidth), oe = K(375);
+    let Ae = K(!1), Ie = K(""), ye = 0, be = 0;
+    function ge(S) {
+      Ie.value = S, Ae.value = !0, ye = event.clientX, S === "preview" ? be = Q.value : S === "structure" && (be = oe.value), window.addEventListener("mousemove", se), window.addEventListener("mouseup", Re);
     }
-    function se(x) {
+    function se(S) {
       if (!Ae.value) return;
-      const R = x.clientX - Re;
-      Ie.value === "preview" ? G.value = Math.max(200, be + R) : Ie.value === "structure" && (oe.value = Math.max(200, be - R));
+      const R = S.clientX - ye;
+      Ie.value === "preview" ? Q.value = Math.max(200, be + R) : Ie.value === "structure" && (oe.value = Math.max(200, be - R));
     }
-    function ye() {
-      Ae.value = !1, Ie.value = "", window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", ye);
+    function Re() {
+      Ae.value = !1, Ie.value = "", window.removeEventListener("mousemove", se), window.removeEventListener("mouseup", Re);
     }
-    return (x, R) => (B(), V("div", i1, [
-      S("div", {
+    return (S, R) => (M(), U("div", i1, [
+      S.preview ? (M(), U("div", {
+        key: 0,
         class: "border-l overflow-auto resize-area",
-        style: ts({ width: G.value + "px" })
+        style: ts({ width: Q.value + "px" })
       }, [
-        S("h2", s1, [
+        S.showTitle ? (M(), U("h2", s1, [
           R[2] || (R[2] = ti("实时预览 ")),
-          S("span", n1, ve(G.value) + "px", 1)
-        ]),
-        S("div", null, [
-          o.value ? (B(), V("div", {
+          x("span", n1, ve(Q.value) + "px", 1)
+        ])) : $("", !0),
+        x("div", null, [
+          o.value ? (M(), U("div", {
             key: 0,
             innerHTML: o.value
-          }, null, 8, u1)) : (B(), V("div", {
+          }, null, 8, u1)) : (M(), U("div", {
             key: 1,
             innerHTML: Ne(c)("body").html()
           }, null, 8, r1))
         ])
-      ], 4),
-      S("div", {
+      ], 4)) : $("", !0),
+      S.preview ? (M(), U("div", {
+        key: 1,
         class: "resizer",
         onMousedown: R[0] || (R[0] = (O) => ge("preview"))
-      }, null, 32),
-      S("div", o1, [
-        R[3] || (R[3] = S("h2", { class: "text-lg font-bold border-b p-2" }, "结构渲染", -1)),
-        S("div", c1, [
-          m.value ? (B(), V("div", l1, ve(m.value), 1)) : K("", !0),
-          r.value ? (B(), xt(Cf, {
+      }, null, 32)) : $("", !0),
+      x("div", o1, [
+        S.showTitle ? (M(), U("h2", c1, "结构渲染")) : $("", !0),
+        x("div", l1, [
+          m.value ? (M(), U("div", h1, ve(m.value), 1)) : $("", !0),
+          r.value ? (M(), xt(Cf, {
             key: 1,
-            mode: x.mode,
-            icons: x.icons,
+            mode: S.mode,
+            icons: S.icons,
             element: r.value,
             selectedElement: h.value,
             hoveredElement: f.value,
             onSelectElement: T,
             onHoverElement: A,
-            onContentUpdated: M,
-            onUpdateText: $,
-            onBlockAction: P,
+            onContentUpdated: P,
+            onUpdateText: X,
+            onBlockAction: k,
             onAddIcon: g,
-            onUpload: w
-          }, null, 8, ["mode", "icons", "element", "selectedElement", "hoveredElement"])) : K("", !0)
+            onUpload: B
+          }, null, 8, ["mode", "icons", "element", "selectedElement", "hoveredElement"])) : $("", !0)
         ])
       ]),
-      S("div", {
+      u.value == "design" ? (M(), U("div", {
+        key: 2,
         class: "resizer",
         onMousedown: R[1] || (R[1] = (O) => ge("structure"))
-      }, null, 32),
-      u.value == "design" ? (B(), V("div", {
-        key: 0,
+      }, null, 32)) : $("", !0),
+      u.value == "design" ? (M(), U("div", {
+        key: 3,
         class: "resize-area overflow-auto",
         style: ts({ width: oe.value + "px" })
       }, [
-        S("h2", h1, [
-          R[4] || (R[4] = ti("节点属性 ")),
-          S("span", d1, ve(oe.value) + "px", 1)
-        ]),
-        S("div", f1, [
-          h.value ? (B(), xt(a1, {
+        S.showTitle ? (M(), U("h2", d1, [
+          R[3] || (R[3] = ti("节点属性 ")),
+          x("span", f1, ve(oe.value) + "px", 1)
+        ])) : $("", !0),
+        x("div", E1, [
+          h.value ? (M(), xt(a1, {
             key: 0,
             element: h.value,
             onUpdateElement: L
-          }, null, 8, ["element"])) : K("", !0)
+          }, null, 8, ["element"])) : $("", !0)
         ])
-      ], 4)) : K("", !0)
+      ], 4)) : $("", !0)
     ]));
   }
-}), m1 = /* @__PURE__ */ yt(E1, [["__scopeId", "data-v-6a05619b"]]), A1 = {
+}), T1 = /* @__PURE__ */ Rt(m1, [["__scopeId", "data-v-84392fe5"]]), N1 = {
   install(e) {
-    e.component("Designer", m1);
+    e.component("Designer", T1);
   }
 };
 export {
-  m1 as Designer,
-  A1 as default
+  T1 as Designer,
+  N1 as default
 };