template-designer 0.1.8 → 0.1.9

package/dist/template-designer.es.js

@@ -1,83 +1,11 @@
-import { defineComponent as te, openBlock as V, createElementBlock as N, createElementVNode as m, computed as b, ref as k, watch as FA, normalizeStyle as AA, toDisplayString as fe, createCommentVNode as tA, getCurrentInstance as Ze, inject as Xe, unref as I, getCurrentScope as Wu, onScopeDispose as Du, readonly as Ju, onMounted as Oe, nextTick as de, isRef as Ku, warn as Lu, provide as fs, mergeProps as Gu, renderSlot as sr, normalizeClass as _A, createVNode as W, Transition as hs, withCtx as j, withDirectives as GA, createTextVNode as Fe, vShow as gs, shallowReactive as Yu, createBlock as vA, resolveDynamicComponent as cr, Fragment as VA, withModifiers as xA, isVNode as Us, render as yi, onUnmounted as zu, resolveComponent as QA, renderList as Me, vModelSelect as ju, vModelText as Ye, vModelCheckbox as Xu, vModelDynamic as Pu, toRefs as _u, onBeforeUnmount as Ur, reactive as Ri, resolveDirective as qu, h as $u } from "vue";
-/*! Element Plus Icons Vue v2.3.2 */
-var Ad = /* @__PURE__ */ te({
-  name: "CircleCloseFilled",
-  __name: "circle-close-filled",
-  setup(e) {
-    return (A, t) => (V(), N("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      m("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
-      })
-    ]));
-  }
-}), ps = Ad, ed = /* @__PURE__ */ te({
-  name: "Close",
-  __name: "close",
-  setup(e) {
-    return (A, t) => (V(), N("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      m("path", {
-        fill: "currentColor",
-        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-      })
-    ]));
-  }
-}), td = ed, rd = /* @__PURE__ */ te({
-  name: "InfoFilled",
-  __name: "info-filled",
-  setup(e) {
-    return (A, t) => (V(), N("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      m("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
-      })
-    ]));
-  }
-}), La = rd, nd = /* @__PURE__ */ te({
-  name: "SuccessFilled",
-  __name: "success-filled",
-  setup(e) {
-    return (A, t) => (V(), N("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      m("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
-      })
-    ]));
-  }
-}), Qs = nd, ad = /* @__PURE__ */ te({
-  name: "WarningFilled",
-  __name: "warning-filled",
-  setup(e) {
-    return (A, t) => (V(), N("svg", {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 1024 1024"
-    }, [
-      m("path", {
-        fill: "currentColor",
-        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
-      })
-    ]));
-  }
-}), ws = ad;
-const od = (e, A) => {
+import { computed as b, ref as Z, watch as FA, openBlock as V, createElementBlock as N, normalizeStyle as AA, createElementVNode as m, toDisplayString as fe, createCommentVNode as tA, getCurrentInstance as Ze, inject as Xe, unref as I, getCurrentScope as Wu, onScopeDispose as Du, readonly as Ju, onMounted as Oe, nextTick as de, isRef as Ku, warn as Lu, provide as fs, defineComponent as te, mergeProps as Gu, renderSlot as sr, normalizeClass as _A, createVNode as W, Transition as hs, withCtx as j, withDirectives as GA, createTextVNode as Fe, vShow as gs, shallowReactive as Yu, createBlock as vA, resolveDynamicComponent as cr, Fragment as VA, withModifiers as xA, isVNode as Us, render as yi, onUnmounted as zu, resolveComponent as QA, renderList as Me, vModelSelect as ju, vModelText as Ye, vModelCheckbox as Xu, vModelDynamic as Pu, toRefs as _u, onBeforeUnmount as Ur, reactive as Ri, resolveDirective as qu, h as $u } from "vue";
+const Ad = (e, A) => {
   const t = e[A];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((r, n) => {
     (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + A)));
   });
 };
