@netless/appliance-plugin 1.1.30 → 1.1.32

package/dist/{index-GAInlqSm.mjs → index-B9IvzEGP.mjs}

@@ -1,7 +1,7 @@
 var _e = Object.defineProperty;
-var He = (T, i, t) => i in T ? _e(T, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : T[i] = t;
-var y = (T, i, t) => He(T, typeof i != "symbol" ? i + "" : i, t);
-import { g as Jt, _ as Ie, i as te, p as St, e as Tt, D as J, f as E, h as Rt, j as Ht, k as st, P as O, l as I, s as Vt, m as ee, n as Nt, o as se, r as Ve, q as qe, c as k, t as Mt, u as U, a as w, b as x, v as A, w as G, x as tt, y as $, z as Zt, A as je, B as Ze, C as Ke, F as Qe, G as Je, H as ts, I as es, J as ss, K as X, L as os, M as he, N as Wt, O as We, T as Bt, Q as yt, R as is, U as Le, W as rs, X as ns, Y as ct, Z as _, $ as ut, a0 as as, a1 as cs, a2 as ls, a3 as hs, a4 as bt, a5 as ps, E as Y, a6 as pe, V as de, S as ds } from "./index-DNtpxjD9.mjs";
+var Ve = (T, i, t) => i in T ? _e(T, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : T[i] = t;
+var y = (T, i, t) => Ve(T, typeof i != "symbol" ? i + "" : i, t);
+import { g as Jt, _ as Pe, i as te, p as St, e as Tt, D as J, f as E, h as Rt, j as Vt, k as st, P as O, l as W, s as Ht, m as ee, n as Nt, o as se, r as He, q as qe, c as k, t as Mt, u as U, a as w, b as x, v as A, w as G, x as tt, y as $, z as Zt, A as je, B as Ze, C as Ke, F as Qe, G as Je, H as ts, I as es, J as ss, K as X, L as os, M as he, N as Wt, O as We, T as Bt, Q as yt, R as is, U as Le, W as rs, X as ns, Y as ct, Z as _, $ as ut, a0 as as, a1 as cs, a2 as ls, a3 as hs, a4 as bt, a5 as ps, E as Y, a6 as pe, V as de, S as ds } from "./index-BA9yB27Q.mjs";
 import { Group as j, Path as wt, Sprite as Ce, Rect as Kt, Polyline as ht, Ellipse as us, Label as fs, Scene as oe, Layer as ms } from "spritejs";
 import it from "clipper-lib";
 import ie from "lineclip";
@@ -12,7 +12,7 @@ import { O as fe } from "./ObserverMap-BudneEfB.mjs";
 import "white-web-sdk";
 import "react-dom";
 import "react";
-var ws = Ie, gs = te, ks = "[object Number]";
+var ws = Pe, gs = te, ks = "[object Number]";
 function Ss(T) {
   return typeof T == "number" || gs(T) && ws(T) == ks;
 }
@@ -125,46 +125,46 @@ const et = class et {
           },
           u,
           m
-        ), P = e.cloneNode(!0);
+        ), I = e.cloneNode(!0);
         if (!s || !s.length)
           return;
-        this.addEraserlines(P, s, o, !1), g.appendChild(P);
+        this.addEraserlines(I, s, o, !1), g.appendChild(I);
         const S = g.parent;
         S.render();
         const v = g.renderer.canvasRenderer, L = v.context;
         if (!L)
           return;
