@netless/appliance-plugin 1.1.13 → 1.1.14-beta.1

package/dist/{index-BbDR836g.mjs → index-20s2n69K.mjs}

@@ -1,7 +1,7 @@
 var ie = Object.defineProperty;
 var ae = (N, t, e) => t in N ? ie(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
 var u = (N, t, e) => ae(N, typeof t != "symbol" ? t + "" : t, e);
-import { D as F, E as T, a as f, b as g, g as z, t as P, c as p, S as J, d as W, e as Z, i as ne, C as G, f as ce, h as I, M as A, V as le, j as ee, T as j, k as $, l as X, m as H, n as he, o as q, p as Y, q as pe } from "./index-0fBM84zK.mjs";
+import { D as F, E as W, a as f, b as g, g as z, t as P, c as p, S as J, d as T, e as Z, i as ne, C as G, f as ce, h as I, M as A, V as le, j as ee, T as j, k as $, l as X, m as H, n as he, o as q, p as Y, q as pe } from "./index-DFl78uPi.mjs";
 import { Scene as te, Group as se } from "spritejs";
 import { cloneDeep as oe, xor as de, isNumber as U, isEqual as Q } from "lodash";
 import "lineclip";
@@ -42,7 +42,7 @@ class ue {
       return o && this.localWorkShapes.set(t, {
         node: o,
         toolsType: o.toolsType,
-        workState: T.Start
+        workState: W.Start
       }), o;
     }
   }
@@ -66,7 +66,7 @@ class ue {
       if (!r)
         return;
       const i = r.node.consume({ data: t, isFullWork: !1, isSubWorker: !0 });
-      i.rect && (r.result = i, r.workState = T.Doing, o && this.localWorkShapes.set(o, r));
+      i.rect && (r.result = i, r.workState = W.Doing, o && this.localWorkShapes.set(o, r));
     }
     this.runAnimation();
   }
@@ -87,24 +87,24 @@ class ue {
   }
   activeServiceWorkShape(t) {
     var m, d;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n } = t;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: c } = t;
     if (!e)
       return;
