@netless/appliance-plugin 1.0.0-beta.10 → 1.0.0-beta.12

package/dist/{index-CP5_CnSG.mjs → index-CW6jtvNM.mjs}

@@ -1,15 +1,15 @@
 var Bt = Object.defineProperty;
-var zt = (R, n, e) => n in R ? Bt(R, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : R[n] = e;
-var m = (R, n, e) => (zt(R, typeof n != "symbol" ? n + "" : n, e), e);
-import { i as V, c as B, a as tt, P as O, g as z, s as Ft, b as pt, d as Tt, r as Ut, p as rt, e as nt, E as U, f as P, h as w, j as C, k as D, l as X, t as K, V as S, m as ht, S as Y, n as ct, o as gt, q as ot, u as vt, v as Xt, w as Yt, x as $t, y as It, z as dt, A as Vt, B as Ht, C as E, D as Pt, F as qt } from "./index-BFpq0pIU.mjs";
-import { Group as _, Path as it, Rect as St, Polyline as st, Ellipse as Gt, Sprite as jt, Label as Zt, Scene as Nt } from "spritejs";
+var zt = (C, n, e) => n in C ? Bt(C, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : C[n] = e;
+var m = (C, n, e) => (zt(C, typeof n != "symbol" ? n + "" : n, e), e);
+import { i as q, c as B, a as tt, P as O, g as z, s as Ft, b as pt, d as Tt, r as Ut, p as rt, e as nt, E as U, f as P, h as y, j as R, k as D, l as X, t as K, V as k, m as ht, S as Y, n as ct, o as gt, q as ot, u as vt, v as Xt, w as Yt, x as $t, y as It, z as dt, A as Vt, B as Ht, C as E, D as Pt, F as Gt } from "./index-GViHv6Ev.mjs";
+import { Group as _, Path as it, Rect as kt, Polyline as st, Ellipse as qt, Sprite as jt, Label as Zt, Scene as Nt } from "spritejs";
 import Kt from "lineclip";
 import "lz-string";
 import "white-web-sdk";
 import "react-dom";
 import "react";
 import "lodash";
-const j = class j {
+const H = class H {
   constructor(n) {
     m(this, "syncUnitTime", 1e3);
     m(this, "vNodes");
@@ -47,13 +47,13 @@ const j = class j {
       if (i.length !== 1)
         return;
       const r = i[0], { pos: a, zIndex: c, scale: l, angle: h, translate: p } = n, f = {};
-      V(c) && (f.zIndex = c), a && (f.pos = [a[0], a[1]]), l && (f.scale = l), h && (f.rotate = h), p && (f.translate = p), r.attr(f);
+      q(c) && (f.zIndex = c), a && (f.pos = [a[0], a[1]]), l && (f.scale = l), h && (f.rotate = h), p && (f.translate = p), r.attr(f);
       const d = r == null ? void 0 : r.getBoundingClientRect();
       return d && (e = B(e, {
-        x: Math.floor(d.x - j.SafeBorderPadding),
-        y: Math.floor(d.y - j.SafeBorderPadding),
-        w: Math.floor(d.width + j.SafeBorderPadding * 2),
-        h: Math.floor(d.height + j.SafeBorderPadding * 2)
+        x: Math.floor(d.x - H.SafeBorderPadding),
+        y: Math.floor(d.y - H.SafeBorderPadding),
+        w: Math.floor(d.width + H.SafeBorderPadding * 2),
+        h: Math.floor(d.height + H.SafeBorderPadding * 2)
       })), (s = this.vNodes) == null || s.setInfo(t, {
         rect: e,
         centerPos: a
@@ -82,43 +82,53 @@ const j = class j {
     const u = i && tt(i) || o.get(e.name);
     if (!u)
       return;
-    V(r) && (e.setAttribute("zIndex", r), u.opt.zIndex = r);
-    const y = e.parent;
-    if (y) {
+    q(r) && (e.setAttribute("zIndex", r), u.opt.zIndex = r);
+    const w = e.parent;
+    if (w) {
       if (l && p && h) {
-        const { rect: k } = u, b = [];
+        const { rect: S } = u, b = [];
         for (let M = 0; M < u.op.length; M += 3)
           b.push(new O(u.op[M], u.op[M + 1], u.op[M + 2]));
-        const v = z(b), g = [v.w * y.worldScaling[0], v.h * y.worldScaling[0]], L = [k.w - g[0], k.h - g[1]], N = [(k.w * h[0] - L[0]) / g[0], (k.h * h[1] - L[1]) / g[1]], I = [p[0] / y.worldScaling[0], p[1] / y.worldScaling[1]], A = u.op.map((M, $) => {
+        const T = z(b), g = [T.w * w.worldScaling[0], T.h * w.worldScaling[0]], I = [S.w - g[0], S.h - g[1]], N = [(S.w * h[0] - I[0]) / g[0], (S.h * h[1] - I[1]) / g[1]], W = [p[0] / w.worldScaling[0], p[1] / w.worldScaling[1]], A = u.op.map((M, $) => {
           const F = $ % 3;
-          return F === 0 ? M + I[0] : F === 1 ? M + I[1] : M;
-        }), T = [u.centerPos[0] + I[0], u.centerPos[1] + I[1]];
-        Ft(A, T, N);
+          return F === 0 ? M + W[0] : F === 1 ? M + W[1] : M;
+        }), v = [u.centerPos[0] + W[0], u.centerPos[1] + W[1]];
+        Ft(A, v, N);
         const x = [];
         for (let M = 0; M < A.length; M += 3)
           x.push(new O(A[M], A[M + 1], A[M + 2]));
-        u.op = A, u.centerPos = T;
-      } else if (a) {
-        const k = [a[0] / y.worldScaling[0], a[1] / y.worldScaling[1]];
-        e.setAttribute("translate", k), u.opt.translate = k, i && (d = pt(u.rect, a), u.rect = d);
-      } else
-        V(c) && (e.setAttribute("rotate", c), u.opt.rotate = c, i && (d = Tt(u.rect, c), u.rect = d));
+        u.op = A, u.centerPos = v;
+      } else if (a)
+        if (e.setAttribute("translate", a), u.opt.translate = a, i) {
+          const S = [a[0] * w.worldScaling[0], a[1] * w.worldScaling[1]];
+          d = pt(u.rect, S), u.rect = d;
+        } else {
+          const S = H.getRectFromLayer(w, e.name);
+          u.rect = S || u.rect;
+        }
+      else if (q(c))
+        if (e.setAttribute("rotate", c), u.opt.rotate = c, i)
+          d = Tt(u.rect, c), u.rect = d;
+        else {
+          const S = H.getRectFromLayer(w, e.name);
+          u.rect = S || u.rect;
+        }
       if (f) {
-        const k = f.get(e.name);
-        if (k)
-          for (let b = 0, v = 0; b < u.op.length; b += 3, v++)
-            u.op[b] = k[v][0], u.op[b + 1] = k[v][1];
+        const S = f.get(e.name);
+        if (S)
+          for (let b = 0, T = 0; b < u.op.length; b += 3, T++)
+            u.op[b] = S[T][0], u.op[b + 1] = S[T][1];
       }
       if (s) {
         if (a) {
-          const k = [a[0] / y.worldScaling[0], a[1] / y.worldScaling[1]], b = u.op.map((v, g) => {
-            const L = g % 3;
-            return L === 0 ? v + k[0] : L === 1 ? v + k[1] : v;
+          const S = [a[0], a[1]], b = u.op.map((T, g) => {
+            const I = g % 3;
+            return I === 0 ? T + S[0] : I === 1 ? T + S[1] : T;
           });
-          u.op = b, u.centerPos = [u.centerPos[0] + k[0], u.centerPos[1] + k[1]], u != null && u.opt && (u.opt.translate = void 0);
-        } else if (V(c)) {
-          const k = u.op;
-          Ut(k, u.centerPos, c), u.op = k, u != null && u.opt && (u.opt.rotate = void 0);
+          u.op = b, u.centerPos = [u.centerPos[0] + S[0], u.centerPos[1] + S[1]], u != null && u.opt && (u.opt.translate = void 0);
+        } else if (q(c)) {
+          const S = u.op;
+          Ut(S, u.centerPos, c), u.op = S, u != null && u.opt && (u.opt.rotate = void 0);
         }
       }
       u && o.setInfo(e.name, u);
@@ -136,32 +146,32 @@ const j = class j {
     if (t) {
       const o = t.getBoundingClientRect();
       return {
-        x: Math.floor(o.x - j.SafeBorderPadding),
-        y: Math.floor(o.y - j.SafeBorderPadding),
-        w: Math.floor(o.width + j.SafeBorderPadding * 2),
-        h: Math.floor(o.height + j.SafeBorderPadding * 2)
+        x: Math.floor(o.x - H.SafeBorderPadding),
+        y: Math.floor(o.y - H.SafeBorderPadding),
+        w: Math.floor(o.width + H.SafeBorderPadding * 2),
+        h: Math.floor(o.height + H.SafeBorderPadding * 2)
       };
     }
   }
 };
-m(j, "SafeBorderPadding", 10);
-let W = j;
-function lt(R, n = !0) {
-  const e = R.length;
+m(H, "SafeBorderPadding", 10);
+let L = H;
+function lt(C, n = !0) {
+  const e = C.length;
   if (e < 2)
     return "";
-  let t = R[0], o = R[1];
+  let t = C[0], o = C[1];
   if (e === 2)
     return `M${rt(t)}L${rt(o)}`;
   let s = "";
   for (let i = 2, r = e - 1; i < r; i++)
-    t = R[i], o = R[i + 1], s += nt(t, o);
-  return n ? `M${nt(R[0], R[1])}Q${rt(R[1])}${nt(
-    R[1],
-    R[2]
-  )}T${s}${nt(R[e - 1], R[0])}${nt(R[0], R[1])}Z` : `M${rt(R[0])}Q${rt(R[1])}${nt(R[1], R[2])}${R.length > 3 ? "T" : ""}${s}L${rt(R[e - 1])}`;
+    t = C[i], o = C[i + 1], s += nt(t, o);
+  return n ? `M${nt(C[0], C[1])}Q${rt(C[1])}${nt(
+    C[1],
+    C[2]
+  )}T${s}${nt(C[e - 1], C[0])}${nt(C[0], C[1])}Z` : `M${rt(C[0])}Q${rt(C[1])}${nt(C[1], C[2])}${C.length > 3 ? "T" : ""}${s}L${rt(C[e - 1])}`;
 }
-class Wt extends W {
+class Wt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
@@ -187,8 +197,8 @@ class Wt extends W {
     const i = this.drawLayer || this.fullLayer;
     return t.length && (s = this.draw({ attrs: o, tasks: t, replaceId: e, layer: i })), {
       rect: s,
-      type: w.DrawWork,
-      dataType: C.Local
+      type: y.DrawWork,
+      dataType: R.Local
     };
   }
   setWorkOptions(e) {
@@ -198,7 +208,7 @@ class Wt extends W {
     var b;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i, drawCount: r, replaceId: a } = e;
     if (((b = t.op) == null ? void 0 : b.length) === 0)
-      return { type: w.None };
+      return { type: y.None };
     const { workId: c } = t, { tasks: l, effects: h, consumeIndex: p } = this.transformData(t, !1);
     this.syncIndex = Math.min(this.syncIndex, p, Math.max(0, this.tmpPoints.length - 2));
     const f = {
@@ -206,27 +216,27 @@ class Wt extends W {
       id: r == null ? void 0 : r.toString()
     };
     let d, u = !1;
-    const y = this.syncIndex;
+    const w = this.syncIndex;
     if (this.syncTimestamp === 0 && (this.syncTimestamp = Date.now()), l.length && (l[0].taskId - this.syncTimestamp > this.syncUnitTime && (u = !0, this.syncTimestamp = l[0].taskId, this.syncIndex = this.tmpPoints.length), s || i)) {
-      const v = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      d = this.draw({ attrs: f, tasks: l, effects: h, layer: v, replaceId: a });
+      const T = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      d = this.draw({ attrs: f, tasks: l, effects: h, layer: T, replaceId: a });
     }
     if (s)
       return p > 10 && this.tmpPoints.splice(0, p - 10), {
         rect: d,
-        type: w.DrawWork,
-        dataType: C.Local
+        type: y.DrawWork,
+        dataType: R.Local
       };
-    const k = [];
-    return this.tmpPoints.slice(y).forEach((v) => {
-      k.push(v.x, v.y, this.computRadius(v.z, this.workOptions.thickness));
+    const S = [];
+    return this.tmpPoints.slice(w).forEach((T) => {
+      S.push(T.x, T.y, this.computRadius(T.z, this.workOptions.thickness));
     }), {
       rect: d,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: u ? c : void 0,
-      op: u ? k : void 0,
-      index: u ? y * 3 : void 0
+      op: u ? S : void 0,
+      index: u ? w * 3 : void 0
     };
   }
   consumeAll(e) {
@@ -237,7 +247,7 @@ class Wt extends W {
     }
     const t = (l = this.workId) == null ? void 0 : l.toString();
     if (!t)
-      return { type: w.None };
+      return { type: y.None };
     const o = this.transformDataAll(!0), s = {
       name: t
     };
@@ -256,11 +266,11 @@ class Wt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, r)
+      centerPos: i && L.getCenterPos(i, r)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: t,
       ops: c,
       updateNodeOpt: {
@@ -280,7 +290,7 @@ class Wt extends W {
     for (let p = 0; p < t.length; p += 3) {
       const f = new O(t[p], t[p + 1], t[p + 2]);
       if (this.tmpPoints.length > 0) {
-        const d = this.tmpPoints[this.tmpPoints.length - 1], u = S.Sub(f, d).uni();
+        const d = this.tmpPoints[this.tmpPoints.length - 1], u = k.Sub(f, d).uni();
         f.setv(u);
       }
       this.tmpPoints.push(f);
@@ -298,7 +308,7 @@ class Wt extends W {
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: c && W.getCenterPos(c, p)
+        centerPos: c && L.getCenterPos(c, p)
       });
     }
     return c;
@@ -309,19 +319,19 @@ class Wt extends W {
   draw(e) {
     const { attrs: t, tasks: o, replaceId: s, effects: i, layer: r } = e, { strokeColor: a, strokeType: c, thickness: l, zIndex: h, scale: p, rotate: f, translate: d } = this.workOptions;
     i != null && i.size && (i.forEach((g) => {
-      var L;
-      (L = r.getElementById(g + "")) == null || L.remove();
+      var I;
+      (I = r.getElementById(g + "")) == null || I.remove();
     }), i.clear());
     let u;
-    const y = [], k = r.worldPosition, b = r.worldScaling;
+    const w = [], S = r.worldPosition, b = r.worldScaling;
     for (let g = 0; g < o.length; g++) {
-      const { pos: L, points: N } = o[g], { ps: I, rect: A } = this.computDrawPoints(N);
-      let T;
+      const { pos: I, points: N } = o[g], { ps: W, rect: A } = this.computDrawPoints(N);
+      let v;
       const x = N.length === 1;
-      c === X.Stroke || x ? T = lt(I, !0) : T = lt(I, !1);
+      c === X.Stroke || x ? v = lt(W, !0) : v = lt(W, !1);
       const M = {
-        pos: L,
-        d: T,
+        pos: I,
+        d: v,
         fillColor: c === X.Stroke || x ? a : void 0,
         lineDash: c === X.Dotted && !x ? [1, l * 2] : c === X.LongDotted && !x ? [l, l * 2] : void 0,
         strokeColor: a,
@@ -329,35 +339,35 @@ class Wt extends W {
         lineWidth: c === X.Stroke || x ? 0 : l
       };
       u = B(u, {
-        x: Math.floor((A.x + L[0]) * b[0] + k[0] - W.SafeBorderPadding),
-        y: Math.floor((A.y + L[1]) * b[1] + k[1] - W.SafeBorderPadding),
-        w: Math.floor(A.w * b[0] + 2 * W.SafeBorderPadding),
-        h: Math.floor(A.h * b[1] + 2 * W.SafeBorderPadding)
-      }), y.push(M);
+        x: Math.floor((A.x + I[0]) * b[0] + S[0] - L.SafeBorderPadding),
+        y: Math.floor((A.y + I[1]) * b[1] + S[1] - L.SafeBorderPadding),
+        w: Math.floor(A.w * b[0] + 2 * L.SafeBorderPadding),
+        h: Math.floor(A.h * b[1] + 2 * L.SafeBorderPadding)
+      }), w.push(M);
     }
     p && (t.scale = p), f && (t.rotate = f), d && (t.translate = d);
-    const v = new _();
+    const T = new _();
     if (u) {
-      this.centerPos = W.getCenterPos(u, r), v.attr({
+      this.centerPos = L.getCenterPos(u, r), T.attr({
         ...t,
         normalize: !0,
         anchor: [0.5, 0.5],
         bgcolor: c === X.Stroke ? a : void 0,
         pos: this.centerPos,
-        size: [(u.w - 2 * W.SafeBorderPadding) / b[0], (u.h - 2 * W.SafeBorderPadding) / b[1]],
+        size: [(u.w - 2 * L.SafeBorderPadding) / b[0], (u.h - 2 * L.SafeBorderPadding) / b[1]],
         zIndex: h
       });
-      const g = y.map((L) => (L.pos = [L.pos[0] - this.centerPos[0], L.pos[1] - this.centerPos[1]], new it(L)));
-      v.append(...g), c === X.Stroke && v.seal(), this.replace(r, s || t.workId, v);
+      const g = w.map((I) => (I.pos = [I.pos[0] - this.centerPos[0], I.pos[1] - this.centerPos[1]], new it(I)));
+      T.append(...g), c === X.Stroke && T.seal(), this.replace(r, s || t.workId, T);
     }
     if (p || f || d) {
-      const g = v == null ? void 0 : v.getBoundingClientRect();
+      const g = T == null ? void 0 : T.getBoundingClientRect();
       if (g)
         return {
-          x: Math.floor(g.x - W.SafeBorderPadding),
-          y: Math.floor(g.y - W.SafeBorderPadding),
-          w: Math.floor(g.width + W.SafeBorderPadding * 2),
-          h: Math.floor(g.height + W.SafeBorderPadding * 2)
+          x: Math.floor(g.x - L.SafeBorderPadding),
+          y: Math.floor(g.y - L.SafeBorderPadding),
+          w: Math.floor(g.width + L.SafeBorderPadding * 2),
+          h: Math.floor(g.height + L.SafeBorderPadding * 2)
         };
     }
     return u;
@@ -379,7 +389,7 @@ class Wt extends W {
       const { point: l, radius: h } = e[c];
       let p = l.v;
       c === 0 && e.length > 1 && (p = e[c + 1].point.v);
-      const f = S.Per(p).mul(h);
+      const f = k.Per(p).mul(h);
       t.push(O.Sub(l, f)), o.push(O.Add(l, f));
     }
     const s = e[e.length - 1], i = O.GetSemicircleStroke(s.point, t[t.length - 1], -1, 8), r = O.GetSemicircleStroke(e[0].point, o[0], -1, 8), a = t.concat(i, o.reverse(), r);
@@ -414,26 +424,26 @@ class Wt extends W {
       return [];
     let s = 0, i = e[0].x, r = e[0].y, a = [i, r], c = [], l = e[0].t;
     for (; s < e.length; ) {
-      const p = e[s], f = p.x - i, d = p.y - r, u = p.z, y = t ? this.computRadius(u, t) : u;
+      const p = e[s], f = p.x - i, d = p.y - r, u = p.z, w = t ? this.computRadius(u, t) : u;
       if (c.push({
         point: new O(f, d, u, e[s].v),
-        radius: y
+        radius: w
       }), s > 0 && s < e.length - 1) {
-        const k = e[s].getAngleByPoints(e[s - 1], e[s + 1]);
-        if (k < 90 || k > 270) {
+        const S = e[s].getAngleByPoints(e[s - 1], e[s + 1]);
+        if (S < 90 || S > 270) {
           const b = (h = c.pop()) == null ? void 0 : h.point.clone();
           b && o.push({
             taskId: l,
             pos: a,
             points: [...c, {
               point: b,
-              radius: y
+              radius: w
             }]
           }), i = e[s].x, r = e[s].y, a = [i, r];
-          const v = p.x - i, g = p.y - r;
+          const T = p.x - i, g = p.y - r;
           c = [{
-            point: new O(v, g, u),
-            radius: y
+            point: new O(T, g, u),
+            radius: w
           }], l = Date.now();
         }
       }
@@ -455,16 +465,16 @@ class Wt extends W {
         this.tmpPoints.push(h);
         continue;
       }
-      const p = l - 1, f = this.tmpPoints[p], d = S.Sub(h, f).uni();
+      const p = l - 1, f = this.tmpPoints[p], d = k.Sub(h, f).uni();
       if (h.isNear(f, t)) {
         if (f.z < this.MAX_REPEAR) {
           if (f.setz(Math.min(f.z + 1, this.MAX_REPEAR)), r = Math.min(r, p), l > 1) {
-            let k = l - 1;
-            for (; k > 0; ) {
-              const b = this.tmpPoints[k].distance(this.tmpPoints[k - 1]), v = Math.max(this.tmpPoints[k].z - this.uniThickness * b, 0);
-              if (this.tmpPoints[k - 1].z >= v)
+            let S = l - 1;
+            for (; S > 0; ) {
+              const b = this.tmpPoints[S].distance(this.tmpPoints[S - 1]), T = Math.max(this.tmpPoints[S].z - this.uniThickness * b, 0);
+              if (this.tmpPoints[S - 1].z >= T)
                 break;
-              this.tmpPoints[k - 1].setz(v), r = Math.min(r, k - 1), k--;
+              this.tmpPoints[S - 1].setz(T), r = Math.min(r, S - 1), S--;
             }
           }
         } else
@@ -472,8 +482,8 @@ class Wt extends W {
         continue;
       }
       h.setv(d);
-      const u = h.distance(f), y = Math.max(f.z - this.uniThickness * u, 0);
-      l > 1 && S.Equals(d, f.v, 0.02) && (y > 0 || f.z <= 0) && (o && f.t && o.add(f.t), this.tmpPoints.pop(), r = Math.min(p, r)), h.setz(y), this.tmpPoints.push(h);
+      const u = h.distance(f), w = Math.max(f.z - this.uniThickness * u, 0);
+      l > 1 && k.Equals(d, f.v, 0.02) && (w > 0 || f.z <= 0) && (o && f.t && o.add(f.t), this.tmpPoints.pop(), r = Math.min(p, r)), h.setz(w), this.tmpPoints.push(h);
     }
     if (r === 1 / 0)
       return this.tmpPoints.length;
@@ -505,12 +515,12 @@ class Wt extends W {
         this.tmpPoints.push(p);
         continue;
       }
-      const f = h - 1, d = this.tmpPoints[f], u = S.Sub(p, d).uni();
+      const f = h - 1, d = this.tmpPoints[f], u = k.Sub(p, d).uni();
       if (p.isNear(d, t / 2)) {
         r = Math.min(f, r);
         continue;
       }
-      S.Equals(u, d.v, 0.02) && (o && d.t && o.add(d.t), this.tmpPoints.pop(), r = Math.min(f, r)), p.setv(u), this.tmpPoints.push(p);
+      k.Equals(u, d.v, 0.02) && (o && d.t && o.add(d.t), this.tmpPoints.pop(), r = Math.min(f, r)), p.setv(u), this.tmpPoints.push(p);
     }
     let a = i;
     if (r === i) {
@@ -538,24 +548,24 @@ class Wt extends W {
         this.tmpPoints.push(a);
         continue;
       }
-      const c = r - 1, l = this.tmpPoints[c], h = S.Sub(a, l).uni(), p = a.distance(l);
+      const c = r - 1, l = this.tmpPoints[c], h = k.Sub(a, l).uni(), p = a.distance(l);
       if (r > 1 && l.z === s)
         break;
       if (a.isNear(l, t / 2)) {
         if (o < 3 && l.z < this.MAX_REPEAR && (l.setz(Math.min(l.z + 1, this.MAX_REPEAR)), r > 1)) {
           let d = r - 1;
           for (; d > 0; ) {
-            const u = this.tmpPoints[d].distance(this.tmpPoints[d - 1]), y = Math.max(this.tmpPoints[d].z - this.uniThickness * u, -t / 4);
-            if (this.tmpPoints[d - 1].z >= y)
+            const u = this.tmpPoints[d].distance(this.tmpPoints[d - 1]), w = Math.max(this.tmpPoints[d].z - this.uniThickness * u, -t / 4);
+            if (this.tmpPoints[d - 1].z >= w)
               break;
-            this.tmpPoints[d - 1].setz(y), d--;
+            this.tmpPoints[d - 1].setz(w), d--;
           }
         }
         continue;
       }
       a.setv(h);
       const f = Math.max(l.z - this.uniThickness * p, s);
-      r > 1 && S.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(f), this.tmpPoints.push(a);
+      r > 1 && k.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(f), this.tmpPoints.push(a);
     }
   }
   static updateNodeOpt(e) {
@@ -563,24 +573,10 @@ class Wt extends W {
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i } = o, r = s.get(t.name);
     return i && (t.tagName === "GROUP" ? Jt(t) ? t.setAttribute("bgcolor", i) : t.children.forEach((c) => {
       c.setAttribute("strokeColor", i), c.getAttribute("fillColor") && c.setAttribute("fillColor", i);
-    }) : (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i)), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i)), r && s.setInfo(t.name, r), W.updateNodeOpt(e);
-  }
-  //   static getRectFromLayer(layer: Group, name:string): IRectType|undefined {
-  //     const node = layer.getElementsByName(name)[0] as ShapeNodes;
-  //     if (node) {
-  //         const r = node.getBoundingClientRect();
-  //         console.log('r', r.x, r.y, r.width, r.height)
-  //         return {
-  //             x: Math.floor(r.x - BaseShapeTool.SafeBorderPadding),
-  //             y: Math.floor(r.y - BaseShapeTool.SafeBorderPadding),
-  //             w: Math.floor(r.width + BaseShapeTool.SafeBorderPadding * 2),
-  //             h: Math.floor(r.height + BaseShapeTool.SafeBorderPadding * 2)
-  //         }
-  //     }
-  //     return undefined
-  // }
+    }) : (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i)), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i)), r && s.setInfo(t.name, r), L.updateNodeOpt(e);
+  }
 }
-class Lt extends W {
+class Lt extends L {
   constructor(e) {
     super(e);
     m(this, "toolsType", P.LaserPen);
@@ -601,9 +597,9 @@ class Lt extends W {
   consume(e) {
     const { data: t, isSubWorker: o } = e, { workId: s, op: i } = t;
     if ((i == null ? void 0 : i.length) === 0)
-      return { type: w.None };
+      return { type: y.None };
     if (this.updateTempPoints(i || []), this.consumeIndex > this.tmpPoints.length - 4)
-      return { type: w.None };
+      return { type: y.None };
     const { strokeColor: r, thickness: a, strokeType: c } = this.workOptions, l = z(this.tmpPoints, a);
     let h = !1;
     const p = this.syncIndex, f = this.tmpPoints.slice(this.consumeIndex);
@@ -618,12 +614,12 @@ class Lt extends W {
       anchor: [0.5, 0.5]
     }, u = this.getTaskPoints(f);
     if (u.length) {
-      const k = Date.now();
-      k - this.syncTimestamp > this.syncUnitTime && (h = !0, this.syncTimestamp = k, this.syncIndex = this.tmpPoints.length), o && this.draw({ attrs: d, tasks: u, isDot: !1, layer: this.drawLayer || this.fullLayer });
+      const S = Date.now();
+      S - this.syncTimestamp > this.syncUnitTime && (h = !0, this.syncTimestamp = S, this.syncIndex = this.tmpPoints.length), o && this.draw({ attrs: d, tasks: u, isDot: !1, layer: this.drawLayer || this.fullLayer });
     }
-    const y = [];
-    return this.tmpPoints.slice(p).forEach((k) => {
-      y.push(k.x, k.y);
+    const w = [];
+    return this.tmpPoints.slice(p).forEach((S) => {
+      w.push(S.x, S.y);
     }), {
       rect: {
         x: l.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -631,10 +627,10 @@ class Lt extends W {
         w: l.w * this.fullLayer.worldScaling[0],
         h: l.h * this.fullLayer.worldScaling[1]
       },
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: h ? s : void 0,
-      op: h ? y : void 0,
+      op: h ? w : void 0,
       index: h ? p * 2 : void 0
     };
   }
@@ -677,8 +673,8 @@ class Lt extends W {
         w: t.w * this.fullLayer.worldScaling[0],
         h: t.h * this.fullLayer.worldScaling[1]
       },
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: e,
       ops: s,
       index: this.syncIndex * 2
@@ -691,12 +687,12 @@ class Lt extends W {
     var u;
     const { op: t, replaceId: o, isFullWork: s } = e, { strokeColor: i, thickness: r, strokeType: a } = this.workOptions;
     if (!t.length) {
-      const y = z(this.tmpPoints, r);
+      const w = z(this.tmpPoints, r);
       return {
-        x: y.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
-        y: y.y * this.fullLayer.worldScaling[1] + this.fullLayer.worldPosition[1],
-        w: y.w * this.fullLayer.worldScaling[0],
-        h: y.h * this.fullLayer.worldScaling[1]
+        x: w.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
+        y: w.y * this.fullLayer.worldScaling[1] + this.fullLayer.worldPosition[1],
+        w: w.w * this.fullLayer.worldScaling[0],
+        h: w.h * this.fullLayer.worldScaling[1]
       };
     }
     const c = Math.max(0, this.tmpPoints.length - 1);
@@ -704,11 +700,11 @@ class Lt extends W {
     let l, h = this.tmpPoints.slice(c);
     const p = h.length === 1;
     if (p) {
-      const y = this.computDotStroke({
+      const w = this.computDotStroke({
         point: h[0],
         radius: r / 2
       });
-      h = y.ps, l = y.rect;
+      h = w.ps, l = w.rect;
     } else
       l = z(this.tmpPoints, r);
     const f = {
@@ -722,8 +718,8 @@ class Lt extends W {
       anchor: [0.5, 0.5]
     }, d = this.getTaskPoints(h);
     if (d.length) {
-      const y = s ? this.fullLayer : this.drawLayer || this.fullLayer;
-      this.draw({ attrs: f, tasks: d, isDot: p, replaceId: o, layer: y });
+      const w = s ? this.fullLayer : this.drawLayer || this.fullLayer;
+      this.draw({ attrs: f, tasks: d, isDot: p, replaceId: o, layer: w });
     }
     return {
       x: l.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -758,10 +754,10 @@ class Lt extends W {
       });
       const { vertex: f, fragment: d } = this.workOptions;
       if (f && d) {
-        const u = i.renderer.createProgram({ vertex: f, fragment: d }), { width: y, height: k } = i.getResolution();
+        const u = i.renderer.createProgram({ vertex: f, fragment: d }), { width: w, height: S } = i.getResolution();
         c.setUniforms({
           u_time: 0,
-          u_resolution: [y, k]
+          u_resolution: [w, S]
         }), c.setProgram(u);
       }
       i.appendChild(c), c.transition(r).attr({
@@ -788,8 +784,8 @@ class Lt extends W {
             pos: r,
             points: [...a, d]
           }), s = e[o].x, i = e[o].y, r = [s, i];
-          const u = l.x - s, y = l.y - i;
-          a = [new O(u, y)];
+          const u = l.x - s, w = l.y - i;
+          a = [new O(u, w)];
         }
       }
       o++;
@@ -817,7 +813,7 @@ class Lt extends W {
     }), o.length && o.forEach((s) => s.remove()), t;
   }
 }
-const at = class at extends W {
+const at = class at extends L {
   constructor(e, t) {
     super(e);
     m(this, "canRotate", !1);
@@ -851,11 +847,11 @@ const at = class at extends W {
   computRectCenterPoints() {
     const e = this.tmpPoints.slice(-2);
     if (this.tmpPoints.length === 4) {
-      const t = new S(this.tmpPoints[0], this.tmpPoints[1]), o = new S(this.tmpPoints[2], this.tmpPoints[3]), s = S.Sub(o, t).uni(), i = S.Dist(t, o), { width: r, height: a } = at.eraserSizes[this.workOptions.thickness], c = Math.min(r, a), l = Math.round(i / c);
+      const t = new k(this.tmpPoints[0], this.tmpPoints[1]), o = new k(this.tmpPoints[2], this.tmpPoints[3]), s = k.Sub(o, t).uni(), i = k.Dist(t, o), { width: r, height: a } = at.eraserSizes[this.workOptions.thickness], c = Math.min(r, a), l = Math.round(i / c);
       if (l > 1) {
         const h = [];
         for (let p = 0; p < l; p++) {
-          const f = S.Mul(s, p * c);
+          const f = k.Mul(s, p * c);
           h.push(this.tmpPoints[0] + f.x, this.tmpPoints[1] + f.y);
         }
         return h.concat(e);
@@ -864,8 +860,8 @@ const at = class at extends W {
     return e;
   }
   isNear(e, t) {
-    const o = new S(e[0], e[1]), s = new S(t[0], t[1]), { width: i, height: r } = at.eraserSizes[this.workOptions.thickness];
-    return S.Dist(o, s) < Math.hypot(i, r) * 0.5;
+    const o = new k(e[0], e[1]), s = new k(t[0], t[1]), { width: i, height: r } = at.eraserSizes[this.workOptions.thickness];
+    return k.Dist(o, s) < Math.hypot(i, r) * 0.5;
   }
   cutPolyline(e, t) {
     let o = [t], s = 0;
@@ -882,9 +878,9 @@ const at = class at extends W {
         const p = a[h], f = p.findIndex((d, u) => u < p.length - 1 ? r([d, p[u + 1]], [c[0], c[1]]) : !1);
         if (f !== -1 && f > -1) {
           const d = [], u = p.slice(0, f + 1);
-          if (S.Equals(p[f], c[0]) || u.push(c[0].clone().setz(p[f].z)), u.length > 1 && d.push(u), f + c.length - 1 < p.length - 1) {
-            const y = f + c.length - 1, k = p.slice(y), b = c[c.length - 1];
-            S.Equals(p[y], b) || k.unshift(b.clone().setz(p[y].z)), k.length > 1 && d.push(k);
+          if (k.Equals(p[f], c[0]) || u.push(c[0].clone().setz(p[f].z)), u.length > 1 && d.push(u), f + c.length - 1 < p.length - 1) {
+            const w = f + c.length - 1, S = p.slice(w), b = c[c.length - 1];
+            k.Equals(p[w], b) || S.unshift(b.clone().setz(p[w].z)), S.length > 1 && d.push(S);
           }
           return l.splice(h, 1, ...d), l;
         }
@@ -892,8 +888,8 @@ const at = class at extends W {
       return l;
     }
     function r(a, c) {
-      const l = S.Sub(a[1], a[0]), h = S.Sub(c[1], c[0]), p = S.Sub(c[0], a[0]);
-      return Math.abs(S.Cpr(l, h)) < 0.1 && Math.abs(S.Cpr(l, p)) < 0.1;
+      const l = k.Sub(a[1], a[0]), h = k.Sub(c[1], c[0]), p = k.Sub(c[0], a[0]);
+      return Math.abs(k.Cpr(l, h)) < 0.1 && Math.abs(k.Cpr(l, p)) < 0.1;
     }
   }
   isSamePoint(e, t) {
@@ -905,7 +901,7 @@ const at = class at extends W {
       const s = e[o].filter((a, c, l) => !(c > 0 && this.isSamePoint(a, l[c - 1]))), i = [];
       let r = 0;
       for (; r < s.length; ) {
-        const a = s[r], c = new S(a[0], a[1]);
+        const a = s[r], c = new k(a[0], a[1]);
         i.push(c), r++;
       }
       t.push(i);
@@ -921,30 +917,30 @@ const at = class at extends W {
     for (const [a, c] of t.entries())
       if (c.rect && this.eraserRect && this.eraserPolyline && ht(this.eraserRect, c.rect)) {
         const { op: l, toolsType: h } = c, p = this.isLineEraser(h, i), f = [], d = [];
-        for (let y = 0; y < l.length; y += 3) {
-          const k = new S(l[y] * this.worldScaling[0] + this.worldPosition[0], l[y + 1] * this.worldScaling[1] + this.worldPosition[1], l[y + 2]);
-          d.push(k), f.push(new O(k.x, k.y));
+        for (let w = 0; w < l.length; w += 3) {
+          const S = new k(l[w] * this.worldScaling[0] + this.worldPosition[0], l[w + 1] * this.worldScaling[1] + this.worldPosition[1], l[w + 2]);
+          d.push(S), f.push(new O(S.x, S.y));
         }
         const u = f.length && z(f) || c.rect;
         if (ht(u, this.eraserRect)) {
           if (d.length > 1) {
-            const y = Kt.polyline(d.map((k) => k.XY), this.eraserPolyline);
-            if (y.length && (o.add(c.name), !p)) {
-              const k = this.translateIntersect(y), b = this.cutPolyline(k, d);
-              for (let v = 0; v < b.length; v++) {
-                const g = `${a}_s_${v}`, L = [];
-                b[v].forEach((N) => {
-                  L.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
+            const w = Kt.polyline(d.map((S) => S.XY), this.eraserPolyline);
+            if (w.length && (o.add(c.name), !p)) {
+              const S = this.translateIntersect(w), b = this.cutPolyline(S, d);
+              for (let T = 0; T < b.length; T++) {
+                const g = `${a}_s_${T}`, I = [];
+                b[T].forEach((N) => {
+                  I.push((N.x - this.worldPosition[0]) / this.worldScaling[0], (N.y - this.worldPosition[1]) / this.worldScaling[1], N.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(g, {
                   rect: u,
-                  op: L,
+                  op: I,
                   opt: c.opt,
                   canRotate: c.canRotate,
                   scaleType: c.scaleType,
                   toolsType: c.toolsType
                 }), s.set(g, {
                   workId: g,
-                  op: L,
+                  op: I,
                   opt: c.opt,
                   toolsType: c.toolsType
                 }));
@@ -958,18 +954,18 @@ const at = class at extends W {
     return o.forEach((a) => {
       var c;
       return (c = this.vNodes) == null ? void 0 : c.delete(a);
-    }), r && (r.x -= W.SafeBorderPadding, r.y -= W.SafeBorderPadding, r.w += W.SafeBorderPadding * 2, r.h += W.SafeBorderPadding * 2), r;
+    }), r && (r.x -= L.SafeBorderPadding, r.y -= L.SafeBorderPadding, r.w += L.SafeBorderPadding * 2, r.h += L.SafeBorderPadding * 2), r;
   }
   consume(e) {
     const { op: t } = e.data;
     if (!t || t.length === 0)
       return {
-        type: w.None
+        type: y.None
       };
     const o = this.tmpPoints.length;
     if (o > 1 && this.isNear([t[0], t[1]], [this.tmpPoints[o - 2], this.tmpPoints[o - 1]]))
       return {
-        type: w.None
+        type: y.None
       };
     o === 4 && (this.tmpPoints.shift(), this.tmpPoints.shift()), this.tmpPoints.push(t[0], t[1]);
     const s = this.computRectCenterPoints();
@@ -977,7 +973,7 @@ const at = class at extends W {
     const r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map();
     if (!this.vNodes)
       return {
-        type: w.None
+        type: y.None
       };
     this.vNodes.setTarget();
     const c = this.getUnLockNodeMap(this.vNodes.getLastTarget());
@@ -990,15 +986,15 @@ const at = class at extends W {
       for (const l of a.keys())
         r.has(l) && a.delete(l);
       return {
-        type: w.RemoveNode,
-        dataType: C.Local,
+        type: y.RemoveNode,
+        dataType: R.Local,
         rect: i,
         removeIds: [...r],
         newWorkDatas: a
       };
     }
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeAll(e) {
@@ -1027,8 +1023,8 @@ m(at, "eraserSizes", Object.freeze([
   Object.freeze({ width: 26, height: 34 }),
   Object.freeze({ width: 34, height: 50 })
 ]));
-let mt = at;
-const Q = class Q extends W {
+let ft = at;
+const Q = class Q extends L {
   constructor(e) {
     super(e);
     m(this, "toolsType", P.Selector);
@@ -1082,7 +1078,7 @@ const Q = class Q extends W {
       zIndex: 1e3
     }), c = [];
     if (r) {
-      const l = new St({
+      const l = new kt({
         normalize: !0,
         pos: [t.w / 2, t.h / 2],
         lineWidth: 1,
@@ -1097,7 +1093,7 @@ const Q = class Q extends W {
       const p = [
         l.rect.x + l.rect.w / 2 - t.x,
         l.rect.y + l.rect.h / 2 - t.y
-      ], f = new St({
+      ], f = new kt({
         normalize: !0,
         pos: p,
         lineWidth: 1,
@@ -1147,18 +1143,18 @@ const Q = class Q extends W {
     const { op: t, workState: o } = e.data;
     let s = this.oldSelectRect;
     if (o === D.Start && (s = this.unSelectedAllIds()), !(t != null && t.length) || !this.vNodes.curNodeMap.size)
-      return { type: w.None };
+      return { type: y.None };
     this.updateTempPoints(t);
     const i = this.computSelector();
     if (this.selectIds && ct(this.selectIds, i.selectIds))
-      return { type: w.None };
+      return { type: y.None };
     this.selectIds = i.selectIds;
     const r = i.intersectRect;
     this.getSelecteorInfo(i.subNodeMap), this.draw(Q.selectorId, this.fullLayer, i), this.oldSelectRect = r;
     const a = this.getChildrenPoints();
     return {
-      type: w.Select,
-      dataType: C.Local,
+      type: y.Select,
+      dataType: R.Local,
       rect: B(r, s),
       selectIds: i.selectIds,
       opt: this.workOptions,
@@ -1184,8 +1180,8 @@ const Q = class Q extends W {
     if (!((t = this.selectIds) != null && t.length) && this.tmpPoints[0] && this.selectSingleTool(this.tmpPoints[0].XY, Q.selectorId, !1), (o = this.selectIds) != null && o.length && (e = this.selectedByIds(this.selectIds)), e) {
       const s = this.getChildrenPoints();
       return {
-        type: w.Select,
-        dataType: C.Local,
+        type: y.Select,
+        dataType: R.Local,
         rect: this.oldSelectRect,
         selectIds: this.selectIds,
         opt: this.workOptions,
@@ -1206,7 +1202,7 @@ const Q = class Q extends W {
       };
     }
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeService() {
@@ -1284,135 +1280,136 @@ const Q = class Q extends W {
     if (!h)
       return;
     let p;
-    const f = /* @__PURE__ */ new Map(), { box: d, workState: u, angle: y, translate: k } = t;
-    let b = [0, 0], v = [1, 1], g = [0, 0], L, N;
-    if (d || k || V(y)) {
+    const f = /* @__PURE__ */ new Map(), { box: d, workState: u, angle: w, translate: S } = t;
+    let b = [0, 0], T = [1, 1], g = [0, 0], I, N;
+    if (d || S || q(w)) {
       if (u === D.Start)
         return s.setTarget(), {
-          type: w.Select,
-          dataType: C.Local,
+          type: y.Select,
+          dataType: R.Local,
           selectRect: this.oldSelectRect,
           rect: this.oldSelectRect
         };
-      if (L = s.getLastTarget(), L && d) {
-        let T;
+      if (I = s.getLastTarget(), I && d) {
+        let v;
         o == null || o.forEach((x) => {
-          const M = L == null ? void 0 : L.get(x);
-          T = B(T, M == null ? void 0 : M.rect);
-        }), T && (v = [d.w / T.w, d.h / T.h], b = [d.x + d.w / 2 - (T.x + T.w / 2), d.y + d.h / 2 - (T.y + T.h / 2)], g = [T.x + T.w / 2, T.y + T.h / 2]), N = T;
+          const M = I == null ? void 0 : I.get(x);
+          v = B(v, M == null ? void 0 : M.rect);
+        }), v && (T = [d.w / v.w, d.h / v.h], b = [d.x + d.w / 2 - (v.x + v.w / 2), d.y + d.h / 2 - (v.y + v.h / 2)], g = [v.x + v.w / 2, v.y + v.h / 2]), N = v;
       }
     }
     if (o)
-      for (const T of o) {
-        const x = s.get(T);
+      for (const v of o) {
+        const x = s.get(v);
         if (x) {
           const { toolsType: M } = x;
-          let $ = (h == null ? void 0 : h.getElementsByName(T))[0];
+          let $ = (h == null ? void 0 : h.getElementsByName(v))[0];
           if ($) {
             const F = { ...t };
-            let q;
+            let V;
             if (M) {
-              if (L && (q = L.get(T), q && d)) {
-                F.boxScale = v;
-                const G = [q.rect.x + q.rect.w / 2, q.rect.y + q.rect.h / 2], et = [G[0] - g[0], G[1] - g[1]];
-                F.boxTranslate = [et[0] * (v[0] - 1) + b[0] + (a && a[0] || 0), et[1] * (v[1] - 1) + b[1] + (a && a[1] || 0)];
+              if (V = I == null ? void 0 : I.get(v), V && d) {
+                F.boxScale = T;
+                const j = [V.rect.x + V.rect.w / 2, V.rect.y + V.rect.h / 2], et = [j[0] - g[0], j[1] - g[1]];
+                F.boxTranslate = [et[0] * (T[0] - 1) + b[0] + (a && a[0] || 0), et[1] * (T[1] - 1) + b[1] + (a && a[1] || 0)];
               }
-              const wt = At(M);
-              if (wt == null || wt.updateNodeOpt({
+              const St = At(M);
+              if (St == null || St.updateNodeOpt({
                 node: $,
                 opt: F,
                 vNodes: s,
                 willSerializeData: i,
-                targetNode: q
-              }), x && r && (i && (F.angle || F.translate) || F.box && F.workState !== D.Start || F.pointMap && F.pointMap.has(T) || M === P.Text && (F.fontSize || F.translate || F.textInfos && F.textInfos.get(T)) || M === P.Image && (F.angle || F.translate || F.boxScale) || M === F.toolsType && F.willRefresh)) {
-                const G = r.createWorkShapeNode({
+                targetNode: V
+              }), x && r && // itemOpt.angle || itemOpt.translate || itemOpt.boxScale ||
+              (i && (F.angle || F.translate) || F.box && F.workState !== D.Start || F.pointMap && F.pointMap.has(v) || M === P.Text && (F.fontSize || F.translate || F.textInfos && F.textInfos.get(v)) || M === P.Image && (F.angle || F.translate || F.boxScale) || M === F.toolsType && F.willRefresh)) {
+                const j = r.createWorkShapeNode({
                   toolsType: M,
                   toolsOpt: x.opt
                 });
-                G == null || G.setWorkId(T);
+                j == null || j.setWorkId(v);
                 let et;
-                M === P.Image && c ? et = await G.consumeServiceAsync({
+                M === P.Image && c ? et = await j.consumeServiceAsync({
                   isFullWork: !0,
-                  replaceId: T,
+                  replaceId: v,
                   scene: c,
                   isMainThread: l
-                }) : M === P.Text ? et = await G.consumeServiceAsync({
+                }) : M === P.Text ? et = await j.consumeServiceAsync({
                   isFullWork: !0,
-                  replaceId: T
-                }) : et = G == null ? void 0 : G.consumeService({
+                  replaceId: v
+                }) : et = j == null ? void 0 : j.consumeService({
                   op: x.op,
                   isFullWork: !0,
-                  replaceId: T
-                }), et && (x.rect = et), $ = (h == null ? void 0 : h.getElementsByName(T))[0];
+                  replaceId: v
+                }), et && (x.rect = et), $ = (h == null ? void 0 : h.getElementsByName(v))[0];
               }
-              x && (f.set(T, x), p = B(p, x.rect));
+              x && (f.set(v, x), p = B(p, x.rect));
             }
           }
         }
       }
-    L && u === D.Done && s.deleteLastTarget();
-    const I = p;
-    if (N && t.dir && I && !a) {
-      const T = [0, 0];
+    I && u === D.Done && (s.deleteLastTarget(), I = void 0);
+    const W = p;
+    if (N && t.dir && W && !a) {
+      const v = [0, 0];
       switch (t.dir) {
         case "top": {
           const x = [N.x, N.y + N.h];
-          t.reverseY ? T[1] = x[1] - I.y : T[1] = x[1] - (I.y + I.h);
+          t.reverseY ? v[1] = x[1] - W.y : v[1] = x[1] - (W.y + W.h);
           break;
         }
         case "topLeft": {
           const x = [N.x + N.w, N.y + N.h];
-          t.reverseY ? T[1] = x[1] - I.y : T[1] = x[1] - (I.y + I.h), t.reverseX ? T[0] = x[0] - I.x : T[0] = x[0] - (I.x + I.w);
+          t.reverseY ? v[1] = x[1] - W.y : v[1] = x[1] - (W.y + W.h), t.reverseX ? v[0] = x[0] - W.x : v[0] = x[0] - (W.x + W.w);
           break;
         }
         case "topRight": {
           const x = [N.x, N.y + N.h];
-          t.reverseY ? T[1] = x[1] - I.y : T[1] = x[1] - (I.y + I.h), t.reverseX ? T[0] = x[0] - (I.x + I.w) : T[0] = x[0] - I.x;
+          t.reverseY ? v[1] = x[1] - W.y : v[1] = x[1] - (W.y + W.h), t.reverseX ? v[0] = x[0] - (W.x + W.w) : v[0] = x[0] - W.x;
           break;
         }
         case "bottom": {
           const x = [N.x, N.y];
-          t.reverseY ? T[1] = x[1] - (I.y + I.h) : T[1] = x[1] - I.y;
+          t.reverseY ? v[1] = x[1] - (W.y + W.h) : v[1] = x[1] - W.y;
           break;
         }
         case "bottomLeft": {
           const x = [N.x + N.w, N.y];
-          t.reverseY ? T[1] = x[1] - (I.y + I.h) : T[1] = x[1] - I.y, t.reverseX ? T[0] = x[0] - I.x : T[0] = x[0] - (I.x + I.w);
+          t.reverseY ? v[1] = x[1] - (W.y + W.h) : v[1] = x[1] - W.y, t.reverseX ? v[0] = x[0] - W.x : v[0] = x[0] - (W.x + W.w);
           break;
         }
         case "bottomRight": {
           const x = [N.x, N.y];
-          t.reverseY ? T[1] = x[1] - (I.y + I.h) : T[1] = x[1] - I.y, t.reverseX ? T[0] = x[0] - (I.x + I.w) : T[0] = x[0] - I.x;
+          t.reverseY ? v[1] = x[1] - (W.y + W.h) : v[1] = x[1] - W.y, t.reverseX ? v[0] = x[0] - (W.x + W.w) : v[0] = x[0] - W.x;
           break;
         }
         case "right": {
           const x = [N.x, N.y];
-          t.reverseX ? T[0] = x[0] - (I.x + I.w) : T[0] = x[0] - I.x;
+          t.reverseX ? v[0] = x[0] - (W.x + W.w) : v[0] = x[0] - W.x;
           break;
         }
       }
-      if (T[0] || T[1])
-        return I.x = I.x + T[0], I.y = I.y + T[1], await this.updateSelector({ ...e, offset: T });
+      if (v[0] || v[1])
+        return W.x = W.x + v[0], W.y = W.y + v[1], await this.updateSelector({ ...e, offset: v });
     }
     this.getSelecteorInfo(f), this.draw(Q.selectorId, h, {
       selectIds: o || [],
       subNodeMap: f,
-      intersectRect: I
+      intersectRect: W
     });
-    const A = B(this.oldSelectRect, I);
-    return this.oldSelectRect = I, {
-      type: w.Select,
-      dataType: C.Local,
-      selectRect: I,
+    const A = B(this.oldSelectRect, W);
+    return this.oldSelectRect = W, {
+      type: y.Select,
+      dataType: R.Local,
+      selectRect: W,
       renderRect: p,
-      rect: B(A, I)
+      rect: B(A, W)
     };
   }
   blurSelector() {
     const e = this.unSelectedAllIds();
     return {
-      type: w.Select,
-      dataType: C.Local,
+      type: y.Select,
+      dataType: R.Local,
       rect: e,
       selectIds: [],
       willSyncService: !0
@@ -1469,16 +1466,16 @@ const Q = class Q extends W {
     const o = (i = this.workId) == null ? void 0 : i.toString(), s = [e[0] * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0], e[1] * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[1]];
     if (this.selectSingleTool(s, o, !0), this.oldSelectRect && !ct(t, this.oldSelectRect))
       return {
-        type: w.CursorHover,
-        dataType: C.Local,
+        type: y.CursorHover,
+        dataType: R.Local,
         rect: B(t, this.oldSelectRect),
         selectorColor: this.selectorColor,
         willSyncService: !1
       };
     if ((r = this.selectIds) != null && r.length || (this.oldSelectRect = void 0), t && !this.oldSelectRect)
       return this.cursorBlur(), {
-        type: w.CursorHover,
-        dataType: C.Local,
+        type: y.CursorHover,
+        dataType: R.Local,
         rect: t,
         selectorColor: this.selectorColor,
         willSyncService: !1
@@ -1494,8 +1491,8 @@ const Q = class Q extends W {
   }
 };
 m(Q, "selectorId", Y), m(Q, "selectorBorderId", "selector-border");
-let H = Q;
-class xt extends W {
+let G = Q;
+class xt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -1512,13 +1509,13 @@ class xt extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -1527,19 +1524,19 @@ class xt extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -1547,10 +1544,10 @@ class xt extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s });
@@ -1563,11 +1560,11 @@ class xt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(i, s)
+      centerPos: L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -1575,7 +1572,7 @@ class xt extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o } = e, { strokeColor: s, thickness: i, zIndex: r, scale: a, rotate: c, translate: l } = this.workOptions, h = o.worldPosition, p = o.worldScaling, { points: f, rect: d } = this.computDrawPoints(i), y = {
+    const { workId: t, layer: o } = e, { strokeColor: s, thickness: i, zIndex: r, scale: a, rotate: c, translate: l } = this.workOptions, h = o.worldPosition, p = o.worldScaling, { points: f, rect: d } = this.computDrawPoints(i), w = {
       pos: [
         d.x + d.w / 2,
         d.y + d.h / 2
@@ -1590,29 +1587,29 @@ class xt extends W {
       normalize: !0,
       zIndex: r
     };
-    a && (y.scale = a), c && (y.rotate = c), l && (y.translate = l);
-    const k = new st(y);
-    if (this.replace(o, t, k), a || c || l) {
-      const b = k.getBoundingClientRect();
+    a && (w.scale = a), c && (w.rotate = c), l && (w.translate = l);
+    const S = new st(w);
+    if (this.replace(o, t, S), a || c || l) {
+      const b = S.getBoundingClientRect();
       return {
-        x: Math.floor(b.x - W.SafeBorderPadding),
-        y: Math.floor(b.y - W.SafeBorderPadding),
-        w: Math.floor(b.width + W.SafeBorderPadding * 2),
-        h: Math.floor(b.height + W.SafeBorderPadding * 2)
+        x: Math.floor(b.x - L.SafeBorderPadding),
+        y: Math.floor(b.y - L.SafeBorderPadding),
+        w: Math.floor(b.width + L.SafeBorderPadding * 2),
+        h: Math.floor(b.height + L.SafeBorderPadding * 2)
       };
     }
     return {
-      x: Math.floor(d.x * p[0] + h[0] - W.SafeBorderPadding),
-      y: Math.floor(d.y * p[1] + h[1] - W.SafeBorderPadding),
-      w: Math.floor(d.w * p[0] + 2 * W.SafeBorderPadding),
-      h: Math.floor(d.h * p[1] + 2 * W.SafeBorderPadding)
+      x: Math.floor(d.x * p[0] + h[0] - L.SafeBorderPadding),
+      y: Math.floor(d.y * p[1] + h[1] - L.SafeBorderPadding),
+      w: Math.floor(d.w * p[0] + 2 * L.SafeBorderPadding),
+      h: Math.floor(d.h * p[1] + 2 * L.SafeBorderPadding)
     };
   }
   computDrawPoints(e) {
     return this.tmpPoints[1].distance(this.tmpPoints[0]) > this.arrowTipWidth ? this.computFullArrowPoints(e) : this.computTrianglePoints();
   }
   computFullArrowPoints(e) {
-    const t = S.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = S.Per(t).mul(e / 2), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = S.Mul(t, this.arrowTipWidth), a = S.Sub(this.tmpPoints[1], r), c = O.Sub(a, o), l = O.Add(a, o), h = S.Per(t).mul(e * 1.5), p = O.Sub(a, h), f = O.Add(a, h), d = [
+    const t = k.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = k.Per(t).mul(e / 2), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = k.Mul(t, this.arrowTipWidth), a = k.Sub(this.tmpPoints[1], r), c = O.Sub(a, o), l = O.Add(a, o), h = k.Per(t).mul(e * 1.5), p = O.Sub(a, h), f = O.Add(a, h), d = [
       s,
       c,
       p,
@@ -1629,7 +1626,7 @@ class xt extends W {
     };
   }
   computTrianglePoints() {
-    const e = S.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), t = this.tmpPoints[1].distance(this.tmpPoints[0]), o = S.Per(e).mul(Math.floor(t * 3 / 8)), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = [s, this.tmpPoints[1], i];
+    const e = k.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), t = this.tmpPoints[1].distance(this.tmpPoints[0]), o = k.Per(e).mul(Math.floor(t * 3 / 8)), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = [s, this.tmpPoints[1], i];
     return {
       points: r.map((a) => O.Sub(a, this.tmpPoints[0]).XY).flat(1),
       rect: z(r),
@@ -1665,7 +1662,7 @@ class xt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(r, i)
+      centerPos: L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -1674,10 +1671,10 @@ class xt extends W {
   static updateNodeOpt(e) {
     var a;
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i } = o, r = s.get(t.name);
-    return i && (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i), r && s.setInfo(t.name, r)), W.updateNodeOpt(e);
+    return i && (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i), r && s.setInfo(t.name, r)), L.updateNodeOpt(e);
   }
 }
-class bt extends W {
+class bt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -1693,13 +1690,13 @@ class bt extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -1708,19 +1705,19 @@ class bt extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -1728,10 +1725,10 @@ class bt extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s, isDrawing: !1 });
@@ -1744,11 +1741,11 @@ class bt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -1756,8 +1753,8 @@ class bt extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, scale: l, rotate: h, translate: p } = this.workOptions, f = o.worldScaling, { radius: d, rect: u, pos: y } = this.computDrawPoints(a), k = {
-      pos: y,
+    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, scale: l, rotate: h, translate: p } = this.workOptions, f = o.worldScaling, { radius: d, rect: u, pos: w } = this.computDrawPoints(a), S = {
+      pos: w,
       name: t,
       id: t,
       radius: d,
@@ -1769,12 +1766,12 @@ class bt extends W {
       name: t,
       id: t,
       zIndex: c,
-      pos: y,
+      pos: w,
       anchor: [0.5, 0.5],
       size: [u.w, u.h]
     };
     l && (b.scale = l), h && (b.rotate = h), p && (b.translate = p);
-    const v = new _(b);
+    const T = new _(b);
     if (s) {
       const N = new it({
         d: "M-4,0H4M0,-4V4",
@@ -1784,19 +1781,19 @@ class bt extends W {
         lineWidth: 1,
         scale: [1 / f[0], 1 / f[1]]
       });
-      v.append(N);
+      T.append(N);
     }
-    const g = new Gt({
-      ...k,
+    const g = new qt({
+      ...S,
       pos: [0, 0]
     });
-    v.append(g), this.replace(o, t, v);
-    const L = v.getBoundingClientRect();
+    T.append(g), this.replace(o, t, T);
+    const I = T.getBoundingClientRect();
     return {
-      x: Math.floor(L.x - W.SafeBorderPadding),
-      y: Math.floor(L.y - W.SafeBorderPadding),
-      w: Math.floor(L.width + W.SafeBorderPadding * 2),
-      h: Math.floor(L.height + W.SafeBorderPadding * 2)
+      x: Math.floor(I.x - L.SafeBorderPadding),
+      y: Math.floor(I.y - L.SafeBorderPadding),
+      w: Math.floor(I.width + L.SafeBorderPadding * 2),
+      h: Math.floor(I.height + L.SafeBorderPadding * 2)
     };
   }
   computDrawPoints(e) {
@@ -1835,7 +1832,7 @@ class bt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(r, i)
+      centerPos: L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -1845,10 +1842,10 @@ class bt extends W {
     var l, h;
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i, fillColor: r } = o, a = s.get(t.name);
     let c = t;
-    return t.tagName === "GROUP" && (c = t.children[0]), i && (c.setAttribute("strokeColor", i), (l = a == null ? void 0 : a.opt) != null && l.strokeColor && (a.opt.strokeColor = i)), r && (r === "transparent" ? c.setAttribute("fillColor", "rgba(0,0,0,0)") : c.setAttribute("fillColor", r), (h = a == null ? void 0 : a.opt) != null && h.fillColor && (a.opt.fillColor = r)), a && s.setInfo(t.name, a), W.updateNodeOpt(e);
+    return t.tagName === "GROUP" && (c = t.children[0]), i && (c.setAttribute("strokeColor", i), (l = a == null ? void 0 : a.opt) != null && l.strokeColor && (a.opt.strokeColor = i)), r && (r === "transparent" ? c.setAttribute("fillColor", "rgba(0,0,0,0)") : c.setAttribute("fillColor", r), (h = a == null ? void 0 : a.opt) != null && h.fillColor && (a.opt.fillColor = r)), a && s.setInfo(t.name, a), L.updateNodeOpt(e);
   }
 }
-class Rt extends W {
+class Rt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
@@ -1872,7 +1869,7 @@ class Rt extends W {
   computDrawPoints(e) {
     const { thickness: t } = this.workOptions, o = [];
     for (const r of e)
-      o.push(new S(...r));
+      o.push(new k(...r));
     const s = z(o, t), i = [s.x + s.w / 2, s.y + s.h / 2];
     return {
       rect: s,
@@ -1884,35 +1881,35 @@ class Rt extends W {
     var u;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (u = t == null ? void 0 : t.workId) == null ? void 0 : u.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     const p = this.transformData();
     let f;
     if (s || i) {
-      const y = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      f = this.draw({ ps: p, workId: r, layer: y, isDrawing: !0 });
+      const w = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      f = this.draw({ ps: p, workId: r, layer: w, isDrawing: !0 });
     }
     if (!s) {
-      const y = Date.now();
-      return y - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = y, {
-        type: w.DrawWork,
-        dataType: C.Local,
+      const w = Date.now();
+      return w - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = w, {
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
         op: p.flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const d = B(f, this.oldRect);
     return this.oldRect = f, {
       rect: d,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -1920,10 +1917,10 @@ class Rt extends W {
     var l, h;
     const { data: t } = e, o = (l = t == null ? void 0 : t.workId) == null ? void 0 : l.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.transformData(), i = this.fullLayer, r = this.draw({ ps: s, workId: o, layer: i, isDrawing: !1 });
@@ -1936,11 +1933,11 @@ class Rt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && L.getCenterPos(r, i)
     }), {
       rect: r,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: c,
       opt: this.workOptions,
@@ -1948,7 +1945,7 @@ class Rt extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o, isDrawing: s, ps: i, replaceId: r } = e, { strokeColor: a, fillColor: c, thickness: l, zIndex: h, scale: p, rotate: f, translate: d, textOpt: u } = this.workOptions, y = o.worldPosition, k = o.worldScaling, { points: b, rect: v, pos: g } = this.computDrawPoints(i), L = {
+    const { workId: t, layer: o, isDrawing: s, ps: i, replaceId: r } = e, { strokeColor: a, fillColor: c, thickness: l, zIndex: h, scale: p, rotate: f, translate: d, textOpt: u } = this.workOptions, w = o.worldPosition, S = o.worldScaling, { points: b, rect: T, pos: g } = this.computDrawPoints(i), I = {
       close: !0,
       normalize: !0,
       points: b,
@@ -1957,45 +1954,45 @@ class Rt extends W {
       strokeColor: a,
       lineJoin: "round"
     }, N = {
-      x: Math.floor(v.x * k[0] + y[0] - W.SafeBorderPadding),
-      y: Math.floor(v.y * k[1] + y[1] - W.SafeBorderPadding),
-      w: Math.floor(v.w * k[0] + 2 * W.SafeBorderPadding),
-      h: Math.floor(v.h * k[0] + 2 * W.SafeBorderPadding)
-    }, I = new _({
+      x: Math.floor(T.x * S[0] + w[0] - L.SafeBorderPadding),
+      y: Math.floor(T.y * S[1] + w[1] - L.SafeBorderPadding),
+      w: Math.floor(T.w * S[0] + 2 * L.SafeBorderPadding),
+      h: Math.floor(T.h * S[0] + 2 * L.SafeBorderPadding)
+    }, W = new _({
       name: t,
       id: t,
       zIndex: h,
       pos: g,
       anchor: [0.5, 0.5],
       size: [
-        v.w,
-        v.h
+        T.w,
+        T.h
       ],
       scale: p,
       rotate: f,
       translate: d
     }), A = new st({
-      ...L,
+      ...I,
       pos: [0, 0]
     });
-    if (I.appendChild(A), s) {
-      const T = new it({
+    if (W.appendChild(A), s) {
+      const v = new it({
         d: "M-4,0H4M0,-4V4",
         normalize: !0,
         pos: [0, 0],
         strokeColor: a,
         lineWidth: 1,
-        scale: [1 / k[0], 1 / k[1]]
+        scale: [1 / S[0], 1 / S[1]]
       });
-      I.appendChild(T);
+      W.appendChild(v);
     }
-    if (this.replace(o, r || t, I), p || f || d) {
-      const T = I.getBoundingClientRect();
+    if (this.replace(o, r || t, W), p || f || d) {
+      const v = W.getBoundingClientRect();
       return {
-        x: Math.floor(T.x - W.SafeBorderPadding),
-        y: Math.floor(T.y - W.SafeBorderPadding),
-        w: Math.floor(T.width + 2 * W.SafeBorderPadding),
-        h: Math.floor(T.height + 2 * W.SafeBorderPadding)
+        x: Math.floor(v.x - L.SafeBorderPadding),
+        y: Math.floor(v.y - L.SafeBorderPadding),
+        w: Math.floor(v.width + 2 * L.SafeBorderPadding),
+        h: Math.floor(v.height + 2 * L.SafeBorderPadding)
       };
     }
     return N;
@@ -2028,14 +2025,14 @@ class Rt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: c && W.getCenterPos(c, a)
+      centerPos: c && L.getCenterPos(c, a)
     }), c;
   }
   clearTmpPoints() {
     this.tmpPoints.length = 0;
   }
   static updateNodeOpt(e) {
-    var k, b;
+    var S, b;
     const { node: t, opt: o, vNodes: s } = e, {
       strokeColor: i,
       fillColor: r,
@@ -2047,15 +2044,15 @@ class Rt extends W {
       underline: f,
       fontSize: d
     } = o, u = s.get(t.name);
-    let y = t;
-    if (t.tagName === "GROUP" && (y = t.children[0]), i && (y.setAttribute("strokeColor", i), (k = u == null ? void 0 : u.opt) != null && k.strokeColor && (u.opt.strokeColor = i)), r && (r === "transparent" ? y.setAttribute("fillColor", "rgba(0,0,0,0)") : y.setAttribute("fillColor", r), (b = u == null ? void 0 : u.opt) != null && b.fillColor && (u.opt.fillColor = r)), u != null && u.opt.textOpt) {
-      const v = u.opt.textOpt;
-      a && v.fontColor && (v.fontColor = a), c && v.fontBgColor && (v.fontBgColor = c), l && (v.bold = l), h && (v.italic = h), ot(p) && (v.lineThrough = p), ot(f) && (v.underline = f), d && (v.fontSize = d);
+    let w = t;
+    if (t.tagName === "GROUP" && (w = t.children[0]), i && (w.setAttribute("strokeColor", i), (S = u == null ? void 0 : u.opt) != null && S.strokeColor && (u.opt.strokeColor = i)), r && (r === "transparent" ? w.setAttribute("fillColor", "rgba(0,0,0,0)") : w.setAttribute("fillColor", r), (b = u == null ? void 0 : u.opt) != null && b.fillColor && (u.opt.fillColor = r)), u != null && u.opt.textOpt) {
+      const T = u.opt.textOpt;
+      a && T.fontColor && (T.fontColor = a), c && T.fontBgColor && (T.fontBgColor = c), l && (T.bold = l), h && (T.italic = h), ot(p) && (T.lineThrough = p), ot(f) && (T.underline = f), d && (T.fontSize = d);
     }
-    return u && s.setInfo(t.name, u), W.updateNodeOpt(e);
+    return u && s.setInfo(t.name, u), L.updateNodeOpt(e);
   }
 }
-class Ct extends W {
+class Ct extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -2071,13 +2068,13 @@ class Ct extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -2086,19 +2083,19 @@ class Ct extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
       // op: this.tmpPoints.map(c=>[...c.XY,0]).flat(1)
     };
@@ -2107,10 +2104,10 @@ class Ct extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s, isDrawing: !1 });
@@ -2123,11 +2120,11 @@ class Ct extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -2135,55 +2132,55 @@ class Ct extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, vertices: l, innerVerticeStep: h, innerRatio: p, scale: f, rotate: d, translate: u } = this.workOptions, y = o.worldScaling, { rect: k, pos: b, points: v } = this.computDrawPoints(a, l, h, p), g = {
+    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, vertices: l, innerVerticeStep: h, innerRatio: p, scale: f, rotate: d, translate: u } = this.workOptions, w = o.worldScaling, { rect: S, pos: b, points: T } = this.computDrawPoints(a, l, h, p), g = {
       close: !0,
-      points: v,
+      points: T,
       lineWidth: a,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: i,
       normalize: !0,
       lineJoin: "round"
-    }, L = {
+    }, I = {
       name: t,
       id: t,
       zIndex: c,
       pos: b,
       anchor: [0.5, 0.5],
-      size: [k.w, k.h],
+      size: [S.w, S.h],
       className: `${b[0]},${b[1]}`
     };
-    f && (L.scale = f), d && (L.rotate = d), u && (L.translate = u);
-    const N = new _(L);
+    f && (I.scale = f), d && (I.rotate = d), u && (I.translate = u);
+    const N = new _(I);
     if (s) {
-      const T = new it({
+      const v = new it({
         d: "M-4,0H4M0,-4V4",
         normalize: !0,
         pos: [0, 0],
         strokeColor: i,
         lineWidth: 1,
-        scale: [1 / y[0], 1 / y[1]]
+        scale: [1 / w[0], 1 / w[1]]
       });
-      N.append(T);
+      N.append(v);
     }
-    const I = new st({
+    const W = new st({
       ...g,
       pos: [0, 0]
     });
-    N.append(I), this.replace(o, t, N);
+    N.append(W), this.replace(o, t, N);
     const A = N.getBoundingClientRect();
     return {
-      x: Math.floor(A.x - W.SafeBorderPadding),
-      y: Math.floor(A.y - W.SafeBorderPadding),
-      w: Math.floor(A.width + W.SafeBorderPadding * 2),
-      h: Math.floor(A.height + W.SafeBorderPadding * 2)
+      x: Math.floor(A.x - L.SafeBorderPadding),
+      y: Math.floor(A.y - L.SafeBorderPadding),
+      w: Math.floor(A.width + L.SafeBorderPadding * 2),
+      h: Math.floor(A.height + L.SafeBorderPadding * 2)
     };
   }
   computDrawPoints(e, t, o, s) {
     const i = z(this.tmpPoints), r = [Math.floor(i.x + i.w / 2), Math.floor(i.y + i.h / 2)], a = vt(i.w, i.h), c = Math.floor(Math.min(i.w, i.h) / 2), l = s * c, h = [], p = 2 * Math.PI / t;
     for (let d = 0; d < t; d++) {
       const u = d * p - 0.5 * Math.PI;
-      let y, k;
-      d % o === 1 ? (y = l * a[0] * Math.cos(u), k = l * a[1] * Math.sin(u)) : (y = c * a[0] * Math.cos(u), k = c * a[1] * Math.sin(u), h.push(y, k)), h.push(y, k);
+      let w, S;
+      d % o === 1 ? (w = l * a[0] * Math.cos(u), S = l * a[1] * Math.sin(u)) : (w = c * a[0] * Math.cos(u), S = c * a[1] * Math.sin(u), h.push(w, S)), h.push(w, S);
     }
     return {
       rect: z(this.tmpPoints, e),
@@ -2219,7 +2216,7 @@ class Ct extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -2228,10 +2225,10 @@ class Ct extends W {
   static updateNodeOpt(e) {
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i, fillColor: r, toolsType: a, vertices: c, innerVerticeStep: l, innerRatio: h } = o, p = s.get(t.name), f = p == null ? void 0 : p.opt;
     let d = t;
-    return t.tagName === "GROUP" && (d = t.children[0]), i && (d.setAttribute("strokeColor", i), f != null && f.strokeColor && (f.strokeColor = i)), r && (r === "transparent" ? d.setAttribute("fillColor", "rgba(0,0,0,0)") : d.setAttribute("fillColor", r), f != null && f.fillColor && (f.fillColor = r)), a === P.Star && (c && (f.vertices = c), l && (f.innerVerticeStep = l), h && (f.innerRatio = h)), p && s.setInfo(t.name, { ...p, opt: f }), W.updateNodeOpt(e);
+    return t.tagName === "GROUP" && (d = t.children[0]), i && (d.setAttribute("strokeColor", i), f != null && f.strokeColor && (f.strokeColor = i)), r && (r === "transparent" ? d.setAttribute("fillColor", "rgba(0,0,0,0)") : d.setAttribute("fillColor", r), f != null && f.fillColor && (f.fillColor = r)), a === P.Star && (c && (f.vertices = c), l && (f.innerVerticeStep = l), h && (f.innerRatio = h)), p && s.setInfo(t.name, { ...p, opt: f }), L.updateNodeOpt(e);
   }
 }
-class Mt extends W {
+class Mt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -2247,13 +2244,13 @@ class Mt extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -2262,19 +2259,19 @@ class Mt extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -2282,10 +2279,10 @@ class Mt extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s, isDrawing: !1 });
@@ -2298,11 +2295,11 @@ class Mt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -2310,26 +2307,26 @@ class Mt extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, vertices: l, scale: h, rotate: p, translate: f } = this.workOptions, d = o.worldScaling, { rect: u, pos: y, points: k } = this.computDrawPoints(a, l), b = {
+    const { workId: t, layer: o, isDrawing: s } = e, { strokeColor: i, fillColor: r, thickness: a, zIndex: c, vertices: l, scale: h, rotate: p, translate: f } = this.workOptions, d = o.worldScaling, { rect: u, pos: w, points: S } = this.computDrawPoints(a, l), b = {
       close: !0,
-      points: k,
+      points: S,
       lineWidth: a,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: i,
       normalize: !0,
       lineJoin: "round"
-    }, v = {
+    }, T = {
       name: t,
       id: t,
       zIndex: c,
-      pos: y,
+      pos: w,
       anchor: [0.5, 0.5],
       size: [u.w, u.h]
     };
-    h && (v.scale = h), p && (v.rotate = p), f && (v.translate = f);
-    const g = new _(v);
+    h && (T.scale = h), p && (T.rotate = p), f && (T.translate = f);
+    const g = new _(T);
     if (s) {
-      const I = new it({
+      const W = new it({
         d: "M-4,0H4M0,-4V4",
         normalize: !0,
         pos: [0, 0],
@@ -2337,19 +2334,19 @@ class Mt extends W {
         lineWidth: 1,
         scale: [1 / d[0], 1 / d[1]]
       });
-      g.append(I);
+      g.append(W);
     }
-    const L = new st({
+    const I = new st({
       ...b,
       pos: [0, 0]
     });
-    g.append(L), this.replace(o, t, g);
+    g.append(I), this.replace(o, t, g);
     const N = g.getBoundingClientRect();
     return {
-      x: Math.floor(N.x - W.SafeBorderPadding),
-      y: Math.floor(N.y - W.SafeBorderPadding),
-      w: Math.floor(N.width + W.SafeBorderPadding * 2),
-      h: Math.floor(N.height + W.SafeBorderPadding * 2)
+      x: Math.floor(N.x - L.SafeBorderPadding),
+      y: Math.floor(N.y - L.SafeBorderPadding),
+      w: Math.floor(N.width + L.SafeBorderPadding * 2),
+      h: Math.floor(N.height + L.SafeBorderPadding * 2)
     };
   }
   computDrawPoints(e, t) {
@@ -2392,7 +2389,7 @@ class Mt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -2401,7 +2398,7 @@ class Mt extends W {
   static updateNodeOpt(e) {
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i, fillColor: r, toolsType: a, vertices: c } = o, l = s.get(t.name), h = l == null ? void 0 : l.opt;
     let p = t;
-    return t.tagName === "GROUP" && (p = t.children[0]), i && (p.setAttribute("strokeColor", i), h != null && h.strokeColor && (h.strokeColor = i)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), h != null && h.fillColor && (h.fillColor = r)), a === P.Polygon && c && (h.vertices = c), l && s.setInfo(t.name, { ...l, opt: h }), W.updateNodeOpt(e);
+    return t.tagName === "GROUP" && (p = t.children[0]), i && (p.setAttribute("strokeColor", i), h != null && h.strokeColor && (h.strokeColor = i)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), h != null && h.fillColor && (h.fillColor = r)), a === P.Polygon && c && (h.vertices = c), l && s.setInfo(t.name, { ...l, opt: h }), L.updateNodeOpt(e);
   }
 }
 class Z {
@@ -2440,7 +2437,7 @@ class Z {
    */
   static oneBezier(n, e, t) {
     const o = e.x + (t.x - e.x) * n, s = e.y + (t.y - e.y) * n;
-    return new S(o, s);
+    return new k(o, s);
   }
   /**
    * @desc 二阶贝塞尔
@@ -2451,7 +2448,7 @@ class Z {
    */
   static twoBezier(n, e, t, o) {
     const s = (1 - n) * (1 - n) * e.x + 2 * n * (1 - n) * t.x + n * n * o.x, i = (1 - n) * (1 - n) * e.y + 2 * n * (1 - n) * t.y + n * n * o.y;
-    return new S(s, i);
+    return new k(s, i);
   }
   /**
    * @desc 三阶贝塞尔
@@ -2463,10 +2460,10 @@ class Z {
    */
   static threeBezier(n, e, t, o, s) {
     const i = e.x * (1 - n) * (1 - n) * (1 - n) + 3 * t.x * n * (1 - n) * (1 - n) + 3 * o.x * n * n * (1 - n) + s.x * n * n * n, r = e.y * (1 - n) * (1 - n) * (1 - n) + 3 * t.y * n * (1 - n) * (1 - n) + 3 * o.y * n * n * (1 - n) + s.y * n * n * n;
-    return new S(i, r);
+    return new k(i, r);
   }
 }
-class Ot extends W {
+class Ot extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -2483,13 +2480,13 @@ class Ot extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -2498,19 +2495,19 @@ class Ot extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -2518,10 +2515,10 @@ class Ot extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s, isDrawing: !1 });
@@ -2534,11 +2531,11 @@ class Ot extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -2546,8 +2543,8 @@ class Ot extends W {
     };
   }
   draw(e) {
-    const { workId: t, layer: o } = e, { strokeColor: s, fillColor: i, thickness: r, zIndex: a, placement: c, scale: l, rotate: h, translate: p } = this.workOptions, { rect: f, pos: d, points: u } = this.computDrawPoints(r, c), y = {
-      points: u.map((L) => L.XY),
+    const { workId: t, layer: o } = e, { strokeColor: s, fillColor: i, thickness: r, zIndex: a, placement: c, scale: l, rotate: h, translate: p } = this.workOptions, { rect: f, pos: d, points: u } = this.computDrawPoints(r, c), w = {
+      points: u.map((I) => I.XY),
       lineWidth: r,
       fillColor: i !== "transparent" && i || void 0,
       strokeColor: s,
@@ -2555,7 +2552,7 @@ class Ot extends W {
       className: `${d[0]},${d[1]}`,
       lineJoin: "round",
       close: !0
-    }, k = {
+    }, S = {
       name: t,
       id: t,
       zIndex: a,
@@ -2563,18 +2560,18 @@ class Ot extends W {
       anchor: [0.5, 0.5],
       size: [f.w, f.h]
     };
-    l && (k.scale = l), h && (k.rotate = h), p && (k.translate = p);
-    const b = new _(k), v = new st({
-      ...y,
+    l && (S.scale = l), h && (S.rotate = h), p && (S.translate = p);
+    const b = new _(S), T = new st({
+      ...w,
       pos: [0, 0]
     });
-    b.append(v), this.replace(o, t, b);
+    b.append(T), this.replace(o, t, b);
     const g = b.getBoundingClientRect();
     return {
-      x: Math.floor(g.x - W.SafeBorderPadding),
-      y: Math.floor(g.y - W.SafeBorderPadding),
-      w: Math.floor(g.width + W.SafeBorderPadding * 2),
-      h: Math.floor(g.height + W.SafeBorderPadding * 2)
+      x: Math.floor(g.x - L.SafeBorderPadding),
+      y: Math.floor(g.y - L.SafeBorderPadding),
+      w: Math.floor(g.width + L.SafeBorderPadding * 2),
+      h: Math.floor(g.height + L.SafeBorderPadding * 2)
     };
   }
   transformControlPoints(e) {
@@ -2585,10 +2582,10 @@ class Ot extends W {
       case "bottomRight": {
         const o = t.y + t.h * this.ratio;
         return [
-          new S(t.x, t.y, 0),
-          new S(t.x + t.w, t.y, 0),
-          new S(t.x + t.w, o, 0),
-          new S(t.x, o, 0)
+          new k(t.x, t.y, 0),
+          new k(t.x + t.w, t.y, 0),
+          new k(t.x + t.w, o, 0),
+          new k(t.x, o, 0)
         ];
       }
       case "top":
@@ -2596,10 +2593,10 @@ class Ot extends W {
       case "topRight": {
         const o = t.y + t.h * (1 - this.ratio);
         return [
-          new S(t.x, o, 0),
-          new S(t.x + t.w, o, 0),
-          new S(t.x + t.w, t.y + t.h, 0),
-          new S(t.x, t.y + t.h, 0)
+          new k(t.x, o, 0),
+          new k(t.x + t.w, o, 0),
+          new k(t.x + t.w, t.y + t.h, 0),
+          new k(t.x, t.y + t.h, 0)
         ];
       }
       case "left":
@@ -2607,10 +2604,10 @@ class Ot extends W {
       case "leftTop": {
         const o = t.x + t.w * (1 - this.ratio);
         return [
-          new S(o, t.y, 0),
-          new S(t.x + t.w, t.y, 0),
-          new S(t.x + t.w, t.y + t.h, 0),
-          new S(o, t.y + t.h, 0)
+          new k(o, t.y, 0),
+          new k(t.x + t.w, t.y, 0),
+          new k(t.x + t.w, t.y + t.h, 0),
+          new k(o, t.y + t.h, 0)
         ];
       }
       case "right":
@@ -2618,81 +2615,81 @@ class Ot extends W {
       case "rightTop": {
         const o = t.x + t.w * this.ratio;
         return [
-          new S(t.x, t.y, 0),
-          new S(o, t.y, 0),
-          new S(o, t.y + t.h, 0),
-          new S(t.x, t.y + t.h, 0)
+          new k(t.x, t.y, 0),
+          new k(o, t.y, 0),
+          new k(o, t.y + t.h, 0),
+          new k(t.x, t.y + t.h, 0)
         ];
       }
     }
   }
   computDrawPoints(e, t) {
-    const o = z(this.tmpPoints), s = this.transformControlPoints(t), i = Math.floor(o.w * 0.1), r = Math.floor(o.h * 0.1), a = [], c = S.Add(s[0], new S(0, r, 0)), l = S.Add(s[0], new S(i, 0, 0)), h = Z.getBezierPoints(10, c, s[0], l), p = S.Sub(s[1], new S(i, 0, 0)), f = S.Add(s[1], new S(0, r, 0)), d = Z.getBezierPoints(10, p, s[1], f), u = S.Sub(s[2], new S(0, r, 0)), y = S.Sub(s[2], new S(i, 0, 0)), k = Z.getBezierPoints(10, u, s[2], y), b = S.Add(s[3], new S(i, 0, 0)), v = S.Sub(s[3], new S(0, r, 0)), g = Z.getBezierPoints(10, b, s[3], v), L = i * (1 - this.ratio) * 10, N = r * (1 - this.ratio) * 10;
+    const o = z(this.tmpPoints), s = this.transformControlPoints(t), i = Math.floor(o.w * 0.1), r = Math.floor(o.h * 0.1), a = [], c = k.Add(s[0], new k(0, r, 0)), l = k.Add(s[0], new k(i, 0, 0)), h = Z.getBezierPoints(10, c, s[0], l), p = k.Sub(s[1], new k(i, 0, 0)), f = k.Add(s[1], new k(0, r, 0)), d = Z.getBezierPoints(10, p, s[1], f), u = k.Sub(s[2], new k(0, r, 0)), w = k.Sub(s[2], new k(i, 0, 0)), S = Z.getBezierPoints(10, u, s[2], w), b = k.Add(s[3], new k(i, 0, 0)), T = k.Sub(s[3], new k(0, r, 0)), g = Z.getBezierPoints(10, b, s[3], T), I = i * (1 - this.ratio) * 10, N = r * (1 - this.ratio) * 10;
     switch (t) {
       case "bottom": {
-        const T = S.Sub(s[2], new S(i * 5 - L / 2, 0, 0)), x = S.Sub(s[2], new S(i * 5, -N, 0)), M = S.Sub(s[2], new S(i * 5 + L / 2, 0, 0));
-        a.push(x, M, ...g, ...h, ...d, ...k, T);
+        const v = k.Sub(s[2], new k(i * 5 - I / 2, 0, 0)), x = k.Sub(s[2], new k(i * 5, -N, 0)), M = k.Sub(s[2], new k(i * 5 + I / 2, 0, 0));
+        a.push(x, M, ...g, ...h, ...d, ...S, v);
         break;
       }
       case "bottomRight": {
-        const T = S.Sub(s[2], new S(i * 1.1, 0, 0)), x = S.Sub(s[2], new S(i * 1.1 + L / 2, -N, 0)), M = S.Sub(s[2], new S(i * 1.1 + L, 0, 0));
-        a.push(x, M, ...g, ...h, ...d, ...k, T);
+        const v = k.Sub(s[2], new k(i * 1.1, 0, 0)), x = k.Sub(s[2], new k(i * 1.1 + I / 2, -N, 0)), M = k.Sub(s[2], new k(i * 1.1 + I, 0, 0));
+        a.push(x, M, ...g, ...h, ...d, ...S, v);
         break;
       }
       case "bottomLeft": {
-        const T = S.Add(s[3], new S(i * 1.1 + L, 0, 0)), x = S.Add(s[3], new S(i * 1.1 + L / 2, N, 0)), M = S.Add(s[3], new S(i * 1.1, 0, 0));
-        a.push(x, M, ...g, ...h, ...d, ...k, T);
+        const v = k.Add(s[3], new k(i * 1.1 + I, 0, 0)), x = k.Add(s[3], new k(i * 1.1 + I / 2, N, 0)), M = k.Add(s[3], new k(i * 1.1, 0, 0));
+        a.push(x, M, ...g, ...h, ...d, ...S, v);
         break;
       }
       case "top": {
-        const T = S.Sub(s[1], new S(i * 5 - L / 2, 0, 0)), x = S.Sub(s[1], new S(i * 5, N, 0)), M = S.Sub(s[1], new S(i * 5 + L / 2, 0, 0));
-        a.push(x, T, ...d, ...k, ...g, ...h, M);
+        const v = k.Sub(s[1], new k(i * 5 - I / 2, 0, 0)), x = k.Sub(s[1], new k(i * 5, N, 0)), M = k.Sub(s[1], new k(i * 5 + I / 2, 0, 0));
+        a.push(x, v, ...d, ...S, ...g, ...h, M);
         break;
       }
       case "topRight": {
-        const T = S.Sub(s[1], new S(i * 1.1, 0, 0)), x = S.Sub(s[1], new S(i * 1.1 + L / 2, N, 0)), M = S.Sub(s[1], new S(i * 1.1 + L, 0, 0));
-        a.push(x, T, ...d, ...k, ...g, ...h, M);
+        const v = k.Sub(s[1], new k(i * 1.1, 0, 0)), x = k.Sub(s[1], new k(i * 1.1 + I / 2, N, 0)), M = k.Sub(s[1], new k(i * 1.1 + I, 0, 0));
+        a.push(x, v, ...d, ...S, ...g, ...h, M);
         break;
       }
       case "topLeft": {
-        const T = S.Add(s[0], new S(i * 1.1 + L, 0, 0)), x = S.Add(s[0], new S(i * 1.1 + L / 2, -N, 0)), M = S.Add(s[0], new S(i * 1.1, 0, 0));
-        a.push(x, T, ...d, ...k, ...g, ...h, M);
+        const v = k.Add(s[0], new k(i * 1.1 + I, 0, 0)), x = k.Add(s[0], new k(i * 1.1 + I / 2, -N, 0)), M = k.Add(s[0], new k(i * 1.1, 0, 0));
+        a.push(x, v, ...d, ...S, ...g, ...h, M);
         break;
       }
       case "left": {
-        const T = S.Add(s[0], new S(0, r * 5 - N / 2, 0)), x = S.Add(s[0], new S(-L, r * 5, 0)), M = S.Add(s[0], new S(0, r * 5 + N / 2, 0));
-        a.push(x, T, ...h, ...d, ...k, ...g, M);
+        const v = k.Add(s[0], new k(0, r * 5 - N / 2, 0)), x = k.Add(s[0], new k(-I, r * 5, 0)), M = k.Add(s[0], new k(0, r * 5 + N / 2, 0));
+        a.push(x, v, ...h, ...d, ...S, ...g, M);
         break;
       }
       case "leftTop": {
-        const T = S.Add(s[0], new S(0, r * 1.1, 0)), x = S.Add(s[0], new S(-L, r * 1.1 + N / 2, 0)), M = S.Add(s[0], new S(0, r * 1.1 + N, 0));
-        a.push(x, T, ...h, ...d, ...k, ...g, M);
+        const v = k.Add(s[0], new k(0, r * 1.1, 0)), x = k.Add(s[0], new k(-I, r * 1.1 + N / 2, 0)), M = k.Add(s[0], new k(0, r * 1.1 + N, 0));
+        a.push(x, v, ...h, ...d, ...S, ...g, M);
         break;
       }
       case "leftBottom": {
-        const T = S.Sub(s[3], new S(0, r * 1.1 + N, 0)), x = S.Sub(s[3], new S(L, r * 1.1 + N / 2, 0)), M = S.Sub(s[3], new S(0, r * 1.1, 0));
-        a.push(x, T, ...h, ...d, ...k, ...g, M);
+        const v = k.Sub(s[3], new k(0, r * 1.1 + N, 0)), x = k.Sub(s[3], new k(I, r * 1.1 + N / 2, 0)), M = k.Sub(s[3], new k(0, r * 1.1, 0));
+        a.push(x, v, ...h, ...d, ...S, ...g, M);
         break;
       }
       case "right": {
-        const T = S.Add(s[1], new S(0, r * 5 - N / 2, 0)), x = S.Add(s[1], new S(L, r * 5, 0)), M = S.Add(s[1], new S(0, r * 5 + N / 2, 0));
-        a.push(x, M, ...k, ...g, ...h, ...d, T);
+        const v = k.Add(s[1], new k(0, r * 5 - N / 2, 0)), x = k.Add(s[1], new k(I, r * 5, 0)), M = k.Add(s[1], new k(0, r * 5 + N / 2, 0));
+        a.push(x, M, ...S, ...g, ...h, ...d, v);
         break;
       }
       case "rightTop": {
-        const T = S.Add(s[1], new S(0, r * 1.1, 0)), x = S.Add(s[1], new S(L, r * 1.1 + N / 2, 0)), M = S.Add(s[1], new S(0, r * 1.1 + N, 0));
-        a.push(x, M, ...k, ...g, ...h, ...d, T);
+        const v = k.Add(s[1], new k(0, r * 1.1, 0)), x = k.Add(s[1], new k(I, r * 1.1 + N / 2, 0)), M = k.Add(s[1], new k(0, r * 1.1 + N, 0));
+        a.push(x, M, ...S, ...g, ...h, ...d, v);
         break;
       }
       case "rightBottom": {
-        const T = S.Sub(s[2], new S(0, r * 1.1 + N, 0)), x = S.Sub(s[2], new S(-L, r * 1.1 + N / 2, 0)), M = S.Sub(s[2], new S(0, r * 1.1, 0));
-        a.push(x, M, ...k, ...g, ...h, ...d, T);
+        const v = k.Sub(s[2], new k(0, r * 1.1 + N, 0)), x = k.Sub(s[2], new k(-I, r * 1.1 + N / 2, 0)), M = k.Sub(s[2], new k(0, r * 1.1, 0));
+        a.push(x, M, ...S, ...g, ...h, ...d, v);
         break;
       }
     }
-    const I = z(this.tmpPoints, e), A = [Math.floor(I.x + I.w / 2), Math.floor(I.y + I.h / 2)];
+    const W = z(this.tmpPoints, e), A = [Math.floor(W.x + W.w / 2), Math.floor(W.y + W.h / 2)];
     return {
-      rect: I,
+      rect: W,
       pos: A,
       points: a
     };
@@ -2725,7 +2722,7 @@ class Ot extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -2734,10 +2731,10 @@ class Ot extends W {
   static updateNodeOpt(e) {
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i, fillColor: r, toolsType: a, placement: c } = o, l = s.get(t.name), h = l == null ? void 0 : l.opt;
     let p = t;
-    return t.tagName === "GROUP" && (p = t.children[0]), i && (p.setAttribute("strokeColor", i), h != null && h.strokeColor && (h.strokeColor = i)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), h != null && h.fillColor && (h.fillColor = r)), a === P.SpeechBalloon && c && (h.placement = c), l && s.setInfo(t.name, { ...l, opt: h }), W.updateNodeOpt(e);
+    return t.tagName === "GROUP" && (p = t.children[0]), i && (p.setAttribute("strokeColor", i), h != null && h.strokeColor && (h.strokeColor = i)), r && (r === "transparent" ? p.setAttribute("fillColor", "rgba(0,0,0,0)") : p.setAttribute("fillColor", r), h != null && h.fillColor && (h.fillColor = r)), a === P.SpeechBalloon && c && (h.placement = c), l && s.setInfo(t.name, { ...l, opt: h }), L.updateNodeOpt(e);
   }
 }
-class ut extends W {
+class ut extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
@@ -2749,29 +2746,30 @@ class ut extends W {
     this.workOptions = e.toolsOpt, this.scaleType = ut.getScaleType(this.workOptions);
   }
   consume() {
-    return { type: w.None };
+    return { type: y.None };
   }
   consumeAll() {
-    return { type: w.None };
+    return { type: y.None };
   }
   draw(e) {
-    const { layer: t, workId: o, replaceId: s, imageBitmap: i, isMainThread: r } = e, { centerX: a, centerY: c, width: l, height: h, rotate: p, zIndex: f } = this.workOptions, d = {
+    const { layer: t, workId: o, replaceId: s, imageBitmap: i, isMainThread: r } = e, { centerX: a, centerY: c, width: l, height: h, rotate: p, zIndex: f } = this.workOptions, d = !!t.parent.gl, u = {
       anchor: [0.5, 0.5],
       pos: [a, c],
       name: o,
       size: [l, h],
       zIndex: f,
-      rotate: !r && 180 + (p || 0) || p,
+      rotate: !r && !d && 180 + (p || 0) || p,
+      // rotate,
       texture: i
-    }, u = new jt(d);
-    this.replace(t, s || o, u);
-    const y = u.getBoundingClientRect();
-    if (y)
+    }, w = new jt(u);
+    this.replace(t, s || o, w);
+    const S = w.getBoundingClientRect();
+    if (S)
       return {
-        x: Math.floor(y.x - W.SafeBorderPadding),
-        y: Math.floor(y.y - W.SafeBorderPadding),
-        w: Math.floor(y.width + W.SafeBorderPadding * 2),
-        h: Math.floor(y.height + W.SafeBorderPadding * 2)
+        x: Math.floor(S.x - L.SafeBorderPadding),
+        y: Math.floor(S.y - L.SafeBorderPadding),
+        w: Math.floor(S.width + L.SafeBorderPadding * 2),
+        h: Math.floor(S.height + L.SafeBorderPadding * 2)
       };
   }
   consumeService() {
@@ -2783,16 +2781,16 @@ class ut extends W {
       const u = await s.preload({
         id: a,
         src: this.workOptions.src
-      }), y = this.draw({ workId: c, layer: l, replaceId: o, imageBitmap: u[0], isMainThread: i });
+      }), w = this.draw({ workId: c, layer: l, replaceId: o, imageBitmap: u[0], isMainThread: i });
       return this.oldRect = c && ((f = (p = this.vNodes) == null ? void 0 : p.get(c)) == null ? void 0 : f.rect) || void 0, (d = this.vNodes) == null || d.setInfo(c, {
-        rect: y,
+        rect: w,
         op: [],
         opt: this.workOptions,
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: y && W.getCenterPos(y, l)
-      }), y;
+        centerPos: w && L.getCenterPos(w, l)
+      }), w;
     }
   }
   clearTmpPoints() {
@@ -2808,36 +2806,45 @@ class ut extends W {
       return;
     const u = t.parent;
     if (u) {
-      if (V(f) && (t.setAttribute("zIndex", f), d.opt.zIndex = f), ot(p) && (d.opt.locked = p), a && l && c) {
-        const { centerX: y, centerY: k, width: b, height: v, uniformScale: g, rotate: L } = d.opt, N = Math.min(c[0], c[1]), I = g !== !1 ? [N, N] : c, A = Xt({
-          x: y - b / 2,
-          y: k - v / 2,
+      if (q(f) && (t.setAttribute("zIndex", f), d.opt.zIndex = f), ot(p) && (d.opt.locked = p), a && l && c) {
+        const { centerX: w, centerY: S, width: b, height: T, uniformScale: g, rotate: I } = d.opt, N = Math.min(c[0], c[1]), W = g !== !1 ? [N, N] : c, A = Xt({
+          x: w - b / 2,
+          y: S - T / 2,
           w: b,
-          h: v
-        }, L || 0), T = Yt(A, new S(y, k), I), x = $t(T, new S(y, k), -(L || 0)), M = z(x);
+          h: T
+        }, I || 0), v = Yt(A, new k(w, S), W), x = $t(v, new k(w, S), -(I || 0)), M = z(x);
         d.opt.width = Math.round(M.w), d.opt.height = Math.round(M.h);
         const $ = [l[0] / u.worldScaling[0], l[1] / u.worldScaling[1]];
-        d.opt.centerX = y + $[0], d.opt.centerY = k + $[1];
+        d.opt.centerX = w + $[0], d.opt.centerY = S + $[1];
         const F = [d.centerPos[0] + $[0], d.centerPos[1] + $[1]];
         if (d.centerPos = F, i) {
-          let q = It(d.rect, c);
-          q = pt(q, $), d.rect = q;
+          let V = It(d.rect, c);
+          V = pt(V, $), d.rect = V;
+        } else {
+          const V = L.getRectFromLayer(u, t.name);
+          d.rect = V || d.rect;
         }
-      } else if (r) {
-        const y = [r[0] / u.worldScaling[0], r[1] / u.worldScaling[1]];
-        if (d.opt.centerX = d.opt.centerX + y[0], d.opt.centerY = d.opt.centerY + y[1], d.centerPos = [d.centerPos[0] + y[0], d.centerPos[1] + y[1]], i) {
-          const k = pt(d.rect, y);
-          d.rect = k;
+      } else if (r)
+        if (d.opt.centerX = d.opt.centerX + r[0], d.opt.centerY = d.opt.centerY + r[1], d.centerPos = [d.centerPos[0] + r[0], d.centerPos[1] + r[1]], i) {
+          const w = [r[0] * u.worldScaling[0], r[1] * u.worldScaling[1]], S = pt(d.rect, w);
+          d.rect = S;
+        } else {
+          const w = L.getRectFromLayer(u, t.name);
+          d.rect = w || d.rect;
+        }
+      else if (q(h))
+        if (d.opt.rotate = h, d.scaleType = ut.getScaleType(d.opt), i) {
+          const w = Tt(d.rect, h);
+          d.rect = w;
+        } else {
+          const w = L.getRectFromLayer(u, t.name);
+          d.rect = w || d.rect;
         }
-      } else if (V(h) && (d.opt.rotate = h, d.scaleType = ut.getScaleType(d.opt), i)) {
-        const y = Tt(d.rect, h);
-        d.rect = y;
-      }
       return d && s.setInfo(t.name, d), d == null ? void 0 : d.rect;
     }
   }
 }
-class Dt extends W {
+class Dt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -2854,13 +2861,13 @@ class Dt extends W {
     var d;
     const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (d = t == null ? void 0 : t.workId) == null ? void 0 : d.toString();
     if (!r)
-      return { type: w.None };
+      return { type: y.None };
     const { op: a, workState: c } = t, l = a == null ? void 0 : a.length;
     if (!l || l < 2)
-      return { type: w.None };
+      return { type: y.None };
     let h;
     if (c === D.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
-      return { type: w.None };
+      return { type: y.None };
     let p;
     if (s || i) {
       const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
@@ -2869,19 +2876,19 @@ class Dt extends W {
     if (!s) {
       const u = Date.now();
       return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
-        dataType: C.Local,
+        type: y.DrawWork,
+        dataType: R.Local,
         workId: r,
-        op: this.tmpPoints.map((y) => [...y.XY, 0]).flat(1),
+        op: this.tmpPoints.map((w) => [...w.XY, 0]).flat(1),
         isSync: !0,
         index: 0
-      }) : { type: w.None };
+      }) : { type: y.None };
     }
     const f = B(p, this.oldRect);
     return this.oldRect = p, {
       rect: f,
-      type: w.DrawWork,
-      dataType: C.Local,
+      type: y.DrawWork,
+      dataType: R.Local,
       workId: r
     };
   }
@@ -2889,10 +2896,10 @@ class Dt extends W {
     var c, l;
     const { data: t } = e, o = (c = t == null ? void 0 : t.workId) == null ? void 0 : c.toString();
     if (!o)
-      return { type: w.None };
+      return { type: y.None };
     if (this.tmpPoints.length < 2)
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         removeIds: [o]
       };
     const s = this.fullLayer, i = this.draw({ workId: o, layer: s });
@@ -2905,11 +2912,11 @@ class Dt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && L.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
-      dataType: C.Local,
+      type: y.FullWork,
+      dataType: R.Local,
       workId: o,
       ops: a,
       isSync: !0,
@@ -2920,7 +2927,7 @@ class Dt extends W {
     const { workId: t, layer: o } = e, { strokeColor: s, thickness: i, zIndex: r, scale: a, rotate: c, translate: l } = this.workOptions, h = o.worldPosition, p = o.worldScaling, { d: f, rect: d } = this.computDrawPoints(i), u = [
       d.x + d.w / 2,
       d.y + d.h / 2
-    ], y = {
+    ], w = {
       pos: u,
       name: t,
       id: t,
@@ -2932,29 +2939,29 @@ class Dt extends W {
       normalize: !0,
       zIndex: r
     };
-    a && (y.scale = a), c && (y.rotate = c), l && (y.translate = l);
-    const k = new it(y);
-    if (this.replace(o, t, k), c || a || l) {
-      const v = k.getBoundingClientRect();
+    a && (w.scale = a), c && (w.rotate = c), l && (w.translate = l);
+    const S = new it(w);
+    if (this.replace(o, t, S), c || a || l) {
+      const T = S.getBoundingClientRect();
       return {
-        x: Math.floor(v.x - W.SafeBorderPadding),
-        y: Math.floor(v.y - W.SafeBorderPadding),
-        w: Math.floor(v.width + W.SafeBorderPadding * 2),
-        h: Math.floor(v.height + W.SafeBorderPadding * 2)
+        x: Math.floor(T.x - L.SafeBorderPadding),
+        y: Math.floor(T.y - L.SafeBorderPadding),
+        w: Math.floor(T.width + L.SafeBorderPadding * 2),
+        h: Math.floor(T.height + L.SafeBorderPadding * 2)
       };
     }
     return {
-      x: Math.floor(d.x * p[0] + h[0] - W.SafeBorderPadding),
-      y: Math.floor(d.y * p[1] + h[1] - W.SafeBorderPadding),
-      w: Math.floor(d.w * p[0] + 2 * W.SafeBorderPadding),
-      h: Math.floor(d.h * p[1] + 2 * W.SafeBorderPadding)
+      x: Math.floor(d.x * p[0] + h[0] - L.SafeBorderPadding),
+      y: Math.floor(d.y * p[1] + h[1] - L.SafeBorderPadding),
+      w: Math.floor(d.w * p[0] + 2 * L.SafeBorderPadding),
+      h: Math.floor(d.h * p[1] + 2 * L.SafeBorderPadding)
     };
   }
   computDrawPoints(e) {
     return this.tmpPoints[1].distance(this.tmpPoints[0]) > this.straightTipWidth ? this.computFullPoints(e) : this.computDotPoints(e);
   }
   computFullPoints(e) {
-    const t = S.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = S.Per(t).mul(e / 2), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = O.Sub(this.tmpPoints[1], o), a = O.Add(this.tmpPoints[1], o), c = O.GetSemicircleStroke(this.tmpPoints[1], r, -1, 8), l = O.GetSemicircleStroke(this.tmpPoints[0], i, -1, 8), h = [s, r, ...c, a, i, ...l];
+    const t = k.Sub(this.tmpPoints[1], this.tmpPoints[0]).uni(), o = k.Per(t).mul(e / 2), s = O.Sub(this.tmpPoints[0], o), i = O.Add(this.tmpPoints[0], o), r = O.Sub(this.tmpPoints[1], o), a = O.Add(this.tmpPoints[1], o), c = O.GetSemicircleStroke(this.tmpPoints[1], r, -1, 8), l = O.GetSemicircleStroke(this.tmpPoints[0], i, -1, 8), h = [s, r, ...c, a, i, ...l];
     return {
       d: lt(h, !0),
       rect: z(h),
@@ -2999,7 +3006,7 @@ class Dt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && L.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -3008,10 +3015,10 @@ class Dt extends W {
   static updateNodeOpt(e) {
     var a;
     const { node: t, opt: o, vNodes: s } = e, { strokeColor: i } = o, r = s.get(t.name);
-    return i && (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i)), r && s.setInfo(t.name, r), W.updateNodeOpt(e);
+    return i && (t.setAttribute("strokeColor", i), t.setAttribute("fillColor", i), (a = r == null ? void 0 : r.opt) != null && a.strokeColor && (r.opt.strokeColor = i)), r && s.setInfo(t.name, r), L.updateNodeOpt(e);
   }
 }
-class ft extends W {
+class yt extends L {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
@@ -3024,12 +3031,12 @@ class ft extends W {
   }
   consume() {
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeAll() {
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeService() {
@@ -3051,14 +3058,16 @@ class ft extends W {
       y: r[1],
       w: i[0],
       h: i[1]
-    }, d = new St({
+    }, d = new kt({
       normalize: !0,
       pos: [0, 0],
       size: i
-    }), u = s && ft.createLabels(this.workOptions, o) || [];
-    return p.append(...u, d), this.replace(o, t, p), s && (await new Promise((y) => {
-      setTimeout(y, 0);
-    }), this.updateLabelsWidth(p)), {
+    });
+    if (p.append(d), s) {
+      const u = s && await yt.createLabels(this.workOptions, p) || [];
+      p.append(...u);
+    }
+    return this.replace(o, t, p), {
       x: Math.floor(f.x * l[0] + c[0]),
       y: Math.floor(f.y * l[1] + c[1]),
       w: Math.floor(f.w * l[0]),
@@ -3080,21 +3089,9 @@ class ft extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: a && W.getCenterPos(a, r)
+      centerPos: a && L.getCenterPos(a, r)
     }), a;
   }
-  updateLabelsWidth(e) {
-    e.children.forEach((t) => {
-      if (t.tagName === "LABEL") {
-        const o = t.name, { width: s } = t.getBoundingClientRect(), [i] = e.worldScaling, { underline: r, lineThrough: a } = this.getWorkOptions();
-        r && e.getElementsByName(`${o}_underline`)[0].attr({
-          points: [0, 0, s / i, 0]
-        }), a && e.getElementsByName(`${o}_lineThrough`)[0].attr({
-          points: [0, 0, s / i, 0]
-        });
-      }
-    });
-  }
   updataOptService() {
   }
   async updataOptServiceAsync(e) {
@@ -3104,7 +3101,7 @@ class ft extends W {
     const t = this.workId.toString(), { fontColor: o, fontBgColor: s, bold: i, italic: r, lineThrough: a, underline: c, zIndex: l } = e, h = (f = this.vNodes) == null ? void 0 : f.get(t);
     if (!h)
       return;
-    o && (h.opt.fontColor = o), s && (h.opt.fontBgColor = s), i && (h.opt.bold = i), r && (h.opt.italic = r), ot(a) && (h.opt.lineThrough = a), ot(c) && (h.opt.underline = c), s && (h.opt.fontBgColor = s), V(l) && (h.opt.zIndex = l), this.oldRect = h.rect;
+    o && (h.opt.fontColor = o), s && (h.opt.fontBgColor = s), i && (h.opt.bold = i), r && (h.opt.italic = r), ot(a) && (h.opt.lineThrough = a), ot(c) && (h.opt.underline = c), q(l) && (h.opt.zIndex = l), this.oldRect = h.rect;
     const p = await this.draw({
       workId: t,
       layer: this.fullLayer,
@@ -3117,69 +3114,79 @@ class ft extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: p && W.getCenterPos(p, this.fullLayer)
+      centerPos: p && L.getCenterPos(p, this.fullLayer)
     }), p;
   }
   clearTmpPoints() {
     this.tmpPoints.length = 0;
   }
-  static getFontWidth(e) {
-    const { ctx: t, opt: o, text: s } = e, { bold: i, italic: r, fontSize: a, fontFamily: c } = o;
-    return t.font = `${i} ${r} ${a}px ${c}`, t.measureText(s).width;
-  }
-  static createLabels(e, t) {
-    const o = [], s = e.text.split(","), i = s.length;
-    for (let r = 0; r < i; r++) {
-      const a = s[r], { fontSize: c, lineHeight: l, bold: h, textAlign: p, italic: f, boxSize: d, fontFamily: u, verticalAlign: y, fontColor: k, underline: b, lineThrough: v } = e, g = l || c * 1.2, L = t && t.parent.canvas.getContext("2d"), N = L && ft.getFontWidth({ text: a, opt: e, ctx: L, worldScaling: t.worldScaling });
-      if (N) {
-        const I = {
+  static async createLabels(e, t) {
+    const o = [], s = e.text.split(","), i = s.length, { fontSize: r, lineHeight: a, bold: c, textAlign: l, italic: h, boxSize: p, fontFamily: f, verticalAlign: d, fontColor: u, fontBgColor: w, underline: S, lineThrough: b } = e;
+    for (let T = 0; T < i; T++) {
+      const g = s[T], I = a || r * 1.2;
+      if (g) {
+        const N = {
           anchor: [0, 0.5],
-          text: a,
-          fontSize: c,
-          lineHeight: g,
-          fontFamily: u,
-          fontWeight: h,
-          fillColor: k,
-          textAlign: p,
-          fontStyle: f,
-          name: r.toString(),
+          text: g,
+          fontSize: r,
+          lineHeight: I,
+          fontFamily: f,
+          fontWeight: c,
+          fillColor: u,
+          bgcolor: w,
+          textAlign: l,
+          fontStyle: h,
+          name: T.toString(),
           className: "label"
-        }, A = [0, 0];
-        if (y === "middle") {
-          const x = (i - 1) / 2;
-          A[1] = (r - x) * g;
-        }
-        if (p === "left") {
-          const x = d && -d[0] / 2 || 0;
-          A[0] = f === "italic" && x || x + 5, console.log("text-left", A);
+        }, W = [0, 0];
+        if (d === "middle") {
+          const v = (i - 1) / 2;
+          W[1] = (T - v) * I;
         }
-        I.pos = A;
-        const T = new Zt(I);
-        if (o.push(T), b) {
-          const x = {
-            normalize: !1,
-            pos: [I.pos[0], I.pos[1] + c / 2],
-            lineWidth: Math.floor(c / 10),
-            points: [0, 0, N, 0],
-            strokeColor: k,
-            name: `${r}_underline`,
-            className: "underline"
-          }, M = new st(x);
-          o.push(M);
+        if (l === "left") {
+          const v = p && -p[0] / 2 || 0;
+          W[0] = h === "italic" && v || v + 5;
         }
-        if (v) {
-          const x = {
-            normalize: !1,
-            pos: I.pos,
-            lineWidth: Math.floor(c / 10),
-            points: [0, 0, N, 0],
-            strokeColor: k,
-            name: `${r}_lineThrough`,
-            className: "lineThrough"
-          }, M = new st(x);
-          o.push(M);
+        N.pos = W;
+        const A = new Zt(N);
+        o.push(A);
+      }
+    }
+    if (await new Promise((T) => {
+      setTimeout(T, 0);
+    }), S || b) {
+      const T = [], [g] = t.worldScaling;
+      for (let I = 0; I < o.length; I++) {
+        const { width: N } = o[I].getBoundingClientRect();
+        if (N) {
+          const W = o[I].getAttribute("pos");
+          if (S) {
+            const A = {
+              normalize: !1,
+              pos: [W[0], W[1] + r / 2],
+              lineWidth: Math.floor(r / 10),
+              points: [0, 0, N / g, 0],
+              strokeColor: u,
+              name: `${I}_underline`,
+              className: "underline"
+            }, v = new st(A);
+            T.push(v);
+          }
+          if (b) {
+            const A = {
+              normalize: !1,
+              pos: W,
+              lineWidth: Math.floor(r / 10),
+              points: [0, 0, N / g, 0],
+              strokeColor: u,
+              name: `${I}_lineThrough`,
+              className: "lineThrough"
+            }, v = new st(A);
+            T.push(v);
+          }
         }
       }
+      return o.concat(T);
     }
     return o;
   }
@@ -3194,30 +3201,32 @@ class ft extends W {
       bold: f,
       italic: d,
       lineThrough: u,
-      underline: y,
-      fontSize: k,
+      underline: w,
+      fontSize: S,
       textInfos: b,
-      zIndex: v
+      zIndex: T
     } = o, g = i && tt(i) || s.get(t.name);
     if (!g)
       return;
-    const L = t.parent;
-    if (!L)
+    const I = t.parent;
+    if (!I)
       return;
     const N = g.opt;
-    if (V(v) && (t.setAttribute("zIndex", v), g.opt.zIndex = v), a && N.fontColor && (N.fontColor = a, t.children.forEach((I) => {
-      I.tagName === "LABEL" ? I.setAttribute("fillColor", a) : I.tagName === "POLYLINE" && I.setAttribute("strokeColor", a);
-    })), r && N.fontBgColor && (N.fontBgColor = r), f && (N.bold = f), d && (N.italic = d), ot(u) && (N.lineThrough = u), ot(y) && (N.underline = y), k && (N.fontSize = k), l && p && h) {
-      const I = b == null ? void 0 : b.get(t.name);
-      if (I) {
-        const { fontSize: x, boxSize: M } = I;
+    if (q(T) && (t.setAttribute("zIndex", T), g.opt.zIndex = T), a && N.fontColor && (N.fontColor = a, t.children.forEach((W) => {
+      W.tagName === "LABEL" ? W.setAttribute("fillColor", a) : W.tagName === "POLYLINE" && W.setAttribute("strokeColor", a);
+    })), r && N.fontBgColor && (N.fontBgColor = r, t.children.forEach((W) => {
+      W.tagName === "LABEL" && W.setAttribute("bgcolor", r);
+    })), f && (N.bold = f), d && (N.italic = d), ot(u) && (N.lineThrough = u), ot(w) && (N.underline = w), S && (N.fontSize = S), l && p && h) {
+      const W = b == null ? void 0 : b.get(t.name);
+      if (W) {
+        const { fontSize: x, boxSize: M } = W;
         N.boxSize = M || N.boxSize, N.fontSize = x || N.fontSize;
       }
-      const A = g.rect, T = pt(It(A, h), p);
-      N.boxPoint = T && [(T.x - L.worldPosition[0]) / L.worldScaling[0], (T.y - L.worldPosition[1]) / L.worldScaling[1]];
-    } else if (c && N.boxPoint) {
-      const I = [c[0] / L.worldScaling[0], c[1] / L.worldScaling[1]];
-      N.boxPoint = [N.boxPoint[0] + I[0], N.boxPoint[1] + I[1]], g.centerPos = [g.centerPos[0] + I[0], g.centerPos[1] + I[1]], g.rect = pt(g.rect, I);
+      const A = g.rect, v = pt(It(A, h), p);
+      N.boxPoint = v && [(v.x - I.worldPosition[0]) / I.worldScaling[0], (v.y - I.worldPosition[1]) / I.worldScaling[1]];
+    } else if (c && N.boxPoint && (N.boxPoint = [N.boxPoint[0] + c[0], N.boxPoint[1] + c[1]], g.centerPos = [g.centerPos[0] + c[0], g.centerPos[1] + c[1]], i)) {
+      const W = [c[0] / I.worldScaling[0], c[1] / I.worldScaling[1]];
+      g.rect = pt(g.rect, W);
     }
     return g && s.setInfo(t.name, g), g == null ? void 0 : g.rect;
   }
@@ -3234,8 +3243,8 @@ class ft extends W {
     }
   }
 }
-function At(R) {
-  switch (R) {
+function At(C) {
+  switch (C) {
     case P.Arrow:
       return xt;
     case P.Pencil:
@@ -3255,19 +3264,19 @@ function At(R) {
     case P.SpeechBalloon:
       return Ot;
     case P.Text:
-      return ft;
+      return yt;
     case P.LaserPen:
       return Lt;
     case P.Eraser:
-      return mt;
+      return ft;
     case P.Selector:
-      return H;
+      return G;
     case P.Image:
       return ut;
   }
 }
-function yt(R, n) {
-  const { toolsType: e, ...t } = R;
+function wt(C, n) {
+  const { toolsType: e, ...t } = C;
   switch (e) {
     case P.Arrow:
       return new xt(t);
@@ -3288,36 +3297,36 @@ function yt(R, n) {
     case P.SpeechBalloon:
       return new Ot(t);
     case P.Text:
-      return new ft(t);
+      return new yt(t);
     case P.LaserPen:
       return new Lt(t);
     case P.Eraser:
-      return new mt(t, n);
+      return new ft(t, n);
     case P.Selector:
-      return t.vNodes ? new H({ ...t, vNodes: t.vNodes, drawLayer: t.fullLayer }) : void 0;
+      return t.vNodes ? new G({ ...t, vNodes: t.vNodes, drawLayer: t.fullLayer }) : void 0;
     case P.Image:
       return new ut(t);
     default:
       return;
   }
 }
-function Et(R) {
+function Et(C) {
   const n = [], e = ["PATH", "SPRITE", "POLYLINE", "RECT", "ELLIPSE"];
-  for (const t of R) {
+  for (const t of C) {
     if (t.tagName === "GROUP" && t.children.length)
       return Et(t.children);
     t.tagName && e.includes(t.tagName) && n.push(t);
   }
   return n;
 }
-const Jt = (R) => {
-  if (R.tagName === "GROUP") {
-    const n = Object.getOwnPropertySymbols(R).find((e) => e.toString() === "Symbol(sealed)");
-    if (n && R[n])
+const Jt = (C) => {
+  if (C.tagName === "GROUP") {
+    const n = Object.getOwnPropertySymbols(C).find((e) => e.toString() === "Symbol(sealed)");
+    if (n && C[n])
       return !0;
   }
   return !1;
-}, Qt = (R) => !R.isHid, kt = "cursorhover";
+}, Qt = (C) => !C.isHid, mt = "cursorhover";
 class _t {
   constructor(n, e) {
     m(this, "viewId");
@@ -3389,10 +3398,10 @@ class _t {
     return this.fullLayer && (t == null ? void 0 : t.getRectFromLayer(this.fullLayer, n));
   }
   updateNodesRect() {
-    this.curNodeMap.forEach((n, e) => {
-      const t = this.getNodeRectFormShape(e, n);
-      t ? (n.rect = t, this.curNodeMap.set(e, n)) : this.curNodeMap.delete(e);
-    });
+    for (const [n, e] of this.curNodeMap.entries()) {
+      const t = this.getNodeRectFormShape(n, e);
+      t ? (e.rect = t, this.curNodeMap.set(n, e)) : this.curNodeMap.delete(n);
+    }
   }
   combineIntersectRect(n) {
     let e = n;
@@ -3415,6 +3424,9 @@ class _t {
   deleteTarget(n) {
     this.targetNodeMap.length = n;
   }
+  clearTarget() {
+    this.targetNodeMap.length = 0;
+  }
 }
 class te {
   constructor(n) {
@@ -3441,14 +3453,14 @@ class te {
   }
   consumeDraw(n) {
     const { workId: e, dataType: t } = n;
-    if (t === C.Service)
+    if (t === R.Service)
       this.activeServiceWorkShape(n);
     else {
-      const o = this.localWorkShapes.get(e);
-      if (!o)
+      const o = e == null ? void 0 : e.toString(), s = o && this.localWorkShapes.get(o);
+      if (!s)
         return;
-      const s = o.node.consume({ data: n, isFullWork: !1, isSubWorker: !0 });
-      s.rect && (o.result = s, o.workState = D.Doing, e && this.localWorkShapes.set(e, o));
+      const i = s.node.consume({ data: n, isFullWork: !1, isSubWorker: !0 });
+      i.rect && (s.result = i, s.workState = D.Doing, o && this.localWorkShapes.set(o, s));
     }
     this.runAnimation();
   }
@@ -3458,7 +3470,7 @@ class te {
   createWorkShapeNode(n) {
     const { toolsType: e } = n;
     if (e === P.LaserPen)
-      return yt({ ...n, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
+      return wt({ ...n, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
   }
   getTmpWorkShapeNode() {
     return this.tmpWorkShapeNode;
@@ -3532,7 +3544,7 @@ class te {
           if (p) {
             c.node.clearTmpPoints(), this.localWorkShapes.delete(a), t.push({
               removeIds: [a.toString()],
-              type: w.RemoveNode
+              type: y.RemoveNode
             });
             break;
           }
@@ -3543,7 +3555,7 @@ class te {
     }
     n && this.runAnimation(), e.size && e.forEach((a, c) => {
       t.push({
-        type: w.Cursor,
+        type: y.Cursor,
         uid: c.split(gt)[0],
         op: a.op,
         workState: a.workState,
@@ -3560,14 +3572,14 @@ class te {
   }
   consumeDrawAll(n) {
     const { workId: e, dataType: t } = n;
-    if (t === C.Service)
+    if (t === R.Service)
       this.activeServiceWorkShape(n);
     else {
-      const o = this.localWorkShapes.get(e);
-      if (!o)
+      const o = e == null ? void 0 : e.toString(), s = o && this.localWorkShapes.get(o);
+      if (!s)
         return;
-      const s = o.node.consumeAll({ data: n });
-      o.result = s, o.workState = D.Done, e && this.localWorkShapes.set(e, o);
+      const i = s.node.consumeAll({ data: n });
+      s.result = i, s.workState = D.Done, o && this.localWorkShapes.set(o, s);
     }
     this.runAnimation();
   }
@@ -3577,7 +3589,6 @@ class ee {
     m(this, "vNodes");
     m(this, "thread");
     m(this, "workShapes", /* @__PURE__ */ new Map());
-    // workShapeState: Map<IworkId, ShapeStateInfo> = new Map();
     m(this, "effectSelectNodeData", /* @__PURE__ */ new Set());
     m(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     m(this, "batchEraserWorks", /* @__PURE__ */ new Set());
@@ -3589,6 +3600,16 @@ class ee {
     }, 100, { leading: !1 }));
     this.vNodes = n.vNodes, this.thread = n.thread;
   }
+  workShapesDone(n, e) {
+    for (const t of this.workShapes.keys())
+      this.consumeDrawAll({
+        workId: t,
+        scenePath: n,
+        viewId: this.thread.viewId,
+        msgType: y.DrawWork,
+        dataType: R.Local
+      }, e);
+  }
   async updateSelector(n) {
     var p;
     const e = this.workShapes.get(Y);
@@ -3606,11 +3627,11 @@ class ee {
     e.selectIds.forEach((f) => {
       const d = this.vNodes.get(f);
       if (d) {
-        const { toolsType: u, op: y, opt: k } = d;
+        const { toolsType: u, op: w, opt: S } = d;
         c.set(f, {
-          opt: k,
+          opt: S,
           toolsType: u,
-          ops: (y == null ? void 0 : y.length) && K(y) || void 0
+          ops: (w == null ? void 0 : w.length) && K(w) || void 0
         });
       }
     });
@@ -3635,8 +3656,8 @@ class ee {
     }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(Y)) {
       const e = [];
       e.push({
-        type: w.Select,
-        dataType: C.Local,
+        type: y.Select,
+        dataType: R.Local,
         selectIds: [],
         willSyncService: !1
       }), this.thread.post({ sp: e });
@@ -3656,12 +3677,12 @@ class ee {
       }
       s && (await this.blurSelector({
         viewId: t,
-        msgType: w.Select,
+        msgType: y.Select,
         dataType: o,
         isSync: !0
       }), this.thread.post({
         sp: [{
-          type: w.GetTextActive,
+          type: y.GetTextActive,
           toolsType: P.Text,
           workId: s
         }]
@@ -3670,7 +3691,7 @@ class ee {
   }
   cursorHover(n) {
     const { opt: e, toolsType: t, point: o } = n, s = this.setFullWork({
-      workId: kt,
+      workId: mt,
       toolsType: t,
       opt: e
     });
@@ -3684,7 +3705,7 @@ class ee {
       return;
     }
     if (!e) {
-      !this.setFullWork(n) && n.workId && ((o = this.tmpWorkShapeNode) == null ? void 0 : o.toolsType) === P.Selector && this.setTmpWorkId(n.workId), this.updateFullSelectWork(n);
+      !this.setFullWork(n) && n.workId && ((o = this.tmpWorkShapeNode) == null ? void 0 : o.toolsType) === P.Selector && this.setTmpWorkId(n.workId.toString()), this.updateFullSelectWork(n);
       return;
     }
     if (e && (t != null && t.length)) {
@@ -3697,7 +3718,7 @@ class ee {
         canTextEdit: e.canTextEdit,
         canRotate: e.canRotate,
         scaleType: e.scaleType,
-        type: w.Select,
+        type: y.Select,
         selectRect: c,
         points: e.getChildrenPoints(),
         willSyncService: (n == null ? void 0 : n.willSyncService) || !1,
@@ -3715,20 +3736,22 @@ class ee {
     t && this.removeNode(t);
   }
   removeNode(n) {
-    var t;
-    this.workShapes.has(n) && this.clearWorkShapeNodeCache(n), this.vNodes.get(n) && (this.thread.fullLayer.getElementsByName(n).concat(((t = this.thread.localLayer) == null ? void 0 : t.getElementsByName(n)) || []).forEach((o) => {
-      o.remove();
-    }), this.vNodes.delete(n));
+    var o;
+    this.vNodes.get(n) && ((o = this.thread.fullLayer) == null || o.getElementsByName(n).forEach((s) => {
+      s.remove();
+    }), this.vNodes.delete(n)), this.workShapes.has(n) && (this.thread.localLayer.getElementsByName(n).forEach((s) => {
+      s.remove();
+    }), this.clearWorkShapeNodeCache(n));
   }
   setFullWork(n) {
     const { workId: e, opt: t, toolsType: o } = n;
     if (e && t && o) {
-      const s = e && this.workShapes.get(e) || this.createWorkShapeNode({
+      const s = e.toString(), i = this.workShapes.get(s) || this.createWorkShapeNode({
         toolsOpt: t,
         toolsType: o,
-        workId: e
+        workId: s
       });
-      return s ? (s.setWorkId(e), this.workShapes.set(e, s), s) : void 0;
+      return i ? (i.setWorkId(s), this.workShapes.set(s, i), i) : void 0;
     }
   }
   async consumeFull(n, e) {
@@ -3750,14 +3773,13 @@ class ee {
         replaceId: i
       }), n != null && n.updateNodeOpt && t.updataOptService(n.updateNodeOpt);
       const r = [];
-      n.workId && this.workShapes.delete(n.workId), n.willSyncService && r.push({
+      n.workId && this.workShapes.delete(n.workId.toString()), n.willSyncService && r.push({
         opt: n.opt,
         toolsType: n.toolsType,
-        type: w.FullWork,
+        type: y.FullWork,
         workId: n.workId,
         ops: n.ops,
         updateNodeOpt: n.updateNodeOpt,
-        // undoTickerId: data.undoTickerId,
         viewId: this.thread.viewId
       }), r.length && this.thread.post({ sp: r });
     }
@@ -3765,7 +3787,7 @@ class ee {
   async colloctEffectSelectWork(n) {
     const e = this.workShapes.get(Y), { workId: t, msgType: o } = n;
     if (e && t && e.selectIds && e.selectIds.includes(t.toString())) {
-      o === w.RemoveNode ? e.selectIds = e.selectIds.filter((s) => s !== t.toString()) : this.effectSelectNodeData.add(n), await new Promise((s) => {
+      o === y.RemoveNode ? e.selectIds = e.selectIds.filter((s) => s !== t.toString()) : this.effectSelectNodeData.add(n), await new Promise((s) => {
         setTimeout(() => {
           s(!0);
         }, 0);
@@ -3803,7 +3825,7 @@ class ee {
             replaceId: r
           }), s != null && s.updateNodeOpt && i.updataOptService(s.updateNodeOpt);
         }
-        s.workId && this.workShapes.delete(s.workId);
+        s.workId && this.workShapes.delete(s.workId.toString());
       }
     }
     this.reRenderSelector(n);
@@ -3818,7 +3840,7 @@ class ee {
     const t = e.reRenderSelector();
     t && this.thread.post({
       sp: [{
-        type: w.Select,
+        type: y.Select,
         selectIds: e.selectIds,
         selectRect: t,
         willSyncService: n,
@@ -3854,8 +3876,8 @@ class ee {
     }
   }
   clearWorkShapeNodeCache(n) {
-    var e;
-    (e = this.getWorkShape(n)) == null || e.clearTmpPoints(), this.workShapes.delete(n);
+    var e, t;
+    (e = this.getWorkShape(n)) == null || e.clearTmpPoints(), this.workShapes.delete(n), ((t = this.tmpWorkShapeNode) == null ? void 0 : t.getWorkId()) === n && this.setTmpWorkId(void 0);
   }
   drawEraser(n) {
     var t, o;
@@ -3864,7 +3886,7 @@ class ee {
       for (const s of n.newWorkDatas.values()) {
         const i = s.workId.toString();
         this.batchEraserWorks.add(i), e.push({
-          type: w.FullWork,
+          type: y.FullWork,
           workId: i,
           ops: K(s.op),
           opt: s.opt,
@@ -3878,7 +3900,7 @@ class ee {
     }
     (o = n.removeIds) == null || o.forEach((s) => {
       this.batchEraserRemoveNodes.add(s);
-    }), console.log("first", n), e.push(n), this.thread.post({ sp: e }), this.batchEraserCombine();
+    }), e.push(n), this.thread.post({ sp: e }), this.batchEraserCombine();
   }
   updateBatchEraserCombineNode(n, e) {
     for (const t of e.keys())
@@ -3899,10 +3921,13 @@ class ee {
   getWorkShape(n) {
     return this.workShapes.get(n);
   }
+  getWorkShapes() {
+    return this.workShapes;
+  }
   consumeDraw(n, e) {
     const { op: t, workId: o, scenePath: s } = n;
     if (t != null && t.length && o) {
-      const i = this.workShapes.get(o);
+      const i = this.workShapes.get(o.toString());
       if (!i)
         return;
       const r = i.toolsType;
@@ -3915,7 +3940,7 @@ class ee {
               data: n,
               isFullWork: !0
             });
-            a.type === w.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
+            a.type === y.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
           }
           break;
         case P.Eraser:
@@ -3954,19 +3979,19 @@ class ee {
     var s, i, r;
     const { workId: t, scenePath: o } = n;
     if (t) {
-      const a = this.workShapes.get(t);
-      if (!a)
+      const a = t.toString(), c = this.workShapes.get(a);
+      if (!c)
         return;
-      const c = a.toolsType;
-      if (c === P.LaserPen)
+      const l = c.toolsType;
+      if (l === P.LaserPen)
         return;
-      const l = this.workShapes.get(kt), h = (s = l == null ? void 0 : l.selectIds) == null ? void 0 : s[0], p = a.consumeAll({ data: n });
-      switch (c) {
+      const h = this.workShapes.get(mt), p = (s = h == null ? void 0 : h.selectIds) == null ? void 0 : s[0], f = c.consumeAll({ data: n });
+      switch (l) {
         case P.Selector:
-          p.selectIds && h && ((i = p.selectIds) != null && i.includes(h)) && l.cursorBlur(), p.type === w.Select && (p.selectIds && e.runReverseSelectWork(p.selectIds), this.thread.post({ sp: [{ ...p, scenePath: o }] })), (r = a.selectIds) != null && r.length ? a.clearTmpPoints() : this.clearWorkShapeNodeCache(t);
+          f.selectIds && p && ((i = f.selectIds) != null && i.includes(p)) && h.cursorBlur(), f.type === y.Select && (f.selectIds && e.runReverseSelectWork(f.selectIds), this.thread.post({ sp: [{ ...f, scenePath: o }] })), (r = c.selectIds) != null && r.length ? c.clearTmpPoints() : this.clearWorkShapeNodeCache(a);
           break;
         case P.Eraser:
-          p != null && p.rect && this.drawEraser({ ...p, scenePath: o }), a.clearTmpPoints();
+          f != null && f.rect && this.drawEraser({ ...f, scenePath: o }), c.clearTmpPoints();
           break;
         case P.Arrow:
         case P.Straight:
@@ -3976,10 +4001,10 @@ class ee {
         case P.Polygon:
         case P.SpeechBalloon:
         case P.Pencil:
-          p && (this.drawCount = 0, this.thread.post({
+          f && (this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
-            sp: [p]
-          })), this.clearWorkShapeNodeCache(t);
+            sp: [f]
+          })), this.clearWorkShapeNodeCache(a);
           break;
       }
     }
@@ -4003,7 +4028,7 @@ class ee {
     this.workShapes.get(n) || this.setTmpWorkId(n), (o = this.workShapes.get(n)) == null || o.setWorkOptions(e);
   }
   createWorkShapeNode(n) {
-    return yt({ ...n, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
+    return wt({ ...n, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
 class oe {
@@ -4076,31 +4101,31 @@ class oe {
     return Math.min((n.animationIndex || 0) + (t || e), (n.animationWorkData || []).length);
   }
   async animationDraw() {
-    var t, o, s, i, r, a, c, l, h, p, f, d, u, y, k, b;
+    var t, o, s, i, r, a, c, l, h, p, f, d, u, w, S, b;
     this.animationId = void 0;
     let n = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [v, g] of this.workShapes.entries())
+    for (const [T, g] of this.workShapes.entries())
       switch (g.toolsType) {
         case P.Image: {
           await ((o = g.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             scene: (t = this.thread.fullLayer.parent) == null ? void 0 : t.parent,
             isMainThread: !0
-          })), this.selectorWorkShapes.forEach((L, N) => {
-            var I;
-            (I = L.selectIds) != null && I.includes(v) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
-          }), this.workShapes.delete(v);
+          })), this.selectorWorkShapes.forEach((I, N) => {
+            var W;
+            (W = I.selectIds) != null && W.includes(T) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
+          }), this.workShapes.delete(T);
           break;
         }
         case P.Text: {
           g.node && (await ((s = g.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: v
-          })), this.selectorWorkShapes.forEach((L, N) => {
-            var I;
-            (I = L.selectIds) != null && I.includes(v) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
-          }), (i = g.node) == null || i.clearTmpPoints(), this.workShapes.delete(v));
+            replaceId: T
+          })), this.selectorWorkShapes.forEach((I, N) => {
+            var W;
+            (W = I.selectIds) != null && W.includes(T) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
+          }), (i = g.node) == null || i.clearTmpPoints(), this.workShapes.delete(T));
           break;
         }
         case P.Arrow:
@@ -4110,18 +4135,18 @@ class oe {
         case P.Star:
         case P.Polygon:
         case P.SpeechBalloon: {
-          const L = !!g.ops;
+          const I = !!g.ops;
           if ((r = g.animationWorkData) != null && r.length) {
             const N = g.oldRect;
             (a = g.node) == null || a.consumeService({
               op: g.animationWorkData,
-              isFullWork: L
-            }), L && (this.selectorWorkShapes.forEach((I, A) => {
-              var T;
-              (T = I.selectIds) != null && T.includes(v) && (this.willRunEffectSelectorIds.add(A), this.runEffect());
-            }), (c = g.node) == null || c.clearTmpPoints(), this.workShapes.delete(v)), e.set(v, {
+              isFullWork: I
+            }), I && (this.selectorWorkShapes.forEach((W, A) => {
+              var v;
+              (v = W.selectIds) != null && v.includes(T) && (this.willRunEffectSelectorIds.add(A), this.runEffect());
+            }), (c = g.node) == null || c.clearTmpPoints(), this.workShapes.delete(T)), e.set(T, {
               workState: N ? g.ops ? D.Done : D.Doing : D.Start,
-              op: g.animationWorkData.filter((I, A) => {
+              op: g.animationWorkData.filter((W, A) => {
                 if (A % 3 !== 2)
                   return !0;
               }).slice(-2)
@@ -4134,28 +4159,28 @@ class oe {
             (l = g.node) == null || l.consumeService({
               op: g.animationWorkData || [],
               isFullWork: !0,
-              replaceId: v
-            }), (h = g.node) == null || h.updataOptService(g.updateNodeOpt), this.selectorWorkShapes.forEach((L, N) => {
-              var I;
-              (I = L.selectIds) != null && I.includes(v) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
-            }), (p = g.node) == null || p.clearTmpPoints(), this.workShapes.delete(v);
+              replaceId: T
+            }), (h = g.node) == null || h.updataOptService(g.updateNodeOpt), this.selectorWorkShapes.forEach((I, N) => {
+              var W;
+              (W = I.selectIds) != null && W.includes(T) && (this.willRunEffectSelectorIds.add(N), this.runEffect());
+            }), (p = g.node) == null || p.clearTmpPoints(), this.workShapes.delete(T);
           else if (g.useAnimation) {
             if (g.isDel) {
-              (f = g.node) == null || f.clearTmpPoints(), this.workShapes.delete(v);
+              (f = g.node) == null || f.clearTmpPoints(), this.workShapes.delete(T);
               break;
             }
-            const L = 3, N = this.computNextAnimationIndex(g, L), I = g.isDiff ? 0 : Math.max(0, (g.animationIndex || 0) - L), A = (g.animationWorkData || []).slice(I, N), T = (u = (d = g.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : u.toString();
+            const I = 3, N = this.computNextAnimationIndex(g, I), W = g.isDiff ? 0 : Math.max(0, (g.animationIndex || 0) - I), A = (g.animationWorkData || []).slice(W, N), v = (u = (d = g.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : u.toString();
             if ((g.animationIndex || 0) < N || g.isDiff) {
-              if ((y = g.node) == null || y.consumeService({
+              if ((w = g.node) == null || w.consumeService({
                 op: A,
                 isFullWork: !1
               }), g.animationIndex = N, g.isDiff && (g.isDiff = !1), A.length) {
                 const x = A.filter((M, $) => {
-                  if ($ % L !== L - 1)
+                  if ($ % I !== I - 1)
                     return !0;
                 }).slice(-2);
-                e.set(v, {
-                  workState: I === 0 ? D.Start : N === ((k = g.animationWorkData) == null ? void 0 : k.length) ? D.Done : D.Doing,
+                e.set(T, {
+                  workState: W === 0 ? D.Start : N === ((S = g.animationWorkData) == null ? void 0 : S.length) ? D.Done : D.Doing,
                   op: x
                 });
               }
@@ -4163,11 +4188,11 @@ class oe {
               g.ops && ((b = g.node) == null || b.consumeService({
                 op: g.animationWorkData || [],
                 isFullWork: !0,
-                replaceId: T
-              }), g.isDel = !0, e.set(v, {
+                replaceId: v
+              }), g.isDel = !0, e.set(T, {
                 workState: D.Done,
                 op: A.filter((x, M) => {
-                  if (M % L !== L - 1)
+                  if (M % I !== I - 1)
                     return !0;
                 }).slice(-2)
               }));
@@ -4178,16 +4203,16 @@ class oe {
         }
       }
     if (n && this.runAnimation(), e.size) {
-      const v = [];
-      e.forEach((g, L) => {
-        v.push({
-          type: w.Cursor,
-          uid: L.split(gt)[0],
+      const T = [];
+      e.forEach((g, I) => {
+        T.push({
+          type: y.Cursor,
+          uid: I.split(gt)[0],
           op: g.op,
           workState: g.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: v });
+      }), this.thread.post({ sp: T });
     }
   }
   runAnimation() {
@@ -4214,13 +4239,13 @@ class oe {
     return !1;
   }
   activeWorkShape(n) {
-    var f, d, u, y;
+    var f, d, u, w;
     const { workId: e, opt: t, toolsType: o, type: s, updateNodeOpt: i, ops: r, op: a, useAnimation: c } = n;
     if (!e)
       return;
     const l = e.toString(), h = (f = this.vNodes.get(l)) == null ? void 0 : f.rect;
     if (!((d = this.workShapes) != null && d.has(l))) {
-      let k = {
+      let S = {
         toolsType: o,
         animationWorkData: a || [],
         animationIndex: 0,
@@ -4231,9 +4256,9 @@ class oe {
         oldRect: h,
         isDiff: !1
       };
-      o && t && (k = this.setNodeKey(k, o, t)), (u = this.workShapes) == null || u.set(l, k);
+      o && t && (S = this.setNodeKey(S, o, t)), (u = this.workShapes) == null || u.set(l, S);
     }
-    const p = (y = this.workShapes) == null ? void 0 : y.get(l);
+    const p = (w = this.workShapes) == null ? void 0 : w.get(l);
     s && (p.type = s), r && (p.animationWorkData = dt(r), p.ops = r), i && (p.updateNodeOpt = i), a && (p.isDiff = this.hasDiffData(p.animationWorkData || [], a, p.toolsType), p.animationWorkData = a), p.node && p.node.getWorkId() !== l && p.node.setWorkId(l), h && (p.oldRect = h), o && t && (p.toolsType !== o && o && t && this.setNodeKey(p, o, t), p.node && p.node.setWorkOptions(t));
   }
   removeNode(n, e) {
@@ -4266,7 +4291,7 @@ class oe {
     s && (a.type = s), a.node && a.node.getWorkId() !== r && a.node.setWorkId(r), a.selectIds = i || [];
   }
   setNodeKey(n, e, t) {
-    return n.toolsType = e, n.node = yt({
+    return n.toolsType = e, n.node = wt({
       toolsType: e,
       toolsOpt: t,
       vNodes: this.vNodes,
@@ -4292,7 +4317,7 @@ class se extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.FullWork && o === C.Local && s === this.emitEventType)
+    if (t === y.FullWork && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -4308,13 +4333,13 @@ class ie extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r, textUpdateForWoker: a } = e;
-    t === H.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    t === G.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4330,14 +4355,14 @@ class ie extends J {
         a && h.toolsType === P.Text ? c.push({
           ...h,
           workId: l,
-          type: w.TextUpdate,
-          dataType: C.Local,
+          type: y.TextUpdate,
+          dataType: R.Local,
           willSyncService: !0
         }) : c.push(
           {
             ...h,
             workId: l,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4356,13 +4381,13 @@ class re extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var a;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r } = e;
-    t === H.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    t === G.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4378,7 +4403,7 @@ class re extends J {
           {
             ...l,
             workId: c,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4397,13 +4422,13 @@ class ne extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var l, h;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r, textUpdateForWoker: a, emitEventType: c } = e;
-    t === H.selectorId && o && (o.workState === D.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== D.Done ? await ((l = this.localWork) == null ? void 0 : l.updateSelector({
+    t === G.selectorId && o && (o.workState === D.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== D.Done ? await ((l = this.localWork) == null ? void 0 : l.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4425,7 +4450,7 @@ class ne extends J {
     const d = r == null ? void 0 : r.selectRect;
     if (a) {
       p === D.Doing && f.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: d,
         willSyncService: !0,
@@ -4433,18 +4458,18 @@ class ne extends J {
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [u, y] of s.entries())
-        h && y.toolsType === P.Text ? f.push({
-          ...y,
+      for (const [u, w] of s.entries())
+        h && w.toolsType === P.Text ? f.push({
+          ...w,
           workId: u,
-          type: w.TextUpdate,
-          dataType: C.Local,
+          type: y.TextUpdate,
+          dataType: R.Local,
           willSyncService: !0
         }) : f.push(
           {
-            ...y,
+            ...w,
             workId: u,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4464,10 +4489,10 @@ class ae extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.RemoveNode) {
-      if (o === C.Local && s === this.emitEventType)
+    if (t === y.RemoveNode) {
+      if (o === R.Local && s === this.emitEventType)
         return this.consumeForLocalWorker(e), !0;
-      if (o === C.Service && s === this.emitEventType)
+      if (o === R.Service && s === this.emitEventType)
         return this.consumeForServiceWorker(e), !0;
     }
   }
@@ -4498,7 +4523,7 @@ class ae extends J {
       a && s.push(a), this.localWork.removeNode(r), i.push(r);
     }
     o && s.push({
-      type: w.RemoveNode,
+      type: y.RemoveNode,
       removeIds: i
     }), s.length && this.localWork.thread.post({ sp: s });
   }
@@ -4510,10 +4535,10 @@ class ae extends J {
     const t = (o = this.localWork) == null ? void 0 : o.vNodes.get(e);
     if (t && t.toolsType === P.Text)
       return {
-        type: w.TextUpdate,
+        type: y.TextUpdate,
         toolsType: P.Text,
         workId: e,
-        dataType: C.Local
+        dataType: R.Local
       };
   }
 }
@@ -4524,13 +4549,13 @@ class ce extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var r;
     const { workId: t, updateNodeOpt: o, willSyncService: s, willSerializeData: i } = e;
-    t === H.selectorId && o && await ((r = this.localWork) == null ? void 0 : r.updateSelector({
+    t === G.selectorId && o && await ((r = this.localWork) == null ? void 0 : r.updateSelector({
       updateSelectorOpt: o,
       willSyncService: s,
       willSerializeData: i,
@@ -4548,7 +4573,7 @@ class ce extends J {
       };
     if (c) {
       h === D.Doing && p.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: s.selectIds,
         selectRect: f,
         willSyncService: !0,
@@ -4556,7 +4581,7 @@ class ce extends J {
         points: s.getChildrenPoints(),
         textOpt: s.textOpt
       }), l && h === D.Done && p.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: s.selectIds,
         selectRect: f,
         willSyncService: !1,
@@ -4568,14 +4593,14 @@ class ce extends J {
         u.toolsType === P.Text ? p.push({
           ...u,
           workId: d,
-          type: w.TextUpdate,
-          dataType: C.Local,
+          type: y.TextUpdate,
+          dataType: R.Local,
           willSyncService: !0
         }) : p.push(
           {
             ...u,
             workId: d,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4595,13 +4620,13 @@ class le extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r, emitEventType: a } = e;
-    t === H.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    t === G.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4616,19 +4641,19 @@ class le extends J {
     const { param: t, postData: o, workShapeNode: s, res: i, newServiceStore: r } = e, { updateSelectorOpt: a, willSyncService: c, willSerializeData: l, isSync: h } = t, p = a.workState, f = o.sp || [], d = i == null ? void 0 : i.selectRect;
     if (c) {
       l && p === D.Done && f.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: s.selectIds,
         selectRect: d,
         willSyncService: !0,
         isSync: h,
         points: s.getChildrenPoints()
       });
-      for (const [u, y] of r.entries())
+      for (const [u, w] of r.entries())
         f.push(
           {
-            ...y,
+            ...w,
             workId: u,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4648,13 +4673,13 @@ class he extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r, textUpdateForWoker: a } = e;
-    t === H.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    t === G.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4667,7 +4692,7 @@ class he extends J {
     const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = t, p = o.sp || [], f = r == null ? void 0 : r.selectRect;
     if (a && p) {
       l.fontSize && p.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: f,
         willSyncService: a,
@@ -4678,14 +4703,14 @@ class he extends J {
         h && u.toolsType === P.Text ? p.push({
           ...u,
           workId: d,
-          type: w.TextUpdate,
-          dataType: C.Local,
+          type: y.TextUpdate,
+          dataType: R.Local,
           willSyncService: !0
         }) : p.push(
           {
             ...u,
             workId: d,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4705,13 +4730,13 @@ class pe extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r, textUpdateForWoker: a } = e;
-    t === H.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    t === G.selectorId && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4730,7 +4755,7 @@ class pe extends J {
           {
             ...f,
             workId: p,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4738,7 +4763,7 @@ class pe extends J {
           }
         );
       l.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: h,
         willSyncService: a,
@@ -4758,13 +4783,13 @@ class de extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var a;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r } = e;
-    t === H.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    t === G.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4780,7 +4805,7 @@ class de extends J {
           {
             ...d,
             workId: f,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4792,7 +4817,7 @@ class de extends J {
         selectorColor: i.selectorColor,
         scaleType: i.scaleType,
         canRotate: i.canRotate,
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: p,
         willSyncService: a,
@@ -4811,13 +4836,13 @@ class ue extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.UpdateNode && o === C.Local && s === this.emitEventType)
+    if (t === y.UpdateNode && o === R.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var a;
     const { workId: t, updateNodeOpt: o, willRefreshSelector: s, willSyncService: i, willSerializeData: r } = e;
-    t === H.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    t === G.selectorId && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4833,7 +4858,7 @@ class ue extends J {
           {
             ...l,
             workId: c,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4929,65 +4954,65 @@ class me {
   post(n) {
     this.combinePostMsg.add(n), this.runBatchPostData();
   }
-  async on(n, e) {
+  async on(n) {
     if (!await this.methodBuilder.consumeForMainThread(n)) {
-      const { msgType: t, toolsType: o, opt: s, dataType: i, workId: r, workState: a } = n;
-      switch (t) {
-        case w.Destroy:
+      const { msgType: e, toolsType: t, opt: o, dataType: s, workId: i, workState: r } = n, a = i == null ? void 0 : i.toString();
+      switch (e) {
+        case y.Destroy:
           this.destroy();
           break;
-        case w.Clear:
+        case y.Clear:
           this.clearAll();
           break;
-        case w.UpdateCamera:
-          this.updateCamera(n), e && this.post({ workerTasksqueueCount: e });
+        case y.UpdateCamera:
+          this.updateCamera(n);
           break;
-        case w.UpdateTools:
-          if (i === C.Local && o && s) {
+        case y.UpdateTools:
+          if (s === R.Local && t && o) {
             const c = {
-              toolsType: o,
-              toolsOpt: s
+              toolsType: t,
+              toolsOpt: o
             };
             this.localWork.setToolsOpt(c);
           }
           break;
-        case w.CreateWork:
-          if (r && s && o) {
-            if (o === P.LaserPen) {
+        case y.CreateWork:
+          if (i && o && t) {
+            if (t === P.LaserPen) {
               this.topWork.getTmpWorkShapeNode() || this.topWork.setToolsOpt({
-                toolsType: o,
-                toolsOpt: s
-              }), this.topWork.setWorkOptions(r, s);
+                toolsType: t,
+                toolsOpt: o
+              }), a && this.topWork.setWorkOptions(a, o);
               break;
             }
             this.localWork.getTmpWorkShapeNode() || this.localWork.setToolsOpt({
-              toolsType: o,
-              toolsOpt: s
-            }), this.localWork.setWorkOptions(r, s);
+              toolsType: t,
+              toolsOpt: o
+            }), a && this.localWork.setWorkOptions(a, o);
           }
           break;
-        case w.DrawWork:
-          a === D.Done && i === C.Local ? this.consumeDrawAll(i, n) : this.consumeDraw(i, n);
+        case y.DrawWork:
+          r === D.Done && s === R.Local ? this.consumeDrawAll(s, n) : this.consumeDraw(s, n);
           break;
-        case w.UpdateNode:
-        case w.FullWork:
-          if (o === P.LaserPen) {
-            this.consumeDrawAll(i, n);
+        case y.UpdateNode:
+        case y.FullWork:
+          if (t === P.LaserPen) {
+            this.consumeDrawAll(s, n);
             break;
           }
-          this.consumeFull(i, n);
+          this.consumeFull(s, n);
           break;
-        case w.RemoveNode:
+        case y.RemoveNode:
           this.removeNode(n);
           return;
-        case w.Select:
-          i === C.Service && (r === Y ? this.localWork.updateFullSelectWork(n) : this.serviceWork.runSelectWork(n));
+        case y.Select:
+          s === R.Service && (i === Y ? this.localWork.updateFullSelectWork(n) : this.serviceWork.runSelectWork(n));
           break;
-        case w.CursorHover:
+        case y.CursorHover:
           this.localWork.cursorHover(n);
           break;
-        case w.GetTextActive:
-          i === C.Local && this.localWork.checkTextActive(n);
+        case y.GetTextActive:
+          s === R.Local && this.localWork.checkTextActive(n);
           break;
       }
     }
@@ -4998,11 +5023,11 @@ class me {
       this.localWork.blurSelector(n);
       return;
     }
-    e === C.Local && (this.localWork.removeWork(n), await this.localWork.colloctEffectSelectWork(n)), e === C.Service && (this.serviceWork.removeWork(n), await this.localWork.colloctEffectSelectWork(n));
+    e === R.Local && (this.localWork.removeWork(n), await this.localWork.colloctEffectSelectWork(n)), e === R.Service && (this.serviceWork.removeWork(n), await this.localWork.colloctEffectSelectWork(n));
   }
   async consumeFull(n, e) {
     const t = await this.localWork.colloctEffectSelectWork(e);
-    t && n === C.Local && await this.localWork.consumeFull(t, this.scene), t && n === C.Service && this.serviceWork.consumeFull(t);
+    t && n === R.Local && await this.localWork.consumeFull(t, this.scene), t && n === R.Service && this.serviceWork.consumeFull(t);
   }
   setCameraOpt(n) {
     this.cameraOpt = n;
@@ -5013,47 +5038,51 @@ class me {
     this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
   }
   combinePostData() {
-    var o;
+    var t;
     this.mainThreadPostId = void 0;
     const n = [];
-    let e, t;
-    for (const s of this.combinePostMsg.values()) {
-      if ((o = s.sp) != null && o.length)
-        for (const i of s.sp) {
-          let r = !1;
-          for (const a of n)
-            if (ct(i, a)) {
-              r = !0;
+    let e;
+    for (const o of this.combinePostMsg.values()) {
+      if ((t = o.sp) != null && t.length)
+        for (const s of o.sp) {
+          let i = !1;
+          for (const r of n)
+            if (ct(s, r)) {
+              i = !0;
               break;
             }
-          r || n.push(i);
+          i || n.push(s);
         }
-      V(s.drawCount) && (e = s.drawCount), V(s.workerTasksqueueCount) && (t = s.workerTasksqueueCount);
+      q(o.drawCount) && (e = o.drawCount);
     }
     return this.combinePostMsg.clear(), {
       sp: n,
-      drawCount: e,
-      workerTasksqueueCount: t
+      drawCount: e
     };
   }
   combinePost() {
     var t, o, s;
-    const n = this.combinePostData(), e = (t = n.sp) == null ? void 0 : t.filter((i) => i.type !== w.None || Object.keys(i).filter((r) => r === "type").length);
-    e != null && e.length && (n.sp = e.map((i) => i.viewId ? i : { ...i, viewId: this.viewId })), ((o = n.sp) == null ? void 0 : o.length) === 0 && delete n.sp, n.drawCount === void 0 && delete n.drawCount, n.workerTasksqueueCount === void 0 && delete n.workerTasksqueueCount, (n != null && n.drawCount || n != null && n.workerTasksqueueCount || (s = n.sp) != null && s.length) && (console.log("mainThread-post-end--001", this.fullLayer.children.length, this.localLayer.children.length, this.topLayer.children.length, this.serviceLayer.children.length), this.opt.post(n));
+    const n = this.combinePostData(), e = (t = n.sp) == null ? void 0 : t.filter((i) => i.type !== y.None || Object.keys(i).filter((r) => r === "type").length);
+    e != null && e.length && (n.sp = e.map((i) => i.viewId ? i : { ...i, viewId: this.viewId })), ((o = n.sp) == null ? void 0 : o.length) === 0 && delete n.sp, n.drawCount === void 0 && delete n.drawCount, (n != null && n.drawCount || (s = n.sp) != null && s.length) && this.opt.post(n);
   }
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((n) => {
       n.name !== "viewport" && n.remove();
-    }), this.fullLayer.removeAllChildren()), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear();
+    }), this.fullLayer.removeAllChildren()), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
+      sp: [{
+        type: y.Clear
+      }]
+    });
   }
   consumeDrawAll(n, e) {
     const { ops: t, op: o, workId: s } = e;
     if ((t || o != null && o.length) && s) {
-      if (this.topWork.localWorkShapes.get(s)) {
+      const i = s.toString();
+      if (this.topWork.localWorkShapes.get(i)) {
         this.topWork.consumeDrawAll(e);
         return;
       }
-      if (this.localWork.workShapes.get(s)) {
+      if (this.localWork.workShapes.get(i)) {
         this.localWork.consumeDrawAll(e, this.serviceWork);
         return;
       }
@@ -5062,29 +5091,30 @@ class me {
   consumeDraw(n, e) {
     const { op: t, workId: o } = e;
     if (t != null && t.length && o) {
-      if (this.topWork.localWorkShapes.get(o)) {
+      const s = o.toString();
+      if (this.topWork.localWorkShapes.get(s)) {
         this.topWork.consumeDraw(e);
         return;
       }
-      if (this.localWork.workShapes.get(o)) {
+      if (this.localWork.workShapes.get(s)) {
         this.localWork.consumeDraw(e, this.serviceWork);
         return;
       }
-      n === C.Service && this.serviceWork.consumeDraw(e);
+      n === R.Service && this.serviceWork.consumeDraw(e);
     }
   }
   updateCamera(n) {
-    var t;
-    const { cameraOpt: e } = n;
+    var o;
+    const { cameraOpt: e, scenePath: t } = n;
     if (e && !ct(this.cameraOpt, e)) {
-      const o = this.localWork.getWorkShape(kt);
-      if (o && ((t = o.selectIds) != null && t.length) && o.cursorBlur(), this.setCameraOpt(e), this.vNodes.curNodeMap.size && (this.vNodes.updateNodesRect(), this.localWork.reRenderSelector(), this.serviceWork.selectorWorkShapes.size))
-        for (const [s, i] of this.serviceWork.selectorWorkShapes.entries())
+      const s = this.localWork.getWorkShape(mt);
+      if (s && ((o = s.selectIds) != null && o.length) && s.cursorBlur(), t && [...this.localWork.getWorkShapes().keys()].filter((r) => r !== mt).length && this.localWork.workShapesDone(t, this.serviceWork), this.setCameraOpt(e), this.vNodes.curNodeMap.size && (this.vNodes.clearTarget(), this.vNodes.updateNodesRect(), this.localWork.reRenderSelector(), this.serviceWork.selectorWorkShapes.size))
+        for (const [i, r] of this.serviceWork.selectorWorkShapes.entries())
           this.serviceWork.runSelectWork({
-            workId: s,
-            selectIds: i.selectIds,
-            msgType: w.Select,
-            dataType: C.Service,
+            workId: i,
+            selectIds: r.selectIds,
+            msgType: y.Select,
+            dataType: R.Service,
             viewId: this.viewId
           });
     }
@@ -5095,7 +5125,8 @@ class me {
       depth: !1,
       desynchronized: !0,
       ...n,
-      autoRender: !0
+      autoRender: !0,
+      id: this.viewId
     });
   }
   createLayer(n, e, t) {
@@ -5139,26 +5170,26 @@ class ye {
   async on(n) {
     const { msgType: e } = n;
     switch (e) {
-      case w.Snapshot:
+      case y.Snapshot:
         await this.getSnapshot(n), this.destroy();
         return;
-      case w.BoundingBox:
+      case y.BoundingBox:
         await this.getBoundingRect(n), this.destroy();
         return;
     }
   }
   createWorkShapeNode(n) {
-    return yt({ ...n, fullLayer: this.fullLayer, drawLayer: void 0 });
+    return wt({ ...n, fullLayer: this.fullLayer, drawLayer: void 0 });
   }
   setFullWork(n) {
     const { workId: e, opt: t, toolsType: o } = n;
     if (e && t && o) {
-      const s = e && this.workShapes.get(e) || this.createWorkShapeNode({
+      const s = e.toString(), i = this.workShapes.get(s) || this.createWorkShapeNode({
         toolsOpt: t,
         toolsType: o,
-        workId: e
+        workId: s
       });
-      return s ? (s.setWorkId(e), this.workShapes.set(e, s), s) : void 0;
+      return i ? (i.setWorkId(e.toString()), this.workShapes.set(s, i), i) : void 0;
     }
   }
   async runFullWork(n) {
@@ -5190,14 +5221,14 @@ class ye {
       for (const [c, l] of Object.entries(t))
         if (l != null && l.type)
           switch (l == null ? void 0 : l.type) {
-            case w.UpdateNode:
-            case w.FullWork: {
+            case y.UpdateNode:
+            case y.FullWork: {
               const { opt: h } = l, p = await this.runFullWork({
                 ...l,
                 opt: h,
                 workId: c,
-                msgType: w.FullWork,
-                dataType: C.Service,
+                msgType: y.FullWork,
+                dataType: R.Service,
                 viewId: this.viewId
               });
               r = B(r, p);
@@ -5221,7 +5252,7 @@ class ye {
     };
   }
   getRectImageBitmap(n, e) {
-    const t = n.x * this.opt.displayer.dpr, o = n.y * this.opt.displayer.dpr, s = n.w * this.opt.displayer.dpr, i = n.h * this.opt.displayer.dpr;
+    const t = n.x * this.opt.displayer.dpr, o = n.y * this.opt.displayer.dpr, s = n.w > 0 && n.w * this.opt.displayer.dpr || 1, i = n.h > 0 && n.h * this.opt.displayer.dpr || 1;
     return createImageBitmap(this.fullLayer.parent.canvas, t, o, s, i, e);
   }
   async getSnapshotRender(n) {
@@ -5231,7 +5262,7 @@ class ye {
     const o = await this.getRectImageBitmap(this.getSceneRect(), t);
     o && (this.post({
       sp: [{
-        type: w.Snapshot,
+        type: y.Snapshot,
         scenePath: e,
         imageBitmap: o,
         viewId: this.viewId
@@ -5246,13 +5277,13 @@ class ye {
       for (const [i, r] of Object.entries(t))
         if (r != null && r.type)
           switch (r == null ? void 0 : r.type) {
-            case w.UpdateNode:
-            case w.FullWork: {
+            case y.UpdateNode:
+            case y.FullWork: {
               const a = await this.runFullWork({
                 ...r,
                 workId: i,
-                msgType: w.FullWork,
-                dataType: C.Service,
+                msgType: y.FullWork,
+                dataType: R.Service,
                 viewId: this.viewId
               });
               s = B(s, a);
@@ -5261,7 +5292,7 @@ class ye {
           }
       s && this.post({
         sp: [{
-          type: w.BoundingBox,
+          type: y.BoundingBox,
           scenePath: e,
           rect: s
         }]
@@ -5296,8 +5327,8 @@ class ye {
   }
   combinePost() {
     var t, o, s;
-    const n = this.combinePostData(), e = (t = n.sp) == null ? void 0 : t.filter((i) => i.type !== w.None || Object.keys(i).filter((r) => r === "type").length);
-    e != null && e.length && (n.sp = e.map((i) => i.viewId ? i : { ...i, viewId: this.viewId })), ((o = n.sp) == null ? void 0 : o.length) === 0 && delete n.sp, (n != null && n.drawCount || n != null && n.workerTasksqueueCount || (s = n.sp) != null && s.length) && (console.log("mainThread-post-end--001", this.fullLayer.children.length), this.opt.post(n));
+    const n = this.combinePostData(), e = (t = n.sp) == null ? void 0 : t.filter((i) => i.type !== y.None || Object.keys(i).filter((r) => r === "type").length);
+    e != null && e.length && (n.sp = e.map((i) => i.viewId ? i : { ...i, viewId: this.viewId })), ((o = n.sp) == null ? void 0 : o.length) === 0 && delete n.sp, (n != null && n.drawCount || (s = n.sp) != null && s.length) && this.opt.post(n);
   }
   createScene(n) {
     return new Nt({
@@ -5340,7 +5371,7 @@ class We {
   }
   post(n) {
     const { drawCount: e, sp: t, workerTasksqueueCount: o } = n;
-    console.log("mainThread-post-end", n), V(o) && this.master.setWorkerTasksqueueCount(o), V(e) && this.master.setMaxDrawCount(e), t && this.master.collectorSyncData(t);
+    this.master.isBusy && q(o) && this.master.setWorkerTasksqueueCount(o), q(e) && this.master.setMaxDrawCount(e), t && this.master.collectorSyncData(t);
   }
   destroy() {
     this.mainThreadMap.clear();
@@ -5351,30 +5382,30 @@ class We {
   createSnapshotThread(n, e) {
     return new ye(n, e);
   }
-  consume(n) {
+  async consume(n) {
     var e, t, o, s;
     for (const i of n.values()) {
       const { msgType: r, viewId: a, tasksqueue: c, mainTasksqueueCount: l, layerOpt: h, offscreenCanvasOpt: p, cameraOpt: f } = i;
-      if (r === w.Init) {
-        const u = (e = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : e.displayer, y = u == null ? void 0 : u.canvasContainerRef.current;
-        if (u && y && h && p) {
-          const k = this.createMainThread(a, {
+      if (r === y.Init) {
+        const u = (e = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : e.displayer, w = u == null ? void 0 : u.canvasContainerRef.current;
+        if (u && w && h && p) {
+          const S = this.createMainThread(a, {
             displayer: u,
-            container: y,
+            container: w,
             layerOpt: h,
             master: this.master,
             canvasOpt: p,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(a, k), k && f && k.setCameraOpt(f);
+          this.mainThreadMap.set(a, S), S && f && S.setCameraOpt(f);
         }
         continue;
       }
-      if ((r === w.Snapshot || r === w.BoundingBox) && a === ((t = this.master.control.viewContainerManager.mainView) == null ? void 0 : t.id)) {
-        const u = (o = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : o.displayer, y = (s = u.snapshotContainerRef) == null ? void 0 : s.current;
-        if (u && y && f) {
-          y.style.width = `${f.width}px`, y.style.height = `${f.height}px`;
-          const k = {
+      if ((r === y.Snapshot || r === y.BoundingBox) && a === ((t = this.master.control.viewContainerManager.mainView) == null ? void 0 : t.id)) {
+        const u = (o = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : o.displayer, w = (s = u.snapshotContainerRef) == null ? void 0 : s.current;
+        if (u && w && f) {
+          w.style.width = `${f.width}px`, w.style.height = `${f.height}px`;
+          const S = {
             ...Pt.defaultLayerOpt,
             offscreen: !1,
             width: f.width,
@@ -5386,31 +5417,31 @@ class We {
           };
           this.snapshotThread = this.createSnapshotThread(a, {
             displayer: u,
-            container: y,
-            layerOpt: k,
+            container: w,
+            layerOpt: S,
             master: this.master,
             canvasOpt: b,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
-            this.snapshotThread = void 0, y.innerHTML = "", y.style.width = "", y.style.height = "";
+            this.snapshotThread = void 0, w.innerHTML = "", w.style.width = "", w.style.height = "";
           });
           continue;
         }
       }
-      if (r === w.TasksQueue && (c != null && c.size) && l) {
-        for (const [u, y] of this.mainThreadMap.entries()) {
-          const k = c.get(u);
-          k && y.on(k, l);
+      if (r === y.TasksQueue && (c != null && c.size)) {
+        for (const [u, w] of this.mainThreadMap.entries()) {
+          const S = c.get(u);
+          S && (await w.on(S), l && this.post({ workerTasksqueueCount: l }));
         }
         continue;
       }
-      if (a === qt) {
+      if (a === Gt) {
         for (const u of this.mainThreadMap.values())
-          u.on(i), r === w.Destroy && this.mainThreadMap.delete(a);
+          u.on(i), r === y.Destroy && this.mainThreadMap.delete(a);
         continue;
       }
       const d = this.mainThreadMap.get(a);
-      d && (d.on(i), r === w.Destroy && this.mainThreadMap.delete(a));
+      d && (d.on(i), r === y.Destroy && this.mainThreadMap.delete(a));
     }
   }
 }