@netless/appliance-plugin 1.0.0-beta.8 → 1.0.1

package/dist/{index-Bt9t1FKB.mjs → index-ClJPZxV-.mjs}

@@ -1,14 +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-CTYUQm0L.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 = (M, n, e) => n in M ? Bt(M, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : M[n] = e;
+var m = (M, n, e) => (zt(M, 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 X, f as P, h as y, j as C, k as A, l as Y, t as K, V as k, m as ht, S as $, 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 Ht, B as Vt, C as E, D as Pt, F as Gt } from "./index-C1YKkWHE.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";
-const j = class j {
+import "lodash";
+const V = class V {
   constructor(n) {
     m(this, "syncUnitTime", 1e3);
     m(this, "vNodes");
@@ -45,14 +46,14 @@ const j = class j {
       const i = this.fullLayer.getElementsByName(t) || this.drawLayer && this.drawLayer.getElementsByName(t) || [];
       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);
+      const r = i[0], { pos: a, zIndex: c, scale: l, angle: h, translate: p } = n, u = {};
+      q(c) && (u.zIndex = c), a && (u.pos = [a[0], a[1]]), l && (u.scale = l), h && (u.rotate = h), p && (u.translate = p), r.attr(u);
       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 - V.SafeBorderPadding),
+        y: Math.floor(d.y - V.SafeBorderPadding),
+        w: Math.floor(d.width + V.SafeBorderPadding * 2),
+        h: Math.floor(d.height + V.SafeBorderPadding * 2)
       })), (s = this.vNodes) == null || s.setInfo(t, {
         rect: e,
         centerPos: a
@@ -76,51 +77,61 @@ const j = class j {
     });
   }
   static updateNodeOpt(n) {
-    const { node: e, opt: t, vNodes: o, willSerializeData: s, targetNode: i } = n, { zIndex: r, translate: a, angle: c, box: l, boxScale: h, boxTranslate: p, pointMap: f } = t;
+    const { node: e, opt: t, vNodes: o, willSerializeData: s, targetNode: i } = n, { zIndex: r, translate: a, angle: c, box: l, boxScale: h, boxTranslate: p, pointMap: u } = t;
     let d;
-    const u = i && tt(i) || o.get(e.name);
-    if (!u)
+    const f = i && tt(i) || o.get(e.name);
+    if (!f)
       return;
-    V(r) && (e.setAttribute("zIndex", r), u.opt.zIndex = r);
-    const y = e.parent;
-    if (y) {
+    q(r) && (e.setAttribute("zIndex", r), f.opt.zIndex = r);
+    const w = e.parent;
+    if (w) {
       if (l && p && h) {
-        const { rect: k } = 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 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);
+        const { rect: S } = f, b = [];
+        for (let R = 0; R < f.op.length; R += 3)
+          b.push(new O(f.op[R], f.op[R + 1], f.op[R + 2]));
+        const I = z(b), g = [I.w * w.worldScaling[0], I.h * w.worldScaling[0]], L = [S.w - g[0], S.h - g[1]], v = [(S.w * h[0] - L[0]) / g[0], (S.h * h[1] - L[1]) / g[1]], W = [p[0] / w.worldScaling[0], p[1] / w.worldScaling[1]], D = f.op.map((R, U) => {
+          const F = U % 3;
+          return F === 0 ? R + W[0] : F === 1 ? R + W[1] : R;
+        }), T = [f.centerPos[0] + W[0], f.centerPos[1] + W[1]];
+        Ft(D, T, v);
         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));
-      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];
+        for (let R = 0; R < D.length; R += 3)
+          x.push(new O(D[R], D[R + 1], D[R + 2]));
+        f.op = D, f.centerPos = T;
+      } else if (a)
+        if (e.setAttribute("translate", a), f.opt.translate = a, i) {
+          const S = [a[0] * w.worldScaling[0], a[1] * w.worldScaling[1]];
+          d = pt(f.rect, S), f.rect = d;
+        } else {
+          const S = V.getRectFromLayer(w, e.name);
+          f.rect = S || f.rect;
+        }
+      else if (q(c))
+        if (e.setAttribute("rotate", c), f.opt.rotate = c, i)
+          d = Tt(f.rect, c), f.rect = d;
+        else {
+          const S = V.getRectFromLayer(w, e.name);
+          f.rect = S || f.rect;
+        }
+      if (u) {
+        const S = u.get(e.name);
+        if (S)
+          for (let b = 0, I = 0; b < f.op.length; b += 3, I++)
+            f.op[b] = S[I][0], f.op[b + 1] = S[I][1];
       }
       if (s) {
         if (a) {
-          const k = [a[0] / y.worldScaling[0], a[1] / y.worldScaling[1]], b = u.op.map((v, g) => {
+          const S = [a[0], a[1]], b = f.op.map((I, g) => {
             const L = g % 3;
-            return L === 0 ? v + k[0] : L === 1 ? v + k[1] : v;
+            return L === 0 ? I + S[0] : L === 1 ? I + S[1] : I;
           });
-          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);
+          f.op = b, f.centerPos = [f.centerPos[0] + S[0], f.centerPos[1] + S[1]], f != null && f.opt && (f.opt.translate = void 0);
+        } else if (q(c)) {
+          const S = f.op;
+          Ut(S, f.centerPos, c), f.op = S, f != null && f.opt && (f.opt.rotate = void 0);
         }
       }
-      u && o.setInfo(e.name, u);
+      f && o.setInfo(e.name, f);
     }
   }
   static getCenterPos(n, e) {
@@ -135,36 +146,36 @@ 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 - V.SafeBorderPadding),
+        y: Math.floor(o.y - V.SafeBorderPadding),
+        w: Math.floor(o.width + V.SafeBorderPadding * 2),
+        h: Math.floor(o.height + V.SafeBorderPadding * 2)
       };
     }
   }
 };
-m(j, "SafeBorderPadding", 10);
-let W = j;
-function lt(R, n = !0) {
-  const e = R.length;
+m(V, "SafeBorderPadding", 10);
+let N = V;
+function lt(M, n = !0) {
+  const e = M.length;
   if (e < 2)
     return "";
-  let t = R[0], o = R[1];
+  let t = M[0], o = M[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 = M[i], o = M[i + 1], s += nt(t, o);
+  return n ? `M${nt(M[0], M[1])}Q${rt(M[1])}${nt(
+    M[1],
+    M[2]
+  )}T${s}${nt(M[e - 1], M[0])}${nt(M[0], M[1])}Z` : `M${rt(M[0])}Q${rt(M[1])}${nt(M[1], M[2])}${M.length > 3 ? "T" : ""}${s}L${rt(M[e - 1])}`;
 }
-class Wt extends W {
+class Wt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Pencil);
     m(this, "syncTimestamp");
     m(this, "syncIndex", 0);
@@ -186,7 +197,7 @@ 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,
+      type: y.DrawWork,
       dataType: C.Local
     };
   }
@@ -197,46 +208,46 @@ 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 = {
+    const u = {
       name: c == null ? void 0 : c.toString(),
       id: r == null ? void 0 : r.toString()
     };
-    let d, u = !1;
-    const y = 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 });
+    let d, f = !1;
+    const w = this.syncIndex;
+    if (this.syncTimestamp === 0 && (this.syncTimestamp = Date.now()), l.length && (l[0].taskId - this.syncTimestamp > this.syncUnitTime && (f = !0, this.syncTimestamp = l[0].taskId, this.syncIndex = this.tmpPoints.length), s || i)) {
+      const I = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      d = this.draw({ attrs: u, tasks: l, effects: h, layer: I, replaceId: a });
     }
     if (s)
       return p > 10 && this.tmpPoints.splice(0, p - 10), {
         rect: d,
-        type: w.DrawWork,
+        type: y.DrawWork,
         dataType: C.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((I) => {
+      S.push(I.x, I.y, this.computRadius(I.z, this.workOptions.thickness));
     }), {
       rect: d,
-      type: w.DrawWork,
+      type: y.DrawWork,
       dataType: C.Local,
-      workId: u ? c : void 0,
-      op: u ? k : void 0,
-      index: u ? y * 3 : void 0
+      workId: f ? c : void 0,
+      op: f ? S : void 0,
+      index: f ? w * 3 : void 0
     };
   }
   consumeAll(e) {
     var l, h;
     if (e.data) {
-      const { op: p, workState: f } = e.data;
-      p != null && p.length && f === D.Done && this.workOptions.strokeType === X.Stroke && this.updateTempPointsWithPressureWhenDone(p);
+      const { op: p, workState: u } = e.data;
+      p != null && p.length && u === A.Done && this.workOptions.strokeType === Y.Stroke && this.updateTempPointsWithPressureWhenDone(p);
     }
     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
     };
@@ -255,10 +266,10 @@ class Wt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, r)
+      centerPos: i && N.getCenterPos(i, r)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: t,
       ops: c,
@@ -277,12 +288,12 @@ class Wt extends W {
     const { op: t, isFullWork: o, replaceId: s } = e;
     this.tmpPoints.length = 0;
     for (let p = 0; p < t.length; p += 3) {
-      const f = new O(t[p], t[p + 1], t[p + 2]);
+      const u = 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();
-        f.setv(u);
+        const d = this.tmpPoints[this.tmpPoints.length - 1], f = k.Sub(u, d).uni();
+        u.setv(f);
       }
-      this.tmpPoints.push(f);
+      this.tmpPoints.push(u);
     }
     const i = this.transformDataAll(!1), r = (l = this.workId) == null ? void 0 : l.toString(), a = {
       name: r
@@ -297,7 +308,7 @@ class Wt extends W {
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: c && W.getCenterPos(c, p)
+        centerPos: c && N.getCenterPos(c, p)
       });
     }
     return c;
@@ -306,63 +317,63 @@ class Wt extends W {
     return this.getTaskPoints(this.tmpPoints, e && this.workOptions.thickness || void 0);
   }
   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;
+    const { attrs: t, tasks: o, replaceId: s, effects: i, layer: r } = e, { strokeColor: a, strokeType: c, thickness: l, zIndex: h, scale: p, rotate: u, translate: d } = this.workOptions;
     i != null && i.size && (i.forEach((g) => {
       var L;
       (L = r.getElementById(g + "")) == null || L.remove();
     }), i.clear());
-    let u;
-    const y = [], k = r.worldPosition, b = r.worldScaling;
+    let f;
+    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);
+      const { pos: L, points: v } = o[g], { ps: W, rect: D } = this.computDrawPoints(v);
       let T;
-      const x = N.length === 1;
-      c === X.Stroke || x ? T = lt(I, !0) : T = lt(I, !1);
-      const M = {
+      const x = v.length === 1;
+      c === Y.Stroke || x ? T = lt(W, !0) : T = lt(W, !1);
+      const R = {
         pos: L,
         d: T,
-        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,
+        fillColor: c === Y.Stroke || x ? a : void 0,
+        lineDash: c === Y.Dotted && !x ? [1, l * 2] : c === Y.LongDotted && !x ? [l, l * 2] : void 0,
         strokeColor: a,
-        lineCap: c === X.Stroke || x ? void 0 : "round",
-        lineWidth: c === X.Stroke || x ? 0 : l
+        lineCap: c === Y.Stroke || x ? void 0 : "round",
+        lineWidth: c === Y.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);
+      f = B(f, {
+        x: Math.floor((D.x + L[0]) * b[0] + S[0] - N.SafeBorderPadding),
+        y: Math.floor((D.y + L[1]) * b[1] + S[1] - N.SafeBorderPadding),
+        w: Math.floor(D.w * b[0] + 2 * N.SafeBorderPadding),
+        h: Math.floor(D.h * b[1] + 2 * N.SafeBorderPadding)
+      }), w.push(R);
     }
