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

package/libs/PanoTagPlugin/controller/Tag/MaskTag.d.ts

@@ -5,6 +5,7 @@ import * as THREE from 'three';
 import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Tag } from '../..';
 import type { State as FiveState } from '@realsee/five';
+import type { AnimeParams } from 'animejs';
 export type MaskTagInterface<C extends TagContentType = TagContentType> = TagInstance<C, 'Mask'>;
 /**
  * Mask 类型的标签
@@ -20,6 +21,8 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      * Canvas 到 Symbol 的映射（用于缓存 canvas 纹理）
      */
     private static canvasSymbolMap;
+    /** 同点位共用 mesh：key = meshKey(panoIndex + maskKey), value = 共享数据 */
+    private static sharedMeshRegistry;
     /**
      * mask 图片 URL 或 Canvas 元素（2:1 全景图格式）
      */
@@ -52,21 +55,48 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      * 点击事件清理函数
      */
     private clickEventDispose?;
+    /** 当前 tag 在共享 style 纹理中的下标（color 即 id） */
+    private sharedStyleIndex;
+    /** 共享 mesh 的 registry key，用于 updateMaskStyle / dispose 查找 entry */
+    private _sharedMeshKey;
     constructor(plugin: PanoTagPluginController, tagData: TagData);
+    private getColorKey;
+    /** 同点位共用一个 mesh，key 仅用 panoIndex（string/canvas 切换时不会因 key 不同而重复创建） */
+    private static getMeshKey;
+    /**
+     * 初始化/挂载到同点位共享 mesh，用 appendStyleToMaterial 注册本 tag 的 style（color 即 id）
+     */
+    private initializeMaskMesh;
+    /** 构建用于 mergedTexture 的 style 对象（color 作 id），tolerance 0–255 */
+    private buildStyleForMaterial;
+    private static createSharedMesh;
+    /** 仅更新材质中某一 slot 的 style（用于 enable/disable/updateMaskStyle） */
+    private updateStyleSlotInMaterial;
+    private setupSharedMeshRaycast;
     /**
      * 计算法向量
      * Mask 标签返回向上的法向量（因为是贴在 cube 面上）
      */
     computeNormal(): THREE.Vector3;
     /**
-     * 获取额外的闪烁目标
-     * 返回 maskMesh 用于 blink 动画
+     * 不把共享 mesh 作为 blink 目标，闪烁通过本 tag 的 style opacity 动画实现
      */
     protected getAdditionalBlinkTargets(): any | any[] | null;
+    /**
+     * 闪烁仅针对本 tag：通过改变本 tag 在 merged texture 中的 opacity 实现
+     */
+    blink(animeConfig?: Partial<AnimeParams>): Promise<void>;
     /**
      * 更新标签数据
      */
     set(tag: PartialObjectDeep<Tag<C, 'Mask'>>, deepMerge?: boolean): void;
+    /** 供 rebuildEntryMaterial 使用：返回当前 tag 的 style 对象 */
+    getStyleForMaterial(): {
+        color: number[];
+        tolerance: number;
+        highlightColor: number[];
+        opacity: number;
+    };
     /**
      * 重写 getVisible 方法
      * Mask 标签仅在当前点位可见
@@ -105,7 +135,7 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      */
     updateScreenPosition(): void;
     /**
-     * 应用可见性变化
+     * 应用可见性变化（通过 style opacity 控制展示，共享 mesh 保持 visible）
      */
     applyVisible(): void;
     /**
@@ -114,19 +144,23 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      */
     private updateMeshTransform;
     /**
-     * 初始化 Mask Mesh（使用 Sphere）
+     * 步骤1：从材质中解析出 styleList
+     * @param {THREE.ShaderMaterial} material - 目标材质
+     * @returns {Array} 解析后的 styleList
      */
-    private initializeMaskMesh;
+    private parseStyleListFromMaterial;
     /**
-     * 创建 Sphere mesh（参考 itemMask 实现）
+     * 步骤2：更新材质的样式纹理（追加新元素后）
+     * @param {THREE.ShaderMaterial} material - 目标材质
+     * @param {Array} newStyle - 要追加的新样式对象
      */
-    private createSphereMesh;
+    private appendStyleToMaterial;
     /**
      * 获取 Mask 样式配置（合并用户配置和默认值）
      */
     private getMaskStyle;
     /**
-     * 设置点击事件
+     * 设置点击事件（仅当 raycast 命中本 tag 的 color 时触发）
      */
     private setupClickEvents;
     /**
@@ -134,20 +168,26 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      */
     private cleanupClickEvents;
     /**
-     * 重新加载 mask 图
+     * 重新加载 mask 图：从旧点位 mesh 注销，再按新 maskUrl 初始化
      */
     private reloadMask;
     /**
-     * 更新 mask 样式
+     * changeTagById 改 mask 时：只更新共享 mesh 的 texture，不 unregister
+     * 有 entry 则换图；无 entry 则走完整初始化
+     */
+    private updateSharedMeshTexture;
+    /**
+     * 更新当前 tag 在共享材质中的 style slot（color/style 控制展示）
      */
-    private updateMaskStyle;
+    updateMaskStyle(): void;
     /**
      * 更新 Canvas 纹理（仅当 maskUrl 为 Canvas 时有效）
      * 当 canvas 内容发生变化时，调用此方法更新渲染
      */
     updateCanvasTexture(): void;
     /**
-     * 清理 MaskTag 特有的资源（内部方法，避免重复调用）
+     * 清理当前标签：从共享材质中删除本 tag 的样式槽，并更新材质；
+     * 若该点位已无其他 tag 则销毁 mesh 并释放纹理。
      */
     private disposeMaskResources;
     /**
@@ -155,13 +195,29 @@ export declare class MaskTag<C extends TagContentType = TagContentType> extends
      */
     dispose(): void;
     /**
-     * 禁用标签（重写父类方法）
+     * 禁用标签（通过 style opacity=0 隐藏，不拆 mesh）
      */
     disable(): void;
+    /**
+     * 启用标签（恢复 style 展示）
+     */
+    enable(): void;
     /**
      * 销毁标签（重写父类方法）
      */
     destroy(): void;
+    /**
+     * 清除所有点位共享 mesh（重新 load 数据前调用）
+     */
+    static clearSharedMeshRegistry(): void;
+    /**
+     * 将 style 列表写入材质（用于重建材质）
+     */
+    private static writeStyleListToMaterial;
+    /**
+     * destroy 后重建该点位材质，更新剩余 tag 的 styleIndex
+     */
+    private static rebuildEntryMaterial;
     /**
      * 获取 mask 的缓存 key
      * @param maskSource mask URL 或 Canvas