@netless/appliance-plugin 1.1.12 → 1.1.13

package/dist/{index-DWoZQBgi.mjs → index-BbDR836g.mjs}

@@ -1,15 +1,15 @@
-var te = Object.defineProperty;
-var se = (L, t, e) => t in L ? te(L, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : L[t] = e;
-var u = (L, t, e) => se(L, typeof t != "symbol" ? t + "" : t, e);
-import { D as R, E as W, a as f, b as g, g as F, t as A, c as h, S as j, d as N, e as $, i as oe, C as U, f as re, h as T, M, V as ie, j as X, T as H, k as P, l as q, m as B, n as ae, o as G, p as V, q as ce } from "./index-DKv5OrcQ.mjs";
-import { Scene as Y, Group as Q } from "spritejs";
-import { cloneDeep as J, xor as ne, isNumber as K, isEqual as Z } from "lodash";
+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 { 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";
 import "white-web-sdk";
 import "react-dom";
 import "react";
 import "eventemitter2";
-class le {
+class ue {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -17,7 +17,7 @@ class le {
     u(this, "localWorkShapes", /* @__PURE__ */ new Map());
     u(this, "tmpOpt");
     u(this, "animationId");
-    u(this, "syncUnitTime", R.syncOpt.interval);
+    u(this, "syncUnitTime", F.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   createLocalWork(t) {
@@ -42,7 +42,7 @@ class le {
       return o && this.localWorkShapes.set(t, {
         node: o,
         toolsType: o.toolsType,
-        workState: W.Start
+        workState: T.Start
       }), o;
     }
   }
@@ -66,7 +66,7 @@ class le {
       if (!r)
         return;
       const i = r.node.consume({ data: t, isFullWork: !1, isSubWorker: !0 });
-      i.rect && (r.result = i, r.workState = W.Doing, o && this.localWorkShapes.set(o, r));
+      i.rect && (r.result = i, r.workState = T.Doing, o && this.localWorkShapes.set(o, r));
     }
     this.runAnimation();
   }
@@ -80,31 +80,31 @@ class le {
   createWorkShapeNode(t) {
     const { toolsType: e } = t;
     if (e === f.LaserPen)
-      return F({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
+      return z({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
   }
   setNodeKey(t, e, s, o) {
     return e.toolsType = s, e.node = this.createWorkShapeNode({ workId: t, toolsType: s, toolsOpt: o }), e;
   }
   activeServiceWorkShape(t) {
     var m, d;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: n } = t;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n } = t;
     if (!e)
       return;
-    const a = e.toString(), p = (m = this.vNodes.get(a)) == null ? void 0 : m.rect;
-    if (!((d = this.serviceWorkShapes) != null && d.has(a))) {
+    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 = {
         toolsType: o,
         animationWorkData: n || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
-        ops: c,
-        oldRect: p
+        ops: a,
+        oldRect: h
       };
-      o && s && (w = this.setNodeKey(a, w, o, s)), this.serviceWorkShapes.set(a, w);
+      o && s && (w = this.setNodeKey(c, w, o, s)), this.serviceWorkShapes.set(c, w);
     }
-    const l = this.serviceWorkShapes.get(a);
-    r && (l.type = r), c && (l.animationWorkData = A(c), l.ops = c), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== a && l.node.setWorkId(a), p && (l.oldRect = p), o && s && (l.toolsType !== o && o && s && this.setNodeKey(a, l, o, s), l.node && l.node.setWorkOptions(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));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -112,48 +112,48 @@ class le {
     return Math.min((t.animationIndex || 0) + (o || e), (t.animationWorkData || []).length);
   }
   animationDraw() {
-    var o, r, i, c;
+    var o, r, i, a;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [n, a] of this.serviceWorkShapes.entries())
-      switch (a.toolsType) {
+    for (const [n, c] of this.serviceWorkShapes.entries())
+      switch (c.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(a, 8), m = Math.max(0, a.animationIndex || 0), d = (a.animationWorkData || []).slice(m, l);
-          if ((a.animationIndex || 0) < l && ((o = a.node) == null || o.consumeService({
+          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({
             op: d,
             isFullWork: !1
-          }), a.animationIndex = l, d.length && e.set(n, {
-            workState: m === 0 ? W.Start : l === ((r = a.animationWorkData) == null ? void 0 : r.length) ? W.Done : W.Doing,
+          }), 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,
             op: d.slice(-2)
-          })), a.isDel) {
-            (i = a.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(n);
+          })), c.isDel) {
+            (i = c.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(n);
             break;
           }
-          a.ops && a.animationIndex === ((c = a.animationWorkData) == null ? void 0 : c.length) && !a.isDel && (this.thread.topLayer.getElementsByName(n.toString())[0] || (a.isDel = !0, this.serviceWorkShapes.set(n, a))), t = !0;
+          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;
           break;
         }
       }
-    for (const [n, a] of this.localWorkShapes.entries()) {
-      const { result: p, toolsType: l, isDel: m, workState: d } = a;
+    for (const [n, c] of this.localWorkShapes.entries()) {
+      const { result: h, toolsType: l, isDel: m, workState: d } = c;
       switch (l) {
         case f.LaserPen: {
           if (m) {
-            a.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
+            c.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
               removeIds: [n.toString()],
-              type: h.RemoveNode
+              type: p.RemoveNode
             });
             break;
           }
-          p && ((p.op || p.ops) && s.push(p), a.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && d === W.Done && (a.isDel = !0, this.localWorkShapes.set(n, a)), t = !0;
+          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;
           break;
         }
       }
     }
-    t && this.runAnimation(), e.size && e.forEach((n, a) => {
+    t && this.runAnimation(), e.size && e.forEach((n, c) => {
       s.push({
-        type: h.Cursor,
-        uid: a.split(j)[0],
+        type: p.Cursor,
+        uid: c.split(J)[0],
         op: n.op,
         workState: n.workState,
         viewId: this.thread.viewId
@@ -171,7 +171,7 @@ class le {
       this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: r, toolsOpt: e }), s && this.localWorkShapes.set(t, {
         node: s,
         toolsType: r,
-        workState: W.Start
+        workState: T.Start
       }), this.setToolsOpt(this.tmpOpt);
     }
     e != null && e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s && s.setWorkOptions(e);
@@ -185,12 +185,12 @@ class le {
       if (!r)
         return;
       const i = r.node.consumeAll({ data: t });
-      r.result = i, r.workState = W.Done, o && this.localWorkShapes.set(o, r);
+      r.result = i, r.workState = T.Done, o && this.localWorkShapes.set(o, r);
     }
     this.runAnimation();
   }
 }
-class he {
+class fe {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -199,10 +199,11 @@ class he {
     u(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     u(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     u(this, "tmpOpt");
-    u(this, "syncUnitTime", R.syncOpt.interval);
+    u(this, "syncUnitTime", F.syncOpt.interval);
     u(this, "drawCount", 0);
     u(this, "drawWorkActiveId");
-    u(this, "batchEraserCombine", re(() => {
+    u(this, "consumeCount", 0);
+    u(this, "batchEraserCombine", ce(() => {
       this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
     }, 100, { leading: !1 }));
     this.vNodes = t.vNodes, this.thread = t.thread;
@@ -220,49 +221,50 @@ class he {
       }), this.setWorkOptions(r, s);
     }
   }
-  workShapesDone(t, e) {
-    for (const s of this.workShapes.keys())
-      this.consumeDrawAll({
-        workId: s,
-        scenePath: t,
-        viewId: this.thread.viewId,
-        msgType: h.DrawWork,
-        dataType: g.Local
-      }, e);
-  }
+  // async workShapesDone(scenePath: string, serviceWork: SubServiceThread) {
+  //     for (const key of this.workShapes.keys()) {
+  //         await this.consumeDrawAll({
+  //             workId: key,
+  //             scenePath,
+  //             viewId: this.thread.viewId,
+  //             msgType: EPostMessageType.DrawWork,
+  //             dataType: EDataType.Local
+  //         }, serviceWork)
+  //     }
+  // }
   async updateSelector(t) {
     var m;
-    const e = this.workShapes.get(N);
+    const e = this.workShapes.get(W);
     if (!((m = e == null ? void 0 : e.selectIds) != null && m.length)) return;
-    const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, c = await (e == null ? void 0 : e.updateSelector({
+    const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
-      selectIds: J(e.selectIds),
+      selectIds: oe(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
     })), n = /* @__PURE__ */ new Map();
-    let a;
-    c != null && c.selectIds && (a = ne(e.selectIds, c.selectIds), c.selectIds.forEach((d) => {
+    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: k, op: S, opt: v } = w;
+        const { toolsType: S, op: y, opt: v } = w;
         n.set(d, {
           opt: v,
-          toolsType: k,
-          ops: (S == null ? void 0 : S.length) && $(S) || void 0
+          toolsType: S,
+          ops: (y == null ? void 0 : y.length) && Z(y) || void 0
         });
       }
-    }), e.selectIds = c.selectIds);
-    const p = [], l = s && s({
-      res: c,
+    }), e.selectIds = a.selectIds);
+    const h = [], l = s && s({
+      res: a,
       workShapeNode: e,
       param: o,
-      postData: { sp: p },
+      postData: { sp: h },
       newServiceStore: n
-    }) || { sp: p };
-    a && l.sp.push({
-      type: h.RemoveNode,
-      removeIds: a,
+    }) || { sp: h };
+    c && l.sp.push({
+      type: p.RemoveNode,
+      removeIds: c,
       viewId: this.thread.viewId
     }), l.sp.length && this.thread.post(l);
   }
@@ -272,10 +274,10 @@ class he {
   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(N)) {
+    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(W)) {
       const e = [];
       e.push({
-        type: h.Select,
+        type: p.Select,
         dataType: g.Local,
         selectIds: [],
         willSyncService: !1
@@ -288,20 +290,20 @@ class he {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: c, name: n, toolsType: a, opt: p } = 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 (a === f.Text && oe([l, m], c) && p.workState === W.Done) {
+        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;
           break;
         }
       }
       r && (await this.blurSelector({
         viewId: s,
-        msgType: h.Select,
+        msgType: p.Select,
         dataType: o,
         isSync: !0
       }), this.thread.post({
         sp: [{
-          type: h.GetTextActive,
+          type: p.GetTextActive,
           toolsType: f.Text,
           workId: r
         }]
@@ -310,36 +312,36 @@ class he {
   }
   cursorHover(t) {
     const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: U,
+      workId: G,
       toolsType: s,
       opt: e
     });
     r && o && r.cursorHover(o);
   }
   updateFullSelectWork(t) {
-    var o, r, i, c, n;
-    const e = this.workShapes.get(N), { selectIds: s } = t;
+    var o, r, i, a, n;
+    const e = this.workShapes.get(W), { selectIds: s } = t;
     if (!(s != null && s.length)) {
       this.blurSelector(t);
       return;
     }
     if (!e) {
-      const a = this.setFullWork(t);
-      !a && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), a && this.updateFullSelectWork(t);
+      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);
       return;
     }
     if (e && (s != null && s.length)) {
-      const { selectRect: a } = e.updateSelectIds(s), p = [{
+      const { selectRect: c } = 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: ((c = t.opt) == null ? void 0 : c.fillColor) || e.fillColor,
+        fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
         textOpt: ((n = t.opt) == null ? void 0 : n.textOpt) || e.textOpt,
         canTextEdit: e.canTextEdit,
         canRotate: e.canRotate,
         scaleType: e.scaleType,
-        type: h.Select,
-        selectRect: a,
+        type: p.Select,
+        selectRect: c,
         points: e.getChildrenPoints(),
         willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
         opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
@@ -351,36 +353,36 @@ class he {
         useStroke: e.useStroke,
         strokeType: e.strokeType
       }];
-      this.thread.post({ sp: p });
+      this.thread.post({ sp: h });
     }
   }
   commandDeleteText(t) {
     const e = this.vNodes.get(t);
     if (e && e.toolsType === f.Text)
       return {
-        type: h.TextUpdate,
+        type: p.TextUpdate,
         toolsType: f.Text,
         workId: t,
         dataType: g.Local
       };
   }
   async removeSelector(t) {
-    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(N);
+    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(W);
     if (!r)
       return;
     const i = r.selectIds && [...r.selectIds] || [];
-    for (const c of i) {
-      if (this.vNodes.get(c)) {
-        const a = this.commandDeleteText(c);
-        a && s.push(a);
+    for (const a of i) {
+      if (this.vNodes.get(a)) {
+        const c = this.commandDeleteText(a);
+        c && s.push(c);
       }
-      this.removeNode(c), o.push(c);
+      this.removeNode(a), o.push(a);
     }
     o.length && s.push({
-      type: h.RemoveNode,
+      type: p.RemoveNode,
       removeIds: o
     }), s.push({
-      type: h.Select,
+      type: p.Select,
       selectIds: [],
       willSyncService: e
     }), await this.blurSelector(), s.length && this.thread.post({ sp: s });
@@ -411,7 +413,7 @@ class he {
   }
   async consumeFull(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && A(t.ops);
+    const e = this.setFullWork(t), s = t.ops && P(t.ops);
     if (e) {
       const r = (o = t.workId) == null ? void 0 : o.toString();
       e.toolsType === f.Image ? await e.consumeServiceAsync({
@@ -430,7 +432,7 @@ class he {
       t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && i.push({
         opt: t.opt,
         toolsType: t.toolsType,
-        type: h.FullWork,
+        type: p.FullWork,
         workId: t.workId,
         ops: t.ops,
         updateNodeOpt: t.updateNodeOpt,
@@ -439,9 +441,9 @@ class he {
     }
   }
   async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(N), { workId: s, msgType: o } = t;
+    const e = this.workShapes.get(W), { workId: s, msgType: o } = t;
     if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
-      o === h.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
+      o === p.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
         setTimeout(() => {
           r(!0);
         }, 0);
@@ -471,7 +473,7 @@ class he {
             replaceId: r
           });
         else {
-          const i = s.ops && A(s.ops);
+          const i = s.ops && P(s.ops);
           o.consumeService({
             op: i,
             isFullWork: !0,
@@ -484,21 +486,21 @@ class he {
     this.reRenderSelector(t);
   }
   hasSelector() {
-    return this.workShapes.has(N);
+    return this.workShapes.has(W);
   }
   getSelector() {
-    return this.workShapes.get(N);
+    return this.workShapes.get(W);
   }
   reRenderSelector(t = !1) {
     var o;
-    const e = this.workShapes.get(N);
+    const e = this.workShapes.get(W);
     if (!e) return;
     if (e && !((o = e.selectIds) != null && o.length))
       return this.blurSelector();
     const s = e.reRenderSelector();
     s && this.thread.post({
       sp: [{
-        type: h.Select,
+        type: p.Select,
         selectIds: e.selectIds,
         selectRect: s,
         willSyncService: t,
@@ -524,9 +526,9 @@ class he {
   }
   async blurSelector(t) {
     var o;
-    const e = this.workShapes.get(N), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(N), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === N && r.remove();
+    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();
     }), s) {
       const r = [];
       r.push({
@@ -541,29 +543,18 @@ class he {
   }
   drawBitMapEraser(t) {
     const e = [];
-    t.op && e.push(t), e.length && this.thread.post({ sp: e });
+    t.op && e.push(t), this.thread.post({ sp: e, consumeCount: this.consumeCount });
   }
   async drawBitMapEraserFull(t, e, s) {
-    const { willUpdateNodes: o, willDeleteNodes: r, scenePath: i, ...c } = e, n = t.getWorkId(), a = [
+    const { willUpdateNodes: o, willDeleteNodes: r } = e, i = t.getWorkId(), a = [
       {
-        ...c,
-        workId: n,
-        scenePath: i,
-        updateNodeOpt: {
-          useAnimation: !1
-        },
-        isSync: !0,
-        nextTasks: [
-          {
-            type: h.RemoveNode,
-            removeIds: [n],
-            viewId: this.thread.viewId
-          }
-        ]
+        type: p.RemoveNode,
+        removeIds: [i],
+        viewId: this.thread.viewId
       }
     ];
     if (s && a.push({
-      type: h.None,
+      type: p.None,
       isLockSentEventCursor: s
     }), o != null && o.size || r != null && r.size) {
       if (await (t == null ? void 0 : t.reRenderEffectNodes({
@@ -571,18 +562,18 @@ class he {
         willUpdateNodes: o,
         worker: this
       })), o != null && o.size)
-        for (const [p, l] of o)
+        for (const [n, c] of o)
           a.push({
-            type: h.UpdateNode,
+            type: p.UpdateNode,
             dataType: g.Local,
-            opt: l.opt,
-            workId: p,
+            opt: c.opt,
+            workId: n,
             updateNodeOpt: {
               useAnimation: !1
             }
           });
       r != null && r.size && a.push({
-        type: h.RemoveNode,
+        type: p.RemoveNode,
         removeIds: [...r],
         viewId: this.thread.viewId
       });
@@ -594,11 +585,11 @@ class he {
     const s = [];
     if ((o = t.newWorkDatas) != null && o.size) {
       for (const i of t.newWorkDatas.values()) {
-        const c = i.workId.toString();
-        this.batchEraserWorks.add(c), s.push({
-          type: h.FullWork,
-          workId: c,
-          ops: $(i.op),
+        const a = i.workId.toString();
+        this.batchEraserWorks.add(a), s.push({
+          type: p.FullWork,
+          workId: a,
+          ops: Z(i.op),
           opt: i.opt,
           toolsType: i.toolsType,
           updateNodeOpt: {
@@ -611,16 +602,16 @@ class he {
     (r = t.removeIds) == null || r.forEach((i) => {
       this.batchEraserRemoveNodes.add(i);
     }), e && s.push({
-      type: h.None,
+      type: p.None,
       isLockSentEventCursor: e
-    }), t.rect, this.thread.post({ sp: s }), this.batchEraserCombine();
+    }), t.rect, this.thread.post({ sp: s, consumeCount: this.consumeCount }), this.batchEraserCombine();
   }
   drawEraser(t, e) {
     const s = [];
     t.removeIds && s.push(t), e && s.push({
-      type: h.None,
+      type: p.None,
       isLockSentEventCursor: e
-    }), this.thread.post({ sp: s });
+    }), this.thread.post({ sp: s, consumeCount: this.consumeCount });
   }
   updateBatchEraserCombineNode(t, e) {
     for (const s of e.keys())
@@ -645,54 +636,54 @@ class he {
     return this.workShapes;
   }
   consumeDraw(t, e) {
-    const { op: s, workId: o, scenePath: r } = t;
+    const { op: s, workId: o, scenePath: r, postCount: i } = t;
     if (s != null && s.length && o) {
-      const i = o.toString(), c = this.workShapes.get(i);
-      if (!c)
+      const a = o.toString(), n = this.workShapes.get(a);
+      if (!n)
         return;
-      const n = c.toolsType;
-      if (n === f.LaserPen)
+      const c = n.toolsType;
+      if (c === f.LaserPen)
         return;
-      switch (this.drawWorkActiveId && this.drawWorkActiveId !== i && (this.consumeDrawAll({
+      switch (this.drawWorkActiveId && this.drawWorkActiveId !== a && (this.consumeDrawAll({
         workId: this.drawWorkActiveId,
         scenePath: r,
         viewId: this.thread.viewId,
-        msgType: h.DrawWork,
+        msgType: p.DrawWork,
         dataType: g.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== N && (this.drawWorkActiveId = i), n) {
+      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== W && (this.drawWorkActiveId = a), U(i) && (this.consumeCount = i), c) {
         case f.Selector:
           {
-            const a = c.consume({
+            const h = n.consume({
               data: t,
               isFullWork: !0
             });
-            a.type === h.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
+            h.type === p.Select && (h.selectIds && e.runReverseSelectWork(h.selectIds), this.thread.post({ sp: [h] }));
           }
           break;
         case f.PencilEraser:
           {
-            const a = c.consume({
+            const h = n.consume({
               data: t,
               isFullWork: !0
             });
-            a != null && a.rect && this.drawPencilEraser(a);
+            this.drawPencilEraser(h);
           }
           break;
         case f.BitMapEraser: {
-          const a = c.consume({
+          const h = n.consume({
             data: t,
             isFullWork: !0
           });
-          a != null && a.rect && this.drawBitMapEraser(a);
+          this.drawBitMapEraser(h);
           break;
         }
         case f.Eraser:
           {
-            const a = c.consume({
+            const h = n.consume({
               data: t,
               isFullWork: !0
             });
-            a != null && a.rect && this.drawEraser(a);
+            this.drawEraser(h);
           }
           break;
         case f.Arrow:
@@ -704,14 +695,14 @@ class he {
         case f.SpeechBalloon:
         case f.Pencil:
           {
-            const a = c.consume({
+            const h = n.consume({
               data: t,
               isFullWork: !1,
               isMainThread: !0
             });
-            a && (this.drawCount++, this.thread.post({
+            h && (this.drawCount++, this.thread.post({
               drawCount: this.drawCount,
-              sp: a.op && [{ ...a, scenePath: r }] || void 0
+              sp: h.op && [{ ...h, scenePath: r }] || void 0
             }));
           }
           break;
@@ -719,30 +710,30 @@ class he {
     }
   }
   consumeDrawAll(t, e) {
-    var i, c, n, a;
+    var i, a, n, c;
     const { workId: s, scenePath: o, isLockSentEventCursor: r } = t;
     if (s) {
-      const p = s.toString();
-      this.drawWorkActiveId === p && (this.drawWorkActiveId = void 0);
-      const l = this.workShapes.get(p);
+      const h = s.toString();
+      this.drawWorkActiveId === h && (this.drawWorkActiveId = void 0);
+      const l = this.workShapes.get(h);
       if (!l)
         return;
       const m = l.toolsType;
       if (m === f.LaserPen)
         return;
-      const d = this.workShapes.get(U), w = (i = d == null ? void 0 : d.selectIds) == null ? void 0 : i[0], k = l.consumeAll({ data: t });
+      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) {
         case f.Selector:
-          k.selectIds && w && ((c = k.selectIds) != null && c.includes(w)) && d.cursorBlur(), k.type === h.Select && (k.selectIds && e.runReverseSelectWork(k.selectIds), this.thread.post({ sp: [{ ...k, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(p);
+          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);
           break;
         case f.PencilEraser:
-          this.drawPencilEraser({ ...k, scenePath: o }, r), l.clearTmpPoints();
+          this.drawPencilEraser({ ...S, scenePath: o }, r), l.clearTmpPoints();
           break;
         case f.BitMapEraser:
-          (k.rect || (a = k.newWorkDatas) != null && a.size) && this.drawBitMapEraserFull(l, k, r);
+          (S.rect || (c = S.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, S, r);
           break;
         case f.Eraser:
-          this.drawEraser({ ...k, scenePath: o }, r), l.clearTmpPoints();
+          this.drawEraser({ ...S, scenePath: o }, r), l.clearTmpPoints();
           break;
         case f.Arrow:
         case f.Straight:
@@ -752,14 +743,14 @@ class he {
         case f.Polygon:
         case f.SpeechBalloon:
         case f.Pencil: {
-          const S = [];
-          r && S.push({
-            type: h.None,
+          const y = [];
+          r && y.push({
+            type: p.None,
             isLockSentEventCursor: r
-          }), k && (S.push(k), this.drawCount = 0, this.thread.post({
+          }), S && (y.push(S), this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
-            sp: S
-          })), this.clearWorkShapeNodeCache(p);
+            sp: y
+          })), this.clearWorkShapeNodeCache(h);
           break;
         }
       }
@@ -781,10 +772,10 @@ class he {
     e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
   }
   createWorkShapeNode(t) {
-    return F({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
+    return z({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
-class pe {
+class me {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -793,7 +784,7 @@ class pe {
     u(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
     u(this, "runEffectId");
     u(this, "animationId");
-    u(this, "syncUnitTime", R.syncOpt.interval);
+    u(this, "syncUnitTime", F.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   async loadImageBitMap(t) {
@@ -854,30 +845,30 @@ class pe {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, c, n, a, p, l, m, d, w, k, S, v;
+    var s, o, r, i, a, n, c, h, l, m, d, w, S, y, v, C, R, V, K;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [I, y] of this.workShapes.entries())
-      switch (y.toolsType) {
+    for (const [L, k] of this.workShapes.entries())
+      switch (k.toolsType) {
         case f.Image: {
-          await ((s = y.node) == null ? void 0 : s.consumeServiceAsync({
+          await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((b, E) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(I) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
-          }), this.workShapes.delete(I);
+          })), this.selectorWorkShapes.forEach((b, O) => {
+            var E;
+            (E = b.selectIds) != null && E.includes(L) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), this.workShapes.delete(L);
           break;
         }
         case f.Text: {
-          y.node && (await ((o = y.node) == null ? void 0 : o.consumeServiceAsync({
+          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: I
-          })), this.selectorWorkShapes.forEach((b, E) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(I) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
-          }), (r = y.node) == null || r.clearTmpPoints(), this.workShapes.delete(I));
+            replaceId: L
+          })), this.selectorWorkShapes.forEach((b, O) => {
+            var E;
+            (E = b.selectIds) != null && E.includes(L) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(L));
           break;
         }
         case f.Arrow:
@@ -887,63 +878,63 @@ class pe {
         case f.Star:
         case f.Polygon:
         case f.SpeechBalloon: {
-          const b = !!y.ops;
-          if ((i = y.animationWorkData) != null && i.length) {
-            const E = y.oldRect;
-            (c = y.node) == null || c.consumeService({
-              op: y.animationWorkData,
+          const b = !!k.ops;
+          if ((i = k.animationWorkData) != null && i.length) {
+            const O = k.oldRect;
+            (a = k.node) == null || a.consumeService({
+              op: k.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((O, D) => {
+            }), b && (this.selectorWorkShapes.forEach((E, D) => {
               var x;
-              (x = O.selectIds) != null && x.includes(I) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-            }), (n = y.node) == null || n.clearTmpPoints(), this.workShapes.delete(I)), e.set(I, {
-              workState: E ? y.ops ? W.Done : W.Doing : W.Start,
-              op: y.animationWorkData.filter((O, D) => {
+              (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)
                   return !0;
               }).slice(-2)
-            }), y.animationWorkData.length = 0;
+            }), k.animationWorkData.length = 0;
           }
           break;
         }
         case f.Pencil: {
-          if (!y.useAnimation && y.ops)
-            (a = y.node) == null || a.consumeService({
-              op: y.animationWorkData || [],
+          if (!k.useAnimation && k.ops)
+            (c = k.node) == null || c.consumeService({
+              op: k.animationWorkData || [],
               isFullWork: !0,
-              replaceId: I
-            }), (p = y.node) == null || p.updataOptService(y.updateNodeOpt), this.selectorWorkShapes.forEach((b, E) => {
-              var O;
-              (O = b.selectIds) != null && O.includes(I) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
-            }), (l = y.node) == null || l.clearTmpPoints(), this.workShapes.delete(I);
-          else if (y.useAnimation) {
-            if (y.isDel) {
-              (m = y.node) == null || m.clearTmpPoints(), this.workShapes.delete(I);
+              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());
+            }), (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, E = this.computNextAnimationIndex(y, b), O = y.isDiff ? 0 : Math.max(0, (y.animationIndex || 0) - b), D = (y.animationWorkData || []).slice(O, E), x = (w = (d = y.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : w.toString();
-            if ((y.animationIndex || 0) < E || y.isDiff) {
-              if ((k = y.node) == null || k.consumeService({
+            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,
                 isFullWork: !1
-              }), y.animationIndex = E, y.isDiff && (y.isDiff = !1), D.length) {
-                const z = D.filter((_, ee) => {
-                  if (ee % b !== b - 1)
+              }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length) {
+                const _ = D.filter((B, re) => {
+                  if (re % b !== b - 1)
                     return !0;
                 }).slice(-2);
-                e.set(I, {
-                  workState: O === 0 ? W.Start : E === ((S = y.animationWorkData) == null ? void 0 : S.length) ? W.Done : W.Doing,
-                  op: z
+                e.set(L, {
+                  workState: E === 0 ? T.Start : O === ((y = k.animationWorkData) == null ? void 0 : y.length) ? T.Done : T.Doing,
+                  op: _
                 });
               }
-            } else y.ops && ((v = y.node) == null || v.consumeService({
-              op: y.animationWorkData || [],
+            } else k.ops && ((v = k.node) == null || v.consumeService({
+              op: k.animationWorkData || [],
               isFullWork: !0,
               replaceId: x
-            }), y.isDel = !0, e.set(I, {
-              workState: W.Done,
-              op: D.filter((z, _) => {
-                if (_ % b !== b - 1)
+            }), k.isDel = !0, e.set(L, {
+              workState: T.Done,
+              op: D.filter((_, B) => {
+                if (B % b !== b - 1)
                   return !0;
               }).slice(-2)
             }));
@@ -952,18 +943,52 @@ class pe {
           }
           break;
         }
+        case f.BitMapEraser:
+        case f.PencilEraser: {
+          if (k.isDel) {
+            (C = k.node) == null || C.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,
+              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,
+              isFullWork: k.toolsType !== f.BitMapEraser
+            }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length)) {
+              const x = D.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,
+                op: x
+              });
+            }
+            t = !0;
+            break;
+          }
+          break;
+        }
       }
     if (t && this.runAnimation(), e.size) {
-      const I = [];
-      e.forEach((y, b) => {
-        I.push({
-          type: h.Cursor,
-          uid: b.split(j)[0],
-          op: y.op,
-          workState: y.workState,
+      const L = [];
+      e.forEach((k, b) => {
+        L.push({
+          type: p.Cursor,
+          uid: b.split(J)[0],
+          op: k.op,
+          workState: k.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: I });
+      }), this.thread.post({ sp: L });
     }
   }
   runAnimation() {
@@ -990,31 +1015,31 @@ class pe {
     return !1;
   }
   activeWorkShape(t) {
-    var w, k, S, v;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: n, useAnimation: a, imageBitmap: p } = 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;
     if (!e)
       return;
     const l = e.toString(), m = (w = this.vNodes.get(l)) == null ? void 0 : w.rect;
-    if (!((k = this.workShapes) != null && k.has(l))) {
-      let I = {
+    if (!((S = this.workShapes) != null && S.has(l))) {
+      let C = {
         toolsType: o,
         animationWorkData: n || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
-        ops: c,
-        useAnimation: typeof a < "u" ? a : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
+        ops: a,
+        useAnimation: typeof c < "u" ? c : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
         oldRect: m,
         isDiff: !1,
-        imageBitmap: p
+        imageBitmap: h
       };
-      o && s && (I = this.setNodeKey(l, I, o, s)), (S = this.workShapes) == null || S.set(l, I);
+      o && s && (C = this.setNodeKey(l, C, o, s)), (y = this.workShapes) == null || y.set(l, C);
     }
     const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), c && (d.animationWorkData = A(c), d.ops = c), 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)), p && (d.imageBitmap = p);
+    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);
   }
   removeNode(t, e) {
-    t.indexOf(N) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
+    t.indexOf(W) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
       s.remove();
     }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
       s.remove();
@@ -1025,25 +1050,25 @@ class pe {
     s && (this.activeSelectorShape(t), this.willRunEffectSelectorIds.add(s)), this.runEffect();
   }
   activeSelectorShape(t) {
-    var a, p, l;
+    var c, h, l;
     const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
     if (!e)
       return;
-    const c = e.toString();
-    if (!((a = this.selectorWorkShapes) != null && a.has(c))) {
+    const a = e.toString();
+    if (!((c = this.selectorWorkShapes) != null && c.has(a))) {
       let m = {
         toolsType: o,
         selectIds: i,
         type: r,
         opt: s
       };
-      o && s && (m = this.setNodeKey(c, m, o, s)), (p = this.selectorWorkShapes) == null || p.set(c, m);
+      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(c);
-    r && (n.type = r), n.node && n.node.getWorkId() !== c && n.node.setWorkId(c), n.selectIds = i || [];
+    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 || [];
   }
   setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = F({
+    return e.toolsType = s, e.node = z({
       toolsType: s,
       toolsOpt: o,
       vNodes: this.vNodes,
@@ -1053,7 +1078,7 @@ class pe {
     }, this), e;
   }
 }
-class C {
+class M {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1063,14 +1088,14 @@ class C {
     return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
   }
 }
-class de extends C {
+class ke extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.CopyNode);
+    u(this, "emitEventType", I.CopyNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.FullWork && o === g.Local && r === this.emitEventType)
+    if (s === p.FullWork && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1079,88 +1104,88 @@ class de extends C {
     s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
   }
 }
-class ue extends C {
+class Se extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.SetColorNode);
+    u(this, "emitEventType", I.SetColorNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, textUpdateForWoker: n } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    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({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c, textUpdateForWoker: n } = s, a = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a, textUpdateForWoker: n } = s, c = o.sp || [];
     if (i)
-      for (const [p, l] of r.entries())
-        n && l.toolsType === f.Text ? a.push({
+      for (const [h, l] of r.entries())
+        n && l.toolsType === f.Text ? c.push({
           ...l,
-          workId: p,
-          type: h.TextUpdate,
+          workId: h,
+          type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
-        }) : a.push(
+        }) : c.push(
           {
             ...l,
-            workId: p,
-            type: h.UpdateNode,
+            workId: h,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: a
           }
         );
     return {
-      sp: a
+      sp: c
     };
   }
 }
-class fe extends C {
+class ye extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.ZIndexNode);
+    u(this, "emitEventType", I.ZIndexNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c } = e;
-    s === N && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c } = s, n = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
     if (i && n)
-      for (const [a, p] of r.entries())
+      for (const [c, h] of r.entries())
         n.push(
           {
-            ...p,
-            workId: a,
-            type: h.UpdateNode,
+            ...h,
+            workId: c,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: a
           }
         );
     return {
@@ -1168,41 +1193,41 @@ class fe extends C {
     };
   }
 }
-class me extends C {
+class we extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.TranslateNode);
+    u(this, "emitEventType", I.TranslateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var p, l;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, textUpdateForWoker: n, emitEventType: a } = e;
-    s === N && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((p = this.localWork) == null ? void 0 : p.updateSelector({
+    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({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       isSync: !0,
       textUpdateForWoker: n,
-      emitEventType: a,
+      emitEventType: c,
       callback: this.updateSelectorCallback
-    })) : o.workState === W.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
+    })) : o.workState === T.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p, textUpdateForWoker: l } = s, m = p.workState, d = o.sp || [];
-    if (m === W.Start)
+    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)
       return {
         sp: [],
         render: []
       };
-    const w = c == null ? void 0 : c.selectRect;
+    const w = a == null ? void 0 : a.selectRect;
     if (n) {
-      m === W.Doing && d.push({
-        type: h.Select,
+      m === T.Doing && d.push({
+        type: p.Select,
         selectIds: i.selectIds,
         selectRect: w,
         willSyncService: !0,
@@ -1210,22 +1235,22 @@ class me extends C {
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [k, S] of r.entries())
-        l && S.toolsType === f.Text ? d.push({
-          ...S,
-          workId: k,
-          type: h.TextUpdate,
+      for (const [S, y] of r.entries())
+        l && y.toolsType === f.Text ? d.push({
+          ...y,
+          workId: S,
+          type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : d.push(
           {
-            ...S,
-            workId: k,
-            type: h.UpdateNode,
+            ...y,
+            workId: S,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
     }
@@ -1234,29 +1259,29 @@ class me extends C {
     };
   }
 }
-class ke extends C {
+class ve extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.DeleteNode);
+    u(this, "emitEventType", I.DeleteNode);
   }
   async consume() {
     return !1;
   }
 }
-class Se extends C {
+class ge extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.ScaleNode);
+    u(this, "emitEventType", I.ScaleNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
+    var a;
     const { workId: s, updateNodeOpt: o, willSyncService: r, willSerializeData: i } = e;
-    s === N && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    s === W && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willSyncService: r,
       willSerializeData: i,
@@ -1265,34 +1290,34 @@ class Se extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a } = s, p = n.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
-    if (p === W.Start)
+    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)
       return {
         sp: [],
         render: []
       };
-    if (a) {
+    if (c) {
       l.push({
-        type: h.Select,
+        type: p.Select,
         selectIds: r.selectIds,
         selectRect: m,
         willSyncService: !0,
         isSync: !0,
-        points: p === W.Done && r.getChildrenPoints() || void 0,
+        points: h === T.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
-      for (const [d, w] of c.entries())
+      for (const [d, w] of a.entries())
         w.toolsType === f.Text ? l.push({
           ...w,
           workId: d,
-          type: h.TextUpdate,
+          type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : l.push(
           {
             ...w,
             workId: d,
-            type: h.UpdateNode,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1305,46 +1330,46 @@ class Se extends C {
     };
   }
 }
-class ye extends C {
+class Ie extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.RotateNode);
+    u(this, "emitEventType", I.RotateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, emitEventType: n } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    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({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       emitEventType: n,
       isSync: !0,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a, willSerializeData: p, isSync: l } = s, m = n.workState, d = o.sp || [], w = i == null ? void 0 : i.selectRect;
-    if (a) {
-      p && m === W.Done && d.push({
-        type: h.Select,
+    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({
+        type: p.Select,
         selectIds: r.selectIds,
         selectRect: w,
         willSyncService: !0,
         isSync: l,
         points: r.getChildrenPoints()
       });
-      for (const [k, S] of c.entries())
+      for (const [S, y] of a.entries())
         d.push(
           {
-            ...S,
-            workId: k,
-            type: h.UpdateNode,
+            ...y,
+            workId: S,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1357,55 +1382,55 @@ class ye extends C {
     };
   }
 }
-class we extends C {
+class Te extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.SetFontStyle);
+    u(this, "emitEventType", I.SetFontStyle);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, textUpdateForWoker: n } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    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({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p, textUpdateForWoker: l } = s, m = o.sp || [], d = c == null ? void 0 : c.selectRect;
+    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) {
-      p.fontSize && m.push({
-        type: h.Select,
+      h.fontSize && m.push({
+        type: p.Select,
         selectIds: i.selectIds,
         selectRect: d,
         willSyncService: n,
-        isSync: a,
+        isSync: c,
         points: i.getChildrenPoints()
       });
-      for (const [w, k] of r.entries())
-        l && k.toolsType === f.Text ? m.push({
-          ...k,
+      for (const [w, S] of r.entries())
+        l && S.toolsType === f.Text ? m.push({
+          ...S,
           workId: w,
-          type: h.TextUpdate,
+          type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : m.push(
           {
-            ...k,
+            ...S,
             workId: w,
-            type: h.UpdateNode,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
     }
@@ -1414,105 +1439,105 @@ class we extends C {
     };
   }
 }
-class ve extends C {
+class We extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.SetPoint);
+    u(this, "emitEventType", I.SetPoint);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, textUpdateForWoker: n } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    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({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       emitEventType: this.emitEventType,
-      willSerializeData: c,
+      willSerializeData: a,
       isSync: !0,
       textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a } = s, p = o.sp || [], l = c == null ? void 0 : c.selectRect;
-    if (n && p) {
+    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) {
       for (const [m, d] of r.entries())
-        p.push(
+        h.push(
           {
             ...d,
             workId: m,
-            type: h.UpdateNode,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
-      p.push({
-        type: h.Select,
+      h.push({
+        type: p.Select,
         selectIds: i.selectIds,
         selectRect: l,
         willSyncService: n,
-        isSync: a,
+        isSync: c,
         points: i.getChildrenPoints()
       });
     }
     return {
-      sp: p
+      sp: h
     };
   }
 }
-class ge extends C {
+class Ne extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.SetLock);
+    u(this, "emitEventType", I.SetLock);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c } = e;
-    s === N && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p } = s, l = o.sp || [], m = c == null ? void 0 : c.selectRect;
+    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())
         l.push(
           {
             ...w,
             workId: d,
-            type: h.UpdateNode,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
       l.push({
-        isLocked: p.isLocked,
+        isLocked: h.isLocked,
         selectorColor: i.selectorColor,
         scaleType: i.scaleType,
         canRotate: i.canRotate,
-        type: h.Select,
+        type: p.Select,
         selectIds: i.selectIds,
         selectRect: m,
         willSyncService: n,
-        isSync: a
+        isSync: c
       });
     }
     return {
@@ -1520,40 +1545,40 @@ class ge extends C {
     };
   }
 }
-class Ie extends C {
+class Le extends M {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", T.SetShapeOpt);
+    u(this, "emitEventType", I.SetShapeOpt);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c } = e;
-    s === N && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === W && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: c,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c } = s, n = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
     if (i && n)
-      for (const [a, p] of r.entries())
+      for (const [c, h] of r.entries())
         n.push(
           {
-            ...p,
-            workId: a,
-            type: h.UpdateNode,
+            ...h,
+            workId: c,
+            type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: c
+            isSync: a
           }
         );
     return {
@@ -1561,35 +1586,35 @@ class Ie extends C {
     };
   }
 }
-class Te {
+class be {
   constructor(t) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(t.map((e) => [e, this.build(e)]));
   }
   build(t) {
     switch (t) {
-      case T.TranslateNode:
-        return new me();
-      case T.ZIndexNode:
-        return new fe();
-      case T.CopyNode:
-        return new de();
-      case T.SetColorNode:
-        return new ue();
-      case T.DeleteNode:
+      case I.TranslateNode:
+        return new we();
+      case I.ZIndexNode:
+        return new ye();
+      case I.CopyNode:
         return new ke();
-      case T.ScaleNode:
+      case I.SetColorNode:
         return new Se();
-      case T.RotateNode:
-        return new ye();
-      case T.SetFontStyle:
-        return new we();
-      case T.SetPoint:
+      case I.DeleteNode:
         return new ve();
-      case T.SetLock:
+      case I.ScaleNode:
         return new ge();
-      case T.SetShapeOpt:
+      case I.RotateNode:
         return new Ie();
+      case I.SetFontStyle:
+        return new Te();
+      case I.SetPoint:
+        return new We();
+      case I.SetLock:
+        return new Ne();
+      case I.SetShapeOpt:
+        return new Le();
     }
   }
   registerForMainThread(t) {
@@ -1604,7 +1629,7 @@ class Te {
     return !1;
   }
 }
-class We {
+class Ce {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -1629,24 +1654,24 @@ class We {
     u(this, "cacheImages", /* @__PURE__ */ new Map());
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
     this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
-    const s = R.bufferSize.full, o = R.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === M ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.vNodes = new ie(t, this.scene);
+    const s = F.bufferSize.full, o = F.bufferSize.sub;
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === A ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.vNodes = new le(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new he(r), this.serviceWork = new pe(r), this.topWork = new le(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Te([
-      T.CopyNode,
-      T.SetColorNode,
-      T.DeleteNode,
-      T.RotateNode,
-      T.ScaleNode,
-      T.TranslateNode,
-      T.ZIndexNode,
-      T.SetFontStyle,
-      T.SetPoint,
-      T.SetLock,
-      T.SetShapeOpt
+    this.localWork = new fe(r), this.serviceWork = new me(r), this.topWork = new ue(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new be([
+      I.CopyNode,
+      I.SetColorNode,
+      I.DeleteNode,
+      I.RotateNode,
+      I.ScaleNode,
+      I.TranslateNode,
+      I.ZIndexNode,
+      I.SetFontStyle,
+      I.SetPoint,
+      I.SetLock,
+      I.SetShapeOpt
     ]).registerForMainThread(this);
   }
   getCachedImages(t) {
@@ -1678,26 +1703,26 @@ class We {
   }
   async on(t) {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: c, imageSrc: n, imageBitmap: a, workIds: p } = t, l = i == null ? void 0 : i.toString();
+      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();
       switch (e) {
-        case h.UpdateDpr:
-          K(t.dpr) && this.updateDpr(t.dpr);
+        case p.UpdateDpr:
+          U(t.dpr) && this.updateDpr(t.dpr);
           break;
-        case h.AuthClear: {
+        case p.AuthClear: {
           const { clearUids: m, localUid: d } = t;
           this.vNodes.setCanClearUids(m), this.vNodes.setLocalUid(d);
           break;
         }
-        case h.Destroy:
+        case p.Destroy:
           this.destroy();
           break;
-        case h.Clear:
+        case p.Clear:
           this.clearAll();
           break;
-        case h.UpdateCamera:
+        case p.UpdateCamera:
           await this.updateCamera(t);
           break;
-        case h.UpdateTools:
+        case p.UpdateTools:
           if (s && o) {
             const m = {
               toolsType: s,
@@ -1706,7 +1731,7 @@ class We {
             this.topWork.canUseTopLayer(s) ? this.topWork.setToolsOpt(m) : this.localWork.setToolsOpt(m);
           }
           break;
-        case h.CreateWork:
+        case p.CreateWork:
           if (l && o && s) {
             if (this.topWork.canUseTopLayer(s)) {
               this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
@@ -1721,50 +1746,50 @@ class We {
             }), this.localWork.setWorkOptions(l, o);
           }
           break;
-        case h.DrawWork:
-          c === W.Done && r === g.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
+        case p.DrawWork:
+          a === T.Done && r === g.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
           break;
-        case h.UpdateNode:
-        case h.FullWork:
+        case p.UpdateNode:
+        case p.FullWork:
           if (s && this.topWork.canUseTopLayer(s)) {
             this.consumeDrawAll(r, t);
             break;
           }
           this.consumeFull(r, t);
           break;
-        case h.RemoveNode:
+        case p.RemoveNode:
           await this.removeNode(t);
           return;
-        case h.Select:
-          r === g.Service && (i === N ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
+        case p.Select:
+          r === g.Service && (i === W ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
-        case h.CursorHover:
+        case p.CursorHover:
           this.localWork.cursorHover(t);
           break;
-        case h.GetTextActive:
+        case p.GetTextActive:
           r === g.Local && this.localWork.checkTextActive(t);
           break;
-        case h.GetImageBitMap:
-          if (n && a && i) {
+        case p.GetImageBitMap:
+          if (n && c && i) {
             const m = i.toString();
             this.deleteCachedImagesByWorkId(m), this.cacheImages.set(n, {
-              imageBitmap: a,
+              imageBitmap: c,
               workId: m
             });
             const d = this.imageResolveMap.get(n);
             if (d) {
-              const { resolve: w, timer: k } = d;
-              k && clearTimeout(k), w && w(n);
+              const { resolve: w, timer: S } = d;
+              S && clearTimeout(S), w && w(n);
             }
           }
           break;
-        case h.GetVNodeInfo:
-          if (i && p) {
-            const m = p.map((d) => this.vNodes.get(d));
+        case p.GetVNodeInfo:
+          if (i && h) {
+            const m = h.map((d) => this.vNodes.get(d));
             this.post({
               sp: [
                 {
-                  type: h.GetVNodeInfo,
+                  type: p.GetVNodeInfo,
                   dataType: g.Local,
                   workId: i,
                   vInfo: m
@@ -1783,40 +1808,40 @@ class We {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: p } = s;
-      if (!i || !c || !n || !a)
+      const r = o.toString(), { src: i, type: a, width: n, height: c, strokeColor: h } = s;
+      if (!i || !a || !n || !c)
         return;
       let l = i;
-      if (c === X.Iconify) {
-        const [k, S] = this.getIconSize(n, a, this.opt.displayer.dpr);
-        l = `${i}?width=${k}&height=${S}&color=${p}`;
+      if (a === ee.Iconify) {
+        const [S, y] = this.getIconSize(n, c, this.opt.displayer.dpr);
+        l = `${i}?width=${S}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const k = this.getCachedImages(l);
-        if (k)
-          return k;
+        const S = this.getCachedImages(l);
+        if (S)
+          return S;
       }
       if (this.imageResolveMap.has(l)) {
-        const k = this.getCachedImagesByWorkId(r);
-        if (k)
-          return k;
+        const S = this.getCachedImagesByWorkId(r);
+        if (S)
+          return S;
       }
-      const w = await new Promise((k) => {
-        const S = this.imageResolveMap.get(l) || {
+      const w = await new Promise((S) => {
+        const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        S.timer && clearTimeout(S.timer), S.resolve = k, S.timer = setTimeout(() => {
+        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
           const v = this.imageResolveMap.get(l);
           v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, S), this.opt.post({
+        }, 5e3), this.imageResolveMap.set(l, y), this.opt.post({
           sp: [{
             imageSrc: l,
             workId: r,
             viewId: this.viewId,
             isgl: !!this.fullLayer.parent.gl,
             isSubWorker: !1,
-            type: h.GetImageBitMap
+            type: p.GetImageBitMap
           }]
         });
       });
@@ -1827,7 +1852,7 @@ class We {
     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 === N) {
+        if (i === W) {
           await this.localWork.removeSelector(t);
           continue;
         }
@@ -1847,39 +1872,40 @@ class We {
     this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
   }
   combinePostData() {
-    var s;
+    var o;
     this.mainThreadPostId = void 0;
     const t = [];
-    let e;
-    for (const o of this.combinePostMsg.values()) {
-      if ((s = o.sp) != null && s.length)
-        for (const r of o.sp) {
-          let i = !1;
-          for (const c of t)
-            if (Z(r, c)) {
-              i = !0;
+    let e, s;
+    for (const r of this.combinePostMsg.values()) {
+      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)) {
+              a = !0;
               break;
             }
-          i || t.push(r);
+          a || t.push(i);
         }
-      K(o.drawCount) && (e = o.drawCount);
+      U(r.drawCount) && (e = r.drawCount), U(r.consumeCount) && (s = r.consumeCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
-      drawCount: e
+      drawCount: e,
+      consumeCount: s
     };
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== h.None || r.isLockSentEventCursor);
-    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.drawCount === void 0 && delete t.drawCount, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
+    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);
   }
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
     }), this.fullLayer.removeAllChildren()), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
       sp: [{
-        type: h.Clear
+        type: p.Clear
       }]
     });
   }
@@ -1909,10 +1935,10 @@ class We {
   async updateCamera(t) {
     var o;
     const { cameraOpt: e, scenePath: s } = t;
-    if (e && !Z(this.cameraOpt, e)) {
+    if (e && !Q(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
-        let a = !1;
-        for (const [p, l] of this.localWork.getWorkShapes().entries())
+        let c = !1;
+        for (const [h, l] of this.localWork.getWorkShapes().entries())
           switch (l.toolsType) {
             case f.Text:
             case f.BitMapEraser:
@@ -1922,82 +1948,82 @@ class We {
             case f.LaserPen:
               break;
             default:
-              p !== U && p !== N && (a = !0);
+              h !== G && h !== W && (c = !0);
               break;
           }
-        if (a) {
+        if (c) {
           this.taskUpdateCameraId = setTimeout(() => {
             this.taskUpdateCameraId = void 0, this.updateCamera(t);
-          }, H);
+          }, j);
           return;
         }
       }
       const r = /* @__PURE__ */ new Map();
-      for (const [a, p] of this.vNodes.getNodesByType(f.Text).entries()) {
-        const l = p.rect;
-        r.set(a, J(l));
+      for (const [c, h] of this.vNodes.getNodesByType(f.Text).entries()) {
+        const l = h.rect;
+        r.set(c, oe(l));
       }
       const i = new Set(r.keys());
-      let c = !1;
+      let a = !1;
       if (this.localWork.hasSelector()) {
-        const a = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
-        if (a) {
-          c = !0;
-          for (const p of a)
-            i.add(p);
+        const c = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
+        if (c) {
+          a = !0;
+          for (const h of c)
+            i.add(h);
         }
       }
       let n = !1;
       if (this.serviceWork.selectorWorkShapes.size)
-        for (const a of this.serviceWork.selectorWorkShapes.values()) {
-          const p = a.selectIds;
-          if (p) {
+        for (const c of this.serviceWork.selectorWorkShapes.values()) {
+          const h = c.selectIds;
+          if (h) {
             n = !0;
-            for (const l of p)
+            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 [a, p] of r.entries()) {
-          const l = this.vNodes.get(a);
+        for (const [c, h] of r.entries()) {
+          const l = this.vNodes.get(c);
           if (l) {
-            const m = p, d = l.rect, w = this.getSceneRect(), k = P(m, w), S = P(d, w);
+            const m = h, d = l.rect, w = this.getSceneRect(), S = $(m, w), y = $(d, w);
             let v = !1;
-            if ((k !== S || m.w !== d.w || m.h !== d.h || S === q.intersect) && (v = !0), v) {
-              const { toolsType: I, opt: y } = l;
-              I === f.Text && y.workState === W.Done && this.debounceUpdateCache.add(a);
+            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 (c && this.localWork.reRenderSelector(), n)
-          for (const [a, p] of this.serviceWork.selectorWorkShapes.entries())
+        if (a && this.localWork.reRenderSelector(), n)
+          for (const [c, h] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
-              workId: a,
-              selectIds: p.selectIds,
-              msgType: h.Select,
+              workId: c,
+              selectIds: h.selectIds,
+              msgType: p.Select,
               dataType: g.Service,
               viewId: this.viewId
             });
         this.debounceUpdateCameraId = setTimeout(() => {
-          var p;
+          var h;
           this.debounceUpdateCameraId = void 0;
-          const a = [];
+          const c = [];
           for (const l of this.debounceUpdateCache.values()) {
-            if ((p = this.fullLayer) == null ? void 0 : p.getElementsByName(l)[0]) {
+            if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
               const d = this.vNodes.get(l);
               if (d) {
-                const { toolsType: w, opt: k, rect: S } = d, v = this.localWork.setFullWork({
+                const { toolsType: w, opt: S, rect: y } = d, v = this.localWork.setFullWork({
                   toolsType: w,
-                  opt: k,
+                  opt: S,
                   workId: l
                 });
                 if (v) {
-                  const I = this.getSceneRect(), y = P(S, I);
-                  a.push(v.consumeServiceAsync({
+                  const C = this.getSceneRect(), R = $(y, C);
+                  c.push(v.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
-                    isDrawLabel: y !== q.outside
+                    isDrawLabel: R !== X.outside
                   }));
                 }
               }
@@ -2005,7 +2031,7 @@ class We {
             this.debounceUpdateCache.delete(l);
           }
           this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-        }, H);
+        }, j);
       }
     }
   }
@@ -2019,7 +2045,7 @@ class We {
     };
   }
   createScene(t) {
-    return new Y({
+    return new te({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2030,14 +2056,14 @@ class We {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, { ...s, offscreen: !1 }), n = new Q({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), n = new se({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return c.append(n), n;
+    return a.append(n), n;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -2052,7 +2078,7 @@ class We {
     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 Ne {
+class Oe {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2064,7 +2090,7 @@ class Ne {
     u(this, "workShapes", /* @__PURE__ */ new Map());
     u(this, "cacheImages", /* @__PURE__ */ new Map());
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
-    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master, this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === M ? 6e3 : 3e3 });
+    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master, this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === A ? 6e3 : 3e3, contextType: "2d" });
   }
   getCachedImages(t) {
     var e;
@@ -2093,23 +2119,23 @@ class Ne {
   async on(t) {
     const { msgType: e, imageSrc: s, imageBitmap: o, workId: r } = t;
     switch (e) {
-      case h.Snapshot:
+      case p.Snapshot:
         await this.getSnapshot(t), this.destroy();
         return;
-      case h.BoundingBox:
+      case p.BoundingBox:
         await this.getBoundingRect(t), this.destroy();
         return;
-      case h.GetImageBitMap:
+      case p.GetImageBitMap:
         if (s && o && r) {
           const i = r.toString();
           this.deleteCachedImagesByWorkId(i), this.cacheImages.set(s, {
             imageBitmap: o,
             workId: i
           });
-          const c = this.imageResolveMap.get(s);
-          if (c) {
-            const { resolve: n, timer: a } = c;
-            a && clearTimeout(a), n && n(s);
+          const a = this.imageResolveMap.get(s);
+          if (a) {
+            const { resolve: n, timer: c } = a;
+            c && clearTimeout(c), n && n(s);
           }
         }
         break;
@@ -2122,40 +2148,40 @@ class Ne {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: p } = s;
-      if (!i || !c || !n || !a)
+      const r = o.toString(), { src: i, type: a, width: n, height: c, strokeColor: h } = s;
+      if (!i || !a || !n || !c)
         return;
       let l = i;
-      if (c === X.Iconify) {
-        const [k, S] = this.getIconSize(n, a, this.opt.displayer.dpr);
-        l = `${i}?width=${k}&height=${S}&color=${p}`;
+      if (a === ee.Iconify) {
+        const [S, y] = this.getIconSize(n, c, this.opt.displayer.dpr);
+        l = `${i}?width=${S}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const k = this.getCachedImages(l);
-        if (k)
-          return k;
+        const S = this.getCachedImages(l);
+        if (S)
+          return S;
       }
       if (this.imageResolveMap.has(l)) {
-        const k = this.getCachedImagesByWorkId(r);
-        if (k)
-          return k;
+        const S = this.getCachedImagesByWorkId(r);
+        if (S)
+          return S;
       }
-      const w = await new Promise((k) => {
-        const S = this.imageResolveMap.get(l) || {
+      const w = await new Promise((S) => {
+        const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        S.timer && clearTimeout(S.timer), S.resolve = k, S.timer = setTimeout(() => {
+        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
           const v = this.imageResolveMap.get(l);
           v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, S), this.opt.post({
+        }, 5e3), this.imageResolveMap.set(l, y), this.opt.post({
           sp: [{
             imageSrc: l,
             workId: r,
             viewId: this.viewId,
             isgl: !!this.fullLayer.parent.gl,
             isSubWorker: !0,
-            type: h.GetImageBitMap
+            type: p.GetImageBitMap
           }]
         });
       });
@@ -2163,7 +2189,7 @@ class Ne {
     }
   }
   createWorkShapeNode(t) {
-    return F({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
+    return z({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
   }
   setFullWork(t) {
     const { workId: e, opt: s, toolsType: o } = t;
@@ -2179,43 +2205,43 @@ class Ne {
   }
   async runFullWork(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && A(t.ops);
+    const e = this.setFullWork(t), s = t.ops && P(t.ops);
     if (e) {
       let r, i;
-      const c = (o = e.getWorkId()) == null ? void 0 : o.toString();
+      const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
       return e.toolsType === f.Image ? r = await e.consumeServiceAsync({
         isFullWork: !0,
         worker: this
       }) : e.toolsType === f.Text ? r = await e.consumeServiceAsync({
         isFullWork: !0,
-        replaceId: c,
+        replaceId: a,
         isDrawLabel: !0
       }) : (r = e.consumeService({
         op: s,
         isFullWork: !0,
-        replaceId: c
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), B(r, i);
+        replaceId: a
+      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), H(r, i);
     }
   }
   async getSnapshot(t) {
     const { scenePath: e, scenes: s, cameraOpt: o, w: r, h: i } = t;
     if (e && s && o) {
       this.setCameraOpt(o);
-      let c;
-      for (const [a, p] of Object.entries(s))
-        if (p != null && p.type)
-          switch (p == null ? void 0 : p.type) {
-            case h.UpdateNode:
-            case h.FullWork: {
-              const { opt: l } = p, m = {
-                ...p,
+      let a;
+      for (const [c, h] of Object.entries(s))
+        if (h != null && h.type)
+          switch (h == null ? void 0 : h.type) {
+            case p.UpdateNode:
+            case p.FullWork: {
+              const { opt: l } = h, m = {
+                ...h,
                 opt: l,
-                workId: a,
-                msgType: h.FullWork,
+                workId: c,
+                msgType: p.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
               }, d = await this.runFullWork(m);
-              c = B(c, d);
+              a = H(a, d);
               break;
             }
           }
@@ -2246,7 +2272,7 @@ class Ne {
     const o = await this.getRectImageBitmap(this.getSceneRect(), s);
     o && (this.post({
       sp: [{
-        type: h.Snapshot,
+        type: p.Snapshot,
         scenePath: e,
         imageBitmap: o,
         viewId: this.viewId
@@ -2258,25 +2284,25 @@ class Ne {
     if (e && s && o) {
       this.setCameraOpt(o);
       let r;
-      for (const [i, c] of Object.entries(s))
-        if (c != null && c.type)
-          switch (c == null ? void 0 : c.type) {
-            case h.UpdateNode:
-            case h.FullWork: {
+      for (const [i, a] of Object.entries(s))
+        if (a != null && a.type)
+          switch (a == null ? void 0 : a.type) {
+            case p.UpdateNode:
+            case p.FullWork: {
               const n = await this.runFullWork({
-                ...c,
+                ...a,
                 workId: i,
-                msgType: h.FullWork,
+                msgType: p.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
               });
-              r = B(r, n);
+              r = H(r, n);
               break;
             }
           }
       r && this.post({
         sp: [{
-          type: h.BoundingBox,
+          type: p.BoundingBox,
           scenePath: e,
           rect: r
         }]
@@ -2299,7 +2325,7 @@ class Ne {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (ae(o, i)) {
+            if (he(o, i)) {
               r = !0;
               break;
             }
@@ -2311,11 +2337,11 @@ class Ne {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== h.None || r.isLockSentEventCursor);
+    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);
   }
   createScene(t) {
-    return new Y({
+    return new te({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2325,14 +2351,14 @@ class Ne {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, s), n = new Q({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), n = new se({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return c.append(n), n;
+    return a.append(n), n;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -2347,7 +2373,7 @@ class Ne {
     this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), this.scene.remove();
   }
 }
-class xe {
+class Ue {
   constructor(t) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "snapshotThread");
@@ -2355,61 +2381,61 @@ class xe {
     this.master = t;
   }
   post(t) {
-    const { drawCount: e, sp: s, workerTasksqueueCount: o } = t;
-    this.master.isBusy && G(o) && this.master.setWorkerTasksqueueCount(o), G(e) && this.master.setMaxDrawCount(e), s && this.master.collectorSyncData(s);
+    const { drawCount: 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 We(t, e);
+    return new Ce(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Ne(t, e);
+    return new Oe(t, e);
   }
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: c, viewId: n, tasksqueue: a, mainTasksqueueCount: p, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: w } = i;
-      if (c === h.Console) {
+      const { msgType: a, viewId: n, tasksqueue: c, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: w } = i;
+      if (a === p.Console) {
         console.log(this);
         continue;
       }
-      if (c === h.Init) {
-        const S = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, v = S == null ? void 0 : S.canvasContainerRef.current;
-        if (S && v && l && m) {
-          const I = this.createMainThread(n, {
-            displayer: S,
+      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;
+        if (y && v && l && m) {
+          const C = this.createMainThread(n, {
+            displayer: y,
             container: v,
             layerOpt: l,
             master: this.master,
             canvasOpt: m,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(n, I), I && d && I.setCameraOpt(d);
+          this.mainThreadMap.set(n, C), C && d && C.setCameraOpt(d);
         }
         continue;
       }
-      if ((c === h.Snapshot || c === h.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        const S = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, v = (r = S.snapshotContainerRef) == null ? void 0 : r.current;
-        if (S && v && d) {
+      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 (y && v && d) {
           v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
-          const I = {
-            ...V.defaultLayerOpt,
+          const C = {
+            ...Y.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
             height: d.height
-          }, y = {
-            ...V.defaultScreenCanvasOpt,
+          }, R = {
+            ...Y.defaultScreenCanvasOpt,
             width: d.width,
             height: d.height
           };
           this.snapshotThread = this.createSnapshotThread(n, {
-            displayer: S,
+            displayer: y,
             container: v,
-            layerOpt: I,
+            layerOpt: C,
             master: this.master,
-            canvasOpt: y,
+            canvasOpt: R,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
             this.snapshotThread = void 0, v.innerHTML = "", v.style.width = "", v.style.height = "";
@@ -2417,27 +2443,27 @@ class xe {
           continue;
         }
       }
-      if (c === h.GetImageBitMap && w && this.snapshotThread) {
+      if (a === p.GetImageBitMap && w && this.snapshotThread) {
         this.snapshotThread.on(i);
         continue;
       }
-      if (c === h.TasksQueue && (a != null && a.size)) {
-        for (const [S, v] of this.mainThreadMap.entries()) {
-          const I = a.get(S);
-          I && (await v.on(I), p && this.post({ workerTasksqueueCount: p }));
+      if (a === p.TasksQueue && (c != null && c.size)) {
+        for (const [y, v] of this.mainThreadMap.entries()) {
+          const C = c.get(y);
+          C && (await v.on(C), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (n === ce) {
-        for (const S of this.mainThreadMap.values())
-          S.on(i), c === h.Destroy && this.mainThreadMap.delete(n);
+      if (n === pe) {
+        for (const y of this.mainThreadMap.values())
+          y.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
         continue;
       }
-      const k = this.mainThreadMap.get(n);
-      k && (k.on(i), c === h.Destroy && this.mainThreadMap.delete(n));
+      const S = this.mainThreadMap.get(n);
+      S && (S.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
     }
   }
 }
 export {
-  xe as MainThreadManagerImpl
+  Ue as MainThreadManagerImpl
 };