template-designer 0.4.2 → 0.4.3

package/dist/template-designer.es.js

@@ -1,4 +1,4 @@
-import { computed as K, ref as X, watch as wA, openBlock as M, createElementBlock as k, normalizeStyle as oA, createElementVNode as R, toDisplayString as he, createCommentVNode as dA, getCurrentInstance as lt, inject as nt, unref as H, getCurrentScope as dd, onScopeDispose as Bd, readonly as fd, onMounted as Xe, nextTick as ue, isRef as hd, warn as gd, provide as ks, defineComponent as ge, mergeProps as pd, renderSlot as vr, normalizeClass as _A, createVNode as j, Transition as Os, withCtx as rA, withDirectives as Qe, createTextVNode as Ze, vShow as Ws, shallowReactive as Ud, createBlock as NA, resolveDynamicComponent as yr, Fragment as xA, withModifiers as BA, isVNode as Ds, render as _i, onUnmounted as Qd, resolveComponent as mA, renderList as Ke, vModelSelect as wd, vModelText as pr, vModelCheckbox as Fd, vModelDynamic as Cd, toRefs as Ed, onBeforeUnmount as Mr, reactive as qi, resolveDirective as md, h as vd } from "vue";
+import { computed as K, ref as X, watch as wA, openBlock as M, createElementBlock as k, normalizeStyle as oA, createElementVNode as R, toDisplayString as he, createCommentVNode as dA, getCurrentInstance as lt, inject as nt, unref as H, getCurrentScope as dd, onScopeDispose as Bd, readonly as fd, onMounted as Xe, nextTick as ue, isRef as hd, warn as gd, provide as ks, defineComponent as ge, mergeProps as pd, renderSlot as vr, normalizeClass as qA, createVNode as j, Transition as Os, withCtx as rA, withDirectives as Qe, createTextVNode as Ze, vShow as Ws, shallowReactive as Ud, createBlock as NA, resolveDynamicComponent as yr, Fragment as xA, withModifiers as BA, isVNode as Ds, render as _i, onUnmounted as Qd, resolveComponent as mA, renderList as Ke, vModelSelect as wd, vModelText as pr, vModelCheckbox as Fd, vModelDynamic as Cd, toRefs as Ed, onBeforeUnmount as Mr, reactive as qi, resolveDirective as md, h as vd } from "vue";
 const yd = (e, A) => {
   const t = e[A];
   return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((r, n) => {
@@ -1067,7 +1067,7 @@ const X0 = re([
     return A({
       content: n
     }), (o, i) => (M(), k("div", {
-      class: _A(H(r).b())
+      class: qA(H(r).b())
     }, [
       vr(o.$slots, "default"),
       j(Os, {
@@ -1076,7 +1076,7 @@ const X0 = re([
       }, {
         default: rA(() => [
           Qe(R("sup", {
-            class: _A([
+            class: qA([
               H(r).e("content"),
               H(r).em("content", o.type),
               H(r).is("fixed", !!o.$slots.default),
@@ -1155,7 +1155,7 @@ const sc = [
   "info",
   "warning",
   "error"
-], JA = _0({
+], KA = _0({
   customClass: "",
   dangerouslyUseHTMLString: !1,
   duration: 3e3,
@@ -1174,23 +1174,23 @@ const sc = [
 }), of = br({
   customClass: {
     type: String,
-    default: JA.customClass
+    default: KA.customClass
   },
   dangerouslyUseHTMLString: {
     type: Boolean,
-    default: JA.dangerouslyUseHTMLString
+    default: KA.dangerouslyUseHTMLString
   },
   duration: {
     type: Number,
-    default: JA.duration
+    default: KA.duration
   },
   icon: {
     type: X0,
-    default: JA.icon
+    default: KA.icon
   },
   id: {
     type: String,
-    default: JA.id
+    default: KA.id
   },
   message: {
     type: re([
@@ -1198,40 +1198,40 @@ const sc = [
       Object,
       Function
     ]),
-    default: JA.message
+    default: KA.message
   },
   onClose: {
     type: re(Function),
-    default: JA.onClose
+    default: KA.onClose
   },
   showClose: {
     type: Boolean,
-    default: JA.showClose
+    default: KA.showClose
   },
   type: {
     type: String,
     values: sc,
-    default: JA.type
+    default: KA.type
   },
   plain: {
     type: Boolean,
-    default: JA.plain
+    default: KA.plain
   },
   offset: {
     type: Number,
-    default: JA.offset
+    default: KA.offset
   },
   zIndex: {
     type: Number,
-    default: JA.zIndex
+    default: KA.zIndex
   },
   grouping: {
     type: Boolean,
-    default: JA.grouping
+    default: KA.grouping
   },
   repeatNum: {
     type: Number,
-    default: JA.repeatNum
+    default: KA.repeatNum
   }
 }), lf = {
   destroy: () => !0
@@ -1297,7 +1297,7 @@ const sc = [
           id: F.id,
           ref_key: "messageRef",
           ref: c,
-          class: _A([
+          class: qA([
             H(o).b(),
             { [H(o).m(F.type)]: F.type },
             H(o).is("closable", F.showClose),
@@ -1313,11 +1313,11 @@ const sc = [
             key: 0,
             value: F.repeatNum,
             type: H(f),
-            class: _A(H(o).e("badge"))
+            class: qA(H(o).e("badge"))
           }, null, 8, ["value", "type", "class"])) : dA("v-if", !0),
           H(h) ? (M(), NA(H(hl), {
             key: 1,
-            class: _A([H(o).e("icon"), H(B)])
+            class: qA([H(o).e("icon"), H(B)])
           }, {
             default: rA(() => [
               (M(), NA(yr(H(h))))
@@ -1328,17 +1328,17 @@ const sc = [
             F.dangerouslyUseHTMLString ? (M(), k(xA, { key: 1 }, [
               dA(" Caution here, message could've been compromised, never use user's input as message "),
               R("p", {
-                class: _A(H(o).e("content")),
+                class: qA(H(o).e("content")),
                 innerHTML: F.message
               }, null, 10, ["innerHTML"])
             ], 2112)) : (M(), k("p", {
               key: 0,
-              class: _A(H(o).e("content"))
+              class: qA(H(o).e("content"))
             }, he(F.message), 3))
           ]),
           F.showClose ? (M(), NA(H(hl), {
             key: 2,
-            class: _A(H(o).e("closeBtn")),
+            class: qA(H(o).e("closeBtn")),
             onClick: BA(N, ["stop"])
           }, {
             default: rA(() => [
@@ -1358,7 +1358,7 @@ var ff = /* @__PURE__ */ $o(Bf, [["__file", "message.vue"]]);
 let hf = 1;
 const cc = (e) => {
   const A = !e || kn(e) || Ds(e) || Zn(e) ? { message: e } : e, t = {
-    ...JA,
+    ...KA,
     ...A
   };
   if (!t.appendTo)
@@ -1714,7 +1714,7 @@ const Vf = { class: "property-layout-container" }, Tf = {
       return p.unshift({ label: "无", value: "" }), p;
     }, u = (d) => d.layout ? d.layout : ["text", "file", "textarea"].includes(d.type) ? "full" : "half";
     return ks("config", t.propsConfig), (d, p) => (M(), k("div", {
-      class: _A(o.value)
+      class: qA(o.value)
     }, [
       R("div", Vf, [
         (M(!0), k(xA, null, Ke(s.value, (f) => (M(), k(xA, {
@@ -1815,8 +1815,8 @@ function xf(e, A) {
   ]));
 }
 const Zf = /* @__PURE__ */ bA(bf, [["render", xf]]);
-var Ai = {}, ea = {}, GA = {};
-Object.defineProperty(GA, "__esModule", {
+var Ai = {}, ea = {}, YA = {};
+Object.defineProperty(YA, "__esModule", {
   value: !0
 });
 function kf(e, A) {
@@ -1826,7 +1826,7 @@ function kf(e, A) {
 var Of = function e(A, t) {
   kf(this, e), this.data = A, this.text = t.text || A, this.options = t;
 };
-GA.default = Of;
+YA.default = Of;
 Object.defineProperty(ea, "__esModule", {
   value: !0
 });
@@ -1841,7 +1841,7 @@ var Wf = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), Df = GA, Lf = Jf(Df);
+}(), Df = YA, Lf = Jf(Df);
 function Jf(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -1939,7 +1939,7 @@ var eh = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), th = GA, rh = nh(th), Ae = FA;
+}(), th = YA, rh = nh(th), Ae = FA;
 function nh(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2257,7 +2257,7 @@ me.CODE128 = Dh.default;
 me.CODE128A = Jh.default;
 me.CODE128B = Gh.default;
 me.CODE128C = zh.default;
-var qA = {}, ii = {}, pe = {};
+var $A = {}, ii = {}, pe = {};
 Object.defineProperty(pe, "__esModule", {
   value: !0
 });
@@ -2365,7 +2365,7 @@ var Ph = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), wt = pe, _h = Bt, wl = Fc(_h), qh = GA, $h = Fc(qh);
+}(), wt = pe, _h = Bt, wl = Fc(_h), qh = YA, $h = Fc(qh);
 function Fc(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2637,7 +2637,7 @@ var Fg = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), Cg = pe, Eg = Bt, mg = Cc(Eg), vg = GA, yg = Cc(vg);
+}(), Cg = pe, Eg = Bt, mg = Cc(Eg), vg = YA, yg = Cc(vg);
 function Cc(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2698,7 +2698,7 @@ var Sg = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), Mg = pe, bg = Bt, Hg = Ec(bg), xg = GA, Zg = Ec(xg);
+}(), Mg = pe, bg = Bt, Hg = Ec(bg), xg = YA, Zg = Ec(xg);
 function Ec(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2755,7 +2755,7 @@ var Lg = function() {
   };
 }();
 Hr.checksum = go;
-var Jg = Bt, Ft = mc(Jg), Kg = GA, Gg = mc(Kg);
+var Jg = Bt, Ft = mc(Jg), Kg = YA, Gg = mc(Kg);
 function mc(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2855,7 +2855,7 @@ var Pg = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), _g = Bt, qg = vc(_g), $g = GA, Ap = vc($g), ep = Hr;
+}(), _g = Bt, qg = vc(_g), $g = YA, Ap = vc($g), ep = Hr;
 function vc(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -2948,20 +2948,20 @@ function El(e, A) {
   return n = "" + A + n, "" + n + (0, ep.checksum)(n);
 }
 ui.default = op;
-Object.defineProperty(qA, "__esModule", {
+Object.defineProperty($A, "__esModule", {
   value: !0
 });
-qA.UPCE = qA.UPC = qA.EAN2 = qA.EAN5 = qA.EAN8 = qA.EAN13 = void 0;
+$A.UPCE = $A.UPC = $A.EAN2 = $A.EAN5 = $A.EAN8 = $A.EAN13 = void 0;
 var ip = ii, lp = zt(ip), sp = li, cp = zt(sp), up = si, dp = zt(up), Bp = ci, fp = zt(Bp), hp = Hr, gp = zt(hp), pp = ui, Up = zt(pp);
 function zt(e) {
   return e && e.__esModule ? e : { default: e };
 }
-qA.EAN13 = lp.default;
-qA.EAN8 = cp.default;
-qA.EAN5 = dp.default;
-qA.EAN2 = fp.default;
-qA.UPC = gp.default;
-qA.UPCE = Up.default;
+$A.EAN13 = lp.default;
+$A.EAN8 = cp.default;
+$A.EAN5 = dp.default;
+$A.EAN2 = fp.default;
+$A.UPC = gp.default;
+$A.UPCE = Up.default;
 var xt = {}, na = {}, xr = {};
 Object.defineProperty(xr, "__esModule", {
   value: !0
@@ -2982,7 +2982,7 @@ var Qp = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), en = xr, wp = GA, Fp = Cp(wp);
+}(), en = xr, wp = YA, Fp = Cp(wp);
 function Cp(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3109,7 +3109,7 @@ var Op = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), Wp = GA, Dp = Lp(Wp);
+}(), Wp = YA, Dp = Lp(Wp);
 function Lp(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3326,7 +3326,7 @@ var xU = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), ZU = GA, kU = OU(ZU);
+}(), ZU = YA, kU = OU(ZU);
 function OU(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3384,7 +3384,7 @@ var KU = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), GU = GA, YU = zU(GU);
+}(), GU = YA, YU = zU(GU);
 function zU(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3610,7 +3610,7 @@ var qU = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), tn = kr, $U = GA, A1 = e1($U);
+}(), tn = kr, $U = YA, A1 = e1($U);
 function e1(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3759,7 +3759,7 @@ var U1 = function() {
   return function(A, t, r) {
     return t && e(A.prototype, t), r && e(A, r), A;
   };
-}(), Q1 = GA, w1 = F1(Q1);
+}(), Q1 = YA, w1 = F1(Q1);
 function F1(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3802,7 +3802,7 @@ la.GenericBarcode = v1;
 Object.defineProperty(Ai, "__esModule", {
   value: !0
 });
-var y1 = ea, rn = me, Ct = qA, Rl = xt, nr = de, R1 = aa, V1 = oa, Vl = Zt, T1 = la;
+var y1 = ea, rn = me, Ct = $A, Rl = xt, nr = de, R1 = aa, V1 = oa, Vl = Zt, T1 = la;
 Ai.default = {
   CODE39: y1.CODE39,
   CODE128: rn.CODE128,
@@ -7105,7 +7105,7 @@ const VF = {
       };
     };
     return (a, o) => (M(), k("div", {
-      class: _A(["ruler", e.direction])
+      class: qA(["ruler", e.direction])
     }, [
       (M(!0), k(xA, null, Ke(t.value, (i) => (M(), k("div", {
         key: i,
@@ -7796,19 +7796,19 @@ function PF(e, A, t, r, n) {
     const lA = (V.clientX - i.value.x) / 3.7795275591 / Z, fA = (V.clientY - i.value.y) / 3.7795275591 / Z;
     let gA, sA;
     I === 0 ? (gA = lA, sA = fA) : (gA = lA * tA + fA * S, sA = -lA * S + fA * tA);
-    const kA = !!o.value.props.lockAspectRatio, DA = q / $, Kr = Math.abs(V.clientX - i.value.x), ya = Math.abs(V.clientY - i.value.y);
+    const kA = !!o.value.props.lockAspectRatio, LA = q / $, Kr = Math.abs(V.clientX - i.value.x), ya = Math.abs(V.clientY - i.value.y);
     if (kA && !B.value && (B.value = Kr > ya ? "x" : "y"), s.value.includes("-")) {
       if (kA && B.value)
-        B.value === "x" ? (["top-left", "bottom-left"].includes(s.value) ? O = Math.max(D, q - gA) : O = Math.max(D, q + gA), AA = O / DA) : (["top-left", "top-right"].includes(s.value) ? AA = Math.max(D, $ - sA) : AA = Math.max(D, $ + sA), O = AA * DA);
+        B.value === "x" ? (["top-left", "bottom-left"].includes(s.value) ? O = Math.max(D, q - gA) : O = Math.max(D, q + gA), AA = O / LA) : (["top-left", "top-right"].includes(s.value) ? AA = Math.max(D, $ - sA) : AA = Math.max(D, $ + sA), O = AA * LA);
       else if (s.value === "top-left" ? (O = Math.max(D, q - gA), AA = Math.max(D, $ - sA)) : s.value === "top-right" ? (O = Math.max(D, q + gA), AA = Math.max(D, $ - sA)) : s.value === "bottom-right" ? (O = Math.max(D, q + gA), AA = Math.max(D, $ + sA)) : s.value === "bottom-left" && (O = Math.max(D, q - gA), AA = Math.max(D, $ + sA)), kA) {
         const TA = O / AA;
-        if (Math.abs(TA - DA) > 0.01) {
+        if (Math.abs(TA - LA) > 0.01) {
           const le = Math.abs(O - q), qe = Math.abs(AA - $);
-          le > qe ? AA = O / DA : O = AA * DA;
+          le > qe ? AA = O / LA : O = AA * LA;
         }
       }
     } else
-      s.value === "top" ? (AA = Math.max(D, $ - sA), kA && (O = AA * DA)) : s.value === "bottom" ? (AA = Math.max(D, $ + sA), kA && (O = AA * DA)) : s.value === "left" ? (O = Math.max(D, q - gA), kA && (AA = O / DA)) : s.value === "right" && (O = Math.max(D, q + gA), kA && (AA = O / DA));
+      s.value === "top" ? (AA = Math.max(D, $ - sA), kA && (O = AA * LA)) : s.value === "bottom" ? (AA = Math.max(D, $ + sA), kA && (O = AA * LA)) : s.value === "left" ? (O = Math.max(D, q - gA), kA && (AA = O / LA)) : s.value === "right" && (O = Math.max(D, q + gA), kA && (AA = O / LA));
     const Gr = E(
       s.value,
       iA,
@@ -7818,22 +7818,22 @@ function PF(e, A, t, r, n) {
       I
     ), Ra = p.value.x - Gr.x, Va = p.value.y - Gr.y;
     let oe = b(iA + Ra), ie = b(P + Va);
-    const YA = e.value || 0, Ce = A.value || 0, Yr = oe, _t = oe + O, zr = ie, jr = ie + AA;
-    let zA = !1;
+    const zA = e.value || 0, Ce = A.value || 0, Yr = oe, _t = oe + O, zr = ie, jr = ie + AA;
+    let jA = !1;
     if (I !== 0)
-      zA = !0;
+      jA = !0;
     else {
       const TA = RA.CALCULATION.BOUNDARY_TOLERANCE;
-      (Yr < -TA || _t > YA + TA || zr < -TA || jr > Ce + TA) && (zA = !0);
+      (Yr < -TA || _t > zA + TA || zr < -TA || jr > Ce + TA) && (jA = !0);
     }
-    if (zA) {
-      const TA = C(oe, ie, O, AA, I, YA, Ce);
+    if (jA) {
+      const TA = C(oe, ie, O, AA, I, zA, Ce);
       if (TA.isOutOfBounds) {
         const le = RA.CALCULATION.BOUNDARY_TOLERANCE;
         let qe = 0, Ut = 0;
-        TA.minX < -le ? qe = -TA.minX + le : TA.maxX > YA + le && (qe = YA - TA.maxX + le), TA.minY < -le ? Ut = -TA.minY + le : TA.maxY > Ce + le && (Ut = Ce - TA.maxY + le);
+        TA.minX < -le ? qe = -TA.minX + le : TA.maxX > zA + le && (qe = zA - TA.maxX + le), TA.minY < -le ? Ut = -TA.minY + le : TA.maxY > Ce + le && (Ut = Ce - TA.maxY + le);
         const Xr = oe + qe, qt = ie + Ut;
-        if (!C(Xr, qt, O, AA, I, YA, Ce).isOutOfBounds)
+        if (!C(Xr, qt, O, AA, I, zA, Ce).isOutOfBounds)
           oe = Xr, ie = qt;
         else
           return;
@@ -8100,10 +8100,10 @@ function tC(e = {}) {
         { x: I, y: L + S }
         // 左下角
       ], O = I + tA / 2, AA = L + S / 2, lA = D.map((sA) => {
-        const kA = sA.x - O, DA = sA.y - AA;
+        const kA = sA.x - O, LA = sA.y - AA;
         return {
-          x: O + kA * iA - DA * P,
-          y: AA + kA * P + DA * iA
+          x: O + kA * iA - LA * P,
+          y: AA + kA * P + LA * iA
         };
       }), fA = lA.map((sA) => sA.x), gA = lA.map((sA) => sA.y);
       q = {
@@ -8309,7 +8309,7 @@ var mo = function() {
     return A;
   }, mo.apply(this, arguments);
 };
-function KA(e, A, t, r) {
+function GA(e, A, t, r) {
   function n(a) {
     return a instanceof t ? a : new t(function(o) {
       o(a);
@@ -8336,7 +8336,7 @@ function KA(e, A, t, r) {
     s((r = r.apply(e, A || [])).next());
   });
 }
-function OA(e, A) {
+function WA(e, A) {
   var t = { label: 0, sent: function() {
     if (a[0] & 1)
       throw a[1];
@@ -8657,12 +8657,12 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
       return { done: !0, value: null };
     }
   };
-}, DC = 1, LC = 2, Lr = 4, _l = 8, Jn = 10, ql = 47, wr = 92, JC = 9, KC = 32, gn = 34, ir = 61, GC = 35, YC = 36, zC = 37, pn = 39, Un = 40, lr = 41, jC = 95, PA = 45, XC = 33, PC = 60, _C = 62, qC = 64, $C = 91, AE = 93, eE = 61, tE = 123, Qn = 63, rE = 125, $l = 124, nE = 126, aE = 128, As = 65533, Pa = 42, rt = 43, oE = 44, iE = 58, lE = 59, Nr = 46, sE = 0, cE = 8, uE = 11, dE = 14, BE = 31, fE = 127, Ee = -1, du = 48, Bu = 97, fu = 101, hE = 102, gE = 117, pE = 122, hu = 65, gu = 69, pu = 70, UE = 85, QE = 90, WA = function(e) {
+}, DC = 1, LC = 2, Lr = 4, _l = 8, Jn = 10, ql = 47, wr = 92, JC = 9, KC = 32, gn = 34, ir = 61, GC = 35, YC = 36, zC = 37, pn = 39, Un = 40, lr = 41, jC = 95, _A = 45, XC = 33, PC = 60, _C = 62, qC = 64, $C = 91, AE = 93, eE = 61, tE = 123, Qn = 63, rE = 125, $l = 124, nE = 126, aE = 128, As = 65533, Pa = 42, rt = 43, oE = 44, iE = 58, lE = 59, Nr = 46, sE = 0, cE = 8, uE = 11, dE = 14, BE = 31, fE = 127, Ee = -1, du = 48, Bu = 97, fu = 101, hE = 102, gE = 117, pE = 122, hu = 65, gu = 69, pu = 70, UE = 85, QE = 90, DA = function(e) {
   return e >= du && e <= 57;
 }, wE = function(e) {
   return e >= 55296 && e <= 57343;
 }, vt = function(e) {
-  return WA(e) || e >= hu && e <= pu || e >= Bu && e <= hE;
+  return DA(e) || e >= hu && e <= pu || e >= Bu && e <= hE;
 }, FE = function(e) {
   return e >= Bu && e <= pE;
 }, CE = function(e) {
@@ -8676,29 +8676,29 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
 }, Kn = function(e) {
   return EE(e) || mE(e) || e === jC;
 }, es = function(e) {
-  return Kn(e) || WA(e) || e === PA;
+  return Kn(e) || DA(e) || e === _A;
 }, vE = function(e) {
   return e >= sE && e <= cE || e === uE || e >= dE && e <= BE || e === fE;
 }, ke = function(e, A) {
   return e !== wr ? !1 : A !== Jn;
 }, Fn = function(e, A, t) {
-  return e === PA ? Kn(A) || ke(A, t) : Kn(e) ? !0 : !!(e === wr && ke(e, A));
+  return e === _A ? Kn(A) || ke(A, t) : Kn(e) ? !0 : !!(e === wr && ke(e, A));
 }, _a = function(e, A, t) {
-  return e === rt || e === PA ? WA(A) ? !0 : A === Nr && WA(t) : WA(e === Nr ? A : e);
+  return e === rt || e === _A ? DA(A) ? !0 : A === Nr && DA(t) : DA(e === Nr ? A : e);
 }, yE = function(e) {
   var A = 0, t = 1;
-  (e[A] === rt || e[A] === PA) && (e[A] === PA && (t = -1), A++);
-  for (var r = []; WA(e[A]); )
+  (e[A] === rt || e[A] === _A) && (e[A] === _A && (t = -1), A++);
+  for (var r = []; DA(e[A]); )
     r.push(e[A++]);
   var n = r.length ? parseInt(yA.apply(void 0, r), 10) : 0;
   e[A] === Nr && A++;
-  for (var a = []; WA(e[A]); )
+  for (var a = []; DA(e[A]); )
     a.push(e[A++]);
   var o = a.length, i = o ? parseInt(yA.apply(void 0, a), 10) : 0;
   (e[A] === gu || e[A] === fu) && A++;
   var l = 1;
-  (e[A] === rt || e[A] === PA) && (e[A] === PA && (l = -1), A++);
-  for (var s = []; WA(e[A]); )
+  (e[A] === rt || e[A] === _A) && (e[A] === _A && (l = -1), A++);
+  for (var s = []; DA(e[A]); )
     s.push(e[A++]);
   var c = s.length ? parseInt(yA.apply(void 0, s), 10) : 0;
   return t * (n + i * Math.pow(10, -o)) * Math.pow(10, l * c);
@@ -8809,13 +8809,13 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
           break;
         case oE:
           return TE;
-        case PA:
+        case _A:
           var i = A, l = this.peekCodePoint(0), s = this.peekCodePoint(1);
           if (_a(i, l, s))
             return this.reconsumeCodePoint(A), this.consumeNumericToken();
           if (Fn(i, l, s))
             return this.reconsumeCodePoint(A), this.consumeIdentLikeToken();
-          if (l === PA && s === _C)
+          if (l === _A && s === _C)
             return this.consumeCodePoint(), this.consumeCodePoint(), WE;
           break;
         case Nr:
@@ -8837,7 +8837,7 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
         case lE:
           return LE;
         case PC:
-          if (this.peekCodePoint(0) === XC && this.peekCodePoint(1) === PA && this.peekCodePoint(2) === PA)
+          if (this.peekCodePoint(0) === XC && this.peekCodePoint(1) === _A && this.peekCodePoint(2) === _A)
             return this.consumeCodePoint(), this.consumeCodePoint(), OE;
           break;
         case qC:
@@ -8880,7 +8880,7 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
         case Ee:
           return Ho;
       }
-      return wn(A) ? (this.consumeWhiteSpace(), GE) : WA(A) ? (this.reconsumeCodePoint(A), this.consumeNumericToken()) : Kn(A) ? (this.reconsumeCodePoint(A), this.consumeIdentLikeToken()) : { type: 6, value: yA(A) };
+      return wn(A) ? (this.consumeWhiteSpace(), GE) : DA(A) ? (this.reconsumeCodePoint(A), this.consumeNumericToken()) : Kn(A) ? (this.reconsumeCodePoint(A), this.consumeIdentLikeToken()) : { type: 6, value: yA(A) };
     }, e.prototype.consumeCodePoint = function() {
       var A = this._value.shift();
       return typeof A > "u" ? -1 : A;
@@ -8902,7 +8902,7 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
         return { type: 30, start: n, end: a };
       }
       var o = parseInt(yA.apply(void 0, A), 16);
-      if (this.peekCodePoint(0) === PA && vt(this.peekCodePoint(1))) {
+      if (this.peekCodePoint(0) === _A && vt(this.peekCodePoint(1))) {
         this.consumeCodePoint(), t = this.consumeCodePoint();
         for (var i = []; vt(t) && i.length < 6; )
           i.push(t), t = this.consumeCodePoint();
@@ -8970,17 +8970,17 @@ var mC = "KwAAAAAAAAAACA4AUD0AADAgAAACAAAAAAAIABAAGABAAEgAUABYAGAAaABgAGgAYgBqAF
       } while (!0);
     }, e.prototype.consumeNumber = function() {
       var A = [], t = Lr, r = this.peekCodePoint(0);
-      for ((r === rt || r === PA) && A.push(this.consumeCodePoint()); WA(this.peekCodePoint(0)); )
+      for ((r === rt || r === _A) && A.push(this.consumeCodePoint()); DA(this.peekCodePoint(0)); )
         A.push(this.consumeCodePoint());
       r = this.peekCodePoint(0);
       var n = this.peekCodePoint(1);
-      if (r === Nr && WA(n))
-        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = _l; WA(this.peekCodePoint(0)); )
+      if (r === Nr && DA(n))
+        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = _l; DA(this.peekCodePoint(0)); )
           A.push(this.consumeCodePoint());
       r = this.peekCodePoint(0), n = this.peekCodePoint(1);
       var a = this.peekCodePoint(2);
-      if ((r === gu || r === fu) && ((n === rt || n === PA) && WA(a) || WA(n)))
-        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = _l; WA(this.peekCodePoint(0)); )
+      if ((r === gu || r === fu) && ((n === rt || n === _A) && DA(a) || DA(n)))
+        for (A.push(this.consumeCodePoint(), this.consumeCodePoint()), t = _l; DA(this.peekCodePoint(0)); )
           A.push(this.consumeCodePoint());
       return [yE(A), t];
     }, e.prototype.consumeNumericToken = function() {
@@ -11749,9 +11749,9 @@ var zv = 1, eo = 2, to = 3, fs = 4, hs = 5, jv = 7, gs = 8, ro = 9, no = 10, ps
       if (!n.contentWindow)
         return Promise.reject("Unable to find iframe window");
       var a = A.defaultView.pageXOffset, o = A.defaultView.pageYOffset, i = n.contentWindow, l = i.document, s = Zy(n).then(function() {
-        return KA(r, void 0, void 0, function() {
+        return GA(r, void 0, void 0, function() {
           var c, u;
-          return OA(this, function(d) {
+          return WA(this, function(d) {
             switch (d.label) {
               case 0:
                 return this.scrolledElements.forEach(Dy), i && (i.scrollTo(t.left, t.top), /(iPad|iPhone|iPod)/g.test(navigator.userAgent) && (i.scrollY !== t.top || i.scrollX !== t.left) && (this.context.logger.warn("Unable to restore scroll position for cloned document"), this.context.windowBounds = this.context.windowBounds.add(i.scrollX - t.left, i.scrollY - t.top, 0, 0))), c = this.options.onclone, u = this.clonedReferenceElement, typeof u > "u" ? [2, Promise.reject("Error finding the " + this.referenceElement.nodeName + " in the cloned document")] : l.fonts && l.fonts.ready ? [4, l.fonts.ready] : [3, 2];
@@ -12017,9 +12017,9 @@ var by = function(e, A) {
     }, e.prototype.match = function(A) {
       return this._cache[A];
     }, e.prototype.loadImage = function(A) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var t, r, n, a, o = this;
-        return OA(this, function(i) {
+        return WA(this, function(i) {
           switch (i.label) {
             case 0:
               return t = ed.isSameOrigin(A), r = !so(A) && this._options.useCORS === !0 && HA.SUPPORT_CORS_IMAGES && !t, n = !so(A) && !t && !co(A) && typeof this._options.proxy == "string" && HA.SUPPORT_CORS_XHR && !r, !t && this._options.allowTaint === !1 && !so(A) && !co(A) && !n && !r ? [
@@ -12520,9 +12520,9 @@ var CA = function(e, A, t, r, n) {
     }, A.prototype.popEffect = function() {
       this._activeEffects.pop(), this.ctx.restore();
     }, A.prototype.renderStack = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r;
-        return OA(this, function(n) {
+        return WA(this, function(n) {
           switch (n.label) {
             case 0:
               return r = t.element.container.styles, r.isVisible() ? [4, this.renderStackContent(t)] : [3, 2];
@@ -12537,8 +12537,8 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderNode = function(t) {
-      return KA(this, void 0, void 0, function() {
-        return OA(this, function(r) {
+      return GA(this, void 0, void 0, function() {
+        return WA(this, function(r) {
           switch (r.label) {
             case 0:
               if (IA(
@@ -12580,9 +12580,9 @@ var CA = function(e, A, t, r, n) {
         a
       ];
     }, A.prototype.renderTextNode = function(t, r) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var n, a, o, i, l, s, c, u, d = this;
-        return OA(this, function(p) {
+        return WA(this, function(p) {
           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) {
@@ -12622,9 +12622,9 @@ var CA = function(e, A, t, r, n) {
         this.path(o), this.ctx.save(), this.ctx.clip(), this.ctx.drawImage(n, 0, 0, t.intrinsicWidth, t.intrinsicHeight, a.left, a.top, a.width, a.height), this.ctx.restore();
       }
     }, A.prototype.renderNodeContent = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r, n, a, o, i, l, U, U, s, c, u, d, Q, p, f, E, B, h, g, U, C, Q, E;
-        return OA(this, function(v) {
+        return WA(this, function(v) {
           switch (v.label) {
             case 0:
               this.applyEffects(t.getEffects(
@@ -12723,9 +12723,9 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderStackContent = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r, n, g, a, o, g, i, l, g, s, c, g, u, d, g, p, f, g, B, h, g;
-        return OA(this, function(U) {
+        return WA(this, function(U) {
           switch (U.label) {
             case 0:
               if (IA(
@@ -12822,14 +12822,14 @@ var CA = function(e, A, t, r, n) {
       var l = i.getContext("2d");
       return l.drawImage(t, 0, 0, t.width, t.height, 0, 0, r, n), i;
     }, A.prototype.renderBackgroundImage = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r, n, a, o, i, l;
-        return OA(this, function(s) {
+        return WA(this, function(s) {
           switch (s.label) {
             case 0:
               r = t.styles.backgroundImage.length - 1, n = function(c) {
                 var u, d, p, V, S, q, I, L, x, f, V, S, q, I, L, B, h, g, U, C, Q, E, v, N, x, F, V, y, Z, I, L, tA, S, q, $, iA, P, D, O, AA, lA, fA;
-                return OA(this, function(gA) {
+                return WA(this, function(gA) {
                   switch (gA.label) {
                     case 0:
                       if (c.type !== 0)
@@ -12880,8 +12880,8 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderSolidBorder = function(t, r, n) {
-      return KA(this, void 0, void 0, function() {
-        return OA(this, function(a) {
+      return GA(this, void 0, void 0, function() {
+        return WA(this, function(a) {
           return this.path(xs(n, r)), this.ctx.fillStyle = MA(t), this.ctx.fill(), [
             2
             /*return*/
@@ -12889,9 +12889,9 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderDoubleBorder = function(t, r, n, a) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var o, i;
-        return OA(this, function(l) {
+        return WA(this, function(l) {
           switch (l.label) {
             case 0:
               return r < 3 ? [4, this.renderSolidBorder(t, n, a)] : [3, 2];
@@ -12909,9 +12909,9 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderNodeBackgroundAndBorders = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r, n, a, o, i, l, s, c, u = this;
-        return OA(this, function(d) {
+        return WA(this, function(d) {
           switch (d.label) {
             case 0:
               return this.applyEffects(t.getEffects(
@@ -12974,9 +12974,9 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.renderDashedDottedBorder = function(t, r, n, a, o) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var i, l, s, c, u, d, p, f, B, h, g, U, C, Q, E, v, E, v;
-        return OA(this, function(N) {
+        return WA(this, function(N) {
           return this.ctx.save(), i = sR(a, n), l = xs(a, n), o === 2 && (this.path(l), this.ctx.clip()), ce(l[0]) ? (s = l[0].start.x, c = l[0].start.y) : (s = l[0].x, c = l[0].y), ce(l[1]) ? (u = l[1].end.x, d = l[1].end.y) : (u = l[1].x, d = l[1].y), n === 0 || n === 2 ? p = Math.abs(s - u) : p = 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), h = !0, p <= f * 2 ? h = !1 : p <= f * 2 + B ? (g = p / (2 * f + B), f *= g, B *= g) : (U = Math.floor((p + B) / (f + B)), C = (p - U * f) / (U - 1), Q = (p - (U + 1) * f) / U, B = Q <= 0 || Math.abs(B - C) < Math.abs(B - Q) ? C : Q), h && (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 && (ce(l[0]) && (E = l[3], v = l[0], this.ctx.beginPath(), this.formatPath([new J(E.end.x, E.end.y), new J(v.start.x, v.start.y)]), this.ctx.stroke()), ce(l[1]) && (E = l[1], v = l[2], this.ctx.beginPath(), this.formatPath([new J(E.end.x, E.end.y), new J(v.start.x, v.start.y)]), this.ctx.stroke())), this.ctx.restore(), [
             2
             /*return*/
@@ -12984,9 +12984,9 @@ var CA = function(e, A, t, r, n) {
         });
       });
     }, A.prototype.render = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r;
-        return OA(this, function(n) {
+        return WA(this, function(n) {
           switch (n.label) {
             case 0:
               return this.options.backgroundColor && (this.ctx.fillStyle = MA(this.options.backgroundColor), this.ctx.fillRect(this.options.x, this.options.y, this.options.width, this.options.height)), r = oR(t), [4, this.renderStack(r)];
@@ -13032,9 +13032,9 @@ var CA = function(e, A, t, r, n) {
       return n.canvas = r.canvas ? r.canvas : document.createElement("canvas"), n.ctx = n.canvas.getContext("2d"), n.options = r, n.canvas.width = Math.floor(r.width * r.scale), n.canvas.height = Math.floor(r.height * r.scale), n.canvas.style.width = r.width + "px", n.canvas.style.height = r.height + "px", n.ctx.scale(n.options.scale, n.options.scale), n.ctx.translate(-r.x, -r.y), n.context.logger.debug("EXPERIMENTAL ForeignObject renderer initialized (" + r.width + "x" + r.height + " at " + r.x + "," + r.y + ") with scale " + r.scale), n;
     }
     return A.prototype.render = function(t) {
-      return KA(this, void 0, void 0, function() {
+      return GA(this, void 0, void 0, function() {
         var r, n;
-        return OA(this, function(a) {
+        return WA(this, function(a) {
           switch (a.label) {
             case 0:
               return r = Oo(this.options.width * this.options.scale, this.options.height * this.options.scale, this.options.scale, this.options.scale, t), [4, mR(r)];
@@ -13093,9 +13093,9 @@ var CA = function(e, A, t, r, n) {
 };
 typeof window < "u" && ed.setContext(window);
 var VR = function(e, A) {
-  return KA(void 0, void 0, void 0, function() {
+  return GA(void 0, void 0, void 0, function() {
     var t, r, n, a, o, i, l, s, c, u, d, p, f, B, h, g, U, C, Q, E, N, v, N, x, F, V, y, Z, I, L, tA, S, q, $, iA, P, D, O, AA, lA;
-    return OA(this, function(fA) {
+    return WA(this, function(fA) {
       switch (fA.label) {
         case 0:
           if (!e || typeof e != "object")
@@ -13352,9 +13352,10 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
         if (!m || !s.value || !c.value)
           return;
         const w = m.getBoundingClientRect(), W = Wn(s.value), eA = Wn(c.value), cA = 16, z = 21, nA = 21, _ = 20, T = 24, G = 24, aA = w.width - cA * 2 - z - G, EA = w.height - cA - nA - _ - T;
-        let UA = aA / W, SA = EA / eA, jA = Math.min(UA, SA);
-        const LA = Math.min(4, jA);
-        l = Math.max(0.8, Math.min(LA, jA)), i.value = P(l, 1), setTimeout(() => {
+        let UA = aA / W, SA = EA / eA, OA = Math.min(UA, SA);
+        OA = OA * 0.95;
+        const JA = Math.min(4, OA);
+        l = Math.max(0.8, Math.min(JA, OA)), i.value = P(l, 1), setTimeout(() => {
           n.value = 1, a.value = !1;
         }, 500);
       });
@@ -13431,7 +13432,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
       var w;
       const m = U();
       return !m || m.type !== "line" ? ((w = m == null ? void 0 : m.props) == null ? void 0 : w.y) || 0 : m.props.y1 || m.props.y || 0;
-    }, DA = (m, w) => {
+    }, LA = (m, w) => {
       const W = U();
       if (!W || W.type !== "line") {
         Ce(m, w);
@@ -13440,12 +13441,12 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
       const eA = Number(w);
       if (isNaN(eA))
         return;
-      const cA = W.props.width || 15, z = W.props.rotation || 0, _ = (W.props.height || 0.5) / 2, T = cA / 2, G = _, aA = z * Math.PI / 180, EA = Math.cos(aA), UA = Math.sin(aA), jA = -(cA / 2), LA = 0, $A = jA * EA - LA * UA, XA = jA * UA + LA * EA;
+      const cA = W.props.width || 15, z = W.props.rotation || 0, _ = (W.props.height || 0.5) / 2, T = cA / 2, G = _, aA = z * Math.PI / 180, EA = Math.cos(aA), UA = Math.sin(aA), OA = -(cA / 2), XA = 0, JA = OA * EA - XA * UA, PA = OA * UA + XA * EA;
       if (m === "x") {
-        const Ve = eA - T - $A;
+        const Ve = eA - T - JA;
         W.props.x = Number(Ve.toFixed(2));
       } else if (m === "y") {
-        const Ve = eA - G - XA;
+        const Ve = eA - G - PA;
         W.props.y = Number(Ve.toFixed(2));
       }
     };
@@ -13472,23 +13473,23 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
       const w = JSON.parse(((ji = (Pr = m == null ? void 0 : m.dataTransfer) == null ? void 0 : Pr.getData) == null ? void 0 : ji.call(Pr, "comp")) || "{}") || {}, W = (w == null ? void 0 : w.type) || "";
       if (!W)
         return;
-      const eA = document.querySelector("#design").getBoundingClientRect(), cA = (m.clientX - eA.left) / i.value, z = (m.clientY - eA.top) / i.value, nA = zA.value[W] || {};
+      const eA = document.querySelector("#design").getBoundingClientRect(), cA = (m.clientX - eA.left) / i.value, z = (m.clientY - eA.top) / i.value, nA = jA.value[W] || {};
       let _ = Sl(cA), T = Sl(z);
       const G = nA.width, aA = nA.height, EA = s.value - G, UA = c.value - aA;
       _ = Math.max(0, Math.min(_, EA)), T = Math.max(0, Math.min(T, UA));
-      const { propertyPanel: SA, ...jA } = nA;
-      let LA = { ...jA, x: b(_), y: b(T), width: b(G), height: b(aA) };
-      if ((Xi = zA.value[W]) != null && Xi.propertyPanel) {
-        const $e = gt(zA.value[W].propertyPanel) || {};
-        if (LA = {
-          ...LA,
+      const { propertyPanel: SA, ...OA } = nA;
+      let XA = { ...OA, x: b(_), y: b(T), width: b(G), height: b(aA) };
+      if ((Xi = jA.value[W]) != null && Xi.propertyPanel) {
+        const $e = gt(jA.value[W].propertyPanel) || {};
+        if (XA = {
+          ...XA,
           ...$e
         }, W === "line" && $e.LineWidth) {
           const Qt = parseFloat($e.LineWidth) * 0.3528;
-          LA.height = b(Qt, 3);
+          XA.height = b(Qt, 3);
         }
       }
-      const XA = (($e, Ta) => {
+      const PA = (($e, Ta) => {
         const { width: Qt, height: _r, lockAspectRatio: sd } = $e;
         let $t = Qt, Ar = _r;
         const qr = s.value - 2, $r = c.value - 2;
@@ -13501,15 +13502,15 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
           width: $t,
           height: Ar
         };
-      })(LA);
-      if (LA.width = XA.width, LA.height = XA.height, XA.width !== G || XA.height !== aA) {
-        const $e = s.value - XA.width, Ta = c.value - XA.height;
-        _ = Math.max(0, Math.min(_, $e)), T = Math.max(0, Math.min(T, Ta)), LA.x = b(_), LA.y = b(T);
+      })(XA);
+      if (XA.width = PA.width, XA.height = PA.height, PA.width !== G || PA.height !== aA) {
+        const $e = s.value - PA.width, Ta = c.value - PA.height;
+        _ = Math.max(0, Math.min(_, $e)), T = Math.max(0, Math.min(T, Ta)), XA.x = b(_), XA.y = b(T);
       }
       const Ve = {
         id: le(),
         type: W,
-        props: LA
+        props: XA
       };
       o.value.push(Ve), g(Ve);
     };
@@ -13543,7 +13544,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
       var W;
       const w = document.activeElement.tagName.toLowerCase();
       w === "input" || w === "textarea" || (m.key === "Delete" || m.key === "Backspace") && h.value.length > 0 && oe((W = U()) == null ? void 0 : W.id);
-    }, { handleMouseWheel: YA, handleInputChange: Ce, adjustRotation: Yr } = AC(h, s, c), _t = () => {
+    }, { handleMouseWheel: zA, handleInputChange: Ce, adjustRotation: Yr } = AC(h, s, c), _t = () => {
       setTimeout(() => {
         const m = document.querySelector(".center-container");
         if (!m)
@@ -13555,11 +13556,11 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
     wA(() => t.templateInfo, (m, w) => {
       m !== w && (r.value = m || {}, o.value = (m == null ? void 0 : m.items) || []);
     }, { deep: !0, immediate: !0 });
-    const { handleCopy: zr, handlePaste: jr } = eC(o, h, s, c), zA = X({}), pt = X(!1), TA = async (m) => {
+    const { handleCopy: zr, handlePaste: jr } = eC(o, h, s, c), jA = X({}), pt = X(!1), TA = async (m) => {
       try {
-        pt.value = !1, zA.value = await UF(m), pt.value = !0;
+        pt.value = !1, jA.value = await UF(m), pt.value = !0;
       } catch {
-        zA.value = {}, pt.value = !0;
+        jA.value = {}, pt.value = !0;
       }
     };
     wA(() => t.templateType, async (m) => {
@@ -13580,9 +13581,9 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
     }
     const qe = (m) => {
       var W;
-      if (!zA.value || !zA.value[m])
+      if (!jA.value || !jA.value[m])
         return {};
-      const w = zA.value[m] || {};
+      const w = jA.value[m] || {};
       return m === "image" && ((W = t.config) != null && W.image) ? {
         ...w,
         image: {
@@ -13657,19 +13658,19 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
               onclone: (UA) => {
                 const SA = UA.querySelector(".canvas-wrapper");
                 if (SA) {
-                  const XA = SA.style.transform.replace(/scale\([^)]*\)/g, "").replace(/\s+/g, " ").trim();
-                  SA.style.transform = XA || "none", SA.style.opacity = "1";
+                  const PA = SA.style.transform.replace(/scale\([^)]*\)/g, "").replace(/\s+/g, " ").trim();
+                  SA.style.transform = PA || "none", SA.style.opacity = "1";
                 }
-                const jA = UA.querySelector("#design");
-                if (jA) {
-                  const $A = window.getComputedStyle(G);
-                  for (let XA = 0; XA < $A.length; XA++) {
-                    const Ve = $A[XA];
-                    jA.style[Ve] = $A.getPropertyValue(Ve);
+                const OA = UA.querySelector("#design");
+                if (OA) {
+                  const JA = window.getComputedStyle(G);
+                  for (let PA = 0; PA < JA.length; PA++) {
+                    const Ve = JA[PA];
+                    OA.style[Ve] = JA.getPropertyValue(Ve);
                   }
                 }
-                UA.querySelectorAll("img").forEach(($A) => {
-                  $A.style.imageRendering = "high-quality", $A.style.webkitImageRendering = "high-quality", $A.style.mozImageRendering = "high-quality", $A.style.objectFit = "contain", $A.style.objectPosition = "center";
+                UA.querySelectorAll("img").forEach((JA) => {
+                  JA.style.imageRendering = "high-quality", JA.style.webkitImageRendering = "high-quality", JA.style.mozImageRendering = "high-quality", JA.style.objectFit = "contain", JA.style.objectPosition = "center";
                 });
               }
             }).then((UA) => {
@@ -13712,7 +13713,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
           j(RF, {
             onDragStart: ya,
             config: e.config,
-            propsConfig: zA.value
+            propsConfig: jA.value
           }, null, 8, ["config", "propsConfig"])
         ]),
         R("div", SR, [
@@ -13789,7 +13790,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                 H(Z) ? (M(), k("div", LR, [
                   (M(!0), k(xA, null, Ke(H(y).horizontal, (T, G) => (M(), k("div", {
                     key: `h-${G}`,
-                    class: _A(["alignment-guide horizontal", `guide-${T.type}`]),
+                    class: qA(["alignment-guide horizontal", `guide-${T.type}`]),
                     style: oA({
                       top: `${T.y}mm`,
                       left: "0",
@@ -13798,7 +13799,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                   }, null, 6))), 128)),
                   (M(!0), k(xA, null, Ke(H(y).vertical, (T, G) => (M(), k("div", {
                     key: `v-${G}`,
-                    class: _A(["alignment-guide vertical", `guide-${T.type}`]),
+                    class: qA(["alignment-guide vertical", `guide-${T.type}`]),
                     style: oA({
                       left: `${T.x}mm`,
                       top: "0",
@@ -13810,7 +13811,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                   var G;
                   return M(), k("div", {
                     key: T.id,
-                    class: _A(["canvas-item", AA(T)]),
+                    class: qA(["canvas-item", AA(T)]),
                     style: oA(O(T)),
                     "data-item-id": T.id,
                     onMousedown: (aA) => Va(aA, T)
@@ -13896,11 +13897,11 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                     T.props && pt.value ? (M(), NA(yr(((G = D(T.type)) == null ? void 0 : G.component) || null), {
                       key: `${T.id}-${T.type}`,
                       modelValue: { ...T.props, __selected: H(U)() === T, options: t.options },
-                      propsConfig: zA.value,
+                      propsConfig: jA.value,
                       "onUpdate:modelValue": (aA) => {
                         const { __selected: EA, options: UA, ...SA } = aA;
-                        Object.keys(SA).forEach((jA) => {
-                          SA[jA] !== void 0 && (T.props[jA] = SA[jA]);
+                        Object.keys(SA).forEach((OA) => {
+                          SA[OA] !== void 0 && (T.props[OA] = SA[OA]);
                         });
                       }
                     }, null, 8, ["modelValue", "propsConfig", "onUpdate:modelValue"])) : dA("", !0)
@@ -13918,19 +13919,19 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                 R("label", null, he(H(U)().type === "line" ? "起点X:" : "X坐标:"), 1),
                 R("div", r2, [
                   R("button", {
-                    onClick: w[2] || (w[2] = BA((T) => H(YA)(T, "x", -0.5), ["stop"]))
+                    onClick: w[2] || (w[2] = BA((T) => H(zA)(T, "x", -0.5), ["stop"]))
                   }, "-"),
                   R("input", {
                     type: "number",
                     value: sA(),
-                    onInput: w[3] || (w[3] = (T) => DA("x", T.target.value)),
+                    onInput: w[3] || (w[3] = (T) => LA("x", T.target.value)),
                     onClick: w[4] || (w[4] = BA(() => {
                     }, ["stop"])),
                     onMousedown: w[5] || (w[5] = BA(() => {
                     }, ["stop"]))
                   }, null, 40, n2),
                   R("button", {
-                    onClick: w[6] || (w[6] = BA((T) => H(YA)(T, "x", 0.5), ["stop"]))
+                    onClick: w[6] || (w[6] = BA((T) => H(zA)(T, "x", 0.5), ["stop"]))
                   }, "+")
                 ])
               ]),
@@ -13938,19 +13939,19 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                 R("label", null, he(H(U)().type === "line" ? "起点Y:" : "Y坐标:"), 1),
                 R("div", o2, [
                   R("button", {
-                    onClick: w[7] || (w[7] = BA((T) => H(YA)(T, "y", -0.5), ["stop"]))
+                    onClick: w[7] || (w[7] = BA((T) => H(zA)(T, "y", -0.5), ["stop"]))
                   }, "-"),
                   R("input", {
                     type: "number",
                     value: kA(),
-                    onInput: w[8] || (w[8] = (T) => DA("y", T.target.value)),
+                    onInput: w[8] || (w[8] = (T) => LA("y", T.target.value)),
                     onClick: w[9] || (w[9] = BA(() => {
                     }, ["stop"])),
                     onMousedown: w[10] || (w[10] = BA(() => {
                     }, ["stop"]))
                   }, null, 40, i2),
                   R("button", {
-                    onClick: w[11] || (w[11] = BA((T) => H(YA)(T, "y", 0.5), ["stop"]))
+                    onClick: w[11] || (w[11] = BA((T) => H(zA)(T, "y", 0.5), ["stop"]))
                   }, "+")
                 ])
               ]),
@@ -13958,7 +13959,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                 w[34] || (w[34] = R("label", null, "宽度:", -1)),
                 R("div", s2, [
                   R("button", {
-                    onClick: w[12] || (w[12] = BA((T) => H(YA)(T, "width", -0.5, 1), ["stop"]))
+                    onClick: w[12] || (w[12] = BA((T) => H(zA)(T, "width", -0.5, 1), ["stop"]))
                   }, "-"),
                   Qe(R("input", {
                     type: "number",
@@ -13977,7 +13978,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                     ]
                   ]),
                   R("button", {
-                    onClick: w[17] || (w[17] = BA((T) => H(YA)(T, "width", 0.5, 1), ["stop"]))
+                    onClick: w[17] || (w[17] = BA((T) => H(zA)(T, "width", 0.5, 1), ["stop"]))
                   }, "+")
                 ])
               ])) : dA("", !0),
@@ -13985,7 +13986,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                 w[35] || (w[35] = R("label", null, "高度:", -1)),
                 R("div", u2, [
                   R("button", {
-                    onClick: w[18] || (w[18] = BA((T) => H(YA)(T, "height", -0.5, 1), ["stop"]))
+                    onClick: w[18] || (w[18] = BA((T) => H(zA)(T, "height", -0.5, 1), ["stop"]))
                   }, "-"),
                   Qe(R("input", {
                     type: "number",
@@ -14004,7 +14005,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
                     ]
                   ]),
                   R("button", {
-                    onClick: w[23] || (w[23] = BA((T) => H(YA)(T, "height", 0.5, 1), ["stop"]))
+                    onClick: w[23] || (w[23] = BA((T) => H(zA)(T, "height", 0.5, 1), ["stop"]))
                   }, "+")
                 ])
               ])) : dA("", !0),
@@ -14058,7 +14059,7 @@ const IR = { class: "label-designer" }, NR = { class: "toolbar" }, SR = { class:
       ]);
     };
   }
-}, p2 = /* @__PURE__ */ bA(g2, [["__scopeId", "data-v-9194c01b"]]);
+}, p2 = /* @__PURE__ */ bA(g2, [["__scopeId", "data-v-90f39283"]]);
 const U2 = {
   __name: "index",
   props: {
@@ -14168,7 +14169,7 @@ const U2 = {
       return Qe((M(), k("div", {
         ref_key: "templateDesignerRef",
         ref: a,
-        class: _A(["template-designer", { "template-designer-border-top": i.value }]),
+        class: qA(["template-designer", { "template-designer-border-top": i.value }]),
         style: oA({ height: "calc(100vh - " + (o.value + 1) + "px)" })
       }, [
         r.value ? (M(), NA(yr(vd(p2, { ...h.$attrs, ...t, ref: B }, h.$slots)), {