-        const C = v.options.displayRatio, R = P.getBoundingClientRect(), W = {
-          x: R.x,
-          y: R.y,
-          w: R.width,
-          h: R.height
-        }, N = {
+        const C = v.options.displayRatio, N = I.getBoundingClientRect(), R = {
+          x: N.x,
+          y: N.y,
+          w: N.width,
+          h: N.height
+        }, P = {
           x: 0,
           y: 0,
           w: f.width,
           h: f.height
         };
-        if (Rt(W, N) === Ht.outside) {
-          Q(P, S), f.removeChild(S), this.isDelete = !0;
+        if (Rt(R, P) === Vt.outside) {
+          Q(I, S), f.removeChild(S), this.isDelete = !0;
           return;
         }
-        const D = st(W);
-        D.x = Math.floor(Math.max(W.x, 0)), D.y = Math.floor(Math.max(W.y, 0)), D.w = Math.min(W.x + W.w, f.width) - D.x, D.h = Math.min(W.y + W.h, f.height) - D.y;
-        const B = this.getGroupRect(D, C), F = B.x, z = B.y, q = B.w, Z = B.h;
-        let K = L.getImageData(F, z, q, Z);
+        const D = st(R);
+        D.x = Math.floor(Math.max(R.x, 0)), D.y = Math.floor(Math.max(R.y, 0)), D.w = Math.min(R.x + R.w, f.width) - D.x, D.h = Math.min(R.y + R.h, f.height) - D.y;
+        const B = this.getGroupRect(D, C), F = B.x, z = B.y, V = B.w, Z = B.h;
+        let K = L.getImageData(F, z, V, Z);
         if (this.isTransparentRectByCanvas(K)) {
-          Q(P, S), f.removeChild(S), this.isDelete = !0, K = null;
+          Q(I, S), f.removeChild(S), this.isDelete = !0, K = null;
           return;
         }
         Q(e, n);
         const gt = this.createSpriteNode({
           imageData: K,
           safariRect: D,
-          originRect: W,
+          originRect: R,
           worldScaling: g.worldScaling
         });
-        gt && e.append(gt), Q(P, S), f.removeChild(S), n.deleteTexture(K), K = null;
+        gt && e.append(gt), Q(I, S), f.removeChild(S), n.deleteTexture(K), K = null;
       } catch (a) {
         console.error("[BaseShapeTool] drawEraserlines error:", a);
         return;
@@ -270,14 +270,14 @@ const et = class et {
       let c;
       if (n == i.length - 2) {
         const l = new O(i[n - 2], i[n - 1]);
-        c = I.Sub(a, l).uni(), o = a;
+        c = W.Sub(a, l).uni(), o = a;
       } else {
         n === 0 && (r = a);
         const l = new O(i[n + 2], i[n + 3]);
-        c = I.Sub(l, a).uni();
+        c = W.Sub(l, a).uni();
       }
       if (c) {
-        const l = I.Per(c).mul(t);
+        const l = W.Per(c).mul(t);
         e.push(O.Sub(a, l)), s.push(O.Add(a, l));
       }
     }
@@ -306,13 +306,13 @@ const et = class et {
     const s = i.getElementsByName(t);
     if (s.length)
       for (const r of s)
-        e ? oo(e, r, i) : (r.remove(), V(r, i.parent));
+        e ? oo(e, r, i) : (r.remove(), q(r, i.parent));
     else e && i.append(e);
     this.fullLayer !== this.drawLayer && (this.fullLayer === i ? (o = this.drawLayer) == null || o.getElementsByName(t).forEach((n) => {
       var a;
-      n.remove(), V(n, (a = this.drawLayer) == null ? void 0 : a.parent);
+      n.remove(), q(n, (a = this.drawLayer) == null ? void 0 : a.parent);
     }) : this.fullLayer.getElementsByName(t).forEach((n) => {
-      n.remove(), V(n, this.fullLayer.parent);
+      n.remove(), q(n, this.fullLayer.parent);
     }));
   }
   removeDrawCountNodes(i, t) {
@@ -321,10 +321,10 @@ const et = class et {
       s.id && t && Number(s.id) < t && e.push(s);
     });
     for (const s of e)
-      s.remove(), V(s, i.parent);
+      s.remove(), q(s, i.parent);
   }
   static updateNodeOpt(i) {
-    var P;
+    var I;
     const { node: t, opt: e, vNodes: s, willSerializeData: o, targetNode: r } = i, {
       zIndex: n,
       translate: a,
@@ -343,7 +343,7 @@ const et = class et {
     if (g) {
       if (l && p && r) {
         const S = [m.op[0], m.op[1]];
-        Vt(m.op, h, p, a);
+        Ht(m.op, h, p, a);
         const v = [m.op[0], m.op[1]], L = [
           v[0] - S[0],
           v[1] - S[1]
@@ -353,12 +353,12 @@ const et = class et {
           m.centerPos[1] + L[1]
         ], m.opt.translate = void 0, m.opt.scale = void 0, m.opt.eraserlines)
           for (let C = 0; C < m.opt.eraserlines.length; C++) {
-            const { op: R, thickness: W } = m.opt.eraserlines[C];
+            const { op: N, thickness: R } = m.opt.eraserlines[C];
             m.opt.eraserlines[C].thickness = Math.round(
-              W * Math.max(p[0], p[1])
+              R * Math.max(p[0], p[1])
             );
-            for (let N = 0; N < R.length; N++)
-              ee(R[N], h, p, a);
+            for (let P = 0; P < N.length; P++)
+              ee(N[P], h, p, a);
           }
       } else if (a)
         if (t.setAttribute("translate", a), m.opt.translate = a, r) {
@@ -384,7 +384,7 @@ const et = class et {
           for (let v = 0, L = 0; v < m.op.length; v += 3, L++)
             m.op[v] = S[L][0], m.op[v + 1] = S[L][1];
       }
-      if (u && ((P = m == null ? void 0 : m.opt) != null && P.thickness) && (m.opt.thickness = u), o && !(l && p && r)) {
+      if (u && ((I = m == null ? void 0 : m.opt) != null && I.thickness) && (m.opt.thickness = u), o && !(l && p && r)) {
         if (a) {
           const S = m.op.map((v, L) => {
             const C = L % 3;
@@ -397,13 +397,13 @@ const et = class et {
             for (let v = 0; v < m.opt.eraserlines.length; v++) {
               const { op: L } = m.opt.eraserlines[v];
               for (let C = 0; C < L.length; C++) {
-                const R = L[C].map((W, N) => N % 2 ? W + a[1] : W + a[0]);
-                m.opt.eraserlines[v].op[C] = R;
+                const N = L[C].map((R, P) => P % 2 ? R + a[1] : R + a[0]);
+                m.opt.eraserlines[v].op[C] = N;
               }
             }
         } else if (H(c)) {
           const S = m.op;
-          if (Ve(S, m.centerPos, c), m.op = S, m != null && m.opt && (m.opt.rotate = void 0), m.opt.eraserlines)
+          if (He(S, m.centerPos, c), m.op = S, m != null && m.opt && (m.opt.rotate = void 0), m.opt.eraserlines)
             for (let v = 0; v < m.opt.eraserlines.length; v++) {
               const { op: L } = m.opt.eraserlines[v];
               for (let C = 0; C < L.length; C++)
@@ -456,12 +456,12 @@ function vs(T, i = 0.01) {
     Re([T[e][0], T[e][1]], t[t.length - 1], i) || t.push([T[e][0], T[e][1]]);
   return t;
 }
-function Ps(T, i = 0.01) {
+function Is(T, i = 0.01) {
   if (T.length <= 2) return T;
   const t = T[0], e = T[T.length - 1];
   return Re(t, e, i) ? T.slice(0, -1) : T;
 }
-function Is(T) {
+function Ps(T) {
   const i = T.reduce((e, s) => e + s[0], 0) / T.length, t = T.reduce((e, s) => e + s[1], 0) / T.length;
   return [i, t];
 }
@@ -475,7 +475,7 @@ function Ws(T, i = 0.01) {
     t.some(
       (r) => Math.abs(r[0] - s[0]) < i && Math.abs(r[1] - s[1]) < i
     ) || t.push([s[0], s[1]]);
-  const e = Is(t);
+  const e = Ps(t);
   return t.sort((s, o) => {
     const r = me(e, s), n = me(e, o);
     return r - n;
@@ -528,7 +528,7 @@ function Cs(T, i, t = 0.01) {
     it.PolyFillType.pftNonZero
   );
   const l = c.map(
-    (h) => Ps(
+    (h) => Is(
       Ws(
         vs(
           h.map(
@@ -603,21 +603,21 @@ class Ne extends b {
       id: H(n) && n.toString() || void 0
     };
     let m, g = !1;
-    const P = this.syncIndex;
+    const I = this.syncIndex;
     if (this.syncTimestamp === 0 && (this.syncTimestamp = Date.now()), p.length && (p[0].taskId - this.syncTimestamp > this.syncUnitTime && (g = !0, this.syncTimestamp = p[0].taskId, this.syncIndex = this.tmpPoints.length), o || r || c)) {
       const v = s ? this.fullLayer : this.drawLayer || this.fullLayer;
       m = this.draw({ attrs: f, tasks: p, effects: d, layer: v, removeDrawCount: a });
     }
     if (c) {
       const v = [];
-      return this.tmpPoints.slice(P).forEach((L) => {
+      return this.tmpPoints.slice(I).forEach((L) => {
         v.push(L.x, L.y, this.computRadius(L.z, this.workOptions.thickness));
       }), {
         ...this.baseConsumeResult,
         type: w.DrawWork,
         dataType: x.Local,
         op: g ? v : void 0,
-        index: g ? P * 3 : void 0,
+        index: g ? I * 3 : void 0,
         rect: m,
         updateNodeOpt: {
           useAnimation: !0
@@ -631,7 +631,7 @@ class Ne extends b {
         dataType: x.Local
       };
     const S = [];
-    return this.tmpPoints.slice(P).forEach((v) => {
+    return this.tmpPoints.slice(I).forEach((v) => {
       S.push(v.x, v.y, this.computRadius(v.z, this.workOptions.thickness));
     }), {
       ...this.baseConsumeResult,
@@ -639,7 +639,7 @@ class Ne extends b {
       dataType: x.Local,
       rect: m,
       op: g ? S : void 0,
-      index: g ? P * 3 : void 0,
+      index: g ? I * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
       }
@@ -703,7 +703,7 @@ class Ne extends b {
     for (let d = 0; d < e.length; d += 3) {
       const u = new O(e[d], e[d + 1], e[d + 2]);
       if (this.tmpPoints.length > 0) {
-        const f = this.tmpPoints[this.tmpPoints.length - 1], m = I.Sub(u, f).uni();
+        const f = this.tmpPoints[this.tmpPoints.length - 1], m = W.Sub(u, f).uni();
         u.setv(m);
       }
       this.tmpPoints.push(u);
@@ -740,7 +740,7 @@ class Ne extends b {
     for (let a = 0; a < s.length; a += 3) {
       const c = new O(s[a], s[a + 1], s[a + 2]);
       if (this.tmpPoints.length > 0) {
-        const l = this.tmpPoints[this.tmpPoints.length - 1], h = I.Sub(c, l).uni();
+        const l = this.tmpPoints[this.tmpPoints.length - 1], h = W.Sub(c, l).uni();
         c.setv(h);
       }
       this.tmpPoints.push(c);
@@ -754,13 +754,13 @@ class Ne extends b {
         for (const u of o) {
           const f = [];
           for (let g = 0; g < u.length; g += 2) {
-            const P = new O(u[g], u[g + 1]);
+            const I = new O(u[g], u[g + 1]);
             if (f.length > 0) {
-              const S = f[f.length - 1].point, v = I.Sub(P, S).uni();
-              P.setv(v);
+              const S = f[f.length - 1].point, v = W.Sub(I, S).uni();
+              I.setv(v);
             }
             f.push({
-              point: P,
+              point: I,
               radius: r
             });
           }
@@ -801,25 +801,25 @@ class Ne extends b {
       rotate: f,
       translate: m,
       eraserlines: g,
-      lineCap: P,
+      lineCap: I,
       lineDash: S
     } = this.workOptions;
-    r != null && r.size && (r.forEach((N) => {
+    r != null && r.size && (r.forEach((P) => {
       var M;
-      (M = n.getElementById(N + "")) == null || M.remove();
+      (M = n.getElementById(P + "")) == null || M.remove();
     }), r.clear()), a && this.removeDrawCountNodes(n, a);
     let v;
-    const L = [], C = n.worldPosition, R = n.worldScaling;
-    for (let N = 0; N < s.length; N++) {
-      const { pos: M, points: D } = s[N], { ps: B, rect: F } = this.computDrawPoints(D);
+    const L = [], C = n.worldPosition, N = n.worldScaling;
+    for (let P = 0; P < s.length; P++) {
+      const { pos: M, points: D } = s[P], { ps: B, rect: F } = this.computDrawPoints(D);
       let z;
-      const q = D.length === 1;
-      h === G.Stroke || q ? z = mt(B, !0) : z = mt(B, !1);
+      const V = D.length === 1;
+      h === G.Stroke || V ? z = mt(B, !0) : z = mt(B, !1);
       const Z = {
         pos: M,
         d: z,
-        fillColor: h === G.Stroke || q ? l : void 0,
-        lineDash: q ? void 0 : h === G.Dotted ? [
+        fillColor: h === G.Stroke || V ? l : void 0,
+        lineDash: V ? void 0 : h === G.Dotted ? [
           S && S[0] || 1,
           (S && S[1] || 2) * p
         ] : h === G.LongDotted ? [
@@ -827,38 +827,38 @@ class Ne extends b {
           (S && S[1] || 2) * p
         ] : void 0,
         strokeColor: l,
-        lineCap: q ? void 0 : P,
-        lineWidth: h === G.Stroke || q ? 0 : p
+        lineCap: V ? void 0 : I,
+        lineWidth: h === G.Stroke || V ? 0 : p
       };
       v = E(v, {
         x: Math.floor(
-          (F.x + M[0]) * R[0] + C[0] - b.SafeBorderPadding
+          (F.x + M[0]) * N[0] + C[0] - b.SafeBorderPadding
         ),
         y: Math.floor(
-          (F.y + M[1]) * R[1] + C[1] - b.SafeBorderPadding
+          (F.y + M[1]) * N[1] + C[1] - b.SafeBorderPadding
         ),
         w: Math.floor(
-          F.w * R[0] + 2 * b.SafeBorderPadding
+          F.w * N[0] + 2 * b.SafeBorderPadding
         ),
         h: Math.floor(
-          F.h * R[1] + 2 * b.SafeBorderPadding
+          F.h * N[1] + 2 * b.SafeBorderPadding
         )
       }), L.push(Z);
     }
     u && (e.scale = u), f && (e.rotate = f), m && (e.translate = m);
-    const W = new j();
+    const R = new j();
     if (v) {
       this.centerPos = b.getCenterPos(v, n);
-      const N = h === G.Stroke && !g;
-      W.attr({
+      const P = h === G.Stroke && !g;
+      R.attr({
         ...e,
         normalize: !0,
         anchor: [0.5, 0.5],
-        bgcolor: N ? l : void 0,
+        bgcolor: P ? l : void 0,
         pos: this.centerPos,
         size: [
-          (v.w - 2 * b.SafeBorderPadding) / R[0],
-          (v.h - 2 * b.SafeBorderPadding) / R[1]
+          (v.w - 2 * b.SafeBorderPadding) / N[0],
+          (v.h - 2 * b.SafeBorderPadding) / N[1]
         ],
         zIndex: d
       });
@@ -866,26 +866,26 @@ class Ne extends b {
         D.pos[0] - this.centerPos[0],
         D.pos[1] - this.centerPos[1]
       ], new wt(D)));
-      W.append(...M), N && W.seal(), g && (this.scaleType = U.proportional, this.drawEraserlines(
+      R.append(...M), P && R.seal(), g && (this.scaleType = U.proportional, this.drawEraserlines(
         {
-          group: W,
+          group: R,
           eraserlines: g,
           pos: this.centerPos,
           layer: n
         },
         c
-      )), this.replace(n, o, W);
+      )), this.replace(n, o, R);
     }
     if (u || f || m) {
-      const N = W == null ? void 0 : W.getBoundingClientRect();
-      N && (v = {
-        x: Math.floor(N.x - b.SafeBorderPadding),
-        y: Math.floor(N.y - b.SafeBorderPadding),
-        w: Math.floor(N.width + b.SafeBorderPadding * 2),
-        h: Math.floor(N.height + b.SafeBorderPadding * 2)
+      const P = R == null ? void 0 : R.getBoundingClientRect();
+      P && (v = {
+        x: Math.floor(P.x - b.SafeBorderPadding),
+        y: Math.floor(P.y - b.SafeBorderPadding),
+        w: Math.floor(P.width + b.SafeBorderPadding * 2),
+        h: Math.floor(P.height + b.SafeBorderPadding * 2)
       });
     }
-    return this.isDelete && W.setAttribute("opacity", 0), v;
+    return this.isDelete && R.setAttribute("opacity", 0), v;
   }
   computDrawPoints(t) {
     return this.workOptions.strokeType === G.Stroke || t.length === 1 ? this.computStroke(t) : this.computNomal(t);
@@ -904,7 +904,7 @@ class Ne extends b {
       const { point: c, radius: l } = t[a];
       let h = c.v;
       a === 0 && t.length > 1 && (h = t[a + 1].point.v);
-      const p = I.Per(h).mul(l);
+      const p = W.Per(h).mul(l);
       s.push(O.Sub(c, p)), o.push(O.Add(c, p));
     }
     const r = t[t.length - 1];
@@ -969,14 +969,14 @@ class Ne extends b {
           t[o + 1]
         );
         if (g < 60 || g > 300) {
-          const P = (h = c.pop()) == null ? void 0 : h.point.clone();
-          P && s.push({
+          const I = (h = c.pop()) == null ? void 0 : h.point.clone();
+          I && s.push({
             taskId: l,
             pos: a,
             points: [
               ...c,
               {
-                point: P,
+                point: I,
                 radius: m
               }
             ]
@@ -1011,16 +1011,16 @@ class Ne extends b {
         this.tmpPoints.push(h);
         continue;
       }
-      const p = l - 1, d = this.tmpPoints[p], u = I.Sub(h, d).uni();
+      const p = l - 1, d = this.tmpPoints[p], u = W.Sub(h, d).uni();
       if (h.isNear(d, e)) {
         if (d.z < this.MAX_REPEAR) {
           if (d.setz(Math.min(d.z + 1, this.MAX_REPEAR)), n = Math.min(n, p), l > 1) {
             let g = l - 1;
             for (; g > 0; ) {
-              const P = this.tmpPoints[g].distance(
+              const I = this.tmpPoints[g].distance(
                 this.tmpPoints[g - 1]
               ), S = Math.max(
-                this.tmpPoints[g].z - this.uniThickness * P,
+                this.tmpPoints[g].z - this.uniThickness * I,
                 0
               );
               if (this.tmpPoints[g - 1].z >= S)
@@ -1034,7 +1034,7 @@ class Ne extends b {
       }
       h.setv(u);
       const f = h.distance(d), m = Math.max(d.z - this.uniThickness * f, 0);
-      l > 1 && I.Equals(u, d.v, 0.02) && (m > 0 || d.z <= 0) && (s && d.t && s.add(d.t), this.tmpPoints.pop(), n = Math.min(p, n)), h.setz(m), this.tmpPoints.push(h);
+      l > 1 && W.Equals(u, d.v, 0.02) && (m > 0 || d.z <= 0) && (s && d.t && s.add(d.t), this.tmpPoints.pop(), n = Math.min(p, n)), h.setz(m), this.tmpPoints.push(h);
     }
     if (n === 1 / 0)
       return this.tmpPoints.length;
@@ -1069,12 +1069,12 @@ class Ne extends b {
         this.tmpPoints.push(p);
         continue;
       }
-      const d = h - 1, u = this.tmpPoints[d], f = I.Sub(p, u).uni();
+      const d = h - 1, u = this.tmpPoints[d], f = W.Sub(p, u).uni();
       if (p.isNear(u, e / 2)) {
         n = Math.min(d, n);
         continue;
       }
-      I.Equals(f, u.v, 0.02) && (s && u.t && s.add(u.t), this.tmpPoints.pop(), n = Math.min(d, n)), p.setv(f), this.tmpPoints.push(p);
+      W.Equals(f, u.v, 0.02) && (s && u.t && s.add(u.t), this.tmpPoints.pop(), n = Math.min(d, n)), p.setv(f), this.tmpPoints.push(p);
     }
     let a = r;
     if (n === r) {
@@ -1105,7 +1105,7 @@ class Ne extends b {
         this.tmpPoints.push(a);
         continue;
       }
-      const c = n - 1, l = this.tmpPoints[c], h = I.Sub(a, l).uni(), p = a.distance(l);
+      const c = n - 1, l = this.tmpPoints[c], h = W.Sub(a, l).uni(), p = a.distance(l);
       if (n > 1 && l.z === o)
         break;
       if (a.isNear(l, e / 2)) {
@@ -1127,7 +1127,7 @@ class Ne extends b {
       }
       a.setv(h);
       const d = Math.max(l.z - this.uniThickness * p, o);
-      n > 1 && I.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(d), this.tmpPoints.push(a);
+      n > 1 && W.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(d), this.tmpPoints.push(a);
     }
   }
   static updateNodeOpt(t) {
@@ -1180,12 +1180,12 @@ class xe extends b {
       lineCap: p,
       lineWidth: c,
       anchor: [0.5, 0.5]
-    }, P = this.getTaskPoints(m);
-    if (P.length) {
+    }, I = this.getTaskPoints(m);
+    if (I.length) {
       const v = Date.now();
       v - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = v, this.syncIndex = this.tmpPoints.length), s && this.draw({
         attrs: g,
-        tasks: P,
+        tasks: I,
         isDot: !1,
         layer: this.drawLayer || this.fullLayer
       });
@@ -1440,11 +1440,11 @@ const vt = class vt extends b {
   computRectCenterPoints() {
     const t = this.tmpPoints.slice(-2);
     if (this.tmpPoints.length === 4) {
-      const e = new I(this.tmpPoints[0], this.tmpPoints[1]), s = new I(this.tmpPoints[2], this.tmpPoints[3]), o = I.Sub(s, e).uni(), r = I.Dist(e, s), { width: n, height: a } = vt.eraserSizes[this.workOptions.thickness], c = Math.min(n, a), l = Math.round(r / c);
+      const e = new W(this.tmpPoints[0], this.tmpPoints[1]), s = new W(this.tmpPoints[2], this.tmpPoints[3]), o = W.Sub(s, e).uni(), r = W.Dist(e, s), { width: n, height: a } = vt.eraserSizes[this.workOptions.thickness], c = Math.min(n, a), l = Math.round(r / c);
       if (l > 1) {
         const h = [];
         for (let p = 0; p < l; p++) {
-          const d = I.Mul(o, p * c);
+          const d = W.Mul(o, p * c);
           h.push(this.tmpPoints[0] + d.x, this.tmpPoints[1] + d.y);
         }
         return h.concat(t);
@@ -1453,8 +1453,8 @@ const vt = class vt extends b {
     return t;
   }
   isNear(t, e) {
-    const s = new I(t[0], t[1]), o = new I(e[0], e[1]), { width: r, height: n } = vt.eraserSizes[this.workOptions.thickness];
-    return I.Dist(s, o) < Math.hypot(r, n) * 0.5;
+    const s = new W(t[0], t[1]), o = new W(e[0], e[1]), { width: r, height: n } = vt.eraserSizes[this.workOptions.thickness];
+    return W.Dist(s, o) < Math.hypot(r, n) * 0.5;
   }
   remove(t) {
     const { curNodeMap: e, removeIds: s } = t;
@@ -1463,7 +1463,7 @@ const vt = class vt extends b {
       if (r.rect && this.eraserRect && this.eraserPolyline && Zt(this.eraserRect, r.rect)) {
         const { op: n } = r, a = [], c = [];
         for (let h = 0; h < n.length; h += 3) {
-          const p = new I(
+          const p = new W(
             n[h] * this.worldScaling[0] + this.worldPosition[0],
             n[h + 1] * this.worldScaling[1] + this.worldPosition[1],
             n[h + 2]
@@ -1479,7 +1479,7 @@ const vt = class vt extends b {
     return s.forEach((r) => {
       var a;
       const n = this.fullLayer.getElementsByName(r);
-      n[0] && (n[0].remove(), V(n[0], this.fullLayer.parent), (a = this.vNodes) == null || a.delete(r));
+      n[0] && (n[0].remove(), q(n[0], this.fullLayer.parent), (a = this.vNodes) == null || a.delete(r));
     }), o && (o.x -= b.SafeBorderPadding, o.y -= b.SafeBorderPadding, o.w += b.SafeBorderPadding * 2, o.h += b.SafeBorderPadding * 2), o;
   }
   consume(t) {
@@ -1570,10 +1570,10 @@ function xs(T, i, t, e, s, o) {
   o.set(T, i), o.set(i, T);
   for (var m = r; ++h < a; ) {
     p = n[h];
-    var g = T[p], P = i[p];
+    var g = T[p], I = i[p];
     if (e)
-      var S = r ? e(P, g, p, i, T, o) : e(g, P, p, T, i, o);
-    if (!(S === void 0 ? g === P || s(g, P, t, e, o) : S)) {
+      var S = r ? e(I, g, p, i, T, o) : e(g, I, p, T, i, o);
+    if (!(S === void 0 ? g === I || s(g, I, t, e, o) : S)) {
       f = !1;
       break;
     }
@@ -1606,9 +1606,9 @@ function Us(T, i, t, e, s, o) {
   }
   return p ? (o || (o = new jt()), As(T, i, t, e, s, o)) : !1;
 }
-var zs = Us, Gs = zs, Pe = te;
+var zs = Us, Gs = zs, Ie = te;
 function De(T, i, t, e, s) {
-  return T === i ? !0 : T == null || i == null || !Pe(T) && !Pe(i) ? T !== T && i !== i : Gs(T, i, t, e, De, s);
+  return T === i ? !0 : T == null || i == null || !Ie(T) && !Ie(i) ? T !== T && i !== i : Gs(T, i, t, e, De, s);
 }
 var Xs = De, Ys = Xs;
 function $s(T, i) {
@@ -1837,7 +1837,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
   computDrawPoints(t) {
     const { thickness: e } = this.workOptions, s = [];
     for (const n of t)
-      s.push(new I(...n));
+      s.push(new W(...n));
     const o = $(s, e), r = [
       o.x + o.w / 2,
       o.y + o.h / 2
@@ -1859,7 +1859,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
       lineJoin: "round",
       lineCap: "round"
     };
-    let P = {
+    let I = {
       x: Math.floor(
         d.x * h[0] + l[0] - b.SafeBorderPadding
       ),
@@ -1888,14 +1888,14 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
     });
     if (S.appendChild(v), this.replace(s, e, S), n || a || c) {
       const L = S.getBoundingClientRect();
-      P = {
+      I = {
         x: Math.floor(L.x - b.SafeBorderPadding),
         y: Math.floor(L.y - b.SafeBorderPadding),
         w: Math.floor(L.width + 2 * b.SafeBorderPadding),
         h: Math.floor(L.height + 2 * b.SafeBorderPadding)
       };
     }
-    return P;
+    return I;
   }
   transformData(t) {
     const e = $(t);
@@ -2041,7 +2041,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
       f[0] + a[0],
       f[1] + a[1]
     ] : e.translate = a);
-    let P;
+    let I;
     if (p || f || H(u)) {
       if (d === A.Start && s)
         return o.setTargetAssignKeys(s), {
@@ -2050,30 +2050,30 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
           selectRect: this.oldSelectRect,
           rect: this.oldSelectRect
         };
-      if (P = o.getLastTarget(), !P)
+      if (I = o.getLastTarget(), !I)
         return;
     }
     if (s)
       for (const L of s) {
         const C = o.get(L);
         if (C) {
-          const { toolsType: R, opt: W } = C, N = (c == null ? void 0 : c.getElementsByName(L))[0];
-          if (N) {
+          const { toolsType: N, opt: R } = C, P = (c == null ? void 0 : c.getElementsByName(L))[0];
+          if (P) {
             const M = { ...e };
             let D;
             const B = b.isWillRefresh({
-              toolsType: R,
-              opt: W,
+              toolsType: N,
+              opt: R,
               updateOpt: M,
               vNodes: o,
-              node: N,
+              node: P,
               willSerializeData: r
             });
-            if (R) {
-              D = P == null ? void 0 : P.get(L);
-              const F = ze(R);
+            if (N) {
+              D = I == null ? void 0 : I.get(L);
+              const F = ze(N);
               if (F == null || F.updateNodeOpt({
-                node: N,
+                node: P,
                 opt: M,
                 vNodes: o,
                 willSerializeData: r,
@@ -2081,31 +2081,31 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
               }), C && n && B) {
                 const z = n.createWorkShapeNode({
                   workId: L,
-                  toolsType: R,
+                  toolsType: N,
                   toolsOpt: C.opt
                 });
                 z == null || z.setWorkId(L);
-                let q;
-                if (R === k.BackgroundSVG)
-                  q = z.consumeService({
+                let V;
+                if (N === k.BackgroundSVG)
+                  V = z.consumeService({
                     isFullWork: !0,
                     replaceId: L
                   });
-                else if (R === k.Image)
-                  q = await z.consumeServiceAsync({
+                else if (N === k.Image)
+                  V = await z.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: L,
                     worker: n
                   });
-                else if (R === k.Text)
-                  q = await z.consumeServiceAsync({
+                else if (N === k.Text)
+                  V = await z.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: L,
                     isDrawLabel: !0
                   });
                 else
                   try {
-                    q = z == null ? void 0 : z.consumeService({
+                    V = z == null ? void 0 : z.consumeService({
                       op: C.op,
                       isFullWork: !0,
                       replaceId: L,
@@ -2115,14 +2115,14 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
                     console.error("consumeService error", Z);
                     continue;
                   }
-                q && (C.rect = q);
+                V && (C.rect = V);
               }
               C && (h.set(L, C), l = E(l, C.rect));
             }
           }
         }
       }
-    P && d === A.Done && (o.deleteLastTarget(), P = void 0);
+    I && d === A.Done && (o.deleteLastTarget(), I = void 0);
     const S = l;
     if (p && f && g && m && S && !a) {
       const L = [
@@ -2150,15 +2150,15 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
           f[0] > 0 && f[1] < 0 ? C = L[3] : f[0] > 0 ? C = L[0] : f[1] < 0 ? C = L[2] : C = L[1];
           break;
       }
-      const R = C && [
+      const N = C && [
         p[0] - C[0],
         p[1] - C[1]
       ] || [0, 0];
-      if (!lt(R, [0, 0]))
+      if (!lt(N, [0, 0]))
         return await this.updateSelector({
           ...t,
           updateSelectorOpt: { workState: d },
-          offset: R
+          offset: N
         });
     }
     this.getSelecteorInfo(h), this.draw(X, c, {
@@ -2320,8 +2320,8 @@ class Me extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -2387,30 +2387,30 @@ class Me extends b {
       eraserlines: d,
       lineDash: u,
       lineCap: f
-    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { points: P, pos: S, rect: v, isTriangle: L, trianglePoints: C, trianglePos: R } = this.computDrawPoints(n), W = [
+    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { points: I, pos: S, rect: v, isTriangle: L, trianglePoints: C, trianglePos: N } = this.computDrawPoints(n), R = [
       v.x + v.w / 2,
       v.y + v.h / 2
-    ], N = {
-      pos: W,
+    ], P = {
+      pos: R,
       name: e,
       id: e,
       zIndex: a,
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
-    c && (N.scale = c), l && (N.rotate = l), h && (N.translate = h);
-    const M = new j(N), D = {
+    c && (P.scale = c), l && (P.rotate = l), h && (P.translate = h);
+    const M = new j(P), D = {
       points: C,
-      pos: [R[0] - W[0], R[1] - W[1]],
+      pos: [N[0] - R[0], N[1] - R[1]],
       fillColor: r,
       strokeColor: r,
       lineWidth: 0,
       normalize: !1
     }, B = new ht(D);
-    if (M.append(B), !L && P && S) {
+    if (M.append(B), !L && I && S) {
       const z = {
-        points: P,
-        pos: [S[0] - W[0], S[1] - W[1]],
+        points: I,
+        pos: [S[0] - R[0], S[1] - R[1]],
         fillColor: r,
         strokeColor: r,
         lineDash: p === G.Dotted ? [
@@ -2423,14 +2423,14 @@ class Me extends b {
         lineCap: p === G.Normal ? void 0 : f,
         lineWidth: n,
         normalize: !1
-      }, q = new ht(z);
-      M.append(q);
+      }, V = new ht(z);
+      M.append(V);
     }
     d && (this.scaleType = U.proportional, this.drawEraserlines(
       {
         group: M,
         eraserlines: d,
-        pos: W,
+        pos: R,
         layer: s
       },
       o
@@ -2464,13 +2464,13 @@ class Me extends b {
     return this.tmpPoints[1].distance(this.tmpPoints[0]) > this.arrowTipWidth ? this.computFullArrowPoints(t) : this.computTrianglePoints();
   }
   computFullArrowPoints(t) {
-    const e = I.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), s = I.Per(e).mul(t / 2), o = O.Sub(
+    const e = W.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), s = W.Per(e).mul(t / 2), o = O.Sub(
       this.tmpPoints[0],
       s
     ), r = O.Add(
       this.tmpPoints[0],
       s
-    ), n = I.Mul(e, this.arrowTipWidth), a = I.Sub(this.tmpPoints[1], n), c = O.Sub(a, s), l = O.Add(a, s), h = I.Per(e).mul(t * 1.5), p = O.Sub(a, h), d = O.Add(a, h), u = [this.tmpPoints[0], a], f = [p, this.tmpPoints[1], d], m = [
+    ), n = W.Mul(e, this.arrowTipWidth), a = W.Sub(this.tmpPoints[1], n), c = O.Sub(a, s), l = O.Add(a, s), h = W.Per(e).mul(t * 1.5), p = O.Sub(a, h), d = O.Add(a, h), u = [this.tmpPoints[0], a], f = [p, this.tmpPoints[1], d], m = [
       o,
       r,
       ...f,
@@ -2487,7 +2487,7 @@ class Me extends b {
     };
   }
   computTrianglePoints() {
-    const t = I.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), e = this.tmpPoints[1].distance(this.tmpPoints[0]), s = I.Per(t).mul(
+    const t = W.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), e = this.tmpPoints[1].distance(this.tmpPoints[0]), s = W.Per(t).mul(
       Math.floor(e * 3 / 8)
     ), o = O.Sub(this.tmpPoints[0], s), r = O.Add(
       this.tmpPoints[0],
@@ -2583,19 +2583,19 @@ class Oe extends b {
         y: 0,
         w: Math.floor(m.width),
         h: Math.floor(m.height)
-      }, P = {
+      }, I = {
         type: w.DrawWork,
         dataType: x.Local,
         ...this.baseConsumeResult
       };
-      if (Rt(u, g) !== Ht.outside) {
+      if (Rt(u, g) !== Vt.outside) {
         const v = E(u, this.oldRect);
-        if (this.oldRect = u, P.rect = v, !a)
-          return P;
+        if (this.oldRect = u, I.rect = v, !a)
+          return I;
       }
       if (a) {
         const v = Date.now();
-        return v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, P.op = this.tmpPoints.map((L) => [...L.XY, 0]).flat(1), P.index = 0, P.isSync = !0), P;
+        return v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, I.op = this.tmpPoints.map((L) => [...L.XY, 0]).flat(1), I.index = 0, I.isSync = !0), I;
       }
       return { type: w.None };
     }
@@ -2660,7 +2660,7 @@ class Oe extends b {
       eraserlines: f,
       lineDash: m,
       lineCap: g
-    } = this.workOptions, P = s.worldScaling, { radius: S, rect: v, pos: L } = this.computDrawPoints(c), C = {
+    } = this.workOptions, I = s.worldScaling, { radius: S, rect: v, pos: L } = this.computDrawPoints(c), C = {
       closeType: "normal",
       radius: S,
       lineWidth: c,
@@ -2675,7 +2675,7 @@ class Oe extends b {
         (m && m[0] || 1) * c,
         (m && m[1] || 2) * c
       ] : void 0
-    }, R = {
+    }, N = {
       name: e,
       id: e,
       zIndex: l,
@@ -2683,8 +2683,8 @@ class Oe extends b {
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
-    h && (R.scale = h), p && (R.rotate = p), d && (R.translate = d);
-    const W = new j(R);
+    h && (N.scale = h), p && (N.rotate = p), d && (N.translate = d);
+    const R = new j(N);
     if (o) {
       const D = new wt({
         d: "M-4,0H4M0,-4V4",
@@ -2692,25 +2692,25 @@ class Oe extends b {
         pos: [0, 0],
         strokeColor: n,
         lineWidth: 1,
-        scale: [1 / P[0], 1 / P[1]]
+        scale: [1 / I[0], 1 / I[1]]
       });
-      W.append(D);
+      R.append(D);
     }
-    const N = new us({
+    const P = new us({
       ...C,
       pos: [0, 0]
     });
-    W.append(N), f && (this.scaleType = U.proportional, this.drawEraserlines(
+    R.append(P), f && (this.scaleType = U.proportional, this.drawEraserlines(
       {
-        group: W,
+        group: R,
         eraserlines: f,
         pos: L,
         layer: s
       },
       r
-    )), this.replace(s, e, W);
-    const M = W.getBoundingClientRect();
-    return this.isDelete && W.setAttribute("opacity", 0), {
+    )), this.replace(s, e, R);
+    const M = R.getBoundingClientRect();
+    return this.isDelete && R.setAttribute("opacity", 0), {
       x: Math.floor(M.x - b.SafeBorderPadding),
       y: Math.floor(M.y - b.SafeBorderPadding),
       w: Math.floor(M.width + b.SafeBorderPadding * 2),
@@ -2798,7 +2798,7 @@ class Ae extends b {
   computDrawPoints(t) {
     const { thickness: e } = this.workOptions, s = [];
     for (const n of t)
-      s.push(new I(...n));
+      s.push(new W(...n));
     const o = $(s, e), r = [
       o.x + o.w / 2,
       o.y + o.h / 2
@@ -2839,8 +2839,8 @@ class Ae extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = d.flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = d.flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -2917,16 +2917,16 @@ class Ae extends b {
       translate: f,
       strokeType: m,
       eraserlines: g,
-      lineCap: P,
+      lineCap: I,
       lineDash: S
-    } = this.workOptions, v = s.worldPosition, L = s.worldScaling, { points: C, rect: R, pos: W } = this.computDrawPoints(r), N = {
+    } = this.workOptions, v = s.worldPosition, L = s.worldScaling, { points: C, rect: N, pos: R } = this.computDrawPoints(r), P = {
       close: !0,
       normalize: !0,
       points: C,
       lineWidth: h,
       fillColor: l !== "transparent" && l || void 0,
       strokeColor: c,
-      lineCap: P,
+      lineCap: I,
       lineDash: m === G.Dotted ? [
         S && S[0] || 1,
         (S && S[1] || 2) * h
@@ -2937,30 +2937,30 @@ class Ae extends b {
     };
     let M = {
       x: Math.floor(
-        R.x * L[0] + v[0] - b.SafeBorderPadding
+        N.x * L[0] + v[0] - b.SafeBorderPadding
       ),
       y: Math.floor(
-        R.y * L[1] + v[1] - b.SafeBorderPadding
+        N.y * L[1] + v[1] - b.SafeBorderPadding
       ),
       w: Math.floor(
-        R.w * L[0] + 2 * b.SafeBorderPadding
+        N.w * L[0] + 2 * b.SafeBorderPadding
       ),
       h: Math.floor(
-        R.h * L[0] + 2 * b.SafeBorderPadding
+        N.h * L[0] + 2 * b.SafeBorderPadding
       )
     };
     const D = new j({
       name: e,
       id: e,
       zIndex: p,
-      pos: W,
+      pos: R,
       anchor: [0.5, 0.5],
-      size: [R.w, R.h],
+      size: [N.w, N.h],
       scale: d,
       rotate: u,
       translate: f
     }), B = new ht({
-      ...N,
+      ...P,
       pos: [0, 0]
     });
     if (D.appendChild(B), o) {
@@ -2978,7 +2978,7 @@ class Ae extends b {
       {
         group: D,
         eraserlines: g,
-        pos: W,
+        pos: R,
         layer: s
       },
       a
@@ -3088,8 +3088,8 @@ class Ee extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3160,17 +3160,17 @@ class Ee extends b {
       rotate: f,
       translate: m,
       strokeType: g,
-      eraserlines: P,
+      eraserlines: I,
       lineDash: S,
       lineCap: v
-    } = this.workOptions, L = s.worldScaling, { rect: C, pos: R, points: W } = this.computDrawPoints(
+    } = this.workOptions, L = s.worldScaling, { rect: C, pos: N, points: R } = this.computDrawPoints(
       c,
       h,
       p,
       d
-    ), N = {
+    ), P = {
       close: !0,
-      points: W,
+      points: R,
       lineWidth: c,
       fillColor: a !== "transparent" && a || void 0,
       strokeColor: n,
@@ -3187,7 +3187,7 @@ class Ee extends b {
       name: e,
       id: e,
       zIndex: l,
-      pos: R,
+      pos: N,
       anchor: [0.5, 0.5],
       size: [C.w, C.h]
     };
@@ -3205,14 +3205,14 @@ class Ee extends b {
       D.append(z);
     }
     const B = new ht({
-      ...N,
+      ...P,
       pos: [0, 0]
     });
-    D.append(B), P && (this.scaleType = U.proportional, this.drawEraserlines(
+    D.append(B), I && (this.scaleType = U.proportional, this.drawEraserlines(
       {
         group: D,
-        eraserlines: P,
-        pos: R,
+        eraserlines: I,
+        pos: N,
         layer: s
       },
       r
@@ -3338,8 +3338,8 @@ class Be extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3410,8 +3410,8 @@ class Be extends b {
       strokeType: f,
       eraserlines: m,
       lineCap: g,
-      lineDash: P
-    } = this.workOptions, S = s.worldScaling, { rect: v, pos: L, points: C } = this.computDrawPoints(c, h), R = {
+      lineDash: I
+    } = this.workOptions, S = s.worldScaling, { rect: v, pos: L, points: C } = this.computDrawPoints(c, h), N = {
       close: !0,
       points: C,
       lineWidth: c,
@@ -3420,13 +3420,13 @@ class Be extends b {
       normalize: !0,
       lineCap: g,
       lineDash: f === G.Dotted ? [
-        P && P[0] || 1,
-        (P && P[1] || 2) * c
+        I && I[0] || 1,
+        (I && I[1] || 2) * c
       ] : f === G.LongDotted ? [
-        (P && P[0] || 1) * c,
-        (P && P[1] || 2) * c
+        (I && I[0] || 1) * c,
+        (I && I[1] || 2) * c
       ] : void 0
-    }, W = {
+    }, R = {
       name: e,
       id: e,
       zIndex: l,
@@ -3434,8 +3434,8 @@ class Be extends b {
       anchor: [0.5, 0.5],
       size: [v.w, v.h]
     };
-    p && (W.scale = p), d && (W.rotate = d), u && (W.translate = u);
-    const N = new j(W);
+    p && (R.scale = p), d && (R.rotate = d), u && (R.translate = u);
+    const P = new j(R);
     if (o) {
       const B = new wt({
         d: "M-4,0H4M0,-4V4",
@@ -3445,23 +3445,23 @@ class Be extends b {
         lineWidth: 1,
         scale: [1 / S[0], 1 / S[1]]
       });
-      N.append(B);
+      P.append(B);
     }
     const M = new ht({
-      ...R,
+      ...N,
       pos: [0, 0]
     });
-    N.append(M), m && (this.scaleType = U.proportional, this.drawEraserlines(
+    P.append(M), m && (this.scaleType = U.proportional, this.drawEraserlines(
       {
-        group: N,
+        group: P,
         eraserlines: m,
         pos: L,
         layer: s
       },
       r
-    )), this.replace(s, e, N);
-    const D = N.getBoundingClientRect();
-    return this.isDelete && N.setAttribute("opacity", 0), {
+    )), this.replace(s, e, P);
+    const D = P.getBoundingClientRect();
+    return this.isDelete && P.setAttribute("opacity", 0), {
       x: Math.floor(D.x - b.SafeBorderPadding),
       y: Math.floor(D.y - b.SafeBorderPadding),
       w: Math.floor(D.width + b.SafeBorderPadding * 2),
@@ -3565,7 +3565,7 @@ class ot {
    */
   static oneBezier(i, t, e) {
     const s = t.x + (e.x - t.x) * i, o = t.y + (e.y - t.y) * i;
-    return new I(s, o);
+    return new W(s, o);
   }
   /**
    * @desc 二阶贝塞尔
@@ -3576,7 +3576,7 @@ class ot {
    */
   static twoBezier(i, t, e, s) {
     const o = (1 - i) * (1 - i) * t.x + 2 * i * (1 - i) * e.x + i * i * s.x, r = (1 - i) * (1 - i) * t.y + 2 * i * (1 - i) * e.y + i * i * s.y;
-    return new I(o, r);
+    return new W(o, r);
   }
   /**
    * @desc 三阶贝塞尔
@@ -3588,7 +3588,7 @@ class ot {
    */
   static threeBezier(i, t, e, s, o) {
     const r = t.x * (1 - i) * (1 - i) * (1 - i) + 3 * e.x * i * (1 - i) * (1 - i) + 3 * s.x * i * i * (1 - i) + o.x * i * i * i, n = t.y * (1 - i) * (1 - i) * (1 - i) + 3 * e.y * i * (1 - i) * (1 - i) + 3 * s.y * i * i * (1 - i) + o.y * i * i * i;
-    return new I(r, n);
+    return new W(r, n);
   }
 }
 class Fe extends b {
@@ -3637,8 +3637,8 @@ class Fe extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3710,7 +3710,7 @@ class Fe extends b {
       eraserlines: f,
       lineDash: m,
       lineCap: g
-    } = this.workOptions, { rect: P, pos: S, points: v } = this.computDrawPoints(a, l), L = {
+    } = this.workOptions, { rect: I, pos: S, points: v } = this.computDrawPoints(a, l), L = {
       points: v.map((M) => M.XY),
       lineWidth: a,
       fillColor: n !== "transparent" && n || void 0,
@@ -3732,28 +3732,28 @@ class Fe extends b {
       zIndex: c,
       pos: S,
       anchor: [0.5, 0.5],
-      size: [P.w, P.h]
+      size: [I.w, I.h]
     };
     h && (C.scale = h), p && (C.rotate = p), d && (C.translate = d);
-    const R = new j(C), W = new ht({
+    const N = new j(C), R = new ht({
       ...L,
       pos: [0, 0]
     });
-    R.append(W), f && (this.scaleType = U.proportional, this.drawEraserlines(
+    N.append(R), f && (this.scaleType = U.proportional, this.drawEraserlines(
       {
-        group: R,
+        group: N,
         eraserlines: f,
         pos: S,
         layer: s
       },
       o
-    )), this.replace(s, e, R);
-    const N = R.getBoundingClientRect();
-    return this.isDelete && R.setAttribute("opacity", 0), {
-      x: Math.floor(N.x - b.SafeBorderPadding),
-      y: Math.floor(N.y - b.SafeBorderPadding),
-      w: Math.floor(N.width + b.SafeBorderPadding * 2),
-      h: Math.floor(N.height + b.SafeBorderPadding * 2)
+    )), this.replace(s, e, N);
+    const P = N.getBoundingClientRect();
+    return this.isDelete && N.setAttribute("opacity", 0), {
+      x: Math.floor(P.x - b.SafeBorderPadding),
+      y: Math.floor(P.y - b.SafeBorderPadding),
+      w: Math.floor(P.width + b.SafeBorderPadding * 2),
+      h: Math.floor(P.height + b.SafeBorderPadding * 2)
     };
   }
   transformControlPoints(t) {
@@ -3764,10 +3764,10 @@ class Fe extends b {
       case "bottomRight": {
         const s = e.y + e.h * this.ratio;
         return [
-          new I(e.x, e.y, 0),
-          new I(e.x + e.w, e.y, 0),
-          new I(e.x + e.w, s, 0),
-          new I(e.x, s, 0)
+          new W(e.x, e.y, 0),
+          new W(e.x + e.w, e.y, 0),
+          new W(e.x + e.w, s, 0),
+          new W(e.x, s, 0)
         ];
       }
       case "top":
@@ -3775,10 +3775,10 @@ class Fe extends b {
       case "topRight": {
         const s = e.y + e.h * (1 - this.ratio);
         return [
-          new I(e.x, s, 0),
-          new I(e.x + e.w, s, 0),
-          new I(e.x + e.w, e.y + e.h, 0),
-          new I(e.x, e.y + e.h, 0)
+          new W(e.x, s, 0),
+          new W(e.x + e.w, s, 0),
+          new W(e.x + e.w, e.y + e.h, 0),
+          new W(e.x, e.y + e.h, 0)
         ];
       }
       case "left":
@@ -3786,10 +3786,10 @@ class Fe extends b {
       case "leftTop": {
         const s = e.x + e.w * (1 - this.ratio);
         return [
-          new I(s, e.y, 0),
-          new I(e.x + e.w, e.y, 0),
-          new I(e.x + e.w, e.y + e.h, 0),
-          new I(s, e.y + e.h, 0)
+          new W(s, e.y, 0),
+          new W(e.x + e.w, e.y, 0),
+          new W(e.x + e.w, e.y + e.h, 0),
+          new W(s, e.y + e.h, 0)
         ];
       }
       case "right":
@@ -3797,59 +3797,59 @@ class Fe extends b {
       case "rightTop": {
         const s = e.x + e.w * this.ratio;
         return [
-          new I(e.x, e.y, 0),
-          new I(s, e.y, 0),
-          new I(s, e.y + e.h, 0),
-          new I(e.x, e.y + e.h, 0)
+          new W(e.x, e.y, 0),
+          new W(s, e.y, 0),
+          new W(s, e.y + e.h, 0),
+          new W(e.x, e.y + e.h, 0)
         ];
       }
     }
   }
   computDrawPoints(t, e) {
-    const s = $(this.tmpPoints), o = this.transformControlPoints(e), r = Math.floor(s.w * 0.1), n = Math.floor(s.h * 0.1), a = [], c = I.Add(o[0], new I(0, n, 0)), l = I.Add(o[0], new I(r, 0, 0)), h = ot.getBezierPoints(
+    const s = $(this.tmpPoints), o = this.transformControlPoints(e), r = Math.floor(s.w * 0.1), n = Math.floor(s.h * 0.1), a = [], c = W.Add(o[0], new W(0, n, 0)), l = W.Add(o[0], new W(r, 0, 0)), h = ot.getBezierPoints(
       10,
       c,
       o[0],
       l
-    ), p = I.Sub(o[1], new I(r, 0, 0)), d = I.Add(
+    ), p = W.Sub(o[1], new W(r, 0, 0)), d = W.Add(
       o[1],
-      new I(0, n, 0)
+      new W(0, n, 0)
     ), u = ot.getBezierPoints(
       10,
       p,
       o[1],
       d
-    ), f = I.Sub(o[2], new I(0, n, 0)), m = I.Sub(
+    ), f = W.Sub(o[2], new W(0, n, 0)), m = W.Sub(
       o[2],
-      new I(r, 0, 0)
+      new W(r, 0, 0)
     ), g = ot.getBezierPoints(
       10,
       f,
       o[2],
       m
-    ), P = I.Add(
+    ), I = W.Add(
       o[3],
-      new I(r, 0, 0)
-    ), S = I.Sub(
+      new W(r, 0, 0)
+    ), S = W.Sub(
       o[3],
-      new I(0, n, 0)
+      new W(0, n, 0)
     ), v = ot.getBezierPoints(
       10,
-      P,
+      I,
       o[3],
       S
     ), L = r * (1 - this.ratio) * 10, C = n * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[2],
-          new I(r * 5 - L / 2, 0, 0)
-        ), M = I.Sub(
+          new W(r * 5 - L / 2, 0, 0)
+        ), M = W.Sub(
           o[2],
-          new I(r * 5, -C, 0)
-        ), D = I.Sub(
+          new W(r * 5, -C, 0)
+        ), D = W.Sub(
           o[2],
-          new I(r * 5 + L / 2, 0, 0)
+          new W(r * 5 + L / 2, 0, 0)
         );
         a.push(
           M,
@@ -3858,20 +3858,20 @@ class Fe extends b {
           ...h,
           ...u,
           ...g,
-          N
+          P
         );
         break;
       }
       case "bottomRight": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[2],
-          new I(r * 1.1, 0, 0)
-        ), M = I.Sub(
+          new W(r * 1.1, 0, 0)
+        ), M = W.Sub(
           o[2],
-          new I(r * 1.1 + L / 2, -C, 0)
-        ), D = I.Sub(
+          new W(r * 1.1 + L / 2, -C, 0)
+        ), D = W.Sub(
           o[2],
-          new I(r * 1.1 + L, 0, 0)
+          new W(r * 1.1 + L, 0, 0)
         );
         a.push(
           M,
@@ -3880,20 +3880,20 @@ class Fe extends b {
           ...h,
           ...u,
           ...g,
-          N
+          P
         );
         break;
       }
       case "bottomLeft": {
-        const N = I.Add(
+        const P = W.Add(
           o[3],
-          new I(r * 1.1 + L, 0, 0)
-        ), M = I.Add(
+          new W(r * 1.1 + L, 0, 0)
+        ), M = W.Add(
           o[3],
-          new I(r * 1.1 + L / 2, C, 0)
-        ), D = I.Add(
+          new W(r * 1.1 + L / 2, C, 0)
+        ), D = W.Add(
           o[3],
-          new I(r * 1.1, 0, 0)
+          new W(r * 1.1, 0, 0)
         );
         a.push(
           M,
@@ -3902,24 +3902,24 @@ class Fe extends b {
           ...h,
           ...u,
           ...g,
-          N
+          P
         );
         break;
       }
       case "top": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[1],
-          new I(r * 5 - L / 2, 0, 0)
-        ), M = I.Sub(
+          new W(r * 5 - L / 2, 0, 0)
+        ), M = W.Sub(
           o[1],
-          new I(r * 5, C, 0)
-        ), D = I.Sub(
+          new W(r * 5, C, 0)
+        ), D = W.Sub(
           o[1],
-          new I(r * 5 + L / 2, 0, 0)
+          new W(r * 5 + L / 2, 0, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...u,
           ...g,
           ...v,
@@ -3929,19 +3929,19 @@ class Fe extends b {
         break;
       }
       case "topRight": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[1],
-          new I(r * 1.1, 0, 0)
-        ), M = I.Sub(
+          new W(r * 1.1, 0, 0)
+        ), M = W.Sub(
           o[1],
-          new I(r * 1.1 + L / 2, C, 0)
-        ), D = I.Sub(
+          new W(r * 1.1 + L / 2, C, 0)
+        ), D = W.Sub(
           o[1],
-          new I(r * 1.1 + L, 0, 0)
+          new W(r * 1.1 + L, 0, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...u,
           ...g,
           ...v,
@@ -3951,19 +3951,19 @@ class Fe extends b {
         break;
       }
       case "topLeft": {
-        const N = I.Add(
+        const P = W.Add(
           o[0],
-          new I(r * 1.1 + L, 0, 0)
-        ), M = I.Add(
+          new W(r * 1.1 + L, 0, 0)
+        ), M = W.Add(
           o[0],
-          new I(r * 1.1 + L / 2, -C, 0)
-        ), D = I.Add(
+          new W(r * 1.1 + L / 2, -C, 0)
+        ), D = W.Add(
           o[0],
-          new I(r * 1.1, 0, 0)
+          new W(r * 1.1, 0, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...u,
           ...g,
           ...v,
@@ -3973,19 +3973,19 @@ class Fe extends b {
         break;
       }
       case "left": {
-        const N = I.Add(
+        const P = W.Add(
           o[0],
-          new I(0, n * 5 - C / 2, 0)
-        ), M = I.Add(
+          new W(0, n * 5 - C / 2, 0)
+        ), M = W.Add(
           o[0],
-          new I(-L, n * 5, 0)
-        ), D = I.Add(
+          new W(-L, n * 5, 0)
+        ), D = W.Add(
           o[0],
-          new I(0, n * 5 + C / 2, 0)
+          new W(0, n * 5 + C / 2, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...h,
           ...u,
           ...g,
@@ -3995,19 +3995,19 @@ class Fe extends b {
         break;
       }
       case "leftTop": {
-        const N = I.Add(
+        const P = W.Add(
           o[0],
-          new I(0, n * 1.1, 0)
-        ), M = I.Add(
+          new W(0, n * 1.1, 0)
+        ), M = W.Add(
           o[0],
-          new I(-L, n * 1.1 + C / 2, 0)
-        ), D = I.Add(
+          new W(-L, n * 1.1 + C / 2, 0)
+        ), D = W.Add(
           o[0],
-          new I(0, n * 1.1 + C, 0)
+          new W(0, n * 1.1 + C, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...h,
           ...u,
           ...g,
@@ -4017,19 +4017,19 @@ class Fe extends b {
         break;
       }
       case "leftBottom": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[3],
-          new I(0, n * 1.1 + C, 0)
-        ), M = I.Sub(
+          new W(0, n * 1.1 + C, 0)
+        ), M = W.Sub(
           o[3],
-          new I(L, n * 1.1 + C / 2, 0)
-        ), D = I.Sub(
+          new W(L, n * 1.1 + C / 2, 0)
+        ), D = W.Sub(
           o[3],
-          new I(0, n * 1.1, 0)
+          new W(0, n * 1.1, 0)
         );
         a.push(
           M,
-          N,
+          P,
           ...h,
           ...u,
           ...g,
@@ -4039,15 +4039,15 @@ class Fe extends b {
         break;
       }
       case "right": {
-        const N = I.Add(
+        const P = W.Add(
           o[1],
-          new I(0, n * 5 - C / 2, 0)
-        ), M = I.Add(
+          new W(0, n * 5 - C / 2, 0)
+        ), M = W.Add(
           o[1],
-          new I(L, n * 5, 0)
-        ), D = I.Add(
+          new W(L, n * 5, 0)
+        ), D = W.Add(
           o[1],
-          new I(0, n * 5 + C / 2, 0)
+          new W(0, n * 5 + C / 2, 0)
         );
         a.push(
           M,
@@ -4056,20 +4056,20 @@ class Fe extends b {
           ...v,
           ...h,
           ...u,
-          N
+          P
         );
         break;
       }
       case "rightTop": {
-        const N = I.Add(
+        const P = W.Add(
           o[1],
-          new I(0, n * 1.1, 0)
-        ), M = I.Add(
+          new W(0, n * 1.1, 0)
+        ), M = W.Add(
           o[1],
-          new I(L, n * 1.1 + C / 2, 0)
-        ), D = I.Add(
+          new W(L, n * 1.1 + C / 2, 0)
+        ), D = W.Add(
           o[1],
-          new I(0, n * 1.1 + C, 0)
+          new W(0, n * 1.1 + C, 0)
         );
         a.push(
           M,
@@ -4078,20 +4078,20 @@ class Fe extends b {
           ...v,
           ...h,
           ...u,
-          N
+          P
         );
         break;
       }
       case "rightBottom": {
-        const N = I.Sub(
+        const P = W.Sub(
           o[2],
-          new I(0, n * 1.1 + C, 0)
-        ), M = I.Sub(
+          new W(0, n * 1.1 + C, 0)
+        ), M = W.Sub(
           o[2],
-          new I(-L, n * 1.1 + C / 2, 0)
-        ), D = I.Sub(
+          new W(-L, n * 1.1 + C / 2, 0)
+        ), D = W.Sub(
           o[2],
-          new I(0, n * 1.1, 0)
+          new W(0, n * 1.1, 0)
         );
         a.push(
           M,
@@ -4100,18 +4100,18 @@ class Fe extends b {
           ...v,
           ...h,
           ...u,
-          N
+          P
         );
         break;
       }
     }
-    const R = $(this.tmpPoints, t), W = [
-      Math.floor(R.x + R.w / 2),
-      Math.floor(R.y + R.h / 2)
+    const N = $(this.tmpPoints, t), R = [
+      Math.floor(N.x + N.w / 2),
+      Math.floor(N.y + N.h / 2)
     ];
     return {
-      rect: R,
-      pos: W,
+      rect: N,
+      pos: R,
       points: a
     };
   }
@@ -4161,9 +4161,9 @@ class Fe extends b {
     return e.tagName === "GROUP" && (d = e.children[0]), r && (d.setAttribute("strokeColor", r), p != null && p.strokeColor && (p.strokeColor = r)), n && (n === "transparent" ? d.setAttribute("fillColor", "rgba(0,0,0,0)") : d.setAttribute("fillColor", n), p != null && p.fillColor && (p.fillColor = n)), a === k.SpeechBalloon && c && (p.placement = c), l && (h != null && h.opt) && ((u = h.opt) != null && u.strokeType) && (h.opt.strokeType = l), h && o.setInfo(e.name, { ...h, opt: p }), b.updateNodeOpt(t);
   }
 }
-var Hs = Ie, Vs = te, qs = "[object Boolean]";
+var Vs = Pe, Hs = te, qs = "[object Boolean]";
 function js(T) {
-  return T === !0 || T === !1 || Vs(T) && Hs(T) == qs;
+  return T === !0 || T === !1 || Hs(T) && Vs(T) == qs;
 }
 var Zs = js;
 const kt = /* @__PURE__ */ Jt(Zs);
@@ -4210,8 +4210,8 @@ class Ue extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const P = Date.now();
-        P - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = P, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
+        const I = Date.now();
+        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = this.tmpPoints.map((S) => [...S.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -4277,7 +4277,7 @@ class Ue extends b {
       eraserlines: d,
       lineCap: u,
       lineDash: f
-    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { d: P, rect: S, isDot: v } = this.computDrawPoints(n, p), L = [
+    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { d: I, rect: S, isDot: v } = this.computDrawPoints(n, p), L = [
       S.x + S.w / 2,
       S.y + S.h / 2
     ], C = new j({
@@ -4288,10 +4288,10 @@ class Ue extends b {
       id: e,
       normalize: !0,
       zIndex: a
-    }), R = {
+    }), N = {
       pos: [0, 0],
       normalize: !0,
-      d: P,
+      d: I,
       fillColor: r,
       strokeColor: r,
       lineDash: v ? void 0 : p === G.Dotted ? [
@@ -4304,9 +4304,9 @@ class Ue extends b {
       lineCap: v ? void 0 : u,
       lineWidth: p === G.Normal || v ? 0 : n
     };
-    c && (R.scale = c), l && (R.rotate = l), h && (R.translate = h);
-    const W = new wt(R);
-    C.append(W), d && (this.scaleType = U.proportional, this.drawEraserlines(
+    c && (N.scale = c), l && (N.rotate = l), h && (N.translate = h);
+    const R = new wt(N);
+    C.append(R), d && (this.scaleType = U.proportional, this.drawEraserlines(
       {
         group: C,
         eraserlines: d,
@@ -4315,7 +4315,7 @@ class Ue extends b {
       },
       o
     )), this.replace(s, e, C);
-    let N = {
+    let P = {
       x: Math.floor(
         S.x * g[0] + m[0] - b.SafeBorderPadding
       ),
@@ -4330,21 +4330,21 @@ class Ue extends b {
       )
     };
     if (l || c || h) {
-      const M = W.getBoundingClientRect();
-      N = {
+      const M = R.getBoundingClientRect();
+      P = {
         x: Math.floor(M.x - b.SafeBorderPadding),
         y: Math.floor(M.y - b.SafeBorderPadding),
         w: Math.floor(M.width + b.SafeBorderPadding * 2),
         h: Math.floor(M.height + b.SafeBorderPadding * 2)
       };
     }
-    return this.isDelete && C.setAttribute("opacity", 0), N;
+    return this.isDelete && C.setAttribute("opacity", 0), P;
   }
   computDrawPoints(t, e) {
     return this.tmpPoints[1].distance(this.tmpPoints[0]) > this.straightTipWidth ? this.computFullPoints(t, e) : this.computDotPoints(t);
   }
   computFullPoints(t, e) {
-    const s = I.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = I.Per(s).mul(t / 2), r = O.Sub(
+    const s = W.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = W.Per(s).mul(t / 2), r = O.Sub(
       this.tmpPoints[0],
       o
     ), n = O.Add(
@@ -4488,9 +4488,9 @@ const ft = class ft extends b {
     };
     this.replace(s, e, d);
     let m;
-    if (r && (m = Rt(f, r)), (o || r && m !== Ht.outside) && s && this.workOptions.text) {
-      const g = await ft.createLabels(this.workOptions, s, f), { labels: P, maxWidth: S } = g;
-      d.append(...P), f.w = Math.ceil(Math.max(S * s.worldScaling[0], f.w));
+    if (r && (m = Rt(f, r)), (o || r && m !== Vt.outside) && s && this.workOptions.text) {
+      const g = await ft.createLabels(this.workOptions, s, f), { labels: I, maxWidth: S } = g;
+      d.append(...I), f.w = Math.ceil(Math.max(S * s.worldScaling[0], f.w));
     }
     return f;
   }
@@ -4571,18 +4571,18 @@ const ft = class ft extends b {
       textAlign: f,
       italic: m,
       fontFamily: g,
-      verticalAlign: P,
+      verticalAlign: I,
       fontColor: S,
       fontBgColor: v,
       underline: L,
       lineThrough: C
-    } = t, R = ft.getSafetySnippetRatio(e) || 1, W = Math.floor(p * R), N = ft.getSafetySnippetFontLength(W);
+    } = t, N = ft.getSafetySnippetRatio(e) || 1, R = Math.floor(p * N), P = ft.getSafetySnippetFontLength(R);
     let M = 0;
     for (let B = 0; B < h; B++) {
-      const F = l[B], z = d || W * 1.5;
+      const F = l[B], z = d || R * 1.5;
       if (F) {
-        const q = is(F), Z = [0, 0], K = [0, p * 1.2];
-        P === "middle" && (Z[1] = Math.floor(
+        const V = is(F), Z = [0, 0], K = [0, p * 1.2];
+        I === "middle" && (Z[1] = Math.floor(
           B * p * 1.2 + 6 + p * (1.1 - 1)
         ));
         const nt = [0, Math.floor(-p * 0.15)];
@@ -4591,31 +4591,31 @@ const ft = class ft extends b {
         let pt = 0;
         const Ot = [];
         let Ct = 0;
-        for (; Ct < q; ) {
+        for (; Ct < V; ) {
           f === "left" && (nt[0] = pt), Ct === 0 && m === "italic" && (nt[0] = nt[0] - gt / 2 * p);
-          const qt = F.slice(Ct, Ct + N), At = {
+          const qt = F.slice(Ct, Ct + P), At = {
             anchor: [0, 0],
             pos: nt,
             text: qt,
             fontFamily: g,
-            fontSize: W,
+            fontSize: R,
             lineHeight: z,
             strokeColor: S,
             fontWeight: u,
             fillColor: S,
             textAlign: f,
             fontStyle: m,
-            scale: [1 / R, 1 / R]
+            scale: [1 / N, 1 / N]
           }, dt = new fs(At), at = await dt.textImageReady;
           let Et = !0;
           if (at) {
             const ae = at.rect && at.rect[2], ce = at.rect && at.rect[3];
             if (ae && ce) {
-              const le = ae / R, $e = ce / R;
+              const le = ae / N, $e = ce / N;
               pt = le + pt, m === "italic" && (u === "bold" ? pt = pt - gt * p * 1.2 : pt = pt - gt * p), ((nt[0] + Z[0] + le) * e.worldScaling[0] + r <= 0 || (nt[0] + Z[0]) * e.worldScaling[0] + r >= a || (nt[1] + Z[1] + $e) * e.worldScaling[1] + n <= 0 || (nt[1] + Z[1]) * e.worldScaling[1] + n >= c) && (dt.disconnect(), Et = !1), Et && Ot.push(dt);
             }
           }
-          Ct += N;
+          Ct += P;
         }
         K[0] = pt, m === "italic" && (K[0] = K[0] + gt * p), M = Math.max(M, K[0]);
         let ne = !0;
@@ -4667,26 +4667,26 @@ const ft = class ft extends b {
       lineThrough: f,
       underline: m,
       fontSize: g,
-      textInfos: P,
+      textInfos: I,
       zIndex: S
     } = s, v = r && st(r) || o.get(e.name);
     if (!v || !e.parent) return;
     const C = v.opt;
-    if (H(S) && (e.setAttribute("zIndex", S), v.opt.zIndex = S), a && C.fontColor && (C.fontColor = a, e.children.forEach((R) => {
-      R.tagName === "GROUP" && R.children.forEach((W) => {
-        W.tagName === "LABEL" ? (W.setAttribute("fillColor", a), W.setAttribute("strokeColor", a)) : W.tagName === "POLYLINE" && W.setAttribute("strokeColor", a);
+    if (H(S) && (e.setAttribute("zIndex", S), v.opt.zIndex = S), a && C.fontColor && (C.fontColor = a, e.children.forEach((N) => {
+      N.tagName === "GROUP" && N.children.forEach((R) => {
+        R.tagName === "LABEL" ? (R.setAttribute("fillColor", a), R.setAttribute("strokeColor", a)) : R.tagName === "POLYLINE" && R.setAttribute("strokeColor", a);
       });
-    })), n && C.fontBgColor && (C.fontBgColor = n, e.children.forEach((R) => {
-      R.tagName === "GROUP" && R.setAttribute("bgcolor", n);
+    })), n && C.fontBgColor && (C.fontBgColor = n, e.children.forEach((N) => {
+      N.tagName === "GROUP" && N.setAttribute("bgcolor", n);
     })), d && (C.bold = d), u && (C.italic = u), kt(f) && (C.lineThrough = f), kt(m) && (C.underline = m), g && (C.fontSize = g), l && h && p && r && C.boxPoint) {
-      const R = P == null ? void 0 : P.get(e.name);
-      if (R) {
-        const { fontSize: D, boxSize: B } = R;
+      const N = I == null ? void 0 : I.get(e.name);
+      if (N) {
+        const { fontSize: D, boxSize: B } = N;
         C.boxSize = B || C.boxSize, C.fontSize = D || C.fontSize;
       }
-      const W = [C.boxPoint[0], C.boxPoint[1]];
-      Vt(C.boxPoint, h, p, c);
-      const N = [v.op[0], v.op[1]], M = [N[0] - W[0], N[1] - W[1]];
+      const R = [C.boxPoint[0], C.boxPoint[1]];
+      Ht(C.boxPoint, h, p, c);
+      const P = [v.op[0], v.op[1]], M = [P[0] - R[0], P[1] - R[1]];
       if (v.centerPos = [
         v.centerPos[0] + M[0],
         v.centerPos[1] + M[1]
@@ -4704,11 +4704,11 @@ const ft = class ft extends b {
       v.centerPos[0] + c[0],
       v.centerPos[1] + c[1]
     ], v.opt.eraserlines))
-      for (const R of v.opt.eraserlines) {
-        const { op: W } = R;
-        for (let N = 0; N < W.length; N++) {
-          const M = W[N].map((D, B) => B % 2 ? D + c[1] : D + c[0]);
-          R.op[N] = M;
+      for (const N of v.opt.eraserlines) {
+        const { op: R } = N;
+        for (let P = 0; P < R.length; P++) {
+          const M = R[P].map((D, B) => B % 2 ? D + c[1] : D + c[0]);
+          N.op[P] = M;
         }
       }
     return v && o.setInfo(e.name, v), v == null ? void 0 : v.rect;
@@ -4740,7 +4740,7 @@ const ft = class ft extends b {
 // 4k
 y(ft, "textImageSnippetSize", 1024 * 4), y(ft, "SafeBorderPadding", 30);
 let Xt = ft;
-const Pt = class Pt extends b {
+const It = class It extends b {
   constructor(t) {
     super(t);
     y(this, "canRotate", !1);
@@ -4761,7 +4761,7 @@ const Pt = class Pt extends b {
       return {
         type: w.None
       };
-    const { thickness: s } = this.workOptions, { width: o, height: r } = Pt.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { rect: a, willNewNodes: c, willDeleteNodes: l } = this.getChangeNodes(
+    const { thickness: s } = this.workOptions, { width: o, height: r } = It.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { rect: a, willNewNodes: c, willDeleteNodes: l } = this.getChangeNodes(
       n,
       e
     );
@@ -4787,8 +4787,8 @@ const Pt = class Pt extends b {
         this.tmpPoints.push(a);
         continue;
       }
-      const c = n - 1, l = this.tmpPoints[c], h = I.Sub(a, l).uni();
-      a.isNear(l, e / 2) || (I.Equals(h, l.v, 0.02) && (this.tmpPoints.pop(), s--), a.setv(h), a.setT(o), this.tmpPoints.push(a));
+      const c = n - 1, l = this.tmpPoints[c], h = W.Sub(a, l).uni();
+      a.isNear(l, e / 2) || (W.Equals(h, l.v, 0.02) && (this.tmpPoints.pop(), s--), a.setv(h), a.setT(o), this.tmpPoints.push(a));
     }
     return Math.max(s, 0);
   }
@@ -4824,10 +4824,10 @@ const Pt = class Pt extends b {
         ie.polyline(g, u, f);
       if (f.length && p.opt)
         for (const g of f) {
-          const P = [];
+          const I = [];
           for (let S = 0; S < g.length; S++)
-            S !== 0 && lt(g[S], g[S - 1]) || P.push(...g[S]);
-          m.push(P);
+            S !== 0 && lt(g[S], g[S - 1]) || I.push(...g[S]);
+          m.push(I);
         }
       if (m.length && e) {
         const g = e.createWorkShapeNode({
@@ -4836,28 +4836,28 @@ const Pt = class Pt extends b {
           toolsOpt: p.opt
         });
         g.setWorkId(h);
-        const P = g == null ? void 0 : g.computPencilPoints({
+        const I = g == null ? void 0 : g.computPencilPoints({
           op: p.op,
           eraserPolylines: m,
           eraserThickness: t
         });
-        if (r = E(r, p.rect), o.add(h), e.removeNode(h), P.length)
-          for (let S = 0; S < P.length; S++) {
-            const v = `${h}_${Date.now()}_${S}`, L = v, R = e.setFullWork({
+        if (r = E(r, p.rect), o.add(h), e.removeNode(h), I.length)
+          for (let S = 0; S < I.length; S++) {
+            const v = `${h}_${Date.now()}_${S}`, L = v, N = e.setFullWork({
               workId: L,
               opt: p.opt,
               toolsType: k.Pencil
             }).consumeService({
-              op: P[S],
+              op: I[S],
               isFullWork: !0,
               replaceId: L
             });
-            e.clearWorkShapeNodeCache(L), r = E(r, R), s.set(v, {
+            e.clearWorkShapeNodeCache(L), r = E(r, N), s.set(v, {
               ...p,
               toolsType: k.Pencil,
-              rect: R ?? p.rect,
+              rect: N ?? p.rect,
               name: v,
-              op: P[S]
+              op: I[S]
             });
           }
       }
@@ -4871,7 +4871,7 @@ const Pt = class Pt extends b {
         type: w.None,
         ...this.baseConsumeResult
       };
-    const { thickness: o } = this.workOptions, { width: r, height: n } = Pt.eraserSizes[o], a = Math.max(r, n) / this.worldScaling[0];
+    const { thickness: o } = this.workOptions, { width: r, height: n } = It.eraserSizes[o], a = Math.max(r, n) / this.worldScaling[0];
     return this.updateTempPoints(s, a), {
       type: w.None,
       ...this.baseConsumeResult
@@ -4897,7 +4897,7 @@ const Pt = class Pt extends b {
         type: w.None,
         ...this.baseConsumeResult
       };
-    const { thickness: s } = this.workOptions, { width: o, height: r } = Pt.eraserSizes[s], n = Math.max(o, r) / this.worldScaling[0], { willDeleteNodes: a, willNewNodes: c, rect: l } = this.getChangeNodes(
+    const { thickness: s } = this.workOptions, { width: o, height: r } = It.eraserSizes[s], n = Math.max(o, r) / this.worldScaling[0], { willDeleteNodes: a, willNewNodes: c, rect: l } = this.getChangeNodes(
       n,
       e
     );
@@ -4927,9 +4927,9 @@ const Pt = class Pt extends b {
   }
 };
 // 来源于white-sdk
-y(Pt, "eraserSizes", re);
-let Yt = Pt;
-const It = class It extends b {
+y(It, "eraserSizes", re);
+let Yt = It;
+const Pt = class Pt extends b {
   constructor(t) {
     super(t);
     y(this, "canRotate", !1);
@@ -4951,7 +4951,7 @@ const It = class It extends b {
       return {
         type: w.None
       };
-    const { thickness: s } = this.workOptions, { width: o, height: r } = It.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { willDeleteNodes: a, rect: c } = this.getChangeNodes(n, e);
+    const { thickness: s } = this.workOptions, { width: o, height: r } = Pt.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { willDeleteNodes: a, rect: c } = this.getChangeNodes(n, e);
     return {
       ...this.baseConsumeResult,
       type: w.DrawWork,
@@ -4973,8 +4973,8 @@ const It = class It extends b {
         this.tmpPoints.push(a);
         continue;
       }
-      const c = n - 1, l = this.tmpPoints[c], h = I.Sub(a, l).uni();
-      a.isNear(l, e / 2) || (I.Equals(h, l.v, 0.02) && (this.tmpPoints.pop(), s--), a.setv(h), a.setT(o), this.tmpPoints.push(a));
+      const c = n - 1, l = this.tmpPoints[c], h = W.Sub(a, l).uni();
+      a.isNear(l, e / 2) || (W.Equals(h, l.v, 0.02) && (this.tmpPoints.pop(), s--), a.setv(h), a.setT(o), this.tmpPoints.push(a));
     }
     return Math.max(s, 0);
   }
@@ -5012,10 +5012,10 @@ const It = class It extends b {
         for (const S of f) {
           const v = [];
           for (let L = 0; L < S.length && !(isNaN(S[L][0]) || isNaN(S[L][1])); L++) {
-            const C = S[L].map((R) => Math.round(R * 100) / 100);
+            const C = S[L].map((N) => Math.round(N * 100) / 100);
             if (L !== 0) {
-              const R = S[L - 1].map((W) => Math.round(W * 100) / 100);
-              if (lt(C, R))
+              const N = S[L - 1].map((R) => Math.round(R * 100) / 100);
+              if (lt(C, N))
                 continue;
             }
             v.push(...C);
@@ -5024,8 +5024,8 @@ const It = class It extends b {
         }
       if (!m.length)
         continue;
-      const g = p.opt.eraserlines ? p.opt.eraserlines : [], P = g.find((S) => S.workId === this.workId);
-      if (P ? P.op = m : g.push({ workId: this.workId, op: m, thickness: t }), p.opt.eraserlines = g, e) {
+      const g = p.opt.eraserlines ? p.opt.eraserlines : [], I = g.find((S) => S.workId === this.workId);
+      if (I ? I.op = m : g.push({ workId: this.workId, op: m, thickness: t }), p.opt.eraserlines = g, e) {
         const { toolsType: S } = p, v = e.createWorkShapeNode({
           workId: h,
           toolsType: S,
@@ -5053,7 +5053,7 @@ const It = class It extends b {
         type: w.None,
         ...this.baseConsumeResult
       };
-    const { thickness: o } = this.workOptions, { width: r, height: n } = It.eraserSizes[o], a = Math.round(Math.max(r, n) / this.worldScaling[0]);
+    const { thickness: o } = this.workOptions, { width: r, height: n } = Pt.eraserSizes[o], a = Math.round(Math.max(r, n) / this.worldScaling[0]);
     return this.updateTempPoints(s, a), {
       type: w.None,
       ...this.baseConsumeResult
@@ -5079,7 +5079,7 @@ const It = class It extends b {
         type: w.None,
         ...this.baseConsumeResult
       };
-    const { thickness: s } = this.workOptions, { width: o, height: r } = It.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { willDeleteNodes: a, willUpdateNodes: c, rect: l } = this.getChangeNodes(
+    const { thickness: s } = this.workOptions, { width: o, height: r } = Pt.eraserSizes[s], n = Math.round(Math.max(o, r) / this.worldScaling[0]), { willDeleteNodes: a, willUpdateNodes: c, rect: l } = this.getChangeNodes(
       n,
       e
     );
@@ -5109,8 +5109,8 @@ const It = class It extends b {
   }
 };
 // 来源于white-sdk
-y(It, "eraserSizes", re);
-let $t = It;
+y(Pt, "eraserSizes", re);
+let $t = Pt;
 class xt extends b {
   constructor(t) {
     super(t);
@@ -5190,16 +5190,16 @@ class xt extends b {
         e.setAttribute("zIndex", m), u.opt.zIndex = d;
       }
       if (kt(p) && (u.opt.locked = p), a && c && l && n) {
-        const { centerX: m, centerY: g, width: P, height: S, uniformScale: v } = u.opt, L = v !== !1 ? [l[0], l[0]] : l, C = [m, g], R = [m, g];
-        Vt(R, c, L, n);
-        const W = [
-          R[0] - C[0],
-          R[1] - C[1]
+        const { centerX: m, centerY: g, width: I, height: S, uniformScale: v } = u.opt, L = v !== !1 ? [l[0], l[0]] : l, C = [m, g], N = [m, g];
+        Ht(N, c, L, n);
+        const R = [
+          N[0] - C[0],
+          N[1] - C[1]
         ];
         u.centerPos = [
-          u.centerPos[0] + W[0],
-          u.centerPos[1] + W[1]
-        ], u.opt.width = Math.round(P * L[0]), u.opt.height = Math.round(S * L[1]), u.opt.centerX = R[0], u.opt.centerY = R[1];
+          u.centerPos[0] + R[0],
+          u.centerPos[1] + R[1]
+        ], u.opt.width = Math.round(I * L[0]), u.opt.height = Math.round(S * L[1]), u.opt.centerX = N[0], u.opt.centerY = N[1];
       } else if (n)
         u.opt.centerX = u.opt.centerX + n[0], u.opt.centerY = u.opt.centerY + n[1], u.centerPos = [
           u.centerPos[0] + n[0],
@@ -5636,8 +5636,8 @@ class Ks {
           timer: void 0
         };
         g.timer && clearTimeout(g.timer), g.resolve = m, g.timer = setTimeout(() => {
-          const P = this.imageResolveMap.get(p);
-          P != null && P.resolve && P.resolve(p);
+          const I = this.imageResolveMap.get(p);
+          I != null && I.resolve && I.resolve(p);
         }, 5e3), this.imageResolveMap.set(p, g), this._post({
           sp: [
             {
@@ -5727,7 +5727,7 @@ class Ks {
   }
   destroy() {
     var i;
-    this.vNodes.clear(), this.fullLayer.remove(), V(this.fullLayer, this.fullLayer.parent), this.clearCacheImages(), this.clearImageResolveMap(), this.scene.remove(), this.localWork.destroy(), (i = this.serviceWork) == null || i.destroy();
+    this.vNodes.clear(), this.fullLayer.remove(), q(this.fullLayer, this.fullLayer.parent), this.clearCacheImages(), this.clearImageResolveMap(), this.scene.remove(), this.localWork.destroy(), (i = this.serviceWork) == null || i.destroy();
   }
   async post(i) {
     this.combinePostMsg.add(i), await this.runBatchPostData();
@@ -6025,7 +6025,7 @@ class Qs extends Ye {
         y: r.y - b.SafeBorderPadding,
         w: r.width + b.SafeBorderPadding * 2,
         h: r.height + b.SafeBorderPadding * 2
-      }), o.remove(), V(o, this.fullLayer.parent);
+      }), o.remove(), q(o, this.fullLayer.parent);
     }), s && this.clearWorkShapeNodeCache(t)), s;
   }
   async drawPencil(t, e) {
@@ -6853,16 +6853,16 @@ class Dt extends b {
     const m = e.parent;
     if (m) {
       if (u && (f.opt.strokeColor = u), H(d) && (e.setAttribute("zIndex", d), f.opt.zIndex = d), kt(p) && (f.opt.locked = p), a && c && l && n) {
-        const { centerX: g, centerY: P, width: S, height: v, uniformScale: L } = f.opt, C = L !== !1 ? [l[0], l[0]] : l, R = [g, P], W = [g, P];
-        Vt(W, c, C, n);
-        const N = [
-          W[0] - R[0],
-          W[1] - R[1]
+        const { centerX: g, centerY: I, width: S, height: v, uniformScale: L } = f.opt, C = L !== !1 ? [l[0], l[0]] : l, N = [g, I], R = [g, I];
+        Ht(R, c, C, n);
+        const P = [
+          R[0] - N[0],
+          R[1] - N[1]
         ];
         if (f.centerPos = [
-          f.centerPos[0] + N[0],
-          f.centerPos[1] + N[1]
-        ], f.opt.width = Math.round(S * C[0]), f.opt.height = Math.round(v * C[1]), f.opt.centerX = W[0], f.opt.centerY = W[1], f.opt.eraserlines)
+          f.centerPos[0] + P[0],
+          f.centerPos[1] + P[1]
+        ], f.opt.width = Math.round(S * C[0]), f.opt.height = Math.round(v * C[1]), f.opt.centerX = R[0], f.opt.centerY = R[1], f.opt.eraserlines)
           for (const M of f.opt.eraserlines) {
             const { op: D, thickness: B } = M;
             M.thickness = Math.round(B * Math.max(l[0], l[1]));
@@ -6875,9 +6875,9 @@ class Dt extends b {
           f.centerPos[1] + n[1]
         ], f.opt.eraserlines)
           for (const g of f.opt.eraserlines) {
-            const { op: P } = g;
-            for (let S = 0; S < P.length; S++) {
-              const v = P[S].map((L, C) => C % 2 ? L + n[1] : L + n[0]);
+            const { op: I } = g;
+            for (let S = 0; S < I.length; S++) {
+              const v = I[S].map((L, C) => C % 2 ? L + n[1] : L + n[0]);
               g.op[S] = v;
             }
           }
@@ -6902,24 +6902,24 @@ const so = (T) => {
       return !0;
   }
   return !1;
-}, V = (T, i) => {
+}, q = (T, i) => {
   if (T.mesh && T.mesh.texture && T.name === "eraserTexture") {
     const t = T.mesh.texture.image;
     i.deleteTexture(t);
   } else if (T.tagName === "GROUP" && T && T.children)
     for (const t of T.children)
-      V(t, i);
+      q(t, i);
 }, Q = (T, i) => {
-  V(T, i), T.removeAllChildren();
+  q(T, i), T.removeAllChildren();
 }, oo = (T, i, t) => {
   const e = t.parent;
   if (i) {
     const s = i.children;
     if (s) {
       for (const o of s)
-        if (V(o, e), o.tagName === "GROUP")
+        if (q(o, e), o.tagName === "GROUP")
           for (const r of o.children)
-            V(r, e);
+            q(r, e);
     }
   }
   i.parent.replaceChild(T, i);
@@ -7211,9 +7211,9 @@ class no {
     a != null && a.selectIds && (l = ys(t.selectIds, a.selectIds), a.selectIds.forEach((u) => {
       const f = this.vNodes.get(u);
       if (f) {
-        const { toolsType: m, op: g, opt: P } = f;
+        const { toolsType: m, op: g, opt: I } = f;
         c.set(u, {
-          opt: P,
+          opt: I,
           toolsType: m,
           ops: (g == null ? void 0 : g.length) && tt(g) || void 0
         });
@@ -7404,9 +7404,9 @@ class no {
         }
       ]
     }), (s = this.thread.fullLayer) == null || s.getElementsByName(i).forEach((o) => {
-      o.remove(), V(o, this.thread.fullLayer.parent);
+      o.remove(), q(o, this.thread.fullLayer.parent);
     }), this.vNodes.delete(i)), this.workShapes.has(i) && (this.thread.localLayer.getElementsByName(i).forEach((o) => {
-      o.remove(), V(o, this.thread.localLayer.parent);
+      o.remove(), q(o, this.thread.localLayer.parent);
     }), this.clearWorkShapeNodeCache(i));
   }
   setFullWork(i) {
@@ -7426,7 +7426,10 @@ class no {
     const t = this.setFullWork(i), e = i.ops && yt(i.ops);
     if (t) {
       const o = (s = i.workId) == null ? void 0 : s.toString();
-      t.toolsType === k.Image ? await t.consumeServiceAsync({
+      t.toolsType === k.BackgroundSVG ? t.consumeService({
+        isFullWork: !0,
+        replaceId: o
+      }) : t.toolsType === k.Image ? await t.consumeServiceAsync({
         isFullWork: !0,
         replaceId: o,
         worker: this
@@ -7479,7 +7482,12 @@ class no {
       const s = this.setFullWork(e);
       if (s) {
         const o = (t = e.workId) == null ? void 0 : t.toString();
-        if (s.toolsType === k.Image)
+        if (s.toolsType === k.BackgroundSVG)
+          s.consumeService({
+            isFullWork: !0,
+            replaceId: o
+          });
+        else if (s.toolsType === k.Image)
           await s.consumeServiceAsync({
             isFullWork: !0,
             replaceId: o,
@@ -7982,31 +7990,41 @@ class ao {
     );
   }
   async animationDraw() {
-    var e, s, o, r, n, a, c, l, h, p, d, u, f, m, g, P, S, v, L, C;
+    var e, s, o, r, n, a, c, l, h, p, d, u, f, m, g, I, S, v, L, C, N;
     this.animationId = void 0;
     let i = !1;
     const t = /* @__PURE__ */ new Map();
-    for (const [R, W] of this.workShapes.entries())
-      switch (W.toolsType) {
+    for (const [R, P] of this.workShapes.entries())
+      switch (P.toolsType) {
+        case k.BackgroundSVG: {
+          (e = P.node) == null || e.consumeService({
+            isFullWork: !0,
+            replaceId: R
+          }), this.selectorWorkShapes.forEach((M, D) => {
+            var B;
+            (B = M.selectIds) != null && B.includes(R) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+          }), this.workShapes.delete(R);
+          break;
+        }
         case k.Image: {
-          await ((e = W.node) == null ? void 0 : e.consumeServiceAsync({
+          await ((s = P.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((N, M) => {
-            var D;
-            (D = N.selectIds) != null && D.includes(R) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
+          })), this.selectorWorkShapes.forEach((M, D) => {
+            var B;
+            (B = M.selectIds) != null && B.includes(R) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
           }), this.workShapes.delete(R);
           break;
         }
         case k.Text: {
-          W.node && (await ((s = W.node) == null ? void 0 : s.consumeServiceAsync({
+          P.node && (await ((o = P.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: R,
             boxRect: this.thread.getSceneRect()
-          })), this.selectorWorkShapes.forEach((N, M) => {
-            var D;
-            (D = N.selectIds) != null && D.includes(R) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
-          }), (o = W.node) == null || o.clearTmpPoints(), this.workShapes.delete(R));
+          })), this.selectorWorkShapes.forEach((M, D) => {
+            var B;
+            (B = M.selectIds) != null && B.includes(R) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+          }), (r = P.node) == null || r.clearTmpPoints(), this.workShapes.delete(R));
           break;
         }
         case k.Arrow:
@@ -8016,81 +8034,81 @@ class ao {
         case k.Star:
         case k.Polygon:
         case k.SpeechBalloon: {
-          const N = !!W.ops;
-          if ((r = W.animationWorkData) != null && r.length) {
-            const M = W.oldRect;
-            (n = W.node) == null || n.consumeService({
-              op: W.animationWorkData,
-              isFullWork: N
-            }), N && (this.selectorWorkShapes.forEach((D, B) => {
-              var F;
-              (F = D.selectIds) != null && F.includes(R) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
-            }), (a = W.node) == null || a.clearTmpPoints(), this.workShapes.delete(R)), W.isEnableCursor ? t.set(R, {
-              workState: M ? W.ops ? A.Done : A.Doing : A.Start,
-              op: W.animationWorkData.slice(-3, -1)
-            }) : N && !W.useAnimation && ((c = W.updateNodeOpt) != null && c.useAnimation) && t.set(R, {
+          const M = !!P.ops;
+          if ((n = P.animationWorkData) != null && n.length) {
+            const D = P.oldRect;
+            (a = P.node) == null || a.consumeService({
+              op: P.animationWorkData,
+              isFullWork: M
+            }), M && (this.selectorWorkShapes.forEach((B, F) => {
+              var z;
+              (z = B.selectIds) != null && z.includes(R) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
+            }), (c = P.node) == null || c.clearTmpPoints(), this.workShapes.delete(R)), P.isEnableCursor ? t.set(R, {
+              workState: D ? P.ops ? A.Done : A.Doing : A.Start,
+              op: P.animationWorkData.slice(-3, -1)
+            }) : M && !P.useAnimation && ((l = P.updateNodeOpt) != null && l.useAnimation) && t.set(R, {
               workState: A.Done,
-              op: W.animationWorkData.slice(-3, -1),
-              uid: (l = W.updateNodeOpt) == null ? void 0 : l.uid
-            }), W.animationWorkData.length = 0;
+              op: P.animationWorkData.slice(-3, -1),
+              uid: (h = P.updateNodeOpt) == null ? void 0 : h.uid
+            }), P.animationWorkData.length = 0;
           }
           break;
         }
         case k.Pencil: {
-          if (W.useAnimation) {
-            if (W.useAnimation) {
-              if (W.isDel) {
-                (g = W.node) == null || g.clearTmpPoints(), this.workShapes.delete(R);
+          if (P.useAnimation) {
+            if (P.useAnimation) {
+              if (P.isDel) {
+                (I = P.node) == null || I.clearTmpPoints(), this.workShapes.delete(R);
                 break;
               }
-              const N = 3, M = this.computNextAnimationIndex(
-                W,
-                N
-              ), D = W.isDiff ? 0 : Math.max(0, (W.animationIndex || 0) - N), B = (W.animationWorkData || []).slice(
-                D,
+              const M = 3, D = this.computNextAnimationIndex(
+                P,
                 M
-              ), F = (S = (P = W.node) == null ? void 0 : P.getWorkId()) == null ? void 0 : S.toString();
-              if ((W.animationIndex || 0) < M || W.isDiff) {
-                if ((v = W.node) == null || v.consumeService({
-                  op: B,
+              ), B = P.isDiff ? 0 : Math.max(0, (P.animationIndex || 0) - M), F = (P.animationWorkData || []).slice(
+                B,
+                D
+              ), z = (v = (S = P.node) == null ? void 0 : S.getWorkId()) == null ? void 0 : v.toString();
+              if ((P.animationIndex || 0) < D || P.isDiff) {
+                if ((L = P.node) == null || L.consumeService({
+                  op: F,
                   isFullWork: !1
-                }), W.animationIndex = M, W.isDiff && (W.isDiff = !1), B.length && W.isEnableCursor) {
-                  const z = B.slice(-3, -1);
+                }), P.animationIndex = D, P.isDiff && (P.isDiff = !1), F.length && P.isEnableCursor) {
+                  const V = F.slice(-3, -1);
                   t.set(R, {
-                    workState: D === 0 ? A.Start : M === ((L = W.animationWorkData) == null ? void 0 : L.length) ? A.Done : A.Doing,
-                    op: z
+                    workState: B === 0 ? A.Start : D === ((C = P.animationWorkData) == null ? void 0 : C.length) ? A.Done : A.Doing,
+                    op: V
                   });
                 }
-              } else W.ops && ((C = W.node) == null || C.consumeService({
-                op: W.animationWorkData || [],
+              } else P.ops && ((N = P.node) == null || N.consumeService({
+                op: P.animationWorkData || [],
                 isFullWork: !0,
-                replaceId: F
-              }), W.isDel = !0, W.isEnableCursor && t.set(R, {
+                replaceId: z
+              }), P.isDel = !0, P.isEnableCursor && t.set(R, {
                 workState: A.Done,
-                op: B.slice(-3, -1)
+                op: F.slice(-3, -1)
               }));
               i = !0;
               break;
             }
           } else {
-            const N = !!W.ops;
-            if ((h = W.node) == null || h.consumeService({
-              op: W.animationWorkData || [],
-              isFullWork: N,
+            const M = !!P.ops;
+            if ((p = P.node) == null || p.consumeService({
+              op: P.animationWorkData || [],
+              isFullWork: M,
               replaceId: R
-            }), (p = W.node) == null || p.updataOptService(W.updateNodeOpt), N) {
-              if (!W.isEnableCursor && ((d = W.updateNodeOpt) != null && d.useAnimation) && ((u = W.animationWorkData) != null && u.length)) {
-                const M = W.animationWorkData.slice(-3, -1);
+            }), (d = P.node) == null || d.updataOptService(P.updateNodeOpt), M) {
+              if (!P.isEnableCursor && ((u = P.updateNodeOpt) != null && u.useAnimation) && ((f = P.animationWorkData) != null && f.length)) {
+                const D = P.animationWorkData.slice(-3, -1);
                 t.set(R, {
                   workState: A.Done,
-                  op: M,
-                  uid: (f = W.updateNodeOpt) == null ? void 0 : f.uid
+                  op: D,
+                  uid: (m = P.updateNodeOpt) == null ? void 0 : m.uid
                 });
               }
-              this.selectorWorkShapes.forEach((M, D) => {
-                var B;
-                (B = M.selectIds) != null && B.includes(R) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-              }), (m = W.node) == null || m.clearTmpPoints(), this.workShapes.delete(R);
+              this.selectorWorkShapes.forEach((D, B) => {
+                var F;
+                (F = D.selectIds) != null && F.includes(R) && (this.willRunEffectSelectorIds.add(B), this.runEffect());
+              }), (g = P.node) == null || g.clearTmpPoints(), this.workShapes.delete(R);
             }
           }
           break;
@@ -8098,12 +8116,12 @@ class ao {
       }
     if (i && this.runAnimation(), t.size) {
       const R = [];
-      t.forEach((W, N) => {
+      t.forEach((P, M) => {
         R.push({
           type: w.Cursor,
-          uid: W.uid || N.split(Wt)[0],
-          op: W.op,
-          workState: W.workState,
+          uid: P.uid || M.split(Wt)[0],
+          op: P.op,
+          workState: P.workState,
           viewId: this.thread.viewId
         });
       }), this.thread.post({ sp: R });
@@ -8133,7 +8151,7 @@ class ao {
     return !1;
   }
   activeWorkShape(i) {
-    var f, m, g, P;
+    var f, m, g, I;
     const {
       workId: t,
       opt: e,
@@ -8165,7 +8183,7 @@ class ao {
       };
       s && e && (S = this.setNodeKey(p, S, s, e)), (g = this.workShapes) == null || g.set(p, S);
     }
-    const u = (P = this.workShapes) == null ? void 0 : P.get(p);
+    const u = (I = this.workShapes) == null ? void 0 : I.get(p);
     u.isEnableCursor = h, o && (u.type = o), n && (u.animationWorkData = yt(n), u.ops = n), r && (u.updateNodeOpt = r), a && (u.isDiff = this.hasDiffData(
       u.animationWorkData || [],
       a,
@@ -8174,9 +8192,9 @@ class ao {
   }
   removeNode(i, t) {
     i.indexOf(X) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(i).forEach((s) => {
-      s.remove(), V(s, this.thread.fullLayer.parent);
+      s.remove(), q(s, this.thread.fullLayer.parent);
     }), this.thread.serviceLayer.getElementsByName(i).forEach((s) => {
-      s.remove(), V(s, this.thread.serviceLayer.parent);
+      s.remove(), q(s, this.thread.serviceLayer.parent);
     });
     const e = this.vNodes.get(i);
     e && e.toolsType === k.BackgroundSVG && this.thread.post({
@@ -8428,24 +8446,24 @@ class po extends rt {
         useAnimation: h.useAnimation || !1
       };
       h.uid && (g.uid = h.uid);
-      for (const [P, S] of o.entries())
+      for (const [I, S] of o.entries())
         S.toolsType === k.BackgroundSVG && f.push({
           ...S,
-          workId: P,
+          workId: I,
           type: w.BackgroundSVGUpdate,
           dataType: x.Local,
           willSyncService: u === A.Done ? !0 : a,
           updateNodeOpt: g
         }), p && S.toolsType === k.Text ? f.push({
           ...S,
-          workId: P,
+          workId: I,
           type: w.TextUpdate,
           dataType: x.Local,
           willSyncService: u === A.Done ? !0 : a,
           updateNodeOpt: g
         }) : (a || u === A.Done) && f.push({
           ...S,
-          workId: P,
+          workId: I,
           type: w.UpdateNode,
           updateNodeOpt: g,
           isSync: l
@@ -8596,10 +8614,10 @@ class fo extends rt {
         useAnimation: c.useAnimation || !1
       };
       if (c.uid && (g.uid = c.uid), a || u === A.Done)
-        for (const [P, S] of n.entries())
+        for (const [I, S] of n.entries())
           f.push({
             ...S,
-            workId: P,
+            workId: I,
             type: w.UpdateNode,
             updateNodeOpt: g,
             isSync: p
@@ -9301,9 +9319,9 @@ class So {
           if (h) {
             const p = l, d = h.rect, u = this.getSceneRect(), f = Rt(p, u), m = Rt(d, u);
             let g = !1;
-            if ((f !== m || p.w !== d.w || p.h !== d.h || m === Ht.intersect) && (g = !0), g) {
-              const { toolsType: P } = h;
-              P === k.Text && this.debounceUpdateCache.add(c);
+            if ((f !== m || p.w !== d.w || p.h !== d.h || m === Vt.intersect) && (g = !0), g) {
+              const { toolsType: I } = h;
+              I === k.Text && this.debounceUpdateCache.add(c);
             }
           }
         }
@@ -9391,7 +9409,7 @@ class So {
     this.fullLayer.parent.setAttribute("width", t), this.fullLayer.parent.setAttribute("height", e), this.fullLayer.setAttribute("size", [t, e]), this.fullLayer.setAttribute("pos", [t * 0.5, e * 0.5]), this.topLayer.parent.setAttribute("width", t), this.topLayer.parent.setAttribute("height", e), this.topLayer.setAttribute("size", [t, e]), this.topLayer.setAttribute("pos", [t * 0.5, e * 0.5]), this.localLayer.parent.setAttribute("width", t), this.localLayer.parent.setAttribute("height", e), this.localLayer.setAttribute("size", [t, e]), this.localLayer.setAttribute("pos", [t * 0.5, e * 0.5]), this.serviceLayer.parent.setAttribute("width", t), this.serviceLayer.parent.setAttribute("height", e), this.serviceLayer.setAttribute("size", [t, e]), this.serviceLayer.setAttribute("pos", [t * 0.5, e * 0.5]);
   }
   destroy() {
-    this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), V(this.fullLayer, this.fullLayer.parent), this.topLayer.remove(), V(this.topLayer, this.topLayer.parent), this.localLayer.remove(), V(this.localLayer, this.localLayer.parent), this.serviceLayer.remove(), V(this.serviceLayer, this.serviceLayer.parent), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), q(this.fullLayer, this.fullLayer.parent), this.topLayer.remove(), q(this.topLayer, this.topLayer.parent), this.localLayer.remove(), q(this.localLayer, this.localLayer.parent), this.serviceLayer.remove(), q(this.serviceLayer, this.serviceLayer.parent), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
   }
 }
 class To {
@@ -9739,7 +9757,7 @@ class To {
     this.fullLayer.parent.setAttribute("width", t), this.fullLayer.parent.setAttribute("height", e), this.fullLayer.setAttribute("size", [t, e]), this.fullLayer.setAttribute("pos", [t * 0.5, e * 0.5]);
   }
   destroy() {
-    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), V(this.fullLayer, this.fullLayer.parent), this.scene.remove();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), q(this.fullLayer, this.fullLayer.parent), this.scene.remove();
   }
 }
 class Oo {
@@ -9782,7 +9800,7 @@ class Oo {
       if (n === w.Init) {
         const m = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, g = m == null ? void 0 : m.canvasContainerRef.current;
         if (m && g && h && p) {
-          const P = this.createMainThread(a, {
+          const I = this.createMainThread(a, {
             displayer: m,
             container: g,
             layerOpt: h,
@@ -9790,7 +9808,7 @@ class Oo {
             canvasOpt: p,
             post: this.post
           });
-          this.mainThreadMap.set(a, P), P && d && P.setCameraOpt(d);
+          this.mainThreadMap.set(a, I), I && d && I.setCameraOpt(d);
         }
         continue;
       }
@@ -9798,7 +9816,7 @@ class Oo {
         const m = (s = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : s.displayer, g = (o = m.snapshotContainerRef) == null ? void 0 : o.current;
         if (m && g && d) {
           g.style.width = `${d.width}px`, g.style.height = `${d.height}px`;
-          const P = {
+          const I = {
             ...de.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
@@ -9811,7 +9829,7 @@ class Oo {
           this.snapshotThread = this.createSnapshotThread(a, {
             displayer: m,
             container: g,
-            layerOpt: P,
+            layerOpt: I,
             master: this.master,
             canvasOpt: S,
             post: this.post
@@ -9827,8 +9845,8 @@ class Oo {
       }
       if (n === w.TasksQueue && (c != null && c.size)) {
         for (const [m, g] of this.mainThreadMap.entries()) {
-          const P = c.get(m);
-          P && (await g.on(P), l && this.post({ workerTasksqueueCount: l }));
+          const I = c.get(m);
+          I && (await g.on(I), l && this.post({ workerTasksqueueCount: l }));
         }
         continue;
       }