template-designer 0.1.9 → 0.2.0

package/dist/template-designer.es.js

@@ -38,45 +38,45 @@ const ed = {
       overflow: "hidden",
       boxSizing: "border-box"
     })), i = Z(/* @__PURE__ */ new Map()), l = (d) => {
-      var f, B, g, h, p, Q;
+      var f, B, U, g, Q, p;
       if (i.value.has(d))
         return i.value.get(d);
-      const U = ((Q = (p = (h = (g = (B = (f = A.propsConfig) == null ? void 0 : f.text) == null ? void 0 : B.propertyPanel) == null ? void 0 : g.find((C) => C.prop == "FontName")) == null ? void 0 : h.options) == null ? void 0 : p.find((C) => C.value == d)) == null ? void 0 : Q.cssValue) || d;
-      return i.value.set(d, U), U;
+      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((C) => C.prop == "FontName")) == null ? void 0 : g.options) == null ? void 0 : Q.find((C) => C.value == d)) == null ? void 0 : p.cssValue) || d;
+      return i.value.set(d, h), h;
     }, s = {
       1: "left",
       2: "center",
       3: "right"
     }, c = b(() => {
-      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",
+      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",
         fontFamily: l(f),
         fontWeight: B ? "bold" : "normal",
-        fontStyle: g ? "italic" : "normal",
-        color: h,
+        fontStyle: U ? "italic" : "normal",
+        color: g,
         width: "100%",
         minWidth: 0,
         boxSizing: "border-box",
-        textAlign: s[p]
+        textAlign: s[Q]
       };
       switch (d) {
         case 1:
-          Q.whiteSpace = "pre-wrap", Q.overflow = "visible", Q.textOverflow = "unset";
+          p.whiteSpace = "pre-wrap", p.overflow = "visible", p.textOverflow = "unset";
           break;
         case 2:
-          Q.whiteSpace = "nowrap", Q.overflow = "hidden", Q.textOverflow = "ellipsis";
+          p.whiteSpace = "nowrap", p.overflow = "hidden", p.textOverflow = "ellipsis";
           break;
         case 3:
-          Q.whiteSpace = "nowrap", Q.overflow = "hidden", Q.textOverflow = "clip";
+          p.whiteSpace = "nowrap", p.overflow = "hidden", p.textOverflow = "clip";
           break;
       }
-      return Q;
+      return p;
     }), u = () => {
-      var U, f;
-      const d = at((f = (U = A.propsConfig) == null ? void 0 : U.text) == null ? void 0 : f.propertyPanel) || {};
+      var h, f;
+      const d = at((f = (h = A.propsConfig) == null ? void 0 : h.text) == null ? void 0 : f.propertyPanel) || {};
       r.value = d, i.value.clear();
     };