-    p && (t.scale = p), f && (t.rotate = f), d && (t.translate = d);
-    const v = new _();
-    if (u) {
-      this.centerPos = W.getCenterPos(u, r), v.attr({
+    p && (t.scale = p), u && (t.rotate = u), d && (t.translate = d);
+    const I = new _();
+    if (f) {
+      this.centerPos = N.getCenterPos(f, r), I.attr({
         ...t,
         normalize: !0,
         anchor: [0.5, 0.5],
-        bgcolor: c === X.Stroke ? a : void 0,
+        bgcolor: c === Y.Stroke ? a : void 0,
         pos: this.centerPos,
-        size: [(u.w - 2 * W.SafeBorderPadding) / b[0], (u.h - 2 * W.SafeBorderPadding) / b[1]],
+        size: [(f.w - 2 * N.SafeBorderPadding) / b[0], (f.h - 2 * N.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((L) => (L.pos = [L.pos[0] - this.centerPos[0], L.pos[1] - this.centerPos[1]], new it(L)));
+      I.append(...g), c === Y.Stroke && I.seal(), this.replace(r, s || t.workId, I);
     }
-    if (p || f || d) {
-      const g = v == null ? void 0 : v.getBoundingClientRect();
+    if (p || u || d) {
+      const g = I == null ? void 0 : I.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 - N.SafeBorderPadding),
+          y: Math.floor(g.y - N.SafeBorderPadding),
+          w: Math.floor(g.width + N.SafeBorderPadding * 2),
+          h: Math.floor(g.height + N.SafeBorderPadding * 2)
         };
     }
-    return u;
+    return f;
   }
   computDrawPoints(e) {
-    return this.workOptions.strokeType === X.Stroke || e.length === 1 ? this.computStroke(e) : this.computNomal(e);
+    return this.workOptions.strokeType === Y.Stroke || e.length === 1 ? this.computStroke(e) : this.computNomal(e);
   }
   computNomal(e) {
     let t = this.workOptions.thickness;
@@ -378,8 +389,8 @@ 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);
-      t.push(O.Sub(l, f)), o.push(O.Add(l, f));
+      const u = k.Per(p).mul(h);
+      t.push(O.Sub(l, u)), o.push(O.Add(l, u));
     }
     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);
     return { ps: a, rect: z(a) };
@@ -393,7 +404,7 @@ class Wt extends W {
     let i = this.tmpPoints.length - 1, r = [];
     if (o != null && o.length && s) {
       const { strokeType: a, thickness: c } = this.workOptions, l = /* @__PURE__ */ new Set();
-      i = a === X.Stroke ? this.updateTempPointsWithPressure(o, c, l) : this.updateTempPoints(o, c, l);
+      i = a === Y.Stroke ? this.updateTempPointsWithPressure(o, c, l) : this.updateTempPoints(o, c, l);
       const h = t ? this.tmpPoints : this.tmpPoints.slice(i);
       return r = this.getTaskPoints(h, c), { tasks: r, effects: l, consumeIndex: i };
     }
@@ -413,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], u = p.x - i, d = p.y - r, f = p.z, w = t ? this.computRadius(f, t) : f;
       if (c.push({
-        point: new O(f, d, u, e[s].v),
-        radius: y
+        point: new O(u, d, f, e[s].v),
+        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 I = p.x - i, g = p.y - r;
           c = [{
-            point: new O(v, g, u),
-            radius: y
+            point: new O(I, g, f),
+            radius: w
           }], l = Date.now();
         }
       }
@@ -454,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();
-      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)
+      const p = l - 1, u = this.tmpPoints[p], d = k.Sub(h, u).uni();
+      if (h.isNear(u, t)) {
+        if (u.z < this.MAX_REPEAR) {
+          if (u.setz(Math.min(u.z + 1, this.MAX_REPEAR)), r = Math.min(r, p), l > 1) {
+            let S = l - 1;
+            for (; S > 0; ) {
+              const b = this.tmpPoints[S].distance(this.tmpPoints[S - 1]), I = Math.max(this.tmpPoints[S].z - this.uniThickness * b, 0);
+              if (this.tmpPoints[S - 1].z >= I)
                 break;
-              this.tmpPoints[k - 1].setz(v), r = Math.min(r, k - 1), k--;
+              this.tmpPoints[S - 1].setz(I), r = Math.min(r, S - 1), S--;
             }
           }
         } else
@@ -471,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 f = h.distance(u), w = Math.max(u.z - this.uniThickness * f, 0);
+      l > 1 && k.Equals(d, u.v, 0.02) && (w > 0 || u.z <= 0) && (o && u.t && o.add(u.t), this.tmpPoints.pop(), r = Math.min(p, r)), h.setz(w), this.tmpPoints.push(h);
     }
     if (r === 1 / 0)
       return this.tmpPoints.length;
@@ -504,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 u = h - 1, d = this.tmpPoints[u], f = k.Sub(p, d).uni();
       if (p.isNear(d, t / 2)) {
-        r = Math.min(f, r);
+        r = Math.min(u, 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(f, d.v, 0.02) && (o && d.t && o.add(d.t), this.tmpPoints.pop(), r = Math.min(u, r)), p.setv(f), this.tmpPoints.push(p);
     }
     let a = i;
     if (r === i) {
@@ -537,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 f = this.tmpPoints[d].distance(this.tmpPoints[d - 1]), w = Math.max(this.tmpPoints[d].z - this.uniThickness * f, -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);
+      const u = Math.max(l.z - this.uniThickness * p, s);
+      r > 1 && k.Equals(h, l.v, 0.02) && l.z <= 0 && this.tmpPoints.pop(), a.setz(u), this.tmpPoints.push(a);
     }
   }
   static updateNodeOpt(e) {
@@ -562,29 +573,15 @@ 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), N.updateNodeOpt(e);
+  }
 }
-class Lt extends W {
+class Lt extends N {
   constructor(e) {
     super(e);
     m(this, "toolsType", P.LaserPen);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.none);
+    m(this, "scaleType", X.none);
     m(this, "syncTimestamp");
     m(this, "syncIndex", 0);
     m(this, "tmpPoints", []);
@@ -600,29 +597,29 @@ 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);
+    const p = this.syncIndex, u = this.tmpPoints.slice(this.consumeIndex);
     this.consumeIndex = this.tmpPoints.length - 1, this.syncTimestamp === 0 && (this.syncTimestamp = Date.now());
     const d = {
       name: s == null ? void 0 : s.toString(),
       opacity: 1,
-      lineDash: c === X.Dotted ? [1, a * 2] : c === X.LongDotted ? [a, a * 2] : void 0,
+      lineDash: c === Y.Dotted ? [1, a * 2] : c === Y.LongDotted ? [a, a * 2] : void 0,
       strokeColor: r,
       lineCap: "round",
       lineWidth: a,
       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 });
+    }, f = this.getTaskPoints(u);
+    if (f.length) {
+      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: f, 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],
@@ -630,10 +627,10 @@ class Lt extends W {
         w: l.w * this.fullLayer.worldScaling[0],
         h: l.h * this.fullLayer.worldScaling[1]
       },
-      type: w.DrawWork,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: h ? s : void 0,
-      op: h ? y : void 0,
+      op: h ? w : void 0,
       index: h ? p * 2 : void 0
     };
   }
