gp-designer 1.0.18 → 1.0.19

package/dist/gp-designer.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as Qe, ref as G, openBlock as L, createElementBlock as k, createElementVNode as x, renderSlot as Xt, Fragment as Qt, renderList as Ri, createCommentVNode as H, toDisplayString as Ne, computed as Tt, watch as at, resolveComponent as qu, createBlock as gt, resolveDynamicComponent as Vu, mergeProps as $u, withModifiers as we, withCtx as Ca, createTextVNode as oi, unref as Oe, createVNode as pt, toRaw as nn, Transition as Wu, normalizeClass as un, reactive as Gu, createApp as Xu, h as os, withDirectives as ht, vModelSelect as Qu, vModelText as St, toRefs as ju, normalizeStyle as cs } from "vue";
+import { defineComponent as Qe, ref as G, openBlock as L, createElementBlock as k, createElementVNode as x, renderSlot as Xt, Fragment as Qt, renderList as Ri, createCommentVNode as Y, toDisplayString as Ie, computed as Tt, watch as at, resolveComponent as qu, createBlock as gt, resolveDynamicComponent as Vu, mergeProps as $u, withModifiers as we, withCtx as Ca, createTextVNode as oi, unref as Oe, createVNode as pt, toRaw as nn, Transition as Wu, normalizeClass as un, reactive as Gu, createApp as Xu, h as os, withDirectives as ht, vModelSelect as Qu, vModelText as St, toRefs as ju, normalizeStyle as cs } 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";
@@ -1783,18 +1783,18 @@ function Ln(e, t, a) {
         let B = "", Q = null;
         if (y !== "exists") {
           if (Za(t.charCodeAt(a))) {
-            const Y = t.charCodeAt(a);
+            const H = t.charCodeAt(a);
             let g = a + 1;
-            for (; g < t.length && (t.charCodeAt(g) !== Y || o(g)); )
+            for (; g < t.length && (t.charCodeAt(g) !== H || o(g)); )
               g += 1;
-            if (t.charCodeAt(g) !== Y)
+            if (t.charCodeAt(g) !== H)
               throw new Error("Attribute value didn't end");
             B = Ft(t.slice(a + 1, g)), a = g + 1;
           } else {
-            const Y = a;
+            const H = a;
             for (; a < t.length && (!ps(t.charCodeAt(a)) && t.charCodeAt(a) !== 93 || o(a)); )
               a += 1;
-            B = Ft(t.slice(Y, a));
+            B = Ft(t.slice(H, a));
           }
           u(0);
           const ne = t.charCodeAt(a) | 32;
@@ -7159,7 +7159,7 @@ let ru = class {
         break;
       }
       case m.IN_BODY: {
-        Ce(this, t);
+        Ne(this, t);
         break;
       }
       case m.IN_TABLE: {
@@ -7526,7 +7526,7 @@ function zt(e, t) {
 function T0(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.HEAD: {
@@ -7547,7 +7547,7 @@ function Kt(e, t) {
 function qe(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.BASE:
@@ -7616,7 +7616,7 @@ function Zt(e, t) {
 function g0(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.BASEFONT:
@@ -7658,7 +7658,7 @@ function Jt(e, t) {
 function A0(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.BODY: {
@@ -7724,7 +7724,7 @@ function $a(e, t) {
       break;
     }
     case j.START_TAG: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case j.END_TAG: {
@@ -7855,7 +7855,7 @@ function z0(e, t) {
 function Ps(e, t) {
   e._reconstructActiveFormattingElements(), e._insertElement(t, N.HTML);
 }
-function Ce(e, t) {
+function Ne(e, t) {
   switch (t.tagID) {
     case n.I:
     case n.S:
@@ -8361,7 +8361,7 @@ function Yt(e, t) {
 const Tu = /* @__PURE__ */ new Set([n.CAPTION, n.COL, n.COLGROUP, n.TBODY, n.TD, n.TFOOT, n.TH, n.THEAD, n.TR]);
 function ph(e, t) {
   const a = t.tagID;
-  Tu.has(a) ? e.openElements.hasInTableScope(n.CAPTION) && (e.openElements.generateImpliedEndTags(), e.openElements.popUntilTagNamePopped(n.CAPTION), e.activeFormattingElements.clearToLastMarker(), e.insertionMode = m.IN_TABLE, kt(e, t)) : Ce(e, t);
+  Tu.has(a) ? e.openElements.hasInTableScope(n.CAPTION) && (e.openElements.generateImpliedEndTags(), e.openElements.popUntilTagNamePopped(n.CAPTION), e.activeFormattingElements.clearToLastMarker(), e.insertionMode = m.IN_TABLE, kt(e, t)) : Ne(e, t);
 }
 function bh(e, t) {
   const a = t.tagID;
@@ -8389,7 +8389,7 @@ function bh(e, t) {
 function ts(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.COL: {
@@ -8524,7 +8524,7 @@ function pu(e, t) {
 }
 function _h(e, t) {
   const a = t.tagID;
-  Tu.has(a) ? (e.openElements.hasInTableScope(n.TD) || e.openElements.hasInTableScope(n.TH)) && (e._closeTableCell(), Xa(e, t)) : Ce(e, t);
+  Tu.has(a) ? (e.openElements.hasInTableScope(n.TD) || e.openElements.hasInTableScope(n.TH)) && (e._closeTableCell(), Xa(e, t)) : Ne(e, t);
 }
 function Ah(e, t) {
   const a = t.tagID;
@@ -8555,7 +8555,7 @@ function Ah(e, t) {
 function bu(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.OPTION: {
@@ -8649,7 +8649,7 @@ function Ih(e, t) {
       break;
     }
     default:
-      e.tmplInsertionModeStack[0] = m.IN_BODY, e.insertionMode = m.IN_BODY, Ce(e, t);
+      e.tmplInsertionModeStack[0] = m.IN_BODY, e.insertionMode = m.IN_BODY, Ne(e, t);
   }
 }
 function Sh(e, t) {
@@ -8659,7 +8659,7 @@ function _u(e, t) {
   e.openElements.tmplCount > 0 ? (e.openElements.popUntilTagNamePopped(n.TEMPLATE), e.activeFormattingElements.clearToLastMarker(), e.tmplInsertionModeStack.shift(), e._resetInsertionMode(), e.onEof(t)) : es(e, t);
 }
 function xh(e, t) {
-  t.tagID === n.HTML ? Ce(e, t) : Pa(e, t);
+  t.tagID === n.HTML ? Ne(e, t) : Pa(e, t);
 }
 function Au(e, t) {
   var a;
@@ -8678,7 +8678,7 @@ function Pa(e, t) {
 function Oh(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.FRAMESET: {
@@ -8701,7 +8701,7 @@ function Dh(e, t) {
 function vh(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.NOFRAMES: {
@@ -8714,7 +8714,7 @@ function Lh(e, t) {
   t.tagID === n.HTML && (e.insertionMode = m.AFTER_AFTER_FRAMESET);
 }
 function yh(e, t) {
-  t.tagID === n.HTML ? Ce(e, t) : Na(e, t);
+  t.tagID === n.HTML ? Ne(e, t) : Na(e, t);
 }
 function Na(e, t) {
   e.insertionMode = m.IN_BODY, $a(e, t);
@@ -8722,7 +8722,7 @@ function Na(e, t) {
 function Rh(e, t) {
   switch (t.tagID) {
     case n.HTML: {
-      Ce(e, t);
+      Ne(e, t);
       break;
     }
     case n.NOFRAMES: {
@@ -9788,8 +9788,8 @@ function md(e, t, a, i, s, u) {
             src: r.thumbUrl,
             alt: "preview",
             class: "w-12 h-12 object-cover rounded"
-          }, null, 8, dd)) : H("", !0),
-          x("span", null, Ne(r.name), 1)
+          }, null, 8, dd)) : Y("", !0),
+          x("span", null, Ie(r.name), 1)
         ]),
         x("div", null, [
           x("button", {
@@ -9798,12 +9798,13 @@ function md(e, t, a, i, s, u) {
           }, " 删除 ", 8, fd)
         ])
       ]))), 128))
-    ])) : H("", !0)
+    ])) : Y("", !0)
   ]);
 }
 const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e5"]]), Td = {
   key: 0,
   "date-action": "1",
+  contenteditable: "false",
   class: "text-red-500 text-xs mt-1"
 }, pd = /* @__PURE__ */ Qe({
   __name: "ElementRenderer",
@@ -9915,7 +9916,7 @@ const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e
       const O = { ...a.element };
       i("blockAction", { action: "add", element: a.element, newBlock: O });
     }
-    function Y() {
+    function H() {
       g(a.element), i("blockAction", { action: "moveUp", element: a.element });
     }
     function g(O) {
@@ -9991,7 +9992,7 @@ const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e
           onInput: Q
         }), {
           default: Ca(() => [
-            oi(Ne(a.element.text), 1),
+            oi(Ie(a.element.text), 1),
             a.element.children && a.element.children.length ? (L(), k(Qt, { key: 0 }, [
               (L(!0), k(Qt, null, Ri(a.element.children, (be, A) => (L(), gt(ue, {
                 mode: e.mode,
@@ -10024,7 +10025,7 @@ const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e
                 }, " ＋ "),
                 x("button", {
                   class: "flex-none px-2 py-1 bg-gray-300 text-white rounded",
-                  onClick: we(Y, ["stop"])
+                  onClick: we(H, ["stop"])
                 }, " ⬅️ "),
                 x("button", {
                   class: "flex-none px-2 py-1 bg-gray-300 text-white rounded",
@@ -10034,18 +10035,18 @@ const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e
                   class: "flex-none px-2 py-1 bg-red-500 text-white rounded",
                   onClick: we($, ["stop"])
                 }, " ✖ ")
-              ])) : H("", !0)
-            ], 64)) : H("", !0),
+              ])) : Y("", !0)
+            ], 64)) : Y("", !0),
             a.element.type === Oe(Z).Icon ? (L(), k("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: v[1] || (v[1] = we(() => Ae(a.element), ["stop"]))
-            }, " ↑ ")) : H("", !0)
+            }, " ↑ ")) : Y("", !0)
           ]),
           _: 1
         }, 16, ["class", "contenteditable"])),
-        a.element.type == Oe(Z).Text && o.value ? (L(), k("div", Td, Ne(c.value), 1)) : H("", !0),
+        a.element.type == Oe(Z).Text && o.value ? (L(), k("div", Td, Ie(c.value), 1)) : Y("", !0),
         a.element.type === Oe(Z).Image ? (L(), k("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",
@@ -10063,11 +10064,11 @@ const Ed = /* @__PURE__ */ ct(rd, [["render", md], ["__scopeId", "data-v-dcbfe0e
             ])),
             _: 1
           })
-        ])) : H("", !0)
+        ])) : Y("", !0)
       ], 64);
     };
   }
