@realsee/dnalogel 3.78.0-alpha.1 → 3.78.0-alpha.3

package/libs/PanoTagPlugin/controller/Tag/MaskTag.js

@@ -1,34 +1,36 @@
-var S = Object.defineProperty;
-var E = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
-var w = (o, r, e) => r in o ? S(o, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[r] = e, M = (o, r) => {
-  for (var e in r || (r = {}))
-    I.call(r, e) && w(o, e, r[e]);
-  if (E)
-    for (var e of E(r))
-      F.call(r, e) && w(o, e, r[e]);
-  return o;
+var F = Object.defineProperty;
+var R = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
+var E = (m, c, e) => c in m ? F(m, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[c] = e, v = (m, c) => {
+  for (var e in c || (c = {}))
+    B.call(c, e) && E(m, e, c[e]);
+  if (R)
+    for (var e of R(c))
+      A.call(c, e) && E(m, e, c[e]);
+  return m;
 };
-var c = (o, r, e) => (w(o, typeof r != "symbol" ? r + "" : r, e), e);
-var v = (o, r, e) => new Promise((t, s) => {
-  var a = (l) => {
+var x = (m, c, e) => (E(m, typeof c != "symbol" ? c + "" : c, e), e);
+var S = (m, c, e) => new Promise((s, t) => {
+  var o = (l) => {
     try {
-      i(e.next(l));
-    } catch (u) {
-      s(u);
+      r(e.next(l));
+    } catch (n) {
+      t(n);
     }
-  }, n = (l) => {
+  }, i = (l) => {
     try {
-      i(e.throw(l));
-    } catch (u) {
-      s(u);
+      r(e.throw(l));
+    } catch (n) {
+      t(n);
     }
-  }, i = (l) => l.done ? t(l.value) : Promise.resolve(l.value).then(a, n);
-  i((e = e.apply(o, r)).next());
+  }, r = (l) => l.done ? s(l.value) : Promise.resolve(l.value).then(o, i);
+  r((e = e.apply(m, c)).next());
 });
-import { BaseTag as P } from "./BaseTag.js";
-import * as m from "three";
-import { maskVertexShader as V, maskFragmentShader as R } from "./MaskTag.shaders.js";
+import { BaseTag as D } from "./BaseTag.js";
+import * as g from "three";
+import { anime as $ } from "../../../vendor/animejs/lib/anime.es.js";
+import { maskVertexShader as z, maskFragmentShaderMulti as G } from "./MaskTag.shaders.js";
+import { transformPosition as L } from "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/Subscribe.js";
 import "../../utils/tag/calculateTagConfig.js";
 import "../../../vendor/object-assign-deep/objectAssignDeep.js";
@@ -43,7 +45,6 @@ import "../../../shared-utils/five/getFiveModel.js";
 import "../../../shared-utils/Utils/FiveUtil.js";
 import "../../../shared-utils/Utils/BaseUtil.js";
 import "../../../shared-utils/Utils/WorkUtil.js";
-import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/three/temp.js";
 import "../../../shared-utils/three/core/Raycaster.js";
 import "../../../shared-utils/dom/resizeObserver.js";
@@ -67,7 +68,6 @@ import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/three/core/Five_LineMaterial2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "../../../shared-utils/three/blink.js";
-import "../../../vendor/animejs/lib/anime.es.js";
 import "../../../shared-utils/util.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
@@ -114,94 +114,263 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-function C(o) {
-  if (Array.isArray(o))
-    return o;
-  if (typeof o == "number")
-    return [o >> 16 & 255, o >> 8 & 255, o & 255];
-  if (typeof o == "string") {
-    let r = o.trim().replace(/^#/, "");
-    if (r.length === 3 && (r = r[0] + r[0] + r[1] + r[1] + r[2] + r[2]), r.length === 6) {
-      const e = parseInt(r.substring(0, 2), 16), t = parseInt(r.substring(2, 4), 16), s = parseInt(r.substring(4, 6), 16);
-      if (!isNaN(e) && !isNaN(t) && !isNaN(s))
-        return [e, t, s];
+function w(m) {
+  if (Array.isArray(m))
+    return m;
+  if (typeof m == "number")
+    return [m >> 16 & 255, m >> 8 & 255, m & 255];
+  if (typeof m == "string") {
+    let c = m.trim().replace(/^#/, "");
+    if (c.length === 3 && (c = c[0] + c[0] + c[1] + c[1] + c[2] + c[2]), c.length === 6) {
+      const e = parseInt(c.substring(0, 2), 16), s = parseInt(c.substring(2, 4), 16), t = parseInt(c.substring(4, 6), 16);
+      if (!isNaN(e) && !isNaN(s) && !isNaN(t))
+        return [e, s, t];
     }
-    console.warn("[MaskTag] Invalid hex color string:", o);
+    console.warn("[MaskTag] Invalid hex color string:", m);
   }
   return [0, 0, 0];
 }
-const h = class extends P {
-  constructor(e, t) {
-    super(e, t);
+const h = class extends D {
+  constructor(e, s) {
+    var i;
+    super(e, s);
     /**
      * mask 图片 URL 或 Canvas 元素（2:1 全景图格式）
      */
-    c(this, "maskUrl");
+    x(this, "maskUrl");
     /**
      * 目标颜色（RGB 格式）
      */
-    c(this, "targetColor");
+    x(this, "targetColor");
     /**
      * mask 渲染的 mesh 对象（使用 Sphere）
      */
-    c(this, "maskMesh");
+    x(this, "maskMesh");
     /**
      * mask 纹理对象
      */
-    c(this, "maskTexture");
+    x(this, "maskTexture");
     /**
      * 是否正在加载 mask
      */
-    c(this, "loadingMask", !1);
+    x(this, "loadingMask", !1);
     /**
      * 资源是否已释放
      */
-    c(this, "_disposed", !1);
+    x(this, "_disposed", !1);
     /**
      * 标签样式配置
      */
-    c(this, "tagStyle");
+    x(this, "tagStyle");
     /**
      * 点击事件清理函数
      */
-    c(this, "clickEventDispose");
-    const s = t.mask;
-    s instanceof HTMLCanvasElement ? this.maskUrl = s : typeof s == "string" && s ? this.maskUrl = s : this.maskUrl = "";
-    const a = t.color;
-    this.targetColor = C(a), a || console.warn(`[MaskTag] No color provided for tag ${t.id}, using default [0, 0, 0]`), this.tagStyle = t.style, this.updateVisible(), this.currentVisible ? this.initializeMaskMesh() : console.log(`[MaskTag] Tag ${t.id} is not visible initially`);
+    x(this, "clickEventDispose");
+    /** 当前 tag 在共享 style 纹理中的下标（color 即 id） */
+    x(this, "sharedStyleIndex", -1);
+    /** 共享 mesh 的 registry key，用于 updateMaskStyle / dispose 查找 entry */
+    x(this, "_sharedMeshKey", null);
+    const t = (i = s.mask) != null ? i : s.maskUrl;
+    this.maskUrl = t instanceof HTMLCanvasElement || typeof t == "string" && t ? t : "";
+    const o = s.color;
+    this.targetColor = w(o), o || console.warn(`[MaskTag] No color provided for tag ${s.id}, using default [0, 0, 0]`), this.tagStyle = s.style, this.updateVisible(), this.currentVisible && this.initializeMaskMesh();
+  }
+  getColorKey() {
+    return `${this.targetColor[0]},${this.targetColor[1]},${this.targetColor[2]}`;
+  }
+  /** 同点位共用一个 mesh，key 仅用 panoIndex（string/canvas 切换时不会因 key 不同而重复创建） */
+  static getMeshKey(e) {
+    return String(e);
+  }
+  /**
+   * 初始化/挂载到同点位共享 mesh，用 appendStyleToMaterial 注册本 tag 的 style（color 即 id）
+   */
+  initializeMaskMesh() {
+    return S(this, null, function* () {
+      var s;
+      if (this._disposed || !this.maskUrl)
+        return;
+      const e = (s = this.fiveState) == null ? void 0 : s.panoIndex;
+      if (typeof e == "number") {
+        this.loadingMask = !0;
+        try {
+          const t = yield h.loadMaskTexture(this.maskUrl);
+          this.maskTexture = t;
+          const o = h.getMeshKey(e);
+          this._sharedMeshKey = o;
+          let i = h.sharedMeshRegistry.get(o);
+          const r = this.getColorKey(), l = this.buildStyleForMaterial();
+          i ? i.maskSource !== this.maskUrl && (h.releaseMaskTexture(i.maskSource), i.maskTexture = t, i.maskSource = this.maskUrl, i.material.uniforms.map.value = t) : (i = h.createSharedMesh(t, this.maskUrl, this.plugin), h.sharedMeshRegistry.set(o, i), this.plugin.imagePlaneGroup.add(i.mesh));
+          const n = i.styleIndexByColorKey.get(r);
+          n !== void 0 ? (this.sharedStyleIndex = n, this.maskMesh = i.mesh, this.updateStyleSlotInMaterial(i.material, n, l)) : (i.tagsByColorKey.set(r, this), this.appendStyleToMaterial(i.material, l), this.sharedStyleIndex = i.tagsByColorKey.size - 1, i.styleIndexByColorKey.set(r, this.sharedStyleIndex), this.maskMesh = i.mesh), this.setupSharedMeshRaycast(i), this.updateMeshTransform(), this.setupClickEvents(), this.updateScreenPosition(), i.mesh.visible = !0;
+        } finally {
+          this.loadingMask = !1;
+        }
+      }
+    });
+  }
+  /** 构建用于 mergedTexture 的 style 对象（color 作 id），tolerance 0–255 */
+  buildStyleForMaterial() {
+    const e = this.getMaskStyle(), s = e.tolerance, t = s <= 1 ? s * 255 : s;
+    return {
+      color: [this.targetColor[0], this.targetColor[1], this.targetColor[2], 1],
+      tolerance: t,
+      highlightColor: e.highlightColor,
+      opacity: this.enabled && this.visible ? e.opacity : 0
+    };
+  }
+  static createSharedMesh(e, s, t) {
+    const r = Math.max(1, Math.ceil(Math.sqrt(0))), l = 1, n = new Float32Array(r * l * 4), a = new g.DataTexture(n, r, l, g.RGBAFormat, g.FloatType);
+    a.needsUpdate = !0;
+    const d = new g.ShaderMaterial({
+      vertexShader: z,
+      fragmentShader: G,
+      uniforms: {
+        map: { value: e },
+        mergedTexture: { value: a },
+        groupCount: { value: 0 },
+        textureWidth: { value: r },
+        pixelsPerGroup: { value: 3 }
+      },
+      depthWrite: !1,
+      depthTest: !1,
+      transparent: !0
+    }), u = new g.SphereGeometry(1, 60, 40);
+    u.rotateY(-Math.PI / 2), u.scale(-1, 1, 1);
+    const p = new g.Mesh(u, d);
+    return p.renderOrder = -1e3, p.__maskMesh = !0, {
+      mesh: p,
+      material: d,
+      maskTexture: e,
+      maskSource: s,
+      tagsByColorKey: /* @__PURE__ */ new Map(),
+      styleIndexByColorKey: /* @__PURE__ */ new Map()
+    };
+  }
+  /** 仅更新材质中某一 slot 的 style（用于 enable/disable/updateMaskStyle） */
+  updateStyleSlotInMaterial(e, s, t) {
+    const i = e.uniforms.mergedTexture.value, r = i.image.data, n = s * 3, a = n * 4;
+    r[a] = t.color[0] / 255, r[a + 1] = t.color[1] / 255, r[a + 2] = t.color[2] / 255, r[a + 3] = t.color[3];
+    const d = (n + 1) * 4;
+    r[d] = t.tolerance / 255, r[d + 1] = t.highlightColor[0] / 255, r[d + 2] = t.highlightColor[1] / 255, r[d + 3] = t.highlightColor[2] / 255;
+    const u = (n + 2) * 4;
+    r[u] = t.opacity, i.needsUpdate = !0, this.five.needsRender = !0;
+  }
+  setupSharedMeshRaycast(e) {
+    const s = e.mesh;
+    if (s.__maskRaycastSet)
+      return;
+    s.__maskRaycastSet = !0;
+    let t = null, o = null;
+    const i = () => {
+      const l = e.maskTexture;
+      if (!(l != null && l.image))
+        return null;
+      if (o === l && t)
+        return t;
+      o = l;
+      try {
+        const n = document.createElement("canvas"), a = n.getContext("2d");
+        if (!a)
+          return null;
+        const d = l.image;
+        return n.width = d.width, n.height = d.height, a.drawImage(d, 0, 0), t = a.getImageData(0, 0, d.width, d.height), t;
+      } catch (n) {
+        return null;
+      }
+    }, r = s.raycast.bind(s);
+    s.raycast = (l, n) => {
+      var k, I;
+      const a = [];
+      if (r(l, a), a.length === 0)
+        return;
+      const d = a[0];
+      if (!d.uv || !((k = e.maskTexture) != null && k.image))
+        return;
+      const u = i();
+      if (!u)
+        return;
+      const p = Math.floor(d.uv.x * u.width), y = (Math.floor((1 - d.uv.y) * u.height) * u.width + p) * 4, f = [u.data[y], u.data[y + 1], u.data[y + 2]], M = 0.5 / 255;
+      for (const [, T] of e.tagsByColorKey) {
+        if (!T.enabled || ((I = T.config) == null ? void 0 : I.clickable) === !1)
+          continue;
+        const [K, P, U] = T.targetColor;
+        if (Math.abs(f[0] / 255 - K / 255) + Math.abs(f[1] / 255 - P / 255) + Math.abs(f[2] / 255 - U / 255) <= M) {
+          s.userData.__lastHitTag = T, n.push(d);
+          return;
+        }
+      }
+    };
   }
   /**
    * 计算法向量
    * Mask 标签返回向上的法向量（因为是贴在 cube 面上）
    */
   computeNormal() {
-    return new m.Vector3(0, 1, 0);
+    return new g.Vector3(0, 1, 0);
   }
   /**
-   * 获取额外的闪烁目标
-   * 返回 maskMesh 用于 blink 动画
+   * 不把共享 mesh 作为 blink 目标，闪烁通过本 tag 的 style opacity 动画实现
    */
   getAdditionalBlinkTargets() {
-    return this.maskMesh || null;
+    return null;
+  }
+  /**
+   * 闪烁仅针对本 tag：通过改变本 tag 在 merged texture 中的 opacity 实现
+   */
+  blink(e) {
+    return S(this, null, function* () {
+      var a, d, u;
+      if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
+        return;
+      const s = h.sharedMeshRegistry.get(this._sharedMeshKey);
+      if (!s)
+        return;
+      const i = { opacity: this.buildStyleForMaterial().opacity }, r = (a = e == null ? void 0 : e.duration) != null ? a : 300, l = (d = e == null ? void 0 : e.loop) != null ? d : 4, n = $({
+        targets: i,
+        opacity: [0, 1],
+        duration: r,
+        easing: (u = e == null ? void 0 : e.easing) != null ? u : "easeInOutQuad",
+        direction: "alternate",
+        loop: l,
+        update: () => {
+          const p = this.buildStyleForMaterial();
+          p.opacity = i.opacity, this.updateStyleSlotInMaterial(s.material, this.sharedStyleIndex, p);
+        }
+      });
+      try {
+        yield n.finished;
+      } catch (p) {
+      } finally {
+        this.updateMaskStyle();
+      }
+    });
   }
   /**
    * 更新标签数据
    */
-  set(e, t = !0) {
-    super.set(e, t), e.style && (this.tagStyle = M(M({}, this.tagStyle), e.style)), e.mask && (this.maskUrl = e.mask, this.reloadMask()), e.color !== void 0 && (this.targetColor = C(e.color), this.updateMaskStyle());
+  set(e, s = !0) {
+    var o, i;
+    super.set(e, s), e.style && (this.tagStyle = v(v({}, this.tagStyle), e.style), (o = e.style) != null && o.mask && this.updateMaskStyle());
+    const t = (i = e.mask) != null ? i : e.maskUrl;
+    t && t !== this.maskUrl && (this.maskUrl = t, this.updateSharedMeshTexture()), e.color !== void 0 && (this.targetColor = w(e.color), this.updateMaskStyle()), this.maskMesh && this.updateMaskStyle();
+  }
+  /** 供 rebuildEntryMaterial 使用：返回当前 tag 的 style 对象 */
+  getStyleForMaterial() {
+    return this.buildStyleForMaterial();
   }
   /**
    * 重写 getVisible 方法
    * Mask 标签仅在当前点位可见
    */
   getVisible(e) {
-    var t;
+    var s;
     try {
       if (!this.enabled || !this.plugin.state.enabled || !this.fiveUtil.model || !this.maskUrl)
         return !1;
-      const s = M(M({}, this.five.getCurrentState()), e), { panoIndex: a } = s;
-      return a !== ((t = this.fiveState) == null ? void 0 : t.panoIndex) ? !1 : super.getVisible(s);
-    } catch (s) {
+      const t = v(v({}, this.five.getCurrentState()), e), { panoIndex: o } = t;
+      return o !== ((s = this.fiveState) == null ? void 0 : s.panoIndex) ? !1 : super.getVisible(t);
+    } catch (t) {
       return !1;
     }
   }
@@ -210,24 +379,17 @@ const h = class extends P {
    * 增加 Mask 特有的可见性检查逻辑，用于 whyHide 功能
    */
   computeVisible(e) {
-    var a, n, i;
-    const t = M(M({}, this.five.getCurrentState()), e), { panoIndex: s } = t;
-    return this.maskUrl ? s !== ((a = this.fiveState) == null ? void 0 : a.panoIndex) ? {
+    var o, i, r;
+    const s = v(v({}, this.five.getCurrentState()), e), { panoIndex: t } = s;
+    return t !== ((o = this.fiveState) == null ? void 0 : o.panoIndex) ? {
       value: !1,
       reason: {
         type: "panoIndex mismatch",
-        detail: `Mask 标签仅在当前点位可见。当前点位: ${s}, 标签点位: ${(n = this.fiveState) == null ? void 0 : n.panoIndex}`,
-        currentPanoIndex: s,
-        tagPanoIndex: (i = this.fiveState) == null ? void 0 : i.panoIndex
+        detail: `Mask 标签仅在当前点位可见。当前点位: ${t}, 标签点位: ${(i = this.fiveState) == null ? void 0 : i.panoIndex}`,
+        currentPanoIndex: t,
+        tagPanoIndex: (r = this.fiveState) == null ? void 0 : r.panoIndex
       }
-    } : super.computeVisible(e) : {
-      value: !1,
-      reason: {
-        type: "maskUrl invalid",
-        detail: `Mask 标签 ${this.id} 的 maskUrl 无效`,
-        maskUrl: this.maskUrl
-      }
-    };
+    } : super.computeVisible(e);
   }
   /**
    * 点击事件处理
@@ -241,9 +403,9 @@ const h = class extends P {
   unfoldAndFoldOthers() {
     if (this.isPopoverConfigEnabled())
       return;
-    const e = this.can("fold"), t = this.can("unfold");
-    e && t && (this.state.unfolded = !this.state.unfolded, this.manuallyOperated = !0, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((s) => {
-      s.id !== this.id && s.fold();
+    const e = this.can("fold"), s = this.can("unfold");
+    e && s && (this.state.unfolded = !this.state.unfolded, this.manuallyOperated = !0, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((t) => {
+      t.id !== this.id && t.fold();
     }));
   }
   /**
@@ -264,8 +426,8 @@ const h = class extends P {
   setUnfold(e) {
     if (this.isPopoverConfigEnabled())
       return;
-    const t = this.can("fold"), s = this.can("unfold");
-    t && s && (this.state.unfolded = e, this.hooks.emit(e ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
+    const s = this.can("fold"), t = this.can("unfold");
+    s && t && (this.state.unfolded = e, this.hooks.emit(e ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
   }
   /**
    * 更新屏幕位置
@@ -275,27 +437,25 @@ const h = class extends P {
       this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
       return;
     }
-    const t = new m.Vector3(...this.position).clone().project(this.five.camera);
+    const s = new g.Vector3(...this.position).clone().project(this.five.camera);
     if (this.five.renderer) {
-      const s = this.five.renderer.getSize(new m.Vector2());
+      const t = this.five.renderer.getSize(new g.Vector2());
       this.screenPosition = {
-        leftPx: (t.x + 1) / 2 * s.x,
-        topPx: (-t.y + 1) / 2 * s.y,
+        leftPx: (s.x + 1) / 2 * t.x,
+        topPx: (-s.y + 1) / 2 * t.y,
         scale: 1
       };
     }
     this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
   /**
-   * 应用可见性变化
+   * 应用可见性变化（通过 style opacity 控制展示，共享 mesh 保持 visible）
    */
   applyVisible() {
     try {
-      if (!this.maskUrl) {
-        console.warn(`[MaskTag] ${this.id} cannot apply visible: maskUrl is invalid`);
+      if (!this.maskUrl)
         return;
-      }
-      this.visible && !this.maskMesh && !this.loadingMask && this.initializeMaskMesh(), this.maskMesh && (this.maskMesh.visible = this.visible, this.updateMeshTransform()), this.updateScreenPosition();
+      this.visible && !this.loadingMask && this.initializeMaskMesh(), this.maskMesh && (this.updateMaskStyle(), this.updateMeshTransform()), this.updateScreenPosition();
     } catch (e) {
       console.error(`[MaskTag] Error in applyVisible for tag ${this.id}:`, e);
     }
@@ -305,113 +465,83 @@ const h = class extends P {
    * 参考 itemMask 实现
    */
   updateMeshTransform() {
-    var s;
+    var r;
     if (!this.maskMesh)
       return;
-    const e = (s = this.fiveState) == null ? void 0 : s.panoIndex;
+    const e = (r = this.fiveState) == null ? void 0 : r.panoIndex;
     if (e === void 0)
       return;
-    const t = this.workUtil.getObserver(e);
-    t && (this.maskMesh.position.copy(t.position), this.maskMesh.quaternion.copy(t.quaternion), this.five.needsRender = !0);
+    const s = this.workUtil.getObserver(e);
+    if (!s)
+      return;
+    this.maskMesh.position.copy(L(s.position, this.workUtil.transform)), this.maskMesh.quaternion.copy(s.quaternion);
+    const t = new g.Vector3(), o = new g.Quaternion(), i = new g.Vector3();
+    this.workUtil.transform.decompose(t, o, i), this.maskMesh.quaternion.multiply(o), this.five.needsRender = !0;
   }
   /**
-   * 初始化 Mask Mesh（使用 Sphere）
+   * 步骤1：从材质中解析出 styleList
+   * @param {THREE.ShaderMaterial} material - 目标材质
+   * @returns {Array} 解析后的 styleList
    */
-  initializeMaskMesh() {
-    return v(this, null, function* () {
-      if (this.maskMesh || this.loadingMask || !this.maskUrl)
-        return;
-      this.loadingMask = !0;
-      const e = performance.now();
-      try {
-        this.maskTexture = yield h.loadMaskTexture(this.maskUrl), this.maskMesh = this.createSphereMesh(this.maskTexture), this.plugin.imagePlaneGroup.add(this.maskMesh), this.applyVisible(), this.five.needsRender = !0, this.setupClickEvents(), this.updateScreenPosition();
-        const t = performance.now() - e;
-        console.log(`[MaskTag Performance] Mesh initialized in ${t.toFixed(2)}ms for tag ${this.id}`);
-      } catch (t) {
-        console.error("[MaskTag] Failed to initialize mask mesh:", t);
-      } finally {
-        this.loadingMask = !1;
-      }
-    });
+  parseStyleListFromMaterial(e) {
+    const s = e.uniforms, t = s.groupCount.value, o = s.pixelsPerGroup.value, r = s.mergedTexture.value.image.data, l = [];
+    for (let n = 0; n < t; n++) {
+      const a = n * o, d = a * 4, u = r[d] * 255, p = r[d + 1] * 255, C = r[d + 2] * 255, y = r[d + 3], f = (a + 1) * 4, M = r[f] * 255, k = r[f + 1] * 255, I = r[f + 2] * 255, T = r[f + 3] * 255, K = (a + 2) * 4, P = r[K];
+      l.push({
+        color: [Math.round(u), Math.round(p), Math.round(C), y],
+        tolerance: Math.round(M),
+        highlightColor: [Math.round(k), Math.round(I), Math.round(T)],
+        opacity: P
+      });
+    }
+    return l;
   }
   /**
-   * 创建 Sphere mesh（参考 itemMask 实现）
+   * 步骤2：更新材质的样式纹理（追加新元素后）
+   * @param {THREE.ShaderMaterial} material - 目标材质
+   * @param {Array} newStyle - 要追加的新样式对象
    */
-  createSphereMesh(e) {
-    const t = this.getMaskStyle(), s = new m.Vector4(this.targetColor[0] / 255, this.targetColor[1] / 255, this.targetColor[2] / 255, 1), a = new m.ShaderMaterial({
-      vertexShader: V,
-      fragmentShader: R,
-      uniforms: {
-        map: { value: e },
-        color: { value: s },
-        tolerance: { value: t.tolerance / 255 },
-        // 归一化容差
-        highlightColor: {
-          value: new m.Vector3(t.highlightColor[0] / 255, t.highlightColor[1] / 255, t.highlightColor[2] / 255)
-        },
-        opacity: { value: t.opacity }
-      },
-      depthWrite: !1,
-      depthTest: !1,
-      transparent: !0
-    }), n = new m.SphereGeometry(1, 60, 40);
-    n.rotateY(-Math.PI / 2), n.scale(-1, 1, 1);
-    const i = new m.Mesh(n, a);
-    i.renderOrder = -1e3;
-    let l = null;
-    const u = () => {
-      if (l)
-        return l;
-      if (!e.image)
-        return null;
-      try {
-        const f = document.createElement("canvas"), d = f.getContext("2d");
-        if (!d)
-          return null;
-        const p = e.image;
-        return f.width = p.width, f.height = p.height, d.drawImage(p, 0, 0), l = d.getImageData(0, 0, p.width, p.height), l;
-      } catch (f) {
-        return console.error("[MaskTag] Failed to get image data:", f), null;
-      }
-    }, g = i.raycast.bind(i);
-    return i.raycast = (f, d) => {
-      const p = [];
-      if (g(f, p), p.length > 0) {
-        const y = p[0];
-        if (y.uv && e.image) {
-          const k = u();
-          if (k) {
-            const U = Math.floor(y.uv.x * k.width), T = (Math.floor((1 - y.uv.y) * k.height) * k.width + U) * 4, b = [k.data[T], k.data[T + 1], k.data[T + 2]];
-            Math.abs(b[0] / 255 - this.targetColor[0] / 255) + Math.abs(b[1] / 255 - this.targetColor[1] / 255) + Math.abs(b[2] / 255 - this.targetColor[2] / 255) < t.tolerance && d.push(y);
-          }
-        }
-      }
-    }, i.__maskTag = this.id, i.__maskMesh = !0, i;
+  appendStyleToMaterial(e, s) {
+    const t = this.parseStyleListFromMaterial(e);
+    Array.isArray(s) ? t.push(...s) : t.push(s);
+    const o = t.length, i = 3, l = o * i, n = 1, a = new Float32Array(l * n * 4);
+    t.forEach((p, C) => {
+      const y = C * i, f = y * 4;
+      a[f] = p.color[0] / 255, a[f + 1] = p.color[1] / 255, a[f + 2] = p.color[2] / 255, a[f + 3] = p.color[3];
+      const M = (y + 1) * 4;
+      a[M] = p.tolerance / 255, a[M + 1] = p.highlightColor[0] / 255, a[M + 2] = p.highlightColor[1] / 255, a[M + 3] = p.highlightColor[2] / 255;
+      const k = (y + 2) * 4;
+      a[k] = p.opacity, a[k + 1] = 0, a[k + 2] = 0, a[k + 3] = 0;
+    });
+    const d = e.uniforms.mergedTexture.value, u = d.image;
+    u.data = a, u.width = l, u.height = n, d.needsUpdate = !0, e.uniforms.groupCount.value = o, e.uniforms.textureWidth.value = l, console.log(`成功追加样式，当前总组数：${o}`);
   }
   /**
    * 获取 Mask 样式配置（合并用户配置和默认值）
    */
   getMaskStyle() {
-    var s, a, n;
-    const e = ((s = this.tagStyle) == null ? void 0 : s.mask) || {};
-    let t = [86, 134, 253];
-    return e.color !== void 0 ? t = C(e.color) : e.highlightColor !== void 0 && (t = C(e.highlightColor)), {
-      tolerance: (a = e.tolerance) != null ? a : 1e-3,
+    var t, o, i;
+    const e = ((t = this.tagStyle) == null ? void 0 : t.mask) || {};
+    let s = [255, 255, 255];
+    return e.color !== void 0 ? s = w(e.color) : e.highlightColor !== void 0 && (s = w(e.highlightColor)), {
+      tolerance: (o = e.tolerance) != null ? o : 1e-3,
       // 参考 itemMask 默认 0.001（归一化后的值）
-      highlightColor: t,
-      opacity: (n = e.opacity) != null ? n : 0.6
+      highlightColor: s,
+      opacity: (i = e.opacity) != null ? i : 0.6
       // 默认 0.6（用于填充区域）
     };
   }
   /**
-   * 设置点击事件
+   * 设置点击事件（仅当 raycast 命中本 tag 的 color 时触发）
    */
   setupClickEvents() {
-    if (!this.maskMesh || this.config.clickable === !1)
+    var s;
+    if (!this.maskMesh || ((s = this.config) == null ? void 0 : s.clickable) === !1)
       return;
     this.cleanupClickEvents();
     const e = (t) => {
-      this.plugin.hooks.emit("click", { event: t, target: "TagMaskModel", tag: this });
+      var i, r;
+      ((r = (i = this.maskMesh) == null ? void 0 : i.userData) == null ? void 0 : r.__lastHitTag) === this && this.plugin.hooks.emit("click", { event: t, target: "TagMaskModel", tag: this });
     };
     requestAnimationFrame(() => {
       !this.maskMesh || !this.plugin.domEvents || (this.clickEventDispose = this.addObjectClickHandler(this, this.maskMesh, e));
@@ -424,25 +554,49 @@ const h = class extends P {
     this.clickEventDispose && (this.clickEventDispose(), this.clickEventDispose = void 0);
   }
   /**
-   * 重新加载 mask 图
+   * 重新加载 mask 图：从旧点位 mesh 注销，再按新 maskUrl 初始化
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- 保留参数与 set() 调用一致
+  reloadMask(e) {
+    var i;
+    const s = (i = this.fiveState) == null ? void 0 : i.panoIndex, t = this.getColorKey(), o = typeof s == "number" ? h.getMeshKey(s) : this._sharedMeshKey;
+    if (o) {
+      const r = h.sharedMeshRegistry.get(o);
+      r && (r.tagsByColorKey.delete(t), r.styleIndexByColorKey.delete(t), r.tagsByColorKey.size === 0 && (r.mesh.parent && r.mesh.parent.remove(r.mesh), r.mesh.geometry.dispose(), r.mesh.material.dispose(), r.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(r.maskSource), h.sharedMeshRegistry.delete(o)));
+    }
+    this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0, this.visible && !this.loadingMask && this.initializeMaskMesh();
+  }
+  /**
+   * changeTagById 改 mask 时：只更新共享 mesh 的 texture，不 unregister
+   * 有 entry 则换图；无 entry 则走完整初始化
    */
-  reloadMask() {
-    return v(this, null, function* () {
-      this.maskMesh && (this.maskMesh.parent && this.maskMesh.parent.remove(this.maskMesh), this.maskMesh.geometry.dispose(), this.maskMesh.material && (Array.isArray(this.maskMesh.material) ? this.maskMesh.material.forEach((e) => e.dispose()) : this.maskMesh.material.dispose()), this.maskMesh = void 0), this.maskTexture && this.maskUrl && (h.releaseMaskTexture(this.maskUrl), this.maskTexture = void 0), yield this.initializeMaskMesh();
+  updateSharedMeshTexture() {
+    return S(this, null, function* () {
+      var i;
+      if (this._disposed || !this.maskUrl)
+        return;
+      const e = (i = this.fiveState) == null ? void 0 : i.panoIndex;
+      if (typeof e != "number")
+        return;
+      const s = h.getMeshKey(e), t = h.sharedMeshRegistry.get(s);
+      if (!t) {
+        yield this.initializeMaskMesh();
+        return;
+      }
+      if (t.maskSource === this.maskUrl)
+        return;
+      const o = yield h.loadMaskTexture(this.maskUrl);
+      this.maskTexture = o, h.releaseMaskTexture(t.maskSource), t.maskTexture = o, t.maskSource = this.maskUrl, t.material.uniforms.map.value = o, this.five.needsRender = !0;
     });
   }
   /**
-   * 更新 mask 样式
+   * 更新当前 tag 在共享材质中的 style slot（color/style 控制展示）
    */
   updateMaskStyle() {
-    if (!this.maskMesh)
+    if (!this.maskMesh || this._sharedMeshKey === null || this.sharedStyleIndex < 0)
       return;
-    const e = this.getMaskStyle(), t = this.maskMesh.material;
-    t.uniforms && (t.uniforms.color.value.set(this.targetColor[0] / 255, this.targetColor[1] / 255, this.targetColor[2] / 255, 1), t.uniforms.tolerance.value = e.tolerance / 255, t.uniforms.highlightColor.value.set(
-      e.highlightColor[0] / 255,
-      e.highlightColor[1] / 255,
-      e.highlightColor[2] / 255
-    ), t.uniforms.opacity.value = e.opacity), this.five.needsRender = !0;
+    const e = h.sharedMeshRegistry.get(this._sharedMeshKey);
+    e && this.updateStyleSlotInMaterial(e.material, this.sharedStyleIndex, this.buildStyleForMaterial());
   }
   /**
    * 更新 Canvas 纹理（仅当 maskUrl 为 Canvas 时有效）
@@ -453,13 +607,22 @@ const h = class extends P {
       console.warn("[MaskTag] updateCanvasTexture only works for Canvas-based masks");
       return;
     }
-    this.maskTexture instanceof m.CanvasTexture && (this.maskTexture.needsUpdate = !0, this.five.needsRender = !0, console.log("[MaskTag] Canvas texture updated"));
+    this.maskTexture instanceof g.CanvasTexture && (this.maskTexture.needsUpdate = !0, this.five.needsRender = !0, console.log("[MaskTag] Canvas texture updated"));
   }
   /**
-   * 清理 MaskTag 特有的资源（内部方法，避免重复调用）
+   * 清理当前标签：从共享材质中删除本 tag 的样式槽，并更新材质；
+   * 若该点位已无其他 tag 则销毁 mesh 并释放纹理。
    */
   disposeMaskResources() {
-    this._disposed || (this._disposed = !0, this.cleanupClickEvents(), this.maskMesh && (this.maskMesh.parent && this.maskMesh.parent.remove(this.maskMesh), this.maskMesh.geometry.dispose(), this.maskMesh.material && (Array.isArray(this.maskMesh.material) ? this.maskMesh.material.forEach((e) => e.dispose()) : this.maskMesh.material.dispose()), this.maskMesh = void 0), this.maskTexture && this.maskUrl && (h.releaseMaskTexture(this.maskUrl), this.maskTexture = void 0));
+    if (this._disposed)
+      return;
+    this._disposed = !0, this.cleanupClickEvents();
+    const e = this._sharedMeshKey, s = this.getColorKey();
+    if (e) {
+      const t = h.sharedMeshRegistry.get(e);
+      t && (t.tagsByColorKey.delete(s), t.styleIndexByColorKey.delete(s), t.tagsByColorKey.size === 0 ? (t.mesh.parent && t.mesh.parent.remove(t.mesh), t.mesh.geometry.dispose(), t.mesh.material.dispose(), t.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(t.maskSource), h.sharedMeshRegistry.delete(e)) : h.rebuildEntryMaterial(t));
+    }
+    this.maskMesh = void 0, this._sharedMeshKey = null, this.sharedStyleIndex = -1, this.maskTexture = void 0;
   }
   /**
    * 清理 MaskTag 特有的资源（公开方法）
@@ -468,10 +631,16 @@ const h = class extends P {
     this.disposeMaskResources();
   }
   /**
-   * 禁用标签（重写父类方法）
+   * 禁用标签（通过 style opacity=0 隐藏，不拆 mesh）
    */
   disable() {
-    this.maskMesh && (this.maskMesh.visible = !1), super.disable();
+    super.disable(), this.updateMaskStyle();
+  }
+  /**
+   * 启用标签（恢复 style 展示）
+   */
+  enable() {
+    super.enable(), this.updateMaskStyle();
   }
   /**
    * 销毁标签（重写父类方法）
@@ -479,6 +648,44 @@ const h = class extends P {
   destroy() {
     this.disposeMaskResources(), super.destroy();
   }
+  /**
+   * 清除所有点位共享 mesh（重新 load 数据前调用）
+   */
+  static clearSharedMeshRegistry() {
+    h.sharedMeshRegistry.forEach((e) => {
+      e.tagsByColorKey.forEach((s) => {
+        s.maskMesh = void 0, s._sharedMeshKey = null, s.sharedStyleIndex = -1;
+      }), e.mesh.parent && e.mesh.parent.remove(e.mesh), e.mesh.geometry.dispose(), e.mesh.material.dispose(), e.material.uniforms.mergedTexture.value.dispose(), h.releaseMaskTexture(e.maskSource);
+    }), h.sharedMeshRegistry.clear();
+  }
+  /**
+   * 将 style 列表写入材质（用于重建材质）
+   */
+  static writeStyleListToMaterial(e, s) {
+    const t = s.length, o = 3, r = t * o, l = 1, n = new Float32Array(r * l * 4);
+    s.forEach((u, p) => {
+      const C = p * o, y = C * 4;
+      n[y] = u.color[0] / 255, n[y + 1] = u.color[1] / 255, n[y + 2] = u.color[2] / 255, n[y + 3] = u.color[3];
+      const f = (C + 1) * 4;
+      n[f] = u.tolerance / 255, n[f + 1] = u.highlightColor[0] / 255, n[f + 2] = u.highlightColor[1] / 255, n[f + 3] = u.highlightColor[2] / 255;
+      const M = (C + 2) * 4;
+      n[M] = u.opacity;
+    });
+    const a = e.uniforms.mergedTexture.value, d = a.image;
+    d.data = n, d.width = r, d.height = l, a.needsUpdate = !0, e.uniforms.groupCount.value = t, e.uniforms.textureWidth.value = r;
+  }
+  /**
+   * destroy 后重建该点位材质，更新剩余 tag 的 styleIndex
+   */
+  static rebuildEntryMaterial(e) {
+    const s = Array.from(e.tagsByColorKey.values()).sort((o, i) => o.sharedStyleIndex - i.sharedStyleIndex);
+    if (s.length === 0)
+      return;
+    const t = s.map((o) => o.getStyleForMaterial());
+    h.writeStyleListToMaterial(e.material, t), s.forEach((o, i) => {
+      o.sharedStyleIndex = i, e.styleIndexByColorKey.set(`${o.targetColor[0]},${o.targetColor[1]},${o.targetColor[2]}`, i);
+    });
+  }
   /**
    * 获取 mask 的缓存 key
    * @param maskSource mask URL 或 Canvas
@@ -488,8 +695,8 @@ const h = class extends P {
     if (typeof e == "string")
       return e;
     {
-      let t = h.canvasSymbolMap.get(e);
-      return t || (t = Symbol("canvas-mask"), h.canvasSymbolMap.set(e, t)), t;
+      let s = h.canvasSymbolMap.get(e);
+      return s || (s = Symbol("canvas-mask"), h.canvasSymbolMap.set(e, s)), s;
     }
   }
   /**
@@ -498,48 +705,48 @@ const h = class extends P {
    * @returns Promise<THREE.Texture>
    */
   static loadMaskTexture(e) {
-    return v(this, null, function* () {
-      const t = h.getMaskCacheKey(e), s = h.maskTextureCache.get(t);
-      if (s)
-        return s.refCount++, s.texture;
-      const a = performance.now(), n = new AbortController();
+    return S(this, null, function* () {
+      const s = h.getMaskCacheKey(e), t = h.maskTextureCache.get(s);
+      if (t)
+        return t.refCount++, t.texture;
+      const o = performance.now(), i = new AbortController();
       try {
-        let i;
+        let r;
         if (typeof e == "string") {
-          const g = new m.TextureLoader();
-          i = yield new Promise((f, d) => {
-            if (n.signal.aborted) {
-              d(new Error("Load aborted"));
+          const a = new g.TextureLoader();
+          r = yield new Promise((d, u) => {
+            if (i.signal.aborted) {
+              u(new Error("Load aborted"));
               return;
             }
-            g.load(
+            a.load(
               e,
               (p) => {
-                n.signal.aborted ? (p.dispose(), d(new Error("Load aborted"))) : f(p);
+                i.signal.aborted ? (p.dispose(), u(new Error("Load aborted"))) : d(p);
               },
               void 0,
               (p) => {
-                d(p);
+                u(p);
               }
-            ), n.signal.addEventListener("abort", () => {
-              d(new Error("Load aborted"));
+            ), i.signal.addEventListener("abort", () => {
+              u(new Error("Load aborted"));
             });
           });
         } else
-          i = new m.CanvasTexture(e), i.needsUpdate = !0, console.log("[MaskTag] Created texture from canvas, size:", e.width, "x", e.height);
-        i.wrapS = m.ClampToEdgeWrapping, i.wrapT = m.ClampToEdgeWrapping, i.minFilter = m.LinearFilter, i.magFilter = m.LinearFilter, i.anisotropy = 4, i instanceof m.CanvasTexture && (i.needsUpdate = !0), h.maskTextureCache.set(t, {
-          texture: i,
+          r = new g.CanvasTexture(e), r.needsUpdate = !0, console.log("[MaskTag] Created texture from canvas, size:", e.width, "x", e.height);
+        r.wrapS = g.ClampToEdgeWrapping, r.wrapT = g.ClampToEdgeWrapping, r.minFilter = g.LinearFilter, r.magFilter = g.LinearFilter, r.anisotropy = 4, r instanceof g.CanvasTexture && (r.needsUpdate = !0), h.maskTextureCache.set(s, {
+          texture: r,
           refCount: 1,
-          abortController: n
+          abortController: i
         });
-        const l = performance.now() - a, u = typeof e == "string" ? e.substring(0, 50) : "Canvas";
-        if (console.log(`[MaskTag Performance] Texture loaded in ${l.toFixed(2)}ms, source: ${u}`), i.image) {
-          const g = (i.image.width * i.image.height * 4 / 1048576).toFixed(2);
-          console.log(`[MaskTag Memory] Texture size: ${i.image.width}x${i.image.height}, estimated memory: ${g}MB`);
+        const l = performance.now() - o, n = typeof e == "string" ? e.substring(0, 50) : "Canvas";
+        if (console.log(`[MaskTag Performance] Texture loaded in ${l.toFixed(2)}ms, source: ${n}`), r.image) {
+          const a = (r.image.width * r.image.height * 4 / 1048576).toFixed(2);
+          console.log(`[MaskTag Memory] Texture size: ${r.image.width}x${r.image.height}, estimated memory: ${a}MB`);
         }
-        return i;
-      } catch (i) {
-        throw console.error("[MaskTag] Failed to load mask texture:", typeof e == "string" ? e : "Canvas", i), i;
+        return r;
+      } catch (r) {
+        throw console.error("[MaskTag] Failed to load mask texture:", typeof e == "string" ? e : "Canvas", r), r;
       }
     });
   }
@@ -548,11 +755,11 @@ const h = class extends P {
    * @param maskSource mask 图片 URL 或 Canvas 元素
    */
   static releaseMaskTexture(e) {
-    var a;
-    const t = h.getMaskCacheKey(e), s = h.maskTextureCache.get(t);
-    if (s && (s.refCount--, s.refCount <= 0)) {
-      const n = typeof e == "string" ? e.substring(0, 50) : "Canvas";
-      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${n}`), (a = s.abortController) == null || a.abort(), s.texture.dispose(), h.maskTextureCache.delete(t);
+    var o;
+    const s = h.getMaskCacheKey(e), t = h.maskTextureCache.get(s);
+    if (t && (t.refCount--, t.refCount <= 0)) {
+      const i = typeof e == "string" ? e.substring(0, 50) : "Canvas";
+      console.log(`[MaskTag Memory] Releasing texture (refCount=0): ${i}`), (o = t.abortController) == null || o.abort(), t.texture.dispose(), h.maskTextureCache.delete(s);
     }
   }
   /**
@@ -560,26 +767,26 @@ const h = class extends P {
    * @returns 缓存统计信息
    */
   static getCacheStats() {
-    let e = 0, t = 0;
-    const s = [];
-    return h.maskTextureCache.forEach((a, n) => {
-      e += a.refCount;
-      let i = 0;
-      if (a.texture.image) {
-        const u = a.texture.image.width || 0, g = a.texture.image.height || 0;
-        i = u * g * 4 / (1024 * 1024), t += i;
+    let e = 0, s = 0;
+    const t = [];
+    return h.maskTextureCache.forEach((o, i) => {
+      e += o.refCount;
+      let r = 0;
+      if (o.texture.image) {
+        const n = o.texture.image.width || 0, a = o.texture.image.height || 0;
+        r = n * a * 4 / (1024 * 1024), s += r;
       }
-      const l = typeof n == "string" ? n.substring(0, 80) : "[Canvas]";
-      s.push({
+      const l = typeof i == "string" ? i.substring(0, 80) : "[Canvas]";
+      t.push({
         source: l,
-        refCount: a.refCount,
-        sizeMB: parseFloat(i.toFixed(2))
+        refCount: o.refCount,
+        sizeMB: parseFloat(r.toFixed(2))
       });
     }), {
       totalCached: h.maskTextureCache.size,
       totalRefCount: e,
-      estimatedMemoryMB: parseFloat(t.toFixed(2)),
-      cacheEntries: s
+      estimatedMemoryMB: parseFloat(s.toFixed(2)),
+      cacheEntries: t
     };
   }
   /**
@@ -588,20 +795,21 @@ const h = class extends P {
    */
   static clearAllCache() {
     console.warn("[MaskTag] Clearing all texture cache"), h.maskTextureCache.forEach((e) => {
-      var t;
-      (t = e.abortController) == null || t.abort(), e.texture.dispose();
+      var s;
+      (s = e.abortController) == null || s.abort(), e.texture.dispose();
     }), h.maskTextureCache.clear();
   }
 };
-let x = h;
+let b = h;
 /**
  * Mask 纹理缓存（静态，所有 MaskTag 实例共享）
  * key: mask URL 或 canvas 的 symbol, value: { texture: THREE.Texture, refCount: number, abortController?: AbortController }
  */
-c(x, "maskTextureCache", /* @__PURE__ */ new Map()), /**
+x(b, "maskTextureCache", /* @__PURE__ */ new Map()), /**
  * Canvas 到 Symbol 的映射（用于缓存 canvas 纹理）
  */
-c(x, "canvasSymbolMap", /* @__PURE__ */ new WeakMap());
+x(b, "canvasSymbolMap", /* @__PURE__ */ new WeakMap()), /** 同点位共用 mesh：key = meshKey(panoIndex + maskKey), value = 共享数据 */
+x(b, "sharedMeshRegistry", /* @__PURE__ */ new Map());
 export {
-  x as MaskTag
+  b as MaskTag
 };