@@ -656,13 +653,13 @@ class Lt extends W {
         name: e == null ? void 0 : e.toString(),
         fillColor: a ? c : void 0,
         opacity: 1,
-        lineDash: h === X.Dotted && !a ? [1, l * 2] : h === X.LongDotted && !a ? [l, l * 2] : void 0,
+        lineDash: h === Y.Dotted && !a ? [1, l * 2] : h === Y.LongDotted && !a ? [l, l * 2] : void 0,
         strokeColor: c,
         lineCap: a ? void 0 : "round",
         lineWidth: a ? 0 : l,
         anchor: [0.5, 0.5]
-      }, f = this.getTaskPoints(r);
-      f.length && this.draw({ attrs: p, tasks: f, isDot: a, layer: this.drawLayer || this.fullLayer });
+      }, u = this.getTaskPoints(r);
+      u.length && this.draw({ attrs: p, tasks: u, isDot: a, layer: this.drawLayer || this.fullLayer });
     }
     const o = [];
     this.tmpPoints.forEach((r) => {
@@ -676,7 +673,7 @@ class Lt extends W {
         w: t.w * this.fullLayer.worldScaling[0],
         h: t.h * this.fullLayer.worldScaling[1]
       },
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: e,
       ops: s,
@@ -687,15 +684,15 @@ class Lt extends W {
     this.tmpPoints.length = 0, this.syncTimestamp = 0, this.syncIndex = 0;
   }
   consumeService(e) {
-    var u;
+    var f;
     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);
@@ -703,26 +700,26 @@ 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 = {
-      name: (u = this.workId) == null ? void 0 : u.toString(),
+    const u = {
+      name: (f = this.workId) == null ? void 0 : f.toString(),
       fillColor: p ? i : void 0,
       opacity: 1,
-      lineDash: a === X.Dotted && !p ? [1, r * 2] : a === X.LongDotted && !p ? [r, r * 2] : void 0,
+      lineDash: a === Y.Dotted && !p ? [1, r * 2] : a === Y.LongDotted && !p ? [r, r * 2] : void 0,
       strokeColor: i,
       lineCap: p ? void 0 : "round",
       lineWidth: p ? 0 : r,
       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: u, tasks: d, isDot: p, replaceId: o, layer: w });
     }
     return {
       x: l.x * this.fullLayer.worldScaling[0] + this.fullLayer.worldPosition[0],
@@ -755,13 +752,13 @@ class Lt extends W {
         pos: l,
         d: p
       });
-      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 { vertex: u, fragment: d } = this.workOptions;
+      if (u && d) {
+        const f = i.renderer.createProgram({ vertex: u, fragment: d }), { width: w, height: S } = i.getResolution();
         c.setUniforms({
           u_time: 0,
-          u_resolution: [y, k]
-        }), c.setProgram(u);
+          u_resolution: [w, S]
+        }), c.setProgram(f);
       }
       i.appendChild(c), c.transition(r).attr({
         scale: s ? [0.1, 0.1] : [1, 1],
@@ -780,15 +777,15 @@ class Lt extends W {
     for (; o < e.length; ) {
       const l = e[o], h = l.x - s, p = l.y - i;
       if (a.push(new O(h, p)), o > 0 && o < e.length - 1) {
-        const f = e[o].getAngleByPoints(e[o - 1], e[o + 1]);
-        if (f < 90 || f > 270) {
+        const u = e[o].getAngleByPoints(e[o - 1], e[o + 1]);
+        if (u < 90 || u > 270) {
           const d = (c = a.pop()) == null ? void 0 : c.clone();
           d && t.push({
             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 f = l.x - s, w = l.y - i;
+          a = [new O(f, w)];
         }
       }
       o++;
@@ -816,11 +813,11 @@ class Lt extends W {
     }), o.length && o.forEach((s) => s.remove()), t;
   }
 }
-const at = class at extends W {
+const at = class at extends N {
   constructor(e, t) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.none);
+    m(this, "scaleType", X.none);
     m(this, "toolsType", P.Eraser);
     m(this, "serviceWork");
     m(this, "tmpPoints", []);
@@ -850,12 +847,12 @@ 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);
-          h.push(this.tmpPoints[0] + f.x, this.tmpPoints[1] + f.y);
+          const u = k.Mul(s, p * c);
+          h.push(this.tmpPoints[0] + u.x, this.tmpPoints[1] + u.y);
         }
         return h.concat(e);
       }
@@ -863,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;
@@ -878,12 +875,12 @@ const at = class at extends W {
     function i(a, c) {
       const l = a;
       for (let h = 0; h < a.length; h++) {
-        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);
+        const p = a[h], u = p.findIndex((d, f) => f < p.length - 1 ? r([d, p[f + 1]], [c[0], c[1]]) : !1);
+        if (u !== -1 && u > -1) {
+          const d = [], f = p.slice(0, u + 1);
+          if (k.Equals(p[u], c[0]) || f.push(c[0].clone().setz(p[u].z)), f.length > 1 && d.push(f), u + c.length - 1 < p.length - 1) {
+            const w = u + 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;
         }
@@ -891,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) {
@@ -904,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);
@@ -919,23 +916,23 @@ const at = class at extends W {
     let r;
     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));
+        const { op: l, toolsType: h } = c, p = this.isLineEraser(h, i), u = [], d = [];
+        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), u.push(new O(S.x, S.y));
         }
-        const u = f.length && z(f) || c.rect;
-        if (ht(u, this.eraserRect)) {
+        const f = u.length && z(u) || c.rect;
+        if (ht(f, 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 I = 0; I < b.length; I++) {
+                const g = `${a}_s_${I}`, L = [];
+                b[I].forEach((v) => {
+                  L.push((v.x - this.worldPosition[0]) / this.worldScaling[0], (v.y - this.worldPosition[1]) / this.worldScaling[1], v.z);
                 }), c.opt && c.toolsType && this.vNodes && (this.vNodes.setInfo(g, {
-                  rect: u,
+                  rect: f,
                   op: L,
                   opt: c.opt,
                   canRotate: c.canRotate,
@@ -951,24 +948,24 @@ const at = class at extends W {
             }
           } else
             o.add(c.name);
-          r = B(r, u);
+          r = B(r, f);
         }
       }
     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 -= N.SafeBorderPadding, r.y -= N.SafeBorderPadding, r.w += N.SafeBorderPadding * 2, r.h += N.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();
@@ -976,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());
@@ -989,7 +986,7 @@ const at = class at extends W {
       for (const l of a.keys())
         r.has(l) && a.delete(l);
       return {
-        type: w.RemoveNode,
+        type: y.RemoveNode,
         dataType: C.Local,
         rect: i,
         removeIds: [...r],
@@ -997,7 +994,7 @@ const at = class at extends W {
       };
     }
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeAll(e) {
@@ -1026,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 N {
   constructor(e) {
     super(e);
     m(this, "toolsType", P.Selector);
@@ -1042,7 +1039,7 @@ const Q = class Q extends W {
     m(this, "canRotate", !1);
     m(this, "canTextEdit", !1);
     m(this, "canLock", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsTypes");
     m(this, "shapeOpt");
     m(this, "textOpt");
@@ -1081,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,
@@ -1096,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({
+      ], u = new kt({
         normalize: !0,
         pos: p,
         lineWidth: 1,
@@ -1106,7 +1103,7 @@ const Q = class Q extends W {
         id: `selector-${h}`,
         name: `selector-${h}`
       });
-      c.push(f);
+      c.push(u);
     }), c && a.append(...c), (i == null ? void 0 : i.parent).appendChild(a);
   }
   draw(e, t, o, s = !1) {
@@ -1121,18 +1118,18 @@ const Q = class Q extends W {
     });
   }
   getSelecteorInfo(e) {
-    this.scaleType = U.all, this.canRotate = !1, this.textOpt = void 0, this.strokeColor = void 0, this.fillColor = void 0, this.canTextEdit = !1, this.canLock = !1, this.isLocked = !1, this.toolsTypes = void 0, this.shapeOpt = void 0;
+    this.scaleType = X.all, this.canRotate = !1, this.textOpt = void 0, this.strokeColor = void 0, this.fillColor = void 0, this.canTextEdit = !1, this.canLock = !1, this.isLocked = !1, this.toolsTypes = void 0, this.shapeOpt = void 0;
     const t = /* @__PURE__ */ new Set();
     let o;
     for (const s of e.values()) {
       const { opt: i, canRotate: r, scaleType: a, toolsType: c } = s;
-      this.selectorColor = this.workOptions.strokeColor, i.strokeColor && (this.strokeColor = i.strokeColor), i.fillColor && (this.fillColor = i.fillColor), i.textOpt && (this.textOpt = i.textOpt), c === P.SpeechBalloon && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = i.placement), c === P.Polygon && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = i.vertices), c === P.Star && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = i.vertices, this.shapeOpt.innerRatio = i.innerRatio, this.shapeOpt.innerVerticeStep = i.innerVerticeStep), c === P.Text && (this.textOpt = i), e.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = r, this.scaleType = a), a === U.none && (this.scaleType = a), c === P.Image && (o = s);
+      this.selectorColor = this.workOptions.strokeColor, i.strokeColor && (this.strokeColor = i.strokeColor), i.fillColor && (this.fillColor = i.fillColor), i.textOpt && (this.textOpt = i.textOpt), c === P.SpeechBalloon && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.placement = i.placement), c === P.Polygon && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = i.vertices), c === P.Star && (t.add(c), this.shapeOpt || (this.shapeOpt = {}), this.shapeOpt.vertices = i.vertices, this.shapeOpt.innerRatio = i.innerRatio, this.shapeOpt.innerVerticeStep = i.innerVerticeStep), c === P.Text && (this.textOpt = i), e.size === 1 && (this.textOpt && (this.canTextEdit = !0), this.canRotate = r, this.scaleType = a), a === X.none && (this.scaleType = a), c === P.Image && (o = s);
     }
-    t.size && (this.toolsTypes = [...t]), o && (e.size === 1 ? (this.canLock = !0, o.opt.locked && (this.isLocked = !0, this.scaleType = U.none, this.canRotate = !1, this.textOpt = void 0, this.fillColor = void 0, this.selectorColor = "rgb(177,177,177)", this.strokeColor = void 0, this.canTextEdit = !1)) : e.size > 1 && !o.opt.locked && (this.canLock = !1, this.canRotate = !1));
+    t.size && (this.toolsTypes = [...t]), o && (e.size === 1 ? (this.canLock = !0, o.opt.locked && (this.isLocked = !0, this.scaleType = X.none, this.canRotate = !1, this.textOpt = void 0, this.fillColor = void 0, this.selectorColor = "rgb(177,177,177)", this.strokeColor = void 0, this.canTextEdit = !1)) : e.size > 1 && !o.opt.locked && (this.canLock = !1, this.canRotate = !1));
   }
   getChildrenPoints() {
     var e, t;
-    if (this.scaleType === U.both && ((e = this.selectIds) == null ? void 0 : e.length) === 1) {
+    if (this.scaleType === X.both && ((e = this.selectIds) == null ? void 0 : e.length) === 1) {
       const o = this.selectIds[0], s = (t = this.vNodes.get(o)) == null ? void 0 : t.op;
       if (s) {
         const i = [];
@@ -1145,18 +1142,18 @@ const Q = class Q extends W {
   consume(e) {
     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 };
+    if (o === A.Start && (s = this.unSelectedAllIds()), !(t != null && t.length) || !this.vNodes.curNodeMap.size)
+      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,
+      type: y.Select,
       dataType: C.Local,
       rect: B(r, s),
       selectIds: i.selectIds,
@@ -1183,7 +1180,7 @@ 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,
+        type: y.Select,
         dataType: C.Local,
         rect: this.oldSelectRect,
         selectIds: this.selectIds,
@@ -1205,7 +1202,7 @@ const Q = class Q extends W {
       };
     }
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeService() {
@@ -1223,7 +1220,7 @@ const Q = class Q extends W {
       const { nodeRange: a } = this.vNodes.getRectIntersectRange({ x: s, y: i, w: 0, h: 0 }, !1), c = [...a.values()].sort((l, h) => (h.opt.zIndex || 0) - (l.opt.zIndex || 0));
       for (const l of c) {
         const h = this.fullLayer.getElementsByName(l.name);
-        if (Et(h).find((f) => f.isPointCollision(s, i))) {
+        if (Et(h).find((u) => u.isPointCollision(s, i))) {
           r = l;
           break;
         }
@@ -1283,12 +1280,12 @@ 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)) {
-      if (u === D.Start)
+    const u = /* @__PURE__ */ new Map(), { box: d, workState: f, angle: w, translate: S } = t;
+    let b = [0, 0], I = [1, 1], g = [0, 0], L, v;
+    if (d || S || q(w)) {
+      if (f === A.Start)
         return s.setTarget(), {
-          type: w.Select,
+          type: y.Select,
           dataType: C.Local,
           selectRect: this.oldSelectRect,
           rect: this.oldSelectRect
@@ -1296,121 +1293,122 @@ const Q = class Q extends W {
       if (L = s.getLastTarget(), L && d) {
         let T;
         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 R = L == null ? void 0 : L.get(x);
+          T = B(T, R == null ? void 0 : R.rect);
+        }), T && (I = [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]), v = T;
       }
     }
     if (o)
       for (const T of o) {
         const x = s.get(T);
         if (x) {
-          const { toolsType: M } = x;
-          let $ = (h == null ? void 0 : h.getElementsByName(T))[0];
-          if ($) {
+          const { toolsType: R } = x;
+          let U = (h == null ? void 0 : h.getElementsByName(T))[0];
+          if (U) {
             const F = { ...t };
-            let q;
-            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)];
+            let H;
+            if (R) {
+              if (H = L == null ? void 0 : L.get(T), H && d) {
+                F.boxScale = I;
+                const j = [H.rect.x + H.rect.w / 2, H.rect.y + H.rect.h / 2], et = [j[0] - g[0], j[1] - g[1]];
+                F.boxTranslate = [et[0] * (I[0] - 1) + b[0] + (a && a[0] || 0), et[1] * (I[1] - 1) + b[1] + (a && a[1] || 0)];
               }
-              const wt = At(M);
-              if (wt == null || wt.updateNodeOpt({
-                node: $,
+              const St = At(R);
+              if (St == null || St.updateNodeOpt({
+                node: U,
                 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({
-                  toolsType: M,
+                targetNode: H
+              }), x && r && // itemOpt.angle || itemOpt.translate || itemOpt.boxScale ||
+              (i && (F.angle || F.translate) || F.box && F.workState !== A.Start || F.pointMap && F.pointMap.has(T) || R === P.Text && (F.fontSize || F.translate || F.textInfos && F.textInfos.get(T)) || R === P.Image && (F.angle || F.translate || F.boxScale) || R === F.toolsType && F.willRefresh)) {
+                const j = r.createWorkShapeNode({
+                  toolsType: R,
                   toolsOpt: x.opt
                 });
-                G == null || G.setWorkId(T);
+                j == null || j.setWorkId(T);
                 let et;
-                M === P.Image && c ? et = await G.consumeServiceAsync({
+                R === P.Image && c ? et = await j.consumeServiceAsync({
                   isFullWork: !0,
                   replaceId: T,
                   scene: c,
                   isMainThread: l
-                }) : M === P.Text ? et = await G.consumeServiceAsync({
+                }) : R === P.Text ? et = await j.consumeServiceAsync({
                   isFullWork: !0,
                   replaceId: T
-                }) : et = G == null ? void 0 : G.consumeService({
+                }) : 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];
+                }), et && (x.rect = et), U = (h == null ? void 0 : h.getElementsByName(T))[0];
               }
-              x && (f.set(T, x), p = B(p, x.rect));
+              x && (u.set(T, x), p = B(p, x.rect));
             }
           }
         }
       }
-    L && u === D.Done && s.deleteLastTarget();
-    const I = p;
-    if (N && t.dir && I && !a) {
+    L && f === A.Done && (s.deleteLastTarget(), L = void 0);
+    const W = p;
+    if (v && t.dir && W && !a) {
       const T = [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);
+          const x = [v.x, v.y + v.h];
+          t.reverseY ? T[1] = x[1] - W.y : T[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);
+          const x = [v.x + v.w, v.y + v.h];
+          t.reverseY ? T[1] = x[1] - W.y : T[1] = x[1] - (W.y + W.h), t.reverseX ? T[0] = x[0] - W.x : T[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;
+          const x = [v.x, v.y + v.h];
+          t.reverseY ? T[1] = x[1] - W.y : T[1] = x[1] - (W.y + W.h), t.reverseX ? T[0] = x[0] - (W.x + W.w) : T[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;
+          const x = [v.x, v.y];
+          t.reverseY ? T[1] = x[1] - (W.y + W.h) : T[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);
+          const x = [v.x + v.w, v.y];
+          t.reverseY ? T[1] = x[1] - (W.y + W.h) : T[1] = x[1] - W.y, t.reverseX ? T[0] = x[0] - W.x : T[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;
+          const x = [v.x, v.y];
+          t.reverseY ? T[1] = x[1] - (W.y + W.h) : T[1] = x[1] - W.y, t.reverseX ? T[0] = x[0] - (W.x + W.w) : T[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;
+          const x = [v.x, v.y];
+          t.reverseX ? T[0] = x[0] - (W.x + W.w) : T[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 });
+        return W.x = W.x + T[0], W.y = W.y + T[1], await this.updateSelector({ ...e, offset: T });
     }
-    this.getSelecteorInfo(f), this.draw(Q.selectorId, h, {
+    this.getSelecteorInfo(u), this.draw(Q.selectorId, h, {
       selectIds: o || [],
-      subNodeMap: f,
-      intersectRect: I
+      subNodeMap: u,
+      intersectRect: W
     });
-    const A = B(this.oldSelectRect, I);
-    return this.oldSelectRect = I, {
-      type: w.Select,
+    const D = B(this.oldSelectRect, W);
+    return this.oldSelectRect = W, {
+      type: y.Select,
       dataType: C.Local,
-      selectRect: I,
+      selectRect: W,
       renderRect: p,
-      rect: B(A, I)
+      rect: B(D, W)
     };
   }
   blurSelector() {
     const e = this.unSelectedAllIds();
     return {
-      type: w.Select,
+      type: y.Select,
       dataType: C.Local,
       rect: e,
       selectIds: [],
@@ -1468,7 +1466,7 @@ 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,
+        type: y.CursorHover,
         dataType: C.Local,
         rect: B(t, this.oldSelectRect),
         selectorColor: this.selectorColor,
@@ -1476,7 +1474,7 @@ const Q = class Q extends W {
       };
     if ((r = this.selectIds) != null && r.length || (this.oldSelectRect = void 0), t && !this.oldSelectRect)
       return this.cursorBlur(), {
-        type: w.CursorHover,
+        type: y.CursorHover,
         dataType: C.Local,
         rect: t,
         selectorColor: this.selectorColor,
@@ -1492,13 +1490,13 @@ const Q = class Q extends W {
     });
   }
 };
-m(Q, "selectorId", Y), m(Q, "selectorBorderId", "selector-border");
-let H = Q;
-class xt extends W {
+m(Q, "selectorId", $), m(Q, "selectorBorderId", "selector-border");
+let G = Q;
+class xt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.both);
+    m(this, "scaleType", X.both);
     m(this, "toolsType", P.Arrow);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -1511,33 +1509,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -1546,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 });
@@ -1562,10 +1560,10 @@ class xt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(i, s)
+      centerPos: N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -1574,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: u, rect: d } = this.computDrawPoints(i), w = {
       pos: [
         d.x + d.w / 2,
         d.y + d.h / 2
@@ -1582,53 +1580,53 @@ class xt extends W {
       name: t,
       id: t,
       close: !0,
-      points: f,
+      points: u,
       fillColor: s,
       strokeColor: s,
       lineWidth: 0,
       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 - N.SafeBorderPadding),
+        y: Math.floor(b.y - N.SafeBorderPadding),
+        w: Math.floor(b.width + N.SafeBorderPadding * 2),
+        h: Math.floor(b.height + N.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] - N.SafeBorderPadding),
+      y: Math.floor(d.y * p[1] + h[1] - N.SafeBorderPadding),
+      w: Math.floor(d.w * p[0] + 2 * N.SafeBorderPadding),
+      h: Math.floor(d.h * p[1] + 2 * N.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), u = O.Add(a, h), d = [
       s,
       c,
       p,
       this.tmpPoints[1],
-      f,
+      u,
       l,
       i
     ];
     return {
-      points: d.map((u) => O.Sub(u, this.tmpPoints[0]).XY).flat(1),
+      points: d.map((f) => O.Sub(f, this.tmpPoints[0]).XY).flat(1),
       rect: z(d),
       isTriangle: !1,
       pos: this.tmpPoints[0].XY
     };
   }
   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),
@@ -1664,7 +1662,7 @@ class xt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(r, i)
+      centerPos: N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -1673,14 +1671,14 @@ 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)), N.updateNodeOpt(e);
   }
 }
-class bt extends W {
+class bt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Ellipse);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -1692,33 +1690,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u, isDrawing: !0 });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f, isDrawing: !0 });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -1727,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 });
@@ -1743,10 +1741,10 @@ class bt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -1755,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, u = o.worldScaling, { radius: d, rect: f, pos: w } = this.computDrawPoints(a), S = {
+      pos: w,
       name: t,
       id: t,
       radius: d,
@@ -1768,34 +1766,34 @@ class bt extends W {
       name: t,
       id: t,
       zIndex: c,
-      pos: y,
+      pos: w,
       anchor: [0.5, 0.5],
-      size: [u.w, u.h]
+      size: [f.w, f.h]
     };
     l && (b.scale = l), h && (b.rotate = h), p && (b.translate = p);
-    const v = new _(b);
+    const I = new _(b);
     if (s) {
-      const N = new it({
+      const v = new it({
         d: "M-4,0H4M0,-4V4",
         normalize: !0,
         pos: [0, 0],
         strokeColor: i,
         lineWidth: 1,
-        scale: [1 / f[0], 1 / f[1]]
+        scale: [1 / u[0], 1 / u[1]]
       });
-      v.append(N);
+      I.append(v);
     }
-    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();
+    I.append(g), this.replace(o, t, I);
+    const L = I.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(L.x - N.SafeBorderPadding),
+      y: Math.floor(L.y - N.SafeBorderPadding),
+      w: Math.floor(L.width + N.SafeBorderPadding * 2),
+      h: Math.floor(L.height + N.SafeBorderPadding * 2)
     };
   }
   computDrawPoints(e) {
@@ -1834,7 +1832,7 @@ class bt extends W {
       toolsType: this.toolsType,
       canRotate: this.canRotate,
       scaleType: this.scaleType,
-      centerPos: W.getCenterPos(r, i)
+      centerPos: N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -1844,14 +1842,14 @@ 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), N.updateNodeOpt(e);
   }
 }
-class Rt extends W {
+class Rt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Rectangle);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -1871,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,
@@ -1880,37 +1878,37 @@ class Rt extends W {
     };
   }
   consume(e) {
-    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();
+    var f;
+    const { data: t, isFullWork: o, isSubWorker: s, isMainThread: i } = e, r = (f = t == null ? void 0 : t.workId) == null ? void 0 : f.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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     const p = this.transformData();
-    let f;
+    let u;
     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;
+      u = 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,
+      const w = Date.now();
+      return w - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = w, {
+        type: y.DrawWork,
         dataType: C.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, {
+    const d = B(u, this.oldRect);
+    return this.oldRect = u, {
       rect: d,
-      type: w.DrawWork,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -1919,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 });
@@ -1935,10 +1933,10 @@ class Rt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && N.getCenterPos(r, i)
     }), {
       rect: r,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: c,
@@ -1947,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: u, translate: d, textOpt: f } = this.workOptions, w = o.worldPosition, S = o.worldScaling, { points: b, rect: I, pos: g } = this.computDrawPoints(i), L = {
       close: !0,
       normalize: !0,
       points: b,
@@ -1955,49 +1953,49 @@ class Rt extends W {
       fillColor: c !== "transparent" && c || void 0,
       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 _({
+    }, v = {
+      x: Math.floor(I.x * S[0] + w[0] - N.SafeBorderPadding),
+      y: Math.floor(I.y * S[1] + w[1] - N.SafeBorderPadding),
+      w: Math.floor(I.w * S[0] + 2 * N.SafeBorderPadding),
+      h: Math.floor(I.h * S[0] + 2 * N.SafeBorderPadding)
+    }, W = new _({
       name: t,
       id: t,
       zIndex: h,
       pos: g,
       anchor: [0.5, 0.5],
       size: [
-        v.w,
-        v.h
+        I.w,
+        I.h
       ],
       scale: p,
-      rotate: f,
+      rotate: u,
       translate: d
-    }), A = new st({
+    }), D = new st({
       ...L,
       pos: [0, 0]
     });
-    if (I.appendChild(A), s) {
+    if (W.appendChild(D), s) {
       const T = 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(T);
     }
-    if (this.replace(o, r || t, I), p || f || d) {
-      const T = I.getBoundingClientRect();
+    if (this.replace(o, r || t, W), p || u || d) {
+      const T = 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(T.x - N.SafeBorderPadding),
+        y: Math.floor(T.y - N.SafeBorderPadding),
+        w: Math.floor(T.width + 2 * N.SafeBorderPadding),
+        h: Math.floor(T.height + 2 * N.SafeBorderPadding)
       };
     }
-    return N;
+    return v;
   }
   updateTempPoints(e) {
     const t = e.slice(-2), o = new O(t[0], t[1]), s = this.tmpPoints[0], { thickness: i } = this.workOptions;
@@ -2027,14 +2025,14 @@ class Rt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: c && W.getCenterPos(c, a)
+      centerPos: c && N.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,
@@ -2043,22 +2041,22 @@ class Rt extends W {
       bold: l,
       italic: h,
       lineThrough: p,
-      underline: f,
+      underline: u,
       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);
+    } = o, f = s.get(t.name);
+    let w = t;
+    if (t.tagName === "GROUP" && (w = t.children[0]), i && (w.setAttribute("strokeColor", i), (S = f == null ? void 0 : f.opt) != null && S.strokeColor && (f.opt.strokeColor = i)), r && (r === "transparent" ? w.setAttribute("fillColor", "rgba(0,0,0,0)") : w.setAttribute("fillColor", r), (b = f == null ? void 0 : f.opt) != null && b.fillColor && (f.opt.fillColor = r)), f != null && f.opt.textOpt) {
+      const I = f.opt.textOpt;
+      a && I.fontColor && (I.fontColor = a), c && I.fontBgColor && (I.fontBgColor = c), l && (I.bold = l), h && (I.italic = h), ot(p) && (I.lineThrough = p), ot(u) && (I.underline = u), d && (I.fontSize = d);
     }
-    return u && s.setInfo(t.name, u), W.updateNodeOpt(e);
+    return f && s.setInfo(t.name, f), N.updateNodeOpt(e);
   }
 }
-class Ct extends W {
+class Ct extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Star);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -2070,33 +2068,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u, isDrawing: !0 });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f, isDrawing: !0 });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
       // op: this.tmpPoints.map(c=>[...c.XY,0]).flat(1)
