@netless/appliance-plugin 1.0.8 → 1.0.10

package/dist/{index-DBzmxM2f.mjs → index-C4KNxHht.mjs}

@@ -1,14 +1,14 @@
-var se = Object.defineProperty;
-var oe = (I, t, e) => t in I ? se(I, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : I[t] = e;
-var d = (I, t, e) => oe(I, typeof t != "symbol" ? t + "" : t, e);
-import { E as f, a as T, i as re, c as C, b as ie, d as ae, e as z, f as x, g as ne, D as F, h as w, j as B, t as P, k as p, S as Y, l as N, m as V, n as ce, C as H, o as le, p as v, M as A, T as $, q as _, r as Z, s as he, u as j, V as G, v as pe } from "./index-CWXxYSm5.mjs";
-import { Scene as Q, Group as J } from "spritejs";
-import { cloneDeep as ee, xor as de, isEqual as X, isNumber as ue } from "lodash";
+var te = Object.defineProperty;
+var se = (N, t, e) => t in N ? te(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
+var d = (N, t, e) => se(N, typeof t != "symbol" ? t + "" : t, e);
+import { E as f, a as I, i as oe, c as R, b as re, d as ie, e as B, f as A, g as ae, D as x, h as w, j as U, t as F, k as p, S as X, l as L, m as K, n as ce, C as _, o as ne, p as T, M as C, T as G, q as z, r as V, s as le, u as $, V as Z, v as he } from "./index-CIJP6_Qj.mjs";
+import { Scene as Y, Group as Q } from "spritejs";
+import { cloneDeep as J, xor as pe, isEqual as j, isNumber as de } from "lodash";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
 import "react";
-class fe {
+class ue {
   constructor(t, e) {
     d(this, "viewId");
     d(this, "scene");
@@ -27,7 +27,7 @@ class fe {
   getUnLockNodes() {
     const t = /* @__PURE__ */ new Map();
     for (const [e, s] of this.curNodeMap.entries())
-      s.toolsType === f.Image && s.opt.locked || s.toolsType === f.Text && (s.opt.workState === T.Doing || s.opt.workState === T.Start) || t.set(e, s);
+      s.toolsType === f.Image && s.opt.locked || s.toolsType === f.Text && (s.opt.workState === I.Doing || s.opt.workState === I.Start) || t.set(e, s);
     return t;
   }
   getNodesByType(t) {
@@ -39,7 +39,7 @@ class fe {
   hasRenderNodes() {
     let t = !1;
     for (const e of this.curNodeMap.values())
-      re(e) && (t = !0);
+      oe(e) && (t = !0);
     return t;
   }
   has(t) {
@@ -50,7 +50,7 @@ class fe {
       name: t,
       rect: e.rect
     };
-    e.rect && (s.rect = C(e.rect)), e.op && ie(e.op) && (s.op = C(e.op)), e.canRotate && (s.canRotate = e.canRotate), e.scaleType && (s.scaleType = e.scaleType), e.opt && (s.opt = C(e.opt)), e.toolsType && (s.toolsType = e.toolsType), e.centerPos && (s.centerPos = C(e.centerPos)), ae(e.isSelected) && (s.isSelected = e.isSelected), s.rect ? this.curNodeMap.set(t, s) : this.curNodeMap.delete(t);
+    e.rect && (s.rect = R(e.rect)), e.op && re(e.op) && (s.op = R(e.op)), e.canRotate && (s.canRotate = e.canRotate), e.scaleType && (s.scaleType = e.scaleType), e.opt && (s.opt = R(e.opt)), e.toolsType && (s.toolsType = e.toolsType), e.centerPos && (s.centerPos = R(e.centerPos)), ie(e.isSelected) && (s.isSelected = e.isSelected), s.rect ? this.curNodeMap.set(t, s) : this.curNodeMap.delete(t);
   }
   selected(t) {
     this.setInfo(t, { isSelected: !0 });
@@ -66,8 +66,8 @@ class fe {
   }
   hasRectIntersectRange(t, e = !0) {
     for (const s of this.curNodeMap.values())
-      if (z(t, s.rect)) {
-        if (e && s.toolsType === f.Image && s.opt.locked || e && s.toolsType === f.Text && (s.opt.workState === T.Doing || s.opt.workState === T.Start))
+      if (B(t, s.rect)) {
+        if (e && s.toolsType === f.Image && s.opt.locked || e && s.toolsType === f.Text && (s.opt.workState === I.Doing || s.opt.workState === I.Start))
           continue;
         return !0;
       }
@@ -76,11 +76,11 @@ class fe {
   getRectIntersectRange(t, e = !0, s = !0) {
     let o;
     const r = /* @__PURE__ */ new Map();
-    for (const [i, n] of this.curNodeMap.entries())
-      if (z(t, n.rect)) {
-        if (e && n.toolsType === f.Image && n.opt.locked || s && n.toolsType === f.Text && (n.opt.workState === T.Doing || n.opt.workState === T.Start))
+    for (const [i, a] of this.curNodeMap.entries())
+      if (B(t, a.rect)) {
+        if (e && a.toolsType === f.Image && a.opt.locked || s && a.toolsType === f.Text && (a.opt.workState === I.Doing || a.opt.workState === I.Start))
           continue;
-        o = x(o, n.rect), r.set(i, n);
+        o = A(o, a.rect), r.set(i, a);
       }
     return {
       rectRange: o,
@@ -88,7 +88,7 @@ class fe {
     };
   }
   getNodeRectFormShape(t, e) {
-    const s = ne(e.toolsType);
+    const s = ae(e.toolsType);
     return this.fullLayer && (s == null ? void 0 : s.getRectFromLayer(this.fullLayer, t));
   }
   updateNodeRect(t) {
@@ -118,19 +118,19 @@ class fe {
   combineIntersectRect(t) {
     let e = t;
     return this.curNodeMap.forEach((s) => {
-      z(e, s.rect) && (e = x(e, s.rect));
+      B(e, s.rect) && (e = A(e, s.rect));
     }), e;
   }
   setTargetAssignKeys(t) {
     const e = /* @__PURE__ */ new Map();
     for (const s of t) {
       const o = this.curNodeMap.get(s);
-      o && e.set(s, C(o));
+      o && e.set(s, R(o));
     }
-    return this.targetNodeMap.push(C(e)), this.targetNodeMap.length - 1;
+    return this.targetNodeMap.push(R(e)), this.targetNodeMap.length - 1;
   }
   setTarget() {
-    return this.targetNodeMap.push(C(this.curNodeMap)), this.targetNodeMap.length - 1;
+    return this.targetNodeMap.push(R(this.curNodeMap)), this.targetNodeMap.length - 1;
   }
   getLastTarget() {
     return this.targetNodeMap[this.targetNodeMap.length - 1];
@@ -148,7 +148,7 @@ class fe {
     this.targetNodeMap.length = 0;
   }
 }
-class Se {
+class fe {
   constructor(t) {
     d(this, "vNodes");
     d(this, "thread");
@@ -156,7 +156,7 @@ class Se {
     d(this, "localWorkShapes", /* @__PURE__ */ new Map());
     d(this, "tmpOpt");
     d(this, "animationId");
-    d(this, "syncUnitTime", F.syncOpt.interval);
+    d(this, "syncUnitTime", x.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   createLocalWork(t) {
@@ -181,7 +181,7 @@ class Se {
       return o && this.localWorkShapes.set(t, {
         node: o,
         toolsType: o.toolsType,
-        workState: T.Start
+        workState: I.Start
       }), o;
     }
   }
@@ -205,7 +205,7 @@ class Se {
       if (!r)
         return;
       const i = r.node.consume({ data: t, isFullWork: !1, isSubWorker: !0 });
-      i.rect && (r.result = i, r.workState = T.Doing, o && this.localWorkShapes.set(o, r));
+      i.rect && (r.result = i, r.workState = I.Doing, o && this.localWorkShapes.set(o, r));
     }
     this.runAnimation();
   }
@@ -219,31 +219,31 @@ class Se {
   createWorkShapeNode(t) {
     const { toolsType: e } = t;
     if (e === f.LaserPen)
-      return B({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
+      return U({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
   }
   setNodeKey(t, e, s, o) {
     return e.toolsType = s, e.node = this.createWorkShapeNode({ workId: t, toolsType: s, toolsOpt: o }), e;
   }
   activeServiceWorkShape(t) {
     var S, u;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: n, op: c } = t;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n } = t;
     if (!e)
       return;
-    const a = e.toString(), h = (S = this.vNodes.get(a)) == null ? void 0 : S.rect;
-    if (!((u = this.serviceWorkShapes) != null && u.has(a))) {
+    const c = e.toString(), h = (S = this.vNodes.get(c)) == null ? void 0 : S.rect;
+    if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
       let y = {
         toolsType: o,
-        animationWorkData: c || [],
+        animationWorkData: n || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
-        ops: n,
+        ops: a,
         oldRect: h
       };
-      o && s && (y = this.setNodeKey(a, y, o, s)), this.serviceWorkShapes.set(a, y);
+      o && s && (y = this.setNodeKey(c, y, o, s)), this.serviceWorkShapes.set(c, y);
     }
-    const l = this.serviceWorkShapes.get(a);
-    r && (l.type = r), n && (l.animationWorkData = P(n), l.ops = n), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== a && l.node.setWorkId(a), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(a, l, o, s), l.node && l.node.setWorkOptions(s));
+    const l = this.serviceWorkShapes.get(c);
+    r && (l.type = r), a && (l.animationWorkData = F(a), l.ops = a), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(c, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -251,50 +251,50 @@ class Se {
     return Math.min((t.animationIndex || 0) + (o || e), (t.animationWorkData || []).length);
   }
   animationDraw() {
-    var o, r, i, n;
+    var o, r, i, a;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [c, a] of this.serviceWorkShapes.entries())
-      switch (a.toolsType) {
+    for (const [n, c] of this.serviceWorkShapes.entries())
+      switch (c.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(a, 8), S = Math.max(0, a.animationIndex || 0), u = (a.animationWorkData || []).slice(S, l);
-          if ((a.animationIndex || 0) < l && ((o = a.node) == null || o.consumeService({
+          const l = this.computNextAnimationIndex(c, 8), S = Math.max(0, c.animationIndex || 0), u = (c.animationWorkData || []).slice(S, l);
+          if ((c.animationIndex || 0) < l && ((o = c.node) == null || o.consumeService({
             op: u,
             isFullWork: !1
-          }), a.animationIndex = l, u.length && e.set(c, {
-            workState: S === 0 ? T.Start : l === ((r = a.animationWorkData) == null ? void 0 : r.length) ? T.Done : T.Doing,
+          }), c.animationIndex = l, u.length && e.set(n, {
+            workState: S === 0 ? I.Start : l === ((r = c.animationWorkData) == null ? void 0 : r.length) ? I.Done : I.Doing,
             op: u.slice(-2)
-          })), a.isDel) {
-            (i = a.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(c);
+          })), c.isDel) {
+            (i = c.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(n);
             break;
           }
-          a.ops && a.animationIndex === ((n = a.animationWorkData) == null ? void 0 : n.length) && !a.isDel && (this.thread.topLayer.getElementsByName(c.toString())[0] || (a.isDel = !0, this.serviceWorkShapes.set(c, a))), t = !0;
+          c.ops && c.animationIndex === ((a = c.animationWorkData) == null ? void 0 : a.length) && !c.isDel && (this.thread.topLayer.getElementsByName(n.toString())[0] || (c.isDel = !0, this.serviceWorkShapes.set(n, c))), t = !0;
           break;
         }
       }
-    for (const [c, a] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: S, workState: u } = a;
+    for (const [n, c] of this.localWorkShapes.entries()) {
+      const { result: h, toolsType: l, isDel: S, workState: u } = c;
       switch (l) {
         case f.LaserPen: {
           if (S) {
-            a.node.clearTmpPoints(), this.localWorkShapes.delete(c), s.push({
-              removeIds: [c.toString()],
+            c.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
+              removeIds: [n.toString()],
               type: p.RemoveNode
             });
             break;
           }
-          h && ((h.op || h.ops) && s.push(h), a.result = void 0), !this.thread.topLayer.getElementsByName(c.toString())[0] && u === T.Done && (a.isDel = !0, this.localWorkShapes.set(c, a)), t = !0;
+          h && ((h.op || h.ops) && s.push(h), c.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && u === I.Done && (c.isDel = !0, this.localWorkShapes.set(n, c)), t = !0;
           break;
         }
       }
     }
-    t && this.runAnimation(), e.size && e.forEach((c, a) => {
+    t && this.runAnimation(), e.size && e.forEach((n, c) => {
       s.push({
         type: p.Cursor,
-        uid: a.split(Y)[0],
-        op: c.op,
-        workState: c.workState,
+        uid: c.split(X)[0],
+        op: n.op,
+        workState: n.workState,
         viewId: this.thread.viewId
       });
     }), s.length && this.thread.post({ sp: s });
@@ -310,7 +310,7 @@ class Se {
       this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: r, toolsOpt: e }), s && this.localWorkShapes.set(t, {
         node: s,
         toolsType: r,
-        workState: T.Start
+        workState: I.Start
       }), this.setToolsOpt(this.tmpOpt);
     }
     e != null && e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s && s.setWorkOptions(e);
@@ -324,12 +324,12 @@ class Se {
       if (!r)
         return;
       const i = r.node.consumeAll({ data: t });
-      r.result = i, r.workState = T.Done, o && this.localWorkShapes.set(o, r);
+      r.result = i, r.workState = I.Done, o && this.localWorkShapes.set(o, r);
     }
     this.runAnimation();
   }
 }
-class ke {
+class Se {
   constructor(t) {
     d(this, "vNodes");
     d(this, "thread");
@@ -338,14 +338,17 @@ class ke {
     d(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     d(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     d(this, "tmpOpt");
-    d(this, "syncUnitTime", F.syncOpt.interval);
+    d(this, "syncUnitTime", x.syncOpt.interval);
     d(this, "drawCount", 0);
     d(this, "drawWorkActiveId");
-    d(this, "batchEraserCombine", le(() => {
+    d(this, "batchEraserCombine", ne(() => {
       this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
     }, 100, { leading: !1 }));
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
+  async loadImageBitMap(t) {
+    return this.thread.loadImageBitMap(t);
+  }
   createLocalWork(t) {
     const { workId: e, opt: s, toolsType: o } = t;
     if (e && s) {
@@ -367,42 +370,40 @@ class ke {
       }, e);
   }
   async updateSelector(t) {
-    var u;
-    const e = this.workShapes.get(N);
-    if (!((u = e == null ? void 0 : e.selectIds) != null && u.length)) return;
-    const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i, scene: n } = o, c = await (e == null ? void 0 : e.updateSelector({
+    var S;
+    const e = this.workShapes.get(L);
+    if (!((S = e == null ? void 0 : e.selectIds) != null && S.length)) return;
+    const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
-      selectIds: ee(e.selectIds),
+      selectIds: J(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
-      worker: this,
-      scene: n,
-      isMainThread: !0
-    })), a = /* @__PURE__ */ new Map();
-    let h;
-    c != null && c.selectIds && (h = de(e.selectIds, c.selectIds), c.selectIds.forEach((y) => {
-      const m = this.vNodes.get(y);
-      if (m) {
-        const { toolsType: g, op: W, opt: M } = m;
-        a.set(y, {
-          opt: M,
-          toolsType: g,
-          ops: (W == null ? void 0 : W.length) && V(W) || void 0
+      worker: this
+    })), n = /* @__PURE__ */ new Map();
+    let c;
+    a != null && a.selectIds && (c = pe(e.selectIds, a.selectIds), a.selectIds.forEach((u) => {
+      const y = this.vNodes.get(u);
+      if (y) {
+        const { toolsType: m, op: v, opt: W } = y;
+        n.set(u, {
+          opt: W,
+          toolsType: m,
+          ops: (v == null ? void 0 : v.length) && K(v) || void 0
         });
       }
-    }), e.selectIds = c.selectIds);
-    const l = [], S = s && s({
-      res: c,
+    }), e.selectIds = a.selectIds);
+    const h = [], l = s && s({
+      res: a,
       workShapeNode: e,
       param: o,
-      postData: { sp: l },
-      newServiceStore: a
-    }) || { sp: l };
-    h && S.sp.push({
+      postData: { sp: h },
+      newServiceStore: n
+    }) || { sp: h };
+    c && l.sp.push({
       type: p.RemoveNode,
-      removeIds: h,
+      removeIds: c,
       viewId: this.thread.viewId
-    }), S.sp.length && this.thread.post(S);
+    }), l.sp.length && this.thread.post(l);
   }
   destroy() {
     this.clearAll();
@@ -410,7 +411,7 @@ class ke {
   clearAll() {
     if (this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(N)) {
+    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(L)) {
       const e = [];
       e.push({
         type: p.Select,
@@ -426,9 +427,9 @@ class ke {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: n, name: c, toolsType: a, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], S = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (a === f.Text && ce([l, S], n) && h.workState === T.Done) {
-          r = c;
+        const { rect: a, name: n, toolsType: c, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], S = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
+        if (c === f.Text && ce([l, S], a) && h.workState === I.Done) {
+          r = n;
           break;
         }
       }
@@ -448,36 +449,36 @@ class ke {
   }
   cursorHover(t) {
     const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: H,
+      workId: _,
       toolsType: s,
       opt: e
     });
     r && o && r.cursorHover(o);
   }
   updateFullSelectWork(t) {
-    var o, r, i, n, c;
-    const e = this.workShapes.get(N), { selectIds: s } = t;
+    var o, r, i, a, n;
+    const e = this.workShapes.get(L), { selectIds: s } = t;
     if (!(s != null && s.length)) {
       this.blurSelector(t);
       return;
     }
     if (!e) {
-      const a = this.setFullWork(t);
-      !a && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), a && this.updateFullSelectWork(t);
+      const c = this.setFullWork(t);
+      !c && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), c && this.updateFullSelectWork(t);
       return;
     }
     if (e && (s != null && s.length)) {
-      const { selectRect: a } = e.updateSelectIds(s), h = [{
+      const { selectRect: c } = e.updateSelectIds(s), h = [{
         ...t,
         selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
         strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
-        fillColor: ((n = t.opt) == null ? void 0 : n.fillColor) || e.fillColor,
-        textOpt: ((c = t.opt) == null ? void 0 : c.textOpt) || e.textOpt,
+        fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
+        textOpt: ((n = t.opt) == null ? void 0 : n.textOpt) || e.textOpt,
         canTextEdit: e.canTextEdit,
         canRotate: e.canRotate,
         scaleType: e.scaleType,
         type: p.Select,
-        selectRect: a,
+        selectRect: c,
         points: e.getChildrenPoints(),
         willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
         opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
@@ -503,16 +504,16 @@ class ke {
       };
   }
   async removeSelector(t) {
-    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(N);
+    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(L);
     if (!r)
       return;
     const i = r.selectIds && [...r.selectIds] || [];
-    for (const n of i) {
-      if (this.vNodes.get(n)) {
-        const a = this.commandDeleteText(n);
-        a && s.push(a);
+    for (const a of i) {
+      if (this.vNodes.get(a)) {
+        const c = this.commandDeleteText(a);
+        c && s.push(c);
       }
-      this.removeNode(n), o.push(n);
+      this.removeNode(a), o.push(a);
     }
     o.length && s.push({
       type: p.RemoveNode,
@@ -547,26 +548,25 @@ class ke {
       }), i ? (this.workShapes.set(r, i), i) : void 0;
     }
   }
-  async consumeFull(t, e) {
-    var r;
-    const s = this.setFullWork(t), o = t.ops && P(t.ops);
-    if (s) {
-      const i = (r = t.workId) == null ? void 0 : r.toString();
-      s.toolsType === f.Image && e ? await s.consumeServiceAsync({
-        scene: e,
+  async consumeFull(t) {
+    var o;
+    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({
         isFullWork: !0,
-        replaceId: i,
-        isMainThread: !0
-      }) : s.toolsType === f.Text ? await s.consumeServiceAsync({
+        replaceId: r,
+        worker: this
+      }) : e.toolsType === f.Text ? await e.consumeServiceAsync({
         isFullWork: !0,
-        replaceId: i
-      }) : s.consumeService({
-        op: o,
+        replaceId: r
+      }) : e.consumeService({
+        op: s,
         isFullWork: !0,
-        replaceId: i
-      }), t != null && t.updateNodeOpt && s.updataOptService(t.updateNodeOpt);
-      const n = [];
-      t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && n.push({
+        replaceId: r
+      }), t != null && t.updateNodeOpt && e.updataOptService(t.updateNodeOpt);
+      const i = [];
+      t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && i.push({
         opt: t.opt,
         toolsType: t.toolsType,
         type: p.FullWork,
@@ -574,11 +574,11 @@ class ke {
         ops: t.ops,
         updateNodeOpt: t.updateNodeOpt,
         viewId: this.thread.viewId
-      }), n.length && this.thread.post({ sp: n });
+      }), i.length && this.thread.post({ sp: i });
     }
   }
   async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(N), { 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) => {
         setTimeout(() => {
@@ -593,45 +593,44 @@ class ke {
     return t;
   }
   async runEffectSelectWork(t) {
-    var e, s, o;
-    for (const r of this.effectSelectNodeData.values()) {
-      const i = this.setFullWork(r);
-      if (i) {
-        const n = (e = r.workId) == null ? void 0 : e.toString();
-        if (i.toolsType === f.Image)
-          await i.consumeServiceAsync({
-            scene: (o = (s = this.thread.localLayer) == null ? void 0 : s.parent) == null ? void 0 : o.parent,
+    var e;
+    for (const s of this.effectSelectNodeData.values()) {
+      const o = this.setFullWork(s);
+      if (o) {
+        const r = (e = s.workId) == null ? void 0 : e.toString();
+        if (o.toolsType === f.Image)
+          await o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: n,
-            isMainThread: !0
+            replaceId: r,
+            worker: this
           });
-        else if (i.toolsType === f.Text)
-          await i.consumeServiceAsync({
+        else if (o.toolsType === f.Text)
+          await o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: n
+            replaceId: r
           });
         else {
-          const c = r.ops && P(r.ops);
-          i.consumeService({
-            op: c,
+          const i = s.ops && F(s.ops);
+          o.consumeService({
+            op: i,
             isFullWork: !0,
-            replaceId: n
-          }), r != null && r.updateNodeOpt && i.updataOptService(r.updateNodeOpt);
+            replaceId: r
+          }), s != null && s.updateNodeOpt && o.updataOptService(s.updateNodeOpt);
         }
-        r.workId && this.workShapes.delete(r.workId.toString());
+        s.workId && this.workShapes.delete(s.workId.toString());
       }
     }
     this.reRenderSelector(t);
   }
   hasSelector() {
-    return this.workShapes.has(N);
+    return this.workShapes.has(L);
   }
   getSelector() {
-    return this.workShapes.get(N);
+    return this.workShapes.get(L);
   }
   reRenderSelector(t = !1) {
     var o;
-    const e = this.workShapes.get(N);
+    const e = this.workShapes.get(L);
     if (!e) return;
     if (e && !((o = e.selectIds) != null && o.length))
       return this.blurSelector();
@@ -664,9 +663,9 @@ class ke {
   }
   async blurSelector(t) {
     var o;
-    const e = this.workShapes.get(N), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(N), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === N && r.remove();
+    const e = this.workShapes.get(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({
@@ -679,6 +678,48 @@ class ke {
     var e;
     (e = this.getWorkShape(t)) == null || e.clearTmpPoints(), this.workShapes.delete(t);
   }
+  drawBitMapEraser(t) {
+    const e = [];
+    t.op && e.push(t), e.length && this.thread.post({ sp: e });
+  }
+  async drawBitMapEraserFull(t, e) {
+    const { willUpdateNodes: s, isLockSentEventCursor: o, scenePath: r, ...i } = e, a = t.getWorkId(), n = [
+      {
+        ...i,
+        workId: a,
+        isLockSentEventCursor: o,
+        scenePath: r,
+        updateNodeOpt: {
+          useAnimation: !1
+        },
+        isSync: !0,
+        nextTasks: [
+          {
+            type: p.RemoveNode,
+            removeIds: [a],
+            viewId: this.thread.viewId
+          }
+        ]
+      }
+    ];
+    if (s != null && s.size) {
+      await (t == null ? void 0 : t.reRenderEffectNodes({
+        willUpdateNodes: s,
+        worker: this
+      }));
+      for (const [c, h] of s)
+        n.push({
+          type: p.UpdateNode,
+          dataType: w.Local,
+          opt: h.opt,
+          workId: c,
+          updateNodeOpt: {
+            useAnimation: !1
+          }
+        });
+    }
+    n.length && this.thread.post({ sp: n });
+  }
   drawPencilEraser(t) {
     var s, o;
     const e = [];
@@ -688,7 +729,7 @@ class ke {
         this.batchEraserWorks.add(i), e.push({
           type: p.FullWork,
           workId: i,
-          ops: V(r.op),
+          ops: K(r.op),
           opt: r.opt,
           toolsType: r.toolsType,
           updateNodeOpt: {
@@ -731,11 +772,11 @@ class ke {
   consumeDraw(t, e) {
     const { op: s, workId: o, scenePath: r } = t;
     if (s != null && s.length && o) {
-      const i = o.toString(), n = this.workShapes.get(i);
-      if (!n)
+      const i = o.toString(), a = this.workShapes.get(i);
+      if (!a)
         return;
-      const c = n.toolsType;
-      if (c === f.LaserPen)
+      const n = a.toolsType;
+      if (n === f.LaserPen)
         return;
       switch (this.drawWorkActiveId && this.drawWorkActiveId !== i && (this.consumeDrawAll({
         workId: this.drawWorkActiveId,
@@ -743,32 +784,40 @@ class ke {
         viewId: this.thread.viewId,
         msgType: p.DrawWork,
         dataType: w.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== N && (this.drawWorkActiveId = i), c) {
+      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== L && (this.drawWorkActiveId = i), n) {
         case f.Selector:
           {
-            const a = n.consume({
+            const c = a.consume({
               data: t,
               isFullWork: !0
             });
-            a.type === p.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
+            c.type === p.Select && (c.selectIds && e.runReverseSelectWork(c.selectIds), this.thread.post({ sp: [c] }));
           }
           break;
         case f.PencilEraser:
           {
-            const a = n.consume({
+            const c = a.consume({
               data: t,
               isFullWork: !0
             });
-            a != null && a.rect && this.drawPencilEraser(a);
+            c != null && c.rect && this.drawPencilEraser(c);
           }
           break;
+        case f.BitMapEraser: {
+          const c = a.consume({
+            data: t,
+            isFullWork: !0
+          });
+          c != null && c.rect && this.drawBitMapEraser(c);
+          break;
+        }
         case f.Eraser:
           {
-            const a = n.consume({
+            const c = a.consume({
               data: t,
               isFullWork: !0
             });
-            a != null && a.rect && this.drawEraser(a);
+            c != null && c.rect && this.drawEraser(c);
           }
           break;
         case f.Arrow:
@@ -780,14 +829,14 @@ class ke {
         case f.SpeechBalloon:
         case f.Pencil:
           {
-            const a = n.consume({
+            const c = a.consume({
               data: t,
               isFullWork: !1,
               isMainThread: !0
             });
-            a && (this.drawCount++, this.thread.post({
+            c && (this.drawCount++, this.thread.post({
               drawCount: this.drawCount,
-              sp: a.op && [{ ...a, scenePath: r }] || void 0
+              sp: c.op && [{ ...c, scenePath: r }] || void 0
             }));
           }
           break;
@@ -795,27 +844,30 @@ class ke {
     }
   }
   consumeDrawAll(t, e) {
-    var r, i, n;
-    const { workId: s, scenePath: o } = t;
+    var i, a, n, c;
+    const { workId: s, scenePath: o, isLockSentEventCursor: r } = t;
     if (s) {
-      const c = s.toString();
-      this.drawWorkActiveId === c && (this.drawWorkActiveId = void 0);
-      const a = this.workShapes.get(c);
-      if (!a)
+      const h = s.toString();
+      this.drawWorkActiveId === h && (this.drawWorkActiveId = void 0);
+      const l = this.workShapes.get(h);
+      if (!l)
         return;
-      const h = a.toolsType;
-      if (h === f.LaserPen)
+      const S = l.toolsType;
+      if (S === f.LaserPen)
         return;
-      const l = this.workShapes.get(H), S = (r = l == null ? void 0 : l.selectIds) == null ? void 0 : r[0], u = a.consumeAll({ data: t });
-      switch (h) {
+      const u = this.workShapes.get(_), y = (i = u == null ? void 0 : u.selectIds) == null ? void 0 : i[0], m = l.consumeAll({ data: t });
+      switch (S) {
         case f.Selector:
-          u.selectIds && S && ((i = u.selectIds) != null && i.includes(S)) && l.cursorBlur(), u.type === p.Select && (u.selectIds && e.runReverseSelectWork(u.selectIds), this.thread.post({ sp: [{ ...u, scenePath: o }] })), (n = a.selectIds) != null && n.length ? a.clearTmpPoints() : this.clearWorkShapeNodeCache(c);
+          m.selectIds && y && ((a = m.selectIds) != null && a.includes(y)) && u.cursorBlur(), m.type === p.Select && (m.selectIds && e.runReverseSelectWork(m.selectIds), this.thread.post({ sp: [{ ...m, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(h);
           break;
         case f.PencilEraser:
-          u != null && u.rect && this.drawPencilEraser({ ...u, scenePath: o }), a.clearTmpPoints();
+          m != null && m.rect && this.drawPencilEraser({ ...m, scenePath: o }), l.clearTmpPoints();
+          break;
+        case f.BitMapEraser:
+          (m.rect || (c = m.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, { ...m, isLockSentEventCursor: r });
           break;
         case f.Eraser:
-          u != null && u.rect && this.drawEraser({ ...u, scenePath: o }), a.clearTmpPoints();
+          m != null && m.rect && this.drawEraser({ ...m, scenePath: o }), l.clearTmpPoints();
           break;
         case f.Arrow:
         case f.Straight:
@@ -825,10 +877,10 @@ class ke {
         case f.Polygon:
         case f.SpeechBalloon:
         case f.Pencil:
-          u && (this.drawCount = 0, this.thread.post({
+          m && (this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
-            sp: [u]
-          })), this.clearWorkShapeNodeCache(c);
+            sp: [m]
+          })), this.clearWorkShapeNodeCache(h);
           break;
       }
     }
@@ -849,10 +901,10 @@ class ke {
     e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
   }
   createWorkShapeNode(t) {
-    return B({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
+    return U({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
-class ye {
+class ke {
   constructor(t) {
     d(this, "vNodes");
     d(this, "thread");
@@ -861,9 +913,12 @@ class ye {
     d(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
     d(this, "runEffectId");
     d(this, "animationId");
-    d(this, "syncUnitTime", F.syncOpt.interval);
+    d(this, "syncUnitTime", x.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
+  async loadImageBitMap(t) {
+    return this.thread.loadImageBitMap(t);
+  }
   destroy() {
     this.clearAll();
   }
@@ -919,31 +974,30 @@ class ye {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, n, c, a, h, l, S, u, y, m, g, W, M;
+    var s, o, r, i, a, n, c, h, l, S, u, y, m, v, W;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [L, k] of this.workShapes.entries())
+    for (const [g, k] of this.workShapes.entries())
       switch (k.toolsType) {
         case f.Image: {
-          await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
+          await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
-            scene: (s = this.thread.fullLayer.parent) == null ? void 0 : s.parent,
-            isMainThread: !0
-          })), this.selectorWorkShapes.forEach((b, D) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-          }), this.workShapes.delete(L);
+            worker: this
+          })), this.selectorWorkShapes.forEach((b, O) => {
+            var M;
+            (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), this.workShapes.delete(g);
           break;
         }
         case f.Text: {
-          k.node && (await ((r = k.node) == null ? void 0 : r.consumeServiceAsync({
+          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: L
-          })), this.selectorWorkShapes.forEach((b, D) => {
-            var O;
-            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-          }), (i = k.node) == null || i.clearTmpPoints(), this.workShapes.delete(L));
+            replaceId: g
+          })), this.selectorWorkShapes.forEach((b, O) => {
+            var M;
+            (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(g));
           break;
         }
         case f.Arrow:
@@ -954,18 +1008,18 @@ class ye {
         case f.Polygon:
         case f.SpeechBalloon: {
           const b = !!k.ops;
-          if ((n = k.animationWorkData) != null && n.length) {
-            const D = k.oldRect;
-            (c = k.node) == null || c.consumeService({
+          if ((i = k.animationWorkData) != null && i.length) {
+            const O = k.oldRect;
+            (a = k.node) == null || a.consumeService({
               op: k.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((O, R) => {
-              var U;
-              (U = O.selectIds) != null && U.includes(L) && (this.willRunEffectSelectorIds.add(R), this.runEffect());
-            }), (a = k.node) == null || a.clearTmpPoints(), this.workShapes.delete(L)), e.set(L, {
-              workState: D ? k.ops ? T.Done : T.Doing : T.Start,
-              op: k.animationWorkData.filter((O, R) => {
-                if (R % 3 !== 2)
+            }), b && (this.selectorWorkShapes.forEach((M, D) => {
+              var P;
+              (P = M.selectIds) != null && P.includes(g) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+            }), (n = k.node) == null || n.clearTmpPoints(), this.workShapes.delete(g)), e.set(g, {
+              workState: O ? k.ops ? I.Done : I.Doing : I.Start,
+              op: k.animationWorkData.filter((M, D) => {
+                if (D % 3 !== 2)
                   return !0;
               }).slice(-2)
             }), k.animationWorkData.length = 0;
@@ -974,42 +1028,42 @@ class ye {
         }
         case f.Pencil: {
           if (!k.useAnimation && k.ops)
-            (h = k.node) == null || h.consumeService({
+            (c = k.node) == null || c.consumeService({
               op: k.animationWorkData || [],
               isFullWork: !0,
-              replaceId: L
-            }), (l = k.node) == null || l.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, D) => {
-              var O;
-              (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-            }), (S = k.node) == null || S.clearTmpPoints(), this.workShapes.delete(L);
+              replaceId: g
+            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, O) => {
+              var M;
+              (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
+            }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(g);
           else if (k.useAnimation) {
             if (k.isDel) {
-              (u = k.node) == null || u.clearTmpPoints(), this.workShapes.delete(L);
+              (S = k.node) == null || S.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), R = (k.animationWorkData || []).slice(O, D), U = (m = (y = k.node) == null ? void 0 : y.getWorkId()) == null ? void 0 : m.toString();
-            if ((k.animationIndex || 0) < D || k.isDiff) {
-              if ((g = k.node) == null || g.consumeService({
-                op: R,
+            const b = 3, O = this.computNextAnimationIndex(k, b), M = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), D = (k.animationWorkData || []).slice(M, O), P = (y = (u = k.node) == null ? void 0 : u.getWorkId()) == null ? void 0 : y.toString();
+            if ((k.animationIndex || 0) < O || k.isDiff) {
+              if ((m = k.node) == null || m.consumeService({
+                op: D,
                 isFullWork: !1
-              }), k.animationIndex = D, k.isDiff && (k.isDiff = !1), R.length) {
-                const q = R.filter((K, te) => {
-                  if (te % b !== b - 1)
+              }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length) {
+                const H = D.filter((q, ee) => {
+                  if (ee % b !== b - 1)
                     return !0;
                 }).slice(-2);
-                e.set(L, {
-                  workState: O === 0 ? T.Start : D === ((W = k.animationWorkData) == null ? void 0 : W.length) ? T.Done : T.Doing,
-                  op: q
+                e.set(g, {
+                  workState: M === 0 ? I.Start : O === ((v = k.animationWorkData) == null ? void 0 : v.length) ? I.Done : I.Doing,
+                  op: H
                 });
               }
-            } else k.ops && ((M = k.node) == null || M.consumeService({
+            } else k.ops && ((W = k.node) == null || W.consumeService({
               op: k.animationWorkData || [],
               isFullWork: !0,
-              replaceId: U
-            }), k.isDel = !0, e.set(L, {
-              workState: T.Done,
-              op: R.filter((q, K) => {
-                if (K % b !== b - 1)
+              replaceId: P
+            }), k.isDel = !0, e.set(g, {
+              workState: I.Done,
+              op: D.filter((H, q) => {
+                if (q % b !== b - 1)
                   return !0;
               }).slice(-2)
             }));
@@ -1020,16 +1074,16 @@ class ye {
         }
       }
     if (t && this.runAnimation(), e.size) {
-      const L = [];
+      const g = [];
       e.forEach((k, b) => {
-        L.push({
+        g.push({
           type: p.Cursor,
-          uid: b.split(Y)[0],
+          uid: b.split(X)[0],
           op: k.op,
           workState: k.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: L });
+      }), this.thread.post({ sp: g });
     }
   }
   runAnimation() {
@@ -1056,30 +1110,31 @@ class ye {
     return !1;
   }
   activeWorkShape(t) {
-    var u, y, m, g;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: n, op: c, useAnimation: a } = t;
+    var y, m, v, W;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n, useAnimation: c, imageBitmap: h } = t;
     if (!e)
       return;
-    const h = e.toString(), l = (u = this.vNodes.get(h)) == null ? void 0 : u.rect;
-    if (!((y = this.workShapes) != null && y.has(h))) {
-      let W = {
+    const l = e.toString(), S = (y = this.vNodes.get(l)) == null ? void 0 : y.rect;
+    if (!((m = this.workShapes) != null && m.has(l))) {
+      let g = {
         toolsType: o,
-        animationWorkData: c || [],
+        animationWorkData: n || [],
         animationIndex: 0,
         type: r,
         updateNodeOpt: i,
-        ops: n,
-        useAnimation: typeof a < "u" ? a : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
-        oldRect: l,
-        isDiff: !1
+        ops: a,
+        useAnimation: typeof c < "u" ? c : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
+        oldRect: S,
+        isDiff: !1,
+        imageBitmap: h
       };
-      o && s && (W = this.setNodeKey(h, W, o, s)), (m = this.workShapes) == null || m.set(h, W);
+      o && s && (g = this.setNodeKey(l, g, o, s)), (v = this.workShapes) == null || v.set(l, g);
     }
-    const S = (g = this.workShapes) == null ? void 0 : g.get(h);
-    r && (S.type = r), n && (S.animationWorkData = P(n), S.ops = n), i && (S.updateNodeOpt = i), c && (S.isDiff = this.hasDiffData(S.animationWorkData || [], c, S.toolsType), S.animationWorkData = c), S.node && S.node.getWorkId() !== h && S.node.setWorkId(h), l && (S.oldRect = l), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), S.toolsType !== o && o && s && this.setNodeKey(h, S, o, s), S.node && S.node.setWorkOptions(s));
+    const u = (W = this.workShapes) == null ? void 0 : W.get(l);
+    r && (u.type = r), a && (u.animationWorkData = F(a), u.ops = a), i && (u.updateNodeOpt = i), n && (u.isDiff = this.hasDiffData(u.animationWorkData || [], n, u.toolsType), u.animationWorkData = n), u.node && u.node.getWorkId() !== l && u.node.setWorkId(l), S && (u.oldRect = S), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), u.toolsType !== o && o && s && this.setNodeKey(l, u, o, s), u.node && u.node.setWorkOptions(s)), h && (u.imageBitmap = h);
   }
   removeNode(t, e) {
-    t.indexOf(N) > -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();
     }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
       s.remove();
@@ -1090,25 +1145,25 @@ class ye {
     s && (this.activeSelectorShape(t), this.willRunEffectSelectorIds.add(s)), this.runEffect();
   }
   activeSelectorShape(t) {
-    var a, h, l;
+    var c, h, l;
     const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
     if (!e)
       return;
-    const n = e.toString();
-    if (!((a = this.selectorWorkShapes) != null && a.has(n))) {
+    const a = e.toString();
+    if (!((c = this.selectorWorkShapes) != null && c.has(a))) {
       let S = {
         toolsType: o,
         selectIds: i,
         type: r,
         opt: s
       };
-      o && s && (S = this.setNodeKey(n, S, o, s)), (h = this.selectorWorkShapes) == null || h.set(n, S);
+      o && s && (S = this.setNodeKey(a, S, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, S);
     }
-    const c = (l = this.selectorWorkShapes) == null ? void 0 : l.get(n);
-    r && (c.type = r), c.node && c.node.getWorkId() !== n && c.node.setWorkId(n), c.selectIds = i || [];
+    const n = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
+    r && (n.type = r), n.node && n.node.getWorkId() !== a && n.node.setWorkId(a), n.selectIds = i || [];
   }
   setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = B({
+    return e.toolsType = s, e.node = U({
       toolsType: s,
       toolsOpt: o,
       vNodes: this.vNodes,
@@ -1122,16 +1177,16 @@ class E {
   constructor() {
     d(this, "localWork");
     d(this, "serviceWork");
-    d(this, "scene");
+    d(this, "threadEngine");
   }
-  registerMainThread(t, e, s) {
-    return this.localWork = t, this.serviceWork = e, this.scene = s, this;
+  registerMainThread(t) {
+    return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
   }
 }
 class me extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.CopyNode);
+    d(this, "emitEventType", T.CopyNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1141,13 +1196,13 @@ class me extends E {
   async consumeForLocalWorker(e) {
     var o;
     const { workId: s } = e;
-    s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e, this.scene));
+    s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
   }
 }
-class we extends E {
+class ye extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.SetColorNode);
+    d(this, "emitEventType", T.SetColorNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1155,28 +1210,28 @@ class we extends E {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n, textUpdateForWoker: c } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    var c;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
-      textUpdateForWoker: c,
+      willSerializeData: a,
+      textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: n, textUpdateForWoker: c } = s, a = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a, textUpdateForWoker: n } = s, c = o.sp || [];
     if (i)
       for (const [h, l] of r.entries())
-        c && l.toolsType === f.Text ? a.push({
+        n && l.toolsType === f.Text ? c.push({
           ...l,
           workId: h,
           type: p.TextUpdate,
           dataType: w.Local,
           willSyncService: !0
-        }) : a.push(
+        }) : c.push(
           {
             ...l,
             workId: h,
@@ -1184,18 +1239,18 @@ class we extends E {
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: n
+            isSync: a
           }
         );
     return {
-      sp: a
+      sp: c
     };
   }
 }
-class ve extends E {
+class we extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.ZIndexNode);
+    d(this, "emitEventType", T.ZIndexNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1203,40 +1258,40 @@ class ve extends E {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n } = e;
-    s === N && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: n } = s, c = o.sp || [];
-    if (i && c)
-      for (const [a, h] of r.entries())
-        c.push(
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
+    if (i && n)
+      for (const [c, h] of r.entries())
+        n.push(
           {
             ...h,
-            workId: a,
+            workId: c,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: n
+            isSync: a
           }
         );
     return {
-      sp: c
+      sp: n
     };
   }
 }
-class Te extends E {
+class ve extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.TranslateNode);
+    d(this, "emitEventType", T.TranslateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1245,29 +1300,28 @@ class Te extends E {
   }
   async consumeForLocalWorker(e) {
     var h, l;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n, textUpdateForWoker: c, emitEventType: a } = e;
-    s === N && o && (o.workState === T.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== T.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n, emitEventType: c } = e;
+    s === L && o && (o.workState === I.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== I.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
+      willSerializeData: a,
       isSync: !0,
-      textUpdateForWoker: c,
-      emitEventType: a,
-      scene: this.scene,
+      textUpdateForWoker: n,
+      emitEventType: c,
       callback: this.updateSelectorCallback
-    })) : o.workState === T.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
+    })) : o.workState === I.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: n } = e, { willSyncService: c, isSync: a, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = h.workState, u = o.sp || [];
-    if (S === T.Start)
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = h.workState, u = o.sp || [];
+    if (S === I.Start)
       return {
         sp: [],
         render: []
       };
-    const y = n == null ? void 0 : n.selectRect;
-    if (c) {
-      S === T.Doing && u.push({
+    const y = a == null ? void 0 : a.selectRect;
+    if (n) {
+      S === I.Doing && u.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: y,
@@ -1276,22 +1330,22 @@ class Te extends E {
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [m, g] of r.entries())
-        l && g.toolsType === f.Text ? u.push({
-          ...g,
+      for (const [m, v] of r.entries())
+        l && v.toolsType === f.Text ? u.push({
+          ...v,
           workId: m,
           type: p.TextUpdate,
           dataType: w.Local,
           willSyncService: !0
         }) : u.push(
           {
-            ...g,
+            ...v,
             workId: m,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
     }
@@ -1303,16 +1357,16 @@ class Te extends E {
 class ge extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.DeleteNode);
+    d(this, "emitEventType", T.DeleteNode);
   }
   async consume() {
     return !1;
   }
 }
-class We extends E {
+class Te extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.ScaleNode);
+    d(this, "emitEventType", T.ScaleNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1320,35 +1374,34 @@ class We extends E {
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var n;
+    var a;
     const { workId: s, updateNodeOpt: o, willSyncService: r, willSerializeData: i } = e;
-    s === N && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
+    s === L && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
       updateSelectorOpt: o,
       willSyncService: r,
       willSerializeData: i,
       isSync: !0,
-      scene: this.scene,
       callback: this.updateSelectorCallback.bind(this)
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: n } = e, { updateSelectorOpt: c, willSyncService: a } = s, h = c.workState, l = o.sp || [], S = i == null ? void 0 : i.selectRect;
-    if (h === T.Start)
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c } = s, h = n.workState, l = o.sp || [], S = i == null ? void 0 : i.selectRect;
+    if (h === I.Start)
       return {
         sp: [],
         render: []
       };
-    if (a) {
+    if (c) {
       l.push({
         type: p.Select,
         selectIds: r.selectIds,
         selectRect: S,
         willSyncService: !0,
         isSync: !0,
-        points: h === T.Done && r.getChildrenPoints() || void 0,
+        points: h === I.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
-      for (const [u, y] of n.entries())
+      for (const [u, y] of a.entries())
         y.toolsType === f.Text ? l.push({
           ...y,
           workId: u,
@@ -1375,7 +1428,7 @@ class We extends E {
 class Ie extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.RotateNode);
+    d(this, "emitEventType", T.RotateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1383,23 +1436,22 @@ class Ie extends E {
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n, emitEventType: c } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    var c;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, emitEventType: n } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
-      emitEventType: c,
+      willSerializeData: a,
+      emitEventType: n,
       isSync: !0,
-      scene: this.scene,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: n } = e, { updateSelectorOpt: c, willSyncService: a, willSerializeData: h, isSync: l } = s, S = c.workState, u = o.sp || [], y = i == null ? void 0 : i.selectRect;
-    if (a) {
-      h && S === T.Done && u.push({
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c, willSerializeData: h, isSync: l } = s, S = n.workState, u = o.sp || [], y = i == null ? void 0 : i.selectRect;
+    if (c) {
+      h && S === I.Done && u.push({
         type: p.Select,
         selectIds: r.selectIds,
         selectRect: y,
@@ -1407,10 +1459,10 @@ class Ie extends E {
         isSync: l,
         points: r.getChildrenPoints()
       });
-      for (const [m, g] of n.entries())
+      for (const [m, v] of a.entries())
         u.push(
           {
-            ...g,
+            ...v,
             workId: m,
             type: p.UpdateNode,
             updateNodeOpt: {
@@ -1425,10 +1477,10 @@ class Ie extends E {
     };
   }
 }
-class Ne extends E {
+class We extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.SetFontStyle);
+    d(this, "emitEventType", T.SetFontStyle);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1436,26 +1488,26 @@ class Ne extends E {
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n, textUpdateForWoker: c } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    var c;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
-      textUpdateForWoker: c,
+      willSerializeData: a,
+      textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: n } = e, { willSyncService: c, isSync: a, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = o.sp || [], u = n == null ? void 0 : n.selectRect;
-    if (c && S) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = o.sp || [], u = a == null ? void 0 : a.selectRect;
+    if (n && S) {
       h.fontSize && S.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: u,
-        willSyncService: c,
-        isSync: a,
+        willSyncService: n,
+        isSync: c,
         points: i.getChildrenPoints()
       });
       for (const [y, m] of r.entries())
@@ -1473,7 +1525,7 @@ class Ne extends E {
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
     }
@@ -1482,10 +1534,10 @@ class Ne extends E {
     };
   }
 }
-class Le extends E {
+class Ne extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.SetPoint);
+    d(this, "emitEventType", T.SetPoint);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1493,22 +1545,22 @@ class Le extends E {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n, textUpdateForWoker: c } = e;
-    s === N && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
+    var c;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
+    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
       emitEventType: this.emitEventType,
-      willSerializeData: n,
+      willSerializeData: a,
       isSync: !0,
-      textUpdateForWoker: c,
+      textUpdateForWoker: n,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: n } = e, { willSyncService: c, isSync: a } = s, h = o.sp || [], l = n == null ? void 0 : n.selectRect;
-    if (c && h) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
+    if (n && h) {
       for (const [S, u] of r.entries())
         h.push(
           {
@@ -1518,15 +1570,15 @@ class Le extends E {
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
       h.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: l,
-        willSyncService: c,
-        isSync: a,
+        willSyncService: n,
+        isSync: c,
         points: i.getChildrenPoints()
       });
     }
@@ -1535,10 +1587,10 @@ class Le extends E {
     };
   }
 }
-class be extends E {
+class Le extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.SetLock);
+    d(this, "emitEventType", T.SetLock);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1546,19 +1598,19 @@ class be extends E {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n } = e;
-    s === N && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: n } = e, { willSyncService: c, isSync: a, updateSelectorOpt: h } = s, l = o.sp || [], S = n == null ? void 0 : n.selectRect;
-    if (c && l) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h } = s, l = o.sp || [], S = a == null ? void 0 : a.selectRect;
+    if (n && l) {
       for (const [u, y] of r.entries())
         l.push(
           {
@@ -1568,7 +1620,7 @@ class be extends E {
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: a
+            isSync: c
           }
         );
       l.push({
@@ -1579,8 +1631,8 @@ class be extends E {
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: S,
-        willSyncService: c,
-        isSync: a
+        willSyncService: n,
+        isSync: c
       });
     }
     return {
@@ -1588,10 +1640,10 @@ class be extends E {
     };
   }
 }
-class Oe extends E {
+class be extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", v.SetShapeOpt);
+    d(this, "emitEventType", T.SetShapeOpt);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
@@ -1599,70 +1651,70 @@ class Oe extends E {
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: n } = e;
-    s === N && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
+    var n;
+    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
+    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
-      willSerializeData: n,
+      willSerializeData: a,
       callback: this.updateSelectorCallback
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: n } = s, c = o.sp || [];
-    if (i && c)
-      for (const [a, h] of r.entries())
-        c.push(
+    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
+    if (i && n)
+      for (const [c, h] of r.entries())
+        n.push(
           {
             ...h,
-            workId: a,
+            workId: c,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
-            isSync: n
+            isSync: a
           }
         );
     return {
-      sp: c
+      sp: n
     };
   }
 }
-class De {
+class Me {
   constructor(t) {
     d(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(t.map((e) => [e, this.build(e)]));
   }
   build(t) {
     switch (t) {
-      case v.TranslateNode:
-        return new Te();
-      case v.ZIndexNode:
+      case T.TranslateNode:
         return new ve();
-      case v.CopyNode:
-        return new me();
-      case v.SetColorNode:
+      case T.ZIndexNode:
         return new we();
-      case v.DeleteNode:
+      case T.CopyNode:
+        return new me();
+      case T.SetColorNode:
+        return new ye();
+      case T.DeleteNode:
         return new ge();
-      case v.ScaleNode:
-        return new We();
-      case v.RotateNode:
+      case T.ScaleNode:
+        return new Te();
+      case T.RotateNode:
         return new Ie();
-      case v.SetFontStyle:
+      case T.SetFontStyle:
+        return new We();
+      case T.SetPoint:
         return new Ne();
-      case v.SetPoint:
+      case T.SetLock:
         return new Le();
-      case v.SetLock:
+      case T.SetShapeOpt:
         return new be();
-      case v.SetShapeOpt:
-        return new Oe();
     }
   }
-  registerForMainThread(t, e, s) {
-    return this.builders.forEach((o) => {
-      o && o.registerMainThread(t, e, s);
+  registerForMainThread(t) {
+    return this.builders.forEach((e) => {
+      e && e.registerMainThread(t);
     }), this;
   }
   async consumeForMainThread(t) {
@@ -1672,7 +1724,7 @@ class De {
     return !1;
   }
 }
-class Ee {
+class Oe {
   constructor(t, e) {
     d(this, "viewId");
     d(this, "fullLayer");
@@ -1694,34 +1746,48 @@ class Ee {
     d(this, "mainThreadPostId");
     d(this, "combinePostMsg", /* @__PURE__ */ new Set());
     d(this, "methodBuilder");
+    d(this, "cacheImages", /* @__PURE__ */ new Map());
+    d(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 = F.bufferSize.full, o = F.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === A ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o) }), this.vNodes = new fe(t, this.scene);
+    const s = x.bufferSize.full, o = x.bufferSize.sub;
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === C ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.vNodes = new ue(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new ke(r), this.serviceWork = new ye(r), this.topWork = new Se(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new De([
-      v.CopyNode,
-      v.SetColorNode,
-      v.DeleteNode,
-      v.RotateNode,
-      v.ScaleNode,
-      v.TranslateNode,
-      v.ZIndexNode,
-      v.SetFontStyle,
-      v.SetPoint,
-      v.SetLock,
-      v.SetShapeOpt
-    ]).registerForMainThread(this.localWork, this.serviceWork, this.scene);
+    this.localWork = new Se(r), this.serviceWork = new ke(r), this.topWork = new fe(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Me([
+      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) {
+    return this.cacheImages.get(t);
+  }
+  clearCacheImages() {
+    this.cacheImages.forEach((t) => t.close()), this.cacheImages.clear();
+  }
+  clearImageResolveMap() {
+    this.imageResolveMap.forEach(({ timer: t }) => {
+      t && clearTimeout(t);
+    }), this.imageResolveMap.clear();
   }
   post(t) {
     this.combinePostMsg.add(t), this.runBatchPostData();
   }
   async on(t) {
+    var e;
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: n } = t, c = i == null ? void 0 : i.toString();
-      switch (e) {
+      const { msgType: s, toolsType: o, opt: r, dataType: i, workId: a, workState: n, imageSrc: c, imageBitmap: h } = t, l = a == null ? void 0 : a.toString();
+      switch (s) {
         case p.Destroy:
           this.destroy();
           break;
@@ -1732,60 +1798,95 @@ class Ee {
           await this.updateCamera(t);
           break;
         case p.UpdateTools:
-          if (s && o) {
-            const a = {
-              toolsType: s,
-              toolsOpt: o
+          if (o && r) {
+            const S = {
+              toolsType: o,
+              toolsOpt: r
             };
-            this.topWork.canUseTopLayer(s) ? this.topWork.setToolsOpt(a) : this.localWork.setToolsOpt(a);
+            this.topWork.canUseTopLayer(o) ? this.topWork.setToolsOpt(S) : this.localWork.setToolsOpt(S);
           }
           break;
         case p.CreateWork:
-          if (c && o && s) {
-            if (this.topWork.canUseTopLayer(s)) {
+          if (l && r && o) {
+            if (this.topWork.canUseTopLayer(o)) {
               this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
-                toolsType: s,
-                toolsOpt: o
-              }), this.topWork.setWorkOptions(c, o);
+                toolsType: o,
+                toolsOpt: r
+              }), this.topWork.setWorkOptions(l, r);
               break;
             }
             this.localWork.getToolsOpt() || this.localWork.setToolsOpt({
-              toolsType: s,
-              toolsOpt: o
-            }), this.localWork.setWorkOptions(c, o);
+              toolsType: o,
+              toolsOpt: r
+            }), this.localWork.setWorkOptions(l, r);
           }
           break;
         case p.DrawWork:
-          n === T.Done && r === w.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
+          n === I.Done && i === w.Local ? this.consumeDrawAll(i, t) : this.consumeDraw(i, t);
           break;
         case p.UpdateNode:
         case p.FullWork:
-          if (s && this.topWork.canUseTopLayer(s)) {
-            this.consumeDrawAll(r, t);
+          if (o && this.topWork.canUseTopLayer(o)) {
+            this.consumeDrawAll(i, t);
             break;
           }
-          this.consumeFull(r, t);
+          this.consumeFull(i, t);
           break;
         case p.RemoveNode:
           await this.removeNode(t);
           return;
         case p.Select:
-          r === w.Service && (i === N ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
+          i === w.Service && (a === L ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
         case p.CursorHover:
           this.localWork.cursorHover(t);
           break;
         case p.GetTextActive:
-          r === w.Local && this.localWork.checkTextActive(t);
+          i === w.Local && this.localWork.checkTextActive(t);
+          break;
+        case p.GetImageBitMap:
+          if (c && h && this.cacheImages.set(c, h), a) {
+            const S = a.toString(), u = (e = this.imageResolveMap.get(S)) == null ? void 0 : e.resolve;
+            u && u(S);
+          }
           break;
       }
     }
   }
+  async loadImageBitMap(t) {
+    const { toolsType: e, opt: s, workId: o } = t;
+    if (e === f.Image && s && s.src && o) {
+      const r = s.src, i = this.cacheImages.has(r), a = o.toString();
+      if (!i) {
+        const n = await new Promise((c) => {
+          const h = this.imageResolveMap.get(a) || {
+            resolve: void 0,
+            timer: void 0
+          };
+          h.timer && clearTimeout(h.timer), h.resolve = c, h.timer = setTimeout(() => {
+            const l = this.imageResolveMap.get(a);
+            l != null && l.resolve && l.resolve(a);
+          }, 5e3), this.imageResolveMap.set(a, h), this.opt.post({
+            sp: [{
+              imageSrc: r,
+              workId: a,
+              viewId: this.viewId,
+              isgl: !!this.fullLayer.parent.gl,
+              isSubWorker: !1,
+              type: p.GetImageBitMap
+            }]
+          });
+        });
+        this.imageResolveMap.delete(n);
+      }
+      return this.cacheImages.get(r);
+    }
+  }
   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 === N) {
+        if (i === L) {
           await this.localWork.removeSelector(t);
           continue;
         }
@@ -1794,7 +1895,7 @@ class Ee {
   }
   async consumeFull(t, e) {
     const s = await this.localWork.colloctEffectSelectWork(e);
-    s && t === w.Local && await this.localWork.consumeFull(s, this.scene), s && t === w.Service && this.serviceWork.consumeFull(s);
+    s && t === w.Local && await this.localWork.consumeFull(s), s && t === w.Service && this.serviceWork.consumeFull(s);
   }
   setCameraOpt(t) {
     this.cameraOpt = t;
@@ -1813,14 +1914,14 @@ class Ee {
       if ((s = o.sp) != null && s.length)
         for (const r of o.sp) {
           let i = !1;
-          for (const n of t)
-            if (X(r, n)) {
+          for (const a of t)
+            if (j(r, a)) {
               i = !0;
               break;
             }
           i || t.push(r);
         }
-      ue(o.drawCount) && (e = o.drawCount);
+      de(o.drawCount) && (e = o.drawCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
@@ -1835,7 +1936,7 @@ class Ee {
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), this.fullLayer.removeAllChildren()), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
+    }), this.fullLayer.removeAllChildren()), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
       sp: [{
         type: p.Clear
       }]
@@ -1867,63 +1968,71 @@ class Ee {
   async updateCamera(t) {
     var o;
     const { cameraOpt: e, scenePath: s } = t;
-    if (e && !X(this.cameraOpt, e)) {
+    if (e && !j(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
-        let a = !1;
+        let c = !1;
         for (const [h, l] of this.localWork.getWorkShapes().entries())
-          if (l.toolsType !== f.Text && l.toolsType !== f.PencilEraser && l.toolsType !== f.Eraser && l.toolsType !== f.Selector && l.toolsType !== f.LaserPen && h !== H && h !== N) {
-            a = !0;
-            break;
+          switch (l.toolsType) {
+            case f.Text:
+            case f.BitMapEraser:
+            case f.PencilEraser:
+            case f.Eraser:
+            case f.Selector:
+            case f.LaserPen:
+              break;
+            default:
+              h !== _ && h !== L && (c = !0);
+              break;
           }
-        if (a) {
+        if (c) {
           this.taskUpdateCameraId = setTimeout(() => {
             this.taskUpdateCameraId = void 0, this.updateCamera(t);
-          }, $);
+          }, G);
           return;
         }
       }
       const r = /* @__PURE__ */ new Map();
-      for (const [a, h] of this.vNodes.getNodesByType(f.Text).entries()) {
+      for (const [c, h] of this.vNodes.getNodesByType(f.Text).entries()) {
         const l = h.rect;
-        r.set(a, ee(l));
+        r.set(c, J(l));
       }
       const i = new Set(r.keys());
-      let n = !1;
+      let a = !1;
       if (this.localWork.hasSelector()) {
-        const a = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
-        if (a) {
-          n = !0;
-          for (const h of a)
+        const c = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
+        if (c) {
+          a = !0;
+          for (const h of c)
             i.add(h);
         }
       }
-      let c = !1;
+      let n = !1;
       if (this.serviceWork.selectorWorkShapes.size)
-        for (const a of this.serviceWork.selectorWorkShapes.values()) {
-          const h = a.selectIds;
+        for (const c of this.serviceWork.selectorWorkShapes.values()) {
+          const h = c.selectIds;
           if (h) {
-            c = !0;
+            n = !0;
             for (const l of h)
               i.add(l);
           }
         }
       if (this.setCameraOpt(e), this.vNodes.curNodeMap.size) {
         this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(i), this.debounceUpdateCameraId && clearTimeout(this.debounceUpdateCameraId);
-        for (const [a, h] of r.entries()) {
-          const l = this.vNodes.get(a);
+        for (const [c, h] of r.entries()) {
+          const l = this.vNodes.get(c);
           if (l) {
-            const S = h, u = l.rect, y = this.getSceneRect(), m = _(S, y), g = _(u, y);
+            const S = h, u = l.rect, y = this.getSceneRect(), m = z(S, y), v = z(u, y);
             let W = !1;
-            if ((m !== g || S.w !== u.w || S.h !== u.h || g === Z.intersect) && (W = !0), W) {
-              const { toolsType: M, opt: L } = l;
-              M === f.Text && L.workState === T.Done && this.debounceUpdateCache.add(a);
+            if ((m !== v || S.w !== u.w || S.h !== u.h || v === V.intersect) && (W = !0), W) {
+              const { toolsType: g, opt: k } = l;
+              g === f.Text && k.workState === I.Done && this.debounceUpdateCache.add(c);
             }
           }
         }
-        if (n && this.localWork.reRenderSelector(), c)
-          for (const [a, h] of this.serviceWork.selectorWorkShapes.entries())
+        if (a && this.localWork.reRenderSelector(), n)
+          for (const [c, h] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
-              workId: a,
+              workId: c,
               selectIds: h.selectIds,
               msgType: p.Select,
               dataType: w.Service,
@@ -1932,22 +2041,22 @@ class Ee {
         this.debounceUpdateCameraId = setTimeout(() => {
           var h;
           this.debounceUpdateCameraId = void 0;
-          const a = [];
+          const c = [];
           for (const l of this.debounceUpdateCache.values()) {
             if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
               const u = this.vNodes.get(l);
               if (u) {
-                const { toolsType: y, opt: m, rect: g } = u, W = this.localWork.setFullWork({
+                const { toolsType: y, opt: m, rect: v } = u, W = this.localWork.setFullWork({
                   toolsType: y,
                   opt: m,
                   workId: l
                 });
                 if (W) {
-                  const M = this.getSceneRect(), L = _(g, M);
-                  a.push(W.consumeServiceAsync({
+                  const g = this.getSceneRect(), k = z(v, g);
+                  c.push(W.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
-                    isDrawLabel: L !== Z.outside
+                    isDrawLabel: k !== V.outside
                   }));
                 }
               }
@@ -1955,7 +2064,7 @@ class Ee {
             this.debounceUpdateCache.delete(l);
           }
           this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-        }, $);
+        }, G);
       }
     }
   }
@@ -1969,7 +2078,7 @@ class Ee {
     };
   }
   createScene(t) {
-    return new Q({
+    return new Y({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -1979,14 +2088,14 @@ class Ee {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, n = e.layer(i, { ...s, offscreen: !1 }), c = new J({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), n = new Q({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return n.append(c), c;
+    return a.append(n), n;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -1998,10 +2107,10 @@ class Ee {
     this.fullLayer.parent.setAttribute("width", e), this.fullLayer.parent.setAttribute("height", s), this.fullLayer.setAttribute("size", [e, s]), this.fullLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.topLayer.parent.setAttribute("width", e), this.topLayer.parent.setAttribute("height", s), this.topLayer.setAttribute("size", [e, s]), this.topLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.localLayer.parent.setAttribute("width", e), this.localLayer.parent.setAttribute("height", s), this.localLayer.setAttribute("size", [e, s]), this.localLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.serviceLayer.parent.setAttribute("width", e), this.serviceLayer.parent.setAttribute("height", s), this.serviceLayer.setAttribute("size", [e, s]), this.serviceLayer.setAttribute("pos", [e * 0.5, s * 0.5]);
   }
   destroy() {
-    this.vNodes.clear(), this.fullLayer.remove(), this.topLayer.remove(), this.localLayer.remove(), this.serviceLayer.remove(), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), this.topLayer.remove(), this.localLayer.remove(), this.serviceLayer.remove(), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
   }
 }
-class Me {
+class Ee {
   constructor(t, e) {
     d(this, "viewId");
     d(this, "fullLayer");
@@ -2011,13 +2120,27 @@ class Me {
     d(this, "mainThreadPostId");
     d(this, "combinePostMsg", /* @__PURE__ */ new Set());
     d(this, "workShapes", /* @__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 === A ? 6e3 : 3e3 });
+    d(this, "cacheImages", /* @__PURE__ */ new Map());
+    d(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 === C ? 6e3 : 3e3 });
+  }
+  getCachedImages(t) {
+    return this.cacheImages.get(t);
+  }
+  clearCacheImages() {
+    this.cacheImages.forEach((t) => t.close()), this.cacheImages.clear();
+  }
+  clearImageResolveMap() {
+    this.imageResolveMap.forEach(({ timer: t }) => {
+      t && clearTimeout(t);
+    }), this.imageResolveMap.clear();
   }
   post(t) {
     this.combinePostMsg.add(t), this.runBatchPostData();
   }
   async on(t) {
-    const { msgType: e } = t;
+    var i;
+    const { msgType: e, imageSrc: s, imageBitmap: o, workId: r } = t;
     switch (e) {
       case p.Snapshot:
         await this.getSnapshot(t), this.destroy();
@@ -2025,10 +2148,45 @@ class Me {
       case p.BoundingBox:
         await this.getBoundingRect(t), this.destroy();
         return;
+      case p.GetImageBitMap:
+        if (s && o && this.cacheImages.set(s, o), r) {
+          const a = r.toString(), n = (i = this.imageResolveMap.get(a)) == null ? void 0 : i.resolve;
+          n && n(a);
+        }
+        break;
+    }
+  }
+  async loadImageBitMap(t) {
+    const { toolsType: e, opt: s, workId: o } = t;
+    if (e === f.Image && s && s.src && o) {
+      const r = s.src, i = this.cacheImages.has(r), a = o.toString();
+      if (!i) {
+        const n = await new Promise((c) => {
+          const h = this.imageResolveMap.get(a) || {
+            resolve: void 0,
+            timer: void 0
+          };
+          h.timer && clearTimeout(h.timer), h.resolve = c, h.timer = setTimeout(() => {
+            const l = this.imageResolveMap.get(a);
+            l != null && l.resolve && l.resolve(a);
+          }, 5e3), this.imageResolveMap.set(a, h), this.opt.post({
+            sp: [{
+              imageSrc: r,
+              workId: a,
+              viewId: this.viewId,
+              isgl: !!this.fullLayer.parent.gl,
+              isSubWorker: !0,
+              type: p.GetImageBitMap
+            }]
+          });
+        });
+        this.imageResolveMap.delete(n);
+      }
+      return this.cacheImages.get(r);
     }
   }
   createWorkShapeNode(t) {
-    return B({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
+    return U({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
   }
   setFullWork(t) {
     const { workId: e, opt: s, toolsType: o } = t;
@@ -2043,53 +2201,52 @@ class Me {
     }
   }
   async runFullWork(t) {
-    var o, r;
-    const e = this.setFullWork(t), s = t.ops && P(t.ops);
+    var o;
+    const e = this.setFullWork(t), s = t.ops && F(t.ops);
     if (e) {
-      let i, n;
-      const c = (o = e.getWorkId()) == null ? void 0 : o.toString();
-      return e.toolsType === f.Image ? i = await e.consumeServiceAsync({
+      let r, i;
+      const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
+      return e.toolsType === f.Image ? r = await e.consumeServiceAsync({
         isFullWork: !0,
-        scene: (r = this.fullLayer.parent) == null ? void 0 : r.parent,
-        isMainThread: !0
-      }) : e.toolsType === f.Text ? i = await e.consumeServiceAsync({
+        worker: this
+      }) : e.toolsType === f.Text ? r = await e.consumeServiceAsync({
         isFullWork: !0,
-        replaceId: c,
+        replaceId: a,
         isDrawLabel: !0
-      }) : (i = e.consumeService({
+      }) : (r = e.consumeService({
         op: s,
         isFullWork: !0,
-        replaceId: c
-      }), n = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), x(i, n);
+        replaceId: a
+      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), A(r, i);
     }
   }
   async getSnapshot(t) {
     const { scenePath: e, scenes: s, cameraOpt: o, w: r, h: i } = t;
     if (e && s && o) {
       this.setCameraOpt(o);
-      let n;
-      for (const [a, h] of Object.entries(s))
+      let a;
+      for (const [c, h] of Object.entries(s))
         if (h != null && h.type)
           switch (h == null ? void 0 : h.type) {
             case p.UpdateNode:
             case p.FullWork: {
-              const { opt: l } = h, S = await this.runFullWork({
+              const { opt: l } = h, S = {
                 ...h,
                 opt: l,
-                workId: a,
+                workId: c,
                 msgType: p.FullWork,
                 dataType: w.Service,
                 viewId: this.viewId
-              });
-              n = x(n, S);
+              }, u = await this.runFullWork(S);
+              a = A(a, u);
               break;
             }
           }
-      let c;
-      r && i && (c = {
+      let n;
+      r && i && (n = {
         resizeWidth: r,
         resizeHeight: i
-      }), await this.getSnapshotRender({ scenePath: e, options: c });
+      }), await this.getSnapshotRender({ scenePath: e, options: n });
     }
   }
   getSceneRect() {
@@ -2124,19 +2281,19 @@ class Me {
     if (e && s && o) {
       this.setCameraOpt(o);
       let r;
-      for (const [i, n] of Object.entries(s))
-        if (n != null && n.type)
-          switch (n == null ? void 0 : n.type) {
+      for (const [i, a] of Object.entries(s))
+        if (a != null && a.type)
+          switch (a == null ? void 0 : a.type) {
             case p.UpdateNode:
             case p.FullWork: {
-              const c = await this.runFullWork({
-                ...n,
+              const n = await this.runFullWork({
+                ...a,
                 workId: i,
                 msgType: p.FullWork,
                 dataType: w.Service,
                 viewId: this.viewId
               });
-              r = x(r, c);
+              r = A(r, n);
               break;
             }
           }
@@ -2165,7 +2322,7 @@ class Me {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (he(o, i)) {
+            if (le(o, i)) {
               r = !0;
               break;
             }
@@ -2181,7 +2338,7 @@ class Me {
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   createScene(t) {
-    return new Q({
+    return new Y({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2190,14 +2347,14 @@ class Me {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, n = e.layer(i, s), c = new J({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), n = new Q({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
       name: "viewport",
       id: t
     });
-    return n.append(c), c;
+    return a.append(n), n;
   }
   updateScene(t) {
     this.scene.attr({ ...t });
@@ -2209,10 +2366,10 @@ class Me {
     this.fullLayer.parent.setAttribute("width", e), this.fullLayer.parent.setAttribute("height", s), this.fullLayer.setAttribute("size", [e, s]), this.fullLayer.setAttribute("pos", [e * 0.5, s * 0.5]);
   }
   destroy() {
-    this.fullLayer.remove(), this.scene.remove();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), this.scene.remove();
   }
 }
-class ze {
+class Be {
   constructor(t) {
     d(this, "mainThreadMap", /* @__PURE__ */ new Map());
     d(this, "snapshotThread");
@@ -2221,84 +2378,88 @@ class ze {
   }
   post(t) {
     const { drawCount: e, sp: s, workerTasksqueueCount: o } = t;
-    this.master.isBusy && j(o) && this.master.setWorkerTasksqueueCount(o), j(e) && this.master.setMaxDrawCount(e), s && this.master.collectorSyncData(s);
+    this.master.isBusy && $(o) && this.master.setWorkerTasksqueueCount(o), $(e) && this.master.setMaxDrawCount(e), s && this.master.collectorSyncData(s);
   }
   destroy() {
     this.mainThreadMap.clear();
   }
   createMainThread(t, e) {
-    return new Ee(t, e);
+    return new Oe(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Me(t, e);
+    return new Ee(t, e);
   }
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: n, viewId: c, tasksqueue: a, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: S, cameraOpt: u } = i;
-      if (n === p.Console) {
+      const { msgType: a, viewId: n, tasksqueue: c, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: S, cameraOpt: u, isSubWorker: y } = i;
+      if (a === p.Console) {
         console.log(this);
         continue;
       }
-      if (n === p.Init) {
-        const m = (e = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : e.displayer, g = m == null ? void 0 : m.canvasContainerRef.current;
-        if (m && g && l && S) {
-          const W = this.createMainThread(c, {
-            displayer: m,
-            container: g,
+      if (a === p.Init) {
+        const v = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, W = v == null ? void 0 : v.canvasContainerRef.current;
+        if (v && W && l && S) {
+          const g = this.createMainThread(n, {
+            displayer: v,
+            container: W,
             layerOpt: l,
             master: this.master,
             canvasOpt: S,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(c, W), W && u && W.setCameraOpt(u);
+          this.mainThreadMap.set(n, g), g && u && g.setCameraOpt(u);
         }
         continue;
       }
-      if ((n === p.Snapshot || n === p.BoundingBox) && c === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        const m = (o = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : o.displayer, g = (r = m.snapshotContainerRef) == null ? void 0 : r.current;
-        if (m && g && u) {
-          g.style.width = `${u.width}px`, g.style.height = `${u.height}px`;
-          const W = {
-            ...G.defaultLayerOpt,
+      if ((a === p.Snapshot || a === p.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
+        const v = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, W = (r = v.snapshotContainerRef) == null ? void 0 : r.current;
+        if (v && W && u) {
+          W.style.width = `${u.width}px`, W.style.height = `${u.height}px`;
+          const g = {
+            ...Z.defaultLayerOpt,
             offscreen: !1,
             width: u.width,
             height: u.height
-          }, M = {
-            ...G.defaultScreenCanvasOpt,
+          }, k = {
+            ...Z.defaultScreenCanvasOpt,
             width: u.width,
             height: u.height
           };
-          this.snapshotThread = this.createSnapshotThread(c, {
-            displayer: m,
-            container: g,
-            layerOpt: W,
+          this.snapshotThread = this.createSnapshotThread(n, {
+            displayer: v,
+            container: W,
+            layerOpt: g,
             master: this.master,
-            canvasOpt: M,
+            canvasOpt: k,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
-            this.snapshotThread = void 0, g.innerHTML = "", g.style.width = "", g.style.height = "";
+            this.snapshotThread = void 0, W.innerHTML = "", W.style.width = "", W.style.height = "";
           });
           continue;
         }
       }
-      if (n === p.TasksQueue && (a != null && a.size)) {
-        for (const [m, g] of this.mainThreadMap.entries()) {
-          const W = a.get(m);
-          W && (await g.on(W), h && this.post({ workerTasksqueueCount: h }));
+      if (a === p.GetImageBitMap && y && this.snapshotThread) {
+        this.snapshotThread.on(i);
+        continue;
+      }
+      if (a === p.TasksQueue && (c != null && c.size)) {
+        for (const [v, W] of this.mainThreadMap.entries()) {
+          const g = c.get(v);
+          g && (await W.on(g), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (c === pe) {
-        for (const m of this.mainThreadMap.values())
-          m.on(i), n === p.Destroy && this.mainThreadMap.delete(c);
+      if (n === he) {
+        for (const v of this.mainThreadMap.values())
+          v.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
         continue;
       }
-      const y = this.mainThreadMap.get(c);
-      y && (y.on(i), n === p.Destroy && this.mainThreadMap.delete(c));
+      const m = this.mainThreadMap.get(n);
+      m && (m.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
     }
   }
 }
 export {
-  ze as MainThreadManagerImpl
+  Be as MainThreadManagerImpl
 };