gp-designer 1.0.32 → 1.0.33

package/dist/gp-designer.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as ze, computed as At, ref as $, watch as et, resolveComponent as Qu, openBlock as D, createElementBlock as R, Fragment as Zt, createBlock as Ct, resolveDynamicComponent as ju, mergeProps as zu, withModifiers as Le, withCtx as Ya, createTextVNode as Ei, toDisplayString as Ne, renderList as Fi, unref as de, createElementVNode as x, createCommentVNode as H, toRaw as hn, Transition as Ku, normalizeClass as fn, renderSlot as Jt, reactive as Zu, createApp as Ju, h as Es, withDirectives as at, vModelSelect as er, vModelText as Tt, createVNode as ut, toRefs as tr, normalizeStyle as Ts } from "vue";
+import { defineComponent as Ke, computed as At, ref as $, watch as qe, resolveComponent as Qu, openBlock as v, createElementBlock as R, Fragment as Zt, createBlock as Ct, resolveDynamicComponent as ju, mergeProps as zu, withModifiers as ye, withCtx as Ya, createTextVNode as Ei, toDisplayString as Ce, renderList as Fi, unref as de, createElementVNode as x, createCommentVNode as H, toRaw as hn, Transition as Ku, normalizeClass as fn, renderSlot as Jt, reactive as Zu, createApp as Ju, h as Es, withDirectives as at, vModelSelect as er, vModelText as Tt, createVNode as ut, toRefs as tr, normalizeStyle as Ts } from "vue";
 var K;
 (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";
@@ -179,7 +179,7 @@ function B(e) {
 function qa(e) {
   return e.type === K.CDATA;
 }
-function Xe(e) {
+function Qe(e) {
   return e.type === K.Text;
 }
 function Va(e) {
@@ -196,7 +196,7 @@ function Te(e) {
 }
 function oa(e, t = !1) {
   let a;
-  if (Xe(e))
+  if (Qe(e))
     a = new ra(e.data);
   else if (Va(e))
     a = new Yi(e.data);
@@ -863,13 +863,13 @@ function kr(e, t) {
 }
 function Oa(e) {
   return Array.isArray(e) ? e.map(Oa).join("") : B(e) ? e.name === "br" ? `
-` : Oa(e.children) : qa(e) ? Oa(e.children) : Xe(e) ? e.data : "";
+` : Oa(e.children) : qa(e) ? Oa(e.children) : Qe(e) ? e.data : "";
 }
 function Bt(e) {
-  return Array.isArray(e) ? e.map(Bt).join("") : Te(e) && !Va(e) ? Bt(e.children) : Xe(e) ? e.data : "";
+  return Array.isArray(e) ? e.map(Bt).join("") : Te(e) && !Va(e) ? Bt(e.children) : Qe(e) ? e.data : "";
 }
 function va(e) {
-  return Array.isArray(e) ? e.map(va).join("") : Te(e) && (e.type === K.Tag || qa(e)) ? va(e.children) : Xe(e) ? e.data : "";
+  return Array.isArray(e) ? e.map(va).join("") : Te(e) && (e.type === K.Tag || qa(e)) ? va(e.children) : Qe(e) ? e.data : "";
 }
 function Wa(e) {
   return Te(e) ? e.children : [];
@@ -1017,7 +1017,7 @@ const La = {
     return typeof e == "function" ? (t) => e(t.type) : (t) => t.type === e;
   },
   tag_contains(e) {
-    return typeof e == "function" ? (t) => Xe(t) && e(t.data) : (t) => Xe(t) && t.data === e;
+    return typeof e == "function" ? (t) => Qe(t) && e(t.data) : (t) => Qe(t) && t.data === e;
   }
 };
 function xn(e, t) {
@@ -1206,7 +1206,7 @@ const Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   isComment: Va,
   isDocument: dt,
   isTag: B,
-  isText: Xe,
+  isText: Qe,
   nextElementSibling: Xi,
   prepend: Vr,
   prependChild: qr,
@@ -3573,10 +3573,10 @@ var Nt;
 (function(e) {
   e.TYPE = "type", e.ACTION = "action", e.ENCODING = "encoding", e.PROMPT = "prompt", e.NAME = "name", e.COLOR = "color", e.FACE = "face", e.SIZE = "size";
 })(Nt || (Nt = {}));
-var ye;
+var Re;
 (function(e) {
   e.NO_QUIRKS = "no-quirks", e.QUIRKS = "quirks", e.LIMITED_QUIRKS = "limited-quirks";
-})(ye || (ye = {}));
+})(Re || (Re = {}));
 var p;
 (function(e) {
   e.A = "a", e.ADDRESS = "address", e.ANNOTATION_XML = "annotation-xml", e.APPLET = "applet", e.AREA = "area", e.ARTICLE = "article", e.ASIDE = "aside", e.B = "b", e.BASE = "base", e.BASEFONT = "basefont", e.BGSOUND = "bgsound", e.BIG = "big", e.BLOCKQUOTE = "blockquote", e.BODY = "body", e.BR = "br", e.BUTTON = "button", e.CAPTION = "caption", e.CENTER = "center", e.CODE = "code", e.COL = "col", e.COLGROUP = "colgroup", e.DD = "dd", e.DESC = "desc", e.DETAILS = "details", e.DIALOG = "dialog", e.DIR = "dir", e.DIV = "div", e.DL = "dl", e.DT = "dt", e.EM = "em", e.EMBED = "embed", e.FIELDSET = "fieldset", e.FIGCAPTION = "figcaption", e.FIGURE = "figure", e.FONT = "font", e.FOOTER = "footer", e.FOREIGN_OBJECT = "foreignObject", e.FORM = "form", e.FRAME = "frame", e.FRAMESET = "frameset", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.HEAD = "head", e.HEADER = "header", e.HGROUP = "hgroup", e.HR = "hr", e.HTML = "html", e.I = "i", e.IMG = "img", e.IMAGE = "image", e.INPUT = "input", e.IFRAME = "iframe", e.KEYGEN = "keygen", e.LABEL = "label", e.LI = "li", e.LINK = "link", e.LISTING = "listing", e.MAIN = "main", e.MALIGNMARK = "malignmark", e.MARQUEE = "marquee", e.MATH = "math", e.MENU = "menu", e.META = "meta", e.MGLYPH = "mglyph", e.MI = "mi", e.MO = "mo", e.MN = "mn", e.MS = "ms", e.MTEXT = "mtext", e.NAV = "nav", e.NOBR = "nobr", e.NOFRAMES = "noframes", e.NOEMBED = "noembed", e.NOSCRIPT = "noscript", e.OBJECT = "object", e.OL = "ol", e.OPTGROUP = "optgroup", e.OPTION = "option", e.P = "p", e.PARAM = "param", e.PLAINTEXT = "plaintext", e.PRE = "pre", e.RB = "rb", e.RP = "rp", e.RT = "rt", e.RTC = "rtc", e.RUBY = "ruby", e.S = "s", e.SCRIPT = "script", e.SEARCH = "search", e.SECTION = "section", e.SELECT = "select", e.SOURCE = "source", e.SMALL = "small", e.SPAN = "span", e.STRIKE = "strike", e.STRONG = "strong", e.STYLE = "style", e.SUB = "sub", e.SUMMARY = "summary", e.SUP = "sup", e.TABLE = "table", e.TBODY = "tbody", e.TEMPLATE = "template", e.TEXTAREA = "textarea", e.TFOOT = "tfoot", e.TD = "td", e.TH = "th", e.THEAD = "thead", e.TITLE = "title", e.TR = "tr", e.TRACK = "track", e.TT = "tt", e.U = "u", e.UL = "ul", e.SVG = "svg", e.VAR = "var", e.WBR = "wbr", e.XMP = "xmp";
@@ -5981,11 +5981,11 @@ class Yl {
   }
 }
 const li = 3;
-var We;
+var Ge;
 (function(e) {
   e[e.Marker = 0] = "Marker", e[e.Element = 1] = "Element";
-})(We || (We = {}));
-const ws = { type: We.Marker };
+})(Ge || (Ge = {}));
+const ws = { type: Ge.Marker };
 class ql {
   constructor(t) {
     this.treeAdapter = t, this.entries = [], this.bookmark = null;
@@ -5997,7 +5997,7 @@ class ql {
     const i = [], s = a.length, u = this.treeAdapter.getTagName(t), r = this.treeAdapter.getNamespaceURI(t);
     for (let o = 0; o < this.entries.length; o++) {
       const c = this.entries[o];
-      if (c.type === We.Marker)
+      if (c.type === Ge.Marker)
         break;
       const { element: d } = c;
       if (this.treeAdapter.getTagName(d) === u && this.treeAdapter.getNamespaceURI(d) === r) {
@@ -6026,7 +6026,7 @@ class ql {
   }
   pushElement(t, a) {
     this._ensureNoahArkCondition(t), this.entries.unshift({
-      type: We.Element,
+      type: Ge.Element,
       element: t,
       token: a
     });
@@ -6034,7 +6034,7 @@ class ql {
   insertElementAfterBookmark(t, a) {
     const i = this.entries.indexOf(this.bookmark);
     this.entries.splice(i, 0, {
-      type: We.Element,
+      type: Ge.Element,
       element: t,
       token: a
     });
@@ -6054,19 +6054,19 @@ class ql {
   }
   //Search
   getElementEntryInScopeWithTagName(t) {
-    const a = this.entries.find((i) => i.type === We.Marker || this.treeAdapter.getTagName(i.element) === t);
-    return a && a.type === We.Element ? a : null;
+    const a = this.entries.find((i) => i.type === Ge.Marker || this.treeAdapter.getTagName(i.element) === t);
+    return a && a.type === Ge.Element ? a : null;
   }
   getElementEntry(t) {
-    return this.entries.find((a) => a.type === We.Element && a.element === t);
+    return this.entries.find((a) => a.type === Ge.Element && a.element === t);
   }
 }
-const Je = {
+const et = {
   //Node construction
   createDocument() {
     return {
       nodeName: "#document",
-      mode: ye.NO_QUIRKS,
+      mode: Re.NO_QUIRKS,
       childNodes: []
     };
   },
@@ -6126,7 +6126,7 @@ const Je = {
         systemId: i,
         parentNode: null
       };
-      Je.appendChild(e, u);
+      et.appendChild(e, u);
     }
   },
   setDocumentMode(e, t) {
@@ -6144,16 +6144,16 @@ const Je = {
   insertText(e, t) {
     if (e.childNodes.length > 0) {
       const a = e.childNodes[e.childNodes.length - 1];
-      if (Je.isTextNode(a)) {
+      if (et.isTextNode(a)) {
         a.value += t;
         return;
       }
     }
-    Je.appendChild(e, Je.createTextNode(t));
+    et.appendChild(e, et.createTextNode(t));
   },
   insertTextBefore(e, t, a) {
     const i = e.childNodes[e.childNodes.indexOf(a) - 1];
-    i && Je.isTextNode(i) ? i.value += t : Je.insertBefore(e, Je.createTextNode(t), a);
+    i && et.isTextNode(i) ? i.value += t : et.insertBefore(e, et.createTextNode(t), a);
   },
   adoptAttributes(e, t) {
     const a = new Set(e.attrs.map((i) => i.name));
@@ -6295,21 +6295,21 @@ function Ql(e) {
 }
 function jl(e) {
   if (e.name !== ou)
-    return ye.QUIRKS;
+    return Re.QUIRKS;
   const { systemId: t } = e;
   if (t && t.toLowerCase() === $l)
-    return ye.QUIRKS;
+    return Re.QUIRKS;
   let { publicId: a } = e;
   if (a !== null) {
     if (a = a.toLowerCase(), Gl.has(a))
-      return ye.QUIRKS;
+      return Re.QUIRKS;
     let i = t === null ? Wl : cu;
     if (Bs(a, i))
-      return ye.QUIRKS;
+      return Re.QUIRKS;
     if (i = t === null ? lu : Xl, Bs(a, i))
-      return ye.LIMITED_QUIRKS;
+      return Re.LIMITED_QUIRKS;
   }
-  return ye.NO_QUIRKS;
+  return Re.NO_QUIRKS;
 }
 const Us = {
   TEXT_HTML: "text/html",
@@ -6526,7 +6526,7 @@ const l0 = {
 }, fu = /* @__PURE__ */ new Set([n.TABLE, n.TBODY, n.TFOOT, n.THEAD, n.TR]), Fs = {
   scriptingEnabled: !0,
   sourceCodeLocationInfo: !1,
-  treeAdapter: Je,
+  treeAdapter: et,
   onParseError: null
 };
 let mu = class {
@@ -6794,7 +6794,7 @@ let mu = class {
   _reconstructActiveFormattingElements() {
     const t = this.activeFormattingElements.entries.length;
     if (t) {
-      const a = this.activeFormattingElements.entries.findIndex((s) => s.type === We.Marker || this.openElements.contains(s.element)), i = a < 0 ? t - 1 : a - 1;
+      const a = this.activeFormattingElements.entries.findIndex((s) => s.type === Ge.Marker || this.openElements.contains(s.element)), i = a < 0 ? t - 1 : a - 1;
       for (let s = i; s >= 0; s--) {
         const u = this.activeFormattingElements.entries[s];
         this._insertElement(u.token, this.treeAdapter.getNamespaceURI(u.element)), u.element = this.openElements.current;
@@ -7147,7 +7147,7 @@ let mu = class {
         break;
       }
       case m.IN_HEAD: {
-        qe(this, t);
+        Ve(this, t);
         break;
       }
       case m.IN_HEAD_NO_SCRIPT: {
@@ -7507,11 +7507,11 @@ function rs(e, t) {
 }
 function g0(e, t) {
   e._setDocumentType(t);
-  const a = t.forceQuirks ? ye.QUIRKS : jl(t);
+  const a = t.forceQuirks ? Re.QUIRKS : jl(t);
   Ql(t) || e._err(t, b.nonConformingDoctype), e.treeAdapter.setDocumentMode(e.document, a), e.insertionMode = m.BEFORE_HTML;
 }
 function $t(e, t) {
-  e._err(t, b.missingDoctype, !0), e.treeAdapter.setDocumentMode(e.document, ye.QUIRKS), e.insertionMode = m.BEFORE_HTML, e._processToken(t);
+  e._err(t, b.missingDoctype, !0), e.treeAdapter.setDocumentMode(e.document, Re.QUIRKS), e.insertionMode = m.BEFORE_HTML, e._processToken(t);
 }
 function _0(e, t) {
   t.tagID === n.HTML ? (e._insertElement(t, N.HTML), e.insertionMode = m.BEFORE_HEAD) : ta(e, t);
@@ -7544,7 +7544,7 @@ function C0(e, t) {
 function aa(e, t) {
   e._insertFakeElement(p.HEAD, n.HEAD), e.headElement = e.openElements.current, e.insertionMode = m.IN_HEAD, e._processToken(t);
 }
-function qe(e, t) {
+function Ve(e, t) {
   switch (t.tagID) {
     case n.HTML: {
       ge(e, t);
@@ -7626,7 +7626,7 @@ function S0(e, t) {
     case n.META:
     case n.NOFRAMES:
     case n.STYLE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
     case n.NOSCRIPT: {
@@ -7679,7 +7679,7 @@ function O0(e, t) {
     case n.STYLE:
     case n.TEMPLATE:
     case n.TITLE: {
-      e._err(t, b.abandonedHeadElementChild), e.openElements.push(e.headElement, n.HEAD), qe(e, t), e.openElements.remove(e.headElement);
+      e._err(t, b.abandonedHeadElementChild), e.openElements.push(e.headElement, n.HEAD), Ve(e, t), e.openElements.remove(e.headElement);
       break;
     }
     case n.HEAD: {
@@ -7801,7 +7801,7 @@ function q0(e, t) {
   e._reconstructActiveFormattingElements(), e._insertElement(t, N.HTML), e.activeFormattingElements.insertMarker(), e.framesetOk = !1;
 }
 function V0(e, t) {
-  e.treeAdapter.getDocumentMode(e.document) !== ye.QUIRKS && e.openElements.hasInButtonScope(n.P) && e._closePElement(), e._insertElement(t, N.HTML), e.framesetOk = !1, e.insertionMode = m.IN_TABLE;
+  e.treeAdapter.getDocumentMode(e.document) !== Re.QUIRKS && e.openElements.hasInButtonScope(n.P) && e._closePElement(), e._insertElement(t, N.HTML), e.framesetOk = !1, e.insertionMode = m.IN_TABLE;
 }
 function pu(e, t) {
   e._reconstructActiveFormattingElements(), e._appendElement(t, N.HTML), e.framesetOk = !1, t.ackSelfClosing = !0;
@@ -7968,7 +7968,7 @@ function ge(e, t) {
     case n.BGSOUND:
     case n.BASEFONT:
     case n.TEMPLATE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
     case n.BODY: {
@@ -8275,7 +8275,7 @@ function Ut(e, t) {
     case n.STYLE:
     case n.SCRIPT:
     case n.TEMPLATE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
     case n.COL: {
@@ -8397,7 +8397,7 @@ function os(e, t) {
       break;
     }
     case n.TEMPLATE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
     default:
@@ -8579,7 +8579,7 @@ function Su(e, t) {
     }
     case n.SCRIPT:
     case n.TEMPLATE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
   }
@@ -8624,7 +8624,7 @@ function Ld(e, t) {
     case n.STYLE:
     case n.TEMPLATE:
     case n.TITLE: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
     case n.CAPTION:
@@ -8690,7 +8690,7 @@ function Md(e, t) {
       break;
     }
     case n.NOFRAMES: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
   }
@@ -8705,7 +8705,7 @@ function kd(e, t) {
       break;
     }
     case n.NOFRAMES: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
   }
@@ -8726,7 +8726,7 @@ function Ud(e, t) {
       break;
     }
     case n.NOFRAMES: {
-      qe(e, t);
+      Ve(e, t);
       break;
     }
   }
@@ -8790,7 +8790,7 @@ const Vd = /* @__PURE__ */ new Set([
 function $d(e, t) {
   return t.treeAdapter.isElementNode(e) && t.treeAdapter.getNamespaceURI(e) === N.HTML && Vd.has(t.treeAdapter.getTagName(e));
 }
-const Wd = { treeAdapter: Je, scriptingEnabled: !0 };
+const Wd = { treeAdapter: et, scriptingEnabled: !0 };
 function Gd(e, t) {
   const a = { ...Wd, ...t };
   return Lu(e, a);
@@ -8866,11 +8866,11 @@ const nt = {
   // Re-exports from domhandler
   isCommentNode: Va,
   isElementNode: B,
-  isTextNode: Xe,
+  isTextNode: Qe,
   //Node construction
   createDocument() {
     const e = new It([]);
-    return e["x-mode"] = ye.NO_QUIRKS, e;
+    return e["x-mode"] = Re.NO_QUIRKS, e;
   },
   createDocumentFragment() {
     return new It([]);
@@ -8924,11 +8924,11 @@ const nt = {
   },
   insertText(e, t) {
     const a = e.children[e.children.length - 1];
-    a && Xe(a) ? a.data += t : nt.appendChild(e, nt.createTextNode(t));
+    a && Qe(a) ? a.data += t : nt.appendChild(e, nt.createTextNode(t));
   },
   insertTextBefore(e, t, a) {
     const i = e.children[e.children.indexOf(a) - 1];
-    i && Xe(i) ? i.data += t : nt.insertBefore(e, nt.createTextNode(t), a);
+    i && Qe(i) ? i.data += t : nt.insertBefore(e, nt.createTextNode(t), a);
   },
   adoptAttributes(e, t) {
     for (let a = 0; a < t.length; a++) {
@@ -9018,19 +9018,19 @@ var I;
 (function(e) {
   e[e.Text = 1] = "Text", e[e.BeforeTagName = 2] = "BeforeTagName", e[e.InTagName = 3] = "InTagName", e[e.InSelfClosingTag = 4] = "InSelfClosingTag", e[e.BeforeClosingTagName = 5] = "BeforeClosingTagName", e[e.InClosingTagName = 6] = "InClosingTagName", e[e.AfterClosingTagName = 7] = "AfterClosingTagName", e[e.BeforeAttributeName = 8] = "BeforeAttributeName", e[e.InAttributeName = 9] = "InAttributeName", e[e.AfterAttributeName = 10] = "AfterAttributeName", e[e.BeforeAttributeValue = 11] = "BeforeAttributeValue", e[e.InAttributeValueDq = 12] = "InAttributeValueDq", e[e.InAttributeValueSq = 13] = "InAttributeValueSq", e[e.InAttributeValueNq = 14] = "InAttributeValueNq", e[e.BeforeDeclaration = 15] = "BeforeDeclaration", e[e.InDeclaration = 16] = "InDeclaration", e[e.InProcessingInstruction = 17] = "InProcessingInstruction", e[e.BeforeComment = 18] = "BeforeComment", e[e.CDATASequence = 19] = "CDATASequence", e[e.InSpecialComment = 20] = "InSpecialComment", e[e.InCommentLike = 21] = "InCommentLike", e[e.BeforeSpecialS = 22] = "BeforeSpecialS", e[e.BeforeSpecialT = 23] = "BeforeSpecialT", e[e.SpecialStartSequence = 24] = "SpecialStartSequence", e[e.InSpecialTag = 25] = "InSpecialTag", e[e.InEntity = 26] = "InEntity";
 })(I || (I = {}));
-function Ze(e) {
+function Je(e) {
   return e === k.Space || e === k.NewLine || e === k.Tab || e === k.FormFeed || e === k.CarriageReturn;
 }
 function Ia(e) {
-  return e === k.Slash || e === k.Gt || Ze(e);
+  return e === k.Slash || e === k.Gt || Je(e);
 }
 function nh(e) {
   return e >= k.LowerA && e <= k.LowerZ || e >= k.UpperA && e <= k.UpperZ;
 }
-var Ge;
+var Xe;
 (function(e) {
   e[e.NoValue = 0] = "NoValue", e[e.Unquoted = 1] = "Unquoted", e[e.Single = 2] = "Single", e[e.Double = 3] = "Double";
-})(Ge || (Ge = {}));
+})(Xe || (Xe = {}));
 const pe = {
   Cdata: new Uint8Array([67, 68, 65, 84, 65, 91]),
   // CDATA[
@@ -9099,7 +9099,7 @@ class uh {
   /** Look for an end tag. For <title> tags, also decode entities. */
   stateInSpecialTag(t) {
     if (this.sequenceIndex === this.currentSequence.length) {
-      if (t === k.Gt || Ze(t)) {
+      if (t === k.Gt || Je(t)) {
         const a = this.index - this.currentSequence.length;
         if (this.sectionStart < a) {
           const i = this.index;
@@ -9164,31 +9164,31 @@ class uh {
     Ia(t) && (this.cbs.onopentagname(this.sectionStart, this.index), this.sectionStart = -1, this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t));
   }
   stateBeforeClosingTagName(t) {
-    Ze(t) || (t === k.Gt ? this.state = I.Text : (this.state = this.isTagStartChar(t) ? I.InClosingTagName : I.InSpecialComment, this.sectionStart = this.index));
+    Je(t) || (t === k.Gt ? this.state = I.Text : (this.state = this.isTagStartChar(t) ? I.InClosingTagName : I.InSpecialComment, this.sectionStart = this.index));
   }
   stateInClosingTagName(t) {
-    (t === k.Gt || Ze(t)) && (this.cbs.onclosetag(this.sectionStart, this.index), this.sectionStart = -1, this.state = I.AfterClosingTagName, this.stateAfterClosingTagName(t));
+    (t === k.Gt || Je(t)) && (this.cbs.onclosetag(this.sectionStart, this.index), this.sectionStart = -1, this.state = I.AfterClosingTagName, this.stateAfterClosingTagName(t));
   }
   stateAfterClosingTagName(t) {
     (t === k.Gt || this.fastForwardTo(k.Gt)) && (this.state = I.Text, this.sectionStart = this.index + 1);
   }
   stateBeforeAttributeName(t) {
-    t === k.Gt ? (this.cbs.onopentagend(this.index), this.isSpecial ? (this.state = I.InSpecialTag, this.sequenceIndex = 0) : this.state = I.Text, this.sectionStart = this.index + 1) : t === k.Slash ? this.state = I.InSelfClosingTag : Ze(t) || (this.state = I.InAttributeName, this.sectionStart = this.index);
+    t === k.Gt ? (this.cbs.onopentagend(this.index), this.isSpecial ? (this.state = I.InSpecialTag, this.sequenceIndex = 0) : this.state = I.Text, this.sectionStart = this.index + 1) : t === k.Slash ? this.state = I.InSelfClosingTag : Je(t) || (this.state = I.InAttributeName, this.sectionStart = this.index);
   }
   stateInSelfClosingTag(t) {
-    t === k.Gt ? (this.cbs.onselfclosingtag(this.index), this.state = I.Text, this.sectionStart = this.index + 1, this.isSpecial = !1) : Ze(t) || (this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t));
+    t === k.Gt ? (this.cbs.onselfclosingtag(this.index), this.state = I.Text, this.sectionStart = this.index + 1, this.isSpecial = !1) : Je(t) || (this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t));
   }
   stateInAttributeName(t) {
     (t === k.Eq || Ia(t)) && (this.cbs.onattribname(this.sectionStart, this.index), this.sectionStart = this.index, this.state = I.AfterAttributeName, this.stateAfterAttributeName(t));
   }
   stateAfterAttributeName(t) {
-    t === k.Eq ? this.state = I.BeforeAttributeValue : t === k.Slash || t === k.Gt ? (this.cbs.onattribend(Ge.NoValue, this.sectionStart), this.sectionStart = -1, this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t)) : Ze(t) || (this.cbs.onattribend(Ge.NoValue, this.sectionStart), this.state = I.InAttributeName, this.sectionStart = this.index);
+    t === k.Eq ? this.state = I.BeforeAttributeValue : t === k.Slash || t === k.Gt ? (this.cbs.onattribend(Xe.NoValue, this.sectionStart), this.sectionStart = -1, this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t)) : Je(t) || (this.cbs.onattribend(Xe.NoValue, this.sectionStart), this.state = I.InAttributeName, this.sectionStart = this.index);
   }
   stateBeforeAttributeValue(t) {
-    t === k.DoubleQuote ? (this.state = I.InAttributeValueDq, this.sectionStart = this.index + 1) : t === k.SingleQuote ? (this.state = I.InAttributeValueSq, this.sectionStart = this.index + 1) : Ze(t) || (this.sectionStart = this.index, this.state = I.InAttributeValueNq, this.stateInAttributeValueNoQuotes(t));
+    t === k.DoubleQuote ? (this.state = I.InAttributeValueDq, this.sectionStart = this.index + 1) : t === k.SingleQuote ? (this.state = I.InAttributeValueSq, this.sectionStart = this.index + 1) : Je(t) || (this.sectionStart = this.index, this.state = I.InAttributeValueNq, this.stateInAttributeValueNoQuotes(t));
   }
   handleInAttributeValue(t, a) {
-    t === a || !this.decodeEntities && this.fastForwardTo(a) ? (this.cbs.onattribdata(this.sectionStart, this.index), this.sectionStart = -1, this.cbs.onattribend(a === k.DoubleQuote ? Ge.Double : Ge.Single, this.index + 1), this.state = I.BeforeAttributeName) : this.decodeEntities && t === k.Amp && this.startEntity();
+    t === a || !this.decodeEntities && this.fastForwardTo(a) ? (this.cbs.onattribdata(this.sectionStart, this.index), this.sectionStart = -1, this.cbs.onattribend(a === k.DoubleQuote ? Xe.Double : Xe.Single, this.index + 1), this.state = I.BeforeAttributeName) : this.decodeEntities && t === k.Amp && this.startEntity();
   }
   stateInAttributeValueDoubleQuotes(t) {
     this.handleInAttributeValue(t, k.DoubleQuote);
@@ -9197,7 +9197,7 @@ class uh {
     this.handleInAttributeValue(t, k.SingleQuote);
   }
   stateInAttributeValueNoQuotes(t) {
-    Ze(t) || t === k.Gt ? (this.cbs.onattribdata(this.sectionStart, this.index), this.sectionStart = -1, this.cbs.onattribend(Ge.Unquoted, this.index), this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t)) : this.decodeEntities && t === k.Amp && this.startEntity();
+    Je(t) || t === k.Gt ? (this.cbs.onattribdata(this.sectionStart, this.index), this.sectionStart = -1, this.cbs.onattribend(Xe.Unquoted, this.index), this.state = I.BeforeAttributeName, this.stateBeforeAttributeName(t)) : this.decodeEntities && t === k.Amp && this.startEntity();
   }
   stateBeforeDeclaration(t) {
     t === k.OpeningSquareBracket ? (this.state = I.CDATASequence, this.sequenceIndex = 0) : this.state = t === k.Dash ? I.BeforeComment : I.InDeclaration;
@@ -9548,7 +9548,7 @@ class lh {
   /** @internal */
   onattribend(t, a) {
     var i, s;
-    this.endIndex = a, (s = (i = this.cbs).onattribute) === null || s === void 0 || s.call(i, this.attribname, this.attribvalue, t === Ge.Double ? '"' : t === Ge.Single ? "'" : t === Ge.NoValue ? void 0 : null), this.attribs && !Object.prototype.hasOwnProperty.call(this.attribs, this.attribname) && (this.attribs[this.attribname] = this.attribvalue), this.attribvalue = "";
+    this.endIndex = a, (s = (i = this.cbs).onattribute) === null || s === void 0 || s.call(i, this.attribname, this.attribvalue, t === Xe.Double ? '"' : t === Xe.Single ? "'" : t === Xe.NoValue ? void 0 : null), this.attribs && !Object.prototype.hasOwnProperty.call(this.attribs, this.attribname) && (this.attribs[this.attribname] = this.attribvalue), this.attribvalue = "";
   }
   getInstructionName(t) {
     const a = t.search(ch);
@@ -9694,7 +9694,7 @@ const fh = {
   "date-action": "1",
   contenteditable: "false",
   class: "text-red-500 text-xs mt-1"
-}, mh = /* @__PURE__ */ ze({
+}, mh = /* @__PURE__ */ Ke({
   __name: "ElementRenderer",
   props: {
     /**
@@ -9770,42 +9770,42 @@ const fh = {
   ],
   setup(e, { emit: t }) {
     const a = e, i = t, s = At(() => a.selectedElement === a.element), u = At(() => a.hoveredElement === a.element), r = $(!1), o = $(!1), c = $(""), d = At(() => a.element.rule.minText || 0), f = At(() => a.element.rule.maxText || 1 / 0);
-    et(
+    qe(
       () => a.r,
       () => {
         i("contentUpdated", V());
       },
       { immediate: !0 }
     );
-    function E(v) {
-      v.xpath != "/div[1]" && a.mode !== "preview" && (a.mode === "edit" ? v.type === z.Text && i("selectElement", v) : i("selectElement", v), !v.rule.isReadOnly && v.type === z.Text && (r.value = !0));
+    function E(D) {
+      D.xpath != "/div[1]" && a.mode !== "preview" && (a.mode === "edit" ? D.type === z.Text && i("selectElement", D) : i("selectElement", D), !D.rule.isReadOnly && D.type === z.Text && (r.value = !0));
     }
-    function T(v) {
-      i("selectElement", v);
+    function T(D) {
+      i("selectElement", D);
     }
-    function g(v, G) {
-      i("hoverElement", v, G);
+    function g(D, G) {
+      i("hoverElement", D, G);
     }
-    function C(v) {
-      i("hoverElement", v);
+    function C(D) {
+      i("hoverElement", D);
     }
-    function L(v) {
-      v.currentTarget.contains(v.relatedTarget) ? i("hoverElement", null) : a.hoveredElement ? i("hoverElement", null, a.hoveredElement.parentxpath) : i("hoverElement", null);
+    function L(D) {
+      D.currentTarget.contains(D.relatedTarget) ? i("hoverElement", null) : a.hoveredElement ? i("hoverElement", null, a.hoveredElement.parentxpath) : i("hoverElement", null);
     }
     function y() {
       r.value = !1, i("contentUpdated", V());
     }
     function V() {
-      function v(ne) {
-        const _e = Object.entries(ne.attrs || {}).map(([Fe, Et]) => `${Fe}="${Et}"`).join(" "), Ie = `<${ne.tag}${_e ? " " + _e : ""}>`, Ke = `</${ne.tag}>`, mt = (ne.children || []).map((Fe) => v(Fe)).join("");
-        return `${Ie}${ne.editText || ne.text || ""}${mt}${Ke}`;
+      function D(ne) {
+        const Ae = Object.entries(ne.attrs || {}).map(([Fe, Et]) => `${Fe}="${Et}"`).join(" "), Ie = `<${ne.tag}${Ae ? " " + Ae : ""}>`, Ze = `</${ne.tag}>`, mt = (ne.children || []).map((Fe) => D(Fe)).join("");
+        return `${Ie}${ne.editText || ne.text || ""}${mt}${Ze}`;
       }
-      return v(a.element);
+      return D(a.element);
     }
-    function F(v) {
+    function F(D) {
       var Ie;
-      v.stopPropagation();
-      const G = v.target, ne = ((Ie = G.firstChild) == null ? void 0 : Ie.nodeType) === Node.TEXT_NODE && G.firstChild.nodeValue || "";
+      D.stopPropagation();
+      const G = D.target, ne = ((Ie = G.firstChild) == null ? void 0 : Ie.nodeType) === Node.TEXT_NODE && G.firstChild.nodeValue || "";
       if (ne.length < d.value) {
         o.value = !0, c.value = `最少输入 ${d.value} 个字符`;
         return;
@@ -9815,21 +9815,21 @@ const fh = {
       } else
         o.value = !1, c.value = "";
       i("updateText", { element: a.element, newText: ne }), i("contentUpdated", V());
-      const _e = hn(a.element);
-      _e.editText = ne;
+      const Ae = hn(a.element);
+      Ae.editText = ne;
     }
-    function Y(v) {
-      i("updateText", v), i("contentUpdated", V());
+    function Y(D) {
+      i("updateText", D), i("contentUpdated", V());
     }
     function ee() {
-      const v = { ...a.element };
-      i("blockAction", { action: "add", element: a.element, newBlock: v });
+      const D = { ...a.element };
+      i("blockAction", { action: "add", element: a.element, newBlock: D });
     }
     function q() {
       _(a.element), i("blockAction", { action: "moveUp", element: a.element });
     }
-    function _(v) {
-      v.children && v.children.length > 0 && v.children.forEach((G) => {
+    function _(D) {
+      D.children && D.children.length > 0 && D.children.forEach((G) => {
         G.type == z.Text && (G.text !== G.editText && (G.text = G.editText), _(G));
       });
     }
@@ -9839,23 +9839,37 @@ const fh = {
     function Q() {
       i("blockAction", { action: "delete", element: a.element });
     }
-    function se(v) {
-      i("blockAction", v), i("contentUpdated", V());
+    function se(D) {
+      i("blockAction", D), i("contentUpdated", V());
     }
-    function be(v) {
-      Re.value.openModal(v);
+    function be(D) {
+      Le.value.openModal(D);
     }
-    function Be(v) {
-      Ce.value.openModal(v);
+    function Be(D) {
+      _e.value.openModal(D);
     }
-    function Ue(v, G) {
-      i("addIcon", v, G), i("contentUpdated", V());
+    function Ue(D, G) {
+      i("addIcon", D, G), i("contentUpdated", V());
     }
-    const Re = $(a.icon), Ce = $(a.upload);
-    return (v, G) => {
+    const Le = $(a.icon);
+    qe(
+      () => a.icon,
+      (D) => {
+        Le.value = D;
+      },
+      { immediate: !0 }
+    );
+    const _e = $(a.upload);
+    return qe(
+      () => a.upload,
+      (D) => {
+        _e.value = D;
+      },
+      { immediate: !0 }
+    ), (D, G) => {
       const ne = Qu("ElementRenderer", !0);
-      return D(), R(Zt, null, [
-        (D(), Ct(ju(a.element.tag), zu({
+      return v(), R(Zt, null, [
+        (v(), Ct(ju(a.element.tag), zu({
           class: [
             "relative",
             // 注意：这里使用了 relative 布局，可能会影响到样式
@@ -9872,21 +9886,21 @@ const fh = {
           ]
         }, a.element.attrs, {
           contenteditable: r.value,
-          onClick: G[2] || (G[2] = Le(() => E(a.element), ["stop"])),
+          onClick: G[2] || (G[2] = ye(() => E(a.element), ["stop"])),
           onMouseenter: G[3] || (G[3] = () => C(a.element)),
           onMouseleave: L,
           onBlur: y,
           onInput: F
         }), {
           default: Ya(() => [
-            Ei(Ne(a.element.text), 1),
-            a.element.children && a.element.children.length ? (D(), R(Zt, { key: 0 }, [
-              (D(!0), R(Zt, null, Fi(a.element.children, (_e, Ie) => (D(), Ct(ne, {
+            Ei(Ce(a.element.text), 1),
+            a.element.children && a.element.children.length ? (v(), R(Zt, { key: 0 }, [
+              (v(!0), R(Zt, null, Fi(a.element.children, (Ae, Ie) => (v(), Ct(ne, {
                 key: Ie,
                 r: e.r,
                 mode: e.mode,
                 icons: e.icons,
-                element: _e,
+                element: Ae,
                 selectedElement: a.selectedElement,
                 hoveredElement: a.hoveredElement,
                 cropper: e.cropper,
@@ -9899,52 +9913,52 @@ const fh = {
                 onBlockAction: se,
                 onAddIcon: Ue
               }, null, 8, ["r", "mode", "icons", "element", "selectedElement", "hoveredElement", "cropper", "icon", "upload", "upload-by-file"]))), 128)),
-              a.element.type === de(z).Block ? (D(), R("div", {
+              a.element.type === de(z).Block ? (v(), R("div", {
                 key: 0,
                 "date-action": "1",
                 contenteditable: "false",
-                onClick: G[0] || (G[0] = Le(() => {
+                onClick: G[0] || (G[0] = ye(() => {
                 }, ["stop"])),
                 class: "z-10 flex space-x-1 flex-none flex-nowrap overflow-visible absolute top-2"
               }, [
                 x("button", {
                   class: "flex-none px-2 py-1 bg-blue-500 text-white rounded",
-                  onClick: Le(ee, ["stop"])
+                  onClick: ye(ee, ["stop"])
                 }, " ＋ "),
                 x("button", {
                   class: "flex-none px-2 py-1 bg-gray-300 text-white rounded",
-                  onClick: Le(q, ["stop"])
+                  onClick: ye(q, ["stop"])
                 }, " ⬅️ "),
                 x("button", {
                   class: "flex-none px-2 py-1 bg-gray-300 text-white rounded",
-                  onClick: Le(w, ["stop"])
+                  onClick: ye(w, ["stop"])
                 }, " ➡️ "),
                 x("button", {
                   class: "flex-none px-2 py-1 bg-red-500 text-white rounded",
-                  onClick: Le(Q, ["stop"])
+                  onClick: ye(Q, ["stop"])
                 }, " ✖ ")
               ])) : H("", !0)
             ], 64)) : H("", !0),
-            a.element.type === de(z).Icon ? (D(), R("div", {
+            a.element.type === de(z).Icon ? (v(), R("div", {
               key: 1,
               class: "cursor-pointer rounded-sm w-5 h-5 flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm text-gray-50 z-10 bg-black/80",
               contenteditable: "false",
-              onClick: G[1] || (G[1] = Le(() => be(a.element), ["stop"]))
+              onClick: G[1] || (G[1] = ye(() => be(a.element), ["stop"]))
             }, " ↑ ")) : H("", !0)
           ]),
           _: 1
         }, 16, ["class", "contenteditable"])),
-        a.element.type == de(z).Text && o.value ? (D(), R("div", fh, Ne(c.value), 1)) : H("", !0),
-        a.element.type === de(z).Image ? (D(), R("div", {
+        a.element.type == de(z).Text && o.value ? (v(), R("div", fh, Ce(c.value), 1)) : H("", !0),
+        a.element.type === de(z).Image ? (v(), R("div", {
           key: 1,
           class: "cursor-pointer rounded-sm flex justify-center items-center absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-sm text-gray-50 z-10 bg-black/80",
-          onClick: G[5] || (G[5] = Le(() => {
+          onClick: G[5] || (G[5] = ye(() => {
           }, ["stop"])),
           contenteditable: "false"
         }, [
           x("div", {
             class: "p-2",
-            onClick: G[4] || (G[4] = Le(() => Be(a.element), ["stop"]))
+            onClick: G[4] || (G[4] = ye(() => Be(a.element), ["stop"]))
           }, "上传")
         ])) : H("", !0)
       ], 64);
@@ -9955,7 +9969,7 @@ const fh = {
   for (const [i, s] of t)
     a[i] = s;
   return a;
-}, Eh = /* @__PURE__ */ ft(mh, [["__scopeId", "data-v-822cc702"]]), Th = ze({
+}, Eh = /* @__PURE__ */ ft(mh, [["__scopeId", "data-v-a46039f1"]]), Th = Ke({
   name: "GpCheckbox",
   props: {
     modelValue: {
@@ -9977,7 +9991,7 @@ const fh = {
   }
 }), ph = { class: "form-group" }, bh = { class: "flex items-center space-x-2 cursor-pointer" }, gh = ["checked", "aria-checked"], _h = { class: "checkbox-label text-sm text-gray-700" };
 function Ah(e, t, a, i, s, u) {
-  return D(), R("div", ph, [
+  return v(), R("div", ph, [
     x("label", bh, [
       x("input", {
         type: "checkbox",
@@ -9986,11 +10000,11 @@ function Ah(e, t, a, i, s, u) {
         class: "custom-checkbox",
         "aria-checked": e.modelValue
       }, null, 40, gh),
-      x("span", _h, Ne(e.label), 1)
+      x("span", _h, Ce(e.label), 1)
     ])
   ]);
 }
-const Gt = /* @__PURE__ */ ft(Th, [["render", Ah], ["__scopeId", "data-v-68b8f276"]]), Nh = ze({
+const Gt = /* @__PURE__ */ ft(Th, [["render", Ah], ["__scopeId", "data-v-68b8f276"]]), Nh = Ke({
   name: "GpMessage",
   props: {
     message: {
@@ -10057,21 +10071,21 @@ const Gt = /* @__PURE__ */ ft(Th, [["render", Ah], ["__scopeId", "data-v-68b8f27
   class: "text-yellow-500"
 };
 function vh(e, t, a, i, s, u) {
-  return D(), Ct(Ku, { name: "fade" }, {
+  return v(), Ct(Ku, { name: "fade" }, {
     default: Ya(() => [
-      e.visible ? (D(), R("div", Ch, [
+      e.visible ? (v(), R("div", Ch, [
         x("div", {
           class: fn([e.typeClass, "message-content"])
         }, [
-          e.icon ? (D(), R("span", Ih, [
+          e.icon ? (v(), R("span", Ih, [
             Jt(e.$slots, "icon", {}, () => [
-              e.type === "success" ? (D(), R("span", Sh, "✔")) : H("", !0),
-              e.type === "error" ? (D(), R("span", xh, "✖")) : H("", !0),
-              e.type === "info" ? (D(), R("span", Oh, "ℹ")) : H("", !0),
-              e.type === "warning" ? (D(), R("span", Dh, "⚠")) : H("", !0)
+              e.type === "success" ? (v(), R("span", Sh, "✔")) : H("", !0),
+              e.type === "error" ? (v(), R("span", xh, "✖")) : H("", !0),
+              e.type === "info" ? (v(), R("span", Oh, "ℹ")) : H("", !0),
+              e.type === "warning" ? (v(), R("span", Dh, "⚠")) : H("", !0)
             ], !0)
           ])) : H("", !0),
-          x("span", null, Ne(e.message), 1),
+          x("span", null, Ce(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))
@@ -10170,7 +10184,7 @@ Z.warning = (e, t = 3e3, a = !0) => {
     icon: a
   } : { ...e, type: "warning" });
 };
-const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh = { class: "text-gray-500 my-2" }, Uh = { key: 1 }, Fh = { key: 2 }, Hh = { key: 3 }, Yh = { key: 4 }, qh = { key: 5 }, Vh = { key: 6 }, $h = { key: 7 }, Wh = { key: 8 }, Gh = { key: 9 }, Xh = { key: 10 }, Qh = /* @__PURE__ */ ze({
+const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh = { class: "text-gray-500 my-2" }, Uh = { key: 1 }, Fh = { key: 2 }, Hh = { key: 3 }, Yh = { key: 4 }, qh = { key: 5 }, Vh = { key: 6 }, $h = { key: 7 }, Wh = { key: 8 }, Gh = { key: 9 }, Xh = { key: 10 }, Qh = /* @__PURE__ */ Ke({
   __name: "EditorPanel",
   props: {
     element: Object
@@ -10178,7 +10192,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
   emits: ["updateElement"],
   setup(e, { emit: t }) {
     const a = e, i = t, s = $({ rule: {}, ...a.element });
-    et(
+    qe(
       () => a.element,
       (r) => {
         s.value = { rule: {}, ...r };
@@ -10228,15 +10242,15 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
       }
       i("updateElement", s.value);
     }
-    return (r, o) => (D(), R("div", null, [
-      s.value ? (D(), R("div", Ph, [
-        s.value.text !== void 0 ? (D(), R("div", kh, [
+    return (r, o) => (v(), R("div", null, [
+      s.value ? (v(), R("div", Ph, [
+        s.value.text !== void 0 ? (v(), R("div", kh, [
           o[13] || (o[13] = x("label", { class: "block" }, "内容", -1)),
-          x("div", wh, Ne(s.value.text || "-"), 1)
+          x("div", wh, Ce(s.value.text || "-"), 1)
         ])) : H("", !0),
         x("div", null, [
           o[14] || (o[14] = x("label", { class: "block mt-4" }, "节点", -1)),
-          x("div", Bh, Ne(s.value.xpath), 1)
+          x("div", Bh, Ce(s.value.xpath), 1)
         ]),
         x("div", null, [
           o[16] || (o[16] = x("label", { class: "block mt-4" }, "类型", -1)),
@@ -10256,7 +10270,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [er, s.value.type]
           ])
         ]),
-        s.value.type == de(z).Text ? (D(), R("div", Uh, [
+        s.value.type == de(z).Text ? (v(), R("div", Uh, [
           o[17] || (o[17] = x("label", { class: "block mt-4" }, "最小文本长度", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[1] || (o[1] = (c) => s.value.rule.minText = c),
@@ -10265,7 +10279,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.minText]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Text ? (D(), R("div", Fh, [
+        s.value.type == de(z).Text ? (v(), R("div", Fh, [
           o[18] || (o[18] = x("label", { class: "block mt-4" }, "最大文本长度", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[2] || (o[2] = (c) => s.value.rule.maxText = c),
@@ -10274,7 +10288,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.maxText]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Image ? (D(), R("div", Hh, [
+        s.value.type == de(z).Image ? (v(), R("div", Hh, [
           o[19] || (o[19] = x("label", { class: "block mt-4" }, "是否裁剪", -1)),
           ut(Gt, {
             class: "py-2",
@@ -10283,7 +10297,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             label: "是"
           }, null, 8, ["modelValue"])
         ])) : H("", !0),
-        s.value.type == de(z).Image ? (D(), R("div", Yh, [
+        s.value.type == de(z).Image ? (v(), R("div", Yh, [
           o[20] || (o[20] = x("label", { class: "block mt-4" }, "图片宽度", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[4] || (o[4] = (c) => s.value.rule.minImageWidth = c),
@@ -10292,7 +10306,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.minImageWidth]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Image ? (D(), R("div", qh, [
+        s.value.type == de(z).Image ? (v(), R("div", qh, [
           o[21] || (o[21] = x("label", { class: "block mt-4" }, "图片高度", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[5] || (o[5] = (c) => s.value.rule.maxImageHeight = c),
@@ -10301,7 +10315,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.maxImageHeight]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Block ? (D(), R("div", Vh, [
+        s.value.type == de(z).Block ? (v(), R("div", Vh, [
           o[22] || (o[22] = x("label", { class: "block mt-4" }, "块最小数量", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[6] || (o[6] = (c) => s.value.rule.minBlock = c),
@@ -10310,7 +10324,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.minBlock]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Block ? (D(), R("div", $h, [
+        s.value.type == de(z).Block ? (v(), R("div", $h, [
           o[23] || (o[23] = x("label", { class: "block mt-4" }, "块最大数量", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[7] || (o[7] = (c) => s.value.rule.maxBlock = c),
@@ -10319,7 +10333,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             [Tt, s.value.rule.maxBlock]
           ])
         ])) : H("", !0),
-        s.value.type == de(z).Text || s.value.type == de(z).Icon || s.value.type == de(z).Button ? (D(), R("div", Wh, [
+        s.value.type == de(z).Text || s.value.type == de(z).Icon || s.value.type == de(z).Button ? (v(), R("div", Wh, [
           o[24] || (o[24] = x("label", { class: "block mt-4" }, "主题色", -1)),
           ut(Gt, {
             class: "py-2",
@@ -10346,7 +10360,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             label: "是"
           }, null, 8, ["modelValue"])
         ]),
-        s.value.type == de(z).Link || s.value.type == de(z).Button ? (D(), R("div", Gh, [
+        s.value.type == de(z).Link || s.value.type == de(z).Button ? (v(), R("div", Gh, [
           o[27] || (o[27] = x("label", { class: "block mt-4" }, "打开美洽", -1)),
           ut(Gt, {
             class: "py-2",
@@ -10355,7 +10369,7 @@ const Ph = { key: 0 }, kh = { key: 0 }, wh = { class: "text-gray-500 my-2" }, Bh
             label: "是"
           }, null, 8, ["modelValue"])
         ])) : H("", !0),
-        s.value.type == de(z).Link || s.value.type == de(z).Button ? (D(), R("div", Xh, [
+        s.value.type == de(z).Link || s.value.type == de(z).Button ? (v(), R("div", Xh, [
           o[28] || (o[28] = x("label", { class: "block mt-4" }, "链接", -1)),
           at(x("input", {
             "onUpdate:modelValue": o[12] || (o[12] = (c) => s.value.rule.linkUrl = c),
@@ -10473,7 +10487,7 @@ function sf() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-var ei = typeof window < "u" && typeof window.document < "u", je = ei ? window : {}, cs = ei && je.document.documentElement ? "ontouchstart" in je.document.documentElement : !1, ls = ei ? "PointerEvent" in je : !1, ae = "cropper", ds = "all", ku = "crop", wu = "move", Bu = "zoom", bt = "e", gt = "w", Lt = "s", it = "n", Xt = "ne", Qt = "nw", jt = "se", zt = "sw", yi = "".concat(ae, "-crop"), Ks = "".concat(ae, "-disabled"), De = "".concat(ae, "-hidden"), Zs = "".concat(ae, "-hide"), nf = "".concat(ae, "-invisible"), Ha = "".concat(ae, "-modal"), Ri = "".concat(ae, "-move"), fa = "".concat(ae, "Action"), Sa = "".concat(ae, "Preview"), hs = "crop", Uu = "move", Fu = "none", Mi = "crop", Pi = "cropend", ki = "cropmove", wi = "cropstart", Js = "dblclick", uf = cs ? "touchstart" : "mousedown", rf = cs ? "touchmove" : "mousemove", of = cs ? "touchend touchcancel" : "mouseup", en = ls ? "pointerdown" : uf, tn = ls ? "pointermove" : rf, an = ls ? "pointerup pointercancel" : of, sn = "ready", nn = "resize", un = "wheel", Bi = "zoom", rn = "image/jpeg", cf = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/, lf = /^data:/, df = /^data:image\/jpeg;base64,/, hf = /^img|canvas$/i, Hu = 200, Yu = 100, on = {
+var ei = typeof window < "u" && typeof window.document < "u", ze = ei ? window : {}, cs = ei && ze.document.documentElement ? "ontouchstart" in ze.document.documentElement : !1, ls = ei ? "PointerEvent" in ze : !1, ae = "cropper", ds = "all", ku = "crop", wu = "move", Bu = "zoom", bt = "e", gt = "w", Lt = "s", it = "n", Xt = "ne", Qt = "nw", jt = "se", zt = "sw", yi = "".concat(ae, "-crop"), Ks = "".concat(ae, "-disabled"), De = "".concat(ae, "-hidden"), Zs = "".concat(ae, "-hide"), nf = "".concat(ae, "-invisible"), Ha = "".concat(ae, "-modal"), Ri = "".concat(ae, "-move"), fa = "".concat(ae, "Action"), Sa = "".concat(ae, "Preview"), hs = "crop", Uu = "move", Fu = "none", Mi = "crop", Pi = "cropend", ki = "cropmove", wi = "cropstart", Js = "dblclick", uf = cs ? "touchstart" : "mousedown", rf = cs ? "touchmove" : "mousemove", of = cs ? "touchend touchcancel" : "mouseup", en = ls ? "pointerdown" : uf, tn = ls ? "pointermove" : rf, an = ls ? "pointerup pointercancel" : of, sn = "ready", nn = "resize", un = "wheel", Bi = "zoom", rn = "image/jpeg", cf = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/, lf = /^data:/, df = /^data:image\/jpeg;base64,/, hf = /^img|canvas$/i, Hu = 200, Yu = 100, on = {
   // Define the view mode of the cropper
   viewMode: 0,
   // 0, 1, 2, 3
@@ -10544,7 +10558,7 @@ var ei = typeof window < "u" && typeof window.document < "u", je = ei ? window :
   cropend: null,
   crop: null,
   zoom: null
-}, ff = '<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>', mf = Number.isNaN || je.isNaN;
+}, ff = '<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>', mf = Number.isNaN || ze.isNaN;
 function X(e) {
   return typeof e == "number" && !mf(e);
 }
@@ -10621,11 +10635,11 @@ function me(e, t) {
     a ? a.indexOf(t) < 0 && (e.className = "".concat(a, " ").concat(t)) : e.className = t;
   }
 }
-function Qe(e, t) {
+function je(e, t) {
   if (t) {
     if (X(e.length)) {
       ce(e, function(a) {
-        Qe(a, t);
+        je(a, t);
       });
       return;
     }
@@ -10644,7 +10658,7 @@ function Rt(e, t, a) {
       });
       return;
     }
-    a ? me(e, t) : Qe(e, t);
+    a ? me(e, t) : je(e, t);
   }
 }
 var _f = /([a-z\d])([A-Z])/g;
@@ -10690,7 +10704,7 @@ var Vu = /\s\s*/, $u = function() {
         t = u;
       }
     });
-    je.addEventListener("test", a, i), je.removeEventListener("test", a, i);
+    ze.addEventListener("test", a, i), ze.removeEventListener("test", a, i);
   }
   return e;
 }();
@@ -10734,7 +10748,7 @@ function Wu(e) {
     top: t.top + (window.pageYOffset - document.documentElement.clientTop)
   };
 }
-var mi = je.location, Nf = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
+var mi = ze.location, Nf = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
 function ln(e) {
   var t = e.match(Nf);
   return t !== null && (t[1] !== mi.protocol || t[2] !== mi.hostname || t[3] !== mi.port);
@@ -10810,26 +10824,26 @@ function Sf(e) {
   };
 }
 function xf(e, t, a, i) {
-  var s = t.aspectRatio, u = t.naturalWidth, r = t.naturalHeight, o = t.rotate, c = o === void 0 ? 0 : o, d = t.scaleX, f = d === void 0 ? 1 : d, E = t.scaleY, T = E === void 0 ? 1 : E, g = a.aspectRatio, C = a.naturalWidth, L = a.naturalHeight, y = i.fillColor, V = y === void 0 ? "transparent" : y, F = i.imageSmoothingEnabled, Y = F === void 0 ? !0 : F, ee = i.imageSmoothingQuality, q = ee === void 0 ? "low" : ee, _ = i.maxWidth, w = _ === void 0 ? 1 / 0 : _, Q = i.maxHeight, se = Q === void 0 ? 1 / 0 : Q, be = i.minWidth, Be = be === void 0 ? 0 : be, Ue = i.minHeight, Re = Ue === void 0 ? 0 : Ue, Ce = document.createElement("canvas"), v = Ce.getContext("2d"), G = lt({
+  var s = t.aspectRatio, u = t.naturalWidth, r = t.naturalHeight, o = t.rotate, c = o === void 0 ? 0 : o, d = t.scaleX, f = d === void 0 ? 1 : d, E = t.scaleY, T = E === void 0 ? 1 : E, g = a.aspectRatio, C = a.naturalWidth, L = a.naturalHeight, y = i.fillColor, V = y === void 0 ? "transparent" : y, F = i.imageSmoothingEnabled, Y = F === void 0 ? !0 : F, ee = i.imageSmoothingQuality, q = ee === void 0 ? "low" : ee, _ = i.maxWidth, w = _ === void 0 ? 1 / 0 : _, Q = i.maxHeight, se = Q === void 0 ? 1 / 0 : Q, be = i.minWidth, Be = be === void 0 ? 0 : be, Ue = i.minHeight, Le = Ue === void 0 ? 0 : Ue, _e = document.createElement("canvas"), D = _e.getContext("2d"), G = lt({
     aspectRatio: g,
     width: w,
     height: se
   }), ne = lt({
     aspectRatio: g,
     width: Be,
-    height: Re
-  }, "cover"), _e = Math.min(G.width, Math.max(ne.width, C)), Ie = Math.min(G.height, Math.max(ne.height, L)), Ke = lt({
+    height: Le
+  }, "cover"), Ae = Math.min(G.width, Math.max(ne.width, C)), Ie = Math.min(G.height, Math.max(ne.height, L)), Ze = lt({
     aspectRatio: s,
     width: w,
     height: se
   }), mt = lt({
     aspectRatio: s,
     width: Be,
-    height: Re
-  }, "cover"), Fe = Math.min(Ke.width, Math.max(mt.width, u)), Et = Math.min(Ke.height, Math.max(mt.height, r)), ga = [-Fe / 2, -Et / 2, Fe, Et];
-  return Ce.width = kt(_e), Ce.height = kt(Ie), v.fillStyle = V, v.fillRect(0, 0, _e, Ie), v.save(), v.translate(_e / 2, Ie / 2), v.rotate(c * Math.PI / 180), v.scale(f, T), v.imageSmoothingEnabled = Y, v.imageSmoothingQuality = q, v.drawImage.apply(v, [e].concat(Pu(ga.map(function(_a) {
+    height: Le
+  }, "cover"), Fe = Math.min(Ze.width, Math.max(mt.width, u)), Et = Math.min(Ze.height, Math.max(mt.height, r)), ga = [-Fe / 2, -Et / 2, Fe, Et];
+  return _e.width = kt(Ae), _e.height = kt(Ie), D.fillStyle = V, D.fillRect(0, 0, Ae, Ie), D.save(), D.translate(Ae / 2, Ie / 2), D.rotate(c * Math.PI / 180), D.scale(f, T), D.imageSmoothingEnabled = Y, D.imageSmoothingQuality = q, D.drawImage.apply(D, [e].concat(Pu(ga.map(function(_a) {
     return Math.floor(kt(_a));
-  })))), v.restore(), Ce;
+  })))), D.restore(), _e;
 }
 var Gu = String.fromCharCode;
 function Of(e, t, a) {
@@ -10923,7 +10937,7 @@ var Mf = {
   },
   initContainer: function() {
     var t = this.element, a = this.options, i = this.container, s = this.cropper, u = Number(a.minContainerWidth), r = Number(a.minContainerHeight);
-    me(s, De), Qe(t, De);
+    me(s, De), je(t, De);
     var o = {
       width: Math.max(i.offsetWidth, u >= 0 ? u : Hu),
       height: Math.max(i.offsetHeight, r >= 0 ? r : Yu)
@@ -10931,7 +10945,7 @@ var Mf = {
     this.containerData = o, ct(s, {
       width: o.width,
       height: o.height
-    }), me(t, De), Qe(s, De);
+    }), me(t, De), je(s, De);
   },
   // Canvas (image wrapper)
   initCanvas: function() {
@@ -11256,7 +11270,7 @@ var Mf = {
           Y = !1;
           break;
         }
-        ee = Wu(this.cropper), d = q.startX - ee.left, f = q.startY - ee.top, E = u.minWidth, T = u.minHeight, _.x > 0 ? o = _.y > 0 ? jt : Xt : _.x < 0 && (d -= E, o = _.y > 0 ? zt : Qt), _.y < 0 && (f -= T), this.cropped || (Qe(this.cropBox, De), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
+        ee = Wu(this.cropper), d = q.startX - ee.left, f = q.startY - ee.top, E = u.minWidth, T = u.minHeight, _.x > 0 ? o = _.y > 0 ? jt : Xt : _.x < 0 && (d -= E, o = _.y > 0 ? zt : Qt), _.y < 0 && (f -= T), this.cropped || (je(this.cropBox, De), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
         break;
     }
     Y && (u.width = E, u.height = T, u.left = d, u.top = f, this.action = o, this.renderCropBox()), ce(r, function(Q) {
@@ -11266,7 +11280,7 @@ var Mf = {
 }, Uf = {
   // Show the crop box manually
   crop: function() {
-    return this.ready && !this.cropped && !this.disabled && (this.cropped = !0, this.limitCropBox(!0, !0), this.options.modal && me(this.dragBox, Ha), Qe(this.cropBox, De), this.setCropBoxData(this.initialCropBoxData)), this;
+    return this.ready && !this.cropped && !this.disabled && (this.cropped = !0, this.limitCropBox(!0, !0), this.options.modal && me(this.dragBox, Ha), je(this.cropBox, De), this.setCropBoxData(this.initialCropBoxData)), this;
   },
   // Reset the image and crop box to their initial states
   reset: function() {
@@ -11279,7 +11293,7 @@ var Mf = {
       top: 0,
       width: 0,
       height: 0
-    }), this.cropped = !1, this.renderCropBox(), this.limitCanvas(!0, !0), this.renderCanvas(), Qe(this.dragBox, Ha), me(this.cropBox, De)), this;
+    }), this.cropped = !1, this.renderCropBox(), this.limitCanvas(!0, !0), this.renderCanvas(), je(this.dragBox, Ha), me(this.cropBox, De)), this;
   },
   /**
    * Replace the image's src and rebuild the cropper
@@ -11295,7 +11309,7 @@ var Mf = {
   },
   // Enable (unfreeze) the cropper
   enable: function() {
-    return this.ready && this.disabled && (this.disabled = !1, Qe(this.cropper, Ks)), this;
+    return this.ready && this.disabled && (this.disabled = !1, je(this.cropper, Ks)), this;
   },
   // Disable (freeze) the cropper
   disable: function() {
@@ -11543,14 +11557,14 @@ var Mf = {
     y.width = kt(C), y.height = kt(L), V.fillStyle = t.fillColor || "transparent", V.fillRect(0, 0, C, L);
     var F = t.imageSmoothingEnabled, Y = F === void 0 ? !0 : F, ee = t.imageSmoothingQuality;
     V.imageSmoothingEnabled = Y, ee && (V.imageSmoothingQuality = ee);
-    var q = i.width, _ = i.height, w = u, Q = r, se, be, Be, Ue, Re, Ce;
-    w <= -o || w > q ? (w = 0, se = 0, Be = 0, Re = 0) : w <= 0 ? (Be = -w, w = 0, se = Math.min(q, o + w), Re = se) : w <= q && (Be = 0, se = Math.min(o, q - w), Re = se), se <= 0 || Q <= -c || Q > _ ? (Q = 0, be = 0, Ue = 0, Ce = 0) : Q <= 0 ? (Ue = -Q, Q = 0, be = Math.min(_, c + Q), Ce = be) : Q <= _ && (Ue = 0, be = Math.min(c, _ - Q), Ce = be);
-    var v = [w, Q, se, be];
-    if (Re > 0 && Ce > 0) {
+    var q = i.width, _ = i.height, w = u, Q = r, se, be, Be, Ue, Le, _e;
+    w <= -o || w > q ? (w = 0, se = 0, Be = 0, Le = 0) : w <= 0 ? (Be = -w, w = 0, se = Math.min(q, o + w), Le = se) : w <= q && (Be = 0, se = Math.min(o, q - w), Le = se), se <= 0 || Q <= -c || Q > _ ? (Q = 0, be = 0, Ue = 0, _e = 0) : Q <= 0 ? (Ue = -Q, Q = 0, be = Math.min(_, c + Q), _e = be) : Q <= _ && (Ue = 0, be = Math.min(c, _ - Q), _e = be);
+    var D = [w, Q, se, be];
+    if (Le > 0 && _e > 0) {
       var G = C / o;
-      v.push(Be * G, Ue * G, Re * G, Ce * G);
+      D.push(Be * G, Ue * G, Le * G, _e * G);
     }
-    return V.drawImage.apply(V, [i].concat(Pu(v.map(function(ne) {
+    return V.drawImage.apply(V, [i].concat(Pu(D.map(function(ne) {
       return Math.floor(kt(ne));
     })))), y;
   },
@@ -11576,7 +11590,7 @@ var Mf = {
     }
     return this;
   }
-}, Ff = je.Cropper, Xu = /* @__PURE__ */ function() {
+}, Ff = ze.Cropper, Xu = /* @__PURE__ */ function() {
   function e(t) {
     var a = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
     if (Kh(this, e), !t || !hf.test(t.tagName))
@@ -11645,7 +11659,7 @@ var Mf = {
     value: function() {
       var a = this, i = this.image;
       i.onload = null, i.onerror = null, this.sizing = !0;
-      var s = je.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(je.navigator.userAgent), u = function(d, f) {
+      var s = ze.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(ze.navigator.userAgent), u = function(d, f) {
         ie(a.imageData, {
           naturalWidth: d,
           naturalHeight: f,
@@ -11674,7 +11688,7 @@ var Mf = {
         var a = this.element, i = this.options, s = this.image, u = a.parentNode, r = document.createElement("div");
         r.innerHTML = ff;
         var o = r.querySelector(".".concat(ae, "-container")), c = o.querySelector(".".concat(ae, "-canvas")), d = o.querySelector(".".concat(ae, "-drag-box")), f = o.querySelector(".".concat(ae, "-crop-box")), E = f.querySelector(".".concat(ae, "-face"));
-        this.container = u, this.cropper = o, this.canvas = c, this.dragBox = d, this.cropBox = f, this.viewBox = o.querySelector(".".concat(ae, "-view-box")), this.face = E, c.appendChild(s), me(a, De), u.insertBefore(o, a.nextSibling), Qe(s, Zs), this.initPreview(), this.bind(), i.initialAspectRatio = Math.max(0, i.initialAspectRatio) || NaN, i.aspectRatio = Math.max(0, i.aspectRatio) || NaN, i.viewMode = Math.max(0, Math.min(3, Math.round(i.viewMode))) || 0, me(f, De), i.guides || me(f.getElementsByClassName("".concat(ae, "-dashed")), De), i.center || me(f.getElementsByClassName("".concat(ae, "-center")), De), i.background && me(o, "".concat(ae, "-bg")), i.highlight || me(E, nf), i.cropBoxMovable && (me(E, Ri), ma(E, fa, ds)), i.cropBoxResizable || (me(f.getElementsByClassName("".concat(ae, "-line")), De), me(f.getElementsByClassName("".concat(ae, "-point")), De)), this.render(), this.ready = !0, this.setDragMode(i.dragMode), i.autoCrop && this.crop(), this.setData(i.data), xe(i.ready) && Pe(a, sn, i.ready, {
+        this.container = u, this.cropper = o, this.canvas = c, this.dragBox = d, this.cropBox = f, this.viewBox = o.querySelector(".".concat(ae, "-view-box")), this.face = E, c.appendChild(s), me(a, De), u.insertBefore(o, a.nextSibling), je(s, Zs), this.initPreview(), this.bind(), i.initialAspectRatio = Math.max(0, i.initialAspectRatio) || NaN, i.aspectRatio = Math.max(0, i.aspectRatio) || NaN, i.viewMode = Math.max(0, Math.min(3, Math.round(i.viewMode))) || 0, me(f, De), i.guides || me(f.getElementsByClassName("".concat(ae, "-dashed")), De), i.center || me(f.getElementsByClassName("".concat(ae, "-center")), De), i.background && me(o, "".concat(ae, "-bg")), i.highlight || me(E, nf), i.cropBoxMovable && (me(E, Ri), ma(E, fa, ds)), i.cropBoxResizable || (me(f.getElementsByClassName("".concat(ae, "-line")), De), me(f.getElementsByClassName("".concat(ae, "-point")), De)), this.render(), this.ready = !0, this.setDragMode(i.dragMode), i.autoCrop && this.crop(), this.setData(i.data), xe(i.ready) && Pe(a, sn, i.ready, {
           once: !0
         }), wt(a, sn);
       }
@@ -11685,7 +11699,7 @@ var Mf = {
       if (this.ready) {
         this.ready = !1, this.unbind(), this.resetPreview();
         var a = this.cropper.parentNode;
-        a && a.removeChild(this.cropper), Qe(this.element, De);
+        a && a.removeChild(this.cropper), je(this.element, De);
       }
     }
   }, {
@@ -11740,7 +11754,7 @@ const qf = {
 }, a1 = ["src"], i1 = {
   class: "flex flex-col items-center",
   style: { width: "300px", height: "300px" }
-}, s1 = { class: "text-[#999] mt-05 flex justify-center mt-4" }, n1 = { class: "w-full flex justify-end space-x-5 mt-5 px-6" }, u1 = ["loading"], r1 = /* @__PURE__ */ ze({
+}, s1 = { class: "text-[#999] mt-05 flex justify-center mt-4" }, n1 = { class: "w-full flex justify-end space-x-5 mt-5 px-6" }, u1 = ["loading"], r1 = /* @__PURE__ */ Ke({
   __name: "index",
   emits: ["cancel", "ok"],
   setup(e, { expose: t, emit: a }) {
@@ -11861,13 +11875,13 @@ const qf = {
     }
     return t({ handleCloseCropper: y, handleOpenCropper: L }), (q, _) => {
       var w, Q, se;
-      return g.value ? (D(), R("div", qf, [
+      return g.value ? (v(), R("div", qf, [
         x("div", Vf, [
           x("div", $f, [
             _[1] || (_[1] = x("span", { class: "text-base font-semibold text-[#333]" }, "图片裁剪", -1)),
             x("span", {
               class: "text-lg cursor-pointer text-[#999] iconfont icon-shanchu2",
-              onClick: Le(F, ["stop"])
+              onClick: ye(F, ["stop"])
             })
           ]),
           x("div", Wf, [
@@ -11880,7 +11894,7 @@ const qf = {
                         x("input", {
                           type: "file",
                           accept: "image/*",
-                          onClick: _[0] || (_[0] = Le(() => {
+                          onClick: _[0] || (_[0] = ye(() => {
                           }, ["stop"])),
                           contenteditable: "false",
                           ref: "fileInput",
@@ -11897,7 +11911,7 @@ const qf = {
                     x("div", Zf, [
                       x("div", Jf, [
                         x("div", e1, [
-                          c.value.image ? H("", !0) : (D(), R("div", t1, " 请上传图片 ")),
+                          c.value.image ? H("", !0) : (v(), R("div", t1, " 请上传图片 ")),
                           x("img", {
                             id: "imgId",
                             src: c.value.image,
@@ -11907,7 +11921,7 @@ const qf = {
                       ]),
                       x("div", i1, [
                         _[4] || (_[4] = x("div", { class: "before w-[270px] h-[200px] pr-[70px] border" }, null, -1)),
-                        x("div", s1, " 预览画像 " + Ne(((w = u.value) == null ? void 0 : w.width) || "") + " " + Ne((Q = u.value) != null && Q.width ? "x" : "") + " " + Ne(((se = u.value) == null ? void 0 : se.height) || ""), 1)
+                        x("div", s1, " 预览画像 " + Ce(((w = u.value) == null ? void 0 : w.width) || "") + " " + Ce((Q = u.value) != null && Q.width ? "x" : "") + " " + Ce(((se = u.value) == null ? void 0 : se.height) || ""), 1)
                       ])
                     ])
                   ])
@@ -11931,7 +11945,7 @@ const qf = {
       ])) : H("", !0);
     };
   }
-}), o1 = ze({
+}), o1 = Ke({
   name: "CustomIcon",
   props: {
     iconName: {
@@ -11946,12 +11960,12 @@ const qf = {
   }
 });
 function c1(e, t, a, i, s, u) {
-  return D(), R("span", {
+  return v(), R("span", {
     style: { position: "unset", color: "unset", top: "unset", left: "unset", right: "unset", transform: "unset", "font-size": "unset" },
     class: fn(`iconfont icon-${e.iconClass} text-4xl overflow-hidden flex justify-center items-center`)
   }, null, 2);
 }
-const l1 = /* @__PURE__ */ ft(o1, [["render", c1]]), d1 = ze({
+const l1 = /* @__PURE__ */ ft(o1, [["render", c1]]), d1 = Ke({
   name: "GpModal",
   props: {
     visible: {
@@ -12010,16 +12024,16 @@ const l1 = /* @__PURE__ */ ft(o1, [["render", c1]]), d1 = ze({
   class: "p-4 border-t border-gray-200 flex justify-end space-x-2"
 };
 function p1(e, t, a, i, s, u) {
-  return e.visible ? (D(), R("div", {
+  return e.visible ? (v(), R("div", {
     key: 0,
     class: "fixed inset-0 z-[99999] flex items-center justify-center bg-gray-900 bg-opacity-50",
-    onClick: t[3] || (t[3] = Le((...r) => e.onClose && e.onClose(...r), ["self"]))
+    onClick: t[3] || (t[3] = ye((...r) => e.onClose && e.onClose(...r), ["self"]))
   }, [
     x("div", h1, [
       x("div", f1, [
-        e.title ? (D(), R("h3", m1, Ne(e.title), 1)) : H("", !0),
+        e.title ? (v(), R("h3", m1, Ce(e.title), 1)) : H("", !0),
         Jt(e.$slots, "header"),
-        e.showCloseButton ? (D(), R("button", {
+        e.showCloseButton ? (v(), R("button", {
           key: 1,
           class: "text-gray-400 hover:text-gray-600",
           onClick: t[0] || (t[0] = (...r) => e.onClose && e.onClose(...r)),
@@ -12042,24 +12056,24 @@ function p1(e, t, a, i, s, u) {
       x("div", E1, [
         Jt(e.$slots, "default")
       ]),
-      e.showCancelButton || e.showOkButton ? (D(), R("div", T1, [
+      e.showCancelButton || e.showOkButton ? (v(), R("div", T1, [
         Jt(e.$slots, "footer", {}, () => [
-          e.showCancelButton ? (D(), R("button", {
+          e.showCancelButton ? (v(), R("button", {
             key: 0,
             class: "px-4 py-2 text-sm font-medium text-gray-700 bg-gray-100 rounded hover:bg-gray-200",
             onClick: t[1] || (t[1] = (...r) => e.onCancel && e.onCancel(...r))
-          }, Ne(e.cancelText), 1)) : H("", !0),
-          e.showOkButton ? (D(), R("button", {
+          }, Ce(e.cancelText), 1)) : H("", !0),
+          e.showOkButton ? (v(), R("button", {
             key: 1,
             class: "px-4 py-2 text-sm font-medium text-white bg-blue-600 rounded hover:bg-blue-700",
             onClick: t[2] || (t[2] = (...r) => e.onOk && e.onOk(...r))
-          }, Ne(e.okText), 1)) : H("", !0)
+          }, Ce(e.okText), 1)) : H("", !0)
         ])
       ])) : H("", !0)
     ])
   ])) : H("", !0);
 }
-const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]" }, _1 = /* @__PURE__ */ ze({
+const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]" }, _1 = /* @__PURE__ */ Ke({
   __name: "IconModal",
   props: {
     // 图标库
@@ -12071,7 +12085,7 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
   emits: ["ok"],
   setup(e, { expose: t, emit: a }) {
     const i = e, s = $(i.icons || []);
-    et(
+    qe(
       () => i.icons,
       (E) => {
         s.value = E || [];
@@ -12088,7 +12102,7 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
     function f() {
       r.value = !1;
     }
-    return t({ openModal: c, closeModal: f }), (E, T) => (D(), Ct(b1, {
+    return t({ openModal: c, closeModal: f }), (E, T) => (v(), Ct(b1, {
       visible: r.value,
       "onUpdate:visible": T[0] || (T[0] = (g) => r.value = g),
       title: "选择图标",
@@ -12099,11 +12113,11 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
     }, {
       default: Ya(() => [
         x("div", g1, [
-          (D(!0), R(Zt, null, Fi(s.value, (g) => (D(), Ct(l1, {
+          (v(!0), R(Zt, null, Fi(s.value, (g) => (v(), Ct(l1, {
             key: g,
             class: "w-12 h-12 mx-1 mb-2 border cursor-pointer hover:border-gray-400 hover:bg-gray-200",
             iconName: g,
-            onClick: Le((C) => d(g), ["stop"]),
+            onClick: ye((C) => d(g), ["stop"]),
             title: g
           }, null, 8, ["iconName", "onClick", "title"]))), 128))
         ])
@@ -12111,7 +12125,7 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
       _: 1
     }, 8, ["visible"]));
   }
-}), A1 = ze({
+}), A1 = Ke({
   name: "GpImageUpload",
   props: {
     accept: {
@@ -12142,7 +12156,7 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
   },
   setup(e, { emit: t }) {
     const a = $(null), i = $([]), s = $(), u = $(e.show);
-    et(
+    qe(
       () => e.show,
       (f) => {
         u.value = f;
@@ -12199,8 +12213,8 @@ const b1 = /* @__PURE__ */ ft(d1, [["render", p1]]), g1 = { class: "p-4 flex fle
   class: "file-list mt-4"
 }, S1 = { class: "flex items-center space-x-4" }, x1 = ["src"], O1 = ["onClick"];
 function D1(e, t, a, i, s, u) {
-  return D(), R("div", N1, [
-    e.isShow ? (D(), R("div", {
+  return v(), R("div", N1, [
+    e.isShow ? (v(), R("div", {
       key: 0,
       class: "",
       onClick: t[0] || (t[0] = (...r) => e.triggerInput && e.triggerInput(...r))
@@ -12219,19 +12233,19 @@ function D1(e, t, a, i, s, u) {
       multiple: e.multiple,
       onChange: t[1] || (t[1] = (...r) => e.handleChange && e.handleChange(...r))
     }, null, 40, C1),
-    e.showList ? (D(), R("div", I1, [
-      (D(!0), R(Zt, null, Fi(e.fileList, (r) => (D(), R("div", {
+    e.showList ? (v(), R("div", I1, [
+      (v(!0), R(Zt, null, Fi(e.fileList, (r) => (v(), R("div", {
         key: r.uid,
         class: "file-item flex items-center justify-between p-2 border rounded mb-2"
       }, [
         x("div", S1, [
-          r.thumbUrl ? (D(), R("img", {
+          r.thumbUrl ? (v(), R("img", {
             key: 0,
             src: r.thumbUrl,
             alt: "preview",
             class: "w-12 h-12 object-cover rounded"
           }, null, 8, x1)) : H("", !0),
-          x("span", null, Ne(r.name), 1)
+          x("span", null, Ce(r.name), 1)
         ]),
         x("div", null, [
           x("button", {
@@ -12252,7 +12266,7 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
 }, B1 = { class: "p-2" }, U1 = {
   key: 0,
   class: "text-lg font-bold border-b p-2"
-}, F1 = { class: "text-sm font-thin text-gray-500" }, H1 = { class: "p-2" }, Y1 = /* @__PURE__ */ ze({
+}, F1 = { class: "text-sm font-thin text-gray-500" }, H1 = { class: "p-2" }, Y1 = /* @__PURE__ */ Ke({
   __name: "Designer",
   props: {
     mode: { default: "design" },
@@ -12270,19 +12284,19 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
     const a = e, i = t, s = $(a.template), u = $();
     let r = Qs("", {}, !1);
     const o = $("");
-    et(
+    qe(
       () => a.template,
       (A) => {
         s.value = A;
       },
       { immediate: !0 }
-    ), et(
+    ), qe(
       () => s.value,
       (A) => {
         A && (u.value = _(A));
       },
       { immediate: !0 }
-    ), et(
+    ), qe(
       () => a.css,
       (A) => {
         A.forEach((O) => {
@@ -12294,7 +12308,7 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
       { immediate: !0 }
     );
     const c = $(a.mode);
-    et(
+    qe(
       () => u.value,
       (A) => {
         A && i("update:element", A);
@@ -12302,7 +12316,7 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
       { immediate: !0 }
     );
     const d = $("");
-    et(
+    qe(
       () => o.value,
       (A) => {
         i("update:modelValue", A);
@@ -12336,16 +12350,16 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
       ((P = A.children) == null ? void 0 : P.length) === ((U = O.children) == null ? void 0 : U.length);
     }
     function ee(A) {
-      var P, U, ue, Ae, Me, le, oe, Ve, qt, ti;
+      var P, U, ue, Ne, Me, le, oe, $e, qt, ti;
       if (g.value.xpath == A.xpath) {
         if (g.value) {
           if (A.type === z.Block) {
             var O = !0;
-            const $e = F(
+            const We = F(
               u.value,
               g.value.parentxpath || ""
             );
-            if ($e && $e.children && $e.children.forEach((He) => {
+            if (We && We.children && We.children.forEach((He) => {
               if (He.tag != g.value.tag || // 检查标签一致
               !Y(He, g.value)) {
                 O = !1;
@@ -12356,18 +12370,18 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
               return;
             }
           }
-          if (g.value.rule = A.rule, g.value.type = A.type, (P = A.rule) != null && P.isThemeColor ? (A.type === 1 && ((!A.attrs.class || A.attrs.class && (!((U = A.attrs.class) != null && U.includes("theme_text")) || !((ue = A.attrs.class) != null && ue.includes(" theme_text")))) && (A.attrs.class += " theme_text"), (Ae = A.attrs.class) != null && Ae.includes("theme_bg") && (A.attrs.class = A.attrs.class.replace("theme_bg", ""))), A.type === 6 && (!((Me = A.attrs.class) != null && Me.includes("theme_bg")) && !((le = A.attrs.class) != null && le.includes(" theme_bg")) && (A.attrs.class += " theme_bg"), (oe = A.attrs.class) != null && oe.includes("theme_text") && (A.attrs.class = A.attrs.class.replace("theme_text", "")))) : (A.type === 1 && (Ve = A.attrs.class) != null && Ve.includes("theme_text") && (A.attrs.class = A.attrs.class.replace("theme_text", "")), A.type === 6 && (qt = A.attrs.class) != null && qt.includes("theme_bg") && (A.attrs.class = A.attrs.class.replace("theme_bg", ""))), g.value.type === z.Block) {
-            const $e = F(
+          if (g.value.rule = A.rule, g.value.type = A.type, (P = A.rule) != null && P.isThemeColor ? (A.type === 1 && ((!A.attrs.class || A.attrs.class && (!((U = A.attrs.class) != null && U.includes("theme_text")) || !((ue = A.attrs.class) != null && ue.includes(" theme_text")))) && (A.attrs.class += " theme_text"), (Ne = A.attrs.class) != null && Ne.includes("theme_bg") && (A.attrs.class = A.attrs.class.replace("theme_bg", ""))), A.type === 6 && (!((Me = A.attrs.class) != null && Me.includes("theme_bg")) && !((le = A.attrs.class) != null && le.includes(" theme_bg")) && (A.attrs.class += " theme_bg"), (oe = A.attrs.class) != null && oe.includes("theme_text") && (A.attrs.class = A.attrs.class.replace("theme_text", "")))) : (A.type === 1 && ($e = A.attrs.class) != null && $e.includes("theme_text") && (A.attrs.class = A.attrs.class.replace("theme_text", "")), A.type === 6 && (qt = A.attrs.class) != null && qt.includes("theme_bg") && (A.attrs.class = A.attrs.class.replace("theme_bg", ""))), g.value.type === z.Block) {
+            const We = F(
               u.value,
               g.value.parentxpath || ""
             );
-            $e && $e.children && ($e.children.forEach((He) => {
+            We && We.children && (We.children.forEach((He) => {
               if (He.tag != g.value.tag || // 检查标签一致
               !Y(He, g.value)) {
                 Z.error("同级结构不一致，无法配置为块类型");
                 return;
               }
-            }), $e.children.forEach((He) => {
+            }), We.children.forEach((He) => {
               var ms;
               He.tag === g.value.tag && (He.rule = A.rule, He.type = A.type, (ms = He.attrs.class) != null && ms.includes(" mb40 relative") || (He.attrs.class += " mb40 relative"));
             }));
@@ -12390,14 +12404,14 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
       function P(le) {
         if (!le || !le[0]) return "";
         const oe = [];
-        let Ve = le;
-        for (; Ve.length && Ve[0].tagName !== "html"; ) {
-          const qt = Ve[0].tagName, $e = Ve.parent().children(qt).index(Ve) + 1;
-          oe.unshift(`${qt}[${$e}]`), Ve = Ve.parent();
+        let $e = le;
+        for (; $e.length && $e[0].tagName !== "html"; ) {
+          const qt = $e[0].tagName, We = $e.parent().children(qt).index($e) + 1;
+          oe.unshift(`${qt}[${We}]`), $e = $e.parent();
         }
         return "/html/" + oe.join("/");
       }
-      const U = P(A).replace("/html/body[1]", ""), ue = A.children().toArray().map((le) => w(r(le), U)), Ae = (Me = a.rules) == null ? void 0 : Me.find((le) => le.xpath === U);
+      const U = P(A).replace("/html/body[1]", ""), ue = A.children().toArray().map((le) => w(r(le), U)), Ne = (Me = a.rules) == null ? void 0 : Me.find((le) => le.xpath === U);
       return {
         tag: A[0].tagName,
         text: A.contents().not(A.children()).text().trim(),
@@ -12405,8 +12419,8 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
         children: ue,
         xpath: U,
         parentxpath: O,
-        type: (Ae == null ? void 0 : Ae.type) || z.None,
-        rule: (Ae == null ? void 0 : Ae.rule) || {}
+        type: (Ne == null ? void 0 : Ne.type) || z.None,
+        rule: (Ne == null ? void 0 : Ne.rule) || {}
       };
     }
     function Q(A) {
@@ -12442,8 +12456,8 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
         (oe) => oe === O
       );
       if (ue === -1) return;
-      const Ae = U.children.length, { minBlock: Me, maxBlock: le } = O.rule;
-      if ((A === "add" || A === "copy") && Ae >= (le || 1 / 0)) {
+      const Ne = U.children.length, { minBlock: Me, maxBlock: le } = O.rule;
+      if ((A === "add" || A === "copy") && Ne >= (le || 1 / 0)) {
         L.value = `无法添加更多块。最大块数量为 ${le}`, Z.error(L.value);
         return;
       }
@@ -12481,7 +12495,7 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
           }
           break;
         case "delete":
-          if (Ae <= (Me || 0)) {
+          if (Ne <= (Me || 0)) {
             L.value = `无法删除更多块。最小块数量为 ${Me}`, Z.error(L.value);
             return;
           }
@@ -12506,19 +12520,19 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
           const U = new FileReader();
           U.onload = (ue) => {
             var oe;
-            let Ae = (oe = ue == null ? void 0 : ue.target) == null ? void 0 : oe.result, Me = Hf(Ae), le = URL.createObjectURL(Me);
+            let Ne = (oe = ue == null ? void 0 : ue.target) == null ? void 0 : oe.result, Me = Hf(Ne), le = URL.createObjectURL(Me);
             console.log("url", le), O.attrs.src = le, d.value = (/* @__PURE__ */ new Date()).getTime().toString();
           }, U.readAsDataURL(P);
         }
       else
         O.attrs.src = P, d.value = (/* @__PURE__ */ new Date()).getTime().toString();
     }
-    function Re(A) {
+    function Le(A) {
       const { icon: O } = A, P = F(u.value, A.element.xpath);
       let U = P.attrs.class.replace(/icon-\S+/g, `icon-${O}`);
       P.attrs.class = U, d.value = (/* @__PURE__ */ new Date()).getTime().toString();
     }
-    const Ce = (A) => A.type.startsWith("image/") ? !0 : (Z.error("只能上传图片文件"), !1), v = $({});
+    const _e = (A) => A.type.startsWith("image/") ? !0 : (Z.error("只能上传图片文件"), !1), D = $({});
     function G(A, O) {
       if (!A || A.length === 0)
         return;
@@ -12533,11 +12547,11 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
           return;
         }
       }
-      if (O.rule.minImageWidth && O.rule.maxImageHeight ? (v.value.width = O.rule.minImageWidth, v.value.height = O.rule.maxImageHeight, v.value.aspectRatio = O.rule.minImageWidth / O.rule.maxImageHeight) : v.value = {}, P)
+      if (O.rule.minImageWidth && O.rule.maxImageHeight ? (D.value.width = O.rule.minImageWidth, D.value.height = O.rule.maxImageHeight, D.value.aspectRatio = O.rule.minImageWidth / O.rule.maxImageHeight) : D.value = {}, P)
         if (O.rule.crop) {
           const U = P.thumbUrl;
           f.value.handleOpenCropper(
-            v.value,
+            D.value,
             U,
             P.name,
             O
@@ -12547,48 +12561,48 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
             U.success && (O.attrs.src = U.file.url, d.value = (/* @__PURE__ */ new Date()).getTime().toString());
           }) : (O.attrs.src = P.thumbUrl, d.value = (/* @__PURE__ */ new Date()).getTime().toString());
     }
-    const ne = $(a.previewWidth), _e = $(375);
-    let Ie = $(!1), Ke = $(""), mt = 0, Fe = 0;
+    const ne = $(a.previewWidth), Ae = $(375);
+    let Ie = $(!1), Ze = $(""), mt = 0, Fe = 0;
     function Et(A) {
-      Ke.value = A, Ie.value = !0, mt = event.clientX, A === "preview" ? Fe = ne.value : A === "structure" && (Fe = _e.value), window.addEventListener("mousemove", ga), window.addEventListener("mouseup", _a);
+      Ze.value = A, Ie.value = !0, mt = event.clientX, A === "preview" ? Fe = ne.value : A === "structure" && (Fe = Ae.value), window.addEventListener("mousemove", ga), window.addEventListener("mouseup", _a);
     }
     function ga(A) {
       if (!Ie.value) return;
       const O = A.clientX - mt;
-      Ke.value === "preview" ? ne.value = Math.max(200, Fe + O) : Ke.value === "structure" && (_e.value = Math.max(200, Fe - O));
+      Ze.value === "preview" ? ne.value = Math.max(200, Fe + O) : Ze.value === "structure" && (Ae.value = Math.max(200, Fe - O));
     }
     function _a() {
-      Ie.value = !1, Ke.value = "", window.removeEventListener("mousemove", ga), window.removeEventListener("mouseup", _a);
+      Ie.value = !1, Ze.value = "", window.removeEventListener("mousemove", ga), window.removeEventListener("mouseup", _a);
     }
-    return (A, O) => (D(), R("div", L1, [
-      A.preview ? (D(), R("div", {
+    return (A, O) => (v(), R("div", L1, [
+      A.preview ? (v(), R("div", {
         key: 0,
         class: "border-l overflow-auto resize-area",
         style: Ts({ width: ne.value + "px" })
       }, [
-        A.showTitle ? (D(), R("h2", y1, [
+        A.showTitle ? (v(), R("h2", y1, [
           O[2] || (O[2] = Ei(" 实时预览 ")),
-          x("span", R1, Ne(ne.value) + "px", 1)
+          x("span", R1, Ce(ne.value) + "px", 1)
         ])) : H("", !0),
         x("div", null, [
-          o.value ? (D(), R("div", {
+          o.value ? (v(), R("div", {
             key: 0,
             innerHTML: o.value
-          }, null, 8, M1)) : (D(), R("div", {
+          }, null, 8, M1)) : (v(), R("div", {
             key: 1,
             innerHTML: de(r)("body").html()
           }, null, 8, P1))
         ])
       ], 4)) : H("", !0),
-      A.preview ? (D(), R("div", {
+      A.preview ? (v(), R("div", {
         key: 1,
         class: "resizer",
         onMousedown: O[0] || (O[0] = (P) => Et("preview"))
       }, null, 32)) : H("", !0),
       x("div", k1, [
-        A.showTitle ? (D(), R("h2", w1, "结构渲染")) : H("", !0),
+        A.showTitle ? (v(), R("h2", w1, "结构渲染")) : H("", !0),
         x("div", B1, [
-          u.value ? (D(), Ct(Eh, {
+          u.value ? (v(), Ct(Eh, {
             key: 0,
             "upload-by-file": A.uploadByFile,
             cropper: f.value,
@@ -12609,22 +12623,22 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
           }, null, 8, ["upload-by-file", "cropper", "icon", "upload", "mode", "icons", "r", "element", "selectedElement", "hoveredElement"])) : H("", !0)
         ])
       ]),
-      c.value == "design" ? (D(), R("div", {
+      c.value == "design" ? (v(), R("div", {
         key: 2,
         class: "resizer",
         onMousedown: O[1] || (O[1] = (P) => Et("structure"))
       }, null, 32)) : H("", !0),
-      c.value == "design" ? (D(), R("div", {
+      c.value == "design" ? (v(), R("div", {
         key: 3,
         class: "resize-area overflow-auto",
-        style: Ts({ width: _e.value + "px" })
+        style: Ts({ width: Ae.value + "px" })
       }, [
-        A.showTitle ? (D(), R("h2", U1, [
+        A.showTitle ? (v(), R("h2", U1, [
           O[3] || (O[3] = Ei(" 节点属性 ")),
-          x("span", F1, Ne(_e.value) + "px", 1)
+          x("span", F1, Ce(Ae.value) + "px", 1)
         ])) : H("", !0),
         x("div", H1, [
-          g.value ? (D(), Ct(jh, {
+          g.value ? (v(), Ct(jh, {
             key: 0,
             element: g.value,
             onUpdateElement: ee
@@ -12640,14 +12654,14 @@ const v1 = /* @__PURE__ */ ft(A1, [["render", D1], ["__scopeId", "data-v-e0428cf
         icons: A.icons,
         ref_key: "iconRef",
         ref: E,
-        onOk: Re
+        onOk: Le
       }, null, 8, ["icons"]),
       ut(v1, {
         ref_key: "uploadRef",
         ref: T,
         multiple: !1,
         show: !1,
-        beforeUpload: Ce,
+        beforeUpload: _e,
         onChange: G
       }, {
         "upload-icon": Ya(() => O[4] || (O[4] = [