-const id = {
+const ed = {
   __name: "TextComponent",
   props: {
     modelValue: {
@@ -91,7 +19,7 @@ const id = {
     }
   },
   setup(e) {
-    const A = e, t = b(() => A.modelValue.Title ? `${A.modelValue.Title}${A.modelValue.Text}` : A.modelValue.Text), r = k({}), n = b(() => A.modelValue.__selected || !1), a = b(() => ({
+    const A = e, t = b(() => A.modelValue.Title ? `${A.modelValue.Title}${A.modelValue.Text}` : A.modelValue.Text), r = Z({}), n = b(() => A.modelValue.__selected || !1), a = b(() => ({
       position: "absolute",
       left: "-2px",
       top: "-2px",
@@ -109,46 +37,46 @@ const id = {
       alignItems: "center",
       overflow: "hidden",
       boxSizing: "border-box"
-    })), i = k(/* @__PURE__ */ new Map()), l = (d) => {
-      var f, B, g, U, Q, p;
+    })), i = Z(/* @__PURE__ */ new Map()), l = (d) => {
+      var f, B, g, h, p, Q;
       if (i.value.has(d))
         return i.value.get(d);
-      const h = ((p = (Q = (U = (g = (B = (f = A.propsConfig) == null ? void 0 : f.text) == null ? void 0 : B.propertyPanel) == null ? void 0 : g.find((C) => C.prop == "FontName")) == null ? void 0 : U.options) == null ? void 0 : Q.find((C) => C.value == d)) == null ? void 0 : p.cssValue) || d;
-      return i.value.set(d, h), h;
+      const U = ((Q = (p = (h = (g = (B = (f = A.propsConfig) == null ? void 0 : f.text) == null ? void 0 : B.propertyPanel) == null ? void 0 : g.find((C) => C.prop == "FontName")) == null ? void 0 : h.options) == null ? void 0 : p.find((C) => C.value == d)) == null ? void 0 : Q.cssValue) || d;
+      return i.value.set(d, U), U;
     }, s = {
       1: "left",
       2: "center",
       3: "right"
     }, c = b(() => {
-      const d = A.modelValue.TextWrap ?? r.value.TextWrap ?? 1, h = A.modelValue.FontSize ?? r.value.FontSize, f = A.modelValue.FontName || r.value.FontName, B = A.modelValue.Bold || r.value.Bold, g = A.modelValue.Italic || r.value.Italic, U = A.modelValue.FontColor || r.value.FontColor, Q = A.modelValue.Alignment || r.value.Alignment || 2, p = {
-        fontSize: h + "px",
+      const d = A.modelValue.TextWrap ?? r.value.TextWrap ?? 1, U = A.modelValue.FontSize ?? r.value.FontSize, f = A.modelValue.FontName || r.value.FontName, B = A.modelValue.Bold || r.value.Bold, g = A.modelValue.Italic || r.value.Italic, h = A.modelValue.FontColor || r.value.FontColor, p = A.modelValue.Alignment || r.value.Alignment || 2, Q = {
+        fontSize: U + "px",
         fontFamily: l(f),
         fontWeight: B ? "bold" : "normal",
         fontStyle: g ? "italic" : "normal",
-        color: U,
+        color: h,
         width: "100%",
         minWidth: 0,
         boxSizing: "border-box",
-        textAlign: s[Q]
+        textAlign: s[p]
       };
       switch (d) {
         case 1:
-          p.whiteSpace = "pre-wrap", p.overflow = "visible", p.textOverflow = "unset";
+          Q.whiteSpace = "pre-wrap", Q.overflow = "visible", Q.textOverflow = "unset";
           break;
         case 2:
-          p.whiteSpace = "nowrap", p.overflow = "hidden", p.textOverflow = "ellipsis";
+          Q.whiteSpace = "nowrap", Q.overflow = "hidden", Q.textOverflow = "ellipsis";
           break;
         case 3:
-          p.whiteSpace = "nowrap", p.overflow = "hidden", p.textOverflow = "clip";
+          Q.whiteSpace = "nowrap", Q.overflow = "hidden", Q.textOverflow = "clip";
           break;
       }
-      return p;
+      return Q;
     }), u = () => {
-      var h, f;
-      const d = at((f = (h = A.propsConfig) == null ? void 0 : h.text) == null ? void 0 : f.propertyPanel) || {};
+      var U, f;
+      const d = at((f = (U = A.propsConfig) == null ? void 0 : U.text) == null ? void 0 : f.propertyPanel) || {};
       r.value = d, i.value.clear();
     };
-    return FA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, h) => (V(), N("div", {
+    return FA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, U) => (V(), N("div", {
       class: "td-text-component",
       style: AA(o.value)
     }, [
@@ -163,14 +91,14 @@ const id = {
       }, null, 4)) : tA("", !0)
     ], 4));
   }
-}, Fs = Symbol(), cn = "el", ld = "is-", Le = (e, A, t, r, n) => {
+}, ps = Symbol(), cn = "el", td = "is-", Le = (e, A, t, r, n) => {
   let a = `${e}-${A}`;
   return t && (a += `-${t}`), r && (a += `__${r}`), n && (a += `--${n}`), a;
-}, Cs = Symbol("namespaceContextKey"), sd = (e) => {
-  const A = e || (Ze() ? Xe(Cs, k(cn)) : k(cn));
+}, Qs = Symbol("namespaceContextKey"), rd = (e) => {
+  const A = e || (Ze() ? Xe(Qs, Z(cn)) : Z(cn));
   return b(() => I(A) || cn);
 }, Eo = (e, A) => {
-  const t = sd(A);
+  const t = rd(A);
   return {
     namespace: t,
     b: (B = "") => Le(t.value, e, B, "", ""),
@@ -179,22 +107,22 @@ const id = {
     be: (B, g) => B && g ? Le(t.value, e, B, g, "") : "",
     em: (B, g) => B && g ? Le(t.value, e, "", B, g) : "",
     bm: (B, g) => B && g ? Le(t.value, e, B, "", g) : "",
-    bem: (B, g, U) => B && g && U ? Le(t.value, e, B, g, U) : "",
+    bem: (B, g, h) => B && g && h ? Le(t.value, e, B, g, h) : "",
     is: (B, ...g) => {
-      const U = g.length >= 1 ? g[0] : !0;
-      return B && U ? `${ld}${B}` : "";
+      const h = g.length >= 1 ? g[0] : !0;
+      return B && h ? `${td}${B}` : "";
     },
     cssVar: (B) => {
       const g = {};
-      for (const U in B)
-        B[U] && (g[`--${t.value}-${U}`] = B[U]);
+      for (const h in B)
+        B[h] && (g[`--${t.value}-${h}`] = B[h]);
       return g;
     },
     cssVarName: (B) => `--${t.value}-${B}`,
     cssVarBlock: (B) => {
       const g = {};
-      for (const U in B)
-        B[U] && (g[`--${t.value}-${e}-${U}`] = B[U]);
+      for (const h in B)
+        B[h] && (g[`--${t.value}-${e}-${h}`] = B[h]);
       return g;
     },
     cssVarBlockName: (B) => `--${t.value}-${e}-${B}`
@@ -207,82 +135,82 @@ const id = {
 **/
 process.env.NODE_ENV !== "production" && Object.freeze({});
 process.env.NODE_ENV !== "production" && Object.freeze([]);
-const cd = Object.prototype.hasOwnProperty, Vi = (e, A) => cd.call(e, A), hn = (e) => typeof e == "function", gn = (e) => typeof e == "string", Es = (e) => e !== null && typeof e == "object";
-var ud = typeof global == "object" && global && global.Object === Object && global;
-const dd = ud;
-var Bd = typeof self == "object" && self && self.Object === Object && self, fd = dd || Bd || Function("return this")();
-const mo = fd;
-var hd = mo.Symbol;
-const Et = hd;
-var ms = Object.prototype, gd = ms.hasOwnProperty, Ud = ms.toString, Dt = Et ? Et.toStringTag : void 0;
-function pd(e) {
-  var A = gd.call(e, Dt), t = e[Dt];
+const nd = Object.prototype.hasOwnProperty, Vi = (e, A) => nd.call(e, A), hn = (e) => typeof e == "function", gn = (e) => typeof e == "string", ws = (e) => e !== null && typeof e == "object";
+var ad = typeof global == "object" && global && global.Object === Object && global;
+const od = ad;
+var id = typeof self == "object" && self && self.Object === Object && self, ld = od || id || Function("return this")();
+const mo = ld;
+var sd = mo.Symbol;
+const Et = sd;
+var Fs = Object.prototype, cd = Fs.hasOwnProperty, ud = Fs.toString, Dt = Et ? Et.toStringTag : void 0;
+function dd(e) {
+  var A = cd.call(e, Dt), t = e[Dt];
   try {
     e[Dt] = void 0;
     var r = !0;
   } catch {
   }
-  var n = Ud.call(e);
+  var n = ud.call(e);
   return r && (A ? e[Dt] = t : delete e[Dt]), n;
 }
-var Qd = Object.prototype, wd = Qd.toString;
-function Fd(e) {
-  return wd.call(e);
+var Bd = Object.prototype, fd = Bd.toString;
+function hd(e) {
+  return fd.call(e);
 }
-var Cd = "[object Null]", Ed = "[object Undefined]", Ti = Et ? Et.toStringTag : void 0;
-function vs(e) {
-  return e == null ? e === void 0 ? Ed : Cd : Ti && Ti in Object(e) ? pd(e) : Fd(e);
+var gd = "[object Null]", Ud = "[object Undefined]", Ti = Et ? Et.toStringTag : void 0;
+function Cs(e) {
+  return e == null ? e === void 0 ? Ud : gd : Ti && Ti in Object(e) ? dd(e) : hd(e);
 }
-function md(e) {
+function pd(e) {
   return e != null && typeof e == "object";
 }
-var vd = "[object Symbol]";
+var Qd = "[object Symbol]";
 function vo(e) {
-  return typeof e == "symbol" || md(e) && vs(e) == vd;
+  return typeof e == "symbol" || pd(e) && Cs(e) == Qd;
 }
-function yd(e, A) {
+function wd(e, A) {
   for (var t = -1, r = e == null ? 0 : e.length, n = Array(r); ++t < r; )
     n[t] = A(e[t], t, e);
   return n;
 }
-var Rd = Array.isArray;
-const yo = Rd;
-var Vd = 1 / 0, Ii = Et ? Et.prototype : void 0, Ni = Ii ? Ii.toString : void 0;
-function ys(e) {
+var Fd = Array.isArray;
+const yo = Fd;
+var Cd = 1 / 0, Ii = Et ? Et.prototype : void 0, Ni = Ii ? Ii.toString : void 0;
+function Es(e) {
   if (typeof e == "string")
     return e;
   if (yo(e))
-    return yd(e, ys) + "";
+    return wd(e, Es) + "";
   if (vo(e))
     return Ni ? Ni.call(e) : "";
   var A = e + "";
-  return A == "0" && 1 / e == -Vd ? "-0" : A;
+  return A == "0" && 1 / e == -Cd ? "-0" : A;
 }
-function Rs(e) {
+function ms(e) {
   var A = typeof e;
   return e != null && (A == "object" || A == "function");
 }
-var Td = "[object AsyncFunction]", Id = "[object Function]", Nd = "[object GeneratorFunction]", Sd = "[object Proxy]";
-function Md(e) {
-  if (!Rs(e))
+var Ed = "[object AsyncFunction]", md = "[object Function]", vd = "[object GeneratorFunction]", yd = "[object Proxy]";
+function Rd(e) {
+  if (!ms(e))
     return !1;
-  var A = vs(e);
-  return A == Id || A == Nd || A == Td || A == Sd;
+  var A = Cs(e);
+  return A == md || A == vd || A == Ed || A == yd;
 }
-var bd = mo["__core-js_shared__"];
-const la = bd;
+var Vd = mo["__core-js_shared__"];
+const la = Vd;
 var Si = function() {
   var e = /[^.]+$/.exec(la && la.keys && la.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
-function Hd(e) {
+function Td(e) {
   return !!Si && Si in e;
 }
-var xd = Function.prototype, Zd = xd.toString;
-function kd(e) {
+var Id = Function.prototype, Nd = Id.toString;
+function Sd(e) {
   if (e != null) {
     try {
-      return Zd.call(e);
+      return Nd.call(e);
     } catch {
     }
     try {
@@ -292,59 +220,59 @@ function kd(e) {
   }
   return "";
 }
-var Od = /[\\^$.*+?()[\]{}|]/g, Wd = /^\[object .+?Constructor\]$/, Dd = Function.prototype, Jd = Object.prototype, Kd = Dd.toString, Ld = Jd.hasOwnProperty, Gd = RegExp(
-  "^" + Kd.call(Ld).replace(Od, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+var Md = /[\\^$.*+?()[\]{}|]/g, bd = /^\[object .+?Constructor\]$/, Hd = Function.prototype, xd = Object.prototype, Zd = Hd.toString, kd = xd.hasOwnProperty, Od = RegExp(
+  "^" + Zd.call(kd).replace(Md, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
 );
-function Yd(e) {
-  if (!Rs(e) || Hd(e))
+function Wd(e) {
+  if (!ms(e) || Td(e))
     return !1;
-  var A = Md(e) ? Gd : Wd;
-  return A.test(kd(e));
+  var A = Rd(e) ? Od : bd;
+  return A.test(Sd(e));
 }
-function zd(e, A) {
+function Dd(e, A) {
   return e == null ? void 0 : e[A];
 }
-function Vs(e, A) {
-  var t = zd(e, A);
-  return Yd(t) ? t : void 0;
+function vs(e, A) {
+  var t = Dd(e, A);
+  return Wd(t) ? t : void 0;
 }
-function jd(e, A) {
+function Jd(e, A) {
   return e === A || e !== e && A !== A;
 }
-var Xd = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Pd = /^\w*$/;
-function _d(e, A) {
+var Kd = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/, Ld = /^\w*$/;
+function Gd(e, A) {
   if (yo(e))
     return !1;
   var t = typeof e;
-  return t == "number" || t == "symbol" || t == "boolean" || e == null || vo(e) ? !0 : Pd.test(e) || !Xd.test(e) || A != null && e in Object(A);
+  return t == "number" || t == "symbol" || t == "boolean" || e == null || vo(e) ? !0 : Ld.test(e) || !Kd.test(e) || A != null && e in Object(A);
 }
-var qd = Vs(Object, "create");
-const ur = qd;
-function $d() {
+var Yd = vs(Object, "create");
+const ur = Yd;
+function zd() {
   this.__data__ = ur ? ur(null) : {}, this.size = 0;
 }
-function AB(e) {
+function jd(e) {
   var A = this.has(e) && delete this.__data__[e];
   return this.size -= A ? 1 : 0, A;
 }
-var eB = "__lodash_hash_undefined__", tB = Object.prototype, rB = tB.hasOwnProperty;
-function nB(e) {
+var Xd = "__lodash_hash_undefined__", Pd = Object.prototype, _d = Pd.hasOwnProperty;
+function qd(e) {
   var A = this.__data__;
   if (ur) {
     var t = A[e];
-    return t === eB ? void 0 : t;
+    return t === Xd ? void 0 : t;
   }
-  return rB.call(A, e) ? A[e] : void 0;
+  return _d.call(A, e) ? A[e] : void 0;
 }
-var aB = Object.prototype, oB = aB.hasOwnProperty;
-function iB(e) {
+var $d = Object.prototype, AB = $d.hasOwnProperty;
+function eB(e) {
   var A = this.__data__;
-  return ur ? A[e] !== void 0 : oB.call(A, e);
+  return ur ? A[e] !== void 0 : AB.call(A, e);
 }
-var lB = "__lodash_hash_undefined__";
-function sB(e, A) {
+var tB = "__lodash_hash_undefined__";
+function rB(e, A) {
   var t = this.__data__;
-  return this.size += this.has(e) ? 0 : 1, t[e] = ur && A === void 0 ? lB : A, this;
+  return this.size += this.has(e) ? 0 : 1, t[e] = ur && A === void 0 ? tB : A, this;
 }
 function $e(e) {
   var A = -1, t = e == null ? 0 : e.length;
@@ -353,36 +281,36 @@ function $e(e) {
     this.set(r[0], r[1]);
   }
 }
-$e.prototype.clear = $d;
-$e.prototype.delete = AB;
-$e.prototype.get = nB;
-$e.prototype.has = iB;
-$e.prototype.set = sB;
-function cB() {
+$e.prototype.clear = zd;
+$e.prototype.delete = jd;
+$e.prototype.get = qd;
+$e.prototype.has = eB;
+$e.prototype.set = rB;
+function nB() {
   this.__data__ = [], this.size = 0;
 }
 function Nn(e, A) {
   for (var t = e.length; t--; )
-    if (jd(e[t][0], A))
+    if (Jd(e[t][0], A))
       return t;
   return -1;
 }
-var uB = Array.prototype, dB = uB.splice;
-function BB(e) {
+var aB = Array.prototype, oB = aB.splice;
+function iB(e) {
   var A = this.__data__, t = Nn(A, e);
   if (t < 0)
     return !1;
   var r = A.length - 1;
-  return t == r ? A.pop() : dB.call(A, t, 1), --this.size, !0;
+  return t == r ? A.pop() : oB.call(A, t, 1), --this.size, !0;
 }
-function fB(e) {
+function lB(e) {
   var A = this.__data__, t = Nn(A, e);
   return t < 0 ? void 0 : A[t][1];
 }
-function hB(e) {
+function sB(e) {
   return Nn(this.__data__, e) > -1;
 }
-function gB(e, A) {
+function cB(e, A) {
   var t = this.__data__, r = Nn(t, e);
   return r < 0 ? (++this.size, t.push([e, A])) : t[r][1] = A, this;
 }
@@ -393,39 +321,39 @@ function St(e) {
     this.set(r[0], r[1]);
   }
 }
-St.prototype.clear = cB;
-St.prototype.delete = BB;
-St.prototype.get = fB;
-St.prototype.has = hB;
-St.prototype.set = gB;
-var UB = Vs(mo, "Map");
-const pB = UB;
-function QB() {
+St.prototype.clear = nB;
+St.prototype.delete = iB;
+St.prototype.get = lB;
+St.prototype.has = sB;
+St.prototype.set = cB;
+var uB = vs(mo, "Map");
+const dB = uB;
+function BB() {
   this.size = 0, this.__data__ = {
     hash: new $e(),
-    map: new (pB || St)(),
+    map: new (dB || St)(),
     string: new $e()
   };
 }
-function wB(e) {
+function fB(e) {
   var A = typeof e;
   return A == "string" || A == "number" || A == "symbol" || A == "boolean" ? e !== "__proto__" : e === null;
 }
 function Sn(e, A) {
   var t = e.__data__;
-  return wB(A) ? t[typeof A == "string" ? "string" : "hash"] : t.map;
+  return fB(A) ? t[typeof A == "string" ? "string" : "hash"] : t.map;
 }
-function FB(e) {
+function hB(e) {
   var A = Sn(this, e).delete(e);
   return this.size -= A ? 1 : 0, A;
 }
-function CB(e) {
+function gB(e) {
   return Sn(this, e).get(e);
 }
-function EB(e) {
+function UB(e) {
   return Sn(this, e).has(e);
 }
-function mB(e, A) {
+function pB(e, A) {
   var t = Sn(this, e), r = t.size;
   return t.set(e, A), this.size += t.size == r ? 0 : 1, this;
 }
@@ -436,15 +364,15 @@ function et(e) {
     this.set(r[0], r[1]);
   }
 }
-et.prototype.clear = QB;
-et.prototype.delete = FB;
-et.prototype.get = CB;
-et.prototype.has = EB;
-et.prototype.set = mB;
-var vB = "Expected a function";
+et.prototype.clear = BB;
+et.prototype.delete = hB;
+et.prototype.get = gB;
+et.prototype.has = UB;
+et.prototype.set = pB;
+var QB = "Expected a function";
 function Ro(e, A) {
   if (typeof e != "function" || A != null && typeof A != "function")
-    throw new TypeError(vB);
+    throw new TypeError(QB);
   var t = function() {
     var r = arguments, n = A ? A.apply(this, r) : r[0], a = t.cache;
     if (a.has(n))
@@ -455,71 +383,71 @@ function Ro(e, A) {
   return t.cache = new (Ro.Cache || et)(), t;
 }
 Ro.Cache = et;
-var yB = 500;
-function RB(e) {
+var wB = 500;
+function FB(e) {
   var A = Ro(e, function(r) {
-    return t.size === yB && t.clear(), r;
+    return t.size === wB && t.clear(), r;
   }), t = A.cache;
   return A;
 }
-var VB = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, TB = /\\(\\)?/g, IB = RB(function(e) {
+var CB = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g, EB = /\\(\\)?/g, mB = FB(function(e) {
   var A = [];
-  return e.charCodeAt(0) === 46 && A.push(""), e.replace(VB, function(t, r, n, a) {
-    A.push(n ? a.replace(TB, "$1") : r || t);
+  return e.charCodeAt(0) === 46 && A.push(""), e.replace(CB, function(t, r, n, a) {
+    A.push(n ? a.replace(EB, "$1") : r || t);
   }), A;
 });
-const NB = IB;
-function SB(e) {
-  return e == null ? "" : ys(e);
+const vB = mB;
+function yB(e) {
+  return e == null ? "" : Es(e);
 }
-function MB(e, A) {
-  return yo(e) ? e : _d(e, A) ? [e] : NB(SB(e));
+function RB(e, A) {
+  return yo(e) ? e : Gd(e, A) ? [e] : vB(yB(e));
 }
-var bB = 1 / 0;
-function HB(e) {
+var VB = 1 / 0;
+function TB(e) {
   if (typeof e == "string" || vo(e))
     return e;
   var A = e + "";
-  return A == "0" && 1 / e == -bB ? "-0" : A;
+  return A == "0" && 1 / e == -VB ? "-0" : A;
 }
-function xB(e, A) {
-  A = MB(A, e);
+function IB(e, A) {
+  A = RB(A, e);
   for (var t = 0, r = A.length; e != null && t < r; )
-    e = e[HB(A[t++])];
+    e = e[TB(A[t++])];
   return t && t == r ? e : void 0;
 }
-function ZB(e, A, t) {
-  var r = e == null ? void 0 : xB(e, A);
+function NB(e, A, t) {
+  var r = e == null ? void 0 : IB(e, A);
   return r === void 0 ? t : r;
 }
-function kB(e) {
+function SB(e) {
   for (var A = -1, t = e == null ? 0 : e.length, r = {}; ++A < t; ) {
     var n = e[A];
     r[n[0]] = n[1];
   }
   return r;
 }
-const OB = (e) => e === void 0, sa = (e) => typeof e == "boolean", At = (e) => typeof e == "number", WB = (e) => typeof Element > "u" ? !1 : e instanceof Element, DB = (e) => gn(e) ? !Number.isNaN(Number(e)) : !1;
+const MB = (e) => e === void 0, sa = (e) => typeof e == "boolean", At = (e) => typeof e == "number", bB = (e) => typeof Element > "u" ? !1 : e instanceof Element, HB = (e) => gn(e) ? !Number.isNaN(Number(e)) : !1;
 var Mi;
-const Mt = typeof window < "u", JB = (e) => typeof e == "string", KB = () => {
+const Mt = typeof window < "u", xB = (e) => typeof e == "string", ZB = () => {
 };
 Mt && ((Mi = window == null ? void 0 : window.navigator) != null && Mi.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function Vo(e) {
   return typeof e == "function" ? e() : I(e);
 }
-function LB(e) {
+function kB(e) {
   return e;
 }
 function To(e) {
   return Wu() ? (Du(e), !0) : !1;
 }
-function GB(e, A = !0) {
+function OB(e, A = !0) {
   Ze() ? Oe(e) : A ? e() : de(e);
 }
-function YB(e, A, t = {}) {
+function WB(e, A, t = {}) {
   const {
     immediate: r = !0
-  } = t, n = k(!1);
+  } = t, n = Z(!1);
   let a = null;
   function o() {
     a && (clearTimeout(a), a = null);
@@ -538,47 +466,47 @@ function YB(e, A, t = {}) {
     stop: i
   };
 }
-function Ts(e) {
+function ys(e) {
   var A;
   const t = Vo(e);
   return (A = t == null ? void 0 : t.$el) != null ? A : t;
 }
-const Is = Mt ? window : void 0;
-function zB(...e) {
+const Rs = Mt ? window : void 0;
+function DB(...e) {
   let A, t, r, n;
-  if (JB(e[0]) || Array.isArray(e[0]) ? ([t, r, n] = e, A = Is) : [A, t, r, n] = e, !A)
-    return KB;
+  if (xB(e[0]) || Array.isArray(e[0]) ? ([t, r, n] = e, A = Rs) : [A, t, r, n] = e, !A)
+    return ZB;
   Array.isArray(t) || (t = [t]), Array.isArray(r) || (r = [r]);
   const a = [], o = () => {
     a.forEach((c) => c()), a.length = 0;
-  }, i = (c, u, d, h) => (c.addEventListener(u, d, h), () => c.removeEventListener(u, d, h)), l = FA(() => [Ts(A), Vo(n)], ([c, u]) => {
-    o(), c && a.push(...t.flatMap((d) => r.map((h) => i(c, d, h, u))));
+  }, i = (c, u, d, U) => (c.addEventListener(u, d, U), () => c.removeEventListener(u, d, U)), l = FA(() => [ys(A), Vo(n)], ([c, u]) => {
+    o(), c && a.push(...t.flatMap((d) => r.map((U) => i(c, d, U, u))));
   }, { immediate: !0, flush: "post" }), s = () => {
     l(), o();
   };
   return To(s), s;
 }
-function jB(e, A = !1) {
-  const t = k(), r = () => t.value = !!e();
-  return r(), GB(r, A), t;
+function JB(e, A = !1) {
+  const t = Z(), r = () => t.value = !!e();
+  return r(), OB(r, A), t;
 }
 const bi = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Hi = "__vueuse_ssr_handlers__";
 bi[Hi] = bi[Hi] || {};
-var xi = Object.getOwnPropertySymbols, XB = Object.prototype.hasOwnProperty, PB = Object.prototype.propertyIsEnumerable, _B = (e, A) => {
+var xi = Object.getOwnPropertySymbols, KB = Object.prototype.hasOwnProperty, LB = Object.prototype.propertyIsEnumerable, GB = (e, A) => {
   var t = {};
   for (var r in e)
-    XB.call(e, r) && A.indexOf(r) < 0 && (t[r] = e[r]);
+    KB.call(e, r) && A.indexOf(r) < 0 && (t[r] = e[r]);
   if (e != null && xi)
     for (var r of xi(e))
-      A.indexOf(r) < 0 && PB.call(e, r) && (t[r] = e[r]);
+      A.indexOf(r) < 0 && LB.call(e, r) && (t[r] = e[r]);
   return t;
 };
-function qB(e, A, t = {}) {
-  const r = t, { window: n = Is } = r, a = _B(r, ["window"]);
+function YB(e, A, t = {}) {
+  const r = t, { window: n = Rs } = r, a = GB(r, ["window"]);
   let o;
-  const i = jB(() => n && "ResizeObserver" in n), l = () => {
+  const i = JB(() => n && "ResizeObserver" in n), l = () => {
     o && (o.disconnect(), o = void 0);
-  }, s = FA(() => Ts(e), (u) => {
+  }, s = FA(() => ys(e), (u) => {
     l(), i.value && n && u && (o = new ResizeObserver(A), o.observe(u, a));
   }, { immediate: !0, flush: "post" }), c = () => {
     l(), s();
@@ -592,15 +520,15 @@ var Zi;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
 })(Zi || (Zi = {}));
-var $B = Object.defineProperty, ki = Object.getOwnPropertySymbols, A0 = Object.prototype.hasOwnProperty, e0 = Object.prototype.propertyIsEnumerable, Oi = (e, A, t) => A in e ? $B(e, A, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[A] = t, t0 = (e, A) => {
+var zB = Object.defineProperty, ki = Object.getOwnPropertySymbols, jB = Object.prototype.hasOwnProperty, XB = Object.prototype.propertyIsEnumerable, Oi = (e, A, t) => A in e ? zB(e, A, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[A] = t, PB = (e, A) => {
   for (var t in A || (A = {}))
-    A0.call(A, t) && Oi(e, t, A[t]);
+    jB.call(A, t) && Oi(e, t, A[t]);
   if (ki)
     for (var t of ki(A))
-      e0.call(A, t) && Oi(e, t, A[t]);
+      XB.call(A, t) && Oi(e, t, A[t]);
   return e;
 };
-const r0 = {
+const _B = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -626,15 +554,15 @@ const r0 = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-t0({
-  linear: LB
-}, r0);
+PB({
+  linear: kB
+}, _B);
 const Wi = {
   current: 0
-}, Di = k(0), Ns = 2e3, Ji = Symbol("elZIndexContextKey"), Ss = Symbol("zIndexContextKey"), n0 = (e) => {
-  const A = Ze() ? Xe(Ji, Wi) : Wi, t = e || (Ze() ? Xe(Ss, void 0) : void 0), r = b(() => {
+}, Di = Z(0), Vs = 2e3, Ji = Symbol("elZIndexContextKey"), Ts = Symbol("zIndexContextKey"), qB = (e) => {
+  const A = Ze() ? Xe(Ji, Wi) : Wi, t = e || (Ze() ? Xe(Ts, void 0) : void 0), r = b(() => {
     const o = I(t);
-    return At(o) ? o : Ns;
+    return At(o) ? o : Vs;
   }), n = b(() => r.value + Di.value), a = () => (A.current++, Di.value = A.current, n.value);
   return !Mt && Xe(Ji), {
     initialZIndex: r,
@@ -642,7 +570,7 @@ const Wi = {
     nextZIndex: a
   };
 };
-var a0 = {
+var $B = {
   name: "en",
   el: {
     breadcrumb: {
@@ -821,21 +749,21 @@ var a0 = {
     }
   }
 };
-const o0 = (e) => (A, t) => i0(A, t, I(e)), i0 = (e, A, t) => ZB(t, e, e).replace(/\{(\w+)\}/g, (r, n) => {
+const A0 = (e) => (A, t) => e0(A, t, I(e)), e0 = (e, A, t) => NB(t, e, e).replace(/\{(\w+)\}/g, (r, n) => {
   var a;
   return `${(a = A == null ? void 0 : A[n]) != null ? a : `{${n}}`}`;
-}), l0 = (e) => {
-  const A = b(() => I(e).name), t = Ku(e) ? e : k(e);
+}), t0 = (e) => {
+  const A = b(() => I(e).name), t = Ku(e) ? e : Z(e);
   return {
     lang: A,
     locale: t,
-    t: o0(e)
+    t: A0(e)
   };
-}, Ms = Symbol("localeContextKey"), s0 = (e) => {
-  const A = e || Xe(Ms, k());
-  return l0(b(() => A.value || a0));
-}, bs = "__epPropKey", LA = (e) => e, c0 = (e) => Es(e) && !!e[bs], Hs = (e, A) => {
-  if (!Es(e) || c0(e))
+}, Is = Symbol("localeContextKey"), r0 = (e) => {
+  const A = e || Xe(Is, Z());
+  return t0(b(() => A.value || $B));
+}, Ns = "__epPropKey", LA = (e) => e, n0 = (e) => ws(e) && !!e[Ns], Ss = (e, A) => {
+  if (!ws(e) || n0(e))
     return e;
   const { values: t, required: r, default: n, type: a, validator: o } = e, l = {
     type: a,
@@ -843,22 +771,22 @@ const o0 = (e) => (A, t) => i0(A, t, I(e)), i0 = (e, A, t) => ZB(t, e, e).replac
     validator: t || o ? (s) => {
       let c = !1, u = [];
       if (t && (u = Array.from(t), Vi(e, "default") && u.push(n), c || (c = u.includes(s))), o && (c || (c = o(s))), !c && u.length > 0) {
-        const d = [...new Set(u)].map((h) => JSON.stringify(h)).join(", ");
+        const d = [...new Set(u)].map((U) => JSON.stringify(U)).join(", ");
         Lu(`Invalid prop: validation failed${A ? ` for prop "${A}"` : ""}. Expected one of [${d}], got value ${JSON.stringify(s)}.`);
       }
       return c;
     } : void 0,
-    [bs]: !0
+    [Ns]: !0
   };
   return Vi(e, "default") && (l.default = n), l;
-}, pr = (e) => kB(Object.entries(e).map(([A, t]) => [
+}, pr = (e) => SB(Object.entries(e).map(([A, t]) => [
   A,
-  Hs(t, A)
-])), u0 = ["", "default", "small", "large"], d0 = Hs({
+  Ss(t, A)
+])), a0 = ["", "default", "small", "large"], o0 = Ss({
   type: String,
-  values: u0,
+  values: a0,
   required: !1
-}), B0 = Symbol("size"), f0 = Symbol("emptyValuesContextKey"), h0 = pr({
+}), i0 = Symbol("size"), l0 = Symbol("emptyValuesContextKey"), s0 = pr({
   emptyValues: Array,
   valueOnClear: {
     type: LA([
@@ -870,51 +798,51 @@ const o0 = (e) => (A, t) => i0(A, t, I(e)), i0 = (e, A, t) => ZB(t, e, e).replac
     default: void 0,
     validator: (e) => hn(e) ? !e() : !e
   }
-}), Ki = (e) => Object.keys(e), Un = k();
-function xs(e, A = void 0) {
-  const t = Ze() ? Xe(Fs, Un) : Un;
+}), Ki = (e) => Object.keys(e), Un = Z();
+function Ms(e, A = void 0) {
+  const t = Ze() ? Xe(ps, Un) : Un;
   return e ? b(() => {
     var r, n;
     return (n = (r = t.value) == null ? void 0 : r[e]) != null ? n : A;
   }) : t;
 }
-function g0(e, A) {
-  const t = xs(), r = Eo(e, b(() => {
+function c0(e, A) {
+  const t = Ms(), r = Eo(e, b(() => {
     var i;
     return ((i = t.value) == null ? void 0 : i.namespace) || cn;
-  })), n = s0(b(() => {
+  })), n = r0(b(() => {
     var i;
     return (i = t.value) == null ? void 0 : i.locale;
-  })), a = n0(b(() => {
+  })), a = qB(b(() => {
     var i;
-    return ((i = t.value) == null ? void 0 : i.zIndex) || Ns;
+    return ((i = t.value) == null ? void 0 : i.zIndex) || Vs;
   })), o = b(() => {
     var i;
     return I(A) || ((i = t.value) == null ? void 0 : i.size) || "";
   });
-  return Zs(b(() => I(t) || {})), {
+  return bs(b(() => I(t) || {})), {
     ns: r,
     locale: n,
     zIndex: a,
     size: o
   };
 }
-const Zs = (e, A, t = !1) => {
+const bs = (e, A, t = !1) => {
   var r;
-  const n = !!Ze(), a = n ? xs() : void 0, o = (r = A == null ? void 0 : A.provide) != null ? r : n ? fs : void 0;
+  const n = !!Ze(), a = n ? Ms() : void 0, o = (r = A == null ? void 0 : A.provide) != null ? r : n ? fs : void 0;
   if (!o)
     return;
   const i = b(() => {
     const l = I(e);
-    return a != null && a.value ? U0(a.value, l) : l;
+    return a != null && a.value ? u0(a.value, l) : l;
   });
-  return o(Fs, i), o(Ms, b(() => i.value.locale)), o(Cs, b(() => i.value.namespace)), o(Ss, b(() => i.value.zIndex)), o(B0, {
+  return o(ps, i), o(Is, b(() => i.value.locale)), o(Qs, b(() => i.value.namespace)), o(Ts, b(() => i.value.zIndex)), o(i0, {
     size: b(() => i.value.size || "")
-  }), o(f0, b(() => ({
+  }), o(l0, b(() => ({
     emptyValues: i.value.emptyValues,
     valueOnClear: i.value.valueOnClear
   }))), (t || !Un.value) && (Un.value = i.value), i;
-}, U0 = (e, A) => {
+}, u0 = (e, A) => {
   const t = [.../* @__PURE__ */ new Set([...Ki(e), ...Ki(A)])], r = {};
   for (const n of t)
     r[n] = A[n] !== void 0 ? A[n] : e[n];
@@ -926,15 +854,15 @@ var Io = (e, A) => {
     t[r] = n;
   return t;
 };
-function Ga(e, A = "px") {
+function La(e, A = "px") {
   if (!e)
     return "";
-  if (At(e) || DB(e))
+  if (At(e) || HB(e))
     return `${e}${A}`;
   if (gn(e))
     return e;
 }
-const ks = (e, A) => {
+const Hs = (e, A) => {
   if (e.install = (t) => {
     for (const r of [e, ...Object.values(A ?? {})])
       t.component(r.name, r);
@@ -942,26 +870,26 @@ const ks = (e, A) => {
     for (const [t, r] of Object.entries(A))
       e[t] = r;
   return e;
-}, p0 = (e, A) => (e.install = (t) => {
+}, d0 = (e, A) => (e.install = (t) => {
   e._context = t._context, t.config.globalProperties[A] = e;
-}, e), Q0 = pr({
+}, e), B0 = pr({
   size: {
     type: LA([Number, String])
   },
   color: {
     type: String
   }
-}), w0 = te({
+}), f0 = te({
   name: "ElIcon",
   inheritAttrs: !1
-}), F0 = /* @__PURE__ */ te({
-  ...w0,
-  props: Q0,
+}), h0 = /* @__PURE__ */ te({
+  ...f0,
+  props: B0,
   setup(e) {
     const A = e, t = Eo("icon"), r = b(() => {
       const { size: n, color: a } = A;
       return !n && !a ? {} : {
-        fontSize: OB(n) ? void 0 : Ga(n),
+        fontSize: MB(n) ? void 0 : La(n),
         "--color": a
       };
     });
@@ -973,23 +901,96 @@ const ks = (e, A) => {
     ], 16));
   }
 });
-var C0 = /* @__PURE__ */ Io(F0, [["__file", "icon.vue"]]);
-const Li = ks(C0), E0 = LA([
+var g0 = /* @__PURE__ */ Io(h0, [["__file", "icon.vue"]]);
+const Li = Hs(g0);
+/*! Element Plus Icons Vue v2.3.2 */
+var U0 = /* @__PURE__ */ te({
+  name: "CircleCloseFilled",
+  __name: "circle-close-filled",
+  setup(e) {
+    return (A, t) => (V(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      m("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
+      })
+    ]));
+  }
+}), xs = U0, p0 = /* @__PURE__ */ te({
+  name: "Close",
+  __name: "close",
+  setup(e) {
+    return (A, t) => (V(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      m("path", {
+        fill: "currentColor",
+        d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
+      })
+    ]));
+  }
+}), Q0 = p0, w0 = /* @__PURE__ */ te({
+  name: "InfoFilled",
+  __name: "info-filled",
+  setup(e) {
+    return (A, t) => (V(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      m("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896.064A448 448 0 0 1 512 64m67.2 275.072c33.28 0 60.288-23.104 60.288-57.344s-27.072-57.344-60.288-57.344c-33.28 0-60.16 23.104-60.16 57.344s26.88 57.344 60.16 57.344M590.912 699.2c0-6.848 2.368-24.64 1.024-34.752l-52.608 60.544c-10.88 11.456-24.512 19.392-30.912 17.28a12.99 12.99 0 0 1-8.256-14.72l87.68-276.992c7.168-35.136-12.544-67.2-54.336-71.296-44.096 0-108.992 44.736-148.48 101.504 0 6.784-1.28 23.68.064 33.792l52.544-60.608c10.88-11.328 23.552-19.328 29.952-17.152a12.8 12.8 0 0 1 7.808 16.128L388.48 728.576c-10.048 32.256 8.96 63.872 55.04 71.04 67.84 0 107.904-43.648 147.456-100.416z"
+      })
+    ]));
+  }
+}), Ga = w0, F0 = /* @__PURE__ */ te({
+  name: "SuccessFilled",
+  __name: "success-filled",
+  setup(e) {
+    return (A, t) => (V(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      m("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.27 38.27 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
+      })
+    ]));
+  }
+}), Zs = F0, C0 = /* @__PURE__ */ te({
+  name: "WarningFilled",
+  __name: "warning-filled",
+  setup(e) {
+    return (A, t) => (V(), N("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      m("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 192a58.43 58.43 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.43 58.43 0 0 0 512 256m0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4"
+      })
+    ]));
+  }
+}), ks = C0;
+const E0 = LA([
   String,
   Object,
   Function
 ]), m0 = {
-  Close: td,
-  SuccessFilled: Qs,
-  InfoFilled: La,
-  WarningFilled: ws,
-  CircleCloseFilled: ps
+  Close: Q0,
+  SuccessFilled: Zs,
+  InfoFilled: Ga,
+  WarningFilled: ks,
+  CircleCloseFilled: xs
 }, Gi = {
-  primary: La,
-  success: Qs,
-  warning: ws,
-  error: ps,
-  info: La
+  primary: Ga,
+  success: Zs,
+  warning: ks,
+  error: xs,
+  info: Ga
 }, v0 = (e) => e, y0 = {
   tab: "Tab",
   enter: "Enter",
@@ -1048,8 +1049,8 @@ const Li = ks(C0), E0 = LA([
       return [
         {
           backgroundColor: t.color,
-          marginRight: Ga(-((i = (o = t.offset) == null ? void 0 : o[0]) != null ? i : 0)),
-          marginTop: Ga((s = (l = t.offset) == null ? void 0 : l[1]) != null ? s : 0)
+          marginRight: La(-((i = (o = t.offset) == null ? void 0 : o[0]) != null ? i : 0)),
+          marginTop: La((s = (l = t.offset) == null ? void 0 : l[1]) != null ? s : 0)
         },
         (c = t.badgeStyle) != null ? c : {}
       ];
@@ -1089,7 +1090,7 @@ const Li = ks(C0), E0 = LA([
   }
 });
 var I0 = /* @__PURE__ */ Io(T0, [["__file", "badge.vue"]]);
-const N0 = ks(I0);
+const N0 = Hs(I0);
 function S0(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -1101,7 +1102,7 @@ const M0 = pr({
   locale: {
     type: LA(Object)
   },
-  size: d0,
+  size: o0,
   button: {
     type: LA(Object)
   },
@@ -1126,13 +1127,13 @@ const M0 = pr({
     type: String,
     default: "el"
   },
-  ...h0
+  ...s0
 }), KA = {};
 te({
   name: "ElConfigProvider",
   props: M0,
   setup(e, { slots: A }) {
-    const t = Zs(e);
+    const t = bs(e);
     return FA(() => e.message, (r) => {
       var n, a;
       Object.assign(KA, (a = (n = t == null ? void 0 : t.value) == null ? void 0 : n.message) != null ? a : {}, r ?? {});
@@ -1239,22 +1240,22 @@ const Os = [
   props: b0,
   emits: H0,
   setup(e, { expose: A, emit: t }) {
-    const r = e, { Close: n } = m0, a = k(!1), { ns: o, zIndex: i } = g0("message"), { currentZIndex: l, nextZIndex: s } = i, c = k(), u = k(!1), d = k(0);
-    let h;
+    const r = e, { Close: n } = m0, a = Z(!1), { ns: o, zIndex: i } = c0("message"), { currentZIndex: l, nextZIndex: s } = i, c = Z(), u = Z(!1), d = Z(0);
+    let U;
     const f = b(() => r.type ? r.type === "error" ? "danger" : r.type : "info"), B = b(() => {
       const T = r.type;
       return { [o.bm("icon", T)]: T && Gi[T] };
-    }), g = b(() => r.icon || Gi[r.type] || ""), U = b(() => Z0(r.id)), Q = b(() => k0(r.id, r.offset) + U.value), p = b(() => d.value + Q.value), C = b(() => ({
-      top: `${Q.value}px`,
+    }), g = b(() => r.icon || Gi[r.type] || ""), h = b(() => Z0(r.id)), p = b(() => k0(r.id, r.offset) + h.value), Q = b(() => d.value + p.value), C = b(() => ({
+      top: `${p.value}px`,
       zIndex: l.value
     }));
     function v() {
-      r.duration !== 0 && ({ stop: h } = YB(() => {
+      r.duration !== 0 && ({ stop: U } = WB(() => {
         R();
       }, r.duration));
     }
     function w() {
-      h == null || h();
+      U == null || U();
     }
     function R() {
       u.value = !1, de(() => {
@@ -1269,11 +1270,11 @@ const Os = [
       v(), s(), u.value = !0;
     }), FA(() => r.repeatNum, () => {
       w(), v();
-    }), zB(document, "keydown", M), qB(c, () => {
+    }), DB(document, "keydown", M), YB(c, () => {
       d.value = c.value.getBoundingClientRect().height;
     }), A({
       visible: u,
-      bottom: p,
+      bottom: Q,
       close: R
     }), (T, O) => (V(), vA(hs, {
       name: I(o).b("fade"),
@@ -1355,7 +1356,7 @@ const Ws = (e) => {
     t.appendTo = document.body;
   else if (gn(t.appendTo)) {
     let r = document.querySelector(t.appendTo);
-    WB(r) || (r = document.body), t.appendTo = r;
+    bB(r) || (r = document.body), t.appendTo = r;
   }
   return sa(KA.grouping) && !t.grouping && (t.grouping = KA.grouping), At(KA.duration) && t.duration === 3e3 && (t.duration = KA.duration), At(KA.offset) && t.offset === 16 && (t.offset = KA.offset), sa(KA.showClose) && !t.showClose && (t.showClose = KA.showClose), sa(KA.plain) && !t.plain && (t.plain = KA.plain), t;
 }, K0 = (e) => {
@@ -1423,7 +1424,7 @@ function G0(e) {
 }
 mt.closeAll = G0;
 mt._context = null;
-const dr = p0(mt, "$message");
+const dr = d0(mt, "$message");
 const yA = (e, A) => {
   const t = e.__vccOpts || e;
   for (const [r, n] of A)
@@ -1455,7 +1456,7 @@ const yA = (e, A) => {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: A }) {
-    const t = e, r = A, n = k(null), a = k(!1), o = k(null), i = k(null), l = Xe("config", {}), s = b({
+    const t = e, r = A, n = Z(null), a = Z(!1), o = Z(null), i = Z(null), l = Xe("config", {}), s = b({
       get: () => t.modelValue,
       set: (B) => r("update:modelValue", B)
     }), c = b({
@@ -1468,8 +1469,8 @@ const yA = (e, A) => {
     }, d = (B) => {
       const g = B.target.value.trim();
       g ? g.startsWith("http://") || g.startsWith("https://") || g.startsWith("data:") ? s.value = g : g.startsWith("data:") || (s.value = g) : s.value = "";
-    }, h = async (B) => {
-      var p;
+    }, U = async (B) => {
+      var Q;
       const g = B.target.files[0];
       if (!g)
         return;
@@ -1477,17 +1478,17 @@ const yA = (e, A) => {
         alert("请选择正确的文件类型");
         return;
       }
-      const U = (p = l == null ? void 0 : l.image) == null ? void 0 : p.request;
-      if (!U || typeof U != "function") {
+      const h = (Q = l == null ? void 0 : l.image) == null ? void 0 : Q.request;
+      if (!h || typeof h != "function") {
         f(g);
         return;
       }
       i.value = g;
-      let Q = null;
+      let p = null;
       try {
-        a.value = !0, Q = U(g), o.value = Q;
-        const C = await Q;
-        if (o.value === Q && i.value === g)
+        a.value = !0, p = h(g), o.value = p;
+        const C = await p;
+        if (o.value === p && i.value === g)
           if (C && C.success !== !1) {
             const v = C.url || C.data || C, w = {
               fileName: g.name,
@@ -1500,18 +1501,18 @@ const yA = (e, A) => {
         else
           console.log("组件已切换或文件已改变，忽略上传结果");
       } catch (C) {
-        o.value === Q && i.value === g && (n.value && (n.value.value = ""), dr.error(C.message || "上传失败，请重试"));
+        o.value === p && i.value === g && (n.value && (n.value.value = ""), dr.error(C.message || "上传失败，请重试"));
       } finally {
-        o.value === Q && (a.value = !1, o.value = null, i.value = null);
+        o.value === p && (a.value = !1, o.value = null, i.value = null);
       }
     }, f = (B) => {
       const g = new FileReader();
-      g.onload = (U) => {
-        const Q = {
+      g.onload = (h) => {
+        const p = {
           fileName: B.name,
-          fileSrc: U.target.result
+          fileSrc: h.target.result
         };
-        s.value = Q, r("change", { target: { files: [B] } });
+        s.value = p, r("change", { target: { files: [B] } });
       }, g.onerror = () => {
         alert("文件读取失败，请重试");
       }, g.readAsDataURL(B);
@@ -1519,35 +1520,35 @@ const yA = (e, A) => {
     return zu(() => {
       o.value = null, i.value = null;
     }), (B, g) => {
-      const U = QA("el-icon-loading"), Q = QA("el-icon");
+      const h = QA("el-icon-loading"), p = QA("el-icon");
       return V(), N("div", Y0, [
         e.label ? (V(), N("label", z0, fe(e.label), 1)) : tA("", !0),
         e.type === "select" ? GA((V(), N("select", {
           key: 1,
-          "onUpdate:modelValue": g[0] || (g[0] = (p) => s.value = p)
+          "onUpdate:modelValue": g[0] || (g[0] = (Q) => s.value = Q)
         }, [
-          (V(!0), N(VA, null, Me(e.options, (p) => (V(), N("option", {
-            key: p.value,
-            value: p.value
-          }, fe(p.label), 9, j0))), 128))
+          (V(!0), N(VA, null, Me(e.options, (Q) => (V(), N("option", {
+            key: Q.value,
+            value: Q.value
+          }, fe(Q.label), 9, j0))), 128))
         ], 512)), [
           [ju, s.value]
         ]) : e.type === "color" ? GA((V(), N("input", {
           key: 2,
-          "onUpdate:modelValue": g[1] || (g[1] = (p) => s.value = p),
+          "onUpdate:modelValue": g[1] || (g[1] = (Q) => s.value = Q),
           type: "color"
         }, null, 512)), [
           [Ye, s.value]
         ]) : e.type === "checkbox" ? GA((V(), N("input", {
           key: 3,
-          "onUpdate:modelValue": g[2] || (g[2] = (p) => s.value = p),
+          "onUpdate:modelValue": g[2] || (g[2] = (Q) => s.value = Q),
           type: "checkbox"
         }, null, 512)), [
           [Xu, s.value]
         ]) : e.type === "file" ? (V(), N("div", X0, [
           GA(m("input", {
             type: "text",
-            "onUpdate:modelValue": g[3] || (g[3] = (p) => c.value = p),
+            "onUpdate:modelValue": g[3] || (g[3] = (Q) => c.value = Q),
             placeholder: "请选择图片",
             class: "file-url-input",
             onInput: d,
@@ -1561,12 +1562,12 @@ const yA = (e, A) => {
             class: "file-select-btn",
             disabled: a.value
           }, [
-            a.value ? (V(), vA(Q, {
+            a.value ? (V(), vA(p, {
               key: 0,
               class: "is-loading"
             }, {
               default: j(() => [
-                W(U)
+                W(h)
               ]),
               _: 1
             })) : (V(), N("span", _0, fe(a.value ? "上传中..." : "选择"), 1))
@@ -1574,14 +1575,14 @@ const yA = (e, A) => {
           m("input", {
             type: "file",
             accept: e.accept,
-            onChange: h,
+            onChange: U,
             ref_key: "fileInput",
             ref: n,
             class: "file-input"
           }, null, 40, q0)
         ])) : GA((V(), N("input", {
           key: 5,
-          "onUpdate:modelValue": g[4] || (g[4] = (p) => s.value = p),
+          "onUpdate:modelValue": g[4] || (g[4] = (Q) => s.value = Q),
           type: e.type,
           min: e.min,
           max: e.max,
@@ -1627,10 +1628,10 @@ const ef = { class: "property-layout-container" }, tf = {
   setup(e, { emit: A }) {
     const t = e, r = A, { propsConfig: n, panelType: a } = _u(t), o = b(() => `${a.value}-property-panel`), i = b(() => {
       const d = n.value.propertyPanel;
-      return d && typeof d == "object" && !Array.isArray(d) ? Object.keys(d).map((h) => ({
-        prop: h,
-        ...d[h]
-      })).filter((h) => !h.hide) : Array.isArray(d) ? d.filter((h) => !h.hide) || [] : [];
+      return d && typeof d == "object" && !Array.isArray(d) ? Object.keys(d).map((U) => ({
+        prop: U,
+        ...d[U]
+      })).filter((U) => !U.hide) : Array.isArray(d) ? d.filter((U) => !U.hide) || [] : [];
     }), l = b({
       get: () => t.modelValue,
       set: (d) => r("update:modelValue", d)
@@ -1640,10 +1641,10 @@ const ef = { class: "property-layout-container" }, tf = {
       var f;
       if (d.options)
         return d.options || [];
-      const h = JSON.parse(JSON.stringify(((f = t.options) == null ? void 0 : f[d == null ? void 0 : d.optionsKey]) || [])) || [];
-      return h.unshift({ label: "无", value: "" }), h;
+      const U = JSON.parse(JSON.stringify(((f = t.options) == null ? void 0 : f[d == null ? void 0 : d.optionsKey]) || [])) || [];
+      return U.unshift({ label: "无", value: "" }), U;
     }, u = (d) => d.layout ? d.layout : ["text", "file", "textarea"].includes(d.type) ? "full" : "half";
-    return fs("config", t.propsConfig), (d, h) => (V(), N("div", {
+    return fs("config", t.propsConfig), (d, U) => (V(), N("div", {
       class: _A(o.value)
     }, [
       m("div", ef, [
@@ -4380,7 +4381,7 @@ const BQ = {
     }
   },
   setup(e) {
-    const A = e, t = k(null), r = b(() => A.modelValue.__selected || !1), n = b(() => ({
+    const A = e, t = Z(null), r = b(() => A.modelValue.__selected || !1), n = b(() => ({
       position: "absolute",
       left: "-2px",
       top: "-2px",
@@ -4407,16 +4408,16 @@ const BQ = {
         };
         clearTimeout(d), d = setTimeout(B, u);
       };
-    }, i = k({
+    }, i = Z({
       value: "",
       type: "",
       lineColor: "",
       codeType: ""
     }), l = () => {
-      var U, Q, p, C, v, w, R, M, T, O;
+      var h, p, Q, C, v, w, R, M, T, O;
       if (!t.value)
         return;
-      const c = at((Q = (U = A.propsConfig) == null ? void 0 : U.barcode) == null ? void 0 : Q.propertyPanel) || {}, u = ((p = A.modelValue) == null ? void 0 : p.BarcodeValue) || c.BarcodeValue || "", d = ((C = A.modelValue) == null ? void 0 : C.CodeType) || c.CodeType || "", h = A.modelValue.LineColor || c.LineColor, f = ((O = (T = (M = (R = (w = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : w.propertyPanel) == null ? void 0 : R.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : T.find((D) => D.value === d)) == null ? void 0 : O.compValue) || "", B = { value: u, type: d, lineColor: h, codeType: f };
+      const c = at((p = (h = A.propsConfig) == null ? void 0 : h.barcode) == null ? void 0 : p.propertyPanel) || {}, u = ((Q = A.modelValue) == null ? void 0 : Q.BarcodeValue) || c.BarcodeValue || "", d = ((C = A.modelValue) == null ? void 0 : C.CodeType) || c.CodeType || "", U = A.modelValue.LineColor || c.LineColor, f = ((O = (T = (M = (R = (w = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : w.propertyPanel) == null ? void 0 : R.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : T.find((D) => D.value === d)) == null ? void 0 : O.compValue) || "", B = { value: u, type: d, lineColor: U, codeType: f };
       if (JSON.stringify(B) !== JSON.stringify(i.value)) {
         i.value = B;
         try {
@@ -4430,7 +4431,7 @@ const BQ = {
             // 条形码的边距
             margin: 0,
             // 条形码的颜色
-            lineColor: h,
+            lineColor: U,
             // 条形码的高度
             height: 50,
             // 确保条形码能够正确渲染
@@ -4725,8 +4726,8 @@ var Uc = {};
     for (let u = 0; u < a; u++) {
       i = l = 0, s = c = null;
       for (let d = 0; d < a; d++) {
-        let h = n.get(u, d);
-        h === s ? i++ : (i >= 5 && (o += A.N1 + (i - 5)), s = h, i = 1), h = n.get(d, u), h === c ? l++ : (l >= 5 && (o += A.N1 + (l - 5)), c = h, l = 1);
+        let U = n.get(u, d);
+        U === s ? i++ : (i >= 5 && (o += A.N1 + (i - 5)), s = U, i = 1), U = n.get(d, u), U === c ? l++ : (l >= 5 && (o += A.N1 + (l - 5)), c = U, l = 1);
       }
       i >= 5 && (o += A.N1 + (i - 5)), l >= 5 && (o += A.N1 + (l - 5));
     }
@@ -5302,66 +5303,66 @@ he.testAlphanumeric = function(A) {
 })(De);
 (function(e) {
   const A = zA, t = Gn, r = Ln, n = De, a = ui, o = 7973, i = A.getBCHDigit(o);
-  function l(d, h, f) {
+  function l(d, U, f) {
     for (let B = 1; B <= 40; B++)
-      if (h <= e.getCapacity(B, f, d))
+      if (U <= e.getCapacity(B, f, d))
         return B;
   }
-  function s(d, h) {
-    return n.getCharCountIndicator(d, h) + 4;
+  function s(d, U) {
+    return n.getCharCountIndicator(d, U) + 4;
   }
-  function c(d, h) {
+  function c(d, U) {
     let f = 0;
     return d.forEach(function(B) {
-      const g = s(B.mode, h);
+      const g = s(B.mode, U);
       f += g + B.getBitsLength();
     }), f;
   }
-  function u(d, h) {
+  function u(d, U) {
     for (let f = 1; f <= 40; f++)
-      if (c(d, f) <= e.getCapacity(f, h, n.MIXED))
+      if (c(d, f) <= e.getCapacity(f, U, n.MIXED))
         return f;
   }
-  e.from = function(h, f) {
-    return a.isValid(h) ? parseInt(h, 10) : f;
-  }, e.getCapacity = function(h, f, B) {
-    if (!a.isValid(h))
+  e.from = function(U, f) {
+    return a.isValid(U) ? parseInt(U, 10) : f;
+  }, e.getCapacity = function(U, f, B) {
+    if (!a.isValid(U))
       throw new Error("Invalid QR Code version");
     typeof B > "u" && (B = n.BYTE);
-    const g = A.getSymbolTotalCodewords(h), U = t.getTotalCodewordsCount(h, f), Q = (g - U) * 8;
+    const g = A.getSymbolTotalCodewords(U), h = t.getTotalCodewordsCount(U, f), p = (g - h) * 8;
     if (B === n.MIXED)
-      return Q;
-    const p = Q - s(B, h);
+      return p;
+    const Q = p - s(B, U);
     switch (B) {
       case n.NUMERIC:
-        return Math.floor(p / 10 * 3);
+        return Math.floor(Q / 10 * 3);
       case n.ALPHANUMERIC:
-        return Math.floor(p / 11 * 2);
+        return Math.floor(Q / 11 * 2);
       case n.KANJI:
-        return Math.floor(p / 13);
+        return Math.floor(Q / 13);
       case n.BYTE:
       default:
-        return Math.floor(p / 8);
+        return Math.floor(Q / 8);
     }
-  }, e.getBestVersionForData = function(h, f) {
+  }, e.getBestVersionForData = function(U, f) {
     let B;
     const g = r.from(f, r.M);
-    if (Array.isArray(h)) {
-      if (h.length > 1)
-        return u(h, g);
-      if (h.length === 0)
+    if (Array.isArray(U)) {
+      if (U.length > 1)
+        return u(U, g);
+      if (U.length === 0)
         return 1;
-      B = h[0];
+      B = U[0];
     } else
-      B = h;
+      B = U;
     return l(B.mode, B.getLength(), g);
-  }, e.getEncodedBits = function(h) {
-    if (!a.isValid(h) || h < 7)
+  }, e.getEncodedBits = function(U) {
+    if (!a.isValid(U) || U < 7)
       throw new Error("Invalid QR Code version");
-    let f = h << 12;
+    let f = U << 12;
     for (; A.getBCHDigit(f) - i >= 0; )
       f ^= o << A.getBCHDigit(f) - i;
-    return h << 12 | f;
+    return U << 12 | f;
   };
 })(wc);
 var Cc = {};
@@ -5518,14 +5519,14 @@ var OQ = It, vc = { exports: {} };
       o[r] = 0;
       var i = A.PriorityQueue.make();
       i.push(r, 0);
-      for (var l, s, c, u, d, h, f, B, g; !i.empty(); ) {
+      for (var l, s, c, u, d, U, f, B, g; !i.empty(); ) {
         l = i.pop(), s = l.value, u = l.cost, d = t[s] || {};
         for (c in d)
-          d.hasOwnProperty(c) && (h = d[c], f = u + h, B = o[c], g = typeof o[c] > "u", (g || B > f) && (o[c] = f, i.push(c, f), a[c] = s));
+          d.hasOwnProperty(c) && (U = d[c], f = u + U, B = o[c], g = typeof o[c] > "u", (g || B > f) && (o[c] = f, i.push(c, f), a[c] = s));
       }
       if (typeof n < "u" && typeof o[n] > "u") {
-        var U = ["Could not find a path from ", r, " to ", n, "."].join("");
-        throw new Error(U);
+        var h = ["Could not find a path from ", r, " to ", n, "."].join("");
+        throw new Error(h);
       }
       return a;
     },
@@ -5579,25 +5580,25 @@ var OQ = It, vc = { exports: {} };
 var WQ = vc.exports;
 (function(e) {
   const A = De, t = SQ, r = bQ, n = xQ, a = OQ, o = he, i = zA, l = WQ;
-  function s(U) {
-    return unescape(encodeURIComponent(U)).length;
+  function s(h) {
+    return unescape(encodeURIComponent(h)).length;
   }
-  function c(U, Q, p) {
+  function c(h, p, Q) {
     const C = [];
     let v;
-    for (; (v = U.exec(p)) !== null; )
+    for (; (v = h.exec(Q)) !== null; )
       C.push({
         data: v[0],
         index: v.index,
-        mode: Q,
+        mode: p,
         length: v[0].length
       });
     return C;
   }
-  function u(U) {
-    const Q = c(o.NUMERIC, A.NUMERIC, U), p = c(o.ALPHANUMERIC, A.ALPHANUMERIC, U);
+  function u(h) {
+    const p = c(o.NUMERIC, A.NUMERIC, h), Q = c(o.ALPHANUMERIC, A.ALPHANUMERIC, h);
     let C, v;
-    return i.isKanjiModeEnabled() ? (C = c(o.BYTE, A.BYTE, U), v = c(o.KANJI, A.KANJI, U)) : (C = c(o.BYTE_KANJI, A.BYTE, U), v = []), Q.concat(p, C, v).sort(function(R, M) {
+    return i.isKanjiModeEnabled() ? (C = c(o.BYTE, A.BYTE, h), v = c(o.KANJI, A.KANJI, h)) : (C = c(o.BYTE_KANJI, A.BYTE, h), v = []), p.concat(Q, C, v).sort(function(R, M) {
       return R.index - M.index;
     }).map(function(R) {
       return {
@@ -5607,104 +5608,104 @@ var WQ = vc.exports;
       };
     });
   }
-  function d(U, Q) {
-    switch (Q) {
+  function d(h, p) {
+    switch (p) {
       case A.NUMERIC:
-        return t.getBitsLength(U);
+        return t.getBitsLength(h);
       case A.ALPHANUMERIC:
-        return r.getBitsLength(U);
+        return r.getBitsLength(h);
       case A.KANJI:
-        return a.getBitsLength(U);
+        return a.getBitsLength(h);
       case A.BYTE:
-        return n.getBitsLength(U);
+        return n.getBitsLength(h);
     }
   }
-  function h(U) {
-    return U.reduce(function(Q, p) {
-      const C = Q.length - 1 >= 0 ? Q[Q.length - 1] : null;
-      return C && C.mode === p.mode ? (Q[Q.length - 1].data += p.data, Q) : (Q.push(p), Q);
+  function U(h) {
+    return h.reduce(function(p, Q) {
+      const C = p.length - 1 >= 0 ? p[p.length - 1] : null;
+      return C && C.mode === Q.mode ? (p[p.length - 1].data += Q.data, p) : (p.push(Q), p);
     }, []);
   }
-  function f(U) {
-    const Q = [];
-    for (let p = 0; p < U.length; p++) {
-      const C = U[p];
+  function f(h) {
+    const p = [];
+    for (let Q = 0; Q < h.length; Q++) {
+      const C = h[Q];
       switch (C.mode) {
         case A.NUMERIC:
-          Q.push([
+          p.push([
             C,
             { data: C.data, mode: A.ALPHANUMERIC, length: C.length },
             { data: C.data, mode: A.BYTE, length: C.length }
           ]);
           break;
         case A.ALPHANUMERIC:
-          Q.push([
+          p.push([
             C,
             { data: C.data, mode: A.BYTE, length: C.length }
           ]);
           break;
         case A.KANJI:
-          Q.push([
+          p.push([
             C,
             { data: C.data, mode: A.BYTE, length: s(C.data) }
           ]);
           break;
         case A.BYTE:
-          Q.push([
+          p.push([
             { data: C.data, mode: A.BYTE, length: s(C.data) }
           ]);
       }
     }
-    return Q;
+    return p;
   }
-  function B(U, Q) {
-    const p = {}, C = { start: {} };
+  function B(h, p) {
+    const Q = {}, C = { start: {} };
     let v = ["start"];
-    for (let w = 0; w < U.length; w++) {
-      const R = U[w], M = [];
+    for (let w = 0; w < h.length; w++) {
+      const R = h[w], M = [];
       for (let T = 0; T < R.length; T++) {
         const O = R[T], D = "" + w + T;
-        M.push(D), p[D] = { node: O, lastCount: 0 }, C[D] = {};
+        M.push(D), Q[D] = { node: O, lastCount: 0 }, C[D] = {};
         for (let L = 0; L < v.length; L++) {
           const S = v[L];
-          p[S] && p[S].node.mode === O.mode ? (C[S][D] = d(p[S].lastCount + O.length, O.mode) - d(p[S].lastCount, O.mode), p[S].lastCount += O.length) : (p[S] && (p[S].lastCount = O.length), C[S][D] = d(O.length, O.mode) + 4 + A.getCharCountIndicator(O.mode, Q));
+          Q[S] && Q[S].node.mode === O.mode ? (C[S][D] = d(Q[S].lastCount + O.length, O.mode) - d(Q[S].lastCount, O.mode), Q[S].lastCount += O.length) : (Q[S] && (Q[S].lastCount = O.length), C[S][D] = d(O.length, O.mode) + 4 + A.getCharCountIndicator(O.mode, p));
         }
       }
       v = M;
     }
     for (let w = 0; w < v.length; w++)
       C[v[w]].end = 0;
-    return { map: C, table: p };
+    return { map: C, table: Q };
   }
-  function g(U, Q) {
-    let p;
-    const C = A.getBestModeForData(U);
-    if (p = A.from(Q, C), p !== A.BYTE && p.bit < C.bit)
-      throw new Error('"' + U + '" cannot be encoded with mode ' + A.toString(p) + `.
+  function g(h, p) {
+    let Q;
+    const C = A.getBestModeForData(h);
+    if (Q = A.from(p, C), Q !== A.BYTE && Q.bit < C.bit)
+      throw new Error('"' + h + '" cannot be encoded with mode ' + A.toString(Q) + `.
  Suggested mode is: ` + A.toString(C));
-    switch (p === A.KANJI && !i.isKanjiModeEnabled() && (p = A.BYTE), p) {
+    switch (Q === A.KANJI && !i.isKanjiModeEnabled() && (Q = A.BYTE), Q) {
       case A.NUMERIC:
-        return new t(U);
+        return new t(h);
       case A.ALPHANUMERIC:
-        return new r(U);
+        return new r(h);
       case A.KANJI:
-        return new a(U);
+        return new a(h);
       case A.BYTE:
-        return new n(U);
+        return new n(h);
     }
   }
-  e.fromArray = function(Q) {
-    return Q.reduce(function(p, C) {
-      return typeof C == "string" ? p.push(g(C, null)) : C.data && p.push(g(C.data, C.mode)), p;
+  e.fromArray = function(p) {
+    return p.reduce(function(Q, C) {
+      return typeof C == "string" ? Q.push(g(C, null)) : C.data && Q.push(g(C.data, C.mode)), Q;
     }, []);
-  }, e.fromString = function(Q, p) {
-    const C = u(Q, i.isKanjiModeEnabled()), v = f(C), w = B(v, p), R = l.find_path(w.map, "start", "end"), M = [];
+  }, e.fromString = function(p, Q) {
+    const C = u(p, i.isKanjiModeEnabled()), v = f(C), w = B(v, Q), R = l.find_path(w.map, "start", "end"), M = [];
     for (let T = 1; T < R.length - 1; T++)
       M.push(w.table[R[T]].node);
-    return e.fromArray(h(M));
-  }, e.rawSplit = function(Q) {
+    return e.fromArray(U(M));
+  }, e.rawSplit = function(p) {
     return e.fromArray(
-      u(Q, i.isKanjiModeEnabled())
+      u(p, i.isKanjiModeEnabled())
     );
   };
 })(mc);
@@ -5778,24 +5779,24 @@ function $Q(e, A, t) {
   return Aw(r, e, A);
 }
 function Aw(e, A, t) {
-  const r = zn.getSymbolTotalCodewords(A), n = _a.getTotalCodewordsCount(A, t), a = r - n, o = _a.getBlocksCount(A, t), i = r % o, l = o - i, s = Math.floor(r / o), c = Math.floor(a / o), u = c + 1, d = s - c, h = new GQ(d);
+  const r = zn.getSymbolTotalCodewords(A), n = _a.getTotalCodewordsCount(A, t), a = r - n, o = _a.getBlocksCount(A, t), i = r % o, l = o - i, s = Math.floor(r / o), c = Math.floor(a / o), u = c + 1, d = s - c, U = new GQ(d);
   let f = 0;
   const B = new Array(o), g = new Array(o);
-  let U = 0;
-  const Q = new Uint8Array(e.buffer);
+  let h = 0;
+  const p = new Uint8Array(e.buffer);
   for (let R = 0; R < o; R++) {
     const M = R < l ? c : u;
-    B[R] = Q.slice(f, f + M), g[R] = h.encode(B[R]), f += M, U = Math.max(U, M);
+    B[R] = p.slice(f, f + M), g[R] = U.encode(B[R]), f += M, h = Math.max(h, M);
   }
-  const p = new Uint8Array(r);
+  const Q = new Uint8Array(r);
   let C = 0, v, w;
-  for (v = 0; v < U; v++)
+  for (v = 0; v < h; v++)
     for (w = 0; w < o; w++)
-      v < B[w].length && (p[C++] = B[w][v]);
+      v < B[w].length && (Q[C++] = B[w][v]);
   for (v = 0; v < d; v++)
     for (w = 0; w < o; w++)
-      p[C++] = g[w][v];
-  return p;
+      Q[C++] = g[w][v];
+  return Q;
 }
 function ew(e, A, t, r) {
   let n;
@@ -5882,11 +5883,11 @@ var yc = {}, di = {};
   }, e.qrToImageData = function(r, n, a) {
     const o = n.modules.size, i = n.modules.data, l = e.getScale(o, a), s = Math.floor((o + a.margin * 2) * l), c = a.margin * l, u = [a.color.light, a.color.dark];
     for (let d = 0; d < s; d++)
-      for (let h = 0; h < s; h++) {
-        let f = (d * s + h) * 4, B = a.color.light;
-        if (d >= c && h >= c && d < s - c && h < s - c) {
-          const g = Math.floor((d - c) / l), U = Math.floor((h - c) / l);
-          B = u[i[g * o + U] ? 1 : 0];
+      for (let U = 0; U < s; U++) {
+        let f = (d * s + U) * 4, B = a.color.light;
+        if (d >= c && U >= c && d < s - c && U < s - c) {
+          const g = Math.floor((d - c) / l), h = Math.floor((U - c) / l);
+          B = u[i[g * o + h] ? 1 : 0];
         }
         r[f++] = B.r, r[f++] = B.g, r[f++] = B.b, r[f] = B.a;
       }
@@ -5980,7 +5981,7 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
     propsConfig: { type: Object, required: !0 }
   },
   setup(e) {
-    const A = e, t = k(""), r = k(null), n = b(() => A.modelValue.__selected || !1), a = b(() => ({
+    const A = e, t = Z(""), r = Z(null), n = b(() => A.modelValue.__selected || !1), a = b(() => ({
       position: "absolute",
       left: "-2px",
       top: "-2px",
@@ -5990,16 +5991,16 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
       pointerEvents: "none",
       boxSizing: "border-box",
       zIndex: 1e3
-    })), o = k(null), i = () => {
+    })), o = Z(null), i = () => {
       var B, g;
       return o.value || (o.value = at((g = (B = A.propsConfig) == null ? void 0 : B.qrcode) == null ? void 0 : g.propertyPanel) || {}), o.value;
     }, l = (B, g) => g ? B.QRCodeValue !== g.QRCodeValue || B.QRCodeForeground !== g.QRCodeForeground || B.QRCodeBackground !== g.QRCodeBackground || B.QRCodeErrorLevel !== g.QRCodeErrorLevel : !0, s = async () => {
-      var B, g, U, Q;
+      var B, g, h, p;
       try {
-        const p = i(), C = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || p.QRCodeValue || "测试二维码";
-        let v = ((g = A.modelValue) == null ? void 0 : g.QRCodeForeground) || p.QRCodeForeground || "#000000", w = ((U = A.modelValue) == null ? void 0 : U.QRCodeBackground) || p.QRCodeBackground || "#ffffff";
+        const Q = i(), C = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || Q.QRCodeValue || "测试二维码";
+        let v = ((g = A.modelValue) == null ? void 0 : g.QRCodeForeground) || Q.QRCodeForeground || "#000000", w = ((h = A.modelValue) == null ? void 0 : h.QRCodeBackground) || Q.QRCodeBackground || "#ffffff";
         (v === "transparent" || !v) && (v = "#000000"), (w === "transparent" || !w) && (w = "#ffffff");
-        const M = { L: "low", M: "medium", Q: "quartile", H: "high" }[((Q = A.modelValue) == null ? void 0 : Q.QRCodeErrorLevel) || p.QRCodeErrorLevel || "M"] || "medium";
+        const M = { L: "low", M: "medium", Q: "quartile", H: "high" }[((p = A.modelValue) == null ? void 0 : p.QRCodeErrorLevel) || Q.QRCodeErrorLevel || "M"] || "medium";
         C && C.trim() ? t.value = await mr.toDataURL(C, {
           width: lw,
           margin: 0,
@@ -6010,15 +6011,15 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
           },
           errorCorrectionLevel: M
         }) : t.value = "";
-      } catch (p) {
-        console.error("生成二维码失败:", p), t.value = "";
+      } catch (Q) {
+        console.error("生成二维码失败:", Q), t.value = "";
       }
     }, c = b(() => {
-      var Q, p;
-      const B = i(), g = ((Q = A.modelValue) == null ? void 0 : Q.width) ?? B.width, U = ((p = A.modelValue) == null ? void 0 : p.height) ?? B.height;
+      var p, Q;
+      const B = i(), g = ((p = A.modelValue) == null ? void 0 : p.width) ?? B.width, h = ((Q = A.modelValue) == null ? void 0 : Q.height) ?? B.height;
       return {
         width: pn(g) + "px",
-        height: pn(U) + "px",
+        height: pn(h) + "px",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
@@ -6027,13 +6028,13 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
     }), u = () => {
     }, d = () => {
       console.warn("QR Code image failed to load"), s();
-    }, h = () => {
+    }, U = () => {
       const B = A.modelValue, g = r.value;
       l(B, g) && s();
     }, f = (() => {
       let B;
       return () => {
-        clearTimeout(B), B = setTimeout(h, 50);
+        clearTimeout(B), B = setTimeout(U, 50);
       };
     })();
     return Oe(() => {
@@ -6052,7 +6053,7 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
     }, { deep: !0 }), Ur(() => {
       r.value = null, o.value = null, t.value = "";
     }), (B, g) => {
-      var U;
+      var h;
       return V(), N("div", {
         class: "qrcode-component",
         onDragstart: g[0] || (g[0] = xA(() => {
@@ -6062,7 +6063,7 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
         m("div", ow, [
           m("img", {
             src: t.value,
-            alt: "QR Code: " + (((U = A.modelValue) == null ? void 0 : U.QRCodeValue) || ""),
+            alt: "QR Code: " + (((h = A.modelValue) == null ? void 0 : h.QRCodeValue) || ""),
             class: "qrcode-image",
             onLoad: u,
             onError: d
@@ -6145,7 +6146,7 @@ const Uw = {
   },
   emits: ["update:modelValue"],
   setup(e, { emit: A }) {
-    const t = e, r = A, n = k(""), a = k(!1), o = k(!1), i = b(() => !!n.value && !a.value && !o.value), l = b(() => t.modelValue.__selected || !1), s = b(() => ({
+    const t = e, r = A, n = Z(""), a = Z(!1), o = Z(!1), i = b(() => !!n.value && !a.value && !o.value), l = b(() => t.modelValue.__selected || !1), s = b(() => ({
       position: "absolute",
       left: "-2px",
       top: "-2px",
@@ -6155,9 +6156,9 @@ const Uw = {
       pointerEvents: "none",
       boxSizing: "border-box",
       zIndex: 1e3
-    })), c = k(null), u = () => {
-      var Q, p;
-      return c.value || (c.value = at((p = (Q = t.propsConfig) == null ? void 0 : Q.image) == null ? void 0 : p.propertyPanel) || {}), c.value;
+    })), c = Z(null), u = () => {
+      var p, Q;
+      return c.value || (c.value = at((Q = (p = t.propsConfig) == null ? void 0 : p.image) == null ? void 0 : Q.propertyPanel) || {}), c.value;
     }, d = b(() => ({
       width: "100%",
       height: "100%",
@@ -6166,16 +6167,16 @@ const Uw = {
       justifyContent: "center",
       overflow: "hidden",
       position: "relative"
-    })), h = b(() => {
+    })), U = b(() => {
       var v;
       if (!n.value)
         return {};
-      const Q = u(), p = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? Q.ScaleMode ?? 1, C = {
+      const p = u(), Q = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? p.ScaleMode ?? 1, C = {
         maxWidth: "100%",
         maxHeight: "100%",
         display: "block"
       };
-      switch (p) {
+      switch (Q) {
         case 1:
           return {
             ...C,
@@ -6208,20 +6209,20 @@ const Uw = {
     }, B = () => {
       a.value = !1, o.value = !0, n.value = "";
       try {
-        const Q = { ...t.modelValue || {} };
-        Q.ImageSrc = "", r("update:modelValue", Q);
+        const p = { ...t.modelValue || {} };
+        p.ImageSrc = "", r("update:modelValue", p);
       } catch {
       }
       dr && dr.error("图片加载失败，请重新上传");
     }, g = () => {
       var v;
-      const Q = u(), p = ((v = t.modelValue) == null ? void 0 : v.ImageSrc) || Q.ImageSrc || "";
+      const p = u(), Q = ((v = t.modelValue) == null ? void 0 : v.ImageSrc) || p.ImageSrc || "";
       let C = "";
-      typeof p == "object" && p.fileSrc ? C = p.fileSrc : typeof p == "string" && (C = p), C !== n.value && (n.value = C, a.value = !1, o.value = !1);
-    }, U = () => {
-      var p;
-      const Q = (p = t.modelValue) == null ? void 0 : p.ImageSrc;
-      return typeof Q == "object" && Q.fileName ? Q.fileName : "未命名图片";
+      typeof Q == "object" && Q.fileSrc ? C = Q.fileSrc : typeof Q == "string" && (C = Q), C !== n.value && (n.value = C, a.value = !1, o.value = !1);
+    }, h = () => {
+      var Q;
+      const p = (Q = t.modelValue) == null ? void 0 : Q.ImageSrc;
+      return typeof p == "object" && p.fileName ? p.fileName : "未命名图片";
     };
     return FA(() => t.modelValue, () => {
       g();
@@ -6231,7 +6232,7 @@ const Uw = {
       de(() => {
         g();
       });
-    }), (Q, p) => {
+    }), (p, Q) => {
       const C = QA("el-icon-picture-filled"), v = QA("el-icon"), w = QA("el-icon-loading");
       return V(), N("div", {
         class: "image-component",
@@ -6240,12 +6241,12 @@ const Uw = {
         n.value ? (V(), N("img", {
           key: 1,
           src: n.value,
-          alt: "Image: " + U(),
+          alt: "Image: " + h(),
           class: "image-content",
-          style: AA(h.value),
+          style: AA(U.value),
           onLoad: f,
           onError: B,
-          onDragstart: p[0] || (p[0] = xA(() => {
+          onDragstart: Q[0] || (Q[0] = xA(() => {
           }, ["prevent"]))
         }, null, 44, pw)) : (V(), N("div", Uw, [
           W(v, {
@@ -6333,7 +6334,7 @@ function yw(e, A) {
 }
 const Rw = /* @__PURE__ */ yA(mw, [["render", yw]]);
 function Tc(e, A) {
-  const t = k({}), r = () => {
+  const t = Z({}), r = () => {
     var o, i;
     if ((i = (o = e.propsConfig) == null ? void 0 : o[A]) != null && i.propertyPanel) {
       const l = at(e.propsConfig[A].propertyPanel);
@@ -6461,11 +6462,11 @@ const Sw = {
   emits: ["update:modelValue"],
   setup(e, { emit: A }) {
     const t = e, { defaultProps: r, isSelected: n } = Tc(t, "rectangle"), a = b(() => Vw()), o = b(() => Tw()), i = b(() => {
-      var g, U;
-      return fi(((g = t.modelValue) == null ? void 0 : g.LineWidth) ?? ((U = r.value) == null ? void 0 : U.LineWidth));
+      var g, h;
+      return fi(((g = t.modelValue) == null ? void 0 : g.LineWidth) ?? ((h = r.value) == null ? void 0 : h.LineWidth));
     }), l = b(() => {
-      var g, U;
-      return Sc(((g = t.modelValue) == null ? void 0 : g.LineStyle) ?? ((U = r.value) == null ? void 0 : U.LineStyle));
+      var g, h;
+      return Sc(((g = t.modelValue) == null ? void 0 : g.LineStyle) ?? ((h = r.value) == null ? void 0 : h.LineStyle));
     }), s = b(() => l.value === "solid" && i.value < 1), c = b(() => {
       if (s.value) {
         const g = dl(t.modelValue, r.value);
@@ -6480,7 +6481,7 @@ const Sw = {
       background: u,
       transform: `scaleY(${i.value})`,
       transformOrigin: "top left"
-    })), h = b(() => ({
+    })), U = b(() => ({
       left: 0,
       bottom: 0,
       width: "100%",
@@ -6506,8 +6507,8 @@ const Sw = {
       transformOrigin: "top right"
     }));
     return FA(() => t.propsConfig, () => {
-      var U, Q;
-      const g = at((Q = (U = t.propsConfig) == null ? void 0 : U.rectangle) == null ? void 0 : Q.propertyPanel) || {};
+      var h, p;
+      const g = at((p = (h = t.propsConfig) == null ? void 0 : h.rectangle) == null ? void 0 : p.propertyPanel) || {};
       r.value = {
         LineWidth: g.LineWidth ?? "0.75pt",
         LineStyle: g.LineStyle ?? "实线",
@@ -6515,7 +6516,7 @@ const Sw = {
       };
     }, { deep: !0, immediate: !0 }), Ur(() => {
       r.value = {};
-    }), (g, U) => (V(), N("div", {
+    }), (g, h) => (V(), N("div", {
       class: "rectangle-component",
       style: AA(o.value)
     }, [
@@ -6534,7 +6535,7 @@ const Sw = {
           }, null, 4),
           m("div", {
             class: "hairline-edge bottom",
-            style: AA(h.value)
+            style: AA(U.value)
           }, null, 4),
           m("div", {
             class: "hairline-edge left",
@@ -6619,7 +6620,7 @@ const Ow = ["width", "height"], Ww = ["y1", "x2", "y2", "stroke-width", "stroke-
         return `${f},${B}`;
       }
       return null;
-    }), d = b(() => Nw(o.value, s.value)), h = b(() => Iw(t.modelValue, n.value));
+    }), d = b(() => Nw(o.value, s.value)), U = b(() => Iw(t.modelValue, n.value));
     return FA(() => t.modelValue, (f) => {
       if (f) {
         n.value = {
@@ -6645,7 +6646,7 @@ const Ow = ["width", "height"], Ww = ["y1", "x2", "y2", "stroke-width", "stroke-
       }
     }, { immediate: !0 }), (f, B) => (V(), N("div", {
       class: "horline-component",
-      style: AA(h.value)
+      style: AA(U.value)
     }, [
       (V(), N("svg", {
         width: o.value,
@@ -6720,7 +6721,7 @@ const Yw = /* @__PURE__ */ yA(Kw, [["render", Gw]]), Mc = [
   {
     groupName: "文本",
     components: [
-      { type: "text", label: "文本", icon: uf, component: id, propertyPanel: of }
+      { type: "text", label: "文本", icon: uf, component: ed, propertyPanel: of }
     ]
   },
   {
@@ -6746,7 +6747,7 @@ const Yw = /* @__PURE__ */ yA(Kw, [["render", Gw]]), Mc = [
 ], bc = Mc.flatMap((e) => e.components);
 async function zw(e) {
   try {
-    return (await od(/* @__PURE__ */ Object.assign({ "./props/lodop.js": () => import("./lodop-25ec3af8.mjs"), "./props/rfid.js": () => import("./rfid-b84da009.mjs") }), `./props/${e}.js`)).default;
+    return (await Ad(/* @__PURE__ */ Object.assign({ "./props/lodop.js": () => import("./lodop-25ec3af8.mjs"), "./props/rfid.js": () => import("./rfid-b84da009.mjs") }), `./props/${e}.js`)).default;
   } catch {
     return console.warn(`配置文件 ./props/${e}.js 不存在，使用默认配置`), (await import("./lodop-25ec3af8.mjs")).default;
   }
@@ -6783,7 +6784,7 @@ const _w = { class: "component-list" }, qw = { class: "group-title" }, $w = { cl
     }
   },
   setup(e) {
-    const A = e, t = b(() => jw(A.config, A.propsConfig)), r = k(/* @__PURE__ */ new Map());
+    const A = e, t = b(() => jw(A.config, A.propsConfig)), r = Z(/* @__PURE__ */ new Map());
     function n(s = 80, c = 50) {
       const u = document.createElement("div");
       return u.style.cssText = `
@@ -6871,8 +6872,8 @@ const _w = { class: "component-list" }, qw = { class: "group-title" }, $w = { cl
     return (s, c) => {
       const u = QA("el-icon");
       return V(), N("div", _w, [
-        (V(!0), N(VA, null, Me(t.value, (d, h) => (V(), N("div", {
-          key: h,
+        (V(!0), N(VA, null, Me(t.value, (d, U) => (V(), N("div", {
+          key: U,
           class: "component-group"
         }, [
           m("div", qw, fe(d.groupName), 1),
@@ -6999,7 +7000,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
       a.data.punchingList.splice(c, 1);
     };
     return (c, u) => {
-      const d = QA("el-button"), h = QA("el-input-number"), f = QA("el-table-column"), B = QA("el-col"), g = QA("el-row"), U = QA("el-table"), Q = QA("el-form-item"), p = QA("el-form"), C = QA("el-main"), v = QA("el-dialog");
+      const d = QA("el-button"), U = QA("el-input-number"), f = QA("el-table-column"), B = QA("el-col"), g = QA("el-row"), h = QA("el-table"), p = QA("el-form-item"), Q = QA("el-form"), C = QA("el-main"), v = QA("el-dialog");
       return V(), N(VA, null, [
         W(d, {
           type: "primary",
@@ -7059,7 +7060,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
           default: j(() => [
             W(C, { style: { "max-height": "60vh", padding: "0" } }, {
               default: j(() => [
-                W(p, {
+                W(Q, {
                   ref: "formRef",
                   model: a.data,
                   "label-width": "90px",
@@ -7067,7 +7068,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                   "label-suffix": "："
                 }, {
                   default: j(() => [
-                    W(Q, null, {
+                    W(p, null, {
                       label: j(() => [
                         m("div", null, [
                           u[9] || (u[9] = m("p", null, "打印区域：", -1)),
@@ -7086,7 +7087,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       default: j(() => [
                         m("div", gF, [
-                          a.data.printList.length > 0 ? (V(), vA(U, {
+                          a.data.printList.length > 0 ? (V(), vA(h, {
                             key: 0,
                             data: a.data.printList,
                             class: "graph-table"
@@ -7098,7 +7099,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.x,
                                     "onUpdate:modelValue": (R) => w.row.x = R,
                                     controls: !1,
@@ -7113,7 +7114,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.y,
                                     "onUpdate:modelValue": (R) => w.row.y = R,
                                     controls: !1,
@@ -7128,7 +7129,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.width,
                                     "onUpdate:modelValue": (R) => w.row.width = R,
                                     controls: !1,
@@ -7143,7 +7144,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.height,
                                     "onUpdate:modelValue": (R) => w.row.height = R,
                                     controls: !1,
@@ -7161,7 +7162,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                     default: j(() => [
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(h, {
+                                          W(U, {
                                             modelValue: w.row.topLeftRadius,
                                             "onUpdate:modelValue": (R) => w.row.topLeftRadius = R,
                                             controls: !1,
@@ -7172,7 +7173,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(h, {
+                                          W(U, {
                                             modelValue: w.row.bottomLeftRadius,
                                             "onUpdate:modelValue": (R) => w.row.bottomLeftRadius = R,
                                             controls: !1,
@@ -7183,7 +7184,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(h, {
+                                          W(U, {
                                             modelValue: w.row.topRightRadius,
                                             "onUpdate:modelValue": (R) => w.row.topRightRadius = R,
                                             controls: !1,
@@ -7194,7 +7195,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(h, {
+                                          W(U, {
                                             modelValue: w.row.bottomRightRadius,
                                             "onUpdate:modelValue": (R) => w.row.bottomRightRadius = R,
                                             controls: !1,
@@ -7236,7 +7237,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       _: 1
                     }),
-                    W(Q, { label: "打孔区域" }, {
+                    W(p, { label: "打孔区域" }, {
                       label: j(() => [
                         m("div", null, [
                           u[12] || (u[12] = m("p", null, "打孔区域：", -1)),
@@ -7255,7 +7256,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       default: j(() => [
                         m("div", pF, [
-                          a.data.punchingList.length > 0 ? (V(), vA(U, {
+                          a.data.punchingList.length > 0 ? (V(), vA(h, {
                             key: 0,
                             data: a.data.punchingList,
                             class: "graph-table"
@@ -7267,7 +7268,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.x,
                                     "onUpdate:modelValue": (R) => w.row.x = R,
                                     controls: !1,
@@ -7282,7 +7283,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.y,
                                     "onUpdate:modelValue": (R) => w.row.y = R,
                                     controls: !1,
@@ -7297,7 +7298,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.width,
                                     "onUpdate:modelValue": (R) => w.row.width = R,
                                     controls: !1,
@@ -7313,7 +7314,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: w.row.height,
                                     "onUpdate:modelValue": (R) => w.row.height = R,
                                     controls: !1,
@@ -7452,14 +7453,14 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
   }
 }, FF = /* @__PURE__ */ yA(wF, [["__scopeId", "data-v-a4b90b63"]]);
 function CF(e = {}) {
-  const { scale: A, canvasWidth: t, canvasHeight: r, selectItem: n, onStopDrag: a, onStartDrag: o, onDragUpdate: i } = e, l = k(!1), s = k(!1), c = k(null), u = k({ x: 0, y: 0 }), d = k({ x: 0, y: 0 }), h = /* @__PURE__ */ new Map();
-  function f(Q, p, C) {
-    l.value = !0, s.value = !0, typeof o == "function" && o(), c.value = p, u.value = { x: Q.clientX, y: Q.clientY }, d.value = { x: p.props.x, y: p.props.y }, typeof n == "function" && n(p, C || Q), document.addEventListener("mousemove", g), document.addEventListener("mouseup", U);
-  }
-  function B(Q, p, C, v, w) {
-    const R = `${Q}_${p}_${C}_${v}_${w}`;
-    if (h.has(R))
-      return h.get(R);
+  const { scale: A, canvasWidth: t, canvasHeight: r, selectItem: n, onStopDrag: a, onStartDrag: o, onDragUpdate: i } = e, l = Z(!1), s = Z(!1), c = Z(null), u = Z({ x: 0, y: 0 }), d = Z({ x: 0, y: 0 }), U = /* @__PURE__ */ new Map();
+  function f(p, Q, C) {
+    l.value = !0, s.value = !0, typeof o == "function" && o(), c.value = Q, u.value = { x: p.clientX, y: p.clientY }, d.value = { x: Q.props.x, y: Q.props.y }, typeof n == "function" && n(Q, C || p), document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
+  }
+  function B(p, Q, C, v, w) {
+    const R = `${p}_${Q}_${C}_${v}_${w}`;
+    if (U.has(R))
+      return U.get(R);
     const M = w * Math.PI / 180, T = C / 2, O = v / 2, L = [
       { x: 0, y: 0 },
       { x: C, y: 0 },
@@ -7468,8 +7469,8 @@ function CF(e = {}) {
     ].map((G) => {
       const q = G.x - T, rA = G.y - O, BA = q * Math.cos(M) - rA * Math.sin(M), cA = q * Math.sin(M) + rA * Math.cos(M);
       return {
-        x: Number((BA + T + Q).toFixed(2)),
-        y: Number((cA + O + p).toFixed(2))
+        x: Number((BA + T + p).toFixed(2)),
+        y: Number((cA + O + Q).toFixed(2))
       };
     }), S = L.map((G) => G.x), P = L.map((G) => G.y), oA = {
       minX: Math.min(...S),
@@ -7477,13 +7478,13 @@ function CF(e = {}) {
       minY: Math.min(...P),
       maxY: Math.max(...P)
     };
-    return h.set(R, oA), oA;
+    return U.set(R, oA), oA;
   }
-  function g(Q) {
+  function g(p) {
     if (!l.value || !c.value)
       return;
-    const p = Q.clientX - u.value.x, C = Q.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, w = 1 / 3.7795275591;
-    let R = d.value.x + p * w / v, M = d.value.y + C * w / v;
+    const Q = p.clientX - u.value.x, C = p.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, w = 1 / 3.7795275591;
+    let R = d.value.x + Q * w / v, M = d.value.y + C * w / v;
     if (t != null && t.value && (r != null && r.value)) {
       const T = c.value.props.width || 0, O = c.value.props.height || 0, D = c.value.props.rotation || 0;
       let L = !1;
@@ -7495,14 +7496,14 @@ function CF(e = {}) {
     }
     c.value.props.x = Number(R.toFixed(2)), c.value.props.y = Number(M.toFixed(2)), typeof i == "function" && i();
   }
-  function U() {
+  function h() {
     l.value = !1, setTimeout(() => {
       s.value = !1;
-    }, 50), c.value && typeof n == "function" && n(c.value), c.value = null, typeof a == "function" && a(), typeof i == "function" && i(), h.clear();
-    const Q = function(p) {
-      p && (typeof p.stopImmediatePropagation == "function" && p.stopImmediatePropagation(), typeof p.stopPropagation == "function" && p.stopPropagation(), typeof p.preventDefault == "function" && p.preventDefault()), window.removeEventListener("click", Q, !0);
+    }, 50), c.value && typeof n == "function" && n(c.value), c.value = null, typeof a == "function" && a(), typeof i == "function" && i(), U.clear();
+    const p = function(Q) {
+      Q && (typeof Q.stopImmediatePropagation == "function" && Q.stopImmediatePropagation(), typeof Q.stopPropagation == "function" && Q.stopPropagation(), typeof Q.preventDefault == "function" && Q.preventDefault()), window.removeEventListener("click", p, !0);
     };
-    window.addEventListener("click", Q, !0), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", U);
+    window.addEventListener("click", p, !0), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
   }
   return {
     dragging: l,
@@ -7513,13 +7514,13 @@ function CF(e = {}) {
     // 当前拖拽元素
     startDrag: f,
     // 开始拖拽方法
-    stopDrag: U
+    stopDrag: h
     // 停止拖拽方法
   };
 }
 function EF(e, A, t, r) {
-  const n = k(!1), a = k(null), o = k({ x: 0, y: 0 }), i = k({ width: 0, height: 0, x: 0, y: 0, rotation: 0 }), l = k(""), s = k(""), c = k({ x: 0, y: 0 }), u = k([]), d = k(null), h = k(0), f = ul.UPDATE_THRESHOLD, B = k({ x: 0, y: 0, width: 0, height: 0 }), g = k(/* @__PURE__ */ new Map()), U = k(/* @__PURE__ */ new Map()), Q = k(null);
-  function p(O) {
+  const n = Z(!1), a = Z(null), o = Z({ x: 0, y: 0 }), i = Z({ width: 0, height: 0, x: 0, y: 0, rotation: 0 }), l = Z(""), s = Z(""), c = Z({ x: 0, y: 0 }), u = Z([]), d = Z(null), U = Z(0), f = ul.UPDATE_THRESHOLD, B = Z({ x: 0, y: 0, width: 0, height: 0 }), g = Z(/* @__PURE__ */ new Map()), h = Z(/* @__PURE__ */ new Map()), p = Z(null);
+  function Q(O) {
     return O * Math.PI / 180;
   }
   function C(O, D, L, S, P, oA, G) {
@@ -7542,9 +7543,9 @@ function EF(e, A, t, r) {
   }
   function v(O, D, L, S, P) {
     const oA = `${O.toFixed(1)}_${D.toFixed(1)}_${L.toFixed(1)}_${S.toFixed(1)}_${P.toFixed(1)}`;
-    if (U.value.has(oA))
-      return U.value.get(oA);
-    const G = p(P), q = Math.cos(G), rA = Math.sin(G), BA = O + L / 2, cA = D + S / 2, X = [
+    if (h.value.has(oA))
+      return h.value.get(oA);
+    const G = Q(P), q = Math.cos(G), rA = Math.sin(G), BA = O + L / 2, cA = D + S / 2, X = [
       { x: -L / 2, y: -S / 2 },
       { x: L / 2, y: -S / 2 },
       { x: L / 2, y: S / 2 },
@@ -7553,9 +7554,9 @@ function EF(e, A, t, r) {
       x: Number((BA + z.x * q - z.y * rA).toFixed(2)),
       y: Number((cA + z.x * rA + z.y * q).toFixed(2))
     }));
-    if (U.value.set(oA, X), U.value.size > 100) {
-      const z = U.value.keys().next().value;
-      U.value.delete(z);
+    if (h.value.set(oA, X), h.value.size > 100) {
+      const z = h.value.keys().next().value;
+      h.value.delete(z);
     }
     return X;
   }
@@ -7602,7 +7603,7 @@ function EF(e, A, t, r) {
       x: D.props.x,
       y: D.props.y,
       rotation: D.props.rotation || 0
-    }, s.value = "", c.value = { x: 0, y: 0 }, Q.value = null, d.value = w(
+    }, s.value = "", c.value = { x: 0, y: 0 }, p.value = null, d.value = w(
       L,
       i.value.x,
       i.value.y,
@@ -7614,24 +7615,24 @@ function EF(e, A, t, r) {
       y: i.value.y,
       width: i.value.width,
       height: i.value.height
-    }, u.value = [...r.value], g.value.clear(), U.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", T));
+    }, u.value = [...r.value], g.value.clear(), h.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", T));
   }
   function M(O) {
     if (!n.value || !a.value || !d.value)
       return;
     const D = Date.now();
-    if (D - h.value < f)
+    if (D - U.value < f)
       return;
-    h.value = D;
-    const L = (t == null ? void 0 : t.value) || 1, S = i.value.rotation || 0, P = p(S), oA = Math.cos(P), G = Math.sin(P), q = i.value.width, rA = i.value.height, BA = i.value.x, cA = i.value.y, nA = 1;
+    U.value = D;
+    const L = (t == null ? void 0 : t.value) || 1, S = i.value.rotation || 0, P = Q(S), oA = Math.cos(P), G = Math.sin(P), q = i.value.width, rA = i.value.height, BA = i.value.x, cA = i.value.y, nA = 1;
     let X = q, z = rA;
     const IA = (O.clientX - o.value.x) / 3.7795275591 / L, pA = (O.clientY - o.value.y) / 3.7795275591 / L;
     let fA, hA;
     S === 0 ? (fA = IA, hA = pA) : (fA = IA * oA + pA * G, hA = -IA * G + pA * oA);
     const NA = !!a.value.props.lockAspectRatio, jA = q / rA, se = Math.abs(O.clientX - o.value.x), Je = Math.abs(O.clientY - o.value.y);
-    if (NA && !Q.value && (Q.value = se > Je ? "x" : "y"), l.value.includes("-")) {
-      if (NA && Q.value)
-        Q.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(nA, q - fA) : X = Math.max(nA, q + fA), z = X / jA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(nA, rA - hA) : z = Math.max(nA, rA + hA), X = z * jA);
+    if (NA && !p.value && (p.value = se > Je ? "x" : "y"), l.value.includes("-")) {
+      if (NA && p.value)
+        p.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(nA, q - fA) : X = Math.max(nA, q + fA), z = X / jA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(nA, rA - hA) : z = Math.max(nA, rA + hA), X = z * jA);
       else if (l.value === "top-left" ? (X = Math.max(nA, q - fA), z = Math.max(nA, rA - hA)) : l.value === "top-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA - hA)) : l.value === "bottom-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA + hA)) : l.value === "bottom-left" && (X = Math.max(nA, q - fA), z = Math.max(nA, rA + hA)), NA) {
         const bA = X / z;
         if (Math.abs(bA - jA) > 0.01) {
@@ -7655,9 +7656,9 @@ function EF(e, A, t, r) {
     if ((S !== 0 || na < -0.5 || aa > ae + 0.5 || Tr < -0.5 || oa > ve + 0.5) && (it = !0), it) {
       const bA = C(ne, CA, X, z, S, ae, ve);
       if (bA.isOutOfBounds) {
-        let F = 0, Z = 0;
-        bA.minX < -0.5 ? F = -bA.minX + 0.5 : bA.maxX > ae + 0.5 && (F = ae - bA.maxX + 0.5), bA.minY < -0.5 ? Z = -bA.minY + 0.5 : bA.maxY > ve + 0.5 && (Z = ve - bA.maxY + 0.5);
-        const $ = ne + F, K = CA + Z;
+        let F = 0, k = 0;
+        bA.minX < -0.5 ? F = -bA.minX + 0.5 : bA.maxX > ae + 0.5 && (F = ae - bA.maxX + 0.5), bA.minY < -0.5 ? k = -bA.minY + 0.5 : bA.maxY > ve + 0.5 && (k = ve - bA.maxY + 0.5);
+        const $ = ne + F, K = CA + k;
         if (!C($, K, X, z, S, ae, ve).isOutOfBounds)
           ne = $, CA = K;
         else
@@ -7667,7 +7668,7 @@ function EF(e, A, t, r) {
     (Math.abs(X - a.value.props.width) > 1e-3 || Math.abs(z - a.value.props.height) > 1e-3 || Math.abs(ne - a.value.props.x) > 1e-3 || Math.abs(CA - a.value.props.y) > 1e-3) && (a.value.props.x = Number(ne.toFixed(2)), a.value.props.y = Number(CA.toFixed(2)), a.value.props.width = Number(X.toFixed(2)), a.value.props.height = Number(z.toFixed(2)), B.value = { x: ne, y: CA, width: X, height: z });
   }
   function T() {
-    n.value = !1, a.value = null, s.value = "", c.value = { x: 0, y: 0 }, d.value = null, B.value = { x: 0, y: 0, width: 0, height: 0 }, g.value.clear(), U.value.clear(), u.value.length > 0 && (r.value = [...u.value]), u.value = [], document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", T), Q.value = null;
+    n.value = !1, a.value = null, s.value = "", c.value = { x: 0, y: 0 }, d.value = null, B.value = { x: 0, y: 0, width: 0, height: 0 }, g.value.clear(), h.value.clear(), u.value.length > 0 && (r.value = [...u.value]), u.value = [], document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", T), p.value = null;
   }
   return {
     resizing: n,
@@ -7677,7 +7678,7 @@ function EF(e, A, t, r) {
   };
 }
 function mF(e = 2) {
-  const A = k([]);
+  const A = Z([]);
   function t(o) {
     if (!o || A.value[A.value.length - 1] === o)
       return;
@@ -7718,38 +7719,38 @@ function vF() {
       return;
     a.preventDefault(), a.stopPropagation();
     const i = a.target.parentElement.getBoundingClientRect(), l = i.left + i.width / 2, s = i.top + i.height / 2;
-    let c = null, u = !1, d = B(a.clientX, a.clientY), h = o.props.rotation || 0, f = h;
-    function B(p, C) {
-      const v = p - l, w = C - s;
+    let c = null, u = !1, d = B(a.clientX, a.clientY), U = o.props.rotation || 0, f = U;
+    function B(Q, C) {
+      const v = Q - l, w = C - s;
       let R = Math.atan2(w, v) * 180 / Math.PI + 90;
       return R > 180 && (R -= 360), R < -180 && (R += 360), R;
     }
-    function g(p) {
-      const C = p.clientX - l, v = p.clientY - s;
+    function g(Q) {
+      const C = Q.clientX - l, v = Q.clientY - s;
       if (Math.sqrt(C * C + v * v) < 20) {
         u = !0, c = null;
         return;
       }
       if (u) {
-        d = B(p.clientX, p.clientY), u = !1, c = null;
+        d = B(Q.clientX, Q.clientY), u = !1, c = null;
         return;
       }
-      const R = B(p.clientX, p.clientY);
+      const R = B(Q.clientX, Q.clientY);
       let M = R - d;
-      M > 180 && (M -= 360), M < -180 && (M += 360), h += M, d = R, f = r(f, h, 0.25);
+      M > 180 && (M -= 360), M < -180 && (M += 360), U += M, d = R, f = r(f, U, 0.25);
       const T = (f % 360 + 360) % 360;
       Math.abs(o.props.rotation - T) >= 0.2 && (o.props.rotation = Number(T.toFixed(2))), c = null;
     }
-    const U = (p) => {
-      c || (c = requestAnimationFrame(() => g(p)));
-    }, Q = (p) => {
-      p && p.stopPropagation(), document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", Q), c && (cancelAnimationFrame(c), c = null), u = !1;
+    const h = (Q) => {
+      c || (c = requestAnimationFrame(() => g(Q)));
+    }, p = (Q) => {
+      Q && Q.stopPropagation(), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", p), c && (cancelAnimationFrame(c), c = null), u = !1;
       const C = (v) => {
         v.stopImmediatePropagation(), document.removeEventListener("click", C, !0);
       };
       document.addEventListener("click", C, !0);
     };
-    document.addEventListener("mousemove", U), document.addEventListener("mouseup", Q);
+    document.addEventListener("mousemove", h), document.addEventListener("mouseup", p);
   }
   return {
     startRotate: n
@@ -7779,15 +7780,15 @@ function RF(e, A, t) {
     const c = e.value[e.value.length - 1];
     let u = Number(c.props[i]) + Number(l);
     if (i === "x" || i === "y") {
-      const d = A != null && A.value ? A.value - c.props.width : 1 / 0, h = t != null && t.value ? t.value - c.props.height : 1 / 0;
-      i === "x" ? u = Math.max(0, Math.min(u, d)) : i === "y" && (u = Math.max(0, Math.min(u, h)));
+      const d = A != null && A.value ? A.value - c.props.width : 1 / 0, U = t != null && t.value ? t.value - c.props.height : 1 / 0;
+      i === "x" ? u = Math.max(0, Math.min(u, d)) : i === "y" && (u = Math.max(0, Math.min(u, U)));
     } else if (i === "width" || i === "height") {
       if (i === "width") {
-        const h = A != null && A.value ? A.value - c.props.x : 1 / 0;
-        u = Math.max(1, Math.min(u, h));
+        const U = A != null && A.value ? A.value - c.props.x : 1 / 0;
+        u = Math.max(1, Math.min(u, U));
       } else if (i === "height") {
-        const h = t != null && t.value ? t.value - c.props.y : 1 / 0;
-        u = Math.max(1, Math.min(u, h));
+        const U = t != null && t.value ? t.value - c.props.y : 1 / 0;
+        u = Math.max(1, Math.min(u, U));
       }
     }
     if (!(u < s)) {
@@ -7801,8 +7802,8 @@ function RF(e, A, t) {
         }
       }
       if (c.type === "horline" && i === "height") {
-        const h = u / 0.3528;
-        c.props.height = Number(u.toFixed(2)), c.props.LineWidth = Number(h.toFixed(2)) + "pt";
+        const U = u / 0.3528;
+        c.props.height = Number(u.toFixed(2)), c.props.LineWidth = Number(U.toFixed(2)) + "pt";
         return;
       }
       c.props[i] = Number(u.toFixed(2));
@@ -7850,7 +7851,7 @@ function RF(e, A, t) {
   return { handleMouseWheel: r, handleInputChange: n, adjustRotation: a };
 }
 function VF(e, A, t, r) {
-  const n = k(null);
+  const n = Z(null);
   function a(i) {
     const l = document.activeElement.tagName.toLowerCase();
     if (!(l === "input" || l === "textarea") && !((i.key === "Delete" || i.key === "Backspace") && A.value.length > 0) && (i.ctrlKey || i.metaKey) && i.key.toLowerCase() === "c" && A.value.length > 0) {
@@ -7863,8 +7864,8 @@ function VF(e, A, t, r) {
       const s = JSON.parse(JSON.stringify(n.value));
       if (s.id = Date.now(), s.props) {
         let c = Number(s.props.x) + 5, u = Number(s.props.y) + 5;
-        const d = t.value - Number(s.props.width), h = r.value - Number(s.props.height);
-        s.props.x = Math.max(0, Math.min(c, d)), s.props.y = Math.max(0, Math.min(u, h)), s.props.x != c && (s.props.x = c - 5 * 2), s.props.y != u && (s.props.y = u - 5 * 2);
+        const d = t.value - Number(s.props.width), U = r.value - Number(s.props.height);
+        s.props.x = Math.max(0, Math.min(c, d)), s.props.y = Math.max(0, Math.min(u, U)), s.props.x != c && (s.props.x = c - 5 * 2), s.props.y != u && (s.props.y = u - 5 * 2);
       }
       e.value.push(s), A.value = [s], i.preventDefault();
     }
@@ -7872,41 +7873,41 @@ function VF(e, A, t, r) {
   return { handleCopy: a, handlePaste: o, clipboardData: n };
 }
 function TF(e = {}) {
-  const { items: A, dragItem: t, dragging: r } = e, n = k({
+  const { items: A, dragItem: t, dragging: r } = e, n = Z({
     horizontal: [],
     // 水平对齐线 [{ y: number, visible: boolean }]
     vertical: []
     // 垂直对齐线 [{ x: number, visible: boolean }]
   }), a = 0.1;
   function o(d) {
-    const h = Number(d.props.x) || 0, f = Number(d.props.y) || 0, B = Number(d.props.width) || 0, g = Number(d.props.height) || 0;
+    const U = Number(d.props.x) || 0, f = Number(d.props.y) || 0, B = Number(d.props.width) || 0, g = Number(d.props.height) || 0;
     return {
-      centerX: h + B / 2,
+      centerX: U + B / 2,
       centerY: f + g / 2
     };
   }
-  function i(d, h) {
+  function i(d, U) {
     const f = [], B = /* @__PURE__ */ new Set();
-    return h.forEach((g) => {
-      const U = o(g), Q = Math.abs(d.centerY - U.centerY);
+    return U.forEach((g) => {
+      const h = o(g), p = Math.abs(d.centerY - h.centerY);
       Math.round(d.centerY * 100) / 100;
-      const p = Math.round(U.centerY * 100) / 100;
-      Q <= a && !B.has(p) && (f.push({
-        y: p,
+      const Q = Math.round(h.centerY * 100) / 100;
+      p <= a && !B.has(Q) && (f.push({
+        y: Q,
         visible: !0
-      }), B.add(p));
+      }), B.add(Q));
     }), f;
   }
-  function l(d, h) {
+  function l(d, U) {
     const f = [], B = /* @__PURE__ */ new Set();
-    return h.forEach((g) => {
-      const U = o(g), Q = Math.abs(d.centerX - U.centerX);
+    return U.forEach((g) => {
+      const h = o(g), p = Math.abs(d.centerX - h.centerX);
       Math.round(d.centerX * 100) / 100;
-      const p = Math.round(U.centerX * 100) / 100;
-      Q <= a && !B.has(p) && (f.push({
-        x: p,
+      const Q = Math.round(h.centerX * 100) / 100;
+      p <= a && !B.has(Q) && (f.push({
+        x: Q,
         visible: !0
-      }), B.add(p));
+      }), B.add(Q));
     }), f;
   }
   function s() {
@@ -7914,7 +7915,7 @@ function TF(e = {}) {
       n.value.horizontal = [], n.value.vertical = [];
       return;
     }
-    const d = o(t.value), h = A.value.filter((g) => g !== t.value), f = i(d, h), B = l(d, h);
+    const d = o(t.value), U = A.value.filter((g) => g !== t.value), f = i(d, U), B = l(d, U);
     n.value.horizontal = f, n.value.vertical = B;
   }
   function c() {
@@ -8309,7 +8310,7 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
   if (lo === l && [lo, un, ao, oo].indexOf(c) !== -1 || [un, ao].indexOf(l) !== -1 && [un, dn].indexOf(c) !== -1 || [dn, oo].indexOf(l) !== -1 && c === dn || vl.indexOf(l) !== -1 && [El, qt].indexOf(c) !== -1 || vl.indexOf(c) !== -1 && l === $t || Qe.indexOf(l) !== -1 && Qe.indexOf(c) !== -1 || l === ut && Qe.indexOf(c) !== -1 || Qe.concat(JA).indexOf(l) !== -1 && c === Yt && oC.indexOf(e[i]) === -1 || Qe.concat(JA).indexOf(c) !== -1 && l === Gt)
     return eA;
   if (l === va && c === va) {
-    for (var h = t[a], f = 1; h > 0 && (h--, A[h] === va); )
+    for (var U = t[a], f = 1; U > 0 && (U--, A[U] === va); )
       f++;
     if (f % 2 !== 0)
       return eA;
@@ -8534,8 +8535,8 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
             return this.consumeCodePoint(), this.consumeCodePoint(), dE;
           break;
         case vC:
-          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), h = this.peekCodePoint(2);
-          if (qr(u, d, h)) {
+          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), U = this.peekCodePoint(2);
+          if (qr(u, d, U)) {
             var o = this.consumeName();
             return { type: 7, value: o };
           }
@@ -8962,8 +8963,8 @@ var bl = function(e, A) {
   var t = A.filter(Nt), r = t[0], n = t[1], a = t[2], o = t[3], i = (r.type === 17 ? Ae(r.number) : Pn.parse(e, r)) / (Math.PI * 2), l = wA(n) ? n.number / 100 : 0, s = wA(a) ? a.number / 100 : 0, c = typeof o < "u" && wA(o) ? sA(o, 1) : 1;
   if (l === 0)
     return Se(s * 255, s * 255, s * 255, 1);
-  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, h = Ta(d, u, i + 1 / 3), f = Ta(d, u, i), B = Ta(d, u, i - 1 / 3);
-  return Se(h * 255, f * 255, B * 255, c);
+  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, U = Ta(d, u, i + 1 / 3), f = Ta(d, u, i), B = Ta(d, u, i - 1 / 3);
+  return Se(U * 255, f * 255, B * 255, c);
 }, FE = {
   hsl: bl,
   hsla: bl,
@@ -9163,14 +9164,14 @@ var bl = function(e, A) {
     if (c === null)
       s === null && (s = o);
     else if (s !== null) {
-      for (var u = o - s, d = n[s - 1], h = (c - d) / (u + 1), f = 1; f <= u; f++)
-        n[s + f - 1] = h * f;
+      for (var u = o - s, d = n[s - 1], U = (c - d) / (u + 1), f = 1; f <= u; f++)
+        n[s + f - 1] = U * f;
       s = null;
     }
   }
   return e.map(function(B, g) {
-    var U = B.color;
-    return { color: U, stop: Math.max(Math.min(1, n[g] / A), 0) };
+    var h = B.color;
+    return { color: h, stop: Math.max(Math.min(1, n[g] / A), 0) };
   });
 }, mE = function(e, A, t) {
   var r = A / 2, n = t / 2, a = sA(e[0], A) - r, o = n - sA(e[1], t);
@@ -9289,9 +9290,9 @@ var bl = function(e, A) {
       } else if (c.name === "color-stop") {
         var d = c.values.filter(Nt);
         if (d.length === 2) {
-          var u = He.parse(e, d[1]), h = d[0];
-          Ot(h) && r.push({
-            stop: { type: 16, number: h.number * 100, flags: h.flags },
+          var u = He.parse(e, d[1]), U = d[0];
+          Ot(U) && r.push({
+            stop: { type: 16, number: U.number * 100, flags: U.flags },
             color: u
           });
         }
@@ -11581,16 +11582,16 @@ var wv = 1, Sa = 2, Ma = 3, Ll = 4, Gl = 5, Fv = 7, Yl = 8, ba = 9, Ha = 10, zl
               d.src = u.value, d.style.opacity = "1", s.appendChild(d);
             } else if (u.type === 18) {
               if (u.name === "attr") {
-                var h = u.values.filter(iA);
-                h.length && s.appendChild(i.createTextNode(A.getAttribute(h[0].value) || ""));
+                var U = u.values.filter(iA);
+                U.length && s.appendChild(i.createTextNode(A.getAttribute(U[0].value) || ""));
               } else if (u.name === "counter") {
                 var f = u.values.filter(Nt), B = f[0], g = f[1];
                 if (B && iA(B)) {
-                  var U = a.counters.getCounterValue(B.value), Q = g && iA(g) ? fo.parse(a.context, g.value) : 3;
-                  s.appendChild(i.createTextNode(gr(U, Q, !1)));
+                  var h = a.counters.getCounterValue(B.value), p = g && iA(g) ? fo.parse(a.context, g.value) : 3;
+                  s.appendChild(i.createTextNode(gr(h, p, !1)));
                 }
               } else if (u.name === "counters") {
-                var p = u.values.filter(Nt), B = p[0], C = p[1], g = p[2];
+                var Q = u.values.filter(Nt), B = Q[0], C = Q[1], g = Q[2];
                 if (B && iA(B)) {
                   var v = a.counters.getCounterValues(B.value), w = g && iA(g) ? fo.parse(a.context, g.value) : 3, R = C && C.type === 0 ? C.value : "", M = v.map(function(D) {
                     return gr(D, w, !1);
@@ -11817,12 +11818,12 @@ var iy = function(e, A) {
   /** @class */
   function() {
     function e(A) {
-      var t = A.styles, r = A.bounds, n = Ar(t.borderTopLeftRadius, r.width, r.height), a = n[0], o = n[1], i = Ar(t.borderTopRightRadius, r.width, r.height), l = i[0], s = i[1], c = Ar(t.borderBottomRightRadius, r.width, r.height), u = c[0], d = c[1], h = Ar(t.borderBottomLeftRadius, r.width, r.height), f = h[0], B = h[1], g = [];
+      var t = A.styles, r = A.bounds, n = Ar(t.borderTopLeftRadius, r.width, r.height), a = n[0], o = n[1], i = Ar(t.borderTopRightRadius, r.width, r.height), l = i[0], s = i[1], c = Ar(t.borderBottomRightRadius, r.width, r.height), u = c[0], d = c[1], U = Ar(t.borderBottomLeftRadius, r.width, r.height), f = U[0], B = U[1], g = [];
       g.push((a + l) / r.width), g.push((f + u) / r.width), g.push((o + B) / r.height), g.push((s + d) / r.height);
-      var U = Math.max.apply(Math, g);
-      U > 1 && (a /= U, o /= U, l /= U, s /= U, u /= U, d /= U, f /= U, B /= U);
-      var Q = r.width - l, p = r.height - d, C = r.width - u, v = r.height - B, w = t.borderTopWidth, R = t.borderRightWidth, M = t.borderBottomWidth, T = t.borderLeftWidth, O = sA(t.paddingTop, A.bounds.width), D = sA(t.paddingRight, A.bounds.width), L = sA(t.paddingBottom, A.bounds.width), S = sA(t.paddingLeft, A.bounds.width);
-      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + T / 3, r.top + w / 3, a - T / 3, o - w / 3, aA.TOP_LEFT) : new H(r.left + T / 3, r.top + w / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + Q, r.top + w / 3, l - R / 3, s - w / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R / 3, r.top + w / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R / 3, d - M / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? dA(r.left + T / 3, r.top + v, f - T / 3, B - M / 3, aA.BOTTOM_LEFT) : new H(r.left + T / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + T * 2 / 3, r.top + w * 2 / 3, a - T * 2 / 3, o - w * 2 / 3, aA.TOP_LEFT) : new H(r.left + T * 2 / 3, r.top + w * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + Q, r.top + w * 2 / 3, l - R * 2 / 3, s - w * 2 / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + w * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R * 2 / 3, d - M * 2 / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? dA(r.left + T * 2 / 3, r.top + v, f - T * 2 / 3, B - M * 2 / 3, aA.BOTTOM_LEFT) : new H(r.left + T * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? dA(r.left + T / 2, r.top + w / 2, a - T / 2, o - w / 2, aA.TOP_LEFT) : new H(r.left + T / 2, r.top + w / 2), this.topRightBorderStroke = a > 0 || o > 0 ? dA(r.left + Q, r.top + w / 2, l - R / 2, s - w / 2, aA.TOP_RIGHT) : new H(r.left + r.width - R / 2, r.top + w / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R / 2, d - M / 2, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? dA(r.left + T / 2, r.top + v, f - T / 2, B - M / 2, aA.BOTTOM_LEFT) : new H(r.left + T / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? dA(r.left, r.top, a, o, aA.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? dA(r.left + Q, r.top, l, s, aA.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u, d, aA.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? dA(r.left, r.top + v, f, B, aA.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? dA(r.left + T, r.top + w, Math.max(0, a - T), Math.max(0, o - w), aA.TOP_LEFT) : new H(r.left + T, r.top + w), this.topRightPaddingBox = l > 0 || s > 0 ? dA(r.left + Math.min(Q, r.width - R), r.top + w, Q > r.width + R ? 0 : Math.max(0, l - R), Math.max(0, s - w), aA.TOP_RIGHT) : new H(r.left + r.width - R, r.top + w), this.bottomRightPaddingBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - T), r.top + Math.min(p, r.height - M), Math.max(0, u - R), Math.max(0, d - M), aA.BOTTOM_RIGHT) : new H(r.left + r.width - R, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? dA(r.left + T, r.top + Math.min(v, r.height - M), Math.max(0, f - T), Math.max(0, B - M), aA.BOTTOM_LEFT) : new H(r.left + T, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? dA(r.left + T + S, r.top + w + O, Math.max(0, a - (T + S)), Math.max(0, o - (w + O)), aA.TOP_LEFT) : new H(r.left + T + S, r.top + w + O), this.topRightContentBox = l > 0 || s > 0 ? dA(r.left + Math.min(Q, r.width + T + S), r.top + w + O, Q > r.width + T + S ? 0 : l - T + S, s - (w + O), aA.TOP_RIGHT) : new H(r.left + r.width - (R + D), r.top + w + O), this.bottomRightContentBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - (T + S)), r.top + Math.min(p, r.height + w + O), Math.max(0, u - (R + D)), d - (M + L), aA.BOTTOM_RIGHT) : new H(r.left + r.width - (R + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? dA(r.left + T + S, r.top + v, Math.max(0, f - (T + S)), B - (M + L), aA.BOTTOM_LEFT) : new H(r.left + T + S, r.top + r.height - (M + L));
+      var h = Math.max.apply(Math, g);
+      h > 1 && (a /= h, o /= h, l /= h, s /= h, u /= h, d /= h, f /= h, B /= h);
+      var p = r.width - l, Q = r.height - d, C = r.width - u, v = r.height - B, w = t.borderTopWidth, R = t.borderRightWidth, M = t.borderBottomWidth, T = t.borderLeftWidth, O = sA(t.paddingTop, A.bounds.width), D = sA(t.paddingRight, A.bounds.width), L = sA(t.paddingBottom, A.bounds.width), S = sA(t.paddingLeft, A.bounds.width);
+      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + T / 3, r.top + w / 3, a - T / 3, o - w / 3, aA.TOP_LEFT) : new H(r.left + T / 3, r.top + w / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + p, r.top + w / 3, l - R / 3, s - w / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R / 3, r.top + w / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R / 3, d - M / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? dA(r.left + T / 3, r.top + v, f - T / 3, B - M / 3, aA.BOTTOM_LEFT) : new H(r.left + T / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + T * 2 / 3, r.top + w * 2 / 3, a - T * 2 / 3, o - w * 2 / 3, aA.TOP_LEFT) : new H(r.left + T * 2 / 3, r.top + w * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + p, r.top + w * 2 / 3, l - R * 2 / 3, s - w * 2 / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + w * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R * 2 / 3, d - M * 2 / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? dA(r.left + T * 2 / 3, r.top + v, f - T * 2 / 3, B - M * 2 / 3, aA.BOTTOM_LEFT) : new H(r.left + T * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? dA(r.left + T / 2, r.top + w / 2, a - T / 2, o - w / 2, aA.TOP_LEFT) : new H(r.left + T / 2, r.top + w / 2), this.topRightBorderStroke = a > 0 || o > 0 ? dA(r.left + p, r.top + w / 2, l - R / 2, s - w / 2, aA.TOP_RIGHT) : new H(r.left + r.width - R / 2, r.top + w / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R / 2, d - M / 2, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? dA(r.left + T / 2, r.top + v, f - T / 2, B - M / 2, aA.BOTTOM_LEFT) : new H(r.left + T / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? dA(r.left, r.top, a, o, aA.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? dA(r.left + p, r.top, l, s, aA.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u, d, aA.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? dA(r.left, r.top + v, f, B, aA.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? dA(r.left + T, r.top + w, Math.max(0, a - T), Math.max(0, o - w), aA.TOP_LEFT) : new H(r.left + T, r.top + w), this.topRightPaddingBox = l > 0 || s > 0 ? dA(r.left + Math.min(p, r.width - R), r.top + w, p > r.width + R ? 0 : Math.max(0, l - R), Math.max(0, s - w), aA.TOP_RIGHT) : new H(r.left + r.width - R, r.top + w), this.bottomRightPaddingBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - T), r.top + Math.min(Q, r.height - M), Math.max(0, u - R), Math.max(0, d - M), aA.BOTTOM_RIGHT) : new H(r.left + r.width - R, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? dA(r.left + T, r.top + Math.min(v, r.height - M), Math.max(0, f - T), Math.max(0, B - M), aA.BOTTOM_LEFT) : new H(r.left + T, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? dA(r.left + T + S, r.top + w + O, Math.max(0, a - (T + S)), Math.max(0, o - (w + O)), aA.TOP_LEFT) : new H(r.left + T + S, r.top + w + O), this.topRightContentBox = l > 0 || s > 0 ? dA(r.left + Math.min(p, r.width + T + S), r.top + w + O, p > r.width + T + S ? 0 : l - T + S, s - (w + O), aA.TOP_RIGHT) : new H(r.left + r.width - (R + D), r.top + w + O), this.bottomRightContentBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - (T + S)), r.top + Math.min(Q, r.height + w + O), Math.max(0, u - (R + D)), d - (M + L), aA.BOTTOM_RIGHT) : new H(r.left + r.width - (R + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? dA(r.left + T + S, r.top + v, Math.max(0, f - (T + S)), B - (M + L), aA.BOTTOM_LEFT) : new H(r.left + T + S, r.top + r.height - (M + L));
     }
     return e;
   }()
@@ -12002,10 +12003,10 @@ var dA = function(e, A, t, r, n) {
             return u > f.element.container.styles.zIndex.order ? (d = B, !1) : d > 0;
           }), s.negativeZIndex.splice(d, 0, c);
         } else if (u > 0) {
-          var h = 0;
+          var U = 0;
           s.positiveZIndex.some(function(f, B) {
-            return u >= f.element.container.styles.zIndex.order ? (h = B + 1, !1) : h > 0;
-          }), s.positiveZIndex.splice(h, 0, c);
+            return u >= f.element.container.styles.zIndex.order ? (U = B + 1, !1) : U > 0;
+          }), s.positiveZIndex.splice(U, 0, c);
         } else
           s.zeroOrAutoZIndexOrTransformedOrOpacity.push(c);
       } else
@@ -12119,19 +12120,19 @@ var dA = function(e, A, t, r, n) {
     if (!l && !d)
       return [t.width, t.height];
     if (d && l) {
-      var h = c ? r : n * a, f = u ? n : r / a;
-      return [h, f];
+      var U = c ? r : n * a, f = u ? n : r / a;
+      return [U, f];
     }
     var B = c ? r : t.width, g = u ? n : t.height;
     return [B, g];
   }
   if (l) {
-    var U = 0, Q = 0;
-    return wA(o) ? U = sA(o, t.width) : wA(i) && (Q = sA(i, t.height)), gt(o) ? U = Q * a : (!i || gt(i)) && (Q = U / a), [U, Q];
+    var h = 0, p = 0;
+    return wA(o) ? h = sA(o, t.width) : wA(i) && (p = sA(i, t.height)), gt(o) ? h = p * a : (!i || gt(i)) && (p = h / a), [h, p];
   }
-  var p = null, C = null;
-  if (wA(o) ? p = sA(o, t.width) : i && wA(i) && (C = sA(i, t.height)), p !== null && (!i || gt(i)) && (C = c && u ? p / r * n : t.height), C !== null && gt(o) && (p = c && u ? C / n * r : t.width), p !== null && C !== null)
-    return [p, C];
+  var Q = null, C = null;
+  if (wA(o) ? Q = sA(o, t.width) : i && wA(i) && (C = sA(i, t.height)), Q !== null && (!i || gt(i)) && (C = c && u ? Q / r * n : t.height), C !== null && gt(o) && (Q = c && u ? C / n * r : t.width), Q !== null && C !== null)
+    return [Q, C];
   throw new Error("Unable to calculate background-size for element");
 }, pt = function(e, A) {
   var t = e[A];
@@ -12275,17 +12276,17 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderTextNode = function(t, r) {
       return ZA(this, void 0, void 0, function() {
         var n, a, o, i, l, s, c, u, d = this;
-        return SA(this, function(h) {
+        return SA(this, function(U) {
           return n = this.createFontStyle(r), a = n[0], o = n[1], i = n[2], this.ctx.font = a, this.ctx.direction = r.direction === 1 ? "rtl" : "ltr", this.ctx.textAlign = "left", this.ctx.textBaseline = "alphabetic", l = this.fontMetrics.getMetrics(o, i), s = l.baseline, c = l.middle, u = r.paintOrder, t.textBounds.forEach(function(f) {
             u.forEach(function(B) {
               switch (B) {
                 case 0:
                   d.ctx.fillStyle = mA(r.color), d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
                   var g = r.textShadow;
-                  g.length && f.text.trim().length && (g.slice(0).reverse().forEach(function(U) {
-                    d.ctx.shadowColor = mA(U.color), d.ctx.shadowOffsetX = U.offsetX.number * d.options.scale, d.ctx.shadowOffsetY = U.offsetY.number * d.options.scale, d.ctx.shadowBlur = U.blur.number, d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
-                  }), d.ctx.shadowColor = "", d.ctx.shadowOffsetX = 0, d.ctx.shadowOffsetY = 0, d.ctx.shadowBlur = 0), r.textDecorationLine.length && (d.ctx.fillStyle = mA(r.textDecorationColor || r.color), r.textDecorationLine.forEach(function(U) {
-                    switch (U) {
+                  g.length && f.text.trim().length && (g.slice(0).reverse().forEach(function(h) {
+                    d.ctx.shadowColor = mA(h.color), d.ctx.shadowOffsetX = h.offsetX.number * d.options.scale, d.ctx.shadowOffsetY = h.offsetY.number * d.options.scale, d.ctx.shadowBlur = h.blur.number, d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
+                  }), d.ctx.shadowColor = "", d.ctx.shadowOffsetX = 0, d.ctx.shadowOffsetY = 0, d.ctx.shadowBlur = 0), r.textDecorationLine.length && (d.ctx.fillStyle = mA(r.textDecorationColor || r.color), r.textDecorationLine.forEach(function(h) {
+                    switch (h) {
                       case 1:
                         d.ctx.fillRect(f.bounds.left, Math.round(f.bounds.top + s), f.bounds.width, 1);
                         break;
@@ -12316,7 +12317,7 @@ var dA = function(e, A, t, r, n) {
       }
     }, A.prototype.renderNodeContent = function(t) {
       return ZA(this, void 0, void 0, function() {
-        var r, n, a, o, i, l, Q, Q, s, c, u, d, C, h, f, v, B, g, U, Q, p, C, v;
+        var r, n, a, o, i, l, p, p, s, c, u, d, C, U, f, v, B, g, h, p, Q, C, v;
         return SA(this, function(w) {
           switch (w.label) {
             case 0:
@@ -12337,7 +12338,7 @@ var dA = function(e, A, t, r, n) {
             case 5:
               return w.trys.push([5, 7, , 8]), [4, this.context.cache.match(r.src)];
             case 6:
-              return Q = w.sent(), this.renderReplacedElement(r, n, Q), [3, 8];
+              return p = w.sent(), this.renderReplacedElement(r, n, p), [3, 8];
             case 7:
               return w.sent(), this.context.logger.error("Error loading image " + r.src), [3, 8];
             case 8:
@@ -12347,7 +12348,7 @@ var dA = function(e, A, t, r, n) {
             case 9:
               return w.trys.push([9, 11, , 12]), [4, this.context.cache.match(r.svg)];
             case 10:
-              return Q = w.sent(), this.renderReplacedElement(r, n, Q), [3, 12];
+              return p = w.sent(), this.renderReplacedElement(r, n, p), [3, 12];
             case 11:
               return w.sent(), this.context.logger.error("Error loading svg " + r.svg.substring(0, 255)), [3, 12];
             case 12:
@@ -12371,7 +12372,7 @@ var dA = function(e, A, t, r, n) {
                 new H(r.bounds.left + u * 0.84, r.bounds.top + u * 0.34085),
                 new H(r.bounds.left + u * 0.39363, r.bounds.top + u * 0.79)
               ]), this.ctx.fillStyle = mA(As), this.ctx.fill(), this.ctx.restore()) : r.type === vn && r.checked && (this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(r.bounds.left + u / 2, r.bounds.top + u / 2, u / 4, 0, Math.PI * 2, !0), this.ctx.fillStyle = mA(As), this.ctx.fill(), this.ctx.restore())), Gy(r) && r.value.length) {
-                switch (d = this.createFontStyle(a), C = d[0], h = d[1], f = this.fontMetrics.getMetrics(C, h).baseline, this.ctx.font = C, this.ctx.fillStyle = mA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = zy(r.styles.textAlign), v = In(r), B = 0, r.styles.textAlign) {
+                switch (d = this.createFontStyle(a), C = d[0], U = d[1], f = this.fontMetrics.getMetrics(C, U).baseline, this.ctx.font = C, this.ctx.fillStyle = mA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = zy(r.styles.textAlign), v = In(r), B = 0, r.styles.textAlign) {
                   case 1:
                     B += v.width / 2;
                     break;
@@ -12394,15 +12395,15 @@ var dA = function(e, A, t, r, n) {
                 return [3, 20];
               if (r.styles.listStyleImage === null)
                 return [3, 19];
-              if (U = r.styles.listStyleImage, U.type !== 0)
+              if (h = r.styles.listStyleImage, h.type !== 0)
                 return [3, 18];
-              Q = void 0, p = U.url, w.label = 15;
+              p = void 0, Q = h.url, w.label = 15;
             case 15:
-              return w.trys.push([15, 17, , 18]), [4, this.context.cache.match(p)];
+              return w.trys.push([15, 17, , 18]), [4, this.context.cache.match(Q)];
             case 16:
-              return Q = w.sent(), this.ctx.drawImage(Q, r.bounds.left - (Q.width + 10), r.bounds.top), [3, 18];
+              return p = w.sent(), this.ctx.drawImage(p, r.bounds.left - (p.width + 10), r.bounds.top), [3, 18];
             case 17:
-              return w.sent(), this.context.logger.error("Error loading list-style-image " + p), [3, 18];
+              return w.sent(), this.context.logger.error("Error loading list-style-image " + Q), [3, 18];
             case 18:
               return [3, 20];
             case 19:
@@ -12417,9 +12418,9 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderStackContent = function(t) {
       return ZA(this, void 0, void 0, function() {
-        var r, n, U, a, o, U, i, l, U, s, c, U, u, d, U, h, f, U, B, g, U;
-        return SA(this, function(Q) {
-          switch (Q.label) {
+        var r, n, h, a, o, h, i, l, h, s, c, h, u, d, h, U, f, h, B, g, h;
+        return SA(this, function(p) {
+          switch (p.label) {
             case 0:
               if (EA(
                 t.element.container.flags,
@@ -12429,61 +12430,61 @@ var dA = function(e, A, t, r, n) {
                 debugger;
               return [4, this.renderNodeBackgroundAndBorders(t.element)];
             case 1:
-              Q.sent(), r = 0, n = t.negativeZIndex, Q.label = 2;
+              p.sent(), r = 0, n = t.negativeZIndex, p.label = 2;
             case 2:
-              return r < n.length ? (U = n[r], [4, this.renderStack(U)]) : [3, 5];
+              return r < n.length ? (h = n[r], [4, this.renderStack(h)]) : [3, 5];
             case 3:
-              Q.sent(), Q.label = 4;
+              p.sent(), p.label = 4;
             case 4:
               return r++, [3, 2];
             case 5:
               return [4, this.renderNodeContent(t.element)];
             case 6:
-              Q.sent(), a = 0, o = t.nonInlineLevel, Q.label = 7;
+              p.sent(), a = 0, o = t.nonInlineLevel, p.label = 7;
             case 7:
-              return a < o.length ? (U = o[a], [4, this.renderNode(U)]) : [3, 10];
+              return a < o.length ? (h = o[a], [4, this.renderNode(h)]) : [3, 10];
             case 8:
-              Q.sent(), Q.label = 9;
+              p.sent(), p.label = 9;
             case 9:
               return a++, [3, 7];
             case 10:
-              i = 0, l = t.nonPositionedFloats, Q.label = 11;
+              i = 0, l = t.nonPositionedFloats, p.label = 11;
             case 11:
-              return i < l.length ? (U = l[i], [4, this.renderStack(U)]) : [3, 14];
+              return i < l.length ? (h = l[i], [4, this.renderStack(h)]) : [3, 14];
             case 12:
-              Q.sent(), Q.label = 13;
+              p.sent(), p.label = 13;
             case 13:
               return i++, [3, 11];
             case 14:
-              s = 0, c = t.nonPositionedInlineLevel, Q.label = 15;
+              s = 0, c = t.nonPositionedInlineLevel, p.label = 15;
             case 15:
-              return s < c.length ? (U = c[s], [4, this.renderStack(U)]) : [3, 18];
+              return s < c.length ? (h = c[s], [4, this.renderStack(h)]) : [3, 18];
             case 16:
-              Q.sent(), Q.label = 17;
+              p.sent(), p.label = 17;
             case 17:
               return s++, [3, 15];
             case 18:
-              u = 0, d = t.inlineLevel, Q.label = 19;
+              u = 0, d = t.inlineLevel, p.label = 19;
             case 19:
-              return u < d.length ? (U = d[u], [4, this.renderNode(U)]) : [3, 22];
+              return u < d.length ? (h = d[u], [4, this.renderNode(h)]) : [3, 22];
             case 20:
-              Q.sent(), Q.label = 21;
+              p.sent(), p.label = 21;
             case 21:
               return u++, [3, 19];
             case 22:
-              h = 0, f = t.zeroOrAutoZIndexOrTransformedOrOpacity, Q.label = 23;
+              U = 0, f = t.zeroOrAutoZIndexOrTransformedOrOpacity, p.label = 23;
             case 23:
-              return h < f.length ? (U = f[h], [4, this.renderStack(U)]) : [3, 26];
+              return U < f.length ? (h = f[U], [4, this.renderStack(h)]) : [3, 26];
             case 24:
-              Q.sent(), Q.label = 25;
+              p.sent(), p.label = 25;
             case 25:
-              return h++, [3, 23];
+              return U++, [3, 23];
             case 26:
-              B = 0, g = t.positiveZIndex, Q.label = 27;
+              B = 0, g = t.positiveZIndex, p.label = 27;
             case 27:
-              return B < g.length ? (U = g[B], [4, this.renderStack(U)]) : [3, 30];
+              return B < g.length ? (h = g[B], [4, this.renderStack(h)]) : [3, 30];
             case 28:
-              Q.sent(), Q.label = 29;
+              p.sent(), p.label = 29;
             case 29:
               return B++, [3, 27];
             case 30:
@@ -12521,7 +12522,7 @@ var dA = function(e, A, t, r, n) {
           switch (s.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(c) {
-                var u, d, h, O, G, q, S, P, M, f, O, G, q, S, P, B, g, U, Q, p, C, v, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA, pA;
+                var u, d, U, O, G, q, S, P, M, f, O, G, q, S, P, B, g, h, p, Q, C, v, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA, pA;
                 return SA(this, function(fA) {
                   switch (fA.label) {
                     case 0:
@@ -12535,13 +12536,13 @@ var dA = function(e, A, t, r, n) {
                     case 3:
                       return fA.sent(), a.context.logger.error("Error loading background-image " + d), [3, 4];
                     case 4:
-                      return u && (h = Ja(t, r, [
+                      return u && (U = Ja(t, r, [
                         u.width,
                         u.height,
                         u.width / u.height
-                      ]), O = h[0], G = h[1], q = h[2], S = h[3], P = h[4], M = a.ctx.createPattern(a.resizeImage(u, S, P), "repeat"), a.renderRepeat(O, M, G, q)), [3, 6];
+                      ]), O = U[0], G = U[1], q = U[2], S = U[3], P = U[4], M = a.ctx.createPattern(a.resizeImage(u, S, P), "repeat"), a.renderRepeat(O, M, G, q)), [3, 6];
                     case 5:
-                      IE(c) ? (f = Ja(t, r, [null, null, null]), O = f[0], G = f[1], q = f[2], S = f[3], P = f[4], B = vE(c.angle, S, P), g = B[0], U = B[1], Q = B[2], p = B[3], C = B[4], v = document.createElement("canvas"), v.width = S, v.height = P, w = v.getContext("2d"), R = w.createLinearGradient(U, p, Q, C), Hl(c.stops, g).forEach(function(hA) {
+                      IE(c) ? (f = Ja(t, r, [null, null, null]), O = f[0], G = f[1], q = f[2], S = f[3], P = f[4], B = vE(c.angle, S, P), g = B[0], h = B[1], p = B[2], Q = B[3], C = B[4], v = document.createElement("canvas"), v.width = S, v.height = P, w = v.getContext("2d"), R = w.createLinearGradient(h, Q, p, C), Hl(c.stops, g).forEach(function(hA) {
                         return R.addColorStop(hA.stop, mA(hA.color));
                       }), w.fillStyle = R, w.fillRect(0, 0, S, P), S > 0 && P > 0 && (M = a.ctx.createPattern(v, "repeat"), a.renderRepeat(O, M, G, q))) : NE(c) && (T = Ja(t, r, [
                         null,
@@ -12617,10 +12618,10 @@ var dA = function(e, A, t, r, n) {
                 { style: r.borderLeftStyle, color: r.borderLeftColor, width: r.borderLeftWidth }
               ], o = Yy(pt(r.backgroundClip, 0), t.curves), n || r.boxShadow.length ? (this.ctx.save(), this.path(o), this.ctx.clip(), xe(r.backgroundColor) || (this.ctx.fillStyle = mA(r.backgroundColor), this.ctx.fill()), [4, this.renderBackgroundImage(t.container)]) : [3, 2];
             case 1:
-              d.sent(), this.ctx.restore(), r.boxShadow.slice(0).reverse().forEach(function(h) {
+              d.sent(), this.ctx.restore(), r.boxShadow.slice(0).reverse().forEach(function(U) {
                 u.ctx.save();
-                var f = Vn(t.curves), B = h.inset ? 0 : Ky, g = Sy(f, -B + (h.inset ? 1 : -1) * h.spread.number, (h.inset ? 1 : -1) * h.spread.number, h.spread.number * (h.inset ? -2 : 2), h.spread.number * (h.inset ? -2 : 2));
-                h.inset ? (u.path(f), u.ctx.clip(), u.mask(g)) : (u.mask(f), u.ctx.clip(), u.path(g)), u.ctx.shadowOffsetX = h.offsetX.number + B, u.ctx.shadowOffsetY = h.offsetY.number, u.ctx.shadowColor = mA(h.color), u.ctx.shadowBlur = h.blur.number, u.ctx.fillStyle = h.inset ? mA(h.color) : "rgba(0,0,0,1)", u.ctx.fill(), u.ctx.restore();
+                var f = Vn(t.curves), B = U.inset ? 0 : Ky, g = Sy(f, -B + (U.inset ? 1 : -1) * U.spread.number, (U.inset ? 1 : -1) * U.spread.number, U.spread.number * (U.inset ? -2 : 2), U.spread.number * (U.inset ? -2 : 2));
+                U.inset ? (u.path(f), u.ctx.clip(), u.mask(g)) : (u.mask(f), u.ctx.clip(), u.path(g)), u.ctx.shadowOffsetX = U.offsetX.number + B, u.ctx.shadowOffsetY = U.offsetY.number, u.ctx.shadowColor = mA(U.color), u.ctx.shadowBlur = U.blur.number, u.ctx.fillStyle = U.inset ? mA(U.color) : "rgba(0,0,0,1)", u.ctx.fill(), u.ctx.restore();
               }), d.label = 2;
             case 2:
               i = 0, l = 0, s = a, d.label = 3;
@@ -12668,9 +12669,9 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderDashedDottedBorder = function(t, r, n, a, o) {
       return ZA(this, void 0, void 0, function() {
-        var i, l, s, c, u, d, h, f, B, g, U, Q, p, C, v, w, v, w;
+        var i, l, s, c, u, d, U, f, B, g, h, p, Q, C, v, w, v, w;
         return SA(this, function(R) {
-          return this.ctx.save(), i = xy(a, n), l = ds(a, n), o === 2 && (this.path(l), this.ctx.clip()), qA(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), qA(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? h = Math.abs(s - u) : h = Math.abs(c - d), this.ctx.beginPath(), o === 3 ? this.formatPath(i) : this.formatPath(l.slice(0, 2)), f = r < 3 ? r * 3 : r * 2, B = r < 3 ? r * 2 : r, o === 3 && (f = r, B = r), g = !0, h <= f * 2 ? g = !1 : h <= f * 2 + B ? (U = h / (2 * f + B), f *= U, B *= U) : (Q = Math.floor((h + B) / (f + B)), p = (h - Q * f) / (Q - 1), C = (h - (Q + 1) * f) / Q, B = C <= 0 || Math.abs(B - p) < Math.abs(B - C) ? p : C), g && (o === 3 ? this.ctx.setLineDash([0, f + B]) : this.ctx.setLineDash([f, B])), o === 3 ? (this.ctx.lineCap = "round", this.ctx.lineWidth = r) : this.ctx.lineWidth = r * 2 + 1.1, this.ctx.strokeStyle = mA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], w = l[0], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], w = l[2], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
+          return this.ctx.save(), i = xy(a, n), l = ds(a, n), o === 2 && (this.path(l), this.ctx.clip()), qA(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), qA(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? U = Math.abs(s - u) : U = Math.abs(c - d), this.ctx.beginPath(), o === 3 ? this.formatPath(i) : this.formatPath(l.slice(0, 2)), f = r < 3 ? r * 3 : r * 2, B = r < 3 ? r * 2 : r, o === 3 && (f = r, B = r), g = !0, U <= f * 2 ? g = !1 : U <= f * 2 + B ? (h = U / (2 * f + B), f *= h, B *= h) : (p = Math.floor((U + B) / (f + B)), Q = (U - p * f) / (p - 1), C = (U - (p + 1) * f) / p, B = C <= 0 || Math.abs(B - Q) < Math.abs(B - C) ? Q : C), g && (o === 3 ? this.ctx.setLineDash([0, f + B]) : this.ctx.setLineDash([f, B])), o === 3 ? (this.ctx.lineCap = "round", this.ctx.lineWidth = r) : this.ctx.lineWidth = r * 2 + 1.1, this.ctx.strokeStyle = mA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], w = l[0], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], w = l[2], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
             2
             /*return*/
           ];
@@ -12787,7 +12788,7 @@ var dA = function(e, A, t, r, n) {
 typeof window < "u" && Nu.setContext(window);
 var eR = function(e, A) {
   return ZA(void 0, void 0, void 0, function() {
-    var t, r, n, a, o, i, l, s, c, u, d, h, f, B, g, U, Q, p, C, v, R, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA;
+    var t, r, n, a, o, i, l, s, c, u, d, U, f, B, g, h, p, Q, C, v, R, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA;
     return SA(this, function(pA) {
       switch (pA.label) {
         case 0:
@@ -12815,23 +12816,23 @@ var eR = function(e, A) {
             copyStyles: s
           }, l.logger.debug("Starting document clone with size " + i.width + "x" + i.height + " scrolled to " + -i.left + "," + -i.top), u = new ss(l, e, c), d = u.clonedReferenceElement, d ? [4, u.toIFrame(t, i)] : [2, Promise.reject("Unable to find element in cloned iframe")];
         case 1:
-          return h = pA.sent(), f = Fi(d) || ty(d) ? SF(d.ownerDocument) : jn(l, d), B = f.width, g = f.height, U = f.left, Q = f.top, p = tR(l, d, A.backgroundColor), C = {
+          return U = pA.sent(), f = Fi(d) || ty(d) ? SF(d.ownerDocument) : jn(l, d), B = f.width, g = f.height, h = f.left, p = f.top, Q = tR(l, d, A.backgroundColor), C = {
             canvas: A.canvas,
-            backgroundColor: p,
+            backgroundColor: Q,
             scale: (BA = (rA = A.scale) !== null && rA !== void 0 ? rA : r.devicePixelRatio) !== null && BA !== void 0 ? BA : 1,
-            x: ((cA = A.x) !== null && cA !== void 0 ? cA : 0) + U,
-            y: ((nA = A.y) !== null && nA !== void 0 ? nA : 0) + Q,
+            x: ((cA = A.x) !== null && cA !== void 0 ? cA : 0) + h,
+            y: ((nA = A.y) !== null && nA !== void 0 ? nA : 0) + p,
             width: (X = A.width) !== null && X !== void 0 ? X : Math.ceil(B),
             height: (z = A.height) !== null && z !== void 0 ? z : Math.ceil(g)
           }, s ? (l.logger.debug("Document cloned, using foreign object rendering"), R = new Py(l, C), [4, R.render(d)]) : [3, 3];
         case 2:
           return v = pA.sent(), [3, 5];
         case 3:
-          return l.logger.debug("Document cloned, element located at " + U + "," + Q + " with size " + B + "x" + g + " using computed rendering"), l.logger.debug("Starting DOM parsing"), w = Eu(l, d), p === w.styles.backgroundColor && (w.styles.backgroundColor = Ee.TRANSPARENT), l.logger.debug("Starting renderer for element at " + C.x + "," + C.y + " with size " + C.width + "x" + C.height), R = new Ly(l, C), [4, R.render(w)];
+          return l.logger.debug("Document cloned, element located at " + h + "," + p + " with size " + B + "x" + g + " using computed rendering"), l.logger.debug("Starting DOM parsing"), w = Eu(l, d), Q === w.styles.backgroundColor && (w.styles.backgroundColor = Ee.TRANSPARENT), l.logger.debug("Starting renderer for element at " + C.x + "," + C.y + " with size " + C.width + "x" + C.height), R = new Ly(l, C), [4, R.render(w)];
         case 4:
           v = pA.sent(), pA.label = 5;
         case 5:
-          return (!((IA = A.removeContainer) !== null && IA !== void 0) || IA) && (ss.destroy(h) || l.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), l.logger.debug("Finished rendering"), [2, v];
+          return (!((IA = A.removeContainer) !== null && IA !== void 0) || IA) && (ss.destroy(U) || l.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), l.logger.debug("Finished rendering"), [2, v];
       }
     });
   });
@@ -12860,7 +12861,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
 }, ZR = { class: "switch-input" }, sn = 0.05, kR = {
   __name: "panels",
   props: {
-    templateData: {
+    templateInfo: {
       type: Object,
       default: () => ({
         graphData: {},
@@ -12891,7 +12892,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     }
   },
   setup(e, { expose: A }) {
-    const t = e, r = k({}), n = k(0), a = k([]), o = k(1);
+    const t = e, r = Z({}), n = Z(0), a = Z([]), o = Z(1);
     let i = 1;
     const l = b(() => {
       var E;
@@ -12900,8 +12901,8 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       var E;
       return ((E = r.value) == null ? void 0 : E.printHeight) || 0;
     });
-    k(!1);
-    const c = k(!1), u = k(!1), d = k(/* @__PURE__ */ new Map()), h = k(/* @__PURE__ */ new Map()), f = new Map(bc.map((E) => [E.type, E])), { selectedItems: B, selectItem: g, getCurrentSelected: U, clearSelection: Q } = mF(), { dragging: p, dragItem: C, startDrag: v } = CF({
+    Z(!1);
+    const c = Z(!1), u = Z(!1), d = Z(/* @__PURE__ */ new Map()), U = Z(/* @__PURE__ */ new Map()), f = new Map(bc.map((E) => [E.type, E])), { selectedItems: B, selectItem: g, getCurrentSelected: h, clearSelection: p } = mF(), { dragging: Q, dragItem: C, startDrag: v } = CF({
       scale: o,
       canvasWidth: l,
       canvasHeight: s,
@@ -12920,15 +12921,15 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     }), { alignmentGuides: w, showGuides: R, updateAlignmentGuides: M, clearAlignmentGuides: T } = TF({
       items: a,
       dragItem: C,
-      dragging: p
+      dragging: Q
     }), { startResize: O } = EF(l, s, o, B), { startRotate: D } = vF();
     FA(() => B.value, () => {
       d.value.clear();
     }, { deep: !0 });
     const L = (E) => {
       const F = `${E.id}_${E.props.x.toFixed(1)}_${E.props.y.toFixed(1)}_${E.props.width}_${E.props.height}_${E.props.rotation}`;
-      if (h.value.has(F))
-        return h.value.get(F);
+      if (U.value.has(F))
+        return U.value.get(F);
       const $ = (E.props.rotation || 0) * Math.PI / 180, K = [
         { x: 0, y: 0 },
         // top-left
@@ -12945,13 +12946,13 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           y: Number((Ke + Y + E.props.y).toFixed(2))
         };
       });
-      if (h.value.set(F, y), h.value.size > 100) {
-        const lA = h.value.keys().next().value;
-        h.value.delete(lA);
+      if (U.value.set(F, y), U.value.size > 100) {
+        const lA = U.value.keys().next().value;
+        U.value.delete(lA);
       }
       return y;
     }, S = (E) => {
-      const F = L(E), Z = F.map((_) => _.x), $ = F.map((_) => _.y), K = Number(Math.min(...Z).toFixed(2)), J = Number(Math.max(...Z).toFixed(2)), Y = Number(Math.min(...$).toFixed(2)), y = Number(Math.max(...$).toFixed(2));
+      const F = L(E), k = F.map((_) => _.x), $ = F.map((_) => _.y), K = Number(Math.min(...k).toFixed(2)), J = Number(Math.max(...k).toFixed(2)), Y = Number(Math.min(...$).toFixed(2)), y = Number(Math.max(...$).toFixed(2));
       return {
         minX: K,
         maxX: J,
@@ -12963,35 +12964,35 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
         centerY: (Y + y) / 2
       };
     }, P = (E, F) => {
-      const Z = S(E);
+      const k = S(E);
       if (E.type === "horline" && F === "bottom") {
         const J = parseFloat(E.props.LineWidth || "0.75") * 1.333 / 3.78;
         return {
-          top: Z.minY + J + "mm"
+          top: k.minY + J + "mm"
         };
       }
       if (E.type === "verline" && F === "right") {
         const J = parseFloat(E.props.LineWidth || "0.75") * 1.333 / 3.78;
         return {
-          left: Z.minX + J + "mm"
+          left: k.minX + J + "mm"
         };
       }
       switch (F) {
         case "left":
           return {
-            left: Z.minX + "mm"
+            left: k.minX + "mm"
           };
         case "right":
           return {
-            left: Z.maxX + "mm"
+            left: k.maxX + "mm"
           };
         case "top":
           return {
-            top: Z.minY + "mm"
+            top: k.minY + "mm"
           };
         case "bottom":
           return {
-            top: Z.maxY + "mm"
+            top: k.maxY + "mm"
           };
         default:
           return {};
@@ -13001,20 +13002,20 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
         const E = document.querySelector(".canvas-container");
         if (!E || !l.value || !s.value)
           return;
-        const F = E.getBoundingClientRect(), Z = pn(l.value), $ = pn(s.value);
-        let K = F.width / Z, J = F.height / $;
-        K = K - 40 * K / Z, J = J - 40 * J / $;
+        const F = E.getBoundingClientRect(), k = pn(l.value), $ = pn(s.value);
+        let K = F.width / k, J = F.height / $;
+        K = K - 40 * K / k, J = J - 40 * J / $;
         let Y = Math.min(K, J);
         i = Math.max(0.8, Math.min(4, Y)), o.value = i = G(i, 1), setTimeout(() => n.value = 1, 100);
       });
     };
     function G(E, F) {
       E = E.toString();
-      let Z = E.indexOf(".");
-      return Z !== -1 ? E = E.substring(0, F + Z + 1) : E = E.substring(0), Number(parseFloat(E).toFixed(F));
+      let k = E.indexOf(".");
+      return k !== -1 ? E = E.substring(0, F + k + 1) : E = E.substring(0), Number(parseFloat(E).toFixed(F));
     }
     const q = (E) => f.get(E) || null, rA = (E) => {
-      const F = B.value.indexOf(E), Z = F === B.value.length - 1, $ = F !== -1, K = `${E.id}_${Math.round(E.props.x * 10)}_${Math.round(E.props.y * 10)}_${E.props.width}_${E.props.height}_${E.props.rotation}_${$}_${Z}`;
+      const F = B.value.indexOf(E), k = F === B.value.length - 1, $ = F !== -1, K = `${E.id}_${Math.round(E.props.x * 10)}_${Math.round(E.props.y * 10)}_${E.props.width}_${E.props.height}_${E.props.rotation}_${$}_${k}`;
       if (d.value.has(K))
         return d.value.get(K);
       const J = {
@@ -13022,16 +13023,16 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
         height: E.props.height + "mm",
         transform: `translate(${E.props.x}mm, ${E.props.y}mm) rotate(${E.props.rotation}deg)`
       };
-      if ($ ? Z ? J.zIndex = 1e3 : J.zIndex = 999 : J.zIndex = 10, d.value.set(K, J), d.value.size > 200) {
+      if ($ ? k ? J.zIndex = 1e3 : J.zIndex = 999 : J.zIndex = 10, d.value.set(K, J), d.value.size > 200) {
         const Y = d.value.keys().next().value;
         d.value.delete(Y);
       }
       return J;
     }, BA = (E) => {
-      const F = B.value.some(($) => $.id === E.id), Z = U() === E;
+      const F = B.value.some(($) => $.id === E.id), k = h() === E;
       return {
         "component-selected": F,
-        "component-current": F && Z,
+        "component-current": F && k,
         "no-outline": F && (E.type === "horline" || E.type === "verline")
       };
     }, cA = (E, F) => {
@@ -13071,44 +13072,44 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       const F = document.activeElement.tagName.toLowerCase();
       if (F === "input" || F === "textarea")
         return;
-      const Z = U();
-      if (!Z)
+      const k = h();
+      if (!k)
         return;
-      const $ = Number(Z.props.width) || 0, K = Number(Z.props.height) || 0;
-      let J = Z.props.x, Y = Z.props.y, y = !1;
-      if (E.key === "ArrowLeft" ? (J = Number((Z.props.x - sn).toFixed(2)), y = !0) : E.key === "ArrowRight" ? (J = Number((Z.props.x + sn).toFixed(2)), y = !0) : E.key === "ArrowUp" ? (Y = Number((Z.props.y - sn).toFixed(2)), y = !0) : E.key === "ArrowDown" && (Y = Number((Z.props.y + sn).toFixed(2)), y = !0), y) {
+      const $ = Number(k.props.width) || 0, K = Number(k.props.height) || 0;
+      let J = k.props.x, Y = k.props.y, y = !1;
+      if (E.key === "ArrowLeft" ? (J = Number((k.props.x - sn).toFixed(2)), y = !0) : E.key === "ArrowRight" ? (J = Number((k.props.x + sn).toFixed(2)), y = !0) : E.key === "ArrowUp" ? (Y = Number((k.props.y - sn).toFixed(2)), y = !0) : E.key === "ArrowDown" && (Y = Number((k.props.y + sn).toFixed(2)), y = !0), y) {
         const lA = l.value - $, _ = s.value - K;
-        J < 0 ? J = 0 : J > lA && (J = lA), Y < 0 ? Y = 0 : Y > _ && (Y = _), Z.props.x = J, Z.props.y = Y, E.preventDefault();
+        J < 0 ? J = 0 : J > lA && (J = lA), Y < 0 ? Y = 0 : Y > _ && (Y = _), k.props.x = J, k.props.y = Y, E.preventDefault();
       }
     }
-    const IA = ({ e: E, comp: F, previewDiv: Z }) => {
+    const IA = ({ e: E, comp: F, previewDiv: k }) => {
       var $, K;
-      ($ = E == null ? void 0 : E.dataTransfer) == null || $.setData("comp", JSON.stringify(F)), document.body.appendChild(Z), (K = E == null ? void 0 : E.dataTransfer) == null || K.setDragImage(Z, 0, 0), setTimeout(() => document.body.removeChild(Z), 0);
+      ($ = E == null ? void 0 : E.dataTransfer) == null || $.setData("comp", JSON.stringify(F)), document.body.appendChild(k), (K = E == null ? void 0 : E.dataTransfer) == null || K.setDragImage(k, 0, 0), setTimeout(() => document.body.removeChild(k), 0);
     }, pA = async (E) => {
       var Nr, mi, vi;
       E.preventDefault();
-      const F = JSON.parse(((mi = (Nr = E == null ? void 0 : E.dataTransfer) == null ? void 0 : Nr.getData) == null ? void 0 : mi.call(Nr, "comp")) || "{}") || {}, Z = (F == null ? void 0 : F.type) || "";
-      if (!Z)
+      const F = JSON.parse(((mi = (Nr = E == null ? void 0 : E.dataTransfer) == null ? void 0 : Nr.getData) == null ? void 0 : mi.call(Nr, "comp")) || "{}") || {}, k = (F == null ? void 0 : F.type) || "";
+      if (!k)
         return;
-      const $ = document.querySelector("#design").getBoundingClientRect(), K = (E.clientX - $.left) / o.value, J = (E.clientY - $.top) / o.value, Y = CA.value[Z] || {};
+      const $ = document.querySelector("#design").getBoundingClientRect(), K = (E.clientX - $.left) / o.value, J = (E.clientY - $.top) / o.value, Y = CA.value[k] || {};
       let y = il(K), lA = il(J);
       const _ = Y.width, XA = Y.height, ce = l.value - _, Ke = s.value - XA;
       y = Math.max(0, Math.min(y, ce)), lA = Math.max(0, Math.min(lA, Ke));
       const { propertyPanel: DR, ...ku } = Y;
       let Ir = { ...ku, x: Number(y.toFixed(2)), y: Number(lA.toFixed(2)), width: Number(_.toFixed(2)), height: Number(XA.toFixed(2)) };
-      if ((vi = CA.value[Z]) != null && vi.propertyPanel) {
-        const ia = at(CA.value[Z].propertyPanel) || {};
+      if ((vi = CA.value[k]) != null && vi.propertyPanel) {
+        const ia = at(CA.value[k].propertyPanel) || {};
         if (Ir = {
           ...Ir,
           ...ia
-        }, Z === "horline" && ia.LineWidth) {
+        }, k === "horline" && ia.LineWidth) {
           const Ou = parseFloat(ia.LineWidth) * 0.3528;
           Ir.height = Number(Ou.toFixed(3));
         }
       }
       const Ei = {
         id: na(),
-        type: Z,
+        type: k,
         props: Ir
       };
       a.value.push(Ei), g(Ei);
@@ -13120,14 +13121,14 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           return;
         F = F.parentElement;
       }
-      Q();
+      p();
     }
     const hA = (E, F) => {
       if (B.value.length === 0) {
         g(F), v(E, F);
         return;
       }
-      if (U() === F) {
+      if (h() === F) {
         v(E, F);
         return;
       }
@@ -13137,19 +13138,19 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       for (const K of d.value.keys())
         K.includes(E) && F.push(K);
       F.forEach((K) => d.value.delete(K));
-      const Z = [];
-      for (const K of h.value.keys())
-        K.includes(E) && Z.push(K);
-      if (Z.forEach((K) => h.value.delete(K)), d.value.clear(), h.value.clear(), a.value.find((K) => K.id === E) && (a.value = a.value.filter((K) => K.id !== E)), B.value.some((K) => K.id === E)) {
+      const k = [];
+      for (const K of U.value.keys())
+        K.includes(E) && k.push(K);
+      if (k.forEach((K) => U.value.delete(K)), d.value.clear(), U.value.clear(), a.value.find((K) => K.id === E) && (a.value = a.value.filter((K) => K.id !== E)), B.value.some((K) => K.id === E)) {
         const K = B.value.filter((J) => J.id !== E);
         B.value = K;
       }
       de(() => {
       });
     }, jA = (E) => {
-      var Z;
+      var k;
       const F = document.activeElement.tagName.toLowerCase();
-      F === "input" || F === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && NA((Z = U()) == null ? void 0 : Z.id);
+      F === "input" || F === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && NA((k = h()) == null ? void 0 : k.id);
     }, { handleMouseWheel: se, handleInputChange: Je, adjustRotation: Wt } = RF(B, l, s), ot = () => {
       setTimeout(() => {
         const E = document.querySelector(".center-container");
@@ -13159,10 +13160,10 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
         E.style.height = `calc(100vh - ${F == null ? void 0 : F.top}px)`, oA();
       }, 200);
     };
-    FA(() => t.templateData, (E, F) => {
+    FA(() => t.templateInfo, (E, F) => {
       E !== F && (r.value = E || {}, a.value = (E == null ? void 0 : E.items) || [], ot());
     }, { deep: !0, immediate: !0 });
-    const { handleCopy: Vr, handlePaste: ne } = VF(a, B, l, s), CA = k({}), ae = k(!1), ve = async (E) => {
+    const { handleCopy: Vr, handlePaste: ne } = VF(a, B, l, s), CA = Z({}), ae = Z(!1), ve = async (E) => {
       try {
         ae.value = !1, CA.value = await zw(E), ae.value = !0;
       } catch (F) {
@@ -13171,7 +13172,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     };
     FA(() => t.templateType, async (E) => {
       try {
-        await ve(E), Q(), d.value.clear(), h.value.clear(), console.log("配置切换成功:", E);
+        await ve(E), p(), d.value.clear(), U.value.clear(), console.log("配置切换成功:", E);
       } catch (F) {
         console.error("配置切换失败:", F);
       }
@@ -13187,11 +13188,11 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       });
     }
     const aa = (E) => {
-      var Z;
+      var k;
       if (!CA.value || !CA.value[E])
         return console.warn(`组件类型 ${E} 在当前配置中不存在`), {};
       const F = CA.value[E] || {};
-      return E === "image" && ((Z = t.config) != null && Z.image) ? {
+      return E === "image" && ((k = t.config) != null && k.image) ? {
         ...F,
         image: {
           ...F.image,
@@ -13205,9 +13206,9 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       const E = NF(r.value.graphData) || "";
       E && ((F = document.querySelector("#design")) == null || F.appendChild(E));
     }, Ci = () => new Promise((E, F) => {
-      Q(), JSON.parse(JSON.stringify(a.value));
-      const Z = JSON.parse(JSON.stringify(a.value));
-      Z == null || Z.forEach((K) => {
+      p(), JSON.parse(JSON.stringify(a.value));
+      const k = JSON.parse(JSON.stringify(a.value));
+      k == null || k.forEach((K) => {
         var J, Y;
         if (K.type == "text") {
           const y = ((Y = (J = t.options) == null ? void 0 : J.fields) == null ? void 0 : Y.find((lA) => {
@@ -13216,7 +13217,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           })) || {};
           K.props.Text = K.props.Text || (y == null ? void 0 : y.label);
         }
-      }), [...Z];
+      }), [...k];
       const $ = () => {
         var Y;
         const K = ((Y = document.querySelector("#design")) == null ? void 0 : Y.querySelectorAll("img")) || [], J = Array.from(K).map((y) => y.complete ? Promise.resolve() : new Promise((lA) => {
@@ -13281,13 +13282,13 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       getJson: () => bA().then(() => Tr()),
       // 清空画布
       clear: () => {
-        a.value = [], Q();
+        a.value = [], p();
       },
       // 生成快照
       snapshot: () => bA().then(() => Ci())
     }), (E, F) => {
       var Y;
-      const Z = QA("el-icon-refresh-left"), $ = QA("el-icon"), K = QA("el-icon-close"), J = QA("el-switch");
+      const k = QA("el-icon-refresh-left"), $ = QA("el-icon"), K = QA("el-icon-close"), J = QA("el-switch");
       return V(), N("div", rR, [
         m("div", nR, [
           W(tF, {
@@ -13345,7 +13346,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                 }, ["prevent"])),
                 onPointerdown: fA
               }, [
-                I(p) && I(C) ? (V(), N("div", BR, [
+                I(Q) && I(C) ? (V(), N("div", BR, [
                   m("div", {
                     class: "drag-extend-line vertical",
                     style: AA(P(I(C), "left"))
@@ -13393,7 +13394,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                     onMousedown: xA((_) => hA(_, y), ["stop"]),
                     onClick: xA((_) => I(g)(y), ["stop"])
                   }, [
-                    I(U)() === y ? (V(), N(VA, { key: 0 }, [
+                    I(h)() === y ? (V(), N(VA, { key: 0 }, [
                       y.props.lockAspectRatio ? tA("", !0) : (V(), N(VA, { key: 0 }, [
                         y.type !== "verline" && y.type !== "horline" ? (V(), N("div", {
                           key: 0,
@@ -13439,7 +13440,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                       }, [
                         W($, { size: "6" }, {
                           default: j(() => [
-                            W(Z)
+                            W(k)
                           ]),
                           _: 1
                         })
@@ -13461,7 +13462,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                     ], 64)) : tA("", !0),
                     y.props && ae.value ? (V(), vA(cr(((lA = q(y.type)) == null ? void 0 : lA.component) || null), {
                       key: `${y.id}-${y.type}`,
-                      modelValue: { ...y.props, __selected: I(U)() === y },
+                      modelValue: { ...y.props, __selected: I(h)() === y },
                       propsConfig: CA.value,
                       "onUpdate:modelValue": (_) => {
                         const { __selected: XA, ...ce } = _;
@@ -13488,12 +13489,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[3] || (F[3] = (y) => I(U)().props.x = y),
+                    "onUpdate:modelValue": F[3] || (F[3] = (y) => I(h)().props.x = y),
                     onInput: F[4] || (F[4] = (y) => I(Je)("x", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(U)().props.x,
+                      I(h)().props.x,
                       void 0,
                       { number: !0 }
                     ]
@@ -13511,12 +13512,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[7] || (F[7] = (y) => I(U)().props.y = y),
+                    "onUpdate:modelValue": F[7] || (F[7] = (y) => I(h)().props.y = y),
                     onInput: F[8] || (F[8] = (y) => I(Je)("y", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(U)().props.y,
+                      I(h)().props.y,
                       void 0,
                       { number: !0 }
                     ]
@@ -13526,7 +13527,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ]),
-              I(U)().type !== "verline" ? (V(), N("div", IR, [
+              I(h)().type !== "verline" ? (V(), N("div", IR, [
                 F[27] || (F[27] = m("label", null, "宽度:", -1)),
                 m("div", NR, [
                   m("button", {
@@ -13534,12 +13535,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[11] || (F[11] = (y) => I(U)().props.width = y),
+                    "onUpdate:modelValue": F[11] || (F[11] = (y) => I(h)().props.width = y),
                     onInput: F[12] || (F[12] = (y) => I(Je)("width", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(U)().props.width,
+                      I(h)().props.width,
                       void 0,
                       { number: !0 }
                     ]
@@ -13549,7 +13550,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ])) : tA("", !0),
-              I(U)().type !== "horline" ? (V(), N("div", SR, [
+              I(h)().type !== "horline" ? (V(), N("div", SR, [
                 F[28] || (F[28] = m("label", null, "高度:", -1)),
                 m("div", MR, [
                   m("button", {
@@ -13557,12 +13558,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[15] || (F[15] = (y) => I(U)().props.height = y),
+                    "onUpdate:modelValue": F[15] || (F[15] = (y) => I(h)().props.height = y),
                     onInput: F[16] || (F[16] = (y) => I(Je)("height", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(U)().props.height,
+                      I(h)().props.height,
                       void 0,
                       { number: !0 }
                     ]
@@ -13580,12 +13581,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[19] || (F[19] = (y) => I(U)().props.rotation = y),
+                    "onUpdate:modelValue": F[19] || (F[19] = (y) => I(h)().props.rotation = y),
                     onInput: F[20] || (F[20] = (y) => I(Je)("rotation", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(U)().props.rotation,
+                      I(h)().props.rotation,
                       void 0,
                       { number: !0 }
                     ]
@@ -13595,30 +13596,30 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ]),
-              I(U)().type !== "horline" ? (V(), N("div", xR, [
+              I(h)().type !== "horline" ? (V(), N("div", xR, [
                 F[30] || (F[30] = m("label", null, "锁定宽高比:", -1)),
                 m("div", ZR, [
                   W(J, {
-                    modelValue: I(U)().props.lockAspectRatio,
-                    "onUpdate:modelValue": F[22] || (F[22] = (y) => I(U)().props.lockAspectRatio = y),
+                    modelValue: I(h)().props.lockAspectRatio,
+                    "onUpdate:modelValue": F[22] || (F[22] = (y) => I(h)().props.lockAspectRatio = y),
                     "active-value": !0,
                     "inactive-value": !1
                   }, null, 8, ["modelValue"])
                 ])
               ])) : tA("", !0)
             ]),
-            (V(), vA(cr(((Y = q(I(U)().type)) == null ? void 0 : Y.propertyPanel) || null), {
-              modelValue: I(U)().props,
-              "onUpdate:modelValue": F[23] || (F[23] = (y) => I(U)().props = y),
+            (V(), vA(cr(((Y = q(I(h)().type)) == null ? void 0 : Y.propertyPanel) || null), {
+              modelValue: I(h)().props,
+              "onUpdate:modelValue": F[23] || (F[23] = (y) => I(h)().props = y),
               options: e.options,
-              "props-config": aa(I(U)().type)
+              "props-config": aa(I(h)().type)
             }, null, 8, ["modelValue", "options", "props-config"]))
           ], 64)) : tA("", !0)
         ])
       ]);
     };
   }
-}, OR = /* @__PURE__ */ yA(kR, [["__scopeId", "data-v-e684cfd3"]]);
+}, OR = /* @__PURE__ */ yA(kR, [["__scopeId", "data-v-79a1fcd7"]]);
 const WR = {
   __name: "index",
   props: {
@@ -13639,81 +13640,100 @@ const WR = {
     }
   },
   setup(e) {
-    const A = Ze(), t = e, r = k(!1), n = k(), a = k(0), o = k(!1), i = (f, B) => {
-      let g;
-      return function(...Q) {
-        const p = () => {
-          clearTimeout(g), f(...Q);
+    const A = Ze(), t = e, r = Z(!1), n = Z({}), a = Z(), o = Z(0), i = Z(!1), l = (g, h) => {
+      let p;
+      return function(...C) {
+        const v = () => {
+          clearTimeout(p), g(...C);
         };
-        clearTimeout(g), g = setTimeout(p, B);
+        clearTimeout(p), p = setTimeout(v, h);
       };
-    }, l = k({
+    }, s = Z({
       rectTop: 0,
       isInModal: !1
-    }), s = () => {
-      if (!n.value)
+    }), c = () => {
+      if (!a.value)
         return;
-      const f = n.value.getBoundingClientRect(), B = u(n.value);
-      let g = 0;
-      if (f.top > 0)
-        g = f.top;
-      else if (B) {
-        const U = d(n.value);
-        g = U > 0 ? U : 60;
+      const g = a.value.getBoundingClientRect(), h = d(a.value);
+      let p = 0;
+      if (g.top > 0)
+        p = g.top;
+      else if (h) {
+        const Q = U(a.value);
+        p = Q > 0 ? Q : 60;
       } else {
-        const U = n.value.offsetTop;
-        U > 0 ? g = U : g = 60;
+        const Q = a.value.offsetTop;
+        Q > 0 ? p = Q : p = 60;
       }
-      (g !== l.value.rectTop || B !== l.value.isInModal) && (a.value = g, o.value = B, l.value = {
-        rectTop: g,
-        isInModal: B
+      (p !== s.value.rectTop || h !== s.value.isInModal) && (o.value = p, i.value = h, s.value = {
+        rectTop: p,
+        isInModal: h
       });
-    }, c = i(s, 100), u = (f) => {
-      let B = f.parentElement;
-      for (; B; ) {
-        if (B.classList && (B.classList.contains("el-dialog") || B.classList.contains("el-drawer") || B.classList.contains("sc-dialog")))
+    }, u = l(c, 100), d = (g) => {
+      let h = g.parentElement;
+      for (; h; ) {
+        if (h.classList && (h.classList.contains("el-dialog") || h.classList.contains("el-drawer") || h.classList.contains("sc-dialog")))
           return !0;
-        B = B.parentElement;
+        h = h.parentElement;
       }
       return !1;
-    }, d = (f) => {
-      let B = f.parentElement;
-      for (; B; ) {
-        if (B.classList && (B.classList.contains("el-dialog") || B.classList.contains("el-drawer") || B.classList.contains("sc-dialog"))) {
-          const g = B.getBoundingClientRect();
-          return g.top > 0 ? g.top : 60;
+    }, U = (g) => {
+      let h = g.parentElement;
+      for (; h; ) {
+        if (h.classList && (h.classList.contains("el-dialog") || h.classList.contains("el-drawer") || h.classList.contains("sc-dialog"))) {
+          const p = h.getBoundingClientRect();
+          return p.top > 0 ? p.top : 60;
         }
-        B = B.parentElement;
+        h = h.parentElement;
       }
       return 60;
     };
     Oe(() => {
-      setTimeout(() => s(), 100), setTimeout(() => s(), 300), window.addEventListener("resize", c), Ur(() => {
-        window.removeEventListener("resize", c);
+      setTimeout(() => c(), 100), setTimeout(() => c(), 300), window.addEventListener("resize", u), Ur(() => {
+        window.removeEventListener("resize", u);
       });
-    }), FA(() => r.value, (f) => {
-      f && de(() => setTimeout(() => s(), 50));
-    }), FA(() => t.templateData, async (f) => {
-      r.value = (f == null ? void 0 : f.width) > 0 && (f == null ? void 0 : f.height) > 0;
+    }), FA(() => r.value, (g) => {
+      g && de(() => setTimeout(() => c(), 50));
+    }), FA(() => t.templateData, async (g) => {
+      r.value = (g == null ? void 0 : g.width) > 0 && (g == null ? void 0 : g.height) > 0, f();
     }, { deep: !0, immediate: !0 });
-    function h(f) {
-      A.exposed = f || {}, A.exposeProxy = f || {};
+    function f() {
+      var h, p;
+      const g = ((p = (h = t.templateData) == null ? void 0 : h.panels) == null ? void 0 : p[0]) || {};
+      if (!g || Object.keys(g).length === 0) {
+        n.value = { ...t.templateData };
+        return;
+      }
+      n.value = {
+        width: g.width || 0,
+        height: g.height || 0,
+        printWidth: g.printWidth || 0,
+        printHeight: g.printHeight || 0,
+        items: g.printElements || [],
+        ...t.templateData
+      };
     }
-    return (f, B) => {
-      const g = qu("loading");
+    function B(g) {
+      A.exposed = g || {}, A.exposeProxy = g || {};
+    }
+    return (g, h) => {
+      const p = qu("loading");
       return GA((V(), N("div", {
         ref_key: "templateDesignerRef",
-        ref: n,
-        class: _A(["template-designer", { "template-designer-border-top": o.value }]),
-        style: AA({ height: "calc(100vh - " + (a.value + 1) + "px)" })
+        ref: a,
+        class: _A(["template-designer", { "template-designer-border-top": i.value }]),
+        style: AA({ height: "calc(100vh - " + (o.value + 1) + "px)" })
       }, [
-        r.value ? (V(), vA(cr($u(OR, { ...f.$attrs, ...t, ref: h }, f.$slots)), { key: 0 })) : tA("", !0)
+        r.value ? (V(), vA(cr($u(OR, { ...g.$attrs, ...t, ref: B }, g.$slots)), {
+          key: 0,
+          "template-info": n.value
+        }, null, 8, ["template-info"])) : tA("", !0)
       ], 6)), [
-        [g, !r.value]
+        [p, !r.value]
       ]);
     };
   }
-}, Ka = /* @__PURE__ */ yA(WR, [["__scopeId", "data-v-a48e3842"]]);
+}, Ka = /* @__PURE__ */ yA(WR, [["__scopeId", "data-v-dad1d3d0"]]);
 Ka.install = (e) => {
   e.component(Ka.name || "TemplateDesigner", Ka);
 };