@netless/appliance-plugin 1.1.43 → 1.1.44-beta.0

package/dist/{index-CQuJ6lL1.mjs → index-BbBSxLGe.mjs}

@@ -1,16 +1,16 @@
-var ye = Object.defineProperty;
-var we = (M, e, t) => e in M ? ye(M, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : M[e] = t;
-var u = (M, e, t) => we(M, typeof e != "symbol" ? e + "" : e, t);
-import { D as K, e as b, c as m, r as $, b as R, g as Z, t as V, a as h, f as de, M as ve, h as D, i as j, j as ke, C as H, k as z, l as Se, m as te, n as Ie, o as se, p as ge, q as Te, s as re, u as ie, v as Y, w as _, E as N, x as ee, y as Q, z as We, A as Re, B as Ee, F as be, G as Le, H as pe, I as ue, T as oe, J as ae, K as Ce, L as Ne, N as fe, P as me, Q as ne, R as Be, S as ce, U as q, W as Oe, V as he, X as De } from "./index-C-pO2InQ.mjs";
-import { cloneDeep as J, xor as Me, isNumber as G, isEqual as le } from "lodash";
+var we = Object.defineProperty;
+var ve = (M, e, t) => e in M ? we(M, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : M[e] = t;
+var u = (M, e, t) => ve(M, typeof e != "symbol" ? e + "" : e, t);
+import { D as K, e as b, c as m, r as $, b as E, g as Z, t as V, a as h, f as de, M as ke, h as D, i as j, j as Se, C as H, k as z, l as Ie, m as te, n as ge, o as se, p as Te, q as We, s as re, u as ie, v as Y, w as _, x as pe, E as C, y as ee, z as Q, A as Re, B as Ee, F as be, G as Le, H as Ne, I as ue, J as fe, T as oe, K as ae, L as Ce, N as Be, P as me, Q as ye, R as ne, U as Oe, W as De, S as ce, X as q, Y as Me, V as he, Z as Pe } from "./index-DWevrjrE.mjs";
+import { cloneDeep as J, xor as Ae, isNumber as G, isEqual as le } from "lodash";
 import "clipper-lib";
 import "lineclip";
-import "rbush";
 import "xss";
+import "rbush";
 import "white-web-sdk";
 import "react-dom";
 import "react";
-class Pe {
+class Fe {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -63,7 +63,7 @@ class Pe {
   }
   consumeDraw(e) {
     const { workId: t, dataType: s } = e;
-    if (s === R.Service)
+    if (s === E.Service)
       this.activeServiceWorkShape(e);
     else {
       const r = t == null ? void 0 : t.toString(), i = r && this.localWorkShapes.get(r);
@@ -210,7 +210,7 @@ class Pe {
   }
   consumeDrawAll(e) {
     const { workId: t, dataType: s } = e;
-    if (s === R.Service)
+    if (s === E.Service)
       this.activeServiceWorkShape(e);
     else {
       const r = t == null ? void 0 : t.toString(), i = r && this.localWorkShapes.get(r);
@@ -224,7 +224,7 @@ class Pe {
     this.runAnimation();
   }
 }
-class Ae {
+class xe {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -238,7 +238,7 @@ class Ae {
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
     u(this, "combineDrawActiveId");
-    u(this, "eraserBatchScheduler", new ve());
+    u(this, "eraserBatchScheduler", new ke());
     u(this, "disposeVNodeRevisionObserver");
     u(this, "bitmapEraserRenderQueue", Promise.resolve());
     u(this, "bitmapEraserRevalidationQueued", !1);
@@ -296,14 +296,15 @@ class Ae {
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let d;
-    n != null && n.selectIds && (d = Me(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
-      const S = this.vNodes.get(w);
-      if (S) {
-        const { toolsType: I, op: W, opt: g } = S;
+    n != null && n.selectIds && (d = Ae(t.selectIds, n.selectIds), n.selectIds.forEach((w) => {
+      const k = this.vNodes.get(w);
+      if (k) {
+        const { toolsType: I, op: R, opt: g } = k;
         c.set(w, {
           opt: g,
           toolsType: I,
-          ops: (W == null ? void 0 : W.length) && j(W) || void 0
+          ops: (R == null ? void 0 : R.length) && j(R) || void 0,
+          previewMatrix: k.previewMatrix
         });
       }
     }), t.selectIds = n.selectIds);
@@ -337,7 +338,7 @@ class Ae {
       const t = [];
       t.push({
         type: h.Select,
-        dataType: R.Local,
+        dataType: E.Local,
         selectIds: [],
         willSyncService: !1
       }), this.thread.post({ sp: t });
@@ -350,7 +351,7 @@ class Ae {
       let i;
       for (const o of this.vNodes.curNodeMap.values()) {
         const { rect: a, name: n, toolsType: c, opt: d } = o, l = t[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], p = t[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === m.Text && ke([l, p], a) && d.workState === b.Done) {
+        if (c === m.Text && Se([l, p], a) && d.workState === b.Done) {
           i = n;
           break;
         }
@@ -415,7 +416,7 @@ class Ae {
           scaleType: t.scaleType,
           type: h.Select,
           viewId: this.thread.viewId,
-          dataType: R.Local,
+          dataType: E.Local,
           selectIds: s,
           selectRect: c,
           points: t.getChildrenPoints(),
@@ -449,7 +450,7 @@ class Ae {
               type: h.TextUpdate,
               toolsType: m.Text,
               workId: n,
-              dataType: R.Local
+              dataType: E.Local
             });
             break;
           }
@@ -458,7 +459,7 @@ class Ae {
               type: h.BackgroundSVGDelete,
               toolsType: m.BackgroundSVG,
               workId: n,
-              dataType: R.Local,
+              dataType: E.Local,
               viewId: this.thread.viewId
             });
             break;
@@ -493,7 +494,7 @@ class Ae {
           type: h.BackgroundSVGDelete,
           toolsType: m.BackgroundSVG,
           workId: e,
-          dataType: R.Local,
+          dataType: E.Local,
           viewId: this.thread.viewId
         }
       ]
@@ -520,27 +521,27 @@ class Ae {
     }
   }
   async consumeFull(e) {
-    var o, a;
+    var o, a, n;
     const t = (o = e.workId) == null ? void 0 : o.toString(), s = (a = e.updateNodeOpt) == null ? void 0 : a.eraserGeometryDelta;
     if (t) {
-      const n = this.vNodes.get(t), c = e.ops && V(e.ops) || e.op || [];
+      const c = this.vNodes.get(t), d = e.ops && V(e.ops) || e.op || [];
       if (s) {
-        if (!n || !e.centerPos || !Se(
+        if (!c || !e.centerPos || !Ie(
           this.vNodes,
           t,
           s,
-          n,
-          { op: c, centerPos: e.centerPos }
+          c,
+          { op: d, centerPos: e.centerPos }
         )) {
           te(this.vNodes, t);
           return;
         }
-      } else n && e.centerPos && Ie(this.vNodes, t) && se(n.op, n.centerPos) !== se(c, e.centerPos) && te(this.vNodes, t);
+      } else c && e.centerPos && ge(this.vNodes, t) && se(c.op, c.centerPos) !== se(d, e.centerPos) && te(this.vNodes, t);
     }
     const r = this.setFullWork(e), i = e.ops && V(e.ops);
     if (r) {
-      t && e.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(t).forEach((c) => {
-        c.remove(), z(c, this.thread.localLayer.parent);
+      if (t && e.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(t).forEach((d) => {
+        d.remove(), z(d, this.thread.localLayer.parent);
       }), r.toolsType === m.BackgroundSVG ? r.consumeService({
         isFullWork: !0,
         replaceId: t
@@ -556,9 +557,18 @@ class Ae {
         op: i,
         isFullWork: !0,
         replaceId: t
-      }), e != null && e.updateNodeOpt && r.updataOptService(e.updateNodeOpt);
-      const n = [];
-      e.workId && this.workShapes.delete(e.workId.toString()), e.willSyncService && n.push({
+      }), t && ((n = e.opt) != null && n.matrix) && e.opt.matrix.some(
+        (d, l) => d !== [1, 0, 0, 1, 0, 0][l]
+      )) {
+        const d = this.vNodes.getNodeRectFormShape(
+          t,
+          this.vNodes.get(t)
+        );
+        d && this.vNodes.setInfo(t, { rect: d });
+      }
+      e != null && e.updateNodeOpt && r.updataOptService(e.updateNodeOpt);
+      const c = [];
+      e.workId && this.workShapes.delete(e.workId.toString()), e.willSyncService && c.push({
         opt: e.opt,
         toolsType: e.toolsType,
         type: h.FullWork,
@@ -570,17 +580,17 @@ class Ae {
         requestId: e.requestId,
         emitEventType: e.emitEventType,
         scenePath: e.scenePath
-      }), e.isLockSentEventCursor && n.push({
+      }), e.isLockSentEventCursor && c.push({
         type: h.None,
         isLockSentEventCursor: !0,
         scenePath: e.scenePath
-      }), e.needUndoTicker && n.push({
+      }), e.needUndoTicker && c.push({
         type: h.None,
         needUndoTicker: e.needUndoTicker,
         emitEventType: e.emitEventType,
         requestId: e.requestId,
         scenePath: e.scenePath
-      }), n.length && this.thread.post({ sp: n });
+      }), c.length && this.thread.post({ sp: c });
     }
   }
   async colloctEffectSelectWork(e) {
@@ -746,7 +756,7 @@ class Ae {
         for (const [p, f] of i)
           l.push({
             type: h.UpdateNode,
-            dataType: R.Local,
+            dataType: E.Local,
             opt: f.opt,
             workId: p,
             updateNodeOpt: {
@@ -794,7 +804,7 @@ class Ae {
         for (const [d, l] of i)
           c.push({
             type: h.FullWork,
-            dataType: R.Local,
+            dataType: E.Local,
             toolsType: l.toolsType,
             ops: j(l.op),
             opt: l.opt,
@@ -852,7 +862,7 @@ class Ae {
             scenePath: i,
             viewId: this.thread.viewId,
             msgType: h.DrawWork,
-            dataType: R.Local
+            dataType: E.Local
           },
           t
         );
@@ -863,7 +873,7 @@ class Ae {
           scenePath: i,
           viewId: this.thread.viewId,
           msgType: h.DrawWork,
-          dataType: R.Local
+          dataType: E.Local
         },
         t
       ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && n !== D && (this.drawWorkActiveId = n), G(o) && (this.consumeCount = o), d) {
@@ -897,7 +907,7 @@ class Ae {
               e.needUndoTicker,
               e.collectUndoTicker
             );
-          }, ge(this.thread.master.maxCombineEraserTime));
+          }, Te(this.thread.master.maxCombineEraserTime));
           break;
         }
         case m.BitMapEraser: {
@@ -976,14 +986,14 @@ class Ae {
     if (i || r) {
       const p = i == null ? void 0 : i.willDeleteNodes, f = i == null ? void 0 : i.willNewNodes, w = [
         ...p ? Array.from(p) : []
-      ], S = {
+      ], k = {
         render: [],
         sp: [],
         ...r
       };
       if (i != null && i.rect) {
-        const I = Te(i.rect);
-        (a = S.render) == null || a.push(
+        const I = We(i.rect);
+        (a = k.render) == null || a.push(
           {
             rect: I,
             isClear: !0,
@@ -999,25 +1009,25 @@ class Ae {
           }
         );
       }
-      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = S.sp) == null || c.push({
+      if (s && w.length && ((n = this.getWorkShape(e)) == null ? void 0 : n.toolsType) === m.BitMapEraser && ((c = k.sp) == null || c.push({
         type: h.None,
         collectUndoTicker: s,
         undoScopeIds: w,
         undoScopePhase: "collect"
-      })), p != null && p.size && ((d = S.sp) == null || d.push({
+      })), p != null && p.size && ((d = k.sp) == null || d.push({
         type: h.RemoveNode,
         removeIds: [...p],
         viewId: this.thread.viewId,
         needUndoTicker: t,
         collectUndoTicker: s
       })), f != null && f.size)
-        for (const [I, W] of f)
-          (l = S.sp) == null || l.push({
+        for (const [I, R] of f)
+          (l = k.sp) == null || l.push({
             type: h.FullWork,
-            dataType: R.Local,
-            toolsType: W.toolsType,
-            ops: j(W.op),
-            opt: W.opt,
+            dataType: E.Local,
+            toolsType: R.toolsType,
+            ops: j(R.op),
+            opt: R.opt,
             workId: I,
             updateNodeOpt: {
               useAnimation: !1
@@ -1025,7 +1035,7 @@ class Ae {
             needUndoTicker: t,
             collectUndoTicker: s
           });
-      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(S);
+      i != null && i.rect && await this.thread.fullLayer.parent.prepareRender, this.thread.post(k);
     }
   }
   async consumeDrawAll(e, t) {
@@ -1043,23 +1053,23 @@ class Ae {
       if (p === m.LaserPen)
         return;
       p === m.BitMapEraser && await this.bitmapEraserRenderQueue;
-      const f = this.workShapes.get(H), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], S = await l.consumeAll({ data: e, workerEngine: this });
+      const f = this.workShapes.get(H), w = (a = f == null ? void 0 : f.selectIds) == null ? void 0 : a[0], k = await l.consumeAll({ data: e, workerEngine: this });
       switch (p) {
         case m.Selector:
           {
-            S.selectIds && w && ((n = S.selectIds) != null && n.includes(w)) && f.cursorBlur();
+            k.selectIds && w && ((n = k.selectIds) != null && n.includes(w)) && f.cursorBlur();
             const I = [];
             i && I.push({
               type: h.None,
               isLockSentEventCursor: i,
               scenePath: r
-            }), S.type === h.Select && (S.selectIds && t.runReverseSelectWork(S.selectIds), I.push({ ...S, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
+            }), k.type === h.Select && (k.selectIds && t.runReverseSelectWork(k.selectIds), I.push({ ...k, scenePath: r })), I.length && this.thread.post({ sp: I }), (c = l.selectIds) != null && c.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(d);
           }
           break;
         case m.PencilEraser:
           await this.drawPencilEraserFull(
             l,
-            S,
+            k,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
@@ -1067,14 +1077,14 @@ class Ae {
         case m.BitMapEraser:
           await this.drawBitMapEraserFull(
             l,
-            S,
+            k,
             i,
             o
           ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(d);
           break;
         case m.Eraser:
           await this.drawEraser(
-            { ...S, scenePath: r },
+            { ...k, scenePath: r },
             i,
             o,
             e.collectUndoTicker
@@ -1093,17 +1103,17 @@ class Ae {
             type: h.None,
             isLockSentEventCursor: i,
             scenePath: r
-          }), S) {
-            const g = p === m.Pencil && S.type === h.RemoveNode;
+          }), k) {
+            const g = p === m.Pencil && k.type === h.RemoveNode;
             g ? $(
               this.thread.localLayer,
               this.thread.localLayer.parent
             ) : I.push({
-              ...S,
+              ...k,
               scenePath: r,
               needUndoTicker: e.needUndoTicker,
-              undoScopeIds: S.undoScopeIds || (S.workId !== void 0 ? [S.workId.toString()] : void 0),
-              undoScopePhase: S.undoScopePhase || "finalize"
+              undoScopeIds: k.undoScopeIds || (k.workId !== void 0 ? [k.workId.toString()] : void 0),
+              undoScopePhase: k.undoScopePhase || "finalize"
             }), this.fullWorkerDrawCount = 0, e.needUndoTicker && I.push({
               type: h.None,
               needUndoTicker: e.needUndoTicker,
@@ -1155,7 +1165,7 @@ class Ae {
     );
   }
 }
-class Fe {
+class Ue {
   constructor(e) {
     u(this, "vNodes");
     u(this, "thread");
@@ -1275,45 +1285,45 @@ class Fe {
     );
   }
   async animationDraw() {
-    var r, i, o, a, n, c, d, l, p, f, w, S, I, W, g, y, v, T, C, L, A;
+    var r, i, o, a, n, c, d, l, p, f, w, k, I, R, g, y, S, T, L, N, A;
     let e = !1;
     const t = /* @__PURE__ */ new Map(), s = [];
-    for (const [E, k] of this.workShapes.entries())
-      switch (k.toolsType) {
+    for (const [W, v] of this.workShapes.entries())
+      switch (v.toolsType) {
         case m.BackgroundSVG: {
-          (r = k.node) == null || r.consumeService({
+          (r = v.node) == null || r.consumeService({
             isFullWork: !0,
-            replaceId: E
-          }), this.selectorWorkShapes.forEach((B, O) => {
+            replaceId: W
+          }), this.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(E);
+            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), this.workShapes.delete(W);
           break;
         }
         case m.Image: {
-          await ((i = k.node) == null ? void 0 : i.consumeServiceAsync({
+          await ((i = v.node) == null ? void 0 : i.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((B, O) => {
+          })), this.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(E);
+            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), this.workShapes.delete(W);
           break;
         }
         case m.Text: {
-          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
+          v.node && (await ((o = v.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: E,
+            replaceId: W,
             boxRect: this.thread.getSceneRect()
-          })), this.selectorWorkShapes.forEach((B, O) => {
+          })), this.syncMatrixRect(W, v.node), this.selectorWorkShapes.forEach((B, O) => {
             var P;
-            (P = B.selectIds) != null && P.includes(E) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), k.refreshTextRender && k.requestId && s.push({
+            (P = B.selectIds) != null && P.includes(W) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), v.refreshTextRender && v.requestId && s.push({
             type: h.RefreshTextRender,
-            requestId: k.requestId,
-            workId: E,
+            requestId: v.requestId,
+            workId: W,
             viewId: this.thread.viewId
-          }), (a = k.node) == null || a.clearTmpPoints(), this.workShapes.delete(E));
+          }), (a = v.node) == null || a.clearTmpPoints(), this.workShapes.delete(W));
           break;
         }
         case m.Arrow:
@@ -1323,60 +1333,60 @@ class Fe {
         case m.Star:
         case m.Polygon:
         case m.SpeechBalloon: {
-          const B = !!k.ops;
-          if ((n = k.animationWorkData) != null && n.length) {
-            const O = k.oldRect;
-            (c = k.node) == null || c.consumeService({
-              op: k.animationWorkData,
+          const B = !!v.ops;
+          if ((n = v.animationWorkData) != null && n.length) {
+            const O = v.oldRect;
+            (c = v.node) == null || c.consumeService({
+              op: v.animationWorkData,
               isFullWork: B
-            }), B && (this.selectorWorkShapes.forEach((P, F) => {
-              var U;
-              (U = P.selectIds) != null && U.includes(E) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
-            }), (d = k.node) == null || d.clearTmpPoints(), this.workShapes.delete(E)), k.isEnableCursor ? t.set(E, {
-              cursorTool: _(k.toolsType),
-              workState: O ? k.ops ? b.Done : b.Doing : b.Start,
-              op: k.animationWorkData.slice(-3, -1)
-            }) : B && !k.useAnimation && ((l = k.updateNodeOpt) != null && l.useAnimation) && t.set(E, {
-              cursorTool: _(k.toolsType),
+            }), B && this.syncMatrixRect(W, v.node), B && (this.selectorWorkShapes.forEach((P, F) => {
+              var x;
+              (x = P.selectIds) != null && x.includes(W) && (this.willRunEffectSelectorIds.add(F), this.runEffect());
+            }), (d = v.node) == null || d.clearTmpPoints(), this.workShapes.delete(W)), v.isEnableCursor ? t.set(W, {
+              cursorTool: _(v.toolsType),
+              workState: O ? v.ops ? b.Done : b.Doing : b.Start,
+              op: v.animationWorkData.slice(-3, -1)
+            }) : B && !v.useAnimation && ((l = v.updateNodeOpt) != null && l.useAnimation) && t.set(W, {
+              cursorTool: _(v.toolsType),
               workState: b.Done,
-              op: k.animationWorkData.slice(-3, -1),
-              uid: (p = k.updateNodeOpt) == null ? void 0 : p.uid
-            }), k.animationWorkData.length = 0;
+              op: v.animationWorkData.slice(-3, -1),
+              uid: (p = v.updateNodeOpt) == null ? void 0 : p.uid
+            }), v.animationWorkData.length = 0;
           }
           break;
         }
         case m.Pencil: {
-          if (k.useAnimation) {
-            if (k.useAnimation) {
-              if (k.isDel) {
-                (y = k.node) == null || y.clearTmpPoints(), this.workShapes.delete(E);
+          if (v.useAnimation) {
+            if (v.useAnimation) {
+              if (v.isDel) {
+                (y = v.node) == null || y.clearTmpPoints(), this.workShapes.delete(W);
                 break;
               }
               const B = 3, O = this.computNextAnimationIndex(
-                k,
+                v,
                 B
-              ), P = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - B), F = (k.animationWorkData || []).slice(
+              ), P = v.isDiff ? 0 : Math.max(0, (v.animationIndex || 0) - B), F = (v.animationWorkData || []).slice(
                 P,
                 O
-              ), U = (T = (v = k.node) == null ? void 0 : v.getWorkId()) == null ? void 0 : T.toString();
-              if ((k.animationIndex || 0) < O || k.isDiff) {
-                if ((C = k.node) == null || C.consumeService({
+              ), x = (T = (S = v.node) == null ? void 0 : S.getWorkId()) == null ? void 0 : T.toString();
+              if ((v.animationIndex || 0) < O || v.isDiff) {
+                if ((L = v.node) == null || L.consumeService({
                   op: F,
                   isFullWork: !1
-                }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), F.length && k.isEnableCursor) {
+                }), v.animationIndex = O, v.isDiff && (v.isDiff = !1), F.length && v.isEnableCursor) {
                   const X = F.slice(-3, -1);
-                  t.set(E, {
-                    cursorTool: _(k.toolsType),
-                    workState: P === 0 ? b.Start : O === ((L = k.animationWorkData) == null ? void 0 : L.length) ? b.Done : b.Doing,
+                  t.set(W, {
+                    cursorTool: _(v.toolsType),
+                    workState: P === 0 ? b.Start : O === ((N = v.animationWorkData) == null ? void 0 : N.length) ? b.Done : b.Doing,
                     op: X
                   });
                 }
-              } else k.ops && ((A = k.node) == null || A.consumeService({
-                op: k.animationWorkData || [],
+              } else v.ops && ((A = v.node) == null || A.consumeService({
+                op: v.animationWorkData || [],
                 isFullWork: !0,
-                replaceId: U
-              }), k.isDel = !0, k.isEnableCursor && t.set(E, {
-                cursorTool: _(k.toolsType),
+                replaceId: x
+              }), this.syncMatrixRect(x || W, v.node), v.isDel = !0, v.isEnableCursor && t.set(W, {
+                cursorTool: _(v.toolsType),
                 workState: b.Done,
                 op: F.slice(-3, -1)
               }));
@@ -1384,37 +1394,37 @@ class Fe {
               break;
             }
           } else {
-            const B = !!k.ops;
-            if ((f = k.node) == null || f.consumeService({
-              op: k.animationWorkData || [],
+            const B = !!v.ops;
+            if ((f = v.node) == null || f.consumeService({
+              op: v.animationWorkData || [],
               isFullWork: B,
-              replaceId: E
-            }), (w = k.node) == null || w.updataOptService(k.updateNodeOpt), B) {
-              if (!k.isEnableCursor && ((S = k.updateNodeOpt) != null && S.useAnimation) && ((I = k.animationWorkData) != null && I.length)) {
-                const O = k.animationWorkData.slice(-3, -1);
-                t.set(E, {
-                  cursorTool: _(k.toolsType),
+              replaceId: W
+            }), (w = v.node) == null || w.updataOptService(v.updateNodeOpt), B) {
+              if (this.syncMatrixRect(W, v.node), !v.isEnableCursor && ((k = v.updateNodeOpt) != null && k.useAnimation) && ((I = v.animationWorkData) != null && I.length)) {
+                const O = v.animationWorkData.slice(-3, -1);
+                t.set(W, {
+                  cursorTool: _(v.toolsType),
                   workState: b.Done,
                   op: O,
-                  uid: (W = k.updateNodeOpt) == null ? void 0 : W.uid
+                  uid: (R = v.updateNodeOpt) == null ? void 0 : R.uid
                 });
               }
               this.selectorWorkShapes.forEach((O, P) => {
                 var F;
-                (F = O.selectIds) != null && F.includes(E) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
-              }), (g = k.node) == null || g.clearTmpPoints(), this.workShapes.delete(E);
+                (F = O.selectIds) != null && F.includes(W) && (this.willRunEffectSelectorIds.add(P), this.runEffect());
+              }), (g = v.node) == null || g.clearTmpPoints(), this.workShapes.delete(W);
             }
           }
           break;
         }
       }
-    e && this.runAnimation(), t.size && t.forEach((E, k) => {
+    e && this.runAnimation(), t.size && t.forEach((W, v) => {
       s.push({
         type: h.Cursor,
-        uid: E.uid || k.split(de)[0],
-        op: E.op,
-        workState: E.workState,
-        cursorTool: E.cursorTool,
+        uid: W.uid || v.split(de)[0],
+        op: W.op,
+        workState: W.workState,
+        cursorTool: W.cursorTool,
         viewId: this.thread.viewId
       });
     }), s.length && this.thread.post({ sp: s });
@@ -1445,8 +1455,20 @@ class Fe {
     }
     return !1;
   }
+  syncMatrixRect(e, t) {
+    const s = t == null ? void 0 : t.getWorkOptions().matrix;
+    if (!s || pe(s).every(
+      (i, o) => i === [1, 0, 0, 1, 0, 0][o]
+    ))
+      return;
+    const r = this.vNodes.getNodeRectFormShape(
+      e,
+      this.vNodes.get(e)
+    );
+    r && this.vNodes.setInfo(e, { rect: r });
+  }
   activeWorkShape(e) {
-    var W, g, y, v;
+    var R, g, y, S;
     const {
       workId: t,
       opt: s,
@@ -1463,7 +1485,7 @@ class Fe {
     } = e;
     if (!t)
       return;
-    const w = t.toString(), S = (W = this.vNodes.get(w)) == null ? void 0 : W.rect;
+    const w = t.toString(), k = (R = this.vNodes.get(w)) == null ? void 0 : R.rect;
     if (!((g = this.workShapes) != null && g.has(w))) {
       let T = {
         toolsType: r,
@@ -1473,19 +1495,19 @@ class Fe {
         updateNodeOpt: o,
         ops: a,
         useAnimation: typeof c < "u" ? c : typeof (o == null ? void 0 : o.useAnimation) < "u" ? o == null ? void 0 : o.useAnimation : !0,
-        oldRect: S,
+        oldRect: k,
         isDiff: !1,
         imageBitmap: d,
         isEnableCursor: l
       };
       r && s && (T = this.setNodeKey(w, T, r, s)), (y = this.workShapes) == null || y.set(w, T);
     }
-    const I = (v = this.workShapes) == null ? void 0 : v.get(w);
+    const I = (S = this.workShapes) == null ? void 0 : S.get(w);
     I.isEnableCursor = l, I.requestId = p, I.refreshTextRender = !!f, i && (I.type = i), a && (I.animationWorkData = V(a), I.ops = a), o && (I.updateNodeOpt = o), n && (I.isDiff = this.hasDiffData(
       I.animationWorkData || [],
       n,
       I.toolsType
-    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), S && (I.oldRect = S), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
+    ), I.toolsType, m.Pencil, I.animationWorkData = n), I.node && I.node.getWorkId() !== w && I.node.setWorkId(w), k && (I.oldRect = k), r && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), I.toolsType !== r && r && s && this.setNodeKey(w, I, r, s), I.node && I.node.setWorkOptions(s)), d && (I.imageBitmap = d);
   }
   removeNode(e, t) {
     e.indexOf(D) > -1 && this.removeSelectWork(t), this.thread.fullLayer.getElementsByName(e).forEach((r) => {
@@ -1500,7 +1522,7 @@ class Fe {
           type: h.BackgroundSVGDelete,
           toolsType: m.BackgroundSVG,
           workId: e,
-          dataType: R.Service,
+          dataType: E.Service,
           viewId: this.thread.viewId
         }
       ]
@@ -1542,7 +1564,7 @@ class Fe {
     ), t;
   }
 }
-class x {
+class U {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1552,14 +1574,14 @@ class x {
     return this.threadEngine = e, this.localWork = e.localWork, this.serviceWork = e.serviceWork, this;
   }
 }
-class Ue extends x {
+class Ge extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.CopyNode);
+    u(this, "emitEventType", C.CopyNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.FullWork && r === R.Local && i === this.emitEventType)
+    if (s === h.FullWork && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1568,14 +1590,14 @@ class Ue extends x {
     s && await ((r = this.localWork) == null ? void 0 : r.consumeFull(t));
   }
 }
-class xe extends x {
+class qe extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.SetColorNode);
+    u(this, "emitEventType", C.SetColorNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1617,7 +1639,7 @@ class xe extends x {
           ...w,
           workId: f,
           type: h.TextUpdate,
-          dataType: R.Local,
+          dataType: E.Local,
           willSyncService: !0,
           emitEventType: l,
           requestId: d,
@@ -1642,14 +1664,14 @@ class xe extends x {
     };
   }
 }
-class Ge extends x {
+class ze extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.ZIndexNode);
+    u(this, "emitEventType", C.ZIndexNode);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1688,7 +1710,7 @@ class Ge extends x {
           ...f,
           workId: p,
           type: h.BackgroundSVGUpdate,
-          dataType: R.Local,
+          dataType: E.Local,
           updateNodeOpt: {
             useAnimation: !1
           },
@@ -1715,19 +1737,19 @@ class Ge extends x {
     };
   }
 }
-class qe extends x {
+class Ve extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.TranslateNode);
+    u(this, "emitEventType", C.TranslateNode);
     u(this, "updateSelectorCallback", (t) => {
-      var W;
+      var R;
       const { param: s, postData: r, newServiceStore: i, workShapeNode: o, res: a, smoothSync: n } = t, {
         willSyncService: c,
         isSync: d,
         updateSelectorOpt: l,
         textUpdateForWoker: p,
         needUndoTicker: f
-      } = s, w = l.workState, S = r.sp || [];
+      } = s, w = l.workState, k = r.sp || [];
       if (w === b.Start)
         return {
           sp: [
@@ -1742,7 +1764,7 @@ class qe extends x {
       const I = a == null ? void 0 : a.selectRect;
       if (c) {
         const g = w === b.Done ? f : void 0;
-        S.push({
+        k.push({
           type: h.Select,
           selectIds: o.selectIds,
           selectRect: I,
@@ -1758,34 +1780,34 @@ class qe extends x {
           useAnimation: l.useAnimation || !1
         };
         l.uid && (y.uid = l.uid);
-        for (const [v, T] of i.entries())
-          T.toolsType === m.BackgroundSVG && S.push({
+        for (const [S, T] of i.entries())
+          T.toolsType === m.BackgroundSVG && k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.BackgroundSVGUpdate,
-            dataType: R.Local,
+            dataType: E.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }), p && T.toolsType === m.Text ? S.push({
+          }), p && T.toolsType === m.Text ? k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.TextUpdate,
-            dataType: R.Local,
+            dataType: E.Local,
             willSyncService: w === b.Done ? !0 : n,
             updateNodeOpt: y,
             needUndoTicker: g,
             emitEventType: this.emitEventType
-          }) : (n || w === b.Done) && S.push({
+          }) : (n || w === b.Done) && k.push({
             ...T,
-            workId: v,
+            workId: S,
             type: h.UpdateNode,
             updateNodeOpt: {
               ...y,
               eraserGeometryDelta: ee(
-                (W = this.localWork) == null ? void 0 : W.vNodes,
-                v
+                (R = this.localWork) == null ? void 0 : R.vNodes,
+                S
               )
             },
             isSync: d,
@@ -1793,21 +1815,21 @@ class qe extends x {
             emitEventType: this.emitEventType
           });
       }
-      return f && S.push({
+      return f && k.push({
         type: h.None,
         needUndoTicker: f
-      }), S.push({
+      }), k.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: S
+        sp: k
       };
     });
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1837,13 +1859,13 @@ class qe extends x {
     })) : r.workState === b.Done && ((f = this.localWork) == null || f.vNodes.deleteLastTarget()));
   }
 }
-class ze extends x {
+class $e extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.ScaleNode);
+    u(this, "emitEventType", C.ScaleNode);
     u(this, "updateSelectorCallback", (t) => {
       var I;
-      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, S = p === b.Done ? l : void 0;
+      const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, { updateSelectorOpt: c, willSyncService: d, needUndoTicker: l } = s, p = c.workState, f = r.sp || [], w = o == null ? void 0 : o.selectRect, k = p === b.Done ? l : void 0;
       if (p === b.Start)
         return {
           sp: [
@@ -1865,42 +1887,42 @@ class ze extends x {
           points: p === b.Done && i.getChildrenPoints() || void 0,
           textOpt: i.textOpt
         });
-        const W = {
+        const R = {
           useAnimation: c.useAnimation || !1
         };
-        c.uid && (W.uid = c.uid);
+        c.uid && (R.uid = c.uid);
         for (const [g, y] of a.entries())
           y.toolsType === m.BackgroundSVG && f.push({
             ...y,
             workId: g,
             type: h.BackgroundSVGUpdate,
-            dataType: R.Local,
+            dataType: E.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: W,
-            needUndoTicker: S,
+            updateNodeOpt: R,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           }), y.toolsType === m.Text ? f.push({
             ...y,
             workId: g,
             type: h.TextUpdate,
-            dataType: R.Local,
+            dataType: E.Local,
             willSyncService: p === b.Done ? !0 : n,
-            updateNodeOpt: W,
-            needUndoTicker: S,
+            updateNodeOpt: R,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           }) : (n || p === b.Done) && f.push({
             ...y,
             workId: g,
             type: h.UpdateNode,
             updateNodeOpt: {
-              ...W,
+              ...R,
               eraserGeometryDelta: ee(
                 (I = this.localWork) == null ? void 0 : I.vNodes,
                 g
               )
             },
             isSync: !0,
-            needUndoTicker: S,
+            needUndoTicker: k,
             emitEventType: this.emitEventType
           });
       }
@@ -1918,7 +1940,7 @@ class ze extends x {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -1942,10 +1964,10 @@ class ze extends x {
     }));
   }
 }
-class Ve extends x {
+class _e extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.RotateNode);
+    u(this, "emitEventType", C.RotateNode);
     u(this, "updateSelectorCallback", (t) => {
       var g;
       const { param: s, postData: r, workShapeNode: i, res: o, newServiceStore: a, smoothSync: n } = t, {
@@ -1954,9 +1976,9 @@ class Ve extends x {
         willSerializeData: l,
         isSync: p,
         needUndoTicker: f
-      } = s, w = c.workState, S = r.sp || [], I = o == null ? void 0 : o.selectRect, W = w === b.Done ? f : void 0;
+      } = s, w = c.workState, k = r.sp || [], I = o == null ? void 0 : o.selectRect, R = w === b.Done ? f : void 0;
       if (d) {
-        l && w === b.Done && S.push({
+        l && w === b.Done && k.push({
           type: h.Select,
           selectIds: i.selectIds,
           selectRect: I,
@@ -1968,38 +1990,38 @@ class Ve extends x {
           useAnimation: c.useAnimation || !1
         };
         if (c.uid && (y.uid = c.uid), n || w === b.Done)
-          for (const [v, T] of a.entries())
-            S.push({
+          for (const [S, T] of a.entries())
+            k.push({
               ...T,
-              workId: v,
+              workId: S,
               type: h.UpdateNode,
               updateNodeOpt: {
                 ...y,
                 eraserGeometryDelta: ee(
                   (g = this.localWork) == null ? void 0 : g.vNodes,
-                  v
+                  S
                 )
               },
               isSync: p,
-              needUndoTicker: W,
+              needUndoTicker: R,
               emitEventType: this.emitEventType
             });
       }
-      return f && S.push({
+      return f && k.push({
         type: h.None,
         needUndoTicker: f
-      }), S.push({
+      }), k.push({
         type: h.SelectorTransform,
         emitEventType: this.emitEventType,
         workState: w
       }), {
-        sp: S
+        sp: k
       };
     });
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2027,14 +2049,14 @@ class Ve extends x {
     }));
   }
 }
-class $e extends x {
+class He extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.SetFontStyle);
+    u(this, "emitEventType", C.SetFontStyle);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2067,27 +2089,27 @@ class $e extends x {
       textUpdateForWoker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && w) {
       d.fontSize && w.push({
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: n,
         isSync: c,
         points: o.getChildrenPoints()
       });
-      for (const [I, W] of i.entries())
-        l && W.toolsType === m.Text ? w.push({
-          ...W,
+      for (const [I, R] of i.entries())
+        l && R.toolsType === m.Text ? w.push({
+          ...R,
           workId: I,
           type: h.TextUpdate,
-          dataType: R.Local,
+          dataType: E.Local,
           willSyncService: !0,
           emitEventType: f,
           requestId: p
         }) : w.push({
-          ...W,
+          ...R,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2103,10 +2125,10 @@ class $e extends x {
     };
   }
 }
-class _e extends x {
+class Qe extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.SetPoint);
+    u(this, "emitEventType", C.SetPoint);
     u(this, "updateSelectorCallback", (t) => {
       const { param: s, postData: r, newServiceStore: i, workShapeNode: o, res: a } = t, { willSyncService: n, isSync: c, needUndoTicker: d } = s, l = r.sp || [], p = a == null ? void 0 : a.selectRect;
       if (n && l) {
@@ -2145,7 +2167,7 @@ class _e extends x {
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2172,14 +2194,14 @@ class _e extends x {
     }));
   }
 }
-class He extends x {
+class Ke extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.SetLock);
+    u(this, "emitEventType", C.SetLock);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2212,11 +2234,11 @@ class He extends x {
       needUndoTicker: l,
       requestId: p,
       emitEventType: f
-    } = s, w = r.sp || [], S = a == null ? void 0 : a.selectRect;
+    } = s, w = r.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && w) {
-      for (const [I, W] of i.entries())
+      for (const [I, R] of i.entries())
         w.push({
-          ...W,
+          ...R,
           workId: I,
           type: h.UpdateNode,
           updateNodeOpt: {
@@ -2233,7 +2255,7 @@ class He extends x {
         canRotate: o.canRotate,
         type: h.Select,
         selectIds: o.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: n,
         isSync: c
       });
@@ -2246,14 +2268,14 @@ class He extends x {
     };
   }
 }
-class Qe extends x {
+class Xe extends U {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", N.SetShapeOpt);
+    u(this, "emitEventType", C.SetShapeOpt);
   }
   async consume(t) {
     const { msgType: s, dataType: r, emitEventType: i } = t;
-    if (s === h.UpdateNode && r === R.Local && i === this.emitEventType)
+    if (s === h.UpdateNode && r === E.Local && i === this.emitEventType)
       return await this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -2307,33 +2329,33 @@ class Qe extends x {
     };
   }
 }
-class Ke {
+class Ye {
   constructor(e) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(e.map((t) => [t, this.build(t)]));
   }
   build(e) {
     switch (e) {
-      case N.TranslateNode:
-        return new qe();
-      case N.ZIndexNode:
-        return new Ge();
-      case N.CopyNode:
-        return new Ue();
-      case N.SetColorNode:
-        return new xe();
-      case N.ScaleNode:
-        return new ze();
-      case N.RotateNode:
+      case C.TranslateNode:
         return new Ve();
-      case N.SetFontStyle:
+      case C.ZIndexNode:
+        return new ze();
+      case C.CopyNode:
+        return new Ge();
+      case C.SetColorNode:
+        return new qe();
+      case C.ScaleNode:
         return new $e();
-      case N.SetPoint:
+      case C.RotateNode:
         return new _e();
-      case N.SetLock:
+      case C.SetFontStyle:
         return new He();
-      case N.SetShapeOpt:
+      case C.SetPoint:
         return new Qe();
+      case C.SetLock:
+        return new Ke();
+      case C.SetShapeOpt:
+        return new Xe();
     }
   }
   registerForMainThread(e) {
@@ -2348,7 +2370,7 @@ class Ke {
     return !1;
   }
 }
-function Xe({
+function Ze({
   subThreads: M,
   layers: e,
   scene: t,
@@ -2383,8 +2405,8 @@ function Xe({
   if (r)
     throw r;
 }
-const Ye = 4;
-class Ze {
+const je = 4;
+class Je {
   constructor(e = {}) {
     u(this, "pendingFrames", /* @__PURE__ */ new Map());
     u(this, "failedCanvases", /* @__PURE__ */ new Set());
@@ -2396,7 +2418,7 @@ class Ze {
     u(this, "destroyed", !1);
     this.tailFrameCount = Math.max(
       1,
-      Math.floor(e.tailFrameCount ?? Ye)
+      Math.floor(e.tailFrameCount ?? je)
     ), this.requestFrame = e.requestFrame ?? ((t) => requestAnimationFrame(t)), this.cancelFrame = e.cancelFrame ?? ((t) => cancelAnimationFrame(t)), this.onReadbackError = e.onReadbackError;
   }
   markRendered(e) {
@@ -2427,7 +2449,7 @@ class Ze {
     }
   }
 }
-class je {
+class et {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2484,23 +2506,23 @@ class je {
       this.topLayer.parent,
       this.localLayer.parent,
       this.serviceLayer.parent
-    ]), this.vNodes = new We(e, this.scene);
+    ]), this.vNodes = new Re(e, this.scene);
     const i = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new Ae(i), this.serviceWork = new Fe(i), this.topWork = new Pe(i), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ke([
-      N.CopyNode,
-      N.SetColorNode,
-      N.DeleteNode,
-      N.RotateNode,
-      N.ScaleNode,
-      N.TranslateNode,
-      N.ZIndexNode,
-      N.SetFontStyle,
-      N.SetPoint,
-      N.SetLock,
-      N.SetShapeOpt
+    this.localWork = new xe(i), this.serviceWork = new Ue(i), this.topWork = new Fe(i), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ye([
+      C.CopyNode,
+      C.SetColorNode,
+      C.DeleteNode,
+      C.RotateNode,
+      C.ScaleNode,
+      C.TranslateNode,
+      C.ZIndexNode,
+      C.SetFontStyle,
+      C.SetPoint,
+      C.SetLock,
+      C.SetShapeOpt
     ]).registerForMainThread(this);
   }
   getCachedImages(e) {
@@ -2545,7 +2567,7 @@ class je {
           reportErrorCode: "RENDERER_RUNTIME_ERROR",
           reportStage: s.stage,
           reportError: s.message,
-          reportString: Re(s, t, {
+          reportString: Ee(s, t, {
             viewId: this.viewId,
             renderer: "mainThread"
           })
@@ -2575,9 +2597,9 @@ class je {
         workState: p,
         imageSrc: f,
         imageBitmap: w,
-        imageElement: S,
+        imageElement: k,
         workIds: I,
-        isLockSentEventCursor: W,
+        isLockSentEventCursor: R,
         requestId: g
       } = e, y = l == null ? void 0 : l.toString();
       switch (a) {
@@ -2585,16 +2607,16 @@ class je {
           G(e.dpr) && this.updateDpr(e.dpr);
           break;
         case h.AuthClear: {
-          const { clearUids: v, localUid: T } = e;
-          this.vNodes.setCanClearUids(v), this.vNodes.setLocalUid(T);
+          const { clearUids: S, localUid: T } = e;
+          this.vNodes.setCanClearUids(S), this.vNodes.setLocalUid(T);
           break;
         }
         case h.Destroy:
           this.destroy();
           break;
         case h.CancelBitmapEraser: {
-          const v = y;
-          v && this.localWork.abortBitmapEraser(v);
+          const S = y;
+          S && this.localWork.abortBitmapEraser(S);
           break;
         }
         case h.Clear:
@@ -2602,18 +2624,18 @@ class je {
           break;
         case h.ServiceSyncCommit: {
           if (this.destroyed) break;
-          const v = [
+          const S = [
             (s = this.fullLayer) == null ? void 0 : s.parent,
             (r = this.topLayer) == null ? void 0 : r.parent,
             (i = this.localLayer) == null ? void 0 : i.parent,
             (o = this.serviceLayer) == null ? void 0 : o.parent
           ].filter(Boolean);
           try {
-            await be(
+            await Le(
               (async () => {
-                await Le(
+                await Ne(
                   this.serviceWork,
-                  v
+                  S
                 );
               })(),
               {
@@ -2645,28 +2667,28 @@ class je {
         }
         case h.UpdateCamera:
           try {
-            await Ee(
+            await be(
               e.cameraTaskId,
-              async (v) => {
-                this.activeCameraTaskContext = v;
+              async (S) => {
+                this.activeCameraTaskContext = S;
                 try {
-                  await this.updateCamera(e, v);
+                  await this.updateCamera(e, S);
                 } finally {
-                  this.activeCameraTaskContext === v && (this.activeCameraTaskContext = void 0);
+                  this.activeCameraTaskContext === S && (this.activeCameraTaskContext = void 0);
                 }
               }
             );
-          } catch (v) {
-            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), v;
+          } catch (S) {
+            throw this.cameraOpt = void 0, this.cancelCameraSettledRender(), S;
           }
           break;
         case h.UpdateTools:
           if (n && c) {
-            const v = {
+            const S = {
               toolsType: n,
               toolsOpt: c
             };
-            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(v) : this.localWork.setToolsOpt(v);
+            this.topWork.canUseTopLayer(n) ? this.topWork.setToolsOpt(S) : this.localWork.setToolsOpt(S);
           }
           break;
         case h.CreateWork:
@@ -2685,11 +2707,11 @@ class je {
           }
           break;
         case h.DrawWork:
-          p === b.Done && d === R.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && W && this.post({
+          p === b.Done && d === E.Local ? (await this.consumeDrawAll(d, e), n === m.LaserPen && R && this.post({
             sp: [
               {
                 type: h.None,
-                isLockSentEventCursor: W
+                isLockSentEventCursor: R
               }
             ]
           })) : await this.consumeDraw(d, e);
@@ -2706,7 +2728,7 @@ class je {
           await this.removeNode(e);
           return;
         case h.Select:
-          d === R.Local || l === D ? await this.localWork.updateFullSelectWork(e) : d === R.Service && this.serviceWork.runSelectWork(e);
+          d === E.Local || l === D ? await this.localWork.updateFullSelectWork(e) : d === E.Service && this.serviceWork.runSelectWork(e);
           break;
         case h.CursorBlur:
           this.localWork.cursorBlur();
@@ -2715,34 +2737,34 @@ class je {
           this.localWork.cursorHover(e);
           break;
         case h.GetTextActive:
-          d === R.Local && this.localWork.checkTextActive(e);
+          d === E.Local && this.localWork.checkTextActive(e);
           break;
         case h.GetImageBitMap:
-          if (f && (w || S) && l) {
-            const v = this.imageResolveMap.get(f);
-            if (!v || v.requestId !== g) {
-              this.closeImageSource(w || S);
+          if (f && (w || k) && l) {
+            const S = this.imageResolveMap.get(f);
+            if (!S || S.requestId !== g) {
+              this.closeImageSource(w || k);
               break;
             }
             const T = l.toString();
             this.deleteCachedImagesByWorkId(T), this.cacheImages.set(f, {
-              imageSource: w || S,
+              imageSource: w || k,
               workId: T
             });
-            const { resolve: C, timer: L } = v;
-            L && clearTimeout(L), C && C(f);
+            const { resolve: L, timer: N } = S;
+            N && clearTimeout(N), L && L(f);
           }
           break;
         case h.GetVNodeInfo:
           if (l && I) {
-            const v = I.map((T) => this.vNodes.get(T));
+            const S = I.map((T) => this.vNodes.get(T));
             this.post({
               sp: [
                 {
                   type: h.GetVNodeInfo,
-                  dataType: R.Local,
+                  dataType: E.Local,
                   workId: l,
-                  vInfo: v
+                  vInfo: S
                 }
               ]
             });
@@ -2762,9 +2784,9 @@ class je {
       if (!a || !n || !c || !d)
         return;
       let p = a;
-      if (n === pe.Iconify) {
-        const [y, v] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = ue(a, y, v, l);
+      if (n === ue.Iconify) {
+        const [y, S] = this.getIconSize(c, d, this.opt.displayer.dpr);
+        p = fe(a, y, S, l);
       }
       if (this.cacheImages.has(p)) {
         const y = this.getCachedImages(p);
@@ -2774,18 +2796,18 @@ class je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let S, I;
-      const W = new Promise((y, v) => {
-        S = y, I = v;
+      let k, I;
+      const R = new Promise((y, S) => {
+        k = y, I = S;
       }), g = {
-        resolve: S,
+        resolve: k,
         reject: I,
         timer: void 0,
         requestId: i,
-        promise: W
+        promise: R
       };
       return g.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === g && S(p);
+        this.imageResolveMap.get(p) === g && k(p);
       }, 5e3), this.imageResolveMap.set(p, g), this.opt.post({
         sp: [
           {
@@ -2798,7 +2820,7 @@ class je {
             type: h.GetImageBitMap
           }
         ]
-      }), await W, this.imageResolveMap.get(p) === g && this.imageResolveMap.delete(p), this.getCachedImages(p);
+      }), await R, this.imageResolveMap.get(p) === g && this.imageResolveMap.delete(p), this.getCachedImages(p);
     }
   }
   async removeNode(e) {
@@ -2809,12 +2831,12 @@ class je {
           await this.localWork.removeSelector(e);
           continue;
         }
-        t === R.Local ? this.localWork.removeWork(e) : t === R.Service && this.serviceWork.removeWork(e), await this.localWork.colloctEffectSelectWork(e);
+        t === E.Local ? this.localWork.removeWork(e) : t === E.Service && this.serviceWork.removeWork(e), await this.localWork.colloctEffectSelectWork(e);
       }
   }
   async consumeFull(e, t) {
     const s = await this.localWork.colloctEffectSelectWork(t);
-    s && e === R.Local && await this.localWork.consumeFull(s), s && e === R.Service && this.serviceWork.consumeFull(s);
+    s && e === E.Local && await this.localWork.consumeFull(s), s && e === E.Service && this.serviceWork.consumeFull(s);
   }
   setCameraOpt(e) {
     this.cameraOpt = e;
@@ -2890,12 +2912,12 @@ class je {
     if (r) {
       const i = r.toString();
       if (s && this.topWork.canUseTopLayer(s)) {
-        e === R.Local && (this.topWork.getLocalWorkShape(
+        e === E.Local && (this.topWork.getLocalWorkShape(
           r.toString()
         ) || this.topWork.createLocalWork(t)), await this.topWork.consumeDrawAll(t);
         return;
       }
-      e === R.Local && (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(t), await this.localWork.consumeDrawAll(t, this.serviceWork));
+      e === E.Local && (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(t), await this.localWork.consumeDrawAll(t, this.serviceWork));
     }
   }
   async consumeDraw(e, t) {
@@ -2903,10 +2925,10 @@ class je {
     if (r && i && s) {
       const o = r.toString();
       if (this.topWork.canUseTopLayer(i)) {
-        e === R.Local && (this.topWork.getLocalWorkShape(o) || this.topWork.createLocalWork(t)), this.topWork.consumeDraw(t);
+        e === E.Local && (this.topWork.getLocalWorkShape(o) || this.topWork.createLocalWork(t)), this.topWork.consumeDraw(t);
         return;
       }
-      e === R.Local ? (this.localWork.getWorkShape(o) || this.localWork.createLocalWork(t), await this.localWork.consumeDraw(t, this.serviceWork)) : e === R.Service && this.serviceWork.consumeDraw(t);
+      e === E.Local ? (this.localWork.getWorkShape(o) || this.localWork.createLocalWork(t), await this.localWork.consumeDraw(t, this.serviceWork)) : e === E.Service && this.serviceWork.consumeDraw(t);
       return;
     }
   }
@@ -2936,8 +2958,8 @@ class je {
         let y;
         do {
           y = [];
-          for (const [T, C] of this.localWork.getWorkShapes().entries())
-            switch (C.toolsType) {
+          for (const [T, L] of this.localWork.getWorkShapes().entries())
+            switch (L.toolsType) {
               case m.Text:
               case m.BitMapEraser:
               case m.PencilEraser:
@@ -2946,7 +2968,7 @@ class je {
               case m.LaserPen:
                 break;
               default:
-                T !== H && T !== D && y.push(`${T}:${C.toolsType}`);
+                T !== H && T !== D && y.push(`${T}:${L.toolsType}`);
                 break;
             }
           if (t && (t.stage = "blocking-works", t.blockingWorks = y), !y.length) break;
@@ -2960,103 +2982,103 @@ class je {
       }
       if (t != null && t.aborted) return;
       const f = /* @__PURE__ */ new Map();
-      for (const [y, v] of this.vNodes.getNodesByType(m.Text).entries()) {
-        const T = v.rect;
+      for (const [y, S] of this.vNodes.getNodesByType(m.Text).entries()) {
+        const T = S.rect;
         f.set(y, J(T));
       }
-      for (const [y, v] of this.vNodes.gethasEraserNodes().entries())
-        f.set(y, J(v.rect));
+      for (const [y, S] of this.vNodes.gethasEraserNodes().entries())
+        f.set(y, J(S.rect));
       const w = new Set(f.keys());
-      let S = !1;
+      let k = !1;
       if (this.localWork.hasSelector()) {
         const y = (l = this.localWork.getSelector()) == null ? void 0 : l.selectIds;
         if (y) {
-          S = !0;
-          for (const v of y)
-            w.add(v);
+          k = !0;
+          for (const S of y)
+            w.add(S);
         }
       }
       let I = !1;
       if (this.serviceWork.selectorWorkShapes.size)
         for (const y of this.serviceWork.selectorWorkShapes.values()) {
-          const v = y.selectIds;
-          if (v) {
+          const S = y.selectIds;
+          if (S) {
             I = !0;
-            for (const T of v)
+            for (const T of S)
               w.add(T);
           }
         }
       if (this.setCameraOpt(s), this.vNodes.curNodeMap.size) {
         this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(w);
-        for (const [T, C] of f.entries()) {
-          const L = this.vNodes.get(T);
-          if (L) {
-            const A = C, E = L.rect, k = this.getSceneRect(), B = ae(A, k), O = ae(E, k);
+        for (const [T, L] of f.entries()) {
+          const N = this.vNodes.get(T);
+          if (N) {
+            const A = L, W = N.rect, v = this.getSceneRect(), B = ae(A, v), O = ae(W, v);
             let P = c;
-            (B !== O || A.w !== E.w || A.h !== E.h || O === Ce.intersect) && (P = !0);
-            const { toolsType: F, opt: U } = L, X = U.eraserlines && U.eraserlines.length > 0 || !!U.eraserFaces;
+            (B !== O || A.w !== W.w || A.h !== W.h || O === Ce.intersect) && (P = !0);
+            const { toolsType: F, opt: x } = N, X = x.eraserlines && x.eraserlines.length > 0 || !!x.eraserFaces;
             (P || p && X) && (F === m.Text || X) && this.debounceUpdateCache.add(T);
           }
         }
-        if (S && this.localWork.reRenderSelector(), I)
+        if (k && this.localWork.reRenderSelector(), I)
           for (const [
             T,
-            C
+            L
           ] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
               workId: T,
-              selectIds: C.selectIds,
+              selectIds: L.selectIds,
               msgType: h.Select,
-              dataType: R.Service,
+              dataType: E.Service,
               viewId: this.viewId
             });
         o = !0;
         const y = { cancelled: !1, cameraTaskId: i, context: t };
         this.activeCameraSettledRender = y;
-        const v = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
+        const S = () => !this.destroyed && !y.cancelled && this.activeCameraSettledRender === y && !(t != null && t.aborted);
         this.debounceUpdateCameraId = setTimeout(async () => {
           var T;
           this.debounceUpdateCameraId = void 0;
           try {
-            if (!v()) return;
-            const C = [];
-            for (const E of this.debounceUpdateCache.values()) {
-              const k = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(E)[0], B = this.vNodes.get(E);
+            if (!S()) return;
+            const L = [];
+            for (const W of this.debounceUpdateCache.values()) {
+              const v = (T = this.fullLayer) == null ? void 0 : T.getElementsByName(W)[0], B = this.vNodes.get(W);
               if (B) {
                 const { toolsType: O, opt: P } = B;
-                if (k || O !== m.Text) {
+                if (v || O !== m.Text) {
                   const F = this.localWork.setFullWork({
                     toolsType: O,
                     opt: P,
-                    workId: E
+                    workId: W
                   });
                   if (F) {
                     if (O === m.Text)
-                      C.push(
+                      L.push(
                         F.consumeServiceAsync({
                           isFullWork: !0,
-                          replaceId: E,
+                          replaceId: W,
                           boxRect: this.getSceneRect(),
-                          isActive: v
+                          isActive: S
                         })
                       );
                     else if (P.eraserlines && P.eraserlines.length > 0 || P.eraserFaces) {
-                      const U = F.consumeService({
+                      const x = F.consumeService({
                         op: B.op,
                         isFullWork: !0,
-                        replaceId: E,
+                        replaceId: W,
                         workState: b.Done
                       });
-                      this.localWork.clearWorkShapeNodeCache(E), C.push(Promise.resolve(U));
+                      this.localWork.clearWorkShapeNodeCache(W), L.push(Promise.resolve(x));
                     }
                   }
                 }
               }
-              this.debounceUpdateCache.delete(E);
+              this.debounceUpdateCache.delete(W);
             }
-            if (await Promise.all(C), !v()) return;
-            this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-            const L = [
+            if (await Promise.all(L), !S()) return;
+            this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds(), k && L.length && this.localWork.reRenderSelector();
+            const N = [
               this.fullLayer.parent.prepareRender,
               this.topLayer.parent.prepareRender,
               this.localLayer.parent.prepareRender,
@@ -3067,19 +3089,19 @@ class je {
               this.topLayer.parent,
               this.localLayer.parent,
               this.serviceLayer.parent
-            ], await Promise.all(L), y.renderLayers = void 0, !v()) return;
+            ], await Promise.all(N), y.renderLayers = void 0, !S()) return;
             const A = y.cameraTaskId;
             G(A) && this.opt.post({
               viewId: this.viewId,
               viewGeneration: this.viewGeneration,
               cameraSettledTaskId: A
             });
-          } catch (C) {
-            if (!v()) return;
-            const L = {
+          } catch (L) {
+            if (!S()) return;
+            const N = {
               code: "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
-              message: C instanceof Error ? C.message : String(C),
+              message: L instanceof Error ? L.message : String(L),
               stage: "camera-settled-render",
               workerType: "mainThread"
             }, A = y.cameraTaskId;
@@ -3090,12 +3112,12 @@ class je {
                   viewGeneration: this.viewGeneration,
                   cameraTaskId: A,
                   cameraTaskStatus: "failed",
-                  cameraTaskError: L
+                  cameraTaskError: N
                 });
-              } catch (E) {
+              } catch (W) {
                 console.error(
                   `[cameraSettledRender] failed ACK post failed viewId=${this.viewId} taskId=${A}`,
-                  E
+                  W
                 );
               }
           } finally {
@@ -3103,22 +3125,22 @@ class je {
           }
         }, oe);
       }
-      const W = [
+      const R = [
         this.fullLayer.parent,
         this.topLayer.parent,
         this.localLayer.parent,
         this.serviceLayer.parent
       ], g = Promise.all(
-        W.map((y) => y.prepareRender)
+        R.map((y) => y.prepareRender)
       );
-      if (t && !await Ne(
+      if (t && !await Be(
         t,
         g,
         "prepare-render"
       )) {
-        W.filter(
-          (v) => v.cancelPendingRender()
-        ).forEach((v) => v.render()), g.catch(() => {
+        R.filter(
+          (S) => S.cancelPendingRender()
+        ).forEach((S) => S.render()), g.catch(() => {
         });
         return;
       }
@@ -3140,7 +3162,7 @@ class je {
     };
   }
   createScene(e) {
-    return new fe({
+    return new me({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3151,7 +3173,7 @@ class je {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, { ...s, offscreen: !1 }), n = new me({
+    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, { ...s, offscreen: !1 }), n = new ye({
       anchor: [0.5, 0.5],
       pos: [r * 0.5, i * 0.5],
       size: [r, i],
@@ -3161,7 +3183,7 @@ class je {
     return a.append(n), n;
   }
   enableCanvas2DReadback(e) {
-    this.readbackScheduler = new Ze({
+    this.readbackScheduler = new Je({
       onReadbackError: (t) => this.opt.master.Logger.warn(
         `[Appliance]: [main-thread-readback] stage=failed viewId=${this.viewId} error=${t instanceof Error ? t.message : String(t)}`
       )
@@ -3212,7 +3234,7 @@ class je {
     var e, t;
     this.destroyed || (this.destroyed = !0, this.disableCanvas2DReadback(), (t = (e = this.activeCameraTaskContext) == null ? void 0 : e.abort) == null || t.call(e), this.activeCameraTaskContext = void 0, this.mainThreadPostId !== void 0 && (cancelAnimationFrame(this.mainThreadPostId), this.mainThreadPostId = void 0), this.combinePostMsg.clear(), this.cancelCameraBlockingWait(), this.cancelCameraSettledRender(), this.debounceUpdateCache.clear(), this.clearCacheImages(), this.clearImageResolveMap(
       new Error(`main-thread view destroyed: ${this.viewId}`)
-    ), this.vNodes.clear(), Xe({
+    ), this.vNodes.clear(), Ze({
       subThreads: [this.localWork, this.serviceWork, this.topWork],
       layers: [
         this.fullLayer,
@@ -3225,7 +3247,7 @@ class je {
     }));
   }
 }
-class Je {
+class tt {
   constructor(e, t) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -3400,9 +3422,9 @@ class Je {
       if (!a || !n || !c || !d)
         return;
       let p = a;
-      if (n === pe.Iconify) {
+      if (n === ue.Iconify) {
         const [g, y] = this.getIconSize(c, d, this.opt.displayer.dpr);
-        p = ue(a, g, y, l);
+        p = fe(a, g, y, l);
       }
       if (this.cacheImages.has(p)) {
         const g = this.getCachedImages(p);
@@ -3412,18 +3434,18 @@ class Je {
       const w = this.imageResolveMap.get(p);
       if (w)
         return await w.promise, this.getCachedImages(p);
-      let S;
+      let k;
       const I = new Promise((g) => {
-        S = g;
-      }), W = {
-        resolve: S,
+        k = g;
+      }), R = {
+        resolve: k,
         timer: void 0,
         requestId: i,
         promise: I
       };
-      return W.timer = setTimeout(() => {
-        this.imageResolveMap.get(p) === W && S(p);
-      }, 5e3), this.imageResolveMap.set(p, W), this.opt.post({
+      return R.timer = setTimeout(() => {
+        this.imageResolveMap.get(p) === R && k(p);
+      }, 5e3), this.imageResolveMap.set(p, R), this.opt.post({
         viewId: this.viewId,
         viewGeneration: this.viewGeneration,
         viewOwner: this.viewOwner,
@@ -3438,7 +3460,7 @@ class Je {
             requestId: i
           }
         ]
-      }), await I, this.imageResolveMap.get(p) === W && this.imageResolveMap.delete(p), this.getCachedImages(p);
+      }), await I, this.imageResolveMap.get(p) === R && this.imageResolveMap.delete(p), this.getCachedImages(p);
     }
   }
   createWorkShapeNode(e) {
@@ -3481,9 +3503,18 @@ class Je {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), ne(i, o);
+      }), o = (e == null ? void 0 : e.updateNodeOpt) && t.updataOptService(e.updateNodeOpt)), i = this.syncMatrixRect(a, t, i), ne(i, o);
     }
   }
+  syncMatrixRect(e, t, s) {
+    const r = t.getWorkOptions().matrix;
+    if (!e || !r || pe(r).every(
+      (o, a) => o === [1, 0, 0, 1, 0, 0][a]
+    ))
+      return s;
+    const i = Oe.getRectFromLayer(this.fullLayer, e);
+    return i || s;
+  }
   async getSnapshot(e) {
     const { scenePath: t, scenes: s, cameraOpt: r, w: i, h: o, requestId: a } = e;
     if (!(t && s && r))
@@ -3499,7 +3530,7 @@ class Je {
               opt: l,
               workId: c,
               msgType: h.FullWork,
-              dataType: R.Service,
+              dataType: E.Service,
               viewId: this.viewId,
               requestId: a
             };
@@ -3575,7 +3606,7 @@ class Je {
               ...n,
               workId: a,
               msgType: h.FullWork,
-              dataType: R.Service,
+              dataType: E.Service,
               viewId: this.viewId,
               requestId: i
             });
@@ -3616,7 +3647,7 @@ class Je {
         for (const r of s.sp) {
           let i = !1;
           for (const o of e)
-            if (Be(r, o)) {
+            if (De(r, o)) {
               i = !0;
               break;
             }
@@ -3656,7 +3687,7 @@ class Je {
       this.releaseBatchImageBitmaps(e);
   }
   createScene(e) {
-    return new fe({
+    return new me({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -3666,7 +3697,7 @@ class Je {
     });
   }
   createLayer(e, t, s) {
-    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, s), n = new me({
+    const { width: r, height: i } = s, o = `canvas-${e}`, a = t.layer(o, s), n = new ye({
       anchor: [0.5, 0.5],
       pos: [r * 0.5, i * 0.5],
       size: [r, i],
@@ -3733,7 +3764,7 @@ class Je {
       throw t[0];
   }
 }
-class lt {
+class pt {
   constructor(e) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "cameraRenderQueueByView", /* @__PURE__ */ new Map());
@@ -3769,7 +3800,7 @@ class lt {
         consumeWorkId: p
       } = e;
       if (c && q(i)) {
-        const f = Oe(
+        const f = Me(
           o,
           a,
           "mainThread"
@@ -3854,10 +3885,10 @@ class lt {
     );
   }
   createMainThread(e, t) {
-    return new je(e, t);
+    return new et(e, t);
   }
   createSnapshotThread(e, t) {
-    return new Je(e, t);
+    return new tt(e, t);
   }
   getSnapshotRequestKey(e) {
     return e.requestId || `${e.viewId}\0${e.scenePath || ""}\0${e.msgType}`;
@@ -3924,33 +3955,33 @@ class lt {
       if (o === h.Init) {
         const g = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
         await this.enqueueViewTask(a, async () => {
-          var E, k, B;
+          var W, v, B;
           const y = this.viewGenerationById.get(a);
           if (y !== void 0 && g < y)
             return;
           this.viewGenerationById.set(a, g);
-          const v = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (E = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : E.displayer, C = T == null ? void 0 : T.canvasContainerRef.current;
-          if (!T || !C || !l || !p) {
+          const S = i.viewOwner || `${a}:${g}:${++this.ownerSequence}`, T = (W = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : W.displayer, L = T == null ? void 0 : T.canvasContainerRef.current;
+          if (!T || !L || !l || !p) {
             this.viewOwnerById.delete(a);
             return;
           }
-          this.viewOwnerById.set(a, v);
-          const L = this.mainThreadMap.get(a);
-          L == null || L.destroy();
+          this.viewOwnerById.set(a, S);
+          const N = this.mainThreadMap.get(a);
+          N == null || N.destroy();
           const A = this.createMainThread(a, {
             displayer: T,
-            container: C,
+            container: L,
             layerOpt: l,
             master: this.master,
             canvasOpt: p,
-            viewOwner: v,
+            viewOwner: S,
             viewGeneration: g,
-            mainThreadRenderMode: ((B = (k = this.master.control) == null ? void 0 : k.renderingCompatibilityDecision) == null ? void 0 : B.mainThreadRenderMode) ?? "normal",
+            mainThreadRenderMode: ((B = (v = this.master.control) == null ? void 0 : v.renderingCompatibilityDecision) == null ? void 0 : B.mainThreadRenderMode) ?? "normal",
             post: (O) => this.post({
               ...O,
               viewId: O.viewId || a,
               viewGeneration: O.viewGeneration ?? g,
-              viewOwner: v
+              viewOwner: S
             })
           });
           this.mainThreadMap.set(a, A), A && f && A.setCameraOpt(f), this.post({
@@ -3966,40 +3997,40 @@ class lt {
         continue;
       }
       if (o === h.Snapshot || o === h.BoundingBox) {
-        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, v = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
-        if (g && v && f) {
-          const T = this.getSnapshotRequestKey(i), C = this.snapshotThreadsByRequest.get(T);
-          C && this.disposeSnapshotThread(T, C.thread, "replaced");
-          const L = document.createElement("div");
-          L.style.width = `${f.width}px`, L.style.height = `${f.height}px`, v.append(L);
+        const g = (t = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : t.displayer, y = (s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.displayer, S = (r = y == null ? void 0 : y.snapshotContainerRef) == null ? void 0 : r.current;
+        if (g && S && f) {
+          const T = this.getSnapshotRequestKey(i), L = this.snapshotThreadsByRequest.get(T);
+          L && this.disposeSnapshotThread(T, L.thread, "replaced");
+          const N = document.createElement("div");
+          N.style.width = `${f.width}px`, N.style.height = `${f.height}px`, S.append(N);
           const A = {
             ...he.defaultLayerOpt,
             offscreen: !1,
             width: f.width,
             height: f.height
-          }, E = {
+          }, W = {
             ...he.defaultScreenCanvasOpt,
             width: f.width,
             height: f.height
-          }, k = this.createSnapshotThread(a, {
+          }, v = this.createSnapshotThread(a, {
             displayer: g,
-            container: L,
+            container: N,
             layerOpt: A,
             master: this.master,
-            canvasOpt: E,
+            canvasOpt: W,
             post: this.post,
             viewOwner: this.viewOwnerById.get(a),
             viewGeneration: this.viewGenerationById.get(a)
           });
           this.snapshotThreadsByRequest.set(T, {
-            thread: k,
-            surface: L
-          }), k.on(i).then(() => {
-            this.disposeSnapshotThread(T, k);
+            thread: v,
+            surface: N
+          }), v.on(i).then(() => {
+            this.disposeSnapshotThread(T, v);
           }).catch((B) => {
             this.master.Logger.error(
               `[Appliance]: snapshot render failed; viewId=${a}; error=${B instanceof Error ? B.message : String(B)}`
-            ), this.disposeSnapshotThread(T, k);
+            ), this.disposeSnapshotThread(T, v);
           });
           continue;
         }
@@ -4030,8 +4061,8 @@ class lt {
         continue;
       }
       if (o === h.GetImageBitMap) {
-        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), v = this.viewOwnerById.get(a);
-        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== v || this.mainThreadMap.get(a) !== g) {
+        const g = this.mainThreadMap.get(a), y = this.viewGenerationById.get(a), S = this.viewOwnerById.get(a);
+        if (!g || i.viewGeneration !== void 0 && i.viewGeneration !== y || i.viewOwner !== void 0 && i.viewOwner !== S || this.mainThreadMap.get(a) !== g) {
           this.releaseMessageBitmap(i);
           continue;
         }
@@ -4039,34 +4070,34 @@ class lt {
         continue;
       }
       if (o === h.TasksQueue && (n != null && n.size)) {
-        const g = n.get(a), y = this.mainThreadMap.get(a), v = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
-        let C;
+        const g = n.get(a), y = this.mainThreadMap.get(a), S = this.viewGenerationById.get(a), T = this.viewOwnerById.get(a);
+        let L;
         if (g && y)
           try {
             await this.enqueueViewTask(a, async () => {
-              this.viewGenerationById.get(a) !== v || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
+              this.viewGenerationById.get(a) !== S || this.viewOwnerById.get(a) !== T || this.mainThreadMap.get(a) !== y || await y.on(g);
             });
-          } catch (L) {
-            if (g.msgType !== h.UpdateCamera) throw L;
-            const A = De(L);
-            C = {
+          } catch (N) {
+            if (g.msgType !== h.UpdateCamera) throw N;
+            const A = Pe(N);
+            L = {
               code: A ? "RENDERER_BUSINESS_TIMEOUT" : "RENDERER_BUSINESS_ERROR",
               business: "updateCamera",
-              message: L instanceof Error ? L.message : String(L),
-              elapsedMs: A ? L.elapsedMs : void 0,
-              stage: A ? L.stage : "update-camera",
-              blockingWorks: A ? L.blockingWorks : void 0,
+              message: N instanceof Error ? N.message : String(N),
+              elapsedMs: A ? N.elapsedMs : void 0,
+              stage: A ? N.stage : "update-camera",
+              blockingWorks: A ? N.blockingWorks : void 0,
               workerType: "mainThread"
             };
           }
-        if (C && q(d)) {
+        if (L && q(d)) {
           this.post({
             viewId: a,
-            viewGeneration: v,
+            viewGeneration: S,
             viewOwner: T,
             cameraTaskId: d,
-            cameraTaskStatus: C.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
-            cameraTaskError: C
+            cameraTaskStatus: L.code === "RENDERER_BUSINESS_TIMEOUT" ? "timeout" : "failed",
+            cameraTaskError: L
           });
           continue;
         }
@@ -4074,26 +4105,26 @@ class lt {
           workerTasksqueueCount: c,
           cameraTaskId: d,
           viewId: a,
-          viewGeneration: v,
+          viewGeneration: S,
           viewOwner: T
         });
         continue;
       }
       if (a === ce) {
         const g = [...this.mainThreadMap.entries()];
-        for (const [y, v] of g) {
+        for (const [y, S] of g) {
           const T = this.enqueueViewTask(y, async () => {
-            this.mainThreadMap.get(y) === v && (o === h.Destroy ? (v.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
+            this.mainThreadMap.get(y) === S && (o === h.Destroy ? (S.destroy(), this.mainThreadMap.delete(y), this.viewOwnerById.delete(y), this.viewGenerationById.set(
               y,
               (this.viewGenerationById.get(y) || 0) + 1
-            )) : await v.on(i));
+            )) : await S.on(i));
           });
           await T, this.cameraRenderQueueByView.get(y) === T && this.cameraRenderQueueByView.delete(y);
         }
         continue;
       }
-      const S = this.mainThreadMap.get(a);
-      if (o === h.Destroy && !S) {
+      const k = this.mainThreadMap.get(a);
+      if (o === h.Destroy && !k) {
         await this.enqueueViewTask(a, async () => {
           this.viewGenerationById.set(
             a,
@@ -4102,12 +4133,12 @@ class lt {
         });
         continue;
       }
-      if (!S)
+      if (!k)
         continue;
-      const I = this.viewGenerationById.get(a), W = this.enqueueViewTask(a, async () => {
-        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== S || await S.on(i);
+      const I = this.viewGenerationById.get(a), R = this.enqueueViewTask(a, async () => {
+        this.viewGenerationById.get(a) !== I || this.mainThreadMap.get(a) !== k || await k.on(i);
       });
-      o === h.Destroy && (await W, this.mainThreadMap.get(a) === S && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === W && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
+      o === h.Destroy && (await R, this.mainThreadMap.get(a) === k && this.mainThreadMap.delete(a), this.viewOwnerById.delete(a), this.cameraRenderQueueByView.get(a) === R && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(
         a,
         i.viewGeneration ?? (I || 0) + 1
       ));
@@ -4115,5 +4146,5 @@ class lt {
   }
 }
 export {
-  lt as MainThreadManagerImpl
+  pt as MainThreadManagerImpl
 };