@netless/appliance-plugin 1.1.15-beta.1 → 1.1.15-beta.2

package/dist/{index-BY6CrjXe.mjs → index-D_0O2awx.mjs}

@@ -1,15 +1,15 @@
-var ie = Object.defineProperty;
-var ae = (N, t, e) => t in N ? ie(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
-var u = (N, t, e) => ae(N, typeof t != "symbol" ? t + "" : t, e);
-import { D as F, E as W, a as f, b as g, g as z, t as P, c as p, S as J, d as T, e as Z, i as ne, C as G, f as ce, h as I, M as A, V as le, j as ee, T as j, k as $, l as X, m as H, n as he, o as q, p as Y, q as pe } from "./index-BZMch2Ky.mjs";
-import { Scene as te, Group as se } from "spritejs";
-import { cloneDeep as oe, xor as de, isNumber as U, isEqual as Q } from "lodash";
+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 P, E as W, a as f, r as U, b as g, g as $, t as B, c as p, S as te, d as T, e as X, i as le, C as K, f as R, h as he, j as I, M as F, V as pe, k as se, T as Y, l as q, m as Q, n as G, o as de, p as V, q as J, s as ue } from "./index-7Ny1Gedj.mjs";
+import { Scene as oe, Group as re } from "spritejs";
+import { cloneDeep as ie, xor as fe, isNumber as _, isEqual as ee } from "lodash";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
 import "react";
 import "eventemitter2";