-}), bd = /* @__PURE__ */ ct(pd, [["__scopeId", "data-v-7c5fe475"]]), gd = Qe({
+}), bd = /* @__PURE__ */ ct(pd, [["__scopeId", "data-v-b2d8bc68"]]), gd = Qe({
   name: "GpCheckbox",
   props: {
     modelValue: {
@@ -10098,7 +10099,7 @@ function Id(e, t, a, i, s, u) {
         class: "custom-checkbox",
         "aria-checked": e.modelValue
       }, null, 40, Nd),
-      x("span", Cd, Ne(e.label), 1)
+      x("span", Cd, Ie(e.label), 1)
     ])
   ]);
 }
@@ -10177,19 +10178,19 @@ function Rd(e, t, a, i, s, u) {
         }, [
           e.icon ? (L(), k("span", Od, [
             Xt(e.$slots, "icon", {}, () => [
-              e.type === "success" ? (L(), k("span", Dd, "✔")) : H("", !0),
-              e.type === "error" ? (L(), k("span", vd, "✖")) : H("", !0),
-              e.type === "info" ? (L(), k("span", Ld, "ℹ")) : H("", !0),
-              e.type === "warning" ? (L(), k("span", yd, "⚠")) : H("", !0)
+              e.type === "success" ? (L(), k("span", Dd, "✔")) : Y("", !0),
+              e.type === "error" ? (L(), k("span", vd, "✖")) : Y("", !0),
+              e.type === "info" ? (L(), k("span", Ld, "ℹ")) : Y("", !0),
+              e.type === "warning" ? (L(), k("span", yd, "⚠")) : Y("", !0)
             ], !0)
-          ])) : H("", !0),
-          x("span", null, Ne(e.message), 1),
+          ])) : Y("", !0),
+          x("span", null, Ie(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)
-      ])) : H("", !0)
+      ])) : Y("", !0)
     ]),
     _: 3
   });
