template-designer 0.2.2 → 0.2.4

package/dist/template-designer.es.js

@@ -38,45 +38,45 @@ const td = {
       overflow: "hidden",
       boxSizing: "border-box"
     })), i = k(/* @__PURE__ */ new Map()), l = (d) => {
-      var f, B, U, g, Q, p;
+      var f, B, g, h, p, Q;
       if (i.value.has(d))
         return i.value.get(d);
-      const h = ((p = (Q = (g = (U = (B = (f = A.propsConfig) == null ? void 0 : f.text) == null ? void 0 : B.propertyPanel) == null ? void 0 : U.find((F) => F.prop == "FontName")) == null ? void 0 : g.options) == null ? void 0 : Q.find((F) => F.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((F) => F.prop == "FontName")) == null ? void 0 : h.options) == null ? void 0 : p.find((F) => F.value == d)) == null ? void 0 : Q.cssValue) || d;
+      return i.value.set(d, U), U;
     }, s = {
       1: "left",
       2: "center",
       3: "right"
     }, c = H(() => {
-      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, U = A.modelValue.Italic || r.value.Italic, g = 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: U ? "italic" : "normal",
-        color: g,
+        fontStyle: g ? "italic" : "normal",
+        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 CA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, h) => (V(), N("div", {
+    return CA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, U) => (V(), N("div", {
       class: "td-text-component",
       style: $(o.value)
     }, [
@@ -104,26 +104,26 @@ const td = {
     b: (B = "") => Ke(t.value, e, B, "", ""),
     e: (B) => B ? Ke(t.value, e, "", B, "") : "",
     m: (B) => B ? Ke(t.value, e, "", "", B) : "",
-    be: (B, U) => B && U ? Ke(t.value, e, B, U, "") : "",
-    em: (B, U) => B && U ? Ke(t.value, e, "", B, U) : "",
-    bm: (B, U) => B && U ? Ke(t.value, e, B, "", U) : "",
-    bem: (B, U, g) => B && U && g ? Ke(t.value, e, B, U, g) : "",
-    is: (B, ...U) => {
-      const g = U.length >= 1 ? U[0] : !0;
-      return B && g ? `${rd}${B}` : "";
+    be: (B, g) => B && g ? Ke(t.value, e, B, g, "") : "",
+    em: (B, g) => B && g ? Ke(t.value, e, "", B, g) : "",
+    bm: (B, g) => B && g ? Ke(t.value, e, B, "", g) : "",
+    bem: (B, g, h) => B && g && h ? Ke(t.value, e, B, g, h) : "",
+    is: (B, ...g) => {
+      const h = g.length >= 1 ? g[0] : !0;
+      return B && h ? `${rd}${B}` : "";
     },
     cssVar: (B) => {
-      const U = {};
-      for (const g in B)
-        B[g] && (U[`--${t.value}-${g}`] = B[g]);
-      return U;
+      const g = {};
+      for (const h in B)
+        B[h] && (g[`--${t.value}-${h}`] = B[h]);
+      return g;
     },
     cssVarName: (B) => `--${t.value}-${B}`,
     cssVarBlock: (B) => {
-      const U = {};
-      for (const g in B)
-        B[g] && (U[`--${t.value}-${e}-${g}`] = B[g]);
-      return U;
+      const g = {};
+      for (const h in B)
+        B[h] && (g[`--${t.value}-${e}-${h}`] = B[h]);
+      return g;
     },
     cssVarBlockName: (B) => `--${t.value}-${e}-${B}`
   };
@@ -479,8 +479,8 @@ function JB(...e) {
   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 = CA(() => [Rs(A), To(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 = CA(() => [Rs(A), To(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();
   };
@@ -771,7 +771,7 @@ const e0 = (e) => (A, t) => t0(A, t, I(e)), t0 = (e, A, t) => SB(t, e, e).replac
     validator: t || o ? (s) => {
       let c = !1, u = [];
       if (t && (u = Array.from(t), Ti(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(", ");
         Gu(`Invalid prop: validation failed${A ? ` for prop "${A}"` : ""}. Expected one of [${d}], got value ${JSON.stringify(s)}.`);
       }
       return c;
@@ -1241,21 +1241,21 @@ const Ws = [
   emits: x0,
   setup(e, { expose: A, emit: t }) {
     const r = e, { Close: n } = v0, a = k(!1), { ns: o, zIndex: i } = u0("message"), { currentZIndex: l, nextZIndex: s } = i, c = k(), u = k(!1), d = k(0);
-    let h;
+    let U;
     const f = H(() => r.type ? r.type === "error" ? "danger" : r.type : "info"), B = H(() => {
       const y = r.type;
       return { [o.bm("icon", y)]: y && Yi[y] };
-    }), U = H(() => r.icon || Yi[r.type] || ""), g = H(() => k0(r.id)), Q = H(() => O0(r.id, r.offset) + g.value), p = H(() => d.value + Q.value), F = H(() => ({
-      top: `${Q.value}px`,
+    }), g = H(() => r.icon || Yi[r.type] || ""), h = H(() => k0(r.id)), p = H(() => O0(r.id, r.offset) + h.value), Q = H(() => d.value + p.value), F = H(() => ({
+      top: `${p.value}px`,
       zIndex: l.value
     }));
     function v() {
-      r.duration !== 0 && ({ stop: h } = DB(() => {
+      r.duration !== 0 && ({ stop: U } = DB(() => {
         T();
       }, r.duration));
     }
     function C() {
-      h == null || h();
+      U == null || U();
     }
     function T() {
       u.value = !1, ue(() => {
@@ -1274,7 +1274,7 @@ const Ws = [
       d.value = c.value.getBoundingClientRect().height;
     }), A({
       visible: u,
-      bottom: p,
+      bottom: Q,
       close: T
     }), (y, S) => (V(), yA(gs, {
       name: I(o).b("fade"),
@@ -1306,12 +1306,12 @@ const Ws = [
             type: I(f),
             class: _A(I(o).e("badge"))
           }, null, 8, ["value", "type", "class"])) : tA("v-if", !0),
-          I(U) ? (V(), yA(I(Gi), {
+          I(g) ? (V(), yA(I(Gi), {
             key: 1,
             class: _A([I(o).e("icon"), I(B)])
           }, {
             default: j(() => [
-              (V(), yA(cr(I(U))))
+              (V(), yA(cr(I(g))))
             ]),
             _: 1
           }, 8, ["class"])) : tA("v-if", !0),
@@ -1467,31 +1467,31 @@ const RA = (e, A) => {
     }), u = () => {
       n.value && !a.value && n.value.click();
     }, d = (B) => {
-      const U = B.target.value.trim();
-      U ? U.startsWith("http://") || U.startsWith("https://") || U.startsWith("data:") ? s.value = U : U.startsWith("data:") || (s.value = U) : s.value = "";
-    }, h = async (B) => {
-      var p;
-      const U = B.target.files[0];
-      if (!U)
+      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 = "";
+    }, U = async (B) => {
+      var Q;
+      const g = B.target.files[0];
+      if (!g)
         return;
-      if (t.accept && !U.type.match(t.accept.replace("*", ".*"))) {
+      if (t.accept && !g.type.match(t.accept.replace("*", ".*"))) {
         alert("请选择正确的文件类型");
         return;
       }
-      const g = (p = l == null ? void 0 : l.image) == null ? void 0 : p.request;
-      if (!g || typeof g != "function") {
-        f(U);
+      const h = (Q = l == null ? void 0 : l.image) == null ? void 0 : Q.request;
+      if (!h || typeof h != "function") {
+        f(g);
         return;
       }
-      i.value = U;
-      let Q = null;
+      i.value = g;
+      let p = null;
       try {
-        a.value = !0, Q = g(U), o.value = Q;
-        const F = await Q;
-        if (o.value === Q && i.value === U)
+        a.value = !0, p = h(g), o.value = p;
+        const F = await p;
+        if (o.value === p && i.value === g)
           if (F && F.success !== !1) {
             const v = F.url || F.data || F, C = {
-              fileName: U.name,
+              fileName: g.name,
               fileSrc: v,
               uploadResult: F
             };
@@ -1501,54 +1501,54 @@ const RA = (e, A) => {
         else
           console.log("组件已切换或文件已改变，忽略上传结果");
       } catch (F) {
-        o.value === Q && i.value === U && (n.value && (n.value.value = ""), dr.error(F.message || "上传失败，请重试"));
+        o.value === p && i.value === g && (n.value && (n.value.value = ""), dr.error(F.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 U = new FileReader();
-      U.onload = (g) => {
-        const Q = {
+      const g = new FileReader();
+      g.onload = (h) => {
+        const p = {
           fileName: B.name,
-          fileSrc: g.target.result
+          fileSrc: h.target.result
         };
-        s.value = Q, r("change", { target: { files: [B] } });
-      }, U.onerror = () => {
+        s.value = p, r("change", { target: { files: [B] } });
+      }, g.onerror = () => {
         alert("文件读取失败，请重试");
-      }, U.readAsDataURL(B);
+      }, g.readAsDataURL(B);
     };
     return ju(() => {
       o.value = null, i.value = null;
-    }), (B, U) => {
-      const g = wA("el-icon-loading"), Q = wA("el-icon");
+    }), (B, g) => {
+      const h = wA("el-icon-loading"), p = wA("el-icon");
       return V(), N("div", z0, [
         e.label ? (V(), N("label", j0, Be(e.label), 1)) : tA("", !0),
         e.type === "select" ? YA((V(), N("select", {
           key: 1,
-          "onUpdate:modelValue": U[0] || (U[0] = (p) => s.value = p)
+          "onUpdate:modelValue": g[0] || (g[0] = (Q) => s.value = Q)
         }, [
-          (V(!0), N(TA, null, Se(e.options, (p) => (V(), N("option", {
-            key: p.value,
-            value: p.value
-          }, Be(p.label), 9, X0))), 128))
+          (V(!0), N(TA, null, Se(e.options, (Q) => (V(), N("option", {
+            key: Q.value,
+            value: Q.value
+          }, Be(Q.label), 9, X0))), 128))
         ], 512)), [
           [Xu, s.value]
         ]) : e.type === "color" ? YA((V(), N("input", {
           key: 2,
-          "onUpdate:modelValue": U[1] || (U[1] = (p) => s.value = p),
+          "onUpdate:modelValue": g[1] || (g[1] = (Q) => s.value = Q),
           type: "color"
         }, null, 512)), [
           [Ge, s.value]
         ]) : e.type === "checkbox" ? YA((V(), N("input", {
           key: 3,
-          "onUpdate:modelValue": U[2] || (U[2] = (p) => s.value = p),
+          "onUpdate:modelValue": g[2] || (g[2] = (Q) => s.value = Q),
           type: "checkbox"
         }, null, 512)), [
           [Pu, s.value]
         ]) : e.type === "file" ? (V(), N("div", P0, [
           YA(m("input", {
             type: "text",
-            "onUpdate:modelValue": U[3] || (U[3] = (p) => c.value = p),
+            "onUpdate:modelValue": g[3] || (g[3] = (Q) => c.value = Q),
             placeholder: "请选择图片",
             class: "file-url-input",
             onInput: d,
@@ -1562,12 +1562,12 @@ const RA = (e, A) => {
             class: "file-select-btn",
             disabled: a.value
           }, [
-            a.value ? (V(), yA(Q, {
+            a.value ? (V(), yA(p, {
               key: 0,
               class: "is-loading"
             }, {
               default: j(() => [
-                W(g)
+                W(h)
               ]),
               _: 1
             })) : (V(), N("span", q0, Be(a.value ? "上传中..." : "选择"), 1))
@@ -1575,14 +1575,14 @@ const RA = (e, A) => {
           m("input", {
             type: "file",
             accept: e.accept,
-            onChange: h,
+            onChange: U,
             ref_key: "fileInput",
             ref: n,
             class: "file-input"
           }, null, 40, $0)
         ])) : YA((V(), N("input", {
           key: 5,
-          "onUpdate:modelValue": U[4] || (U[4] = (p) => s.value = p),
+          "onUpdate:modelValue": g[4] || (g[4] = (Q) => s.value = Q),
           type: e.type,
           min: e.min,
           max: e.max,
@@ -1628,10 +1628,10 @@ const tf = { class: "property-layout-container" }, rf = {
   setup(e, { emit: A }) {
     const t = e, r = A, { propsConfig: n, panelType: a } = qu(t), o = H(() => `${a.value}-property-panel`), i = H(() => {
       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 = H({
       get: () => t.modelValue,
       set: (d) => r("update:modelValue", d)
@@ -1641,10 +1641,10 @@ const tf = { class: "property-layout-container" }, rf = {
       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 hs("config", t.propsConfig), (d, h) => (V(), N("div", {
+    return hs("config", t.propsConfig), (d, U) => (V(), N("div", {
       class: _A(o.value)
     }, [
       m("div", tf, [
@@ -4414,10 +4414,10 @@ const fQ = {
       lineColor: "",
       codeType: ""
     }), l = () => {
-      var g, Q, p, F, v, C, T, M, y, S;
+      var h, p, Q, F, v, C, T, M, y, S;
       if (!t.value)
         return;
-      const c = at((Q = (g = A.propsConfig) == null ? void 0 : g.barcode) == null ? void 0 : Q.propertyPanel) || {}, u = ((p = A.modelValue) == null ? void 0 : p.BarcodeValue) || c.BarcodeValue || "", d = ((F = A.modelValue) == null ? void 0 : F.CodeType) || c.CodeType || "", h = A.modelValue.LineColor || c.LineColor, f = ((S = (y = (M = (T = (C = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : C.propertyPanel) == null ? void 0 : T.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : y.find((D) => D.value === d)) == null ? void 0 : S.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 = ((F = A.modelValue) == null ? void 0 : F.CodeType) || c.CodeType || "", U = A.modelValue.LineColor || c.LineColor, f = ((S = (y = (M = (T = (C = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : C.propertyPanel) == null ? void 0 : T.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : y.find((D) => D.value === d)) == null ? void 0 : S.compValue) || "", B = { value: u, type: d, lineColor: U, codeType: f };
       if (JSON.stringify(B) !== JSON.stringify(i.value)) {
         i.value = B;
         try {
@@ -4431,7 +4431,7 @@ const fQ = {
             // 条形码的边距
             margin: 0,
             // 条形码的颜色
-            lineColor: h,
+            lineColor: U,
             // 条形码的高度
             height: 50,
             // 确保条形码能够正确渲染
@@ -4726,8 +4726,8 @@ var pc = {};
     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));
     }
@@ -5303,66 +5303,66 @@ fe.testAlphanumeric = function(A) {
 })(Oe);
 (function(e) {
   const A = jA, t = Yn, r = Gn, n = Oe, a = di, 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 U = s(B.mode, h);
-      f += U + B.getBitsLength();
+      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 U = A.getSymbolTotalCodewords(h), g = t.getTotalCodewordsCount(h, f), Q = (U - g) * 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 U = r.from(f, r.M);
-    if (Array.isArray(h)) {
-      if (h.length > 1)
-        return u(h, U);
-      if (h.length === 0)
+    const g = r.from(f, r.M);
+    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;
-    return l(B.mode, B.getLength(), U);
-  }, e.getEncodedBits = function(h) {
-    if (!a.isValid(h) || h < 7)
+      B = U;
+    return l(B.mode, B.getLength(), g);
+  }, 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;
   };
 })(Fc);
 var Ec = {};
@@ -5519,14 +5519,14 @@ var WQ = It, yc = { exports: {} };
       o[r] = 0;
       var i = A.PriorityQueue.make();
       i.push(r, 0);
-      for (var l, s, c, u, d, h, f, B, U; !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], U = typeof o[c] > "u", (U || 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 g = ["Could not find a path from ", r, " to ", n, "."].join("");
-        throw new Error(g);
+        var h = ["Could not find a path from ", r, " to ", n, "."].join("");
+        throw new Error(h);
       }
       return a;
     },
@@ -5580,25 +5580,25 @@ var WQ = It, yc = { exports: {} };
 var DQ = yc.exports;
 (function(e) {
   const A = Oe, t = MQ, r = HQ, n = ZQ, a = WQ, o = fe, i = jA, l = DQ;
-  function s(g) {
-    return unescape(encodeURIComponent(g)).length;
+  function s(h) {
+    return unescape(encodeURIComponent(h)).length;
   }
-  function c(g, Q, p) {
+  function c(h, p, Q) {
     const F = [];
     let v;
-    for (; (v = g.exec(p)) !== null; )
+    for (; (v = h.exec(Q)) !== null; )
       F.push({
         data: v[0],
         index: v.index,
-        mode: Q,
+        mode: p,
         length: v[0].length
       });
     return F;
   }
-  function u(g) {
-    const Q = c(o.NUMERIC, A.NUMERIC, g), p = c(o.ALPHANUMERIC, A.ALPHANUMERIC, g);
+  function u(h) {
+    const p = c(o.NUMERIC, A.NUMERIC, h), Q = c(o.ALPHANUMERIC, A.ALPHANUMERIC, h);
     let F, v;
-    return i.isKanjiModeEnabled() ? (F = c(o.BYTE, A.BYTE, g), v = c(o.KANJI, A.KANJI, g)) : (F = c(o.BYTE_KANJI, A.BYTE, g), v = []), Q.concat(p, F, v).sort(function(T, M) {
+    return i.isKanjiModeEnabled() ? (F = c(o.BYTE, A.BYTE, h), v = c(o.KANJI, A.KANJI, h)) : (F = c(o.BYTE_KANJI, A.BYTE, h), v = []), p.concat(Q, F, v).sort(function(T, M) {
       return T.index - M.index;
     }).map(function(T) {
       return {
@@ -5608,104 +5608,104 @@ var DQ = yc.exports;
       };
     });
   }
-  function d(g, Q) {
-    switch (Q) {
+  function d(h, p) {
+    switch (p) {
       case A.NUMERIC:
-        return t.getBitsLength(g);
+        return t.getBitsLength(h);
       case A.ALPHANUMERIC:
-        return r.getBitsLength(g);
+        return r.getBitsLength(h);
       case A.KANJI:
-        return a.getBitsLength(g);
+        return a.getBitsLength(h);
       case A.BYTE:
-        return n.getBitsLength(g);
+        return n.getBitsLength(h);
     }
   }
-  function h(g) {
-    return g.reduce(function(Q, p) {
-      const F = Q.length - 1 >= 0 ? Q[Q.length - 1] : null;
-      return F && F.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 F = p.length - 1 >= 0 ? p[p.length - 1] : null;
+      return F && F.mode === Q.mode ? (p[p.length - 1].data += Q.data, p) : (p.push(Q), p);
     }, []);
   }
-  function f(g) {
-    const Q = [];
-    for (let p = 0; p < g.length; p++) {
-      const F = g[p];
+  function f(h) {
+    const p = [];
+    for (let Q = 0; Q < h.length; Q++) {
+      const F = h[Q];
       switch (F.mode) {
         case A.NUMERIC:
-          Q.push([
+          p.push([
             F,
             { data: F.data, mode: A.ALPHANUMERIC, length: F.length },
             { data: F.data, mode: A.BYTE, length: F.length }
           ]);
           break;
         case A.ALPHANUMERIC:
-          Q.push([
+          p.push([
             F,
             { data: F.data, mode: A.BYTE, length: F.length }
           ]);
           break;
         case A.KANJI:
-          Q.push([
+          p.push([
             F,
             { data: F.data, mode: A.BYTE, length: s(F.data) }
           ]);
           break;
         case A.BYTE:
-          Q.push([
+          p.push([
             { data: F.data, mode: A.BYTE, length: s(F.data) }
           ]);
       }
     }
-    return Q;
+    return p;
   }
-  function B(g, Q) {
-    const p = {}, F = { start: {} };
+  function B(h, p) {
+    const Q = {}, F = { start: {} };
     let v = ["start"];
-    for (let C = 0; C < g.length; C++) {
-      const T = g[C], M = [];
+    for (let C = 0; C < h.length; C++) {
+      const T = h[C], M = [];
       for (let y = 0; y < T.length; y++) {
         const S = T[y], D = "" + C + y;
-        M.push(D), p[D] = { node: S, lastCount: 0 }, F[D] = {};
+        M.push(D), Q[D] = { node: S, lastCount: 0 }, F[D] = {};
         for (let L = 0; L < v.length; L++) {
           const b = v[L];
-          p[b] && p[b].node.mode === S.mode ? (F[b][D] = d(p[b].lastCount + S.length, S.mode) - d(p[b].lastCount, S.mode), p[b].lastCount += S.length) : (p[b] && (p[b].lastCount = S.length), F[b][D] = d(S.length, S.mode) + 4 + A.getCharCountIndicator(S.mode, Q));
+          Q[b] && Q[b].node.mode === S.mode ? (F[b][D] = d(Q[b].lastCount + S.length, S.mode) - d(Q[b].lastCount, S.mode), Q[b].lastCount += S.length) : (Q[b] && (Q[b].lastCount = S.length), F[b][D] = d(S.length, S.mode) + 4 + A.getCharCountIndicator(S.mode, p));
         }
       }
       v = M;
     }
     for (let C = 0; C < v.length; C++)
       F[v[C]].end = 0;
-    return { map: F, table: p };
+    return { map: F, table: Q };
   }
-  function U(g, Q) {
-    let p;
-    const F = A.getBestModeForData(g);
-    if (p = A.from(Q, F), p !== A.BYTE && p.bit < F.bit)
-      throw new Error('"' + g + '" cannot be encoded with mode ' + A.toString(p) + `.
+  function g(h, p) {
+    let Q;
+    const F = A.getBestModeForData(h);
+    if (Q = A.from(p, F), Q !== A.BYTE && Q.bit < F.bit)
+      throw new Error('"' + h + '" cannot be encoded with mode ' + A.toString(Q) + `.
  Suggested mode is: ` + A.toString(F));
-    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(g);
+        return new t(h);
       case A.ALPHANUMERIC:
-        return new r(g);
+        return new r(h);
       case A.KANJI:
-        return new a(g);
+        return new a(h);
       case A.BYTE:
-        return new n(g);
+        return new n(h);
     }
   }
-  e.fromArray = function(Q) {
-    return Q.reduce(function(p, F) {
-      return typeof F == "string" ? p.push(U(F, null)) : F.data && p.push(U(F.data, F.mode)), p;
+  e.fromArray = function(p) {
+    return p.reduce(function(Q, F) {
+      return typeof F == "string" ? Q.push(g(F, null)) : F.data && Q.push(g(F.data, F.mode)), Q;
     }, []);
-  }, e.fromString = function(Q, p) {
-    const F = u(Q, i.isKanjiModeEnabled()), v = f(F), C = B(v, p), T = l.find_path(C.map, "start", "end"), M = [];
+  }, e.fromString = function(p, Q) {
+    const F = u(p, i.isKanjiModeEnabled()), v = f(F), C = B(v, Q), T = l.find_path(C.map, "start", "end"), M = [];
     for (let y = 1; y < T.length - 1; y++)
       M.push(C.table[T[y]].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())
     );
   };
 })(vc);
@@ -5779,24 +5779,24 @@ function Aw(e, A, t) {
   return ew(r, e, A);
 }
 function ew(e, A, t) {
-  const r = jn.getSymbolTotalCodewords(A), n = qa.getTotalCodewordsCount(A, t), a = r - n, o = qa.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 YQ(d);
+  const r = jn.getSymbolTotalCodewords(A), n = qa.getTotalCodewordsCount(A, t), a = r - n, o = qa.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 YQ(d);
   let f = 0;
-  const B = new Array(o), U = new Array(o);
-  let g = 0;
-  const Q = new Uint8Array(e.buffer);
+  const B = new Array(o), g = new Array(o);
+  let h = 0;
+  const p = new Uint8Array(e.buffer);
   for (let T = 0; T < o; T++) {
     const M = T < l ? c : u;
-    B[T] = Q.slice(f, f + M), U[T] = h.encode(B[T]), f += M, g = Math.max(g, M);
+    B[T] = p.slice(f, f + M), g[T] = U.encode(B[T]), f += M, h = Math.max(h, M);
   }
-  const p = new Uint8Array(r);
+  const Q = new Uint8Array(r);
   let F = 0, v, C;
-  for (v = 0; v < g; v++)
+  for (v = 0; v < h; v++)
     for (C = 0; C < o; C++)
-      v < B[C].length && (p[F++] = B[C][v]);
+      v < B[C].length && (Q[F++] = B[C][v]);
   for (v = 0; v < d; v++)
     for (C = 0; C < o; C++)
-      p[F++] = U[C][v];
-  return p;
+      Q[F++] = g[C][v];
+  return Q;
 }
 function tw(e, A, t, r) {
   let n;
@@ -5883,11 +5883,11 @@ var Rc = {}, Bi = {};
   }, 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 U = Math.floor((d - c) / l), g = Math.floor((h - c) / l);
-          B = u[i[U * o + g] ? 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;
       }
@@ -5992,15 +5992,15 @@ const iw = { class: "qrcode-canvas-fixed" }, lw = ["src", "alt"], sw = 200, cw =
       boxSizing: "border-box",
       zIndex: 1e3
     })), o = k(null), i = () => {
-      var B, U;
-      return o.value || (o.value = at((U = (B = A.propsConfig) == null ? void 0 : B.qrcode) == null ? void 0 : U.propertyPanel) || {}), o.value;
-    }, l = (B, U) => U ? B.QRCodeValue !== U.QRCodeValue || B.QRCodeForeground !== U.QRCodeForeground || B.QRCodeBackground !== U.QRCodeBackground || B.QRCodeErrorLevel !== U.QRCodeErrorLevel : !0, s = async () => {
-      var B, U, g, Q;
+      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, h, p;
       try {
-        const p = i(), F = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || p.QRCodeValue || "测试二维码";
-        let v = ((U = A.modelValue) == null ? void 0 : U.QRCodeForeground) || p.QRCodeForeground || "#000000", C = ((g = A.modelValue) == null ? void 0 : g.QRCodeBackground) || p.QRCodeBackground || "#ffffff";
+        const Q = i(), F = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || Q.QRCodeValue || "测试二维码";
+        let v = ((g = A.modelValue) == null ? void 0 : g.QRCodeForeground) || Q.QRCodeForeground || "#000000", C = ((h = A.modelValue) == null ? void 0 : h.QRCodeBackground) || Q.QRCodeBackground || "#ffffff";
         (v === "transparent" || !v) && (v = "#000000"), (C === "transparent" || !C) && (C = "#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";
         F && F.trim() ? t.value = await mr.toDataURL(F, {
           width: sw,
           margin: 0,
@@ -6011,15 +6011,15 @@ const iw = { class: "qrcode-canvas-fixed" }, lw = ["src", "alt"], sw = 200, cw =
           },
           errorCorrectionLevel: M
         }) : t.value = "";
-      } catch (p) {
-        console.error("生成二维码失败:", p), t.value = "";
+      } catch (Q) {
+        console.error("生成二维码失败:", Q), t.value = "";
       }
     }, c = H(() => {
-      var Q, p;
-      const B = i(), U = ((Q = A.modelValue) == null ? void 0 : Q.width) ?? B.width, g = ((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: Qn(U) + "px",
-        height: Qn(g) + "px",
+        width: Qn(g) + "px",
+        height: Qn(h) + "px",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
@@ -6028,13 +6028,13 @@ const iw = { class: "qrcode-canvas-fixed" }, lw = ["src", "alt"], sw = 200, cw =
     }), u = () => {
     }, d = () => {
       console.warn("QR Code image failed to load"), s();
-    }, h = () => {
-      const B = A.modelValue, U = r.value;
-      l(B, U) && s();
+    }, 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 Ze(() => {
@@ -6052,18 +6052,18 @@ const iw = { class: "qrcode-canvas-fixed" }, lw = ["src", "alt"], sw = 200, cw =
       o.value = null, s();
     }, { deep: !0 }), Ur(() => {
       r.value = null, o.value = null, t.value = "";
-    }), (B, U) => {
-      var g;
+    }), (B, g) => {
+      var h;
       return V(), N("div", {
         class: "qrcode-component",
-        onDragstart: U[0] || (U[0] = ZA(() => {
+        onDragstart: g[0] || (g[0] = ZA(() => {
         }, ["prevent"])),
         style: $(c.value)
       }, [
         m("div", iw, [
           m("img", {
             src: t.value,
-            alt: "QR Code: " + (((g = A.modelValue) == null ? void 0 : g.QRCodeValue) || ""),
+            alt: "QR Code: " + (((h = A.modelValue) == null ? void 0 : h.QRCodeValue) || ""),
             class: "qrcode-image",
             onLoad: u,
             onError: d
@@ -6157,8 +6157,8 @@ const pw = {
       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;
+      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 = H(() => ({
       width: "100%",
       height: "100%",
@@ -6167,16 +6167,16 @@ const pw = {
       justifyContent: "center",
       overflow: "hidden",
       position: "relative"
-    })), h = H(() => {
+    })), U = H(() => {
       var v;
       if (!n.value)
         return {};
-      const Q = u(), p = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? Q.ScaleMode ?? 1, F = {
+      const p = u(), Q = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? p.ScaleMode ?? 1, F = {
         maxWidth: "100%",
         maxHeight: "100%",
         display: "block"
       };
-      switch (p) {
+      switch (Q) {
         case 1:
           return {
             ...F,
@@ -6209,30 +6209,30 @@ const pw = {
     }, 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("图片加载失败，请重新上传");
-    }, U = () => {
+    }, 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 F = "";
-      typeof p == "object" && p.fileSrc ? F = p.fileSrc : typeof p == "string" && (F = p), F !== n.value && (n.value = F, a.value = !1, o.value = !1);
-    }, g = () => {
-      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 ? F = Q.fileSrc : typeof Q == "string" && (F = Q), F !== n.value && (n.value = F, 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 CA(() => t.modelValue, () => {
-      U();
+      g();
     }, { deep: !0 }), CA(() => t.propsConfig, () => {
-      c.value = null, U();
+      c.value = null, g();
     }, { deep: !0 }), Ze(() => {
       ue(() => {
-        U();
+        g();
       });
-    }), (Q, p) => {
+    }), (p, Q) => {
       const F = wA("el-icon-picture-filled"), v = wA("el-icon"), C = wA("el-icon-loading");
       return V(), N("div", {
         class: "image-component",
@@ -6241,12 +6241,12 @@ const pw = {
         n.value ? (V(), N("img", {
           key: 1,
           src: n.value,
-          alt: "Image: " + g(),
+          alt: "Image: " + h(),
           class: "image-content",
-          style: $(h.value),
+          style: $(U.value),
           onLoad: f,
           onError: B,
-          onDragstart: p[0] || (p[0] = ZA(() => {
+          onDragstart: Q[0] || (Q[0] = ZA(() => {
           }, ["prevent"]))
         }, null, 44, Qw)) : (V(), N("div", pw, [
           W(v, {
@@ -6462,15 +6462,15 @@ const Mw = {
   emits: ["update:modelValue"],
   setup(e, { emit: A }) {
     const t = e, { defaultProps: r, isSelected: n } = Ic(t, "rectangle"), a = H(() => Tw()), o = H(() => Iw()), i = H(() => {
-      var U, g;
-      return hi(((U = t.modelValue) == null ? void 0 : U.LineWidth) ?? ((g = r.value) == null ? void 0 : g.LineWidth));
+      var g, h;
+      return hi(((g = t.modelValue) == null ? void 0 : g.LineWidth) ?? ((h = r.value) == null ? void 0 : h.LineWidth));
     }), l = H(() => {
-      var U, g;
-      return Mc(((U = t.modelValue) == null ? void 0 : U.LineStyle) ?? ((g = r.value) == null ? void 0 : g.LineStyle));
+      var g, h;
+      return Mc(((g = t.modelValue) == null ? void 0 : g.LineStyle) ?? ((h = r.value) == null ? void 0 : h.LineStyle));
     }), s = H(() => l.value === "solid" && i.value < 1), c = H(() => {
       if (s.value) {
-        const U = Bl(t.modelValue, r.value);
-        return U.border = "none", U.boxShadow = "none", U;
+        const g = Bl(t.modelValue, r.value);
+        return g.border = "none", g.boxShadow = "none", g;
       }
       return Bl(t.modelValue, r.value);
     }), u = Ft.BORDER_COLOR, d = H(() => ({
@@ -6481,7 +6481,7 @@ const Mw = {
       background: u,
       transform: `scaleY(${i.value})`,
       transformOrigin: "top left"
-    })), h = H(() => ({
+    })), U = H(() => ({
       left: 0,
       bottom: 0,
       width: "100%",
@@ -6507,16 +6507,16 @@ const Mw = {
       transformOrigin: "top right"
     }));
     return CA(() => t.propsConfig, () => {
-      var g, Q;
-      const U = at((Q = (g = t.propsConfig) == null ? void 0 : g.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: U.LineWidth ?? "0.75pt",
-        LineStyle: U.LineStyle ?? "实线",
-        BorderRadius: U.BorderRadius ?? 0
+        LineWidth: g.LineWidth ?? "0.75pt",
+        LineStyle: g.LineStyle ?? "实线",
+        BorderRadius: g.BorderRadius ?? 0
       };
     }, { deep: !0, immediate: !0 }), Ur(() => {
       r.value = {};
-    }), (U, g) => (V(), N("div", {
+    }), (g, h) => (V(), N("div", {
       class: "rectangle-component",
       style: $(o.value)
     }, [
@@ -6535,7 +6535,7 @@ const Mw = {
           }, null, 4),
           m("div", {
             class: "hairline-edge bottom",
-            style: $(h.value)
+            style: $(U.value)
           }, null, 4),
           m("div", {
             class: "hairline-edge left",
@@ -6620,17 +6620,17 @@ const Ww = ["width", "height"], Dw = ["y1", "x2", "y2", "stroke-width", "stroke-
         return `${f},${B}`;
       }
       return null;
-    }), d = H(() => Sw(o.value, s.value)), h = H(() => Nw(t.modelValue, n.value));
+    }), d = H(() => Sw(o.value, s.value)), U = H(() => Nw(t.modelValue, n.value));
     return CA(() => t.modelValue, (f) => {
       if (f) {
         n.value = {
           LineWidth: f.LineWidth || "0.75pt",
           LineStyle: f.LineStyle || "实线"
         };
-        const U = parseFloat(f.LineWidth || "0.75pt") * 0.3528;
-        Math.abs(f.height - U) > 1e-3 && r("update:modelValue", {
+        const g = parseFloat(f.LineWidth || "0.75pt") * 0.3528;
+        Math.abs(f.height - g) > 1e-3 && r("update:modelValue", {
           ...f,
-          height: Number(U.toFixed(3))
+          height: Number(g.toFixed(3))
         });
       }
     }, { immediate: !0, deep: !0 }), CA(() => {
@@ -6638,15 +6638,15 @@ const Ww = ["width", "height"], Dw = ["y1", "x2", "y2", "stroke-width", "stroke-
       return (f = t.modelValue) == null ? void 0 : f.LineWidth;
     }, (f) => {
       if (f && t.modelValue) {
-        const U = parseFloat(f) * 0.3528;
-        Math.abs(t.modelValue.height - U) > 1e-3 && r("update:modelValue", {
+        const g = parseFloat(f) * 0.3528;
+        Math.abs(t.modelValue.height - g) > 1e-3 && r("update:modelValue", {
           ...t.modelValue,
-          height: Number(U.toFixed(3))
+          height: Number(g.toFixed(3))
         });
       }
     }, { immediate: !0 }), (f, B) => (V(), N("div", {
       class: "horline-component",
-      style: $(h.value)
+      style: $(U.value)
     }, [
       (V(), N("svg", {
         width: o.value,
@@ -6747,9 +6747,9 @@ const zw = /* @__PURE__ */ RA(Lw, [["render", Yw]]), bc = [
 ], Hc = bc.flatMap((e) => e.components);
 async function jw(e) {
   try {
-    return (await ed(/* @__PURE__ */ Object.assign({ "./props/lodop.js": () => import("./lodop-25ec3af8.mjs"), "./props/rfid.js": () => import("./rfid-ac52a396.mjs") }), `./props/${e}.js`)).default;
+    return (await ed(/* @__PURE__ */ Object.assign({ "./props/lodop.js": () => import("./lodop-a892b6d8.mjs"), "./props/rfid.js": () => import("./rfid-3a366dd9.mjs") }), `./props/${e}.js`)).default;
   } catch {
-    return console.warn(`配置文件 ./props/${e}.js 不存在，使用默认配置`), (await import("./lodop-25ec3af8.mjs")).default;
+    return console.warn(`配置文件 ./props/${e}.js 不存在，使用默认配置`), (await import("./lodop-a892b6d8.mjs")).default;
   }
 }
 function Xw(e = {}, A = {}) {
@@ -6872,8 +6872,8 @@ const qw = { class: "component-list" }, $w = { class: "group-title" }, AF = { cl
     return (s, c) => {
       const u = wA("el-icon");
       return V(), N("div", qw, [
-        (V(!0), N(TA, null, Se(t.value, (d, h) => (V(), N("div", {
-          key: h,
+        (V(!0), N(TA, null, Se(t.value, (d, U) => (V(), N("div", {
+          key: U,
           class: "component-group"
         }, [
           m("div", $w, Be(d.groupName), 1),
@@ -6882,7 +6882,7 @@ const qw = { class: "component-list" }, $w = { class: "group-title" }, AF = { cl
               key: B,
               class: "component-item",
               draggable: "true",
-              onDragstart: (U) => s.$emit("dragStart", { e: U, comp: f, previewDiv: l(f) })
+              onDragstart: (g) => s.$emit("dragStart", { e: g, comp: f, previewDiv: l(f) })
             }, [
               W(u, {
                 size: 30,
@@ -7002,7 +7002,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
       a.data.punchingList.splice(c, 1);
     };
     return (c, u) => {
-      const d = wA("el-button"), h = wA("el-input-number"), f = wA("el-table-column"), B = wA("el-col"), U = wA("el-row"), g = wA("el-table"), Q = wA("el-form-item"), p = wA("el-form"), F = wA("el-main"), v = wA("el-dialog");
+      const d = wA("el-button"), U = wA("el-input-number"), f = wA("el-table-column"), B = wA("el-col"), g = wA("el-row"), h = wA("el-table"), p = wA("el-form-item"), Q = wA("el-form"), F = wA("el-main"), v = wA("el-dialog");
       return V(), N(TA, null, [
         W(d, {
           type: "primary",
@@ -7062,7 +7062,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
           default: j(() => [
             W(F, { style: { "max-height": "60vh", padding: "0" } }, {
               default: j(() => [
-                W(p, {
+                W(Q, {
                   ref: "formRef",
                   model: a.data,
                   "label-width": "90px",
@@ -7070,7 +7070,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                   "label-suffix": "："
                 }, {
                   default: j(() => [
-                    W(Q, null, {
+                    W(p, null, {
                       label: j(() => [
                         m("div", null, [
                           u[9] || (u[9] = m("p", null, "打印区域：", -1)),
@@ -7091,7 +7091,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                         var C, T, M;
                         return [
                           m("div", UF, [
-                            ((T = (C = a.data) == null ? void 0 : C.printList) == null ? void 0 : T.length) > 0 ? (V(), yA(g, {
+                            ((T = (C = a.data) == null ? void 0 : C.printList) == null ? void 0 : T.length) > 0 ? (V(), yA(h, {
                               key: 0,
                               data: (M = a.data) == null ? void 0 : M.printList,
                               class: "graph-table"
@@ -7103,7 +7103,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                   width: "100"
                                 }, {
                                   default: j((y) => [
-                                    W(h, {
+                                    W(U, {
                                       modelValue: y.row.x,
                                       "onUpdate:modelValue": (S) => y.row.x = S,
                                       controls: !1,
@@ -7118,7 +7118,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                   width: "100"
                                 }, {
                                   default: j((y) => [
-                                    W(h, {
+                                    W(U, {
                                       modelValue: y.row.y,
                                       "onUpdate:modelValue": (S) => y.row.y = S,
                                       controls: !1,
@@ -7133,7 +7133,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                   width: "100"
                                 }, {
                                   default: j((y) => [
-                                    W(h, {
+                                    W(U, {
                                       modelValue: y.row.width,
                                       "onUpdate:modelValue": (S) => y.row.width = S,
                                       controls: !1,
@@ -7148,7 +7148,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                   width: "100"
                                 }, {
                                   default: j((y) => [
-                                    W(h, {
+                                    W(U, {
                                       modelValue: y.row.height,
                                       "onUpdate:modelValue": (S) => y.row.height = S,
                                       controls: !1,
@@ -7162,11 +7162,11 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                   align: "center"
                                 }, {
                                   default: j((y) => [
-                                    W(U, { gutter: 10 }, {
+                                    W(g, { gutter: 10 }, {
                                       default: j(() => [
                                         W(B, { span: 6 }, {
                                           default: j(() => [
-                                            W(h, {
+                                            W(U, {
                                               modelValue: y.row.topLeftRadius,
                                               "onUpdate:modelValue": (S) => y.row.topLeftRadius = S,
                                               controls: !1,
@@ -7177,7 +7177,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                         }, 1024),
                                         W(B, { span: 6 }, {
                                           default: j(() => [
-                                            W(h, {
+                                            W(U, {
                                               modelValue: y.row.bottomLeftRadius,
                                               "onUpdate:modelValue": (S) => y.row.bottomLeftRadius = S,
                                               controls: !1,
@@ -7188,7 +7188,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                         }, 1024),
                                         W(B, { span: 6 }, {
                                           default: j(() => [
-                                            W(h, {
+                                            W(U, {
                                               modelValue: y.row.topRightRadius,
                                               "onUpdate:modelValue": (S) => y.row.topRightRadius = S,
                                               controls: !1,
@@ -7199,7 +7199,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                         }, 1024),
                                         W(B, { span: 6 }, {
                                           default: j(() => [
-                                            W(h, {
+                                            W(U, {
                                               modelValue: y.row.bottomRightRadius,
                                               "onUpdate:modelValue": (S) => y.row.bottomRightRadius = S,
                                               controls: !1,
@@ -7242,7 +7242,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                       }),
                       _: 1
                     }),
-                    W(Q, { label: "打孔区域" }, {
+                    W(p, { label: "打孔区域" }, {
                       label: j(() => [
                         m("div", null, [
                           u[12] || (u[12] = m("p", null, "打孔区域：", -1)),
@@ -7261,7 +7261,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                       ]),
                       default: j(() => [
                         m("div", QF, [
-                          a.data.punchingList.length > 0 ? (V(), yA(g, {
+                          a.data.punchingList.length > 0 ? (V(), yA(h, {
                             key: 0,
                             data: a.data.punchingList,
                             class: "graph-table"
@@ -7273,7 +7273,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                 width: "100"
                               }, {
                                 default: j((C) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: C.row.x,
                                     "onUpdate:modelValue": (T) => C.row.x = T,
                                     controls: !1,
@@ -7288,7 +7288,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                 width: "100"
                               }, {
                                 default: j((C) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: C.row.y,
                                     "onUpdate:modelValue": (T) => C.row.y = T,
                                     controls: !1,
@@ -7303,7 +7303,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                 width: "100"
                               }, {
                                 default: j((C) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: C.row.width,
                                     "onUpdate:modelValue": (T) => C.row.width = T,
                                     controls: !1,
@@ -7319,7 +7319,7 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
                                 width: "100"
                               }, {
                                 default: j((C) => [
-                                  W(h, {
+                                  W(U, {
                                     modelValue: C.row.height,
                                     "onUpdate:modelValue": (T) => C.row.height = T,
                                     controls: !1,
@@ -7458,14 +7458,14 @@ const gF = { class: "tg-title" }, UF = { class: "table-container" }, pF = {
   }
 }, CF = /* @__PURE__ */ RA(FF, [["__scopeId", "data-v-7f9ab3cb"]]);
 function EF(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, F) {
-    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, F || Q), document.addEventListener("mousemove", U), document.addEventListener("mouseup", g);
-  }
-  function B(Q, p, F, v, C) {
-    const T = `${Q}_${p}_${F}_${v}_${C}`;
-    if (h.has(T))
-      return h.get(T);
+  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 }), U = /* @__PURE__ */ new Map();
+  function f(p, Q, F) {
+    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, F || p), document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
+  }
+  function B(p, Q, F, v, C) {
+    const T = `${p}_${Q}_${F}_${v}_${C}`;
+    if (U.has(T))
+      return U.get(T);
     const M = C * Math.PI / 180, y = F / 2, S = v / 2, L = [
       { x: 0, y: 0 },
       { x: F, y: 0 },
@@ -7474,8 +7474,8 @@ function EF(e = {}) {
     ].map((G) => {
       const _ = G.x - y, rA = G.y - S, fA = _ * Math.cos(M) - rA * Math.sin(M), uA = _ * Math.sin(M) + rA * Math.cos(M);
       return {
-        x: Number((fA + y + Q).toFixed(2)),
-        y: Number((uA + S + p).toFixed(2))
+        x: Number((fA + y + p).toFixed(2)),
+        y: Number((uA + S + Q).toFixed(2))
       };
     }), b = L.map((G) => G.x), P = L.map((G) => G.y), iA = {
       minX: Math.min(...b),
@@ -7483,13 +7483,13 @@ function EF(e = {}) {
       minY: Math.min(...P),
       maxY: Math.max(...P)
     };
-    return h.set(T, iA), iA;
+    return U.set(T, iA), iA;
   }
-  function U(Q) {
+  function g(p) {
     if (!l.value || !c.value)
       return;
-    const p = Q.clientX - u.value.x, F = Q.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, C = 1 / 3.7795275591;
-    let T = d.value.x + p * C / v, M = d.value.y + F * C / v;
+    const Q = p.clientX - u.value.x, F = p.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, C = 1 / 3.7795275591;
+    let T = d.value.x + Q * C / v, M = d.value.y + F * C / v;
     if (t != null && t.value && (r != null && r.value)) {
       const y = c.value.props.width || 0, S = c.value.props.height || 0, D = c.value.props.rotation || 0;
       let L = !1;
@@ -7501,14 +7501,14 @@ function EF(e = {}) {
     }
     c.value.props.x = Number(T.toFixed(2)), c.value.props.y = Number(M.toFixed(2)), typeof i == "function" && i();
   }
-  function g() {
+  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", U), document.removeEventListener("mouseup", g);
+    window.addEventListener("click", p, !0), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
   }
   return {
     dragging: l,
@@ -7519,19 +7519,19 @@ function EF(e = {}) {
     // 当前拖拽元素
     startDrag: f,
     // 开始拖拽方法
-    stopDrag: g
+    stopDrag: h
     // 停止拖拽方法
   };
 }
 function mF(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 = dl.UPDATE_THRESHOLD, B = k({ x: 0, y: 0, width: 0, height: 0 }), U = k(/* @__PURE__ */ new Map()), g = k(/* @__PURE__ */ new Map()), Q = k(null);
-  function p(S) {
+  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), U = k(0), f = dl.UPDATE_THRESHOLD, B = k({ x: 0, y: 0, width: 0, height: 0 }), g = k(/* @__PURE__ */ new Map()), h = k(/* @__PURE__ */ new Map()), p = k(null);
+  function Q(S) {
     return S * Math.PI / 180;
   }
   function F(S, D, L, b, P, iA, G) {
     const _ = `${S.toFixed(1)}_${D.toFixed(1)}_${L.toFixed(1)}_${b.toFixed(1)}_${P.toFixed(1)}`;
-    if (U.value.has(_))
-      return U.value.get(_);
+    if (g.value.has(_))
+      return g.value.get(_);
     const rA = v(S, D, L, b, P), fA = rA.map((SA) => SA.x), uA = rA.map((SA) => SA.y), aA = Math.min(...fA), X = Math.max(...fA), z = Math.min(...uA), NA = Math.max(...uA), QA = 0.5, hA = aA < -QA || X > iA + QA || z < -QA || NA > G + QA, gA = {
       minX: aA,
       maxX: X,
@@ -7540,17 +7540,17 @@ function mF(e, A, t, r) {
       isOutOfBounds: hA,
       corners: rA
     };
-    if (U.value.set(_, gA), U.value.size > dl.MAX_SIZE) {
-      const SA = U.value.keys().next().value;
-      U.value.delete(SA);
+    if (g.value.set(_, gA), g.value.size > dl.MAX_SIZE) {
+      const SA = g.value.keys().next().value;
+      g.value.delete(SA);
     }
     return gA;
   }
   function v(S, D, L, b, P) {
     const iA = `${S.toFixed(1)}_${D.toFixed(1)}_${L.toFixed(1)}_${b.toFixed(1)}_${P.toFixed(1)}`;
-    if (g.value.has(iA))
-      return g.value.get(iA);
-    const G = p(P), _ = Math.cos(G), rA = Math.sin(G), fA = S + L / 2, uA = D + b / 2, X = [
+    if (h.value.has(iA))
+      return h.value.get(iA);
+    const G = Q(P), _ = Math.cos(G), rA = Math.sin(G), fA = S + L / 2, uA = D + b / 2, X = [
       { x: -L / 2, y: -b / 2 },
       { x: L / 2, y: -b / 2 },
       { x: L / 2, y: b / 2 },
@@ -7559,9 +7559,9 @@ function mF(e, A, t, r) {
       x: Number((fA + z.x * _ - z.y * rA).toFixed(2)),
       y: Number((uA + z.x * rA + z.y * _).toFixed(2))
     }));
-    if (g.value.set(iA, X), g.value.size > 100) {
-      const z = g.value.keys().next().value;
-      g.value.delete(z);
+    if (h.value.set(iA, X), h.value.size > 100) {
+      const z = h.value.keys().next().value;
+      h.value.delete(z);
     }
     return X;
   }
@@ -7608,7 +7608,7 @@ function mF(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 = C(
+    }, s.value = "", c.value = { x: 0, y: 0 }, p.value = null, d.value = C(
       L,
       i.value.x,
       i.value.y,
@@ -7620,24 +7620,24 @@ function mF(e, A, t, r) {
       y: i.value.y,
       width: i.value.width,
       height: i.value.height
-    }, u.value = [...r.value], U.value.clear(), g.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", y));
+    }, u.value = [...r.value], g.value.clear(), h.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", y));
   }
   function M(S) {
     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, b = i.value.rotation || 0, P = p(b), iA = Math.cos(P), G = Math.sin(P), _ = i.value.width, rA = i.value.height, fA = i.value.x, uA = i.value.y, aA = 1;
+    U.value = D;
+    const L = (t == null ? void 0 : t.value) || 1, b = i.value.rotation || 0, P = Q(b), iA = Math.cos(P), G = Math.sin(P), _ = i.value.width, rA = i.value.height, fA = i.value.x, uA = i.value.y, aA = 1;
     let X = _, z = rA;
     const NA = (S.clientX - o.value.x) / 3.7795275591 / L, QA = (S.clientY - o.value.y) / 3.7795275591 / L;
     let hA, gA;
     b === 0 ? (hA = NA, gA = QA) : (hA = NA * iA + QA * G, gA = -NA * G + QA * iA);
     const SA = !!a.value.props.lockAspectRatio, XA = _ / rA, se = Math.abs(S.clientX - o.value.x), We = Math.abs(S.clientY - o.value.y);
-    if (SA && !Q.value && (Q.value = se > We ? "x" : "y"), l.value.includes("-")) {
-      if (SA && Q.value)
-        Q.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(aA, _ - hA) : X = Math.max(aA, _ + hA), z = X / XA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(aA, rA - gA) : z = Math.max(aA, rA + gA), X = z * XA);
+    if (SA && !p.value && (p.value = se > We ? "x" : "y"), l.value.includes("-")) {
+      if (SA && p.value)
+        p.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(aA, _ - hA) : X = Math.max(aA, _ + hA), z = X / XA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(aA, rA - gA) : z = Math.max(aA, rA + gA), X = z * XA);
       else if (l.value === "top-left" ? (X = Math.max(aA, _ - hA), z = Math.max(aA, rA - gA)) : l.value === "top-right" ? (X = Math.max(aA, _ + hA), z = Math.max(aA, rA - gA)) : l.value === "bottom-right" ? (X = Math.max(aA, _ + hA), z = Math.max(aA, rA + gA)) : l.value === "bottom-left" && (X = Math.max(aA, _ - hA), z = Math.max(aA, rA + gA)), SA) {
         const HA = X / z;
         if (Math.abs(HA - XA) > 0.01) {
@@ -7673,7 +7673,7 @@ function mF(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(EA - a.value.props.y) > 1e-3) && (a.value.props.x = Number(ne.toFixed(2)), a.value.props.y = Number(EA.toFixed(2)), a.value.props.width = Number(X.toFixed(2)), a.value.props.height = Number(z.toFixed(2)), B.value = { x: ne, y: EA, width: X, height: z });
   }
   function y() {
-    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 }, U.value.clear(), g.value.clear(), u.value.length > 0 && (r.value = [...u.value]), u.value = [], document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", y), 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", y), p.value = null;
   }
   return {
     resizing: n,
@@ -7724,38 +7724,38 @@ function yF() {
       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, F) {
-      const v = p - l, C = F - s;
+    let c = null, u = !1, d = B(a.clientX, a.clientY), U = o.props.rotation || 0, f = U;
+    function B(Q, F) {
+      const v = Q - l, C = F - s;
       let T = Math.atan2(C, v) * 180 / Math.PI + 90;
       return T > 180 && (T -= 360), T < -180 && (T += 360), T;
     }
-    function U(p) {
-      const F = p.clientX - l, v = p.clientY - s;
+    function g(Q) {
+      const F = Q.clientX - l, v = Q.clientY - s;
       if (Math.sqrt(F * F + 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 T = B(p.clientX, p.clientY);
+      const T = B(Q.clientX, Q.clientY);
       let M = T - d;
-      M > 180 && (M -= 360), M < -180 && (M += 360), h += M, d = T, f = r(f, h, 0.25);
+      M > 180 && (M -= 360), M < -180 && (M += 360), U += M, d = T, f = r(f, U, 0.25);
       const y = (f % 360 + 360) % 360;
       Math.abs(o.props.rotation - y) >= 0.2 && (o.props.rotation = Number(y.toFixed(2))), c = null;
     }
-    const g = (p) => {
-      c || (c = requestAnimationFrame(() => U(p)));
-    }, Q = (p) => {
-      p && p.stopPropagation(), document.removeEventListener("mousemove", g), 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 F = (v) => {
         v.stopImmediatePropagation(), document.removeEventListener("click", F, !0);
       };
       document.addEventListener("click", F, !0);
     };
-    document.addEventListener("mousemove", g), document.addEventListener("mouseup", Q);
+    document.addEventListener("mousemove", h), document.addEventListener("mouseup", p);
   }
   return {
     startRotate: n
@@ -7785,15 +7785,15 @@ function VF(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)) {
@@ -7807,8 +7807,8 @@ function VF(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));
@@ -7869,8 +7869,8 @@ function TF(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();
     }
@@ -7885,34 +7885,34 @@ function IF(e = {}) {
     // 垂直对齐线 [{ 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, U = 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,
-      centerY: f + U / 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((U) => {
-      const g = o(U), Q = Math.abs(d.centerY - g.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(g.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((U) => {
-      const g = o(U), Q = Math.abs(d.centerX - g.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(g.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() {
@@ -7920,7 +7920,7 @@ function IF(e = {}) {
       n.value.horizontal = [], n.value.vertical = [];
       return;
     }
-    const d = o(t.value), h = A.value.filter((U) => U !== 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() {
@@ -8315,7 +8315,7 @@ var qF = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
   if (so === l && [so, dn, oo, io].indexOf(c) !== -1 || [dn, oo].indexOf(l) !== -1 && [dn, Bn].indexOf(c) !== -1 || [Bn, io].indexOf(l) !== -1 && c === Bn || yl.indexOf(l) !== -1 && [ml, qt].indexOf(c) !== -1 || yl.indexOf(c) !== -1 && l === $t || pe.indexOf(l) !== -1 && pe.indexOf(c) !== -1 || l === ut && pe.indexOf(c) !== -1 || pe.concat(KA).indexOf(l) !== -1 && c === Yt && iC.indexOf(e[i]) === -1 || pe.concat(KA).indexOf(c) !== -1 && l === Gt)
     return AA;
   if (l === ya && c === ya) {
-    for (var h = t[a], f = 1; h > 0 && (h--, A[h] === ya); )
+    for (var U = t[a], f = 1; U > 0 && (U--, A[U] === ya); )
       f++;
     if (f % 2 !== 0)
       return AA;
@@ -8540,8 +8540,8 @@ var qF = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
             return this.consumeCodePoint(), this.consumeCodePoint(), BE;
           break;
         case yC:
-          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), h = this.peekCodePoint(2);
-          if ($r(u, d, h)) {
+          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), U = this.peekCodePoint(2);
+          if ($r(u, d, U)) {
             var o = this.consumeName();
             return { type: 7, value: o };
           }
@@ -8968,8 +8968,8 @@ var Hl = 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) : _n.parse(e, r)) / (Math.PI * 2), l = FA(n) ? n.number / 100 : 0, s = FA(a) ? a.number / 100 : 0, c = typeof o < "u" && FA(o) ? cA(o, 1) : 1;
   if (l === 0)
     return Ne(s * 255, s * 255, s * 255, 1);
-  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, h = Ia(d, u, i + 1 / 3), f = Ia(d, u, i), B = Ia(d, u, i - 1 / 3);
-  return Ne(h * 255, f * 255, B * 255, c);
+  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, U = Ia(d, u, i + 1 / 3), f = Ia(d, u, i), B = Ia(d, u, i - 1 / 3);
+  return Ne(U * 255, f * 255, B * 255, c);
 }, CE = {
   hsl: Hl,
   hsla: Hl,
@@ -9169,14 +9169,14 @@ var Hl = 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, U) {
-    var g = B.color;
-    return { color: g, stop: Math.max(Math.min(1, n[U] / A), 0) };
+  return e.map(function(B, g) {
+    var h = B.color;
+    return { color: h, stop: Math.max(Math.min(1, n[g] / A), 0) };
   });
 }, vE = function(e, A, t) {
   var r = A / 2, n = t / 2, a = cA(e[0], A) - r, o = n - cA(e[1], t);
@@ -9295,9 +9295,9 @@ var Hl = function(e, A) {
       } else if (c.name === "color-stop") {
         var d = c.values.filter(Nt);
         if (d.length === 2) {
-          var u = be.parse(e, d[1]), h = d[0];
-          Ot(h) && r.push({
-            stop: { type: 16, number: h.number * 100, flags: h.flags },
+          var u = be.parse(e, d[1]), U = d[0];
+          Ot(U) && r.push({
+            stop: { type: 16, number: U.number * 100, flags: U.flags },
             color: u
           });
         }
@@ -11587,18 +11587,18 @@ var Fv = 1, Ma = 2, ba = 3, Gl = 4, Yl = 5, Cv = 7, zl = 8, Ha = 9, xa = 10, jl
               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(lA);
-                h.length && s.appendChild(i.createTextNode(A.getAttribute(h[0].value) || ""));
+                var U = u.values.filter(lA);
+                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], U = f[1];
+                var f = u.values.filter(Nt), B = f[0], g = f[1];
                 if (B && lA(B)) {
-                  var g = a.counters.getCounterValue(B.value), Q = U && lA(U) ? ho.parse(a.context, U.value) : 3;
-                  s.appendChild(i.createTextNode(gr(g, Q, !1)));
+                  var h = a.counters.getCounterValue(B.value), p = g && lA(g) ? ho.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], F = p[1], U = p[2];
+                var Q = u.values.filter(Nt), B = Q[0], F = Q[1], g = Q[2];
                 if (B && lA(B)) {
-                  var v = a.counters.getCounterValues(B.value), C = U && lA(U) ? ho.parse(a.context, U.value) : 3, T = F && F.type === 0 ? F.value : "", M = v.map(function(D) {
+                  var v = a.counters.getCounterValues(B.value), C = g && lA(g) ? ho.parse(a.context, g.value) : 3, T = F && F.type === 0 ? F.value : "", M = v.map(function(D) {
                     return gr(D, C, !1);
                   }).join(T);
                   s.appendChild(i.createTextNode(M));
@@ -11823,12 +11823,12 @@ var ly = 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], U = [];
-      U.push((a + l) / r.width), U.push((f + u) / r.width), U.push((o + B) / r.height), U.push((s + d) / r.height);
-      var g = Math.max.apply(Math, U);
-      g > 1 && (a /= g, o /= g, l /= g, s /= g, u /= g, d /= g, f /= g, B /= g);
-      var Q = r.width - l, p = r.height - d, F = r.width - u, v = r.height - B, C = t.borderTopWidth, T = t.borderRightWidth, M = t.borderBottomWidth, y = t.borderLeftWidth, S = cA(t.paddingTop, A.bounds.width), D = cA(t.paddingRight, A.bounds.width), L = cA(t.paddingBottom, A.bounds.width), b = cA(t.paddingLeft, A.bounds.width);
-      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? BA(r.left + y / 3, r.top + C / 3, a - y / 3, o - C / 3, oA.TOP_LEFT) : new x(r.left + y / 3, r.top + C / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? BA(r.left + Q, r.top + C / 3, l - T / 3, s - C / 3, oA.TOP_RIGHT) : new x(r.left + r.width - T / 3, r.top + C / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? BA(r.left + F, r.top + p, u - T / 3, d - M / 3, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? BA(r.left + y / 3, r.top + v, f - y / 3, B - M / 3, oA.BOTTOM_LEFT) : new x(r.left + y / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? BA(r.left + y * 2 / 3, r.top + C * 2 / 3, a - y * 2 / 3, o - C * 2 / 3, oA.TOP_LEFT) : new x(r.left + y * 2 / 3, r.top + C * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? BA(r.left + Q, r.top + C * 2 / 3, l - T * 2 / 3, s - C * 2 / 3, oA.TOP_RIGHT) : new x(r.left + r.width - T * 2 / 3, r.top + C * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? BA(r.left + F, r.top + p, u - T * 2 / 3, d - M * 2 / 3, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? BA(r.left + y * 2 / 3, r.top + v, f - y * 2 / 3, B - M * 2 / 3, oA.BOTTOM_LEFT) : new x(r.left + y * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? BA(r.left + y / 2, r.top + C / 2, a - y / 2, o - C / 2, oA.TOP_LEFT) : new x(r.left + y / 2, r.top + C / 2), this.topRightBorderStroke = a > 0 || o > 0 ? BA(r.left + Q, r.top + C / 2, l - T / 2, s - C / 2, oA.TOP_RIGHT) : new x(r.left + r.width - T / 2, r.top + C / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? BA(r.left + F, r.top + p, u - T / 2, d - M / 2, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? BA(r.left + y / 2, r.top + v, f - y / 2, B - M / 2, oA.BOTTOM_LEFT) : new x(r.left + y / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? BA(r.left, r.top, a, o, oA.TOP_LEFT) : new x(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? BA(r.left + Q, r.top, l, s, oA.TOP_RIGHT) : new x(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? BA(r.left + F, r.top + p, u, d, oA.BOTTOM_RIGHT) : new x(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? BA(r.left, r.top + v, f, B, oA.BOTTOM_LEFT) : new x(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? BA(r.left + y, r.top + C, Math.max(0, a - y), Math.max(0, o - C), oA.TOP_LEFT) : new x(r.left + y, r.top + C), this.topRightPaddingBox = l > 0 || s > 0 ? BA(r.left + Math.min(Q, r.width - T), r.top + C, Q > r.width + T ? 0 : Math.max(0, l - T), Math.max(0, s - C), oA.TOP_RIGHT) : new x(r.left + r.width - T, r.top + C), this.bottomRightPaddingBox = u > 0 || d > 0 ? BA(r.left + Math.min(F, r.width - y), r.top + Math.min(p, r.height - M), Math.max(0, u - T), Math.max(0, d - M), oA.BOTTOM_RIGHT) : new x(r.left + r.width - T, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? BA(r.left + y, r.top + Math.min(v, r.height - M), Math.max(0, f - y), Math.max(0, B - M), oA.BOTTOM_LEFT) : new x(r.left + y, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? BA(r.left + y + b, r.top + C + S, Math.max(0, a - (y + b)), Math.max(0, o - (C + S)), oA.TOP_LEFT) : new x(r.left + y + b, r.top + C + S), this.topRightContentBox = l > 0 || s > 0 ? BA(r.left + Math.min(Q, r.width + y + b), r.top + C + S, Q > r.width + y + b ? 0 : l - y + b, s - (C + S), oA.TOP_RIGHT) : new x(r.left + r.width - (T + D), r.top + C + S), this.bottomRightContentBox = u > 0 || d > 0 ? BA(r.left + Math.min(F, r.width - (y + b)), r.top + Math.min(p, r.height + C + S), Math.max(0, u - (T + D)), d - (M + L), oA.BOTTOM_RIGHT) : new x(r.left + r.width - (T + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? BA(r.left + y + b, r.top + v, Math.max(0, f - (y + b)), B - (M + L), oA.BOTTOM_LEFT) : new x(r.left + y + b, r.top + r.height - (M + L));
+      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 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, F = r.width - u, v = r.height - B, C = t.borderTopWidth, T = t.borderRightWidth, M = t.borderBottomWidth, y = t.borderLeftWidth, S = cA(t.paddingTop, A.bounds.width), D = cA(t.paddingRight, A.bounds.width), L = cA(t.paddingBottom, A.bounds.width), b = cA(t.paddingLeft, A.bounds.width);
+      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? BA(r.left + y / 3, r.top + C / 3, a - y / 3, o - C / 3, oA.TOP_LEFT) : new x(r.left + y / 3, r.top + C / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? BA(r.left + p, r.top + C / 3, l - T / 3, s - C / 3, oA.TOP_RIGHT) : new x(r.left + r.width - T / 3, r.top + C / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? BA(r.left + F, r.top + Q, u - T / 3, d - M / 3, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? BA(r.left + y / 3, r.top + v, f - y / 3, B - M / 3, oA.BOTTOM_LEFT) : new x(r.left + y / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? BA(r.left + y * 2 / 3, r.top + C * 2 / 3, a - y * 2 / 3, o - C * 2 / 3, oA.TOP_LEFT) : new x(r.left + y * 2 / 3, r.top + C * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? BA(r.left + p, r.top + C * 2 / 3, l - T * 2 / 3, s - C * 2 / 3, oA.TOP_RIGHT) : new x(r.left + r.width - T * 2 / 3, r.top + C * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? BA(r.left + F, r.top + Q, u - T * 2 / 3, d - M * 2 / 3, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? BA(r.left + y * 2 / 3, r.top + v, f - y * 2 / 3, B - M * 2 / 3, oA.BOTTOM_LEFT) : new x(r.left + y * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? BA(r.left + y / 2, r.top + C / 2, a - y / 2, o - C / 2, oA.TOP_LEFT) : new x(r.left + y / 2, r.top + C / 2), this.topRightBorderStroke = a > 0 || o > 0 ? BA(r.left + p, r.top + C / 2, l - T / 2, s - C / 2, oA.TOP_RIGHT) : new x(r.left + r.width - T / 2, r.top + C / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? BA(r.left + F, r.top + Q, u - T / 2, d - M / 2, oA.BOTTOM_RIGHT) : new x(r.left + r.width - T / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? BA(r.left + y / 2, r.top + v, f - y / 2, B - M / 2, oA.BOTTOM_LEFT) : new x(r.left + y / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? BA(r.left, r.top, a, o, oA.TOP_LEFT) : new x(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? BA(r.left + p, r.top, l, s, oA.TOP_RIGHT) : new x(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? BA(r.left + F, r.top + Q, u, d, oA.BOTTOM_RIGHT) : new x(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? BA(r.left, r.top + v, f, B, oA.BOTTOM_LEFT) : new x(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? BA(r.left + y, r.top + C, Math.max(0, a - y), Math.max(0, o - C), oA.TOP_LEFT) : new x(r.left + y, r.top + C), this.topRightPaddingBox = l > 0 || s > 0 ? BA(r.left + Math.min(p, r.width - T), r.top + C, p > r.width + T ? 0 : Math.max(0, l - T), Math.max(0, s - C), oA.TOP_RIGHT) : new x(r.left + r.width - T, r.top + C), this.bottomRightPaddingBox = u > 0 || d > 0 ? BA(r.left + Math.min(F, r.width - y), r.top + Math.min(Q, r.height - M), Math.max(0, u - T), Math.max(0, d - M), oA.BOTTOM_RIGHT) : new x(r.left + r.width - T, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? BA(r.left + y, r.top + Math.min(v, r.height - M), Math.max(0, f - y), Math.max(0, B - M), oA.BOTTOM_LEFT) : new x(r.left + y, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? BA(r.left + y + b, r.top + C + S, Math.max(0, a - (y + b)), Math.max(0, o - (C + S)), oA.TOP_LEFT) : new x(r.left + y + b, r.top + C + S), this.topRightContentBox = l > 0 || s > 0 ? BA(r.left + Math.min(p, r.width + y + b), r.top + C + S, p > r.width + y + b ? 0 : l - y + b, s - (C + S), oA.TOP_RIGHT) : new x(r.left + r.width - (T + D), r.top + C + S), this.bottomRightContentBox = u > 0 || d > 0 ? BA(r.left + Math.min(F, r.width - (y + b)), r.top + Math.min(Q, r.height + C + S), Math.max(0, u - (T + D)), d - (M + L), oA.BOTTOM_RIGHT) : new x(r.left + r.width - (T + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? BA(r.left + y + b, r.top + v, Math.max(0, f - (y + b)), B - (M + L), oA.BOTTOM_LEFT) : new x(r.left + y + b, r.top + r.height - (M + L));
     }
     return e;
   }()
@@ -12008,10 +12008,10 @@ var BA = 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
@@ -12125,19 +12125,19 @@ var BA = 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, U = u ? n : t.height;
-    return [B, U];
+    var B = c ? r : t.width, g = u ? n : t.height;
+    return [B, g];
   }
   if (l) {
-    var g = 0, Q = 0;
-    return FA(o) ? g = cA(o, t.width) : FA(i) && (Q = cA(i, t.height)), gt(o) ? g = Q * a : (!i || gt(i)) && (Q = g / a), [g, Q];
+    var h = 0, p = 0;
+    return FA(o) ? h = cA(o, t.width) : FA(i) && (p = cA(i, t.height)), gt(o) ? h = p * a : (!i || gt(i)) && (p = h / a), [h, p];
   }
-  var p = null, F = null;
-  if (FA(o) ? p = cA(o, t.width) : i && FA(i) && (F = cA(i, t.height)), p !== null && (!i || gt(i)) && (F = c && u ? p / r * n : t.height), F !== null && gt(o) && (p = c && u ? F / n * r : t.width), p !== null && F !== null)
-    return [p, F];
+  var Q = null, F = null;
+  if (FA(o) ? Q = cA(o, t.width) : i && FA(i) && (F = cA(i, t.height)), Q !== null && (!i || gt(i)) && (F = c && u ? Q / r * n : t.height), F !== null && gt(o) && (Q = c && u ? F / n * r : t.width), Q !== null && F !== null)
+    return [Q, F];
   throw new Error("Unable to calculate background-size for element");
 }, pt = function(e, A) {
   var t = e[A];
@@ -12281,17 +12281,17 @@ var BA = function(e, A, t, r, n) {
     }, A.prototype.renderTextNode = function(t, r) {
       return kA(this, void 0, void 0, function() {
         var n, a, o, i, l, s, c, u, d = this;
-        return MA(this, function(h) {
+        return MA(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 = vA(r.color), d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
-                  var U = r.textShadow;
-                  U.length && f.text.trim().length && (U.slice(0).reverse().forEach(function(g) {
-                    d.ctx.shadowColor = vA(g.color), d.ctx.shadowOffsetX = g.offsetX.number * d.options.scale, d.ctx.shadowOffsetY = g.offsetY.number * d.options.scale, d.ctx.shadowBlur = g.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 = vA(r.textDecorationColor || r.color), r.textDecorationLine.forEach(function(g) {
-                    switch (g) {
+                  var g = r.textShadow;
+                  g.length && f.text.trim().length && (g.slice(0).reverse().forEach(function(h) {
+                    d.ctx.shadowColor = vA(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 = vA(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;
@@ -12322,7 +12322,7 @@ var BA = function(e, A, t, r, n) {
       }
     }, A.prototype.renderNodeContent = function(t) {
       return kA(this, void 0, void 0, function() {
-        var r, n, a, o, i, l, Q, Q, s, c, u, d, F, h, f, v, B, U, g, Q, p, F, v;
+        var r, n, a, o, i, l, p, p, s, c, u, d, F, U, f, v, B, g, h, p, Q, F, v;
         return MA(this, function(C) {
           switch (C.label) {
             case 0:
@@ -12343,7 +12343,7 @@ var BA = function(e, A, t, r, n) {
             case 5:
               return C.trys.push([5, 7, , 8]), [4, this.context.cache.match(r.src)];
             case 6:
-              return Q = C.sent(), this.renderReplacedElement(r, n, Q), [3, 8];
+              return p = C.sent(), this.renderReplacedElement(r, n, p), [3, 8];
             case 7:
               return C.sent(), this.context.logger.error("Error loading image " + r.src), [3, 8];
             case 8:
@@ -12353,7 +12353,7 @@ var BA = function(e, A, t, r, n) {
             case 9:
               return C.trys.push([9, 11, , 12]), [4, this.context.cache.match(r.svg)];
             case 10:
-              return Q = C.sent(), this.renderReplacedElement(r, n, Q), [3, 12];
+              return p = C.sent(), this.renderReplacedElement(r, n, p), [3, 12];
             case 11:
               return C.sent(), this.context.logger.error("Error loading svg " + r.svg.substring(0, 255)), [3, 12];
             case 12:
@@ -12377,7 +12377,7 @@ var BA = function(e, A, t, r, n) {
                 new x(r.bounds.left + u * 0.84, r.bounds.top + u * 0.34085),
                 new x(r.bounds.left + u * 0.39363, r.bounds.top + u * 0.79)
               ]), this.ctx.fillStyle = vA(es), this.ctx.fill(), this.ctx.restore()) : r.type === yn && 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 = vA(es), this.ctx.fill(), this.ctx.restore())), Yy(r) && r.value.length) {
-                switch (d = this.createFontStyle(a), F = d[0], h = d[1], f = this.fontMetrics.getMetrics(F, h).baseline, this.ctx.font = F, this.ctx.fillStyle = vA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = jy(r.styles.textAlign), v = Nn(r), B = 0, r.styles.textAlign) {
+                switch (d = this.createFontStyle(a), F = d[0], U = d[1], f = this.fontMetrics.getMetrics(F, U).baseline, this.ctx.font = F, this.ctx.fillStyle = vA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = jy(r.styles.textAlign), v = Nn(r), B = 0, r.styles.textAlign) {
                   case 1:
                     B += v.width / 2;
                     break;
@@ -12385,12 +12385,12 @@ var BA = function(e, A, t, r, n) {
                     B += v.width;
                     break;
                 }
-                U = v.add(B, 0, 0, -v.height / 2 + 1), this.ctx.save(), this.path([
+                g = v.add(B, 0, 0, -v.height / 2 + 1), this.ctx.save(), this.path([
                   new x(v.left, v.top),
                   new x(v.left + v.width, v.top),
                   new x(v.left + v.width, v.top + v.height),
                   new x(v.left, v.top + v.height)
-                ]), this.ctx.clip(), this.renderTextWithLetterSpacing(new ir(r.value, U), a.letterSpacing, f), this.ctx.restore(), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = "left";
+                ]), this.ctx.clip(), this.renderTextWithLetterSpacing(new ir(r.value, g), a.letterSpacing, f), this.ctx.restore(), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = "left";
               }
               if (!mA(
                 r.styles.display,
@@ -12400,15 +12400,15 @@ var BA = function(e, A, t, r, n) {
                 return [3, 20];
               if (r.styles.listStyleImage === null)
                 return [3, 19];
-              if (g = r.styles.listStyleImage, g.type !== 0)
+              if (h = r.styles.listStyleImage, h.type !== 0)
                 return [3, 18];
-              Q = void 0, p = g.url, C.label = 15;
+              p = void 0, Q = h.url, C.label = 15;
             case 15:
-              return C.trys.push([15, 17, , 18]), [4, this.context.cache.match(p)];
+              return C.trys.push([15, 17, , 18]), [4, this.context.cache.match(Q)];
             case 16:
-              return Q = C.sent(), this.ctx.drawImage(Q, r.bounds.left - (Q.width + 10), r.bounds.top), [3, 18];
+              return p = C.sent(), this.ctx.drawImage(p, r.bounds.left - (p.width + 10), r.bounds.top), [3, 18];
             case 17:
-              return C.sent(), this.context.logger.error("Error loading list-style-image " + p), [3, 18];
+              return C.sent(), this.context.logger.error("Error loading list-style-image " + Q), [3, 18];
             case 18:
               return [3, 20];
             case 19:
@@ -12423,9 +12423,9 @@ var BA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderStackContent = function(t) {
       return kA(this, void 0, void 0, function() {
-        var r, n, g, a, o, g, i, l, g, s, c, g, u, d, g, h, f, g, B, U, g;
-        return MA(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 MA(this, function(p) {
+          switch (p.label) {
             case 0:
               if (mA(
                 t.element.container.flags,
@@ -12435,61 +12435,61 @@ var BA = 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 ? (g = n[r], [4, this.renderStack(g)]) : [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 ? (g = o[a], [4, this.renderNode(g)]) : [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 ? (g = l[i], [4, this.renderStack(g)]) : [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 ? (g = c[s], [4, this.renderStack(g)]) : [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 ? (g = d[u], [4, this.renderNode(g)]) : [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 ? (g = f[h], [4, this.renderStack(g)]) : [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, U = t.positiveZIndex, Q.label = 27;
+              B = 0, g = t.positiveZIndex, p.label = 27;
             case 27:
-              return B < U.length ? (g = U[B], [4, this.renderStack(g)]) : [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:
@@ -12527,7 +12527,7 @@ var BA = function(e, A, t, r, n) {
           switch (s.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(c) {
-                var u, d, h, S, G, _, b, P, M, f, S, G, _, b, P, B, U, g, Q, p, F, v, C, T, M, y, S, D, L, b, P, iA, G, _, rA, fA, uA, aA, X, z, NA, QA;
+                var u, d, U, S, G, _, b, P, M, f, S, G, _, b, P, B, g, h, p, Q, F, v, C, T, M, y, S, D, L, b, P, iA, G, _, rA, fA, uA, aA, X, z, NA, QA;
                 return MA(this, function(hA) {
                   switch (hA.label) {
                     case 0:
@@ -12541,13 +12541,13 @@ var BA = function(e, A, t, r, n) {
                     case 3:
                       return hA.sent(), a.context.logger.error("Error loading background-image " + d), [3, 4];
                     case 4:
-                      return u && (h = Ka(t, r, [
+                      return u && (U = Ka(t, r, [
                         u.width,
                         u.height,
                         u.width / u.height
-                      ]), S = h[0], G = h[1], _ = h[2], b = h[3], P = h[4], M = a.ctx.createPattern(a.resizeImage(u, b, P), "repeat"), a.renderRepeat(S, M, G, _)), [3, 6];
+                      ]), S = U[0], G = U[1], _ = U[2], b = U[3], P = U[4], M = a.ctx.createPattern(a.resizeImage(u, b, P), "repeat"), a.renderRepeat(S, M, G, _)), [3, 6];
                     case 5:
-                      NE(c) ? (f = Ka(t, r, [null, null, null]), S = f[0], G = f[1], _ = f[2], b = f[3], P = f[4], B = yE(c.angle, b, P), U = B[0], g = B[1], Q = B[2], p = B[3], F = B[4], v = document.createElement("canvas"), v.width = b, v.height = P, C = v.getContext("2d"), T = C.createLinearGradient(g, p, Q, F), xl(c.stops, U).forEach(function(gA) {
+                      NE(c) ? (f = Ka(t, r, [null, null, null]), S = f[0], G = f[1], _ = f[2], b = f[3], P = f[4], B = yE(c.angle, b, P), g = B[0], h = B[1], p = B[2], Q = B[3], F = B[4], v = document.createElement("canvas"), v.width = b, v.height = P, C = v.getContext("2d"), T = C.createLinearGradient(h, Q, p, F), xl(c.stops, g).forEach(function(gA) {
                         return T.addColorStop(gA.stop, vA(gA.color));
                       }), C.fillStyle = T, C.fillRect(0, 0, b, P), b > 0 && P > 0 && (M = a.ctx.createPattern(v, "repeat"), a.renderRepeat(S, M, G, _))) : SE(c) && (y = Ka(t, r, [
                         null,
@@ -12623,10 +12623,10 @@ var BA = function(e, A, t, r, n) {
                 { style: r.borderLeftStyle, color: r.borderLeftColor, width: r.borderLeftWidth }
               ], o = zy(pt(r.backgroundClip, 0), t.curves), n || r.boxShadow.length ? (this.ctx.save(), this.path(o), this.ctx.clip(), He(r.backgroundColor) || (this.ctx.fillStyle = vA(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 = Tn(t.curves), B = h.inset ? 0 : Ly, U = My(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(U)) : (u.mask(f), u.ctx.clip(), u.path(U)), u.ctx.shadowOffsetX = h.offsetX.number + B, u.ctx.shadowOffsetY = h.offsetY.number, u.ctx.shadowColor = vA(h.color), u.ctx.shadowBlur = h.blur.number, u.ctx.fillStyle = h.inset ? vA(h.color) : "rgba(0,0,0,1)", u.ctx.fill(), u.ctx.restore();
+                var f = Tn(t.curves), B = U.inset ? 0 : Ly, g = My(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 = vA(U.color), u.ctx.shadowBlur = U.blur.number, u.ctx.fillStyle = U.inset ? vA(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;
@@ -12674,9 +12674,9 @@ var BA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderDashedDottedBorder = function(t, r, n, a, o) {
       return kA(this, void 0, void 0, function() {
-        var i, l, s, c, u, d, h, f, B, U, g, Q, p, F, v, C, v, C;
+        var i, l, s, c, u, d, U, f, B, g, h, p, Q, F, v, C, v, C;
         return MA(this, function(T) {
-          return this.ctx.save(), i = Zy(a, n), l = Bs(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), U = !0, h <= f * 2 ? U = !1 : h <= f * 2 + B ? (g = h / (2 * f + B), f *= g, B *= g) : (Q = Math.floor((h + B) / (f + B)), p = (h - Q * f) / (Q - 1), F = (h - (Q + 1) * f) / Q, B = F <= 0 || Math.abs(B - p) < Math.abs(B - F) ? p : F), U && (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 = vA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], C = l[0], this.ctx.beginPath(), this.formatPath([new x(v.end.x, v.end.y), new x(C.start.x, C.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], C = l[2], this.ctx.beginPath(), this.formatPath([new x(v.end.x, v.end.y), new x(C.start.x, C.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
+          return this.ctx.save(), i = Zy(a, n), l = Bs(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), F = (U - (p + 1) * f) / p, B = F <= 0 || Math.abs(B - Q) < Math.abs(B - F) ? Q : F), 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 = vA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], C = l[0], this.ctx.beginPath(), this.formatPath([new x(v.end.x, v.end.y), new x(C.start.x, C.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], C = l[2], this.ctx.beginPath(), this.formatPath([new x(v.end.x, v.end.y), new x(C.start.x, C.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
             2
             /*return*/
           ];
@@ -12793,7 +12793,7 @@ var BA = function(e, A, t, r, n) {
 typeof window < "u" && Su.setContext(window);
 var tR = function(e, A) {
   return kA(void 0, void 0, void 0, function() {
-    var t, r, n, a, o, i, l, s, c, u, d, h, f, B, U, g, Q, p, F, v, T, C, T, M, y, S, D, L, b, P, iA, G, _, rA, fA, uA, aA, X, z, NA;
+    var t, r, n, a, o, i, l, s, c, u, d, U, f, B, g, h, p, Q, F, v, T, C, T, M, y, S, D, L, b, P, iA, G, _, rA, fA, uA, aA, X, z, NA;
     return MA(this, function(QA) {
       switch (QA.label) {
         case 0:
@@ -12821,23 +12821,23 @@ var tR = 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 cs(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 = QA.sent(), f = Ci(d) || ry(d) ? MF(d.ownerDocument) : Xn(l, d), B = f.width, U = f.height, g = f.left, Q = f.top, p = rR(l, d, A.backgroundColor), F = {
+          return U = QA.sent(), f = Ci(d) || ry(d) ? MF(d.ownerDocument) : Xn(l, d), B = f.width, g = f.height, h = f.left, p = f.top, Q = rR(l, d, A.backgroundColor), F = {
             canvas: A.canvas,
-            backgroundColor: p,
+            backgroundColor: Q,
             scale: (fA = (rA = A.scale) !== null && rA !== void 0 ? rA : r.devicePixelRatio) !== null && fA !== void 0 ? fA : 1,
-            x: ((uA = A.x) !== null && uA !== void 0 ? uA : 0) + g,
-            y: ((aA = A.y) !== null && aA !== void 0 ? aA : 0) + Q,
+            x: ((uA = A.x) !== null && uA !== void 0 ? uA : 0) + h,
+            y: ((aA = A.y) !== null && aA !== void 0 ? aA : 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(U)
+            height: (z = A.height) !== null && z !== void 0 ? z : Math.ceil(g)
           }, s ? (l.logger.debug("Document cloned, using foreign object rendering"), T = new _y(l, F), [4, T.render(d)]) : [3, 3];
         case 2:
           return v = QA.sent(), [3, 5];
         case 3:
-          return l.logger.debug("Document cloned, element located at " + g + "," + Q + " with size " + B + "x" + U + " using computed rendering"), l.logger.debug("Starting DOM parsing"), C = mu(l, d), p === C.styles.backgroundColor && (C.styles.backgroundColor = Ce.TRANSPARENT), l.logger.debug("Starting renderer for element at " + F.x + "," + F.y + " with size " + F.width + "x" + F.height), T = new Gy(l, F), [4, T.render(C)];
+          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"), C = mu(l, d), Q === C.styles.backgroundColor && (C.styles.backgroundColor = Ce.TRANSPARENT), l.logger.debug("Starting renderer for element at " + F.x + "," + F.y + " with size " + F.width + "x" + F.height), T = new Gy(l, F), [4, T.render(C)];
         case 4:
           v = QA.sent(), QA.label = 5;
         case 5:
-          return (!((NA = A.removeContainer) !== null && NA !== void 0) || NA) && (cs.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 (!((NA = A.removeContainer) !== null && NA !== void 0) || NA) && (cs.destroy(U) || l.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), l.logger.debug("Finished rendering"), [2, v];
       }
     });
   });
@@ -12907,11 +12907,11 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
       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(Hc.map((E) => [E.type, E])), { selectedItems: B, selectItem: U, getCurrentSelected: g, clearSelection: Q } = vF(), { dragging: p, dragItem: F, startDrag: v } = EF({
+    const c = k(!1), u = k(!1), d = k(/* @__PURE__ */ new Map()), U = k(/* @__PURE__ */ new Map()), f = new Map(Hc.map((E) => [E.type, E])), { selectedItems: B, selectItem: g, getCurrentSelected: h, clearSelection: p } = vF(), { dragging: Q, dragItem: F, startDrag: v } = EF({
       scale: o,
       canvasWidth: l,
       canvasHeight: s,
-      selectItem: U,
+      selectItem: g,
       onStartDrag: () => {
         c.value = !0;
       },
@@ -12926,15 +12926,15 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
     }), { alignmentGuides: C, showGuides: T, updateAlignmentGuides: M, clearAlignmentGuides: y } = IF({
       items: a,
       dragItem: F,
-      dragging: p
+      dragging: Q
     }), { startResize: S } = mF(l, s, o, B), { startRotate: D } = yF();
     CA(() => B.value, () => {
       d.value.clear();
     }, { deep: !0 });
     const L = (E) => {
       const w = `${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(w))
-        return h.value.get(w);
+      if (U.value.has(w))
+        return U.value.get(w);
       const q = (E.props.rotation || 0) * Math.PI / 180, K = [
         { x: 0, y: 0 },
         // top-left
@@ -12951,9 +12951,9 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
           y: Number((Je + Y + E.props.y).toFixed(2))
         };
       });
-      if (h.value.set(w, eA), h.value.size > 100) {
-        const R = h.value.keys().next().value;
-        h.value.delete(R);
+      if (U.value.set(w, eA), U.value.size > 100) {
+        const R = U.value.keys().next().value;
+        U.value.delete(R);
       }
       return eA;
     }, b = (E) => {
@@ -13034,7 +13034,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
       }
       return J;
     }, fA = (E) => {
-      const w = B.value.some((q) => q.id === E.id), O = g() === E;
+      const w = B.value.some((q) => q.id === E.id), O = h() === E;
       return {
         "component-selected": w,
         "component-current": w && O,
@@ -13077,7 +13077,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
       const w = document.activeElement.tagName.toLowerCase();
       if (w === "input" || w === "textarea")
         return;
-      const O = g();
+      const O = h();
       if (!O)
         return;
       const q = Number(O.props.width) || 0, K = Number(O.props.height) || 0;
@@ -13117,7 +13117,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
         type: O,
         props: Nr
       };
-      a.value.push(mi), U(mi);
+      a.value.push(mi), g(mi);
     };
     function hA(E) {
       let w = E.target;
@@ -13126,27 +13126,27 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
           return;
         w = w.parentElement;
       }
-      Q();
+      p();
     }
     const gA = (E, w) => {
       if (B.value.length === 0) {
-        U(w), v(E, w);
+        g(w), v(E, w);
         return;
       }
-      if (g() === w) {
+      if (h() === w) {
         v(E, w);
         return;
       }
-      U(w), v(E, w);
+      g(w), v(E, w);
     }, SA = (E) => {
       const w = [];
       for (const K of d.value.keys())
         K.includes(E) && w.push(K);
       w.forEach((K) => d.value.delete(K));
       const O = [];
-      for (const K of h.value.keys())
+      for (const K of U.value.keys())
         K.includes(E) && O.push(K);
-      if (O.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)) {
+      if (O.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;
       }
@@ -13155,7 +13155,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
     }, XA = (E) => {
       var O;
       const w = document.activeElement.tagName.toLowerCase();
-      w === "input" || w === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && SA((O = g()) == null ? void 0 : O.id);
+      w === "input" || w === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && SA((O = h()) == null ? void 0 : O.id);
     }, { handleMouseWheel: se, handleInputChange: We, adjustRotation: Wt } = VF(B, l, s), ot = () => {
       setTimeout(() => {
         const E = document.querySelector(".center-container");
@@ -13177,7 +13177,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
     };
     CA(() => t.templateType, async (E) => {
       try {
-        await me(E), Q(), d.value.clear(), h.value.clear(), console.log("配置切换成功:", E);
+        await me(E), p(), d.value.clear(), U.value.clear(), console.log("配置切换成功:", E);
       } catch (w) {
         console.error("配置切换失败:", w);
       }
@@ -13211,7 +13211,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
       const E = SF(r.value.graphData) || "";
       E && ((w = document.querySelector("#design")) == null || w.appendChild(E));
     }, Ei = () => new Promise((E, w) => {
-      Q(), JSON.parse(JSON.stringify(a.value));
+      p(), JSON.parse(JSON.stringify(a.value));
       const O = JSON.parse(JSON.stringify(a.value));
       O == null || O.forEach((K) => {
         var J, Y;
@@ -13287,7 +13287,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
       getJson: () => HA().then(() => Tr()),
       // 清空画布
       clear: () => {
-        a.value = [], Q();
+        a.value = [], p();
       },
       // 生成快照
       snapshot: () => HA().then(() => Ei())
@@ -13351,7 +13351,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                 }, ["prevent"])),
                 onPointerdown: hA
               }, [
-                I(p) && I(F) ? (V(), N("div", fR, [
+                I(Q) && I(F) ? (V(), N("div", fR, [
                   m("div", {
                     class: "drag-extend-line vertical",
                     style: $(P(I(F), "left"))
@@ -13397,9 +13397,9 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                     style: $(rA(R)),
                     "data-item-id": R.id,
                     onMousedown: ZA((nA) => gA(nA, R), ["stop"]),
-                    onClick: ZA((nA) => I(U)(R), ["stop"])
+                    onClick: ZA((nA) => I(g)(R), ["stop"])
                   }, [
-                    I(g)() === R ? (V(), N(TA, { key: 0 }, [
+                    I(h)() === R ? (V(), N(TA, { key: 0 }, [
                       R.props.lockAspectRatio ? tA("", !0) : (V(), N(TA, { key: 0 }, [
                         R.type !== "verline" && R.type !== "horline" ? (V(), N("div", {
                           key: 0,
@@ -13467,7 +13467,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                     ], 64)) : tA("", !0),
                     R.props && ae.value ? (V(), yA(cr(((sA = _(R.type)) == null ? void 0 : sA.component) || null), {
                       key: `${R.id}-${R.type}`,
-                      modelValue: { ...R.props, __selected: I(g)() === R },
+                      modelValue: { ...R.props, __selected: I(h)() === R },
                       propsConfig: EA.value,
                       "onUpdate:modelValue": (nA) => {
                         const { __selected: De, ...Je } = nA;
@@ -13494,12 +13494,12 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "-"),
                   YA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": w[3] || (w[3] = (R) => I(g)().props.x = R),
+                    "onUpdate:modelValue": w[3] || (w[3] = (R) => I(h)().props.x = R),
                     onInput: w[4] || (w[4] = (R) => I(We)("x", R.target.value))
                   }, null, 544), [
                     [
                       Ge,
-                      I(g)().props.x,
+                      I(h)().props.x,
                       void 0,
                       { number: !0 }
                     ]
@@ -13517,12 +13517,12 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "-"),
                   YA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": w[7] || (w[7] = (R) => I(g)().props.y = R),
+                    "onUpdate:modelValue": w[7] || (w[7] = (R) => I(h)().props.y = R),
                     onInput: w[8] || (w[8] = (R) => I(We)("y", R.target.value))
                   }, null, 544), [
                     [
                       Ge,
-                      I(g)().props.y,
+                      I(h)().props.y,
                       void 0,
                       { number: !0 }
                     ]
@@ -13532,7 +13532,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "+")
                 ])
               ]),
-              I(g)().type !== "verline" ? (V(), N("div", NR, [
+              I(h)().type !== "verline" ? (V(), N("div", NR, [
                 w[27] || (w[27] = m("label", null, "宽度:", -1)),
                 m("div", SR, [
                   m("button", {
@@ -13540,12 +13540,12 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "-"),
                   YA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": w[11] || (w[11] = (R) => I(g)().props.width = R),
+                    "onUpdate:modelValue": w[11] || (w[11] = (R) => I(h)().props.width = R),
                     onInput: w[12] || (w[12] = (R) => I(We)("width", R.target.value))
                   }, null, 544), [
                     [
                       Ge,
-                      I(g)().props.width,
+                      I(h)().props.width,
                       void 0,
                       { number: !0 }
                     ]
@@ -13555,7 +13555,7 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "+")
                 ])
               ])) : tA("", !0),
-              I(g)().type !== "horline" ? (V(), N("div", MR, [
+              I(h)().type !== "horline" ? (V(), N("div", MR, [
                 w[28] || (w[28] = m("label", null, "高度:", -1)),
                 m("div", bR, [
                   m("button", {
@@ -13563,12 +13563,12 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "-"),
                   YA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": w[15] || (w[15] = (R) => I(g)().props.height = R),
+                    "onUpdate:modelValue": w[15] || (w[15] = (R) => I(h)().props.height = R),
                     onInput: w[16] || (w[16] = (R) => I(We)("height", R.target.value))
                   }, null, 544), [
                     [
                       Ge,
-                      I(g)().props.height,
+                      I(h)().props.height,
                       void 0,
                       { number: !0 }
                     ]
@@ -13586,12 +13586,12 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "-"),
                   YA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": w[19] || (w[19] = (R) => I(g)().props.rotation = R),
+                    "onUpdate:modelValue": w[19] || (w[19] = (R) => I(h)().props.rotation = R),
                     onInput: w[20] || (w[20] = (R) => I(We)("rotation", R.target.value))
                   }, null, 544), [
                     [
                       Ge,
-                      I(g)().props.rotation,
+                      I(h)().props.rotation,
                       void 0,
                       { number: !0 }
                     ]
@@ -13601,23 +13601,23 @@ const nR = { class: "label-designer" }, aR = { class: "toolbar" }, oR = { class:
                   }, "+")
                 ])
               ]),
-              I(g)().type !== "horline" ? (V(), N("div", ZR, [
+              I(h)().type !== "horline" ? (V(), N("div", ZR, [
                 w[30] || (w[30] = m("label", null, "锁定宽高比:", -1)),
                 m("div", kR, [
                   W(J, {
-                    modelValue: I(g)().props.lockAspectRatio,
-                    "onUpdate:modelValue": w[22] || (w[22] = (R) => I(g)().props.lockAspectRatio = R),
+                    modelValue: I(h)().props.lockAspectRatio,
+                    "onUpdate:modelValue": w[22] || (w[22] = (R) => I(h)().props.lockAspectRatio = R),
                     "active-value": !0,
                     "inactive-value": !1
                   }, null, 8, ["modelValue"])
                 ])
               ])) : tA("", !0)
             ]),
-            (V(), yA(cr(((eA = _(I(g)().type)) == null ? void 0 : eA.propertyPanel) || null), {
-              modelValue: I(g)().props,
-              "onUpdate:modelValue": w[23] || (w[23] = (R) => I(g)().props = R),
+            (V(), yA(cr(((eA = _(I(h)().type)) == null ? void 0 : eA.propertyPanel) || null), {
+              modelValue: I(h)().props,
+              "onUpdate:modelValue": w[23] || (w[23] = (R) => I(h)().props = R),
               options: e.options,
-              "props-config": oa(I(g)().type)
+              "props-config": oa(I(h)().type)
             }, null, 8, ["modelValue", "options", "props-config"]))
           ], 64)) : tA("", !0)
         ])
@@ -13645,13 +13645,13 @@ const DR = {
     }
   },
   setup(e) {
-    const A = qe(), t = e, r = k(!1), n = k({}), a = k(), o = k(0), i = k(!1), l = (B, U) => {
-      let g;
-      return function(...p) {
-        const F = () => {
-          clearTimeout(g), B(...p);
+    const A = qe(), t = e, r = k(!1), n = k({}), a = k(), o = k(0), i = k(!1), l = (g, h) => {
+      let p;
+      return function(...F) {
+        const v = () => {
+          clearTimeout(p), g(...F);
         };
-        clearTimeout(g), g = setTimeout(F, U);
+        clearTimeout(p), p = setTimeout(v, h);
       };
     }, s = k({
       rectTop: 0,
@@ -13659,37 +13659,37 @@ const DR = {
     }), c = () => {
       if (!a.value)
         return;
-      const B = a.value.getBoundingClientRect(), U = d(a.value);
-      let g = 0;
-      if (B.top > 0)
-        g = B.top;
-      else if (U) {
-        const Q = h(a.value);
-        g = Q > 0 ? Q : 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 Q = a.value.offsetTop;
-        Q > 0 ? g = Q : g = 60;
+        Q > 0 ? p = Q : p = 60;
       }
-      (g !== s.value.rectTop || U !== s.value.isInModal) && (o.value = g, i.value = U, s.value = {
-        rectTop: g,
-        isInModal: U
+      (p !== s.value.rectTop || h !== s.value.isInModal) && (o.value = p, i.value = h, s.value = {
+        rectTop: p,
+        isInModal: h
       });
-    }, u = l(c, 100), d = (B) => {
-      let U = B.parentElement;
-      for (; U; ) {
-        if (U.classList && (U.classList.contains("el-dialog") || U.classList.contains("el-drawer") || U.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;
-        U = U.parentElement;
+        h = h.parentElement;
       }
       return !1;
-    }, h = (B) => {
-      let U = B.parentElement;
-      for (; U; ) {
-        if (U.classList && (U.classList.contains("el-dialog") || U.classList.contains("el-drawer") || U.classList.contains("sc-dialog"))) {
-          const g = U.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;
         }
-        U = U.parentElement;
+        h = h.parentElement;
       }
       return 60;
     };
@@ -13697,32 +13697,56 @@ const DR = {
       setTimeout(() => c(), 100), setTimeout(() => c(), 300), window.addEventListener("resize", u), Ur(() => {
         window.removeEventListener("resize", u);
       });
-    }), CA(() => r.value, (B) => {
-      B && ue(() => setTimeout(() => c(), 50));
-    }), CA(() => t.templateData, async (B) => {
-      r.value = (B == null ? void 0 : B.width) > 0 && (B == null ? void 0 : B.height) > 0, n.value = B;
-    }, { deep: !0, immediate: !0 });
-    function f(B) {
-      A.exposed = B || {}, A.exposeProxy = B || {};
+    }), CA(() => r.value, (g) => {
+      g && ue(() => setTimeout(() => c(), 50));
+    }), CA(() => t.templateData, (g) => f(g), { deep: !0, immediate: !0 });
+    function f(g) {
+      if (r.value = (g == null ? void 0 : g.width) > 0 && (g == null ? void 0 : g.height) > 0, !r.value)
+        return;
+      const h = { ...g };
+      h != null && h.graphData || Object.assign(h, {
+        graphData: {
+          printList: [{
+            x: 0,
+            y: 0,
+            width: g.width,
+            height: g.height,
+            topLeftRadius: 4,
+            topRightRadius: 4,
+            bottomLeftRadius: 4,
+            bottomRightRadius: 4
+          }],
+          punchingList: []
+        }
+      }), h != null && h.items || Object.assign(h, {
+        items: []
+      }), h.printWidth || Object.assign(h, {
+        printWidth: h.width
+      }), h.printHeight || Object.assign(h, {
+        printHeight: h.height
+      }), n.value = h;
+    }
+    function B(g) {
+      A.exposed = g || {}, A.exposeProxy = g || {};
     }
-    return (B, U) => {
-      const g = $u("loading");
+    return (g, h) => {
+      const p = $u("loading");
       return YA((V(), N("div", {
         ref_key: "templateDesignerRef",
         ref: a,
         class: _A(["template-designer", { "template-designer-border-top": i.value }]),
         style: $({ height: "calc(100vh - " + (o.value + 1) + "px)" })
       }, [
-        r.value ? (V(), yA(cr(Ad(WR, { ...B.$attrs, ...t, ref: f }, B.$slots)), {
+        r.value ? (V(), yA(cr(Ad(WR, { ...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]
       ]);
     };
   }
-}, La = /* @__PURE__ */ RA(DR, [["__scopeId", "data-v-300f49ad"]]);
+}, La = /* @__PURE__ */ RA(DR, [["__scopeId", "data-v-7efcb65e"]]);
 La.install = (e) => {
   e.component(La.name || "TemplateDesigner", La);
 };