@netless/appliance-plugin 1.1.42 → 1.1.43-beta.0

package/dist/index-BOx854fU.mjs

@@ -1,3266 +0,0 @@
-var pe = Object.defineProperty;
-var de = (C, t, e) => t in C ? pe(C, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : C[t] = e;
-var m = (C, t, e) => de(C, typeof t != "symbol" ? t + "" : t, e);
-import { D as K, e as W, c as y, r as q, b as g, f as X, t as V, a as h, h as ie, M as ue, i as D, j as Y, k as fe, C as H, l as P, m as me, n as ye, o as ke, p as Se, q as J, s as _, E as N, u as j, v as $, w as we, x as ae, y as ne, T as ee, z as te, A as ve, B as ce, G as le, F as se, H as Te, I as z, V as oe, S as Ie } from "./index-HAZlgByL.mjs";
-import { cloneDeep as Z, xor as ge, isNumber as G, isEqual as re } from "lodash";
-import "clipper-lib";
-import "lineclip";
-import "rbush";
-import "xss";
-import "react-dom";
-import "react";
-class We {
-  constructor(t) {
-    m(this, "vNodes");
-    m(this, "thread");
-    m(this, "serviceWorkShapes", /* @__PURE__ */ new Map());
-    m(this, "localWorkShapes", /* @__PURE__ */ new Map());
-    m(this, "tmpOpt");
-    m(this, "animationId");
-    m(this, "syncUnitTime", K.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: W.Start
-      }), o;
-    }
-  }
-  canUseTopLayer(t) {
-    return t === y.LaserPen;
-  }
-  destroy() {
-    this.clearAll();
-  }
-  clearAll() {
-    this.thread.topLayer.children.length && (this.thread.topLayer.parent.children.forEach((t) => {
-      t.name !== "viewport" && t.remove();
-    }), q(
-      this.thread.serviceLayer,
-      this.thread.serviceLayer.parent
-    )), this.serviceWorkShapes.clear(), this.localWorkShapes.clear();
-  }
-  consumeDraw(t) {
-    const { workId: e, dataType: s } = t;
-    if (s === g.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 = W.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 === y.LaserPen)
-      return X({
-        ...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, S;
-    const { workId: e, opt: s, toolsType: o, type: r, updateNodeOpt: i, ops: c, op: a } = t;
-    if (!e)
-      return;
-    const n = e.toString(), d = (k = this.vNodes.get(n)) == null ? void 0 : k.rect;
-    if (!((S = this.serviceWorkShapes) != null && S.has(n))) {
-      let p = {
-        toolsType: o,
-        animationWorkData: a || [],
-        animationIndex: 0,
-        type: r,
-        updateNodeOpt: i,
-        ops: c,
-        oldRect: d
-      };
-      o && s && (p = this.setNodeKey(n, p, o, s)), this.serviceWorkShapes.set(n, p);
-    }
-    const l = this.serviceWorkShapes.get(n);
-    r && (l.type = r), c && (l.animationWorkData = V(c), l.ops = c), i && (l.updateNodeOpt = i), a && (l.animationWorkData = a), l.node && l.node.getWorkId() !== n && l.node.setWorkId(n), d && (l.oldRect = d), o && s && (l.toolsType !== o && o && s && this.setNodeKey(n, 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, c;
-    this.animationId = void 0;
-    let t = !1;
-    const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [a, n] of this.serviceWorkShapes.entries())
-      switch (n.toolsType) {
-        case y.LaserPen: {
-          const l = this.computNextAnimationIndex(
-            n,
-            8
-          ), k = Math.max(0, n.animationIndex || 0), S = (n.animationWorkData || []).slice(
-            k,
-            l
-          );
-          if ((n.animationIndex || 0) < l && ((o = n.node) == null || o.consumeService({
-            op: S,
-            isFullWork: !1
-          }), n.animationIndex = l, S.length && e.set(a, {
-            workState: k === 0 ? W.Start : l === ((r = n.animationWorkData) == null ? void 0 : r.length) ? W.Done : W.Doing,
-            op: S.slice(-2)
-          })), n.isDel) {
-            (i = n.node) == null || i.clearTmpPoints(), this.serviceWorkShapes.delete(a);
-            break;
-          }
-          n.ops && n.animationIndex === ((c = n.animationWorkData) == null ? void 0 : c.length) && !n.isDel && (this.thread.topLayer.getElementsByName(
-            a.toString()
-          )[0] || (n.isDel = !0, this.serviceWorkShapes.set(a, n))), t = !0;
-          break;
-        }
-      }
-    for (const [a, n] of this.localWorkShapes.entries()) {
-      const { result: d, toolsType: l, isDel: k, workState: S } = n;
-      switch (l) {
-        case y.LaserPen: {
-          if (k) {
-            n.node.clearTmpPoints(), this.localWorkShapes.delete(a), s.push({
-              removeIds: [a.toString()],
-              type: h.RemoveNode
-            });
-            break;
-          }
-          d && ((d.op || d.ops) && s.push(d), n.result = void 0), !this.thread.topLayer.getElementsByName(
-            a.toString()
-          )[0] && S === W.Done && (n.isDel = !0, this.localWorkShapes.set(a, n)), t = !0;
-          break;
-        }
-      }
-    }
-    t && this.runAnimation(), e.size && e.forEach((a, n) => {
-      s.push({
-        type: h.Cursor,
-        uid: n.split(ie)[0],
-        op: a.op,
-        workState: a.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: W.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 === g.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 = W.Done, o && this.localWorkShapes.set(o, r);
-    }
-    this.runAnimation();
-  }
-}
-class Le {
-  constructor(t) {
-    m(this, "vNodes");
-    m(this, "thread");
-    m(this, "workShapes", /* @__PURE__ */ new Map());
-    m(this, "effectSelectNodeData", /* @__PURE__ */ new Set());
-    m(this, "batchEraserRemoveNodes", /* @__PURE__ */ new Set());
-    m(this, "batchEraserWorks", /* @__PURE__ */ new Set());
-    m(this, "tmpOpt");
-    m(this, "syncUnitTime", K.syncOpt.interval);
-    m(this, "fullWorkerDrawCount", 0);
-    m(this, "drawWorkActiveId");
-    m(this, "consumeCount", 0);
-    m(this, "combineDrawActiveId");
-    m(this, "eraserBatchScheduler", new ue());
-    this.vNodes = t.vNodes, this.thread = t.thread;
-  }
-  async loadImageBitMap(t) {
-    return await 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);
-    }
-  }
-  // async workShapesDone(scenePath: string, serviceWork: SubServiceThread) {
-  //     for (const key of this.workShapes.keys()) {
-  //         await this.consumeDrawAll({
-  //             workId: key,
-  //             scenePath,
-  //             viewId: this.thread.viewId,
-  //             msgType: EPostMessageType.DrawWork,
-  //             dataType: EDataType.Local
-  //         }, serviceWork)
-  //     }
-  // }
-  async updateSelector(t) {
-    var S;
-    const e = this.workShapes.get(
-      D
-    );
-    if (!((S = e == null ? void 0 : e.selectIds) != null && S.length)) return;
-    const { callback: s, ...o } = t, { updateSelectorOpt: r, willSerializeData: i, smoothSync: c } = o, a = await (e == null ? void 0 : e.updateSelector({
-      updateSelectorOpt: r,
-      selectIds: Z(e.selectIds),
-      vNodes: this.vNodes,
-      willSerializeData: i,
-      worker: this
-    })), n = /* @__PURE__ */ new Map();
-    let d;
-    a != null && a.selectIds && (d = ge(e.selectIds, a.selectIds), a.selectIds.forEach((p) => {
-      const f = this.vNodes.get(p);
-      if (f) {
-        const { toolsType: u, op: v, opt: I } = f;
-        n.set(p, {
-          opt: I,
-          toolsType: u,
-          ops: (v == null ? void 0 : v.length) && Y(v) || void 0
-        });
-      }
-    }), e.selectIds = a.selectIds);
-    const l = [], k = s && s({
-      res: a,
-      workShapeNode: e,
-      param: o,
-      postData: { sp: l },
-      newServiceStore: n,
-      smoothSync: c
-    }) || { sp: l };
-    d && k.sp.push({
-      type: h.RemoveNode,
-      removeIds: d,
-      viewId: this.thread.viewId
-    }), k.sp.length && this.thread.post(k);
-  }
-  destroy() {
-    this.eraserBatchScheduler.cancel(), this.clearAll();
-  }
-  clearAll() {
-    if (this.eraserBatchScheduler.cancel(), this.thread.localLayer.children.length && (this.thread.topLayer.parent.children.forEach((e) => {
-      e.name !== "viewport" && e.remove();
-    }), q(
-      this.thread.localLayer,
-      this.thread.localLayer.parent
-    )), this.workShapes.get(
-      D
-    )) {
-      const e = [];
-      e.push({
-        type: h.Select,
-        dataType: g.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: c, name: a, toolsType: n, opt: d } = i, l = e[0] * this.thread.fullLayer.worldScaling[0] + this.thread.fullLayer.worldPosition[0], k = e[1] * this.thread.fullLayer.worldScaling[1] + this.thread.fullLayer.worldPosition[1];
-        if (n === y.Text && fe([l, k], c) && d.workState === W.Done) {
-          r = a;
-          break;
-        }
-      }
-      r && (await this.blurSelector({
-        viewId: s,
-        msgType: h.Select,
-        dataType: o,
-        isSync: !0
-      }), this.thread.post({
-        sp: [
-          {
-            type: h.GetTextActive,
-            toolsType: y.Text,
-            workId: r
-          }
-        ]
-      }));
-    }
-  }
-  cursorHover(t) {
-    const { opt: e, toolsType: s, point: o } = t, r = this.setFullWork({
-      workId: H,
-      toolsType: s,
-      opt: e
-    });
-    r && o && r.cursorHover(o);
-  }
-  cursorBlur() {
-    var e;
-    const t = this.getWorkShape(H);
-    t && ((e = t.selectIds) != null && e.length) && (t.cursorBlur(), this.clearWorkShapeNodeCache(H)), this.thread.fullLayer.parent.children.forEach((s) => {
-      s.name === "Cursor_Hover_Id" && s.remove();
-    });
-  }
-  updateFullSelectWork(t) {
-    var o, r, i, c, a;
-    const e = this.workShapes.get(
-      D
-    ), { selectIds: s } = t;
-    if (!(s != null && s.length)) {
-      this.blurSelector(t);
-      return;
-    }
-    if (!e) {
-      const n = this.setFullWork(t);
-      !n && t.workId && this.tmpOpt && ((o = this.tmpOpt) == null ? void 0 : o.toolsType) === y.Selector && this.setWorkOptions(
-        t.workId.toString(),
-        t.opt || this.tmpOpt.toolsOpt
-      ), n && this.updateFullSelectWork(t);
-      return;
-    }
-    if (e && (s != null && s.length)) {
-      const { selectRect: n } = e.updateSelectIds(s), d = [
-        {
-          selectorColor: ((r = t.opt) == null ? void 0 : r.strokeColor) || e.selectorColor,
-          strokeColor: ((i = t.opt) == null ? void 0 : i.strokeColor) || e.strokeColor,
-          fillColor: ((c = t.opt) == null ? void 0 : c.fillColor) || e.fillColor,
-          textOpt: ((a = t.opt) == null ? void 0 : a.textOpt) || e.textOpt,
-          canTextEdit: e.canTextEdit,
-          canRotate: e.canRotate,
-          scaleType: e.scaleType,
-          type: h.Select,
-          viewId: this.thread.viewId,
-          dataType: g.Local,
-          selectIds: s,
-          selectRect: n,
-          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: d });
-    }
-  }
-  async removeSelector(t) {
-    const { willSyncService: e, needUndoTicker: s } = t, o = [], r = [], i = this.workShapes.get(
-      D
-    );
-    if (!i)
-      return;
-    const c = i.selectIds && [...i.selectIds] || [];
-    for (const a of c) {
-      const n = this.vNodes.get(a);
-      if (n)
-        switch (n.toolsType) {
-          case y.Text: {
-            o.push({
-              type: h.TextUpdate,
-              toolsType: y.Text,
-              workId: a,
-              dataType: g.Local
-            });
-            break;
-          }
-          case y.BackgroundSVG:
-            o.push({
-              type: h.BackgroundSVGDelete,
-              toolsType: y.BackgroundSVG,
-              workId: a,
-              dataType: g.Local,
-              viewId: this.thread.viewId
-            });
-            break;
-        }
-      this.removeNode(a), r.push(a);
-    }
-    r.length && o.push({
-      type: h.RemoveNode,
-      removeIds: r,
-      needUndoTicker: s,
-      emitEventType: t.emitEventType,
-      requestId: t.requestId
-    }), o.push({
-      type: h.Select,
-      selectIds: [],
-      willSyncService: e
-    }), await this.blurSelector(), s && o.push({
-      type: h.None,
-      needUndoTicker: s
-    }), o.length && this.thread.post({ sp: o });
-  }
-  removeWork(t) {
-    const { workId: e } = t, s = e == null ? void 0 : e.toString();
-    s && this.removeNode(s);
-  }
-  removeNode(t) {
-    var o;
-    const e = this.vNodes.get(t);
-    e && (e.toolsType === y.BackgroundSVG && this.thread.post({
-      sp: [
-        {
-          type: h.BackgroundSVGDelete,
-          toolsType: y.BackgroundSVG,
-          workId: t,
-          dataType: g.Local,
-          viewId: this.thread.viewId
-        }
-      ]
-    }), (o = this.thread.fullLayer) == null || o.getElementsByName(t).forEach((r) => {
-      r.remove(), P(r, this.thread.fullLayer.parent);
-    }), this.vNodes.delete(t)), this.workShapes.has(t) && (this.thread.localLayer.getElementsByName(t).forEach((r) => {
-      r.remove(), P(r, this.thread.localLayer.parent);
-    }), 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 ? void 0 : i.toolsType) !== o ? (i == null || i.clearTmpPoints(), this.workShapes.delete(r), i = void 0) : i == null || i.setWorkOptions(s)) : i = this.createWorkShapeNode({
-        toolsOpt: s,
-        toolsType: o,
-        workId: r
-      }), i || (i = this.createWorkShapeNode({
-        toolsOpt: s,
-        toolsType: o,
-        workId: r
-      })), i ? (this.workShapes.set(r, i), i) : void 0;
-    }
-  }
-  async consumeFull(t) {
-    var i, c;
-    const e = (i = t.workId) == null ? void 0 : i.toString(), s = (c = t.updateNodeOpt) == null ? void 0 : c.eraserGeometryDelta;
-    if (e && s) {
-      const a = this.vNodes.get(e), n = t.ops && V(t.ops) || t.op || [];
-      if (!a || !t.centerPos || !me(
-        this.vNodes,
-        e,
-        s,
-        a,
-        { op: n, centerPos: t.centerPos }
-      )) {
-        ye(this.vNodes, e);
-        return;
-      }
-    }
-    const o = this.setFullWork(t), r = t.ops && V(t.ops);
-    if (o) {
-      e && t.clearPreviewLocalWork && this.thread.localLayer.getElementsByName(e).forEach((n) => {
-        n.remove(), P(n, this.thread.localLayer.parent);
-      }), o.toolsType === y.BackgroundSVG ? o.consumeService({
-        isFullWork: !0,
-        replaceId: e
-      }) : o.toolsType === y.Image ? await o.consumeServiceAsync({
-        isFullWork: !0,
-        replaceId: e,
-        worker: this
-      }) : o.toolsType === y.Text ? await o.consumeServiceAsync({
-        isFullWork: !0,
-        replaceId: e,
-        boxRect: this.thread.getSceneRect()
-      }) : o.consumeService({
-        op: r,
-        isFullWork: !0,
-        replaceId: e
-      }), t != null && t.updateNodeOpt && o.updataOptService(t.updateNodeOpt);
-      const a = [];
-      t.workId && this.workShapes.delete(t.workId.toString()), t.willSyncService && a.push({
-        opt: t.opt,
-        toolsType: t.toolsType,
-        type: h.FullWork,
-        workId: t.workId,
-        ops: t.ops,
-        updateNodeOpt: t.updateNodeOpt,
-        viewId: this.thread.viewId,
-        needUndoTicker: t.needUndoTicker,
-        requestId: t.requestId,
-        emitEventType: t.emitEventType,
-        scenePath: t.scenePath
-      }), t.isLockSentEventCursor && a.push({
-        type: h.None,
-        isLockSentEventCursor: !0,
-        scenePath: t.scenePath
-      }), t.needUndoTicker && a.push({
-        type: h.None,
-        needUndoTicker: t.needUndoTicker,
-        emitEventType: t.emitEventType,
-        requestId: t.requestId,
-        scenePath: t.scenePath
-      }), a.length && this.thread.post({ sp: a });
-    }
-  }
-  async colloctEffectSelectWork(t) {
-    const e = this.workShapes.get(
-      D
-    ), { workId: s, msgType: o } = t;
-    if (e && s && e.selectIds && e.selectIds.includes(s.toString())) {
-      o === h.RemoveNode ? e.selectIds = e.selectIds.filter(
-        (r) => r !== s.toString()
-      ) : this.effectSelectNodeData.add(t), await this.runEffectSelectWork(!0);
-      return;
-    }
-    return t;
-  }
-  async runEffectSelectWork(t) {
-    var e;
-    for await (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 === y.BackgroundSVG)
-          o.consumeService({
-            isFullWork: !0,
-            replaceId: r
-          });
-        else if (o.toolsType === y.Image)
-          await o.consumeServiceAsync({
-            isFullWork: !0,
-            replaceId: r,
-            worker: this
-          });
-        else if (o.toolsType === y.Text)
-          await o.consumeServiceAsync({
-            isFullWork: !0,
-            replaceId: r,
-            boxRect: this.thread.getSceneRect()
-          });
-        else {
-          const i = s.ops && V(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.effectSelectNodeData.delete(s);
-    }
-    this.reRenderSelector(t);
-  }
-  hasSelector() {
-    return this.workShapes.has(D);
-  }
-  getSelector() {
-    return this.workShapes.get(D);
-  }
-  reRenderSelector(t = !1) {
-    var o;
-    const e = this.workShapes.get(
-      D
-    );
-    if (!e) return;
-    if (e && !((o = e.selectIds) != null && o.length))
-      return this.blurSelector();
-    const s = e.reRenderSelector();
-    s && this.thread.post({
-      sp: [
-        {
-          type: h.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(
-      D
-    ), s = e == null ? void 0 : e.blurSelector();
-    if (this.clearWorkShapeNodeCache(D), ((o = this.thread.fullLayer) == null ? void 0 : o.parent).children.forEach((r) => {
-      r.name === D && r.remove();
-    }), s) {
-      const r = [];
-      r.push({
-        ...s,
-        isSync: t == null ? void 0 : t.isSync,
-        scenePath: t == null ? void 0 : t.scenePath
-      }), this.thread.post({ sp: r });
-    }
-  }
-  clearWorkShapeNodeCache(t) {
-    var e;
-    (e = this.getWorkShape(t)) == null || e.clearTmpPoints(), this.workShapes.delete(t);
-  }
-  async drawBitMapEraserFull(t, e, s, o) {
-    const { willUpdateNodes: r, willDeleteNodes: i } = e, c = t.getWorkId(), a = [
-      ...r ? Array.from(r.keys()).map((d) => String(d)) : [],
-      ...i ? Array.from(i) : []
-    ], n = [];
-    if (o && n.push({
-      type: h.None,
-      needUndoTicker: o,
-      undoScopeIds: a,
-      undoScopePhase: "finalize"
-    }), n.push({
-      type: h.RemoveNode,
-      removeIds: [c],
-      eraseTxnId: c,
-      viewId: this.thread.viewId,
-      needUndoTicker: o
-    }), s && n.push({
-      type: h.None,
-      isLockSentEventCursor: s
-    }), r != null && r.size || i != null && i.size) {
-      if (r != null && r.size)
-        for (const [d, l] of r)
-          n.push({
-            type: h.UpdateNode,
-            dataType: g.Local,
-            opt: l.opt,
-            workId: d,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            eraseTxnId: c,
-            needUndoTicker: o
-          });
-      i != null && i.size && n.push({
-        type: h.RemoveNode,
-        removeIds: [...i],
-        eraseTxnId: c,
-        viewId: this.thread.viewId,
-        needUndoTicker: o
-      });
-    }
-    n.length && this.thread.post({ sp: n });
-  }
-  drawPencilEraserFull(t, e, s, o) {
-    const { willNewNodes: r, willDeleteNodes: i } = e, c = t.getWorkId(), a = [
-      ...r ? Array.from(r.keys()).map((d) => String(d)) : [],
-      ...i ? Array.from(i) : []
-    ], n = [];
-    if (o && a.length && n.push({
-      type: h.None,
-      needUndoTicker: o,
-      undoScopeIds: a
-    }), n.push({
-      type: h.RemoveNode,
-      removeIds: [c],
-      viewId: this.thread.viewId,
-      needUndoTicker: o
-    }), s && n.push({
-      type: h.None,
-      isLockSentEventCursor: s
-    }), r != null && r.size || i != null && i.size) {
-      if (r != null && r.size)
-        for (const [d, l] of r)
-          n.push({
-            type: h.FullWork,
-            dataType: g.Local,
-            toolsType: l.toolsType,
-            ops: Y(l.op),
-            opt: l.opt,
-            workId: d,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            needUndoTicker: o
-          });
-      i != null && i.size && n.push({
-        type: h.RemoveNode,
-        removeIds: [...i],
-        viewId: this.thread.viewId,
-        needUndoTicker: o
-      });
-    }
-    n.length && this.thread.post({ sp: n });
-  }
-  drawEraser(t, e, s, o) {
-    const r = [], i = t.removeIds || [];
-    o && i.length && r.push({
-      type: h.None,
-      collectUndoTicker: o,
-      undoScopeIds: i,
-      undoScopePhase: "collect"
-    }), t.removeIds && r.push({ ...t, needUndoTicker: s, collectUndoTicker: o }), e && r.push({
-      type: h.None,
-      isLockSentEventCursor: e
-    }), s && r.push({
-      type: h.None,
-      needUndoTicker: s,
-      undoScopePhase: "finalize"
-    }), this.thread.post({ sp: r, consumeCount: this.consumeCount });
-  }
-  getWorkShape(t) {
-    return this.workShapes.get(t);
-  }
-  getWorkShapes() {
-    return this.workShapes;
-  }
-  async consumeDraw(t, e) {
-    const { op: s, workId: o, scenePath: r, postCount: i, smoothSync: c } = t;
-    if (s != null && s.length && o) {
-      const a = o.toString(), n = this.workShapes.get(a);
-      if (!n)
-        return;
-      const d = n.toolsType;
-      if (d === y.LaserPen)
-        return;
-      if (this.combineDrawActiveId && this.combineDrawActiveId !== a) {
-        const l = this.combineDrawActiveId;
-        this.eraserBatchScheduler.cancel(), this.combineDrawActiveId = void 0, this.consumeDrawAll(
-          {
-            workId: l,
-            scenePath: r,
-            viewId: this.thread.viewId,
-            msgType: h.DrawWork,
-            dataType: g.Local
-          },
-          e
-        );
-      }
-      switch (this.drawWorkActiveId && this.drawWorkActiveId !== a && (this.consumeDrawAll(
-        {
-          workId: this.drawWorkActiveId,
-          scenePath: r,
-          viewId: this.thread.viewId,
-          msgType: h.DrawWork,
-          dataType: g.Local
-        },
-        e
-      ), this.drawWorkActiveId = void 0), !this.drawWorkActiveId && a !== D && (this.drawWorkActiveId = a), G(i) && (this.consumeCount = i), d) {
-        case y.Selector: {
-          const l = n.consume({
-            data: t,
-            isFullWork: !0,
-            isMainThread: !0
-          });
-          this.fullWorkerDrawCount++;
-          const k = [];
-          l.type === h.Select && (l.selectIds && e.runReverseSelectWork(l.selectIds), k.push({ ...l, scenePath: r })), await this.thread.fullLayer.parent.prepareRender, this.thread.post({
-            consumeCount: this.consumeCount,
-            fullWorkerDrawCount: this.fullWorkerDrawCount,
-            sp: k
-          });
-          break;
-        }
-        case y.PencilEraser:
-        case y.BitMapEraser: {
-          n.consume({
-            data: t,
-            isFullWork: !1,
-            isMainThread: !0
-          }), this.fullWorkerDrawCount++, await this.thread.localLayer.parent.prepareRender, this.thread.post({
-            sp: void 0,
-            consumeCount: this.consumeCount,
-            fullWorkerDrawCount: this.fullWorkerDrawCount
-          }), this.combineDrawActiveId = a, this.eraserBatchScheduler.schedule(() => {
-            this.drawEraserCombine(
-              a,
-              t.needUndoTicker,
-              t.collectUndoTicker
-            );
-          }, ke(this.thread.master.maxCombineEraserTime));
-          break;
-        }
-        case y.Eraser:
-          {
-            const l = n.consume({
-              data: t,
-              isFullWork: !0
-            });
-            await this.thread.fullLayer.parent.prepareRender, this.drawEraser(
-              l,
-              void 0,
-              t.needUndoTicker,
-              t.collectUndoTicker
-            );
-          }
-          break;
-        case y.Arrow:
-        case y.Straight:
-        case y.Ellipse:
-        case y.Rectangle:
-        case y.Star:
-        case y.Polygon:
-        case y.SpeechBalloon:
-        case y.Pencil:
-          {
-            const l = n.consume({
-              data: t,
-              isFullWork: !1,
-              isMainThread: !0,
-              smoothSync: c
-            });
-            l && (this.fullWorkerDrawCount++, await this.thread.localLayer.parent.prepareRender, this.thread.post({
-              consumeCount: this.consumeCount,
-              fullWorkerDrawCount: this.fullWorkerDrawCount,
-              sp: l.op && [{ ...l, scenePath: r }] || void 0
-            }));
-          }
-          break;
-      }
-    }
-  }
-  drawEraserCombine(t, e, s) {
-    var r, i, c, a, n, d;
-    const o = (r = this.workShapes.get(t)) == null ? void 0 : r.combineConsume({ workerEngine: this });
-    if (o) {
-      const { willDeleteNodes: l, willNewNodes: k } = o, S = [
-        ...l ? Array.from(l) : []
-      ], p = {
-        render: [],
-        sp: []
-      };
-      if (o != null && o.rect) {
-        const f = Se(o.rect);
-        (i = p.render) == null || i.push(
-          {
-            rect: f,
-            isClear: !0,
-            clearCanvas: J.Bg,
-            viewId: this.thread.viewId
-          },
-          {
-            rect: f,
-            drawCanvas: J.Bg,
-            viewId: this.thread.viewId
-          }
-        );
-      }
-      if (s && S.length && ((c = this.getWorkShape(t)) == null ? void 0 : c.toolsType) === y.BitMapEraser && ((a = p.sp) == null || a.push({
-        type: h.None,
-        collectUndoTicker: s,
-        undoScopeIds: S,
-        undoScopePhase: "collect"
-      })), l != null && l.size && ((n = p.sp) == null || n.push({
-        type: h.RemoveNode,
-        removeIds: [...l],
-        viewId: this.thread.viewId,
-        needUndoTicker: e,
-        collectUndoTicker: s
-      })), k != null && k.size)
-        for (const [f, u] of k)
-          (d = p.sp) == null || d.push({
-            type: h.FullWork,
-            dataType: g.Local,
-            toolsType: u.toolsType,
-            ops: Y(u.op),
-            opt: u.opt,
-            workId: f,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            needUndoTicker: e,
-            collectUndoTicker: s
-          });
-      this.thread.post(p);
-    }
-  }
-  consumeDrawAll(t, e) {
-    var c, a, n, d, l, k;
-    this.eraserBatchScheduler.cancel();
-    const { workId: s, scenePath: o, isLockSentEventCursor: r } = t, i = t.needUndoTicker;
-    if (s) {
-      this.combineDrawActiveId === s.toString() && (this.combineDrawActiveId = void 0);
-      const S = s.toString();
-      this.drawWorkActiveId === S && (this.drawWorkActiveId = void 0);
-      const p = this.workShapes.get(S);
-      if (!p)
-        return;
-      const f = p.toolsType;
-      if (f === y.LaserPen)
-        return;
-      const u = this.workShapes.get(H), v = (c = u == null ? void 0 : u.selectIds) == null ? void 0 : c[0], I = p.consumeAll({ data: t, workerEngine: this });
-      switch (f) {
-        case y.Selector:
-          {
-            I.selectIds && v && ((a = I.selectIds) != null && a.includes(v)) && u.cursorBlur();
-            const L = [];
-            r && L.push({
-              type: h.None,
-              isLockSentEventCursor: r,
-              scenePath: o
-            }), I.type === h.Select && (I.selectIds && e.runReverseSelectWork(I.selectIds), L.push({ ...I, scenePath: o })), L.length && this.thread.post({ sp: L }), (n = p.selectIds) != null && n.length ? p.clearTmpPoints() : this.clearWorkShapeNodeCache(S);
-          }
-          break;
-        case y.PencilEraser:
-          this.drawPencilEraserFull(
-            p,
-            I,
-            r,
-            i
-          ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(S);
-          break;
-        case y.BitMapEraser:
-          this.drawBitMapEraserFull(
-            p,
-            I,
-            r,
-            i
-          ), this.fullWorkerDrawCount = 0, this.clearWorkShapeNodeCache(S);
-          break;
-        case y.Eraser:
-          this.drawEraser(
-            { ...I, scenePath: o },
-            r,
-            i,
-            t.collectUndoTicker
-          ), p.clearTmpPoints();
-          break;
-        case y.Arrow:
-        case y.Straight:
-        case y.Ellipse:
-        case y.Rectangle:
-        case y.Star:
-        case y.Polygon:
-        case y.SpeechBalloon:
-        case y.Pencil: {
-          const L = [];
-          if (r && L.push({
-            type: h.None,
-            isLockSentEventCursor: r,
-            scenePath: o
-          }), I) {
-            const T = f === y.Pencil, E = T && I.type === h.RemoveNode, R = ((d = I.workId) == null ? void 0 : d.toString()) || ((k = (l = I.removeIds) == null ? void 0 : l[0]) == null ? void 0 : k.toString());
-            E ? q(
-              this.thread.localLayer,
-              this.thread.localLayer.parent
-            ) : L.push({
-              ...I,
-              scenePath: o,
-              needUndoTicker: t.needUndoTicker,
-              undoScopeIds: T && R ? [R] : I.undoScopeIds,
-              undoScopePhase: T ? "finalize" : I.undoScopePhase
-            }), this.fullWorkerDrawCount = 0, t.needUndoTicker && L.push({
-              type: h.None,
-              needUndoTicker: t.needUndoTicker,
-              scenePath: o,
-              undoScopeIds: E ? [] : void 0,
-              undoScopePhase: E ? "finalize" : void 0
-            }), (E ? this.thread.localLayer : this.thread.fullLayer).parent.prepareRender.then(() => {
-              this.thread.post({
-                fullWorkerDrawCount: this.fullWorkerDrawCount,
-                sp: L
-              });
-            });
-          }
-          this.clearWorkShapeNodeCache(S);
-          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 X(
-      {
-        ...t,
-        vNodes: this.vNodes,
-        fullLayer: this.thread.fullLayer,
-        drawLayer: this.thread.localLayer
-      },
-      this.thread.serviceWork
-    );
-  }
-}
-class Ne {
-  constructor(t) {
-    m(this, "vNodes");
-    m(this, "thread");
-    m(this, "workShapes", /* @__PURE__ */ new Map());
-    m(this, "selectorWorkShapes", /* @__PURE__ */ new Map());
-    m(this, "willRunEffectSelectorIds", /* @__PURE__ */ new Set());
-    m(this, "runEffectId");
-    m(this, "animationId");
-    m(this, "syncUnitTime", K.syncOpt.interval);
-    this.vNodes = t.vNodes, this.thread = t.thread;
-  }
-  async loadImageBitMap(t) {
-    return await 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();
-    }), q(
-      this.thread.serviceLayer,
-      this.thread.serviceLayer.parent
-    )), this.workShapes.clear(), this.selectorWorkShapes.clear(), this.willRunEffectSelectorIds.clear();
-  }
-  runEffect() {
-    this.runEffectId || (this.runEffectId = setTimeout(
-      this.effectRunSelector.bind(this),
-      0
-    ));
-  }
-  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) {
-    if (this.activeWorkShape(t), t.refreshTextRender) {
-      this.animationId && (cancelAnimationFrame(this.animationId), this.animationId = void 0), this.animationDraw();
-      return;
-    }
-    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 o, r, i, c, a, n, d, l, k, S, p, f, u, v, I, L, T, E, R, B, F;
-    this.animationId = void 0;
-    let t = !1;
-    const e = /* @__PURE__ */ new Map(), s = [];
-    for (const [b, w] of this.workShapes.entries())
-      switch (w.toolsType) {
-        case y.BackgroundSVG: {
-          (o = w.node) == null || o.consumeService({
-            isFullWork: !0,
-            replaceId: b
-          }), this.selectorWorkShapes.forEach((M, O) => {
-            var A;
-            (A = M.selectIds) != null && A.includes(b) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(b);
-          break;
-        }
-        case y.Image: {
-          await ((r = w.node) == null ? void 0 : r.consumeServiceAsync({
-            isFullWork: !0,
-            worker: this
-          })), this.selectorWorkShapes.forEach((M, O) => {
-            var A;
-            (A = M.selectIds) != null && A.includes(b) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), this.workShapes.delete(b);
-          break;
-        }
-        case y.Text: {
-          w.node && (await ((i = w.node) == null ? void 0 : i.consumeServiceAsync({
-            isFullWork: !0,
-            replaceId: b,
-            boxRect: this.thread.getSceneRect()
-          })), this.selectorWorkShapes.forEach((M, O) => {
-            var A;
-            (A = M.selectIds) != null && A.includes(b) && (this.willRunEffectSelectorIds.add(O), this.runEffect());
-          }), w.refreshTextRender && w.requestId && s.push({
-            type: h.RefreshTextRender,
-            requestId: w.requestId,
-            workId: b,
-            viewId: this.thread.viewId
-          }), (c = w.node) == null || c.clearTmpPoints(), this.workShapes.delete(b));
-          break;
-        }
-        case y.Arrow:
-        case y.Straight:
-        case y.Rectangle:
-        case y.Ellipse:
-        case y.Star:
-        case y.Polygon:
-        case y.SpeechBalloon: {
-          const M = !!w.ops;
-          if ((a = w.animationWorkData) != null && a.length) {
-            const O = w.oldRect;
-            (n = w.node) == null || n.consumeService({
-              op: w.animationWorkData,
-              isFullWork: M
-            }), M && (this.selectorWorkShapes.forEach((A, U) => {
-              var Q;
-              (Q = A.selectIds) != null && Q.includes(b) && (this.willRunEffectSelectorIds.add(U), this.runEffect());
-            }), (d = w.node) == null || d.clearTmpPoints(), this.workShapes.delete(b)), w.isEnableCursor ? e.set(b, {
-              cursorTool: _(w.toolsType),
-              workState: O ? w.ops ? W.Done : W.Doing : W.Start,
-              op: w.animationWorkData.slice(-3, -1)
-            }) : M && !w.useAnimation && ((l = w.updateNodeOpt) != null && l.useAnimation) && e.set(b, {
-              cursorTool: _(w.toolsType),
-              workState: W.Done,
-              op: w.animationWorkData.slice(-3, -1),
-              uid: (k = w.updateNodeOpt) == null ? void 0 : k.uid
-            }), w.animationWorkData.length = 0;
-          }
-          break;
-        }
-        case y.Pencil: {
-          if (w.useAnimation) {
-            if (w.useAnimation) {
-              if (w.isDel) {
-                (L = w.node) == null || L.clearTmpPoints(), this.workShapes.delete(b);
-                break;
-              }
-              const M = 3, O = this.computNextAnimationIndex(
-                w,
-                M
-              ), A = w.isDiff ? 0 : Math.max(0, (w.animationIndex || 0) - M), U = (w.animationWorkData || []).slice(
-                A,
-                O
-              ), Q = (E = (T = w.node) == null ? void 0 : T.getWorkId()) == null ? void 0 : E.toString();
-              if ((w.animationIndex || 0) < O || w.isDiff) {
-                if ((R = w.node) == null || R.consumeService({
-                  op: U,
-                  isFullWork: !1
-                }), w.animationIndex = O, w.isDiff && (w.isDiff = !1), U.length && w.isEnableCursor) {
-                  const he = U.slice(-3, -1);
-                  e.set(b, {
-                    cursorTool: _(w.toolsType),
-                    workState: A === 0 ? W.Start : O === ((B = w.animationWorkData) == null ? void 0 : B.length) ? W.Done : W.Doing,
-                    op: he
-                  });
-                }
-              } else w.ops && ((F = w.node) == null || F.consumeService({
-                op: w.animationWorkData || [],
-                isFullWork: !0,
-                replaceId: Q
-              }), w.isDel = !0, w.isEnableCursor && e.set(b, {
-                cursorTool: _(w.toolsType),
-                workState: W.Done,
-                op: U.slice(-3, -1)
-              }));
-              t = !0;
-              break;
-            }
-          } else {
-            const M = !!w.ops;
-            if ((S = w.node) == null || S.consumeService({
-              op: w.animationWorkData || [],
-              isFullWork: M,
-              replaceId: b
-            }), (p = w.node) == null || p.updataOptService(w.updateNodeOpt), M) {
-              if (!w.isEnableCursor && ((f = w.updateNodeOpt) != null && f.useAnimation) && ((u = w.animationWorkData) != null && u.length)) {
-                const O = w.animationWorkData.slice(-3, -1);
-                e.set(b, {
-                  cursorTool: _(w.toolsType),
-                  workState: W.Done,
-                  op: O,
-                  uid: (v = w.updateNodeOpt) == null ? void 0 : v.uid
-                });
-              }
-              this.selectorWorkShapes.forEach((O, A) => {
-                var U;
-                (U = O.selectIds) != null && U.includes(b) && (this.willRunEffectSelectorIds.add(A), this.runEffect());
-              }), (I = w.node) == null || I.clearTmpPoints(), this.workShapes.delete(b);
-            }
-          }
-          break;
-        }
-      }
-    t && this.runAnimation(), e.size && e.forEach((b, w) => {
-      s.push({
-        type: h.Cursor,
-        uid: b.uid || w.split(ie)[0],
-        op: b.op,
-        workState: b.workState,
-        cursorTool: b.cursorTool,
-        viewId: this.thread.viewId
-      });
-    }), s.length && this.thread.post({ sp: s });
-  }
-  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 y.Pencil: {
-        for (let r = 0; r < o; r += 3)
-          if (e[r] !== t[r] || e[r + 1] !== t[r + 1])
-            return !0;
-        break;
-      }
-      case y.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 v, I, L, T;
-    const {
-      workId: e,
-      opt: s,
-      toolsType: o,
-      type: r,
-      updateNodeOpt: i,
-      ops: c,
-      op: a,
-      useAnimation: n,
-      imageBitmap: d,
-      isEnableCursor: l,
-      requestId: k,
-      refreshTextRender: S
-    } = t;
-    if (!e)
-      return;
-    const p = e.toString(), f = (v = this.vNodes.get(p)) == null ? void 0 : v.rect;
-    if (!((I = this.workShapes) != null && I.has(p))) {
-      let E = {
-        toolsType: o,
-        animationWorkData: a || [],
-        animationIndex: 0,
-        type: r,
-        updateNodeOpt: i,
-        ops: c,
-        useAnimation: typeof n < "u" ? n : typeof (i == null ? void 0 : i.useAnimation) < "u" ? i == null ? void 0 : i.useAnimation : !0,
-        oldRect: f,
-        isDiff: !1,
-        imageBitmap: d,
-        isEnableCursor: l
-      };
-      o && s && (E = this.setNodeKey(p, E, o, s)), (L = this.workShapes) == null || L.set(p, E);
-    }
-    const u = (T = this.workShapes) == null ? void 0 : T.get(p);
-    u.isEnableCursor = l, u.requestId = k, u.refreshTextRender = !!S, r && (u.type = r), c && (u.animationWorkData = V(c), u.ops = c), i && (u.updateNodeOpt = i), a && (u.isDiff = this.hasDiffData(
-      u.animationWorkData || [],
-      a,
-      u.toolsType
-    ), u.toolsType, y.Pencil, u.animationWorkData = a), u.node && u.node.getWorkId() !== p && u.node.setWorkId(p), f && (u.oldRect = f), o && s && (s.syncUnitTime && (this.syncUnitTime = s.syncUnitTime), u.toolsType !== o && o && s && this.setNodeKey(p, u, o, s), u.node && u.node.setWorkOptions(s)), d && (u.imageBitmap = d);
-  }
-  removeNode(t, e) {
-    t.indexOf(D) > -1 && this.removeSelectWork(e), this.thread.fullLayer.getElementsByName(t).forEach((o) => {
-      o.remove(), P(o, this.thread.fullLayer.parent);
-    }), this.thread.serviceLayer.getElementsByName(t).forEach((o) => {
-      o.remove(), P(o, this.thread.serviceLayer.parent);
-    });
-    const s = this.vNodes.get(t);
-    s && s.toolsType === y.BackgroundSVG && this.thread.post({
-      sp: [
-        {
-          type: h.BackgroundSVGDelete,
-          toolsType: y.BackgroundSVG,
-          workId: t,
-          dataType: g.Service,
-          viewId: this.thread.viewId
-        }
-      ]
-    }), 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 n, d, l;
-    const { workId: e, opt: s, toolsType: o, type: r, selectIds: i } = t;
-    if (!e)
-      return;
-    const c = e.toString();
-    if (!((n = this.selectorWorkShapes) != null && n.has(c))) {
-      let k = {
-        toolsType: o,
-        selectIds: i,
-        type: r,
-        opt: s
-      };
-      o && s && (k = this.setNodeKey(c, k, o, s)), (d = this.selectorWorkShapes) == null || d.set(c, k);
-    }
-    const a = (l = this.selectorWorkShapes) == null ? void 0 : l.get(c);
-    r && (a.type = r), a.node && a.node.getWorkId() !== c && a.node.setWorkId(c), a.selectIds = i || [];
-  }
-  setNodeKey(t, e, s, o) {
-    return e.toolsType = s, e.node = X(
-      {
-        toolsType: s,
-        toolsOpt: o,
-        vNodes: this.vNodes,
-        fullLayer: this.thread.fullLayer,
-        drawLayer: this.thread.serviceLayer,
-        workId: t
-      },
-      this
-    ), e;
-  }
-}
-class x {
-  constructor() {
-    m(this, "localWork");
-    m(this, "serviceWork");
-    m(this, "threadEngine");
-  }
-  registerMainThread(t) {
-    return this.threadEngine = t, this.localWork = t.localWork, this.serviceWork = t.serviceWork, this;
-  }
-}
-class Ee extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.CopyNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.FullWork && o === g.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 be extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.SetColorNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var l;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      textUpdateForWoker: a,
-      needUndoTicker: n,
-      requestId: d
-    } = e;
-    s === D && o && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: this.emitEventType,
-      requestId: d,
-      textUpdateForWoker: a,
-      callback: this.updateSelectorCallback,
-      needUndoTicker: n
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, {
-      willSyncService: i,
-      isSync: c,
-      textUpdateForWoker: a,
-      needUndoTicker: n,
-      requestId: d,
-      emitEventType: l
-    } = s, k = o.sp || [];
-    if (i)
-      for (const [S, p] of r.entries())
-        a && p.toolsType === y.Text ? k.push({
-          ...p,
-          workId: S,
-          type: h.TextUpdate,
-          dataType: g.Local,
-          willSyncService: !0,
-          emitEventType: l,
-          requestId: d,
-          needUndoTicker: n
-        }) : k.push({
-          ...p,
-          workId: S,
-          type: h.UpdateNode,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          isSync: c,
-          emitEventType: l,
-          requestId: d,
-          needUndoTicker: n
-        });
-    return n && k.push({
-      type: h.None,
-      needUndoTicker: n
-    }), {
-      sp: k
-    };
-  }
-}
-class Ce extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.ZIndexNode);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var d;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      needUndoTicker: a,
-      requestId: n
-    } = e;
-    s === D && o && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: this.emitEventType,
-      requestId: n,
-      callback: this.updateSelectorCallback,
-      needUndoTicker: a
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, {
-      willSyncService: i,
-      isSync: c,
-      needUndoTicker: a,
-      requestId: n,
-      emitEventType: d
-    } = s, l = o.sp || [];
-    if (i && l)
-      for (const [k, S] of r.entries())
-        S.toolsType === y.BackgroundSVG && l.push({
-          ...S,
-          workId: k,
-          type: h.BackgroundSVGUpdate,
-          dataType: g.Local,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          needUndoTicker: a,
-          emitEventType: d,
-          requestId: n
-        }), l.push({
-          ...S,
-          workId: k,
-          type: h.UpdateNode,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          isSync: c,
-          emitEventType: d,
-          requestId: n,
-          needUndoTicker: a
-        });
-    return a && l.push({
-      type: h.None,
-      needUndoTicker: a
-    }), {
-      sp: l
-    };
-  }
-}
-class De extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.TranslateNode);
-    m(this, "updateSelectorCallback", (e) => {
-      const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c, smoothSync: a } = e, {
-        willSyncService: n,
-        isSync: d,
-        updateSelectorOpt: l,
-        textUpdateForWoker: k,
-        needUndoTicker: S
-      } = s, p = l.workState, f = o.sp || [];
-      if (p === W.Start)
-        return {
-          sp: [
-            {
-              type: h.SelectorTransform,
-              emitEventType: this.emitEventType,
-              workState: p
-            }
-          ],
-          render: []
-        };
-      const u = c == null ? void 0 : c.selectRect;
-      if (n) {
-        const v = p === W.Done ? S : void 0;
-        f.push({
-          type: h.Select,
-          selectIds: i.selectIds,
-          selectRect: u,
-          willSyncService: p === W.Done ? !0 : a,
-          isSync: !0,
-          points: p === W.Done && i.getChildrenPoints() || void 0,
-          textOpt: i.textOpt,
-          needUndoTicker: v,
-          emitEventType: this.emitEventType
-        });
-        const I = {
-          workState: p,
-          useAnimation: l.useAnimation || !1
-        };
-        l.uid && (I.uid = l.uid);
-        for (const [L, T] of r.entries())
-          T.toolsType === y.BackgroundSVG && f.push({
-            ...T,
-            workId: L,
-            type: h.BackgroundSVGUpdate,
-            dataType: g.Local,
-            willSyncService: p === W.Done ? !0 : a,
-            updateNodeOpt: I,
-            needUndoTicker: v,
-            emitEventType: this.emitEventType
-          }), k && T.toolsType === y.Text ? f.push({
-            ...T,
-            workId: L,
-            type: h.TextUpdate,
-            dataType: g.Local,
-            willSyncService: p === W.Done ? !0 : a,
-            updateNodeOpt: I,
-            needUndoTicker: v,
-            emitEventType: this.emitEventType
-          }) : (a || p === W.Done) && f.push({
-            ...T,
-            workId: L,
-            type: h.UpdateNode,
-            updateNodeOpt: {
-              ...I,
-              eraserGeometryDelta: j(T.opt)
-            },
-            isSync: d,
-            needUndoTicker: v,
-            emitEventType: this.emitEventType
-          });
-      }
-      return S && f.push({
-        type: h.None,
-        needUndoTicker: S
-      }), f.push({
-        type: h.SelectorTransform,
-        emitEventType: this.emitEventType,
-        workState: p
-      }), {
-        sp: f
-      };
-    });
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var k, S;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      textUpdateForWoker: a,
-      emitEventType: n,
-      smoothSync: d,
-      needUndoTicker: l
-    } = e;
-    s === D && o && (o.workState === W.Done && (o != null && o.translate) && (o.translate[0] || o.translate[1]) || o.workState !== W.Done ? await ((k = this.localWork) == null ? void 0 : k.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      isSync: !0,
-      textUpdateForWoker: a,
-      emitEventType: n,
-      callback: this.updateSelectorCallback,
-      smoothSync: d,
-      needUndoTicker: l
-    })) : o.workState === W.Done && ((S = this.localWork) == null || S.vNodes.deleteLastTarget()));
-  }
-}
-class Re extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.ScaleNode);
-    m(this, "updateSelectorCallback", (e) => {
-      const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c, smoothSync: a } = e, { updateSelectorOpt: n, willSyncService: d, needUndoTicker: l } = s, k = n.workState, S = o.sp || [], p = i == null ? void 0 : i.selectRect, f = k === W.Done ? l : void 0;
-      if (k === W.Start)
-        return {
-          sp: [
-            {
-              type: h.SelectorTransform,
-              emitEventType: this.emitEventType,
-              workState: k
-            }
-          ],
-          render: []
-        };
-      if (d) {
-        S.push({
-          type: h.Select,
-          selectIds: r.selectIds,
-          selectRect: p,
-          willSyncService: k === W.Done ? !0 : a,
-          isSync: !0,
-          points: k === W.Done && r.getChildrenPoints() || void 0,
-          textOpt: r.textOpt
-        });
-        const u = {
-          useAnimation: n.useAnimation || !1
-        };
-        n.uid && (u.uid = n.uid);
-        for (const [v, I] of c.entries())
-          I.toolsType === y.BackgroundSVG && S.push({
-            ...I,
-            workId: v,
-            type: h.BackgroundSVGUpdate,
-            dataType: g.Local,
-            willSyncService: k === W.Done ? !0 : a,
-            updateNodeOpt: u,
-            needUndoTicker: f,
-            emitEventType: this.emitEventType
-          }), I.toolsType === y.Text ? S.push({
-            ...I,
-            workId: v,
-            type: h.TextUpdate,
-            dataType: g.Local,
-            willSyncService: k === W.Done ? !0 : a,
-            updateNodeOpt: u,
-            needUndoTicker: f,
-            emitEventType: this.emitEventType
-          }) : (a || k === W.Done) && S.push({
-            ...I,
-            workId: v,
-            type: h.UpdateNode,
-            updateNodeOpt: {
-              ...u,
-              eraserGeometryDelta: j(I.opt)
-            },
-            isSync: !0,
-            needUndoTicker: f,
-            emitEventType: this.emitEventType
-          });
-      }
-      return l && S.push({
-        type: h.None,
-        needUndoTicker: l
-      }), S.push({
-        type: h.SelectorTransform,
-        emitEventType: this.emitEventType,
-        workState: k
-      }), {
-        sp: S
-      };
-    });
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var n;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willSyncService: r,
-      willSerializeData: i,
-      smoothSync: c,
-      needUndoTicker: a
-    } = e;
-    s === D && o && await ((n = this.localWork) == null ? void 0 : n.updateSelector({
-      updateSelectorOpt: o,
-      willSyncService: r,
-      willSerializeData: i,
-      isSync: !0,
-      callback: this.updateSelectorCallback.bind(this),
-      smoothSync: c,
-      needUndoTicker: a
-    }));
-  }
-}
-class Oe extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.RotateNode);
-    m(this, "updateSelectorCallback", (e) => {
-      const { param: s, postData: o, workShapeNode: r, res: i, newServiceStore: c, smoothSync: a } = e, {
-        updateSelectorOpt: n,
-        willSyncService: d,
-        willSerializeData: l,
-        isSync: k,
-        needUndoTicker: S
-      } = s, p = n.workState, f = o.sp || [], u = i == null ? void 0 : i.selectRect, v = p === W.Done ? S : void 0;
-      if (d) {
-        l && p === W.Done && f.push({
-          type: h.Select,
-          selectIds: r.selectIds,
-          selectRect: u,
-          willSyncService: p === W.Done ? !0 : a,
-          isSync: k,
-          points: r.getChildrenPoints()
-        });
-        const I = {
-          useAnimation: n.useAnimation || !1
-        };
-        if (n.uid && (I.uid = n.uid), a || p === W.Done)
-          for (const [L, T] of c.entries())
-            f.push({
-              ...T,
-              workId: L,
-              type: h.UpdateNode,
-              updateNodeOpt: {
-                ...I,
-                eraserGeometryDelta: j(T.opt)
-              },
-              isSync: k,
-              needUndoTicker: v,
-              emitEventType: this.emitEventType
-            });
-      }
-      return S && f.push({
-        type: h.None,
-        needUndoTicker: S
-      }), f.push({
-        type: h.SelectorTransform,
-        emitEventType: this.emitEventType,
-        workState: p
-      }), {
-        sp: f
-      };
-    });
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var l;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: a,
-      smoothSync: n,
-      needUndoTicker: d
-    } = e;
-    s === D && o && await ((l = this.localWork) == null ? void 0 : l.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: a,
-      isSync: !0,
-      callback: this.updateSelectorCallback,
-      smoothSync: n,
-      needUndoTicker: d
-    }));
-  }
-}
-class Me extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.SetFontStyle);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return await this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var d;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      textUpdateForWoker: a,
-      requestId: n
-    } = e;
-    s === D && o && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: this.emitEventType,
-      requestId: n,
-      textUpdateForWoker: a,
-      callback: this.updateSelectorCallback
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, {
-      willSyncService: a,
-      isSync: n,
-      updateSelectorOpt: d,
-      textUpdateForWoker: l,
-      requestId: k,
-      emitEventType: S
-    } = s, p = o.sp || [], f = c == null ? void 0 : c.selectRect;
-    if (a && p) {
-      d.fontSize && p.push({
-        type: h.Select,
-        selectIds: i.selectIds,
-        selectRect: f,
-        willSyncService: a,
-        isSync: n,
-        points: i.getChildrenPoints()
-      });
-      for (const [u, v] of r.entries())
-        l && v.toolsType === y.Text ? p.push({
-          ...v,
-          workId: u,
-          type: h.TextUpdate,
-          dataType: g.Local,
-          willSyncService: !0,
-          emitEventType: S,
-          requestId: k
-        }) : p.push({
-          ...v,
-          workId: u,
-          type: h.UpdateNode,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          isSync: n,
-          emitEventType: S,
-          requestId: k
-        });
-    }
-    return {
-      sp: p
-    };
-  }
-}
-class Ae extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.SetPoint);
-    m(this, "updateSelectorCallback", (e) => {
-      const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, { willSyncService: a, isSync: n, needUndoTicker: d } = s, l = o.sp || [], k = c == null ? void 0 : c.selectRect;
-      if (a && l) {
-        for (const [S, p] of r.entries())
-          l.push({
-            ...p,
-            workId: S,
-            type: h.UpdateNode,
-            updateNodeOpt: {
-              useAnimation: !1
-            },
-            isSync: n,
-            needUndoTicker: d,
-            emitEventType: this.emitEventType
-          });
-        l.push({
-          type: h.Select,
-          selectIds: i.selectIds,
-          selectRect: k,
-          willSyncService: a,
-          isSync: n,
-          points: i.getChildrenPoints()
-        });
-      }
-      return d && l.push({
-        type: h.None,
-        needUndoTicker: d
-      }), l.push({
-        type: h.SelectorTransform,
-        emitEventType: this.emitEventType,
-        workState: s.updateSelectorOpt.workState
-      }), {
-        sp: l
-      };
-    });
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var d;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      textUpdateForWoker: a,
-      needUndoTicker: n
-    } = e;
-    s === D && o && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      emitEventType: this.emitEventType,
-      willSerializeData: c,
-      isSync: !0,
-      textUpdateForWoker: a,
-      callback: this.updateSelectorCallback,
-      needUndoTicker: n
-    }));
-  }
-}
-class xe extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.SetLock);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var d;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      needUndoTicker: a,
-      requestId: n
-    } = e;
-    s === D && o && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: this.emitEventType,
-      requestId: n,
-      callback: this.updateSelectorCallback,
-      needUndoTicker: a
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r, workShapeNode: i, res: c } = e, {
-      willSyncService: a,
-      isSync: n,
-      updateSelectorOpt: d,
-      needUndoTicker: l,
-      requestId: k,
-      emitEventType: S
-    } = s, p = o.sp || [], f = c == null ? void 0 : c.selectRect;
-    if (a && p) {
-      for (const [u, v] of r.entries())
-        p.push({
-          ...v,
-          workId: u,
-          type: h.UpdateNode,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          isSync: n,
-          emitEventType: S,
-          requestId: k
-        });
-      p.push({
-        isLocked: d.isLocked,
-        selectorColor: i.selectorColor,
-        scaleType: i.scaleType,
-        canRotate: i.canRotate,
-        type: h.Select,
-        selectIds: i.selectIds,
-        selectRect: f,
-        willSyncService: a,
-        isSync: n
-      });
-    }
-    return l && p.push({
-      type: h.None,
-      needUndoTicker: l
-    }), {
-      sp: p
-    };
-  }
-}
-class Be extends x {
-  constructor() {
-    super(...arguments);
-    m(this, "emitEventType", N.SetShapeOpt);
-  }
-  async consume(e) {
-    const { msgType: s, dataType: o, emitEventType: r } = e;
-    if (s === h.UpdateNode && o === g.Local && r === this.emitEventType)
-      return this.consumeForLocalWorker(e), !0;
-  }
-  async consumeForLocalWorker(e) {
-    var d;
-    const {
-      workId: s,
-      updateNodeOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      needUndoTicker: a,
-      requestId: n
-    } = e;
-    s === D && o && await ((d = this.localWork) == null ? void 0 : d.updateSelector({
-      updateSelectorOpt: o,
-      willRefreshSelector: r,
-      willSyncService: i,
-      willSerializeData: c,
-      emitEventType: this.emitEventType,
-      requestId: n,
-      callback: this.updateSelectorCallback,
-      needUndoTicker: a
-    }));
-  }
-  updateSelectorCallback(e) {
-    const { param: s, postData: o, newServiceStore: r } = e, {
-      willSyncService: i,
-      isSync: c,
-      needUndoTicker: a,
-      requestId: n,
-      emitEventType: d
-    } = s, l = o.sp || [];
-    if (i && l)
-      for (const [k, S] of r.entries())
-        l.push({
-          ...S,
-          workId: k,
-          type: h.UpdateNode,
-          updateNodeOpt: {
-            useAnimation: !1
-          },
-          isSync: c,
-          emitEventType: d,
-          requestId: n
-        });
-    return a && l.push({
-      type: h.None,
-      needUndoTicker: a
-    }), {
-      sp: l
-    };
-  }
-}
-class Fe {
-  constructor(t) {
-    m(this, "builders", /* @__PURE__ */ new Map());
-    this.builders = new Map(t.map((e) => [e, this.build(e)]));
-  }
-  build(t) {
-    switch (t) {
-      case N.TranslateNode:
-        return new De();
-      case N.ZIndexNode:
-        return new Ce();
-      case N.CopyNode:
-        return new Ee();
-      case N.SetColorNode:
-        return new be();
-      case N.ScaleNode:
-        return new Re();
-      case N.RotateNode:
-        return new Oe();
-      case N.SetFontStyle:
-        return new Me();
-      case N.SetPoint:
-        return new Ae();
-      case N.SetLock:
-        return new xe();
-      case N.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;
-  }
-}
-function Ue({
-  subThreads: C,
-  layers: t,
-  scene: e,
-  removeLayerTexture: s
-}) {
-  for (const o of C)
-    o.destroy();
-  for (const o of t) {
-    const r = o.parent;
-    r && s(o, r), o.remove();
-  }
-  e.remove();
-}
-class Pe {
-  constructor(t, e) {
-    m(this, "viewId");
-    m(this, "fullLayer");
-    m(this, "topLayer");
-    m(this, "localLayer");
-    m(this, "serviceLayer");
-    m(this, "snapshotFullLayer");
-    m(this, "vNodes");
-    m(this, "master");
-    m(this, "opt");
-    m(this, "cameraOpt");
-    m(this, "scene");
-    m(this, "localWork");
-    m(this, "serviceWork");
-    m(this, "topWork");
-    m(this, "taskUpdateCameraId");
-    m(this, "taskUpdateCameraResolve");
-    m(this, "debounceUpdateCameraId");
-    m(this, "debounceUpdateCache", /* @__PURE__ */ new Set());
-    m(this, "mainThreadPostId");
-    m(this, "destroyed", !1);
-    m(this, "combinePostMsg", /* @__PURE__ */ new Set());
-    m(this, "methodBuilder");
-    m(this, "cacheImages", /* @__PURE__ */ new Map());
-    m(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 = K.bufferSize.full, o = K.bufferSize.sub;
-    this.fullLayer = this.createLayer("fullLayer", this.scene, {
-      ...e.layerOpt,
-      bufferSize: this.viewId === $ ? s : o * 2
-    }), this.topLayer = this.createLayer("topLayer", this.scene, {
-      ...e.layerOpt,
-      bufferSize: (this.viewId === $, o),
-      contextType: "2d"
-    }), this.localLayer = this.createLayer("localLayer", this.scene, {
-      ...e.layerOpt,
-      bufferSize: (this.viewId === $, o),
-      contextType: "2d"
-    }), this.serviceLayer = this.createLayer("serviceLayer", this.scene, {
-      ...e.layerOpt,
-      bufferSize: (this.viewId === $, o),
-      contextType: "2d"
-    }), this.vNodes = new we(t, this.scene);
-    const r = {
-      thread: this,
-      vNodes: this.vNodes
-    };
-    this.localWork = new Le(r), this.serviceWork = new Ne(r), this.topWork = new We(r), this.vNodes.init(this.fullLayer), this.methodBuilder = new Fe([
-      N.CopyNode,
-      N.SetColorNode,
-      N.DeleteNode,
-      N.RotateNode,
-      N.ScaleNode,
-      N.TranslateNode,
-      N.ZIndexNode,
-      N.SetFontStyle,
-      N.SetPoint,
-      N.SetLock,
-      N.SetShapeOpt
-    ]).registerForMainThread(this);
-  }
-  getCachedImages(t) {
-    var e;
-    return (e = this.cacheImages.get(t)) == null ? void 0 : e.imageSource;
-  }
-  getCachedImagesByWorkId(t) {
-    for (const [e, s] of this.cacheImages.entries())
-      if (e === t && s.imageSource)
-        return s.imageSource;
-  }
-  deleteCachedImagesByWorkId(t) {
-    for (const [e, s] of this.cacheImages.entries())
-      s.workId === t && ("close" in s.imageSource && s.imageSource.close(), this.cacheImages.delete(e));
-  }
-  clearCacheImages() {
-    this.cacheImages.forEach((t) => {
-      "close" in t.imageSource && t.imageSource.close();
-    }), this.cacheImages.clear();
-  }
-  clearImageResolveMap() {
-    this.imageResolveMap.forEach(({ timer: t }) => {
-      t && clearTimeout(t);
-    }), this.imageResolveMap.clear();
-  }
-  post(t) {
-    this.combinePostMsg.add(t), this.runBatchPostData();
-  }
-  updateDpr(t) {
-    this.scene.displayRatio = t;
-  }
-  async on(t) {
-    if (!await this.methodBuilder.consumeForMainThread(t)) {
-      const {
-        msgType: e,
-        toolsType: s,
-        opt: o,
-        dataType: r,
-        workId: i,
-        workState: c,
-        imageSrc: a,
-        imageBitmap: n,
-        imageElement: d,
-        workIds: l,
-        isLockSentEventCursor: k
-      } = t, S = i == null ? void 0 : i.toString();
-      switch (e) {
-        case h.UpdateDpr:
-          G(t.dpr) && this.updateDpr(t.dpr);
-          break;
-        case h.AuthClear: {
-          const { clearUids: p, localUid: f } = t;
-          this.vNodes.setCanClearUids(p), this.vNodes.setLocalUid(f);
-          break;
-        }
-        case h.Destroy:
-          this.destroy();
-          break;
-        case h.Clear:
-          this.clearAll();
-          break;
-        case h.UpdateCamera:
-          await this.updateCamera(t);
-          break;
-        case h.UpdateTools:
-          if (s && o) {
-            const p = {
-              toolsType: s,
-              toolsOpt: o
-            };
-            this.topWork.canUseTopLayer(s) ? this.topWork.setToolsOpt(p) : this.localWork.setToolsOpt(p);
-          }
-          break;
-        case h.CreateWork:
-          if (S && o && s) {
-            if (this.topWork.canUseTopLayer(s)) {
-              this.topWork.getToolsOpt() || this.topWork.setToolsOpt({
-                toolsType: s,
-                toolsOpt: o
-              }), this.topWork.setWorkOptions(S, o);
-              break;
-            }
-            this.localWork.getToolsOpt() || this.localWork.setToolsOpt({
-              toolsType: s,
-              toolsOpt: o
-            }), this.localWork.setWorkOptions(S, o);
-          }
-          break;
-        case h.DrawWork:
-          c === W.Done && r === g.Local ? (this.consumeDrawAll(r, t), s === y.LaserPen && k && this.post({
-            sp: [
-              {
-                type: h.None,
-                isLockSentEventCursor: k
-              }
-            ]
-          })) : await this.consumeDraw(r, t);
-          break;
-        case h.UpdateNode:
-        case h.FullWork:
-          if (s && this.topWork.canUseTopLayer(s)) {
-            this.consumeDrawAll(r, t);
-            break;
-          }
-          this.consumeFull(r, t);
-          break;
-        case h.RemoveNode:
-          await this.removeNode(t);
-          return;
-        case h.Select:
-          r === g.Service && (i === D ? this.localWork.updateFullSelectWork(t) : this.serviceWork.runSelectWork(t));
-          break;
-        case h.CursorBlur:
-          this.localWork.cursorBlur();
-          return;
-        case h.CursorHover:
-          this.localWork.cursorHover(t);
-          break;
-        case h.GetTextActive:
-          r === g.Local && this.localWork.checkTextActive(t);
-          break;
-        case h.GetImageBitMap:
-          if (a && (n || d) && i) {
-            const p = i.toString();
-            this.deleteCachedImagesByWorkId(p), this.cacheImages.set(a, {
-              imageSource: n || d,
-              workId: p
-            });
-            const f = this.imageResolveMap.get(a);
-            if (f) {
-              const { resolve: u, timer: v } = f;
-              v && clearTimeout(v), u && u(a);
-            }
-          }
-          break;
-        case h.GetVNodeInfo:
-          if (i && l) {
-            const p = l.map((f) => this.vNodes.get(f));
-            this.post({
-              sp: [
-                {
-                  type: h.GetVNodeInfo,
-                  dataType: g.Local,
-                  workId: i,
-                  vInfo: p
-                }
-              ]
-            });
-          }
-          break;
-      }
-    }
-  }
-  getIconSize(t, e, s) {
-    const o = t * s, r = e * s;
-    return o <= 50 || r <= 50 ? [50, 50] : o <= 100 || r <= 100 ? [100, 100] : o <= 200 || r <= 200 ? [200, 200] : o <= 400 || r <= 400 ? [400, 400] : o <= 800 || r <= 800 ? [800, 800] : [1600, 1600];
-  }
-  async loadImageBitMap(t) {
-    const { toolsType: e, opt: s, workId: o } = t;
-    if (e === y.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: a, height: n, strokeColor: d } = s;
-      if (!i || !c || !a || !n)
-        return;
-      let l = i;
-      if (c === ae.Iconify) {
-        const [f, u] = this.getIconSize(a, n, this.opt.displayer.dpr);
-        l = ne(i, f, u, d);
-      }
-      if (this.cacheImages.has(l)) {
-        const f = this.getCachedImages(l);
-        if (f)
-          return f;
-      }
-      if (this.imageResolveMap.has(l)) {
-        const f = this.getCachedImagesByWorkId(r);
-        if (f)
-          return f;
-      }
-      const p = await new Promise((f) => {
-        const u = this.imageResolveMap.get(l) || {
-          resolve: void 0,
-          timer: void 0
-        };
-        u.timer && clearTimeout(u.timer), u.resolve = f, u.timer = setTimeout(() => {
-          const v = this.imageResolveMap.get(l);
-          v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, u), this.opt.post({
-          sp: [
-            {
-              imageSrc: l,
-              workId: r,
-              viewId: this.viewId,
-              isgl: !!this.fullLayer.parent.gl,
-              isSubWorker: !1,
-              type: h.GetImageBitMap
-            }
-          ]
-        });
-      });
-      return this.imageResolveMap.delete(p), this.getCachedImages(l);
-    }
-  }
-  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 === D) {
-          await this.localWork.removeSelector(t);
-          continue;
-        }
-        e === g.Local ? this.localWork.removeWork(t) : e === g.Service && this.serviceWork.removeWork(t), await this.localWork.colloctEffectSelectWork(t);
-      }
-  }
-  async consumeFull(t, e) {
-    const s = await this.localWork.colloctEffectSelectWork(e);
-    s && t === g.Local && await this.localWork.consumeFull(s), s && t === g.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 o;
-    this.mainThreadPostId = void 0;
-    const t = [];
-    let e, s;
-    for (const r of this.combinePostMsg.values()) {
-      if ((o = r.sp) != null && o.length)
-        for (const i of r.sp) {
-          let c = !1;
-          for (const a of t)
-            if (re(i, a)) {
-              c = !0;
-              break;
-            }
-          c || t.push(i);
-        }
-      G(r.fullWorkerDrawCount) && (e = r.fullWorkerDrawCount), G(r.consumeCount) && (s = r.consumeCount);
-    }
-    return this.combinePostMsg.clear(), {
-      sp: t,
-      fullWorkerDrawCount: e,
-      consumeCount: s
-    };
-  }
-  combinePost() {
-    var s, o;
-    const t = this.combinePostData(), e = (s = t.sp) == null ? void 0 : s.filter(
-      (r) => r.type !== h.None || r.isLockSentEventCursor || r.needUndoTicker || r.collectUndoTicker
-    );
-    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, t.consumeCount === void 0 && delete t.consumeCount, t.fullWorkerDrawCount === void 0 && delete t.fullWorkerDrawCount, (t != null && t.consumeCount || t != null && t.fullWorkerDrawCount || (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();
-    }), q(this.fullLayer, this.fullLayer.parent)), this.clearCacheImages(), this.clearImageResolveMap(), this.localWork.clearAll(), this.topWork.clearAll(), this.serviceWork.clearAll(), this.vNodes.clear(), this.post({
-      sp: [
-        {
-          type: h.Clear
-        }
-      ]
-    });
-  }
-  consumeDrawAll(t, e) {
-    const { toolsType: s, workId: o } = e;
-    if (o) {
-      const r = o.toString();
-      if (s && this.topWork.canUseTopLayer(s)) {
-        t === g.Local && (this.topWork.getLocalWorkShape(
-          o.toString()
-        ) || this.topWork.createLocalWork(e)), this.topWork.consumeDrawAll(e);
-        return;
-      }
-      t === g.Local && (this.localWork.getWorkShape(r) || this.localWork.createLocalWork(e), this.localWork.consumeDrawAll(e, this.serviceWork));
-    }
-  }
-  async 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 === g.Local && (this.topWork.getLocalWorkShape(i) || this.topWork.createLocalWork(e)), this.topWork.consumeDraw(e);
-        return;
-      }
-      t === g.Local ? (this.localWork.getWorkShape(i) || this.localWork.createLocalWork(e), await this.localWork.consumeDraw(e, this.serviceWork)) : t === g.Service && this.serviceWork.consumeDraw(e);
-      return;
-    }
-  }
-  async updateCamera(t) {
-    var c, a;
-    const { cameraOpt: e, scenePath: s, cameraTaskId: o } = t;
-    let r = !1;
-    const i = this.cameraOpt;
-    if (e && !re(i, e)) {
-      const n = !i || i.scale !== e.scale || i.centerX !== e.centerX || i.centerY !== e.centerY || i.width !== e.width || i.height !== e.height;
-      if (this.taskUpdateCameraId && (clearTimeout(this.taskUpdateCameraId), this.taskUpdateCameraId = void 0, (c = this.taskUpdateCameraResolve) == null || c.call(this, !1), this.taskUpdateCameraResolve = void 0), s) {
-        const p = [];
-        for (const [f, u] of this.localWork.getWorkShapes().entries())
-          switch (u.toolsType) {
-            case y.Text:
-            case y.BitMapEraser:
-            case y.PencilEraser:
-            case y.Eraser:
-            case y.Selector:
-            case y.LaserPen:
-              break;
-            default:
-              f !== H && f !== D && p.push(`${f}:${u.toolsType}`);
-              break;
-          }
-        if (p.length) {
-          await new Promise((u) => {
-            this.taskUpdateCameraResolve = u, this.taskUpdateCameraId = setTimeout(() => {
-              this.taskUpdateCameraId = void 0, this.taskUpdateCameraResolve = void 0, u(!0);
-            }, ee);
-          }) && await this.updateCamera(t);
-          return;
-        }
-      }
-      const d = /* @__PURE__ */ new Map();
-      for (const [p, f] of this.vNodes.getNodesByType(y.Text).entries()) {
-        const u = f.rect;
-        d.set(p, Z(u));
-      }
-      for (const [p, f] of this.vNodes.gethasEraserNodes().entries())
-        d.set(p, Z(f.rect));
-      const l = new Set(d.keys());
-      let k = !1;
-      if (this.localWork.hasSelector()) {
-        const p = (a = this.localWork.getSelector()) == null ? void 0 : a.selectIds;
-        if (p) {
-          k = !0;
-          for (const f of p)
-            l.add(f);
-        }
-      }
-      let S = !1;
-      if (this.serviceWork.selectorWorkShapes.size)
-        for (const p of this.serviceWork.selectorWorkShapes.values()) {
-          const f = p.selectIds;
-          if (f) {
-            S = !0;
-            for (const u of f)
-              l.add(u);
-          }
-        }
-      if (this.setCameraOpt(e), this.vNodes.curNodeMap.size) {
-        this.vNodes.clearTarget(), this.vNodes.updateHighLevelNodesRect(l), this.debounceUpdateCameraId && clearTimeout(this.debounceUpdateCameraId);
-        for (const [p, f] of d.entries()) {
-          const u = this.vNodes.get(p);
-          if (u) {
-            const v = f, I = u.rect, L = this.getSceneRect(), T = te(v, L), E = te(I, L);
-            let R = !1;
-            (T !== E || v.w !== I.w || v.h !== I.h || E === ve.intersect) && (R = !0);
-            const { toolsType: B, opt: F } = u, b = F.eraserlines && F.eraserlines.length > 0 || !!F.eraserFaces;
-            (R || n && b) && (B === y.Text || b) && this.debounceUpdateCache.add(p);
-          }
-        }
-        if (k && this.localWork.reRenderSelector(), S)
-          for (const [
-            p,
-            f
-          ] of this.serviceWork.selectorWorkShapes.entries())
-            this.serviceWork.runSelectWork({
-              workId: p,
-              selectIds: f.selectIds,
-              msgType: h.Select,
-              dataType: g.Service,
-              viewId: this.viewId
-            });
-        r = !0, this.debounceUpdateCameraId = setTimeout(async () => {
-          var f;
-          this.debounceUpdateCameraId = void 0;
-          const p = [];
-          for (const u of this.debounceUpdateCache.values()) {
-            const v = (f = this.fullLayer) == null ? void 0 : f.getElementsByName(u)[0], I = this.vNodes.get(u);
-            if (I) {
-              const { toolsType: L, opt: T } = I;
-              if (v || L !== y.Text) {
-                const E = this.localWork.setFullWork({
-                  toolsType: L,
-                  opt: T,
-                  workId: u
-                });
-                if (E) {
-                  if (L === y.Text)
-                    p.push(
-                      E.consumeServiceAsync({
-                        isFullWork: !0,
-                        replaceId: u,
-                        boxRect: this.getSceneRect()
-                      })
-                    );
-                  else if (T.eraserlines && T.eraserlines.length > 0 || T.eraserFaces) {
-                    const R = E.consumeService({
-                      op: I.op,
-                      isFullWork: !0,
-                      replaceId: u,
-                      workState: W.Done
-                    });
-                    this.localWork.clearWorkShapeNodeCache(u), p.push(Promise.resolve(R));
-                  }
-                }
-              }
-            }
-            this.debounceUpdateCache.delete(u);
-          }
-          this.vNodes.updateLowLevelNodesRect(), this.vNodes.clearHighLevelIds(), await Promise.all(p), await Promise.all([
-            this.fullLayer.parent.prepareRender,
-            this.topLayer.parent.prepareRender,
-            this.localLayer.parent.prepareRender,
-            this.serviceLayer.parent.prepareRender
-          ]), G(o) && this.opt.post({
-            viewId: this.viewId,
-            cameraSettledTaskId: o
-          });
-        }, ee);
-      }
-      await Promise.all([
-        this.fullLayer.parent.prepareRender,
-        this.topLayer.parent.prepareRender,
-        this.localLayer.parent.prepareRender,
-        this.serviceLayer.parent.prepareRender
-      ]), !r && G(o) && this.opt.post({
-        viewId: this.viewId,
-        cameraSettledTaskId: o
-      });
-    }
-  }
-  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 ce({
-      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}`, c = e.layer(i, { ...s, offscreen: !1 }), a = new le({
-      anchor: [0.5, 0.5],
-      pos: [o * 0.5, r * 0.5],
-      size: [o, r],
-      name: "viewport",
-      id: t
-    });
-    return c.append(a), a;
-  }
-  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.destroyed || (this.destroyed = !0, this.clearCacheImages(), this.clearImageResolveMap(), this.vNodes.clear(), Ue({
-      subThreads: [this.localWork, this.serviceWork, this.topWork],
-      layers: [
-        this.fullLayer,
-        this.topLayer,
-        this.localLayer,
-        this.serviceLayer
-      ],
-      scene: this.scene,
-      removeLayerTexture: (t, e) => P(t, e)
-    }));
-  }
-}
-class ze {
-  constructor(t, e) {
-    m(this, "viewId");
-    m(this, "fullLayer");
-    m(this, "master");
-    m(this, "opt");
-    m(this, "scene");
-    m(this, "mainThreadPostId");
-    m(this, "combinePostMsg", /* @__PURE__ */ new Set());
-    m(this, "workShapes", /* @__PURE__ */ new Map());
-    m(this, "cacheImages", /* @__PURE__ */ new Map());
-    m(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 === $ ? 6e3 : 3e3,
-      contextType: "2d"
-    });
-  }
-  getCachedImages(t) {
-    var e;
-    return (e = this.cacheImages.get(t)) == null ? void 0 : e.imageSource;
-  }
-  getCachedImagesByWorkId(t) {
-    for (const [e, s] of this.cacheImages.entries())
-      if (e === t && s.imageSource)
-        return s.imageSource;
-  }
-  deleteCachedImagesByWorkId(t) {
-    for (const [e, s] of this.cacheImages.entries())
-      s.workId === t && ("close" in s.imageSource && s.imageSource.close(), this.cacheImages.delete(e));
-  }
-  clearCacheImages() {
-    this.cacheImages.forEach((t) => {
-      "close" in t.imageSource && t.imageSource.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) {
-    const { msgType: e, imageSrc: s, imageBitmap: o, imageElement: r, workId: i } = t;
-    switch (e) {
-      case h.Snapshot: {
-        await this.getSnapshot(t), this.destroy();
-        return;
-      }
-      case h.BoundingBox: {
-        await this.getBoundingRect(t), this.destroy();
-        return;
-      }
-      case h.GetImageBitMap: {
-        if (s && (o || r) && i) {
-          const c = i.toString();
-          this.deleteCachedImagesByWorkId(c), this.cacheImages.set(s, {
-            imageSource: o || r,
-            workId: c
-          });
-          const a = this.imageResolveMap.get(s);
-          if (a) {
-            const { resolve: n, timer: d } = a;
-            d && clearTimeout(d), n && n(s);
-          }
-        }
-        break;
-      }
-    }
-  }
-  getIconSize(t, e, s) {
-    const o = t * s, r = e * s;
-    return o <= 50 || r <= 50 ? [50, 50] : o <= 100 || r <= 100 ? [100, 100] : o <= 200 || r <= 200 ? [200, 200] : o <= 400 || r <= 400 ? [400, 400] : o <= 800 || r <= 800 ? [800, 800] : [1600, 1600];
-  }
-  async loadImageBitMap(t) {
-    const { toolsType: e, opt: s, workId: o } = t;
-    if (e === y.Image && s && o) {
-      const r = o.toString(), { src: i, type: c, width: a, height: n, strokeColor: d } = s;
-      if (!i || !c || !a || !n)
-        return;
-      let l = i;
-      if (c === ae.Iconify) {
-        const [f, u] = this.getIconSize(a, n, this.opt.displayer.dpr);
-        l = ne(i, f, u, d);
-      }
-      if (this.cacheImages.has(l)) {
-        const f = this.getCachedImages(l);
-        if (f)
-          return f;
-      }
-      if (this.imageResolveMap.has(l)) {
-        const f = this.getCachedImagesByWorkId(r);
-        if (f)
-          return f;
-      }
-      const p = await new Promise((f) => {
-        const u = this.imageResolveMap.get(l) || {
-          resolve: void 0,
-          timer: void 0
-        };
-        u.timer && clearTimeout(u.timer), u.resolve = f, u.timer = setTimeout(() => {
-          const v = this.imageResolveMap.get(l);
-          v != null && v.resolve && v.resolve(l);
-        }, 5e3), this.imageResolveMap.set(l, u), this.opt.post({
-          sp: [
-            {
-              imageSrc: l,
-              workId: r,
-              viewId: this.viewId,
-              isgl: !!this.fullLayer.parent.gl,
-              isSubWorker: !0,
-              type: h.GetImageBitMap
-            }
-          ]
-        });
-      });
-      return this.imageResolveMap.delete(p), this.getCachedImages(l);
-    }
-  }
-  createWorkShapeNode(t) {
-    return X({
-      ...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 && V(t.ops);
-    if (e) {
-      let r, i;
-      const c = (o = e.getWorkId()) == null ? void 0 : o.toString();
-      return e.toolsType === y.BackgroundSVG ? r = e.consumeService({
-        isFullWork: !0,
-        replaceId: c
-      }) : e.toolsType === y.Image ? r = await e.consumeServiceAsync({
-        isFullWork: !0,
-        worker: this
-      }) : e.toolsType === y.Text ? r = await e.consumeServiceAsync({
-        isFullWork: !0,
-        replaceId: c,
-        isDrawLabel: !0
-      }) : (r = e.consumeService({
-        op: s,
-        isFullWork: !0,
-        replaceId: c
-      }), i = (t == null ? void 0 : t.updateNodeOpt) && e.updataOptService(t.updateNodeOpt)), se(r, i);
-    }
-  }
-  async getSnapshot(t) {
-    const { scenePath: e, scenes: s, cameraOpt: o, w: r, h: i } = t;
-    if (e && s && o) {
-      this.setCameraOpt(o);
-      for (const [a, n] of Object.entries(s))
-        if (n != null && n.type)
-          switch (n == null ? void 0 : n.type) {
-            case h.UpdateNode:
-            case h.FullWork: {
-              const { opt: d } = n, l = {
-                ...n,
-                opt: d,
-                workId: a,
-                msgType: h.FullWork,
-                dataType: g.Service,
-                viewId: this.viewId
-              };
-              await this.runFullWork(l);
-              break;
-            }
-          }
-      let c;
-      r && i && (c = {
-        resizeWidth: r,
-        resizeHeight: i
-      });
-      try {
-        await this.getSnapshotRender({ scenePath: e, options: c });
-      } catch (a) {
-        const n = a && a instanceof Error ? a.message : a == null ? void 0 : a.toString();
-        console.error(
-          "[SnapshotThreadImpl] getSnapshotRender error",
-          n
-        ), this.post({
-          sp: [
-            {
-              type: h.ReportError,
-              reportString: `[SnapshotThreadImpl] getSnapshotRender error: ${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;
-    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: h.Snapshot,
-          scenePath: e,
-          imageBitmap: o,
-          viewId: this.viewId,
-          index: 0
-        }
-      ]
-    }), this.fullLayer && q(this.fullLayer, this.fullLayer.parent));
-  }
-  async getBoundingRect(t) {
-    const { scenePath: e, scenes: s, cameraOpt: o } = t;
-    if (e && s && o) {
-      this.setCameraOpt(o);
-      let r;
-      for (const [i, c] of Object.entries(s))
-        if (c != null && c.type)
-          switch (c == null ? void 0 : c.type) {
-            case h.UpdateNode:
-            case h.FullWork: {
-              const a = await this.runFullWork({
-                ...c,
-                workId: i,
-                msgType: h.FullWork,
-                dataType: g.Service,
-                viewId: this.viewId
-              });
-              r = se(r, a);
-              break;
-            }
-          }
-      r && this.post({
-        sp: [
-          {
-            type: h.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 (Te(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 !== h.None || r.isLockSentEventCursor || r.needUndoTicker
-    );
-    e != null && e.length ? t.sp = e.map((r) => r.viewId ? r : { ...r, viewId: this.viewId }) : delete t.sp, (o = t.sp) != null && o.length && this.opt.post(t);
-  }
-  createScene(t) {
-    return new ce({
-      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}`, c = e.layer(i, s), a = new le({
-      anchor: [0.5, 0.5],
-      pos: [o * 0.5, r * 0.5],
-      size: [o, r],
-      name: "viewport",
-      id: t
-    });
-    return c.append(a), a;
-  }
-  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(), P(this.fullLayer, this.fullLayer.parent), this.scene.remove();
-  }
-}
-class Ye {
-  constructor(t) {
-    m(this, "mainThreadMap", /* @__PURE__ */ new Map());
-    m(this, "cameraRenderQueueByView", /* @__PURE__ */ new Map());
-    m(this, "viewGenerationById", /* @__PURE__ */ new Map());
-    m(this, "snapshotThread");
-    m(this, "master");
-    m(this, "post", (t) => {
-      const {
-        fullWorkerDrawCount: e,
-        sp: s,
-        workerTasksqueueCount: o,
-        cameraTaskId: r,
-        cameraSettledTaskId: i,
-        viewId: c,
-        consumeCount: a
-      } = t;
-      c && z(r) && this.master.ackCameraTask(c, r), c && z(i) && this.master.ackCameraSettledTask(c, i), this.master.isBusy && z(o) && this.master.setWorkerTasksqueueCount(o), z(e) && this.master.setMaxDrawCount(e), z(a) && this.master.setConsumeCount(a), s && this.master.collectorSyncData(s);
-    });
-    this.master = t;
-  }
-  enqueueViewTask(t, e) {
-    const o = (this.cameraRenderQueueByView.get(t) || Promise.resolve()).catch(() => {
-    }).then(e);
-    return this.cameraRenderQueueByView.set(t, o), o;
-  }
-  destroy() {
-    var t;
-    (t = this.snapshotThread) == null || t.destroy(), this.snapshotThread = void 0;
-    for (const e of this.mainThreadMap.values())
-      e.destroy();
-    this.mainThreadMap.clear();
-  }
-  createMainThread(t, e) {
-    return new Pe(t, e);
-  }
-  createSnapshotThread(t, e) {
-    return new ze(t, e);
-  }
-  async consume(t) {
-    var e, s, o, r;
-    for (const i of t.values()) {
-      const {
-        msgType: c,
-        viewId: a,
-        tasksqueue: n,
-        mainTasksqueueCount: d,
-        cameraTaskId: l,
-        layerOpt: k,
-        offscreenCanvasOpt: S,
-        cameraOpt: p,
-        isSubWorker: f
-      } = i;
-      if (c === h.Console) {
-        console.log(this);
-        continue;
-      }
-      if (c === h.Init) {
-        const L = i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1;
-        await this.enqueueViewTask(a, async () => {
-          var F;
-          this.viewGenerationById.set(a, L);
-          const T = (F = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : F.displayer, E = T == null ? void 0 : T.canvasContainerRef.current;
-          if (!T || !E || !k || !S) return;
-          const R = this.mainThreadMap.get(a);
-          R == null || R.destroy();
-          const B = this.createMainThread(a, { displayer: T, container: E, layerOpt: k, master: this.master, canvasOpt: S, post: this.post });
-          this.mainThreadMap.set(a, B), B && p && B.setCameraOpt(p), this.post({ sp: [{ type: h.Init, viewId: a, viewGeneration: L }] });
-        });
-        continue;
-      }
-      if ((c === h.Snapshot || c === h.BoundingBox) && a === ((e = this.master.control.viewContainerManager.mainView) == null ? void 0 : e.id)) {
-        const L = (s = this.master.control.viewContainerManager.getView(a)) == null ? void 0 : s.displayer, T = (o = L.snapshotContainerRef) == null ? void 0 : o.current;
-        if (L && T && p) {
-          (r = this.snapshotThread) == null || r.destroy(), T.style.width = `${p.width}px`, T.style.height = `${p.height}px`;
-          const E = {
-            ...oe.defaultLayerOpt,
-            offscreen: !1,
-            width: p.width,
-            height: p.height
-          }, R = {
-            ...oe.defaultScreenCanvasOpt,
-            width: p.width,
-            height: p.height
-          };
-          this.snapshotThread = this.createSnapshotThread(a, {
-            displayer: L,
-            container: T,
-            layerOpt: E,
-            master: this.master,
-            canvasOpt: R,
-            post: this.post
-          }), this.snapshotThread.on(i).then(() => {
-            this.snapshotThread = void 0, T.innerHTML = "", T.style.width = "", T.style.height = "";
-          });
-          continue;
-        }
-      }
-      if (c === h.GetImageBitMap && f && this.snapshotThread) {
-        this.snapshotThread.on(i);
-        continue;
-      }
-      if (c === h.TasksQueue && (n != null && n.size)) {
-        const L = n.get(a), T = this.mainThreadMap.get(a), E = this.viewGenerationById.get(a);
-        L && T && await this.enqueueViewTask(a, async () => {
-          this.viewGenerationById.get(a) !== E || this.mainThreadMap.get(a) !== T || await T.on(L);
-        }), d && z(l) && this.post({
-          workerTasksqueueCount: d,
-          cameraTaskId: l,
-          viewId: a
-        });
-        continue;
-      }
-      if (a === Ie) {
-        const L = [...this.mainThreadMap.entries()];
-        for (const [T, E] of L) {
-          const R = this.enqueueViewTask(T, async () => {
-            this.mainThreadMap.get(T) === E && (c === h.Destroy ? (E.destroy(), this.mainThreadMap.delete(T), this.viewGenerationById.set(T, (this.viewGenerationById.get(T) || 0) + 1)) : await E.on(i));
-          });
-          await R, this.cameraRenderQueueByView.get(T) === R && this.cameraRenderQueueByView.delete(T);
-        }
-        continue;
-      }
-      const u = this.mainThreadMap.get(a);
-      if (c === h.Destroy && !u) {
-        await this.enqueueViewTask(a, async () => {
-          this.viewGenerationById.set(a, i.viewGeneration ?? (this.viewGenerationById.get(a) || 0) + 1);
-        });
-        continue;
-      }
-      if (!u)
-        continue;
-      const v = this.viewGenerationById.get(a), I = this.enqueueViewTask(a, async () => {
-        this.viewGenerationById.get(a) !== v || this.mainThreadMap.get(a) !== u || await u.on(i);
-      });
-      c === h.Destroy && (await I, this.mainThreadMap.get(a) === u && this.mainThreadMap.delete(a), this.cameraRenderQueueByView.get(a) === I && this.cameraRenderQueueByView.delete(a), this.viewGenerationById.set(a, i.viewGeneration ?? (v || 0) + 1));
-    }
-  }
-}
-export {
-  Ye as MainThreadManagerImpl
-};