@netless/appliance-plugin 1.1.34-beta.2 → 1.1.34

package/dist/{index-Djm-u9a7.mjs → index-BTxxBSIk.mjs}

@@ -1,7 +1,7 @@
 var K = Object.defineProperty;
 var j = (o, e, t) => e in o ? K(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
 var u = (o, e, t) => j(o, typeof e != "symbol" ? e + "" : e, t);
-import { E as B, a as k, b as D, c as x, d as E, V as P, S as Z } from "./index-Bc6Cv0DB.mjs";
+import { E as B, a as y, b as D, c as M, d as E, V as P, S as Z } from "./index-CIPJM93i.mjs";
 import { isEqual as W, isString as _, clone as J, throttle as Q } from "lodash";
 import "white-web-sdk";
 import "spritejs";
@@ -29,7 +29,7 @@ class ae extends re {
   }
   async consume(t) {
     const { msgType: r, dataType: s, emitEventType: i } = t;
-    if (r === k.FullWork && s === D.Local && i === this.emitEventType)
+    if (r === y.FullWork && s === D.Local && i === this.emitEventType)
       return this.consumeForLocalWorker(t), !0;
   }
   async consumeForLocalWorker(t) {
@@ -80,7 +80,7 @@ async function ne() {
 function oe() {
   return (N == null ? void 0 : N.default) || null;
 }
-const I = class I {
+const T = class T {
   constructor() {
     // 使用 workId 作为 key，存储每个实例的 mermaid 代码块
     u(this, "mermaidCodeBlocksByWorkId", /* @__PURE__ */ new Map());
@@ -89,7 +89,7 @@ const I = class I {
    * 获取 MermaidManager 单例实例
    */
   static getInstance() {
-    return I.instance || (I.instance = new I()), I.instance;
+    return T.instance || (T.instance = new T()), T.instance;
   }
   /**
    * 生成唯一的 mermaid ID
@@ -135,39 +135,39 @@ const I = class I {
    */
   extendMarkdown(e, t) {
     const r = e.md.renderer, s = r.rules.fence, i = this;
-    r.rules.fence = (a, n, c, d, w) => {
+    r.rules.fence = (a, n, c, h, g) => {
       const p = a[n];
       if (p.info.trim() === "mermaid") {
-        const g = i.generateId();
-        return i.createContainer(g, p.content, t);
+        const f = i.generateId();
+        return i.createContainer(f, p.content, t);
       }
-      return s ? s(a, n, c, d, w) : "";
+      return s ? s(a, n, c, h, g) : "";
     };
   }
   // 为了向后兼容，保留静态方法（内部使用单例）
   static generateId() {
-    return I.getInstance().generateId();
+    return T.getInstance().generateId();
   }
   static createContainer(e, t, r) {
-    return I.getInstance().createContainer(
+    return T.getInstance().createContainer(
       e,
       t,
       r
     );
   }
   static getCode(e, t) {
-    return I.getInstance().getCode(e, t);
+    return T.getInstance().getCode(e, t);
   }
   static clear(e) {
-    I.getInstance().clear(e);
+    T.getInstance().clear(e);
   }
   static extendMarkdown(e, t) {
-    I.getInstance().extendMarkdown(e, t);
+    T.getInstance().extendMarkdown(e, t);
   }
 };
-u(I, "instance", null);
-let b = I;
-class T {
+u(T, "instance", null);
+let O = T;
+class b {
   /**
    * 检查 markmap 节点及其子节点是否包含 mermaid 代码块
    * @param node markmap 节点数据
@@ -180,7 +180,7 @@ class T {
       return !0;
     if (e.children && Array.isArray(e.children)) {
       for (const t of e.children)
-        if (T.checkNodeHasMermaid(t))
+        if (b.checkNodeHasMermaid(t))
           return !0;
     }
     return !1;
@@ -192,7 +192,7 @@ class T {
    * @returns Promise<void>
    */
   static async renderMermaidAfterDOMUpdate(e, t) {
-    await T.renderMermaidBlocks(e, t);
+    await b.renderMermaidBlocks(e, t);
   }
   /**
    * 渲染所有 mermaid 容器中的图表
@@ -215,42 +215,42 @@ class T {
     let s = null, i = !1;
     for (let n = 0; n < 30; n++) {
       const c = e.querySelectorAll("foreignObject");
-      if (s = e.querySelectorAll(".mermaid-container"), s.length > 0 || (c.length > 0 && (i = !0), await new Promise((d) => setTimeout(d, 50)), i && n >= 20))
+      if (s = e.querySelectorAll(".mermaid-container"), s.length > 0 || (c.length > 0 && (i = !0), await new Promise((h) => setTimeout(h, 50)), i && n >= 20))
         break;
     }
     if (!s || s.length === 0)
       return;
     const a = Array.from(s).map(
       async (n, c) => {
-        const d = n, w = d.getAttribute("data-mermaid-id"), p = w ? b.getCode(w, t) : void 0, l = d.querySelector(
+        const h = n, g = h.getAttribute("data-mermaid-id"), p = g ? O.getCode(g, t) : void 0, d = h.querySelector(
           ".mermaid-placeholder"
         );
-        if (!(!l || !p))
+        if (!(!d || !p))
           try {
-            const f = `mermaid-${t.replace(/[^a-zA-Z0-9_-]/g, "-")}-${Date.now()}-${c}`, { svg: v } = await r.render(f, p);
-            if (l && l.parentNode) {
-              const y = document.createElement("div");
-              y.innerHTML = v;
-              const m = y.querySelector("svg");
-              if (m) {
-                if (!m.getAttribute("viewBox") && m.getAttribute("width") && m.getAttribute("height")) {
-                  const A = m.getAttribute("width"), S = m.getAttribute("height"), M = parseFloat((A == null ? void 0 : A.replace(/px|%/, "")) || "0"), O = parseFloat(
-                    (S == null ? void 0 : S.replace(/px|%/, "")) || "0"
+            const w = `mermaid-${t.replace(/[^a-zA-Z0-9_-]/g, "-")}-${Date.now()}-${c}`, { svg: v } = await r.render(w, p);
+            if (d && d.parentNode) {
+              const I = document.createElement("div");
+              I.innerHTML = v;
+              const l = I.querySelector("svg");
+              if (l) {
+                if (!l.getAttribute("viewBox") && l.getAttribute("width") && l.getAttribute("height")) {
+                  const S = l.getAttribute("width"), k = l.getAttribute("height"), x = parseFloat((S == null ? void 0 : S.replace(/px|%/, "")) || "0"), A = parseFloat(
+                    (k == null ? void 0 : k.replace(/px|%/, "")) || "0"
                   );
-                  M > 0 && O > 0 && m.setAttribute(
+                  x > 0 && A > 0 && l.setAttribute(
                     "viewBox",
-                    `0 0 ${M} ${O}`
+                    `0 0 ${x} ${A}`
                   );
                 }
-                m.style.display = "block", m.style.maxWidth = "100%", m.style.width = "auto", m.style.height = "auto", m.style.overflow = "visible", m.style.verticalAlign = "top", m.style.objectFit = "contain";
-                const h = document.createElement("div");
-                h.className = "mermaid-wrapper", h.style.width = "100%", h.style.height = "auto", h.style.overflow = "hidden", h.style.display = "inline-block", h.style.verticalAlign = "top", h.style.margin = "0", h.style.padding = "0", h.style.boxSizing = "border-box", h.style.position = "relative", this.isSafari() && (h.style.clipPath = "inset(100% 0 0 0)", h.style.pointerEvents = "none"), h.appendChild(m), m.style.width = "100%", m.style.height = "100%", m.style.maxWidth = "100%", m.style.maxHeight = "100%", m.style.objectFit = "contain", m.setAttribute("data-type", "mermaid"), this.isSafari() && (m.style.opacity = "0"), l.parentNode.replaceChild(h, l);
+                l.style.display = "block", l.style.maxWidth = "100%", l.style.width = "auto", l.style.height = "auto", l.style.overflow = "visible", l.style.verticalAlign = "top", l.style.objectFit = "contain";
+                const m = document.createElement("div");
+                m.className = "mermaid-wrapper", m.style.width = "100%", m.style.height = "auto", m.style.overflow = "hidden", m.style.display = "inline-block", m.style.verticalAlign = "top", m.style.margin = "0", m.style.padding = "0", m.style.boxSizing = "border-box", m.style.position = "relative", this.isSafari() && (m.style.clipPath = "inset(100% 0 0 0)", m.style.pointerEvents = "none"), m.appendChild(l), l.style.width = "100%", l.style.height = "100%", l.style.maxWidth = "100%", l.style.maxHeight = "100%", l.style.objectFit = "contain", l.setAttribute("data-type", "mermaid"), this.isSafari() && (l.style.opacity = "0"), d.parentNode.replaceChild(m, d);
               } else
-                l.outerHTML = v;
+                d.outerHTML = v;
             }
-          } catch (g) {
-            const f = g instanceof Error ? g.message : String(g);
-            l && (l.textContent = `Mermaid 渲染失败: ${f}`, l.style.color = "red", l.style.fontSize = "12px");
+          } catch (f) {
+            const w = f instanceof Error ? f.message : String(f);
+            d && (d.textContent = `Mermaid 渲染失败: ${w}`, d.style.color = "red", d.style.fontSize = "12px");
           }
       }
     );
@@ -293,8 +293,8 @@ class T {
           'svg[data-type="mermaid"]'
         );
         if (!n) {
-          const w = a.querySelector(".mermaid-wrapper");
-          w && (n = w.querySelector(
+          const g = a.querySelector(".mermaid-wrapper");
+          g && (n = g.querySelector(
             'svg[data-type="mermaid"]'
           ));
         }
@@ -302,67 +302,67 @@ class T {
           return;
         const c = a.querySelector(
           ".mermaid-container"
-        ), d = c == null ? void 0 : c.getAttribute("data-mermaid-id");
-        if (d)
+        ), h = c == null ? void 0 : c.getAttribute("data-mermaid-id");
+        if (h)
           try {
-            const w = parseFloat(a.getAttribute("x") || "0"), p = parseFloat(a.getAttribute("y") || "0"), l = parseFloat(
+            const g = parseFloat(a.getAttribute("x") || "0"), p = parseFloat(a.getAttribute("y") || "0"), d = parseFloat(
               a.getAttribute("width") || "0"
-            ), g = parseFloat(
+            ), f = parseFloat(
               a.getAttribute("height") || "0"
             );
-            if (l <= 0 || g <= 0)
+            if (d <= 0 || f <= 0)
               return;
-            const f = a.parentElement;
-            if (!f || f.tagName !== "g")
+            const w = a.parentElement;
+            if (!w || w.tagName !== "g")
               return;
-            let v = f.getAttribute("transform");
+            let v = w.getAttribute("transform");
             if (!v)
-              v = `translate(${w}, ${p})`;
+              v = `translate(${g}, ${p})`;
             else {
-              const S = v.match(
+              const k = v.match(
                 /translate\(([^,]+),([^)]+)\)/
               );
-              if (S) {
-                const M = parseFloat(S[1]), O = parseFloat(S[2]), F = M + w, R = O + p;
+              if (k) {
+                const x = parseFloat(k[1]), A = parseFloat(k[2]), F = x + g, R = A + p;
                 v = v.replace(
                   /translate\([^)]+\)/,
                   `translate(${F}, ${R})`
                 );
               } else
-                v = `translate(${w}, ${p}) ${v}`;
+                v = `translate(${g}, ${p}) ${v}`;
             }
-            const y = e.querySelector(
-              `g[data-mermaid-wrapper][data-mermaid-id="${d}"][data-mermaid-clone="true"]`
+            const I = e.querySelector(
+              `g[data-mermaid-wrapper][data-mermaid-id="${h}"][data-mermaid-clone="true"]`
             );
-            let m;
-            if (y) {
-              m = y;
-              const S = m.querySelector('svg[data-type="mermaid"]');
-              S && m.removeChild(S);
+            let l;
+            if (I) {
+              l = I;
+              const k = l.querySelector('svg[data-type="mermaid"]');
+              k && l.removeChild(k);
             } else
-              m = document.createElementNS(
+              l = document.createElementNS(
                 "http://www.w3.org/2000/svg",
                 "g"
-              ), m.setAttribute("data-mermaid-wrapper", "true"), m.setAttribute("data-mermaid-clone", "true"), m.setAttribute("data-mermaid-id", d);
-            m.setAttribute("transform", v);
-            const h = n.cloneNode(!0);
-            if (h.setAttribute("width", l.toString()), h.setAttribute("height", g.toString()), h.setAttribute("data-mermaid-transformed", "true"), h.style.width = "", h.style.height = "", h.style.maxWidth = "", h.style.maxHeight = "", h.style.transform = "", h.style.transformOrigin = "", h.style.display = "block", h.style.overflow = "visible", h.style.opacity = "1", !h.getAttribute("viewBox")) {
-              const S = h.getAttribute("width"), M = h.getAttribute("height");
-              if (S && M) {
-                const O = parseFloat(
-                  S.replace(/px|%/, "") || "0"
+              ), l.setAttribute("data-mermaid-wrapper", "true"), l.setAttribute("data-mermaid-clone", "true"), l.setAttribute("data-mermaid-id", h);
+            l.setAttribute("transform", v);
+            const m = n.cloneNode(!0);
+            if (m.setAttribute("width", d.toString()), m.setAttribute("height", f.toString()), m.setAttribute("data-mermaid-transformed", "true"), m.style.width = "", m.style.height = "", m.style.maxWidth = "", m.style.maxHeight = "", m.style.transform = "", m.style.transformOrigin = "", m.style.display = "block", m.style.overflow = "visible", m.style.opacity = "1", !m.getAttribute("viewBox")) {
+              const k = m.getAttribute("width"), x = m.getAttribute("height");
+              if (k && x) {
+                const A = parseFloat(
+                  k.replace(/px|%/, "") || "0"
                 ), F = parseFloat(
-                  M.replace(/px|%/, "") || "0"
+                  x.replace(/px|%/, "") || "0"
                 );
-                O > 0 && F > 0 && h.setAttribute(
+                A > 0 && F > 0 && m.setAttribute(
                   "viewBox",
-                  `0 0 ${O} ${F}`
+                  `0 0 ${A} ${F}`
                 );
               }
             }
-            m.appendChild(h), y || (f && f.parentNode ? f.parentNode.insertBefore(m, f.nextSibling) : e.appendChild(m)), c && (c.style.opacity = "0", c.style.pointerEvents = "none");
-          } catch (w) {
-            console.error("[transformMermaidSvgToMarkmapSvg] error: ", w);
+            l.appendChild(m), I || (w && w.parentNode ? w.parentNode.insertBefore(l, w.nextSibling) : e.appendChild(l)), c && (c.style.opacity = "0", c.style.pointerEvents = "none");
+          } catch (g) {
+            console.error("[transformMermaidSvgToMarkmapSvg] error: ", g);
           }
       }
     );
@@ -379,40 +379,40 @@ class T {
   static injectMermaidHtml(e, t, r) {
     const s = [], i = t.split(`
 `);
-    let a = "", n = !1, c = [], d = -1;
+    let a = "", n = !1, c = [], h = -1;
     for (let p = 0; p < i.length; p++) {
-      const l = i[p], g = l.match(/^(#{1,6})\s+(.+)$/);
-      if (g && (a = g[2].trim()), l.trim().startsWith("```mermaid"))
-        n = !0, c = [], d = p;
-      else if (n && l.trim() === "```") {
+      const d = i[p], f = d.match(/^(#{1,6})\s+(.+)$/);
+      if (f && (a = f[2].trim()), d.trim().startsWith("```mermaid"))
+        n = !0, c = [], h = p;
+      else if (n && d.trim() === "```") {
         n = !1;
-        const f = c.join(`
+        const w = c.join(`
 `);
-        f && a && s.push({
+        w && a && s.push({
           title: a,
-          content: f,
-          index: d
+          content: w,
+          index: h
         }), c = [];
-      } else n && c.push(l);
+      } else n && c.push(d);
     }
-    const w = (p) => {
+    const g = (p) => {
       if (!p) return;
-      const l = p.content || "", g = T.decodeHtmlEntities(l);
-      for (const f of s)
-        if (g.includes(f.title) || l.includes(f.title)) {
-          const v = b.generateId(), y = b.createContainer(
+      const d = p.content || "", f = b.decodeHtmlEntities(d);
+      for (const w of s)
+        if (f.includes(w.title) || d.includes(w.title)) {
+          const v = O.generateId(), I = O.createContainer(
             v,
-            f.content,
+            w.content,
             r
           );
-          p.content ? p.content = p.content + y : p.content = y;
+          p.content ? p.content = p.content + I : p.content = I;
           break;
         }
-      p.children && p.children.length > 0 && p.children.forEach((f) => {
-        w(f);
+      p.children && p.children.length > 0 && p.children.forEach((w) => {
+        g(w);
       });
     };
-    return w(e), e;
+    return g(e), e;
   }
   /**
    * 解码 HTML 实体
@@ -442,10 +442,10 @@ class U extends ee {
    * @param workId 工作 ID
    */
   setWorkId(t) {
-    this.currentWorkId = t, t && b.extendMarkdown(this, t);
+    this.currentWorkId = t, t && O.extendMarkdown(this, t);
   }
   transform(t, r) {
-    this.currentWorkId ? b.clear(this.currentWorkId) : b.clear();
+    this.currentWorkId ? O.clear(this.currentWorkId) : O.clear();
     const s = this.convertKatexToText(t), i = super.transform(s, r);
     return i.root && this.processKatexInRoot(i.root), i;
   }
@@ -527,22 +527,22 @@ class U extends ee {
       const c = n.src || n.getAttribute("src");
       if (!c || a.has(c) || (a.add(c), n.complete && n.naturalWidth > 0))
         return;
-      const d = new Promise((w) => {
+      const h = new Promise((g) => {
         const p = setTimeout(() => {
-          w();
+          g();
         }, r);
         if (n.complete && n.naturalWidth > 0) {
-          clearTimeout(p), w();
+          clearTimeout(p), g();
           return;
         }
-        const l = () => {
-          clearTimeout(p), n.removeEventListener("load", l), n.removeEventListener("error", g), w();
-        }, g = () => {
-          clearTimeout(p), n.removeEventListener("load", l), n.removeEventListener("error", g), w();
+        const d = () => {
+          clearTimeout(p), n.removeEventListener("load", d), n.removeEventListener("error", f), g();
+        }, f = () => {
+          clearTimeout(p), n.removeEventListener("load", d), n.removeEventListener("error", f), g();
         };
-        n.addEventListener("load", l), n.addEventListener("error", g), !n.src && c && (n.src = c);
+        n.addEventListener("load", d), n.addEventListener("error", f), !n.src && c && (n.src = c);
       });
-      i.push(d);
+      i.push(h);
     }), i.length > 0 && await Promise.all(i);
   }
 }
@@ -569,12 +569,12 @@ async function de(o) {
     i.querySelectorAll("image").forEach((n) => {
       n.href && !n.href.baseVal.startsWith("data:") && (n.getAttribute("crossorigin") || n.setAttribute("crossorigin", "anonymous"), t.push(
         new Promise((c) => {
-          const d = new Image();
-          d.crossOrigin = "anonymous", d.onload = () => {
+          const h = new Image();
+          h.crossOrigin = "anonymous", h.onload = () => {
             c(void 0);
-          }, d.onerror = () => {
+          }, h.onerror = () => {
             c(void 0);
-          }, d.src = n.href.baseVal;
+          }, h.src = n.href.baseVal;
         })
       ));
     });
@@ -605,7 +605,7 @@ async function pe(o) {
   await Promise.all(t);
 }
 async function G(o) {
-  if (T.hasMermaidSvg(o)) {
+  if (b.hasMermaidSvg(o)) {
     const r = Date.now();
     let s = !1;
     for (; Date.now() - r < 5e3 && !s; ) {
@@ -613,8 +613,8 @@ async function G(o) {
       if (i.length > 0) {
         let a = !0;
         for (const n of Array.from(i)) {
-          const c = parseFloat(n.getAttribute("width") || "0"), d = parseFloat(n.getAttribute("height") || "0");
-          if (n.querySelector(".mermaid-container") && (c < 50 || d < 50)) {
+          const c = parseFloat(n.getAttribute("width") || "0"), h = parseFloat(n.getAttribute("height") || "0");
+          if (n.querySelector(".mermaid-container") && (c < 50 || h < 50)) {
             a = !1;
             break;
           }
@@ -637,34 +637,34 @@ async function ue(o, e = {}) {
     if (!c)
       try {
         c = await a();
-      } catch (l) {
-        return console.error("[loadSvgToImageLib] error: ", l), null;
+      } catch (d) {
+        return console.error("[loadSvgToImageLib] error: ", d), null;
       }
-    const d = o.style.width, w = o.style.height, p = o.style.display;
+    const h = o.style.width, g = o.style.height, p = o.style.display;
     o.style.width || (o.style.width = `${s}px`), o.style.height || (o.style.height = `${i}px`), (!o.style.display || o.style.display === "none") && (o.style.display = "block");
     try {
-      await new Promise((g) => {
+      await new Promise((f) => {
         requestAnimationFrame(() => {
           requestAnimationFrame(() => {
-            g();
+            f();
           });
         });
       });
-      const l = await c.toPng(o, {
+      const d = await c.toPng(o, {
         width: s,
         height: i,
         quality: 1
       });
-      return o.style.width = d, o.style.height = w, o.style.display = p, new Promise((g) => {
-        const f = new Image();
-        f.crossOrigin = "anonymous", f.onload = () => {
-          g(f);
-        }, f.onerror = () => {
-          g(null);
-        }, f.src = l;
+      return o.style.width = h, o.style.height = g, o.style.display = p, new Promise((f) => {
+        const w = new Image();
+        w.crossOrigin = "anonymous", w.onload = () => {
+          f(w);
+        }, w.onerror = () => {
+          f(null);
+        }, w.src = d;
       });
-    } catch (l) {
-      return o.style.width = d, o.style.height = w, o.style.display = p, console.error("[divToImageElement] error: ", l), null;
+    } catch (d) {
+      return o.style.width = h, o.style.height = g, o.style.display = p, console.error("[divToImageElement] error: ", d), null;
     }
   } catch (a) {
     return console.error("[divToImageElement] error: ", a), null;
@@ -672,7 +672,7 @@ async function ue(o, e = {}) {
 }
 class ge {
   constructor(e) {
-    u(this, "toolsType", x.BackgroundSVG);
+    u(this, "toolsType", M.BackgroundSVG);
     u(this, "vNodes");
     u(this, "workOptions");
     u(this, "workId");
@@ -708,8 +708,8 @@ class ge {
     this.isDestroyed || !this.element || !this.element.parentNode || (this.updateElementPosition(e), await this.updateSvg(e));
   }
   isSameSize(e) {
-    const { width: t, height: r } = e, { width: s, height: i } = this.workOptions, a = t * this.manager.camera.scale, n = r * this.manager.camera.scale, c = s * this.manager.camera.scale, d = i * this.manager.camera.scale;
-    return a === c && n === d;
+    const { width: t, height: r } = e, { width: s, height: i } = this.workOptions, a = t * this.manager.camera.scale, n = r * this.manager.camera.scale, c = s * this.manager.camera.scale, h = i * this.manager.camera.scale;
+    return a === c && n === h;
   }
   isSamePosition(e) {
     const { centerX: t, centerY: r } = e, { centerX: s, centerY: i } = this.workOptions, a = this.manager.getPagePoint(s, i), n = this.manager.getPagePoint(t, r);
@@ -730,8 +730,8 @@ class ge {
   updateElementPosition(e) {
     if (this.isDestroyed || !this.element || !this.fullLayer)
       return;
-    const { centerX: t, centerY: r, width: s, height: i, zIndex: a } = this.workOptions, n = this.manager.getPagePoint(t, r), c = s * this.manager.camera.scale, d = i * this.manager.camera.scale;
-    (!e || e && !this.isSameSize(e)) && (this.element.setAttribute("width", `${c}`), this.element.setAttribute("height", `${d}`), this.element.style.width = `${c}px`, this.element.style.height = `${d}px`), (!e || e && !this.isSamePosition(e)) && (this.element.style.left = `${n.x}px`, this.element.style.top = `${n.y}px`), (!e || e && !this.isSameZIndex(e)) && (this.element.style.zIndex = (a || 0).toString());
+    const { centerX: t, centerY: r, width: s, height: i, zIndex: a } = this.workOptions, n = this.manager.getPagePoint(t, r), c = s * this.manager.camera.scale, h = i * this.manager.camera.scale;
+    (!e || e && !this.isSameSize(e)) && (this.element.setAttribute("width", `${c}`), this.element.setAttribute("height", `${h}`), this.element.style.width = `${c}px`, this.element.style.height = `${h}px`), (!e || e && !this.isSamePosition(e)) && (this.element.style.left = `${n.x}px`, this.element.style.top = `${n.y}px`), (!e || e && !this.isSameZIndex(e)) && (this.element.style.zIndex = (a || 0).toString());
   }
   async updateSvg(e) {
     const { type: t, state: r } = this.workOptions;
@@ -741,20 +741,20 @@ class ge {
         this.element,
         this.manager.markmapOptions
       ), this.markmapInstance.handleClick = async (n, c) => {
-        var p, l, g;
+        var p, d, f;
         (p = this.markmapInstance) == null || p.toggleNode(c);
-        const d = this.serializeData((l = this.markmapInstance) == null ? void 0 : l.state.data);
+        const h = this.serializeData((d = this.markmapInstance) == null ? void 0 : d.state.data);
         this.setWorkOptions(
           {
             ...this.workOptions,
-            state: d
+            state: h
           },
           !1
-        ), T.checkNodeHasMermaid(c) && await T.renderMermaidAfterDOMUpdate(
+        ), b.checkNodeHasMermaid(c) && await b.renderMermaidAfterDOMUpdate(
           this.element,
           this.workId
-        ), this.scenePath && this.collector && ((g = this.collector) == null || g.dispatch({
-          type: k.UpdateNode,
+        ), this.scenePath && this.collector && ((f = this.collector) == null || f.dispatch({
+          type: y.UpdateNode,
           workId: this.workId,
           opt: this.workOptions,
           isSync: !0,
@@ -766,12 +766,12 @@ class ge {
       L.setWorkId(this.workId);
       const i = L.transform(s);
       let { root: a } = i;
-      s && q(s) && (a = T.injectMermaidHtml(a, s, this.workId));
+      s && q(s) && (a = b.injectMermaidHtml(a, s, this.workId));
       try {
         r && Array.isArray(r) && this.transformState(
           r,
           a
-        ), await this.markmapInstance.setData(a), !this.isDestroyed && this.element && this.fullLayer && this.markmapInstance && (window.markmapInstance = this.markmapInstance, s && q(s) && await T.renderMermaidAfterDOMUpdate(
+        ), await this.markmapInstance.setData(a), !this.isDestroyed && this.element && this.fullLayer && this.markmapInstance && (window.markmapInstance = this.markmapInstance, s && q(s) && await b.renderMermaidAfterDOMUpdate(
           this.element,
           this.workId
         ), await this.fit(
@@ -800,7 +800,7 @@ class ge {
     var t;
     !this.isDestroyed && this.element && this.fullLayer && this.markmapInstance && (e && this.element && await U.waitForImagesInForeignObjects(
       this.element
-    ), await ((t = this.markmapInstance) == null ? void 0 : t.fit()), this.element && T.isSafari() && T.hasMermaidSvg(this.element) && (await G(this.element), await T.transformMermaidSvgToMarkmapSvg(
+    ), await ((t = this.markmapInstance) == null ? void 0 : t.fit()), this.element && b.isSafari() && b.hasMermaidSvg(this.element) && (await G(this.element), await b.transformMermaidSvgToMarkmapSvg(
       this.element
     )));
   }
@@ -845,7 +845,7 @@ class ge {
 function X(o) {
   const { toolsType: e, ...t } = o;
   switch (e) {
-    case x.BackgroundSVG:
+    case M.BackgroundSVG:
       return new ge(t);
     default:
       return;
@@ -939,13 +939,13 @@ class fe {
     this.vNodes.clear();
   }
   canUseFullLayer(e) {
-    return e === x.BackgroundSVG;
+    return e === M.BackgroundSVG;
   }
   async consumeFull(e) {
     const { toolsType: t, opt: r, workId: s } = e;
     if (s != null && s.toString() && t && this.canUseFullLayer(t))
       switch (t) {
-        case x.BackgroundSVG:
+        case M.BackgroundSVG:
           await this.setFullWork({
             toolsType: t,
             opt: r,
@@ -962,7 +962,7 @@ class fe {
       const n = this.vNodes.get(i);
       return !n || !n.workShape ? (a = this.createWorkShapeNode({
         toolsOpt: r,
-        toolsType: x.BackgroundSVG,
+        toolsType: M.BackgroundSVG,
         workId: i
       }), a && await a.init()) : (a = n.workShape, await a.setWorkOptions(r)), a;
     }
@@ -985,29 +985,29 @@ class fe {
     if (!await this.methodBuilder.consumeForBackgroundThread(e)) {
       const { msgType: t, toolsType: r } = e;
       switch (t) {
-        case k.Destroy: {
+        case y.Destroy: {
           this.destroy();
           break;
         }
-        case k.Clear: {
+        case y.Clear: {
           this.clearAll();
           break;
         }
-        case k.UpdateCamera: {
+        case y.UpdateCamera: {
           this.updateCamera(e);
           break;
         }
-        case k.UpdateTools: {
-          this.toggleFullLayer(r === x.Clicker);
+        case y.UpdateTools: {
+          this.toggleFullLayer(r === M.Clicker);
           break;
         }
-        case k.BackgroundSVGUpdate:
-        case k.UpdateNode:
-        case k.FullWork: {
+        case y.BackgroundSVGUpdate:
+        case y.UpdateNode:
+        case y.FullWork: {
           r && this.canUseFullLayer(r) && await this.consumeFull(e);
           break;
         }
-        case k.BackgroundSVGDelete: {
+        case y.BackgroundSVGDelete: {
           this.removeWork(e);
           break;
         }
@@ -1077,15 +1077,15 @@ class we {
     if (t && r && s) {
       await this.setCameraOpt(s);
       for (const [i, a] of Object.entries(r))
-        if (a != null && a.type && (a == null ? void 0 : a.toolsType) === x.BackgroundSVG)
+        if (a != null && a.type && (a == null ? void 0 : a.toolsType) === M.BackgroundSVG)
           switch (a == null ? void 0 : a.type) {
-            case k.UpdateNode:
-            case k.FullWork: {
+            case y.UpdateNode:
+            case y.FullWork: {
               const { opt: n } = a, c = {
                 ...a,
                 opt: n,
                 workId: i,
-                msgType: k.FullWork,
+                msgType: y.FullWork,
                 dataType: D.Service,
                 viewId: this.viewId
               };
@@ -1100,7 +1100,7 @@ class we {
           i && this.opt.post({
             sp: [
               {
-                type: k.Snapshot,
+                type: y.Snapshot,
                 scenePath: t,
                 imageElement: i,
                 viewId: this.viewId,
@@ -1114,7 +1114,7 @@ class we {
         this.opt.post({
           sp: [
             {
-              type: k.ReportError,
+              type: y.ReportError,
               reportString: `[SnapshotThreadImpl] getSnapshotRender error: ${a}`
             }
           ]
@@ -1137,7 +1137,7 @@ class we {
       const n = this.vNodes.get(i);
       return !n || !n.workShape ? (a = this.createWorkShapeNode({
         toolsOpt: r,
-        toolsType: x.BackgroundSVG,
+        toolsType: M.BackgroundSVG,
         workId: i
       }), a && await a.init()) : (a = n.workShape, await a.setWorkOptions(r)), a;
     }
@@ -1172,75 +1172,78 @@ class We {
     return new we(e, t);
   }
   async consume(e) {
-    var t, r, s, i, a;
-    for (const n of e.values()) {
+    var t, r, s, i, a, n;
+    for (const c of e.values()) {
       const {
-        msgType: c,
-        viewId: d,
-        layerOpt: w,
-        offscreenCanvasOpt: p,
-        cameraOpt: l,
-        tasksqueue: g,
-        mainTasksqueueCount: f
-      } = n;
-      if (c === k.Console) {
+        msgType: h,
+        viewId: g,
+        layerOpt: p,
+        offscreenCanvasOpt: d,
+        cameraOpt: f,
+        tasksqueue: w,
+        mainTasksqueueCount: v
+      } = c;
+      if (h === y.Console) {
         console.log(this);
         continue;
       }
-      if (c === k.Init) {
-        const y = (t = this.master.control.viewContainerManager.getView(d)) == null ? void 0 : t.displayer, m = (r = y == null ? void 0 : y.backgroundContainerRef) == null ? void 0 : r.current;
-        if (y && m && w && p) {
-          const h = this.createBackgroundThread(d, {
-            displayer: y,
+      if (h === y.Init) {
+        const l = (t = this.master.control.viewContainerManager.getView(g)) == null ? void 0 : t.displayer, m = (r = l == null ? void 0 : l.backgroundContainerRef) == null ? void 0 : r.current;
+        if (l && m && p && d) {
+          const S = this.backgroundThreadMap.get(g);
+          S == null || S.destroy();
+          const k = this.createBackgroundThread(g, {
+            displayer: l,
             container: m,
-            layerOpt: w,
+            layerOpt: p,
             master: this.master,
-            canvasOpt: p,
+            canvasOpt: d,
             post: this.post
           });
-          this.backgroundThreadMap.set(d, h), h && l && await h.setCameraOpt(l);
+          this.backgroundThreadMap.set(g, k), k && f && await k.setCameraOpt(f);
         }
         continue;
       }
-      if (c === k.Snapshot) {
-        const y = (s = this.master.control.viewContainerManager.getView(d)) == null ? void 0 : s.displayer, h = (a = ((i = this.master.control.viewContainerManager.mainView) == null ? void 0 : i.displayer).backgroundSnapshotContainerRef) == null ? void 0 : a.current;
-        if (y && h && l) {
-          h.style.width = `${l.width}px`, h.style.height = `${l.height}px`;
-          const A = {
+      if (h === y.Snapshot) {
+        const l = (s = this.master.control.viewContainerManager.getView(g)) == null ? void 0 : s.displayer, S = (a = ((i = this.master.control.viewContainerManager.mainView) == null ? void 0 : i.displayer).backgroundSnapshotContainerRef) == null ? void 0 : a.current;
+        if (l && S && f) {
+          (n = this.snapshotThread) == null || n.destroy(), S.style.width = `${f.width}px`, S.style.height = `${f.height}px`;
+          const k = {
             ...P.defaultLayerOpt,
             offscreen: !1,
-            width: l.width,
-            height: l.height
-          }, S = {
+            width: f.width,
+            height: f.height
+          }, x = {
             ...P.defaultScreenCanvasOpt,
-            width: l.width,
-            height: l.height
+            width: f.width,
+            height: f.height
           };
-          this.snapshotThread = this.createSnapshotThread(d, {
-            displayer: y,
-            container: h,
-            layerOpt: A,
+          this.snapshotThread = this.createSnapshotThread(g, {
+            displayer: l,
+            container: S,
+            layerOpt: k,
             master: this.master,
-            canvasOpt: S,
+            canvasOpt: x,
             post: this.post
-          }), await this.snapshotThread.getSnapshot(n), this.snapshotThread.destroy(), this.snapshotThread = void 0;
+          }), await this.snapshotThread.getSnapshot(c), this.snapshotThread.destroy(), this.snapshotThread = void 0;
           continue;
         }
       }
-      if (c === k.TasksQueue && (g != null && g.size)) {
-        for (const [y, m] of this.backgroundThreadMap.entries()) {
-          const h = g.get(y);
-          h && (await m.on(h), f && this.post({ workerTasksqueueCount: f }));
+      if (h === y.TasksQueue && (w != null && w.size)) {
+        for (const [l, m] of this.backgroundThreadMap.entries()) {
+          const S = w.get(l);
+          S && (await m.on(S), v && this.post({ workerTasksqueueCount: v }));
         }
         continue;
       }
-      if (d === Z) {
-        for (const y of this.backgroundThreadMap.values())
-          y.on(n), c === k.Destroy && this.backgroundThreadMap.delete(d);
+      if (g === Z) {
+        for (const l of this.backgroundThreadMap.values())
+          await l.on(c);
+        h === y.Destroy && this.backgroundThreadMap.clear();
         continue;
       }
-      const v = this.backgroundThreadMap.get(d);
-      v && (v.on(n), c === k.Destroy && this.backgroundThreadMap.delete(d));
+      const I = this.backgroundThreadMap.get(g);
+      I && (await I.on(c), h === y.Destroy && this.backgroundThreadMap.delete(g));
     }
   }
   async consumeTargetOne(e, t) {
@@ -1248,6 +1251,10 @@ class We {
     r && await r.on(t);
   }
   destroy() {
+    var e;
+    (e = this.snapshotThread) == null || e.destroy(), this.snapshotThread = void 0;
+    for (const t of this.backgroundThreadMap.values())
+      t.destroy();
     this.backgroundThreadMap.clear();
   }
 }