-    const c = e.toString(), h = (m = this.vNodes.get(c)) == null ? void 0 : m.rect;
-    if (!((d = this.serviceWorkShapes) != null && d.has(c))) {
-      let w = {
+    const n = e.toString(), h = (m = this.vNodes.get(n)) == null ? void 0 : m.rect;
+    if (!((d = this.serviceWorkShapes) != null && d.has(n))) {
+      let S = {
         toolsType: o,
-        animationWorkData: n || [],
+        animationWorkData: c || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
         ops: a,
         oldRect: h
       };
-      o && s && (w = this.setNodeKey(c, w, o, s)), this.serviceWorkShapes.set(c, w);
+      o && s && (S = this.setNodeKey(n, S, o, s)), this.serviceWorkShapes.set(n, S);
     }
-    const l = this.serviceWorkShapes.get(c);
-    r && (l.type = r), a && (l.animationWorkData = P(a), l.ops = a), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(c, l, o, s), l.node && l.node.setWorkOptions(s));
+    const l = this.serviceWorkShapes.get(n);
+    r && (l.type = r), a && (l.animationWorkData = P(a), l.ops = a), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -116,46 +116,46 @@ class ue {
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [n, c] of this.serviceWorkShapes.entries())
-      switch (c.toolsType) {
+    for (const [c, n] of this.serviceWorkShapes.entries())
+      switch (n.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(c, 8), m = Math.max(0, c.animationIndex || 0), d = (c.animationWorkData || []).slice(m, l);
-          if ((c.animationIndex || 0) < l && ((o = c.node) == null || o.consumeService({
+          const l = this.computNextAnimationIndex(n, 8), m = Math.max(0, n.animationIndex || 0), d = (n.animationWorkData || []).slice(m, l);
+          if ((n.animationIndex || 0) < l && ((o = n.node) == null || o.consumeService({
             op: d,
             isFullWork: !1
-          }), c.animationIndex = l, d.length && e.set(n, {
-            workState: m === 0 ? T.Start : l === ((r = c.animationWorkData) == null ? void 0 : r.length) ? T.Done : T.Doing,
+          }), n.animationIndex = l, d.length && e.set(c, {
+            workState: m === 0 ? W.Start : l === ((r = n.animationWorkData) == null ? void 0 : r.length) ? W.Done : W.Doing,
             op: d.slice(-2)
-          })), c.isDel) {
-            (i = c.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(n);
+          })), n.isDel) {
+            (i = n.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(c);
             break;
           }
-          c.ops && c.animationIndex === ((a = c.animationWorkData) == null ? void 0 : a.length) && !c.isDel && (this.thread.topLayer.getElementsByName(n.toString())[0] || (c.isDel = !0, this.serviceWorkShapes.set(n, c))), t = !0;
+          n.ops && n.animationIndex === ((a = n.animationWorkData) == null ? void 0 : a.length) && !n.isDel && (this.thread.topLayer.getElementsByName(c.toString())[0] || (n.isDel = !0, this.serviceWorkShapes.set(c, n))), t = !0;
           break;
         }
       }
-    for (const [n, c] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: m, workState: d } = c;
+    for (const [c, n] of this.localWorkShapes.entries()) {
+      const { result: h, toolsType: l, isDel: m, workState: d } = n;
       switch (l) {
         case f.LaserPen: {
           if (m) {
-            c.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
-              removeIds: [n.toString()],
+            n.node.clearTmpPoints(), this.localWorkShapes.delete(c), s.push({
+              removeIds: [c.toString()],
               type: p.RemoveNode
             });
             break;
           }
-          h && ((h.op || h.ops) && s.push(h), c.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && d === T.Done && (c.isDel = !0, this.localWorkShapes.set(n, c)), t = !0;
+          h && ((h.op || h.ops) && s.push(h), n.result = void 0), !this.thread.topLayer.getElementsByName(c.toString())[0] && d === W.Done && (n.isDel = !0, this.localWorkShapes.set(c, n)), t = !0;
           break;
         }
       }
     }
-    t && this.runAnimation(), e.size && e.forEach((n, c) => {
+    t && this.runAnimation(), e.size && e.forEach((c, n) => {
       s.push({
         type: p.Cursor,
-        uid: c.split(J)[0],
-        op: n.op,
-        workState: n.workState,
+        uid: n.split(J)[0],
+        op: c.op,
+        workState: c.workState,
         viewId: this.thread.viewId
       });
     }), s.length && this.thread.post({ sp: s });
@@ -171,7 +171,7 @@ class ue {
       this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: r, toolsOpt: e }), s && this.localWorkShapes.set(t, {
         node: s,
         toolsType: r,
-        workState: T.Start
+        workState: W.Start
       }), this.setToolsOpt(this.tmpOpt);
     }
     e != null && e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s && s.setWorkOptions(e);
@@ -185,7 +185,7 @@ class ue {
       if (!r)
         return;
       const i = r.node.consumeAll({ data: t });
-      r.result = i, r.workState = T.Done, o && this.localWorkShapes.set(o, r);
+      r.result = i, r.workState = W.Done, o && this.localWorkShapes.set(o, r);
     }
     this.runAnimation();
   }
@@ -200,7 +200,7 @@ class fe {
     u(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     u(this, "tmpOpt");
     u(this, "syncUnitTime", F.syncOpt.interval);
-    u(this, "drawCount", 0);
+    u(this, "fullWorkerDrawCount", 0);
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
     u(this, "batchEraserCombine", ce(() => {
@@ -234,7 +234,7 @@ class fe {
   // }
   async updateSelector(t) {
     var m;
-    const e = this.workShapes.get(W);
+    const e = this.workShapes.get(T);
     if (!((m = e == null ? void 0 : e.selectIds) != null && m.length)) return;
     const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
@@ -242,15 +242,15 @@ class fe {
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
-    })), n = /* @__PURE__ */ new Map();
-    let c;
-    a != null && a.selectIds && (c = de(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
-      const w = this.vNodes.get(d);
-      if (w) {
-        const { toolsType: S, op: y, opt: v } = w;
-        n.set(d, {
+    })), c = /* @__PURE__ */ new Map();
+    let n;
+    a != null && a.selectIds && (n = de(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
+      const S = this.vNodes.get(d);
+      if (S) {
+        const { toolsType: w, op: y, opt: v } = S;
+        c.set(d, {
           opt: v,
-          toolsType: S,
+          toolsType: w,
           ops: (y == null ? void 0 : y.length) && Z(y) || void 0
         });
       }
@@ -260,11 +260,11 @@ class fe {
       workShapeNode: e,
       param: o,
       postData: { sp: h },
-      newServiceStore: n
+      newServiceStore: c
     }) || { sp: h };
-    c && l.sp.push({
+    n && l.sp.push({
       type: p.RemoveNode,
-      removeIds: c,
+      removeIds: n,
       viewId: this.thread.viewId
     }), l.sp.length && this.thread.post(l);
   }
@@ -274,7 +274,7 @@ class fe {
   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(W)) {
+    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(T)) {
       const e = [];
       e.push({
         type: p.Select,
@@ -290,9 +290,9 @@ class fe {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: a, name: n, toolsType: c, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === f.Text && ne([l, m], a) && h.workState === T.Done) {
-          r = n;
+        const { rect: a, name: c, toolsType: n, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
+        if (n === f.Text && ne([l, m], a) && h.workState === W.Done) {
+          r = c;
           break;
         }
       }
@@ -319,29 +319,29 @@ class fe {
     r && o && r.cursorHover(o);
   }
   updateFullSelectWork(t) {
-    var o, r, i, a, n;
-    const e = this.workShapes.get(W), { selectIds: s } = t;
+    var o, r, i, a, c;
+    const e = this.workShapes.get(T), { selectIds: s } = t;
     if (!(s != null && s.length)) {
       this.blurSelector(t);
       return;
     }
     if (!e) {
-      const c = this.setFullWork(t);
-      !c && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), c && this.updateFullSelectWork(t);
+      const n = this.setFullWork(t);
+      !n && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), n && this.updateFullSelectWork(t);
       return;
     }
     if (e && (s != null && s.length)) {
-      const { selectRect: c } = e.updateSelectIds(s), h = [{
+      const { selectRect: n } = e.updateSelectIds(s), h = [{
         ...t,
         selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
         strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
         fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
-        textOpt: ((n = t.opt) == null ? void 0 : n.textOpt) || e.textOpt,
+        textOpt: ((c = t.opt) == null ? void 0 : c.textOpt) || e.textOpt,
         canTextEdit: e.canTextEdit,
         canRotate: e.canRotate,
         scaleType: e.scaleType,
         type: p.Select,
-        selectRect: c,
+        selectRect: n,
         points: e.getChildrenPoints(),
         willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
         opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
@@ -367,14 +367,14 @@ class fe {
       };
   }
   async removeSelector(t) {
-    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(W);
+    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(T);
     if (!r)
       return;
     const i = r.selectIds && [...r.selectIds] || [];
     for (const a of i) {
       if (this.vNodes.get(a)) {
-        const c = this.commandDeleteText(a);
-        c && s.push(c);
+        const n = this.commandDeleteText(a);
+        n && s.push(n);
       }
       this.removeNode(a), o.push(a);
     }
@@ -441,7 +441,7 @@ class fe {
     }
   }
   async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(W), { workId: s, msgType: o } = t;
+    const e = this.workShapes.get(T), { workId: s, msgType: o } = t;
     if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
       o === p.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
         setTimeout(() => {
@@ -486,14 +486,14 @@ class fe {
     this.reRenderSelector(t);
   }
   hasSelector() {
-    return this.workShapes.has(W);
+    return this.workShapes.has(T);
   }
   getSelector() {
-    return this.workShapes.get(W);
+    return this.workShapes.get(T);
   }
   reRenderSelector(t = !1) {
     var o;
-    const e = this.workShapes.get(W);
+    const e = this.workShapes.get(T);
     if (!e) return;
     if (e && !((o = e.selectIds) != null && o.length))
       return this.blurSelector();
@@ -526,9 +526,9 @@ class fe {
   }
   async blurSelector(t) {
     var o;
-    const e = this.workShapes.get(W), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(W), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === W && r.remove();
+    const e = this.workShapes.get(T), s = e == null ? void 0 : e.blurSelector();
+    if (this.clearWorkShapeNodeCache(T), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
+      r.name === T && r.remove();
     }), s) {
       const r = [];
       r.push({
@@ -541,10 +541,6 @@ class fe {
     var e;
     (e = this.getWorkShape(t)) == null || e.clearTmpPoints(), this.workShapes.delete(t);
   }
-  drawBitMapEraser(t) {
-    const e = [];
-    t.op && e.push(t), this.thread.post({ sp: e, consumeCount: this.consumeCount });
-  }
   async drawBitMapEraserFull(t, e, s) {
     const { willUpdateNodes: o, willDeleteNodes: r } = e, i = t.getWorkId(), a = [
       {
@@ -557,17 +553,13 @@ class fe {
       type: p.None,
       isLockSentEventCursor: s
     }), o != null && o.size || r != null && r.size) {
-      if (await (t == null ? void 0 : t.reRenderEffectNodes({
-        willDeleteNodes: r,
-        willUpdateNodes: o,
-        worker: this
-      })), o != null && o.size)
-        for (const [n, c] of o)
+      if (o != null && o.size)
+        for (const [c, n] of o)
           a.push({
             type: p.UpdateNode,
             dataType: g.Local,
-            opt: c.opt,
-            workId: n,
+            opt: n.opt,
+            workId: c,
             updateNodeOpt: {
               useAnimation: !1
             }
@@ -638,11 +630,11 @@ class fe {
   consumeDraw(t, e) {
     const { op: s, workId: o, scenePath: r, postCount: i } = t;
     if (s != null && s.length && o) {
-      const a = o.toString(), n = this.workShapes.get(a);
-      if (!n)
+      const a = o.toString(), c = this.workShapes.get(a);
+      if (!c)
         return;
-      const c = n.toolsType;
-      if (c === f.LaserPen)
+      const n = c.toolsType;
+      if (n === f.LaserPen)
         return;
       switch (this.drawWorkActiveId && this.drawWorkActiveId !== a && (this.consumeDrawAll({
         workId: this.drawWorkActiveId,
@@ -650,10 +642,10 @@ class fe {
         viewId: this.thread.viewId,
         msgType: p.DrawWork,
         dataType: g.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== W && (this.drawWorkActiveId = a), U(i) && (this.consumeCount = i), c) {
+      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== T && (this.drawWorkActiveId = a), U(i) && (this.consumeCount = i), n) {
         case f.Selector:
           {
-            const h = n.consume({
+            const h = c.consume({
               data: t,
               isFullWork: !0
             });
@@ -662,7 +654,7 @@ class fe {
           break;
         case f.PencilEraser:
           {
-            const h = n.consume({
+            const h = c.consume({
               data: t,
               isFullWork: !0
             });
@@ -670,16 +662,21 @@ class fe {
           }
           break;
         case f.BitMapEraser: {
-          const h = n.consume({
+          const h = c.consume({
             data: t,
-            isFullWork: !0
+            isFullWork: !1,
+            isMainThread: !0
+          });
+          this.fullWorkerDrawCount++, this.thread.post({
+            consumeCount: this.consumeCount,
+            fullWorkerDrawCount: this.fullWorkerDrawCount,
+            sp: h.op && [{ ...h, scenePath: r }] || void 0
           });
-          this.drawBitMapEraser(h);
           break;
         }
         case f.Eraser:
           {
-            const h = n.consume({
+            const h = c.consume({
               data: t,
               isFullWork: !0
             });
@@ -695,13 +692,14 @@ class fe {
         case f.SpeechBalloon:
         case f.Pencil:
           {
-            const h = n.consume({
+            const h = c.consume({
               data: t,
               isFullWork: !1,
               isMainThread: !0
             });
-            h && (this.drawCount++, this.thread.post({
-              drawCount: this.drawCount,
+            h && (this.fullWorkerDrawCount++, this.thread.post({
+              consumeCount: this.consumeCount,
+              fullWorkerDrawCount: this.fullWorkerDrawCount,
               sp: h.op && [{ ...h, scenePath: r }] || void 0
             }));
           }
@@ -710,30 +708,30 @@ class fe {
     }
   }
   consumeDrawAll(t, e) {
-    var i, a, n, c;
+    var i, a, c;
     const { workId: s, scenePath: o, isLockSentEventCursor: r } = t;
     if (s) {
-      const h = s.toString();
-      this.drawWorkActiveId === h && (this.drawWorkActiveId = void 0);
-      const l = this.workShapes.get(h);
-      if (!l)
+      const n = s.toString();
+      this.drawWorkActiveId === n && (this.drawWorkActiveId = void 0);
+      const h = this.workShapes.get(n);
+      if (!h)
         return;
-      const m = l.toolsType;
-      if (m === f.LaserPen)
+      const l = h.toolsType;
+      if (l === f.LaserPen)
         return;
-      const d = this.workShapes.get(G), w = (i = d == null ? void 0 : d.selectIds) == null ? void 0 : i[0], S = l.consumeAll({ data: t });
-      switch (m) {
+      const m = this.workShapes.get(G), d = (i = m == null ? void 0 : m.selectIds) == null ? void 0 : i[0], S = h.consumeAll({ data: t, workerEngine: this });
+      switch (l) {
         case f.Selector:
-          S.selectIds && w && ((a = S.selectIds) != null && a.includes(w)) && d.cursorBlur(), S.type === p.Select && (S.selectIds && e.runReverseSelectWork(S.selectIds), this.thread.post({ sp: [{ ...S, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(h);
+          S.selectIds && d && ((a = S.selectIds) != null && a.includes(d)) && m.cursorBlur(), S.type === p.Select && (S.selectIds && e.runReverseSelectWork(S.selectIds), this.thread.post({ sp: [{ ...S, scenePath: o }] })), (c = h.selectIds) != null && c.length ? h.clearTmpPoints() : this.clearWorkShapeNodeCache(n);
           break;
         case f.PencilEraser:
-          this.drawPencilEraser({ ...S, scenePath: o }, r), l.clearTmpPoints();
+          this.drawPencilEraser({ ...S, scenePath: o }, r), h.clearTmpPoints();
           break;
         case f.BitMapEraser:
-          (S.rect || (c = S.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, S, r);
+          this.drawBitMapEraserFull(h, S, r), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
           break;
         case f.Eraser:
-          this.drawEraser({ ...S, scenePath: o }, r), l.clearTmpPoints();
+          this.drawEraser({ ...S, scenePath: o }, r), h.clearTmpPoints();
           break;
         case f.Arrow:
         case f.Straight:
@@ -743,14 +741,14 @@ class fe {
         case f.Polygon:
         case f.SpeechBalloon:
         case f.Pencil: {
-          const y = [];
-          r && y.push({
+          const w = [];
+          r && w.push({
             type: p.None,
             isLockSentEventCursor: r
-          }), S && (y.push(S), this.drawCount = 0, this.thread.post({
-            drawCount: this.drawCount,
-            sp: y
-          })), this.clearWorkShapeNodeCache(h);
+          }), S && (w.push(S), this.fullWorkerDrawCount = 0, this.thread.post({
+            fullWorkerDrawCount: this.fullWorkerDrawCount,
+            sp: w
+          })), this.clearWorkShapeNodeCache(n);
           break;
         }
       }
@@ -845,7 +843,7 @@ class me {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, a, n, c, h, l, m, d, w, S, y, v, C, R, V, K;
+    var s, o, r, i, a, c, n, h, l, m, d, S, w, y, v, D, R, V, K;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
@@ -855,9 +853,9 @@ class me {
           await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((b, O) => {
-            var E;
-            (E = b.selectIds) != null && E.includes(L) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          })), this.selectorWorkShapes.forEach((b, C) => {
+            var O;
+            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
           }), this.workShapes.delete(L);
           break;
         }
@@ -865,9 +863,9 @@ class me {
           k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: L
-          })), this.selectorWorkShapes.forEach((b, O) => {
-            var E;
-            (E = b.selectIds) != null && E.includes(L) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          })), this.selectorWorkShapes.forEach((b, C) => {
+            var O;
+            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
           }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(L));
           break;
         }
@@ -880,17 +878,17 @@ class me {
         case f.SpeechBalloon: {
           const b = !!k.ops;
           if ((i = k.animationWorkData) != null && i.length) {
-            const O = k.oldRect;
+            const C = k.oldRect;
             (a = k.node) == null || a.consumeService({
               op: k.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((E, D) => {
+            }), b && (this.selectorWorkShapes.forEach((O, E) => {
               var x;
-              (x = E.selectIds) != null && x.includes(L) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-            }), (n = k.node) == null || n.clearTmpPoints(), this.workShapes.delete(L)), e.set(L, {
-              workState: O ? k.ops ? T.Done : T.Doing : T.Start,
-              op: k.animationWorkData.filter((E, D) => {
-                if (D % 3 !== 2)
+              (x = O.selectIds) != null && x.includes(L) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
+            }), (c = k.node) == null || c.clearTmpPoints(), this.workShapes.delete(L)), e.set(L, {
+              workState: C ? k.ops ? W.Done : W.Doing : W.Start,
+              op: k.animationWorkData.filter((O, E) => {
+                if (E % 3 !== 2)
                   return !0;
               }).slice(-2)
             }), k.animationWorkData.length = 0;
@@ -899,31 +897,31 @@ class me {
         }
         case f.Pencil: {
           if (!k.useAnimation && k.ops)
-            (c = k.node) == null || c.consumeService({
+            (n = k.node) == null || n.consumeService({
               op: k.animationWorkData || [],
               isFullWork: !0,
               replaceId: L
-            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, O) => {
-              var E;
-              (E = b.selectIds) != null && E.includes(L) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, C) => {
+              var O;
+              (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
             }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(L);
           else if (k.useAnimation) {
             if (k.isDel) {
               (m = k.node) == null || m.clearTmpPoints(), this.workShapes.delete(L);
               break;
             }
-            const b = 3, O = this.computNextAnimationIndex(k, b), E = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), D = (k.animationWorkData || []).slice(E, O), x = (w = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : w.toString();
-            if ((k.animationIndex || 0) < O || k.isDiff) {
-              if ((S = k.node) == null || S.consumeService({
-                op: D,
+            const b = 3, C = this.computNextAnimationIndex(k, b), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), E = (k.animationWorkData || []).slice(O, C), x = (S = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
+            if ((k.animationIndex || 0) < C || k.isDiff) {
+              if ((w = k.node) == null || w.consumeService({
+                op: E,
                 isFullWork: !1
-              }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length) {
-                const _ = D.filter((B, re) => {
+              }), k.animationIndex = C, k.isDiff && (k.isDiff = !1), E.length) {
+                const _ = E.filter((B, re) => {
                   if (re % b !== b - 1)
                     return !0;
                 }).slice(-2);
                 e.set(L, {
-                  workState: E === 0 ? T.Start : O === ((y = k.animationWorkData) == null ? void 0 : y.length) ? T.Done : T.Doing,
+                  workState: O === 0 ? W.Start : C === ((y = k.animationWorkData) == null ? void 0 : y.length) ? W.Done : W.Doing,
                   op: _
                 });
               }
@@ -932,8 +930,8 @@ class me {
               isFullWork: !0,
               replaceId: x
             }), k.isDel = !0, e.set(L, {
-              workState: T.Done,
-              op: D.filter((_, B) => {
+              workState: W.Done,
+              op: E.filter((_, B) => {
                 if (B % b !== b - 1)
                   return !0;
               }).slice(-2)
@@ -946,29 +944,29 @@ class me {
         case f.BitMapEraser:
         case f.PencilEraser: {
           if (k.isDel) {
-            (C = k.node) == null || C.clearTmpPoints(), this.workShapes.delete(L);
+            (D = k.node) == null || D.clearTmpPoints(), this.workShapes.delete(L);
             break;
           }
           if (k.ops && ((R = k.animationWorkData) != null && R.length)) {
             const b = k.animationWorkData.slice(-3, -1);
             e.set(L, {
-              workState: T.Done,
+              workState: W.Done,
               op: b
             }), k.isDel = !0;
             break;
           }
           if (k.useAnimation) {
-            const O = this.computNextAnimationIndex(k, 3), E = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - 3), D = (k.animationWorkData || []).slice(E, O);
-            if (((k.animationIndex || 0) < O || k.isDiff) && ((V = k.node) == null || V.consumeService({
-              op: D,
+            const C = this.computNextAnimationIndex(k, 3), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - 3), E = (k.animationWorkData || []).slice(O, C);
+            if (((k.animationIndex || 0) < C || k.isDiff) && ((V = k.node) == null || V.consumeService({
+              op: E,
               isFullWork: k.toolsType !== f.BitMapEraser
-            }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length)) {
-              const x = D.filter((_, B) => {
+            }), k.animationIndex = C, k.isDiff && (k.isDiff = !1), E.length)) {
+              const x = E.filter((_, B) => {
                 if (B % 3 !== 2)
                   return !0;
               }).slice(-2);
               e.set(L, {
-                workState: E === 0 ? T.Start : O === ((K = k.animationWorkData) == null ? void 0 : K.length) ? T.Done : T.Doing,
+                workState: O === 0 ? W.Start : C === ((K = k.animationWorkData) == null ? void 0 : K.length) ? W.Done : W.Doing,
                 op: x
               });
             }
@@ -1015,31 +1013,31 @@ class me {
     return !1;
   }
   activeWorkShape(t) {
-    var w, S, y, v;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n, useAnimation: c, imageBitmap: h } = t;
+    var S, w, y, v;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: c, useAnimation: n, imageBitmap: h } = t;
     if (!e)
       return;
-    const l = e.toString(), m = (w = this.vNodes.get(l)) == null ? void 0 : w.rect;
-    if (!((S = this.workShapes) != null && S.has(l))) {
-      let C = {
+    const l = e.toString(), m = (S = this.vNodes.get(l)) == null ? void 0 : S.rect;
+    if (!((w = this.workShapes) != null && w.has(l))) {
+      let D = {
         toolsType: o,
-        animationWorkData: n || [],
+        animationWorkData: c || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
         ops: a,
-        useAnimation: typeof c < "u" ? c : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
+        useAnimation: typeof n < "u" ? n : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
         oldRect: m,
         isDiff: !1,
         imageBitmap: h
       };
-      o && s && (C = this.setNodeKey(l, C, o, s)), (y = this.workShapes) == null || y.set(l, C);
+      o && s && (D = this.setNodeKey(l, D, o, s)), (y = this.workShapes) == null || y.set(l, D);
     }
     const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), a && (d.animationWorkData = P(a), d.ops = a), i && (d.updateNodeOpt = i), n && (d.isDiff = this.hasDiffData(d.animationWorkData || [], n, d.toolsType), d.animationWorkData = n), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
+    r && (d.type = r), a && (d.animationWorkData = P(a), d.ops = a), i && (d.updateNodeOpt = i), c && (d.isDiff = this.hasDiffData(d.animationWorkData || [], c, d.toolsType), d.animationWorkData = c), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
   }
   removeNode(t, e) {
-    t.indexOf(W) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
+    t.indexOf(T) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
       s.remove();
     }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
       s.remove();
@@ -1050,12 +1048,12 @@ class me {
     s && (this.activeSelectorShape(t), this.willRunEffectSelectorIds.add(s)), this.runEffect();
   }
   activeSelectorShape(t) {
-    var c, h, l;
+    var n, h, l;
     const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
     if (!e)
       return;
     const a = e.toString();
-    if (!((c = this.selectorWorkShapes) != null && c.has(a))) {
+    if (!((n = this.selectorWorkShapes) != null && n.has(a))) {
       let m = {
         toolsType: o,
         selectIds: i,
@@ -1064,8 +1062,8 @@ class me {
       };
       o && s && (m = this.setNodeKey(a, m, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, m);
     }
-    const n = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
-    r && (n.type = r), n.node && n.node.getWorkId() !== a && n.node.setWorkId(a), n.selectIds = i || [];
+    const c = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
+    r && (c.type = r), c.node && c.node.getWorkId() !== a && c.node.setWorkId(a), c.selectIds = i || [];
   }
   setNodeKey(t, e, s, o) {
     return e.toolsType = s, e.node = z({
@@ -1115,28 +1113,28 @@ class Se extends M {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === W && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
+    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       willSerializeData: a,
-      textUpdateForWoker: n,
+      textUpdateForWoker: c,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a, textUpdateForWoker: n } = s, c = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a, textUpdateForWoker: c } = s, n = o.sp || [];
     if (i)
       for (const [h, l] of r.entries())
-        n && l.toolsType === f.Text ? c.push({
+        c && l.toolsType === f.Text ? n.push({
           ...l,
           workId: h,
           type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
-        }) : c.push(
+        }) : n.push(
           {
             ...l,
             workId: h,
@@ -1148,7 +1146,7 @@ class Se extends M {
           }
         );
     return {
-      sp: c
+      sp: n
     };
   }
 }
@@ -1163,9 +1161,9 @@ class ye extends M {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var n;
+    var c;
     const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1174,13 +1172,13 @@ class ye extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
-    if (i && n)
-      for (const [c, h] of r.entries())
-        n.push(
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, c = o.sp || [];
+    if (i && c)
+      for (const [n, h] of r.entries())
+        c.push(
           {
             ...h,
-            workId: c,
+            workId: n,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1189,7 +1187,7 @@ class ye extends M {
           }
         );
     return {
-      sp: n
+      sp: c
     };
   }
 }
@@ -1205,52 +1203,52 @@ class we extends M {
   }
   async consumeForLocalWorker(e) {
     var h, l;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n, emitEventType: c } = e;
-    s === W && o && (o.workState === T.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== T.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c, emitEventType: n } = e;
+    s === T && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       willSerializeData: a,
       isSync: !0,
-      textUpdateForWoker: n,
-      emitEventType: c,
+      textUpdateForWoker: c,
+      emitEventType: n,
       callback: this.updateSelectorCallback
-    })) : o.workState === T.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
+    })) : o.workState === W.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = h.workState, d = o.sp || [];
-    if (m === T.Start)
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = h.workState, d = o.sp || [];
+    if (m === W.Start)
       return {
         sp: [],
         render: []
       };
-    const w = a == null ? void 0 : a.selectRect;
-    if (n) {
-      m === T.Doing && d.push({
+    const S = a == null ? void 0 : a.selectRect;
+    if (c) {
+      m === W.Doing && d.push({
         type: p.Select,
         selectIds: i.selectIds,
-        selectRect: w,
+        selectRect: S,
         willSyncService: !0,
         isSync: !0,
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [S, y] of r.entries())
+      for (const [w, y] of r.entries())
         l && y.toolsType === f.Text ? d.push({
           ...y,
-          workId: S,
+          workId: w,
           type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : d.push(
           {
             ...y,
-            workId: S,
+            workId: w,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: n
           }
         );
     }
@@ -1281,7 +1279,7 @@ class ge extends M {
   async consumeForLocalWorker(e) {
     var a;
     const { workId: s, updateNodeOpt: o, willSyncService: r, willSerializeData: i } = e;
-    s === W && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    s === T && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willSyncService: r,
       willSerializeData: i,
@@ -1290,32 +1288,32 @@ class ge extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c } = s, h = n.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
-    if (h === T.Start)
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n } = s, h = c.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
+    if (h === W.Start)
       return {
         sp: [],
         render: []
       };
-    if (c) {
+    if (n) {
       l.push({
         type: p.Select,
         selectIds: r.selectIds,
         selectRect: m,
         willSyncService: !0,
         isSync: !0,
-        points: h === T.Done && r.getChildrenPoints() || void 0,
+        points: h === W.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
-      for (const [d, w] of a.entries())
-        w.toolsType === f.Text ? l.push({
-          ...w,
+      for (const [d, S] of a.entries())
+        S.toolsType === f.Text ? l.push({
+          ...S,
           workId: d,
           type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : l.push(
           {
-            ...w,
+            ...S,
             workId: d,
             type: p.UpdateNode,
             updateNodeOpt: {
@@ -1341,34 +1339,34 @@ class Ie extends M {
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, emitEventType: n } = e;
-    s === W && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, emitEventType: c } = e;
+    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       willSerializeData: a,
-      emitEventType: n,
+      emitEventType: c,
       isSync: !0,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c, willSerializeData: h, isSync: l } = s, m = n.workState, d = o.sp || [], w = i == null ? void 0 : i.selectRect;
-    if (c) {
-      h && m === T.Done && d.push({
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n, willSerializeData: h, isSync: l } = s, m = c.workState, d = o.sp || [], S = i == null ? void 0 : i.selectRect;
+    if (n) {
+      h && m === W.Done && d.push({
         type: p.Select,
         selectIds: r.selectIds,
-        selectRect: w,
+        selectRect: S,
         willSyncService: !0,
         isSync: l,
         points: r.getChildrenPoints()
       });
-      for (const [S, y] of a.entries())
+      for (const [w, y] of a.entries())
         d.push(
           {
             ...y,
-            workId: S,
+            workId: w,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1382,7 +1380,7 @@ class Ie extends M {
     };
   }
 }
-class Te extends M {
+class We extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetFontStyle);
@@ -1393,44 +1391,44 @@ class Te extends M {
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === W && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
+    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       willSerializeData: a,
-      textUpdateForWoker: n,
+      textUpdateForWoker: c,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = o.sp || [], d = a == null ? void 0 : a.selectRect;
-    if (n && m) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = o.sp || [], d = a == null ? void 0 : a.selectRect;
+    if (c && m) {
       h.fontSize && m.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: d,
-        willSyncService: n,
-        isSync: c,
+        willSyncService: c,
+        isSync: n,
         points: i.getChildrenPoints()
       });
-      for (const [w, S] of r.entries())
-        l && S.toolsType === f.Text ? m.push({
-          ...S,
-          workId: w,
+      for (const [S, w] of r.entries())
+        l && w.toolsType === f.Text ? m.push({
+          ...w,
+          workId: S,
           type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : m.push(
           {
-            ...S,
-            workId: w,
+            ...w,
+            workId: S,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: n
           }
         );
     }
@@ -1439,7 +1437,7 @@ class Te extends M {
     };
   }
 }
-class We extends M {
+class Te extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetPoint);
@@ -1450,22 +1448,22 @@ class We extends M {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === W && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
+    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       emitEventType: this.emitEventType,
       willSerializeData: a,
       isSync: !0,
-      textUpdateForWoker: n,
+      textUpdateForWoker: c,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
-    if (n && h) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
+    if (c && h) {
       for (const [m, d] of r.entries())
         h.push(
           {
@@ -1475,15 +1473,15 @@ class We extends M {
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: n
           }
         );
       h.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: l,
-        willSyncService: n,
-        isSync: c,
+        willSyncService: c,
+        isSync: n,
         points: i.getChildrenPoints()
       });
     }
@@ -1503,9 +1501,9 @@ class Ne extends M {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var n;
+    var c;
     const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1514,18 +1512,18 @@ class Ne extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h } = s, l = o.sp || [], m = a == null ? void 0 : a.selectRect;
-    if (n && l) {
-      for (const [d, w] of r.entries())
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h } = s, l = o.sp || [], m = a == null ? void 0 : a.selectRect;
+    if (c && l) {
+      for (const [d, S] of r.entries())
         l.push(
           {
-            ...w,
+            ...S,
             workId: d,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: n
           }
         );
       l.push({
@@ -1536,8 +1534,8 @@ class Ne extends M {
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: m,
-        willSyncService: n,
-        isSync: c
+        willSyncService: c,
+        isSync: n
       });
     }
     return {
@@ -1556,9 +1554,9 @@ class Le extends M {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var n;
+    var c;
     const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1567,13 +1565,13 @@ class Le extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
-    if (i && n)
-      for (const [c, h] of r.entries())
-        n.push(
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, c = o.sp || [];
+    if (i && c)
+      for (const [n, h] of r.entries())
+        c.push(
           {
             ...h,
-            workId: c,
+            workId: n,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1582,7 +1580,7 @@ class Le extends M {
           }
         );
     return {
-      sp: n
+      sp: c
     };
   }
 }
@@ -1608,9 +1606,9 @@ class be {
       case I.RotateNode:
         return new Ie();
       case I.SetFontStyle:
-        return new Te();
-      case I.SetPoint:
         return new We();
+      case I.SetPoint:
+        return new Te();
       case I.SetLock:
         return new Ne();
       case I.SetShapeOpt:
@@ -1629,7 +1627,7 @@ class be {
     return !1;
   }
 }
-class Ce {
+class De {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -1703,7 +1701,7 @@ class Ce {
   }
   async on(t) {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: n, imageBitmap: c, workIds: h } = t, l = i == null ? void 0 : i.toString();
+      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: c, imageBitmap: n, workIds: h } = t, l = i == null ? void 0 : i.toString();
       switch (e) {
         case p.UpdateDpr:
           U(t.dpr) && this.updateDpr(t.dpr);
@@ -1747,7 +1745,7 @@ class Ce {
           }
           break;
         case p.DrawWork:
-          a === T.Done && r === g.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
+          a === W.Done && r === g.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
           break;
         case p.UpdateNode:
         case p.FullWork:
@@ -1761,7 +1759,7 @@ class Ce {
           await this.removeNode(t);
           return;
         case p.Select:
-          r === g.Service && (i === W ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
+          r === g.Service && (i === T ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
         case p.CursorHover:
           this.localWork.cursorHover(t);
@@ -1770,16 +1768,16 @@ class Ce {
           r === g.Local && this.localWork.checkTextActive(t);
           break;
         case p.GetImageBitMap:
-          if (n && c && i) {
+          if (c && n && i) {
             const m = i.toString();
-            this.deleteCachedImagesByWorkId(m), this.cacheImages.set(n, {
-              imageBitmap: c,
+            this.deleteCachedImagesByWorkId(m), this.cacheImages.set(c, {
+              imageBitmap: n,
               workId: m
             });
-            const d = this.imageResolveMap.get(n);
+            const d = this.imageResolveMap.get(c);
             if (d) {
-              const { resolve: w, timer: S } = d;
-              S && clearTimeout(S), w && w(n);
+              const { resolve: S, timer: w } = d;
+              w && clearTimeout(w), S && S(c);
             }
           }
           break;
@@ -1808,30 +1806,30 @@ class Ce {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: a, width: n, height: c, strokeColor: h } = s;
-      if (!i || !a || !n || !c)
+      const r = o.toString(), { src: i, type: a, width: c, height: n, strokeColor: h } = s;
+      if (!i || !a || !c || !n)
         return;
       let l = i;
       if (a === ee.Iconify) {
-        const [S, y] = this.getIconSize(n, c, this.opt.displayer.dpr);
-        l = `${i}?width=${S}&height=${y}&color=${h}`;
+        const [w, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
+        l = `${i}?width=${w}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const S = this.getCachedImages(l);
-        if (S)
-          return S;
+        const w = this.getCachedImages(l);
+        if (w)
+          return w;
       }
       if (this.imageResolveMap.has(l)) {
-        const S = this.getCachedImagesByWorkId(r);
-        if (S)
-          return S;
+        const w = this.getCachedImagesByWorkId(r);
+        if (w)
+          return w;
       }
-      const w = await new Promise((S) => {
+      const S = await new Promise((w) => {
         const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
+        y.timer && clearTimeout(y.timer), y.resolve = w, y.timer = setTimeout(() => {
           const v = this.imageResolveMap.get(l);
           v != null && v.resolve && v.resolve(l);
         }, 5e3), this.imageResolveMap.set(l, y), this.opt.post({
@@ -1845,14 +1843,14 @@ class Ce {
           }]
         });
       });
-      return this.imageResolveMap.delete(w), this.getCachedImages(l);
+      return this.imageResolveMap.delete(S), this.getCachedImages(l);
     }
   }
   async removeNode(t) {
     const { dataType: e, workId: s, removeIds: o } = t, r = o || [];
     if (s && r.push(s.toString()), r.length)
       for (const i of r) {
-        if (i === W) {
+        if (i === T) {
           await this.localWork.removeSelector(t);
           continue;
         }
@@ -1880,25 +1878,25 @@ class Ce {
       if ((o = r.sp) != null && o.length)
         for (const i of r.sp) {
           let a = !1;
-          for (const n of t)
-            if (Q(i, n)) {
+          for (const c of t)
+            if (Q(i, c)) {
               a = !0;
               break;
             }
           a || t.push(i);
         }
-      U(r.drawCount) && (e = r.drawCount), U(r.consumeCount) && (s = r.consumeCount);
+      U(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), U(r.consumeCount) && (s = r.consumeCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
-      drawCount: e,
+      fullWorkerDrawCount: e,
       consumeCount: s
     };
   }
   combinePost() {
     var s, o;
     const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
-    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.consumeCount === void 0 && delete t.consumeCount, t.drawCount === void 0 && delete t.drawCount, (t != null && t.consumeCount || t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
+    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.consumeCount === void 0 && delete t.consumeCount, t.fullWorkerDrawCount === void 0 && delete t.fullWorkerDrawCount, (t != null && t.consumeCount || t != null && t.fullWorkerDrawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
@@ -1937,7 +1935,7 @@ class Ce {
     const { cameraOpt: e, scenePath: s } = t;
     if (e && !Q(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
-        let c = !1;
+        let n = !1;
         for (const [h, l] of this.localWork.getWorkShapes().entries())
           switch (l.toolsType) {
             case f.Text:
@@ -1948,10 +1946,10 @@ class Ce {
             case f.LaserPen:
               break;
             default:
-              h !== G && h !== W && (c = !0);
+              h !== G && h !== T && (n = !0);
               break;
           }
-        if (c) {
+        if (n) {
           this.taskUpdateCameraId = setTimeout(() => {
             this.taskUpdateCameraId = void 0, this.updateCamera(t);
           }, j);
@@ -1959,47 +1957,47 @@ class Ce {
         }
       }
       const r = /* @__PURE__ */ new Map();
-      for (const [c, h] of this.vNodes.getNodesByType(f.Text).entries()) {
+      for (const [n, h] of this.vNodes.getNodesByType(f.Text).entries()) {
         const l = h.rect;
-        r.set(c, oe(l));
+        r.set(n, oe(l));
       }
       const i = new Set(r.keys());
       let a = !1;
       if (this.localWork.hasSelector()) {
-        const c = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
-        if (c) {
+        const n = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
+        if (n) {
           a = !0;
-          for (const h of c)
+          for (const h of n)
             i.add(h);
         }
       }
-      let n = !1;
+      let c = !1;
       if (this.serviceWork.selectorWorkShapes.size)
-        for (const c of this.serviceWork.selectorWorkShapes.values()) {
-          const h = c.selectIds;
+        for (const n of this.serviceWork.selectorWorkShapes.values()) {
+          const h = n.selectIds;
           if (h) {
-            n = !0;
+            c = !0;
             for (const l of h)
               i.add(l);
           }
         }
       if (this.setCameraOpt(e), this.vNodes.curNodeMap.size) {
         this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(i), this.debounceUpdateCameraId && clearTimeout(this.debounceUpdateCameraId);
-        for (const [c, h] of r.entries()) {
-          const l = this.vNodes.get(c);
+        for (const [n, h] of r.entries()) {
+          const l = this.vNodes.get(n);
           if (l) {
-            const m = h, d = l.rect, w = this.getSceneRect(), S = $(m, w), y = $(d, w);
+            const m = h, d = l.rect, S = this.getSceneRect(), w = $(m, S), y = $(d, S);
             let v = !1;
-            if ((S !== y || m.w !== d.w || m.h !== d.h || y === X.intersect) && (v = !0), v) {
-              const { toolsType: C, opt: R } = l;
-              C === f.Text && R.workState === T.Done && this.debounceUpdateCache.add(c);
+            if ((w !== y || m.w !== d.w || m.h !== d.h || y === X.intersect) && (v = !0), v) {
+              const { toolsType: D, opt: R } = l;
+              D === f.Text && R.workState === W.Done && this.debounceUpdateCache.add(n);
             }
           }
         }
-        if (a && this.localWork.reRenderSelector(), n)
-          for (const [c, h] of this.serviceWork.selectorWorkShapes.entries())
+        if (a && this.localWork.reRenderSelector(), c)
+          for (const [n, h] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
-              workId: c,
+              workId: n,
               selectIds: h.selectIds,
               msgType: p.Select,
               dataType: g.Service,
@@ -2008,19 +2006,19 @@ class Ce {
         this.debounceUpdateCameraId = setTimeout(() => {
           var h;
           this.debounceUpdateCameraId = void 0;
-          const c = [];
+          const n = [];
           for (const l of this.debounceUpdateCache.values()) {
             if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
               const d = this.vNodes.get(l);
               if (d) {
-                const { toolsType: w, opt: S, rect: y } = d, v = this.localWork.setFullWork({
-                  toolsType: w,
-                  opt: S,
+                const { toolsType: S, opt: w, rect: y } = d, v = this.localWork.setFullWork({
+                  toolsType: S,
+                  opt: w,
                   workId: l
                 });
                 if (v) {
-                  const C = this.getSceneRect(), R = $(y, C);
-                  c.push(v.consumeServiceAsync({
+                  const D = this.getSceneRect(), R = $(y, D);
+                  n.push(v.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
                     isDrawLabel: R !== X.outside
@@ -2056,14 +2054,14 @@ class Ce {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), n = new se({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), c = new se({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return a.append(n), n;
+    return a.append(c), c;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -2078,7 +2076,7 @@ class Ce {
     this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), this.topLayer.remove(), this.localLayer.remove(), this.serviceLayer.remove(), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
   }
 }
-class Oe {
+class Ce {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2134,8 +2132,8 @@ class Oe {
           });
           const a = this.imageResolveMap.get(s);
           if (a) {
-            const { resolve: n, timer: c } = a;
-            c && clearTimeout(c), n && n(s);
+            const { resolve: c, timer: n } = a;
+            n && clearTimeout(n), c && c(s);
           }
         }
         break;
@@ -2148,30 +2146,30 @@ class Oe {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: a, width: n, height: c, strokeColor: h } = s;
-      if (!i || !a || !n || !c)
+      const r = o.toString(), { src: i, type: a, width: c, height: n, strokeColor: h } = s;
+      if (!i || !a || !c || !n)
         return;
       let l = i;
       if (a === ee.Iconify) {
-        const [S, y] = this.getIconSize(n, c, this.opt.displayer.dpr);
-        l = `${i}?width=${S}&height=${y}&color=${h}`;
+        const [w, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
+        l = `${i}?width=${w}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const S = this.getCachedImages(l);
-        if (S)
-          return S;
+        const w = this.getCachedImages(l);
+        if (w)
+          return w;
       }
       if (this.imageResolveMap.has(l)) {
-        const S = this.getCachedImagesByWorkId(r);
-        if (S)
-          return S;
+        const w = this.getCachedImagesByWorkId(r);
+        if (w)
+          return w;
       }
-      const w = await new Promise((S) => {
+      const S = await new Promise((w) => {
         const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
+        y.timer && clearTimeout(y.timer), y.resolve = w, y.timer = setTimeout(() => {
           const v = this.imageResolveMap.get(l);
           v != null && v.resolve && v.resolve(l);
         }, 5e3), this.imageResolveMap.set(l, y), this.opt.post({
@@ -2185,7 +2183,7 @@ class Oe {
           }]
         });
       });
-      return this.imageResolveMap.delete(w), this.getCachedImages(l);
+      return this.imageResolveMap.delete(S), this.getCachedImages(l);
     }
   }
   createWorkShapeNode(t) {
@@ -2228,7 +2226,7 @@ class Oe {
     if (e && s && o) {
       this.setCameraOpt(o);
       let a;
-      for (const [c, h] of Object.entries(s))
+      for (const [n, h] of Object.entries(s))
         if (h != null && h.type)
           switch (h == null ? void 0 : h.type) {
             case p.UpdateNode:
@@ -2236,7 +2234,7 @@ class Oe {
               const { opt: l } = h, m = {
                 ...h,
                 opt: l,
-                workId: c,
+                workId: n,
                 msgType: p.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
@@ -2245,11 +2243,11 @@ class Oe {
               break;
             }
           }
-      let n;
-      r && i && (n = {
+      let c;
+      r && i && (c = {
         resizeWidth: r,
         resizeHeight: i
-      }), await this.getSnapshotRender({ scenePath: e, options: n });
+      }), await this.getSnapshotRender({ scenePath: e, options: c });
     }
   }
   getSceneRect() {
@@ -2289,14 +2287,14 @@ class Oe {
           switch (a == null ? void 0 : a.type) {
             case p.UpdateNode:
             case p.FullWork: {
-              const n = await this.runFullWork({
+              const c = await this.runFullWork({
                 ...a,
                 workId: i,
                 msgType: p.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
               });
-              r = H(r, n);
+              r = H(r, c);
               break;
             }
           }
@@ -2338,7 +2336,7 @@ class Oe {
   combinePost() {
     var s, o;
     const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
-    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
+    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (o = t.sp) != null && o.length && this.opt.post(t);
   }
   createScene(t) {
     return new te({
@@ -2351,14 +2349,14 @@ class Oe {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), n = new se({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), c = new se({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return a.append(n), n;
+    return a.append(c), c;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -2381,30 +2379,30 @@ class Ue {
     this.master = t;
   }
   post(t) {
-    const { drawCount: e, sp: s, workerTasksqueueCount: o, consumeCount: r } = t;
+    const { fullWorkerDrawCount: e, sp: s, workerTasksqueueCount: o, consumeCount: r } = t;
     this.master.isBusy && q(o) && this.master.setWorkerTasksqueueCount(o), q(e) && this.master.setMaxDrawCount(e), q(r) && this.master.setConsumeCount(r), s && this.master.collectorSyncData(s);
   }
   destroy() {
     this.mainThreadMap.clear();
   }
   createMainThread(t, e) {
-    return new Ce(t, e);
+    return new De(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Oe(t, e);
+    return new Ce(t, e);
   }
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: a, viewId: n, tasksqueue: c, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: w } = i;
+      const { msgType: a, viewId: c, tasksqueue: n, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: S } = i;
       if (a === p.Console) {
         console.log(this);
         continue;
       }
       if (a === p.Init) {
-        const y = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, v = y == null ? void 0 : y.canvasContainerRef.current;
+        const y = (e = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : e.displayer, v = y == null ? void 0 : y.canvasContainerRef.current;
         if (y && v && l && m) {
-          const C = this.createMainThread(n, {
+          const D = this.createMainThread(c, {
             displayer: y,
             container: v,
             layerOpt: l,
@@ -2412,15 +2410,15 @@ class Ue {
             canvasOpt: m,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(n, C), C && d && C.setCameraOpt(d);
+          this.mainThreadMap.set(c, D), D && d && D.setCameraOpt(d);
         }
         continue;
       }
-      if ((a === p.Snapshot || a === p.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        const y = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, v = (r = y.snapshotContainerRef) == null ? void 0 : r.current;
+      if ((a === p.Snapshot || a === p.BoundingBox) && c === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
+        const y = (o = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : o.displayer, v = (r = y.snapshotContainerRef) == null ? void 0 : r.current;
         if (y && v && d) {
           v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
-          const C = {
+          const D = {
             ...Y.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
@@ -2430,10 +2428,10 @@ class Ue {
             width: d.width,
             height: d.height
           };
-          this.snapshotThread = this.createSnapshotThread(n, {
+          this.snapshotThread = this.createSnapshotThread(c, {
             displayer: y,
             container: v,
-            layerOpt: C,
+            layerOpt: D,
             master: this.master,
             canvasOpt: R,
             post: this.post.bind(this)
@@ -2443,24 +2441,24 @@ class Ue {
           continue;
         }
       }
-      if (a === p.GetImageBitMap && w && this.snapshotThread) {
+      if (a === p.GetImageBitMap && S && this.snapshotThread) {
         this.snapshotThread.on(i);
         continue;
       }
-      if (a === p.TasksQueue && (c != null && c.size)) {
+      if (a === p.TasksQueue && (n != null && n.size)) {
         for (const [y, v] of this.mainThreadMap.entries()) {
-          const C = c.get(y);
-          C && (await v.on(C), h && this.post({ workerTasksqueueCount: h }));
+          const D = n.get(y);
+          D && (await v.on(D), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (n === pe) {
+      if (c === pe) {
         for (const y of this.mainThreadMap.values())
-          y.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
+          y.on(i), a === p.Destroy && this.mainThreadMap.delete(c);
         continue;
       }
-      const S = this.mainThreadMap.get(n);
-      S && (S.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
+      const w = this.mainThreadMap.get(c);
+      w && (w.on(i), a === p.Destroy && this.mainThreadMap.delete(c));
     }
   }
 }