@netless/appliance-plugin 1.1.18-beta.2 → 1.1.19-beta.1

package/dist/{index-BL-uNbea.mjs → index-yLOzxVyY.mjs}

@@ -1,16 +1,16 @@
-var ne = Object.defineProperty;
-var ce = (L, t, e) => t in L ? ne(L, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : L[t] = e;
-var u = (L, t, e) => ce(L, typeof t != "symbol" ? t + "" : t, e);
-import { D as B, E as W, a as f, r as z, b as g, g as $, t as U, c as p, S as te, d as T, e as X, i as le, C as F, f as R, h as I, M as P, V as he, j as se, T as Y, k as G, l as Q, m as V, n as pe, o as K, p as J, q as de } from "./index-DThrnC5D.mjs";
-import { Scene as oe, Group as re } from "spritejs";
-import { cloneDeep as ie, xor as ue, isNumber as H, isEqual as ee } from "lodash";
+var re = Object.defineProperty;
+var ie = (N, t, e) => t in N ? re(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
+var u = (N, t, e) => ie(N, typeof t != "symbol" ? t + "" : t, e);
+import { D as x, E as W, a as f, r as B, b as v, g as z, t as F, c as p, S as Q, d as L, e as _, i as ae, C as E, f as R, h as ne, j as K, k as T, M as A, V as ce, l as J, T as Z, m as H, n as j, o as $, p as le, q, s as X, u as he } from "./index-BS5_t4VL.mjs";
+import { Scene as ee, Group as te } from "spritejs";
+import { cloneDeep as se, xor as pe, isNumber as U, isEqual as Y } from "lodash";
 import "clipper-lib";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
 import "react";
 import "eventemitter2";
-class fe {
+class de {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -18,7 +18,7 @@ class fe {
     u(this, "localWorkShapes", /* @__PURE__ */ new Map());
     u(this, "tmpOpt");
     u(this, "animationId");
-    u(this, "syncUnitTime", B.syncOpt.interval);
+    u(this, "syncUnitTime", x.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   createLocalWork(t) {
@@ -56,17 +56,24 @@ class fe {
   clearAll() {
     this.thread.topLayer.children.length && (this.thread.topLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), z(this.thread.serviceLayer, this.thread.serviceLayer.parent)), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
+    }), B(
+      this.thread.serviceLayer,
+      this.thread.serviceLayer.parent
+    )), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
   }
   consumeDraw(t) {
     const { workId: e, dataType: s } = t;
-    if (s === g.Service)
+    if (s === v.Service)
       this.activeServiceWorkShape(t);
     else {
       const o = e == null ? void 0 : e.toString(), r = o && this.localWorkShapes.get(o);
       if (!r)
         return;
-      const i = r.node.consume({ data: t, isFullWork: !1, isSubWorker: !0 });
+      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));
     }
     this.runAnimation();
@@ -81,10 +88,19 @@ class fe {
   createWorkShapeNode(t) {
     const { toolsType: e } = t;
     if (e === f.LaserPen)
-      return $({ ...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;
+    return e.toolsType = s, e.node = this.createWorkShapeNode({
+      workId: t,
+      toolsType: s,
+      toolsOpt: o
+    }), e;
   }
   activeServiceWorkShape(t) {
     var m, d;
@@ -93,7 +109,7 @@ class fe {
       return;
     const n = e.toString(), h = (m = this.vNodes.get(n)) == null ? void 0 : m.rect;
     if (!((d = this.serviceWorkShapes) != null && d.has(n))) {
-      let S = {
+      let k = {
         toolsType: o,
         animationWorkData: c || [],
         animationIndex: 0,
@@ -102,15 +118,20 @@ class fe {
         ops: a,
         oldRect: h
       };
-      o && s && (S = this.setNodeKey(n, S, o, s)), this.serviceWorkShapes.set(n, S);
+      o && s && (k = this.setNodeKey(n, k, o, s)), this.serviceWorkShapes.set(n, k);
     }
     const l = this.serviceWorkShapes.get(n);
-    r && (l.type = r), a && (l.animationWorkData = U(a), l.ops = a), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, l, o, s), l.node && l.node.setWorkOptions(s));
+    r && (l.type = r), a && (l.animationWorkData = F(a), l.ops = a), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
-    const s = ((r = t.node) == null ? void 0 : r.syncUnitTime) || this.syncUnitTime, o = Math.floor((t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / s) * e;
-    return Math.min((t.animationIndex || 0) + (o || e), (t.animationWorkData || []).length);
+    const s = ((r = t.node) == null ? void 0 : r.syncUnitTime) || this.syncUnitTime, o = Math.floor(
+      (t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / s
+    ) * e;
+    return Math.min(
+      (t.animationIndex || 0) + (o || e),
+      (t.animationWorkData || []).length
+    );
   }
   animationDraw() {
     var o, r, i, a;
@@ -120,7 +141,13 @@ class fe {
     for (const [c, n] of this.serviceWorkShapes.entries())
       switch (n.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(n, 8), m = Math.max(0, n.animationIndex || 0), d = (n.animationWorkData || []).slice(m, l);
+          const l = this.computNextAnimationIndex(
+            n,
+            8
+          ), m = Math.max(0, n.animationIndex || 0), d = (n.animationWorkData || []).slice(
+            m,
+            l
+          );
           if ((n.animationIndex || 0) < l && ((o = n.node) == null || o.consumeService({
             op: d,
             isFullWork: !1
@@ -131,7 +158,9 @@ class fe {
             (i = n.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(c);
             break;
           }
-          n.ops && n.animationIndex === ((a = n.animationWorkData) == null ? void 0 : a.length) && !n.isDel && (this.thread.topLayer.getElementsByName(c.toString())[0] || (n.isDel = !0, this.serviceWorkShapes.set(c, n))), t = !0;
+          n.ops && n.animationIndex === ((a = n.animationWorkData) == null ? void 0 : a.length) && !n.isDel && (this.thread.topLayer.getElementsByName(
+            c.toString()
+          )[0] || (n.isDel = !0, this.serviceWorkShapes.set(c, n))), t = !0;
           break;
         }
       }
@@ -146,7 +175,9 @@ class fe {
             });
             break;
           }
-          h && ((h.op || h.ops) && s.push(h), n.result = void 0), !this.thread.topLayer.getElementsByName(c.toString())[0] && d === W.Done && (n.isDel = !0, this.localWorkShapes.set(c, n)), t = !0;
+          h && ((h.op || h.ops) && s.push(h), n.result = void 0), !this.thread.topLayer.getElementsByName(
+            c.toString()
+          )[0] && d === W.Done && (n.isDel = !0, this.localWorkShapes.set(c, n)), t = !0;
           break;
         }
       }
@@ -154,7 +185,7 @@ class fe {
     t && this.runAnimation(), e.size && e.forEach((c, n) => {
       s.push({
         type: p.Cursor,
-        uid: n.split(te)[0],
+        uid: n.split(Q)[0],
         op: c.op,
         workState: c.workState,
         viewId: this.thread.viewId
@@ -179,7 +210,7 @@ class fe {
   }
   consumeDrawAll(t) {
     const { workId: e, dataType: s } = t;
-    if (s === g.Service)
+    if (s === v.Service)
       this.activeServiceWorkShape(t);
     else {
       const o = e == null ? void 0 : e.toString(), r = o && this.localWorkShapes.get(o);
@@ -191,7 +222,7 @@ class fe {
     this.runAnimation();
   }
 }
-class me {
+class ue {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -200,10 +231,13 @@ class me {
     u(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     u(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     u(this, "tmpOpt");
-    u(this, "syncUnitTime", B.syncOpt.interval);
+    u(this, "syncUnitTime", x.syncOpt.interval);
     u(this, "fullWorkerDrawCount", 0);
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
+    u(this, "combineTimerId");
+    u(this, "combineDrawResolve");
+    u(this, "combineDrawActiveId");
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   async loadImageBitMap(t) {
@@ -232,24 +266,26 @@ class me {
   // }
   async updateSelector(t) {
     var m;
-    const e = this.workShapes.get(T);
+    const e = this.workShapes.get(
+      L
+    );
     if (!((m = e == null ? void 0 : e.selectIds) != null && m.length)) return;
     const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
-      selectIds: ie(e.selectIds),
+      selectIds: se(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let n;
-    a != null && a.selectIds && (n = ue(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
-      const S = this.vNodes.get(d);
-      if (S) {
-        const { toolsType: y, op: w, opt: v } = S;
+    a != null && a.selectIds && (n = pe(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
+      const k = this.vNodes.get(d);
+      if (k) {
+        const { toolsType: S, op: y, opt: I } = k;
         c.set(d, {
-          opt: v,
-          toolsType: y,
-          ops: (w == null ? void 0 : w.length) && X(w) || void 0
+          opt: I,
+          toolsType: S,
+          ops: (y == null ? void 0 : y.length) && _(y) || void 0
         });
       }
     }), e.selectIds = a.selectIds);
@@ -272,11 +308,16 @@ class me {
   clearAll() {
     if (this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), z(this.thread.localLayer, this.thread.localLayer.parent)), this.workShapes.get(T)) {
+    }), B(
+      this.thread.localLayer,
+      this.thread.localLayer.parent
+    )), this.workShapes.get(
+      L
+    )) {
       const e = [];
       e.push({
         type: p.Select,
-        dataType: g.Local,
+        dataType: v.Local,
         selectIds: [],
         willSyncService: !1
       }), this.thread.post({ sp: e });
@@ -289,7 +330,7 @@ class me {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
         const { rect: a, name: c, toolsType: n, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (n === f.Text && le([l, m], a) && h.workState === W.Done) {
+        if (n === f.Text && ae([l, m], a) && h.workState === W.Done) {
           r = c;
           break;
         }
@@ -300,17 +341,19 @@ class me {
         dataType: o,
         isSync: !0
       }), this.thread.post({
-        sp: [{
-          type: p.GetTextActive,
-          toolsType: f.Text,
-          workId: r
-        }]
+        sp: [
+          {
+            type: p.GetTextActive,
+            toolsType: f.Text,
+            workId: r
+          }
+        ]
       }));
     }
   }
   cursorHover(t) {
     const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: F,
+      workId: E,
       toolsType: s,
       opt: e
     });
@@ -318,46 +361,53 @@ class me {
   }
   cursorBlur() {
     var e;
-    const t = this.getWorkShape(F);
-    t && ((e = t.selectIds) != null && e.length) && (t.cursorBlur(), this.clearWorkShapeNodeCache(F)), this.thread.fullLayer.parent.children.forEach((s) => {
+    const t = this.getWorkShape(E);
+    t && ((e = t.selectIds) != null && e.length) && (t.cursorBlur(), this.clearWorkShapeNodeCache(E)), this.thread.fullLayer.parent.children.forEach((s) => {
       s.name === "Cursor_Hover_Id" && s.remove();
     });
   }
   updateFullSelectWork(t) {
     var o, r, i, a, c;
-    const e = this.workShapes.get(T), { selectIds: s } = t;
+    const e = this.workShapes.get(
+      L
+    ), { selectIds: s } = t;
     if (!(s != null && s.length)) {
       this.blurSelector(t);
       return;
     }
     if (!e) {
       const n = this.setFullWork(t);
-      !n && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), n && this.updateFullSelectWork(t);
+      !n && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(
+        t.workId.toString(),
+        t.opt || this.tmpOpt.toolsOpt
+      ), n && this.updateFullSelectWork(t);
       return;
     }
     if (e && (s != null && s.length)) {
-      const { selectRect: n } = e.updateSelectIds(s), h = [{
-        ...t,
-        selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
-        strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
-        fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
-        textOpt: ((c = t.opt) == null ? void 0 : c.textOpt) || e.textOpt,
-        canTextEdit: e.canTextEdit,
-        canRotate: e.canRotate,
-        scaleType: e.scaleType,
-        type: p.Select,
-        selectRect: n,
-        points: e.getChildrenPoints(),
-        willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
-        opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
-        canLock: e.canLock,
-        isLocked: e.isLocked,
-        toolsTypes: e.toolsTypes,
-        shapeOpt: e.shapeOpt,
-        thickness: e.thickness,
-        useStroke: e.useStroke,
-        strokeType: e.strokeType
-      }];
+      const { selectRect: n } = e.updateSelectIds(s), h = [
+        {
+          ...t,
+          selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
+          strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
+          fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
+          textOpt: ((c = t.opt) == null ? void 0 : c.textOpt) || e.textOpt,
+          canTextEdit: e.canTextEdit,
+          canRotate: e.canRotate,
+          scaleType: e.scaleType,
+          type: p.Select,
+          selectRect: n,
+          points: e.getChildrenPoints(),
+          willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
+          opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
+          canLock: e.canLock,
+          isLocked: e.isLocked,
+          toolsTypes: e.toolsTypes,
+          shapeOpt: e.shapeOpt,
+          thickness: e.thickness,
+          useStroke: e.useStroke,
+          strokeType: e.strokeType
+        }
+      ];
       this.thread.post({ sp: h });
     }
   }
@@ -368,11 +418,13 @@ class me {
         type: p.TextUpdate,
         toolsType: f.Text,
         workId: t,
-        dataType: g.Local
+        dataType: v.Local
       };
   }
   async removeSelector(t) {
-    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(T);
+    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(
+      L
+    );
     if (!r)
       return;
     const i = r.selectIds && [...r.selectIds] || [];
@@ -418,7 +470,7 @@ class me {
   }
   async consumeFull(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && U(t.ops);
+    const e = this.setFullWork(t), s = t.ops && F(t.ops);
     if (e) {
       const r = (o = t.workId) == null ? void 0 : o.toString();
       e.toolsType === f.Image ? await e.consumeServiceAsync({
@@ -446,9 +498,13 @@ class me {
     }
   }
   async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(T), { workId: s, msgType: o } = t;
+    const e = this.workShapes.get(
+      L
+    ), { workId: s, msgType: o } = t;
     if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
-      o === p.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
+      o === p.RemoveNode ? e.selectIds = e.selectIds.filter(
+        (r) => r !== s.toString()
+      ) : this.effectSelectNodeData.add(t), await new Promise((r) => {
         setTimeout(() => {
           r(!0);
         }, 0);
@@ -478,7 +534,7 @@ class me {
             replaceId: r
           });
         else {
-          const i = s.ops && U(s.ops);
+          const i = s.ops && F(s.ops);
           o.consumeService({
             op: i,
             isFullWork: !0,
@@ -491,49 +547,55 @@ class me {
     this.reRenderSelector(t);
   }
   hasSelector() {
-    return this.workShapes.has(T);
+    return this.workShapes.has(L);
   }
   getSelector() {
-    return this.workShapes.get(T);
+    return this.workShapes.get(L);
   }
   reRenderSelector(t = !1) {
     var o;
-    const e = this.workShapes.get(T);
+    const e = this.workShapes.get(
+      L
+    );
     if (!e) return;
     if (e && !((o = e.selectIds) != null && o.length))
       return this.blurSelector();
     const s = e.reRenderSelector();
     s && this.thread.post({
-      sp: [{
-        type: p.Select,
-        selectIds: e.selectIds,
-        selectRect: s,
-        willSyncService: t,
-        viewId: this.thread.viewId,
-        points: e.getChildrenPoints(),
-        textOpt: e.textOpt,
-        selectorColor: e.selectorColor,
-        strokeColor: e.strokeColor,
-        fillColor: e.fillColor,
-        canTextEdit: e.canTextEdit,
-        canRotate: e.canRotate,
-        scaleType: e.scaleType,
-        opt: e.getWorkOptions() || void 0,
-        canLock: e.canLock,
-        isLocked: e.isLocked,
-        toolsTypes: e.toolsTypes,
-        shapeOpt: e.shapeOpt,
-        thickness: e.thickness,
-        useStroke: e.useStroke,
-        strokeType: e.strokeType
-      }]
+      sp: [
+        {
+          type: p.Select,
+          selectIds: e.selectIds,
+          selectRect: s,
+          willSyncService: t,
+          viewId: this.thread.viewId,
+          points: e.getChildrenPoints(),
+          textOpt: e.textOpt,
+          selectorColor: e.selectorColor,
+          strokeColor: e.strokeColor,
+          fillColor: e.fillColor,
+          canTextEdit: e.canTextEdit,
+          canRotate: e.canRotate,
+          scaleType: e.scaleType,
+          opt: e.getWorkOptions() || void 0,
+          canLock: e.canLock,
+          isLocked: e.isLocked,
+          toolsTypes: e.toolsTypes,
+          shapeOpt: e.shapeOpt,
+          thickness: e.thickness,
+          useStroke: e.useStroke,
+          strokeType: e.strokeType
+        }
+      ]
     });
   }
   async blurSelector(t) {
     var o;
-    const e = this.workShapes.get(T), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(T), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === T && r.remove();
+    const e = this.workShapes.get(
+      L
+    ), s = e == null ? void 0 : e.blurSelector();
+    if (this.clearWorkShapeNodeCache(L), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
+      r.name === L && r.remove();
     }), s) {
       const r = [];
       r.push({
@@ -562,7 +624,7 @@ class me {
         for (const [c, n] of o)
           a.push({
             type: p.UpdateNode,
-            dataType: g.Local,
+            dataType: v.Local,
             opt: n.opt,
             workId: c,
             updateNodeOpt: {
@@ -593,8 +655,9 @@ class me {
         for (const [c, n] of o)
           a.push({
             type: p.FullWork,
-            dataType: g.Local,
-            ops: X(n.op),
+            dataType: v.Local,
+            toolsType: n.toolsType,
+            ops: _(n.op),
             opt: n.opt,
             workId: c,
             updateNodeOpt: {
@@ -616,32 +679,6 @@ class me {
       isLockSentEventCursor: e
     }), this.thread.post({ sp: s, consumeCount: this.consumeCount });
   }
-  // private updateBatchEraserCombineNode(inFullLayerIds:Set<string>,removeIds:Set<string>) {
-  //     for (const key of removeIds.keys()) {
-  //         this.thread.fullLayer.getElementsByName(key).forEach(node => {
-  //             node.remove();
-  //             removeTexture(node, this.thread.fullLayer.parent as Layer);
-  //         });
-  //     }
-  //     inFullLayerIds.forEach(key=>{
-  //         const info = this.vNodes.get(key);
-  //         if (info && info.toolsType === EToolsKey.Pencil) {
-  //             const node = this.thread.fullLayer.getElementsByName(key)[0];
-  //             if (!node) {
-  //                 const workShape = this.setFullWork({...info, workId: key}) as PencilShape;
-  //                 workShape && workShape.consumeService({
-  //                     op: info.op, 
-  //                     isFullWork: true
-  //                 });
-  //             }
-  //         }
-  //     })
-  // }
-  // private batchEraserCombine = throttle(() => {
-  //     this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes);
-  //     this.batchEraserWorks.clear();
-  //     this.batchEraserRemoveNodes.clear();
-  // }, 100, {'leading':false})
   getWorkShape(t) {
     return this.workShapes.get(t);
   }
@@ -657,40 +694,59 @@ class me {
       const n = c.toolsType;
       if (n === f.LaserPen)
         return;
-      switch (this.drawWorkActiveId && this.drawWorkActiveId !== a && (this.consumeDrawAll({
-        workId: this.drawWorkActiveId,
-        scenePath: r,
-        viewId: this.thread.viewId,
-        msgType: p.DrawWork,
-        dataType: g.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== T && (this.drawWorkActiveId = a), H(i) && (this.consumeCount = i), n) {
-        case f.Selector:
-          {
-            const h = c.consume({
-              data: t,
-              isFullWork: !0,
-              isMainThread: !0
-            });
-            this.fullWorkerDrawCount++;
-            const l = [];
-            h.type === p.Select && (h.selectIds && e.runReverseSelectWork(h.selectIds), l.push(h)), this.thread.post({
-              consumeCount: this.consumeCount,
-              fullWorkerDrawCount: this.fullWorkerDrawCount,
-              sp: l
-            });
-          }
+      switch (this.combineDrawActiveId && this.combineDrawActiveId !== a && (this.combineTimerId && (clearTimeout(this.combineTimerId), this.combineTimerId = void 0, this.combineDrawResolve && this.combineDrawResolve(!1), this.combineDrawActiveId = void 0), this.consumeDrawAll(
+        {
+          workId: this.combineDrawActiveId,
+          scenePath: r,
+          viewId: this.thread.viewId,
+          msgType: p.DrawWork,
+          dataType: v.Local
+        },
+        e
+      )), this.drawWorkActiveId && this.drawWorkActiveId !== a && (this.consumeDrawAll(
+        {
+          workId: this.drawWorkActiveId,
+          scenePath: r,
+          viewId: this.thread.viewId,
+          msgType: p.DrawWork,
+          dataType: v.Local
+        },
+        e
+      ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== L && (this.drawWorkActiveId = a), U(i) && (this.consumeCount = i), n) {
+        case f.Selector: {
+          const h = c.consume({
+            data: t,
+            isFullWork: !0,
+            isMainThread: !0
+          });
+          this.fullWorkerDrawCount++;
+          const l = [];
+          h.type === p.Select && (h.selectIds && e.runReverseSelectWork(h.selectIds), l.push(h)), this.thread.post({
+            consumeCount: this.consumeCount,
+            fullWorkerDrawCount: this.fullWorkerDrawCount,
+            sp: l
+          });
           break;
+        }
         case f.PencilEraser:
         case f.BitMapEraser: {
-          const h = c.consume({
+          c.consume({
             data: t,
             isFullWork: !1,
             isMainThread: !0
-          });
-          this.fullWorkerDrawCount++, this.thread.post({
+          }), this.fullWorkerDrawCount++, this.thread.post({
+            sp: void 0,
             consumeCount: this.consumeCount,
-            fullWorkerDrawCount: this.fullWorkerDrawCount,
-            sp: h.op && [{ ...h, scenePath: r }] || void 0
+            fullWorkerDrawCount: this.fullWorkerDrawCount
+          }), this.combineTimerId || new Promise((h) => {
+            this.combineDrawActiveId = a, this.combineDrawResolve = h, this.combineTimerId = requestIdleCallback(
+              () => {
+                this.combineTimerId = void 0, this.combineDrawResolve && this.combineDrawResolve(!0);
+              },
+              { timeout: this.thread.master.maxCombineEraserTime }
+            );
+          }).then((h) => {
+            h && this.drawEraserCombine(a), this.combineDrawResolve = void 0;
           });
           break;
         }
@@ -727,10 +783,55 @@ class me {
       }
     }
   }
+  drawEraserCombine(t) {
+    var s, o, r, i;
+    const e = (s = this.workShapes.get(t)) == null ? void 0 : s.combineConsume({ workerEngine: this });
+    if (e) {
+      const { willDeleteNodes: a, willNewNodes: c } = e, n = {
+        render: [],
+        sp: []
+      };
+      if (e != null && e.rect) {
+        const h = ne(e.rect);
+        (o = n.render) == null || o.push(
+          {
+            rect: h,
+            isClear: !0,
+            clearCanvas: K.Bg,
+            viewId: this.thread.viewId
+          },
+          {
+            rect: h,
+            drawCanvas: K.Bg,
+            viewId: this.thread.viewId
+          }
+        );
+      }
+      if (a != null && a.size && ((r = n.sp) == null || r.push({
+        type: p.RemoveNode,
+        removeIds: [...a],
+        viewId: this.thread.viewId
+      })), c != null && c.size)
+        for (const [h, l] of c)
+          (i = n.sp) == null || i.push({
+            type: p.FullWork,
+            dataType: v.Local,
+            toolsType: l.toolsType,
+            ops: _(l.op),
+            opt: l.opt,
+            workId: h,
+            updateNodeOpt: {
+              useAnimation: !1
+            }
+          });
+      this.thread.post(n);
+    }
+  }
   consumeDrawAll(t, e) {
     var i, a, c;
     const { workId: s, scenePath: o, isLockSentEventCursor: r } = t;
     if (s) {
+      this.combineTimerId && (clearTimeout(this.combineTimerId), this.combineTimerId = void 0, this.combineDrawResolve && this.combineDrawResolve(!1), this.combineDrawActiveId = void 0);
       const n = s.toString();
       this.drawWorkActiveId === n && (this.drawWorkActiveId = void 0);
       const h = this.workShapes.get(n);
@@ -739,26 +840,34 @@ class me {
       const l = h.toolsType;
       if (l === f.LaserPen)
         return;
-      const m = this.workShapes.get(F), d = (i = m == null ? void 0 : m.selectIds) == null ? void 0 : i[0], S = h.consumeAll({ data: t, workerEngine: this });
+      const m = this.workShapes.get(E), d = (i = m == null ? void 0 : m.selectIds) == null ? void 0 : i[0], k = h.consumeAll({ data: t, workerEngine: this });
       switch (l) {
         case f.Selector:
           {
-            S.selectIds && d && ((a = S.selectIds) != null && a.includes(d)) && m.cursorBlur();
-            const y = [];
-            r && y.push({
+            k.selectIds && d && ((a = k.selectIds) != null && a.includes(d)) && m.cursorBlur();
+            const S = [];
+            r && S.push({
               type: p.None,
               isLockSentEventCursor: r
-            }), S.type === p.Select && (S.selectIds && e.runReverseSelectWork(S.selectIds), y.push({ ...S, scenePath: o })), y.length && this.thread.post({ sp: y }), (c = h.selectIds) != null && c.length ? h.clearTmpPoints() : this.clearWorkShapeNodeCache(n);
+            }), k.type === p.Select && (k.selectIds && e.runReverseSelectWork(k.selectIds), S.push({ ...k, scenePath: o })), S.length && this.thread.post({ sp: S }), (c = h.selectIds) != null && c.length ? h.clearTmpPoints() : this.clearWorkShapeNodeCache(n);
           }
           break;
         case f.PencilEraser:
-          this.drawPencilEraserFull(h, S, r), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
+          this.drawPencilEraserFull(
+            h,
+            k,
+            r
+          ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
           break;
         case f.BitMapEraser:
-          this.drawBitMapEraserFull(h, S, r), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
+          this.drawBitMapEraserFull(
+            h,
+            k,
+            r
+          ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
           break;
         case f.Eraser:
-          this.drawEraser({ ...S, scenePath: o }, r), h.clearTmpPoints();
+          this.drawEraser({ ...k, scenePath: o }, r), h.clearTmpPoints();
           break;
         case f.Arrow:
         case f.Straight:
@@ -768,13 +877,13 @@ class me {
         case f.Polygon:
         case f.SpeechBalloon:
         case f.Pencil: {
-          const y = [];
-          r && y.push({
+          const S = [];
+          r && S.push({
             type: p.None,
             isLockSentEventCursor: r
-          }), S && (y.push(S), this.fullWorkerDrawCount = 0, this.thread.post({
+          }), k && (S.push(k), this.fullWorkerDrawCount = 0, this.thread.post({
             fullWorkerDrawCount: this.fullWorkerDrawCount,
-            sp: y
+            sp: S
           })), this.clearWorkShapeNodeCache(n);
           break;
         }
@@ -797,10 +906,18 @@ class me {
     e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
   }
   createWorkShapeNode(t) {
-    return $({ ...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 ke {
+class fe {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -809,7 +926,7 @@ class ke {
     u(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
     u(this, "runEffectId");
     u(this, "animationId");
-    u(this, "syncUnitTime", B.syncOpt.interval);
+    u(this, "syncUnitTime", x.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   async loadImageBitMap(t) {
@@ -821,16 +938,26 @@ class ke {
   clearAll() {
     this.thread.serviceLayer.children.length && (this.thread.serviceLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), z(this.thread.serviceLayer, this.thread.serviceLayer.parent)), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
+    }), B(
+      this.thread.serviceLayer,
+      this.thread.serviceLayer.parent
+    )), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
   }
   runEffect() {
-    this.runEffectId || (this.runEffectId = setTimeout(this.effectRunSelector.bind(this), 0));
+    this.runEffectId || (this.runEffectId = setTimeout(
+      this.effectRunSelector.bind(this),
+      0
+    ));
   }
   effectRunSelector() {
     this.runEffectId = void 0, this.willRunEffectSelectorIds.forEach((t) => {
       var s, o;
       const e = this.selectorWorkShapes.get(t);
-      e && e.selectIds && ((s = e.node) == null || s.selectServiceNode(t, e, !0)), (o = e == null ? void 0 : e.selectIds) != null && o.length || this.selectorWorkShapes.delete(t);
+      e && e.selectIds && ((s = e.node) == null || s.selectServiceNode(
+        t,
+        e,
+        !0
+      )), (o = e == null ? void 0 : e.selectIds) != null && o.length || this.selectorWorkShapes.delete(t);
     }), this.willRunEffectSelectorIds.clear();
   }
   runSelectWork(t) {
@@ -866,34 +993,39 @@ class ke {
     this.activeWorkShape(t), this.runAnimation();
   }
   computNextAnimationIndex(t, e) {
-    const s = Math.floor((t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / this.syncUnitTime) * e;
-    return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
+    const s = Math.floor(
+      (t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / this.syncUnitTime
+    ) * e;
+    return Math.min(
+      (t.animationIndex || 0) + (s || e),
+      (t.animationWorkData || []).length
+    );
   }
   async animationDraw() {
-    var s, o, r, i, a, c, n, h, l, m, d, S, y, w, v, C, x, Z, j;
+    var s, o, r, i, a, c, n, h, l, m, d, k, S, y, I;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [N, k] of this.workShapes.entries())
-      switch (k.toolsType) {
+    for (const [g, w] of this.workShapes.entries())
+      switch (w.toolsType) {
         case f.Image: {
-          await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
+          await ((s = w.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
           })), this.selectorWorkShapes.forEach((b, D) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-          }), this.workShapes.delete(N);
+            var C;
+            (C = b.selectIds) != null && C.includes(g) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+          }), this.workShapes.delete(g);
           break;
         }
         case f.Text: {
-          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
+          w.node && (await ((o = w.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: N
+            replaceId: g
           })), this.selectorWorkShapes.forEach((b, D) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(N));
+            var C;
+            (C = b.selectIds) != null && C.includes(g) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+          }), (r = w.node) == null || r.clearTmpPoints(), this.workShapes.delete(g));
           break;
         }
         case f.Arrow:
@@ -903,63 +1035,69 @@ class ke {
         case f.Star:
         case f.Polygon:
         case f.SpeechBalloon: {
-          const b = !!k.ops;
-          if ((i = k.animationWorkData) != null && i.length) {
-            const D = k.oldRect;
-            (a = k.node) == null || a.consumeService({
-              op: k.animationWorkData,
+          const b = !!w.ops;
+          if ((i = w.animationWorkData) != null && i.length) {
+            const D = w.oldRect;
+            (a = w.node) == null || a.consumeService({
+              op: w.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((O, M) => {
-              var A;
-              (A = O.selectIds) != null && A.includes(N) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
-            }), (c = k.node) == null || c.clearTmpPoints(), this.workShapes.delete(N)), e.set(N, {
-              workState: D ? k.ops ? W.Done : W.Doing : W.Start,
-              op: k.animationWorkData.filter((O, M) => {
+            }), b && (this.selectorWorkShapes.forEach((C, M) => {
+              var P;
+              (P = C.selectIds) != null && P.includes(g) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
+            }), (c = w.node) == null || c.clearTmpPoints(), this.workShapes.delete(g)), e.set(g, {
+              workState: D ? w.ops ? W.Done : W.Doing : W.Start,
+              op: w.animationWorkData.filter((C, M) => {
                 if (M % 3 !== 2)
                   return !0;
               }).slice(-2)
-            }), k.animationWorkData.length = 0;
+            }), w.animationWorkData.length = 0;
           }
           break;
         }
         case f.Pencil: {
-          if (!k.useAnimation && k.ops)
-            (n = k.node) == null || n.consumeService({
-              op: k.animationWorkData || [],
+          if (!w.useAnimation && w.ops)
+            (n = w.node) == null || n.consumeService({
+              op: w.animationWorkData || [],
               isFullWork: !0,
-              replaceId: N
-            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, D) => {
-              var O;
-              (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-            }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(N);
-          else if (k.useAnimation) {
-            if (k.isDel) {
-              (m = k.node) == null || m.clearTmpPoints(), this.workShapes.delete(N);
+              replaceId: g
+            }), (h = w.node) == null || h.updataOptService(w.updateNodeOpt), this.selectorWorkShapes.forEach((b, D) => {
+              var C;
+              (C = b.selectIds) != null && C.includes(g) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+            }), (l = w.node) == null || l.clearTmpPoints(), this.workShapes.delete(g);
+          else if (w.useAnimation) {
+            if (w.isDel) {
+              (m = w.node) == null || m.clearTmpPoints(), this.workShapes.delete(g);
               break;
             }
-            const b = 3, D = this.computNextAnimationIndex(k, b), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), M = (k.animationWorkData || []).slice(O, D), A = (S = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
-            if ((k.animationIndex || 0) < D || k.isDiff) {
-              if ((y = k.node) == null || y.consumeService({
+            const b = 3, D = this.computNextAnimationIndex(
+              w,
+              b
+            ), C = w.isDiff ? 0 : Math.max(0, (w.animationIndex || 0) - b), M = (w.animationWorkData || []).slice(
+              C,
+              D
+            ), P = (k = (d = w.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : k.toString();
+            if ((w.animationIndex || 0) < D || w.isDiff) {
+              if ((S = w.node) == null || S.consumeService({
                 op: M,
                 isFullWork: !1
-              }), k.animationIndex = D, k.isDiff && (k.isDiff = !1), M.length) {
-                const q = M.filter((_, ae) => {
-                  if (ae % b !== b - 1)
+              }), w.animationIndex = D, w.isDiff && (w.isDiff = !1), M.length) {
+                const G = M.filter((V, oe) => {
+                  if (oe % b !== b - 1)
                     return !0;
                 }).slice(-2);
-                e.set(N, {
-                  workState: O === 0 ? W.Start : D === ((w = k.animationWorkData) == null ? void 0 : w.length) ? W.Done : W.Doing,
-                  op: q
+                e.set(g, {
+                  workState: C === 0 ? W.Start : D === ((y = w.animationWorkData) == null ? void 0 : y.length) ? W.Done : W.Doing,
+                  op: G
                 });
               }
-            } else k.ops && ((v = k.node) == null || v.consumeService({
-              op: k.animationWorkData || [],
+            } else w.ops && ((I = w.node) == null || I.consumeService({
+              op: w.animationWorkData || [],
               isFullWork: !0,
-              replaceId: A
-            }), k.isDel = !0, e.set(N, {
+              replaceId: P
+            }), w.isDel = !0, e.set(g, {
               workState: W.Done,
-              op: M.filter((q, _) => {
-                if (_ % b !== b - 1)
+              op: M.filter((G, V) => {
+                if (V % b !== b - 1)
                   return !0;
               }).slice(-2)
             }));
@@ -968,52 +1106,18 @@ class ke {
           }
           break;
         }
-        case f.BitMapEraser:
-        case f.PencilEraser: {
-          if (k.isDel) {
-            (C = k.node) == null || C.clearTmpPoints(), this.workShapes.delete(N);
-            break;
-          }
-          if (k.ops && ((x = k.animationWorkData) != null && x.length)) {
-            const b = k.animationWorkData.slice(-3, -1);
-            e.set(N, {
-              workState: W.Done,
-              op: b
-            }), k.isDel = !0;
-            break;
-          }
-          if (k.useAnimation) {
-            const D = this.computNextAnimationIndex(k, 3), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - 3), M = (k.animationWorkData || []).slice(O, D);
-            if (((k.animationIndex || 0) < D || k.isDiff) && ((Z = k.node) == null || Z.consumeService({
-              op: M,
-              isFullWork: !1
-            }), k.animationIndex = D, k.isDiff && (k.isDiff = !1), M.length)) {
-              const A = M.filter((q, _) => {
-                if (_ % 3 !== 2)
-                  return !0;
-              }).slice(-2);
-              e.set(N, {
-                workState: O === 0 ? W.Start : D === ((j = k.animationWorkData) == null ? void 0 : j.length) ? W.Done : W.Doing,
-                op: A
-              });
-            }
-            t = !0;
-            break;
-          }
-          break;
-        }
       }
     if (t && this.runAnimation(), e.size) {
-      const N = [];
-      e.forEach((k, b) => {
-        N.push({
+      const g = [];
+      e.forEach((w, b) => {
+        g.push({
           type: p.Cursor,
-          uid: b.split(te)[0],
-          op: k.op,
-          workState: k.workState,
+          uid: b.split(Q)[0],
+          op: w.op,
+          workState: w.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: N });
+      }), this.thread.post({ sp: g });
     }
   }
   runAnimation() {
@@ -1040,13 +1144,23 @@ class ke {
     return !1;
   }
   activeWorkShape(t) {
-    var S, y, w, v;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: c, useAnimation: n, imageBitmap: h } = t;
+    var k, S, y, I;
+    const {
+      workId: e,
+      opt: s,
+      toolsType: o,
+      type: r,
+      updateNodeOpt: i,
+      ops: a,
+      op: c,
+      useAnimation: n,
+      imageBitmap: h
+    } = t;
     if (!e)
       return;
-    const l = e.toString(), m = (S = this.vNodes.get(l)) == null ? void 0 : S.rect;
-    if (!((y = this.workShapes) != null && y.has(l))) {
-      let C = {
+    const l = e.toString(), m = (k = this.vNodes.get(l)) == null ? void 0 : k.rect;
+    if (!((S = this.workShapes) != null && S.has(l))) {
+      let g = {
         toolsType: o,
         animationWorkData: c || [],
         animationIndex: 0,
@@ -1058,13 +1172,17 @@ class ke {
         isDiff: !1,
         imageBitmap: h
       };
-      o && s && (C = this.setNodeKey(l, C, o, s)), (w = this.workShapes) == null || w.set(l, C);
+      o && s && (g = this.setNodeKey(l, g, o, s)), (y = this.workShapes) == null || y.set(l, g);
     }
-    const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), a && (d.animationWorkData = U(a), d.ops = a), i && (d.updateNodeOpt = i), c && (d.isDiff = this.hasDiffData(d.animationWorkData || [], c, d.toolsType), d.animationWorkData = c), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
+    const d = (I = this.workShapes) == null ? void 0 : I.get(l);
+    r && (d.type = r), a && (d.animationWorkData = F(a), d.ops = a), i && (d.updateNodeOpt = i), c && (d.isDiff = this.hasDiffData(
+      d.animationWorkData || [],
+      c,
+      d.toolsType
+    ), d.animationWorkData = c), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
   }
   removeNode(t, e) {
-    t.indexOf(T) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
+    t.indexOf(L) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
       s.remove(), R(s, this.thread.fullLayer.parent);
     }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
       s.remove(), R(s, this.thread.serviceLayer.parent);
@@ -1093,17 +1211,20 @@ class ke {
     r && (c.type = r), c.node && c.node.getWorkId() !== a && c.node.setWorkId(a), c.selectIds = i || [];
   }
   setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = $({
-      toolsType: s,
-      toolsOpt: o,
-      vNodes: this.vNodes,
-      fullLayer: this.thread.fullLayer,
-      drawLayer: this.thread.serviceLayer,
-      workId: t
-    }, this), e;
+    return e.toolsType = s, e.node = z(
+      {
+        toolsType: s,
+        toolsOpt: o,
+        vNodes: this.vNodes,
+        fullLayer: this.thread.fullLayer,
+        drawLayer: this.thread.serviceLayer,
+        workId: t
+      },
+      this
+    ), e;
   }
 }
-class E {
+class O {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1113,14 +1234,14 @@ class E {
     return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
   }
 }
-class Se extends E {
+class me extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.CopyNode);
+    u(this, "emitEventType", T.CopyNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.FullWork && o === g.Local && r === this.emitEventType)
+    if (s === p.FullWork && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1129,20 +1250,27 @@ class Se extends E {
     s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
   }
 }
-class ye extends E {
+class ke extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.SetColorNode);
+    u(this, "emitEventType", T.SetColorNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
-    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a,
+      textUpdateForWoker: c
+    } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1159,38 +1287,42 @@ class ye extends E {
           ...l,
           workId: h,
           type: p.TextUpdate,
-          dataType: g.Local,
+          dataType: v.Local,
           willSyncService: !0
-        }) : n.push(
-          {
-            ...l,
-            workId: h,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
+        }) : n.push({
+          ...l,
+          workId: h,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: a
+        });
     return {
       sp: n
     };
   }
 }
-class we extends E {
+class Se extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.ZIndexNode);
+    u(this, "emitEventType", T.ZIndexNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a
+    } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1202,36 +1334,42 @@ class we extends E {
     const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, c = o.sp || [];
     if (i && c)
       for (const [n, h] of r.entries())
-        c.push(
-          {
-            ...h,
-            workId: n,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
+        c.push({
+          ...h,
+          workId: n,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: a
+        });
     return {
       sp: c
     };
   }
 }
-class ve extends E {
+class ye extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.TranslateNode);
+    u(this, "emitEventType", T.TranslateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var h, l;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c, emitEventType: n } = e;
-    s === T && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a,
+      textUpdateForWoker: c,
+      emitEventType: n
+    } = e;
+    s === L && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1249,64 +1387,62 @@ class ve extends E {
         sp: [],
         render: []
       };
-    const S = a == null ? void 0 : a.selectRect;
+    const k = a == null ? void 0 : a.selectRect;
     if (c) {
       m === W.Doing && d.push({
         type: p.Select,
         selectIds: i.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: !0,
         isSync: !0,
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [y, w] of r.entries())
-        l && w.toolsType === f.Text ? d.push({
-          ...w,
-          workId: y,
+      for (const [S, y] of r.entries())
+        l && y.toolsType === f.Text ? d.push({
+          ...y,
+          workId: S,
           type: p.TextUpdate,
-          dataType: g.Local,
+          dataType: v.Local,
           willSyncService: !0
-        }) : d.push(
-          {
-            ...w,
-            workId: y,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: n
-          }
-        );
+        }) : d.push({
+          ...y,
+          workId: S,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: n
+        });
     }
     return {
       sp: d
     };
   }
 }
-class ge extends E {
+class we extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.DeleteNode);
+    u(this, "emitEventType", T.DeleteNode);
   }
   async consume() {
     return !1;
   }
 }
-class Ie extends E {
+class ve extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.ScaleNode);
+    u(this, "emitEventType", T.ScaleNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var a;
     const { workId: s, updateNodeOpt: o, willSyncService: r, willSerializeData: i } = e;
-    s === T && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    s === L && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willSyncService: r,
       willSerializeData: i,
@@ -1331,44 +1467,49 @@ class Ie extends E {
         points: h === W.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
-      for (const [d, S] of a.entries())
-        S.toolsType === f.Text ? l.push({
-          ...S,
+      for (const [d, k] of a.entries())
+        k.toolsType === f.Text ? l.push({
+          ...k,
           workId: d,
           type: p.TextUpdate,
-          dataType: g.Local,
+          dataType: v.Local,
           willSyncService: !0
-        }) : l.push(
-          {
-            ...S,
-            workId: d,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: !0
-          }
-        );
+        }) : l.push({
+          ...k,
+          workId: d,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: !0
+        });
     }
     return {
       sp: l
     };
   }
 }
-class We extends E {
+class Ie extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.RotateNode);
+    u(this, "emitEventType", T.RotateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, emitEventType: c } = e;
-    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a,
+      emitEventType: c
+    } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1379,48 +1520,53 @@ class We extends E {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n, willSerializeData: h, isSync: l } = s, m = c.workState, d = o.sp || [], S = i == null ? void 0 : i.selectRect;
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n, willSerializeData: h, isSync: l } = s, m = c.workState, d = o.sp || [], k = i == null ? void 0 : i.selectRect;
     if (n) {
       h && m === W.Done && d.push({
         type: p.Select,
         selectIds: r.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: !0,
         isSync: l,
         points: r.getChildrenPoints()
       });
-      for (const [y, w] of a.entries())
-        d.push(
-          {
-            ...w,
-            workId: y,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: l
-          }
-        );
+      for (const [S, y] of a.entries())
+        d.push({
+          ...y,
+          workId: S,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: l
+        });
     }
     return {
       sp: d
     };
   }
 }
-class Te extends E {
+class ge extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.SetFontStyle);
+    u(this, "emitEventType", T.SetFontStyle);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
-    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a,
+      textUpdateForWoker: c
+    } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1440,44 +1586,49 @@ class Te extends E {
         isSync: n,
         points: i.getChildrenPoints()
       });
-      for (const [S, y] of r.entries())
-        l && y.toolsType === f.Text ? m.push({
-          ...y,
-          workId: S,
+      for (const [k, S] of r.entries())
+        l && S.toolsType === f.Text ? m.push({
+          ...S,
+          workId: k,
           type: p.TextUpdate,
-          dataType: g.Local,
+          dataType: v.Local,
           willSyncService: !0
-        }) : m.push(
-          {
-            ...y,
-            workId: S,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: n
-          }
-        );
+        }) : m.push({
+          ...S,
+          workId: k,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: n
+        });
     }
     return {
       sp: m
     };
   }
 }
-class Le extends E {
+class Te extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.SetPoint);
+    u(this, "emitEventType", T.SetPoint);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: c } = e;
-    s === T && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a,
+      textUpdateForWoker: c
+    } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1492,17 +1643,15 @@ class Le extends E {
     const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
     if (c && h) {
       for (const [m, d] of r.entries())
-        h.push(
-          {
-            ...d,
-            workId: m,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: n
-          }
-        );
+        h.push({
+          ...d,
+          workId: m,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: n
+        });
       h.push({
         type: p.Select,
         selectIds: i.selectIds,
@@ -1517,20 +1666,26 @@ class Le extends E {
     };
   }
 }
-class Ne extends E {
+class We extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.SetLock);
+    u(this, "emitEventType", T.SetLock);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a
+    } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1541,18 +1696,16 @@ class Ne extends E {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h } = s, l = o.sp || [], m = a == null ? void 0 : a.selectRect;
     if (c && l) {
-      for (const [d, S] of r.entries())
-        l.push(
-          {
-            ...S,
-            workId: d,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: n
-          }
-        );
+      for (const [d, k] of r.entries())
+        l.push({
+          ...k,
+          workId: d,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: n
+        });
       l.push({
         isLocked: h.isLocked,
         selectorColor: i.selectorColor,
@@ -1570,20 +1723,26 @@ class Ne extends E {
     };
   }
 }
-class be extends E {
+class Le extends O {
   constructor() {
     super(...arguments);
-    u(this, "emitEventType", I.SetShapeOpt);
+    u(this, "emitEventType", T.SetShapeOpt);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === T && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    const {
+      workId: s,
+      updateNodeOpt: o,
+      willRefreshSelector: r,
+      willSyncService: i,
+      willSerializeData: a
+    } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1595,51 +1754,49 @@ class be extends E {
     const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, c = o.sp || [];
     if (i && c)
       for (const [n, h] of r.entries())
-        c.push(
-          {
-            ...h,
-            workId: n,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
+        c.push({
+          ...h,
+          workId: n,
+          type: p.UpdateNode,
+          updateNodeOpt: {
+            useAnimation: !1
+          },
+          isSync: a
+        });
     return {
       sp: c
     };
   }
 }
-class Ce {
+class Ne {
   constructor(t) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(t.map((e) => [e, this.build(e)]));
   }
   build(t) {
     switch (t) {
-      case I.TranslateNode:
-        return new ve();
-      case I.ZIndexNode:
-        return new we();
-      case I.CopyNode:
-        return new Se();
-      case I.SetColorNode:
+      case T.TranslateNode:
         return new ye();
-      case I.DeleteNode:
-        return new ge();
-      case I.ScaleNode:
+      case T.ZIndexNode:
+        return new Se();
+      case T.CopyNode:
+        return new me();
+      case T.SetColorNode:
+        return new ke();
+      case T.DeleteNode:
+        return new we();
+      case T.ScaleNode:
+        return new ve();
+      case T.RotateNode:
         return new Ie();
-      case I.RotateNode:
-        return new We();
-      case I.SetFontStyle:
+      case T.SetFontStyle:
+        return new ge();
+      case T.SetPoint:
         return new Te();
-      case I.SetPoint:
+      case T.SetLock:
+        return new We();
+      case T.SetShapeOpt:
         return new Le();
-      case I.SetLock:
-        return new Ne();
-      case I.SetShapeOpt:
-        return new be();
     }
   }
   registerForMainThread(t) {
@@ -1654,7 +1811,7 @@ class Ce {
     return !1;
   }
 }
-class De {
+class be {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -1678,25 +1835,43 @@ class De {
     u(this, "methodBuilder");
     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 = B.bufferSize.full, o = B.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === P ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.vNodes = new he(t, this.scene);
+    this.viewId = t, this.opt = e, this.scene = this.createScene({
+      ...e.canvasOpt,
+      container: e.container
+    }), this.master = e.master;
+    const s = x.bufferSize.full, o = x.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 ce(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new me(r), this.serviceWork = new ke(r), this.topWork = new fe(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ce([
-      I.CopyNode,
-      I.SetColorNode,
-      I.DeleteNode,
-      I.RotateNode,
-      I.ScaleNode,
-      I.TranslateNode,
-      I.ZIndexNode,
-      I.SetFontStyle,
-      I.SetPoint,
-      I.SetLock,
-      I.SetShapeOpt
+    this.localWork = new ue(r), this.serviceWork = new fe(r), this.topWork = new de(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ne([
+      T.CopyNode,
+      T.SetColorNode,
+      T.DeleteNode,
+      T.RotateNode,
+      T.ScaleNode,
+      T.TranslateNode,
+      T.ZIndexNode,
+      T.SetFontStyle,
+      T.SetPoint,
+      T.SetLock,
+      T.SetShapeOpt
     ]).registerForMainThread(this);
   }
   getCachedImages(t) {
@@ -1728,14 +1903,25 @@ class De {
   }
   async on(t) {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: c, imageBitmap: n, workIds: h, isLockSentEventCursor: l } = t, m = i == null ? void 0 : i.toString();
+      const {
+        msgType: e,
+        toolsType: s,
+        opt: o,
+        dataType: r,
+        workId: i,
+        workState: a,
+        imageSrc: c,
+        imageBitmap: n,
+        workIds: h,
+        isLockSentEventCursor: l
+      } = t, m = i == null ? void 0 : i.toString();
       switch (e) {
         case p.UpdateDpr:
-          H(t.dpr) && this.updateDpr(t.dpr);
+          U(t.dpr) && this.updateDpr(t.dpr);
           break;
         case p.AuthClear: {
-          const { clearUids: d, localUid: S } = t;
-          this.vNodes.setCanClearUids(d), this.vNodes.setLocalUid(S);
+          const { clearUids: d, localUid: k } = t;
+          this.vNodes.setCanClearUids(d), this.vNodes.setLocalUid(k);
           break;
         }
         case p.Destroy:
@@ -1772,11 +1958,13 @@ class De {
           }
           break;
         case p.DrawWork:
-          a === W.Done && r === g.Local ? (this.consumeDrawAll(r, t), s === f.LaserPen && l && this.post({
-            sp: [{
-              type: p.None,
-              isLockSentEventCursor: l
-            }]
+          a === W.Done && r === v.Local ? (this.consumeDrawAll(r, t), s === f.LaserPen && l && this.post({
+            sp: [
+              {
+                type: p.None,
+                isLockSentEventCursor: l
+              }
+            ]
           })) : this.consumeDraw(r, t);
           break;
         case p.UpdateNode:
@@ -1791,7 +1979,7 @@ class De {
           await this.removeNode(t);
           return;
         case p.Select:
-          r === g.Service && (i === T ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
+          r === v.Service && (i === L ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
         case p.CursorBlur:
           this.localWork.cursorBlur();
@@ -1800,7 +1988,7 @@ class De {
           this.localWork.cursorHover(t);
           break;
         case p.GetTextActive:
-          r === g.Local && this.localWork.checkTextActive(t);
+          r === v.Local && this.localWork.checkTextActive(t);
           break;
         case p.GetImageBitMap:
           if (c && n && i) {
@@ -1809,21 +1997,21 @@ class De {
               imageBitmap: n,
               workId: d
             });
-            const S = this.imageResolveMap.get(c);
-            if (S) {
-              const { resolve: y, timer: w } = S;
-              w && clearTimeout(w), y && y(c);
+            const k = this.imageResolveMap.get(c);
+            if (k) {
+              const { resolve: S, timer: y } = k;
+              y && clearTimeout(y), S && S(c);
             }
           }
           break;
         case p.GetVNodeInfo:
           if (i && h) {
-            const d = h.map((S) => this.vNodes.get(S));
+            const d = h.map((k) => this.vNodes.get(k));
             this.post({
               sp: [
                 {
                   type: p.GetVNodeInfo,
-                  dataType: g.Local,
+                  dataType: v.Local,
                   workId: i,
                   vInfo: d
                 }
@@ -1845,56 +2033,58 @@ class De {
       if (!i || !a || !c || !n)
         return;
       let l = i;
-      if (a === se.Iconify) {
-        const [y, w] = this.getIconSize(c, n, this.opt.displayer.dpr);
-        l = `${i}?width=${y}&height=${w}&color=${h}`;
+      if (a === J.Iconify) {
+        const [S, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
+        l = `${i}?width=${S}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const y = this.getCachedImages(l);
-        if (y)
-          return y;
+        const S = this.getCachedImages(l);
+        if (S)
+          return S;
       }
       if (this.imageResolveMap.has(l)) {
-        const y = this.getCachedImagesByWorkId(r);
-        if (y)
-          return y;
+        const S = this.getCachedImagesByWorkId(r);
+        if (S)
+          return S;
       }
-      const S = await new Promise((y) => {
-        const w = this.imageResolveMap.get(l) || {
+      const k = await new Promise((S) => {
+        const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        w.timer && clearTimeout(w.timer), w.resolve = y, w.timer = setTimeout(() => {
-          const v = this.imageResolveMap.get(l);
-          v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, w), this.opt.post({
-          sp: [{
-            imageSrc: l,
-            workId: r,
-            viewId: this.viewId,
-            isgl: !!this.fullLayer.parent.gl,
-            isSubWorker: !1,
-            type: p.GetImageBitMap
-          }]
+        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
+          const I = this.imageResolveMap.get(l);
+          I != null && I.resolve && I.resolve(l);
+        }, 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: p.GetImageBitMap
+            }
+          ]
         });
       });
-      return this.imageResolveMap.delete(S), this.getCachedImages(l);
+      return this.imageResolveMap.delete(k), this.getCachedImages(l);
     }
   }
   async removeNode(t) {
     const { dataType: e, workId: s, removeIds: o } = t, r = o || [];
     if (s && r.push(s.toString()), r.length)
       for (const i of r) {
-        if (i === T) {
+        if (i === L) {
           await this.localWork.removeSelector(t);
           continue;
         }
-        e === g.Local ? this.localWork.removeWork(t) : e === g.Service && this.serviceWork.removeWork(t), await this.localWork.colloctEffectSelectWork(t);
+        e === v.Local ? this.localWork.removeWork(t) : e === v.Service && this.serviceWork.removeWork(t), await this.localWork.colloctEffectSelectWork(t);
       }
   }
   async consumeFull(t, e) {
     const s = await this.localWork.colloctEffectSelectWork(e);
-    s && t === g.Local && await this.localWork.consumeFull(s), s && t === g.Service && this.serviceWork.consumeFull(s);
+    s && t === v.Local && await this.localWork.consumeFull(s), s && t === v.Service && this.serviceWork.consumeFull(s);
   }
   setCameraOpt(t) {
     this.cameraOpt = t;
@@ -1902,7 +2092,9 @@ class De {
     (r !== this.scene.width || i !== this.scene.height) && this.updateScene({ width: r, height: i }), this.fullLayer.setAttribute("scale", [e, e]), this.fullLayer.setAttribute("translate", [-s, -o]), this.topLayer.setAttribute("scale", [e, e]), this.topLayer.setAttribute("translate", [-s, -o]), this.localLayer.setAttribute("scale", [e, e]), this.localLayer.setAttribute("translate", [-s, -o]), this.serviceLayer.setAttribute("scale", [e, e]), this.serviceLayer.setAttribute("translate", [-s, -o]);
   }
   runBatchPostData() {
-    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
+    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(
+      this.combinePost.bind(this)
+    ));
   }
   combinePostData() {
     var o;
@@ -1914,13 +2106,13 @@ class De {
         for (const i of r.sp) {
           let a = !1;
           for (const c of t)
-            if (ee(i, c)) {
+            if (Y(i, c)) {
               a = !0;
               break;
             }
           a || t.push(i);
         }
-      H(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), H(r.consumeCount) && (s = r.consumeCount);
+      U(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), U(r.consumeCount) && (s = r.consumeCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
@@ -1930,16 +2122,20 @@ class De {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.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.consumeCount === void 0 && delete t.consumeCount, t.fullWorkerDrawCount === void 0 && delete t.fullWorkerDrawCount, (t != null && t.consumeCount || t != null && t.fullWorkerDrawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), z(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
-      sp: [{
-        type: p.Clear
-      }]
+    }), B(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
+      sp: [
+        {
+          type: p.Clear
+        }
+      ]
     });
   }
   consumeDrawAll(t, e) {
@@ -1947,10 +2143,12 @@ class De {
     if (o) {
       const r = o.toString();
       if (s && this.topWork.canUseTopLayer(s)) {
-        t === g.Local && (this.topWork.getLocalWorkShape(o.toString()) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
+        t === v.Local && (this.topWork.getLocalWorkShape(
+          o.toString()
+        ) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
         return;
       }
-      t === g.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
+      t === v.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
     }
   }
   consumeDraw(t, e) {
@@ -1958,17 +2156,17 @@ class De {
     if (o && r && s) {
       const i = o.toString();
       if (this.topWork.canUseTopLayer(r)) {
-        t === g.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
+        t === v.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
         return;
       }
-      t === g.Local ? (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(e), this.localWork.consumeDraw(e, this.serviceWork)) : t === g.Service && this.serviceWork.consumeDraw(e);
+      t === v.Local ? (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(e), this.localWork.consumeDraw(e, this.serviceWork)) : t === v.Service && this.serviceWork.consumeDraw(e);
       return;
     }
   }
   async updateCamera(t) {
     var o;
     const { cameraOpt: e, scenePath: s } = t;
-    if (e && !ee(this.cameraOpt, e)) {
+    if (e && !Y(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
         let n = !1;
         for (const [h, l] of this.localWork.getWorkShapes().entries())
@@ -1981,20 +2179,20 @@ class De {
             case f.LaserPen:
               break;
             default:
-              h !== F && h !== T && (n = !0);
+              h !== E && h !== L && (n = !0);
               break;
           }
         if (n) {
           this.taskUpdateCameraId = setTimeout(() => {
             this.taskUpdateCameraId = void 0, this.updateCamera(t);
-          }, Y);
+          }, Z);
           return;
         }
       }
       const r = /* @__PURE__ */ new Map();
       for (const [n, h] of this.vNodes.getNodesByType(f.Text).entries()) {
         const l = h.rect;
-        r.set(n, ie(l));
+        r.set(n, se(l));
       }
       const i = new Set(r.keys());
       let a = !1;
@@ -2021,21 +2219,24 @@ class De {
         for (const [n, h] of r.entries()) {
           const l = this.vNodes.get(n);
           if (l) {
-            const m = h, d = l.rect, S = this.getSceneRect(), y = G(m, S), w = G(d, S);
-            let v = !1;
-            if ((y !== w || m.w !== d.w || m.h !== d.h || w === Q.intersect) && (v = !0), v) {
-              const { toolsType: C, opt: x } = l;
-              C === f.Text && x.workState === W.Done && this.debounceUpdateCache.add(n);
+            const m = h, d = l.rect, k = this.getSceneRect(), S = H(m, k), y = H(d, k);
+            let I = !1;
+            if ((S !== y || m.w !== d.w || m.h !== d.h || y === j.intersect) && (I = !0), I) {
+              const { toolsType: g, opt: w } = l;
+              g === f.Text && w.workState === W.Done && this.debounceUpdateCache.add(n);
             }
           }
         }
         if (a && this.localWork.reRenderSelector(), c)
-          for (const [n, h] of this.serviceWork.selectorWorkShapes.entries())
+          for (const [
+            n,
+            h
+          ] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
               workId: n,
               selectIds: h.selectIds,
               msgType: p.Select,
-              dataType: g.Service,
+              dataType: v.Service,
               viewId: this.viewId
             });
         this.debounceUpdateCameraId = setTimeout(() => {
@@ -2046,25 +2247,27 @@ class De {
             if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
               const d = this.vNodes.get(l);
               if (d) {
-                const { toolsType: S, opt: y, rect: w } = d, v = this.localWork.setFullWork({
-                  toolsType: S,
-                  opt: y,
+                const { toolsType: k, opt: S, rect: y } = d, I = this.localWork.setFullWork({
+                  toolsType: k,
+                  opt: S,
                   workId: l
                 });
-                if (v) {
-                  const C = this.getSceneRect(), x = G(w, C);
-                  n.push(v.consumeServiceAsync({
-                    isFullWork: !0,
-                    replaceId: l,
-                    isDrawLabel: x !== Q.outside
-                  }));
+                if (I) {
+                  const g = this.getSceneRect(), w = H(y, g);
+                  n.push(
+                    I.consumeServiceAsync({
+                      isFullWork: !0,
+                      replaceId: l,
+                      isDrawLabel: w !== j.outside
+                    })
+                  );
                 }
               }
             }
             this.debounceUpdateCache.delete(l);
           }
           this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-        }, Y);
+        }, Z);
       }
     }
   }
@@ -2078,7 +2281,7 @@ class De {
     };
   }
   createScene(t) {
-    return new oe({
+    return new ee({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2089,7 +2292,7 @@ class De {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), c = new re({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), c = new te({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2111,7 +2314,7 @@ class De {
     this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), R(this.fullLayer, this.fullLayer.parent), this.topLayer.remove(), R(this.topLayer, this.topLayer.parent), this.localLayer.remove(), R(this.localLayer, this.localLayer.parent), this.serviceLayer.remove(), R(this.serviceLayer, this.serviceLayer.parent), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
   }
 }
-class Oe {
+class Ce {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2123,7 +2326,14 @@ class Oe {
     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 === P ? 6e3 : 3e3, contextType: "2d" });
+    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;
@@ -2185,44 +2395,50 @@ class Oe {
       if (!i || !a || !c || !n)
         return;
       let l = i;
-      if (a === se.Iconify) {
-        const [y, w] = this.getIconSize(c, n, this.opt.displayer.dpr);
-        l = `${i}?width=${y}&height=${w}&color=${h}`;
+      if (a === J.Iconify) {
+        const [S, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
+        l = `${i}?width=${S}&height=${y}&color=${h}`;
       }
       if (this.cacheImages.has(l)) {
-        const y = this.getCachedImages(l);
-        if (y)
-          return y;
+        const S = this.getCachedImages(l);
+        if (S)
+          return S;
       }
       if (this.imageResolveMap.has(l)) {
-        const y = this.getCachedImagesByWorkId(r);
-        if (y)
-          return y;
+        const S = this.getCachedImagesByWorkId(r);
+        if (S)
+          return S;
       }
-      const S = await new Promise((y) => {
-        const w = this.imageResolveMap.get(l) || {
+      const k = await new Promise((S) => {
+        const y = this.imageResolveMap.get(l) || {
           resolve: void 0,
           timer: void 0
         };
-        w.timer && clearTimeout(w.timer), w.resolve = y, w.timer = setTimeout(() => {
-          const v = this.imageResolveMap.get(l);
-          v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, w), this.opt.post({
-          sp: [{
-            imageSrc: l,
-            workId: r,
-            viewId: this.viewId,
-            isgl: !!this.fullLayer.parent.gl,
-            isSubWorker: !0,
-            type: p.GetImageBitMap
-          }]
+        y.timer && clearTimeout(y.timer), y.resolve = S, y.timer = setTimeout(() => {
+          const I = this.imageResolveMap.get(l);
+          I != null && I.resolve && I.resolve(l);
+        }, 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: p.GetImageBitMap
+            }
+          ]
         });
       });
-      return this.imageResolveMap.delete(S), this.getCachedImages(l);
+      return this.imageResolveMap.delete(k), this.getCachedImages(l);
     }
   }
   createWorkShapeNode(t) {
-    return $({ ...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;
@@ -2238,7 +2454,7 @@ class Oe {
   }
   async runFullWork(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && U(t.ops);
+    const e = this.setFullWork(t), s = t.ops && F(t.ops);
     if (e) {
       let r, i;
       const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
@@ -2253,7 +2469,7 @@ class Oe {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), V(r, i);
+      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), $(r, i);
     }
   }
   async getSnapshot(t) {
@@ -2271,10 +2487,10 @@ class Oe {
                 opt: l,
                 workId: n,
                 msgType: p.FullWork,
-                dataType: g.Service,
+                dataType: v.Service,
                 viewId: this.viewId
               }, d = await this.runFullWork(m);
-              a = V(a, d);
+              a = $(a, d);
               break;
             }
           }
@@ -2296,21 +2512,33 @@ class Oe {
   }
   getRectImageBitmap(t, e) {
     const s = Math.floor(t.x * this.opt.displayer.dpr), o = Math.floor(t.y * this.opt.displayer.dpr), r = t.w > 0 && Math.floor(t.w * this.opt.displayer.dpr || 1) || 1, i = t.h > 0 && Math.floor(t.h * this.opt.displayer.dpr || 1) || 1;
-    return createImageBitmap(this.fullLayer.parent.canvas, s, o, r, i, e);
+    return createImageBitmap(
+      this.fullLayer.parent.canvas,
+      s,
+      o,
+      r,
+      i,
+      e
+    );
   }
   async getSnapshotRender(t) {
     var r;
     const { scenePath: e, options: s } = t;
     ((r = this.fullLayer) == null ? void 0 : r.parent).render();
-    const o = await this.getRectImageBitmap(this.getSceneRect(), s);
+    const o = await this.getRectImageBitmap(
+      this.getSceneRect(),
+      s
+    );
     o && (this.post({
-      sp: [{
-        type: p.Snapshot,
-        scenePath: e,
-        imageBitmap: o,
-        viewId: this.viewId
-      }]
-    }), this.fullLayer && z(this.fullLayer, this.fullLayer.parent));
+      sp: [
+        {
+          type: p.Snapshot,
+          scenePath: e,
+          imageBitmap: o,
+          viewId: this.viewId
+        }
+      ]
+    }), this.fullLayer && B(this.fullLayer, this.fullLayer.parent));
   }
   async getBoundingRect(t) {
     const { scenePath: e, scenes: s, cameraOpt: o } = t;
@@ -2326,19 +2554,21 @@ class Oe {
                 ...a,
                 workId: i,
                 msgType: p.FullWork,
-                dataType: g.Service,
+                dataType: v.Service,
                 viewId: this.viewId
               });
-              r = V(r, c);
+              r = $(r, c);
               break;
             }
           }
       r && this.post({
-        sp: [{
-          type: p.BoundingBox,
-          scenePath: e,
-          rect: r
-        }]
+        sp: [
+          {
+            type: p.BoundingBox,
+            scenePath: e,
+            rect: r
+          }
+        ]
       });
     }
   }
@@ -2347,7 +2577,9 @@ class Oe {
     this.updateScene({ width: r, height: i }), this.fullLayer.setAttribute("scale", [e, e]), this.fullLayer.setAttribute("translate", [-s, -o]);
   }
   runBatchPostData() {
-    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
+    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(
+      this.combinePost.bind(this)
+    ));
   }
   combinePostData() {
     var e;
@@ -2358,7 +2590,7 @@ class Oe {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (pe(o, i)) {
+            if (le(o, i)) {
               r = !0;
               break;
             }
@@ -2370,11 +2602,13 @@ class Oe {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
+    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, (o = t.sp) != null && o.length && this.opt.post(t);
   }
   createScene(t) {
-    return new oe({
+    return new ee({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2384,7 +2618,7 @@ class Oe {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), c = new re({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), c = new te({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2406,7 +2640,7 @@ class Oe {
     this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), R(this.fullLayer, this.fullLayer.parent), this.scene.remove();
   }
 }
-class _e {
+class Ue {
   constructor(t) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "snapshotThread");
@@ -2415,88 +2649,97 @@ class _e {
   }
   post(t) {
     const { fullWorkerDrawCount: e, sp: s, workerTasksqueueCount: o, consumeCount: r } = t;
-    this.master.isBusy && K(o) && this.master.setWorkerTasksqueueCount(o), K(e) && this.master.setMaxDrawCount(e), K(r) && this.master.setConsumeCount(r), s && this.master.collectorSyncData(s);
+    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 De(t, e);
+    return new be(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Oe(t, e);
+    return new Ce(t, e);
   }
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: a, viewId: c, tasksqueue: n, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: S } = i;
+      const {
+        msgType: a,
+        viewId: c,
+        tasksqueue: n,
+        mainTasksqueueCount: h,
+        layerOpt: l,
+        offscreenCanvasOpt: m,
+        cameraOpt: d,
+        isSubWorker: k
+      } = i;
       if (a === p.Console) {
         console.log(this);
         continue;
       }
       if (a === p.Init) {
-        const w = (e = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : e.displayer, v = w == null ? void 0 : w.canvasContainerRef.current;
-        if (w && v && l && m) {
-          const C = this.createMainThread(c, {
-            displayer: w,
-            container: v,
+        const y = (e = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : e.displayer, I = y == null ? void 0 : y.canvasContainerRef.current;
+        if (y && I && l && m) {
+          const g = this.createMainThread(c, {
+            displayer: y,
+            container: I,
             layerOpt: l,
             master: this.master,
             canvasOpt: m,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(c, C), C && d && C.setCameraOpt(d);
+          this.mainThreadMap.set(c, g), g && d && g.setCameraOpt(d);
         }
         continue;
       }
       if ((a === p.Snapshot || a === p.BoundingBox) && c === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        const w = (o = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : o.displayer, v = (r = w.snapshotContainerRef) == null ? void 0 : r.current;
-        if (w && v && d) {
-          v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
-          const C = {
-            ...J.defaultLayerOpt,
+        const y = (o = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : o.displayer, I = (r = y.snapshotContainerRef) == null ? void 0 : r.current;
+        if (y && I && d) {
+          I.style.width = `${d.width}px`, I.style.height = `${d.height}px`;
+          const g = {
+            ...X.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
             height: d.height
-          }, x = {
-            ...J.defaultScreenCanvasOpt,
+          }, w = {
+            ...X.defaultScreenCanvasOpt,
             width: d.width,
             height: d.height
           };
           this.snapshotThread = this.createSnapshotThread(c, {
-            displayer: w,
-            container: v,
-            layerOpt: C,
+            displayer: y,
+            container: I,
+            layerOpt: g,
             master: this.master,
-            canvasOpt: x,
+            canvasOpt: w,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
-            this.snapshotThread = void 0, v.innerHTML = "", v.style.width = "", v.style.height = "";
+            this.snapshotThread = void 0, I.innerHTML = "", I.style.width = "", I.style.height = "";
           });
           continue;
         }
       }
-      if (a === p.GetImageBitMap && S && this.snapshotThread) {
+      if (a === p.GetImageBitMap && k && this.snapshotThread) {
         this.snapshotThread.on(i);
         continue;
       }
       if (a === p.TasksQueue && (n != null && n.size)) {
-        for (const [w, v] of this.mainThreadMap.entries()) {
-          const C = n.get(w);
-          C && (await v.on(C), h && this.post({ workerTasksqueueCount: h }));
+        for (const [y, I] of this.mainThreadMap.entries()) {
+          const g = n.get(y);
+          g && (await I.on(g), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (c === de) {
-        for (const w of this.mainThreadMap.values())
-          w.on(i), a === p.Destroy && this.mainThreadMap.delete(c);
+      if (c === he) {
+        for (const y of this.mainThreadMap.values())
+          y.on(i), a === p.Destroy && this.mainThreadMap.delete(c);
         continue;
       }
-      const y = this.mainThreadMap.get(c);
-      y && (y.on(i), a === p.Destroy && this.mainThreadMap.delete(c));
+      const S = this.mainThreadMap.get(c);
+      S && (S.on(i), a === p.Destroy && this.mainThreadMap.delete(c));
     }
   }
 }
 export {
-  _e as MainThreadManagerImpl
+  Ue as MainThreadManagerImpl
 };