@@ -10344,11 +10345,11 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
       s.value ? (L(), k("div", Bd, [
         s.value.text !== void 0 ? (L(), k("div", Ud, [
           o[11] || (o[11] = x("label", { class: "block" }, "内容", -1)),
-          x("div", Fd, Ne(s.value.text || "-"), 1)
-        ])) : H("", !0),
+          x("div", Fd, Ie(s.value.text || "-"), 1)
+        ])) : Y("", !0),
         x("div", null, [
           o[12] || (o[12] = x("label", { class: "block mt-4" }, "节点", -1)),
-          x("div", Hd, Ne(s.value.xpath), 1)
+          x("div", Hd, Ie(s.value.xpath), 1)
         ]),
         x("div", null, [
           o[14] || (o[14] = x("label", { class: "block mt-4" }, "类型", -1)),
@@ -10375,7 +10376,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.minText]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Text ? (L(), k("div", qd, [
           o[16] || (o[16] = x("label", { class: "block mt-4" }, "最大文本长度", -1)),
           ht(x("input", {
@@ -10384,7 +10385,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.maxText]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Image ? (L(), k("div", Vd, [
           o[17] || (o[17] = x("label", { class: "block mt-4" }, "是否裁剪", -1)),
           pt(ba, {
@@ -10393,7 +10394,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
             "onUpdate:modelValue": o[3] || (o[3] = (c) => s.value.rule.crop = c),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Image ? (L(), k("div", $d, [
           o[18] || (o[18] = x("label", { class: "block mt-4" }, "图片宽度", -1)),
           ht(x("input", {
@@ -10402,7 +10403,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.minImageWidth]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Image ? (L(), k("div", Wd, [
           o[19] || (o[19] = x("label", { class: "block mt-4" }, "图片高度", -1)),
           ht(x("input", {
@@ -10411,7 +10412,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.maxImageHeight]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Block ? (L(), k("div", Gd, [
           o[20] || (o[20] = x("label", { class: "block mt-4" }, "块最小数量", -1)),
           ht(x("input", {
@@ -10420,7 +10421,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.minBlock]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Block ? (L(), k("div", Xd, [
           o[21] || (o[21] = x("label", { class: "block mt-4" }, "块最大数量", -1)),
           ht(x("input", {
@@ -10429,7 +10430,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
           }, null, 512), [
             [St, s.value.rule.maxBlock]
           ])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         s.value.type == Oe(Z).Text || s.value.type == Oe(Z).Icon ? (L(), k("div", Qd, [
           o[22] || (o[22] = x("label", { class: "block mt-4" }, "主题色", -1)),
           pt(ba, {
@@ -10438,7 +10439,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
             "onUpdate:modelValue": o[8] || (o[8] = (c) => s.value.rule.isThemeColor = c),
             label: "是"
           }, null, 8, ["modelValue"])
-        ])) : H("", !0),
+        ])) : Y("", !0),
         x("div", null, [
           o[23] || (o[23] = x("label", { class: "block mt-4" }, "是否必填", -1)),
           pt(ba, {
@@ -10457,7 +10458,7 @@ const Bd = { key: 0 }, Ud = { key: 0 }, Fd = { class: "text-gray-500 my-2" }, Hd
             label: "是"
           }, null, 8, ["modelValue"])
         ])
-      ])) : H("", !0),
+      ])) : Y("", !0),
       x("button", {
         onClick: u,
         class: "mt-4 p-2 bg-green-500 text-white rounded"
@@ -10903,7 +10904,7 @@ function xf(e) {
   };
 }
 function Of(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, E = t.scaleY, T = E === void 0 ? 1 : E, _ = a.aspectRatio, C = a.naturalWidth, y = a.naturalHeight, M = i.fillColor, B = M === void 0 ? "transparent" : M, Q = i.imageSmoothingEnabled, X = Q === void 0 ? !0 : Q, ne = i.imageSmoothingQuality, Y = ne === void 0 ? "low" : ne, g = i.maxWidth, F = g === void 0 ? 1 / 0 : g, $ = i.maxHeight, ce = $ === void 0 ? 1 / 0 : $, Ae = i.minWidth, Fe = Ae === void 0 ? 0 : Ae, Me = i.minHeight, Pe = Me === void 0 ? 0 : Me, pe = document.createElement("canvas"), ee = pe.getContext("2d"), ye = ut({
+  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, E = t.scaleY, T = E === void 0 ? 1 : E, _ = a.aspectRatio, C = a.naturalWidth, y = a.naturalHeight, M = i.fillColor, B = M === void 0 ? "transparent" : M, Q = i.imageSmoothingEnabled, X = Q === void 0 ? !0 : Q, ne = i.imageSmoothingQuality, H = ne === void 0 ? "low" : ne, g = i.maxWidth, F = g === void 0 ? 1 / 0 : g, $ = i.maxHeight, ce = $ === void 0 ? 1 / 0 : $, Ae = i.minWidth, Fe = Ae === void 0 ? 0 : Ae, Me = i.minHeight, Pe = Me === void 0 ? 0 : Me, pe = document.createElement("canvas"), ee = pe.getContext("2d"), ye = ut({
     aspectRatio: _,
     width: F,
     height: ce
@@ -10920,7 +10921,7 @@ function Of(e, t, a, i) {
     width: Fe,
     height: Pe
   }, "cover"), be = Math.min(v.width, Math.max(ue.width, u)), A = Math.min(v.height, Math.max(ue.height, r)), D = [-be / 2, -A / 2, be, A];
-  return pe.width = Rt(Ze), pe.height = Rt(O), ee.fillStyle = B, ee.fillRect(0, 0, Ze, O), ee.save(), ee.translate(Ze / 2, O / 2), ee.rotate(c * Math.PI / 180), ee.scale(f, T), ee.imageSmoothingEnabled = X, ee.imageSmoothingQuality = Y, ee.drawImage.apply(ee, [e].concat(Ou(D.map(function(w) {
+  return pe.width = Rt(Ze), pe.height = Rt(O), ee.fillStyle = B, ee.fillRect(0, 0, Ze, O), ee.save(), ee.translate(Ze / 2, O / 2), ee.rotate(c * Math.PI / 180), ee.scale(f, T), ee.imageSmoothingEnabled = X, ee.imageSmoothingQuality = H, ee.drawImage.apply(ee, [e].concat(Ou(D.map(function(w) {
     return Math.floor(Rt(w));
   })))), ee.restore(), pe;
 }
@@ -11243,9 +11244,9 @@ var Pf = {
   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, E = u.width, T = u.height, _ = h + E, C = f + T, y = 0, M = 0, B = s.width, Q = s.height, X = !0, ne;
     !c && t.shiftKey && (c = E && T ? E / T : 1), this.limited && (y = u.minLeft, M = u.minTop, B = y + Math.min(s.width, i.width, i.left + i.width), Q = M + Math.min(s.height, i.height, i.top + i.height));
-    var Y = r[Object.keys(r)[0]], g = {
-      x: Y.endX - Y.startX,
-      y: Y.endY - Y.startY
+    var H = r[Object.keys(r)[0]], g = {
+      x: H.endX - H.startX,
+      y: H.endY - H.startY
     }, F = function(ce) {
       switch (ce) {
         case ft:
@@ -11349,7 +11350,7 @@ var Pf = {
           X = !1;
           break;
         }
-        ne = Uu(this.cropper), h = Y.startX - ne.left, f = Y.startY - ne.top, E = u.minWidth, T = u.minHeight, g.x > 0 ? o = g.y > 0 ? $t : qt : g.x < 0 && (h -= E, o = g.y > 0 ? Wt : Vt), g.y < 0 && (f -= T), this.cropped || (Ge(this.cropBox, ve), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
+        ne = Uu(this.cropper), h = H.startX - ne.left, f = H.startY - ne.top, E = u.minWidth, T = u.minHeight, g.x > 0 ? o = g.y > 0 ? $t : qt : g.x < 0 && (h -= E, o = g.y > 0 ? Wt : Vt), g.y < 0 && (f -= T), this.cropped || (Ge(this.cropBox, ve), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
         break;
     }
     X && (u.width = E, u.height = T, u.left = h, u.top = f, this.action = o, this.renderCropBox()), le(r, function($) {
@@ -11636,8 +11637,8 @@ var Pf = {
     M.width = Rt(C), M.height = Rt(y), B.fillStyle = t.fillColor || "transparent", B.fillRect(0, 0, C, y);
     var Q = t.imageSmoothingEnabled, X = Q === void 0 ? !0 : Q, ne = t.imageSmoothingQuality;
     B.imageSmoothingEnabled = X, ne && (B.imageSmoothingQuality = ne);
-    var Y = i.width, g = i.height, F = u, $ = r, ce, Ae, Fe, Me, Pe, pe;
-    F <= -o || F > Y ? (F = 0, ce = 0, Fe = 0, Pe = 0) : F <= 0 ? (Fe = -F, F = 0, ce = Math.min(Y, o + F), Pe = ce) : F <= Y && (Fe = 0, ce = Math.min(o, Y - F), Pe = ce), ce <= 0 || $ <= -c || $ > g ? ($ = 0, Ae = 0, Me = 0, pe = 0) : $ <= 0 ? (Me = -$, $ = 0, Ae = Math.min(g, c + $), pe = Ae) : $ <= g && (Me = 0, Ae = Math.min(c, g - $), pe = Ae);
+    var H = i.width, g = i.height, F = u, $ = r, ce, Ae, Fe, Me, Pe, pe;
+    F <= -o || F > H ? (F = 0, ce = 0, Fe = 0, Pe = 0) : F <= 0 ? (Fe = -F, F = 0, ce = Math.min(H, o + F), Pe = ce) : F <= H && (Fe = 0, ce = Math.min(o, H - F), Pe = ce), ce <= 0 || $ <= -c || $ > g ? ($ = 0, Ae = 0, Me = 0, pe = 0) : $ <= 0 ? (Me = -$, $ = 0, Ae = Math.min(g, c + $), pe = Ae) : $ <= g && (Me = 0, Ae = Math.min(c, g - $), pe = Ae);
     var ee = [F, $, ce, Ae];
     if (Pe > 0 && pe > 0) {
       var ye = C / o;
@@ -11882,9 +11883,9 @@ const qf = {
       // 裁剪前的图片
       image: null,
       myCropper: null
-    }), h = G("image/jpeg"), f = (Y) => {
-      console.log(Y);
-      const g = Y.target.files[0];
+    }), h = G("image/jpeg"), f = (H) => {
+      console.log(H);
+      const g = H.target.files[0];
       if (g) {
         g.name && (s.value.inputValue = g.name);
         const F = new FileReader();
@@ -11894,25 +11895,25 @@ const qf = {
         }, F.readAsDataURL(g);
       }
     };
-    async function E(Y) {
-      if (!Y)
+    async function E(H) {
+      if (!H)
         return;
       await ne();
-      const g = Y;
+      const g = H;
       c.value.image = g, c.value.image && T();
     }
     function T() {
-      const Y = document.querySelector("#imgId");
-      Y && Y.addEventListener("load", () => {
+      const H = document.querySelector("#imgId");
+      H && H.addEventListener("load", () => {
         X(), c.value.myCropper = new Hu(
-          Y,
+          H,
           r.value
         );
       });
     }
     const _ = G(!1), C = G();
-    function y(Y, g, F, $) {
-      C.value = $, u.value = Y, Y && Y.aspectRatio && (r.value.aspectRatio = Y.aspectRatio), F && (s.value.inputValue = F), _.value = !0, g && E(g);
+    function y(H, g, F, $) {
+      C.value = $, u.value = H, H && H.aspectRatio && (r.value.aspectRatio = H.aspectRatio), F && (s.value.inputValue = F), _.value = !0, g && E(g);
     }
     function M() {
       _.value = !1;
@@ -11929,11 +11930,11 @@ const qf = {
         width: (F = u.value) == null ? void 0 : F.width
         // 输出图片的宽
       }).toDataURL(h.value);
-      const Y = Yf(
+      const H = Yf(
         c.value.afterImg,
         s.value.inputValue
       );
-      i("ok", { options: Y, element: C.value }), o.value = !1, ne(), X(), M();
+      i("ok", { options: H, element: C.value }), o.value = !1, ne(), X(), M();
     };
     function Q() {
       ne(), X(), M(), i("cancel");
@@ -11944,7 +11945,7 @@ const qf = {
     function ne() {
       c.value.image = "";
     }
-    return t({ handleCloseCropper: M, handleOpenCropper: y }), (Y, g) => {
+    return t({ handleCloseCropper: M, handleOpenCropper: y }), (H, g) => {
       var F, $, ce;
       return _.value ? (L(), k("div", qf, [
         x("div", Vf, [
@@ -11982,7 +11983,7 @@ const qf = {
                     x("div", Zf, [
                       x("div", Jf, [
                         x("div", e1, [
-                          c.value.image ? H("", !0) : (L(), k("div", t1, " 请上传图片 ")),
+                          c.value.image ? Y("", !0) : (L(), k("div", t1, " 请上传图片 ")),
                           x("img", {
                             id: "imgId",
                             src: c.value.image,
@@ -11992,7 +11993,7 @@ const qf = {
                       ]),
                       x("div", i1, [
                         g[4] || (g[4] = x("div", { class: "before w-[270px] h-[200px] pr-[70px] border" }, null, -1)),
-                        x("div", s1, " 预览画像 " + Ne(((F = u.value) == null ? void 0 : F.width) || "") + " " + Ne(($ = u.value) != null && $.width ? "x" : "") + " " + Ne(((ce = u.value) == null ? void 0 : ce.height) || ""), 1)
+                        x("div", s1, " 预览画像 " + Ie(((F = u.value) == null ? void 0 : F.width) || "") + " " + Ie(($ = u.value) != null && $.width ? "x" : "") + " " + Ie(((ce = u.value) == null ? void 0 : ce.height) || ""), 1)
                       ])
                     ])
                   ])
@@ -12013,7 +12014,7 @@ const qf = {
             ])
           ])
         ])
-      ])) : H("", !0);
+      ])) : Y("", !0);
     };
   }
 }), o1 = Qe({
@@ -12102,7 +12103,7 @@ function p1(e, t, a, i, s, u) {
   }, [
     x("div", d1, [
       x("div", f1, [
-        e.title ? (L(), k("h3", m1, Ne(e.title), 1)) : H("", !0),
+        e.title ? (L(), k("h3", m1, Ie(e.title), 1)) : Y("", !0),
         Xt(e.$slots, "header"),
         e.showCloseButton ? (L(), k("button", {
           key: 1,
@@ -12122,7 +12123,7 @@ function p1(e, t, a, i, s, u) {
               "clip-rule": "evenodd"
             })
           ], -1)
-        ]))) : H("", !0)
+        ]))) : Y("", !0)
       ]),
       x("div", E1, [
         Xt(e.$slots, "default")
@@ -12133,16 +12134,16 @@ function p1(e, t, a, i, s, u) {
             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),
+          }, Ie(e.cancelText), 1)) : Y("", !0),
           e.showOkButton ? (L(), k("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)
+          }, Ie(e.okText), 1)) : Y("", !0)
         ])
-      ])) : H("", !0)
+      ])) : Y("", !0)
     ])
-  ])) : H("", !0);
+  ])) : Y("", !0);
 }
 const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex flex-wrap max-h-[500px] overflow-y-auto w-[640px]" }, _1 = /* @__PURE__ */ Qe({
   __name: "IconModal",
@@ -12203,12 +12204,9 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
   key: 0,
   class: "text-lg font-bold border-b p-2"
 }, D1 = { class: "p-2" }, v1 = {
-  key: 0,
-  class: "text-red-500 text-xs mt-2"
-}, L1 = {
   key: 0,
   class: "text-lg font-bold border-b p-2"
-}, y1 = { class: "text-sm font-thin text-gray-500" }, R1 = { class: "p-2" }, M1 = /* @__PURE__ */ Qe({
+}, L1 = { class: "text-sm font-thin text-gray-500" }, y1 = { class: "p-2" }, R1 = /* @__PURE__ */ Qe({
   __name: "Designer",
   props: {
     mode: { default: "design" },
@@ -12233,7 +12231,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
     ), at(
       () => s.value,
       (A) => {
-        A && (u.value = Y(A));
+        A && (u.value = H(A));
       },
       { immediate: !0 }
     ), at(
@@ -12291,7 +12289,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
       ((w = A.children) == null ? void 0 : w.length) === ((q = D.children) == null ? void 0 : q.length);
     }
     function X(A) {
-      var w, q, re, Ie;
+      var w, q, re, Ce;
       if (T.value.xpath == A.xpath) {
         if (T.value) {
           if (A.type === Z.Block) {
@@ -12327,7 +12325,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
               te.tag === T.value.tag && (te.rule = A.rule, te.type = A.type, (ge = te.attrs.class) != null && ge.includes(" mb40 relative") || (te.attrs.class += " mb40 relative"));
             }));
           } else
-            (Ie = T.value.attrs.class) != null && Ie.includes(" mb40 relative") && (T.value.attrs.class = T.value.attrs.class.replace(" mb40 relative", " "));
+            (Ce = T.value.attrs.class) != null && Ce.includes(" mb40 relative") && (T.value.attrs.class = T.value.attrs.class.replace(" mb40 relative", " "));
         }
         J.success("保存成功");
       }
@@ -12335,7 +12333,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
     function ne(A) {
       c.value = A;
     }
-    function Y(A) {
+    function H(A) {
       h = Ys(A);
       const D = h("body").children().toArray().map((w) => g(h(w)));
       return c.value = h("body").html() || "", D[0];
@@ -12352,7 +12350,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
         }
         return "/html/" + ge.join("/");
       }
-      const q = w(A).replace("/html/body[1]", ""), re = A.children().toArray().map((te) => g(h(te), q)), Ie = (he = a.rules) == null ? void 0 : he.find((te) => te.xpath === q);
+      const q = w(A).replace("/html/body[1]", ""), re = A.children().toArray().map((te) => g(h(te), q)), Ce = (he = a.rules) == null ? void 0 : he.find((te) => te.xpath === q);
       return {
         tag: A[0].tagName,
         text: A.contents().not(A.children()).text().trim(),
@@ -12360,8 +12358,8 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
         children: re,
         xpath: q,
         parentxpath: D,
-        type: (Ie == null ? void 0 : Ie.type) || Z.None,
-        rule: (Ie == null ? void 0 : Ie.rule) || {}
+        type: (Ce == null ? void 0 : Ce.type) || Z.None,
+        rule: (Ce == null ? void 0 : Ce.rule) || {}
       };
     }
     function F(A) {
@@ -12397,8 +12395,8 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
         (ge) => ge === D
       );
       if (re === -1) return;
-      const Ie = q.children.length, { minBlock: he, maxBlock: te } = D.rule;
-      if ((A === "add" || A === "copy") && Ie >= (te || 1 / 0)) {
+      const Ce = q.children.length, { minBlock: he, maxBlock: te } = D.rule;
+      if ((A === "add" || A === "copy") && Ce >= (te || 1 / 0)) {
         C.value = `无法添加更多块。最大块数量为 ${te}`, J.error(C.value);
         return;
       }
@@ -12436,7 +12434,7 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
           }
           break;
         case "delete":
-          if (Ie <= (he || 0)) {
+          if (Ce <= (he || 0)) {
             C.value = `无法删除更多块。最小块数量为 ${he}`, J.error(C.value);
             return;
           }
@@ -12459,8 +12457,8 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
         const q = new FileReader();
         q.onload = (re) => {
           var he;
-          let Ie = (he = re == null ? void 0 : re.target) == null ? void 0 : he.result;
-          D.attrs.src = Ie, console.log(" element.attrs", D.attrs), o.value = (/* @__PURE__ */ new Date()).getTime().toString();
+          let Ce = (he = re == null ? void 0 : re.target) == null ? void 0 : he.result;
+          D.attrs.src = Ce, console.log(" element.attrs", D.attrs), o.value = (/* @__PURE__ */ new Date()).getTime().toString();
         }, q.readAsDataURL(w);
       } else
         console.log("e2", A), D.attrs.src = w;
@@ -12491,8 +12489,8 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
       }, [
         A.showTitle ? (L(), k("h2", N1, [
           D[2] || (D[2] = oi(" 实时预览 ")),
-          x("span", C1, Ne(pe.value) + "px", 1)
-        ])) : H("", !0),
+          x("span", C1, Ie(pe.value) + "px", 1)
+        ])) : Y("", !0),
         x("div", null, [
           c.value ? (L(), k("div", {
             key: 0,
@@ -12502,18 +12500,17 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
             innerHTML: Oe(h)("body").html()
           }, null, 8, S1))
         ])
-      ], 4)) : H("", !0),
+      ], 4)) : Y("", !0),
       A.preview ? (L(), k("div", {
         key: 1,
         class: "resizer",
         onMousedown: D[0] || (D[0] = (w) => v("preview"))
-      }, null, 32)) : H("", !0),
+      }, null, 32)) : Y("", !0),
       x("div", x1, [
-        A.showTitle ? (L(), k("h2", O1, "结构渲染")) : H("", !0),
+        A.showTitle ? (L(), k("h2", O1, "结构渲染")) : Y("", !0),
         x("div", D1, [
-          C.value ? (L(), k("div", v1, Ne(C.value), 1)) : H("", !0),
           u.value ? (L(), gt(bd, {
-            key: 1,
+            key: 0,
             cropper: f.value,
             icon: E.value,
             mode: A.mode,
@@ -12529,31 +12526,31 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
             onBlockAction: ce,
             onAddIcon: Ae,
             onUpload: Fe
-          }, null, 8, ["cropper", "icon", "mode", "icons", "r", "element", "selectedElement", "hoveredElement"])) : H("", !0)
+          }, null, 8, ["cropper", "icon", "mode", "icons", "r", "element", "selectedElement", "hoveredElement"])) : Y("", !0)
         ])
       ]),
       r.value == "design" ? (L(), k("div", {
         key: 2,
         class: "resizer",
         onMousedown: D[1] || (D[1] = (w) => v("structure"))
-      }, null, 32)) : H("", !0),
+      }, null, 32)) : Y("", !0),
       r.value == "design" ? (L(), k("div", {
         key: 3,
         class: "resize-area overflow-auto",
         style: cs({ width: ee.value + "px" })
       }, [
-        A.showTitle ? (L(), k("h2", L1, [
+        A.showTitle ? (L(), k("h2", v1, [
           D[3] || (D[3] = oi(" 节点属性 ")),
-          x("span", y1, Ne(ee.value) + "px", 1)
-        ])) : H("", !0),
-        x("div", R1, [
+          x("span", L1, Ie(ee.value) + "px", 1)
+        ])) : Y("", !0),
+        x("div", y1, [
           T.value ? (L(), gt(zd, {
             key: 0,
             element: T.value,
             onUpdateElement: X
-          }, null, 8, ["element"])) : H("", !0)
+          }, null, 8, ["element"])) : Y("", !0)
         ])
-      ], 4)) : H("", !0),
+      ], 4)) : Y("", !0),
       pt(r1, {
         ref_key: "cropperRef",
         ref: f,
@@ -12567,12 +12564,12 @@ const b1 = /* @__PURE__ */ ct(h1, [["render", p1]]), g1 = { class: "p-4 flex fle
       }, null, 8, ["icons"])
     ]));
   }
-}), P1 = /* @__PURE__ */ ct(M1, [["__scopeId", "data-v-1f5b54a3"]]), H1 = {
+}), M1 = /* @__PURE__ */ ct(R1, [["__scopeId", "data-v-5c6c0628"]]), F1 = {
   install(e) {
-    e.component("Designer", P1);
+    e.component("Designer", M1);
   }
 };
 export {
-  P1 as Designer,
-  H1 as default
+  M1 as Designer,
+  F1 as default
 };