@netless/appliance-plugin 1.1.34-beta.2 → 1.1.34

package/dist/{index-DD4uosmt.mjs → index-BPFYMff6.mjs}

@@ -1,7 +1,7 @@
 var _e = Object.defineProperty;
 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 z, 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-Bc6Cv0DB.mjs";
+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 S, t as Mt, u as z, 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-CIPJM93i.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";
@@ -17,7 +17,7 @@ function Ss(T) {
   return typeof T == "number" || gs(T) && ws(T) == ks;
 }
 var Ts = Ss;
-const H = /* @__PURE__ */ Jt(Ts);
+const q = /* @__PURE__ */ Jt(Ts);
 function mt(T, i = !0) {
   const t = T.length;
   if (t < 2)
@@ -86,14 +86,14 @@ const et = class et {
       const r = this.fullLayer.getElementsByName(e) || this.drawLayer && this.drawLayer.getElementsByName(e) || [];
       if (r.length !== 1)
         return;
-      const n = r[0], { pos: a, zIndex: c, scale: l, angle: h, translate: p } = i, d = {};
-      H(c) && (d.zIndex = c), a && (d.pos = [a[0], a[1]]), l && (d.scale = l), h && (d.rotate = h), p && (d.translate = p), n.attr(d);
-      const u = n == null ? void 0 : n.getBoundingClientRect();
-      return u && (t = E(t, {
-        x: Math.floor(u.x - et.SafeBorderPadding),
-        y: Math.floor(u.y - et.SafeBorderPadding),
-        w: Math.floor(u.width + et.SafeBorderPadding * 2),
-        h: Math.floor(u.height + et.SafeBorderPadding * 2)
+      const n = r[0], { pos: a, zIndex: c, scale: l, angle: h, translate: p } = i, u = {};
+      q(c) && (u.zIndex = c), a && (u.pos = [a[0], a[1]]), l && (u.scale = l), h && (u.rotate = h), p && (u.translate = p), n.attr(u);
+      const d = n == null ? void 0 : n.getBoundingClientRect();
+      return d && (t = E(t, {
+        x: Math.floor(d.x - et.SafeBorderPadding),
+        y: Math.floor(d.y - et.SafeBorderPadding),
+        w: Math.floor(d.width + et.SafeBorderPadding * 2),
+        h: Math.floor(d.height + et.SafeBorderPadding * 2)
       })), (o = this.vNodes) == null || o.setInfo(e, {
         rect: t,
         centerPos: a
@@ -105,13 +105,13 @@ const et = class et {
     if (t)
       try {
         const c = (r.renderer.glRenderer || r.renderer.canvasRenderer).options.displayRatio, l = e.getBoundingClientRect(), h = l.width * c * r.worldScaling[0], p = l.height * c * r.worldScaling[1];
-        let d = 1;
-        (h > this.maxImageWidth || p > this.maxImageHeight) && (d = Math.min(
+        let u = 1;
+        (h > this.maxImageWidth || p > this.maxImageHeight) && (u = Math.min(
           this.maxImageWidth / h,
           this.maxImageHeight / p
         ));
-        let u = r.getAttribute("scale");
-        u = [u[0] * d, u[1] * d];
+        let d = r.getAttribute("scale");
+        d = [d[0] * u, d[1] * u];
         const f = r.parent.parent, m = r.getAttribute("translate"), g = this.createVmRenderNode(
           `${this.workId}_bitMapLayer`,
           f,
@@ -123,18 +123,18 @@ const et = class et {
             autoRender: !1,
             bufferSize: 500
           },
-          u,
+          d,
           m
-        ), I = e.cloneNode(!0);
+        ), v = e.cloneNode(!0);
         if (!s || !s.length)
           return;
-        this.addEraserlines(I, s, o, !1), g.appendChild(I);
-        const S = g.parent;
-        S.render();
-        const v = g.renderer.canvasRenderer, L = v.context;
+        this.addEraserlines(v, s, o, !1), g.appendChild(v);
+        const k = g.parent;
+        k.render();
+        const I = g.renderer.canvasRenderer, L = I.context;
         if (!L)
           return;
-        const C = v.options.displayRatio, N = I.getBoundingClientRect(), R = {
+        const C = I.options.displayRatio, N = v.getBoundingClientRect(), R = {
           x: N.x,
           y: N.y,
           w: N.width,
@@ -146,15 +146,15 @@ const et = class et {
           h: f.height
         };
         if (Rt(R, P) === Vt.outside) {
-          Q(I, S), f.removeChild(S), this.isDelete = !0;
+          Q(v, k), f.removeChild(k), this.isDelete = !0;
           return;
         }
         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, U = B.y, V = B.w, Z = B.h;
-        let K = L.getImageData(F, U, V, Z);
+        const B = this.getGroupRect(D, C), F = B.x, U = B.y, H = B.w, Z = B.h;
+        let K = L.getImageData(F, U, H, Z);
         if (this.isTransparentRectByCanvas(K)) {
-          Q(I, S), f.removeChild(S), this.isDelete = !0, K = null;
+          Q(v, k), f.removeChild(k), this.isDelete = !0, K = null;
           return;
         }
         Q(e, n);
@@ -164,7 +164,7 @@ const et = class et {
           originRect: R,
           worldScaling: g.worldScaling
         });
-        gt && e.append(gt), Q(I, S), f.removeChild(S), n.deleteTexture(K), K = null;
+        gt && e.append(gt), Q(v, k), f.removeChild(k), n.deleteTexture(K), K = null;
       } catch (a) {
         console.error("[BaseShapeTool] drawEraserlines error:", a);
         return;
@@ -193,23 +193,23 @@ const et = class et {
     for (const o of t) {
       const { thickness: r, op: n } = o;
       for (const a of n) {
-        const c = a.map((u, f) => f % 2 ? u - e[1] : u - e[0]), l = this.computEraserPoints(c, r), h = mt(l, !0), p = {
+        const c = a.map((d, f) => f % 2 ? d - e[1] : d - e[0]), l = this.computEraserPoints(c, r), h = mt(l, !0), p = {
           pos: [0, 0],
           d: h,
           fillColor: "rgba(0,0,0,1)"
-        }, d = new wt(p);
-        d.addEventListener("beforerender", ({ detail: u }) => {
-          const f = u.context;
+        }, u = new wt(p);
+        u.addEventListener("beforerender", ({ detail: d }) => {
+          const f = d.context;
           s ? f.blendFuncSeparate(f.ZERO, f.ZERO, f.ZERO, f.ZERO) : f.globalCompositeOperation = "destination-out";
-        }), d.addEventListener("afterrender", ({ detail: u }) => {
-          const f = u.context;
+        }), u.addEventListener("afterrender", ({ detail: d }) => {
+          const f = d.context;
           s ? f.blendFuncSeparate(
             f.SRC_ALPHA,
             f.ONE_MINUS_SRC_ALPHA,
             f.ONE,
             f.ONE_MINUS_SRC_ALPHA
           ) : f.globalCompositeOperation = "source-over";
-        }), i.append(d);
+        }), i.append(u);
       }
     }
   }
@@ -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(), q(r, i.parent));
+        e ? oo(e, r, i) : (r.remove(), V(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(), q(n, (a = this.drawLayer) == null ? void 0 : a.parent);
+      n.remove(), V(n, (a = this.drawLayer) == null ? void 0 : a.parent);
     }) : this.fullLayer.getElementsByName(t).forEach((n) => {
-      n.remove(), q(n, this.fullLayer.parent);
+      n.remove(), V(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(), q(s, i.parent);
+      s.remove(), V(s, i.parent);
   }
   static updateNodeOpt(i) {
-    var I;
+    var v;
     const { node: t, opt: e, vNodes: s, willSerializeData: o, targetNode: r } = i, {
       zIndex: n,
       translate: a,
@@ -332,21 +332,21 @@ const et = class et {
       originPoint: l,
       scenePoint: h,
       scale: p,
-      pointMap: d,
-      thickness: u
+      pointMap: u,
+      thickness: d
     } = e;
     let f;
     const m = r && st(r) || s.get(t.name);
     if (!m) return;
-    H(n) && (t.setAttribute("zIndex", n), m.opt.zIndex = n);
+    q(n) && (t.setAttribute("zIndex", n), m.opt.zIndex = n);
     const g = t.parent;
     if (g) {
       if (l && p && r) {
-        const S = [m.op[0], m.op[1]];
+        const k = [m.op[0], m.op[1]];
         Ht(m.op, h, p, a);
-        const v = [m.op[0], m.op[1]], L = [
-          v[0] - S[0],
-          v[1] - S[1]
+        const I = [m.op[0], m.op[1]], L = [
+          I[0] - k[0],
+          I[1] - k[1]
         ];
         if (m.centerPos = [
           m.centerPos[0] + L[0],
@@ -362,50 +362,50 @@ const et = class et {
           }
       } else if (a)
         if (t.setAttribute("translate", a), m.opt.translate = a, r) {
-          const S = [
+          const k = [
             a[0] * g.worldScaling[0],
             a[1] * g.worldScaling[1]
           ];
-          f = Nt(m.rect, S), m.rect = f;
+          f = Nt(m.rect, k), m.rect = f;
         } else {
-          const S = et.getRectFromLayer(g, t.name);
-          m.rect = S || m.rect;
+          const k = et.getRectFromLayer(g, t.name);
+          m.rect = k || m.rect;
         }
-      else if (H(c))
+      else if (q(c))
         if (t.setAttribute("rotate", c), m.opt.rotate = c, r)
           f = se(m.rect, c), m.rect = f;
         else {
-          const S = et.getRectFromLayer(g, t.name);
-          m.rect = S || m.rect;
+          const k = et.getRectFromLayer(g, t.name);
+          m.rect = k || m.rect;
         }
-      if (d) {
-        const S = d.get(t.name);
-        if (S)
-          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) {
+        const k = u.get(t.name);
+        if (k)
+          for (let I = 0, L = 0; I < m.op.length; I += 3, L++)
+            m.op[I] = k[L][0], m.op[I + 1] = k[L][1];
       }
-      if (u && ((I = m == null ? void 0 : m.opt) != null && I.thickness) && (m.opt.thickness = u), o && !(l && p && r)) {
+      if (d && ((v = m == null ? void 0 : m.opt) != null && v.thickness) && (m.opt.thickness = d), o && !(l && p && r)) {
         if (a) {
-          const S = m.op.map((v, L) => {
+          const k = m.op.map((I, L) => {
             const C = L % 3;
-            return C === 0 ? v + a[0] : C === 1 ? v + a[1] : v;
+            return C === 0 ? I + a[0] : C === 1 ? I + a[1] : I;
           });
-          if (m.op = S, m.centerPos = [
+          if (m.op = k, m.centerPos = [
             m.centerPos[0] + a[0],
             m.centerPos[1] + a[1]
           ], m != null && m.opt && (m.opt.translate = void 0), m.opt.eraserlines)
-            for (let v = 0; v < m.opt.eraserlines.length; v++) {
-              const { op: L } = m.opt.eraserlines[v];
+            for (let I = 0; I < m.opt.eraserlines.length; I++) {
+              const { op: L } = m.opt.eraserlines[I];
               for (let C = 0; C < L.length; C++) {
                 const N = L[C].map((R, P) => P % 2 ? R + a[1] : R + a[0]);
-                m.opt.eraserlines[v].op[C] = N;
+                m.opt.eraserlines[I].op[C] = N;
               }
             }
-        } else if (H(c)) {
-          const S = m.op;
-          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];
+        } else if (q(c)) {
+          const k = m.op;
+          if (He(k, m.centerPos, c), m.op = k, m != null && m.opt && (m.opt.rotate = void 0), m.opt.eraserlines)
+            for (let I = 0; I < m.opt.eraserlines.length; I++) {
+              const { op: L } = m.opt.eraserlines[I];
               for (let C = 0; C < L.length; C++)
                 qe(L[C], m.centerPos, c);
             }
@@ -435,7 +435,7 @@ const et = class et {
   }
   static isWillRefresh(i) {
     const { toolsType: t, opt: e, node: s, updateOpt: o, willSerializeData: r } = i;
-    return !!(r && (o.angle || o.translate) || o.thickness && e.thickness && e.thickness !== o.thickness || o.strokeType && e.strokeType && e.strokeType !== o.strokeType || o.originPoint && o.scenePoint && o.scale || o.pointMap && o.pointMap.has(s.name) || t === k.Text && (o.fontSize || o.translate || o.textInfos && o.textInfos.get(s.name)) || t === k.BackgroundSVG && (o.translate || o.scale) || t === k.Image && (o.angle || o.translate || o.scale || o.strokeColor && e.type === Mt.Iconify) || t === o.toolsType && o.willRefresh || e.eraserlines && e.eraserlines.length && (o.strokeColor || o.fillColor));
+    return !!(r && (o.angle || o.translate) || o.thickness && e.thickness && e.thickness !== o.thickness || o.strokeType && e.strokeType && e.strokeType !== o.strokeType || o.originPoint && o.scenePoint && o.scale || o.pointMap && o.pointMap.has(s.name) || t === S.Text && (o.fontSize || o.translate || o.textInfos && o.textInfos.get(s.name)) || t === S.BackgroundSVG && (o.translate || o.scale) || t === S.Image && (o.angle || o.translate || o.scale || o.strokeColor && e.type === Mt.Iconify) || t === o.toolsType && o.willRefresh || e.eraserlines && e.eraserlines.length && (o.strokeColor || o.fillColor));
   }
 };
 y(et, "SafeBorderPadding", 10);
@@ -487,10 +487,10 @@ function Ls(T, i) {
     const r = s.map((n) => {
       let a = -1, c = 1 / 0, l = 0;
       for (let h = 0; h < i.length; h++) {
-        const p = i[h], d = Math.sqrt(
+        const p = i[h], u = Math.sqrt(
           Math.pow(p.x - n[0], 2) + Math.pow(p.y - n[1], 2)
         );
-        d < c && (c = d, a = h, l = p.z);
+        u < c && (c = u, a = h, l = p.z);
       }
       return { point: n, index: a, bestZ: l };
     }).sort((n, a) => n.index - a.index).map((n) => [...n.point, n.bestZ]);
@@ -501,9 +501,9 @@ function Ls(T, i) {
   });
 }
 function Cs(T, i, t = 0.01) {
-  const s = T.map((h) => [h.x, h.y]), o = (h, p) => h.map(([d, u]) => ({
-    X: Math.round(d * p),
-    Y: Math.round(u * p)
+  const s = T.map((h) => [h.x, h.y]), o = (h, p) => h.map(([u, d]) => ({
+    X: Math.round(u * p),
+    Y: Math.round(d * p)
   })), r = new it.ClipperOffset();
   r.AddPath(
     o(s, 1e3),
@@ -548,7 +548,7 @@ class Ne extends b {
     super(t);
     y(this, "canRotate", !0);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Pencil);
+    y(this, "toolsType", S.Pencil);
     y(this, "syncTimestamp");
     y(this, "syncIndex", 0);
     y(this, "tmpPoints", []);
@@ -592,32 +592,34 @@ class Ne extends b {
       isSimpleWorker: c
     } = t, { workId: l, syncUnitTime: h } = e;
     h && (this.syncUnitTime = h);
-    const { tasks: p, effects: d, consumeIndex: u } = this.transformData(e, !1);
+    const { tasks: p, effects: u, consumeIndex: d } = this.transformData(e, !1);
     this.syncIndex = Math.min(
       this.syncIndex,
-      u,
+      d,
       Math.max(0, this.tmpPoints.length - 2)
     );
     const f = {
       name: l,
-      id: H(n) && n.toString() || void 0
+      id: q(n) && n.toString() || void 0
     };
     let m, g = !1;
-    const I = this.syncIndex;
+    const v = 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 });
+      const L = s ? this.fullLayer : this.drawLayer || this.fullLayer;
+      m = this.draw({ attrs: f, tasks: p, effects: u, layer: L, removeDrawCount: a });
     }
     if (c) {
-      const v = [];
-      return this.tmpPoints.slice(I).forEach((L) => {
-        v.push(L.x, L.y, this.computRadius(L.z, this.workOptions.thickness));
-      }), {
+      const L = [];
+      this.tmpPoints.slice(v).forEach((N) => {
+        L.push(N.x, N.y, this.computRadius(N.z, this.workOptions.thickness));
+      });
+      const C = !this.workOptions.previewLocalOnly && g;
+      return {
         ...this.baseConsumeResult,
         type: w.DrawWork,
         dataType: x.Local,
-        op: g ? v : void 0,
-        index: g ? I * 3 : void 0,
+        op: C ? L : void 0,
+        index: C ? v * 3 : void 0,
         rect: m,
         updateNodeOpt: {
           useAnimation: !0
@@ -625,21 +627,23 @@ class Ne extends b {
       };
     }
     if (o)
-      return u > 10 && this.tmpPoints.splice(0, u - 10), {
+      return d > 10 && this.tmpPoints.splice(0, d - 10), {
         rect: m,
         type: w.DrawWork,
         dataType: x.Local
       };
-    const S = [];
-    return this.tmpPoints.slice(I).forEach((v) => {
-      S.push(v.x, v.y, this.computRadius(v.z, this.workOptions.thickness));
-    }), {
+    const k = [];
+    this.tmpPoints.slice(v).forEach((L) => {
+      k.push(L.x, L.y, this.computRadius(L.z, this.workOptions.thickness));
+    });
+    const I = !this.workOptions.previewLocalOnly && g;
+    return {
       ...this.baseConsumeResult,
       type: w.DrawWork,
       dataType: x.Local,
       rect: m,
-      op: g ? S : void 0,
-      index: g ? I * 3 : void 0,
+      op: I ? k : void 0,
+      index: I ? v * 3 : void 0,
       updateNodeOpt: {
         useAnimation: !0
       }
@@ -700,13 +704,13 @@ class Ne extends b {
       workState: r = A.Done
     } = t;
     this.tmpPoints.length = 0;
-    for (let d = 0; d < e.length; d += 3) {
-      const u = new O(e[d], e[d + 1], e[d + 2]);
+    for (let u = 0; u < e.length; u += 3) {
+      const d = new O(e[u], e[u + 1], e[u + 2]);
       if (this.tmpPoints.length > 0) {
-        const f = this.tmpPoints[this.tmpPoints.length - 1], m = W.Sub(u, f).uni();
-        u.setv(m);
+        const f = this.tmpPoints[this.tmpPoints.length - 1], m = W.Sub(d, f).uni();
+        d.setv(m);
       }
-      this.tmpPoints.push(u);
+      this.tmpPoints.push(d);
     }
     if (this.tmpPoints.length < 2)
       return;
@@ -715,12 +719,12 @@ class Ne extends b {
     };
     let l;
     if (a && n.length) {
-      const d = s ? this.fullLayer : this.drawLayer || this.fullLayer;
+      const u = s ? this.fullLayer : this.drawLayer || this.fullLayer;
       l = this.draw({
         attrs: c,
         tasks: n,
         replaceId: o,
-        layer: d,
+        layer: u,
         isDrawEraserlines: r === A.Done
       }), (p = this.vNodes) == null || p.setInfo(a, {
         rect: l,
@@ -729,7 +733,7 @@ class Ne extends b {
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: l && b.getCenterPos(l, d)
+        centerPos: l && b.getCenterPos(l, u)
       });
     }
     return l;
@@ -750,17 +754,17 @@ class Ne extends b {
     const n = this.transformDataAll(!0);
     if (n.length)
       for (let a = 0; a < n.length; a++) {
-        const { pos: c, points: l } = n[a], h = l.map((u) => u.point.addXY(c[0], c[1])), p = [];
-        for (const u of o) {
+        const { pos: c, points: l } = n[a], h = l.map((d) => d.point.addXY(c[0], c[1])), p = [];
+        for (const d of o) {
           const f = [];
-          for (let g = 0; g < u.length; g += 2) {
-            const I = new O(u[g], u[g + 1]);
+          for (let g = 0; g < d.length; g += 2) {
+            const v = new O(d[g], d[g + 1]);
             if (f.length > 0) {
-              const S = f[f.length - 1].point, v = W.Sub(I, S).uni();
-              I.setv(v);
+              const k = f[f.length - 1].point, I = W.Sub(v, k).uni();
+              v.setv(I);
             }
             f.push({
-              point: I,
+              point: v,
               radius: r
             });
           }
@@ -771,8 +775,8 @@ class Ne extends b {
           h,
           p,
           0.01
-        ).forEach((u) => {
-          e.push(u.map((f) => [f[0], f[1], f[2]]).flat(1));
+        ).forEach((d) => {
+          e.push(d.map((f) => [f[0], f[1], f[2]]).flat(1));
         });
       }
     return e;
@@ -796,41 +800,41 @@ class Ne extends b {
       strokeColor: l,
       strokeType: h,
       thickness: p,
-      zIndex: d,
-      scale: u,
+      zIndex: u,
+      scale: d,
       rotate: f,
       translate: m,
       eraserlines: g,
-      lineCap: I,
-      lineDash: S
+      lineCap: v,
+      lineDash: k
     } = this.workOptions;
     r != null && r.size && (r.forEach((P) => {
       var M;
       (M = n.getElementById(P + "")) == null || M.remove();
     }), r.clear()), a && this.removeDrawCountNodes(n, a);
-    let v;
+    let I;
     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 U;
-      const V = D.length === 1;
-      h === G.Stroke || V ? U = mt(B, !0) : U = mt(B, !1);
+      const H = D.length === 1;
+      h === G.Stroke || H ? U = mt(B, !0) : U = mt(B, !1);
       const Z = {
         pos: M,
         d: U,
-        fillColor: h === G.Stroke || V ? l : void 0,
-        lineDash: V ? void 0 : h === G.Dotted ? [
-          S && S[0] || 1,
-          (S && S[1] || 2) * p
+        fillColor: h === G.Stroke || H ? l : void 0,
+        lineDash: H ? void 0 : h === G.Dotted ? [
+          k && k[0] || 1,
+          (k && k[1] || 2) * p
         ] : h === G.LongDotted ? [
-          (S && S[0] || 1) * p,
-          (S && S[1] || 2) * p
+          (k && k[0] || 1) * p,
+          (k && k[1] || 2) * p
         ] : void 0,
         strokeColor: l,
-        lineCap: V ? void 0 : I,
-        lineWidth: h === G.Stroke || V ? 0 : p
+        lineCap: H ? void 0 : v,
+        lineWidth: h === G.Stroke || H ? 0 : p
       };
-      v = E(v, {
+      I = E(I, {
         x: Math.floor(
           (F.x + M[0]) * N[0] + C[0] - b.SafeBorderPadding
         ),
@@ -845,10 +849,10 @@ class Ne extends b {
         )
       }), L.push(Z);
     }
-    u && (e.scale = u), f && (e.rotate = f), m && (e.translate = m);
+    d && (e.scale = d), f && (e.rotate = f), m && (e.translate = m);
     const R = new j();
-    if (v) {
-      this.centerPos = b.getCenterPos(v, n);
+    if (I) {
+      this.centerPos = b.getCenterPos(I, n);
       const P = h === G.Stroke && !g;
       R.attr({
         ...e,
@@ -857,10 +861,10 @@ class Ne extends b {
         bgcolor: P ? l : void 0,
         pos: this.centerPos,
         size: [
-          (v.w - 2 * b.SafeBorderPadding) / N[0],
-          (v.h - 2 * b.SafeBorderPadding) / N[1]
+          (I.w - 2 * b.SafeBorderPadding) / N[0],
+          (I.h - 2 * b.SafeBorderPadding) / N[1]
         ],
-        zIndex: d
+        zIndex: u
       });
       const M = L.map((D) => (D.pos = [
         D.pos[0] - this.centerPos[0],
@@ -876,16 +880,16 @@ class Ne extends b {
         c
       )), this.replace(n, o, R);
     }
-    if (u || f || m) {
+    if (d || f || m) {
       const P = R == null ? void 0 : R.getBoundingClientRect();
-      P && (v = {
+      P && (I = {
         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 && R.setAttribute("opacity", 0), v;
+    return this.isDelete && R.setAttribute("opacity", 0), I;
   }
   computDrawPoints(t) {
     return this.workOptions.strokeType === G.Stroke || t.length === 1 ? this.computStroke(t) : this.computNomal(t);
@@ -959,9 +963,9 @@ class Ne extends b {
       return [];
     let o = 0, r = t[0].x, n = t[0].y, a = [r, n], c = [], l = t[0].t;
     for (; o < t.length; ) {
-      const p = t[o], d = p.x - r, u = p.y - n, f = p.z, m = e ? this.computRadius(f, e) : f;
+      const p = t[o], u = p.x - r, d = p.y - n, f = p.z, m = e ? this.computRadius(f, e) : f;
       if (c.push({
-        point: new O(d, u, f, t[o].v),
+        point: new O(u, d, f, t[o].v),
         radius: m
       }), o > 0 && o < t.length - 1) {
         const g = t[o].getAngleByPoints(
@@ -969,22 +973,22 @@ class Ne extends b {
           t[o + 1]
         );
         if (g < 60 || g > 300) {
-          const I = (h = c.pop()) == null ? void 0 : h.point.clone();
-          I && s.push({
+          const v = (h = c.pop()) == null ? void 0 : h.point.clone();
+          v && s.push({
             taskId: l,
             pos: a,
             points: [
               ...c,
               {
-                point: I,
+                point: v,
                 radius: m
               }
             ]
           }), r = t[o].x, n = t[o].y, a = [r, n];
-          const S = p.x - r, v = p.y - n;
+          const k = p.x - r, I = p.y - n;
           c = [
             {
-              point: new O(S, v, f),
+              point: new O(k, I, f),
               radius: m
             }
           ], l = Date.now();
@@ -1011,30 +1015,30 @@ class Ne extends b {
         this.tmpPoints.push(h);
         continue;
       }
-      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) {
+      const p = l - 1, u = this.tmpPoints[p], d = W.Sub(h, u).uni();
+      if (h.isNear(u, e)) {
+        if (u.z < this.MAX_REPEAR) {
+          if (u.setz(Math.min(u.z + 1, this.MAX_REPEAR)), n = Math.min(n, p), l > 1) {
             let g = l - 1;
             for (; g > 0; ) {
-              const I = this.tmpPoints[g].distance(
+              const v = this.tmpPoints[g].distance(
                 this.tmpPoints[g - 1]
-              ), S = Math.max(
-                this.tmpPoints[g].z - this.uniThickness * I,
+              ), k = Math.max(
+                this.tmpPoints[g].z - this.uniThickness * v,
                 0
               );
-              if (this.tmpPoints[g - 1].z >= S)
+              if (this.tmpPoints[g - 1].z >= k)
                 break;
-              this.tmpPoints[g - 1].setz(S), n = Math.min(n, g - 1), g--;
+              this.tmpPoints[g - 1].setz(k), n = Math.min(n, g - 1), g--;
             }
           }
         } else
           n = 1 / 0;
         continue;
       }
-      h.setv(u);
-      const f = h.distance(d), m = Math.max(d.z - this.uniThickness * f, 0);
-      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);
+      h.setv(d);
+      const f = h.distance(u), m = Math.max(u.z - this.uniThickness * f, 0);
+      l > 1 && W.Equals(d, u.v, 0.02) && (m > 0 || u.z <= 0) && (s && u.t && s.add(u.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 +1073,12 @@ class Ne extends b {
         this.tmpPoints.push(p);
         continue;
       }
-      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);
+      const u = h - 1, d = this.tmpPoints[u], f = W.Sub(p, d).uni();
+      if (p.isNear(d, e / 2)) {
+        n = Math.min(u, n);
         continue;
       }
-      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);
+      W.Equals(f, d.v, 0.02) && (s && d.t && s.add(d.t), this.tmpPoints.pop(), n = Math.min(u, n)), p.setv(f), this.tmpPoints.push(p);
     }
     let a = r;
     if (n === r) {
@@ -1110,38 +1114,38 @@ class Ne extends b {
         break;
       if (a.isNear(l, e / 2)) {
         if (s < 3 && l.z < this.MAX_REPEAR && (l.setz(Math.min(l.z + 1, this.MAX_REPEAR)), n > 1)) {
-          let u = n - 1;
-          for (; u > 0; ) {
-            const f = this.tmpPoints[u].distance(
-              this.tmpPoints[u - 1]
+          let d = n - 1;
+          for (; d > 0; ) {
+            const f = this.tmpPoints[d].distance(
+              this.tmpPoints[d - 1]
             ), m = Math.max(
-              this.tmpPoints[u].z - this.uniThickness * f,
+              this.tmpPoints[d].z - this.uniThickness * f,
               -e / 4
             );
-            if (this.tmpPoints[u - 1].z >= m)
+            if (this.tmpPoints[d - 1].z >= m)
               break;
-            this.tmpPoints[u - 1].setz(m), u--;
+            this.tmpPoints[d - 1].setz(m), d--;
           }
         }
         continue;
       }
       a.setv(h);
-      const d = Math.max(l.z - this.uniThickness * p, o);
-      n > 1 && W.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(d), this.tmpPoints.push(a);
+      const u = Math.max(l.z - this.uniThickness * p, o);
+      n > 1 && W.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(u), this.tmpPoints.push(a);
     }
   }
   static updateNodeOpt(t) {
     var h, p;
     const { node: e, opt: s, vNodes: o } = t, { strokeColor: r, strokeType: n, lineCap: a, lineDash: c } = s, l = o.get(e.name);
-    return r && (e.tagName === "GROUP" ? so(e) ? e.setAttribute("bgcolor", r) : e.children.forEach((d) => {
-      d.setAttribute("strokeColor", r), d.getAttribute("fillColor") && d.setAttribute("fillColor", r);
+    return r && (e.tagName === "GROUP" ? so(e) ? e.setAttribute("bgcolor", r) : e.children.forEach((u) => {
+      u.setAttribute("strokeColor", r), u.getAttribute("fillColor") && u.setAttribute("fillColor", r);
     }) : (e.setAttribute("strokeColor", r), e.setAttribute("fillColor", r)), (h = l == null ? void 0 : l.opt) != null && h.strokeColor && (l.opt.strokeColor = r)), n && (l != null && l.opt) && ((p = l.opt) != null && p.strokeType) && (l.opt.strokeType = n), a && (l != null && l.opt) && (l.opt.lineCap = a), c && (l != null && l.opt) && (l.opt.lineDash = c), l && o.setInfo(e.name, l), b.updateNodeOpt(t);
   }
 }
 class xe extends b {
   constructor(t) {
     super(t);
-    y(this, "toolsType", k.LaserPen);
+    y(this, "toolsType", S.LaserPen);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.none);
     y(this, "syncTimestamp");
@@ -1162,8 +1166,8 @@ class xe extends b {
       return { type: w.None };
     if (n && (this.syncUnitTime = n), this.updateTempPoints(r || []), this.consumeIndex > this.tmpPoints.length - 4)
       return { type: w.None };
-    const { strokeColor: a, thickness: c, strokeType: l, lineDash: h, lineCap: p } = this.workOptions, d = $(this.tmpPoints, c);
-    let u = !1;
+    const { strokeColor: a, thickness: c, strokeType: l, lineDash: h, lineCap: p } = this.workOptions, u = $(this.tmpPoints, c);
+    let d = !1;
     const f = this.syncIndex, m = this.tmpPoints.slice(this.consumeIndex);
     this.consumeIndex = this.tmpPoints.length - 1, this.syncTimestamp === 0 && (this.syncTimestamp = Date.now());
     const g = {
@@ -1180,30 +1184,30 @@ class xe extends b {
       lineCap: p,
       lineWidth: c,
       anchor: [0.5, 0.5]
-    }, 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({
+    }, v = this.getTaskPoints(m);
+    if (v.length) {
+      const I = Date.now();
+      I - this.syncTimestamp > this.syncUnitTime && (d = !0, this.syncTimestamp = I, this.syncIndex = this.tmpPoints.length), s && this.draw({
         attrs: g,
-        tasks: I,
+        tasks: v,
         isDot: !1,
         layer: this.drawLayer || this.fullLayer
       });
     }
-    const S = [];
-    return this.tmpPoints.slice(f).forEach((v) => {
-      S.push(v.x, v.y);
+    const k = [];
+    return this.tmpPoints.slice(f).forEach((I) => {
+      k.push(I.x, I.y);
     }), {
       rect: {
-        x: d.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
-        y: d.y * this.fullLayer.worldScaling[1] + this.fullLayer.worldPosition[1],
-        w: d.w * this.fullLayer.worldScaling[0],
-        h: d.h * this.fullLayer.worldScaling[1]
+        x: u.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
+        y: u.y * this.fullLayer.worldScaling[1] + this.fullLayer.worldPosition[1],
+        w: u.w * this.fullLayer.worldScaling[0],
+        h: u.h * this.fullLayer.worldScaling[1]
       },
       type: w.DrawWork,
       dataType: x.Local,
-      op: u ? S : void 0,
-      index: u ? f * 2 : void 0,
+      op: d ? k : void 0,
+      index: d ? f * 2 : void 0,
       ...this.baseConsumeResult
     };
   }
@@ -1215,11 +1219,11 @@ class xe extends b {
       let n = this.tmpPoints.slice(this.consumeIndex);
       const a = n.length === 1, { strokeColor: c, thickness: l, strokeType: h } = this.workOptions;
       if (a) {
-        const u = this.computDotStroke({
+        const d = this.computDotStroke({
           point: n[0],
           radius: l / 2
         });
-        n = u.ps, e = u.rect;
+        n = d.ps, e = d.rect;
       } else
         e = $(this.tmpPoints, l);
       const p = {
@@ -1231,10 +1235,10 @@ class xe extends b {
         lineCap: a ? void 0 : "round",
         lineWidth: a ? 0 : l,
         anchor: [0.5, 0.5]
-      }, d = this.getTaskPoints(n);
-      d.length && this.draw({
+      }, u = this.getTaskPoints(n);
+      u.length && this.draw({
         attrs: p,
-        tasks: d,
+        tasks: u,
         isDot: a,
         layer: this.drawLayer || this.fullLayer
       });
@@ -1285,7 +1289,7 @@ class xe extends b {
       h = m.ps, l = m.rect;
     } else
       l = $(this.tmpPoints, n);
-    const d = {
+    const u = {
       name: (f = this.workId) == null ? void 0 : f.toString(),
       fillColor: p ? r : void 0,
       opacity: 1,
@@ -1294,10 +1298,10 @@ class xe extends b {
       lineCap: p ? void 0 : "round",
       lineWidth: p ? 0 : n,
       anchor: [0.5, 0.5]
-    }, u = this.getTaskPoints(h);
-    if (u.length) {
+    }, d = this.getTaskPoints(h);
+    if (d.length) {
       const m = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      this.draw({ attrs: d, tasks: u, isDot: p, replaceId: s, layer: m });
+      this.draw({ attrs: u, tasks: d, isDot: p, replaceId: s, layer: m });
     }
     return {
       x: l.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -1353,15 +1357,15 @@ class xe extends b {
     for (; s < t.length; ) {
       const l = t[s], h = l.x - o, p = l.y - r;
       if (a.push(new O(h, p)), s > 0 && s < t.length - 1) {
-        const d = t[s].getAngleByPoints(
+        const u = t[s].getAngleByPoints(
           t[s - 1],
           t[s + 1]
         );
-        if (d < 60 || d > 300) {
-          const u = (c = a.pop()) == null ? void 0 : c.clone();
-          u && e.push({
+        if (u < 60 || u > 300) {
+          const d = (c = a.pop()) == null ? void 0 : c.clone();
+          d && e.push({
             pos: n,
-            points: [...a, u]
+            points: [...a, d]
           }), o = t[s].x, r = t[s].y, n = [o, r];
           const f = l.x - o, m = l.y - r;
           a = [new O(f, m)];
@@ -1397,7 +1401,7 @@ const vt = class vt extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.none);
-    y(this, "toolsType", k.Eraser);
+    y(this, "toolsType", S.Eraser);
     y(this, "serviceWork");
     y(this, "tmpPoints", []);
     y(this, "workOptions");
@@ -1435,8 +1439,8 @@ const vt = class vt extends b {
       if (l > 1) {
         const h = [];
         for (let p = 0; p < l; p++) {
-          const d = W.Mul(o, p * c);
-          h.push(this.tmpPoints[0] + d.x, this.tmpPoints[1] + d.y);
+          const u = W.Mul(o, p * c);
+          h.push(this.tmpPoints[0] + u.x, this.tmpPoints[1] + u.y);
         }
         return h.concat(t);
       }
@@ -1470,7 +1474,7 @@ const vt = class vt extends b {
     return s.forEach((r) => {
       var a;
       const n = this.fullLayer.getElementsByName(r);
-      n[0] && (n[0].remove(), q(n[0], this.fullLayer.parent), (a = this.vNodes) == null || a.delete(r));
+      n[0] && (n[0].remove(), V(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) {
@@ -1554,25 +1558,25 @@ function xs(T, i, t, e, s, o) {
     if (!(r ? p in i : Ns.call(i, p)))
       return !1;
   }
-  var d = o.get(T), u = o.get(i);
-  if (d && u)
-    return d == i && u == T;
+  var u = o.get(T), d = o.get(i);
+  if (u && d)
+    return u == i && d == T;
   var f = !0;
   o.set(T, i), o.set(i, T);
   for (var m = r; ++h < a; ) {
     p = n[h];
-    var g = T[p], I = i[p];
+    var g = T[p], v = i[p];
     if (e)
-      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)) {
+      var k = r ? e(v, g, p, i, T, o) : e(g, v, p, T, i, o);
+    if (!(k === void 0 ? g === v || s(g, v, t, e, o) : k)) {
       f = !1;
       break;
     }
     m || (m = p == "constructor");
   }
   if (f && !m) {
-    var v = T.constructor, L = i.constructor;
-    v != L && "constructor" in T && "constructor" in i && !(typeof v == "function" && v instanceof v && typeof L == "function" && L instanceof L) && (f = !1);
+    var I = T.constructor, L = i.constructor;
+    I != L && "constructor" in T && "constructor" in i && !(typeof I == "function" && I instanceof I && typeof L == "function" && L instanceof L) && (f = !1);
   }
   return o.delete(T), o.delete(i), f;
 }
@@ -1589,9 +1593,9 @@ function zs(T, i, t, e, s, o) {
   if (p && !l)
     return o || (o = new jt()), r || Es(T) ? Ms(T, i, t, e, s, o) : Os(T, i, a, t, e, s, o);
   if (!(t & Bs)) {
-    var d = l && ve.call(T, "__wrapped__"), u = h && ve.call(i, "__wrapped__");
-    if (d || u) {
-      var f = d ? T.value() : T, m = u ? i.value() : i;
+    var u = l && ve.call(T, "__wrapped__"), d = h && ve.call(i, "__wrapped__");
+    if (u || d) {
+      var f = u ? T.value() : T, m = d ? i.value() : i;
       return o || (o = new jt()), s(f, m, t, e, o);
     }
   }
@@ -1609,7 +1613,7 @@ var _s = $s;
 const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
   constructor(t) {
     super(t);
-    y(this, "toolsType", k.Selector);
+    y(this, "toolsType", S.Selector);
     y(this, "tmpPoints", []);
     y(this, "subTmpPoints", []);
     y(this, "workOptions");
@@ -1686,7 +1690,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
       const p = [
         l.rect.x + l.rect.w / 2 - e.x,
         l.rect.y + l.rect.h / 2 - e.y
-      ], d = new Kt({
+      ], u = new Kt({
         normalize: !0,
         pos: p,
         lineWidth: 1,
@@ -1696,7 +1700,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
         id: `selector-${h}`,
         name: `selector-${h}`
       });
-      c.push(d);
+      c.push(u);
     }), c && a.append(...c), (r == null ? void 0 : r.parent).appendChild(a);
   }
   draw(t, e, s, o = !1) {
@@ -1716,7 +1720,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
     let s, o = !0;
     for (const r of t.values()) {
       const { opt: n, canRotate: a, scaleType: c, toolsType: l } = r;
-      this.selectorColor = this.workOptions.strokeColor, n.strokeColor && (this.strokeColor = n.strokeColor), n.fillColor && (this.fillColor = n.fillColor), n.textOpt && (this.textOpt = n.textOpt), n.thickness && (this.thickness = n.thickness), l !== k.Pencil && (o = !1), n.strokeType && (this.strokeType = n.strokeType), l === k.SpeechBalloon && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = n.placement), l === k.Polygon && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = n.vertices), l === k.Star && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = n.vertices, this.shapeOpt.innerRatio = n.innerRatio, this.shapeOpt.innerVerticeStep = n.innerVerticeStep), l === k.Text && (this.textOpt = n), t.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = a, this.scaleType = c), (l === k.Image || l === k.BackgroundSVG) && (s = r), (c === z.proportional && this.scaleType !== z.none || c === z.none) && (this.scaleType = c);
+      this.selectorColor = this.workOptions.strokeColor, n.strokeColor && (this.strokeColor = n.strokeColor), n.fillColor && (this.fillColor = n.fillColor), n.textOpt && (this.textOpt = n.textOpt), n.thickness && (this.thickness = n.thickness), l !== S.Pencil && (o = !1), n.strokeType && (this.strokeType = n.strokeType), l === S.SpeechBalloon && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = n.placement), l === S.Polygon && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = n.vertices), l === S.Star && (e.add(l), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = n.vertices, this.shapeOpt.innerRatio = n.innerRatio, this.shapeOpt.innerVerticeStep = n.innerVerticeStep), l === S.Text && (this.textOpt = n), t.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = a, this.scaleType = c), (l === S.Image || l === S.BackgroundSVG) && (s = r), (c === z.proportional && this.scaleType !== z.none || c === z.none) && (this.scaleType = c);
     }
     o && (this.useStroke = !0), e.size && (this.toolsTypes = [...e]), s && (t.size === 1 ? (this.canLock = !0, s.opt.locked && (this.isLocked = !0, this.scaleType = z.none, this.canRotate = !1, this.textOpt = void 0, this.fillColor = void 0, this.selectorColor = "rgb(177,177,177)", this.strokeColor = void 0, this.canTextEdit = !1, this.thickness = void 0, this.strokeType = void 0, this.useStroke = void 0)) : t.size > 1 && !s.opt.locked && (this.canLock = !1, this.canRotate = !1));
   }
@@ -1840,7 +1844,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
     };
   }
   drawForSubWorker(t) {
-    const { workId: e, layer: s, ps: o } = t, { strokeColor: r, scale: n, rotate: a, translate: c } = this.workOptions, l = s.worldPosition, h = s.worldScaling, { points: p, rect: d, pos: u } = this.computDrawPoints(o), f = 1 / s.worldScaling[0], m = r && os(r) || [0, 0, 0, 0], g = {
+    const { workId: e, layer: s, ps: o } = t, { strokeColor: r, scale: n, rotate: a, translate: c } = this.workOptions, l = s.worldPosition, h = s.worldScaling, { points: p, rect: u, pos: d } = this.computDrawPoints(o), f = 1 / s.worldScaling[0], m = r && os(r) || [0, 0, 0, 0], g = {
       close: !0,
       normalize: !0,
       points: p,
@@ -1850,43 +1854,43 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
       lineJoin: "round",
       lineCap: "round"
     };
-    let I = {
+    let v = {
       x: Math.floor(
-        d.x * h[0] + l[0] - b.SafeBorderPadding
+        u.x * h[0] + l[0] - b.SafeBorderPadding
       ),
       y: Math.floor(
-        d.y * h[1] + l[1] - b.SafeBorderPadding
+        u.y * h[1] + l[1] - b.SafeBorderPadding
       ),
       w: Math.floor(
-        d.w * h[0] + 2 * b.SafeBorderPadding
+        u.w * h[0] + 2 * b.SafeBorderPadding
       ),
       h: Math.floor(
-        d.h * h[0] + 2 * b.SafeBorderPadding
+        u.h * h[0] + 2 * b.SafeBorderPadding
       )
     };
-    const S = new j({
+    const k = new j({
       name: e,
       id: e,
-      pos: u,
+      pos: d,
       anchor: [0.5, 0.5],
-      size: [d.w, d.h],
+      size: [u.w, u.h],
       scale: n,
       rotate: a,
       translate: c
-    }), v = new ht({
+    }), I = new ht({
       ...g,
       pos: [0, 0]
     });
-    if (S.appendChild(v), this.replace(s, e, S), n || a || c) {
-      const L = S.getBoundingClientRect();
-      I = {
+    if (k.appendChild(I), this.replace(s, e, k), n || a || c) {
+      const L = k.getBoundingClientRect();
+      v = {
         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 I;
+    return v;
   }
   transformData(t) {
     const e = $(t);
@@ -1953,7 +1957,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
         const h = this.fullLayer.getElementsByName(
           l.name
         );
-        if (Ge(h).find((d) => d.isPointCollision(o, r))) {
+        if (Ge(h).find((u) => u.isPointCollision(o, r))) {
           n = l;
           break;
         }
@@ -2013,7 +2017,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
     })), s;
   }
   isCanFillColor(t) {
-    return t === k.Ellipse || t === k.Triangle || t === k.Rectangle || t === k.Polygon || t === k.Star || t === k.SpeechBalloon;
+    return t === S.Ellipse || t === S.Triangle || t === S.Rectangle || t === S.Polygon || t === S.Star || t === S.SpeechBalloon;
   }
   async updateSelector(t) {
     const {
@@ -2027,21 +2031,21 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
     if (!c)
       return;
     let l;
-    const h = /* @__PURE__ */ new Map(), { originPoint: p, workState: d, angle: u, translate: f, dir: m, scale: g } = e;
+    const h = /* @__PURE__ */ new Map(), { originPoint: p, workState: u, angle: d, translate: f, dir: m, scale: g } = e;
     a && (f ? e.translate = [
       f[0] + a[0],
       f[1] + a[1]
     ] : e.translate = a);
-    let I;
-    if (p || f || H(u)) {
-      if (d === A.Start && s)
+    let v;
+    if (p || f || q(d)) {
+      if (u === A.Start && s)
         return o.setTargetAssignKeys(s), {
           type: w.Select,
           dataType: x.Local,
           selectRect: this.oldSelectRect,
           rect: this.oldSelectRect
         };
-      if (I = o.getLastTarget(), !I)
+      if (v = o.getLastTarget(), !v)
         return;
     }
     if (s)
@@ -2061,7 +2065,7 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
               willSerializeData: r
             });
             if (N) {
-              D = I == null ? void 0 : I.get(L);
+              D = v == null ? void 0 : v.get(L);
               const F = Ue(N);
               if (F == null || F.updateNodeOpt({
                 node: P,
@@ -2076,51 +2080,51 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
                   toolsOpt: C.opt
                 });
                 U == null || U.setWorkId(L);
-                let V;
-                if (N === k.BackgroundSVG)
-                  V = U.consumeService({
+                let H;
+                if (N === S.BackgroundSVG)
+                  H = U.consumeService({
                     isFullWork: !0,
                     replaceId: L
                   });
-                else if (N === k.Image)
-                  V = await U.consumeServiceAsync({
+                else if (N === S.Image)
+                  H = await U.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: L,
                     worker: n
                   });
-                else if (N === k.Text)
-                  V = await U.consumeServiceAsync({
+                else if (N === S.Text)
+                  H = await U.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: L,
                     isDrawLabel: !0
                   });
                 else
                   try {
-                    V = U == null ? void 0 : U.consumeService({
+                    H = U == null ? void 0 : U.consumeService({
                       op: C.op,
                       isFullWork: !0,
                       replaceId: L,
-                      workState: d
+                      workState: u
                     });
                   } catch (Z) {
                     console.error("consumeService error", Z);
                     continue;
                   }
-                V && (C.rect = V);
+                H && (C.rect = H);
               }
               C && (h.set(L, C), l = E(l, C.rect));
             }
           }
         }
       }
-    I && d === A.Done && (o.deleteLastTarget(), I = void 0);
-    const S = l;
-    if (p && f && g && m && S && !a) {
+    v && u === A.Done && (o.deleteLastTarget(), v = void 0);
+    const k = l;
+    if (p && f && g && m && k && !a) {
       const L = [
-        [S.x, S.y],
-        [S.x + S.w, S.y],
-        [S.x + S.w, S.y + S.h],
-        [S.x, S.y + S.h]
+        [k.x, k.y],
+        [k.x + k.w, k.y],
+        [k.x + k.w, k.y + k.h],
+        [k.x, k.y + k.h]
       ];
       let C;
       switch (m) {
@@ -2148,22 +2152,22 @@ const lt = /* @__PURE__ */ Jt(_s), _t = class _t extends b {
       if (!lt(N, [0, 0]))
         return await this.updateSelector({
           ...t,
-          updateSelectorOpt: { workState: d },
+          updateSelectorOpt: { workState: u },
           offset: N
         });
     }
     this.getSelecteorInfo(h), this.draw(X, c, {
       selectIds: s || [],
       subNodeMap: h,
-      intersectRect: S
+      intersectRect: k
     });
-    const v = E(this.oldSelectRect, S);
-    return this.oldSelectRect = S, {
+    const I = E(this.oldSelectRect, k);
+    return this.oldSelectRect = k, {
       type: w.Select,
       dataType: x.Local,
-      selectRect: S,
+      selectRect: k,
       renderRect: l,
-      rect: E(v, S),
+      rect: E(I, k),
       selectIds: s
     };
   }
@@ -2272,7 +2276,7 @@ class Me extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.both);
-    y(this, "toolsType", k.Arrow);
+    y(this, "toolsType", S.Arrow);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -2293,17 +2297,17 @@ class Me extends b {
     const p = l == null ? void 0 : l.length;
     if (!p || p < 2)
       return { type: w.None };
-    let d;
-    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], d = !1) : d = this.updateTempPoints(l), !d)
-      return { type: w.None };
     let u;
+    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], u = !1) : u = this.updateTempPoints(l), !u)
+      return { type: w.None };
+    let d;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ workId: c, layer: m });
+      d = this.draw({ workId: c, layer: m });
     }
     if (a) {
-      const m = E(u, this.oldRect);
-      this.oldRect = u;
+      const m = E(d, this.oldRect);
+      this.oldRect = d;
       const g = {
         rect: m,
         type: w.DrawWork,
@@ -2311,8 +2315,8 @@ class Me extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        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);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = this.tmpPoints.map((k) => [...k.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -2327,8 +2331,8 @@ class Me extends b {
         index: 0
       }) : { type: w.None };
     }
-    const f = E(u, this.oldRect);
-    return this.oldRect = u, {
+    const f = E(d, this.oldRect);
+    return this.oldRect = d, {
       rect: f,
       ...this.baseConsumeResult,
       type: w.DrawWork,
@@ -2375,19 +2379,19 @@ class Me extends b {
       rotate: l,
       translate: h,
       strokeType: p,
-      eraserlines: d,
-      lineDash: u,
+      eraserlines: u,
+      lineDash: d,
       lineCap: f
-    } = 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
+    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { points: v, pos: k, rect: I, isTriangle: L, trianglePoints: C, trianglePos: N } = this.computDrawPoints(n), R = [
+      I.x + I.w / 2,
+      I.y + I.h / 2
     ], P = {
       pos: R,
       name: e,
       id: e,
       zIndex: a,
       anchor: [0.5, 0.5],
-      size: [v.w, v.h]
+      size: [I.w, I.h]
     };
     c && (P.scale = c), l && (P.rotate = l), h && (P.translate = h);
     const M = new j(P), D = {
@@ -2398,29 +2402,29 @@ class Me extends b {
       lineWidth: 0,
       normalize: !1
     }, B = new ht(D);
-    if (M.append(B), !L && I && S) {
+    if (M.append(B), !L && v && k) {
       const U = {
-        points: I,
-        pos: [S[0] - R[0], S[1] - R[1]],
+        points: v,
+        pos: [k[0] - R[0], k[1] - R[1]],
         fillColor: r,
         strokeColor: r,
         lineDash: p === G.Dotted ? [
-          u && u[0] || 1,
-          (u && u[1] || 2) * n
+          d && d[0] || 1,
+          (d && d[1] || 2) * n
         ] : p === G.LongDotted ? [
-          (u && u[0] || 1) * n,
-          (u && u[1] || 2) * n
+          (d && d[0] || 1) * n,
+          (d && d[1] || 2) * n
         ] : void 0,
         lineCap: p === G.Normal ? void 0 : f,
         lineWidth: n,
         normalize: !1
-      }, V = new ht(U);
-      M.append(V);
+      }, H = new ht(U);
+      M.append(H);
     }
-    d && (this.scaleType = z.proportional, this.drawEraserlines(
+    u && (this.scaleType = z.proportional, this.drawEraserlines(
       {
         group: M,
-        eraserlines: d,
+        eraserlines: u,
         pos: R,
         layer: s
       },
@@ -2428,16 +2432,16 @@ class Me extends b {
     )), this.replace(s, e, M);
     let F = {
       x: Math.floor(
-        v.x * g[0] + m[0] - b.SafeBorderPadding
+        I.x * g[0] + m[0] - b.SafeBorderPadding
       ),
       y: Math.floor(
-        v.y * g[1] + m[1] - b.SafeBorderPadding
+        I.y * g[1] + m[1] - b.SafeBorderPadding
       ),
       w: Math.floor(
-        v.w * g[0] + 2 * b.SafeBorderPadding
+        I.w * g[0] + 2 * b.SafeBorderPadding
       ),
       h: Math.floor(
-        v.h * g[1] + 2 * b.SafeBorderPadding
+        I.h * g[1] + 2 * b.SafeBorderPadding
       )
     };
     if (c || l || h) {
@@ -2461,7 +2465,7 @@ class Me extends b {
     ), r = O.Add(
       this.tmpPoints[0],
       s
-    ), 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 = [
+    ), 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), u = O.Add(a, h), d = [this.tmpPoints[0], a], f = [p, this.tmpPoints[1], u], m = [
       o,
       r,
       ...f,
@@ -2471,7 +2475,7 @@ class Me extends b {
     return {
       trianglePoints: f.map((g) => O.Sub(g, this.tmpPoints[1]).XY).flat(1),
       trianglePos: this.tmpPoints[1].XY,
-      points: u.map((g) => O.Sub(g, this.tmpPoints[0]).XY).flat(1),
+      points: d.map((g) => O.Sub(g, this.tmpPoints[0]).XY).flat(1),
       rect: $(m),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
@@ -2542,7 +2546,7 @@ class Oe extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Ellipse);
+    y(this, "toolsType", S.Ellipse);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -2562,31 +2566,31 @@ class Oe extends b {
     const p = l == null ? void 0 : l.length;
     if (!p || p < 2)
       return { type: w.None };
-    let d;
-    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], d = !1) : d = this.updateTempPoints(l), !d)
-      return { type: w.None };
     let u;
+    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], u = !1) : u = this.updateTempPoints(l), !u)
+      return { type: w.None };
+    let d;
     if (o || r || a) {
       const f = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ workId: c, layer: f, isDrawing: !0 });
+      d = this.draw({ workId: c, layer: f, isDrawing: !0 });
       const m = f.parent.parent, g = {
         x: 0,
         y: 0,
         w: Math.floor(m.width),
         h: Math.floor(m.height)
-      }, I = {
+      }, v = {
         type: w.DrawWork,
         dataType: x.Local,
         ...this.baseConsumeResult
       };
-      if (Rt(u, g) !== Vt.outside) {
-        const v = E(u, this.oldRect);
-        if (this.oldRect = u, I.rect = v, !a)
-          return I;
+      if (Rt(d, g) !== Vt.outside) {
+        const I = E(d, this.oldRect);
+        if (this.oldRect = d, v.rect = I, !a)
+          return v;
       }
       if (a) {
-        const v = Date.now();
-        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;
+        const I = Date.now();
+        return I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, v.op = this.tmpPoints.map((L) => [...L.XY, 0]).flat(1), v.index = 0, v.isSync = !0), v;
       }
       return { type: w.None };
     }
@@ -2646,23 +2650,23 @@ class Oe extends b {
       zIndex: l,
       scale: h,
       rotate: p,
-      translate: d,
-      strokeType: u,
+      translate: u,
+      strokeType: d,
       eraserlines: f,
       lineDash: m,
       lineCap: g
-    } = this.workOptions, I = s.worldScaling, { radius: S, rect: v, pos: L } = this.computDrawPoints(c), C = {
+    } = this.workOptions, v = s.worldScaling, { radius: k, rect: I, pos: L } = this.computDrawPoints(c), C = {
       closeType: "normal",
-      radius: S,
+      radius: k,
       lineWidth: c,
       fillColor: a !== "transparent" && a || void 0,
       strokeColor: n,
       normalize: !0,
       lineCap: g,
-      lineDash: u === G.Dotted ? [
+      lineDash: d === G.Dotted ? [
         m && m[0] || 1,
         (m && m[1] || 2) * c
-      ] : u === G.LongDotted ? [
+      ] : d === G.LongDotted ? [
         (m && m[0] || 1) * c,
         (m && m[1] || 2) * c
       ] : void 0
@@ -2672,9 +2676,9 @@ class Oe extends b {
       zIndex: l,
       pos: L,
       anchor: [0.5, 0.5],
-      size: [v.w, v.h]
+      size: [I.w, I.h]
     };
-    h && (N.scale = h), p && (N.rotate = p), d && (N.translate = d);
+    h && (N.scale = h), p && (N.rotate = p), u && (N.translate = u);
     const R = new j(N);
     if (o) {
       const D = new wt({
@@ -2683,7 +2687,7 @@ class Oe extends b {
         pos: [0, 0],
         strokeColor: n,
         lineWidth: 1,
-        scale: [1 / I[0], 1 / I[1]]
+        scale: [1 / v[0], 1 / v[1]]
       });
       R.append(D);
     }
@@ -2759,10 +2763,10 @@ class Oe extends b {
     this.tmpPoints.length = 0;
   }
   static updateNodeOpt(t) {
-    var h, p, d;
+    var h, p, u;
     const { node: e, opt: s, vNodes: o } = t, { strokeColor: r, fillColor: n, strokeType: a } = s, c = o.get(e.name);
     let l = e;
-    return e.tagName === "GROUP" && (l = e.children[0]), r && (l.setAttribute("strokeColor", r), (h = c == null ? void 0 : c.opt) != null && h.strokeColor && (c.opt.strokeColor = r)), n && (n === "transparent" ? l.setAttribute("fillColor", "rgba(0,0,0,0)") : l.setAttribute("fillColor", n), (p = c == null ? void 0 : c.opt) != null && p.fillColor && (c.opt.fillColor = n)), a && (c != null && c.opt) && ((d = c.opt) != null && d.strokeType) && (c.opt.strokeType = a), c && o.setInfo(e.name, c), b.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (l = e.children[0]), r && (l.setAttribute("strokeColor", r), (h = c == null ? void 0 : c.opt) != null && h.strokeColor && (c.opt.strokeColor = r)), n && (n === "transparent" ? l.setAttribute("fillColor", "rgba(0,0,0,0)") : l.setAttribute("fillColor", n), (p = c == null ? void 0 : c.opt) != null && p.fillColor && (c.opt.fillColor = n)), a && (c != null && c.opt) && ((u = c.opt) != null && u.strokeType) && (c.opt.strokeType = a), c && o.setInfo(e.name, c), b.updateNodeOpt(t);
   }
 }
 class Ae extends b {
@@ -2770,7 +2774,7 @@ class Ae extends b {
     super(t);
     y(this, "canRotate", !0);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Rectangle);
+    y(this, "toolsType", S.Rectangle);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -2814,15 +2818,15 @@ class Ae extends b {
     let p;
     if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], p = !1) : p = this.updateTempPoints(l), !p)
       return { type: w.None };
-    const d = this.transformData();
-    let u;
+    const u = this.transformData();
+    let d;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ ps: d, workId: c, layer: m, isDrawing: !0 });
+      d = this.draw({ ps: u, workId: c, layer: m, isDrawing: !0 });
     }
     if (a) {
-      const m = E(u, this.oldRect);
-      this.oldRect = u;
+      const m = E(d, this.oldRect);
+      this.oldRect = d;
       const g = {
         rect: m,
         type: w.DrawWork,
@@ -2830,8 +2834,8 @@ class Ae extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        const I = Date.now();
-        I - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = I, g.op = d.flat(1), g.index = 0, g.isSync = !0);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = u.flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -2840,14 +2844,14 @@ class Ae extends b {
       return m - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = m, {
         type: w.DrawWork,
         dataType: x.Local,
-        op: d.flat(1),
+        op: u.flat(1),
         isSync: !0,
         index: 0,
         ...this.baseConsumeResult
       }) : { type: w.None };
     }
-    const f = E(u, this.oldRect);
-    return this.oldRect = u, {
+    const f = E(d, this.oldRect);
+    return this.oldRect = d, {
       rect: f,
       type: w.DrawWork,
       dataType: x.Local,
@@ -2903,35 +2907,35 @@ class Ae extends b {
       fillColor: l,
       thickness: h,
       zIndex: p,
-      scale: d,
-      rotate: u,
+      scale: u,
+      rotate: d,
       translate: f,
       strokeType: m,
       eraserlines: g,
-      lineCap: I,
-      lineDash: S
-    } = this.workOptions, v = s.worldPosition, L = s.worldScaling, { points: C, rect: N, pos: R } = this.computDrawPoints(r), P = {
+      lineCap: v,
+      lineDash: k
+    } = this.workOptions, I = 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: I,
+      lineCap: v,
       lineDash: m === G.Dotted ? [
-        S && S[0] || 1,
-        (S && S[1] || 2) * h
+        k && k[0] || 1,
+        (k && k[1] || 2) * h
       ] : m === G.LongDotted ? [
-        (S && S[0] || 1) * h,
-        (S && S[1] || 2) * h
+        (k && k[0] || 1) * h,
+        (k && k[1] || 2) * h
       ] : void 0
     };
     let M = {
       x: Math.floor(
-        N.x * L[0] + v[0] - b.SafeBorderPadding
+        N.x * L[0] + I[0] - b.SafeBorderPadding
       ),
       y: Math.floor(
-        N.y * L[1] + v[1] - b.SafeBorderPadding
+        N.y * L[1] + I[1] - b.SafeBorderPadding
       ),
       w: Math.floor(
         N.w * L[0] + 2 * b.SafeBorderPadding
@@ -2947,8 +2951,8 @@ class Ae extends b {
       pos: R,
       anchor: [0.5, 0.5],
       size: [N.w, N.h],
-      scale: d,
-      rotate: u,
+      scale: u,
+      rotate: d,
       translate: f
     }), B = new ht({
       ...P,
@@ -2973,7 +2977,7 @@ class Ae extends b {
         layer: s
       },
       a
-    )), this.replace(s, n || e, D), d || u || f) {
+    )), this.replace(s, n || e, D), u || d || f) {
       const F = D.getBoundingClientRect();
       M = {
         x: Math.floor(F.x - b.SafeBorderPadding),
@@ -3007,8 +3011,8 @@ class Ae extends b {
     if (!n)
       return;
     const a = [];
-    for (let d = 0; d < e.length; d += 3)
-      a.push([e[d], e[d + 1], e[d + 2]]);
+    for (let u = 0; u < e.length; u += 3)
+      a.push([e[u], e[u + 1], e[u + 2]]);
     const c = s ? this.fullLayer : this.drawLayer || this.fullLayer, l = this.draw({
       ps: a,
       workId: n,
@@ -3031,10 +3035,10 @@ class Ae extends b {
     this.tmpPoints.length = 0;
   }
   static updateNodeOpt(t) {
-    var h, p, d;
+    var h, p, u;
     const { node: e, opt: s, vNodes: o } = t, { strokeColor: r, fillColor: n, strokeType: a } = s, c = o.get(e.name);
     let l = e;
-    return e.tagName === "GROUP" && (l = e.children[0]), r && (l.setAttribute("strokeColor", r), (h = c == null ? void 0 : c.opt) != null && h.strokeColor && (c.opt.strokeColor = r)), n && (n === "transparent" ? l.setAttribute("fillColor", "rgba(0,0,0,0)") : l.setAttribute("fillColor", n), (p = c == null ? void 0 : c.opt) != null && p.fillColor && (c.opt.fillColor = n)), a && (c != null && c.opt) && ((d = c.opt) != null && d.strokeType) && (c.opt.strokeType = a), c && o.setInfo(e.name, c), b.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (l = e.children[0]), r && (l.setAttribute("strokeColor", r), (h = c == null ? void 0 : c.opt) != null && h.strokeColor && (c.opt.strokeColor = r)), n && (n === "transparent" ? l.setAttribute("fillColor", "rgba(0,0,0,0)") : l.setAttribute("fillColor", n), (p = c == null ? void 0 : c.opt) != null && p.fillColor && (c.opt.fillColor = n)), a && (c != null && c.opt) && ((u = c.opt) != null && u.strokeType) && (c.opt.strokeType = a), c && o.setInfo(e.name, c), b.updateNodeOpt(t);
   }
 }
 class Ee extends b {
@@ -3042,7 +3046,7 @@ class Ee extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Star);
+    y(this, "toolsType", S.Star);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -3061,17 +3065,17 @@ class Ee extends b {
     if (!p || p < 2)
       return { type: w.None };
     h && (this.syncUnitTime = h);
-    let d;
-    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], d = !1) : d = this.updateTempPoints(l), !d)
-      return { type: w.None };
     let u;
+    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], u = !1) : u = this.updateTempPoints(l), !u)
+      return { type: w.None };
+    let d;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ workId: c, layer: m, isDrawing: !0 });
+      d = this.draw({ workId: c, layer: m, isDrawing: !0 });
     }
     if (a) {
-      const m = E(u, this.oldRect);
-      this.oldRect = u;
+      const m = E(d, this.oldRect);
+      this.oldRect = d;
       const g = {
         rect: m,
         type: w.DrawWork,
@@ -3079,8 +3083,8 @@ class Ee extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        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);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = this.tmpPoints.map((k) => [...k.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3095,8 +3099,8 @@ class Ee extends b {
         ...this.baseConsumeResult
       }) : { type: w.None };
     }
-    const f = E(u, this.oldRect);
-    return this.oldRect = u, {
+    const f = E(d, this.oldRect);
+    return this.oldRect = d, {
       rect: f,
       type: w.DrawWork,
       dataType: x.Local,
@@ -3146,19 +3150,19 @@ class Ee extends b {
       zIndex: l,
       vertices: h,
       innerVerticeStep: p,
-      innerRatio: d,
-      scale: u,
+      innerRatio: u,
+      scale: d,
       rotate: f,
       translate: m,
       strokeType: g,
-      eraserlines: I,
-      lineDash: S,
-      lineCap: v
+      eraserlines: v,
+      lineDash: k,
+      lineCap: I
     } = this.workOptions, L = s.worldScaling, { rect: C, pos: N, points: R } = this.computDrawPoints(
       c,
       h,
       p,
-      d
+      u
     ), P = {
       close: !0,
       points: R,
@@ -3166,13 +3170,13 @@ class Ee extends b {
       fillColor: a !== "transparent" && a || void 0,
       strokeColor: n,
       normalize: !0,
-      lineCap: v,
+      lineCap: I,
       lineDash: g === G.Dotted ? [
-        S && S[0] || 1,
-        (S && S[1] || 2) * c
+        k && k[0] || 1,
+        (k && k[1] || 2) * c
       ] : g === G.LongDotted ? [
-        (S && S[0] || 1) * c,
-        (S && S[1] || 2) * c
+        (k && k[0] || 1) * c,
+        (k && k[1] || 2) * c
       ] : void 0
     }, M = {
       name: e,
@@ -3182,7 +3186,7 @@ class Ee extends b {
       anchor: [0.5, 0.5],
       size: [C.w, C.h]
     };
-    u && (M.scale = u), f && (M.rotate = f), m && (M.translate = m);
+    d && (M.scale = d), f && (M.rotate = f), m && (M.translate = m);
     const D = new j(M);
     if (o) {
       const U = new wt({
@@ -3199,10 +3203,10 @@ class Ee extends b {
       ...P,
       pos: [0, 0]
     });
-    D.append(B), I && (this.scaleType = z.proportional, this.drawEraserlines(
+    D.append(B), v && (this.scaleType = z.proportional, this.drawEraserlines(
       {
         group: D,
-        eraserlines: I,
+        eraserlines: v,
         pos: N,
         layer: s
       },
@@ -3221,10 +3225,10 @@ class Ee extends b {
       Math.floor(r.x + r.w / 2),
       Math.floor(r.y + r.h / 2)
     ], a = We(r.w, r.h), c = Math.floor(Math.min(r.w, r.h) / 2), l = o * c, h = [], p = 2 * Math.PI / e;
-    for (let u = 0; u < e; u++) {
-      const f = u * p - 0.5 * Math.PI;
+    for (let d = 0; d < e; d++) {
+      const f = d * p - 0.5 * Math.PI;
       let m, g;
-      u % s === 1 ? (m = l * a[0] * Math.cos(f), g = l * a[1] * Math.sin(f)) : (m = c * a[0] * Math.cos(f), g = c * a[1] * Math.sin(f), h.push(m, g)), h.push(m, g);
+      d % s === 1 ? (m = l * a[0] * Math.cos(f), g = l * a[1] * Math.sin(f)) : (m = c * a[0] * Math.cos(f), g = c * a[1] * Math.sin(f), h.push(m, g)), h.push(m, g);
     }
     return {
       rect: $(this.tmpPoints, t),
@@ -3281,9 +3285,9 @@ class Ee extends b {
       innerVerticeStep: l,
       innerRatio: h,
       strokeType: p
-    } = s, d = o.get(e.name), u = d == null ? void 0 : d.opt;
+    } = s, u = o.get(e.name), d = u == null ? void 0 : u.opt;
     let f = e;
-    return e.tagName === "GROUP" && (f = e.children[0]), r && (f.setAttribute("strokeColor", r), u != null && u.strokeColor && (u.strokeColor = r)), n && (n === "transparent" ? f.setAttribute("fillColor", "rgba(0,0,0,0)") : f.setAttribute("fillColor", n), u != null && u.fillColor && (u.fillColor = n)), a === k.Star && (c && (u.vertices = c), l && (u.innerVerticeStep = l), h && (u.innerRatio = h)), p && (d != null && d.opt) && ((m = d.opt) != null && m.strokeType) && (d.opt.strokeType = p), d && o.setInfo(e.name, { ...d, opt: u }), b.updateNodeOpt(t);
+    return e.tagName === "GROUP" && (f = e.children[0]), r && (f.setAttribute("strokeColor", r), d != null && d.strokeColor && (d.strokeColor = r)), n && (n === "transparent" ? f.setAttribute("fillColor", "rgba(0,0,0,0)") : f.setAttribute("fillColor", n), d != null && d.fillColor && (d.fillColor = n)), a === S.Star && (c && (d.vertices = c), l && (d.innerVerticeStep = l), h && (d.innerRatio = h)), p && (u != null && u.opt) && ((m = u.opt) != null && m.strokeType) && (u.opt.strokeType = p), u && o.setInfo(e.name, { ...u, opt: d }), b.updateNodeOpt(t);
   }
 }
 class Be extends b {
@@ -3291,7 +3295,7 @@ class Be extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Polygon);
+    y(this, "toolsType", S.Polygon);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -3311,17 +3315,17 @@ class Be extends b {
     const h = this.workId, p = c == null ? void 0 : c.length;
     if (!p || p < 2)
       return { type: w.None };
-    let d;
-    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(c[0], c[1])], d = !1) : d = this.updateTempPoints(c), !d)
-      return { type: w.None };
     let u;
+    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(c[0], c[1])], u = !1) : u = this.updateTempPoints(c), !u)
+      return { type: w.None };
+    let d;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ workId: h, layer: m, isDrawing: !0 });
+      d = this.draw({ workId: h, layer: m, isDrawing: !0 });
     }
     if (a) {
-      const m = E(u, this.oldRect);
-      this.oldRect = u;
+      const m = E(d, this.oldRect);
+      this.oldRect = d;
       const g = {
         type: w.DrawWork,
         rect: m,
@@ -3329,8 +3333,8 @@ class Be extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        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);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = this.tmpPoints.map((k) => [...k.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3345,8 +3349,8 @@ class Be extends b {
         ...this.baseConsumeResult
       }) : { type: w.None };
     }
-    const f = E(u, this.oldRect);
-    return this.oldRect = u, {
+    const f = E(d, this.oldRect);
+    return this.oldRect = d, {
       rect: f,
       type: w.DrawWork,
       dataType: x.Local,
@@ -3396,13 +3400,13 @@ class Be extends b {
       zIndex: l,
       vertices: h,
       scale: p,
-      rotate: d,
-      translate: u,
+      rotate: u,
+      translate: d,
       strokeType: f,
       eraserlines: m,
       lineCap: g,
-      lineDash: I
-    } = this.workOptions, S = s.worldScaling, { rect: v, pos: L, points: C } = this.computDrawPoints(c, h), N = {
+      lineDash: v
+    } = this.workOptions, k = s.worldScaling, { rect: I, pos: L, points: C } = this.computDrawPoints(c, h), N = {
       close: !0,
       points: C,
       lineWidth: c,
@@ -3411,11 +3415,11 @@ class Be extends b {
       normalize: !0,
       lineCap: g,
       lineDash: f === G.Dotted ? [
-        I && I[0] || 1,
-        (I && I[1] || 2) * c
+        v && v[0] || 1,
+        (v && v[1] || 2) * c
       ] : f === G.LongDotted ? [
-        (I && I[0] || 1) * c,
-        (I && I[1] || 2) * c
+        (v && v[0] || 1) * c,
+        (v && v[1] || 2) * c
       ] : void 0
     }, R = {
       name: e,
@@ -3423,9 +3427,9 @@ class Be extends b {
       zIndex: l,
       pos: L,
       anchor: [0.5, 0.5],
-      size: [v.w, v.h]
+      size: [I.w, I.h]
     };
-    p && (R.scale = p), d && (R.rotate = d), u && (R.translate = u);
+    p && (R.scale = p), u && (R.rotate = u), d && (R.translate = d);
     const P = new j(R);
     if (o) {
       const B = new wt({
@@ -3434,7 +3438,7 @@ class Be extends b {
         pos: [0, 0],
         strokeColor: n,
         lineWidth: 1,
-        scale: [1 / S[0], 1 / S[1]]
+        scale: [1 / k[0], 1 / k[1]]
       });
       P.append(B);
     }
@@ -3465,8 +3469,8 @@ class Be extends b {
       Math.floor(s.y + s.h / 2)
     ], r = We(s.w, s.h), n = Math.floor(Math.min(s.w, s.h) / 2), a = [], c = 2 * Math.PI / e;
     for (let h = 0; h < e; h++) {
-      const p = h * c - 0.5 * Math.PI, d = n * r[0] * Math.cos(p), u = n * r[1] * Math.sin(p);
-      a.push(d, u);
+      const p = h * c - 0.5 * Math.PI, u = n * r[0] * Math.cos(p), d = n * r[1] * Math.sin(p);
+      a.push(u, d);
     }
     return {
       rect: $(this.tmpPoints, t),
@@ -3514,10 +3518,10 @@ class Be extends b {
     this.tmpPoints.length = 0;
   }
   static updateNodeOpt(t) {
-    var u;
+    var d;
     const { node: e, opt: s, vNodes: o } = t, { strokeColor: r, fillColor: n, toolsType: a, vertices: c, strokeType: l } = s, h = o.get(e.name), p = h == null ? void 0 : h.opt;
-    let d = e;
-    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.Polygon && c && (p.vertices = 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);
+    let u = e;
+    return e.tagName === "GROUP" && (u = e.children[0]), r && (u.setAttribute("strokeColor", r), p != null && p.strokeColor && (p.strokeColor = r)), n && (n === "transparent" ? u.setAttribute("fillColor", "rgba(0,0,0,0)") : u.setAttribute("fillColor", n), p != null && p.fillColor && (p.fillColor = n)), a === S.Polygon && c && (p.vertices = c), l && (h != null && h.opt) && ((d = h.opt) != null && d.strokeType) && (h.opt.strokeType = l), h && o.setInfo(e.name, { ...h, opt: p }), b.updateNodeOpt(t);
   }
 }
 class ot {
@@ -3587,7 +3591,7 @@ class Fe extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.SpeechBalloon);
+    y(this, "toolsType", S.SpeechBalloon);
     y(this, "ratio", 0.8);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
@@ -3613,14 +3617,14 @@ class Fe extends b {
     let p;
     if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], p = !1) : p = this.updateTempPoints(l), !p)
       return { type: w.None };
-    let d;
+    let u;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      d = this.draw({ workId: c, layer: m, isDrawing: !0 });
+      u = this.draw({ workId: c, layer: m, isDrawing: !0 });
     }
     if (a) {
-      const m = E(d, this.oldRect);
-      this.oldRect = d;
+      const m = E(u, this.oldRect);
+      this.oldRect = u;
       const g = {
         rect: m,
         type: w.DrawWork,
@@ -3628,8 +3632,8 @@ class Fe extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        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);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = this.tmpPoints.map((k) => [...k.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -3644,9 +3648,9 @@ class Fe extends b {
         ...this.baseConsumeResult
       }) : { type: w.None };
     }
-    const u = E(d, this.oldRect);
-    return this.oldRect = d, {
-      rect: u,
+    const d = E(u, this.oldRect);
+    return this.oldRect = u, {
+      rect: d,
       type: w.DrawWork,
       dataType: x.Local,
       ...this.baseConsumeResult
@@ -3696,24 +3700,24 @@ class Fe extends b {
       placement: l,
       scale: h,
       rotate: p,
-      translate: d,
-      strokeType: u,
+      translate: u,
+      strokeType: d,
       eraserlines: f,
       lineDash: m,
       lineCap: g
-    } = this.workOptions, { rect: I, pos: S, points: v } = this.computDrawPoints(a, l), L = {
-      points: v.map((M) => M.XY),
+    } = this.workOptions, { rect: v, pos: k, points: I } = this.computDrawPoints(a, l), L = {
+      points: I.map((M) => M.XY),
       lineWidth: a,
       fillColor: n !== "transparent" && n || void 0,
       strokeColor: r,
       normalize: !0,
-      className: `${S[0]},${S[1]}`,
+      className: `${k[0]},${k[1]}`,
       close: !0,
       lineCap: g,
-      lineDash: u === G.Dotted ? [
+      lineDash: d === G.Dotted ? [
         m && m[0] || 1,
         (m && m[1] || 2) * a
-      ] : u === G.LongDotted ? [
+      ] : d === G.LongDotted ? [
         (m && m[0] || 1) * a,
         (m && m[1] || 2) * a
       ] : void 0
@@ -3721,11 +3725,11 @@ class Fe extends b {
       name: e,
       id: e,
       zIndex: c,
-      pos: S,
+      pos: k,
       anchor: [0.5, 0.5],
-      size: [I.w, I.h]
+      size: [v.w, v.h]
     };
-    h && (C.scale = h), p && (C.rotate = p), d && (C.translate = d);
+    h && (C.scale = h), p && (C.rotate = p), u && (C.translate = u);
     const N = new j(C), R = new ht({
       ...L,
       pos: [0, 0]
@@ -3734,7 +3738,7 @@ class Fe extends b {
       {
         group: N,
         eraserlines: f,
-        pos: S,
+        pos: k,
         layer: s
       },
       o
@@ -3802,14 +3806,14 @@ class Fe extends b {
       c,
       o[0],
       l
-    ), p = W.Sub(o[1], new W(r, 0, 0)), d = W.Add(
+    ), p = W.Sub(o[1], new W(r, 0, 0)), u = W.Add(
       o[1],
       new W(0, n, 0)
-    ), u = ot.getBezierPoints(
+    ), d = ot.getBezierPoints(
       10,
       p,
       o[1],
-      d
+      u
     ), f = W.Sub(o[2], new W(0, n, 0)), m = W.Sub(
       o[2],
       new W(r, 0, 0)
@@ -3818,17 +3822,17 @@ class Fe extends b {
       f,
       o[2],
       m
-    ), I = W.Add(
+    ), v = W.Add(
       o[3],
       new W(r, 0, 0)
-    ), S = W.Sub(
+    ), k = W.Sub(
       o[3],
       new W(0, n, 0)
-    ), v = ot.getBezierPoints(
+    ), I = ot.getBezierPoints(
       10,
-      I,
+      v,
       o[3],
-      S
+      k
     ), L = r * (1 - this.ratio) * 10, C = n * (1 - this.ratio) * 10;
     switch (e) {
       case "bottom": {
@@ -3845,9 +3849,9 @@ class Fe extends b {
         a.push(
           M,
           D,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           ...g,
           P
         );
@@ -3867,9 +3871,9 @@ class Fe extends b {
         a.push(
           M,
           D,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           ...g,
           P
         );
@@ -3889,9 +3893,9 @@ class Fe extends b {
         a.push(
           M,
           D,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           ...g,
           P
         );
@@ -3911,9 +3915,9 @@ class Fe extends b {
         a.push(
           M,
           P,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           ...h,
           D
         );
@@ -3933,9 +3937,9 @@ class Fe extends b {
         a.push(
           M,
           P,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           ...h,
           D
         );
@@ -3955,9 +3959,9 @@ class Fe extends b {
         a.push(
           M,
           P,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           ...h,
           D
         );
@@ -3978,9 +3982,9 @@ class Fe extends b {
           M,
           P,
           ...h,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           D
         );
         break;
@@ -4000,9 +4004,9 @@ class Fe extends b {
           M,
           P,
           ...h,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           D
         );
         break;
@@ -4022,9 +4026,9 @@ class Fe extends b {
           M,
           P,
           ...h,
-          ...u,
+          ...d,
           ...g,
-          ...v,
+          ...I,
           D
         );
         break;
@@ -4044,9 +4048,9 @@ class Fe extends b {
           M,
           D,
           ...g,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           P
         );
         break;
@@ -4066,9 +4070,9 @@ class Fe extends b {
           M,
           D,
           ...g,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           P
         );
         break;
@@ -4088,9 +4092,9 @@ class Fe extends b {
           M,
           D,
           ...g,
-          ...v,
+          ...I,
           ...h,
-          ...u,
+          ...d,
           P
         );
         break;
@@ -4146,10 +4150,10 @@ class Fe extends b {
     this.tmpPoints.length = 0;
   }
   static updateNodeOpt(t) {
-    var u;
+    var d;
     const { node: e, opt: s, vNodes: o } = t, { strokeColor: r, fillColor: n, toolsType: a, placement: c, strokeType: l } = s, h = o.get(e.name), p = h == null ? void 0 : h.opt;
-    let d = e;
-    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);
+    let u = e;
+    return e.tagName === "GROUP" && (u = e.children[0]), r && (u.setAttribute("strokeColor", r), p != null && p.strokeColor && (p.strokeColor = r)), n && (n === "transparent" ? u.setAttribute("fillColor", "rgba(0,0,0,0)") : u.setAttribute("fillColor", n), p != null && p.fillColor && (p.fillColor = n)), a === S.SpeechBalloon && c && (p.placement = c), l && (h != null && h.opt) && ((d = h.opt) != null && d.strokeType) && (h.opt.strokeType = l), h && o.setInfo(e.name, { ...h, opt: p }), b.updateNodeOpt(t);
   }
 }
 var Vs = Pe, Hs = te, qs = "[object Boolean]";
@@ -4163,7 +4167,7 @@ class ze extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.both);
-    y(this, "toolsType", k.Straight);
+    y(this, "toolsType", S.Straight);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -4183,17 +4187,17 @@ class ze extends b {
     if (!p || p < 2)
       return { type: w.None };
     h && (this.syncUnitTime = h);
-    let d;
-    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], d = !1) : d = this.updateTempPoints(l), !d)
-      return { type: w.None };
     let u;
+    if (this.tmpPoints.length === 0 ? (this.tmpPoints = [new O(l[0], l[1])], u = !1) : u = this.updateTempPoints(l), !u)
+      return { type: w.None };
+    let d;
     if (o || r || a) {
       const m = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      u = this.draw({ workId: c, layer: m });
+      d = this.draw({ workId: c, layer: m });
     }
     if (a) {
-      const m = E(u, this.oldRect);
-      this.oldRect = u;
+      const m = E(d, this.oldRect);
+      this.oldRect = d;
       const g = {
         rect: m,
         type: w.DrawWork,
@@ -4201,8 +4205,8 @@ class ze extends b {
         ...this.baseConsumeResult
       };
       if (n) {
-        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);
+        const v = Date.now();
+        v - this.syncTimestamp > this.syncUnitTime && (this.syncTimestamp = v, g.op = this.tmpPoints.map((k) => [...k.XY, 0]).flat(1), g.index = 0, g.isSync = !0);
       }
       return g;
     }
@@ -4217,8 +4221,8 @@ class ze extends b {
         ...this.baseConsumeResult
       }) : { type: w.None };
     }
-    const f = E(u, this.oldRect);
-    return this.oldRect = u, {
+    const f = E(d, this.oldRect);
+    return this.oldRect = d, {
       rect: f,
       type: w.DrawWork,
       dataType: x.Local,
@@ -4265,16 +4269,16 @@ class ze extends b {
       rotate: l,
       translate: h,
       strokeType: p,
-      eraserlines: d,
-      lineCap: u,
+      eraserlines: u,
+      lineCap: d,
       lineDash: f
-    } = 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
+    } = this.workOptions, m = s.worldPosition, g = s.worldScaling, { d: v, rect: k, isDot: I } = this.computDrawPoints(n, p), L = [
+      k.x + k.w / 2,
+      k.y + k.h / 2
     ], C = new j({
       pos: L,
       anchor: [0.5, 0.5],
-      size: [S.w, S.h],
+      size: [k.w, k.h],
       name: e,
       id: e,
       normalize: !0,
@@ -4282,25 +4286,25 @@ class ze extends b {
     }), N = {
       pos: [0, 0],
       normalize: !0,
-      d: I,
+      d: v,
       fillColor: r,
       strokeColor: r,
-      lineDash: v ? void 0 : p === G.Dotted ? [
+      lineDash: I ? void 0 : p === G.Dotted ? [
         f && f[0] || 1,
         (f && f[1] || 2) * n
       ] : p === G.LongDotted ? [
         (f && f[0] || 1) * n,
         (f && f[1] || 2) * n
       ] : void 0,
-      lineCap: v ? void 0 : u,
-      lineWidth: p === G.Normal || v ? 0 : n
+      lineCap: I ? void 0 : d,
+      lineWidth: p === G.Normal || I ? 0 : n
     };
     c && (N.scale = c), l && (N.rotate = l), h && (N.translate = h);
     const R = new wt(N);
-    C.append(R), d && (this.scaleType = z.proportional, this.drawEraserlines(
+    C.append(R), u && (this.scaleType = z.proportional, this.drawEraserlines(
       {
         group: C,
-        eraserlines: d,
+        eraserlines: u,
         pos: L,
         layer: s
       },
@@ -4308,16 +4312,16 @@ class ze extends b {
     )), this.replace(s, e, C);
     let P = {
       x: Math.floor(
-        S.x * g[0] + m[0] - b.SafeBorderPadding
+        k.x * g[0] + m[0] - b.SafeBorderPadding
       ),
       y: Math.floor(
-        S.y * g[1] + m[1] - b.SafeBorderPadding
+        k.y * g[1] + m[1] - b.SafeBorderPadding
       ),
       w: Math.floor(
-        S.w * g[0] + 2 * b.SafeBorderPadding
+        k.w * g[0] + 2 * b.SafeBorderPadding
       ),
       h: Math.floor(
-        S.h * g[1] + 2 * b.SafeBorderPadding
+        k.h * g[1] + 2 * b.SafeBorderPadding
       )
     };
     if (l || c || h) {
@@ -4365,9 +4369,9 @@ class ze extends b {
       n,
       ...h
     ];
-    let d;
-    return e !== G.Normal ? d = mt(this.tmpPoints, !1) : d = mt(p, !0), {
-      d,
+    let u;
+    return e !== G.Normal ? u = mt(this.tmpPoints, !1) : u = mt(p, !0), {
+      d: u,
       rect: $(p),
       isDot: !1,
       pos: this.tmpPoints[0].XY
@@ -4437,7 +4441,7 @@ const ft = class ft extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.proportional);
-    y(this, "toolsType", k.Text);
+    y(this, "toolsType", S.Text);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -4466,27 +4470,27 @@ const ft = class ft extends b {
       anchor: [0, 0],
       size: n,
       zIndex: c
-    }, d = new j(p), u = {
+    }, u = new j(p), d = {
       x: a[0] - Bt,
       y: a[1] - Bt,
       w: n[0],
       h: n[1]
     }, f = {
-      x: Math.floor(u.x * h[0] + l[0]),
-      y: Math.floor(u.y * h[1] + l[1]),
-      w: Math.floor(u.w * h[0]) + 2,
-      h: Math.floor(u.h * h[1]) + 2
+      x: Math.floor(d.x * h[0] + l[0]),
+      y: Math.floor(d.y * h[1] + l[1]),
+      w: Math.floor(d.w * h[0]) + 2,
+      h: Math.floor(d.h * h[1]) + 2
     };
-    this.replace(s, e, d);
+    this.replace(s, e, u);
     let m;
     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));
+      const g = await ft.createLabels(this.workOptions, s, f), { labels: v, maxWidth: k } = g;
+      u.append(...v), f.w = Math.ceil(Math.max(k * s.worldScaling[0], f.w));
     }
     return f;
   }
   async consumeServiceAsync(t) {
-    var l, h, p, d;
+    var l, h, p, u;
     const e = (l = this.workId) == null ? void 0 : l.toString();
     if (!e)
       return;
@@ -4498,7 +4502,7 @@ const ft = class ft extends b {
       isDrawLabel: typeof r > "u" && this.workOptions.workState === A.Done || r,
       boxRect: n
     });
-    return (d = this.vNodes) == null || d.setInfo(e, {
+    return (u = this.vNodes) == null || u.setInfo(e, {
       rect: c,
       op: [],
       opt: this.workOptions,
@@ -4522,25 +4526,25 @@ const ft = class ft extends b {
       lineThrough: l,
       underline: h,
       zIndex: p
-    } = t, d = (f = this.vNodes) == null ? void 0 : f.get(o);
-    if (!d)
+    } = t, u = (f = this.vNodes) == null ? void 0 : f.get(o);
+    if (!u)
       return;
-    r && (d.opt.fontColor = r), n && (d.opt.fontBgColor = n), a && (d.opt.bold = a), c && (d.opt.italic = c), kt(l) && (d.opt.lineThrough = l), kt(h) && (d.opt.underline = h), H(p) && (d.opt.zIndex = p), this.oldRect = d.rect;
-    const u = await this.draw({
+    r && (u.opt.fontColor = r), n && (u.opt.fontBgColor = n), a && (u.opt.bold = a), c && (u.opt.italic = c), kt(l) && (u.opt.lineThrough = l), kt(h) && (u.opt.underline = h), q(p) && (u.opt.zIndex = p), this.oldRect = u.rect;
+    const d = await this.draw({
       workId: o,
       layer: this.fullLayer,
       isDrawLabel: typeof e > "u" && this.workOptions.workState === A.Done || e,
       boxRect: s
     });
     return (m = this.vNodes) == null || m.setInfo(o, {
-      rect: u,
+      rect: d,
       op: [],
       opt: this.workOptions,
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: u && b.getCenterPos(u, this.fullLayer)
-    }), u;
+      centerPos: d && b.getCenterPos(d, this.fullLayer)
+    }), d;
   }
   clearTmpPoints() {
     this.tmpPoints.length = 0;
@@ -4557,23 +4561,23 @@ const ft = class ft extends b {
     var D;
     const o = [], { x: r, y: n } = s, { width: a, height: c } = (D = e.parent) == null ? void 0 : D.parent, l = yt(t.text), h = l.length, {
       fontSize: p,
-      lineHeight: d,
-      bold: u,
+      lineHeight: u,
+      bold: d,
       textAlign: f,
       italic: m,
       fontFamily: g,
-      verticalAlign: I,
-      fontColor: S,
-      fontBgColor: v,
+      verticalAlign: v,
+      fontColor: k,
+      fontBgColor: I,
       underline: L,
       lineThrough: C
     } = 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], U = d || R * 1.5;
+      const F = l[B], U = u || R * 1.5;
       if (F) {
-        const V = is(F), Z = [0, 0], K = [0, p * 1.2];
-        I === "middle" && (Z[1] = Math.floor(
+        const H = is(F), Z = [0, 0], K = [0, p * 1.2];
+        v === "middle" && (Z[1] = Math.floor(
           B * p * 1.2 + 6 + p * (1.1 - 1)
         ));
         const nt = [0, Math.floor(-p * 0.15)];
@@ -4582,7 +4586,7 @@ const ft = class ft extends b {
         let pt = 0;
         const Ot = [];
         let Ct = 0;
-        for (; Ct < V; ) {
+        for (; Ct < H; ) {
           f === "left" && (nt[0] = pt), Ct === 0 && m === "italic" && (nt[0] = nt[0] - gt / 2 * p);
           const qt = F.slice(Ct, Ct + P), At = {
             anchor: [0, 0],
@@ -4591,9 +4595,9 @@ const ft = class ft extends b {
             fontFamily: g,
             fontSize: R,
             lineHeight: U,
-            strokeColor: S,
-            fontWeight: u,
-            fillColor: S,
+            strokeColor: k,
+            fontWeight: d,
+            fillColor: k,
             textAlign: f,
             fontStyle: m,
             scale: [1 / N, 1 / N]
@@ -4603,7 +4607,7 @@ const ft = class ft extends b {
             const ae = at.rect && at.rect[2], ce = at.rect && at.rect[3];
             if (ae && ce) {
               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);
+              pt = le + pt, m === "italic" && (d === "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 += P;
@@ -4617,7 +4621,7 @@ const ft = class ft extends b {
               pos: [0, p * 1.1 + dt / 2],
               lineWidth: dt,
               points: [0, 0, Math.ceil(K[0]), 0],
-              strokeColor: S,
+              strokeColor: k,
               className: "underline"
             }, Et = new ht(at);
             Ot.push(Et);
@@ -4628,7 +4632,7 @@ const ft = class ft extends b {
               pos: [0, p * 1.2 / 2],
               lineWidth: Math.floor(p / 10),
               points: [0, 0, Math.ceil(K[0]), 0],
-              strokeColor: S,
+              strokeColor: k,
               className: "lineThrough"
             }, at = new ht(dt);
             Ot.push(at);
@@ -4637,7 +4641,7 @@ const ft = class ft extends b {
             pos: Z,
             anchor: [0, 0],
             size: K,
-            bgcolor: v
+            bgcolor: I
           }, At = new j(qt);
           At.append(...Ot), o.push(At);
         }
@@ -4653,36 +4657,36 @@ const ft = class ft extends b {
       originPoint: l,
       scenePoint: h,
       scale: p,
-      bold: d,
-      italic: u,
+      bold: u,
+      italic: d,
       lineThrough: f,
       underline: m,
       fontSize: g,
-      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((N) => {
+      textInfos: v,
+      zIndex: k
+    } = s, I = r && st(r) || o.get(e.name);
+    if (!I || !e.parent) return;
+    const C = I.opt;
+    if (q(k) && (e.setAttribute("zIndex", k), I.opt.zIndex = k), 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((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 N = I == null ? void 0 : I.get(e.name);
+    })), u && (C.bold = u), d && (C.italic = d), kt(f) && (C.lineThrough = f), kt(m) && (C.underline = m), g && (C.fontSize = g), l && h && p && r && C.boxPoint) {
+      const N = v == null ? void 0 : v.get(e.name);
       if (N) {
         const { fontSize: D, boxSize: B } = N;
         C.boxSize = B || C.boxSize, C.fontSize = D || C.fontSize;
       }
       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]
-      ], v.opt.eraserlines)
-        for (const D of v.opt.eraserlines) {
+      const P = [I.op[0], I.op[1]], M = [P[0] - R[0], P[1] - R[1]];
+      if (I.centerPos = [
+        I.centerPos[0] + M[0],
+        I.centerPos[1] + M[1]
+      ], I.opt.eraserlines)
+        for (const D of I.opt.eraserlines) {
           const { op: B, thickness: F } = D;
           D.thickness = Math.round(F * Math.max(p[0], p[1]));
           for (let U = 0; U < B.length; U++)
@@ -4691,18 +4695,18 @@ const ft = class ft extends b {
     } else if (c && C.boxPoint && (C.boxPoint = [
       Math.round(C.boxPoint[0] + c[0]),
       Math.round(C.boxPoint[1] + c[1])
-    ], v.centerPos = [
-      v.centerPos[0] + c[0],
-      v.centerPos[1] + c[1]
-    ], v.opt.eraserlines))
-      for (const N of v.opt.eraserlines) {
+    ], I.centerPos = [
+      I.centerPos[0] + c[0],
+      I.centerPos[1] + c[1]
+    ], I.opt.eraserlines))
+      for (const N of I.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;
+    return I && o.setInfo(e.name, I), I == null ? void 0 : I.rect;
   }
   static getRectFromLayer(t, e) {
     const s = t.getElementsByName(e)[0];
@@ -4736,7 +4740,7 @@ const It = class It extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.none);
-    y(this, "toolsType", k.PencilEraser);
+    y(this, "toolsType", S.PencilEraser);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "worldPosition");
@@ -4796,59 +4800,59 @@ const It = class It extends b {
       return { willDeleteNodes: o, willNewNodes: s, rect: r };
     const l = this.computEraserPointLines(this.tmpPoints, 90);
     for (const [h, p] of c.entries()) {
-      if (p.toolsType !== k.Pencil)
+      if (p.toolsType !== S.Pencil)
         continue;
-      let d = Nt(p.rect, [-n[0], -n[1]]);
-      d = {
-        x: d.x / this.worldScaling[0],
-        y: d.y / this.worldScaling[1],
-        w: d.w / this.worldScaling[0],
-        h: d.h / this.worldScaling[1]
+      let u = Nt(p.rect, [-n[0], -n[1]]);
+      u = {
+        x: u.x / this.worldScaling[0],
+        y: u.y / this.worldScaling[1],
+        w: u.w / this.worldScaling[0],
+        h: u.h / this.worldScaling[1]
       };
-      const u = [
-        d.x,
-        d.y,
-        d.x + d.w,
-        d.y + d.h
+      const d = [
+        u.x,
+        u.y,
+        u.x + u.w,
+        u.y + u.h
       ], f = [], m = [];
       for (const g of l)
-        ie.polyline(g, u, f);
+        ie.polyline(g, d, f);
       if (f.length && p.opt)
         for (const g of f) {
-          const I = [];
-          for (let S = 0; S < g.length; S++)
-            S !== 0 && lt(g[S], g[S - 1]) || I.push(...g[S]);
-          m.push(I);
+          const v = [];
+          for (let k = 0; k < g.length; k++)
+            k !== 0 && lt(g[k], g[k - 1]) || v.push(...g[k]);
+          m.push(v);
         }
       if (m.length && e) {
         const g = e.createWorkShapeNode({
           workId: h,
-          toolsType: k.Pencil,
+          toolsType: S.Pencil,
           toolsOpt: p.opt
         });
         g.setWorkId(h);
-        const I = g == null ? void 0 : g.computPencilPoints({
+        const v = 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), I.length)
-          for (let S = 0; S < I.length; S++) {
-            const v = `${h}_${Date.now()}_${S}`, L = v, N = e.setFullWork({
+        if (r = E(r, p.rect), o.add(h), e.removeNode(h), v.length)
+          for (let k = 0; k < v.length; k++) {
+            const I = `${h}_${Date.now()}_${k}`, L = I, N = e.setFullWork({
               workId: L,
               opt: p.opt,
-              toolsType: k.Pencil
+              toolsType: S.Pencil
             }).consumeService({
-              op: I[S],
+              op: v[k],
               isFullWork: !0,
               replaceId: L
             });
-            e.clearWorkShapeNodeCache(L), r = E(r, N), s.set(v, {
+            e.clearWorkShapeNodeCache(L), r = E(r, N), s.set(I, {
               ...p,
-              toolsType: k.Pencil,
+              toolsType: S.Pencil,
               rect: N ?? p.rect,
-              name: v,
-              op: I[S]
+              name: I,
+              op: v[k]
             });
           }
       }
@@ -4899,8 +4903,8 @@ const It = class It extends b {
         rect: l
       };
     const h = [];
-    this.tmpPoints.map((d) => {
-      h.push(d.x, d.y, n / 2);
+    this.tmpPoints.map((u) => {
+      h.push(u.x, u.y, n / 2);
     });
     const p = tt(h);
     return {
@@ -4925,7 +4929,7 @@ const Pt = class Pt extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.none);
-    y(this, "toolsType", k.BitMapEraser);
+    y(this, "toolsType", S.BitMapEraser);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "worldPosition");
@@ -4982,53 +4986,53 @@ const Pt = class Pt extends b {
       return { willDeleteNodes: o, willUpdateNodes: s, rect: r };
     const l = this.computEraserPointLines(this.tmpPoints, 120);
     for (const [h, p] of c.entries()) {
-      if (p.toolsType === k.Text || p.toolsType === k.Image)
+      if (p.toolsType === S.Text || p.toolsType === S.Image)
         continue;
-      let d = Nt(p.rect, [-n[0], -n[1]]);
-      d = {
-        x: d.x / this.worldScaling[0],
-        y: d.y / this.worldScaling[1],
-        w: d.w / this.worldScaling[0],
-        h: d.h / this.worldScaling[1]
+      let u = Nt(p.rect, [-n[0], -n[1]]);
+      u = {
+        x: u.x / this.worldScaling[0],
+        y: u.y / this.worldScaling[1],
+        w: u.w / this.worldScaling[0],
+        h: u.h / this.worldScaling[1]
       };
-      const u = [
-        d.x,
-        d.y,
-        d.x + d.w,
-        d.y + d.h
+      const d = [
+        u.x,
+        u.y,
+        u.x + u.w,
+        u.y + u.h
       ], f = [], m = [];
-      for (const S of l)
-        ie.polyline(S, u, f);
+      for (const k of l)
+        ie.polyline(k, d, f);
       if (f.length && p.opt)
-        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((N) => Math.round(N * 100) / 100);
+        for (const k of f) {
+          const I = [];
+          for (let L = 0; L < k.length && !(isNaN(k[L][0]) || isNaN(k[L][1])); L++) {
+            const C = k[L].map((N) => Math.round(N * 100) / 100);
             if (L !== 0) {
-              const N = S[L - 1].map((R) => Math.round(R * 100) / 100);
+              const N = k[L - 1].map((R) => Math.round(R * 100) / 100);
               if (lt(C, N))
                 continue;
             }
-            v.push(...C);
+            I.push(...C);
           }
-          v.length !== 0 && m.push(v);
+          I.length !== 0 && m.push(I);
         }
       if (!m.length)
         continue;
-      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({
+      const g = p.opt.eraserlines ? p.opt.eraserlines : [], v = g.find((k) => k.workId === this.workId);
+      if (v ? v.op = m : g.push({ workId: this.workId, op: m, thickness: t }), p.opt.eraserlines = g, e) {
+        const { toolsType: k } = p, I = e.createWorkShapeNode({
           workId: h,
-          toolsType: S,
+          toolsType: k,
           toolsOpt: p.opt
         });
-        v == null || v.setWorkId(h);
-        const L = v == null ? void 0 : v.consumeService({
+        I == null || I.setWorkId(h);
+        const L = I == null ? void 0 : I.consumeService({
           op: p.op,
           isFullWork: !0,
           replaceId: h
         });
-        if (r = E(r, L), v != null && v.isDelete) {
+        if (r = E(r, L), I != null && I.isDelete) {
           e.removeNode(h), o.add(h);
           continue;
         }
@@ -5081,8 +5085,8 @@ const Pt = class Pt extends b {
         rect: l
       };
     const h = [];
-    this.tmpPoints.map((d) => {
-      h.push(d.x, d.y, n / 2);
+    this.tmpPoints.map((u) => {
+      h.push(u.x, u.y, n / 2);
     });
     const p = tt(h);
     return {
@@ -5107,7 +5111,7 @@ class xt extends b {
     super(t);
     y(this, "canRotate", !1);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.BackgroundSVG);
+    y(this, "toolsType", S.BackgroundSVG);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -5120,21 +5124,21 @@ class xt extends b {
     return { type: w.None };
   }
   draw(t) {
-    const { layer: e, workId: s, replaceId: o } = t, { centerX: r, centerY: n, width: a, height: c, rotate: l, zIndex: h } = this.workOptions, p = (h || 0) - 100, d = new j({
+    const { layer: e, workId: s, replaceId: o } = t, { centerX: r, centerY: n, width: a, height: c, rotate: l, zIndex: h } = this.workOptions, p = (h || 0) - 100, u = new j({
       anchor: [0.5, 0.5],
       pos: [r, n],
       name: s,
       size: [a, c],
       zIndex: p,
       rotate: l
-    }), u = new Kt({
+    }), d = new Kt({
       normalize: !0,
       pos: [0, 0],
       width: a,
       height: c
     });
-    d.appendChild(u), this.replace(e, o || s, d);
-    const f = d.getBoundingClientRect();
+    u.appendChild(d), this.replace(e, o || s, u);
+    const f = u.getBoundingClientRect();
     if (f)
       return {
         x: Math.floor(f.x - b.SafeBorderPadding),
@@ -5171,123 +5175,123 @@ class xt extends b {
       scale: l,
       angle: h,
       isLocked: p,
-      zIndexForBackgroundSVG: d
-    } = s, u = r && st(r) || o.get(e.name);
-    if (!u) return;
+      zIndexForBackgroundSVG: u
+    } = s, d = r && st(r) || o.get(e.name);
+    if (!d) return;
     const f = e.parent;
     if (f) {
-      if (H(d)) {
-        const m = (d || 0) - 100;
-        e.setAttribute("zIndex", m), u.opt.zIndex = d;
+      if (q(u)) {
+        const m = (u || 0) - 100;
+        e.setAttribute("zIndex", m), d.opt.zIndex = u;
       }
-      if (kt(p) && (u.opt.locked = p), a && c && l && n) {
-        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];
+      if (kt(p) && (d.opt.locked = p), a && c && l && n) {
+        const { centerX: m, centerY: g, width: v, height: k, uniformScale: I } = d.opt, L = I !== !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] + 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];
+        d.centerPos = [
+          d.centerPos[0] + R[0],
+          d.centerPos[1] + R[1]
+        ], d.opt.width = Math.round(v * L[0]), d.opt.height = Math.round(k * L[1]), d.opt.centerX = N[0], d.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],
-          u.centerPos[1] + n[1]
+        d.opt.centerX = d.opt.centerX + n[0], d.opt.centerY = d.opt.centerY + n[1], d.centerPos = [
+          d.centerPos[0] + n[0],
+          d.centerPos[1] + n[1]
         ];
-      else if (H(h))
-        if (u.opt.rotate = h, u.scaleType = xt.getScaleType(
-          u.opt
+      else if (q(h))
+        if (d.opt.rotate = h, d.scaleType = xt.getScaleType(
+          d.opt
         ), r) {
-          const m = se(u.rect, h);
-          u.rect = m;
+          const m = se(d.rect, h);
+          d.rect = m;
         } else {
           const m = b.getRectFromLayer(f, e.name);
-          u.rect = m || u.rect;
+          d.rect = m || d.rect;
         }
-      return u && o.setInfo(e.name, u), u == null ? void 0 : u.rect;
+      return d && o.setInfo(e.name, d), d == null ? void 0 : d.rect;
     }
   }
 }
 function Ue(T) {
   switch (T) {
-    case k.Arrow:
+    case S.Arrow:
       return Me;
-    case k.Pencil:
+    case S.Pencil:
       return Ne;
-    case k.Straight:
+    case S.Straight:
       return ze;
-    case k.Ellipse:
+    case S.Ellipse:
       return Oe;
-    case k.Polygon:
-    case k.Triangle:
+    case S.Polygon:
+    case S.Triangle:
       return Be;
-    case k.Star:
-    case k.Rhombus:
+    case S.Star:
+    case S.Rhombus:
       return Ee;
-    case k.Rectangle:
+    case S.Rectangle:
       return Ae;
-    case k.SpeechBalloon:
+    case S.SpeechBalloon:
       return Fe;
-    case k.Text:
+    case S.Text:
       return Xt;
-    case k.LaserPen:
+    case S.LaserPen:
       return xe;
-    case k.Eraser:
+    case S.Eraser:
       return Ut;
-    case k.PencilEraser:
+    case S.PencilEraser:
       return Yt;
-    case k.BitMapEraser:
+    case S.BitMapEraser:
       return $t;
-    case k.Selector:
+    case S.Selector:
       return Gt;
-    case k.Image:
+    case S.Image:
       return Dt;
-    case k.BackgroundSVG:
+    case S.BackgroundSVG:
       return xt;
   }
 }
 function Lt(T, i) {
   const { toolsType: t, ...e } = T;
   switch (t) {
-    case k.Arrow:
+    case S.Arrow:
       return new Me(e);
-    case k.Pencil:
+    case S.Pencil:
       return new Ne(e);
-    case k.Straight:
+    case S.Straight:
       return new ze(e);
-    case k.Ellipse:
+    case S.Ellipse:
       return new Oe(e);
-    case k.Polygon:
-    case k.Triangle:
+    case S.Polygon:
+    case S.Triangle:
       return new Be(e);
-    case k.Star:
-    case k.Rhombus:
+    case S.Star:
+    case S.Rhombus:
       return new Ee(e);
-    case k.Rectangle:
+    case S.Rectangle:
       return new Ae(e);
-    case k.SpeechBalloon:
+    case S.SpeechBalloon:
       return new Fe(e);
-    case k.Text:
+    case S.Text:
       return new Xt(e);
-    case k.LaserPen:
+    case S.LaserPen:
       return new xe(e);
-    case k.Eraser:
+    case S.Eraser:
       return new Ut(e, i);
-    case k.BitMapEraser:
+    case S.BitMapEraser:
       return new $t(e);
-    case k.PencilEraser:
+    case S.PencilEraser:
       return new Yt(e);
-    case k.Selector:
+    case S.Selector:
       return e.vNodes ? new Gt({
         ...e,
         vNodes: e.vNodes,
         drawLayer: e.fullLayer
       }) : void 0;
-    case k.Image:
+    case S.Image:
       return new Dt(e);
-    case k.BackgroundSVG:
+    case S.BackgroundSVG:
       return new xt({
         ...e,
         toolsOpt: e.toolsOpt
@@ -5348,7 +5352,7 @@ class Xe {
   getCanEraserNodes(i, t) {
     const e = /* @__PURE__ */ new Map();
     for (const [s, o] of i.entries())
-      o.toolsType !== k.BackgroundSVG && (o.toolsType === k.Image && o.opt.type === Mt.Image && (o.opt.locked || t && t.disableEraseImage) || o.toolsType === k.Text && (o.opt.workState === A.Doing || o.opt.workState === A.Start || t && t.disableEraseText) || this.isCanClearWorkId(s) && e.set(s, o));
+      o.toolsType !== S.BackgroundSVG && (o.toolsType === S.Image && o.opt.type === Mt.Image && (o.opt.locked || t && t.disableEraseImage) || o.toolsType === S.Text && (o.opt.workState === A.Doing || o.opt.workState === A.Start || t && t.disableEraseText) || this.isCanClearWorkId(s) && e.set(s, o));
     return e;
   }
   getNodesByType(i) {
@@ -5394,7 +5398,7 @@ class Xe {
     const o = /* @__PURE__ */ new Map();
     for (const [r, n] of this.curNodeMap.entries())
       if (Zt(i, n.rect)) {
-        if (t && n.toolsType === k.Image && n.opt.locked || e && n.toolsType === k.Text && (n.opt.workState === A.Doing || n.opt.workState === A.Start))
+        if (t && n.toolsType === S.Image && n.opt.locked || e && n.toolsType === S.Text && (n.opt.workState === A.Doing || n.opt.workState === A.Start))
           continue;
         s = E(s, n.rect), o.set(r, n);
       }
@@ -5551,7 +5555,7 @@ class Ks {
     const { msgType: t, toolsType: e, opt: s, imageSrc: o, imageBitmap: r, workId: n, dpr: a } = i;
     switch (t) {
       case w.UpdateDpr: {
-        H(a) && await this.updateDpr(a);
+        q(a) && await this.updateDpr(a);
         break;
       }
       case w.UpdateCamera: {
@@ -5602,7 +5606,7 @@ class Ks {
   }
   async loadImageBitMap(i) {
     const { toolsType: t, opt: e, workId: s, isSubWorker: o } = i;
-    if (t === k.Image && e && s) {
+    if (t === S.Image && e && s) {
       const r = s.toString(), { src: n, type: a, width: c, height: l, strokeColor: h } = e;
       if (!n || !a || !c || !l)
         return;
@@ -5627,8 +5631,8 @@ class Ks {
           timer: void 0
         };
         g.timer && clearTimeout(g.timer), g.resolve = m, g.timer = setTimeout(() => {
-          const I = this.imageResolveMap.get(p);
-          I != null && I.resolve && I.resolve(p);
+          const v = this.imageResolveMap.get(p);
+          v != null && v.resolve && v.resolve(p);
         }, 5e3), this.imageResolveMap.set(p, g), this._post({
           sp: [
             {
@@ -5718,7 +5722,7 @@ class Ks {
   }
   destroy() {
     var i;
-    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();
+    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();
   }
   async post(i) {
     this.combinePostMsg.add(i), await this.runBatchPostData();
@@ -5745,8 +5749,8 @@ class Ks {
             if (!p || !(p.parent instanceof ms))
               continue;
             if (p.parent.render(), l.isDrawAll) {
-              const d = this.getSceneRect();
-              l.rect = d, delete l.isDrawAll;
+              const u = this.getSceneRect();
+              l.rect = u, delete l.isDrawAll;
             }
           }
           for (const p of i)
@@ -5772,7 +5776,7 @@ class Ks {
             }
           h || t.push(l);
         }
-      H(c.fullWorkerDrawCount) && (e = c.fullWorkerDrawCount), H(c.subWorkerDrawCount) && (s = c.subWorkerDrawCount), H(c.consumeCount) && (o = c.consumeCount);
+      q(c.fullWorkerDrawCount) && (e = c.fullWorkerDrawCount), q(c.subWorkerDrawCount) && (s = c.subWorkerDrawCount), q(c.consumeCount) && (o = c.consumeCount);
     }
     return this.combinePostMsg.clear(), {
       render: i,
@@ -5873,11 +5877,15 @@ class Ye {
     if (t && e && s) {
       const o = t.toString();
       let r;
-      return t && this.workShapes.has(o) ? (r = this.workShapes.get(o), r == null || r.setWorkOptions(e)) : r = this.createWorkShapeNode({
+      return t && this.workShapes.has(o) ? (r = this.workShapes.get(o), (r == null ? void 0 : r.toolsType) !== s ? (r == null || r.clearTmpPoints(), this.workShapes.delete(o), r = void 0) : r == null || r.setWorkOptions(e)) : r = this.createWorkShapeNode({
         toolsOpt: e,
         toolsType: s,
         workId: o
-      }), r ? (this.workShapes.set(o, r), r) : void 0;
+      }), r || (r = this.createWorkShapeNode({
+        toolsOpt: e,
+        toolsType: s,
+        workId: o
+      })), r ? (this.workShapes.set(o, r), r) : void 0;
     }
   }
 }
@@ -5911,7 +5919,7 @@ class Qs extends Ye {
       dataType: x.Local
     }), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && r !== X && (this.drawWorkActiveId = r);
     const a = n.toolsType;
-    H(o) && (this.consumeCount = o);
+    q(o) && (this.consumeCount = o);
     const c = n.consume({
       data: t,
       drawCount: this.drawCount,
@@ -5920,25 +5928,25 @@ class Qs extends Ye {
       removeDrawCount: s
     });
     switch (a) {
-      case k.Selector:
+      case S.Selector:
         c && (this.drawCount++, await this.drawSelector(c));
         break;
-      case k.Ellipse:
-      case k.Arrow:
-      case k.Straight:
-      case k.Rectangle:
-      case k.Star:
-      case k.Polygon:
-      case k.SpeechBalloon: {
+      case S.Ellipse:
+      case S.Arrow:
+      case S.Straight:
+      case S.Rectangle:
+      case S.Star:
+      case S.Polygon:
+      case S.SpeechBalloon: {
         c && (this.drawCount++, await this.drawShape(c));
         break;
       }
-      case k.Pencil: {
+      case S.Pencil: {
         c && (this.drawCount++, await this.drawPencil(c, e == null ? void 0 : e.toString()));
         break;
       }
-      case k.BitMapEraser:
-      case k.PencilEraser: {
+      case S.BitMapEraser:
+      case S.PencilEraser: {
         c && (this.drawCount++, await this._post({
           subWorkerDrawCount: this.drawCount,
           consumeCount: this.consumeCount
@@ -5956,7 +5964,7 @@ class Qs extends Ye {
       if (!o)
         return;
       switch (o.toolsType) {
-        case k.Selector:
+        case S.Selector:
           this.drawCount = 0, Q(this.fullLayer, this.fullLayer.parent), this.clearWorkShapeNodeCache(s), this._post({
             render: [
               {
@@ -5967,16 +5975,16 @@ class Qs extends Ye {
             ]
           });
           break;
-        case k.Arrow:
-        case k.Straight:
-        case k.Ellipse:
-        case k.Pencil:
-        case k.Rectangle:
-        case k.Star:
-        case k.Polygon:
-        case k.SpeechBalloon:
-        case k.BitMapEraser:
-        case k.PencilEraser:
+        case S.Arrow:
+        case S.Straight:
+        case S.Ellipse:
+        case S.Pencil:
+        case S.Rectangle:
+        case S.Star:
+        case S.Polygon:
+        case S.SpeechBalloon:
+        case S.BitMapEraser:
+        case S.PencilEraser:
           this.drawCount = 0, Q(this.fullLayer, this.fullLayer.parent), this.clearWorkShapeNodeCache(s);
           break;
       }
@@ -6016,7 +6024,7 @@ class Qs extends Ye {
         y: r.y - b.SafeBorderPadding,
         w: r.width + b.SafeBorderPadding * 2,
         h: r.height + b.SafeBorderPadding * 2
-      }), o.remove(), q(o, this.fullLayer.parent);
+      }), o.remove(), V(o, this.fullLayer.parent);
     }), s && this.clearWorkShapeNodeCache(t)), s;
   }
   async drawPencil(t, e) {
@@ -6088,7 +6096,7 @@ class Js {
     this.viewId = i.viewId, this.vNodes = i.vNodes, this.topLayer = i.topLayer, this.thread = i.thread, this.post = i.thread.post.bind(i.thread);
   }
   canUseTopLayer(i) {
-    return i === k.LaserPen;
+    return i === S.LaserPen;
   }
   getWorkShape(i) {
     return this.localWorkShapes.get(i);
@@ -6113,7 +6121,7 @@ class Js {
   }
   createWorkShapeNode(i) {
     const { toolsType: t } = i;
-    if (t === k.LaserPen)
+    if (t === S.LaserPen)
       return Lt({
         ...i,
         vNodes: this.vNodes,
@@ -6181,13 +6189,13 @@ class Js {
     }), t;
   }
   activeServiceWorkShape(i) {
-    var p, d;
+    var p, u;
     const { workId: t, opt: e, toolsType: s, type: o, updateNodeOpt: r, ops: n, op: a } = i;
     if (!t)
       return;
     const c = t.toString(), l = (p = this.vNodes.get(c)) == null ? void 0 : p.rect;
-    if (!((d = this.serviceWorkShapes) != null && d.has(c))) {
-      let u = {
+    if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
+      let d = {
         toolsType: s,
         animationWorkData: a || [],
         animationIndex: 0,
@@ -6196,7 +6204,7 @@ class Js {
         ops: n,
         oldRect: l
       };
-      s && e && (u = this.setNodeKey(c, u, s, e)), this.serviceWorkShapes.set(c, u);
+      s && e && (d = this.setNodeKey(c, d, s, e)), this.serviceWorkShapes.set(c, d);
     }
     const h = this.serviceWorkShapes.get(c);
     o && (h.type = o), n && (h.animationWorkData = yt(n), h.ops = n), r && (h.updateNodeOpt = r), a && (h.animationWorkData = a), h.node && h.node.getWorkId() !== c && h.node.setWorkId(c), l && (h.oldRect = l), s && e && (h.toolsType !== s && s && e && this.setNodeKey(c, h, s, e), h.node && h.node.setWorkOptions(e));
@@ -6217,21 +6225,21 @@ class Js {
     const t = /* @__PURE__ */ new Map(), e = [], s = [], o = [];
     for (const [l, h] of this.serviceWorkShapes.entries())
       switch (h.toolsType) {
-        case k.LaserPen: {
-          const d = this.computNextAnimationIndex(
+        case S.LaserPen: {
+          const u = this.computNextAnimationIndex(
             h,
             8
-          ), u = Math.max(0, h.animationIndex || 0), f = (h.animationWorkData || []).slice(
-            u,
-            d
+          ), d = Math.max(0, h.animationIndex || 0), f = (h.animationWorkData || []).slice(
+            d,
+            u
           );
-          if ((h.animationIndex || 0) < d) {
+          if ((h.animationIndex || 0) < u) {
             const m = (r = h.node) == null ? void 0 : r.consumeService({
               op: f,
               isFullWork: !1
             });
-            h.totalRect = E(h.totalRect, m), h.animationIndex = d, f.length && t.set(l, {
-              workState: u === 0 ? A.Start : d === ((n = h.animationWorkData) == null ? void 0 : n.length) ? A.Done : A.Doing,
+            h.totalRect = E(h.totalRect, m), h.animationIndex = u, f.length && t.set(l, {
+              workState: d === 0 ? A.Start : u === ((n = h.animationWorkData) == null ? void 0 : n.length) ? A.Done : A.Doing,
               op: f.slice(-2)
             });
           }
@@ -6253,16 +6261,16 @@ class Js {
         }
       }
     for (const [l, h] of this.localWorkShapes.entries()) {
-      const { result: p, toolsType: d, totalRect: u, isDel: f, workState: m } = h;
-      switch (d) {
-        case k.LaserPen: {
-          if (u && (s.push({
+      const { result: p, toolsType: u, totalRect: d, isDel: f, workState: m } = h;
+      switch (u) {
+        case S.LaserPen: {
+          if (d && (s.push({
             isClear: !0,
-            rect: u,
+            rect: d,
             clearCanvas: _.TopFloat,
             viewId: this.viewId
           }), e.push({
-            rect: u,
+            rect: d,
             drawCanvas: _.TopFloat,
             viewId: this.viewId
           })), f) {
@@ -6390,13 +6398,13 @@ class to extends Ye {
     if (e) {
       let r, n;
       const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
-      return e.toolsType === k.BackgroundSVG ? r = e.consumeService({
+      return e.toolsType === S.BackgroundSVG ? r = e.consumeService({
         isFullWork: !0,
         replaceId: a
-      }) : e.toolsType === k.Image ? r = await e.consumeServiceAsync({
+      }) : e.toolsType === S.Image ? r = await e.consumeServiceAsync({
         isFullWork: !0,
         worker: this.thread
-      }) : e.toolsType === k.Text ? r = await e.consumeServiceAsync({
+      }) : e.toolsType === S.Text ? r = await e.consumeServiceAsync({
         isFullWork: !0,
         replaceId: a,
         isDrawLabel: !0
@@ -6568,7 +6576,7 @@ class eo extends Ks {
         return;
       }
       case w.DrawWork: {
-        n === A.Done && r === x.Local ? (await this.consumeDrawAll(r, t), s === k.LaserPen && a && this.post({
+        n === A.Done && r === x.Local ? (await this.consumeDrawAll(r, t), s === S.LaserPen && a && this.post({
           sp: [
             {
               type: w.None,
@@ -6583,7 +6591,11 @@ class eo extends Ks {
         return;
       }
       case w.FullWork: {
-        s && ((l = this.topLayerWork) != null && l.canUseTopLayer(s)) && await this.consumeDrawAll(r, t);
+        s && ((l = this.topLayerWork) != null && l.canUseTopLayer(s)) ? await this.consumeDrawAll(r, t) : r === x.Local && t.clearPreviewLocalWork && t.workId && await this.localWork.consumeDrawAll({
+          ...t,
+          msgType: w.DrawWork,
+          workState: A.Done
+        });
         return;
       }
       case w.Snapshot: {
@@ -6728,13 +6740,13 @@ class eo extends Ks {
           if (c.totalRect) {
             let l;
             (o = this.topLayer) == null || o.getElementsByName(a.toString()).forEach((h) => {
-              const p = h.getBoundingClientRect(), d = ut({
+              const p = h.getBoundingClientRect(), u = ut({
                 x: p.x,
                 y: p.y,
                 w: p.width,
                 h: p.height
               });
-              l = E(l, d);
+              l = E(l, u);
             }), c.totalRect = l, this.topLayerWork.localWorkShapes.set(a, c);
           }
       }
@@ -6753,7 +6765,7 @@ class Dt extends b {
     super(t);
     y(this, "canRotate", !0);
     y(this, "scaleType", z.all);
-    y(this, "toolsType", k.Image);
+    y(this, "toolsType", S.Image);
     y(this, "tmpPoints", []);
     y(this, "workOptions");
     y(this, "oldRect");
@@ -6766,7 +6778,7 @@ class Dt extends b {
     return { type: w.None };
   }
   draw(t) {
-    const { layer: e, workId: s, replaceId: o, imageBitmap: r } = t, { centerX: n, centerY: a, width: c, height: l, rotate: h, zIndex: p, eraserlines: d } = this.workOptions, u = new j({
+    const { layer: e, workId: s, replaceId: o, imageBitmap: r } = t, { centerX: n, centerY: a, width: c, height: l, rotate: h, zIndex: p, eraserlines: u } = this.workOptions, d = new j({
       anchor: [0.5, 0.5],
       pos: [n, a],
       name: s,
@@ -6781,13 +6793,13 @@ class Dt extends b {
     };
     r || (f.bgcolor = "rgba(0,0,0,0.3)");
     const m = new Ce(f);
-    u.append(m), d && this.drawEraserlines({
-      group: u,
-      eraserlines: d,
+    d.append(m), u && this.drawEraserlines({
+      group: d,
+      eraserlines: u,
       pos: [n, a],
       layer: e
-    }), this.replace(e, o || s, u);
-    const g = u.getBoundingClientRect();
+    }), this.replace(e, o || s, d);
+    const g = d.getBoundingClientRect();
     if (g)
       return {
         x: Math.floor(g.x - b.SafeBorderPadding),
@@ -6799,18 +6811,18 @@ class Dt extends b {
   consumeService() {
   }
   async consumeServiceAsync(t) {
-    var l, h, p, d;
+    var l, h, p, u;
     const { isFullWork: e, replaceId: s, worker: o } = t, { src: r, uuid: n } = this.workOptions, a = ((l = this.workId) == null ? void 0 : l.toString()) || n, c = e ? this.fullLayer : this.drawLayer || this.fullLayer;
     if (r) {
-      const u = await o.loadImageBitMap({
+      const d = await o.loadImageBitMap({
         toolsType: this.toolsType,
         opt: this.workOptions,
         workId: a,
         isSubWorker: o instanceof eo
       });
-      if (u) {
-        const f = this.draw({ workId: a, layer: c, replaceId: s, imageBitmap: u });
-        return this.oldRect = a && ((p = (h = this.vNodes) == null ? void 0 : h.get(a)) == null ? void 0 : p.rect) || void 0, (d = this.vNodes) == null || d.setInfo(a, {
+      if (d) {
+        const f = this.draw({ workId: a, layer: c, replaceId: s, imageBitmap: d });
+        return this.oldRect = a && ((p = (h = this.vNodes) == null ? void 0 : h.get(a)) == null ? void 0 : p.rect) || void 0, (u = this.vNodes) == null || u.setInfo(a, {
           rect: f,
           op: [],
           opt: this.workOptions,
@@ -6837,14 +6849,14 @@ class Dt extends b {
       scale: l,
       angle: h,
       isLocked: p,
-      zIndex: d,
-      strokeColor: u
+      zIndex: u,
+      strokeColor: d
     } = s, f = r && st(r) || o.get(e.name);
     if (!f) return;
     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: I, width: S, height: v, uniformScale: L } = f.opt, C = L !== !1 ? [l[0], l[0]] : l, N = [g, I], R = [g, I];
+      if (d && (f.opt.strokeColor = d), q(u) && (e.setAttribute("zIndex", u), f.opt.zIndex = u), kt(p) && (f.opt.locked = p), a && c && l && n) {
+        const { centerX: g, centerY: v, width: k, height: I, uniformScale: L } = f.opt, C = L !== !1 ? [l[0], l[0]] : l, N = [g, v], R = [g, v];
         Ht(R, c, C, n);
         const P = [
           R[0] - N[0],
@@ -6853,7 +6865,7 @@ class Dt extends b {
         if (f.centerPos = [
           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)
+        ], f.opt.width = Math.round(k * C[0]), f.opt.height = Math.round(I * 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]));
@@ -6866,13 +6878,13 @@ class Dt extends b {
           f.centerPos[1] + n[1]
         ], f.opt.eraserlines)
           for (const g of f.opt.eraserlines) {
-            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;
+            const { op: v } = g;
+            for (let k = 0; k < v.length; k++) {
+              const I = v[k].map((L, C) => C % 2 ? L + n[1] : L + n[0]);
+              g.op[k] = I;
             }
           }
-      } else if (H(h))
+      } else if (q(h))
         if (f.opt.rotate = h, f.scaleType = Dt.getScaleType(f.opt), r) {
           const g = se(f.rect, h);
           f.rect = g;
@@ -6893,24 +6905,24 @@ const so = (T) => {
       return !0;
   }
   return !1;
-}, q = (T, i) => {
+}, V = (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)
-      q(t, i);
+      V(t, i);
 }, Q = (T, i) => {
-  q(T, i), T.removeAllChildren();
+  V(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 (q(o, e), o.tagName === "GROUP")
+        if (V(o, e), o.tagName === "GROUP")
           for (const r of o.children)
-            q(r, e);
+            V(r, e);
     }
   }
   i.parent.replaceChild(T, i);
@@ -6969,7 +6981,7 @@ class ro {
     }
   }
   canUseTopLayer(i) {
-    return i === k.LaserPen;
+    return i === S.LaserPen;
   }
   destroy() {
     this.clearAll();
@@ -7008,7 +7020,7 @@ class ro {
   }
   createWorkShapeNode(i) {
     const { toolsType: t } = i;
-    if (t === k.LaserPen)
+    if (t === S.LaserPen)
       return Lt({
         ...i,
         vNodes: this.vNodes,
@@ -7024,13 +7036,13 @@ class ro {
     }), t;
   }
   activeServiceWorkShape(i) {
-    var p, d;
+    var p, u;
     const { workId: t, opt: e, toolsType: s, type: o, updateNodeOpt: r, ops: n, op: a } = i;
     if (!t)
       return;
     const c = t.toString(), l = (p = this.vNodes.get(c)) == null ? void 0 : p.rect;
-    if (!((d = this.serviceWorkShapes) != null && d.has(c))) {
-      let u = {
+    if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
+      let d = {
         toolsType: s,
         animationWorkData: a || [],
         animationIndex: 0,
@@ -7039,7 +7051,7 @@ class ro {
         ops: n,
         oldRect: l
       };
-      s && e && (u = this.setNodeKey(c, u, s, e)), this.serviceWorkShapes.set(c, u);
+      s && e && (d = this.setNodeKey(c, d, s, e)), this.serviceWorkShapes.set(c, d);
     }
     const h = this.serviceWorkShapes.get(c);
     o && (h.type = o), n && (h.animationWorkData = yt(n), h.ops = n), r && (h.updateNodeOpt = r), a && (h.animationWorkData = a), h.node && h.node.getWorkId() !== c && h.node.setWorkId(c), l && (h.oldRect = l), s && e && (h.toolsType !== s && s && e && this.setNodeKey(c, h, s, e), h.node && h.node.setWorkOptions(e));
@@ -7061,20 +7073,20 @@ class ro {
     const t = /* @__PURE__ */ new Map(), e = [];
     for (const [a, c] of this.serviceWorkShapes.entries())
       switch (c.toolsType) {
-        case k.LaserPen: {
+        case S.LaserPen: {
           const h = this.computNextAnimationIndex(
             c,
             8
-          ), p = Math.max(0, c.animationIndex || 0), d = (c.animationWorkData || []).slice(
+          ), p = Math.max(0, c.animationIndex || 0), u = (c.animationWorkData || []).slice(
             p,
             h
           );
           if ((c.animationIndex || 0) < h && ((s = c.node) == null || s.consumeService({
-            op: d,
+            op: u,
             isFullWork: !1
-          }), c.animationIndex = h, d.length && t.set(a, {
+          }), c.animationIndex = h, u.length && t.set(a, {
             workState: p === 0 ? A.Start : h === ((o = c.animationWorkData) == null ? void 0 : o.length) ? A.Done : A.Doing,
-            op: d.slice(-2)
+            op: u.slice(-2)
           })), c.isDel) {
             (r = c.node) == null || r.clearTmpPoints(), this.serviceWorkShapes.delete(a);
             break;
@@ -7086,9 +7098,9 @@ class ro {
         }
       }
     for (const [a, c] of this.localWorkShapes.entries()) {
-      const { result: l, toolsType: h, isDel: p, workState: d } = c;
+      const { result: l, toolsType: h, isDel: p, workState: u } = c;
       switch (h) {
-        case k.LaserPen: {
+        case S.LaserPen: {
           if (p) {
             c.node.clearTmpPoints(), this.localWorkShapes.delete(a), e.push({
               removeIds: [a.toString()],
@@ -7098,7 +7110,7 @@ class ro {
           }
           l && ((l.op || l.ops) && e.push(l), c.result = void 0), !this.thread.topLayer.getElementsByName(
             a.toString()
-          )[0] && d === A.Done && (c.isDel = !0, this.localWorkShapes.set(a, c)), i = !0;
+          )[0] && u === A.Done && (c.isDel = !0, this.localWorkShapes.set(a, c)), i = !0;
           break;
         }
       }
@@ -7186,11 +7198,11 @@ class no {
   //     }
   // }
   async updateSelector(i) {
-    var d;
+    var u;
     const t = this.workShapes.get(
       X
     );
-    if (!((d = t == null ? void 0 : t.selectIds) != null && d.length)) return;
+    if (!((u = t == null ? void 0 : t.selectIds) != null && u.length)) return;
     const { callback: e, ...s } = i, { updateSelectorOpt: o, willSerializeData: r, smoothSync: n } = s, a = await (t == null ? void 0 : t.updateSelector({
       updateSelectorOpt: o,
       selectIds: be(t.selectIds),
@@ -7199,12 +7211,12 @@ class no {
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let l;
-    a != null && a.selectIds && (l = ys(t.selectIds, a.selectIds), a.selectIds.forEach((u) => {
-      const f = this.vNodes.get(u);
+    a != null && a.selectIds && (l = ys(t.selectIds, a.selectIds), a.selectIds.forEach((d) => {
+      const f = this.vNodes.get(d);
       if (f) {
-        const { toolsType: m, op: g, opt: I } = f;
-        c.set(u, {
-          opt: I,
+        const { toolsType: m, op: g, opt: v } = f;
+        c.set(d, {
+          opt: v,
           toolsType: m,
           ops: (g == null ? void 0 : g.length) && tt(g) || void 0
         });
@@ -7252,7 +7264,7 @@ class no {
       let o;
       for (const r of this.vNodes.curNodeMap.values()) {
         const { rect: n, name: a, toolsType: c, opt: l } = r, h = t[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], p = t[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === k.Text && hs([h, p], n) && l.workState === A.Done) {
+        if (c === S.Text && hs([h, p], n) && l.workState === A.Done) {
           o = a;
           break;
         }
@@ -7266,7 +7278,7 @@ class no {
         sp: [
           {
             type: w.GetTextActive,
-            toolsType: k.Text,
+            toolsType: S.Text,
             workId: o
           }
         ]
@@ -7299,7 +7311,7 @@ class no {
     }
     if (!t) {
       const c = this.setFullWork(i);
-      !c && i.workId && this.tmpOpt && ((s = this.tmpOpt) == null ? void 0 : s.toolsType) === k.Selector && this.setWorkOptions(
+      !c && i.workId && this.tmpOpt && ((s = this.tmpOpt) == null ? void 0 : s.toolsType) === S.Selector && this.setWorkOptions(
         i.workId.toString(),
         i.opt || this.tmpOpt.toolsOpt
       ), c && this.updateFullSelectWork(i);
@@ -7344,19 +7356,19 @@ class no {
       const c = this.vNodes.get(a);
       if (c)
         switch (c.toolsType) {
-          case k.Text: {
+          case S.Text: {
             s.push({
               type: w.TextUpdate,
-              toolsType: k.Text,
+              toolsType: S.Text,
               workId: a,
               dataType: x.Local
             });
             break;
           }
-          case k.BackgroundSVG:
+          case S.BackgroundSVG:
             s.push({
               type: w.BackgroundSVGDelete,
-              toolsType: k.BackgroundSVG,
+              toolsType: S.BackgroundSVG,
               workId: a,
               dataType: x.Local,
               viewId: this.thread.viewId
@@ -7384,20 +7396,20 @@ class no {
   removeNode(i) {
     var s;
     const t = this.vNodes.get(i);
-    t && (t.toolsType === k.BackgroundSVG && this.thread.post({
+    t && (t.toolsType === S.BackgroundSVG && this.thread.post({
       sp: [
         {
           type: w.BackgroundSVGDelete,
-          toolsType: k.BackgroundSVG,
+          toolsType: S.BackgroundSVG,
           workId: i,
           dataType: x.Local,
           viewId: this.thread.viewId
         }
       ]
     }), (s = this.thread.fullLayer) == null || s.getElementsByName(i).forEach((o) => {
-      o.remove(), q(o, this.thread.fullLayer.parent);
+      o.remove(), V(o, this.thread.fullLayer.parent);
     }), this.vNodes.delete(i)), this.workShapes.has(i) && (this.thread.localLayer.getElementsByName(i).forEach((o) => {
-      o.remove(), q(o, this.thread.localLayer.parent);
+      o.remove(), V(o, this.thread.localLayer.parent);
     }), this.clearWorkShapeNodeCache(i));
   }
   setFullWork(i) {
@@ -7405,11 +7417,15 @@ class no {
     if (t && e && s) {
       const o = t.toString();
       let r;
-      return t && this.workShapes.has(o) ? (r = this.workShapes.get(o), r == null || r.setWorkOptions(e)) : r = this.createWorkShapeNode({
+      return t && this.workShapes.has(o) ? (r = this.workShapes.get(o), (r == null ? void 0 : r.toolsType) !== s ? (r == null || r.clearTmpPoints(), this.workShapes.delete(o), r = void 0) : r == null || r.setWorkOptions(e)) : r = this.createWorkShapeNode({
         toolsOpt: e,
         toolsType: s,
         workId: o
-      }), r ? (this.workShapes.set(o, r), r) : void 0;
+      }), r || (r = this.createWorkShapeNode({
+        toolsOpt: e,
+        toolsType: s,
+        workId: o
+      })), r ? (this.workShapes.set(o, r), r) : void 0;
     }
   }
   async consumeFull(i) {
@@ -7417,14 +7433,16 @@ 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.BackgroundSVG ? t.consumeService({
+      o && i.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(o).forEach((n) => {
+        n.remove(), V(n, this.thread.localLayer.parent);
+      }), t.toolsType === S.BackgroundSVG ? t.consumeService({
         isFullWork: !0,
         replaceId: o
-      }) : t.toolsType === k.Image ? await t.consumeServiceAsync({
+      }) : t.toolsType === S.Image ? await t.consumeServiceAsync({
         isFullWork: !0,
         replaceId: o,
         worker: this
-      }) : t.toolsType === k.Text ? await t.consumeServiceAsync({
+      }) : t.toolsType === S.Text ? await t.consumeServiceAsync({
         isFullWork: !0,
         replaceId: o,
         boxRect: this.thread.getSceneRect()
@@ -7442,6 +7460,9 @@ class no {
         ops: i.ops,
         updateNodeOpt: i.updateNodeOpt,
         viewId: this.thread.viewId
+      }), i.isLockSentEventCursor && r.push({
+        type: w.None,
+        isLockSentEventCursor: !0
       }), i.needUndoTicker && r.push({
         type: w.None,
         needUndoTicker: i.needUndoTicker
@@ -7473,18 +7494,18 @@ class no {
       const s = this.setFullWork(e);
       if (s) {
         const o = (t = e.workId) == null ? void 0 : t.toString();
-        if (s.toolsType === k.BackgroundSVG)
+        if (s.toolsType === S.BackgroundSVG)
           s.consumeService({
             isFullWork: !0,
             replaceId: o
           });
-        else if (s.toolsType === k.Image)
+        else if (s.toolsType === S.Image)
           await s.consumeServiceAsync({
             isFullWork: !0,
             replaceId: o,
             worker: this
           });
-        else if (s.toolsType === k.Text)
+        else if (s.toolsType === S.Text)
           await s.consumeServiceAsync({
             isFullWork: !0,
             replaceId: o,
@@ -7658,7 +7679,7 @@ class no {
       if (!c)
         return;
       const l = c.toolsType;
-      if (l === k.LaserPen)
+      if (l === S.LaserPen)
         return;
       switch (this.combineDrawActiveId && this.combineDrawActiveId !== a && (this.combineTimerId && (clearTimeout(this.combineTimerId), this.combineTimerId = void 0, this.combineDrawResolve && this.combineDrawResolve(!1), this.combineDrawActiveId = void 0), this.consumeDrawAll(
         {
@@ -7679,7 +7700,7 @@ class no {
         },
         t
       ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== X && (this.drawWorkActiveId = a), zt(r) && (this.consumeCount = r), l) {
-        case k.Selector: {
+        case S.Selector: {
           const h = c.consume({
             data: i,
             isFullWork: !0,
@@ -7694,8 +7715,8 @@ class no {
           });
           break;
         }
-        case k.PencilEraser:
-        case k.BitMapEraser: {
+        case S.PencilEraser:
+        case S.BitMapEraser: {
           c.consume({
             data: i,
             isFullWork: !1,
@@ -7719,7 +7740,7 @@ class no {
           });
           break;
         }
-        case k.Eraser:
+        case S.Eraser:
           {
             const h = c.consume({
               data: i,
@@ -7728,14 +7749,14 @@ class no {
             this.drawEraser(h);
           }
           break;
-        case k.Arrow:
-        case k.Straight:
-        case k.Ellipse:
-        case k.Rectangle:
-        case k.Star:
-        case k.Polygon:
-        case k.SpeechBalloon:
-        case k.Pencil:
+        case S.Arrow:
+        case S.Straight:
+        case S.Ellipse:
+        case S.Rectangle:
+        case S.Star:
+        case S.Polygon:
+        case S.SpeechBalloon:
+        case S.Pencil:
           {
             const h = c.consume({
               data: i,
@@ -7808,56 +7829,56 @@ class no {
       if (!l)
         return;
       const h = l.toolsType;
-      if (h === k.LaserPen)
+      if (h === S.LaserPen)
         return;
-      const p = this.workShapes.get(bt), d = (r = p == null ? void 0 : p.selectIds) == null ? void 0 : r[0], u = l.consumeAll({ data: i, workerEngine: this });
+      const p = this.workShapes.get(bt), u = (r = p == null ? void 0 : p.selectIds) == null ? void 0 : r[0], d = l.consumeAll({ data: i, workerEngine: this });
       switch (h) {
-        case k.Selector:
+        case S.Selector:
           {
-            u.selectIds && d && ((n = u.selectIds) != null && n.includes(d)) && p.cursorBlur();
+            d.selectIds && u && ((n = d.selectIds) != null && n.includes(u)) && p.cursorBlur();
             const f = [];
             o && f.push({
               type: w.None,
               isLockSentEventCursor: o
-            }), u.type === w.Select && (u.selectIds && t.runReverseSelectWork(u.selectIds), f.push({ ...u, scenePath: s })), f.length && this.thread.post({ sp: f }), (a = l.selectIds) != null && a.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(c);
+            }), d.type === w.Select && (d.selectIds && t.runReverseSelectWork(d.selectIds), f.push({ ...d, scenePath: s })), f.length && this.thread.post({ sp: f }), (a = l.selectIds) != null && a.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(c);
           }
           break;
-        case k.PencilEraser:
+        case S.PencilEraser:
           this.drawPencilEraserFull(
             l,
-            u,
+            d,
             o,
             i.needUndoTicker
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(c);
           break;
-        case k.BitMapEraser:
+        case S.BitMapEraser:
           this.drawBitMapEraserFull(
             l,
-            u,
+            d,
             o,
             i.needUndoTicker
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(c);
           break;
-        case k.Eraser:
+        case S.Eraser:
           this.drawEraser(
-            { ...u, scenePath: s },
+            { ...d, scenePath: s },
             o,
             i.needUndoTicker
           ), l.clearTmpPoints();
           break;
-        case k.Arrow:
-        case k.Straight:
-        case k.Ellipse:
-        case k.Rectangle:
-        case k.Star:
-        case k.Polygon:
-        case k.SpeechBalloon:
-        case k.Pencil: {
+        case S.Arrow:
+        case S.Straight:
+        case S.Ellipse:
+        case S.Rectangle:
+        case S.Star:
+        case S.Polygon:
+        case S.SpeechBalloon:
+        case S.Pencil: {
           const f = [];
           o && f.push({
             type: w.None,
             isLockSentEventCursor: o
-          }), u && (f.push(u), this.fullWorkerDrawCount = 0, i.needUndoTicker && f.push({
+          }), d && (f.push(d), this.fullWorkerDrawCount = 0, i.needUndoTicker && f.push({
             type: w.None,
             needUndoTicker: i.needUndoTicker
           }), this.thread.post({
@@ -7981,13 +8002,13 @@ class ao {
     );
   }
   async animationDraw() {
-    var e, s, o, r, n, a, c, l, h, p, d, u, f, m, g, I, S, v, L, C, N;
+    var e, s, o, r, n, a, c, l, h, p, u, d, f, m, g, v, k, I, L, C, N;
     this.animationId = void 0;
     let i = !1;
     const t = /* @__PURE__ */ new Map();
     for (const [R, P] of this.workShapes.entries())
       switch (P.toolsType) {
-        case k.BackgroundSVG: {
+        case S.BackgroundSVG: {
           (e = P.node) == null || e.consumeService({
             isFullWork: !0,
             replaceId: R
@@ -7997,7 +8018,7 @@ class ao {
           }), this.workShapes.delete(R);
           break;
         }
-        case k.Image: {
+        case S.Image: {
           await ((s = P.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
@@ -8007,7 +8028,7 @@ class ao {
           }), this.workShapes.delete(R);
           break;
         }
-        case k.Text: {
+        case S.Text: {
           P.node && (await ((o = P.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: R,
@@ -8018,13 +8039,13 @@ class ao {
           }), (r = P.node) == null || r.clearTmpPoints(), this.workShapes.delete(R));
           break;
         }
-        case k.Arrow:
-        case k.Straight:
-        case k.Rectangle:
-        case k.Ellipse:
-        case k.Star:
-        case k.Polygon:
-        case k.SpeechBalloon: {
+        case S.Arrow:
+        case S.Straight:
+        case S.Rectangle:
+        case S.Ellipse:
+        case S.Star:
+        case S.Polygon:
+        case S.SpeechBalloon: {
           const M = !!P.ops;
           if ((n = P.animationWorkData) != null && n.length) {
             const D = P.oldRect;
@@ -8045,11 +8066,11 @@ class ao {
           }
           break;
         }
-        case k.Pencil: {
+        case S.Pencil: {
           if (P.useAnimation) {
             if (P.useAnimation) {
               if (P.isDel) {
-                (I = P.node) == null || I.clearTmpPoints(), this.workShapes.delete(R);
+                (v = P.node) == null || v.clearTmpPoints(), this.workShapes.delete(R);
                 break;
               }
               const M = 3, D = this.computNextAnimationIndex(
@@ -8058,16 +8079,16 @@ class ao {
               ), B = P.isDiff ? 0 : Math.max(0, (P.animationIndex || 0) - M), F = (P.animationWorkData || []).slice(
                 B,
                 D
-              ), U = (v = (S = P.node) == null ? void 0 : S.getWorkId()) == null ? void 0 : v.toString();
+              ), U = (I = (k = P.node) == null ? void 0 : k.getWorkId()) == null ? void 0 : I.toString();
               if ((P.animationIndex || 0) < D || P.isDiff) {
                 if ((L = P.node) == null || L.consumeService({
                   op: F,
                   isFullWork: !1
                 }), P.animationIndex = D, P.isDiff && (P.isDiff = !1), F.length && P.isEnableCursor) {
-                  const V = F.slice(-3, -1);
+                  const H = F.slice(-3, -1);
                   t.set(R, {
                     workState: B === 0 ? A.Start : D === ((C = P.animationWorkData) == null ? void 0 : C.length) ? A.Done : A.Doing,
-                    op: V
+                    op: H
                   });
                 }
               } else P.ops && ((N = P.node) == null || N.consumeService({
@@ -8087,8 +8108,8 @@ class ao {
               op: P.animationWorkData || [],
               isFullWork: M,
               replaceId: R
-            }), (d = P.node) == null || d.updataOptService(P.updateNodeOpt), M) {
-              if (!P.isEnableCursor && ((u = P.updateNodeOpt) != null && u.useAnimation) && ((f = P.animationWorkData) != null && f.length)) {
+            }), (u = P.node) == null || u.updataOptService(P.updateNodeOpt), M) {
+              if (!P.isEnableCursor && ((d = P.updateNodeOpt) != null && d.useAnimation) && ((f = P.animationWorkData) != null && f.length)) {
                 const D = P.animationWorkData.slice(-3, -1);
                 t.set(R, {
                   workState: A.Done,
@@ -8126,13 +8147,13 @@ class ao {
     if (t.length < s)
       return !0;
     switch (e) {
-      case k.Pencil: {
+      case S.Pencil: {
         for (let o = 0; o < s; o += 3)
           if (t[o] !== i[o] || t[o + 1] !== i[o + 1])
             return !0;
         break;
       }
-      case k.LaserPen: {
+      case S.LaserPen: {
         for (let o = 0; o < s; o += 2)
           if (t[o] !== i[o] || t[o + 1] !== i[o + 1])
             return !0;
@@ -8142,7 +8163,7 @@ class ao {
     return !1;
   }
   activeWorkShape(i) {
-    var f, m, g, I;
+    var f, m, g, v;
     const {
       workId: t,
       opt: e,
@@ -8157,9 +8178,9 @@ class ao {
     } = i;
     if (!t)
       return;
-    const p = t.toString(), d = (f = this.vNodes.get(p)) == null ? void 0 : f.rect;
+    const p = t.toString(), u = (f = this.vNodes.get(p)) == null ? void 0 : f.rect;
     if (!((m = this.workShapes) != null && m.has(p))) {
-      let S = {
+      let k = {
         toolsType: s,
         animationWorkData: a || [],
         animationIndex: 0,
@@ -8167,32 +8188,32 @@ class ao {
         updateNodeOpt: r,
         ops: n,
         useAnimation: typeof c < "u" ? c : typeof (r == null ? void 0 : r.useAnimation) < "u" ? r == null ? void 0 : r.useAnimation : !0,
-        oldRect: d,
+        oldRect: u,
         isDiff: !1,
         imageBitmap: l,
         isEnableCursor: h
       };
-      s && e && (S = this.setNodeKey(p, S, s, e)), (g = this.workShapes) == null || g.set(p, S);
+      s && e && (k = this.setNodeKey(p, k, s, e)), (g = this.workShapes) == null || g.set(p, k);
     }
-    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 || [],
+    const d = (v = this.workShapes) == null ? void 0 : v.get(p);
+    d.isEnableCursor = h, o && (d.type = o), n && (d.animationWorkData = yt(n), d.ops = n), r && (d.updateNodeOpt = r), a && (d.isDiff = this.hasDiffData(
+      d.animationWorkData || [],
       a,
-      u.toolsType
-    ), u.animationWorkData = a), u.node && u.node.getWorkId() !== p && u.node.setWorkId(p), d && (u.oldRect = d), s && e && (e.syncUnitTime && (this.syncUnitTime = e.syncUnitTime), u.toolsType !== s && s && e && this.setNodeKey(p, u, s, e), u.node && u.node.setWorkOptions(e)), l && (u.imageBitmap = l);
+      d.toolsType
+    ), d.animationWorkData = a), d.node && d.node.getWorkId() !== p && d.node.setWorkId(p), u && (d.oldRect = u), s && e && (e.syncUnitTime && (this.syncUnitTime = e.syncUnitTime), d.toolsType !== s && s && e && this.setNodeKey(p, d, s, e), d.node && d.node.setWorkOptions(e)), l && (d.imageBitmap = l);
   }
   removeNode(i, t) {
     i.indexOf(X) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(i).forEach((s) => {
-      s.remove(), q(s, this.thread.fullLayer.parent);
+      s.remove(), V(s, this.thread.fullLayer.parent);
     }), this.thread.serviceLayer.getElementsByName(i).forEach((s) => {
-      s.remove(), q(s, this.thread.serviceLayer.parent);
+      s.remove(), V(s, this.thread.serviceLayer.parent);
     });
     const e = this.vNodes.get(i);
-    e && e.toolsType === k.BackgroundSVG && this.thread.post({
+    e && e.toolsType === S.BackgroundSVG && this.thread.post({
       sp: [
         {
           type: w.BackgroundSVGDelete,
-          toolsType: k.BackgroundSVG,
+          toolsType: S.BackgroundSVG,
           workId: i,
           dataType: x.Service,
           viewId: this.thread.viewId
@@ -8297,7 +8318,7 @@ class lo extends rt {
     const { param: e, postData: s, newServiceStore: o } = t, { willSyncService: r, isSync: n, textUpdateForWoker: a, needUndoTicker: c } = e, l = s.sp || [];
     if (r)
       for (const [h, p] of o.entries())
-        a && p.toolsType === k.Text ? l.push({
+        a && p.toolsType === S.Text ? l.push({
           ...p,
           workId: h,
           type: w.TextUpdate,
@@ -8351,7 +8372,7 @@ class ho extends rt {
     const { param: e, postData: s, newServiceStore: o } = t, { willSyncService: r, isSync: n } = e, a = s.sp || [];
     if (r && a)
       for (const [c, l] of o.entries())
-        l.toolsType === k.BackgroundSVG && a.push({
+        l.toolsType === S.BackgroundSVG && a.push({
           ...l,
           workId: c,
           type: w.BackgroundSVGUpdate,
@@ -8384,7 +8405,7 @@ class po extends rt {
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
-    var p, d;
+    var p, u;
     const {
       workId: e,
       updateNodeOpt: s,
@@ -8407,7 +8428,7 @@ class po extends rt {
       callback: this.updateSelectorCallback,
       smoothSync: l,
       needUndoTicker: h
-    })) : s.workState === A.Done && ((d = this.localWork) == null || d.vNodes.deleteLastTarget()));
+    })) : s.workState === A.Done && ((u = this.localWork) == null || u.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(t) {
     const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n, smoothSync: a } = t, {
@@ -8415,9 +8436,9 @@ class po extends rt {
       isSync: l,
       updateSelectorOpt: h,
       textUpdateForWoker: p,
-      needUndoTicker: d
-    } = e, u = h.workState, f = s.sp || [];
-    if (u === A.Start)
+      needUndoTicker: u
+    } = e, d = h.workState, f = s.sp || [];
+    if (d === A.Start)
       return {
         sp: [],
         render: []
@@ -8428,41 +8449,41 @@ class po extends rt {
         type: w.Select,
         selectIds: r.selectIds,
         selectRect: m,
-        willSyncService: u === A.Done ? !0 : a,
+        willSyncService: d === A.Done ? !0 : a,
         isSync: !0,
-        points: u === A.Done && r.getChildrenPoints() || void 0,
+        points: d === A.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
       const g = {
         useAnimation: h.useAnimation || !1
       };
       h.uid && (g.uid = h.uid);
-      for (const [I, S] of o.entries())
-        S.toolsType === k.BackgroundSVG && f.push({
-          ...S,
-          workId: I,
+      for (const [v, k] of o.entries())
+        k.toolsType === S.BackgroundSVG && f.push({
+          ...k,
+          workId: v,
           type: w.BackgroundSVGUpdate,
           dataType: x.Local,
-          willSyncService: u === A.Done ? !0 : a,
+          willSyncService: d === A.Done ? !0 : a,
           updateNodeOpt: g
-        }), p && S.toolsType === k.Text ? f.push({
-          ...S,
-          workId: I,
+        }), p && k.toolsType === S.Text ? f.push({
+          ...k,
+          workId: v,
           type: w.TextUpdate,
           dataType: x.Local,
-          willSyncService: u === A.Done ? !0 : a,
+          willSyncService: d === A.Done ? !0 : a,
           updateNodeOpt: g
-        }) : (a || u === A.Done) && f.push({
-          ...S,
-          workId: I,
+        }) : (a || d === A.Done) && f.push({
+          ...k,
+          workId: v,
           type: w.UpdateNode,
           updateNodeOpt: g,
           isSync: l
         });
     }
-    return d && f.push({
+    return u && f.push({
       type: w.None,
-      needUndoTicker: d
+      needUndoTicker: u
     }), {
       sp: f
     };
@@ -8499,17 +8520,17 @@ class uo extends rt {
     }));
   }
   updateSelectorCallback(t) {
-    const { param: e, postData: s, workShapeNode: o, res: r, newServiceStore: n, smoothSync: a } = t, { updateSelectorOpt: c, willSyncService: l, needUndoTicker: h } = e, p = c.workState, d = s.sp || [], u = r == null ? void 0 : r.selectRect;
+    const { param: e, postData: s, workShapeNode: o, res: r, newServiceStore: n, smoothSync: a } = t, { updateSelectorOpt: c, willSyncService: l, needUndoTicker: h } = e, p = c.workState, u = s.sp || [], d = r == null ? void 0 : r.selectRect;
     if (p === A.Start)
       return {
         sp: [],
         render: []
       };
     if (l) {
-      d.push({
+      u.push({
         type: w.Select,
         selectIds: o.selectIds,
-        selectRect: u,
+        selectRect: d,
         willSyncService: p === A.Done ? !0 : a,
         isSync: !0,
         points: p === A.Done && o.getChildrenPoints() || void 0,
@@ -8520,21 +8541,21 @@ class uo extends rt {
       };
       c.uid && (f.uid = c.uid);
       for (const [m, g] of n.entries())
-        g.toolsType === k.BackgroundSVG && d.push({
+        g.toolsType === S.BackgroundSVG && u.push({
           ...g,
           workId: m,
           type: w.BackgroundSVGUpdate,
           dataType: x.Local,
           willSyncService: p === A.Done ? !0 : a,
           updateNodeOpt: f
-        }), g.toolsType === k.Text ? d.push({
+        }), g.toolsType === S.Text ? u.push({
           ...g,
           workId: m,
           type: w.TextUpdate,
           dataType: x.Local,
           willSyncService: p === A.Done ? !0 : a,
           updateNodeOpt: f
-        }) : (a || p === A.Done) && d.push({
+        }) : (a || p === A.Done) && u.push({
           ...g,
           workId: m,
           type: w.UpdateNode,
@@ -8542,11 +8563,11 @@ class uo extends rt {
           isSync: !0
         });
     }
-    return h && d.push({
+    return h && u.push({
       type: w.None,
       needUndoTicker: h
     }), {
-      sp: d
+      sp: u
     };
   }
 }
@@ -8590,33 +8611,33 @@ class fo extends rt {
       willSyncService: l,
       willSerializeData: h,
       isSync: p,
-      needUndoTicker: d
-    } = e, u = c.workState, f = s.sp || [], m = r == null ? void 0 : r.selectRect;
+      needUndoTicker: u
+    } = e, d = c.workState, f = s.sp || [], m = r == null ? void 0 : r.selectRect;
     if (l) {
-      h && u === A.Done && f.push({
+      h && d === A.Done && f.push({
         type: w.Select,
         selectIds: o.selectIds,
         selectRect: m,
-        willSyncService: u === A.Done ? !0 : a,
+        willSyncService: d === A.Done ? !0 : a,
         isSync: p,
         points: o.getChildrenPoints()
       });
       const g = {
         useAnimation: c.useAnimation || !1
       };
-      if (c.uid && (g.uid = c.uid), a || u === A.Done)
-        for (const [I, S] of n.entries())
+      if (c.uid && (g.uid = c.uid), a || d === A.Done)
+        for (const [v, k] of n.entries())
           f.push({
-            ...S,
-            workId: I,
+            ...k,
+            workId: v,
             type: w.UpdateNode,
             updateNodeOpt: g,
             isSync: p
           });
     }
-    return d && f.push({
+    return u && f.push({
       type: w.None,
-      needUndoTicker: d
+      needUndoTicker: u
     }), {
       sp: f
     };
@@ -8652,26 +8673,26 @@ class mo extends rt {
     }));
   }
   updateSelectorCallback(t) {
-    const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n } = t, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = e, p = s.sp || [], d = n == null ? void 0 : n.selectRect;
+    const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n } = t, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = e, p = s.sp || [], u = n == null ? void 0 : n.selectRect;
     if (a && p) {
       l.fontSize && p.push({
         type: w.Select,
         selectIds: r.selectIds,
-        selectRect: d,
+        selectRect: u,
         willSyncService: a,
         isSync: c,
         points: r.getChildrenPoints()
       });
-      for (const [u, f] of o.entries())
-        h && f.toolsType === k.Text ? p.push({
+      for (const [d, f] of o.entries())
+        h && f.toolsType === S.Text ? p.push({
           ...f,
-          workId: u,
+          workId: d,
           type: w.TextUpdate,
           dataType: x.Local,
           willSyncService: !0
         }) : p.push({
           ...f,
-          workId: u,
+          workId: d,
           type: w.UpdateNode,
           updateNodeOpt: {
             useAnimation: !1
@@ -8720,10 +8741,10 @@ class yo extends rt {
   updateSelectorCallback(t) {
     const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n } = t, { willSyncService: a, isSync: c, needUndoTicker: l } = e, h = s.sp || [], p = n == null ? void 0 : n.selectRect;
     if (a && h) {
-      for (const [d, u] of o.entries())
+      for (const [u, d] of o.entries())
         h.push({
-          ...u,
-          workId: d,
+          ...d,
+          workId: u,
           type: w.UpdateNode,
           updateNodeOpt: {
             useAnimation: !1
@@ -8777,12 +8798,12 @@ class wo extends rt {
     }));
   }
   updateSelectorCallback(t) {
-    const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n } = t, { willSyncService: a, isSync: c, updateSelectorOpt: l, needUndoTicker: h } = e, p = s.sp || [], d = n == null ? void 0 : n.selectRect;
+    const { param: e, postData: s, newServiceStore: o, workShapeNode: r, res: n } = t, { willSyncService: a, isSync: c, updateSelectorOpt: l, needUndoTicker: h } = e, p = s.sp || [], u = n == null ? void 0 : n.selectRect;
     if (a && p) {
-      for (const [u, f] of o.entries())
+      for (const [d, f] of o.entries())
         p.push({
           ...f,
-          workId: u,
+          workId: d,
           type: w.UpdateNode,
           updateNodeOpt: {
             useAnimation: !1
@@ -8796,7 +8817,7 @@ class wo extends rt {
         canRotate: r.canRotate,
         type: w.Select,
         selectIds: r.selectIds,
-        selectRect: d,
+        selectRect: u,
         willSyncService: a,
         isSync: c
       });
@@ -9009,8 +9030,8 @@ class So {
           zt(i.dpr) && this.updateDpr(i.dpr);
           break;
         case w.AuthClear: {
-          const { clearUids: d, localUid: u } = i;
-          this.vNodes.setCanClearUids(d), this.vNodes.setLocalUid(u);
+          const { clearUids: u, localUid: d } = i;
+          this.vNodes.setCanClearUids(u), this.vNodes.setLocalUid(d);
           break;
         }
         case w.Destroy:
@@ -9024,11 +9045,11 @@ class So {
           break;
         case w.UpdateTools:
           if (e && s) {
-            const d = {
+            const u = {
               toolsType: e,
               toolsOpt: s
             };
-            this.topWork.canUseTopLayer(e) ? this.topWork.setToolsOpt(d) : this.localWork.setToolsOpt(d);
+            this.topWork.canUseTopLayer(e) ? this.topWork.setToolsOpt(u) : this.localWork.setToolsOpt(u);
           }
           break;
         case w.CreateWork:
@@ -9047,7 +9068,7 @@ class So {
           }
           break;
         case w.DrawWork:
-          n === A.Done && o === x.Local ? (this.consumeDrawAll(o, i), e === k.LaserPen && h && this.post({
+          n === A.Done && o === x.Local ? (this.consumeDrawAll(o, i), e === S.LaserPen && h && this.post({
             sp: [
               {
                 type: w.None,
@@ -9081,28 +9102,28 @@ class So {
           break;
         case w.GetImageBitMap:
           if (a && c && r) {
-            const d = r.toString();
-            this.deleteCachedImagesByWorkId(d), this.cacheImages.set(a, {
+            const u = r.toString();
+            this.deleteCachedImagesByWorkId(u), this.cacheImages.set(a, {
               imageBitmap: c,
-              workId: d
+              workId: u
             });
-            const u = this.imageResolveMap.get(a);
-            if (u) {
-              const { resolve: f, timer: m } = u;
+            const d = this.imageResolveMap.get(a);
+            if (d) {
+              const { resolve: f, timer: m } = d;
               m && clearTimeout(m), f && f(a);
             }
           }
           break;
         case w.GetVNodeInfo:
           if (r && l) {
-            const d = l.map((u) => this.vNodes.get(u));
+            const u = l.map((d) => this.vNodes.get(d));
             this.post({
               sp: [
                 {
                   type: w.GetVNodeInfo,
                   dataType: x.Local,
                   workId: r,
-                  vInfo: d
+                  vInfo: u
                 }
               ]
             });
@@ -9117,7 +9138,7 @@ class So {
   }
   async loadImageBitMap(i) {
     const { toolsType: t, opt: e, workId: s } = i;
-    if (t === k.Image && e && s) {
+    if (t === S.Image && e && s) {
       const o = s.toString(), { src: r, type: n, width: a, height: c, strokeColor: l } = e;
       if (!r || !n || !a || !c)
         return;
@@ -9136,7 +9157,7 @@ class So {
         if (f)
           return f;
       }
-      const u = await new Promise((f) => {
+      const d = await new Promise((f) => {
         const m = this.imageResolveMap.get(h) || {
           resolve: void 0,
           timer: void 0
@@ -9157,7 +9178,7 @@ class So {
           ]
         });
       });
-      return this.imageResolveMap.delete(u), this.getCachedImages(h);
+      return this.imageResolveMap.delete(d), this.getCachedImages(h);
     }
   }
   async removeNode(i) {
@@ -9260,12 +9281,12 @@ class So {
         let c = !1;
         for (const [l, h] of this.localWork.getWorkShapes().entries())
           switch (h.toolsType) {
-            case k.Text:
-            case k.BitMapEraser:
-            case k.PencilEraser:
-            case k.Eraser:
-            case k.Selector:
-            case k.LaserPen:
+            case S.Text:
+            case S.BitMapEraser:
+            case S.PencilEraser:
+            case S.Eraser:
+            case S.Selector:
+            case S.LaserPen:
               break;
             default:
               l !== bt && l !== X && (c = !0);
@@ -9279,7 +9300,7 @@ class So {
         }
       }
       const o = /* @__PURE__ */ new Map();
-      for (const [c, l] of this.vNodes.getNodesByType(k.Text).entries()) {
+      for (const [c, l] of this.vNodes.getNodesByType(S.Text).entries()) {
         const h = l.rect;
         o.set(c, be(h));
       }
@@ -9308,11 +9329,11 @@ class So {
         for (const [c, l] of o.entries()) {
           const h = this.vNodes.get(c);
           if (h) {
-            const p = l, d = h.rect, u = this.getSceneRect(), f = Rt(p, u), m = Rt(d, u);
+            const p = l, u = h.rect, d = this.getSceneRect(), f = Rt(p, d), m = Rt(u, d);
             let g = !1;
-            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);
+            if ((f !== m || p.w !== u.w || p.h !== u.h || m === Vt.intersect) && (g = !0), g) {
+              const { toolsType: v } = h;
+              v === S.Text && this.debounceUpdateCache.add(c);
             }
           }
         }
@@ -9334,10 +9355,10 @@ class So {
           const c = [];
           for (const h of this.debounceUpdateCache.values()) {
             if ((l = this.fullLayer) == null ? void 0 : l.getElementsByName(h)[0]) {
-              const d = this.vNodes.get(h);
-              if (d) {
-                const { toolsType: u, opt: f } = d, m = this.localWork.setFullWork({
-                  toolsType: u,
+              const u = this.vNodes.get(h);
+              if (u) {
+                const { toolsType: d, opt: f } = u, m = this.localWork.setFullWork({
+                  toolsType: d,
                   opt: f,
                   workId: h
                 });
@@ -9400,7 +9421,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(), 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();
+    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();
   }
 }
 class To {
@@ -9482,7 +9503,7 @@ class To {
   }
   async loadImageBitMap(i) {
     const { toolsType: t, opt: e, workId: s } = i;
-    if (t === k.Image && e && s) {
+    if (t === S.Image && e && s) {
       const o = s.toString(), { src: r, type: n, width: a, height: c, strokeColor: l } = e;
       if (!r || !n || !a || !c)
         return;
@@ -9501,7 +9522,7 @@ class To {
         if (f)
           return f;
       }
-      const u = await new Promise((f) => {
+      const d = await new Promise((f) => {
         const m = this.imageResolveMap.get(h) || {
           resolve: void 0,
           timer: void 0
@@ -9522,7 +9543,7 @@ class To {
           ]
         });
       });
-      return this.imageResolveMap.delete(u), this.getCachedImages(h);
+      return this.imageResolveMap.delete(d), this.getCachedImages(h);
     }
   }
   createWorkShapeNode(i) {
@@ -9550,13 +9571,13 @@ class To {
     if (t) {
       let o, r;
       const n = (s = t.getWorkId()) == null ? void 0 : s.toString();
-      return t.toolsType === k.BackgroundSVG ? o = t.consumeService({
+      return t.toolsType === S.BackgroundSVG ? o = t.consumeService({
         isFullWork: !0,
         replaceId: n
-      }) : t.toolsType === k.Image ? o = await t.consumeServiceAsync({
+      }) : t.toolsType === S.Image ? o = await t.consumeServiceAsync({
         isFullWork: !0,
         worker: this
-      }) : t.toolsType === k.Text ? o = await t.consumeServiceAsync({
+      }) : t.toolsType === S.Text ? o = await t.consumeServiceAsync({
         isFullWork: !0,
         replaceId: n,
         isDrawLabel: !0
@@ -9748,7 +9769,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(), q(this.fullLayer, this.fullLayer.parent), this.scene.remove();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), V(this.fullLayer, this.fullLayer.parent), this.scene.remove();
   }
 }
 class Oo {
@@ -9758,11 +9779,15 @@ class Oo {
     y(this, "master");
     y(this, "post", (i) => {
       const { fullWorkerDrawCount: t, sp: e, workerTasksqueueCount: s, consumeCount: o } = i;
-      this.master.isBusy && H(s) && this.master.setWorkerTasksqueueCount(s), H(t) && this.master.setMaxDrawCount(t), H(o) && this.master.setConsumeCount(o), e && this.master.collectorSyncData(e);
+      this.master.isBusy && q(s) && this.master.setWorkerTasksqueueCount(s), q(t) && this.master.setMaxDrawCount(t), q(o) && this.master.setConsumeCount(o), e && this.master.collectorSyncData(e);
     });
     this.master = i;
   }
   destroy() {
+    var i;
+    (i = this.snapshotThread) == null || i.destroy(), this.snapshotThread = void 0;
+    for (const t of this.mainThreadMap.values())
+      t.destroy();
     this.mainThreadMap.clear();
   }
   createMainThread(i, t) {
@@ -9772,82 +9797,85 @@ class Oo {
     return new To(i, t);
   }
   async consume(i) {
-    var t, e, s, o;
-    for (const r of i.values()) {
+    var t, e, s, o, r;
+    for (const n of i.values()) {
       const {
-        msgType: n,
-        viewId: a,
-        tasksqueue: c,
-        mainTasksqueueCount: l,
-        layerOpt: h,
-        offscreenCanvasOpt: p,
+        msgType: a,
+        viewId: c,
+        tasksqueue: l,
+        mainTasksqueueCount: h,
+        layerOpt: p,
+        offscreenCanvasOpt: u,
         cameraOpt: d,
-        isSubWorker: u
-      } = r;
-      if (n === w.Console) {
+        isSubWorker: f
+      } = n;
+      if (a === w.Console) {
         console.log(this);
         continue;
       }
-      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 I = this.createMainThread(a, {
-            displayer: m,
-            container: g,
-            layerOpt: h,
+      if (a === w.Init) {
+        const g = (t = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : t.displayer, v = g == null ? void 0 : g.canvasContainerRef.current;
+        if (g && v && p && u) {
+          const k = this.mainThreadMap.get(c);
+          k == null || k.destroy();
+          const I = this.createMainThread(c, {
+            displayer: g,
+            container: v,
+            layerOpt: p,
             master: this.master,
-            canvasOpt: p,
+            canvasOpt: u,
             post: this.post
           });
-          this.mainThreadMap.set(a, I), I && d && I.setCameraOpt(d);
+          this.mainThreadMap.set(c, I), I && d && I.setCameraOpt(d);
         }
         continue;
       }
-      if ((n === w.Snapshot || n === w.BoundingBox) && a === ((e = this.master.control.viewContainerManager.mainView) == null ? void 0 : e.id)) {
-        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 I = {
+      if ((a === w.Snapshot || a === w.BoundingBox) && c === ((e = this.master.control.viewContainerManager.mainView) == null ? void 0 : e.id)) {
+        const g = (s = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : s.displayer, v = (o = g.snapshotContainerRef) == null ? void 0 : o.current;
+        if (g && v && d) {
+          (r = this.snapshotThread) == null || r.destroy(), v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
+          const k = {
             ...de.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
             height: d.height
-          }, S = {
+          }, I = {
             ...de.defaultScreenCanvasOpt,
             width: d.width,
             height: d.height
           };
-          this.snapshotThread = this.createSnapshotThread(a, {
-            displayer: m,
-            container: g,
-            layerOpt: I,
+          this.snapshotThread = this.createSnapshotThread(c, {
+            displayer: g,
+            container: v,
+            layerOpt: k,
             master: this.master,
-            canvasOpt: S,
+            canvasOpt: I,
             post: this.post
-          }), this.snapshotThread.on(r).then(() => {
-            this.snapshotThread = void 0, g.innerHTML = "", g.style.width = "", g.style.height = "";
+          }), this.snapshotThread.on(n).then(() => {
+            this.snapshotThread = void 0, v.innerHTML = "", v.style.width = "", v.style.height = "";
           });
           continue;
         }
       }
-      if (n === w.GetImageBitMap && u && this.snapshotThread) {
-        this.snapshotThread.on(r);
+      if (a === w.GetImageBitMap && f && this.snapshotThread) {
+        this.snapshotThread.on(n);
         continue;
       }
-      if (n === w.TasksQueue && (c != null && c.size)) {
-        for (const [m, g] of this.mainThreadMap.entries()) {
-          const I = c.get(m);
-          I && (await g.on(I), l && this.post({ workerTasksqueueCount: l }));
+      if (a === w.TasksQueue && (l != null && l.size)) {
+        for (const [g, v] of this.mainThreadMap.entries()) {
+          const k = l.get(g);
+          k && (await v.on(k), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (a === ds) {
-        for (const m of this.mainThreadMap.values())
-          m.on(r), n === w.Destroy && this.mainThreadMap.delete(a);
+      if (c === ds) {
+        for (const g of this.mainThreadMap.values())
+          await g.on(n);
+        a === w.Destroy && this.mainThreadMap.clear();
         continue;
       }
-      const f = this.mainThreadMap.get(a);
-      f && (f.on(r), n === w.Destroy && this.mainThreadMap.delete(a));
+      const m = this.mainThreadMap.get(c);
+      m && (await m.on(n), a === w.Destroy && this.mainThreadMap.delete(c));
     }
   }
 }