@@ -2106,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 });
@@ -2122,10 +2120,10 @@ class Ct extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -2134,9 +2132,9 @@ 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: u, rotate: d, translate: f } = this.workOptions, w = o.worldScaling, { rect: S, pos: b, points: I } = this.computDrawPoints(a, l, h, p), g = {
       close: !0,
-      points: v,
+      points: I,
       lineWidth: a,
       fillColor: r !== "transparent" && r || void 0,
       strokeColor: i,
@@ -2148,11 +2146,11 @@ class Ct extends W {
       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);
+    u && (L.scale = u), d && (L.rotate = d), f && (L.translate = f);
+    const v = new _(L);
     if (s) {
       const T = new it({
         d: "M-4,0H4M0,-4V4",
@@ -2160,29 +2158,29 @@ class Ct extends W {
         pos: [0, 0],
         strokeColor: i,
         lineWidth: 1,
-        scale: [1 / y[0], 1 / y[1]]
+        scale: [1 / w[0], 1 / w[1]]
       });
-      N.append(T);
+      v.append(T);
     }
-    const I = new st({
+    const W = new st({
       ...g,
       pos: [0, 0]
     });
-    N.append(I), this.replace(o, t, N);
-    const A = N.getBoundingClientRect();
+    v.append(W), this.replace(o, t, v);
+    const D = v.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(D.x - N.SafeBorderPadding),
+      y: Math.floor(D.y - N.SafeBorderPadding),
+      w: Math.floor(D.width + N.SafeBorderPadding * 2),
+      h: Math.floor(D.height + N.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);
+      const f = d * p - 0.5 * Math.PI;
+      let w, S;
+      d % o === 1 ? (w = l * a[0] * Math.cos(f), S = l * a[1] * Math.sin(f)) : (w = c * a[0] * Math.cos(f), S = c * a[1] * Math.sin(f), h.push(w, S)), h.push(w, S);
     }
     return {
       rect: z(this.tmpPoints, e),
@@ -2218,23 +2216,23 @@ class Ct extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
     this.tmpPoints.length = 0;
   }
   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;
+    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), u = 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), u != null && u.strokeColor && (u.strokeColor = i)), r && (r === "transparent" ? d.setAttribute("fillColor", "rgba(0,0,0,0)") : d.setAttribute("fillColor", r), u != null && u.fillColor && (u.fillColor = r)), a === P.Star && (c && (u.vertices = c), l && (u.innerVerticeStep = l), h && (u.innerRatio = h)), p && s.setInfo(t.name, { ...p, opt: u }), N.updateNodeOpt(e);
   }
 }
-class Mt extends W {
+class Mt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Polygon);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -2246,33 +2244,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u, isDrawing: !0 });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f, isDrawing: !0 });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -2281,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 });
@@ -2297,10 +2295,10 @@ class Mt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -2309,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: u } = this.workOptions, d = o.worldScaling, { rect: f, 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 = {
+    }, I = {
       name: t,
       id: t,
       zIndex: c,
-      pos: y,
+      pos: w,
       anchor: [0.5, 0.5],
-      size: [u.w, u.h]
+      size: [f.w, f.h]
     };
-    h && (v.scale = h), p && (v.rotate = p), f && (v.translate = f);
-    const g = new _(v);
+    h && (I.scale = h), p && (I.rotate = p), u && (I.translate = u);
+    const g = new _(I);
     if (s) {
-      const I = new it({
+      const W = new it({
         d: "M-4,0H4M0,-4V4",
         normalize: !0,
         pos: [0, 0],
@@ -2336,26 +2334,26 @@ class Mt extends W {
         lineWidth: 1,
         scale: [1 / d[0], 1 / d[1]]
       });
-      g.append(I);
+      g.append(W);
     }
     const L = new st({
       ...b,
       pos: [0, 0]
     });
     g.append(L), this.replace(o, t, g);
-    const N = g.getBoundingClientRect();
+    const v = 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(v.x - N.SafeBorderPadding),
+      y: Math.floor(v.y - N.SafeBorderPadding),
+      w: Math.floor(v.width + N.SafeBorderPadding * 2),
+      h: Math.floor(v.height + N.SafeBorderPadding * 2)
     };
   }
   computDrawPoints(e, t) {
     const o = z(this.tmpPoints), s = [Math.floor(o.x + o.w / 2), Math.floor(o.y + o.h / 2)], i = vt(o.w, o.h), r = Math.floor(Math.min(o.w, o.h) / 2), a = [], c = 2 * Math.PI / t;
     for (let h = 0; h < t; h++) {
-      const p = h * c - 0.5 * Math.PI, f = r * i[0] * Math.cos(p), d = r * i[1] * Math.sin(p);
-      a.push(f, d);
+      const p = h * c - 0.5 * Math.PI, u = r * i[0] * Math.cos(p), d = r * i[1] * Math.sin(p);
+      a.push(u, d);
     }
     return {
       rect: z(this.tmpPoints, e),
@@ -2391,7 +2389,7 @@ class Mt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -2400,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 }), N.updateNodeOpt(e);
   }
 }
 class Z {
@@ -2439,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 二阶贝塞尔
@@ -2450,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 三阶贝塞尔
@@ -2462,14 +2460,14 @@ 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 N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.SpeechBalloon);
     m(this, "ratio", 0.8);
     m(this, "tmpPoints", []);
