@netless/appliance-plugin 1.1.0 → 1.1.1-beta.0

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

@@ -1,9 +1,9 @@
-var te = Object.defineProperty;
-var se = (N, t, e) => t in N ? te(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
-var d = (N, t, e) => se(N, typeof t != "symbol" ? t + "" : t, e);
-import { E as f, a as I, i as oe, c as R, b as re, d as ie, e as B, f as A, g as ae, D as x, h as w, j as U, t as F, k as p, S as X, l as L, m as K, n as ce, C as _, o as ne, p as T, M as C, T as G, q as z, r as V, s as le, u as $, V as Z, v as he } from "./index-CIJP6_Qj.mjs";
-import { Scene as Y, Group as Q } from "spritejs";
-import { cloneDeep as J, xor as pe, isEqual as j, isNumber as de } from "lodash";
+var ee = Object.defineProperty;
+var te = (N, t, e) => t in N ? ee(N, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : N[t] = e;
+var d = (N, t, e) => te(N, typeof t != "symbol" ? t + "" : t, e);
+import { E as f, a as T, c as D, b as se, i as oe, d as re, e as U, g as ie, S as P, f as ae, D as A, h as v, j as B, t as x, k as p, l as L, m as K, n as ce, C as _, o as ne, p as I, M as R, T as G, q as z, r as V, s as le, u as $, V as Z, v as he } from "./index-DXSmA8_B.mjs";
+import { Scene as X, Group as Y } from "spritejs";
+import { cloneDeep as Q, xor as pe, isEqual as j, isNumber as de } from "lodash";
 import "lineclip";
 import "white-web-sdk";
 import "react-dom";
@@ -16,6 +16,8 @@ class ue {
     d(this, "curNodeMap", /* @__PURE__ */ new Map());
     d(this, "targetNodeMap", []);
     d(this, "highLevelIds");
+    d(this, "canClearUids");
+    d(this, "localUid");
     this.viewId = t, this.scene = e;
   }
   init(t) {
@@ -24,11 +26,23 @@ class ue {
   get(t) {
     return this.curNodeMap.get(t);
   }
-  getUnLockNodes() {
-    const t = /* @__PURE__ */ new Map();
-    for (const [e, s] of this.curNodeMap.entries())
-      s.toolsType === f.Image && s.opt.locked || s.toolsType === f.Text && (s.opt.workState === I.Doing || s.opt.workState === I.Start) || t.set(e, s);
-    return t;
+  setLocalUid(t) {
+    this.localUid = t;
+  }
+  getLocalUid() {
+    return this.localUid;
+  }
+  setCanClearUids(t) {
+    this.canClearUids = t;
+  }
+  getCanClearUids() {
+    return this.canClearUids;
+  }
+  getCanEraserNodes(t) {
+    const e = /* @__PURE__ */ new Map();
+    for (const [s, o] of t.entries())
+      o.toolsType === f.Image && o.opt.locked || o.toolsType === f.Text && (o.opt.workState === T.Doing || o.opt.workState === T.Start) || this.isCanClearWorkId(s) && e.set(s, o);
+    return e;
   }
   getNodesByType(t) {
     const e = /* @__PURE__ */ new Map();
@@ -37,10 +51,7 @@ class ue {
     }), e;
   }
   hasRenderNodes() {
-    let t = !1;
-    for (const e of this.curNodeMap.values())
-      oe(e) && (t = !0);
-    return t;
+    return !0;
   }
   has(t) {
     return this.curNodeMap.has(t);
@@ -50,7 +61,7 @@ class ue {
       name: t,
       rect: e.rect
     };
-    e.rect && (s.rect = R(e.rect)), e.op && re(e.op) && (s.op = R(e.op)), e.canRotate && (s.canRotate = e.canRotate), e.scaleType && (s.scaleType = e.scaleType), e.opt && (s.opt = R(e.opt)), e.toolsType && (s.toolsType = e.toolsType), e.centerPos && (s.centerPos = R(e.centerPos)), ie(e.isSelected) && (s.isSelected = e.isSelected), s.rect ? this.curNodeMap.set(t, s) : this.curNodeMap.delete(t);
+    e.rect && (s.rect = D(e.rect)), e.op && se(e.op) && (s.op = D(e.op)), e.canRotate && (s.canRotate = e.canRotate), e.scaleType && (s.scaleType = e.scaleType), e.opt && (s.opt = D(e.opt)), e.toolsType && (s.toolsType = e.toolsType), e.centerPos && (s.centerPos = D(e.centerPos)), oe(e.isSelected) && (s.isSelected = e.isSelected), s.rect ? this.curNodeMap.set(t, s) : this.curNodeMap.delete(t);
   }
   selected(t) {
     this.setInfo(t, { isSelected: !0 });
@@ -64,23 +75,14 @@ class ue {
   clear() {
     this.curNodeMap.clear(), this.targetNodeMap.length = 0;
   }
-  hasRectIntersectRange(t, e = !0) {
-    for (const s of this.curNodeMap.values())
-      if (B(t, s.rect)) {
-        if (e && s.toolsType === f.Image && s.opt.locked || e && s.toolsType === f.Text && (s.opt.workState === I.Doing || s.opt.workState === I.Start))
-          continue;
-        return !0;
-      }
-    return !1;
-  }
   getRectIntersectRange(t, e = !0, s = !0) {
     let o;
     const r = /* @__PURE__ */ new Map();
     for (const [i, a] of this.curNodeMap.entries())
-      if (B(t, a.rect)) {
-        if (e && a.toolsType === f.Image && a.opt.locked || s && a.toolsType === f.Text && (a.opt.workState === I.Doing || a.opt.workState === I.Start))
+      if (re(t, a.rect)) {
+        if (e && a.toolsType === f.Image && a.opt.locked || s && a.toolsType === f.Text && (a.opt.workState === T.Doing || a.opt.workState === T.Start))
           continue;
-        o = A(o, a.rect), r.set(i, a);
+        o = U(o, a.rect), r.set(i, a);
       }
     return {
       rectRange: o,
@@ -88,7 +90,7 @@ class ue {
     };
   }
   getNodeRectFormShape(t, e) {
-    const s = ae(e.toolsType);
+    const s = ie(e.toolsType);
     return this.fullLayer && (s == null ? void 0 : s.getRectFromLayer(this.fullLayer, t));
   }
   updateNodeRect(t) {
@@ -115,22 +117,16 @@ class ue {
   clearHighLevelIds() {
     this.highLevelIds = void 0;
   }
-  combineIntersectRect(t) {
-    let e = t;
-    return this.curNodeMap.forEach((s) => {
-      B(e, s.rect) && (e = A(e, s.rect));
-    }), e;
-  }
   setTargetAssignKeys(t) {
     const e = /* @__PURE__ */ new Map();
     for (const s of t) {
       const o = this.curNodeMap.get(s);
-      o && e.set(s, R(o));
+      o && e.set(s, D(o));
     }
-    return this.targetNodeMap.push(R(e)), this.targetNodeMap.length - 1;
+    return this.targetNodeMap.push(D(e)), this.targetNodeMap.length - 1;
   }
   setTarget() {
-    return this.targetNodeMap.push(R(this.curNodeMap)), this.targetNodeMap.length - 1;
+    return this.targetNodeMap.push(D(this.curNodeMap)), this.targetNodeMap.length - 1;
   }
   getLastTarget() {
     return this.targetNodeMap[this.targetNodeMap.length - 1];
@@ -147,6 +143,21 @@ class ue {
   clearTarget() {
     this.targetNodeMap.length = 0;
   }
+  isLocalWorkId(t) {
+    return t.split(P).length === 1;
+  }
+  isCanClearWorkId(t) {
+    if (this.canClearUids === void 0 || this.canClearUids === !0)
+      return !0;
+    if (ae(this.canClearUids)) {
+      const e = t.split(P);
+      if (e.length === 1)
+        return this.canClearUids.has("localSelf");
+      if (e.length === 2)
+        return this.canClearUids.has(e[0]);
+    }
+    return !1;
+  }
 }
 class fe {
   constructor(t) {
@@ -156,7 +167,7 @@ class fe {
     d(this, "localWorkShapes", /* @__PURE__ */ new Map());
     d(this, "tmpOpt");
     d(this, "animationId");
-    d(this, "syncUnitTime", x.syncOpt.interval);
+    d(this, "syncUnitTime", A.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   createLocalWork(t) {
@@ -181,7 +192,7 @@ class fe {
       return o && this.localWorkShapes.set(t, {
         node: o,
         toolsType: o.toolsType,
-        workState: I.Start
+        workState: T.Start
       }), o;
     }
   }
@@ -198,14 +209,14 @@ class fe {
   }
   consumeDraw(t) {
     const { workId: e, dataType: s } = t;
-    if (s === w.Service)
+    if (s === v.Service)
       this.activeServiceWorkShape(t);
     else {
       const o = e == null ? void 0 : e.toString(), r = o && this.localWorkShapes.get(o);
       if (!r)
         return;
       const i = r.node.consume({ data: t, isFullWork: !1, isSubWorker: !0 });
-      i.rect && (r.result = i, r.workState = I.Doing, o && this.localWorkShapes.set(o, r));
+      i.rect && (r.result = i, r.workState = T.Doing, o && this.localWorkShapes.set(o, r));
     }
     this.runAnimation();
   }
@@ -219,17 +230,17 @@ class fe {
   createWorkShapeNode(t) {
     const { toolsType: e } = t;
     if (e === f.LaserPen)
-      return U({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
+      return B({ ...t, vNodes: this.vNodes, fullLayer: this.thread.topLayer, drawLayer: this.thread.topLayer });
   }
   setNodeKey(t, e, s, o) {
     return e.toolsType = s, e.node = this.createWorkShapeNode({ workId: t, toolsType: s, toolsOpt: o }), e;
   }
   activeServiceWorkShape(t) {
-    var S, u;
+    var k, u;
     const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n } = t;
     if (!e)
       return;
-    const c = e.toString(), h = (S = this.vNodes.get(c)) == null ? void 0 : S.rect;
+    const c = e.toString(), h = (k = this.vNodes.get(c)) == null ? void 0 : k.rect;
     if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
       let y = {
         toolsType: o,
@@ -243,7 +254,7 @@ class fe {
       o && s && (y = this.setNodeKey(c, y, o, s)), this.serviceWorkShapes.set(c, y);
     }
     const l = this.serviceWorkShapes.get(c);
-    r && (l.type = r), a && (l.animationWorkData = F(a), l.ops = a), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(c, l, o, s), l.node && l.node.setWorkOptions(s));
+    r && (l.type = r), a && (l.animationWorkData = x(a), l.ops = a), i && (l.updateNodeOpt = i), n && (l.animationWorkData = n), l.node && l.node.getWorkId() !== c && l.node.setWorkId(c), h && (l.oldRect = h), o && s && (l.toolsType !== o && o && s && this.setNodeKey(c, l, o, s), l.node && l.node.setWorkOptions(s));
   }
   computNextAnimationIndex(t, e) {
     var r;
@@ -258,12 +269,12 @@ class fe {
     for (const [n, c] of this.serviceWorkShapes.entries())
       switch (c.toolsType) {
         case f.LaserPen: {
-          const l = this.computNextAnimationIndex(c, 8), S = Math.max(0, c.animationIndex || 0), u = (c.animationWorkData || []).slice(S, l);
+          const l = this.computNextAnimationIndex(c, 8), k = Math.max(0, c.animationIndex || 0), u = (c.animationWorkData || []).slice(k, l);
           if ((c.animationIndex || 0) < l && ((o = c.node) == null || o.consumeService({
             op: u,
             isFullWork: !1
           }), c.animationIndex = l, u.length && e.set(n, {
-            workState: S === 0 ? I.Start : l === ((r = c.animationWorkData) == null ? void 0 : r.length) ? I.Done : I.Doing,
+            workState: k === 0 ? T.Start : l === ((r = c.animationWorkData) == null ? void 0 : r.length) ? T.Done : T.Doing,
             op: u.slice(-2)
           })), c.isDel) {
             (i = c.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(n);
@@ -274,17 +285,17 @@ class fe {
         }
       }
     for (const [n, c] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: S, workState: u } = c;
+      const { result: h, toolsType: l, isDel: k, workState: u } = c;
       switch (l) {
         case f.LaserPen: {
-          if (S) {
+          if (k) {
             c.node.clearTmpPoints(), this.localWorkShapes.delete(n), s.push({
               removeIds: [n.toString()],
               type: p.RemoveNode
             });
             break;
           }
-          h && ((h.op || h.ops) && s.push(h), c.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && u === I.Done && (c.isDel = !0, this.localWorkShapes.set(n, c)), t = !0;
+          h && ((h.op || h.ops) && s.push(h), c.result = void 0), !this.thread.topLayer.getElementsByName(n.toString())[0] && u === T.Done && (c.isDel = !0, this.localWorkShapes.set(n, c)), t = !0;
           break;
         }
       }
@@ -292,7 +303,7 @@ class fe {
     t && this.runAnimation(), e.size && e.forEach((n, c) => {
       s.push({
         type: p.Cursor,
-        uid: c.split(X)[0],
+        uid: c.split(P)[0],
         op: n.op,
         workState: n.workState,
         viewId: this.thread.viewId
@@ -310,26 +321,26 @@ class fe {
       this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: r, toolsOpt: e }), s && this.localWorkShapes.set(t, {
         node: s,
         toolsType: r,
-        workState: I.Start
+        workState: T.Start
       }), this.setToolsOpt(this.tmpOpt);
     }
     e != null && e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s && s.setWorkOptions(e);
   }
   consumeDrawAll(t) {
     const { workId: e, dataType: s } = t;
-    if (s === w.Service)
+    if (s === v.Service)
       this.activeServiceWorkShape(t);
     else {
       const o = e == null ? void 0 : e.toString(), r = o && this.localWorkShapes.get(o);
       if (!r)
         return;
       const i = r.node.consumeAll({ data: t });
-      r.result = i, r.workState = I.Done, o && this.localWorkShapes.set(o, r);
+      r.result = i, r.workState = T.Done, o && this.localWorkShapes.set(o, r);
     }
     this.runAnimation();
   }
 }
-class Se {
+class ke {
   constructor(t) {
     d(this, "vNodes");
     d(this, "thread");
@@ -338,7 +349,7 @@ class Se {
     d(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
     d(this, "batchEraserWorks", /* @__PURE__ */ new Set());
     d(this, "tmpOpt");
-    d(this, "syncUnitTime", x.syncOpt.interval);
+    d(this, "syncUnitTime", A.syncOpt.interval);
     d(this, "drawCount", 0);
     d(this, "drawWorkActiveId");
     d(this, "batchEraserCombine", ne(() => {
@@ -366,16 +377,16 @@ class Se {
         scenePath: t,
         viewId: this.thread.viewId,
         msgType: p.DrawWork,
-        dataType: w.Local
+        dataType: v.Local
       }, e);
   }
   async updateSelector(t) {
-    var S;
+    var k;
     const e = this.workShapes.get(L);
-    if (!((S = e == null ? void 0 : e.selectIds) != null && S.length)) return;
+    if (!((k = e == null ? void 0 : e.selectIds) != null && k.length)) return;
     const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i } = o, a = await (e == null ? void 0 : e.updateSelector({
       updateSelectorOpt: r,
-      selectIds: J(e.selectIds),
+      selectIds: Q(e.selectIds),
       vNodes: this.vNodes,
       willSerializeData: i,
       worker: this
@@ -384,11 +395,11 @@ class Se {
     a != null && a.selectIds && (c = pe(e.selectIds, a.selectIds), a.selectIds.forEach((u) => {
       const y = this.vNodes.get(u);
       if (y) {
-        const { toolsType: m, op: v, opt: W } = y;
+        const { toolsType: w, op: m, opt: W } = y;
         n.set(u, {
           opt: W,
-          toolsType: m,
-          ops: (v == null ? void 0 : v.length) && K(v) || void 0
+          toolsType: w,
+          ops: (m == null ? void 0 : m.length) && K(m) || void 0
         });
       }
     }), e.selectIds = a.selectIds);
@@ -415,7 +426,7 @@ class Se {
       const e = [];
       e.push({
         type: p.Select,
-        dataType: w.Local,
+        dataType: v.Local,
         selectIds: [],
         willSyncService: !1
       }), this.thread.post({ sp: e });
@@ -427,8 +438,8 @@ class Se {
     if (e != null && e.length) {
       let r;
       for (const i of this.vNodes.curNodeMap.values()) {
-        const { rect: a, name: n, toolsType: c, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], S = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (c === f.Text && ce([l, S], a) && h.workState === I.Done) {
+        const { rect: a, name: n, toolsType: c, opt: h } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], k = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
+        if (c === f.Text && ce([l, k], a) && h.workState === T.Done) {
           r = n;
           break;
         }
@@ -500,7 +511,7 @@ class Se {
         type: p.TextUpdate,
         toolsType: f.Text,
         workId: t,
-        dataType: w.Local
+        dataType: v.Local
       };
   }
   async removeSelector(t) {
@@ -550,7 +561,7 @@ class Se {
   }
   async consumeFull(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && F(t.ops);
+    const e = this.setFullWork(t), s = t.ops && x(t.ops);
     if (e) {
       const r = (o = t.workId) == null ? void 0 : o.toString();
       e.toolsType === f.Image ? await e.consumeServiceAsync({
@@ -610,7 +621,7 @@ class Se {
             replaceId: r
           });
         else {
-          const i = s.ops && F(s.ops);
+          const i = s.ops && x(s.ops);
           o.consumeService({
             op: i,
             isFullWork: !0,
@@ -682,12 +693,11 @@ class Se {
     const e = [];
     t.op && e.push(t), e.length && this.thread.post({ sp: e });
   }
-  async drawBitMapEraserFull(t, e) {
-    const { willUpdateNodes: s, isLockSentEventCursor: o, scenePath: r, ...i } = e, a = t.getWorkId(), n = [
+  async drawBitMapEraserFull(t, e, s) {
+    const { willUpdateNodes: o, scenePath: r, ...i } = e, a = t.getWorkId(), n = [
       {
         ...i,
         workId: a,
-        isLockSentEventCursor: o,
         scenePath: r,
         updateNodeOpt: {
           useAnimation: !1
@@ -702,15 +712,18 @@ class Se {
         ]
       }
     ];
-    if (s != null && s.size) {
+    if (s && n.push({
+      type: p.None,
+      isLockSentEventCursor: s
+    }), o != null && o.size) {
       await (t == null ? void 0 : t.reRenderEffectNodes({
-        willUpdateNodes: s,
+        willUpdateNodes: o,
         worker: this
       }));
-      for (const [c, h] of s)
+      for (const [c, h] of o)
         n.push({
           type: p.UpdateNode,
-          dataType: w.Local,
+          dataType: v.Local,
           opt: h.opt,
           workId: c,
           updateNodeOpt: {
@@ -720,18 +733,18 @@ class Se {
     }
     n.length && this.thread.post({ sp: n });
   }
-  drawPencilEraser(t) {
-    var s, o;
-    const e = [];
-    if ((s = t.newWorkDatas) != null && s.size) {
-      for (const r of t.newWorkDatas.values()) {
-        const i = r.workId.toString();
-        this.batchEraserWorks.add(i), e.push({
+  drawPencilEraser(t, e) {
+    var o, r;
+    const s = [];
+    if ((o = t.newWorkDatas) != null && o.size) {
+      for (const i of t.newWorkDatas.values()) {
+        const a = i.workId.toString();
+        this.batchEraserWorks.add(a), s.push({
           type: p.FullWork,
-          workId: i,
-          ops: K(r.op),
-          opt: r.opt,
-          toolsType: r.toolsType,
+          workId: a,
+          ops: K(i.op),
+          opt: i.opt,
+          toolsType: i.toolsType,
           updateNodeOpt: {
             useAnimation: !1
           }
@@ -739,13 +752,19 @@ class Se {
       }
       delete t.newWorkDatas;
     }
-    (o = t.removeIds) == null || o.forEach((r) => {
-      this.batchEraserRemoveNodes.add(r);
-    }), e.push(t), this.thread.post({ sp: e }), this.batchEraserCombine();
-  }
-  drawEraser(t) {
-    const e = [];
-    t.removeIds && e.push(t), this.thread.post({ sp: e });
+    (r = t.removeIds) == null || r.forEach((i) => {
+      this.batchEraserRemoveNodes.add(i);
+    }), e && s.push({
+      type: p.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,
+      isLockSentEventCursor: e
+    }), this.thread.post({ sp: s });
   }
   updateBatchEraserCombineNode(t, e) {
     for (const s of e.keys())
@@ -783,7 +802,7 @@ class Se {
         scenePath: r,
         viewId: this.thread.viewId,
         msgType: p.DrawWork,
-        dataType: w.Local
+        dataType: v.Local
       }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== L && (this.drawWorkActiveId = i), n) {
         case f.Selector:
           {
@@ -852,22 +871,22 @@ class Se {
       const l = this.workShapes.get(h);
       if (!l)
         return;
-      const S = l.toolsType;
-      if (S === f.LaserPen)
+      const k = l.toolsType;
+      if (k === f.LaserPen)
         return;
-      const u = this.workShapes.get(_), y = (i = u == null ? void 0 : u.selectIds) == null ? void 0 : i[0], m = l.consumeAll({ data: t });
-      switch (S) {
+      const u = this.workShapes.get(_), y = (i = u == null ? void 0 : u.selectIds) == null ? void 0 : i[0], w = l.consumeAll({ data: t });
+      switch (k) {
         case f.Selector:
-          m.selectIds && y && ((a = m.selectIds) != null && a.includes(y)) && u.cursorBlur(), m.type === p.Select && (m.selectIds && e.runReverseSelectWork(m.selectIds), this.thread.post({ sp: [{ ...m, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(h);
+          w.selectIds && y && ((a = w.selectIds) != null && a.includes(y)) && u.cursorBlur(), w.type === p.Select && (w.selectIds && e.runReverseSelectWork(w.selectIds), this.thread.post({ sp: [{ ...w, scenePath: o }] })), (n = l.selectIds) != null && n.length ? l.clearTmpPoints() : this.clearWorkShapeNodeCache(h);
           break;
         case f.PencilEraser:
-          m != null && m.rect && this.drawPencilEraser({ ...m, scenePath: o }), l.clearTmpPoints();
+          this.drawPencilEraser({ ...w, scenePath: o }, r), l.clearTmpPoints();
           break;
         case f.BitMapEraser:
-          (m.rect || (c = m.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, { ...m, isLockSentEventCursor: r });
+          (w.rect || (c = w.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, w, r);
           break;
         case f.Eraser:
-          m != null && m.rect && this.drawEraser({ ...m, scenePath: o }), l.clearTmpPoints();
+          this.drawEraser({ ...w, scenePath: o }, r), l.clearTmpPoints();
           break;
         case f.Arrow:
         case f.Straight:
@@ -876,12 +895,17 @@ class Se {
         case f.Star:
         case f.Polygon:
         case f.SpeechBalloon:
-        case f.Pencil:
-          m && (this.drawCount = 0, this.thread.post({
+        case f.Pencil: {
+          const m = [];
+          r && m.push({
+            type: p.None,
+            isLockSentEventCursor: r
+          }), w && (m.push(w), this.drawCount = 0, this.thread.post({
             drawCount: this.drawCount,
-            sp: [m]
+            sp: m
           })), this.clearWorkShapeNodeCache(h);
           break;
+        }
       }
     }
   }
@@ -901,10 +925,10 @@ class Se {
     e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
   }
   createWorkShapeNode(t) {
-    return U({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
+    return B({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
   }
 }
-class ke {
+class Se {
   constructor(t) {
     d(this, "vNodes");
     d(this, "thread");
@@ -913,7 +937,7 @@ class ke {
     d(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
     d(this, "runEffectId");
     d(this, "animationId");
-    d(this, "syncUnitTime", x.syncOpt.interval);
+    d(this, "syncUnitTime", A.syncOpt.interval);
     this.vNodes = t.vNodes, this.thread = t.thread;
   }
   async loadImageBitMap(t) {
@@ -974,14 +998,14 @@ class ke {
     return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
   }
   async animationDraw() {
-    var s, o, r, i, a, n, c, h, l, S, u, y, m, v, W;
+    var s, o, r, i, a, n, c, h, l, k, u, y, w, m, W;
     this.animationId = void 0;
     let t = !1;
     const e = /* @__PURE__ */ new Map();
-    for (const [g, k] of this.workShapes.entries())
-      switch (k.toolsType) {
+    for (const [g, S] of this.workShapes.entries())
+      switch (S.toolsType) {
         case f.Image: {
-          await ((s = k.node) == null ? void 0 : s.consumeServiceAsync({
+          await ((s = S.node) == null ? void 0 : s.consumeServiceAsync({
             isFullWork: !0,
             worker: this
           })), this.selectorWorkShapes.forEach((b, O) => {
@@ -991,13 +1015,13 @@ class ke {
           break;
         }
         case f.Text: {
-          k.node && (await ((o = k.node) == null ? void 0 : o.consumeServiceAsync({
+          S.node && (await ((o = S.node) == null ? void 0 : o.consumeServiceAsync({
             isFullWork: !0,
             replaceId: g
           })), this.selectorWorkShapes.forEach((b, O) => {
             var M;
             (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), (r = k.node) == null || r.clearTmpPoints(), this.workShapes.delete(g));
+          }), (r = S.node) == null || r.clearTmpPoints(), this.workShapes.delete(g));
           break;
         }
         case f.Arrow:
@@ -1007,62 +1031,62 @@ class ke {
         case f.Star:
         case f.Polygon:
         case f.SpeechBalloon: {
-          const b = !!k.ops;
-          if ((i = k.animationWorkData) != null && i.length) {
-            const O = k.oldRect;
-            (a = k.node) == null || a.consumeService({
-              op: k.animationWorkData,
+          const b = !!S.ops;
+          if ((i = S.animationWorkData) != null && i.length) {
+            const O = S.oldRect;
+            (a = S.node) == null || a.consumeService({
+              op: S.animationWorkData,
               isFullWork: b
-            }), b && (this.selectorWorkShapes.forEach((M, D) => {
-              var P;
-              (P = M.selectIds) != null && P.includes(g) && (this.willRunEffectSelectorIds.add(D), this.runEffect());
-            }), (n = k.node) == null || n.clearTmpPoints(), this.workShapes.delete(g)), e.set(g, {
-              workState: O ? k.ops ? I.Done : I.Doing : I.Start,
-              op: k.animationWorkData.filter((M, D) => {
-                if (D % 3 !== 2)
+            }), b && (this.selectorWorkShapes.forEach((M, C) => {
+              var F;
+              (F = M.selectIds) != null && F.includes(g) && (this.willRunEffectSelectorIds.add(C), this.runEffect());
+            }), (n = S.node) == null || n.clearTmpPoints(), this.workShapes.delete(g)), e.set(g, {
+              workState: O ? S.ops ? T.Done : T.Doing : T.Start,
+              op: S.animationWorkData.filter((M, C) => {
+                if (C % 3 !== 2)
                   return !0;
               }).slice(-2)
-            }), k.animationWorkData.length = 0;
+            }), S.animationWorkData.length = 0;
           }
           break;
         }
         case f.Pencil: {
-          if (!k.useAnimation && k.ops)
-            (c = k.node) == null || c.consumeService({
-              op: k.animationWorkData || [],
+          if (!S.useAnimation && S.ops)
+            (c = S.node) == null || c.consumeService({
+              op: S.animationWorkData || [],
               isFullWork: !0,
               replaceId: g
-            }), (h = k.node) == null || h.updataOptService(k.updateNodeOpt), this.selectorWorkShapes.forEach((b, O) => {
+            }), (h = S.node) == null || h.updataOptService(S.updateNodeOpt), this.selectorWorkShapes.forEach((b, O) => {
               var M;
               (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-            }), (l = k.node) == null || l.clearTmpPoints(), this.workShapes.delete(g);
-          else if (k.useAnimation) {
-            if (k.isDel) {
-              (S = k.node) == null || S.clearTmpPoints(), this.workShapes.delete(g);
+            }), (l = S.node) == null || l.clearTmpPoints(), this.workShapes.delete(g);
+          else if (S.useAnimation) {
+            if (S.isDel) {
+              (k = S.node) == null || k.clearTmpPoints(), this.workShapes.delete(g);
               break;
             }
-            const b = 3, O = this.computNextAnimationIndex(k, b), M = k.isDiff ? 0 : Math.max(0, (k.animationIndex || 0) - b), D = (k.animationWorkData || []).slice(M, O), P = (y = (u = k.node) == null ? void 0 : u.getWorkId()) == null ? void 0 : y.toString();
-            if ((k.animationIndex || 0) < O || k.isDiff) {
-              if ((m = k.node) == null || m.consumeService({
-                op: D,
+            const b = 3, O = this.computNextAnimationIndex(S, b), M = S.isDiff ? 0 : Math.max(0, (S.animationIndex || 0) - b), C = (S.animationWorkData || []).slice(M, O), F = (y = (u = S.node) == null ? void 0 : u.getWorkId()) == null ? void 0 : y.toString();
+            if ((S.animationIndex || 0) < O || S.isDiff) {
+              if ((w = S.node) == null || w.consumeService({
+                op: C,
                 isFullWork: !1
-              }), k.animationIndex = O, k.isDiff && (k.isDiff = !1), D.length) {
-                const H = D.filter((q, ee) => {
-                  if (ee % b !== b - 1)
+              }), S.animationIndex = O, S.isDiff && (S.isDiff = !1), C.length) {
+                const H = C.filter((q, J) => {
+                  if (J % b !== b - 1)
                     return !0;
                 }).slice(-2);
                 e.set(g, {
-                  workState: M === 0 ? I.Start : O === ((v = k.animationWorkData) == null ? void 0 : v.length) ? I.Done : I.Doing,
+                  workState: M === 0 ? T.Start : O === ((m = S.animationWorkData) == null ? void 0 : m.length) ? T.Done : T.Doing,
                   op: H
                 });
               }
-            } else k.ops && ((W = k.node) == null || W.consumeService({
-              op: k.animationWorkData || [],
+            } else S.ops && ((W = S.node) == null || W.consumeService({
+              op: S.animationWorkData || [],
               isFullWork: !0,
-              replaceId: P
-            }), k.isDel = !0, e.set(g, {
-              workState: I.Done,
-              op: D.filter((H, q) => {
+              replaceId: F
+            }), S.isDel = !0, e.set(g, {
+              workState: T.Done,
+              op: C.filter((H, q) => {
                 if (q % b !== b - 1)
                   return !0;
               }).slice(-2)
@@ -1075,12 +1099,12 @@ class ke {
       }
     if (t && this.runAnimation(), e.size) {
       const g = [];
-      e.forEach((k, b) => {
+      e.forEach((S, b) => {
         g.push({
           type: p.Cursor,
-          uid: b.split(X)[0],
-          op: k.op,
-          workState: k.workState,
+          uid: b.split(P)[0],
+          op: S.op,
+          workState: S.workState,
           viewId: this.thread.viewId
         });
       }), this.thread.post({ sp: g });
@@ -1110,12 +1134,12 @@ class ke {
     return !1;
   }
   activeWorkShape(t) {
-    var y, m, v, W;
+    var y, w, m, W;
     const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: a, op: n, useAnimation: c, imageBitmap: h } = t;
     if (!e)
       return;
-    const l = e.toString(), S = (y = this.vNodes.get(l)) == null ? void 0 : y.rect;
-    if (!((m = this.workShapes) != null && m.has(l))) {
+    const l = e.toString(), k = (y = this.vNodes.get(l)) == null ? void 0 : y.rect;
+    if (!((w = this.workShapes) != null && w.has(l))) {
       let g = {
         toolsType: o,
         animationWorkData: n || [],
@@ -1124,14 +1148,14 @@ class ke {
         updateNodeOpt: i,
         ops: a,
         useAnimation: typeof c < "u" ? c : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
-        oldRect: S,
+        oldRect: k,
         isDiff: !1,
         imageBitmap: h
       };
-      o && s && (g = this.setNodeKey(l, g, o, s)), (v = this.workShapes) == null || v.set(l, g);
+      o && s && (g = this.setNodeKey(l, g, o, s)), (m = this.workShapes) == null || m.set(l, g);
     }
     const u = (W = this.workShapes) == null ? void 0 : W.get(l);
-    r && (u.type = r), a && (u.animationWorkData = F(a), u.ops = a), i && (u.updateNodeOpt = i), n && (u.isDiff = this.hasDiffData(u.animationWorkData || [], n, u.toolsType), u.animationWorkData = n), u.node && u.node.getWorkId() !== l && u.node.setWorkId(l), S && (u.oldRect = S), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), u.toolsType !== o && o && s && this.setNodeKey(l, u, o, s), u.node && u.node.setWorkOptions(s)), h && (u.imageBitmap = h);
+    r && (u.type = r), a && (u.animationWorkData = x(a), u.ops = a), i && (u.updateNodeOpt = i), n && (u.isDiff = this.hasDiffData(u.animationWorkData || [], n, u.toolsType), u.animationWorkData = n), u.node && u.node.getWorkId() !== l && u.node.setWorkId(l), k && (u.oldRect = k), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), u.toolsType !== o && o && s && this.setNodeKey(l, u, o, s), u.node && u.node.setWorkOptions(s)), h && (u.imageBitmap = h);
   }
   removeNode(t, e) {
     t.indexOf(L) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((s) => {
@@ -1151,19 +1175,19 @@ class ke {
       return;
     const a = e.toString();
     if (!((c = this.selectorWorkShapes) != null && c.has(a))) {
-      let S = {
+      let k = {
         toolsType: o,
         selectIds: i,
         type: r,
         opt: s
       };
-      o && s && (S = this.setNodeKey(a, S, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, S);
+      o && s && (k = this.setNodeKey(a, k, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, k);
     }
     const n = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
     r && (n.type = r), n.node && n.node.getWorkId() !== a && n.node.setWorkId(a), n.selectIds = i || [];
   }
   setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = U({
+    return e.toolsType = s, e.node = B({
       toolsType: s,
       toolsOpt: o,
       vNodes: this.vNodes,
@@ -1186,11 +1210,11 @@ class E {
 class me extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.CopyNode);
+    d(this, "emitEventType", I.CopyNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.FullWork && o === w.Local && r === this.emitEventType)
+    if (s === p.FullWork && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1202,11 +1226,11 @@ class me extends E {
 class ye extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.SetColorNode);
+    d(this, "emitEventType", I.SetColorNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1229,7 +1253,7 @@ class ye extends E {
           ...l,
           workId: h,
           type: p.TextUpdate,
-          dataType: w.Local,
+          dataType: v.Local,
           willSyncService: !0
         }) : c.push(
           {
@@ -1250,11 +1274,11 @@ class ye extends E {
 class we extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.ZIndexNode);
+    d(this, "emitEventType", I.ZIndexNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1291,17 +1315,17 @@ class we extends E {
 class ve extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.TranslateNode);
+    d(this, "emitEventType", I.TranslateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
     var h, l;
     const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n, emitEventType: c } = e;
-    s === L && o && (o.workState === I.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== I.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
+    s === L && o && (o.workState === T.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== T.Done ? await ((h = this.localWork) == null ? void 0 : h.updateSelector({
       updateSelectorOpt: o,
       willRefreshSelector: r,
       willSyncService: i,
@@ -1310,18 +1334,18 @@ class ve extends E {
       textUpdateForWoker: n,
       emitEventType: c,
       callback: this.updateSelectorCallback
-    })) : o.workState === I.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
+    })) : o.workState === T.Done && ((l = this.localWork) == null || l.vNodes.deleteLastTarget()));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = h.workState, u = o.sp || [];
-    if (S === I.Start)
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, k = h.workState, u = o.sp || [];
+    if (k === T.Start)
       return {
         sp: [],
         render: []
       };
     const y = a == null ? void 0 : a.selectRect;
     if (n) {
-      S === I.Doing && u.push({
+      k === T.Doing && u.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: y,
@@ -1330,17 +1354,17 @@ class ve extends E {
         points: i.getChildrenPoints(),
         textOpt: i.textOpt
       });
-      for (const [m, v] of r.entries())
-        l && v.toolsType === f.Text ? u.push({
-          ...v,
-          workId: m,
+      for (const [w, m] of r.entries())
+        l && m.toolsType === f.Text ? u.push({
+          ...m,
+          workId: w,
           type: p.TextUpdate,
-          dataType: w.Local,
+          dataType: v.Local,
           willSyncService: !0
         }) : u.push(
           {
-            ...v,
-            workId: m,
+            ...m,
+            workId: w,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1357,20 +1381,20 @@ class ve extends E {
 class ge extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.DeleteNode);
+    d(this, "emitEventType", I.DeleteNode);
   }
   async consume() {
     return !1;
   }
 }
-class Te extends E {
+class Ie extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.ScaleNode);
+    d(this, "emitEventType", I.ScaleNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1385,8 +1409,8 @@ class Te extends E {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c } = s, h = n.workState, l = o.sp || [], S = i == null ? void 0 : i.selectRect;
-    if (h === I.Start)
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c } = s, h = n.workState, l = o.sp || [], k = i == null ? void 0 : i.selectRect;
+    if (h === T.Start)
       return {
         sp: [],
         render: []
@@ -1395,10 +1419,10 @@ class Te extends E {
       l.push({
         type: p.Select,
         selectIds: r.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: !0,
         isSync: !0,
-        points: h === I.Done && r.getChildrenPoints() || void 0,
+        points: h === T.Done && r.getChildrenPoints() || void 0,
         textOpt: r.textOpt
       });
       for (const [u, y] of a.entries())
@@ -1406,7 +1430,7 @@ class Te extends E {
           ...y,
           workId: u,
           type: p.TextUpdate,
-          dataType: w.Local,
+          dataType: v.Local,
           willSyncService: !0
         }) : l.push(
           {
@@ -1425,14 +1449,14 @@ class Te extends E {
     };
   }
 }
-class Ie extends E {
+class Te extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.RotateNode);
+    d(this, "emitEventType", I.RotateNode);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1449,9 +1473,9 @@ class Ie extends E {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c, willSerializeData: h, isSync: l } = s, S = n.workState, u = o.sp || [], y = i == null ? void 0 : i.selectRect;
+    const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: a } = e, { updateSelectorOpt: n, willSyncService: c, willSerializeData: h, isSync: l } = s, k = n.workState, u = o.sp || [], y = i == null ? void 0 : i.selectRect;
     if (c) {
-      h && S === I.Done && u.push({
+      h && k === T.Done && u.push({
         type: p.Select,
         selectIds: r.selectIds,
         selectRect: y,
@@ -1459,11 +1483,11 @@ class Ie extends E {
         isSync: l,
         points: r.getChildrenPoints()
       });
-      for (const [m, v] of a.entries())
+      for (const [w, m] of a.entries())
         u.push(
           {
-            ...v,
-            workId: m,
+            ...m,
+            workId: w,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1480,11 +1504,11 @@ class Ie extends E {
 class We extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.SetFontStyle);
+    d(this, "emitEventType", I.SetFontStyle);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return await this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1500,9 +1524,9 @@ class We extends E {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, S = o.sp || [], u = a == null ? void 0 : a.selectRect;
-    if (n && S) {
-      h.fontSize && S.push({
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h, textUpdateForWoker: l } = s, k = o.sp || [], u = a == null ? void 0 : a.selectRect;
+    if (n && k) {
+      h.fontSize && k.push({
         type: p.Select,
         selectIds: i.selectIds,
         selectRect: u,
@@ -1510,16 +1534,16 @@ class We extends E {
         isSync: c,
         points: i.getChildrenPoints()
       });
-      for (const [y, m] of r.entries())
-        l && m.toolsType === f.Text ? S.push({
-          ...m,
+      for (const [y, w] of r.entries())
+        l && w.toolsType === f.Text ? k.push({
+          ...w,
           workId: y,
           type: p.TextUpdate,
-          dataType: w.Local,
+          dataType: v.Local,
           willSyncService: !0
-        }) : S.push(
+        }) : k.push(
           {
-            ...m,
+            ...w,
             workId: y,
             type: p.UpdateNode,
             updateNodeOpt: {
@@ -1530,18 +1554,18 @@ class We extends E {
         );
     }
     return {
-      sp: S
+      sp: k
     };
   }
 }
 class Ne extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.SetPoint);
+    d(this, "emitEventType", I.SetPoint);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1561,11 +1585,11 @@ class Ne extends E {
   updateSelectorCallback(e) {
     const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c } = s, h = o.sp || [], l = a == null ? void 0 : a.selectRect;
     if (n && h) {
-      for (const [S, u] of r.entries())
+      for (const [k, u] of r.entries())
         h.push(
           {
             ...u,
-            workId: S,
+            workId: k,
             type: p.UpdateNode,
             updateNodeOpt: {
               useAnimation: !1
@@ -1590,11 +1614,11 @@ class Ne extends E {
 class Le extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.SetLock);
+    d(this, "emitEventType", I.SetLock);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1609,7 +1633,7 @@ class Le extends E {
     }));
   }
   updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h } = s, l = o.sp || [], S = a == null ? void 0 : a.selectRect;
+    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: a } = e, { willSyncService: n, isSync: c, updateSelectorOpt: h } = s, l = o.sp || [], k = a == null ? void 0 : a.selectRect;
     if (n && l) {
       for (const [u, y] of r.entries())
         l.push(
@@ -1630,7 +1654,7 @@ class Le extends E {
         canRotate: i.canRotate,
         type: p.Select,
         selectIds: i.selectIds,
-        selectRect: S,
+        selectRect: k,
         willSyncService: n,
         isSync: c
       });
@@ -1643,11 +1667,11 @@ class Le extends E {
 class be extends E {
   constructor() {
     super(...arguments);
-    d(this, "emitEventType", T.SetShapeOpt);
+    d(this, "emitEventType", I.SetShapeOpt);
   }
   async consume(e) {
     const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === w.Local && r === this.emitEventType)
+    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
       return this.consumeForLocalWorker(e), !0;
   }
   async consumeForLocalWorker(e) {
@@ -1688,27 +1712,27 @@ class Me {
   }
   build(t) {
     switch (t) {
-      case T.TranslateNode:
+      case I.TranslateNode:
         return new ve();
-      case T.ZIndexNode:
+      case I.ZIndexNode:
         return new we();
-      case T.CopyNode:
+      case I.CopyNode:
         return new me();
-      case T.SetColorNode:
+      case I.SetColorNode:
         return new ye();
-      case T.DeleteNode:
+      case I.DeleteNode:
         return new ge();
-      case T.ScaleNode:
-        return new Te();
-      case T.RotateNode:
+      case I.ScaleNode:
         return new Ie();
-      case T.SetFontStyle:
+      case I.RotateNode:
+        return new Te();
+      case I.SetFontStyle:
         return new We();
-      case T.SetPoint:
+      case I.SetPoint:
         return new Ne();
-      case T.SetLock:
+      case I.SetLock:
         return new Le();
-      case T.SetShapeOpt:
+      case I.SetShapeOpt:
         return new be();
     }
   }
@@ -1749,24 +1773,24 @@ class Oe {
     d(this, "cacheImages", /* @__PURE__ */ new Map());
     d(this, "imageResolveMap", /* @__PURE__ */ new Map());
     this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
-    const s = x.bufferSize.full, o = x.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === C ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === C, o) }), this.vNodes = new ue(t, this.scene);
+    const s = A.bufferSize.full, o = A.bufferSize.sub;
+    this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === R ? s : o }), this.topLayer = this.createLayer("topLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === R, o) }), this.localLayer = this.createLayer("localLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === R, o) }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, { ...e.layerOpt, bufferSize: (this.viewId === R, o) }), this.vNodes = new ue(t, this.scene);
     const r = {
       thread: this,
       vNodes: this.vNodes
     };
-    this.localWork = new Se(r), this.serviceWork = new ke(r), this.topWork = new fe(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Me([
-      T.CopyNode,
-      T.SetColorNode,
-      T.DeleteNode,
-      T.RotateNode,
-      T.ScaleNode,
-      T.TranslateNode,
-      T.ZIndexNode,
-      T.SetFontStyle,
-      T.SetPoint,
-      T.SetLock,
-      T.SetShapeOpt
+    this.localWork = new ke(r), this.serviceWork = new Se(r), this.topWork = new fe(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Me([
+      I.CopyNode,
+      I.SetColorNode,
+      I.DeleteNode,
+      I.RotateNode,
+      I.ScaleNode,
+      I.TranslateNode,
+      I.ZIndexNode,
+      I.SetFontStyle,
+      I.SetPoint,
+      I.SetLock,
+      I.SetShapeOpt
     ]).registerForMainThread(this);
   }
   getCachedImages(t) {
@@ -1788,6 +1812,11 @@ class Oe {
     if (!await this.methodBuilder.consumeForMainThread(t)) {
       const { msgType: s, toolsType: o, opt: r, dataType: i, workId: a, workState: n, imageSrc: c, imageBitmap: h } = t, l = a == null ? void 0 : a.toString();
       switch (s) {
+        case p.AuthClear: {
+          const { clearUids: k, localUid: u } = t;
+          this.vNodes.setCanClearUids(k), this.vNodes.setLocalUid(u);
+          break;
+        }
         case p.Destroy:
           this.destroy();
           break;
@@ -1799,11 +1828,11 @@ class Oe {
           break;
         case p.UpdateTools:
           if (o && r) {
-            const S = {
+            const k = {
               toolsType: o,
               toolsOpt: r
             };
-            this.topWork.canUseTopLayer(o) ? this.topWork.setToolsOpt(S) : this.localWork.setToolsOpt(S);
+            this.topWork.canUseTopLayer(o) ? this.topWork.setToolsOpt(k) : this.localWork.setToolsOpt(k);
           }
           break;
         case p.CreateWork:
@@ -1822,7 +1851,7 @@ class Oe {
           }
           break;
         case p.DrawWork:
-          n === I.Done && i === w.Local ? this.consumeDrawAll(i, t) : this.consumeDraw(i, t);
+          n === T.Done && i === v.Local ? this.consumeDrawAll(i, t) : this.consumeDraw(i, t);
           break;
         case p.UpdateNode:
         case p.FullWork:
@@ -1836,18 +1865,18 @@ class Oe {
           await this.removeNode(t);
           return;
         case p.Select:
-          i === w.Service && (a === L ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
+          i === v.Service && (a === L ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
           break;
         case p.CursorHover:
           this.localWork.cursorHover(t);
           break;
         case p.GetTextActive:
-          i === w.Local && this.localWork.checkTextActive(t);
+          i === v.Local && this.localWork.checkTextActive(t);
           break;
         case p.GetImageBitMap:
           if (c && h && this.cacheImages.set(c, h), a) {
-            const S = a.toString(), u = (e = this.imageResolveMap.get(S)) == null ? void 0 : e.resolve;
-            u && u(S);
+            const k = a.toString(), u = (e = this.imageResolveMap.get(k)) == null ? void 0 : e.resolve;
+            u && u(k);
           }
           break;
       }
@@ -1890,12 +1919,12 @@ class Oe {
           await this.localWork.removeSelector(t);
           continue;
         }
-        e === w.Local ? this.localWork.removeWork(t) : e === w.Service && this.serviceWork.removeWork(t), await this.localWork.colloctEffectSelectWork(t);
+        e === v.Local ? this.localWork.removeWork(t) : e === v.Service && this.serviceWork.removeWork(t), await this.localWork.colloctEffectSelectWork(t);
       }
   }
   async consumeFull(t, e) {
     const s = await this.localWork.colloctEffectSelectWork(e);
-    s && t === w.Local && await this.localWork.consumeFull(s), s && t === w.Service && this.serviceWork.consumeFull(s);
+    s && t === v.Local && await this.localWork.consumeFull(s), s && t === v.Service && this.serviceWork.consumeFull(s);
   }
   setCameraOpt(t) {
     this.cameraOpt = t;
@@ -1930,7 +1959,7 @@ class Oe {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None);
+    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.drawCount === void 0 && delete t.drawCount, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   clearAll() {
@@ -1947,10 +1976,10 @@ class Oe {
     if (o) {
       const r = o.toString();
       if (s && this.topWork.canUseTopLayer(s)) {
-        t === w.Local && (this.topWork.getLocalWorkShape(o.toString()) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
+        t === v.Local && (this.topWork.getLocalWorkShape(o.toString()) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
         return;
       }
-      t === w.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
+      t === v.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
     }
   }
   consumeDraw(t, e) {
@@ -1958,10 +1987,10 @@ class Oe {
     if (o && r && s) {
       const i = o.toString();
       if (this.topWork.canUseTopLayer(r)) {
-        t === w.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
+        t === v.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
         return;
       }
-      t === w.Local ? (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(e), this.localWork.consumeDraw(e, this.serviceWork)) : t === w.Service && this.serviceWork.consumeDraw(e);
+      t === v.Local ? (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(e), this.localWork.consumeDraw(e, this.serviceWork)) : t === v.Service && this.serviceWork.consumeDraw(e);
       return;
     }
   }
@@ -1994,7 +2023,7 @@ class Oe {
       const r = /* @__PURE__ */ new Map();
       for (const [c, h] of this.vNodes.getNodesByType(f.Text).entries()) {
         const l = h.rect;
-        r.set(c, J(l));
+        r.set(c, Q(l));
       }
       const i = new Set(r.keys());
       let a = !1;
@@ -2021,11 +2050,11 @@ class Oe {
         for (const [c, h] of r.entries()) {
           const l = this.vNodes.get(c);
           if (l) {
-            const S = h, u = l.rect, y = this.getSceneRect(), m = z(S, y), v = z(u, y);
+            const k = h, u = l.rect, y = this.getSceneRect(), w = z(k, y), m = z(u, y);
             let W = !1;
-            if ((m !== v || S.w !== u.w || S.h !== u.h || v === V.intersect) && (W = !0), W) {
-              const { toolsType: g, opt: k } = l;
-              g === f.Text && k.workState === I.Done && this.debounceUpdateCache.add(c);
+            if ((w !== m || k.w !== u.w || k.h !== u.h || m === V.intersect) && (W = !0), W) {
+              const { toolsType: g, opt: S } = l;
+              g === f.Text && S.workState === T.Done && this.debounceUpdateCache.add(c);
             }
           }
         }
@@ -2035,7 +2064,7 @@ class Oe {
               workId: c,
               selectIds: h.selectIds,
               msgType: p.Select,
-              dataType: w.Service,
+              dataType: v.Service,
               viewId: this.viewId
             });
         this.debounceUpdateCameraId = setTimeout(() => {
@@ -2046,17 +2075,17 @@ class Oe {
             if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
               const u = this.vNodes.get(l);
               if (u) {
-                const { toolsType: y, opt: m, rect: v } = u, W = this.localWork.setFullWork({
+                const { toolsType: y, opt: w, rect: m } = u, W = this.localWork.setFullWork({
                   toolsType: y,
-                  opt: m,
+                  opt: w,
                   workId: l
                 });
                 if (W) {
-                  const g = this.getSceneRect(), k = z(v, g);
+                  const g = this.getSceneRect(), S = z(m, g);
                   c.push(W.consumeServiceAsync({
                     isFullWork: !0,
                     replaceId: l,
-                    isDrawLabel: k !== V.outside
+                    isDrawLabel: S !== V.outside
                   }));
                 }
               }
@@ -2078,7 +2107,7 @@ class Oe {
     };
   }
   createScene(t) {
-    return new Y({
+    return new X({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2088,7 +2117,7 @@ class Oe {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), n = new Q({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, { ...s, offscreen: !1 }), n = new Y({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2122,7 +2151,7 @@ class Ee {
     d(this, "workShapes", /* @__PURE__ */ new Map());
     d(this, "cacheImages", /* @__PURE__ */ new Map());
     d(this, "imageResolveMap", /* @__PURE__ */ new Map());
-    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master, this.fullLayer = this.createLayer("fullLayer", this.scene, { ...e.layerOpt, bufferSize: this.viewId === C ? 6e3 : 3e3 });
+    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 === R ? 6e3 : 3e3 });
   }
   getCachedImages(t) {
     return this.cacheImages.get(t);
@@ -2186,7 +2215,7 @@ class Ee {
     }
   }
   createWorkShapeNode(t) {
-    return U({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
+    return B({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
   }
   setFullWork(t) {
     const { workId: e, opt: s, toolsType: o } = t;
@@ -2202,7 +2231,7 @@ class Ee {
   }
   async runFullWork(t) {
     var o;
-    const e = this.setFullWork(t), s = t.ops && F(t.ops);
+    const e = this.setFullWork(t), s = t.ops && x(t.ops);
     if (e) {
       let r, i;
       const a = (o = e.getWorkId()) == null ? void 0 : o.toString();
@@ -2217,7 +2246,7 @@ class Ee {
         op: s,
         isFullWork: !0,
         replaceId: a
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), A(r, i);
+      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), U(r, i);
     }
   }
   async getSnapshot(t) {
@@ -2230,15 +2259,15 @@ class Ee {
           switch (h == null ? void 0 : h.type) {
             case p.UpdateNode:
             case p.FullWork: {
-              const { opt: l } = h, S = {
+              const { opt: l } = h, k = {
                 ...h,
                 opt: l,
                 workId: c,
                 msgType: p.FullWork,
-                dataType: w.Service,
+                dataType: v.Service,
                 viewId: this.viewId
-              }, u = await this.runFullWork(S);
-              a = A(a, u);
+              }, u = await this.runFullWork(k);
+              a = U(a, u);
               break;
             }
           }
@@ -2290,10 +2319,10 @@ class Ee {
                 ...a,
                 workId: i,
                 msgType: p.FullWork,
-                dataType: w.Service,
+                dataType: v.Service,
                 viewId: this.viewId
               });
-              r = A(r, n);
+              r = U(r, n);
               break;
             }
           }
@@ -2334,11 +2363,11 @@ class Ee {
   }
   combinePost() {
     var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None);
+    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter((r) => r.type !== p.None || r.isLockSentEventCursor);
     e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (t != null && t.drawCount || (o = t.sp) != null && o.length) && this.opt.post(t);
   }
   createScene(t) {
-    return new Y({
+    return new X({
       displayRatio: this.opt.displayer.dpr,
       depth: !1,
       desynchronized: !0,
@@ -2347,7 +2376,7 @@ class Ee {
     });
   }
   createLayer(t, e, s) {
-    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), n = new Q({
+    const { width: o, height: r } = s, i = `canvas-${t}`, a = e.layer(i, s), n = new Y({
       anchor: [0.5, 0.5],
       pos: [o * 0.5, r * 0.5],
       size: [o, r],
@@ -2392,20 +2421,20 @@ class Be {
   async consume(t) {
     var e, s, o, r;
     for (const i of t.values()) {
-      const { msgType: a, viewId: n, tasksqueue: c, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: S, cameraOpt: u, isSubWorker: y } = i;
+      const { msgType: a, viewId: n, tasksqueue: c, mainTasksqueueCount: h, layerOpt: l, offscreenCanvasOpt: k, cameraOpt: u, isSubWorker: y } = i;
       if (a === p.Console) {
         console.log(this);
         continue;
       }
       if (a === p.Init) {
-        const v = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, W = v == null ? void 0 : v.canvasContainerRef.current;
-        if (v && W && l && S) {
+        const m = (e = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : e.displayer, W = m == null ? void 0 : m.canvasContainerRef.current;
+        if (m && W && l && k) {
           const g = this.createMainThread(n, {
-            displayer: v,
+            displayer: m,
             container: W,
             layerOpt: l,
             master: this.master,
-            canvasOpt: S,
+            canvasOpt: k,
             post: this.post.bind(this)
           });
           this.mainThreadMap.set(n, g), g && u && g.setCameraOpt(u);
@@ -2413,25 +2442,25 @@ class Be {
         continue;
       }
       if ((a === p.Snapshot || a === p.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        const v = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, W = (r = v.snapshotContainerRef) == null ? void 0 : r.current;
-        if (v && W && u) {
+        const m = (o = this.master.control.viewContainerManager.getView(n)) == null ? void 0 : o.displayer, W = (r = m.snapshotContainerRef) == null ? void 0 : r.current;
+        if (m && W && u) {
           W.style.width = `${u.width}px`, W.style.height = `${u.height}px`;
           const g = {
             ...Z.defaultLayerOpt,
             offscreen: !1,
             width: u.width,
             height: u.height
-          }, k = {
+          }, S = {
             ...Z.defaultScreenCanvasOpt,
             width: u.width,
             height: u.height
           };
           this.snapshotThread = this.createSnapshotThread(n, {
-            displayer: v,
+            displayer: m,
             container: W,
             layerOpt: g,
             master: this.master,
-            canvasOpt: k,
+            canvasOpt: S,
             post: this.post.bind(this)
           }), this.snapshotThread.on(i).then(() => {
             this.snapshotThread = void 0, W.innerHTML = "", W.style.width = "", W.style.height = "";
@@ -2444,19 +2473,19 @@ class Be {
         continue;
       }
       if (a === p.TasksQueue && (c != null && c.size)) {
-        for (const [v, W] of this.mainThreadMap.entries()) {
-          const g = c.get(v);
+        for (const [m, W] of this.mainThreadMap.entries()) {
+          const g = c.get(m);
           g && (await W.on(g), h && this.post({ workerTasksqueueCount: h }));
         }
         continue;
       }
       if (n === he) {
-        for (const v of this.mainThreadMap.values())
-          v.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
+        for (const m of this.mainThreadMap.values())
+          m.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
         continue;
       }
-      const m = this.mainThreadMap.get(n);
-      m && (m.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
+      const w = this.mainThreadMap.get(n);
+      w && (w.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
     }
   }
 }