@netless/appliance-plugin 1.1.9 → 1.1.11

package/dist/{index-rRQeW_6Z.mjs → index-Db4VURLT.mjs}

@@ -1,9 +1,9 @@
-var ee = Object.defineProperty;
-var te = (L, t, e) => t in L ? ee(L, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : L[t] = e;
-var u = (L, t, e) => te(L, typeof t != "symbol" ? t + "" : t, e);
-import { D as R, E as W, a as f, b as g, g as F, t as A, c as p, S as Z, d as N, e as $, i as se, C as U, f as oe, h as T, M, V as re, j, T as H, k as P, l as q, m as B, n as ie, o as G, p as V, q as ae } from "./index-D8AMdzYo.mjs";
-import { Scene as X, Group as Y } from "spritejs";
-import { cloneDeep as Q, xor as ce, isEqual as K, isNumber as ne } from "lodash";
+var te = Object.defineProperty;
+var se = (L, t, e) => t in L ? te(L, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : L[t] = e;
+var u = (L, t, e) => se(L, typeof t != "symbol" ? t + "" : t, e);
+import { D as R, E as W, a as f, b as g, g as F, t as A, c as h, S as j, d as N, e as $, i as oe, C as U, f as re, h as T, M, V as ie, j as X, T as H, k as P, l as q, m as B, n as ae, o as G, p as V, q as ce } from "./index-Bd_LdZxD.mjs";
+import { Scene as Y, Group as Q } from "spritejs";
+import { cloneDeep as J, xor as ne, isNumber as K, isEqual as Z } from "lodash";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
@@ -90,7 +90,7 @@ class le {
     const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: n } = t;
     if (!e)
       return;
-    const a = e.toString(), h = (m = this.vNodes.get(a)) == null ? void 0 : m.rect;
+    const a = e.toString(), p = (m = this.vNodes.get(a)) == null ? void 0 : m.rect;
     if (!((d = this.serviceWorkShapes) != null && d.has(a))) {
       let w = {
         toolsType: o,
@@ -99,12 +99,12 @@ class le {
         type: r,
         updateNodeOpt: i,
         ops: c,
-        oldRect: h
+        oldRect: p
       };
       o && s && (w = this.setNodeKey(a, w, o, s)), this.serviceWorkShapes.set(a, w);
     }
     const l = this.serviceWorkShapes.get(a);
-    r && (l.type = r), c && (l.animationWorkData = A(c), l.ops = c), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== a && l.node.setWorkId(a), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(a, l, o, s), l.node && l.node.setWorkOptions(s));
+    r && (l.type = r), c && (l.animationWorkData = A(c), l.ops = c), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== a && l.node.setWorkId(a), p && (l.oldRect = p), o && s && (l.toolsType !== o && o && s && this.setNodeKey(a, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -135,25 +135,25 @@ class le {
         }
       }
     for (const [n, a] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: m, workState: d } = a;
+      const { result: p, toolsType: l, isDel: m, workState: d } = a;
       switch (l) {
         case f.LaserPen: {
           if (m) {
             a.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
               removeIds: [n.toString()],
-              type: p.RemoveNode
+              type: h.RemoveNode
             });
             break;
           }
-          h && ((h.op || h.ops) && s.push(h), a.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && d === W.Done && (a.isDel = !0, this.localWorkShapes.set(n, a)), t = !0;
+          p && ((p.op || p.ops) && s.push(p), a.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && d === W.Done && (a.isDel = !0, this.localWorkShapes.set(n, a)), t = !0;
           break;
         }
       }
     }
     t && this.runAnimation(), e.size && e.forEach((n, a) => {
       s.push({
-        type: p.Cursor,
-        uid: a.split(Z)[0],
+        type: h.Cursor,
+        uid: a.split(j)[0],
         op: n.op,
         workState: n.workState,
         viewId: this.thread.viewId
@@ -202,7 +202,7 @@ class he {
     u(this, "syncUnitTime", R.syncOpt.interval);
     u(this, "drawCount", 0);
     u(this, "drawWorkActiveId");
-    u(this, "batchEraserCombine", oe(() => {
+    u(this, "batchEraserCombine", re(() => {
       this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
     }, 100, { leading: !1 }));
     this.vNodes = t.vNodes, this.thread = t.thread;
@@ -226,7 +226,7 @@ class he {
         workId: s,
         scenePath: t,
         viewId: this.thread.viewId,
-        msgType: p.DrawWork,
+        msgType: h.DrawWork,
         dataType: g.Local
       }, e);
   }
@@ -236,13 +236,13 @@ class he {
     if (!((m = e == null ? void 0 : e.selectIds) != null && m.length)) return;
     const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, c = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
-      selectIds: Q(e.selectIds),
+      selectIds: J(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
     })), n = /* @__PURE__ */ new Map();
     let a;
-    c != null && c.selectIds && (a = ce(e.selectIds, c.selectIds), c.selectIds.forEach((d) => {
+    c != null && c.selectIds && (a = ne(e.selectIds, c.selectIds), c.selectIds.forEach((d) => {
       const w = this.vNodes.get(d);
       if (w) {
         const { toolsType: k, op: S, opt: v } = w;
@@ -253,15 +253,15 @@ class he {
         });
       }
     }), e.selectIds = c.selectIds);
-    const h = [], l = s && s({
+    const p = [], l = s && s({
       res: c,
       workShapeNode: e,
       param: o,
-      postData: { sp: h },
+      postData: { sp: p },
       newServiceStore: n
-    }) || { sp: h };
+    }) || { sp: p };
     a && l.sp.push({
-      type: p.RemoveNode,
+      type: h.RemoveNode,
       removeIds: a,
       viewId: this.thread.viewId
     }), l.sp.length && this.thread.post(l);
@@ -275,7 +275,7 @@ class he {
     }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(N)) {
       const e = [];
       e.push({
-        type: p.Select,
+        type: h.Select,
         dataType: g.Local,
         selectIds: [],
         willSyncService: !1
@@ -288,20 +288,20 @@ class he {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: c, name: n, toolsType: a, opt: 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 (a === f.Text && se([l, m], c) && h.workState === W.Done) {
+        const { rect: c, name: n, toolsType: a, opt: p } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], m = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
+        if (a === f.Text && oe([l, m], c) && p.workState === W.Done) {
           r = n;
           break;
         }
       }
       r && (await this.blurSelector({
         viewId: s,
-        msgType: p.Select,
+        msgType: h.Select,
         dataType: o,
         isSync: !0
       }), this.thread.post({
         sp: [{
-          type: p.GetTextActive,
+          type: h.GetTextActive,
           toolsType: f.Text,
           workId: r
         }]
@@ -329,7 +329,7 @@ class he {
       return;
     }
     if (e && (s != null && s.length)) {
-      const { selectRect: a } = e.updateSelectIds(s), h = [{
+      const { selectRect: a } = e.updateSelectIds(s), p = [{
         ...t,
         selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
         strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
@@ -338,7 +338,7 @@ class he {
         canTextEdit: e.canTextEdit,
         canRotate: e.canRotate,
         scaleType: e.scaleType,
-        type: p.Select,
+        type: h.Select,
         selectRect: a,
         points: e.getChildrenPoints(),
         willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
@@ -351,14 +351,14 @@ class he {
         useStroke: e.useStroke,
         strokeType: e.strokeType
       }];
-      this.thread.post({ sp: h });
+      this.thread.post({ sp: p });
     }
   }
   commandDeleteText(t) {
     const e = this.vNodes.get(t);
     if (e && e.toolsType === f.Text)
       return {
-        type: p.TextUpdate,
+        type: h.TextUpdate,
         toolsType: f.Text,
         workId: t,
         dataType: g.Local
@@ -377,10 +377,10 @@ class he {
       this.removeNode(c), o.push(c);
     }
     o.length && s.push({
-      type: p.RemoveNode,
+      type: h.RemoveNode,
       removeIds: o
     }), s.push({
-      type: p.Select,
+      type: h.Select,
       selectIds: [],
       willSyncService: e
     }), await this.blurSelector(), s.length && this.thread.post({ sp: s });
@@ -430,7 +430,7 @@ class he {
       t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && i.push({
         opt: t.opt,
         toolsType: t.toolsType,
-        type: p.FullWork,
+        type: h.FullWork,
         workId: t.workId,
         ops: t.ops,
         updateNodeOpt: t.updateNodeOpt,
@@ -441,7 +441,7 @@ class he {
   async colloctEffectSelectWork(t) {
     const e = this.workShapes.get(N), { workId: s, msgType: o } = t;
     if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
-      o === p.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
+      o === h.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
         setTimeout(() => {
           r(!0);
         }, 0);
@@ -498,7 +498,7 @@ class he {
     const s = e.reRenderSelector();
     s && this.thread.post({
       sp: [{
-        type: p.Select,
+        type: h.Select,
         selectIds: e.selectIds,
         selectRect: s,
         willSyncService: t,
@@ -544,44 +544,50 @@ class he {
     t.op && e.push(t), e.length && this.thread.post({ sp: e });
   }
   async drawBitMapEraserFull(t, e, s) {
-    const { willUpdateNodes: o, scenePath: r, ...i } = e, c = t.getWorkId(), n = [
+    const { willUpdateNodes: o, willDeleteNodes: r, scenePath: i, ...c } = e, n = t.getWorkId(), a = [
       {
-        ...i,
-        workId: c,
-        scenePath: r,
+        ...c,
+        workId: n,
+        scenePath: i,
         updateNodeOpt: {
           useAnimation: !1
         },
         isSync: !0,
         nextTasks: [
           {
-            type: p.RemoveNode,
-            removeIds: [c],
+            type: h.RemoveNode,
+            removeIds: [n],
             viewId: this.thread.viewId
           }
         ]
       }
     ];
-    if (s && n.push({
-      type: p.None,
+    if (s && a.push({
+      type: h.None,
       isLockSentEventCursor: s
-    }), o != null && o.size) {
-      await (t == null ? void 0 : t.reRenderEffectNodes({
+    }), o != null && o.size || r != null && r.size) {
+      if (await (t == null ? void 0 : t.reRenderEffectNodes({
+        willDeleteNodes: r,
         willUpdateNodes: o,
         worker: this
-      }));
-      for (const [a, h] of o)
-        n.push({
-          type: p.UpdateNode,
-          dataType: g.Local,
-          opt: h.opt,
-          workId: a,
-          updateNodeOpt: {
-            useAnimation: !1
-          }
-        });
+      })), o != null && o.size)
+        for (const [p, l] of o)
+          a.push({
+            type: h.UpdateNode,
+            dataType: g.Local,
+            opt: l.opt,
+            workId: p,
+            updateNodeOpt: {
+              useAnimation: !1
+            }
+          });
+      r != null && r.size && a.push({
+        type: h.RemoveNode,
+        removeIds: [...r],
+        viewId: this.thread.viewId
+      });
     }
-    n.length && this.thread.post({ sp: n });
+    a.length && this.thread.post({ sp: a });
   }
   drawPencilEraser(t, e) {
     var o, r;
@@ -590,7 +596,7 @@ class he {
       for (const i of t.newWorkDatas.values()) {
         const c = i.workId.toString();
         this.batchEraserWorks.add(c), s.push({
-          type: p.FullWork,
+          type: h.FullWork,
           workId: c,
           ops: $(i.op),
           opt: i.opt,
@@ -605,14 +611,14 @@ class he {
     (r = t.removeIds) == null || r.forEach((i) => {
       this.batchEraserRemoveNodes.add(i);
     }), e && s.push({
-      type: p.None,
+      type: h.None,
       isLockSentEventCursor: e
     }), t.rect, this.thread.post({ sp: s }), this.batchEraserCombine();
   }
   drawEraser(t, e) {
     const s = [];
     t.removeIds && s.push(t), e && s.push({
-      type: p.None,
+      type: h.None,
       isLockSentEventCursor: e
     }), this.thread.post({ sp: s });
   }
@@ -651,7 +657,7 @@ class he {
         workId: this.drawWorkActiveId,
         scenePath: r,
         viewId: this.thread.viewId,
-        msgType: p.DrawWork,
+        msgType: h.DrawWork,
         dataType: g.Local
       }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== N && (this.drawWorkActiveId = i), n) {
         case f.Selector:
@@ -660,7 +666,7 @@ class he {
               data: t,
               isFullWork: !0
             });
-            a.type === p.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
+            a.type === h.Select && (a.selectIds && e.runReverseSelectWork(a.selectIds), this.thread.post({ sp: [a] }));
           }
           break;
         case f.PencilEraser:
@@ -716,9 +722,9 @@ class he {
     var i, c, n, a;
     const { workId: s, scenePath: o, isLockSentEventCursor: r } = t;
     if (s) {
-      const h = s.toString();
-      this.drawWorkActiveId === h && (this.drawWorkActiveId = void 0);
-      const l = this.workShapes.get(h);
+      const p = s.toString();
+      this.drawWorkActiveId === p && (this.drawWorkActiveId = void 0);
+      const l = this.workShapes.get(p);
       if (!l)
         return;
       const m = l.toolsType;
@@ -727,7 +733,7 @@ class he {
       const d = this.workShapes.get(U), w = (i = d == null ? void 0 : d.selectIds) == null ? void 0 : i[0], k = l.consumeAll({ data: t });
       switch (m) {
         case f.Selector:
-          k.selectIds && w && ((c = k.selectIds) != null && c.includes(w)) && d.cursorBlur(), k.type === p.Select && (k.selectIds && e.runReverseSelectWork(k.selectIds), this.thread.post({ sp: [{ ...k, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(h);
+          k.selectIds && w && ((c = k.selectIds) != null && c.includes(w)) && d.cursorBlur(), k.type === h.Select && (k.selectIds && e.runReverseSelectWork(k.selectIds), this.thread.post({ sp: [{ ...k, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(p);
           break;
         case f.PencilEraser:
           this.drawPencilEraser({ ...k, scenePath: o }, r), l.clearTmpPoints();
@@ -748,12 +754,12 @@ class he {
         case f.Pencil: {
           const S = [];
           r && S.push({
-            type: p.None,
+            type: h.None,
             isLockSentEventCursor: r
           }), k && (S.push(k), this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
             sp: S
-          })), this.clearWorkShapeNodeCache(h);
+          })), this.clearWorkShapeNodeCache(p);
           break;
         }
       }
@@ -848,7 +854,7 @@ class pe {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, c, n, a, h, l, m, d, w, k, S, v;
+    var s, o, r, i, c, n, a, p, l, m, d, w, k, S, v;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
@@ -906,7 +912,7 @@ class pe {
               op: y.animationWorkData || [],
               isFullWork: !0,
               replaceId: I
-            }), (h = y.node) == null || h.updataOptService(y.updateNodeOpt), this.selectorWorkShapes.forEach((b, E) => {
+            }), (p = y.node) == null || p.updataOptService(y.updateNodeOpt), this.selectorWorkShapes.forEach((b, E) => {
               var O;
               (O = b.selectIds) != null && O.includes(I) && (this.willRunEffectSelectorIds.add(E), this.runEffect());
             }), (l = y.node) == null || l.clearTmpPoints(), this.workShapes.delete(I);
@@ -921,8 +927,8 @@ class pe {
                 op: D,
                 isFullWork: !1
               }), y.animationIndex = E, y.isDiff && (y.isDiff = !1), D.length) {
-                const z = D.filter((_, J) => {
-                  if (J % b !== b - 1)
+                const z = D.filter((_, ee) => {
+                  if (ee % b !== b - 1)
                     return !0;
                 }).slice(-2);
                 e.set(I, {
@@ -951,8 +957,8 @@ class pe {
       const I = [];
       e.forEach((y, b) => {
         I.push({
-          type: p.Cursor,
-          uid: b.split(Z)[0],
+          type: h.Cursor,
+          uid: b.split(j)[0],
           op: y.op,
           workState: y.workState,
           viewId: this.thread.viewId
@@ -985,7 +991,7 @@ class pe {
   }
   activeWorkShape(t) {
     var w, k, S, v;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: n, useAnimation: a, imageBitmap: h } = t;
+    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: n, useAnimation: a, imageBitmap: p } = t;
     if (!e)
       return;
     const l = e.toString(), m = (w = this.vNodes.get(l)) == null ? void 0 : w.rect;
@@ -1000,12 +1006,12 @@ class pe {
         useAnimation: typeof a < "u" ? a : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
         oldRect: m,
         isDiff: !1,
-        imageBitmap: h
+        imageBitmap: p
       };
       o && s && (I = this.setNodeKey(l, I, o, s)), (S = this.workShapes) == null || S.set(l, I);
     }
     const d = (v = this.workShapes) == null ? void 0 : v.get(l);
-    r && (d.type = r), c && (d.animationWorkData = A(c), d.ops = c), i && (d.updateNodeOpt = i), n && (d.isDiff = this.hasDiffData(d.animationWorkData || [], n, d.toolsType), d.animationWorkData = n), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), h && (d.imageBitmap = h);
+    r && (d.type = r), c && (d.animationWorkData = A(c), d.ops = c), i && (d.updateNodeOpt = i), n && (d.isDiff = this.hasDiffData(d.animationWorkData || [], n, d.toolsType), d.animationWorkData = n), d.node && d.node.getWorkId() !== l && d.node.setWorkId(l), m && (d.oldRect = m), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), d.toolsType !== o && o && s && this.setNodeKey(l, d, o, s), d.node && d.node.setWorkOptions(s)), p && (d.imageBitmap = p);
   }
   removeNode(t, e) {
     t.indexOf(N) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
@@ -1019,7 +1025,7 @@ class pe {
     s && (this.activeSelectorShape(t), this.willRunEffectSelectorIds.add(s)), this.runEffect();
   }
   activeSelectorShape(t) {
-    var a, h, l;
+    var a, p, l;
     const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
     if (!e)
       return;
@@ -1031,7 +1037,7 @@ class pe {
         type: r,
         opt: s
       };
-      o && s && (m = this.setNodeKey(c, m, o, s)), (h = this.selectorWorkShapes) == null || h.set(c, m);
+      o && s && (m = this.setNodeKey(c, m, o, s)), (p = this.selectorWorkShapes) == null || p.set(c, m);
     }
     const n = (l = this.selectorWorkShapes) == null ? void 0 : l.get(c);
     r && (n.type = r), n.node && n.node.getWorkId() !== c && n.node.setWorkId(c), n.selectIds = i || [];
@@ -1064,7 +1070,7 @@ class de extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.FullWork && o === g.Local && r === this.emitEventType)
+    if (s === h.FullWork && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1080,7 +1086,7 @@ class ue extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1098,18 +1104,18 @@ class ue extends C {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c, textUpdateForWoker: n } = s, a = o.sp || [];
     if (i)
-      for (const [h, l] of r.entries())
+      for (const [p, l] of r.entries())
         n && l.toolsType === f.Text ? a.push({
           ...l,
-          workId: h,
-          type: p.TextUpdate,
+          workId: p,
+          type: h.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : a.push(
           {
             ...l,
-            workId: h,
-            type: p.UpdateNode,
+            workId: p,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1128,7 +1134,7 @@ class fe extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1145,12 +1151,12 @@ class fe extends C {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c } = s, n = o.sp || [];
     if (i && n)
-      for (const [a, h] of r.entries())
+      for (const [a, p] of r.entries())
         n.push(
           {
-            ...h,
+            ...p,
             workId: a,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1169,13 +1175,13 @@ class me extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
-    var h, l;
+    var p, l;
     const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: c, textUpdateForWoker: n, emitEventType: a } = e;
-    s === N && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
+    s === N && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((p = this.localWork) == null ? void 0 : p.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1187,7 +1193,7 @@ class me extends C {
     })) : o.workState === W.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = h.workState, d = o.sp || [];
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p, textUpdateForWoker: l } = s, m = p.workState, d = o.sp || [];
     if (m === W.Start)
       return {
         sp: [],
@@ -1196,7 +1202,7 @@ class me extends C {
     const w = c == null ? void 0 : c.selectRect;
     if (n) {
       m === W.Doing && d.push({
-        type: p.Select,
+        type: h.Select,
         selectIds: i.selectIds,
         selectRect: w,
         willSyncService: !0,
@@ -1208,14 +1214,14 @@ class me extends C {
         l && S.toolsType === f.Text ? d.push({
           ...S,
           workId: k,
-          type: p.TextUpdate,
+          type: h.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : d.push(
           {
             ...S,
             workId: k,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1244,7 +1250,7 @@ class Se extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1259,34 +1265,34 @@ class Se extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a } = s, h = n.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
-    if (h === W.Start)
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a } = s, p = n.workState, l = o.sp || [], m = i == null ? void 0 : i.selectRect;
+    if (p === W.Start)
       return {
         sp: [],
         render: []
       };
     if (a) {
       l.push({
-        type: p.Select,
+        type: h.Select,
         selectIds: r.selectIds,
         selectRect: m,
         willSyncService: !0,
         isSync: !0,
-        points: h === W.Done && r.getChildrenPoints() || void 0,
+        points: p === W.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
       for (const [d, w] of c.entries())
         w.toolsType === f.Text ? l.push({
           ...w,
           workId: d,
-          type: p.TextUpdate,
+          type: h.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : l.push(
           {
             ...w,
             workId: d,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1306,7 +1312,7 @@ class ye extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1323,10 +1329,10 @@ class ye extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a, willSerializeData: h, isSync: l } = s, m = n.workState, d = o.sp || [], w = i == null ? void 0 : i.selectRect;
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c } = e, { updateSelectorOpt: n, willSyncService: a, willSerializeData: p, isSync: l } = s, m = n.workState, d = o.sp || [], w = i == null ? void 0 : i.selectRect;
     if (a) {
-      h && m === W.Done && d.push({
-        type: p.Select,
+      p && m === W.Done && d.push({
+        type: h.Select,
         selectIds: r.selectIds,
         selectRect: w,
         willSyncService: !0,
@@ -1338,7 +1344,7 @@ class ye extends C {
           {
             ...S,
             workId: k,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1358,7 +1364,7 @@ class we extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1374,10 +1380,10 @@ class we extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: h, textUpdateForWoker: l } = s, m = o.sp || [], d = c == null ? void 0 : c.selectRect;
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p, textUpdateForWoker: l } = s, m = o.sp || [], d = c == null ? void 0 : c.selectRect;
     if (n && m) {
-      h.fontSize && m.push({
-        type: p.Select,
+      p.fontSize && m.push({
+        type: h.Select,
         selectIds: i.selectIds,
         selectRect: d,
         willSyncService: n,
@@ -1388,14 +1394,14 @@ class we extends C {
         l && k.toolsType === f.Text ? m.push({
           ...k,
           workId: w,
-          type: p.TextUpdate,
+          type: h.TextUpdate,
           dataType: g.Local,
           willSyncService: !0
         }) : m.push(
           {
             ...k,
             workId: w,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1415,7 +1421,7 @@ class ve extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1433,22 +1439,22 @@ class ve extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a } = s, h = o.sp || [], l = c == null ? void 0 : c.selectRect;
-    if (n && h) {
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a } = s, p = o.sp || [], l = c == null ? void 0 : c.selectRect;
+    if (n && p) {
       for (const [m, d] of r.entries())
-        h.push(
+        p.push(
           {
             ...d,
             workId: m,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
             isSync: a
           }
         );
-      h.push({
-        type: p.Select,
+      p.push({
+        type: h.Select,
         selectIds: i.selectIds,
         selectRect: l,
         willSyncService: n,
@@ -1457,7 +1463,7 @@ class ve extends C {
       });
     }
     return {
-      sp: h
+      sp: p
     };
   }
 }
@@ -1468,7 +1474,7 @@ class ge extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1483,14 +1489,14 @@ class ge extends C {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: h } = s, l = o.sp || [], m = c == null ? void 0 : c.selectRect;
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: n, isSync: a, updateSelectorOpt: p } = s, l = o.sp || [], m = c == null ? void 0 : c.selectRect;
     if (n && l) {
       for (const [d, w] of r.entries())
         l.push(
           {
             ...w,
             workId: d,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1498,11 +1504,11 @@ class ge extends C {
           }
         );
       l.push({
-        isLocked: h.isLocked,
+        isLocked: p.isLocked,
         selectorColor: i.selectorColor,
         scaleType: i.scaleType,
         canRotate: i.canRotate,
-        type: p.Select,
+        type: h.Select,
         selectIds: i.selectIds,
         selectRect: m,
         willSyncService: n,
@@ -1521,7 +1527,7 @@ class Ie extends C {
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === g.Local && r === this.emitEventType)
+    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1538,12 +1544,12 @@ class Ie extends C {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: c } = s, n = o.sp || [];
     if (i && n)
-      for (const [a, h] of r.entries())
+      for (const [a, p] of r.entries())
         n.push(
           {
-            ...h,
+            ...p,
             workId: a,
-            type: p.UpdateNode,
+            type: h.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
             },
@@ -1624,7 +1630,7 @@ class We {
     u(this, "imageResolveMap", /* @__PURE__ */ new Map());
     this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
     const s = R.bufferSize.full, o = R.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === M ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.vNodes = new re(t, this.scene);
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === M ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === M, o) }), this.vNodes = new ie(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
@@ -1667,25 +1673,31 @@ class We {
   post(t) {
     this.combinePostMsg.add(t), this.runBatchPostData();
   }
+  updateDpr(t) {
+    this.scene.displayRatio = t;
+  }
   async on(t) {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: c, imageSrc: n, imageBitmap: a, workIds: h } = t, l = i == null ? void 0 : i.toString();
+      const { msgType: e, toolsType: s, opt: o, dataType: r, workId: i, workState: c, imageSrc: n, imageBitmap: a, workIds: p } = t, l = i == null ? void 0 : i.toString();
       switch (e) {
-        case p.AuthClear: {
+        case h.UpdateDpr:
+          K(t.dpr) && this.updateDpr(t.dpr);
+          break;
+        case h.AuthClear: {
           const { clearUids: m, localUid: d } = t;
           this.vNodes.setCanClearUids(m), this.vNodes.setLocalUid(d);
           break;
         }
-        case p.Destroy:
+        case h.Destroy:
           this.destroy();
           break;
-        case p.Clear:
+        case h.Clear:
           this.clearAll();
           break;
-        case p.UpdateCamera:
+        case h.UpdateCamera:
           await this.updateCamera(t);
           break;
-        case p.UpdateTools:
+        case h.UpdateTools:
           if (s && o) {
             const m = {
               toolsType: s,
@@ -1694,7 +1706,7 @@ class We {
             this.topWork.canUseTopLayer(s) ? this.topWork.setToolsOpt(m) : this.localWork.setToolsOpt(m);
           }
           break;
-        case p.CreateWork:
+        case h.CreateWork:
           if (l && o && s) {
             if (this.topWork.canUseTopLayer(s)) {
               this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
@@ -1709,30 +1721,30 @@ class We {
             }), this.localWork.setWorkOptions(l, o);
           }
           break;
-        case p.DrawWork:
+        case h.DrawWork:
           c === W.Done && r === g.Local ? this.consumeDrawAll(r, t) : this.consumeDraw(r, t);
           break;
-        case p.UpdateNode:
-        case p.FullWork:
+        case h.UpdateNode:
+        case h.FullWork:
           if (s && this.topWork.canUseTopLayer(s)) {
             this.consumeDrawAll(r, t);
             break;
           }
           this.consumeFull(r, t);
           break;
-        case p.RemoveNode:
+        case h.RemoveNode:
           await this.removeNode(t);
           return;
-        case p.Select:
+        case h.Select:
           r === g.Service && (i === N ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
-        case p.CursorHover:
+        case h.CursorHover:
           this.localWork.cursorHover(t);
           break;
-        case p.GetTextActive:
+        case h.GetTextActive:
           r === g.Local && this.localWork.checkTextActive(t);
           break;
-        case p.GetImageBitMap:
+        case h.GetImageBitMap:
           if (n && a && i) {
             const m = i.toString();
             this.deleteCachedImagesByWorkId(m), this.cacheImages.set(n, {
@@ -1746,13 +1758,13 @@ class We {
             }
           }
           break;
-        case p.GetVNodeInfo:
-          if (i && h) {
-            const m = h.map((d) => this.vNodes.get(d));
+        case h.GetVNodeInfo:
+          if (i && p) {
+            const m = p.map((d) => this.vNodes.get(d));
             this.post({
               sp: [
                 {
-                  type: p.GetVNodeInfo,
+                  type: h.GetVNodeInfo,
                   dataType: g.Local,
                   workId: i,
                   vInfo: m
@@ -1771,13 +1783,13 @@ class We {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: h } = s;
+      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: p } = s;
       if (!i || !c || !n || !a)
         return;
       let l = i;
-      if (c === j.Iconify) {
+      if (c === X.Iconify) {
         const [k, S] = this.getIconSize(n, a, this.opt.displayer.dpr);
-        l = `${i}?width=${k}&height=${S}&color=${h}`;
+        l = `${i}?width=${k}&height=${S}&color=${p}`;
       }
       if (this.cacheImages.has(l)) {
         const k = this.getCachedImages(l);
@@ -1804,7 +1816,7 @@ class We {
             viewId: this.viewId,
             isgl: !!this.fullLayer.parent.gl,
             isSubWorker: !1,
-            type: p.GetImageBitMap
+            type: h.GetImageBitMap
           }]
         });
       });
@@ -1844,13 +1856,13 @@ class We {
         for (const r of o.sp) {
           let i = !1;
           for (const c of t)
-            if (K(r, c)) {
+            if (Z(r, c)) {
               i = !0;
               break;
             }
           i || t.push(r);
         }
-      ne(o.drawCount) && (e = o.drawCount);
+      K(o.drawCount) && (e = o.drawCount);
     }
     return this.combinePostMsg.clear(), {
       sp: t,
@@ -1859,7 +1871,7 @@ class We {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
+    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== h.None || r.isLockSentEventCursor);
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.drawCount === void 0 && delete t.drawCount, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   clearAll() {
@@ -1867,7 +1879,7 @@ class We {
       t.name !== "viewport" && t.remove();
     }), this.fullLayer.removeAllChildren()), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
       sp: [{
-        type: p.Clear
+        type: h.Clear
       }]
     });
   }
@@ -1897,10 +1909,10 @@ class We {
   async updateCamera(t) {
     var o;
     const { cameraOpt: e, scenePath: s } = t;
-    if (e && !K(this.cameraOpt, e)) {
+    if (e && !Z(this.cameraOpt, e)) {
       if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
         let a = !1;
-        for (const [h, l] of this.localWork.getWorkShapes().entries())
+        for (const [p, l] of this.localWork.getWorkShapes().entries())
           switch (l.toolsType) {
             case f.Text:
             case f.BitMapEraser:
@@ -1910,7 +1922,7 @@ class We {
             case f.LaserPen:
               break;
             default:
-              h !== U && h !== N && (a = !0);
+              p !== U && p !== N && (a = !0);
               break;
           }
         if (a) {
@@ -1921,9 +1933,9 @@ class We {
         }
       }
       const r = /* @__PURE__ */ new Map();
-      for (const [a, h] of this.vNodes.getNodesByType(f.Text).entries()) {
-        const l = h.rect;
-        r.set(a, Q(l));
+      for (const [a, p] of this.vNodes.getNodesByType(f.Text).entries()) {
+        const l = p.rect;
+        r.set(a, J(l));
       }
       const i = new Set(r.keys());
       let c = !1;
@@ -1931,26 +1943,26 @@ class We {
         const a = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
         if (a) {
           c = !0;
-          for (const h of a)
-            i.add(h);
+          for (const p of a)
+            i.add(p);
         }
       }
       let n = !1;
       if (this.serviceWork.selectorWorkShapes.size)
         for (const a of this.serviceWork.selectorWorkShapes.values()) {
-          const h = a.selectIds;
-          if (h) {
+          const p = a.selectIds;
+          if (p) {
             n = !0;
-            for (const l of h)
+            for (const l of p)
               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()) {
+        for (const [a, p] of r.entries()) {
           const l = this.vNodes.get(a);
           if (l) {
-            const m = h, d = l.rect, w = this.getSceneRect(), k = P(m, w), S = P(d, w);
+            const m = p, d = l.rect, w = this.getSceneRect(), k = P(m, w), S = P(d, w);
             let v = !1;
             if ((k !== S || m.w !== d.w || m.h !== d.h || S === q.intersect) && (v = !0), v) {
               const { toolsType: I, opt: y } = l;
@@ -1959,20 +1971,20 @@ class We {
           }
         }
         if (c && this.localWork.reRenderSelector(), n)
-          for (const [a, h] of this.serviceWork.selectorWorkShapes.entries())
+          for (const [a, p] of this.serviceWork.selectorWorkShapes.entries())
             this.serviceWork.runSelectWork({
               workId: a,
-              selectIds: h.selectIds,
-              msgType: p.Select,
+              selectIds: p.selectIds,
+              msgType: h.Select,
               dataType: g.Service,
               viewId: this.viewId
             });
         this.debounceUpdateCameraId = setTimeout(() => {
-          var h;
+          var p;
           this.debounceUpdateCameraId = void 0;
           const a = [];
           for (const l of this.debounceUpdateCache.values()) {
-            if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
+            if ((p = this.fullLayer) == null ? void 0 : p.getElementsByName(l)[0]) {
               const d = this.vNodes.get(l);
               if (d) {
                 const { toolsType: w, opt: k, rect: S } = d, v = this.localWork.setFullWork({
@@ -2007,7 +2019,7 @@ class We {
     };
   }
   createScene(t) {
-    return new X({
+    return new Y({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2018,7 +2030,7 @@ class We {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, { ...s, offscreen: !1 }), n = new Y({
+    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, { ...s, offscreen: !1 }), n = new Q({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2081,13 +2093,13 @@ class Ne {
   async on(t) {
     const { msgType: e, imageSrc: s, imageBitmap: o, workId: r } = t;
     switch (e) {
-      case p.Snapshot:
+      case h.Snapshot:
         await this.getSnapshot(t), this.destroy();
         return;
-      case p.BoundingBox:
+      case h.BoundingBox:
         await this.getBoundingRect(t), this.destroy();
         return;
-      case p.GetImageBitMap:
+      case h.GetImageBitMap:
         if (s && o && r) {
           const i = r.toString();
           this.deleteCachedImagesByWorkId(i), this.cacheImages.set(s, {
@@ -2110,13 +2122,13 @@ class Ne {
   async loadImageBitMap(t) {
     const { toolsType: e, opt: s, workId: o } = t;
     if (e === f.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: h } = s;
+      const r = o.toString(), { src: i, type: c, width: n, height: a, strokeColor: p } = s;
       if (!i || !c || !n || !a)
         return;
       let l = i;
-      if (c === j.Iconify) {
+      if (c === X.Iconify) {
         const [k, S] = this.getIconSize(n, a, this.opt.displayer.dpr);
-        l = `${i}?width=${k}&height=${S}&color=${h}`;
+        l = `${i}?width=${k}&height=${S}&color=${p}`;
       }
       if (this.cacheImages.has(l)) {
         const k = this.getCachedImages(l);
@@ -2143,7 +2155,7 @@ class Ne {
             viewId: this.viewId,
             isgl: !!this.fullLayer.parent.gl,
             isSubWorker: !0,
-            type: p.GetImageBitMap
+            type: h.GetImageBitMap
           }]
         });
       });
@@ -2190,16 +2202,16 @@ class Ne {
     if (e && s && o) {
       this.setCameraOpt(o);
       let c;
-      for (const [a, h] of Object.entries(s))
-        if (h != null && h.type)
-          switch (h == null ? void 0 : h.type) {
-            case p.UpdateNode:
-            case p.FullWork: {
-              const { opt: l } = h, m = {
-                ...h,
+      for (const [a, p] of Object.entries(s))
+        if (p != null && p.type)
+          switch (p == null ? void 0 : p.type) {
+            case h.UpdateNode:
+            case h.FullWork: {
+              const { opt: l } = p, m = {
+                ...p,
                 opt: l,
                 workId: a,
-                msgType: p.FullWork,
+                msgType: h.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
               }, d = await this.runFullWork(m);
@@ -2234,7 +2246,7 @@ class Ne {
     const o = await this.getRectImageBitmap(this.getSceneRect(), s);
     o && (this.post({
       sp: [{
-        type: p.Snapshot,
+        type: h.Snapshot,
         scenePath: e,
         imageBitmap: o,
         viewId: this.viewId
@@ -2249,12 +2261,12 @@ class Ne {
       for (const [i, c] of Object.entries(s))
         if (c != null && c.type)
           switch (c == null ? void 0 : c.type) {
-            case p.UpdateNode:
-            case p.FullWork: {
+            case h.UpdateNode:
+            case h.FullWork: {
               const n = await this.runFullWork({
                 ...c,
                 workId: i,
-                msgType: p.FullWork,
+                msgType: h.FullWork,
                 dataType: g.Service,
                 viewId: this.viewId
               });
@@ -2264,7 +2276,7 @@ class Ne {
           }
       r && this.post({
         sp: [{
-          type: p.BoundingBox,
+          type: h.BoundingBox,
           scenePath: e,
           rect: r
         }]
@@ -2287,7 +2299,7 @@ class Ne {
         for (const o of s.sp) {
           let r = !1;
           for (const i of t)
-            if (ie(o, i)) {
+            if (ae(o, i)) {
               r = !0;
               break;
             }
@@ -2299,11 +2311,11 @@ class Ne {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
+    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== h.None || r.isLockSentEventCursor);
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   createScene(t) {
-    return new X({
+    return new Y({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2313,7 +2325,7 @@ class Ne {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, s), n = new Y({
+    const { width: o, height: r } = s, i = `canvas-${t}`, c = e.layer(i, s), n = new Q({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2358,12 +2370,12 @@ class xe {
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: c, viewId: n, tasksqueue: a, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: w } = i;
-      if (c === p.Console) {
+      const { msgType: c, viewId: n, tasksqueue: a, mainTasksqueueCount: p, layerOpt: l, offscreenCanvasOpt: m, cameraOpt: d, isSubWorker: w } = i;
+      if (c === h.Console) {
         console.log(this);
         continue;
       }
-      if (c === p.Init) {
+      if (c === h.Init) {
         const S = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, v = S == null ? void 0 : S.canvasContainerRef.current;
         if (S && v && l && m) {
           const I = this.createMainThread(n, {
@@ -2378,7 +2390,7 @@ class xe {
         }
         continue;
       }
-      if ((c === p.Snapshot || c === p.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
+      if ((c === h.Snapshot || c === h.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
         const S = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, v = (r = S.snapshotContainerRef) == null ? void 0 : r.current;
         if (S && v && d) {
           v.style.width = `${d.width}px`, v.style.height = `${d.height}px`;
@@ -2405,24 +2417,24 @@ class xe {
           continue;
         }
       }
-      if (c === p.GetImageBitMap && w && this.snapshotThread) {
+      if (c === h.GetImageBitMap && w && this.snapshotThread) {
         this.snapshotThread.on(i);
         continue;
       }
-      if (c === p.TasksQueue && (a != null && a.size)) {
+      if (c === h.TasksQueue && (a != null && a.size)) {
         for (const [S, v] of this.mainThreadMap.entries()) {
           const I = a.get(S);
-          I && (await v.on(I), h && this.post({ workerTasksqueueCount: h }));
+          I && (await v.on(I), p && this.post({ workerTasksqueueCount: p }));
         }
         continue;
       }
-      if (n === ae) {
+      if (n === ce) {
         for (const S of this.mainThreadMap.values())
-          S.on(i), c === p.Destroy && this.mainThreadMap.delete(n);
+          S.on(i), c === h.Destroy && this.mainThreadMap.delete(n);
         continue;
       }
       const k = this.mainThreadMap.get(n);
-      k && (k.on(i), c === p.Destroy && this.mainThreadMap.delete(n));
+      k && (k.on(i), c === h.Destroy && this.mainThreadMap.delete(n));
     }
   }
 }