@@ -2482,33 +2480,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u, isDrawing: !0 });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f, isDrawing: !0 });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -2517,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 });
@@ -2533,10 +2531,10 @@ class Ot extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -2545,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: u, pos: d, points: f } = this.computDrawPoints(r, c), w = {
+      points: f.map((L) => L.XY),
       lineWidth: r,
       fillColor: i !== "transparent" && i || void 0,
       strokeColor: s,
@@ -2554,26 +2552,26 @@ class Ot extends W {
       className: `${d[0]},${d[1]}`,
       lineJoin: "round",
       close: !0
-    }, k = {
+    }, S = {
       name: t,
       id: t,
       zIndex: a,
       pos: d,
       anchor: [0.5, 0.5],
-      size: [f.w, f.h]
+      size: [u.w, u.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), I = new st({
+      ...w,
       pos: [0, 0]
     });
-    b.append(v), this.replace(o, t, b);
+    b.append(I), 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 - N.SafeBorderPadding),
+      y: Math.floor(g.y - N.SafeBorderPadding),
+      w: Math.floor(g.width + N.SafeBorderPadding * 2),
+      h: Math.floor(g.height + N.SafeBorderPadding * 2)
     };
   }
   transformControlPoints(e) {
@@ -2584,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":
@@ -2595,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":
@@ -2606,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":
@@ -2617,82 +2615,82 @@ 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)), u = k.Add(s[1], new k(0, r, 0)), d = Z.getBezierPoints(10, p, s[1], u), f = k.Sub(s[2], new k(0, r, 0)), w = k.Sub(s[2], new k(i, 0, 0)), S = Z.getBezierPoints(10, f, s[2], w), b = k.Add(s[3], new k(i, 0, 0)), I = k.Sub(s[3], new k(0, r, 0)), g = Z.getBezierPoints(10, b, s[3], I), L = i * (1 - this.ratio) * 10, v = 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 T = k.Sub(s[2], new k(i * 5 - L / 2, 0, 0)), x = k.Sub(s[2], new k(i * 5, -v, 0)), R = k.Sub(s[2], new k(i * 5 + L / 2, 0, 0));
+        a.push(x, R, ...g, ...h, ...d, ...S, T);
         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 T = k.Sub(s[2], new k(i * 1.1, 0, 0)), x = k.Sub(s[2], new k(i * 1.1 + L / 2, -v, 0)), R = k.Sub(s[2], new k(i * 1.1 + L, 0, 0));
+        a.push(x, R, ...g, ...h, ...d, ...S, T);
         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 T = k.Add(s[3], new k(i * 1.1 + L, 0, 0)), x = k.Add(s[3], new k(i * 1.1 + L / 2, v, 0)), R = k.Add(s[3], new k(i * 1.1, 0, 0));
+        a.push(x, R, ...g, ...h, ...d, ...S, T);
         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 T = k.Sub(s[1], new k(i * 5 - L / 2, 0, 0)), x = k.Sub(s[1], new k(i * 5, v, 0)), R = k.Sub(s[1], new k(i * 5 + L / 2, 0, 0));
+        a.push(x, T, ...d, ...S, ...g, ...h, R);
         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 T = k.Sub(s[1], new k(i * 1.1, 0, 0)), x = k.Sub(s[1], new k(i * 1.1 + L / 2, v, 0)), R = k.Sub(s[1], new k(i * 1.1 + L, 0, 0));
+        a.push(x, T, ...d, ...S, ...g, ...h, R);
         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 T = k.Add(s[0], new k(i * 1.1 + L, 0, 0)), x = k.Add(s[0], new k(i * 1.1 + L / 2, -v, 0)), R = k.Add(s[0], new k(i * 1.1, 0, 0));
+        a.push(x, T, ...d, ...S, ...g, ...h, R);
         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 T = k.Add(s[0], new k(0, r * 5 - v / 2, 0)), x = k.Add(s[0], new k(-L, r * 5, 0)), R = k.Add(s[0], new k(0, r * 5 + v / 2, 0));
+        a.push(x, T, ...h, ...d, ...S, ...g, R);
         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 T = k.Add(s[0], new k(0, r * 1.1, 0)), x = k.Add(s[0], new k(-L, r * 1.1 + v / 2, 0)), R = k.Add(s[0], new k(0, r * 1.1 + v, 0));
+        a.push(x, T, ...h, ...d, ...S, ...g, R);
         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 T = k.Sub(s[3], new k(0, r * 1.1 + v, 0)), x = k.Sub(s[3], new k(L, r * 1.1 + v / 2, 0)), R = k.Sub(s[3], new k(0, r * 1.1, 0));
+        a.push(x, T, ...h, ...d, ...S, ...g, R);
         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 T = k.Add(s[1], new k(0, r * 5 - v / 2, 0)), x = k.Add(s[1], new k(L, r * 5, 0)), R = k.Add(s[1], new k(0, r * 5 + v / 2, 0));
+        a.push(x, R, ...S, ...g, ...h, ...d, T);
         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 T = k.Add(s[1], new k(0, r * 1.1, 0)), x = k.Add(s[1], new k(L, r * 1.1 + v / 2, 0)), R = k.Add(s[1], new k(0, r * 1.1 + v, 0));
+        a.push(x, R, ...S, ...g, ...h, ...d, T);
         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 T = k.Sub(s[2], new k(0, r * 1.1 + v, 0)), x = k.Sub(s[2], new k(-L, r * 1.1 + v / 2, 0)), R = k.Sub(s[2], new k(0, r * 1.1, 0));
+        a.push(x, R, ...S, ...g, ...h, ...d, T);
         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), D = [Math.floor(W.x + W.w / 2), Math.floor(W.y + W.h / 2)];
     return {
-      rect: I,
-      pos: A,
+      rect: W,
+      pos: D,
       points: a
     };
   }
@@ -2724,7 +2722,7 @@ class Ot extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -2733,14 +2731,14 @@ 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 }), N.updateNodeOpt(e);
   }
 }
-class ut extends W {
+class ut extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !0);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Image);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -2748,50 +2746,51 @@ 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: u } = this.workOptions, d = !!t.parent.gl, f = {
       anchor: [0.5, 0.5],
       pos: [a, c],
       name: o,
       size: [l, h],
-      zIndex: f,
-      rotate: !r && 180 + (p || 0) || p,
+      zIndex: u,
+      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(f);
+    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 - N.SafeBorderPadding),
+        y: Math.floor(S.y - N.SafeBorderPadding),
+        w: Math.floor(S.width + N.SafeBorderPadding * 2),
+        h: Math.floor(S.height + N.SafeBorderPadding * 2)
       };
   }
   consumeService() {
   }
   async consumeServiceAsync(e) {
-    var h, p, f, d;
+    var h, p, u, d;
     const { isFullWork: t, replaceId: o, scene: s, isMainThread: i } = e, { src: r, uuid: a } = this.workOptions, c = ((h = this.workId) == null ? void 0 : h.toString()) || a, l = t ? this.fullLayer : this.drawLayer || this.fullLayer;
     if (r) {
-      const u = await s.preload({
+      const f = await s.preload({
         id: a,
         src: this.workOptions.src
-      }), y = 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,
+      }), w = this.draw({ workId: c, layer: l, replaceId: o, imageBitmap: f[0], isMainThread: i });
+      return this.oldRect = c && ((u = (p = this.vNodes) == null ? void 0 : p.get(c)) == null ? void 0 : u.rect) || void 0, (d = this.vNodes) == null || d.setInfo(c, {
+        rect: w,
         op: [],
         opt: this.workOptions,
         toolsType: this.toolsType,
         scaleType: this.scaleType,
         canRotate: this.canRotate,
-        centerPos: y && W.getCenterPos(y, l)
-      }), y;
+        centerPos: w && N.getCenterPos(w, l)
+      }), w;
     }
   }
   clearTmpPoints() {
@@ -2799,48 +2798,57 @@ class ut extends W {
   }
   static getScaleType(e) {
     const { uniformScale: t, rotate: o } = e;
-    return t !== !1 ? U.proportional : o && Math.abs(o) % 90 > 0 ? U.proportional : U.all;
+    return t !== !1 ? X.proportional : o && Math.abs(o) % 90 > 0 ? X.proportional : X.all;
   }
   static updateNodeOpt(e) {
-    const { node: t, opt: o, vNodes: s, targetNode: i } = e, { translate: r, box: a, boxScale: c, boxTranslate: l, angle: h, isLocked: p, zIndex: f } = o, d = i && tt(i) || s.get(t.name);
+    const { node: t, opt: o, vNodes: s, targetNode: i } = e, { translate: r, box: a, boxScale: c, boxTranslate: l, angle: h, isLocked: p, zIndex: u } = o, d = i && tt(i) || s.get(t.name);
     if (!d)
       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,
+    const f = t.parent;
+    if (f) {
+      if (q(u) && (t.setAttribute("zIndex", u), d.opt.zIndex = u), ot(p) && (d.opt.locked = p), a && l && c) {
+        const { centerX: w, centerY: S, width: b, height: I, uniformScale: g, rotate: L } = d.opt, v = Math.min(c[0], c[1]), W = g !== !1 ? [v, v] : c, D = Xt({
+          x: w - b / 2,
+          y: S - I / 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);
-        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];
-        const F = [d.centerPos[0] + $[0], d.centerPos[1] + $[1]];
+          h: I
+        }, L || 0), T = Yt(D, new k(w, S), W), x = $t(T, new k(w, S), -(L || 0)), R = z(x);
+        d.opt.width = Math.round(R.w), d.opt.height = Math.round(R.h);
+        const U = [l[0] / f.worldScaling[0], l[1] / f.worldScaling[1]];
+        d.opt.centerX = w + U[0], d.opt.centerY = S + U[1];
+        const F = [d.centerPos[0] + U[0], d.centerPos[1] + U[1]];
         if (d.centerPos = F, i) {
-          let q = It(d.rect, c);
-          q = pt(q, $), d.rect = q;
+          let H = It(d.rect, c);
+          H = pt(H, U), d.rect = H;
+        } else {
+          const H = N.getRectFromLayer(f, t.name);
+          d.rect = H || 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] * f.worldScaling[0], r[1] * f.worldScaling[1]], S = pt(d.rect, w);
+          d.rect = S;
+        } else {
+          const w = N.getRectFromLayer(f, 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 = N.getRectFromLayer(f, 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 N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.both);
+    m(this, "scaleType", X.both);
     m(this, "toolsType", P.Straight);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -2853,33 +2861,33 @@ 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 };
+    if (c === A.Start ? (this.tmpPoints = [new O(a[0], a[1])], h = !1) : h = this.updateTempPoints(a), !h)
+      return { type: y.None };
     let p;
     if (s || i) {
-      const u = o ? this.fullLayer : this.drawLayer || this.fullLayer;
-      p = this.draw({ workId: r, layer: u });
+      const f = o ? this.fullLayer : this.drawLayer || this.fullLayer;
+      p = this.draw({ workId: r, layer: f });
     }
     if (!s) {
-      const u = Date.now();
-      return u - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = u, {
-        type: w.DrawWork,
+      const f = Date.now();
+      return f - this.syncTimestamp > this.syncUnitTime ? (this.syncTimestamp = f, {
+        type: y.DrawWork,
         dataType: C.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);
+    const u = B(p, this.oldRect);
     return this.oldRect = p, {
-      rect: f,
-      type: w.DrawWork,
+      rect: u,
+      type: y.DrawWork,
       dataType: C.Local,
       workId: r
     };
@@ -2888,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 });
@@ -2904,10 +2912,10 @@ class Dt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: i && W.getCenterPos(i, s)
+      centerPos: i && N.getCenterPos(i, s)
     }), {
       rect: i,
-      type: w.FullWork,
+      type: y.FullWork,
       dataType: C.Local,
       workId: o,
       ops: a,
@@ -2916,44 +2924,44 @@ class Dt 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, { d: f, rect: d } = this.computDrawPoints(i), u = [
+    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: u, rect: d } = this.computDrawPoints(i), f = [
       d.x + d.w / 2,
       d.y + d.h / 2
-    ], y = {
-      pos: u,
+    ], w = {
+      pos: f,
       name: t,
       id: t,
-      d: f,
+      d: u,
       fillColor: s,
       strokeColor: s,
       lineWidth: 0,
-      className: `${u[0]},${u[1]}`,
+      className: `${f[0]},${f[1]}`,
       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 I = 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(I.x - N.SafeBorderPadding),
+        y: Math.floor(I.y - N.SafeBorderPadding),
+        w: Math.floor(I.width + N.SafeBorderPadding * 2),
+        h: Math.floor(I.height + N.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] - N.SafeBorderPadding),
+      y: Math.floor(d.y * p[1] + h[1] - N.SafeBorderPadding),
+      w: Math.floor(d.w * p[0] + 2 * N.SafeBorderPadding),
+      h: Math.floor(d.h * p[1] + 2 * N.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),
@@ -2998,7 +3006,7 @@ class Dt extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: r && W.getCenterPos(r, i)
+      centerPos: r && N.getCenterPos(r, i)
     }), r;
   }
   clearTmpPoints() {
@@ -3007,14 +3015,14 @@ 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), N.updateNodeOpt(e);
   }
 }
