@netless/appliance-plugin 1.1.17-beta.8 → 1.1.17

package/dist/{index-DZmnrj_U.mjs → index-D5p9NBLd.mjs}

@@ -1,15 +1,16 @@
 var ne = Object.defineProperty;
 var ce = (L, t, e) => t in L ? ne(L, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : L[t] = e;
 var u = (L, t, e) => ce(L, typeof t != "symbol" ? t + "" : t, e);
-import { D as B, E as W, a as f, r as z, b as g, g as $, t as U, c as p, S as te, d as T, e as X, i as le, C as F, f as R, h as he, j as I, M as P, V as pe, k as se, T as Y, l as G, m as Q, n as V, o as de, p as K, q as J, s as ue } from "./index-BwYgPPna.mjs";
+import { D as B, E as W, a as f, r as z, b as g, g as $, t as U, c as p, S as te, d as T, e as X, i as le, C as F, f as R, h as I, M as P, V as he, j as se, T as Y, k as G, l as Q, m as V, n as pe, o as K, p as J, q as de } from "./index-DGks_HwI.mjs";
 import { Scene as oe, Group as re } from "spritejs";
-import { cloneDeep as ie, xor as fe, isNumber as H, isEqual as ee } from "lodash";
+import { cloneDeep as ie, xor as ue, isNumber as H, isEqual as ee } from "lodash";
+import "clipper-lib";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
 import "react";
 import "eventemitter2";
-class me {
+class fe {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -86,11 +87,11 @@ class me {
     return e.toolsType = s, e.node = this.createWorkShapeNode({ workId: t, toolsType: s, toolsOpt: o }), e;
   }
   activeServiceWorkShape(t) {
-    var k, d;
+    var m, d;
     const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: c } = t;
     if (!e)
       return;
-    const n = e.toString(), h = (k = this.vNodes.get(n)) == null ? void 0 : k.rect;
+    const n = e.toString(), h = (m = this.vNodes.get(n)) == null ? void 0 : m.rect;
     if (!((d = this.serviceWorkShapes) != null && d.has(n))) {
       let S = {
         toolsType: o,
@@ -119,12 +120,12 @@ class me {
     for (const [c, n] of this.serviceWorkShapes.entries())
       switch (n.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(n, 8), k = Math.max(0, n.animationIndex || 0), d = (n.animationWorkData || []).slice(k, l);
+          const l = this.computNextAnimationIndex(n, 8), m = Math.max(0, n.animationIndex || 0), d = (n.animationWorkData || []).slice(m, l);
           if ((n.animationIndex || 0) < l && ((o = n.node) == null || o.consumeService({
             op: d,
             isFullWork: !1
           }), n.animationIndex = l, d.length && e.set(c, {
-            workState: k === 0 ? W.Start : l === ((r = n.animationWorkData) == null ? void 0 : r.length) ? W.Done : W.Doing,
+            workState: m === 0 ? W.Start : l === ((r = n.animationWorkData) == null ? void 0 : r.length) ? W.Done : W.Doing,
             op: d.slice(-2)
           })), n.isDel) {
             (i = n.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(c);
@@ -135,10 +136,10 @@ class me {
         }
       }
     for (const [c, n] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: k, workState: d } = n;
+      const { result: h, toolsType: l, isDel: m, workState: d } = n;
       switch (l) {
         case f.LaserPen: {
-          if (k) {
+          if (m) {
             n.node.clearTmpPoints(), this.localWorkShapes.delete(c), s.push({
               removeIds: [c.toString()],
               type: p.RemoveNode
@@ -190,7 +191,7 @@ class me {
     this.runAnimation();
   }
 }
-class ke {
+class me {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -203,9 +204,6 @@ class ke {
     u(this, "fullWorkerDrawCount", 0);
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
-    u(this, "batchEraserCombine", he(() => {
-      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) {
@@ -233,9 +231,9 @@ class ke {
   //     }
   // }
   async updateSelector(t) {
-    var k;
+    var m;
     const e = this.workShapes.get(T);
-    if (!((k = e == null ? void 0 : e.selectIds) != null && k.length)) return;
+    if (!((m = e == null ? void 0 : e.selectIds) != null && m.length)) return;
     const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
       selectIds: ie(e.selectIds),
@@ -244,7 +242,7 @@ class ke {
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let n;
-    a != null && a.selectIds && (n = fe(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
+    a != null && a.selectIds && (n = ue(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
       const S = this.vNodes.get(d);
       if (S) {
         const { toolsType: y, op: w, opt: v } = S;
@@ -290,8 +288,8 @@ class ke {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: a, name: c, toolsType: n, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], k = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (n === f.Text && le([l, k], a) && h.workState === W.Done) {
+        const { rect: a, name: c, toolsType: n, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
+        if (n === f.Text && le([l, m], a) && h.workState === W.Done) {
           r = c;
           break;
         }
@@ -579,31 +577,37 @@ class ke {
     }
     a.length && this.thread.post({ sp: a });
   }
-  drawPencilEraser(t, e) {
-    var o, r;
-    const s = [];
-    if ((o = t.newWorkDatas) != null && o.size) {
-      for (const i of t.newWorkDatas.values()) {
-        const a = i.workId.toString();
-        this.batchEraserWorks.add(a), s.push({
-          type: p.FullWork,
-          workId: a,
-          ops: X(i.op),
-          opt: i.opt,
-          toolsType: i.toolsType,
-          updateNodeOpt: {
-            useAnimation: !1
-          }
-        });
+  drawPencilEraserFull(t, e, s) {
+    const { willNewNodes: o, willDeleteNodes: r } = e, i = t.getWorkId(), a = [
+      {
+        type: p.RemoveNode,
+        removeIds: [i],
+        viewId: this.thread.viewId
       }
-      delete t.newWorkDatas;
-    }
-    (r = t.removeIds) == null || r.forEach((i) => {
-      this.batchEraserRemoveNodes.add(i);
-    }), e && s.push({
+    ];
+    if (s && a.push({
       type: p.None,
-      isLockSentEventCursor: e
-    }), t.rect, this.thread.post({ sp: s, consumeCount: this.consumeCount }), this.batchEraserCombine();
+      isLockSentEventCursor: s
+    }), o != null && o.size || r != null && r.size) {
+      if (o != null && o.size)
+        for (const [c, n] of o)
+          a.push({
+            type: p.FullWork,
+            dataType: g.Local,
+            ops: X(n.op),
+            opt: n.opt,
+            workId: c,
+            updateNodeOpt: {
+              useAnimation: !1
+            }
+          });
+      r != null && r.size && a.push({
+        type: p.RemoveNode,
+        removeIds: [...r],
+        viewId: this.thread.viewId
+      });
+    }
+    a.length && this.thread.post({ sp: a });
   }
   drawEraser(t, e) {
     const s = [];
@@ -612,22 +616,32 @@ class ke {
       isLockSentEventCursor: e
     }), this.thread.post({ sp: s, consumeCount: this.consumeCount });
   }
-  updateBatchEraserCombineNode(t, e) {
-    for (const s of e.keys())
-      this.thread.fullLayer.getElementsByName(s).forEach((o) => {
-        o.remove(), R(o, this.thread.fullLayer.parent);
-      });
-    t.forEach((s) => {
-      const o = this.vNodes.get(s);
-      if (o && o.toolsType === f.Pencil && !this.thread.fullLayer.getElementsByName(s)[0]) {
-        const i = this.setFullWork({ ...o, workId: s });
-        i && i.consumeService({
-          op: o.op,
-          isFullWork: !0
-        });
-      }
-    });
-  }
+  // private updateBatchEraserCombineNode(inFullLayerIds:Set<string>,removeIds:Set<string>) {
+  //     for (const key of removeIds.keys()) {
+  //         this.thread.fullLayer.getElementsByName(key).forEach(node => {
+  //             node.remove();
+  //             removeTexture(node, this.thread.fullLayer.parent as Layer);
+  //         });
+  //     }
+  //     inFullLayerIds.forEach(key=>{
+  //         const info = this.vNodes.get(key);
+  //         if (info && info.toolsType === EToolsKey.Pencil) {
+  //             const node = this.thread.fullLayer.getElementsByName(key)[0];
+  //             if (!node) {
+  //                 const workShape = this.setFullWork({...info, workId: key}) as PencilShape;
+  //                 workShape && workShape.consumeService({
+  //                     op: info.op, 
+  //                     isFullWork: true
+  //                 });
+  //             }
+  //         }
+  //     })
+  // }
+  // private batchEraserCombine = throttle(() => {
+  //     this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes);
+  //     this.batchEraserWorks.clear();
+  //     this.batchEraserRemoveNodes.clear();
+  // }, 100, {'leading':false})
   getWorkShape(t) {
     return this.workShapes.get(t);
   }
@@ -654,20 +668,19 @@ class ke {
           {
             const h = c.consume({
               data: t,
-              isFullWork: !0
+              isFullWork: !0,
+              isMainThread: !0
             });
-            h.type === p.Select && (h.selectIds && e.runReverseSelectWork(h.selectIds), this.thread.post({ sp: [h] }));
-          }
-          break;
-        case f.PencilEraser:
-          {
-            const h = c.consume({
-              data: t,
-              isFullWork: !0
+            this.fullWorkerDrawCount++;
+            const l = [];
+            h.type === p.Select && (h.selectIds && e.runReverseSelectWork(h.selectIds), l.push(h)), this.thread.post({
+              consumeCount: this.consumeCount,
+              fullWorkerDrawCount: this.fullWorkerDrawCount,
+              sp: l
             });
-            this.drawPencilEraser(h);
           }
           break;
+        case f.PencilEraser:
         case f.BitMapEraser: {
           const h = c.consume({
             data: t,
@@ -726,11 +739,11 @@ class ke {
       const l = h.toolsType;
       if (l === f.LaserPen)
         return;
-      const k = this.workShapes.get(F), d = (i = k == null ? void 0 : k.selectIds) == null ? void 0 : i[0], S = h.consumeAll({ data: t, workerEngine: this });
+      const m = this.workShapes.get(F), d = (i = m == null ? void 0 : m.selectIds) == null ? void 0 : i[0], S = h.consumeAll({ data: t, workerEngine: this });
       switch (l) {
         case f.Selector:
           {
-            S.selectIds && d && ((a = S.selectIds) != null && a.includes(d)) && k.cursorBlur();
+            S.selectIds && d && ((a = S.selectIds) != null && a.includes(d)) && m.cursorBlur();
             const y = [];
             r && y.push({
               type: p.None,
@@ -739,7 +752,7 @@ class ke {
           }
           break;
         case f.PencilEraser:
-          this.drawPencilEraser({ ...S, scenePath: o }, r), h.clearTmpPoints();
+          this.drawPencilEraserFull(h, S, r), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
           break;
         case f.BitMapEraser:
           this.drawBitMapEraserFull(h, S, r), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(n);
@@ -787,7 +800,7 @@ class ke {
     return $({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
-class Se {
+class ke {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -857,30 +870,30 @@ class Se {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, a, c, n, h, l, k, d, S, y, w, v, D, x, Z, j;
+    var s, o, r, i, a, c, n, h, l, m, d, S, y, w, v, C, x, Z, j;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [N, m] of this.workShapes.entries())
-      switch (m.toolsType) {
+    for (const [N, k] of this.workShapes.entries())
+      switch (k.toolsType) {
         case f.Image: {
-          await ((s = m.node) == null ? void 0 : s.consumeServiceAsync({
+          await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
-          })), this.selectorWorkShapes.forEach((b, C) => {
+          })), this.selectorWorkShapes.forEach((b, D) => {
             var O;
-            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
+            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
           }), this.workShapes.delete(N);
           break;
         }
         case f.Text: {
-          m.node && (await ((o = m.node) == null ? void 0 : o.consumeServiceAsync({
+          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: N
-          })), this.selectorWorkShapes.forEach((b, C) => {
+          })), this.selectorWorkShapes.forEach((b, D) => {
             var O;
-            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
-          }), (r = m.node) == null || r.clearTmpPoints(), this.workShapes.delete(N));
+            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(N));
           break;
         }
         case f.Arrow:
@@ -890,62 +903,62 @@ class Se {
         case f.Star:
         case f.Polygon:
         case f.SpeechBalloon: {
-          const b = !!m.ops;
-          if ((i = m.animationWorkData) != null && i.length) {
-            const C = m.oldRect;
-            (a = m.node) == null || a.consumeService({
-              op: m.animationWorkData,
+          const b = !!k.ops;
+          if ((i = k.animationWorkData) != null && i.length) {
+            const D = k.oldRect;
+            (a = k.node) == null || a.consumeService({
+              op: k.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((O, E) => {
+            }), b && (this.selectorWorkShapes.forEach((O, M) => {
               var A;
-              (A = O.selectIds) != null && A.includes(N) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
-            }), (c = m.node) == null || c.clearTmpPoints(), this.workShapes.delete(N)), e.set(N, {
-              workState: C ? m.ops ? W.Done : W.Doing : W.Start,
-              op: m.animationWorkData.filter((O, E) => {
-                if (E % 3 !== 2)
+              (A = O.selectIds) != null && A.includes(N) && (this.willRunEffectSelectorIds.add(M), this.runEffect());
+            }), (c = k.node) == null || c.clearTmpPoints(), this.workShapes.delete(N)), e.set(N, {
+              workState: D ? k.ops ? W.Done : W.Doing : W.Start,
+              op: k.animationWorkData.filter((O, M) => {
+                if (M % 3 !== 2)
                   return !0;
               }).slice(-2)
-            }), m.animationWorkData.length = 0;
+            }), k.animationWorkData.length = 0;
           }
           break;
         }
         case f.Pencil: {
-          if (!m.useAnimation && m.ops)
-            (n = m.node) == null || n.consumeService({
-              op: m.animationWorkData || [],
+          if (!k.useAnimation && k.ops)
+            (n = k.node) == null || n.consumeService({
+              op: k.animationWorkData || [],
               isFullWork: !0,
               replaceId: N
-            }), (h = m.node) == null || h.updataOptService(m.updateNodeOpt), this.selectorWorkShapes.forEach((b, C) => {
+            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, D) => {
               var O;
-              (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
-            }), (l = m.node) == null || l.clearTmpPoints(), this.workShapes.delete(N);
-          else if (m.useAnimation) {
-            if (m.isDel) {
-              (k = m.node) == null || k.clearTmpPoints(), this.workShapes.delete(N);
+              (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
+            }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(N);
+          else if (k.useAnimation) {
+            if (k.isDel) {
+              (m = k.node) == null || m.clearTmpPoints(), this.workShapes.delete(N);
               break;
             }
-            const b = 3, C = this.computNextAnimationIndex(m, b), O = m.isDiff ? 0 : Math.max(0, (m.animationIndex || 0) - b), E = (m.animationWorkData || []).slice(O, C), A = (S = (d = m.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
-            if ((m.animationIndex || 0) < C || m.isDiff) {
-              if ((y = m.node) == null || y.consumeService({
-                op: E,
+            const b = 3, D = this.computNextAnimationIndex(k, b), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), M = (k.animationWorkData || []).slice(O, D), A = (S = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
+            if ((k.animationIndex || 0) < D || k.isDiff) {
+              if ((y = k.node) == null || y.consumeService({
+                op: M,
                 isFullWork: !1
-              }), m.animationIndex = C, m.isDiff && (m.isDiff = !1), E.length) {
-                const q = E.filter((_, ae) => {
+              }), k.animationIndex = D, k.isDiff && (k.isDiff = !1), M.length) {
+                const q = M.filter((_, ae) => {
                   if (ae % b !== b - 1)
                     return !0;
                 }).slice(-2);
                 e.set(N, {
-                  workState: O === 0 ? W.Start : C === ((w = m.animationWorkData) == null ? void 0 : w.length) ? W.Done : W.Doing,
+                  workState: O === 0 ? W.Start : D === ((w = k.animationWorkData) == null ? void 0 : w.length) ? W.Done : W.Doing,
                   op: q
                 });
               }
-            } else m.ops && ((v = m.node) == null || v.consumeService({
-              op: m.animationWorkData || [],
+            } else k.ops && ((v = k.node) == null || v.consumeService({
+              op: k.animationWorkData || [],
               isFullWork: !0,
               replaceId: A
-            }), m.isDel = !0, e.set(N, {
+            }), k.isDel = !0, e.set(N, {
               workState: W.Done,
-              op: E.filter((q, _) => {
+              op: M.filter((q, _) => {
                 if (_ % b !== b - 1)
                   return !0;
               }).slice(-2)
@@ -957,30 +970,30 @@ class Se {
         }
         case f.BitMapEraser:
         case f.PencilEraser: {
-          if (m.isDel) {
-            (D = m.node) == null || D.clearTmpPoints(), this.workShapes.delete(N);
+          if (k.isDel) {
+            (C = k.node) == null || C.clearTmpPoints(), this.workShapes.delete(N);
             break;
           }
-          if (m.ops && ((x = m.animationWorkData) != null && x.length)) {
-            const b = m.animationWorkData.slice(-3, -1);
+          if (k.ops && ((x = k.animationWorkData) != null && x.length)) {
+            const b = k.animationWorkData.slice(-3, -1);
             e.set(N, {
               workState: W.Done,
               op: b
-            }), m.isDel = !0;
+            }), k.isDel = !0;
             break;
           }
-          if (m.useAnimation) {
-            const C = this.computNextAnimationIndex(m, 3), O = m.isDiff ? 0 : Math.max(0, (m.animationIndex || 0) - 3), E = (m.animationWorkData || []).slice(O, C);
-            if (((m.animationIndex || 0) < C || m.isDiff) && ((Z = m.node) == null || Z.consumeService({
-              op: E,
-              isFullWork: m.toolsType !== f.BitMapEraser
-            }), m.animationIndex = C, m.isDiff && (m.isDiff = !1), E.length)) {
-              const A = E.filter((q, _) => {
+          if (k.useAnimation) {
+            const D = this.computNextAnimationIndex(k, 3), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - 3), M = (k.animationWorkData || []).slice(O, D);
+            if (((k.animationIndex || 0) < D || k.isDiff) && ((Z = k.node) == null || Z.consumeService({
+              op: M,
+              isFullWork: !1
+            }), k.animationIndex = D, k.isDiff && (k.isDiff = !1), M.length)) {
+              const A = M.filter((q, _) => {
                 if (_ % 3 !== 2)
                   return !0;
               }).slice(-2);
               e.set(N, {
-                workState: O === 0 ? W.Start : C === ((j = m.animationWorkData) == null ? void 0 : j.length) ? W.Done : W.Doing,
+                workState: O === 0 ? W.Start : D === ((j = k.animationWorkData) == null ? void 0 : j.length) ? W.Done : W.Doing,
                 op: A
               });
             }
@@ -992,12 +1005,12 @@ class Se {
       }
     if (t && this.runAnimation(), e.size) {
       const N = [];
-      e.forEach((m, b) => {
+      e.forEach((k, b) => {
         N.push({
           type: p.Cursor,
           uid: b.split(te)[0],
-          op: m.op,
-          workState: m.workState,
+          op: k.op,
+          workState: k.workState,
           viewId: this.thread.viewId
         });
       }), this.thread.post({ sp: N });
@@ -1031,9 +1044,9 @@ class Se {
     const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: c, useAnimation: n, imageBitmap: h } = t;
     if (!e)
       return;
-    const l = e.toString(), k = (S = this.vNodes.get(l)) == null ? void 0 : S.rect;
+    const l = e.toString(), m = (S = this.vNodes.get(l)) == null ? void 0 : S.rect;
     if (!((y = this.workShapes) != null && y.has(l))) {
-      let D = {
+      let C = {
         toolsType: o,
         animationWorkData: c || [],
         animationIndex: 0,
@@ -1041,14 +1054,14 @@ class Se {
         updateNodeOpt: i,
         ops: a,
         useAnimation: typeof n < "u" ? n : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
-        oldRect: k,
+        oldRect: m,
         isDiff: !1,
         imageBitmap: h
       };
-      o && s && (D = this.setNodeKey(l, D, o, s)), (w = this.workShapes) == null || w.set(l, D);
+      o && s && (C = this.setNodeKey(l, C, o, s)), (w = this.workShapes) == null || w.set(l, C);
     }
     const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), a && (d.animationWorkData = U(a), d.ops = a), i && (d.updateNodeOpt = i), c && (d.isDiff = this.hasDiffData(d.animationWorkData || [], c, d.toolsType), d.animationWorkData = c), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), k && (d.oldRect = k), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
+    r && (d.type = r), a && (d.animationWorkData = U(a), d.ops = a), i && (d.updateNodeOpt = i), c && (d.isDiff = this.hasDiffData(d.animationWorkData || [], c, d.toolsType), d.animationWorkData = c), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
   }
   removeNode(t, e) {
     t.indexOf(T) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
@@ -1068,13 +1081,13 @@ class Se {
       return;
     const a = e.toString();
     if (!((n = this.selectorWorkShapes) != null && n.has(a))) {
-      let k = {
+      let m = {
         toolsType: o,
         selectIds: i,
         type: r,
         opt: s
       };
-      o && s && (k = this.setNodeKey(a, k, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, k);
+      o && s && (m = this.setNodeKey(a, m, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, m);
     }
     const c = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
     r && (c.type = r), c.node && c.node.getWorkId() !== a && c.node.setWorkId(a), c.selectIds = i || [];
@@ -1090,7 +1103,7 @@ class Se {
     }, this), e;
   }
 }
-class M {
+class E {
   constructor() {
     u(this, "localWork");
     u(this, "serviceWork");
@@ -1100,7 +1113,7 @@ class M {
     return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
   }
 }
-class ye extends M {
+class Se extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.CopyNode);
@@ -1116,7 +1129,7 @@ class ye extends M {
     s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
   }
 }
-class we extends M {
+class ye extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetColorNode);
@@ -1164,7 +1177,7 @@ class we extends M {
     };
   }
 }
-class ve extends M {
+class we extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.ZIndexNode);
@@ -1205,7 +1218,7 @@ class ve extends M {
     };
   }
 }
-class ge extends M {
+class ve extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.TranslateNode);
@@ -1230,15 +1243,15 @@ class ge extends M {
     })) : o.workState === W.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, k = h.workState, d = o.sp || [];
-    if (k === W.Start)
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = h.workState, d = o.sp || [];
+    if (m === W.Start)
       return {
         sp: [],
         render: []
       };
     const S = a == null ? void 0 : a.selectRect;
     if (c) {
-      k === W.Doing && d.push({
+      m === W.Doing && d.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: S,
@@ -1271,7 +1284,7 @@ class ge extends M {
     };
   }
 }
-class Ie extends M {
+class ge extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.DeleteNode);
@@ -1280,7 +1293,7 @@ class Ie extends M {
     return !1;
   }
 }
-class We extends M {
+class Ie extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.ScaleNode);
@@ -1302,7 +1315,7 @@ class We extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n } = s, h = c.workState, l = o.sp || [], k = i == null ? void 0 : i.selectRect;
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n } = s, h = c.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
     if (h === W.Start)
       return {
         sp: [],
@@ -1312,7 +1325,7 @@ class We extends M {
       l.push({
         type: p.Select,
         selectIds: r.selectIds,
-        selectRect: k,
+        selectRect: m,
         willSyncService: !0,
         isSync: !0,
         points: h === W.Done && r.getChildrenPoints() || void 0,
@@ -1342,7 +1355,7 @@ class We extends M {
     };
   }
 }
-class Te extends M {
+class We extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.RotateNode);
@@ -1366,9 +1379,9 @@ class Te extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n, willSerializeData: h, isSync: l } = s, k = c.workState, d = o.sp || [], S = i == null ? void 0 : i.selectRect;
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: c, willSyncService: n, willSerializeData: h, isSync: l } = s, m = c.workState, d = o.sp || [], S = i == null ? void 0 : i.selectRect;
     if (n) {
-      h && k === W.Done && d.push({
+      h && m === W.Done && d.push({
         type: p.Select,
         selectIds: r.selectIds,
         selectRect: S,
@@ -1394,7 +1407,7 @@ class Te extends M {
     };
   }
 }
-class Le extends M {
+class Te extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetFontStyle);
@@ -1417,9 +1430,9 @@ class Le extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, k = o.sp || [], d = a == null ? void 0 : a.selectRect;
-    if (c && k) {
-      h.fontSize && k.push({
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = o.sp || [], d = a == null ? void 0 : a.selectRect;
+    if (c && m) {
+      h.fontSize && m.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: d,
@@ -1428,13 +1441,13 @@ class Le extends M {
         points: i.getChildrenPoints()
       });
       for (const [S, y] of r.entries())
-        l && y.toolsType === f.Text ? k.push({
+        l && y.toolsType === f.Text ? m.push({
           ...y,
           workId: S,
           type: p.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
-        }) : k.push(
+        }) : m.push(
           {
             ...y,
             workId: S,
@@ -1447,11 +1460,11 @@ class Le extends M {
         );
     }
     return {
-      sp: k
+      sp: m
     };
   }
 }
-class Ne extends M {
+class Le extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetPoint);
@@ -1478,11 +1491,11 @@ class Ne extends M {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
     if (c && h) {
-      for (const [k, d] of r.entries())
+      for (const [m, d] of r.entries())
         h.push(
           {
             ...d,
-            workId: k,
+            workId: m,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1504,7 +1517,7 @@ class Ne extends M {
     };
   }
 }
-class be extends M {
+class Ne extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetLock);
@@ -1526,7 +1539,7 @@ class be extends M {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h } = s, l = o.sp || [], k = a == null ? void 0 : a.selectRect;
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: c, isSync: n, updateSelectorOpt: h } = s, l = o.sp || [], m = a == null ? void 0 : a.selectRect;
     if (c && l) {
       for (const [d, S] of r.entries())
         l.push(
@@ -1547,7 +1560,7 @@ class be extends M {
         canRotate: i.canRotate,
         type: p.Select,
         selectIds: i.selectIds,
-        selectRect: k,
+        selectRect: m,
         willSyncService: c,
         isSync: n
       });
@@ -1557,7 +1570,7 @@ class be extends M {
     };
   }
 }
-class De extends M {
+class be extends E {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetShapeOpt);
@@ -1606,27 +1619,27 @@ class Ce {
   build(t) {
     switch (t) {
       case I.TranslateNode:
-        return new ge();
-      case I.ZIndexNode:
         return new ve();
+      case I.ZIndexNode:
+        return new we();
       case I.CopyNode:
-        return new ye();
+        return new Se();
       case I.SetColorNode:
-        return new we();
+        return new ye();
       case I.DeleteNode:
-        return new Ie();
+        return new ge();
       case I.ScaleNode:
-        return new We();
+        return new Ie();
       case I.RotateNode:
-        return new Te();
+        return new We();
       case I.SetFontStyle:
-        return new Le();
+        return new Te();
       case I.SetPoint:
-        return new Ne();
+        return new Le();
       case I.SetLock:
-        return new be();
+        return new Ne();
       case I.SetShapeOpt:
-        return new De();
+        return new be();
     }
   }
   registerForMainThread(t) {
@@ -1641,7 +1654,7 @@ class Ce {
     return !1;
   }
 }
-class Oe {
+class De {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -1667,12 +1680,12 @@ class Oe {
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
     this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
     const s = B.bufferSize.full, o = B.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === P ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.vNodes = new pe(t, this.scene);
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === P ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === P, o), contextType: "2d" }), this.vNodes = new he(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new ke(r), this.serviceWork = new Se(r), this.topWork = new me(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ce([
+    this.localWork = new me(r), this.serviceWork = new ke(r), this.topWork = new fe(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ce([
       I.CopyNode,
       I.SetColorNode,
       I.DeleteNode,
@@ -1715,7 +1728,7 @@ class Oe {
   }
   async on(t) {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: c, imageBitmap: n, workIds: h, isLockSentEventCursor: l } = t, k = i == null ? void 0 : i.toString();
+      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: c, imageBitmap: n, workIds: h, isLockSentEventCursor: l } = t, m = i == null ? void 0 : i.toString();
       switch (e) {
         case p.UpdateDpr:
           H(t.dpr) && this.updateDpr(t.dpr);
@@ -1744,18 +1757,18 @@ class Oe {
           }
           break;
         case p.CreateWork:
-          if (k && o && s) {
+          if (m && o && s) {
             if (this.topWork.canUseTopLayer(s)) {
               this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
                 toolsType: s,
                 toolsOpt: o
-              }), this.topWork.setWorkOptions(k, o);
+              }), this.topWork.setWorkOptions(m, o);
               break;
             }
             this.localWork.getToolsOpt() || this.localWork.setToolsOpt({
               toolsType: s,
               toolsOpt: o
-            }), this.localWork.setWorkOptions(k, o);
+            }), this.localWork.setWorkOptions(m, o);
           }
           break;
         case p.DrawWork:
@@ -2008,11 +2021,11 @@ class Oe {
         for (const [n, h] of r.entries()) {
           const l = this.vNodes.get(n);
           if (l) {
-            const k = h, d = l.rect, S = this.getSceneRect(), y = G(k, S), w = G(d, S);
+            const m = h, d = l.rect, S = this.getSceneRect(), y = G(m, S), w = G(d, S);
             let v = !1;
-            if ((y !== w || k.w !== d.w || k.h !== d.h || w === Q.intersect) && (v = !0), v) {
-              const { toolsType: D, opt: x } = l;
-              D === f.Text && x.workState === W.Done && this.debounceUpdateCache.add(n);
+            if ((y !== w || m.w !== d.w || m.h !== d.h || w === Q.intersect) && (v = !0), v) {
+              const { toolsType: C, opt: x } = l;
+              C === f.Text && x.workState === W.Done && this.debounceUpdateCache.add(n);
             }
           }
         }
@@ -2039,7 +2052,7 @@ class Oe {
                   workId: l
                 });
                 if (v) {
-                  const D = this.getSceneRect(), x = G(w, D);
+                  const C = this.getSceneRect(), x = G(w, C);
                   n.push(v.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
@@ -2098,7 +2111,7 @@ class Oe {
     this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), R(this.fullLayer, this.fullLayer.parent), this.topLayer.remove(), R(this.topLayer, this.topLayer.parent), this.localLayer.remove(), R(this.localLayer, this.localLayer.parent), this.serviceLayer.remove(), R(this.serviceLayer, this.serviceLayer.parent), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
   }
 }
-class Ee {
+class Oe {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2253,14 +2266,14 @@ class Ee {
           switch (h == null ? void 0 : h.type) {
             case p.UpdateNode:
             case p.FullWork: {
-              const { opt: l } = h, k = {
+              const { opt: l } = h, m = {
                 ...h,
                 opt: l,
                 workId: n,
                 msgType: p.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
-              }, d = await this.runFullWork(k);
+              }, d = await this.runFullWork(m);
               a = V(a, d);
               break;
             }
@@ -2345,7 +2358,7 @@ class Ee {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (de(o, i)) {
+            if (pe(o, i)) {
               r = !0;
               break;
             }
@@ -2408,31 +2421,31 @@ class _e {
     this.mainThreadMap.clear();
   }
   createMainThread(t, e) {
-    return new Oe(t, e);
+    return new De(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Ee(t, e);
+    return new Oe(t, e);
   }
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: a, viewId: c, tasksqueue: n, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: k, cameraOpt: d, isSubWorker: S } = i;
+      const { msgType: a, viewId: c, tasksqueue: n, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: S } = i;
       if (a === p.Console) {
         console.log(this);
         continue;
       }
       if (a === p.Init) {
         const w = (e = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : e.displayer, v = w == null ? void 0 : w.canvasContainerRef.current;
-        if (w && v && l && k) {
-          const D = this.createMainThread(c, {
+        if (w && v && l && m) {
+          const C = this.createMainThread(c, {
             displayer: w,
             container: v,
             layerOpt: l,
             master: this.master,
-            canvasOpt: k,
+            canvasOpt: m,
             post: this.post.bind(this)
           });
-          this.mainThreadMap.set(c, D), D && d && D.setCameraOpt(d);
+          this.mainThreadMap.set(c, C), C && d && C.setCameraOpt(d);
         }
         continue;
       }
@@ -2440,7 +2453,7 @@ class _e {
         const w = (o = this.master.control.viewContainerManager.getView(c)) == null ? void 0 : o.displayer, v = (r = w.snapshotContainerRef) == null ? void 0 : r.current;
         if (w && v && d) {
           v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
-          const D = {
+          const C = {
             ...J.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
@@ -2453,7 +2466,7 @@ class _e {
           this.snapshotThread = this.createSnapshotThread(c, {
             displayer: w,
             container: v,
-            layerOpt: D,
+            layerOpt: C,
             master: this.master,
             canvasOpt: x,
             post: this.post.bind(this)
@@ -2469,12 +2482,12 @@ class _e {
       }
       if (a === p.TasksQueue && (n != null && n.size)) {
         for (const [w, v] of this.mainThreadMap.entries()) {
-          const D = n.get(w);
-          D && (await v.on(D), h && this.post({ workerTasksqueueCount: h }));
+          const C = n.get(w);
+          C && (await v.on(C), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
-      if (c === ue) {
+      if (c === de) {
         for (const w of this.mainThreadMap.values())
           w.on(i), a === p.Destroy && this.mainThreadMap.delete(c);
         continue;