-class ue {
+class me {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -17,7 +17,7 @@ class ue {
     u(this, "localWorkShapes", /* @__PURE__ */ new Map());
     u(this, "tmpOpt");
     u(this, "animationId");
-    u(this, "syncUnitTime", F.syncOpt.interval);
+    u(this, "syncUnitTime", P.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   createLocalWork(t) {
@@ -55,7 +55,7 @@ class ue {
   clearAll() {
     this.thread.topLayer.children.length && (this.thread.topLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), this.thread.serviceLayer.removeAllChildren()), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
+    }), U(this.thread.serviceLayer, this.thread.serviceLayer.parent)), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
   }
   consumeDraw(t) {
     const { workId: e, dataType: s } = t;
@@ -80,7 +80,7 @@ class ue {
   createWorkShapeNode(t) {
     const { toolsType: e } = t;
     if (e === f.LaserPen)
-      return z({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
+      return $({ ...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;
@@ -104,7 +104,7 @@ class ue {
       o && s && (S = this.setNodeKey(n, S, o, s)), this.serviceWorkShapes.set(n, S);
     }
     const l = this.serviceWorkShapes.get(n);
-    r && (l.type = r), a && (l.animationWorkData = P(a), l.ops = a), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, l, o, s), l.node && l.node.setWorkOptions(s));
+    r && (l.type = r), a && (l.animationWorkData = B(a), l.ops = a), i && (l.updateNodeOpt = i), c && (l.animationWorkData = c), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -153,7 +153,7 @@ class ue {
     t && this.runAnimation(), e.size && e.forEach((c, n) => {
       s.push({
         type: p.Cursor,
-        uid: n.split(J)[0],
+        uid: n.split(te)[0],
         op: c.op,
         workState: c.workState,
         viewId: this.thread.viewId
@@ -190,7 +190,7 @@ class ue {
     this.runAnimation();
   }
 }
-class fe {
+class ke {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -199,11 +199,11 @@ class fe {
     u(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     u(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     u(this, "tmpOpt");
-    u(this, "syncUnitTime", F.syncOpt.interval);
+    u(this, "syncUnitTime", P.syncOpt.interval);
     u(this, "fullWorkerDrawCount", 0);
     u(this, "drawWorkActiveId");
     u(this, "consumeCount", 0);
-    u(this, "batchEraserCombine", ce(() => {
+    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;
@@ -238,20 +238,20 @@ class fe {
     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: oe(e.selectIds),
+      selectIds: ie(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
     })), c = /* @__PURE__ */ new Map();
     let n;
-    a != null && a.selectIds && (n = de(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
+    a != null && a.selectIds && (n = fe(e.selectIds, a.selectIds), a.selectIds.forEach((d) => {
       const S = this.vNodes.get(d);
       if (S) {
         const { toolsType: w, op: y, opt: v } = S;
         c.set(d, {
           opt: v,
           toolsType: w,
-          ops: (y == null ? void 0 : y.length) && Z(y) || void 0
+          ops: (y == null ? void 0 : y.length) && X(y) || void 0
         });
       }
     }), e.selectIds = a.selectIds);
@@ -274,7 +274,7 @@ class fe {
   clearAll() {
     if (this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
       e.name !== "viewport" && e.remove();
-    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(T)) {
+    }), U(this.thread.localLayer, this.thread.localLayer.parent)), this.workShapes.get(T)) {
       const e = [];
       e.push({
         type: p.Select,
@@ -291,7 +291,7 @@ class fe {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
         const { rect: a, name: c, toolsType: n, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (n === f.Text && ne([l, m], a) && h.workState === W.Done) {
+        if (n === f.Text && le([l, m], a) && h.workState === W.Done) {
           r = c;
           break;
         }
@@ -312,7 +312,7 @@ class fe {
   }
   cursorHover(t) {
     const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: G,
+      workId: K,
       toolsType: s,
       opt: e
     });
@@ -394,9 +394,9 @@ class fe {
   removeNode(t) {
     var o;
     this.vNodes.get(t) && ((o = this.thread.fullLayer) == null || o.getElementsByName(t).forEach((r) => {
-      r.remove();
+      r.remove(), R(r, this.thread.fullLayer.parent);
     }), this.vNodes.delete(t)), this.workShapes.has(t) && (this.thread.localLayer.getElementsByName(t).forEach((r) => {
-      r.remove();
+      r.remove(), R(r, this.thread.localLayer.parent);
     }), this.clearWorkShapeNodeCache(t));
   }
   setFullWork(t) {
@@ -413,7 +413,7 @@ class fe {
   }
   async consumeFull(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && P(t.ops);
+    const e = this.setFullWork(t), s = t.ops && B(t.ops);
     if (e) {
       const r = (o = t.workId) == null ? void 0 : o.toString();
       e.toolsType === f.Image ? await e.consumeServiceAsync({
@@ -473,7 +473,7 @@ class fe {
             replaceId: r
           });
         else {
-          const i = s.ops && P(s.ops);
+          const i = s.ops && B(s.ops);
           o.consumeService({
             op: i,
             isFullWork: !0,
@@ -581,7 +581,7 @@ class fe {
         this.batchEraserWorks.add(a), s.push({
           type: p.FullWork,
           workId: a,
-          ops: Z(i.op),
+          ops: X(i.op),
           opt: i.opt,
           toolsType: i.toolsType,
           updateNodeOpt: {
@@ -608,7 +608,7 @@ class fe {
   updateBatchEraserCombineNode(t, e) {
     for (const s of e.keys())
       this.thread.fullLayer.getElementsByName(s).forEach((o) => {
-        o.remove();
+        o.remove(), R(o, this.thread.fullLayer.parent);
       });
     t.forEach((s) => {
       const o = this.vNodes.get(s);
@@ -642,7 +642,7 @@ class fe {
         viewId: this.thread.viewId,
         msgType: p.DrawWork,
         dataType: g.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== T && (this.drawWorkActiveId = a), U(i) && (this.consumeCount = i), n) {
+      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== T && (this.drawWorkActiveId = a), _(i) && (this.consumeCount = i), n) {
         case f.Selector:
           {
             const h = c.consume({
@@ -719,7 +719,7 @@ class fe {
       const l = h.toolsType;
       if (l === f.LaserPen)
         return;
-      const m = this.workShapes.get(G), d = (i = m == null ? void 0 : m.selectIds) == null ? void 0 : i[0], S = h.consumeAll({ data: t, workerEngine: this });
+      const m = this.workShapes.get(K), 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)) && m.cursorBlur(), S.type === p.Select && (S.selectIds && e.runReverseSelectWork(S.selectIds), this.thread.post({ sp: [{ ...S, scenePath: o }] })), (c = h.selectIds) != null && c.length ? h.clearTmpPoints() : this.clearWorkShapeNodeCache(n);
@@ -770,10 +770,10 @@ class fe {
     e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
   }
   createWorkShapeNode(t) {
-    return z({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
+    return $({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
-class me {
+class Se {
   constructor(t) {
     u(this, "vNodes");
     u(this, "thread");
@@ -782,7 +782,7 @@ class me {
     u(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
     u(this, "runEffectId");
     u(this, "animationId");
-    u(this, "syncUnitTime", F.syncOpt.interval);
+    u(this, "syncUnitTime", P.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   async loadImageBitMap(t) {
@@ -794,7 +794,7 @@ class me {
   clearAll() {
     this.thread.serviceLayer.children.length && (this.thread.serviceLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), this.thread.serviceLayer.removeAllChildren()), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
+    }), U(this.thread.serviceLayer, this.thread.serviceLayer.parent)), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
   }
   runEffect() {
     this.runEffectId || (this.runEffectId = setTimeout(this.effectRunSelector.bind(this), 0));
@@ -843,11 +843,11 @@ class me {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, a, c, n, h, l, m, d, S, w, y, v, D, R, V, K;
+    var s, o, r, i, a, c, n, h, l, m, d, S, w, y, v, D, x, Z, j;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [L, k] of this.workShapes.entries())
+    for (const [N, k] of this.workShapes.entries())
       switch (k.toolsType) {
         case f.Image: {
           await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
@@ -855,18 +855,18 @@ class me {
             worker: this
           })), this.selectorWorkShapes.forEach((b, C) => {
             var O;
-            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
-          }), this.workShapes.delete(L);
+            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
+          }), this.workShapes.delete(N);
           break;
         }
         case f.Text: {
           k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
-            replaceId: L
+            replaceId: N
           })), this.selectorWorkShapes.forEach((b, C) => {
             var O;
-            (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
-          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(L));
+            (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
+          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(N));
           break;
         }
         case f.Arrow:
@@ -883,9 +883,9 @@ class me {
               op: k.animationWorkData,
               isFullWork: b
             }), b && (this.selectorWorkShapes.forEach((O, E) => {
-              var x;
-              (x = O.selectIds) != null && x.includes(L) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
-            }), (c = k.node) == null || c.clearTmpPoints(), this.workShapes.delete(L)), e.set(L, {
+              var A;
+              (A = O.selectIds) != null && A.includes(N) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
+            }), (c = k.node) == null || c.clearTmpPoints(), this.workShapes.delete(N)), e.set(N, {
               workState: C ? k.ops ? W.Done : W.Doing : W.Start,
               op: k.animationWorkData.filter((O, E) => {
                 if (E % 3 !== 2)
@@ -900,39 +900,39 @@ class me {
             (n = k.node) == null || n.consumeService({
               op: k.animationWorkData || [],
               isFullWork: !0,
-              replaceId: L
+              replaceId: N
             }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, C) => {
               var O;
-              (O = b.selectIds) != null && O.includes(L) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
-            }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(L);
+              (O = b.selectIds) != null && O.includes(N) && (this.willRunEffectSelectorIds.add(C), 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(L);
+              (m = k.node) == null || m.clearTmpPoints(), this.workShapes.delete(N);
               break;
             }
-            const b = 3, C = this.computNextAnimationIndex(k, b), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), E = (k.animationWorkData || []).slice(O, C), x = (S = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
+            const b = 3, C = this.computNextAnimationIndex(k, b), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), E = (k.animationWorkData || []).slice(O, C), A = (S = (d = k.node) == null ? void 0 : d.getWorkId()) == null ? void 0 : S.toString();
             if ((k.animationIndex || 0) < C || k.isDiff) {
               if ((w = k.node) == null || w.consumeService({
                 op: E,
                 isFullWork: !1
               }), k.animationIndex = C, k.isDiff && (k.isDiff = !1), E.length) {
-                const _ = E.filter((B, re) => {
-                  if (re % b !== b - 1)
+                const H = E.filter((z, ae) => {
+                  if (ae % b !== b - 1)
                     return !0;
                 }).slice(-2);
-                e.set(L, {
+                e.set(N, {
                   workState: O === 0 ? W.Start : C === ((y = k.animationWorkData) == null ? void 0 : y.length) ? W.Done : W.Doing,
-                  op: _
+                  op: H
                 });
               }
             } else k.ops && ((v = k.node) == null || v.consumeService({
               op: k.animationWorkData || [],
               isFullWork: !0,
-              replaceId: x
-            }), k.isDel = !0, e.set(L, {
+              replaceId: A
+            }), k.isDel = !0, e.set(N, {
               workState: W.Done,
-              op: E.filter((_, B) => {
-                if (B % b !== b - 1)
+              op: E.filter((H, z) => {
+                if (z % b !== b - 1)
                   return !0;
               }).slice(-2)
             }));
@@ -944,12 +944,12 @@ class me {
         case f.BitMapEraser:
         case f.PencilEraser: {
           if (k.isDel) {
-            (D = k.node) == null || D.clearTmpPoints(), this.workShapes.delete(L);
+            (D = k.node) == null || D.clearTmpPoints(), this.workShapes.delete(N);
             break;
           }
-          if (k.ops && ((R = k.animationWorkData) != null && R.length)) {
+          if (k.ops && ((x = k.animationWorkData) != null && x.length)) {
             const b = k.animationWorkData.slice(-3, -1);
-            e.set(L, {
+            e.set(N, {
               workState: W.Done,
               op: b
             }), k.isDel = !0;
@@ -957,17 +957,17 @@ class me {
           }
           if (k.useAnimation) {
             const C = this.computNextAnimationIndex(k, 3), O = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - 3), E = (k.animationWorkData || []).slice(O, C);
-            if (((k.animationIndex || 0) < C || k.isDiff) && ((V = k.node) == null || V.consumeService({
+            if (((k.animationIndex || 0) < C || k.isDiff) && ((Z = k.node) == null || Z.consumeService({
               op: E,
               isFullWork: k.toolsType !== f.BitMapEraser
             }), k.animationIndex = C, k.isDiff && (k.isDiff = !1), E.length)) {
-              const x = E.filter((_, B) => {
-                if (B % 3 !== 2)
+              const A = E.filter((H, z) => {
+                if (z % 3 !== 2)
                   return !0;
               }).slice(-2);
-              e.set(L, {
-                workState: O === 0 ? W.Start : C === ((K = k.animationWorkData) == null ? void 0 : K.length) ? W.Done : W.Doing,
-                op: x
+              e.set(N, {
+                workState: O === 0 ? W.Start : C === ((j = k.animationWorkData) == null ? void 0 : j.length) ? W.Done : W.Doing,
+                op: A
               });
             }
             t = !0;
@@ -977,16 +977,16 @@ class me {
         }
       }
     if (t && this.runAnimation(), e.size) {
-      const L = [];
+      const N = [];
       e.forEach((k, b) => {
-        L.push({
+        N.push({
           type: p.Cursor,
-          uid: b.split(J)[0],
+          uid: b.split(te)[0],
           op: k.op,
           workState: k.workState,
           viewId: this.thread.viewId
         });
-      }), this.thread.post({ sp: L });
+      }), this.thread.post({ sp: N });
     }
   }
   runAnimation() {
@@ -1034,13 +1034,13 @@ class me {
       o && s && (D = this.setNodeKey(l, D, o, s)), (y = this.workShapes) == null || y.set(l, D);
     }
     const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), a && (d.animationWorkData = P(a), d.ops = a), i && (d.updateNodeOpt = i), 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);
+    r && (d.type = r), a && (d.animationWorkData = B(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) => {
-      s.remove();
+      s.remove(), R(s, this.thread.fullLayer.parent);
     }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
-      s.remove();
+      s.remove(), R(s, this.thread.serviceLayer.parent);
     }), this.vNodes.delete(t);
   }
   removeSelectWork(t) {
@@ -1066,7 +1066,7 @@ class me {
     r && (c.type = r), c.node && c.node.getWorkId() !== a && c.node.setWorkId(a), c.selectIds = i || [];
   }
   setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = z({
+    return e.toolsType = s, e.node = $({
       toolsType: s,
       toolsOpt: o,
       vNodes: this.vNodes,
@@ -1086,7 +1086,7 @@ class M {
     return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
   }
 }
-class ke extends M {
+class ye extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.CopyNode);
@@ -1102,7 +1102,7 @@ class ke extends M {
     s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
   }
 }
-class Se extends M {
+class we extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetColorNode);
@@ -1150,7 +1150,7 @@ class Se extends M {
     };
   }
 }
-class ye extends M {
+class ve extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.ZIndexNode);
@@ -1191,7 +1191,7 @@ class ye extends M {
     };
   }
 }
-class we extends M {
+class ge extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.TranslateNode);
@@ -1257,7 +1257,7 @@ class we extends M {
     };
   }
 }
-class ve extends M {
+class Ie extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.DeleteNode);
@@ -1266,7 +1266,7 @@ class ve extends M {
     return !1;
   }
 }
-class ge extends M {
+class We extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.ScaleNode);
@@ -1328,7 +1328,7 @@ class ge extends M {
     };
   }
 }
-class Ie extends M {
+class Te extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.RotateNode);
@@ -1380,7 +1380,7 @@ class Ie extends M {
     };
   }
 }
-class We extends M {
+class Le extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetFontStyle);
@@ -1437,7 +1437,7 @@ class We extends M {
     };
   }
 }
-class Te extends M {
+class Ne extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetPoint);
@@ -1490,7 +1490,7 @@ class Te extends M {
     };
   }
 }
-class Ne extends M {
+class be extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetLock);
@@ -1543,7 +1543,7 @@ class Ne extends M {
     };
   }
 }
-class Le extends M {
+class De extends M {
   constructor() {
     super(...arguments);
     u(this, "emitEventType", I.SetShapeOpt);
@@ -1584,7 +1584,7 @@ class Le extends M {
     };
   }
 }
-class be {
+class Ce {
   constructor(t) {
     u(this, "builders", /* @__PURE__ */ new Map());
     this.builders = new Map(t.map((e) => [e, this.build(e)]));
@@ -1592,27 +1592,27 @@ class be {
   build(t) {
     switch (t) {
       case I.TranslateNode:
-        return new we();
+        return new ge();
       case I.ZIndexNode:
-        return new ye();
+        return new ve();
       case I.CopyNode:
-        return new ke();
+        return new ye();
       case I.SetColorNode:
-        return new Se();
+        return new we();
       case I.DeleteNode:
-        return new ve();
+        return new Ie();
       case I.ScaleNode:
-        return new ge();
+        return new We();
       case I.RotateNode:
-        return new Ie();
+        return new Te();
       case I.SetFontStyle:
-        return new We();
+        return new Le();
       case I.SetPoint:
-        return new Te();
-      case I.SetLock:
         return new Ne();
+      case I.SetLock:
+        return new be();
       case I.SetShapeOpt:
-        return new Le();
+        return new De();
     }
   }
   registerForMainThread(t) {
@@ -1627,7 +1627,7 @@ class be {
     return !1;
   }
 }
-class De {
+class Oe {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -1652,13 +1652,13 @@ class De {
     u(this, "cacheImages", /* @__PURE__ */ new Map());
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
     this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
-    const s = F.bufferSize.full, o = F.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === A ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === A, o), contextType: "2d" }), this.vNodes = new le(t, this.scene);
+    const s = P.bufferSize.full, o = P.bufferSize.sub;
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === F ? s : o * 2 }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === F, o), contextType: "2d" }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === F, o), contextType: "2d" }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === F, o), contextType: "2d" }), this.vNodes = new pe(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new fe(r), this.serviceWork = new me(r), this.topWork = new ue(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new be([
+    this.localWork = new ke(r), this.serviceWork = new Se(r), this.topWork = new me(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Ce([
       I.CopyNode,
       I.SetColorNode,
       I.DeleteNode,
@@ -1704,7 +1704,7 @@ class De {
       const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: a, imageSrc: c, imageBitmap: n, workIds: h } = t, l = i == null ? void 0 : i.toString();
       switch (e) {
         case p.UpdateDpr:
-          U(t.dpr) && this.updateDpr(t.dpr);
+          _(t.dpr) && this.updateDpr(t.dpr);
           break;
         case p.AuthClear: {
           const { clearUids: m, localUid: d } = t;
@@ -1810,7 +1810,7 @@ class De {
       if (!i || !a || !c || !n)
         return;
       let l = i;
-      if (a === ee.Iconify) {
+      if (a === se.Iconify) {
         const [w, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
         l = `${i}?width=${w}&height=${y}&color=${h}`;
       }
@@ -1879,13 +1879,13 @@ class De {
         for (const i of r.sp) {
           let a = !1;
           for (const c of t)
-            if (Q(i, c)) {
+            if (ee(i, c)) {
               a = !0;
               break;
             }
           a || t.push(i);
         }
-      U(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), U(r.consumeCount) && (s = r.consumeCount);
+      _(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), _(r.consumeCount) && (s = r.consumeCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
@@ -1901,7 +1901,7 @@ class De {
   clearAll() {
     this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
       t.name !== "viewport" && t.remove();
-    }), this.fullLayer.removeAllChildren()), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
+    }), U(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
       sp: [{
         type: p.Clear
       }]
@@ -1933,7 +1933,7 @@ class De {
   async updateCamera(t) {
     var o;
     const { cameraOpt: e, scenePath: s } = t;
-    if (e && !Q(this.cameraOpt, e)) {
+    if (e && !ee(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
         let n = !1;
         for (const [h, l] of this.localWork.getWorkShapes().entries())
@@ -1946,20 +1946,20 @@ class De {
             case f.LaserPen:
               break;
             default:
-              h !== G && h !== T && (n = !0);
+              h !== K && h !== T && (n = !0);
               break;
           }
         if (n) {
           this.taskUpdateCameraId = setTimeout(() => {
             this.taskUpdateCameraId = void 0, this.updateCamera(t);
-          }, j);
+          }, Y);
           return;
         }
       }
       const r = /* @__PURE__ */ new Map();
       for (const [n, h] of this.vNodes.getNodesByType(f.Text).entries()) {
         const l = h.rect;
-        r.set(n, oe(l));
+        r.set(n, ie(l));
       }
       const i = new Set(r.keys());
       let a = !1;
@@ -1986,11 +1986,11 @@ class De {
         for (const [n, h] of r.entries()) {
           const l = this.vNodes.get(n);
           if (l) {
-            const m = h, d = l.rect, S = this.getSceneRect(), w = $(m, S), y = $(d, S);
+            const m = h, d = l.rect, S = this.getSceneRect(), w = q(m, S), y = q(d, S);
             let v = !1;
-            if ((w !== y || m.w !== d.w || m.h !== d.h || y === X.intersect) && (v = !0), v) {
-              const { toolsType: D, opt: R } = l;
-              D === f.Text && R.workState === W.Done && this.debounceUpdateCache.add(n);
+            if ((w !== y || m.w !== d.w || m.h !== d.h || y === Q.intersect) && (v = !0), v) {
+              const { toolsType: D, opt: x } = l;
+              D === f.Text && x.workState === W.Done && this.debounceUpdateCache.add(n);
             }
           }
         }
@@ -2017,11 +2017,11 @@ class De {
                   workId: l
                 });
                 if (v) {
-                  const D = this.getSceneRect(), R = $(y, D);
+                  const D = this.getSceneRect(), x = q(y, D);
                   n.push(v.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
-                    isDrawLabel: R !== X.outside
+                    isDrawLabel: x !== Q.outside
                   }));
                 }
               }
@@ -2029,7 +2029,7 @@ class De {
             this.debounceUpdateCache.delete(l);
           }
           this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-        }, j);
+        }, Y);
       }
     }
   }
@@ -2043,7 +2043,7 @@ class De {
     };
   }
   createScene(t) {
-    return new te({
+    return new oe({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2054,7 +2054,7 @@ class De {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), c = new se({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), c = new re({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2073,10 +2073,10 @@ class De {
     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.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();
+    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 Ce {
+class Ee {
   constructor(t, e) {
     u(this, "viewId");
     u(this, "fullLayer");
@@ -2088,7 +2088,7 @@ class Ce {
     u(this, "workShapes", /* @__PURE__ */ new Map());
     u(this, "cacheImages", /* @__PURE__ */ new Map());
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
-    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master, this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === A ? 6e3 : 3e3, contextType: "2d" });
+    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master, this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === F ? 6e3 : 3e3, contextType: "2d" });
   }
   getCachedImages(t) {
     var e;
@@ -2150,7 +2150,7 @@ class Ce {
       if (!i || !a || !c || !n)
         return;
       let l = i;
-      if (a === ee.Iconify) {
+      if (a === se.Iconify) {
         const [w, y] = this.getIconSize(c, n, this.opt.displayer.dpr);
         l = `${i}?width=${w}&height=${y}&color=${h}`;
       }
@@ -2187,7 +2187,7 @@ class Ce {
     }
   }
   createWorkShapeNode(t) {
-    return z({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
+    return $({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
   }
   setFullWork(t) {
     const { workId: e, opt: s, toolsType: o } = t;
@@ -2203,7 +2203,7 @@ class Ce {
   }
   async runFullWork(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && P(t.ops);
+    const e = this.setFullWork(t), s = t.ops && B(t.ops);
     if (e) {
       let r, i;
       const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
@@ -2218,7 +2218,7 @@ class Ce {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), H(r, i);
+      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), G(r, i);
     }
   }
   async getSnapshot(t) {
@@ -2239,7 +2239,7 @@ class Ce {
                 dataType: g.Service,
                 viewId: this.viewId
               }, d = await this.runFullWork(m);
-              a = H(a, d);
+              a = G(a, d);
               break;
             }
           }
@@ -2264,7 +2264,7 @@ class Ce {
     return createImageBitmap(this.fullLayer.parent.canvas, s, o, r, i, e);
   }
   async getSnapshotRender(t) {
-    var r, i;
+    var r;
     const { scenePath: e, options: s } = t;
     ((r = this.fullLayer) == null ? void 0 : r.parent).render();
     const o = await this.getRectImageBitmap(this.getSceneRect(), s);
@@ -2275,7 +2275,7 @@ class Ce {
         imageBitmap: o,
         viewId: this.viewId
       }]
-    }), (i = this.fullLayer) == null || i.removeAllChildren());
+    }), this.fullLayer && U(this.fullLayer, this.fullLayer.parent));
   }
   async getBoundingRect(t) {
     const { scenePath: e, scenes: s, cameraOpt: o } = t;
@@ -2294,7 +2294,7 @@ class Ce {
                 dataType: g.Service,
                 viewId: this.viewId
               });
-              r = H(r, c);
+              r = G(r, c);
               break;
             }
           }
@@ -2323,7 +2323,7 @@ class Ce {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (he(o, i)) {
+            if (de(o, i)) {
               r = !0;
               break;
             }
@@ -2339,7 +2339,7 @@ class Ce {
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (o = t.sp) != null && o.length && this.opt.post(t);
   }
   createScene(t) {
-    return new te({
+    return new oe({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2349,7 +2349,7 @@ class Ce {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), c = new se({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), c = new re({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2368,10 +2368,10 @@ class Ce {
     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.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), this.scene.remove();
+    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), R(this.fullLayer, this.fullLayer.parent), this.scene.remove();
   }
 }
-class Ue {
+class _e {
   constructor(t) {
     u(this, "mainThreadMap", /* @__PURE__ */ new Map());
     u(this, "snapshotThread");
@@ -2380,16 +2380,16 @@ class Ue {
   }
   post(t) {
     const { fullWorkerDrawCount: e, sp: s, workerTasksqueueCount: o, consumeCount: r } = t;
-    this.master.isBusy && q(o) && this.master.setWorkerTasksqueueCount(o), q(e) && this.master.setMaxDrawCount(e), q(r) && this.master.setConsumeCount(r), s && this.master.collectorSyncData(s);
+    this.master.isBusy && V(o) && this.master.setWorkerTasksqueueCount(o), V(e) && this.master.setMaxDrawCount(e), V(r) && this.master.setConsumeCount(r), s && this.master.collectorSyncData(s);
   }
   destroy() {
     this.mainThreadMap.clear();
   }
   createMainThread(t, e) {
-    return new De(t, e);
+    return new Oe(t, e);
   }
   createSnapshotThread(t, e) {
-    return new Ce(t, e);
+    return new Ee(t, e);
   }
   async consume(t) {
     var e, s, o, r;
@@ -2419,12 +2419,12 @@ class Ue {
         if (y && v && d) {
           v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
           const D = {
-            ...Y.defaultLayerOpt,
+            ...J.defaultLayerOpt,
             offscreen: !1,
             width: d.width,
             height: d.height
-          }, R = {
-            ...Y.defaultScreenCanvasOpt,
+          }, x = {
+            ...J.defaultScreenCanvasOpt,
             width: d.width,
             height: d.height
           };
@@ -2433,7 +2433,7 @@ class Ue {
             container: v,
             layerOpt: D,
             master: this.master,
-            canvasOpt: R,
+            canvasOpt: x,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
             this.snapshotThread = void 0, v.innerHTML = "", v.style.width = "", v.style.height = "";
@@ -2452,7 +2452,7 @@ class Ue {
         }
         continue;
       }
-      if (c === pe) {
+      if (c === ue) {
         for (const y of this.mainThreadMap.values())
           y.on(i), a === p.Destroy && this.mainThreadMap.delete(c);
         continue;
@@ -2463,5 +2463,5 @@ class Ue {
   }
 }
 export {
-  Ue as MainThreadManagerImpl
+  _e as MainThreadManagerImpl
 };