-class ft extends W {
+class yt extends N {
   constructor(e) {
     super(e);
     m(this, "canRotate", !1);
-    m(this, "scaleType", U.all);
+    m(this, "scaleType", X.all);
     m(this, "toolsType", P.Text);
     m(this, "tmpPoints", []);
     m(this, "workOptions");
@@ -3023,12 +3031,12 @@ class ft extends W {
   }
   consume() {
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeAll() {
     return {
-      type: w.None
+      type: y.None
     };
   }
   consumeService() {
@@ -3045,23 +3053,25 @@ class ft extends W {
       size: i,
       zIndex: a
       // bgcolor:"rgba(109,212,0,0.5)"
-    }, p = new _(h), f = {
+    }, p = new _(h), u = {
       x: r[0],
       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)), {
-      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]),
-      h: Math.floor(f.h * l[1])
+    });
+    if (p.append(d), s) {
+      const f = s && await yt.createLabels(this.workOptions, p, o) || [];
+      p.append(...f);
+    }
+    return this.replace(o, t, p), {
+      x: Math.floor(u.x * l[0] + c[0]),
+      y: Math.floor(u.y * l[1] + c[1]),
+      w: Math.floor(u.w * l[0]),
+      h: Math.floor(u.h * l[1])
     };
   }
   async consumeServiceAsync(e) {
@@ -3071,7 +3081,7 @@ class ft extends W {
       return;
     const { isFullWork: o, replaceId: s, isDrawLabel: i } = e;
     this.oldRect = s && ((h = (l = this.vNodes) == null ? void 0 : l.get(s)) == null ? void 0 : h.rect) || void 0;
-    const r = o ? this.fullLayer : this.drawLayer || this.fullLayer, a = await this.draw({ workId: t, layer: r, isDrawLabel: i || this.workOptions.workState === D.Done });
+    const r = o ? this.fullLayer : this.drawLayer || this.fullLayer, a = await this.draw({ workId: t, layer: r, isDrawLabel: i || this.workOptions.workState === A.Done });
     return (p = this.vNodes) == null || p.setInfo(t, {
       rect: a,
       op: [],
@@ -3079,35 +3089,23 @@ class ft extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: a && W.getCenterPos(a, r)
+      centerPos: a && N.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) {
-    var f, d;
+    var u, d;
     if (!this.workId)
       return;
-    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);
+    const t = this.workId.toString(), { fontColor: o, fontBgColor: s, bold: i, italic: r, lineThrough: a, underline: c, zIndex: l } = e, h = (u = this.vNodes) == null ? void 0 : u.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,
-      isDrawLabel: this.workOptions.workState === D.Done
+      isDrawLabel: this.workOptions.workState === A.Done
     });
     return (d = this.vNodes) == null || d.setInfo(t, {
       rect: p,
@@ -3116,71 +3114,88 @@ class ft extends W {
       toolsType: this.toolsType,
       scaleType: this.scaleType,
       canRotate: this.canRotate,
-      centerPos: p && W.getCenterPos(p, this.fullLayer)
+      centerPos: p && N.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, o) {
+    const s = [], i = e.text.split(","), r = i.length, { fontSize: a, lineHeight: c, bold: l, textAlign: h, italic: p, boxSize: u, fontFamily: d, verticalAlign: f, fontColor: w, fontBgColor: S, underline: b, lineThrough: I } = e, g = ((o == null ? void 0 : o.parent).displayRatio || 1) * ((o == null ? void 0 : o.worldScaling[0]) || 1), L = a * g;
+    for (let v = 0; v < r; v++) {
+      const W = i[v], D = c || L * 1.2;
+      if (W) {
+        const T = {
           anchor: [0, 0.5],
-          text: a,
-          fontSize: c,
-          lineHeight: g,
-          fontFamily: u,
-          fontWeight: h,
-          fillColor: k,
-          textAlign: p,
-          fontStyle: f,
-          name: r.toString(),
-          className: "label"
-        }, A = [0, 0];
-        if (y === "middle") {
-          const x = (i - 1) / 2;
-          A[1] = (r - x) * g;
+          text: W,
+          fontSize: L,
+          lineHeight: D,
+          fontFamily: d,
+          fontWeight: l,
+          fillColor: w,
+          bgcolor: S,
+          textAlign: h,
+          fontStyle: p,
+          name: v.toString(),
+          className: "label",
+          scale: [1 / g, 1 / g]
+        }, x = [0, 0];
+        if (f === "middle") {
+          const U = (r - 1) / 2;
+          x[1] = (v - U) * (c || a * 1.2);
         }
-        if (p === "left") {
-          const x = d && -d[0] / 2 || 0;
-          A[0] = f === "italic" && x || x + 5, console.log("text-left", A);
+        if (h === "left") {
+          const U = u && -u[0] / 2 || 0;
+          x[0] = p === "italic" && U || U + 5;
         }
-        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 (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);
+        T.pos = x;
+        const R = new Zt(T);
+        s.push(R);
+      }
+    }
+    if (await new Promise((v) => {
+      setTimeout(v, 0);
+    }), b || I) {
+      const v = [], [W] = t.worldScaling;
+      for (let D = 0; D < s.length; D++) {
+        const { width: T } = s[D].getBoundingClientRect();
+        if (T) {
+          const x = s[D].getAttribute("pos");
+          if (b) {
+            const R = {
+              normalize: !1,
+              pos: [x[0], x[1] + a / 2],
+              lineWidth: Math.floor(a / 10),
+              points: [0, 0, T / W, 0],
+              strokeColor: w,
+              name: `${D}_underline`,
+              className: "underline"
+            }, U = new st(R);
+            v.push(U);
+          }
+          if (I) {
+            const R = {
+              normalize: !1,
+              pos: x,
+              lineWidth: Math.floor(a / 10),
+              points: [0, 0, T / W, 0],
+              strokeColor: w,
+              name: `${D}_lineThrough`,
+              className: "lineThrough"
+            }, U = new st(R);
+            v.push(U);
+          }
         }
       }
+      return s.concat(v);
     }
-    return o;
+    return s;
+  }
+  static async updateLabels(e, t, o) {
+    const { fontSize: s } = e.opt, i = ((o == null ? void 0 : o.parent).displayRatio || 1) * ((o == null ? void 0 : o.worldScaling[0]) || 1), r = s * i;
+    t.children.forEach((a) => {
+      a.tagName === "LABEL" && (a.setAttribute("fontSize", r), a.setAttribute("scale", [1 / i, 1 / i]), a.setAttribute("lineHeight", r * 1.2));
+    });
   }
   static updateNodeOpt(e) {
     const { node: t, opt: o, vNodes: s, targetNode: i } = e, {
@@ -3190,33 +3205,35 @@ class ft extends W {
       box: l,
       boxScale: h,
       boxTranslate: p,
-      bold: f,
+      bold: u,
       italic: d,
-      lineThrough: u,
-      underline: y,
-      fontSize: k,
+      lineThrough: f,
+      underline: w,
+      fontSize: S,
       textInfos: b,
-      zIndex: v
+      zIndex: I
     } = o, g = i && tt(i) || s.get(t.name);
     if (!g)
       return;
     const L = t.parent;
     if (!L)
       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;
-        N.boxSize = M || N.boxSize, N.fontSize = x || N.fontSize;
+    const v = g.opt;
+    if (q(I) && (t.setAttribute("zIndex", I), g.opt.zIndex = I), a && v.fontColor && (v.fontColor = a, t.children.forEach((W) => {
+      W.tagName === "LABEL" ? W.setAttribute("fillColor", a) : W.tagName === "POLYLINE" && W.setAttribute("strokeColor", a);
+    })), r && v.fontBgColor && (v.fontBgColor = r, t.children.forEach((W) => {
+      W.tagName === "LABEL" && W.setAttribute("bgcolor", r);
+    })), u && (v.bold = u), d && (v.italic = d), ot(f) && (v.lineThrough = f), ot(w) && (v.underline = w), S && (v.fontSize = S), l && p && h) {
+      const W = b == null ? void 0 : b.get(t.name);
+      if (W) {
+        const { fontSize: x, boxSize: R } = W;
+        v.boxSize = R || v.boxSize, v.fontSize = x || v.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 D = g.rect, T = pt(It(D, h), p);
+      v.boxPoint = T && [(T.x - L.worldPosition[0]) / L.worldScaling[0], (T.y - L.worldPosition[1]) / L.worldScaling[1]];
+    } else if (c && v.boxPoint && (v.boxPoint = [v.boxPoint[0] + c[0], v.boxPoint[1] + c[1]], g.centerPos = [g.centerPos[0] + c[0], g.centerPos[1] + c[1]], i)) {
+      const W = [c[0] / L.worldScaling[0], c[1] / L.worldScaling[1]];
+      g.rect = pt(g.rect, W);
     }
     return g && s.setInfo(t.name, g), g == null ? void 0 : g.rect;
   }
@@ -3233,8 +3250,8 @@ class ft extends W {
     }
   }
 }
-function At(R) {
-  switch (R) {
+function At(M) {
+  switch (M) {
     case P.Arrow:
       return xt;
     case P.Pencil:
@@ -3254,19 +3271,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(M, n) {
+  const { toolsType: e, ...t } = M;
   switch (e) {
     case P.Arrow:
       return new xt(t);
@@ -3287,36 +3304,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(M) {
   const n = [], e = ["PATH", "SPRITE", "POLYLINE", "RECT", "ELLIPSE"];
-  for (const t of R) {
+  for (const t of M) {
     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 = (M) => {
+  if (M.tagName === "GROUP") {
+    const n = Object.getOwnPropertySymbols(M).find((e) => e.toString() === "Symbol(sealed)");
+    if (n && M[n])
       return !0;
   }
   return !1;
-}, Qt = (R) => !R.isHid, kt = "cursorhover";
+}, Qt = (M) => !M.isHid, mt = "cursorhover";
 class _t {
   constructor(n, e) {
     m(this, "viewId");
@@ -3339,7 +3356,7 @@ class _t {
     return n;
   }
   has(n) {
-    this.curNodeMap.has(n);
+    return this.curNodeMap.has(n);
   }
   setInfo(n, e) {
     const t = this.curNodeMap.get(n) || {
@@ -3363,7 +3380,7 @@ class _t {
   hasRectIntersectRange(n, e = !0) {
     for (const t of this.curNodeMap.values())
       if (ht(n, t.rect)) {
-        if (e && t.toolsType === P.Image && t.opt.locked || e && t.toolsType === P.Text && (t.opt.workState === D.Doing || t.opt.workState === D.Start))
+        if (e && t.toolsType === P.Image && t.opt.locked || e && t.toolsType === P.Text && (t.opt.workState === A.Doing || t.opt.workState === A.Start))
           continue;
         return !0;
       }
@@ -3374,7 +3391,7 @@ class _t {
     const o = /* @__PURE__ */ new Map();
     for (const [s, i] of this.curNodeMap.entries())
       if (ht(n, i.rect)) {
-        if (e && i.toolsType === P.Image && i.opt.locked || e && i.toolsType === P.Text && (i.opt.workState === D.Doing || i.opt.workState === D.Start))
+        if (e && i.toolsType === P.Image && i.opt.locked || e && i.toolsType === P.Text && (i.opt.workState === A.Doing || i.opt.workState === A.Start))
           continue;
         t = B(t, i.rect), o.set(s, i);
       }
@@ -3384,14 +3401,19 @@ class _t {
     };
   }
   getNodeRectFormShape(n, e) {
+    var s;
     const t = At(e.toolsType);
+    if (e.toolsType === P.Text) {
+      const i = (s = this.fullLayer) == null ? void 0 : s.getElementsByName(n)[0];
+      i && t.updateLabels(e, i, this.fullLayer);
+    }
     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;
@@ -3414,6 +3436,9 @@ class _t {
   deleteTarget(n) {
     this.targetNodeMap.length = n;
   }
+  clearTarget() {
+    this.targetNodeMap.length = 0;
+  }
 }
 class te {
   constructor(n) {
@@ -3443,11 +3468,11 @@ class te {
     if (t === C.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 = A.Doing, o && this.localWorkShapes.set(o, s));
     }
     this.runAnimation();
   }
@@ -3457,7 +3482,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;
@@ -3467,7 +3492,7 @@ class te {
       this.tmpWorkShapeNode.setWorkId(n), this.localWorkShapes.set(n, {
         node: this.tmpWorkShapeNode,
         toolsType: this.tmpWorkShapeNode.toolsType,
-        workState: D.Start
+        workState: A.Start
       }), this.tmpOpt && this.setToolsOpt(this.tmpOpt);
       return;
     }
@@ -3476,12 +3501,12 @@ class te {
     return n.toolsType = e, n.node = this.createWorkShapeNode({ toolsType: e, toolsOpt: t }), n;
   }
   activeServiceWorkShape(n) {
-    var p, f;
+    var p, u;
     const { workId: e, opt: t, toolsType: o, type: s, updateNodeOpt: i, ops: r, op: a } = n;
     if (!e)
       return;
     const c = e.toString(), l = (p = this.vNodes.get(c)) == null ? void 0 : p.rect;
-    if (!((f = this.serviceWorkShapes) != null && f.has(c))) {
+    if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
       let d = {
         toolsType: o,
         animationWorkData: a || [],
@@ -3509,13 +3534,13 @@ class te {
     for (const [a, c] of this.serviceWorkShapes.entries())
       switch (c.toolsType) {
         case P.LaserPen: {
-          const h = this.computNextAnimationIndex(c, 8), p = Math.max(0, c.animationIndex || 0), f = (c.animationWorkData || []).slice(p, h);
+          const h = this.computNextAnimationIndex(c, 8), p = Math.max(0, c.animationIndex || 0), u = (c.animationWorkData || []).slice(p, h);
           if ((c.animationIndex || 0) < h && ((o = c.node) == null || o.consumeService({
-            op: f,
+            op: u,
             isFullWork: !1
-          }), c.animationIndex = h, f.length && e.set(a, {
-            workState: p === 0 ? D.Start : h === ((s = c.animationWorkData) == null ? void 0 : s.length) ? D.Done : D.Doing,
-            op: f.slice(-2)
+          }), c.animationIndex = h, u.length && e.set(a, {
+            workState: p === 0 ? A.Start : h === ((s = c.animationWorkData) == null ? void 0 : s.length) ? A.Done : A.Doing,
+            op: u.slice(-2)
           })), c.isDel) {
             (i = c.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(a);
             break;
@@ -3525,24 +3550,24 @@ class te {
         }
       }
     for (const [a, c] of this.localWorkShapes.entries()) {
-      const { result: l, toolsType: h, isDel: p, workState: f } = c;
+      const { result: l, toolsType: h, isDel: p, workState: u } = c;
       switch (h) {
         case P.LaserPen: {
           if (p) {
             c.node.clearTmpPoints(), this.localWorkShapes.delete(a), t.push({
               removeIds: [a.toString()],
-              type: w.RemoveNode
+              type: y.RemoveNode
             });
             break;
           }
-          l && ((l.op || l.ops) && t.push(l), c.result = void 0), !this.thread.topLayer.getElementsByName(a.toString())[0] && f === D.Done && (c.isDel = !0, this.localWorkShapes.set(a, c)), n = !0;
+          l && ((l.op || l.ops) && t.push(l), c.result = void 0), !this.thread.topLayer.getElementsByName(a.toString())[0] && u === A.Done && (c.isDel = !0, this.localWorkShapes.set(a, c)), n = !0;
           break;
         }
       }
     }
     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,
@@ -3562,11 +3587,11 @@ class te {
     if (t === C.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 = A.Done, o && this.localWorkShapes.set(o, s);
     }
     this.runAnimation();
   }
@@ -3576,21 +3601,30 @@ 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());
     m(this, "tmpOpt");
     m(this, "tmpWorkShapeNode");
     m(this, "drawCount", 0);
-    m(this, "batchEraserCombine", Ht(() => {
+    m(this, "batchEraserCombine", Vt(() => {
       this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
     }, 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: C.Local
+      }, e);
+  }
   async updateSelector(n) {
     var p;
-    const e = this.workShapes.get(Y);
+    const e = this.workShapes.get($);
     if (!((p = e == null ? void 0 : e.selectIds) != null && p.length))
       return;
     const { callback: t, ...o } = n, { updateSelectorOpt: s, willSerializeData: i, scene: r } = o, a = await (e == null ? void 0 : e.updateSelector({
@@ -3602,14 +3636,14 @@ class ee {
       scene: r,
       isMainThread: !0
     })), c = /* @__PURE__ */ new Map();
-    e.selectIds.forEach((f) => {
-      const d = this.vNodes.get(f);
+    e.selectIds.forEach((u) => {
+      const d = this.vNodes.get(u);
       if (d) {
-        const { toolsType: u, op: y, opt: k } = d;
-        c.set(f, {
-          opt: k,
-          toolsType: u,
-          ops: (y == null ? void 0 : y.length) && K(y) || void 0
+        const { toolsType: f, op: w, opt: S } = d;
+        c.set(u, {
+          opt: S,
+          toolsType: f,
+          ops: (w == null ? void 0 : w.length) && K(w) || void 0
         });
       }
     });
@@ -3631,10 +3665,10 @@ class ee {
   clearAll() {
     if (this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(Y)) {
+    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get($)) {
       const e = [];
       e.push({
-        type: w.Select,
+        type: y.Select,
         dataType: C.Local,
         selectIds: [],
         willSyncService: !1
@@ -3648,19 +3682,19 @@ class ee {
       let s;
       for (const i of this.vNodes.curNodeMap.values()) {
         const { rect: r, name: a, toolsType: c, opt: l } = i, h = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], p = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === P.Text && Vt([h, p], r) && l.workState === D.Done) {
+        if (c === P.Text && Ht([h, p], r) && l.workState === A.Done) {
           s = a;
           break;
         }
       }
       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
         }]
@@ -3669,7 +3703,7 @@ class ee {
   }
   cursorHover(n) {
     const { opt: e, toolsType: t, point: o } = n, s = this.setFullWork({
-      workId: kt,
+      workId: mt,
       toolsType: t,
       opt: e
     });
@@ -3677,13 +3711,13 @@ class ee {
   }
   updateFullSelectWork(n) {
     var o, s, i, r, a;
-    const e = this.workShapes.get(Y), { selectIds: t } = n;
+    const e = this.workShapes.get($), { selectIds: t } = n;
     if (!(t != null && t.length)) {
       this.blurSelector(n);
       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)) {
@@ -3696,7 +3730,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,
@@ -3714,20 +3748,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) {
@@ -3749,22 +3785,21 @@ 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 });
     }
   }
   async colloctEffectSelectWork(n) {
-    const e = this.workShapes.get(Y), { workId: t, msgType: o } = n;
+    const e = this.workShapes.get($), { 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);
@@ -3802,14 +3837,14 @@ 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);
   }
   reRenderSelector(n = !1) {
     var o;
-    const e = this.workShapes.get(Y);
+    const e = this.workShapes.get($);
     if (!e)
       return;
     if (e && !((o = e.selectIds) != null && o.length))
@@ -3817,7 +3852,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,
@@ -3840,9 +3875,9 @@ class ee {
   }
   async blurSelector(n) {
     var o;
-    const e = this.workShapes.get(Y), t = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(Y), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((s) => {
-      s.name === Y && s.remove();
+    const e = this.workShapes.get($), t = e == null ? void 0 : e.blurSelector();
+    if (this.clearWorkShapeNodeCache($), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((s) => {
+      s.name === $ && s.remove();
     }), t) {
       const s = [];
       s.push({
@@ -3853,8 +3888,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;
@@ -3863,7 +3898,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,
@@ -3877,7 +3912,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())
@@ -3898,10 +3933,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;
@@ -3914,7 +3952,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:
@@ -3953,19 +3991,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], u = 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);
+          u.selectIds && p && ((i = u.selectIds) != null && i.includes(p)) && h.cursorBlur(), u.type === y.Select && (u.selectIds && e.runReverseSelectWork(u.selectIds), this.thread.post({ sp: [{ ...u, 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();
+          u != null && u.rect && this.drawEraser({ ...u, scenePath: o }), c.clearTmpPoints();
           break;
         case P.Arrow:
         case P.Straight:
@@ -3975,10 +4013,10 @@ class ee {
         case P.Polygon:
         case P.SpeechBalloon:
         case P.Pencil:
-          p && (this.drawCount = 0, this.thread.post({
+          u && (this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
-            sp: [p]
-          })), this.clearWorkShapeNodeCache(t);
+            sp: [u]
+          })), this.clearWorkShapeNodeCache(a);
           break;
       }
     }
@@ -4002,7 +4040,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 {
@@ -4075,31 +4113,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, u, d, f, 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 [I, 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((L, v) => {
+            var W;
+            (W = L.selectIds) != null && W.includes(I) && (this.willRunEffectSelectorIds.add(v), this.runEffect());
+          }), this.workShapes.delete(I);
           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: I
+          })), this.selectorWorkShapes.forEach((L, v) => {
+            var W;
+            (W = L.selectIds) != null && W.includes(I) && (this.willRunEffectSelectorIds.add(v), this.runEffect());
+          }), (i = g.node) == null || i.clearTmpPoints(), this.workShapes.delete(I));
           break;
         }
         case P.Arrow:
@@ -4111,17 +4149,17 @@ class oe {
         case P.SpeechBalloon: {
           const L = !!g.ops;
           if ((r = g.animationWorkData) != null && r.length) {
-            const N = g.oldRect;
+            const v = g.oldRect;
             (a = g.node) == null || a.consumeService({
               op: g.animationWorkData,
               isFullWork: L
-            }), L && (this.selectorWorkShapes.forEach((I, A) => {
+            }), L && (this.selectorWorkShapes.forEach((W, D) => {
               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, {
-              workState: N ? g.ops ? D.Done : D.Doing : D.Start,
-              op: g.animationWorkData.filter((I, A) => {
-                if (A % 3 !== 2)
+              (T = W.selectIds) != null && T.includes(I) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+            }), (c = g.node) == null || c.clearTmpPoints(), this.workShapes.delete(I)), e.set(I, {
+              workState: v ? g.ops ? A.Done : A.Doing : A.Start,
+              op: g.animationWorkData.filter((W, D) => {
+                if (D % 3 !== 2)
                   return !0;
               }).slice(-2)
             }), g.animationWorkData.length = 0;
@@ -4133,28 +4171,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: I
+            }), (h = g.node) == null || h.updataOptService(g.updateNodeOpt), this.selectorWorkShapes.forEach((L, v) => {
+              var W;
+              (W = L.selectIds) != null && W.includes(I) && (this.willRunEffectSelectorIds.add(v), this.runEffect());
+            }), (p = g.node) == null || p.clearTmpPoints(), this.workShapes.delete(I);
           else if (g.useAnimation) {
             if (g.isDel) {
-              (f = g.node) == null || f.clearTmpPoints(), this.workShapes.delete(v);
+              (u = g.node) == null || u.clearTmpPoints(), this.workShapes.delete(I);
               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();
-            if ((g.animationIndex || 0) < N || g.isDiff) {
-              if ((y = g.node) == null || y.consumeService({
-                op: A,
+            const L = 3, v = this.computNextAnimationIndex(g, L), W = g.isDiff ? 0 : Math.max(0, (g.animationIndex || 0) - L), D = (g.animationWorkData || []).slice(W, v), T = (f = (d = g.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : f.toString();
+            if ((g.animationIndex || 0) < v || g.isDiff) {
+              if ((w = g.node) == null || w.consumeService({
+                op: D,
                 isFullWork: !1
-              }), g.animationIndex = N, g.isDiff && (g.isDiff = !1), A.length) {
-                const x = A.filter((M, $) => {
-                  if ($ % L !== L - 1)
+              }), g.animationIndex = v, g.isDiff && (g.isDiff = !1), D.length) {
+                const x = D.filter((R, U) => {
+                  if (U % L !== L - 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(I, {
+                  workState: W === 0 ? A.Start : v === ((S = g.animationWorkData) == null ? void 0 : S.length) ? A.Done : A.Doing,
                   op: x
                 });
               }
@@ -4163,10 +4201,10 @@ class oe {
                 op: g.animationWorkData || [],
                 isFullWork: !0,
                 replaceId: T
-              }), g.isDel = !0, e.set(v, {
-                workState: D.Done,
-                op: A.filter((x, M) => {
-                  if (M % L !== L - 1)
+              }), g.isDel = !0, e.set(I, {
+                workState: A.Done,
+                op: D.filter((x, R) => {
+                  if (R % L !== L - 1)
                     return !0;
                 }).slice(-2)
               }));
@@ -4177,16 +4215,16 @@ class oe {
         }
       }
     if (n && this.runAnimation(), e.size) {
-      const v = [];
+      const I = [];
       e.forEach((g, L) => {
-        v.push({
-          type: w.Cursor,
+        I.push({
+          type: y.Cursor,
           uid: L.split(gt)[0],
           op: g.op,
           workState: g.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: v });
+      }), this.thread.post({ sp: I });
     }
   }
   runAnimation() {
@@ -4213,13 +4251,13 @@ class oe {
     return !1;
   }
   activeWorkShape(n) {
-    var f, d, u, y;
+    var u, d, f, 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;
+    const l = e.toString(), h = (u = this.vNodes.get(l)) == null ? void 0 : u.rect;
     if (!((d = this.workShapes) != null && d.has(l))) {
-      let k = {
+      let S = {
         toolsType: o,
         animationWorkData: a || [],
         animationIndex: 0,
@@ -4230,13 +4268,13 @@ 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)), (f = this.workShapes) == null || f.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) {
-    n.indexOf(Y) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(n).forEach((t) => {
+    n.indexOf($) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(n).forEach((t) => {
       t.remove();
     }), this.thread.serviceLayer.getElementsByName(n).forEach((t) => {
       t.remove();
@@ -4265,7 +4303,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,
@@ -4291,7 +4329,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 === C.Local && s === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -4307,13 +4345,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 === C.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,
@@ -4329,14 +4367,14 @@ class ie extends J {
         a && h.toolsType === P.Text ? c.push({
           ...h,
           workId: l,
-          type: w.TextUpdate,
+          type: y.TextUpdate,
           dataType: C.Local,
           willSyncService: !0
         }) : c.push(
           {
             ...h,
             workId: l,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4355,13 +4393,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 === C.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,
@@ -4377,7 +4415,7 @@ class re extends J {
           {
             ...l,
             workId: c,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4396,13 +4434,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 === C.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 === A.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== A.Done ? await ((l = this.localWork) == null ? void 0 : l.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: s,
       willSyncService: i,
@@ -4412,19 +4450,19 @@ class ne extends J {
       emitEventType: c,
       scene: this.scene,
       callback: this.updateSelectorCallback
-    })) : o.workState === D.Done && ((h = this.localWork) == null || h.vNodes.deleteLastTarget()));
+    })) : o.workState === A.Done && ((h = this.localWork) == null || h.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = t, p = l.workState, f = o.sp || [];
-    if (p === D.Start)
+    const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = t, p = l.workState, u = o.sp || [];
+    if (p === A.Start)
       return {
         sp: [],
         render: []
       };
     const d = r == null ? void 0 : r.selectRect;
     if (a) {
-      p === D.Doing && f.push({
-        type: w.Select,
+      p === A.Doing && u.push({
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: d,
         willSyncService: !0,
@@ -4432,18 +4470,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,
-          workId: u,
-          type: w.TextUpdate,
+      for (const [f, w] of s.entries())
+        h && w.toolsType === P.Text ? u.push({
+          ...w,
+          workId: f,
+          type: y.TextUpdate,
           dataType: C.Local,
           willSyncService: !0
-        }) : f.push(
+        }) : u.push(
           {
-            ...y,
-            workId: u,
-            type: w.UpdateNode,
+            ...w,
+            workId: f,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4452,7 +4490,7 @@ class ne extends J {
         );
     }
     return {
-      sp: f
+      sp: u
     };
   }
 }
@@ -4463,7 +4501,7 @@ class ae extends J {
   }
   async consume(e) {
     const { msgType: t, dataType: o, emitEventType: s } = e;
-    if (t === w.RemoveNode) {
+    if (t === y.RemoveNode) {
       if (o === C.Local && s === this.emitEventType)
         return this.consumeForLocalWorker(e), !0;
       if (o === C.Service && s === this.emitEventType)
@@ -4478,15 +4516,15 @@ class ae extends J {
       return;
     const s = [], i = [];
     for (const r of t) {
-      if (r === Y) {
-        const c = this.localWork.workShapes.get(Y);
+      if (r === $) {
+        const c = this.localWork.workShapes.get($);
         if (!c)
           return;
         const l = c.selectIds && [...c.selectIds] || [];
         for (const h of l) {
           if (this.localWork.vNodes.get(h)) {
-            const f = this.commandDeleteText(h);
-            f && s.push(f);
+            const u = this.commandDeleteText(h);
+            u && s.push(u);
           }
           this.localWork.removeNode(h), i.push(h);
         }
@@ -4497,7 +4535,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 });
   }
@@ -4509,7 +4547,7 @@ 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
@@ -4523,13 +4561,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 === C.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,
@@ -4539,42 +4577,42 @@ class ce extends J {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: t, postData: o, workShapeNode: s, res: i, newServiceStore: r } = e, { updateSelectorOpt: a, willSyncService: c, willSerializeData: l } = t, h = a.workState, p = o.sp || [], f = i == null ? void 0 : i.selectRect;
-    if (h === D.Start)
+    const { param: t, postData: o, workShapeNode: s, res: i, newServiceStore: r } = e, { updateSelectorOpt: a, willSyncService: c, willSerializeData: l } = t, h = a.workState, p = o.sp || [], u = i == null ? void 0 : i.selectRect;
+    if (h === A.Start)
       return {
         sp: [],
         render: []
       };
     if (c) {
-      h === D.Doing && p.push({
-        type: w.Select,
+      h === A.Doing && p.push({
+        type: y.Select,
         selectIds: s.selectIds,
-        selectRect: f,
+        selectRect: u,
         willSyncService: !0,
         isSync: !0,
         points: s.getChildrenPoints(),
         textOpt: s.textOpt
-      }), l && h === D.Done && p.push({
-        type: w.Select,
+      }), l && h === A.Done && p.push({
+        type: y.Select,
         selectIds: s.selectIds,
-        selectRect: f,
+        selectRect: u,
         willSyncService: !1,
         isSync: !0,
         points: s.getChildrenPoints(),
         textOpt: s.textOpt
       });
-      for (const [d, u] of r.entries())
-        u.toolsType === P.Text ? p.push({
-          ...u,
+      for (const [d, f] of r.entries())
+        f.toolsType === P.Text ? p.push({
+          ...f,
           workId: d,
-          type: w.TextUpdate,
+          type: y.TextUpdate,
           dataType: C.Local,
           willSyncService: !0
         }) : p.push(
           {
-            ...u,
+            ...f,
             workId: d,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4594,13 +4632,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 === C.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,
@@ -4612,22 +4650,22 @@ class le extends J {
     }));
   }
   updateSelectorCallback(e) {
-    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;
+    const { param: t, postData: o, workShapeNode: s, res: i, newServiceStore: r } = e, { updateSelectorOpt: a, willSyncService: c, willSerializeData: l, isSync: h } = t, p = a.workState, u = o.sp || [], d = i == null ? void 0 : i.selectRect;
     if (c) {
-      l && p === D.Done && f.push({
-        type: w.Select,
+      l && p === A.Done && u.push({
+        type: y.Select,
         selectIds: s.selectIds,
         selectRect: d,
         willSyncService: !0,
         isSync: h,
         points: s.getChildrenPoints()
       });
-      for (const [u, y] of r.entries())
-        f.push(
+      for (const [f, w] of r.entries())
+        u.push(
           {
-            ...y,
-            workId: u,
-            type: w.UpdateNode,
+            ...w,
+            workId: f,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4636,7 +4674,7 @@ class le extends J {
         );
     }
     return {
-      sp: f
+      sp: u
     };
   }
 }
@@ -4647,13 +4685,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 === C.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,
@@ -4663,28 +4701,28 @@ class he extends J {
     }));
   }
   updateSelectorCallback(e) {
-    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;
+    const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c, updateSelectorOpt: l, textUpdateForWoker: h } = t, p = o.sp || [], u = r == null ? void 0 : r.selectRect;
     if (a && p) {
       l.fontSize && p.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
-        selectRect: f,
+        selectRect: u,
         willSyncService: a,
         isSync: c,
         points: i.getChildrenPoints()
       });
-      for (const [d, u] of s.entries())
-        h && u.toolsType === P.Text ? p.push({
-          ...u,
+      for (const [d, f] of s.entries())
+        h && f.toolsType === P.Text ? p.push({
+          ...f,
           workId: d,
-          type: w.TextUpdate,
+          type: y.TextUpdate,
           dataType: C.Local,
           willSyncService: !0
         }) : p.push(
           {
-            ...u,
+            ...f,
             workId: d,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4704,13 +4742,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 === C.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,
@@ -4724,12 +4762,12 @@ class pe extends J {
   updateSelectorCallback(e) {
     const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c } = t, l = o.sp || [], h = r == null ? void 0 : r.selectRect;
     if (a && l) {
-      for (const [p, f] of s.entries())
+      for (const [p, u] of s.entries())
         l.push(
           {
-            ...f,
+            ...u,
             workId: p,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4737,7 +4775,7 @@ class pe extends J {
           }
         );
       l.push({
-        type: w.Select,
+        type: y.Select,
         selectIds: i.selectIds,
         selectRect: h,
         willSyncService: a,
@@ -4757,13 +4795,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 === C.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,
@@ -4774,12 +4812,12 @@ class de extends J {
   updateSelectorCallback(e) {
     const { param: t, postData: o, newServiceStore: s, workShapeNode: i, res: r } = e, { willSyncService: a, isSync: c, updateSelectorOpt: l } = t, h = o.sp || [], p = r == null ? void 0 : r.selectRect;
     if (a && h) {
-      for (const [f, d] of s.entries())
+      for (const [u, d] of s.entries())
         h.push(
           {
             ...d,
-            workId: f,
-            type: w.UpdateNode,
+            workId: u,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4791,7 +4829,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,
@@ -4810,13 +4848,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 === C.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,
@@ -4832,7 +4870,7 @@ class ue extends J {
           {
             ...l,
             workId: c,
-            type: w.UpdateNode,
+            type: y.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -4928,72 +4966,72 @@ 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 === C.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 === A.Done && s === C.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 === C.Service && (i === $ ? 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 === C.Local && this.localWork.checkTextActive(n);
           break;
       }
     }
   }
   async removeNode(n) {
     const { dataType: e, workId: t } = n;
-    if (t === Y) {
+    if (t === $) {
       this.localWork.blurSelector(n);
       return;
     }
@@ -5012,47 +5050,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;
       }
@@ -5061,11 +5103,12 @@ 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;
       }
@@ -5073,16 +5116,16 @@ class me {
     }
   }
   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,
+            workId: i,
+            selectIds: r.selectIds,
+            msgType: y.Select,
             dataType: C.Service,
             viewId: this.viewId
           });
@@ -5094,7 +5137,8 @@ class me {
       depth: !1,
       desynchronized: !0,
       ...n,
-      autoRender: !0
+      autoRender: !0,
+      id: this.viewId
     });
   }
   createLayer(n, e, t) {
@@ -5138,26 +5182,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) {
@@ -5189,13 +5233,13 @@ 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,
+                msgType: y.FullWork,
                 dataType: C.Service,
                 viewId: this.viewId
               });
@@ -5220,7 +5264,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) {
@@ -5230,7 +5274,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
@@ -5245,12 +5289,12 @@ 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,
+                msgType: y.FullWork,
                 dataType: C.Service,
                 viewId: this.viewId
               });
@@ -5260,7 +5304,7 @@ class ye {
           }
       s && this.post({
         sp: [{
-          type: w.BoundingBox,
+          type: y.BoundingBox,
           scenePath: e,
           rect: s
         }]
@@ -5295,8 +5339,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({
@@ -5330,7 +5374,7 @@ class ye {
     this.fullLayer.remove(), this.scene.remove();
   }
 }
-class Ne {
+class We {
   constructor(n) {
     m(this, "mainThreadMap", /* @__PURE__ */ new Map());
     m(this, "snapshotThread");
@@ -5339,7 +5383,7 @@ class Ne {
   }
   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();
@@ -5350,69 +5394,69 @@ class Ne {
   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, {
-            displayer: u,
-            container: y,
+      const { msgType: r, viewId: a, tasksqueue: c, mainTasksqueueCount: l, layerOpt: h, offscreenCanvasOpt: p, cameraOpt: u } = i;
+      if (r === y.Init) {
+        const f = (e = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : e.displayer, w = f == null ? void 0 : f.canvasContainerRef.current;
+        if (f && w && h && p) {
+          const S = this.createMainThread(a, {
+            displayer: f,
+            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 && u && S.setCameraOpt(u);
         }
         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 f = (o = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : o.displayer, w = (s = f.snapshotContainerRef) == null ? void 0 : s.current;
+        if (f && w && u) {
+          w.style.width = `${u.width}px`, w.style.height = `${u.height}px`;
+          const S = {
             ...Pt.defaultLayerOpt,
             offscreen: !1,
-            width: f.width,
-            height: f.height
+            width: u.width,
+            height: u.height
           }, b = {
             ...Pt.defaultScreenCanvasOpt,
-            width: f.width,
-            height: f.height
+            width: u.width,
+            height: u.height
           };
           this.snapshotThread = this.createSnapshotThread(a, {
-            displayer: u,
-            container: y,
-            layerOpt: k,
+            displayer: f,
+            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 [f, w] of this.mainThreadMap.entries()) {
+          const S = c.get(f);
+          S && (await w.on(S), l && this.post({ workerTasksqueueCount: l }));
         }
         continue;
       }
-      if (a === qt) {
-        for (const u of this.mainThreadMap.values())
-          u.on(i), r === w.Destroy && this.mainThreadMap.delete(a);
+      if (a === Gt) {
+        for (const f of this.mainThreadMap.values())
+          f.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));
     }
   }
 }
 export {
-  Ne as MainThreadManagerImpl
+  We as MainThreadManagerImpl
 };