-    return FA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, U) => (V(), N("div", {
+    return FA(() => A.propsConfig, () => u(), { deep: !0, immediate: !0 }), (d, h) => (V(), N("div", {
       class: "td-text-component",
       style: AA(o.value)
     }, [
@@ -104,26 +104,26 @@ const ed = {
     b: (B = "") => Le(t.value, e, B, "", ""),
     e: (B) => B ? Le(t.value, e, "", B, "") : "",
     m: (B) => B ? Le(t.value, e, "", "", B) : "",
-    be: (B, g) => B && g ? Le(t.value, e, B, g, "") : "",
-    em: (B, g) => B && g ? Le(t.value, e, "", B, g) : "",
-    bm: (B, g) => B && g ? Le(t.value, e, B, "", g) : "",
-    bem: (B, g, h) => B && g && h ? Le(t.value, e, B, g, h) : "",
-    is: (B, ...g) => {
-      const h = g.length >= 1 ? g[0] : !0;
-      return B && h ? `${td}${B}` : "";
+    be: (B, U) => B && U ? Le(t.value, e, B, U, "") : "",
+    em: (B, U) => B && U ? Le(t.value, e, "", B, U) : "",
+    bm: (B, U) => B && U ? Le(t.value, e, B, "", U) : "",
+    bem: (B, U, g) => B && U && g ? Le(t.value, e, B, U, g) : "",
+    is: (B, ...U) => {
+      const g = U.length >= 1 ? U[0] : !0;
+      return B && g ? `${td}${B}` : "";
     },
     cssVar: (B) => {
-      const g = {};
-      for (const h in B)
-        B[h] && (g[`--${t.value}-${h}`] = B[h]);
-      return g;
+      const U = {};
+      for (const g in B)
+        B[g] && (U[`--${t.value}-${g}`] = B[g]);
+      return U;
     },
     cssVarName: (B) => `--${t.value}-${B}`,
     cssVarBlock: (B) => {
-      const g = {};
-      for (const h in B)
-        B[h] && (g[`--${t.value}-${e}-${h}`] = B[h]);
-      return g;
+      const U = {};
+      for (const g in B)
+        B[g] && (U[`--${t.value}-${e}-${g}`] = B[g]);
+      return U;
     },
     cssVarBlockName: (B) => `--${t.value}-${e}-${B}`
   };
@@ -479,8 +479,8 @@ function DB(...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, U) => (c.addEventListener(u, d, U), () => c.removeEventListener(u, d, U)), l = FA(() => [ys(A), Vo(n)], ([c, u]) => {
-    o(), c && a.push(...t.flatMap((d) => r.map((U) => i(c, d, U, u))));
+  }, i = (c, u, d, h) => (c.addEventListener(u, d, h), () => c.removeEventListener(u, d, h)), l = FA(() => [ys(A), Vo(n)], ([c, u]) => {
+    o(), c && a.push(...t.flatMap((d) => r.map((h) => i(c, d, h, u))));
   }, { immediate: !0, flush: "post" }), s = () => {
     l(), o();
   };
@@ -771,7 +771,7 @@ const A0 = (e) => (A, t) => e0(A, t, I(e)), e0 = (e, A, t) => NB(t, e, e).replac
     validator: t || o ? (s) => {
       let c = !1, u = [];
       if (t && (u = Array.from(t), Vi(e, "default") && u.push(n), c || (c = u.includes(s))), o && (c || (c = o(s))), !c && u.length > 0) {
-        const d = [...new Set(u)].map((U) => JSON.stringify(U)).join(", ");
+        const d = [...new Set(u)].map((h) => JSON.stringify(h)).join(", ");
         Lu(`Invalid prop: validation failed${A ? ` for prop "${A}"` : ""}. Expected one of [${d}], got value ${JSON.stringify(s)}.`);
       }
       return c;
@@ -1241,21 +1241,21 @@ const Os = [
   emits: H0,
   setup(e, { expose: A, emit: t }) {
     const r = e, { Close: n } = m0, a = Z(!1), { ns: o, zIndex: i } = c0("message"), { currentZIndex: l, nextZIndex: s } = i, c = Z(), u = Z(!1), d = Z(0);
-    let U;
+    let h;
     const f = b(() => r.type ? r.type === "error" ? "danger" : r.type : "info"), B = b(() => {
       const T = r.type;
       return { [o.bm("icon", T)]: T && Gi[T] };
-    }), g = b(() => r.icon || Gi[r.type] || ""), h = b(() => Z0(r.id)), p = b(() => k0(r.id, r.offset) + h.value), Q = b(() => d.value + p.value), C = b(() => ({
-      top: `${p.value}px`,
+    }), U = b(() => r.icon || Gi[r.type] || ""), g = b(() => Z0(r.id)), Q = b(() => k0(r.id, r.offset) + g.value), p = b(() => d.value + Q.value), C = b(() => ({
+      top: `${Q.value}px`,
       zIndex: l.value
     }));
     function v() {
-      r.duration !== 0 && ({ stop: U } = WB(() => {
+      r.duration !== 0 && ({ stop: h } = WB(() => {
         R();
       }, r.duration));
     }
     function w() {
-      U == null || U();
+      h == null || h();
     }
     function R() {
       u.value = !1, de(() => {
@@ -1274,7 +1274,7 @@ const Os = [
       d.value = c.value.getBoundingClientRect().height;
     }), A({
       visible: u,
-      bottom: Q,
+      bottom: p,
       close: R
     }), (T, O) => (V(), vA(hs, {
       name: I(o).b("fade"),
@@ -1306,12 +1306,12 @@ const Os = [
             type: I(f),
             class: _A(I(o).e("badge"))
           }, null, 8, ["value", "type", "class"])) : tA("v-if", !0),
-          I(g) ? (V(), vA(I(Li), {
+          I(U) ? (V(), vA(I(Li), {
             key: 1,
             class: _A([I(o).e("icon"), I(B)])
           }, {
             default: j(() => [
-              (V(), vA(cr(I(g))))
+              (V(), vA(cr(I(U))))
             ]),
             _: 1
           }, 8, ["class"])) : tA("v-if", !0),
@@ -1467,31 +1467,31 @@ const yA = (e, A) => {
     }), u = () => {
       n.value && !a.value && n.value.click();
     }, d = (B) => {
-      const g = B.target.value.trim();
-      g ? g.startsWith("http://") || g.startsWith("https://") || g.startsWith("data:") ? s.value = g : g.startsWith("data:") || (s.value = g) : s.value = "";
-    }, U = async (B) => {
-      var Q;
-      const g = B.target.files[0];
-      if (!g)
+      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)
         return;
-      if (t.accept && !g.type.match(t.accept.replace("*", ".*"))) {
+      if (t.accept && !U.type.match(t.accept.replace("*", ".*"))) {
         alert("请选择正确的文件类型");
         return;
       }
-      const h = (Q = l == null ? void 0 : l.image) == null ? void 0 : Q.request;
-      if (!h || typeof h != "function") {
-        f(g);
+      const g = (p = l == null ? void 0 : l.image) == null ? void 0 : p.request;
+      if (!g || typeof g != "function") {
+        f(U);
         return;
       }
-      i.value = g;
-      let p = null;
+      i.value = U;
+      let Q = null;
       try {
-        a.value = !0, p = h(g), o.value = p;
-        const C = await p;
-        if (o.value === p && i.value === g)
+        a.value = !0, Q = g(U), o.value = Q;
+        const C = await Q;
+        if (o.value === Q && i.value === U)
           if (C && C.success !== !1) {
             const v = C.url || C.data || C, w = {
-              fileName: g.name,
+              fileName: U.name,
               fileSrc: v,
               uploadResult: C
             };
@@ -1501,54 +1501,54 @@ const yA = (e, A) => {
         else
           console.log("组件已切换或文件已改变，忽略上传结果");
       } catch (C) {
-        o.value === p && i.value === g && (n.value && (n.value.value = ""), dr.error(C.message || "上传失败，请重试"));
+        o.value === Q && i.value === U && (n.value && (n.value.value = ""), dr.error(C.message || "上传失败，请重试"));
       } finally {
-        o.value === p && (a.value = !1, o.value = null, i.value = null);
+        o.value === Q && (a.value = !1, o.value = null, i.value = null);
       }
     }, f = (B) => {
-      const g = new FileReader();
-      g.onload = (h) => {
-        const p = {
+      const U = new FileReader();
+      U.onload = (g) => {
+        const Q = {
           fileName: B.name,
-          fileSrc: h.target.result
+          fileSrc: g.target.result
         };
-        s.value = p, r("change", { target: { files: [B] } });
-      }, g.onerror = () => {
+        s.value = Q, r("change", { target: { files: [B] } });
+      }, U.onerror = () => {
         alert("文件读取失败，请重试");
-      }, g.readAsDataURL(B);
+      }, U.readAsDataURL(B);
     };
     return zu(() => {
       o.value = null, i.value = null;
-    }), (B, g) => {
-      const h = QA("el-icon-loading"), p = QA("el-icon");
+    }), (B, U) => {
+      const g = QA("el-icon-loading"), Q = QA("el-icon");
       return V(), N("div", Y0, [
         e.label ? (V(), N("label", z0, fe(e.label), 1)) : tA("", !0),
         e.type === "select" ? GA((V(), N("select", {
           key: 1,
-          "onUpdate:modelValue": g[0] || (g[0] = (Q) => s.value = Q)
+          "onUpdate:modelValue": U[0] || (U[0] = (p) => s.value = p)
         }, [
-          (V(!0), N(VA, null, Me(e.options, (Q) => (V(), N("option", {
-            key: Q.value,
-            value: Q.value
-          }, fe(Q.label), 9, j0))), 128))
+          (V(!0), N(VA, null, Me(e.options, (p) => (V(), N("option", {
+            key: p.value,
+            value: p.value
+          }, fe(p.label), 9, j0))), 128))
         ], 512)), [
           [ju, s.value]
         ]) : e.type === "color" ? GA((V(), N("input", {
           key: 2,
-          "onUpdate:modelValue": g[1] || (g[1] = (Q) => s.value = Q),
+          "onUpdate:modelValue": U[1] || (U[1] = (p) => s.value = p),
           type: "color"
         }, null, 512)), [
           [Ye, s.value]
         ]) : e.type === "checkbox" ? GA((V(), N("input", {
           key: 3,
-          "onUpdate:modelValue": g[2] || (g[2] = (Q) => s.value = Q),
+          "onUpdate:modelValue": U[2] || (U[2] = (p) => s.value = p),
           type: "checkbox"
         }, null, 512)), [
           [Xu, s.value]
         ]) : e.type === "file" ? (V(), N("div", X0, [
           GA(m("input", {
             type: "text",
-            "onUpdate:modelValue": g[3] || (g[3] = (Q) => c.value = Q),
+            "onUpdate:modelValue": U[3] || (U[3] = (p) => c.value = p),
             placeholder: "请选择图片",
             class: "file-url-input",
             onInput: d,
@@ -1562,12 +1562,12 @@ const yA = (e, A) => {
             class: "file-select-btn",
             disabled: a.value
           }, [
-            a.value ? (V(), vA(p, {
+            a.value ? (V(), vA(Q, {
               key: 0,
               class: "is-loading"
             }, {
               default: j(() => [
-                W(h)
+                W(g)
               ]),
               _: 1
             })) : (V(), N("span", _0, fe(a.value ? "上传中..." : "选择"), 1))
@@ -1575,14 +1575,14 @@ const yA = (e, A) => {
           m("input", {
             type: "file",
             accept: e.accept,
-            onChange: U,
+            onChange: h,
             ref_key: "fileInput",
             ref: n,
             class: "file-input"
           }, null, 40, q0)
         ])) : GA((V(), N("input", {
           key: 5,
-          "onUpdate:modelValue": g[4] || (g[4] = (Q) => s.value = Q),
+          "onUpdate:modelValue": U[4] || (U[4] = (p) => s.value = p),
           type: e.type,
           min: e.min,
           max: e.max,
@@ -1628,10 +1628,10 @@ const ef = { class: "property-layout-container" }, tf = {
   setup(e, { emit: A }) {
     const t = e, r = A, { propsConfig: n, panelType: a } = _u(t), o = b(() => `${a.value}-property-panel`), i = b(() => {
       const d = n.value.propertyPanel;
-      return d && typeof d == "object" && !Array.isArray(d) ? Object.keys(d).map((U) => ({
-        prop: U,
-        ...d[U]
-      })).filter((U) => !U.hide) : Array.isArray(d) ? d.filter((U) => !U.hide) || [] : [];
+      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) || [] : [];
     }), l = b({
       get: () => t.modelValue,
       set: (d) => r("update:modelValue", d)
@@ -1641,10 +1641,10 @@ const ef = { class: "property-layout-container" }, tf = {
       var f;
       if (d.options)
         return d.options || [];
-      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;
+      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;
     }, u = (d) => d.layout ? d.layout : ["text", "file", "textarea"].includes(d.type) ? "full" : "half";
-    return fs("config", t.propsConfig), (d, U) => (V(), N("div", {
+    return fs("config", t.propsConfig), (d, h) => (V(), N("div", {
       class: _A(o.value)
     }, [
       m("div", ef, [
@@ -4414,10 +4414,10 @@ const BQ = {
       lineColor: "",
       codeType: ""
     }), l = () => {
-      var h, p, Q, C, v, w, R, M, T, O;
+      var g, Q, p, C, v, w, R, M, T, O;
       if (!t.value)
         return;
-      const c = at((p = (h = A.propsConfig) == null ? void 0 : h.barcode) == null ? void 0 : p.propertyPanel) || {}, u = ((Q = A.modelValue) == null ? void 0 : Q.BarcodeValue) || c.BarcodeValue || "", d = ((C = A.modelValue) == null ? void 0 : C.CodeType) || c.CodeType || "", U = A.modelValue.LineColor || c.LineColor, f = ((O = (T = (M = (R = (w = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : w.propertyPanel) == null ? void 0 : R.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : T.find((D) => D.value === d)) == null ? void 0 : O.compValue) || "", B = { value: u, type: d, lineColor: U, codeType: f };
+      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 = ((C = A.modelValue) == null ? void 0 : C.CodeType) || c.CodeType || "", h = A.modelValue.LineColor || c.LineColor, f = ((O = (T = (M = (R = (w = (v = A.propsConfig) == null ? void 0 : v.barcode) == null ? void 0 : w.propertyPanel) == null ? void 0 : R.find((D) => D.prop === "CodeType")) == null ? void 0 : M.options) == null ? void 0 : T.find((D) => D.value === d)) == null ? void 0 : O.compValue) || "", B = { value: u, type: d, lineColor: h, codeType: f };
       if (JSON.stringify(B) !== JSON.stringify(i.value)) {
         i.value = B;
         try {
@@ -4431,7 +4431,7 @@ const BQ = {
             // 条形码的边距
             margin: 0,
             // 条形码的颜色
-            lineColor: U,
+            lineColor: h,
             // 条形码的高度
             height: 50,
             // 确保条形码能够正确渲染
@@ -4726,8 +4726,8 @@ var Uc = {};
     for (let u = 0; u < a; u++) {
       i = l = 0, s = c = null;
       for (let d = 0; d < a; d++) {
-        let 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);
+        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);
       }
       i >= 5 && (o += A.N1 + (i - 5)), l >= 5 && (o += A.N1 + (l - 5));
     }
@@ -5303,66 +5303,66 @@ he.testAlphanumeric = function(A) {
 })(De);
 (function(e) {
   const A = zA, t = Gn, r = Ln, n = De, a = ui, o = 7973, i = A.getBCHDigit(o);
-  function l(d, U, f) {
+  function l(d, h, f) {
     for (let B = 1; B <= 40; B++)
-      if (U <= e.getCapacity(B, f, d))
+      if (h <= e.getCapacity(B, f, d))
         return B;
   }
-  function s(d, U) {
-    return n.getCharCountIndicator(d, U) + 4;
+  function s(d, h) {
+    return n.getCharCountIndicator(d, h) + 4;
   }
-  function c(d, U) {
+  function c(d, h) {
     let f = 0;
     return d.forEach(function(B) {
-      const g = s(B.mode, U);
-      f += g + B.getBitsLength();
+      const U = s(B.mode, h);
+      f += U + B.getBitsLength();
     }), f;
   }
-  function u(d, U) {
+  function u(d, h) {
     for (let f = 1; f <= 40; f++)
-      if (c(d, f) <= e.getCapacity(f, U, n.MIXED))
+      if (c(d, f) <= e.getCapacity(f, h, n.MIXED))
         return f;
   }
-  e.from = function(U, f) {
-    return a.isValid(U) ? parseInt(U, 10) : f;
-  }, e.getCapacity = function(U, f, B) {
-    if (!a.isValid(U))
+  e.from = function(h, f) {
+    return a.isValid(h) ? parseInt(h, 10) : f;
+  }, e.getCapacity = function(h, f, B) {
+    if (!a.isValid(h))
       throw new Error("Invalid QR Code version");
     typeof B > "u" && (B = n.BYTE);
-    const g = A.getSymbolTotalCodewords(U), h = t.getTotalCodewordsCount(U, f), p = (g - h) * 8;
+    const U = A.getSymbolTotalCodewords(h), g = t.getTotalCodewordsCount(h, f), Q = (U - g) * 8;
     if (B === n.MIXED)
-      return p;
-    const Q = p - s(B, U);
+      return Q;
+    const p = Q - s(B, h);
     switch (B) {
       case n.NUMERIC:
-        return Math.floor(Q / 10 * 3);
+        return Math.floor(p / 10 * 3);
       case n.ALPHANUMERIC:
-        return Math.floor(Q / 11 * 2);
+        return Math.floor(p / 11 * 2);
       case n.KANJI:
-        return Math.floor(Q / 13);
+        return Math.floor(p / 13);
       case n.BYTE:
       default:
-        return Math.floor(Q / 8);
+        return Math.floor(p / 8);
     }
-  }, e.getBestVersionForData = function(U, f) {
+  }, e.getBestVersionForData = function(h, f) {
     let B;
-    const g = r.from(f, r.M);
-    if (Array.isArray(U)) {
-      if (U.length > 1)
-        return u(U, g);
-      if (U.length === 0)
+    const U = r.from(f, r.M);
+    if (Array.isArray(h)) {
+      if (h.length > 1)
+        return u(h, U);
+      if (h.length === 0)
         return 1;
-      B = U[0];
+      B = h[0];
     } else
-      B = U;
-    return l(B.mode, B.getLength(), g);
-  }, e.getEncodedBits = function(U) {
-    if (!a.isValid(U) || U < 7)
+      B = h;
+    return l(B.mode, B.getLength(), U);
+  }, e.getEncodedBits = function(h) {
+    if (!a.isValid(h) || h < 7)
       throw new Error("Invalid QR Code version");
-    let f = U << 12;
+    let f = h << 12;
     for (; A.getBCHDigit(f) - i >= 0; )
       f ^= o << A.getBCHDigit(f) - i;
-    return U << 12 | f;
+    return h << 12 | f;
   };
 })(wc);
 var Cc = {};
@@ -5519,14 +5519,14 @@ var OQ = It, vc = { exports: {} };
       o[r] = 0;
       var i = A.PriorityQueue.make();
       i.push(r, 0);
-      for (var l, s, c, u, d, U, f, B, g; !i.empty(); ) {
+      for (var l, s, c, u, d, h, f, B, U; !i.empty(); ) {
         l = i.pop(), s = l.value, u = l.cost, d = t[s] || {};
         for (c in d)
-          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));
+          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));
       }
       if (typeof n < "u" && typeof o[n] > "u") {
-        var h = ["Could not find a path from ", r, " to ", n, "."].join("");
-        throw new Error(h);
+        var g = ["Could not find a path from ", r, " to ", n, "."].join("");
+        throw new Error(g);
       }
       return a;
     },
@@ -5580,25 +5580,25 @@ var OQ = It, vc = { exports: {} };
 var WQ = vc.exports;
 (function(e) {
   const A = De, t = SQ, r = bQ, n = xQ, a = OQ, o = he, i = zA, l = WQ;
-  function s(h) {
-    return unescape(encodeURIComponent(h)).length;
+  function s(g) {
+    return unescape(encodeURIComponent(g)).length;
   }
-  function c(h, p, Q) {
+  function c(g, Q, p) {
     const C = [];
     let v;
-    for (; (v = h.exec(Q)) !== null; )
+    for (; (v = g.exec(p)) !== null; )
       C.push({
         data: v[0],
         index: v.index,
-        mode: p,
+        mode: Q,
         length: v[0].length
       });
     return C;
   }
-  function u(h) {
-    const p = c(o.NUMERIC, A.NUMERIC, h), Q = c(o.ALPHANUMERIC, A.ALPHANUMERIC, h);
+  function u(g) {
+    const Q = c(o.NUMERIC, A.NUMERIC, g), p = c(o.ALPHANUMERIC, A.ALPHANUMERIC, g);
     let C, v;
-    return i.isKanjiModeEnabled() ? (C = c(o.BYTE, A.BYTE, h), v = c(o.KANJI, A.KANJI, h)) : (C = c(o.BYTE_KANJI, A.BYTE, h), v = []), p.concat(Q, C, v).sort(function(R, M) {
+    return i.isKanjiModeEnabled() ? (C = c(o.BYTE, A.BYTE, g), v = c(o.KANJI, A.KANJI, g)) : (C = c(o.BYTE_KANJI, A.BYTE, g), v = []), Q.concat(p, C, v).sort(function(R, M) {
       return R.index - M.index;
     }).map(function(R) {
       return {
@@ -5608,104 +5608,104 @@ var WQ = vc.exports;
       };
     });
   }
-  function d(h, p) {
-    switch (p) {
+  function d(g, Q) {
+    switch (Q) {
       case A.NUMERIC:
-        return t.getBitsLength(h);
+        return t.getBitsLength(g);
       case A.ALPHANUMERIC:
-        return r.getBitsLength(h);
+        return r.getBitsLength(g);
       case A.KANJI:
-        return a.getBitsLength(h);
+        return a.getBitsLength(g);
       case A.BYTE:
-        return n.getBitsLength(h);
+        return n.getBitsLength(g);
     }
   }
-  function U(h) {
-    return h.reduce(function(p, Q) {
-      const C = p.length - 1 >= 0 ? p[p.length - 1] : null;
-      return C && C.mode === Q.mode ? (p[p.length - 1].data += Q.data, p) : (p.push(Q), p);
+  function h(g) {
+    return g.reduce(function(Q, p) {
+      const C = Q.length - 1 >= 0 ? Q[Q.length - 1] : null;
+      return C && C.mode === p.mode ? (Q[Q.length - 1].data += p.data, Q) : (Q.push(p), Q);
     }, []);
   }
-  function f(h) {
-    const p = [];
-    for (let Q = 0; Q < h.length; Q++) {
-      const C = h[Q];
+  function f(g) {
+    const Q = [];
+    for (let p = 0; p < g.length; p++) {
+      const C = g[p];
       switch (C.mode) {
         case A.NUMERIC:
-          p.push([
+          Q.push([
             C,
             { data: C.data, mode: A.ALPHANUMERIC, length: C.length },
             { data: C.data, mode: A.BYTE, length: C.length }
           ]);
           break;
         case A.ALPHANUMERIC:
-          p.push([
+          Q.push([
             C,
             { data: C.data, mode: A.BYTE, length: C.length }
           ]);
           break;
         case A.KANJI:
-          p.push([
+          Q.push([
             C,
             { data: C.data, mode: A.BYTE, length: s(C.data) }
           ]);
           break;
         case A.BYTE:
-          p.push([
+          Q.push([
             { data: C.data, mode: A.BYTE, length: s(C.data) }
           ]);
       }
     }
-    return p;
+    return Q;
   }
-  function B(h, p) {
-    const Q = {}, C = { start: {} };
+  function B(g, Q) {
+    const p = {}, C = { start: {} };
     let v = ["start"];
-    for (let w = 0; w < h.length; w++) {
-      const R = h[w], M = [];
+    for (let w = 0; w < g.length; w++) {
+      const R = g[w], M = [];
       for (let T = 0; T < R.length; T++) {
         const O = R[T], D = "" + w + T;
-        M.push(D), Q[D] = { node: O, lastCount: 0 }, C[D] = {};
+        M.push(D), p[D] = { node: O, lastCount: 0 }, C[D] = {};
         for (let L = 0; L < v.length; L++) {
           const S = v[L];
-          Q[S] && Q[S].node.mode === O.mode ? (C[S][D] = d(Q[S].lastCount + O.length, O.mode) - d(Q[S].lastCount, O.mode), Q[S].lastCount += O.length) : (Q[S] && (Q[S].lastCount = O.length), C[S][D] = d(O.length, O.mode) + 4 + A.getCharCountIndicator(O.mode, p));
+          p[S] && p[S].node.mode === O.mode ? (C[S][D] = d(p[S].lastCount + O.length, O.mode) - d(p[S].lastCount, O.mode), p[S].lastCount += O.length) : (p[S] && (p[S].lastCount = O.length), C[S][D] = d(O.length, O.mode) + 4 + A.getCharCountIndicator(O.mode, Q));
         }
       }
       v = M;
     }
     for (let w = 0; w < v.length; w++)
       C[v[w]].end = 0;
-    return { map: C, table: Q };
+    return { map: C, table: p };
   }
-  function g(h, p) {
-    let Q;
-    const C = A.getBestModeForData(h);
-    if (Q = A.from(p, C), Q !== A.BYTE && Q.bit < C.bit)
-      throw new Error('"' + h + '" cannot be encoded with mode ' + A.toString(Q) + `.
+  function U(g, Q) {
+    let p;
+    const C = A.getBestModeForData(g);
+    if (p = A.from(Q, C), p !== A.BYTE && p.bit < C.bit)
+      throw new Error('"' + g + '" cannot be encoded with mode ' + A.toString(p) + `.
  Suggested mode is: ` + A.toString(C));
-    switch (Q === A.KANJI && !i.isKanjiModeEnabled() && (Q = A.BYTE), Q) {
+    switch (p === A.KANJI && !i.isKanjiModeEnabled() && (p = A.BYTE), p) {
       case A.NUMERIC:
-        return new t(h);
+        return new t(g);
       case A.ALPHANUMERIC:
-        return new r(h);
+        return new r(g);
       case A.KANJI:
-        return new a(h);
+        return new a(g);
       case A.BYTE:
-        return new n(h);
+        return new n(g);
     }
   }
-  e.fromArray = function(p) {
-    return p.reduce(function(Q, C) {
-      return typeof C == "string" ? Q.push(g(C, null)) : C.data && Q.push(g(C.data, C.mode)), Q;
+  e.fromArray = function(Q) {
+    return Q.reduce(function(p, C) {
+      return typeof C == "string" ? p.push(U(C, null)) : C.data && p.push(U(C.data, C.mode)), p;
     }, []);
-  }, e.fromString = function(p, Q) {
-    const C = u(p, i.isKanjiModeEnabled()), v = f(C), w = B(v, Q), R = l.find_path(w.map, "start", "end"), M = [];
+  }, e.fromString = function(Q, p) {
+    const C = u(Q, i.isKanjiModeEnabled()), v = f(C), w = B(v, p), R = l.find_path(w.map, "start", "end"), M = [];
     for (let T = 1; T < R.length - 1; T++)
       M.push(w.table[R[T]].node);
-    return e.fromArray(U(M));
-  }, e.rawSplit = function(p) {
+    return e.fromArray(h(M));
+  }, e.rawSplit = function(Q) {
     return e.fromArray(
-      u(p, i.isKanjiModeEnabled())
+      u(Q, i.isKanjiModeEnabled())
     );
   };
 })(mc);
@@ -5779,24 +5779,24 @@ function $Q(e, A, t) {
   return Aw(r, e, A);
 }
 function Aw(e, A, t) {
-  const r = zn.getSymbolTotalCodewords(A), n = _a.getTotalCodewordsCount(A, t), a = r - n, o = _a.getBlocksCount(A, t), i = r % o, l = o - i, s = Math.floor(r / o), c = Math.floor(a / o), u = c + 1, d = s - c, U = new GQ(d);
+  const r = zn.getSymbolTotalCodewords(A), n = _a.getTotalCodewordsCount(A, t), a = r - n, o = _a.getBlocksCount(A, t), i = r % o, l = o - i, s = Math.floor(r / o), c = Math.floor(a / o), u = c + 1, d = s - c, h = new GQ(d);
   let f = 0;
-  const B = new Array(o), g = new Array(o);
-  let h = 0;
-  const p = new Uint8Array(e.buffer);
+  const B = new Array(o), U = new Array(o);
+  let g = 0;
+  const Q = new Uint8Array(e.buffer);
   for (let R = 0; R < o; R++) {
     const M = R < l ? c : u;
-    B[R] = p.slice(f, f + M), g[R] = U.encode(B[R]), f += M, h = Math.max(h, M);
+    B[R] = Q.slice(f, f + M), U[R] = h.encode(B[R]), f += M, g = Math.max(g, M);
   }
-  const Q = new Uint8Array(r);
+  const p = new Uint8Array(r);
   let C = 0, v, w;
-  for (v = 0; v < h; v++)
+  for (v = 0; v < g; v++)
     for (w = 0; w < o; w++)
-      v < B[w].length && (Q[C++] = B[w][v]);
+      v < B[w].length && (p[C++] = B[w][v]);
   for (v = 0; v < d; v++)
     for (w = 0; w < o; w++)
-      Q[C++] = g[w][v];
-  return Q;
+      p[C++] = U[w][v];
+  return p;
 }
 function ew(e, A, t, r) {
   let n;
@@ -5883,11 +5883,11 @@ var yc = {}, di = {};
   }, e.qrToImageData = function(r, n, a) {
     const o = n.modules.size, i = n.modules.data, l = e.getScale(o, a), s = Math.floor((o + a.margin * 2) * l), c = a.margin * l, u = [a.color.light, a.color.dark];
     for (let d = 0; d < s; d++)
-      for (let 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];
+      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];
         }
         r[f++] = B.r, r[f++] = B.g, r[f++] = B.b, r[f] = B.a;
       }
@@ -5992,15 +5992,15 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
       boxSizing: "border-box",
       zIndex: 1e3
     })), o = Z(null), i = () => {
-      var B, g;
-      return o.value || (o.value = at((g = (B = A.propsConfig) == null ? void 0 : B.qrcode) == null ? void 0 : g.propertyPanel) || {}), o.value;
-    }, l = (B, g) => g ? B.QRCodeValue !== g.QRCodeValue || B.QRCodeForeground !== g.QRCodeForeground || B.QRCodeBackground !== g.QRCodeBackground || B.QRCodeErrorLevel !== g.QRCodeErrorLevel : !0, s = async () => {
-      var B, g, h, p;
+      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;
       try {
-        const Q = i(), C = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || Q.QRCodeValue || "测试二维码";
-        let v = ((g = A.modelValue) == null ? void 0 : g.QRCodeForeground) || Q.QRCodeForeground || "#000000", w = ((h = A.modelValue) == null ? void 0 : h.QRCodeBackground) || Q.QRCodeBackground || "#ffffff";
+        const p = i(), C = ((B = A.modelValue) == null ? void 0 : B.QRCodeValue) || p.QRCodeValue || "测试二维码";
+        let v = ((U = A.modelValue) == null ? void 0 : U.QRCodeForeground) || p.QRCodeForeground || "#000000", w = ((g = A.modelValue) == null ? void 0 : g.QRCodeBackground) || p.QRCodeBackground || "#ffffff";
         (v === "transparent" || !v) && (v = "#000000"), (w === "transparent" || !w) && (w = "#ffffff");
-        const M = { L: "low", M: "medium", Q: "quartile", H: "high" }[((p = A.modelValue) == null ? void 0 : p.QRCodeErrorLevel) || Q.QRCodeErrorLevel || "M"] || "medium";
+        const M = { L: "low", M: "medium", Q: "quartile", H: "high" }[((Q = A.modelValue) == null ? void 0 : Q.QRCodeErrorLevel) || p.QRCodeErrorLevel || "M"] || "medium";
         C && C.trim() ? t.value = await mr.toDataURL(C, {
           width: lw,
           margin: 0,
@@ -6011,15 +6011,15 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
           },
           errorCorrectionLevel: M
         }) : t.value = "";
-      } catch (Q) {
-        console.error("生成二维码失败:", Q), t.value = "";
+      } catch (p) {
+        console.error("生成二维码失败:", p), t.value = "";
       }
     }, c = b(() => {
-      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;
+      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;
       return {
-        width: pn(g) + "px",
-        height: pn(h) + "px",
+        width: pn(U) + "px",
+        height: pn(g) + "px",
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
@@ -6028,13 +6028,13 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
     }), u = () => {
     }, d = () => {
       console.warn("QR Code image failed to load"), s();
-    }, U = () => {
-      const B = A.modelValue, g = r.value;
-      l(B, g) && s();
+    }, h = () => {
+      const B = A.modelValue, U = r.value;
+      l(B, U) && s();
     }, f = (() => {
       let B;
       return () => {
-        clearTimeout(B), B = setTimeout(U, 50);
+        clearTimeout(B), B = setTimeout(h, 50);
       };
     })();
     return Oe(() => {
@@ -6052,18 +6052,18 @@ const ow = { class: "qrcode-canvas-fixed" }, iw = ["src", "alt"], lw = 200, sw =
       o.value = null, s();
     }, { deep: !0 }), Ur(() => {
       r.value = null, o.value = null, t.value = "";
-    }), (B, g) => {
-      var h;
+    }), (B, U) => {
+      var g;
       return V(), N("div", {
         class: "qrcode-component",
-        onDragstart: g[0] || (g[0] = xA(() => {
+        onDragstart: U[0] || (U[0] = xA(() => {
         }, ["prevent"])),
         style: AA(c.value)
       }, [
         m("div", ow, [
           m("img", {
             src: t.value,
-            alt: "QR Code: " + (((h = A.modelValue) == null ? void 0 : h.QRCodeValue) || ""),
+            alt: "QR Code: " + (((g = A.modelValue) == null ? void 0 : g.QRCodeValue) || ""),
             class: "qrcode-image",
             onLoad: u,
             onError: d
@@ -6157,8 +6157,8 @@ const Uw = {
       boxSizing: "border-box",
       zIndex: 1e3
     })), c = Z(null), u = () => {
-      var p, Q;
-      return c.value || (c.value = at((Q = (p = t.propsConfig) == null ? void 0 : p.image) == null ? void 0 : Q.propertyPanel) || {}), c.value;
+      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;
     }, d = b(() => ({
       width: "100%",
       height: "100%",
@@ -6167,16 +6167,16 @@ const Uw = {
       justifyContent: "center",
       overflow: "hidden",
       position: "relative"
-    })), U = b(() => {
+    })), h = b(() => {
       var v;
       if (!n.value)
         return {};
-      const p = u(), Q = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? p.ScaleMode ?? 1, C = {
+      const Q = u(), p = ((v = t.modelValue) == null ? void 0 : v.ScaleMode) ?? Q.ScaleMode ?? 1, C = {
         maxWidth: "100%",
         maxHeight: "100%",
         display: "block"
       };
-      switch (Q) {
+      switch (p) {
         case 1:
           return {
             ...C,
@@ -6209,30 +6209,30 @@ const Uw = {
     }, B = () => {
       a.value = !1, o.value = !0, n.value = "";
       try {
-        const p = { ...t.modelValue || {} };
-        p.ImageSrc = "", r("update:modelValue", p);
+        const Q = { ...t.modelValue || {} };
+        Q.ImageSrc = "", r("update:modelValue", Q);
       } catch {
       }
       dr && dr.error("图片加载失败，请重新上传");
-    }, g = () => {
+    }, U = () => {
       var v;
-      const p = u(), Q = ((v = t.modelValue) == null ? void 0 : v.ImageSrc) || p.ImageSrc || "";
+      const Q = u(), p = ((v = t.modelValue) == null ? void 0 : v.ImageSrc) || Q.ImageSrc || "";
       let C = "";
-      typeof Q == "object" && Q.fileSrc ? C = Q.fileSrc : typeof Q == "string" && (C = Q), C !== n.value && (n.value = C, a.value = !1, o.value = !1);
-    }, h = () => {
-      var Q;
-      const p = (Q = t.modelValue) == null ? void 0 : Q.ImageSrc;
-      return typeof p == "object" && p.fileName ? p.fileName : "未命名图片";
+      typeof p == "object" && p.fileSrc ? C = p.fileSrc : typeof p == "string" && (C = p), C !== n.value && (n.value = C, a.value = !1, o.value = !1);
+    }, g = () => {
+      var p;
+      const Q = (p = t.modelValue) == null ? void 0 : p.ImageSrc;
+      return typeof Q == "object" && Q.fileName ? Q.fileName : "未命名图片";
     };
     return FA(() => t.modelValue, () => {
-      g();
+      U();
     }, { deep: !0 }), FA(() => t.propsConfig, () => {
-      c.value = null, g();
+      c.value = null, U();
     }, { deep: !0 }), Oe(() => {
       de(() => {
-        g();
+        U();
       });
-    }), (p, Q) => {
+    }), (Q, p) => {
       const C = QA("el-icon-picture-filled"), v = QA("el-icon"), w = QA("el-icon-loading");
       return V(), N("div", {
         class: "image-component",
@@ -6241,12 +6241,12 @@ const Uw = {
         n.value ? (V(), N("img", {
           key: 1,
           src: n.value,
-          alt: "Image: " + h(),
+          alt: "Image: " + g(),
           class: "image-content",
-          style: AA(U.value),
+          style: AA(h.value),
           onLoad: f,
           onError: B,
-          onDragstart: Q[0] || (Q[0] = xA(() => {
+          onDragstart: p[0] || (p[0] = xA(() => {
           }, ["prevent"]))
         }, null, 44, pw)) : (V(), N("div", Uw, [
           W(v, {
@@ -6462,15 +6462,15 @@ const Sw = {
   emits: ["update:modelValue"],
   setup(e, { emit: A }) {
     const t = e, { defaultProps: r, isSelected: n } = Tc(t, "rectangle"), a = b(() => Vw()), o = b(() => Tw()), i = b(() => {
-      var g, h;
-      return fi(((g = t.modelValue) == null ? void 0 : g.LineWidth) ?? ((h = r.value) == null ? void 0 : h.LineWidth));
+      var U, g;
+      return fi(((U = t.modelValue) == null ? void 0 : U.LineWidth) ?? ((g = r.value) == null ? void 0 : g.LineWidth));
     }), l = b(() => {
-      var g, h;
-      return Sc(((g = t.modelValue) == null ? void 0 : g.LineStyle) ?? ((h = r.value) == null ? void 0 : h.LineStyle));
+      var U, g;
+      return Sc(((U = t.modelValue) == null ? void 0 : U.LineStyle) ?? ((g = r.value) == null ? void 0 : g.LineStyle));
     }), s = b(() => l.value === "solid" && i.value < 1), c = b(() => {
       if (s.value) {
-        const g = dl(t.modelValue, r.value);
-        return g.border = "none", g.boxShadow = "none", g;
+        const U = dl(t.modelValue, r.value);
+        return U.border = "none", U.boxShadow = "none", U;
       }
       return dl(t.modelValue, r.value);
     }), u = Ft.BORDER_COLOR, d = b(() => ({
@@ -6481,7 +6481,7 @@ const Sw = {
       background: u,
       transform: `scaleY(${i.value})`,
       transformOrigin: "top left"
-    })), U = b(() => ({
+    })), h = b(() => ({
       left: 0,
       bottom: 0,
       width: "100%",
@@ -6507,16 +6507,16 @@ const Sw = {
       transformOrigin: "top right"
     }));
     return FA(() => t.propsConfig, () => {
-      var h, p;
-      const g = at((p = (h = t.propsConfig) == null ? void 0 : h.rectangle) == null ? void 0 : p.propertyPanel) || {};
+      var g, Q;
+      const U = at((Q = (g = t.propsConfig) == null ? void 0 : g.rectangle) == null ? void 0 : Q.propertyPanel) || {};
       r.value = {
-        LineWidth: g.LineWidth ?? "0.75pt",
-        LineStyle: g.LineStyle ?? "实线",
-        BorderRadius: g.BorderRadius ?? 0
+        LineWidth: U.LineWidth ?? "0.75pt",
+        LineStyle: U.LineStyle ?? "实线",
+        BorderRadius: U.BorderRadius ?? 0
       };
     }, { deep: !0, immediate: !0 }), Ur(() => {
       r.value = {};
-    }), (g, h) => (V(), N("div", {
+    }), (U, g) => (V(), N("div", {
       class: "rectangle-component",
       style: AA(o.value)
     }, [
@@ -6535,7 +6535,7 @@ const Sw = {
           }, null, 4),
           m("div", {
             class: "hairline-edge bottom",
-            style: AA(U.value)
+            style: AA(h.value)
           }, null, 4),
           m("div", {
             class: "hairline-edge left",
@@ -6620,17 +6620,17 @@ const Ow = ["width", "height"], Ww = ["y1", "x2", "y2", "stroke-width", "stroke-
         return `${f},${B}`;
       }
       return null;
-    }), d = b(() => Nw(o.value, s.value)), U = b(() => Iw(t.modelValue, n.value));
+    }), d = b(() => Nw(o.value, s.value)), h = b(() => Iw(t.modelValue, n.value));
     return FA(() => t.modelValue, (f) => {
       if (f) {
         n.value = {
           LineWidth: f.LineWidth || "0.75pt",
           LineStyle: f.LineStyle || "实线"
         };
-        const g = parseFloat(f.LineWidth || "0.75pt") * 0.3528;
-        Math.abs(f.height - g) > 1e-3 && r("update:modelValue", {
+        const U = parseFloat(f.LineWidth || "0.75pt") * 0.3528;
+        Math.abs(f.height - U) > 1e-3 && r("update:modelValue", {
           ...f,
-          height: Number(g.toFixed(3))
+          height: Number(U.toFixed(3))
         });
       }
     }, { immediate: !0, deep: !0 }), FA(() => {
@@ -6638,15 +6638,15 @@ const Ow = ["width", "height"], Ww = ["y1", "x2", "y2", "stroke-width", "stroke-
       return (f = t.modelValue) == null ? void 0 : f.LineWidth;
     }, (f) => {
       if (f && t.modelValue) {
-        const g = parseFloat(f) * 0.3528;
-        Math.abs(t.modelValue.height - g) > 1e-3 && r("update:modelValue", {
+        const U = parseFloat(f) * 0.3528;
+        Math.abs(t.modelValue.height - U) > 1e-3 && r("update:modelValue", {
           ...t.modelValue,
-          height: Number(g.toFixed(3))
+          height: Number(U.toFixed(3))
         });
       }
     }, { immediate: !0 }), (f, B) => (V(), N("div", {
       class: "horline-component",
-      style: AA(U.value)
+      style: AA(h.value)
     }, [
       (V(), N("svg", {
         width: o.value,
@@ -6872,8 +6872,8 @@ const _w = { class: "component-list" }, qw = { class: "group-title" }, $w = { cl
     return (s, c) => {
       const u = QA("el-icon");
       return V(), N("div", _w, [
-        (V(!0), N(VA, null, Me(t.value, (d, U) => (V(), N("div", {
-          key: U,
+        (V(!0), N(VA, null, Me(t.value, (d, h) => (V(), N("div", {
+          key: h,
           class: "component-group"
         }, [
           m("div", qw, fe(d.groupName), 1),
@@ -6882,7 +6882,7 @@ const _w = { class: "component-list" }, qw = { class: "group-title" }, $w = { cl
               key: B,
               class: "component-item",
               draggable: "true",
-              onDragstart: (g) => s.$emit("dragStart", { e: g, comp: f, previewDiv: l(f) })
+              onDragstart: (U) => s.$emit("dragStart", { e: U, comp: f, previewDiv: l(f) })
             }, [
               W(u, {
                 size: 30,
@@ -7000,7 +7000,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
       a.data.punchingList.splice(c, 1);
     };
     return (c, u) => {
-      const d = QA("el-button"), U = QA("el-input-number"), f = QA("el-table-column"), B = QA("el-col"), g = QA("el-row"), h = QA("el-table"), p = QA("el-form-item"), Q = QA("el-form"), C = QA("el-main"), v = QA("el-dialog");
+      const d = QA("el-button"), h = QA("el-input-number"), f = QA("el-table-column"), B = QA("el-col"), U = QA("el-row"), g = QA("el-table"), Q = QA("el-form-item"), p = QA("el-form"), C = QA("el-main"), v = QA("el-dialog");
       return V(), N(VA, null, [
         W(d, {
           type: "primary",
@@ -7060,7 +7060,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
           default: j(() => [
             W(C, { style: { "max-height": "60vh", padding: "0" } }, {
               default: j(() => [
-                W(Q, {
+                W(p, {
                   ref: "formRef",
                   model: a.data,
                   "label-width": "90px",
@@ -7068,7 +7068,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                   "label-suffix": "："
                 }, {
                   default: j(() => [
-                    W(p, null, {
+                    W(Q, null, {
                       label: j(() => [
                         m("div", null, [
                           u[9] || (u[9] = m("p", null, "打印区域：", -1)),
@@ -7087,7 +7087,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       default: j(() => [
                         m("div", gF, [
-                          a.data.printList.length > 0 ? (V(), vA(h, {
+                          a.data.printList.length > 0 ? (V(), vA(g, {
                             key: 0,
                             data: a.data.printList,
                             class: "graph-table"
@@ -7099,7 +7099,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.x,
                                     "onUpdate:modelValue": (R) => w.row.x = R,
                                     controls: !1,
@@ -7114,7 +7114,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.y,
                                     "onUpdate:modelValue": (R) => w.row.y = R,
                                     controls: !1,
@@ -7129,7 +7129,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.width,
                                     "onUpdate:modelValue": (R) => w.row.width = R,
                                     controls: !1,
@@ -7144,7 +7144,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.height,
                                     "onUpdate:modelValue": (R) => w.row.height = R,
                                     controls: !1,
@@ -7158,11 +7158,11 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 align: "center"
                               }, {
                                 default: j((w) => [
-                                  W(g, { gutter: 10 }, {
+                                  W(U, { gutter: 10 }, {
                                     default: j(() => [
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(U, {
+                                          W(h, {
                                             modelValue: w.row.topLeftRadius,
                                             "onUpdate:modelValue": (R) => w.row.topLeftRadius = R,
                                             controls: !1,
@@ -7173,7 +7173,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(U, {
+                                          W(h, {
                                             modelValue: w.row.bottomLeftRadius,
                                             "onUpdate:modelValue": (R) => w.row.bottomLeftRadius = R,
                                             controls: !1,
@@ -7184,7 +7184,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(U, {
+                                          W(h, {
                                             modelValue: w.row.topRightRadius,
                                             "onUpdate:modelValue": (R) => w.row.topRightRadius = R,
                                             controls: !1,
@@ -7195,7 +7195,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                       }, 1024),
                                       W(B, { span: 6 }, {
                                         default: j(() => [
-                                          W(U, {
+                                          W(h, {
                                             modelValue: w.row.bottomRightRadius,
                                             "onUpdate:modelValue": (R) => w.row.bottomRightRadius = R,
                                             controls: !1,
@@ -7237,7 +7237,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       _: 1
                     }),
-                    W(p, { label: "打孔区域" }, {
+                    W(Q, { label: "打孔区域" }, {
                       label: j(() => [
                         m("div", null, [
                           u[12] || (u[12] = m("p", null, "打孔区域：", -1)),
@@ -7256,7 +7256,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                       ]),
                       default: j(() => [
                         m("div", pF, [
-                          a.data.punchingList.length > 0 ? (V(), vA(h, {
+                          a.data.punchingList.length > 0 ? (V(), vA(g, {
                             key: 0,
                             data: a.data.punchingList,
                             class: "graph-table"
@@ -7268,7 +7268,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.x,
                                     "onUpdate:modelValue": (R) => w.row.x = R,
                                     controls: !1,
@@ -7283,7 +7283,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.y,
                                     "onUpdate:modelValue": (R) => w.row.y = R,
                                     controls: !1,
@@ -7298,7 +7298,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.width,
                                     "onUpdate:modelValue": (R) => w.row.width = R,
                                     controls: !1,
@@ -7314,7 +7314,7 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
                                 width: "100"
                               }, {
                                 default: j((w) => [
-                                  W(U, {
+                                  W(h, {
                                     modelValue: w.row.height,
                                     "onUpdate:modelValue": (R) => w.row.height = R,
                                     controls: !1,
@@ -7453,14 +7453,14 @@ const hF = { class: "tg-title" }, gF = { class: "table-container" }, UF = {
   }
 }, FF = /* @__PURE__ */ yA(wF, [["__scopeId", "data-v-a4b90b63"]]);
 function CF(e = {}) {
-  const { scale: A, canvasWidth: t, canvasHeight: r, selectItem: n, onStopDrag: a, onStartDrag: o, onDragUpdate: i } = e, l = Z(!1), s = Z(!1), c = Z(null), u = Z({ x: 0, y: 0 }), d = Z({ x: 0, y: 0 }), U = /* @__PURE__ */ new Map();
-  function f(p, Q, C) {
-    l.value = !0, s.value = !0, typeof o == "function" && o(), c.value = Q, u.value = { x: p.clientX, y: p.clientY }, d.value = { x: Q.props.x, y: Q.props.y }, typeof n == "function" && n(Q, C || p), document.addEventListener("mousemove", g), document.addEventListener("mouseup", h);
-  }
-  function B(p, Q, C, v, w) {
-    const R = `${p}_${Q}_${C}_${v}_${w}`;
-    if (U.has(R))
-      return U.get(R);
+  const { scale: A, canvasWidth: t, canvasHeight: r, selectItem: n, onStopDrag: a, onStartDrag: o, onDragUpdate: i } = e, l = Z(!1), s = Z(!1), c = Z(null), u = Z({ x: 0, y: 0 }), d = Z({ x: 0, y: 0 }), h = /* @__PURE__ */ new Map();
+  function f(Q, p, C) {
+    l.value = !0, s.value = !0, typeof o == "function" && o(), c.value = p, u.value = { x: Q.clientX, y: Q.clientY }, d.value = { x: p.props.x, y: p.props.y }, typeof n == "function" && n(p, C || Q), document.addEventListener("mousemove", U), document.addEventListener("mouseup", g);
+  }
+  function B(Q, p, C, v, w) {
+    const R = `${Q}_${p}_${C}_${v}_${w}`;
+    if (h.has(R))
+      return h.get(R);
     const M = w * Math.PI / 180, T = C / 2, O = v / 2, L = [
       { x: 0, y: 0 },
       { x: C, y: 0 },
@@ -7469,8 +7469,8 @@ function CF(e = {}) {
     ].map((G) => {
       const q = G.x - T, rA = G.y - O, BA = q * Math.cos(M) - rA * Math.sin(M), cA = q * Math.sin(M) + rA * Math.cos(M);
       return {
-        x: Number((BA + T + p).toFixed(2)),
-        y: Number((cA + O + Q).toFixed(2))
+        x: Number((BA + T + Q).toFixed(2)),
+        y: Number((cA + O + p).toFixed(2))
       };
     }), S = L.map((G) => G.x), P = L.map((G) => G.y), oA = {
       minX: Math.min(...S),
@@ -7478,13 +7478,13 @@ function CF(e = {}) {
       minY: Math.min(...P),
       maxY: Math.max(...P)
     };
-    return U.set(R, oA), oA;
+    return h.set(R, oA), oA;
   }
-  function g(p) {
+  function U(Q) {
     if (!l.value || !c.value)
       return;
-    const Q = p.clientX - u.value.x, C = p.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, w = 1 / 3.7795275591;
-    let R = d.value.x + Q * w / v, M = d.value.y + C * w / v;
+    const p = Q.clientX - u.value.x, C = Q.clientY - u.value.y, v = (A == null ? void 0 : A.value) || 1, w = 1 / 3.7795275591;
+    let R = d.value.x + p * w / v, M = d.value.y + C * w / v;
     if (t != null && t.value && (r != null && r.value)) {
       const T = c.value.props.width || 0, O = c.value.props.height || 0, D = c.value.props.rotation || 0;
       let L = !1;
@@ -7496,14 +7496,14 @@ function CF(e = {}) {
     }
     c.value.props.x = Number(R.toFixed(2)), c.value.props.y = Number(M.toFixed(2)), typeof i == "function" && i();
   }
-  function h() {
+  function g() {
     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(), 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);
+    }, 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);
     };
-    window.addEventListener("click", p, !0), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", h);
+    window.addEventListener("click", Q, !0), document.removeEventListener("mousemove", U), document.removeEventListener("mouseup", g);
   }
   return {
     dragging: l,
@@ -7514,19 +7514,19 @@ function CF(e = {}) {
     // 当前拖拽元素
     startDrag: f,
     // 开始拖拽方法
-    stopDrag: h
+    stopDrag: g
     // 停止拖拽方法
   };
 }
 function EF(e, A, t, r) {
-  const n = Z(!1), a = Z(null), o = Z({ x: 0, y: 0 }), i = Z({ width: 0, height: 0, x: 0, y: 0, rotation: 0 }), l = Z(""), s = Z(""), c = Z({ x: 0, y: 0 }), u = Z([]), d = Z(null), U = Z(0), f = ul.UPDATE_THRESHOLD, B = Z({ x: 0, y: 0, width: 0, height: 0 }), g = Z(/* @__PURE__ */ new Map()), h = Z(/* @__PURE__ */ new Map()), p = Z(null);
-  function Q(O) {
+  const n = Z(!1), a = Z(null), o = Z({ x: 0, y: 0 }), i = Z({ width: 0, height: 0, x: 0, y: 0, rotation: 0 }), l = Z(""), s = Z(""), c = Z({ x: 0, y: 0 }), u = Z([]), d = Z(null), h = Z(0), f = ul.UPDATE_THRESHOLD, B = Z({ x: 0, y: 0, width: 0, height: 0 }), U = Z(/* @__PURE__ */ new Map()), g = Z(/* @__PURE__ */ new Map()), Q = Z(null);
+  function p(O) {
     return O * Math.PI / 180;
   }
   function C(O, D, L, S, P, oA, G) {
     const q = `${O.toFixed(1)}_${D.toFixed(1)}_${L.toFixed(1)}_${S.toFixed(1)}_${P.toFixed(1)}`;
-    if (g.value.has(q))
-      return g.value.get(q);
+    if (U.value.has(q))
+      return U.value.get(q);
     const rA = v(O, D, L, S, P), BA = rA.map((NA) => NA.x), cA = rA.map((NA) => NA.y), nA = Math.min(...BA), X = Math.max(...BA), z = Math.min(...cA), IA = Math.max(...cA), pA = 0.5, fA = nA < -pA || X > oA + pA || z < -pA || IA > G + pA, hA = {
       minX: nA,
       maxX: X,
@@ -7535,17 +7535,17 @@ function EF(e, A, t, r) {
       isOutOfBounds: fA,
       corners: rA
     };
-    if (g.value.set(q, hA), g.value.size > ul.MAX_SIZE) {
-      const NA = g.value.keys().next().value;
-      g.value.delete(NA);
+    if (U.value.set(q, hA), U.value.size > ul.MAX_SIZE) {
+      const NA = U.value.keys().next().value;
+      U.value.delete(NA);
     }
     return hA;
   }
   function v(O, D, L, S, P) {
     const oA = `${O.toFixed(1)}_${D.toFixed(1)}_${L.toFixed(1)}_${S.toFixed(1)}_${P.toFixed(1)}`;
-    if (h.value.has(oA))
-      return h.value.get(oA);
-    const G = Q(P), q = Math.cos(G), rA = Math.sin(G), BA = O + L / 2, cA = D + S / 2, X = [
+    if (g.value.has(oA))
+      return g.value.get(oA);
+    const G = p(P), q = Math.cos(G), rA = Math.sin(G), BA = O + L / 2, cA = D + S / 2, X = [
       { x: -L / 2, y: -S / 2 },
       { x: L / 2, y: -S / 2 },
       { x: L / 2, y: S / 2 },
@@ -7554,9 +7554,9 @@ function EF(e, A, t, r) {
       x: Number((BA + z.x * q - z.y * rA).toFixed(2)),
       y: Number((cA + z.x * rA + z.y * q).toFixed(2))
     }));
-    if (h.value.set(oA, X), h.value.size > 100) {
-      const z = h.value.keys().next().value;
-      h.value.delete(z);
+    if (g.value.set(oA, X), g.value.size > 100) {
+      const z = g.value.keys().next().value;
+      g.value.delete(z);
     }
     return X;
   }
@@ -7603,7 +7603,7 @@ function EF(e, A, t, r) {
       x: D.props.x,
       y: D.props.y,
       rotation: D.props.rotation || 0
-    }, s.value = "", c.value = { x: 0, y: 0 }, p.value = null, d.value = w(
+    }, s.value = "", c.value = { x: 0, y: 0 }, Q.value = null, d.value = w(
       L,
       i.value.x,
       i.value.y,
@@ -7615,24 +7615,24 @@ function EF(e, A, t, r) {
       y: i.value.y,
       width: i.value.width,
       height: i.value.height
-    }, u.value = [...r.value], g.value.clear(), h.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", T));
+    }, u.value = [...r.value], U.value.clear(), g.value.clear(), document.addEventListener("mousemove", M), document.addEventListener("mouseup", T));
   }
   function M(O) {
     if (!n.value || !a.value || !d.value)
       return;
     const D = Date.now();
-    if (D - U.value < f)
+    if (D - h.value < f)
       return;
-    U.value = D;
-    const L = (t == null ? void 0 : t.value) || 1, S = i.value.rotation || 0, P = Q(S), oA = Math.cos(P), G = Math.sin(P), q = i.value.width, rA = i.value.height, BA = i.value.x, cA = i.value.y, nA = 1;
+    h.value = D;
+    const L = (t == null ? void 0 : t.value) || 1, S = i.value.rotation || 0, P = p(S), oA = Math.cos(P), G = Math.sin(P), q = i.value.width, rA = i.value.height, BA = i.value.x, cA = i.value.y, nA = 1;
     let X = q, z = rA;
     const IA = (O.clientX - o.value.x) / 3.7795275591 / L, pA = (O.clientY - o.value.y) / 3.7795275591 / L;
     let fA, hA;
     S === 0 ? (fA = IA, hA = pA) : (fA = IA * oA + pA * G, hA = -IA * G + pA * oA);
     const NA = !!a.value.props.lockAspectRatio, jA = q / rA, se = Math.abs(O.clientX - o.value.x), Je = Math.abs(O.clientY - o.value.y);
-    if (NA && !p.value && (p.value = se > Je ? "x" : "y"), l.value.includes("-")) {
-      if (NA && p.value)
-        p.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(nA, q - fA) : X = Math.max(nA, q + fA), z = X / jA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(nA, rA - hA) : z = Math.max(nA, rA + hA), X = z * jA);
+    if (NA && !Q.value && (Q.value = se > Je ? "x" : "y"), l.value.includes("-")) {
+      if (NA && Q.value)
+        Q.value === "x" ? (["top-left", "bottom-left"].includes(l.value) ? X = Math.max(nA, q - fA) : X = Math.max(nA, q + fA), z = X / jA) : (["top-left", "top-right"].includes(l.value) ? z = Math.max(nA, rA - hA) : z = Math.max(nA, rA + hA), X = z * jA);
       else if (l.value === "top-left" ? (X = Math.max(nA, q - fA), z = Math.max(nA, rA - hA)) : l.value === "top-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA - hA)) : l.value === "bottom-right" ? (X = Math.max(nA, q + fA), z = Math.max(nA, rA + hA)) : l.value === "bottom-left" && (X = Math.max(nA, q - fA), z = Math.max(nA, rA + hA)), NA) {
         const bA = X / z;
         if (Math.abs(bA - jA) > 0.01) {
@@ -7668,7 +7668,7 @@ function EF(e, A, t, r) {
     (Math.abs(X - a.value.props.width) > 1e-3 || Math.abs(z - a.value.props.height) > 1e-3 || Math.abs(ne - a.value.props.x) > 1e-3 || Math.abs(CA - a.value.props.y) > 1e-3) && (a.value.props.x = Number(ne.toFixed(2)), a.value.props.y = Number(CA.toFixed(2)), a.value.props.width = Number(X.toFixed(2)), a.value.props.height = Number(z.toFixed(2)), B.value = { x: ne, y: CA, width: X, height: z });
   }
   function T() {
-    n.value = !1, a.value = null, s.value = "", c.value = { x: 0, y: 0 }, d.value = null, B.value = { x: 0, y: 0, width: 0, height: 0 }, g.value.clear(), h.value.clear(), u.value.length > 0 && (r.value = [...u.value]), u.value = [], document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", T), p.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 }, U.value.clear(), g.value.clear(), u.value.length > 0 && (r.value = [...u.value]), u.value = [], document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", T), Q.value = null;
   }
   return {
     resizing: n,
@@ -7719,38 +7719,38 @@ function vF() {
       return;
     a.preventDefault(), a.stopPropagation();
     const i = a.target.parentElement.getBoundingClientRect(), l = i.left + i.width / 2, s = i.top + i.height / 2;
-    let c = null, u = !1, d = B(a.clientX, a.clientY), U = o.props.rotation || 0, f = U;
-    function B(Q, C) {
-      const v = Q - l, w = C - s;
+    let c = null, u = !1, d = B(a.clientX, a.clientY), h = o.props.rotation || 0, f = h;
+    function B(p, C) {
+      const v = p - l, w = C - s;
       let R = Math.atan2(w, v) * 180 / Math.PI + 90;
       return R > 180 && (R -= 360), R < -180 && (R += 360), R;
     }
-    function g(Q) {
-      const C = Q.clientX - l, v = Q.clientY - s;
+    function U(p) {
+      const C = p.clientX - l, v = p.clientY - s;
       if (Math.sqrt(C * C + v * v) < 20) {
         u = !0, c = null;
         return;
       }
       if (u) {
-        d = B(Q.clientX, Q.clientY), u = !1, c = null;
+        d = B(p.clientX, p.clientY), u = !1, c = null;
         return;
       }
-      const R = B(Q.clientX, Q.clientY);
+      const R = B(p.clientX, p.clientY);
       let M = R - d;
-      M > 180 && (M -= 360), M < -180 && (M += 360), U += M, d = R, f = r(f, U, 0.25);
+      M > 180 && (M -= 360), M < -180 && (M += 360), h += M, d = R, f = r(f, h, 0.25);
       const T = (f % 360 + 360) % 360;
       Math.abs(o.props.rotation - T) >= 0.2 && (o.props.rotation = Number(T.toFixed(2))), c = null;
     }
-    const 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 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 C = (v) => {
         v.stopImmediatePropagation(), document.removeEventListener("click", C, !0);
       };
       document.addEventListener("click", C, !0);
     };
-    document.addEventListener("mousemove", h), document.addEventListener("mouseup", p);
+    document.addEventListener("mousemove", g), document.addEventListener("mouseup", Q);
   }
   return {
     startRotate: n
@@ -7780,15 +7780,15 @@ function RF(e, A, t) {
     const c = e.value[e.value.length - 1];
     let u = Number(c.props[i]) + Number(l);
     if (i === "x" || i === "y") {
-      const d = A != null && A.value ? A.value - c.props.width : 1 / 0, 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)));
+      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)));
     } else if (i === "width" || i === "height") {
       if (i === "width") {
-        const U = A != null && A.value ? A.value - c.props.x : 1 / 0;
-        u = Math.max(1, Math.min(u, U));
+        const h = A != null && A.value ? A.value - c.props.x : 1 / 0;
+        u = Math.max(1, Math.min(u, h));
       } else if (i === "height") {
-        const U = t != null && t.value ? t.value - c.props.y : 1 / 0;
-        u = Math.max(1, Math.min(u, U));
+        const h = t != null && t.value ? t.value - c.props.y : 1 / 0;
+        u = Math.max(1, Math.min(u, h));
       }
     }
     if (!(u < s)) {
@@ -7802,8 +7802,8 @@ function RF(e, A, t) {
         }
       }
       if (c.type === "horline" && i === "height") {
-        const U = u / 0.3528;
-        c.props.height = Number(u.toFixed(2)), c.props.LineWidth = Number(U.toFixed(2)) + "pt";
+        const h = u / 0.3528;
+        c.props.height = Number(u.toFixed(2)), c.props.LineWidth = Number(h.toFixed(2)) + "pt";
         return;
       }
       c.props[i] = Number(u.toFixed(2));
@@ -7864,8 +7864,8 @@ function VF(e, A, t, r) {
       const s = JSON.parse(JSON.stringify(n.value));
       if (s.id = Date.now(), s.props) {
         let c = Number(s.props.x) + 5, u = Number(s.props.y) + 5;
-        const d = t.value - Number(s.props.width), 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);
+        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);
       }
       e.value.push(s), A.value = [s], i.preventDefault();
     }
@@ -7880,34 +7880,34 @@ function TF(e = {}) {
     // 垂直对齐线 [{ x: number, visible: boolean }]
   }), a = 0.1;
   function o(d) {
-    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;
+    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;
     return {
-      centerX: U + B / 2,
-      centerY: f + g / 2
+      centerX: h + B / 2,
+      centerY: f + U / 2
     };
   }
-  function i(d, U) {
+  function i(d, h) {
     const f = [], B = /* @__PURE__ */ new Set();
-    return U.forEach((g) => {
-      const h = o(g), p = Math.abs(d.centerY - h.centerY);
+    return h.forEach((U) => {
+      const g = o(U), Q = Math.abs(d.centerY - g.centerY);
       Math.round(d.centerY * 100) / 100;
-      const Q = Math.round(h.centerY * 100) / 100;
-      p <= a && !B.has(Q) && (f.push({
-        y: Q,
+      const p = Math.round(g.centerY * 100) / 100;
+      Q <= a && !B.has(p) && (f.push({
+        y: p,
         visible: !0
-      }), B.add(Q));
+      }), B.add(p));
     }), f;
   }
-  function l(d, U) {
+  function l(d, h) {
     const f = [], B = /* @__PURE__ */ new Set();
-    return U.forEach((g) => {
-      const h = o(g), p = Math.abs(d.centerX - h.centerX);
+    return h.forEach((U) => {
+      const g = o(U), Q = Math.abs(d.centerX - g.centerX);
       Math.round(d.centerX * 100) / 100;
-      const Q = Math.round(h.centerX * 100) / 100;
-      p <= a && !B.has(Q) && (f.push({
-        x: Q,
+      const p = Math.round(g.centerX * 100) / 100;
+      Q <= a && !B.has(p) && (f.push({
+        x: p,
         visible: !0
-      }), B.add(Q));
+      }), B.add(p));
     }), f;
   }
   function s() {
@@ -7915,7 +7915,7 @@ function TF(e = {}) {
       n.value.horizontal = [], n.value.vertical = [];
       return;
     }
-    const d = o(t.value), U = A.value.filter((g) => g !== t.value), f = i(d, U), B = l(d, U);
+    const d = o(t.value), h = A.value.filter((U) => U !== t.value), f = i(d, h), B = l(d, h);
     n.value.horizontal = f, n.value.vertical = B;
   }
   function c() {
@@ -8310,7 +8310,7 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
   if (lo === l && [lo, un, ao, oo].indexOf(c) !== -1 || [un, ao].indexOf(l) !== -1 && [un, dn].indexOf(c) !== -1 || [dn, oo].indexOf(l) !== -1 && c === dn || vl.indexOf(l) !== -1 && [El, qt].indexOf(c) !== -1 || vl.indexOf(c) !== -1 && l === $t || Qe.indexOf(l) !== -1 && Qe.indexOf(c) !== -1 || l === ut && Qe.indexOf(c) !== -1 || Qe.concat(JA).indexOf(l) !== -1 && c === Yt && oC.indexOf(e[i]) === -1 || Qe.concat(JA).indexOf(c) !== -1 && l === Gt)
     return eA;
   if (l === va && c === va) {
-    for (var U = t[a], f = 1; U > 0 && (U--, A[U] === va); )
+    for (var h = t[a], f = 1; h > 0 && (h--, A[h] === va); )
       f++;
     if (f % 2 !== 0)
       return eA;
@@ -8535,8 +8535,8 @@ var _F = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
             return this.consumeCodePoint(), this.consumeCodePoint(), dE;
           break;
         case vC:
-          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), U = this.peekCodePoint(2);
-          if (qr(u, d, U)) {
+          var u = this.peekCodePoint(0), d = this.peekCodePoint(1), h = this.peekCodePoint(2);
+          if (qr(u, d, h)) {
             var o = this.consumeName();
             return { type: 7, value: o };
           }
@@ -8963,8 +8963,8 @@ var bl = function(e, A) {
   var t = A.filter(Nt), r = t[0], n = t[1], a = t[2], o = t[3], i = (r.type === 17 ? Ae(r.number) : Pn.parse(e, r)) / (Math.PI * 2), l = wA(n) ? n.number / 100 : 0, s = wA(a) ? a.number / 100 : 0, c = typeof o < "u" && wA(o) ? sA(o, 1) : 1;
   if (l === 0)
     return Se(s * 255, s * 255, s * 255, 1);
-  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, U = Ta(d, u, i + 1 / 3), f = Ta(d, u, i), B = Ta(d, u, i - 1 / 3);
-  return Se(U * 255, f * 255, B * 255, c);
+  var u = s <= 0.5 ? s * (l + 1) : s + l - s * l, d = s * 2 - u, h = Ta(d, u, i + 1 / 3), f = Ta(d, u, i), B = Ta(d, u, i - 1 / 3);
+  return Se(h * 255, f * 255, B * 255, c);
 }, FE = {
   hsl: bl,
   hsla: bl,
@@ -9164,14 +9164,14 @@ var bl = function(e, A) {
     if (c === null)
       s === null && (s = o);
     else if (s !== null) {
-      for (var u = o - s, d = n[s - 1], U = (c - d) / (u + 1), f = 1; f <= u; f++)
-        n[s + f - 1] = U * f;
+      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;
       s = null;
     }
   }
-  return e.map(function(B, g) {
-    var h = B.color;
-    return { color: h, stop: Math.max(Math.min(1, n[g] / A), 0) };
+  return e.map(function(B, U) {
+    var g = B.color;
+    return { color: g, stop: Math.max(Math.min(1, n[U] / A), 0) };
   });
 }, mE = function(e, A, t) {
   var r = A / 2, n = t / 2, a = sA(e[0], A) - r, o = n - sA(e[1], t);
@@ -9290,9 +9290,9 @@ var bl = function(e, A) {
       } else if (c.name === "color-stop") {
         var d = c.values.filter(Nt);
         if (d.length === 2) {
-          var u = He.parse(e, d[1]), U = d[0];
-          Ot(U) && r.push({
-            stop: { type: 16, number: U.number * 100, flags: U.flags },
+          var u = He.parse(e, d[1]), h = d[0];
+          Ot(h) && r.push({
+            stop: { type: 16, number: h.number * 100, flags: h.flags },
             color: u
           });
         }
@@ -11582,18 +11582,18 @@ var wv = 1, Sa = 2, Ma = 3, Ll = 4, Gl = 5, Fv = 7, Yl = 8, ba = 9, Ha = 10, zl
               d.src = u.value, d.style.opacity = "1", s.appendChild(d);
             } else if (u.type === 18) {
               if (u.name === "attr") {
-                var U = u.values.filter(iA);
-                U.length && s.appendChild(i.createTextNode(A.getAttribute(U[0].value) || ""));
+                var h = u.values.filter(iA);
+                h.length && s.appendChild(i.createTextNode(A.getAttribute(h[0].value) || ""));
               } else if (u.name === "counter") {
-                var f = u.values.filter(Nt), B = f[0], g = f[1];
+                var f = u.values.filter(Nt), B = f[0], U = f[1];
                 if (B && iA(B)) {
-                  var h = a.counters.getCounterValue(B.value), p = g && iA(g) ? fo.parse(a.context, g.value) : 3;
-                  s.appendChild(i.createTextNode(gr(h, p, !1)));
+                  var g = a.counters.getCounterValue(B.value), Q = U && iA(U) ? fo.parse(a.context, U.value) : 3;
+                  s.appendChild(i.createTextNode(gr(g, Q, !1)));
                 }
               } else if (u.name === "counters") {
-                var Q = u.values.filter(Nt), B = Q[0], C = Q[1], g = Q[2];
+                var p = u.values.filter(Nt), B = p[0], C = p[1], U = p[2];
                 if (B && iA(B)) {
-                  var v = a.counters.getCounterValues(B.value), w = g && iA(g) ? fo.parse(a.context, g.value) : 3, R = C && C.type === 0 ? C.value : "", M = v.map(function(D) {
+                  var v = a.counters.getCounterValues(B.value), w = U && iA(U) ? fo.parse(a.context, U.value) : 3, R = C && C.type === 0 ? C.value : "", M = v.map(function(D) {
                     return gr(D, w, !1);
                   }).join(R);
                   s.appendChild(i.createTextNode(M));
@@ -11818,12 +11818,12 @@ var iy = function(e, A) {
   /** @class */
   function() {
     function e(A) {
-      var t = A.styles, r = A.bounds, n = Ar(t.borderTopLeftRadius, r.width, r.height), a = n[0], o = n[1], i = Ar(t.borderTopRightRadius, r.width, r.height), l = i[0], s = i[1], c = Ar(t.borderBottomRightRadius, r.width, r.height), u = c[0], d = c[1], 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, C = r.width - u, v = r.height - B, w = t.borderTopWidth, R = t.borderRightWidth, M = t.borderBottomWidth, T = t.borderLeftWidth, O = sA(t.paddingTop, A.bounds.width), D = sA(t.paddingRight, A.bounds.width), L = sA(t.paddingBottom, A.bounds.width), S = sA(t.paddingLeft, A.bounds.width);
-      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + T / 3, r.top + w / 3, a - T / 3, o - w / 3, aA.TOP_LEFT) : new H(r.left + T / 3, r.top + w / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + p, r.top + w / 3, l - R / 3, s - w / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R / 3, r.top + w / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R / 3, d - M / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? dA(r.left + T / 3, r.top + v, f - T / 3, B - M / 3, aA.BOTTOM_LEFT) : new H(r.left + T / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + T * 2 / 3, r.top + w * 2 / 3, a - T * 2 / 3, o - w * 2 / 3, aA.TOP_LEFT) : new H(r.left + T * 2 / 3, r.top + w * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + p, r.top + w * 2 / 3, l - R * 2 / 3, s - w * 2 / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + w * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R * 2 / 3, d - M * 2 / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? dA(r.left + T * 2 / 3, r.top + v, f - T * 2 / 3, B - M * 2 / 3, aA.BOTTOM_LEFT) : new H(r.left + T * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? dA(r.left + T / 2, r.top + w / 2, a - T / 2, o - w / 2, aA.TOP_LEFT) : new H(r.left + T / 2, r.top + w / 2), this.topRightBorderStroke = a > 0 || o > 0 ? dA(r.left + p, r.top + w / 2, l - R / 2, s - w / 2, aA.TOP_RIGHT) : new H(r.left + r.width - R / 2, r.top + w / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u - R / 2, d - M / 2, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? dA(r.left + T / 2, r.top + v, f - T / 2, B - M / 2, aA.BOTTOM_LEFT) : new H(r.left + T / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? dA(r.left, r.top, a, o, aA.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? dA(r.left + p, r.top, l, s, aA.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? dA(r.left + C, r.top + Q, u, d, aA.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? dA(r.left, r.top + v, f, B, aA.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? dA(r.left + T, r.top + w, Math.max(0, a - T), Math.max(0, o - w), aA.TOP_LEFT) : new H(r.left + T, r.top + w), this.topRightPaddingBox = l > 0 || s > 0 ? dA(r.left + Math.min(p, r.width - R), r.top + w, p > r.width + R ? 0 : Math.max(0, l - R), Math.max(0, s - w), aA.TOP_RIGHT) : new H(r.left + r.width - R, r.top + w), this.bottomRightPaddingBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - T), r.top + Math.min(Q, r.height - M), Math.max(0, u - R), Math.max(0, d - M), aA.BOTTOM_RIGHT) : new H(r.left + r.width - R, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? dA(r.left + T, r.top + Math.min(v, r.height - M), Math.max(0, f - T), Math.max(0, B - M), aA.BOTTOM_LEFT) : new H(r.left + T, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? dA(r.left + T + S, r.top + w + O, Math.max(0, a - (T + S)), Math.max(0, o - (w + O)), aA.TOP_LEFT) : new H(r.left + T + S, r.top + w + O), this.topRightContentBox = l > 0 || s > 0 ? dA(r.left + Math.min(p, r.width + T + S), r.top + w + O, p > r.width + T + S ? 0 : l - T + S, s - (w + O), aA.TOP_RIGHT) : new H(r.left + r.width - (R + D), r.top + w + O), this.bottomRightContentBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - (T + S)), r.top + Math.min(Q, r.height + w + O), Math.max(0, u - (R + D)), d - (M + L), aA.BOTTOM_RIGHT) : new H(r.left + r.width - (R + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? dA(r.left + T + S, r.top + v, Math.max(0, f - (T + S)), B - (M + L), aA.BOTTOM_LEFT) : new H(r.left + T + S, r.top + r.height - (M + L));
+      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, C = r.width - u, v = r.height - B, w = t.borderTopWidth, R = t.borderRightWidth, M = t.borderBottomWidth, T = t.borderLeftWidth, O = sA(t.paddingTop, A.bounds.width), D = sA(t.paddingRight, A.bounds.width), L = sA(t.paddingBottom, A.bounds.width), S = sA(t.paddingLeft, A.bounds.width);
+      this.topLeftBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + T / 3, r.top + w / 3, a - T / 3, o - w / 3, aA.TOP_LEFT) : new H(r.left + T / 3, r.top + w / 3), this.topRightBorderDoubleOuterBox = a > 0 || o > 0 ? dA(r.left + Q, r.top + w / 3, l - R / 3, s - w / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R / 3, r.top + w / 3), this.bottomRightBorderDoubleOuterBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R / 3, d - M / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 3, r.top + r.height - M / 3), this.bottomLeftBorderDoubleOuterBox = f > 0 || B > 0 ? dA(r.left + T / 3, r.top + v, f - T / 3, B - M / 3, aA.BOTTOM_LEFT) : new H(r.left + T / 3, r.top + r.height - M / 3), this.topLeftBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + T * 2 / 3, r.top + w * 2 / 3, a - T * 2 / 3, o - w * 2 / 3, aA.TOP_LEFT) : new H(r.left + T * 2 / 3, r.top + w * 2 / 3), this.topRightBorderDoubleInnerBox = a > 0 || o > 0 ? dA(r.left + Q, r.top + w * 2 / 3, l - R * 2 / 3, s - w * 2 / 3, aA.TOP_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + w * 2 / 3), this.bottomRightBorderDoubleInnerBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R * 2 / 3, d - M * 2 / 3, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R * 2 / 3, r.top + r.height - M * 2 / 3), this.bottomLeftBorderDoubleInnerBox = f > 0 || B > 0 ? dA(r.left + T * 2 / 3, r.top + v, f - T * 2 / 3, B - M * 2 / 3, aA.BOTTOM_LEFT) : new H(r.left + T * 2 / 3, r.top + r.height - M * 2 / 3), this.topLeftBorderStroke = a > 0 || o > 0 ? dA(r.left + T / 2, r.top + w / 2, a - T / 2, o - w / 2, aA.TOP_LEFT) : new H(r.left + T / 2, r.top + w / 2), this.topRightBorderStroke = a > 0 || o > 0 ? dA(r.left + Q, r.top + w / 2, l - R / 2, s - w / 2, aA.TOP_RIGHT) : new H(r.left + r.width - R / 2, r.top + w / 2), this.bottomRightBorderStroke = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u - R / 2, d - M / 2, aA.BOTTOM_RIGHT) : new H(r.left + r.width - R / 2, r.top + r.height - M / 2), this.bottomLeftBorderStroke = f > 0 || B > 0 ? dA(r.left + T / 2, r.top + v, f - T / 2, B - M / 2, aA.BOTTOM_LEFT) : new H(r.left + T / 2, r.top + r.height - M / 2), this.topLeftBorderBox = a > 0 || o > 0 ? dA(r.left, r.top, a, o, aA.TOP_LEFT) : new H(r.left, r.top), this.topRightBorderBox = l > 0 || s > 0 ? dA(r.left + Q, r.top, l, s, aA.TOP_RIGHT) : new H(r.left + r.width, r.top), this.bottomRightBorderBox = u > 0 || d > 0 ? dA(r.left + C, r.top + p, u, d, aA.BOTTOM_RIGHT) : new H(r.left + r.width, r.top + r.height), this.bottomLeftBorderBox = f > 0 || B > 0 ? dA(r.left, r.top + v, f, B, aA.BOTTOM_LEFT) : new H(r.left, r.top + r.height), this.topLeftPaddingBox = a > 0 || o > 0 ? dA(r.left + T, r.top + w, Math.max(0, a - T), Math.max(0, o - w), aA.TOP_LEFT) : new H(r.left + T, r.top + w), this.topRightPaddingBox = l > 0 || s > 0 ? dA(r.left + Math.min(Q, r.width - R), r.top + w, Q > r.width + R ? 0 : Math.max(0, l - R), Math.max(0, s - w), aA.TOP_RIGHT) : new H(r.left + r.width - R, r.top + w), this.bottomRightPaddingBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - T), r.top + Math.min(p, r.height - M), Math.max(0, u - R), Math.max(0, d - M), aA.BOTTOM_RIGHT) : new H(r.left + r.width - R, r.top + r.height - M), this.bottomLeftPaddingBox = f > 0 || B > 0 ? dA(r.left + T, r.top + Math.min(v, r.height - M), Math.max(0, f - T), Math.max(0, B - M), aA.BOTTOM_LEFT) : new H(r.left + T, r.top + r.height - M), this.topLeftContentBox = a > 0 || o > 0 ? dA(r.left + T + S, r.top + w + O, Math.max(0, a - (T + S)), Math.max(0, o - (w + O)), aA.TOP_LEFT) : new H(r.left + T + S, r.top + w + O), this.topRightContentBox = l > 0 || s > 0 ? dA(r.left + Math.min(Q, r.width + T + S), r.top + w + O, Q > r.width + T + S ? 0 : l - T + S, s - (w + O), aA.TOP_RIGHT) : new H(r.left + r.width - (R + D), r.top + w + O), this.bottomRightContentBox = u > 0 || d > 0 ? dA(r.left + Math.min(C, r.width - (T + S)), r.top + Math.min(p, r.height + w + O), Math.max(0, u - (R + D)), d - (M + L), aA.BOTTOM_RIGHT) : new H(r.left + r.width - (R + D), r.top + r.height - (M + L)), this.bottomLeftContentBox = f > 0 || B > 0 ? dA(r.left + T + S, r.top + v, Math.max(0, f - (T + S)), B - (M + L), aA.BOTTOM_LEFT) : new H(r.left + T + S, r.top + r.height - (M + L));
     }
     return e;
   }()
@@ -12003,10 +12003,10 @@ var dA = function(e, A, t, r, n) {
             return u > f.element.container.styles.zIndex.order ? (d = B, !1) : d > 0;
           }), s.negativeZIndex.splice(d, 0, c);
         } else if (u > 0) {
-          var U = 0;
+          var h = 0;
           s.positiveZIndex.some(function(f, B) {
-            return u >= f.element.container.styles.zIndex.order ? (U = B + 1, !1) : U > 0;
-          }), s.positiveZIndex.splice(U, 0, c);
+            return u >= f.element.container.styles.zIndex.order ? (h = B + 1, !1) : h > 0;
+          }), s.positiveZIndex.splice(h, 0, c);
         } else
           s.zeroOrAutoZIndexOrTransformedOrOpacity.push(c);
       } else
@@ -12120,19 +12120,19 @@ var dA = function(e, A, t, r, n) {
     if (!l && !d)
       return [t.width, t.height];
     if (d && l) {
-      var U = c ? r : n * a, f = u ? n : r / a;
-      return [U, f];
+      var h = c ? r : n * a, f = u ? n : r / a;
+      return [h, f];
     }
-    var B = c ? r : t.width, g = u ? n : t.height;
-    return [B, g];
+    var B = c ? r : t.width, U = u ? n : t.height;
+    return [B, U];
   }
   if (l) {
-    var h = 0, p = 0;
-    return wA(o) ? h = sA(o, t.width) : wA(i) && (p = sA(i, t.height)), gt(o) ? h = p * a : (!i || gt(i)) && (p = h / a), [h, p];
+    var g = 0, Q = 0;
+    return wA(o) ? g = sA(o, t.width) : wA(i) && (Q = sA(i, t.height)), gt(o) ? g = Q * a : (!i || gt(i)) && (Q = g / a), [g, Q];
   }
-  var Q = null, C = null;
-  if (wA(o) ? Q = sA(o, t.width) : i && wA(i) && (C = sA(i, t.height)), Q !== null && (!i || gt(i)) && (C = c && u ? Q / r * n : t.height), C !== null && gt(o) && (Q = c && u ? C / n * r : t.width), Q !== null && C !== null)
-    return [Q, C];
+  var p = null, C = null;
+  if (wA(o) ? p = sA(o, t.width) : i && wA(i) && (C = sA(i, t.height)), p !== null && (!i || gt(i)) && (C = c && u ? p / r * n : t.height), C !== null && gt(o) && (p = c && u ? C / n * r : t.width), p !== null && C !== null)
+    return [p, C];
   throw new Error("Unable to calculate background-size for element");
 }, pt = function(e, A) {
   var t = e[A];
@@ -12276,17 +12276,17 @@ var dA = function(e, A, t, r, n) {
     }, A.prototype.renderTextNode = function(t, r) {
       return ZA(this, void 0, void 0, function() {
         var n, a, o, i, l, s, c, u, d = this;
-        return SA(this, function(U) {
+        return SA(this, function(h) {
           return n = this.createFontStyle(r), a = n[0], o = n[1], i = n[2], this.ctx.font = a, this.ctx.direction = r.direction === 1 ? "rtl" : "ltr", this.ctx.textAlign = "left", this.ctx.textBaseline = "alphabetic", l = this.fontMetrics.getMetrics(o, i), s = l.baseline, c = l.middle, u = r.paintOrder, t.textBounds.forEach(function(f) {
             u.forEach(function(B) {
               switch (B) {
                 case 0:
                   d.ctx.fillStyle = mA(r.color), d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
-                  var g = r.textShadow;
-                  g.length && f.text.trim().length && (g.slice(0).reverse().forEach(function(h) {
-                    d.ctx.shadowColor = mA(h.color), d.ctx.shadowOffsetX = h.offsetX.number * d.options.scale, d.ctx.shadowOffsetY = h.offsetY.number * d.options.scale, d.ctx.shadowBlur = h.blur.number, d.renderTextWithLetterSpacing(f, r.letterSpacing, s);
-                  }), d.ctx.shadowColor = "", d.ctx.shadowOffsetX = 0, d.ctx.shadowOffsetY = 0, d.ctx.shadowBlur = 0), r.textDecorationLine.length && (d.ctx.fillStyle = mA(r.textDecorationColor || r.color), r.textDecorationLine.forEach(function(h) {
-                    switch (h) {
+                  var U = r.textShadow;
+                  U.length && f.text.trim().length && (U.slice(0).reverse().forEach(function(g) {
+                    d.ctx.shadowColor = mA(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 = mA(r.textDecorationColor || r.color), r.textDecorationLine.forEach(function(g) {
+                    switch (g) {
                       case 1:
                         d.ctx.fillRect(f.bounds.left, Math.round(f.bounds.top + s), f.bounds.width, 1);
                         break;
@@ -12317,7 +12317,7 @@ var dA = function(e, A, t, r, n) {
       }
     }, A.prototype.renderNodeContent = function(t) {
       return ZA(this, void 0, void 0, function() {
-        var r, n, a, o, i, l, p, p, s, c, u, d, C, U, f, v, B, g, h, p, Q, C, v;
+        var r, n, a, o, i, l, Q, Q, s, c, u, d, C, h, f, v, B, U, g, Q, p, C, v;
         return SA(this, function(w) {
           switch (w.label) {
             case 0:
@@ -12338,7 +12338,7 @@ var dA = function(e, A, t, r, n) {
             case 5:
               return w.trys.push([5, 7, , 8]), [4, this.context.cache.match(r.src)];
             case 6:
-              return p = w.sent(), this.renderReplacedElement(r, n, p), [3, 8];
+              return Q = w.sent(), this.renderReplacedElement(r, n, Q), [3, 8];
             case 7:
               return w.sent(), this.context.logger.error("Error loading image " + r.src), [3, 8];
             case 8:
@@ -12348,7 +12348,7 @@ var dA = function(e, A, t, r, n) {
             case 9:
               return w.trys.push([9, 11, , 12]), [4, this.context.cache.match(r.svg)];
             case 10:
-              return p = w.sent(), this.renderReplacedElement(r, n, p), [3, 12];
+              return Q = w.sent(), this.renderReplacedElement(r, n, Q), [3, 12];
             case 11:
               return w.sent(), this.context.logger.error("Error loading svg " + r.svg.substring(0, 255)), [3, 12];
             case 12:
@@ -12372,7 +12372,7 @@ var dA = function(e, A, t, r, n) {
                 new H(r.bounds.left + u * 0.84, r.bounds.top + u * 0.34085),
                 new H(r.bounds.left + u * 0.39363, r.bounds.top + u * 0.79)
               ]), this.ctx.fillStyle = mA(As), this.ctx.fill(), this.ctx.restore()) : r.type === vn && r.checked && (this.ctx.save(), this.ctx.beginPath(), this.ctx.arc(r.bounds.left + u / 2, r.bounds.top + u / 2, u / 4, 0, Math.PI * 2, !0), this.ctx.fillStyle = mA(As), this.ctx.fill(), this.ctx.restore())), Gy(r) && r.value.length) {
-                switch (d = this.createFontStyle(a), C = d[0], U = d[1], f = this.fontMetrics.getMetrics(C, U).baseline, this.ctx.font = C, this.ctx.fillStyle = mA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = zy(r.styles.textAlign), v = In(r), B = 0, r.styles.textAlign) {
+                switch (d = this.createFontStyle(a), C = d[0], h = d[1], f = this.fontMetrics.getMetrics(C, h).baseline, this.ctx.font = C, this.ctx.fillStyle = mA(a.color), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = zy(r.styles.textAlign), v = In(r), B = 0, r.styles.textAlign) {
                   case 1:
                     B += v.width / 2;
                     break;
@@ -12380,12 +12380,12 @@ var dA = function(e, A, t, r, n) {
                     B += v.width;
                     break;
                 }
-                g = v.add(B, 0, 0, -v.height / 2 + 1), this.ctx.save(), this.path([
+                U = v.add(B, 0, 0, -v.height / 2 + 1), this.ctx.save(), this.path([
                   new H(v.left, v.top),
                   new H(v.left + v.width, v.top),
                   new H(v.left + v.width, v.top + v.height),
                   new H(v.left, v.top + v.height)
-                ]), this.ctx.clip(), this.renderTextWithLetterSpacing(new ir(r.value, g), a.letterSpacing, f), this.ctx.restore(), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = "left";
+                ]), this.ctx.clip(), this.renderTextWithLetterSpacing(new ir(r.value, U), a.letterSpacing, f), this.ctx.restore(), this.ctx.textBaseline = "alphabetic", this.ctx.textAlign = "left";
               }
               if (!EA(
                 r.styles.display,
@@ -12395,15 +12395,15 @@ var dA = function(e, A, t, r, n) {
                 return [3, 20];
               if (r.styles.listStyleImage === null)
                 return [3, 19];
-              if (h = r.styles.listStyleImage, h.type !== 0)
+              if (g = r.styles.listStyleImage, g.type !== 0)
                 return [3, 18];
-              p = void 0, Q = h.url, w.label = 15;
+              Q = void 0, p = g.url, w.label = 15;
             case 15:
-              return w.trys.push([15, 17, , 18]), [4, this.context.cache.match(Q)];
+              return w.trys.push([15, 17, , 18]), [4, this.context.cache.match(p)];
             case 16:
-              return p = w.sent(), this.ctx.drawImage(p, r.bounds.left - (p.width + 10), r.bounds.top), [3, 18];
+              return Q = w.sent(), this.ctx.drawImage(Q, r.bounds.left - (Q.width + 10), r.bounds.top), [3, 18];
             case 17:
-              return w.sent(), this.context.logger.error("Error loading list-style-image " + Q), [3, 18];
+              return w.sent(), this.context.logger.error("Error loading list-style-image " + p), [3, 18];
             case 18:
               return [3, 20];
             case 19:
@@ -12418,9 +12418,9 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderStackContent = function(t) {
       return ZA(this, void 0, void 0, function() {
-        var r, n, h, a, o, h, i, l, h, s, c, h, u, d, h, U, f, h, B, g, h;
-        return SA(this, function(p) {
-          switch (p.label) {
+        var r, n, g, a, o, g, i, l, g, s, c, g, u, d, g, h, f, g, B, U, g;
+        return SA(this, function(Q) {
+          switch (Q.label) {
             case 0:
               if (EA(
                 t.element.container.flags,
@@ -12430,61 +12430,61 @@ var dA = function(e, A, t, r, n) {
                 debugger;
               return [4, this.renderNodeBackgroundAndBorders(t.element)];
             case 1:
-              p.sent(), r = 0, n = t.negativeZIndex, p.label = 2;
+              Q.sent(), r = 0, n = t.negativeZIndex, Q.label = 2;
             case 2:
-              return r < n.length ? (h = n[r], [4, this.renderStack(h)]) : [3, 5];
+              return r < n.length ? (g = n[r], [4, this.renderStack(g)]) : [3, 5];
             case 3:
-              p.sent(), p.label = 4;
+              Q.sent(), Q.label = 4;
             case 4:
               return r++, [3, 2];
             case 5:
               return [4, this.renderNodeContent(t.element)];
             case 6:
-              p.sent(), a = 0, o = t.nonInlineLevel, p.label = 7;
+              Q.sent(), a = 0, o = t.nonInlineLevel, Q.label = 7;
             case 7:
-              return a < o.length ? (h = o[a], [4, this.renderNode(h)]) : [3, 10];
+              return a < o.length ? (g = o[a], [4, this.renderNode(g)]) : [3, 10];
             case 8:
-              p.sent(), p.label = 9;
+              Q.sent(), Q.label = 9;
             case 9:
               return a++, [3, 7];
             case 10:
-              i = 0, l = t.nonPositionedFloats, p.label = 11;
+              i = 0, l = t.nonPositionedFloats, Q.label = 11;
             case 11:
-              return i < l.length ? (h = l[i], [4, this.renderStack(h)]) : [3, 14];
+              return i < l.length ? (g = l[i], [4, this.renderStack(g)]) : [3, 14];
             case 12:
-              p.sent(), p.label = 13;
+              Q.sent(), Q.label = 13;
             case 13:
               return i++, [3, 11];
             case 14:
-              s = 0, c = t.nonPositionedInlineLevel, p.label = 15;
+              s = 0, c = t.nonPositionedInlineLevel, Q.label = 15;
             case 15:
-              return s < c.length ? (h = c[s], [4, this.renderStack(h)]) : [3, 18];
+              return s < c.length ? (g = c[s], [4, this.renderStack(g)]) : [3, 18];
             case 16:
-              p.sent(), p.label = 17;
+              Q.sent(), Q.label = 17;
             case 17:
               return s++, [3, 15];
             case 18:
-              u = 0, d = t.inlineLevel, p.label = 19;
+              u = 0, d = t.inlineLevel, Q.label = 19;
             case 19:
-              return u < d.length ? (h = d[u], [4, this.renderNode(h)]) : [3, 22];
+              return u < d.length ? (g = d[u], [4, this.renderNode(g)]) : [3, 22];
             case 20:
-              p.sent(), p.label = 21;
+              Q.sent(), Q.label = 21;
             case 21:
               return u++, [3, 19];
             case 22:
-              U = 0, f = t.zeroOrAutoZIndexOrTransformedOrOpacity, p.label = 23;
+              h = 0, f = t.zeroOrAutoZIndexOrTransformedOrOpacity, Q.label = 23;
             case 23:
-              return U < f.length ? (h = f[U], [4, this.renderStack(h)]) : [3, 26];
+              return h < f.length ? (g = f[h], [4, this.renderStack(g)]) : [3, 26];
             case 24:
-              p.sent(), p.label = 25;
+              Q.sent(), Q.label = 25;
             case 25:
-              return U++, [3, 23];
+              return h++, [3, 23];
             case 26:
-              B = 0, g = t.positiveZIndex, p.label = 27;
+              B = 0, U = t.positiveZIndex, Q.label = 27;
             case 27:
-              return B < g.length ? (h = g[B], [4, this.renderStack(h)]) : [3, 30];
+              return B < U.length ? (g = U[B], [4, this.renderStack(g)]) : [3, 30];
             case 28:
-              p.sent(), p.label = 29;
+              Q.sent(), Q.label = 29;
             case 29:
               return B++, [3, 27];
             case 30:
@@ -12522,7 +12522,7 @@ var dA = function(e, A, t, r, n) {
           switch (s.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(c) {
-                var u, d, U, O, G, q, S, P, M, f, O, G, q, S, P, B, g, h, p, Q, C, v, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA, pA;
+                var u, d, h, O, G, q, S, P, M, f, O, G, q, S, P, B, U, g, Q, p, C, v, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA, pA;
                 return SA(this, function(fA) {
                   switch (fA.label) {
                     case 0:
@@ -12536,13 +12536,13 @@ var dA = function(e, A, t, r, n) {
                     case 3:
                       return fA.sent(), a.context.logger.error("Error loading background-image " + d), [3, 4];
                     case 4:
-                      return u && (U = Ja(t, r, [
+                      return u && (h = Ja(t, r, [
                         u.width,
                         u.height,
                         u.width / u.height
-                      ]), O = U[0], G = U[1], q = U[2], S = U[3], P = U[4], M = a.ctx.createPattern(a.resizeImage(u, S, P), "repeat"), a.renderRepeat(O, M, G, q)), [3, 6];
+                      ]), O = h[0], G = h[1], q = h[2], S = h[3], P = h[4], M = a.ctx.createPattern(a.resizeImage(u, S, P), "repeat"), a.renderRepeat(O, M, G, q)), [3, 6];
                     case 5:
-                      IE(c) ? (f = Ja(t, r, [null, null, null]), O = f[0], G = f[1], q = f[2], S = f[3], P = f[4], B = vE(c.angle, S, P), g = B[0], h = B[1], p = B[2], Q = B[3], C = B[4], v = document.createElement("canvas"), v.width = S, v.height = P, w = v.getContext("2d"), R = w.createLinearGradient(h, Q, p, C), Hl(c.stops, g).forEach(function(hA) {
+                      IE(c) ? (f = Ja(t, r, [null, null, null]), O = f[0], G = f[1], q = f[2], S = f[3], P = f[4], B = vE(c.angle, S, P), U = B[0], g = B[1], Q = B[2], p = B[3], C = B[4], v = document.createElement("canvas"), v.width = S, v.height = P, w = v.getContext("2d"), R = w.createLinearGradient(g, p, Q, C), Hl(c.stops, U).forEach(function(hA) {
                         return R.addColorStop(hA.stop, mA(hA.color));
                       }), w.fillStyle = R, w.fillRect(0, 0, S, P), S > 0 && P > 0 && (M = a.ctx.createPattern(v, "repeat"), a.renderRepeat(O, M, G, q))) : NE(c) && (T = Ja(t, r, [
                         null,
@@ -12618,10 +12618,10 @@ var dA = function(e, A, t, r, n) {
                 { style: r.borderLeftStyle, color: r.borderLeftColor, width: r.borderLeftWidth }
               ], o = Yy(pt(r.backgroundClip, 0), t.curves), n || r.boxShadow.length ? (this.ctx.save(), this.path(o), this.ctx.clip(), xe(r.backgroundColor) || (this.ctx.fillStyle = mA(r.backgroundColor), this.ctx.fill()), [4, this.renderBackgroundImage(t.container)]) : [3, 2];
             case 1:
-              d.sent(), this.ctx.restore(), r.boxShadow.slice(0).reverse().forEach(function(U) {
+              d.sent(), this.ctx.restore(), r.boxShadow.slice(0).reverse().forEach(function(h) {
                 u.ctx.save();
-                var f = Vn(t.curves), B = U.inset ? 0 : Ky, g = Sy(f, -B + (U.inset ? 1 : -1) * U.spread.number, (U.inset ? 1 : -1) * U.spread.number, U.spread.number * (U.inset ? -2 : 2), U.spread.number * (U.inset ? -2 : 2));
-                U.inset ? (u.path(f), u.ctx.clip(), u.mask(g)) : (u.mask(f), u.ctx.clip(), u.path(g)), u.ctx.shadowOffsetX = U.offsetX.number + B, u.ctx.shadowOffsetY = U.offsetY.number, u.ctx.shadowColor = mA(U.color), u.ctx.shadowBlur = U.blur.number, u.ctx.fillStyle = U.inset ? mA(U.color) : "rgba(0,0,0,1)", u.ctx.fill(), u.ctx.restore();
+                var f = Vn(t.curves), B = h.inset ? 0 : Ky, U = Sy(f, -B + (h.inset ? 1 : -1) * h.spread.number, (h.inset ? 1 : -1) * h.spread.number, h.spread.number * (h.inset ? -2 : 2), h.spread.number * (h.inset ? -2 : 2));
+                h.inset ? (u.path(f), u.ctx.clip(), u.mask(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 = mA(h.color), u.ctx.shadowBlur = h.blur.number, u.ctx.fillStyle = h.inset ? mA(h.color) : "rgba(0,0,0,1)", u.ctx.fill(), u.ctx.restore();
               }), d.label = 2;
             case 2:
               i = 0, l = 0, s = a, d.label = 3;
@@ -12669,9 +12669,9 @@ var dA = function(e, A, t, r, n) {
       });
     }, A.prototype.renderDashedDottedBorder = function(t, r, n, a, o) {
       return ZA(this, void 0, void 0, function() {
-        var i, l, s, c, u, d, U, f, B, g, h, p, Q, C, v, w, v, w;
+        var i, l, s, c, u, d, h, f, B, U, g, Q, p, C, v, w, v, w;
         return SA(this, function(R) {
-          return this.ctx.save(), i = xy(a, n), l = ds(a, n), o === 2 && (this.path(l), this.ctx.clip()), qA(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), qA(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? U = Math.abs(s - u) : U = Math.abs(c - d), this.ctx.beginPath(), o === 3 ? this.formatPath(i) : this.formatPath(l.slice(0, 2)), f = r < 3 ? r * 3 : r * 2, B = r < 3 ? r * 2 : r, o === 3 && (f = r, B = r), g = !0, U <= f * 2 ? g = !1 : U <= f * 2 + B ? (h = U / (2 * f + B), f *= h, B *= h) : (p = Math.floor((U + B) / (f + B)), Q = (U - p * f) / (p - 1), C = (U - (p + 1) * f) / p, B = C <= 0 || Math.abs(B - Q) < Math.abs(B - C) ? Q : C), g && (o === 3 ? this.ctx.setLineDash([0, f + B]) : this.ctx.setLineDash([f, B])), o === 3 ? (this.ctx.lineCap = "round", this.ctx.lineWidth = r) : this.ctx.lineWidth = r * 2 + 1.1, this.ctx.strokeStyle = mA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], w = l[0], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], w = l[2], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
+          return this.ctx.save(), i = xy(a, n), l = ds(a, n), o === 2 && (this.path(l), this.ctx.clip()), qA(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), qA(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? h = Math.abs(s - u) : h = Math.abs(c - d), this.ctx.beginPath(), o === 3 ? this.formatPath(i) : this.formatPath(l.slice(0, 2)), f = r < 3 ? r * 3 : r * 2, B = r < 3 ? r * 2 : r, o === 3 && (f = r, B = r), 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), C = (h - (Q + 1) * f) / Q, B = C <= 0 || Math.abs(B - p) < Math.abs(B - C) ? p : C), 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 = mA(t), this.ctx.stroke(), this.ctx.setLineDash([]), o === 2 && (qA(l[0]) && (v = l[3], w = l[0], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke()), qA(l[1]) && (v = l[1], w = l[2], this.ctx.beginPath(), this.formatPath([new H(v.end.x, v.end.y), new H(w.start.x, w.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
             2
             /*return*/
           ];
@@ -12788,7 +12788,7 @@ var dA = function(e, A, t, r, n) {
 typeof window < "u" && Nu.setContext(window);
 var eR = function(e, A) {
   return ZA(void 0, void 0, void 0, function() {
-    var t, r, n, a, o, i, l, s, c, u, d, U, f, B, g, h, p, Q, C, v, R, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA;
+    var t, r, n, a, o, i, l, s, c, u, d, h, f, B, U, g, Q, p, C, v, R, w, R, M, T, O, D, L, S, P, oA, G, q, rA, BA, cA, nA, X, z, IA;
     return SA(this, function(pA) {
       switch (pA.label) {
         case 0:
@@ -12816,23 +12816,23 @@ var eR = function(e, A) {
             copyStyles: s
           }, l.logger.debug("Starting document clone with size " + i.width + "x" + i.height + " scrolled to " + -i.left + "," + -i.top), u = new ss(l, e, c), d = u.clonedReferenceElement, d ? [4, u.toIFrame(t, i)] : [2, Promise.reject("Unable to find element in cloned iframe")];
         case 1:
-          return U = pA.sent(), f = Fi(d) || ty(d) ? SF(d.ownerDocument) : jn(l, d), B = f.width, g = f.height, h = f.left, p = f.top, Q = tR(l, d, A.backgroundColor), C = {
+          return h = pA.sent(), f = Fi(d) || ty(d) ? SF(d.ownerDocument) : jn(l, d), B = f.width, U = f.height, g = f.left, Q = f.top, p = tR(l, d, A.backgroundColor), C = {
             canvas: A.canvas,
-            backgroundColor: Q,
+            backgroundColor: p,
             scale: (BA = (rA = A.scale) !== null && rA !== void 0 ? rA : r.devicePixelRatio) !== null && BA !== void 0 ? BA : 1,
-            x: ((cA = A.x) !== null && cA !== void 0 ? cA : 0) + h,
-            y: ((nA = A.y) !== null && nA !== void 0 ? nA : 0) + p,
+            x: ((cA = A.x) !== null && cA !== void 0 ? cA : 0) + g,
+            y: ((nA = A.y) !== null && nA !== void 0 ? nA : 0) + Q,
             width: (X = A.width) !== null && X !== void 0 ? X : Math.ceil(B),
-            height: (z = A.height) !== null && z !== void 0 ? z : Math.ceil(g)
+            height: (z = A.height) !== null && z !== void 0 ? z : Math.ceil(U)
           }, s ? (l.logger.debug("Document cloned, using foreign object rendering"), R = new Py(l, C), [4, R.render(d)]) : [3, 3];
         case 2:
           return v = pA.sent(), [3, 5];
         case 3:
-          return l.logger.debug("Document cloned, element located at " + h + "," + p + " with size " + B + "x" + g + " using computed rendering"), l.logger.debug("Starting DOM parsing"), w = Eu(l, d), Q === w.styles.backgroundColor && (w.styles.backgroundColor = Ee.TRANSPARENT), l.logger.debug("Starting renderer for element at " + C.x + "," + C.y + " with size " + C.width + "x" + C.height), R = new Ly(l, C), [4, R.render(w)];
+          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"), w = Eu(l, d), p === w.styles.backgroundColor && (w.styles.backgroundColor = Ee.TRANSPARENT), l.logger.debug("Starting renderer for element at " + C.x + "," + C.y + " with size " + C.width + "x" + C.height), R = new Ly(l, C), [4, R.render(w)];
         case 4:
           v = pA.sent(), pA.label = 5;
         case 5:
-          return (!((IA = A.removeContainer) !== null && IA !== void 0) || IA) && (ss.destroy(U) || l.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), l.logger.debug("Finished rendering"), [2, v];
+          return (!((IA = A.removeContainer) !== null && IA !== void 0) || IA) && (ss.destroy(h) || l.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), l.logger.debug("Finished rendering"), [2, v];
       }
     });
   });
@@ -12902,11 +12902,11 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       return ((E = r.value) == null ? void 0 : E.printHeight) || 0;
     });
     Z(!1);
-    const c = Z(!1), u = Z(!1), d = Z(/* @__PURE__ */ new Map()), U = Z(/* @__PURE__ */ new Map()), f = new Map(bc.map((E) => [E.type, E])), { selectedItems: B, selectItem: g, getCurrentSelected: h, clearSelection: p } = mF(), { dragging: Q, dragItem: C, startDrag: v } = CF({
+    const c = Z(!1), u = Z(!1), d = Z(/* @__PURE__ */ new Map()), h = Z(/* @__PURE__ */ new Map()), f = new Map(bc.map((E) => [E.type, E])), { selectedItems: B, selectItem: U, getCurrentSelected: g, clearSelection: Q } = mF(), { dragging: p, dragItem: C, startDrag: v } = CF({
       scale: o,
       canvasWidth: l,
       canvasHeight: s,
-      selectItem: g,
+      selectItem: U,
       onStartDrag: () => {
         c.value = !0;
       },
@@ -12921,15 +12921,15 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     }), { alignmentGuides: w, showGuides: R, updateAlignmentGuides: M, clearAlignmentGuides: T } = TF({
       items: a,
       dragItem: C,
-      dragging: Q
+      dragging: p
     }), { startResize: O } = EF(l, s, o, B), { startRotate: D } = vF();
     FA(() => B.value, () => {
       d.value.clear();
     }, { deep: !0 });
     const L = (E) => {
       const F = `${E.id}_${E.props.x.toFixed(1)}_${E.props.y.toFixed(1)}_${E.props.width}_${E.props.height}_${E.props.rotation}`;
-      if (U.value.has(F))
-        return U.value.get(F);
+      if (h.value.has(F))
+        return h.value.get(F);
       const $ = (E.props.rotation || 0) * Math.PI / 180, K = [
         { x: 0, y: 0 },
         // top-left
@@ -12946,9 +12946,9 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           y: Number((Ke + Y + E.props.y).toFixed(2))
         };
       });
-      if (U.value.set(F, y), U.value.size > 100) {
-        const lA = U.value.keys().next().value;
-        U.value.delete(lA);
+      if (h.value.set(F, y), h.value.size > 100) {
+        const lA = h.value.keys().next().value;
+        h.value.delete(lA);
       }
       return y;
     }, S = (E) => {
@@ -13029,7 +13029,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       }
       return J;
     }, BA = (E) => {
-      const F = B.value.some(($) => $.id === E.id), k = h() === E;
+      const F = B.value.some(($) => $.id === E.id), k = g() === E;
       return {
         "component-selected": F,
         "component-current": F && k,
@@ -13072,7 +13072,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       const F = document.activeElement.tagName.toLowerCase();
       if (F === "input" || F === "textarea")
         return;
-      const k = h();
+      const k = g();
       if (!k)
         return;
       const $ = Number(k.props.width) || 0, K = Number(k.props.height) || 0;
@@ -13112,7 +13112,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
         type: k,
         props: Ir
       };
-      a.value.push(Ei), g(Ei);
+      a.value.push(Ei), U(Ei);
     };
     function fA(E) {
       let F = E.target;
@@ -13121,27 +13121,27 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
           return;
         F = F.parentElement;
       }
-      p();
+      Q();
     }
     const hA = (E, F) => {
       if (B.value.length === 0) {
-        g(F), v(E, F);
+        U(F), v(E, F);
         return;
       }
-      if (h() === F) {
+      if (g() === F) {
         v(E, F);
         return;
       }
-      g(F), v(E, F);
+      U(F), v(E, F);
     }, NA = (E) => {
       const F = [];
       for (const K of d.value.keys())
         K.includes(E) && F.push(K);
       F.forEach((K) => d.value.delete(K));
       const k = [];
-      for (const K of U.value.keys())
+      for (const K of h.value.keys())
         K.includes(E) && k.push(K);
-      if (k.forEach((K) => U.value.delete(K)), d.value.clear(), U.value.clear(), a.value.find((K) => K.id === E) && (a.value = a.value.filter((K) => K.id !== E)), B.value.some((K) => K.id === E)) {
+      if (k.forEach((K) => h.value.delete(K)), d.value.clear(), h.value.clear(), a.value.find((K) => K.id === E) && (a.value = a.value.filter((K) => K.id !== E)), B.value.some((K) => K.id === E)) {
         const K = B.value.filter((J) => J.id !== E);
         B.value = K;
       }
@@ -13150,7 +13150,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     }, jA = (E) => {
       var k;
       const F = document.activeElement.tagName.toLowerCase();
-      F === "input" || F === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && NA((k = h()) == null ? void 0 : k.id);
+      F === "input" || F === "textarea" || (E.key === "Delete" || E.key === "Backspace") && B.value.length > 0 && NA((k = g()) == null ? void 0 : k.id);
     }, { handleMouseWheel: se, handleInputChange: Je, adjustRotation: Wt } = RF(B, l, s), ot = () => {
       setTimeout(() => {
         const E = document.querySelector(".center-container");
@@ -13172,7 +13172,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
     };
     FA(() => t.templateType, async (E) => {
       try {
-        await ve(E), p(), d.value.clear(), U.value.clear(), console.log("配置切换成功:", E);
+        await ve(E), Q(), d.value.clear(), h.value.clear(), console.log("配置切换成功:", E);
       } catch (F) {
         console.error("配置切换失败:", F);
       }
@@ -13206,7 +13206,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       const E = NF(r.value.graphData) || "";
       E && ((F = document.querySelector("#design")) == null || F.appendChild(E));
     }, Ci = () => new Promise((E, F) => {
-      p(), JSON.parse(JSON.stringify(a.value));
+      Q(), JSON.parse(JSON.stringify(a.value));
       const k = JSON.parse(JSON.stringify(a.value));
       k == null || k.forEach((K) => {
         var J, Y;
@@ -13282,7 +13282,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
       getJson: () => bA().then(() => Tr()),
       // 清空画布
       clear: () => {
-        a.value = [], p();
+        a.value = [], Q();
       },
       // 生成快照
       snapshot: () => bA().then(() => Ci())
@@ -13346,7 +13346,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                 }, ["prevent"])),
                 onPointerdown: fA
               }, [
-                I(Q) && I(C) ? (V(), N("div", BR, [
+                I(p) && I(C) ? (V(), N("div", BR, [
                   m("div", {
                     class: "drag-extend-line vertical",
                     style: AA(P(I(C), "left"))
@@ -13392,9 +13392,9 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                     style: AA(rA(y)),
                     "data-item-id": y.id,
                     onMousedown: xA((_) => hA(_, y), ["stop"]),
-                    onClick: xA((_) => I(g)(y), ["stop"])
+                    onClick: xA((_) => I(U)(y), ["stop"])
                   }, [
-                    I(h)() === y ? (V(), N(VA, { key: 0 }, [
+                    I(g)() === y ? (V(), N(VA, { key: 0 }, [
                       y.props.lockAspectRatio ? tA("", !0) : (V(), N(VA, { key: 0 }, [
                         y.type !== "verline" && y.type !== "horline" ? (V(), N("div", {
                           key: 0,
@@ -13462,7 +13462,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                     ], 64)) : tA("", !0),
                     y.props && ae.value ? (V(), vA(cr(((lA = q(y.type)) == null ? void 0 : lA.component) || null), {
                       key: `${y.id}-${y.type}`,
-                      modelValue: { ...y.props, __selected: I(h)() === y },
+                      modelValue: { ...y.props, __selected: I(g)() === y },
                       propsConfig: CA.value,
                       "onUpdate:modelValue": (_) => {
                         const { __selected: XA, ...ce } = _;
@@ -13489,12 +13489,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[3] || (F[3] = (y) => I(h)().props.x = y),
+                    "onUpdate:modelValue": F[3] || (F[3] = (y) => I(g)().props.x = y),
                     onInput: F[4] || (F[4] = (y) => I(Je)("x", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(h)().props.x,
+                      I(g)().props.x,
                       void 0,
                       { number: !0 }
                     ]
@@ -13512,12 +13512,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[7] || (F[7] = (y) => I(h)().props.y = y),
+                    "onUpdate:modelValue": F[7] || (F[7] = (y) => I(g)().props.y = y),
                     onInput: F[8] || (F[8] = (y) => I(Je)("y", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(h)().props.y,
+                      I(g)().props.y,
                       void 0,
                       { number: !0 }
                     ]
@@ -13527,7 +13527,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ]),
-              I(h)().type !== "verline" ? (V(), N("div", IR, [
+              I(g)().type !== "verline" ? (V(), N("div", IR, [
                 F[27] || (F[27] = m("label", null, "宽度:", -1)),
                 m("div", NR, [
                   m("button", {
@@ -13535,12 +13535,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[11] || (F[11] = (y) => I(h)().props.width = y),
+                    "onUpdate:modelValue": F[11] || (F[11] = (y) => I(g)().props.width = y),
                     onInput: F[12] || (F[12] = (y) => I(Je)("width", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(h)().props.width,
+                      I(g)().props.width,
                       void 0,
                       { number: !0 }
                     ]
@@ -13550,7 +13550,7 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ])) : tA("", !0),
-              I(h)().type !== "horline" ? (V(), N("div", SR, [
+              I(g)().type !== "horline" ? (V(), N("div", SR, [
                 F[28] || (F[28] = m("label", null, "高度:", -1)),
                 m("div", MR, [
                   m("button", {
@@ -13558,12 +13558,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[15] || (F[15] = (y) => I(h)().props.height = y),
+                    "onUpdate:modelValue": F[15] || (F[15] = (y) => I(g)().props.height = y),
                     onInput: F[16] || (F[16] = (y) => I(Je)("height", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(h)().props.height,
+                      I(g)().props.height,
                       void 0,
                       { number: !0 }
                     ]
@@ -13581,12 +13581,12 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "-"),
                   GA(m("input", {
                     type: "number",
-                    "onUpdate:modelValue": F[19] || (F[19] = (y) => I(h)().props.rotation = y),
+                    "onUpdate:modelValue": F[19] || (F[19] = (y) => I(g)().props.rotation = y),
                     onInput: F[20] || (F[20] = (y) => I(Je)("rotation", y.target.value))
                   }, null, 544), [
                     [
                       Ye,
-                      I(h)().props.rotation,
+                      I(g)().props.rotation,
                       void 0,
                       { number: !0 }
                     ]
@@ -13596,23 +13596,23 @@ const rR = { class: "label-designer" }, nR = { class: "toolbar" }, aR = { class:
                   }, "+")
                 ])
               ]),
-              I(h)().type !== "horline" ? (V(), N("div", xR, [
+              I(g)().type !== "horline" ? (V(), N("div", xR, [
                 F[30] || (F[30] = m("label", null, "锁定宽高比:", -1)),
                 m("div", ZR, [
                   W(J, {
-                    modelValue: I(h)().props.lockAspectRatio,
-                    "onUpdate:modelValue": F[22] || (F[22] = (y) => I(h)().props.lockAspectRatio = y),
+                    modelValue: I(g)().props.lockAspectRatio,
+                    "onUpdate:modelValue": F[22] || (F[22] = (y) => I(g)().props.lockAspectRatio = y),
                     "active-value": !0,
                     "inactive-value": !1
                   }, null, 8, ["modelValue"])
                 ])
               ])) : tA("", !0)
             ]),
-            (V(), vA(cr(((Y = q(I(h)().type)) == null ? void 0 : Y.propertyPanel) || null), {
-              modelValue: I(h)().props,
-              "onUpdate:modelValue": F[23] || (F[23] = (y) => I(h)().props = y),
+            (V(), vA(cr(((Y = q(I(g)().type)) == null ? void 0 : Y.propertyPanel) || null), {
+              modelValue: I(g)().props,
+              "onUpdate:modelValue": F[23] || (F[23] = (y) => I(g)().props = y),
               options: e.options,
-              "props-config": aa(I(h)().type)
+              "props-config": aa(I(g)().type)
             }, null, 8, ["modelValue", "options", "props-config"]))
           ], 64)) : tA("", !0)
         ])
@@ -13640,13 +13640,13 @@ const WR = {
     }
   },
   setup(e) {
-    const A = Ze(), t = e, r = Z(!1), n = Z({}), a = Z(), o = Z(0), i = Z(!1), l = (g, h) => {
-      let p;
-      return function(...C) {
-        const v = () => {
-          clearTimeout(p), g(...C);
+    const A = Ze(), t = e, r = Z(!1), n = Z({}), a = Z(), o = Z(0), i = Z(!1), l = (B, U) => {
+      let g;
+      return function(...p) {
+        const C = () => {
+          clearTimeout(g), B(...p);
         };
-        clearTimeout(p), p = setTimeout(v, h);
+        clearTimeout(g), g = setTimeout(C, U);
       };
     }, s = Z({
       rectTop: 0,
@@ -13654,37 +13654,37 @@ const WR = {
     }), c = () => {
       if (!a.value)
         return;
-      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;
+      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;
       } else {
         const Q = a.value.offsetTop;
-        Q > 0 ? p = Q : p = 60;
+        Q > 0 ? g = Q : g = 60;
       }
-      (p !== s.value.rectTop || h !== s.value.isInModal) && (o.value = p, i.value = h, s.value = {
-        rectTop: p,
-        isInModal: h
+      (g !== s.value.rectTop || U !== s.value.isInModal) && (o.value = g, i.value = U, s.value = {
+        rectTop: g,
+        isInModal: U
       });
-    }, 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")))
+    }, 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")))
           return !0;
-        h = h.parentElement;
+        U = U.parentElement;
       }
       return !1;
-    }, 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;
+    }, 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;
         }
-        h = h.parentElement;
+        U = U.parentElement;
       }
       return 60;
     };
@@ -13692,48 +13692,32 @@ const WR = {
       setTimeout(() => c(), 100), setTimeout(() => c(), 300), window.addEventListener("resize", u), Ur(() => {
         window.removeEventListener("resize", u);
       });
-    }), FA(() => r.value, (g) => {
-      g && de(() => setTimeout(() => c(), 50));
-    }), FA(() => t.templateData, async (g) => {
-      r.value = (g == null ? void 0 : g.width) > 0 && (g == null ? void 0 : g.height) > 0, f();
+    }), FA(() => r.value, (B) => {
+      B && de(() => setTimeout(() => c(), 50));
+    }), FA(() => 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() {
-      var h, p;
-      const g = ((p = (h = t.templateData) == null ? void 0 : h.panels) == null ? void 0 : p[0]) || {};
-      if (!g || Object.keys(g).length === 0) {
-        n.value = { ...t.templateData };
-        return;
-      }
-      n.value = {
-        width: g.width || 0,
-        height: g.height || 0,
-        printWidth: g.printWidth || 0,
-        printHeight: g.printHeight || 0,
-        items: g.printElements || [],
-        ...t.templateData
-      };
-    }
-    function B(g) {
-      A.exposed = g || {}, A.exposeProxy = g || {};
+    function f(B) {
+      A.exposed = B || {}, A.exposeProxy = B || {};
     }
-    return (g, h) => {
-      const p = qu("loading");
+    return (B, U) => {
+      const g = qu("loading");
       return GA((V(), N("div", {
         ref_key: "templateDesignerRef",
         ref: a,
         class: _A(["template-designer", { "template-designer-border-top": i.value }]),
         style: AA({ height: "calc(100vh - " + (o.value + 1) + "px)" })
       }, [
-        r.value ? (V(), vA(cr($u(OR, { ...g.$attrs, ...t, ref: B }, g.$slots)), {
+        r.value ? (V(), vA(cr($u(OR, { ...B.$attrs, ...t, ref: f }, B.$slots)), {
           key: 0,
           "template-info": n.value
         }, null, 8, ["template-info"])) : tA("", !0)
       ], 6)), [
-        [p, !r.value]
+        [g, !r.value]
       ]);
     };
   }
-}, Ka = /* @__PURE__ */ yA(WR, [["__scopeId", "data-v-dad1d3d0"]]);
+}, Ka = /* @__PURE__ */ yA(WR, [["__scopeId", "data-v-300f49ad"]]);
 Ka.install = (e) => {
   e.component(Ka.name || "TemplateDesigner", Ka);
 };