@netless/appliance-plugin 1.1.2 → 1.1.3-4.beta.0

package/dist/index-DwakKeHT.mjs

@@ -1,2497 +0,0 @@
-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-B-Nowr4E.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";
-import "react";
-import "eventemitter2";
-class ue {
-  constructor(t, e) {
-    d(this, "viewId");
-    d(this, "scene");
-    d(this, "fullLayer");
-    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) {
-    this.fullLayer = t;
-  }
-  get(t) {
-    return this.curNodeMap.get(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();
-    return this.curNodeMap.forEach((s, o) => {
-      s.toolsType === t && e.set(o, s);
-    }), e;
-  }
-  hasRenderNodes() {
-    return !0;
-  }
-  has(t) {
-    return this.curNodeMap.has(t);
-  }
-  setInfo(t, e) {
-    const s = this.curNodeMap.get(t) || {
-      name: t,
-      rect: e.rect
-    };
-    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 });
-  }
-  unSelected(t) {
-    this.setInfo(t, { isSelected: !1 });
-  }
-  delete(t) {
-    this.curNodeMap.delete(t);
-  }
-  clear() {
-    this.curNodeMap.clear(), this.targetNodeMap.length = 0;
-  }
-  getRectIntersectRange(t, e = !0, s = !0) {
-    let o;
-    const r = /* @__PURE__ */ new Map();
-    for (const [i, a] of this.curNodeMap.entries())
-      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 = U(o, a.rect), r.set(i, a);
-      }
-    return {
-      rectRange: o,
-      nodeRange: r
-    };
-  }
-  getNodeRectFormShape(t, e) {
-    const s = ie(e.toolsType);
-    return this.fullLayer && (s == null ? void 0 : s.getRectFromLayer(this.fullLayer, t));
-  }
-  updateNodeRect(t) {
-    const e = this.curNodeMap.get(t);
-    if (e) {
-      const s = this.getNodeRectFormShape(t, e);
-      if (!s) {
-        this.curNodeMap.delete(t);
-        return;
-      }
-      e.rect = s, this.curNodeMap.set(t, e);
-    }
-  }
-  updateHighLevelNodesRect(t) {
-    this.highLevelIds = t;
-    for (const e of this.highLevelIds.keys())
-      this.updateNodeRect(e);
-  }
-  updateLowLevelNodesRect() {
-    var t;
-    for (const e of this.curNodeMap.keys())
-      (t = this.highLevelIds) != null && t.has(e) || this.updateNodeRect(e);
-  }
-  clearHighLevelIds() {
-    this.highLevelIds = void 0;
-  }
-  setTargetAssignKeys(t) {
-    const e = /* @__PURE__ */ new Map();
-    for (const s of t) {
-      const o = this.curNodeMap.get(s);
-      o && e.set(s, D(o));
-    }
-    return this.targetNodeMap.push(D(e)), this.targetNodeMap.length - 1;
-  }
-  setTarget() {
-    return this.targetNodeMap.push(D(this.curNodeMap)), this.targetNodeMap.length - 1;
-  }
-  getLastTarget() {
-    return this.targetNodeMap[this.targetNodeMap.length - 1];
-  }
-  deleteLastTarget() {
-    this.targetNodeMap.length && (this.targetNodeMap.length = this.targetNodeMap.length - 1);
-  }
-  getTarget(t) {
-    return this.targetNodeMap[t];
-  }
-  deleteTarget(t) {
-    this.targetNodeMap.length = t;
-  }
-  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) {
-    d(this, "vNodes");
-    d(this, "thread");
-    d(this, "serviceWorkShapes", /* @__PURE__ */ new Map());
-    d(this, "localWorkShapes", /* @__PURE__ */ new Map());
-    d(this, "tmpOpt");
-    d(this, "animationId");
-    d(this, "syncUnitTime", A.syncOpt.interval);
-    this.vNodes = t.vNodes, this.thread = t.thread;
-  }
-  createLocalWork(t) {
-    const { workId: e, opt: s, toolsType: o } = t;
-    if (e && s) {
-      const r = e.toString();
-      !this.getToolsOpt() && o && this.setToolsOpt({
-        toolsType: o,
-        toolsOpt: s
-      }), this.setWorkOptions(r, s);
-    }
-  }
-  getLocalWorkShape(t) {
-    return this.localWorkShapes.get(t);
-  }
-  createLocalWorkShape(t, e) {
-    if (t && this.tmpOpt) {
-      const s = {
-        toolsType: this.tmpOpt.toolsType,
-        toolsOpt: e || this.tmpOpt.toolsOpt
-      }, o = this.createWorkShapeNode({ ...s, workId: t });
-      return o && this.localWorkShapes.set(t, {
-        node: o,
-        toolsType: o.toolsType,
-        workState: T.Start
-      }), o;
-    }
-  }
-  canUseTopLayer(t) {
-    return t === f.LaserPen;
-  }
-  destroy() {
-    this.clearAll();
-  }
-  clearAll() {
-    this.thread.topLayer.children.length && (this.thread.topLayer.parent.children.forEach((t) => {
-      t.name !== "viewport" && t.remove();
-    }), this.thread.serviceLayer.removeAllChildren()), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
-  }
-  consumeDraw(t) {
-    const { workId: e, dataType: s } = t;
-    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 = T.Doing, o && this.localWorkShapes.set(o, r));
-    }
-    this.runAnimation();
-  }
-  setToolsOpt(t) {
-    var e;
-    this.tmpOpt = t, (e = t.toolsOpt) != null && e.syncUnitTime && (this.syncUnitTime = t.toolsOpt.syncUnitTime);
-  }
-  getToolsOpt() {
-    return this.tmpOpt;
-  }
-  createWorkShapeNode(t) {
-    const { toolsType: e } = t;
-    if (e === f.LaserPen)
-      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 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 = (k = this.vNodes.get(c)) == null ? void 0 : k.rect;
-    if (!((u = this.serviceWorkShapes) != null && u.has(c))) {
-      let y = {
-        toolsType: o,
-        animationWorkData: n || [],
-        animationIndex: 0,
-        type: r,
-        updateNodeOpt: i,
-        ops: a,
-        oldRect: h
-      };
-      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 = 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;
-    const s = ((r = t.node) == null ? void 0 : r.syncUnitTime) || this.syncUnitTime, o = Math.floor((t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / s) * e;
-    return Math.min((t.animationIndex || 0) + (o || e), (t.animationWorkData || []).length);
-  }
-  animationDraw() {
-    var o, r, i, a;
-    this.animationId = void 0;
-    let t = !1;
-    const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [n, c] of this.serviceWorkShapes.entries())
-      switch (c.toolsType) {
-        case f.LaserPen: {
-          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: 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);
-            break;
-          }
-          c.ops && c.animationIndex === ((a = c.animationWorkData) == null ? void 0 : a.length) && !c.isDel && (this.thread.topLayer.getElementsByName(n.toString())[0] || (c.isDel = !0, this.serviceWorkShapes.set(n, c))), t = !0;
-          break;
-        }
-      }
-    for (const [n, c] of this.localWorkShapes.entries()) {
-      const { result: h, toolsType: l, isDel: k, workState: u } = c;
-      switch (l) {
-        case f.LaserPen: {
-          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 === T.Done && (c.isDel = !0, this.localWorkShapes.set(n, c)), t = !0;
-          break;
-        }
-      }
-    }
-    t && this.runAnimation(), e.size && e.forEach((n, c) => {
-      s.push({
-        type: p.Cursor,
-        uid: c.split(P)[0],
-        op: n.op,
-        workState: n.workState,
-        viewId: this.thread.viewId
-      });
-    }), s.length && this.thread.post({ sp: s });
-  }
-  runAnimation() {
-    this.animationId || (this.animationId = requestAnimationFrame(this.animationDraw.bind(this)));
-  }
-  setWorkOptions(t, e) {
-    var o;
-    let s = (o = this.localWorkShapes.get(t)) == null ? void 0 : o.node;
-    if (!s && this.tmpOpt) {
-      const { toolsType: r } = this.tmpOpt;
-      this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: r, toolsOpt: e }), s && this.localWorkShapes.set(t, {
-        node: s,
-        toolsType: r,
-        workState: T.Start
-      }), 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 === 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 = T.Done, o && this.localWorkShapes.set(o, r);
-    }
-    this.runAnimation();
-  }
-}
-class ke {
-  constructor(t) {
-    d(this, "vNodes");
-    d(this, "thread");
-    d(this, "workShapes", /* @__PURE__ */ new Map());
-    d(this, "effectSelectNodeData", /* @__PURE__ */ new Set());
-    d(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
-    d(this, "batchEraserWorks", /* @__PURE__ */ new Set());
-    d(this, "tmpOpt");
-    d(this, "syncUnitTime", A.syncOpt.interval);
-    d(this, "drawCount", 0);
-    d(this, "drawWorkActiveId");
-    d(this, "batchEraserCombine", ne(() => {
-      this.updateBatchEraserCombineNode(this.batchEraserWorks, this.batchEraserRemoveNodes), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
-    }, 100, { leading: !1 }));
-    this.vNodes = t.vNodes, this.thread = t.thread;
-  }
-  async loadImageBitMap(t) {
-    return this.thread.loadImageBitMap(t);
-  }
-  createLocalWork(t) {
-    const { workId: e, opt: s, toolsType: o } = t;
-    if (e && s) {
-      const r = e.toString();
-      !this.getToolsOpt() && o && this.setToolsOpt({
-        toolsType: o,
-        toolsOpt: s
-      }), this.setWorkOptions(r, s);
-    }
-  }
-  workShapesDone(t, e) {
-    for (const s of this.workShapes.keys())
-      this.consumeDrawAll({
-        workId: s,
-        scenePath: t,
-        viewId: this.thread.viewId,
-        msgType: p.DrawWork,
-        dataType: v.Local
-      }, e);
-  }
-  async updateSelector(t) {
-    var k;
-    const e = this.workShapes.get(L);
-    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: Q(e.selectIds),
-      vNodes: this.vNodes,
-      willSerializeData: i,
-      worker: this
-    })), n = /* @__PURE__ */ new Map();
-    let c;
-    a != null && a.selectIds && (c = pe(e.selectIds, a.selectIds), a.selectIds.forEach((u) => {
-      const y = this.vNodes.get(u);
-      if (y) {
-        const { toolsType: w, op: m, opt: W } = y;
-        n.set(u, {
-          opt: W,
-          toolsType: w,
-          ops: (m == null ? void 0 : m.length) && K(m) || void 0
-        });
-      }
-    }), e.selectIds = a.selectIds);
-    const h = [], l = s && s({
-      res: a,
-      workShapeNode: e,
-      param: o,
-      postData: { sp: h },
-      newServiceStore: n
-    }) || { sp: h };
-    c && l.sp.push({
-      type: p.RemoveNode,
-      removeIds: c,
-      viewId: this.thread.viewId
-    }), l.sp.length && this.thread.post(l);
-  }
-  destroy() {
-    this.clearAll();
-  }
-  clearAll() {
-    if (this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
-      e.name !== "viewport" && e.remove();
-    }), this.thread.localLayer.removeAllChildren()), this.workShapes.get(L)) {
-      const e = [];
-      e.push({
-        type: p.Select,
-        dataType: v.Local,
-        selectIds: [],
-        willSyncService: !1
-      }), this.thread.post({ sp: e });
-    }
-    this.workShapes.clear(), this.effectSelectNodeData.clear(), this.batchEraserWorks.clear(), this.batchEraserRemoveNodes.clear();
-  }
-  async checkTextActive(t) {
-    const { op: e, viewId: s, dataType: o } = t;
-    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], 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;
-        }
-      }
-      r && (await this.blurSelector({
-        viewId: s,
-        msgType: p.Select,
-        dataType: o,
-        isSync: !0
-      }), this.thread.post({
-        sp: [{
-          type: p.GetTextActive,
-          toolsType: f.Text,
-          workId: r
-        }]
-      }));
-    }
-  }
-  cursorHover(t) {
-    const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: _,
-      toolsType: s,
-      opt: e
-    });
-    r && o && r.cursorHover(o);
-  }
-  updateFullSelectWork(t) {
-    var o, r, i, a, n;
-    const e = this.workShapes.get(L), { selectIds: s } = t;
-    if (!(s != null && s.length)) {
-      this.blurSelector(t);
-      return;
-    }
-    if (!e) {
-      const c = this.setFullWork(t);
-      !c && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === f.Selector && this.setWorkOptions(t.workId.toString(), t.opt || this.tmpOpt.toolsOpt), c && this.updateFullSelectWork(t);
-      return;
-    }
-    if (e && (s != null && s.length)) {
-      const { selectRect: c } = e.updateSelectIds(s), h = [{
-        ...t,
-        selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
-        strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
-        fillColor: ((a = t.opt) == null ? void 0 : a.fillColor) || e.fillColor,
-        textOpt: ((n = t.opt) == null ? void 0 : n.textOpt) || e.textOpt,
-        canTextEdit: e.canTextEdit,
-        canRotate: e.canRotate,
-        scaleType: e.scaleType,
-        type: p.Select,
-        selectRect: c,
-        points: e.getChildrenPoints(),
-        willSyncService: (t == null ? void 0 : t.willSyncService) || !1,
-        opt: (t == null ? void 0 : t.willSyncService) && e.getWorkOptions() || void 0,
-        canLock: e.canLock,
-        isLocked: e.isLocked,
-        toolsTypes: e.toolsTypes,
-        shapeOpt: e.shapeOpt,
-        thickness: e.thickness,
-        useStroke: e.useStroke,
-        strokeType: e.strokeType
-      }];
-      this.thread.post({ sp: h });
-    }
-  }
-  commandDeleteText(t) {
-    const e = this.vNodes.get(t);
-    if (e && e.toolsType === f.Text)
-      return {
-        type: p.TextUpdate,
-        toolsType: f.Text,
-        workId: t,
-        dataType: v.Local
-      };
-  }
-  async removeSelector(t) {
-    const { willSyncService: e } = t, s = [], o = [], r = this.workShapes.get(L);
-    if (!r)
-      return;
-    const i = r.selectIds && [...r.selectIds] || [];
-    for (const a of i) {
-      if (this.vNodes.get(a)) {
-        const c = this.commandDeleteText(a);
-        c && s.push(c);
-      }
-      this.removeNode(a), o.push(a);
-    }
-    o.length && s.push({
-      type: p.RemoveNode,
-      removeIds: o
-    }), s.push({
-      type: p.Select,
-      selectIds: [],
-      willSyncService: e
-    }), await this.blurSelector(), s.length && this.thread.post({ sp: s });
-  }
-  removeWork(t) {
-    const { workId: e } = t, s = e == null ? void 0 : e.toString();
-    s && this.removeNode(s);
-  }
-  removeNode(t) {
-    var o;
-    this.vNodes.get(t) && ((o = this.thread.fullLayer) == null || o.getElementsByName(t).forEach((r) => {
-      r.remove();
-    }), this.vNodes.delete(t)), this.workShapes.has(t) && (this.thread.localLayer.getElementsByName(t).forEach((r) => {
-      r.remove();
-    }), this.clearWorkShapeNodeCache(t));
-  }
-  setFullWork(t) {
-    const { workId: e, opt: s, toolsType: o } = t;
-    if (e && s && o) {
-      const r = e.toString();
-      let i;
-      return e && this.workShapes.has(r) ? (i = this.workShapes.get(r), i == null || i.setWorkOptions(s)) : i = this.createWorkShapeNode({
-        toolsOpt: s,
-        toolsType: o,
-        workId: r
-      }), i ? (this.workShapes.set(r, i), i) : void 0;
-    }
-  }
-  async consumeFull(t) {
-    var o;
-    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({
-        isFullWork: !0,
-        replaceId: r,
-        worker: this
-      }) : e.toolsType === f.Text ? await e.consumeServiceAsync({
-        isFullWork: !0,
-        replaceId: r
-      }) : e.consumeService({
-        op: s,
-        isFullWork: !0,
-        replaceId: r
-      }), t != null && t.updateNodeOpt && e.updataOptService(t.updateNodeOpt);
-      const i = [];
-      t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && i.push({
-        opt: t.opt,
-        toolsType: t.toolsType,
-        type: p.FullWork,
-        workId: t.workId,
-        ops: t.ops,
-        updateNodeOpt: t.updateNodeOpt,
-        viewId: this.thread.viewId
-      }), i.length && this.thread.post({ sp: i });
-    }
-  }
-  async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(L), { workId: s, msgType: o } = t;
-    if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
-      o === p.RemoveNode ? e.selectIds = e.selectIds.filter((r) => r !== s.toString()) : this.effectSelectNodeData.add(t), await new Promise((r) => {
-        setTimeout(() => {
-          r(!0);
-        }, 0);
-      }), await this.runEffectSelectWork(!0).then(() => {
-        var r;
-        (r = this.effectSelectNodeData) == null || r.clear();
-      });
-      return;
-    }
-    return t;
-  }
-  async runEffectSelectWork(t) {
-    var e;
-    for (const s of this.effectSelectNodeData.values()) {
-      const o = this.setFullWork(s);
-      if (o) {
-        const r = (e = s.workId) == null ? void 0 : e.toString();
-        if (o.toolsType === f.Image)
-          await o.consumeServiceAsync({
-            isFullWork: !0,
-            replaceId: r,
-            worker: this
-          });
-        else if (o.toolsType === f.Text)
-          await o.consumeServiceAsync({
-            isFullWork: !0,
-            replaceId: r
-          });
-        else {
-          const i = s.ops && x(s.ops);
-          o.consumeService({
-            op: i,
-            isFullWork: !0,
-            replaceId: r
-          }), s != null && s.updateNodeOpt && o.updataOptService(s.updateNodeOpt);
-        }
-        s.workId && this.workShapes.delete(s.workId.toString());
-      }
-    }
-    this.reRenderSelector(t);
-  }
-  hasSelector() {
-    return this.workShapes.has(L);
-  }
-  getSelector() {
-    return this.workShapes.get(L);
-  }
-  reRenderSelector(t = !1) {
-    var o;
-    const e = this.workShapes.get(L);
-    if (!e) return;
-    if (e && !((o = e.selectIds) != null && o.length))
-      return this.blurSelector();
-    const s = e.reRenderSelector();
-    s && this.thread.post({
-      sp: [{
-        type: p.Select,
-        selectIds: e.selectIds,
-        selectRect: s,
-        willSyncService: t,
-        viewId: this.thread.viewId,
-        points: e.getChildrenPoints(),
-        textOpt: e.textOpt,
-        selectorColor: e.selectorColor,
-        strokeColor: e.strokeColor,
-        fillColor: e.fillColor,
-        canTextEdit: e.canTextEdit,
-        canRotate: e.canRotate,
-        scaleType: e.scaleType,
-        opt: e.getWorkOptions() || void 0,
-        canLock: e.canLock,
-        isLocked: e.isLocked,
-        toolsTypes: e.toolsTypes,
-        shapeOpt: e.shapeOpt,
-        thickness: e.thickness,
-        useStroke: e.useStroke,
-        strokeType: e.strokeType
-      }]
-    });
-  }
-  async blurSelector(t) {
-    var o;
-    const e = this.workShapes.get(L), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(L), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === L && r.remove();
-    }), s) {
-      const r = [];
-      r.push({
-        ...s,
-        isSync: t == null ? void 0 : t.isSync
-      }), this.thread.post({ sp: r });
-    }
-  }
-  clearWorkShapeNodeCache(t) {
-    var e;
-    (e = this.getWorkShape(t)) == null || e.clearTmpPoints(), this.workShapes.delete(t);
-  }
-  drawBitMapEraser(t) {
-    const e = [];
-    t.op && e.push(t), e.length && this.thread.post({ sp: e });
-  }
-  async drawBitMapEraserFull(t, e, s) {
-    const { willUpdateNodes: o, scenePath: r, ...i } = e, a = t.getWorkId(), n = [
-      {
-        ...i,
-        workId: a,
-        scenePath: r,
-        updateNodeOpt: {
-          useAnimation: !1
-        },
-        isSync: !0,
-        nextTasks: [
-          {
-            type: p.RemoveNode,
-            removeIds: [a],
-            viewId: this.thread.viewId
-          }
-        ]
-      }
-    ];
-    if (s && n.push({
-      type: p.None,
-      isLockSentEventCursor: s
-    }), o != null && o.size) {
-      await (t == null ? void 0 : t.reRenderEffectNodes({
-        willUpdateNodes: o,
-        worker: this
-      }));
-      for (const [c, h] of o)
-        n.push({
-          type: p.UpdateNode,
-          dataType: v.Local,
-          opt: h.opt,
-          workId: c,
-          updateNodeOpt: {
-            useAnimation: !1
-          }
-        });
-    }
-    n.length && this.thread.post({ sp: n });
-  }
-  drawPencilEraser(t, e) {
-    var o, r;
-    const s = [];
-    if ((o = t.newWorkDatas) != null && o.size) {
-      for (const i of t.newWorkDatas.values()) {
-        const a = i.workId.toString();
-        this.batchEraserWorks.add(a), s.push({
-          type: p.FullWork,
-          workId: a,
-          ops: K(i.op),
-          opt: i.opt,
-          toolsType: i.toolsType,
-          updateNodeOpt: {
-            useAnimation: !1
-          }
-        });
-      }
-      delete t.newWorkDatas;
-    }
-    (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())
-      this.thread.fullLayer.getElementsByName(s).forEach((o) => {
-        o.remove();
-      });
-    t.forEach((s) => {
-      const o = this.vNodes.get(s);
-      if (o && o.toolsType === f.Pencil && !this.thread.fullLayer.getElementsByName(s)[0]) {
-        const i = this.setFullWork({ ...o, workId: s });
-        i && i.consumeService({
-          op: o.op,
-          isFullWork: !0
-        });
-      }
-    });
-  }
-  getWorkShape(t) {
-    return this.workShapes.get(t);
-  }
-  getWorkShapes() {
-    return this.workShapes;
-  }
-  consumeDraw(t, e) {
-    const { op: s, workId: o, scenePath: r } = t;
-    if (s != null && s.length && o) {
-      const i = o.toString(), a = this.workShapes.get(i);
-      if (!a)
-        return;
-      const n = a.toolsType;
-      if (n === f.LaserPen)
-        return;
-      switch (this.drawWorkActiveId && this.drawWorkActiveId !== i && (this.consumeDrawAll({
-        workId: this.drawWorkActiveId,
-        scenePath: r,
-        viewId: this.thread.viewId,
-        msgType: p.DrawWork,
-        dataType: v.Local
-      }, e), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && i !== L && (this.drawWorkActiveId = i), n) {
-        case f.Selector:
-          {
-            const c = a.consume({
-              data: t,
-              isFullWork: !0
-            });
-            c.type === p.Select && (c.selectIds && e.runReverseSelectWork(c.selectIds), this.thread.post({ sp: [c] }));
-          }
-          break;
-        case f.PencilEraser:
-          {
-            const c = a.consume({
-              data: t,
-              isFullWork: !0
-            });
-            c != null && c.rect && this.drawPencilEraser(c);
-          }
-          break;
-        case f.BitMapEraser: {
-          const c = a.consume({
-            data: t,
-            isFullWork: !0
-          });
-          c != null && c.rect && this.drawBitMapEraser(c);
-          break;
-        }
-        case f.Eraser:
-          {
-            const c = a.consume({
-              data: t,
-              isFullWork: !0
-            });
-            c != null && c.rect && this.drawEraser(c);
-          }
-          break;
-        case f.Arrow:
-        case f.Straight:
-        case f.Ellipse:
-        case f.Rectangle:
-        case f.Star:
-        case f.Polygon:
-        case f.SpeechBalloon:
-        case f.Pencil:
-          {
-            const c = a.consume({
-              data: t,
-              isFullWork: !1,
-              isMainThread: !0
-            });
-            c && (this.drawCount++, this.thread.post({
-              drawCount: this.drawCount,
-              sp: c.op && [{ ...c, scenePath: r }] || void 0
-            }));
-          }
-          break;
-      }
-    }
-  }
-  consumeDrawAll(t, e) {
-    var i, a, n, c;
-    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);
-      if (!l)
-        return;
-      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], w = l.consumeAll({ data: t });
-      switch (k) {
-        case f.Selector:
-          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:
-          this.drawPencilEraser({ ...w, scenePath: o }, r), l.clearTmpPoints();
-          break;
-        case f.BitMapEraser:
-          (w.rect || (c = w.newWorkDatas) != null && c.size) && this.drawBitMapEraserFull(l, w, r);
-          break;
-        case f.Eraser:
-          this.drawEraser({ ...w, scenePath: o }, r), l.clearTmpPoints();
-          break;
-        case f.Arrow:
-        case f.Straight:
-        case f.Ellipse:
-        case f.Rectangle:
-        case f.Star:
-        case f.Polygon:
-        case f.SpeechBalloon:
-        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
-          })), this.clearWorkShapeNodeCache(h);
-          break;
-        }
-      }
-    }
-  }
-  getToolsOpt() {
-    return this.tmpOpt;
-  }
-  setToolsOpt(t) {
-    var e;
-    this.tmpOpt = t, (e = t.toolsOpt) != null && e.syncUnitTime && (this.syncUnitTime = t.toolsOpt.syncUnitTime);
-  }
-  setWorkOptions(t, e) {
-    let s = this.workShapes.get(t);
-    if (!s && this.tmpOpt) {
-      const { toolsType: o } = this.tmpOpt;
-      this.tmpOpt.toolsOpt = e, s = this.createWorkShapeNode({ workId: t, toolsType: o, toolsOpt: e }), s && this.workShapes.set(t, s), this.setToolsOpt(this.tmpOpt);
-    }
-    e.syncUnitTime || (e.syncUnitTime = this.syncUnitTime), s == null || s.setWorkOptions(e);
-  }
-  createWorkShapeNode(t) {
-    return B({ ...t, vNodes: this.vNodes, fullLayer: this.thread.fullLayer, drawLayer: this.thread.localLayer }, this.thread.serviceWork);
-  }
-}
-class Se {
-  constructor(t) {
-    d(this, "vNodes");
-    d(this, "thread");
-    d(this, "workShapes", /* @__PURE__ */ new Map());
-    d(this, "selectorWorkShapes", /* @__PURE__ */ new Map());
-    d(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
-    d(this, "runEffectId");
-    d(this, "animationId");
-    d(this, "syncUnitTime", A.syncOpt.interval);
-    this.vNodes = t.vNodes, this.thread = t.thread;
-  }
-  async loadImageBitMap(t) {
-    return this.thread.loadImageBitMap(t);
-  }
-  destroy() {
-    this.clearAll();
-  }
-  clearAll() {
-    this.thread.serviceLayer.children.length && (this.thread.serviceLayer.parent.children.forEach((t) => {
-      t.name !== "viewport" && t.remove();
-    }), this.thread.serviceLayer.removeAllChildren()), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
-  }
-  runEffect() {
-    this.runEffectId || (this.runEffectId = setTimeout(this.effectRunSelector.bind(this), 0));
-  }
-  effectRunSelector() {
-    this.runEffectId = void 0, this.willRunEffectSelectorIds.forEach((t) => {
-      var s, o;
-      const e = this.selectorWorkShapes.get(t);
-      e && e.selectIds && ((s = e.node) == null || s.selectServiceNode(t, e, !0)), (o = e == null ? void 0 : e.selectIds) != null && o.length || this.selectorWorkShapes.delete(t);
-    }), this.willRunEffectSelectorIds.clear();
-  }
-  runSelectWork(t) {
-    this.activeSelectorShape(t);
-    const { workId: e } = t, s = e == null ? void 0 : e.toString();
-    s && this.willRunEffectSelectorIds.add(s), this.runEffect();
-  }
-  removeWork(t) {
-    const { workId: e } = t, s = e == null ? void 0 : e.toString();
-    if (s) {
-      if (this.workShapes.get(s)) {
-        this.workShapes.delete(s), this.removeNode(s, t);
-        return;
-      }
-      this.removeNode(s, t);
-    }
-  }
-  consumeFull(t) {
-    this.activeWorkShape(t), this.runAnimation();
-  }
-  runReverseSelectWork(t) {
-    t.forEach((e) => {
-      this.selectorWorkShapes.forEach((s, o) => {
-        var r;
-        if ((r = s.selectIds) != null && r.length) {
-          const i = s.selectIds.indexOf(e);
-          i > -1 && (s.selectIds.splice(i, 1), this.willRunEffectSelectorIds.add(o));
-        }
-      });
-    }), this.willRunEffectSelectorIds.size && this.runEffect();
-  }
-  consumeDraw(t) {
-    this.activeWorkShape(t), this.runAnimation();
-  }
-  computNextAnimationIndex(t, e) {
-    const s = Math.floor((t.animationWorkData || []).slice(t.animationIndex).length * 32 / e / this.syncUnitTime) * e;
-    return Math.min((t.animationIndex || 0) + (s || e), (t.animationWorkData || []).length);
-  }
-  async animationDraw() {
-    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, S] of this.workShapes.entries())
-      switch (S.toolsType) {
-        case f.Image: {
-          await ((s = S.node) == null ? void 0 : s.consumeServiceAsync({
-            isFullWork: !0,
-            worker: this
-          })), this.selectorWorkShapes.forEach((b, O) => {
-            var M;
-            (M = b.selectIds) != null && M.includes(g) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(g);
-          break;
-        }
-        case f.Text: {
-          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 = S.node) == null || r.clearTmpPoints(), this.workShapes.delete(g));
-          break;
-        }
-        case f.Arrow:
-        case f.Straight:
-        case f.Rectangle:
-        case f.Ellipse:
-        case f.Star:
-        case f.Polygon:
-        case f.SpeechBalloon: {
-          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, 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)
-            }), S.animationWorkData.length = 0;
-          }
-          break;
-        }
-        case f.Pencil: {
-          if (!S.useAnimation && S.ops)
-            (c = S.node) == null || c.consumeService({
-              op: S.animationWorkData || [],
-              isFullWork: !0,
-              replaceId: g
-            }), (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 = 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(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
-              }), 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 ? T.Start : O === ((m = S.animationWorkData) == null ? void 0 : m.length) ? T.Done : T.Doing,
-                  op: H
-                });
-              }
-            } else S.ops && ((W = S.node) == null || W.consumeService({
-              op: S.animationWorkData || [],
-              isFullWork: !0,
-              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)
-            }));
-            t = !0;
-            break;
-          }
-          break;
-        }
-      }
-    if (t && this.runAnimation(), e.size) {
-      const g = [];
-      e.forEach((S, b) => {
-        g.push({
-          type: p.Cursor,
-          uid: b.split(P)[0],
-          op: S.op,
-          workState: S.workState,
-          viewId: this.thread.viewId
-        });
-      }), this.thread.post({ sp: g });
-    }
-  }
-  runAnimation() {
-    this.animationId || (this.animationId = requestAnimationFrame(this.animationDraw.bind(this)));
-  }
-  hasDiffData(t, e, s) {
-    const o = t.length;
-    if (e.length < o)
-      return !0;
-    switch (s) {
-      case f.Pencil: {
-        for (let r = 0; r < o; r += 3)
-          if (e[r] !== t[r] || e[r + 1] !== t[r + 1])
-            return !0;
-        break;
-      }
-      case f.LaserPen: {
-        for (let r = 0; r < o; r += 2)
-          if (e[r] !== t[r] || e[r + 1] !== t[r + 1])
-            return !0;
-        break;
-      }
-    }
-    return !1;
-  }
-  activeWorkShape(t) {
-    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(), 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 || [],
-        animationIndex: 0,
-        type: r,
-        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: k,
-        isDiff: !1,
-        imageBitmap: h
-      };
-      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 = 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) => {
-      s.remove();
-    }), this.thread.serviceLayer.getElementsByName(t).forEach((s) => {
-      s.remove();
-    }), this.vNodes.delete(t);
-  }
-  removeSelectWork(t) {
-    const { workId: e } = t, s = e == null ? void 0 : e.toString();
-    s && (this.activeSelectorShape(t), this.willRunEffectSelectorIds.add(s)), this.runEffect();
-  }
-  activeSelectorShape(t) {
-    var c, h, l;
-    const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
-    if (!e)
-      return;
-    const a = e.toString();
-    if (!((c = this.selectorWorkShapes) != null && c.has(a))) {
-      let k = {
-        toolsType: o,
-        selectIds: i,
-        type: r,
-        opt: s
-      };
-      o && s && (k = this.setNodeKey(a, k, o, s)), (h = this.selectorWorkShapes) == null || h.set(a, k);
-    }
-    const n = (l = this.selectorWorkShapes) == null ? void 0 : l.get(a);
-    r && (n.type = r), n.node && n.node.getWorkId() !== a && n.node.setWorkId(a), n.selectIds = i || [];
-  }
-  setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = B({
-      toolsType: s,
-      toolsOpt: o,
-      vNodes: this.vNodes,
-      fullLayer: this.thread.fullLayer,
-      drawLayer: this.thread.serviceLayer,
-      workId: t
-    }, this), e;
-  }
-}
-class E {
-  constructor() {
-    d(this, "localWork");
-    d(this, "serviceWork");
-    d(this, "threadEngine");
-  }
-  registerMainThread(t) {
-    return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
-  }
-}
-class me extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.CopyNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.FullWork && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var o;
-    const { workId: s } = e;
-    s && await ((o = this.localWork) == null ? void 0 : o.consumeFull(e));
-  }
-}
-class ye extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.SetColorNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      textUpdateForWoker: n,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a, textUpdateForWoker: n } = s, c = o.sp || [];
-    if (i)
-      for (const [h, l] of r.entries())
-        n && l.toolsType === f.Text ? c.push({
-          ...l,
-          workId: h,
-          type: p.TextUpdate,
-          dataType: v.Local,
-          willSyncService: !0
-        }) : c.push(
-          {
-            ...l,
-            workId: h,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
-    return {
-      sp: c
-    };
-  }
-}
-class we extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.ZIndexNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
-    if (i && n)
-      for (const [c, h] of r.entries())
-        n.push(
-          {
-            ...h,
-            workId: c,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
-    return {
-      sp: n
-    };
-  }
-}
-class ve extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.TranslateNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    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 === 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,
-      willSerializeData: a,
-      isSync: !0,
-      textUpdateForWoker: n,
-      emitEventType: c,
-      callback: this.updateSelectorCallback
-    })) : 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, k = h.workState, u = o.sp || [];
-    if (k === T.Start)
-      return {
-        sp: [],
-        render: []
-      };
-    const y = a == null ? void 0 : a.selectRect;
-    if (n) {
-      k === T.Doing && u.push({
-        type: p.Select,
-        selectIds: i.selectIds,
-        selectRect: y,
-        willSyncService: !0,
-        isSync: !0,
-        points: i.getChildrenPoints(),
-        textOpt: i.textOpt
-      });
-      for (const [w, m] of r.entries())
-        l && m.toolsType === f.Text ? u.push({
-          ...m,
-          workId: w,
-          type: p.TextUpdate,
-          dataType: v.Local,
-          willSyncService: !0
-        }) : u.push(
-          {
-            ...m,
-            workId: w,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: c
-          }
-        );
-    }
-    return {
-      sp: u
-    };
-  }
-}
-class ge extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.DeleteNode);
-  }
-  async consume() {
-    return !1;
-  }
-}
-class Ie extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.ScaleNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var a;
-    const { workId: s, updateNodeOpt: o, willSyncService: r, willSerializeData: i } = e;
-    s === L && o && await ((a = this.localWork) == null ? void 0 : a.updateSelector({
-      updateSelectorOpt: o,
-      willSyncService: r,
-      willSerializeData: i,
-      isSync: !0,
-      callback: this.updateSelectorCallback.bind(this)
-    }));
-  }
-  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 || [], k = i == null ? void 0 : i.selectRect;
-    if (h === T.Start)
-      return {
-        sp: [],
-        render: []
-      };
-    if (c) {
-      l.push({
-        type: p.Select,
-        selectIds: r.selectIds,
-        selectRect: k,
-        willSyncService: !0,
-        isSync: !0,
-        points: h === T.Done && r.getChildrenPoints() || void 0,
-        textOpt: r.textOpt
-      });
-      for (const [u, y] of a.entries())
-        y.toolsType === f.Text ? l.push({
-          ...y,
-          workId: u,
-          type: p.TextUpdate,
-          dataType: v.Local,
-          willSyncService: !0
-        }) : l.push(
-          {
-            ...y,
-            workId: u,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: !0
-          }
-        );
-    }
-    return {
-      sp: l
-    };
-  }
-}
-class Te extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.RotateNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, emitEventType: n } = e;
-    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      emitEventType: n,
-      isSync: !0,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    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 && k === T.Done && u.push({
-        type: p.Select,
-        selectIds: r.selectIds,
-        selectRect: y,
-        willSyncService: !0,
-        isSync: l,
-        points: r.getChildrenPoints()
-      });
-      for (const [w, m] of a.entries())
-        u.push(
-          {
-            ...m,
-            workId: w,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: l
-          }
-        );
-    }
-    return {
-      sp: u
-    };
-  }
-}
-class We extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.SetFontStyle);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      textUpdateForWoker: n,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    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,
-        willSyncService: n,
-        isSync: c,
-        points: i.getChildrenPoints()
-      });
-      for (const [y, w] of r.entries())
-        l && w.toolsType === f.Text ? k.push({
-          ...w,
-          workId: y,
-          type: p.TextUpdate,
-          dataType: v.Local,
-          willSyncService: !0
-        }) : k.push(
-          {
-            ...w,
-            workId: y,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: c
-          }
-        );
-    }
-    return {
-      sp: k
-    };
-  }
-}
-class Ne extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.SetPoint);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var c;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a, textUpdateForWoker: n } = e;
-    s === L && o && await ((c = this.localWork) == null ? void 0 : c.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      emitEventType: this.emitEventType,
-      willSerializeData: a,
-      isSync: !0,
-      textUpdateForWoker: n,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  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 [k, u] of r.entries())
-        h.push(
-          {
-            ...u,
-            workId: k,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: c
-          }
-        );
-      h.push({
-        type: p.Select,
-        selectIds: i.selectIds,
-        selectRect: l,
-        willSyncService: n,
-        isSync: c,
-        points: i.getChildrenPoints()
-      });
-    }
-    return {
-      sp: h
-    };
-  }
-}
-class Le extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.SetLock);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    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(
-          {
-            ...y,
-            workId: u,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: c
-          }
-        );
-      l.push({
-        isLocked: h.isLocked,
-        selectorColor: i.selectorColor,
-        scaleType: i.scaleType,
-        canRotate: i.canRotate,
-        type: p.Select,
-        selectIds: i.selectIds,
-        selectRect: k,
-        willSyncService: n,
-        isSync: c
-      });
-    }
-    return {
-      sp: l
-    };
-  }
-}
-class be extends E {
-  constructor() {
-    super(...arguments);
-    d(this, "emitEventType", I.SetShapeOpt);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === p.UpdateNode && o === v.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var n;
-    const { workId: s, updateNodeOpt: o, willRefreshSelector: r, willSyncService: i, willSerializeData: a } = e;
-    s === L && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: a,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, { willSyncService: i, isSync: a } = s, n = o.sp || [];
-    if (i && n)
-      for (const [c, h] of r.entries())
-        n.push(
-          {
-            ...h,
-            workId: c,
-            type: p.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: a
-          }
-        );
-    return {
-      sp: n
-    };
-  }
-}
-class Me {
-  constructor(t) {
-    d(this, "builders", /* @__PURE__ */ new Map());
-    this.builders = new Map(t.map((e) => [e, this.build(e)]));
-  }
-  build(t) {
-    switch (t) {
-      case I.TranslateNode:
-        return new ve();
-      case I.ZIndexNode:
-        return new we();
-      case I.CopyNode:
-        return new me();
-      case I.SetColorNode:
-        return new ye();
-      case I.DeleteNode:
-        return new ge();
-      case I.ScaleNode:
-        return new Ie();
-      case I.RotateNode:
-        return new Te();
-      case I.SetFontStyle:
-        return new We();
-      case I.SetPoint:
-        return new Ne();
-      case I.SetLock:
-        return new Le();
-      case I.SetShapeOpt:
-        return new be();
-    }
-  }
-  registerForMainThread(t) {
-    return this.builders.forEach((e) => {
-      e && e.registerMainThread(t);
-    }), this;
-  }
-  async consumeForMainThread(t) {
-    for (const e of this.builders.values())
-      if (await (e == null ? void 0 : e.consume(t)))
-        return !0;
-    return !1;
-  }
-}
-class Oe {
-  constructor(t, e) {
-    d(this, "viewId");
-    d(this, "fullLayer");
-    d(this, "topLayer");
-    d(this, "localLayer");
-    d(this, "serviceLayer");
-    d(this, "snapshotFullLayer");
-    d(this, "vNodes");
-    d(this, "master");
-    d(this, "opt");
-    d(this, "cameraOpt");
-    d(this, "scene");
-    d(this, "localWork");
-    d(this, "serviceWork");
-    d(this, "topWork");
-    d(this, "taskUpdateCameraId");
-    d(this, "debounceUpdateCameraId");
-    d(this, "debounceUpdateCache", /* @__PURE__ */ new Set());
-    d(this, "mainThreadPostId");
-    d(this, "combinePostMsg", /* @__PURE__ */ new Set());
-    d(this, "methodBuilder");
-    d(this, "cacheImages", /* @__PURE__ */ new Map());
-    d(this, "imageResolveMap", /* @__PURE__ */ new Map());
-    this.viewId = t, this.opt = e, this.scene = this.createScene({ ...e.canvasOpt, container: e.container }), this.master = e.master;
-    const s = 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 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) {
-    return this.cacheImages.get(t);
-  }
-  clearCacheImages() {
-    this.cacheImages.forEach((t) => t.close()), this.cacheImages.clear();
-  }
-  clearImageResolveMap() {
-    this.imageResolveMap.forEach(({ timer: t }) => {
-      t && clearTimeout(t);
-    }), this.imageResolveMap.clear();
-  }
-  post(t) {
-    this.combinePostMsg.add(t), this.runBatchPostData();
-  }
-  async on(t) {
-    var e;
-    if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const { msgType: 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;
-        case p.Clear:
-          this.clearAll();
-          break;
-        case p.UpdateCamera:
-          await this.updateCamera(t);
-          break;
-        case p.UpdateTools:
-          if (o && r) {
-            const k = {
-              toolsType: o,
-              toolsOpt: r
-            };
-            this.topWork.canUseTopLayer(o) ? this.topWork.setToolsOpt(k) : this.localWork.setToolsOpt(k);
-          }
-          break;
-        case p.CreateWork:
-          if (l && r && o) {
-            if (this.topWork.canUseTopLayer(o)) {
-              this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
-                toolsType: o,
-                toolsOpt: r
-              }), this.topWork.setWorkOptions(l, r);
-              break;
-            }
-            this.localWork.getToolsOpt() || this.localWork.setToolsOpt({
-              toolsType: o,
-              toolsOpt: r
-            }), this.localWork.setWorkOptions(l, r);
-          }
-          break;
-        case p.DrawWork:
-          n === T.Done && i === v.Local ? this.consumeDrawAll(i, t) : this.consumeDraw(i, t);
-          break;
-        case p.UpdateNode:
-        case p.FullWork:
-          if (o && this.topWork.canUseTopLayer(o)) {
-            this.consumeDrawAll(i, t);
-            break;
-          }
-          this.consumeFull(i, t);
-          break;
-        case p.RemoveNode:
-          await this.removeNode(t);
-          return;
-        case p.Select:
-          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 === v.Local && this.localWork.checkTextActive(t);
-          break;
-        case p.GetImageBitMap:
-          if (c && h && this.cacheImages.set(c, h), a) {
-            const k = a.toString(), u = (e = this.imageResolveMap.get(k)) == null ? void 0 : e.resolve;
-            u && u(k);
-          }
-          break;
-      }
-    }
-  }
-  async loadImageBitMap(t) {
-    const { toolsType: e, opt: s, workId: o } = t;
-    if (e === f.Image && s && s.src && o) {
-      const r = s.src, i = this.cacheImages.has(r), a = o.toString();
-      if (!i) {
-        const n = await new Promise((c) => {
-          const h = this.imageResolveMap.get(a) || {
-            resolve: void 0,
-            timer: void 0
-          };
-          h.timer && clearTimeout(h.timer), h.resolve = c, h.timer = setTimeout(() => {
-            const l = this.imageResolveMap.get(a);
-            l != null && l.resolve && l.resolve(a);
-          }, 5e3), this.imageResolveMap.set(a, h), this.opt.post({
-            sp: [{
-              imageSrc: r,
-              workId: a,
-              viewId: this.viewId,
-              isgl: !!this.fullLayer.parent.gl,
-              isSubWorker: !1,
-              type: p.GetImageBitMap
-            }]
-          });
-        });
-        this.imageResolveMap.delete(n);
-      }
-      return this.cacheImages.get(r);
-    }
-  }
-  async removeNode(t) {
-    const { dataType: e, workId: s, removeIds: o } = t, r = o || [];
-    if (s && r.push(s.toString()), r.length)
-      for (const i of r) {
-        if (i === L) {
-          await this.localWork.removeSelector(t);
-          continue;
-        }
-        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 === v.Local && await this.localWork.consumeFull(s), s && t === v.Service && this.serviceWork.consumeFull(s);
-  }
-  setCameraOpt(t) {
-    this.cameraOpt = t;
-    const { scale: e, centerX: s, centerY: o, width: r, height: i } = t;
-    (r !== this.scene.width || i !== this.scene.height) && this.updateScene({ width: r, height: i }), this.fullLayer.setAttribute("scale", [e, e]), this.fullLayer.setAttribute("translate", [-s, -o]), this.topLayer.setAttribute("scale", [e, e]), this.topLayer.setAttribute("translate", [-s, -o]), this.localLayer.setAttribute("scale", [e, e]), this.localLayer.setAttribute("translate", [-s, -o]), this.serviceLayer.setAttribute("scale", [e, e]), this.serviceLayer.setAttribute("translate", [-s, -o]);
-  }
-  runBatchPostData() {
-    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
-  }
-  combinePostData() {
-    var s;
-    this.mainThreadPostId = void 0;
-    const t = [];
-    let e;
-    for (const o of this.combinePostMsg.values()) {
-      if ((s = o.sp) != null && s.length)
-        for (const r of o.sp) {
-          let i = !1;
-          for (const a of t)
-            if (j(r, a)) {
-              i = !0;
-              break;
-            }
-          i || t.push(r);
-        }
-      de(o.drawCount) && (e = o.drawCount);
-    }
-    return this.combinePostMsg.clear(), {
-      sp: t,
-      drawCount: e
-    };
-  }
-  combinePost() {
-    var s, o;
-    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() {
-    this.fullLayer.children.length && (this.fullLayer.parent.children.forEach((t) => {
-      t.name !== "viewport" && t.remove();
-    }), this.fullLayer.removeAllChildren()), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
-      sp: [{
-        type: p.Clear
-      }]
-    });
-  }
-  consumeDrawAll(t, e) {
-    const { toolsType: s, workId: o } = e;
-    if (o) {
-      const r = o.toString();
-      if (s && this.topWork.canUseTopLayer(s)) {
-        t === v.Local && (this.topWork.getLocalWorkShape(o.toString()) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
-        return;
-      }
-      t === v.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
-    }
-  }
-  consumeDraw(t, e) {
-    const { opt: s, workId: o, toolsType: r } = e;
-    if (o && r && s) {
-      const i = o.toString();
-      if (this.topWork.canUseTopLayer(r)) {
-        t === v.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
-        return;
-      }
-      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;
-    }
-  }
-  async updateCamera(t) {
-    var o;
-    const { cameraOpt: e, scenePath: s } = t;
-    if (e && !j(this.cameraOpt, e)) {
-      if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0), s) {
-        let c = !1;
-        for (const [h, l] of this.localWork.getWorkShapes().entries())
-          switch (l.toolsType) {
-            case f.Text:
-            case f.BitMapEraser:
-            case f.PencilEraser:
-            case f.Eraser:
-            case f.Selector:
-            case f.LaserPen:
-              break;
-            default:
-              h !== _ && h !== L && (c = !0);
-              break;
-          }
-        if (c) {
-          this.taskUpdateCameraId = setTimeout(() => {
-            this.taskUpdateCameraId = void 0, this.updateCamera(t);
-          }, G);
-          return;
-        }
-      }
-      const r = /* @__PURE__ */ new Map();
-      for (const [c, h] of this.vNodes.getNodesByType(f.Text).entries()) {
-        const l = h.rect;
-        r.set(c, Q(l));
-      }
-      const i = new Set(r.keys());
-      let a = !1;
-      if (this.localWork.hasSelector()) {
-        const c = (o = this.localWork.getSelector()) == null ? void 0 : o.selectIds;
-        if (c) {
-          a = !0;
-          for (const h of c)
-            i.add(h);
-        }
-      }
-      let n = !1;
-      if (this.serviceWork.selectorWorkShapes.size)
-        for (const c of this.serviceWork.selectorWorkShapes.values()) {
-          const h = c.selectIds;
-          if (h) {
-            n = !0;
-            for (const l of h)
-              i.add(l);
-          }
-        }
-      if (this.setCameraOpt(e), this.vNodes.curNodeMap.size) {
-        this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(i), this.debounceUpdateCameraId && clearTimeout(this.debounceUpdateCameraId);
-        for (const [c, h] of r.entries()) {
-          const l = this.vNodes.get(c);
-          if (l) {
-            const k = h, u = l.rect, y = this.getSceneRect(), w = z(k, y), m = z(u, y);
-            let W = !1;
-            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);
-            }
-          }
-        }
-        if (a && this.localWork.reRenderSelector(), n)
-          for (const [c, h] of this.serviceWork.selectorWorkShapes.entries())
-            this.serviceWork.runSelectWork({
-              workId: c,
-              selectIds: h.selectIds,
-              msgType: p.Select,
-              dataType: v.Service,
-              viewId: this.viewId
-            });
-        this.debounceUpdateCameraId = setTimeout(() => {
-          var h;
-          this.debounceUpdateCameraId = void 0;
-          const c = [];
-          for (const l of this.debounceUpdateCache.values()) {
-            if ((h = this.fullLayer) == null ? void 0 : h.getElementsByName(l)[0]) {
-              const u = this.vNodes.get(l);
-              if (u) {
-                const { toolsType: y, opt: w, rect: m } = u, W = this.localWork.setFullWork({
-                  toolsType: y,
-                  opt: w,
-                  workId: l
-                });
-                if (W) {
-                  const g = this.getSceneRect(), S = z(m, g);
-                  c.push(W.consumeServiceAsync({
-                    isFullWork: !0,
-                    replaceId: l,
-                    isDrawLabel: S !== V.outside
-                  }));
-                }
-              }
-            }
-            this.debounceUpdateCache.delete(l);
-          }
-          this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds();
-        }, G);
-      }
-    }
-  }
-  getSceneRect() {
-    const { width: t, height: e } = this.scene;
-    return {
-      x: 0,
-      y: 0,
-      w: Math.floor(t),
-      h: Math.floor(e)
-    };
-  }
-  createScene(t) {
-    return new X({
-      displayRatio: this.opt.displayer.dpr,
-      depth: !1,
-      desynchronized: !0,
-      ...t,
-      autoRender: !0,
-      id: this.viewId,
-      contextType: "2d"
-    });
-  }
-  createLayer(t, e, s) {
-    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],
-      name: "viewport",
-      id: t
-    });
-    return a.append(n), n;
-  }
-  updateScene(t) {
-    this.scene.attr({ ...t });
-    const { width: e, height: s } = t;
-    this.scene.width = e, this.scene.height = s, this.updateLayer({ width: e, height: s });
-  }
-  updateLayer(t) {
-    const { width: e, height: s } = t;
-    this.fullLayer.parent.setAttribute("width", e), this.fullLayer.parent.setAttribute("height", s), this.fullLayer.setAttribute("size", [e, s]), this.fullLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.topLayer.parent.setAttribute("width", e), this.topLayer.parent.setAttribute("height", s), this.topLayer.setAttribute("size", [e, s]), this.topLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.localLayer.parent.setAttribute("width", e), this.localLayer.parent.setAttribute("height", s), this.localLayer.setAttribute("size", [e, s]), this.localLayer.setAttribute("pos", [e * 0.5, s * 0.5]), this.serviceLayer.parent.setAttribute("width", e), this.serviceLayer.parent.setAttribute("height", s), this.serviceLayer.setAttribute("size", [e, s]), this.serviceLayer.setAttribute("pos", [e * 0.5, s * 0.5]);
-  }
-  destroy() {
-    this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), this.fullLayer.remove(), this.topLayer.remove(), this.localLayer.remove(), this.serviceLayer.remove(), this.scene.remove(), this.localWork.destroy(), this.serviceWork.destroy(), this.topWork.destroy();
-  }
-}
-class Ee {
-  constructor(t, e) {
-    d(this, "viewId");
-    d(this, "fullLayer");
-    d(this, "master");
-    d(this, "opt");
-    d(this, "scene");
-    d(this, "mainThreadPostId");
-    d(this, "combinePostMsg", /* @__PURE__ */ new Set());
-    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 === R ? 6e3 : 3e3 });
-  }
-  getCachedImages(t) {
-    return this.cacheImages.get(t);
-  }
-  clearCacheImages() {
-    this.cacheImages.forEach((t) => t.close()), this.cacheImages.clear();
-  }
-  clearImageResolveMap() {
-    this.imageResolveMap.forEach(({ timer: t }) => {
-      t && clearTimeout(t);
-    }), this.imageResolveMap.clear();
-  }
-  post(t) {
-    this.combinePostMsg.add(t), this.runBatchPostData();
-  }
-  async on(t) {
-    var i;
-    const { msgType: e, imageSrc: s, imageBitmap: o, workId: r } = t;
-    switch (e) {
-      case p.Snapshot:
-        await this.getSnapshot(t), this.destroy();
-        return;
-      case p.BoundingBox:
-        await this.getBoundingRect(t), this.destroy();
-        return;
-      case p.GetImageBitMap:
-        if (s && o && this.cacheImages.set(s, o), r) {
-          const a = r.toString(), n = (i = this.imageResolveMap.get(a)) == null ? void 0 : i.resolve;
-          n && n(a);
-        }
-        break;
-    }
-  }
-  async loadImageBitMap(t) {
-    const { toolsType: e, opt: s, workId: o } = t;
-    if (e === f.Image && s && s.src && o) {
-      const r = s.src, i = this.cacheImages.has(r), a = o.toString();
-      if (!i) {
-        const n = await new Promise((c) => {
-          const h = this.imageResolveMap.get(a) || {
-            resolve: void 0,
-            timer: void 0
-          };
-          h.timer && clearTimeout(h.timer), h.resolve = c, h.timer = setTimeout(() => {
-            const l = this.imageResolveMap.get(a);
-            l != null && l.resolve && l.resolve(a);
-          }, 5e3), this.imageResolveMap.set(a, h), this.opt.post({
-            sp: [{
-              imageSrc: r,
-              workId: a,
-              viewId: this.viewId,
-              isgl: !!this.fullLayer.parent.gl,
-              isSubWorker: !0,
-              type: p.GetImageBitMap
-            }]
-          });
-        });
-        this.imageResolveMap.delete(n);
-      }
-      return this.cacheImages.get(r);
-    }
-  }
-  createWorkShapeNode(t) {
-    return B({ ...t, fullLayer: this.fullLayer, drawLayer: void 0 });
-  }
-  setFullWork(t) {
-    const { workId: e, opt: s, toolsType: o } = t;
-    if (e && s && o) {
-      const r = e.toString();
-      let i;
-      return e && this.workShapes.has(r) ? (i = this.workShapes.get(r), i == null || i.setWorkOptions(s)) : i = this.createWorkShapeNode({
-        toolsOpt: s,
-        toolsType: o,
-        workId: r
-      }), i ? (this.workShapes.set(r, i), i) : void 0;
-    }
-  }
-  async runFullWork(t) {
-    var o;
-    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();
-      return e.toolsType === f.Image ? r = await e.consumeServiceAsync({
-        isFullWork: !0,
-        worker: this
-      }) : e.toolsType === f.Text ? r = await e.consumeServiceAsync({
-        isFullWork: !0,
-        replaceId: a,
-        isDrawLabel: !0
-      }) : (r = e.consumeService({
-        op: s,
-        isFullWork: !0,
-        replaceId: a
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), U(r, i);
-    }
-  }
-  async getSnapshot(t) {
-    const { scenePath: e, scenes: s, cameraOpt: o, w: r, h: i } = t;
-    if (e && s && o) {
-      this.setCameraOpt(o);
-      let a;
-      for (const [c, h] of Object.entries(s))
-        if (h != null && h.type)
-          switch (h == null ? void 0 : h.type) {
-            case p.UpdateNode:
-            case p.FullWork: {
-              const { opt: l } = h, k = {
-                ...h,
-                opt: l,
-                workId: c,
-                msgType: p.FullWork,
-                dataType: v.Service,
-                viewId: this.viewId
-              }, u = await this.runFullWork(k);
-              a = U(a, u);
-              break;
-            }
-          }
-      let n;
-      r && i && (n = {
-        resizeWidth: r,
-        resizeHeight: i
-      }), await this.getSnapshotRender({ scenePath: e, options: n });
-    }
-  }
-  getSceneRect() {
-    const { width: t, height: e } = this.scene;
-    return {
-      x: 0,
-      y: 0,
-      w: Math.floor(t),
-      h: Math.floor(e)
-    };
-  }
-  getRectImageBitmap(t, e) {
-    const s = Math.floor(t.x * this.opt.displayer.dpr), o = Math.floor(t.y * this.opt.displayer.dpr), r = t.w > 0 && Math.floor(t.w * this.opt.displayer.dpr || 1) || 1, i = t.h > 0 && Math.floor(t.h * this.opt.displayer.dpr || 1) || 1;
-    return createImageBitmap(this.fullLayer.parent.canvas, s, o, r, i, e);
-  }
-  async getSnapshotRender(t) {
-    var r, i;
-    const { scenePath: e, options: s } = t;
-    ((r = this.fullLayer) == null ? void 0 : r.parent).render();
-    const o = await this.getRectImageBitmap(this.getSceneRect(), s);
-    o && (this.post({
-      sp: [{
-        type: p.Snapshot,
-        scenePath: e,
-        imageBitmap: o,
-        viewId: this.viewId
-      }]
-    }), (i = this.fullLayer) == null || i.removeAllChildren());
-  }
-  async getBoundingRect(t) {
-    const { scenePath: e, scenes: s, cameraOpt: o } = t;
-    if (e && s && o) {
-      this.setCameraOpt(o);
-      let r;
-      for (const [i, a] of Object.entries(s))
-        if (a != null && a.type)
-          switch (a == null ? void 0 : a.type) {
-            case p.UpdateNode:
-            case p.FullWork: {
-              const n = await this.runFullWork({
-                ...a,
-                workId: i,
-                msgType: p.FullWork,
-                dataType: v.Service,
-                viewId: this.viewId
-              });
-              r = U(r, n);
-              break;
-            }
-          }
-      r && this.post({
-        sp: [{
-          type: p.BoundingBox,
-          scenePath: e,
-          rect: r
-        }]
-      });
-    }
-  }
-  setCameraOpt(t) {
-    const { scale: e, centerX: s, centerY: o, width: r, height: i } = t;
-    this.updateScene({ width: r, height: i }), this.fullLayer.setAttribute("scale", [e, e]), this.fullLayer.setAttribute("translate", [-s, -o]);
-  }
-  runBatchPostData() {
-    this.mainThreadPostId || (this.mainThreadPostId = requestAnimationFrame(this.combinePost.bind(this)));
-  }
-  combinePostData() {
-    var e;
-    this.mainThreadPostId = void 0;
-    const t = [];
-    for (const s of this.combinePostMsg.values())
-      if ((e = s.sp) != null && e.length)
-        for (const o of s.sp) {
-          let r = !1;
-          for (const i of t)
-            if (le(o, i)) {
-              r = !0;
-              break;
-            }
-          r || t.push(o);
-        }
-    return this.combinePostMsg.clear(), {
-      sp: t
-    };
-  }
-  combinePost() {
-    var s, o;
-    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 X({
-      displayRatio: this.opt.displayer.dpr,
-      depth: !1,
-      desynchronized: !0,
-      ...t,
-      autoRender: !1,
-      contextType: "2d"
-    });
-  }
-  createLayer(t, e, s) {
-    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],
-      name: "viewport",
-      id: t
-    });
-    return a.append(n), n;
-  }
-  updateScene(t) {
-    this.scene.attr({ ...t });
-    const { width: e, height: s } = t;
-    this.scene.width = e, this.scene.height = s, this.updateLayer({ width: e, height: s });
-  }
-  updateLayer(t) {
-    const { width: e, height: s } = t;
-    this.fullLayer.parent.setAttribute("width", e), this.fullLayer.parent.setAttribute("height", s), this.fullLayer.setAttribute("size", [e, s]), this.fullLayer.setAttribute("pos", [e * 0.5, s * 0.5]);
-  }
-  destroy() {
-    this.clearCacheImages(), this.clearImageResolveMap(), this.fullLayer.remove(), this.scene.remove();
-  }
-}
-class ze {
-  constructor(t) {
-    d(this, "mainThreadMap", /* @__PURE__ */ new Map());
-    d(this, "snapshotThread");
-    d(this, "master");
-    this.master = t;
-  }
-  post(t) {
-    const { drawCount: e, sp: s, workerTasksqueueCount: o } = t;
-    this.master.isBusy && $(o) && this.master.setWorkerTasksqueueCount(o), $(e) && this.master.setMaxDrawCount(e), s && this.master.collectorSyncData(s);
-  }
-  destroy() {
-    this.mainThreadMap.clear();
-  }
-  createMainThread(t, e) {
-    return new Oe(t, e);
-  }
-  createSnapshotThread(t, e) {
-    return new Ee(t, e);
-  }
-  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: k, cameraOpt: u, isSubWorker: y } = i;
-      if (a === p.Console) {
-        console.log(this);
-        continue;
-      }
-      if (a === p.Init) {
-        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: m,
-            container: W,
-            layerOpt: l,
-            master: this.master,
-            canvasOpt: k,
-            post: this.post.bind(this)
-          });
-          this.mainThreadMap.set(n, g), g && u && g.setCameraOpt(u);
-        }
-        continue;
-      }
-      if ((a === p.Snapshot || a === p.BoundingBox) && n === ((s = this.master.control.viewContainerManager.mainView) == null ? void 0 : s.id)) {
-        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
-          }, S = {
-            ...Z.defaultScreenCanvasOpt,
-            width: u.width,
-            height: u.height
-          };
-          this.snapshotThread = this.createSnapshotThread(n, {
-            displayer: m,
-            container: W,
-            layerOpt: g,
-            master: this.master,
-            canvasOpt: S,
-            post: this.post.bind(this)
-          }), this.snapshotThread.on(i).then(() => {
-            this.snapshotThread = void 0, W.innerHTML = "", W.style.width = "", W.style.height = "";
-          });
-          continue;
-        }
-      }
-      if (a === p.GetImageBitMap && y && this.snapshotThread) {
-        this.snapshotThread.on(i);
-        continue;
-      }
-      if (a === p.TasksQueue && (c != null && c.size)) {
-        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 m of this.mainThreadMap.values())
-          m.on(i), a === p.Destroy && this.mainThreadMap.delete(n);
-        continue;
-      }
-      const w = this.mainThreadMap.get(n);
-      w && (w.on(i), a === p.Destroy && this.mainThreadMap.delete(n));
-    }
-  }
-}
-export {
-  ze as MainThreadManagerImpl
-};