@realsee/dnalogel 2.12.0-alpha.2 → 2.12.0

package/dist/CSS3DRenderPlugin/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './centerPoint';
 export * from './even';
 export * from './random';
 export * from './positionToVector3';

package/dist/PanoMeasurePlugin/Modules/DeleteDom/index.d.ts

@@ -13,6 +13,7 @@ export default class DeleteDom {
     constructor(five: Five, opts?: {
         onClick?: (e: MouseEvent) => void;
         cancelDelete?: (e: MouseEvent) => void;
+        i18n?: (key: string) => string;
     });
     dispose(): void;
     appendTo(element: Element): this;

package/dist/PanoMeasurePlugin/typings/index.d.ts

@@ -1,5 +1,6 @@
+import { Config as BaseConfig } from '../../base/BasePlugin';
 import type { UserDistanceItem } from '../utils/distanceDom';
-export interface Config {
+export interface Config extends BaseConfig {
     userDistanceItemCreator?: undefined | (() => UserDistanceItem);
     /** 展示 distance DOM 时，使用的转换函数
      * @param distance 单位是 m

package/dist/PanoTagPlugin/controller/{TagCache.d.ts → TagCacheController.d.ts}

@@ -1,22 +1,22 @@
 import type { Five } from '@realsee/five';
 import type { ValueOf } from 'type-fest';
-import type { TagId, TagCacheInterface, EventMap, State } from '../typings';
+import type { TagId, TagCache, State, EventMap } from '../typings';
 import * as BasePlugin from '../../base/BasePlugin';
-export declare abstract class TagCache extends BasePlugin.Controller<State, EventMap> {
+export declare abstract class TagCacheController extends BasePlugin.Controller<State, EventMap> {
     private tagCacheByPanoIndex;
     protected constructor(five: Five);
     protected getCache({ panoIndex }: {
         panoIndex?: number;
-    }): Map<TagId, TagCacheInterface>;
+    }): Map<TagId, TagCache>;
     protected getCache({ panoIndex, id }: {
         panoIndex?: number;
         id: TagId;
-    }): TagCacheInterface;
-    protected getCache({ panoIndex, id, key, }: {
+    }): TagCache;
+    protected getCache({ panoIndex, id, key }: {
         panoIndex?: number;
         id: TagId;
-        key: keyof TagCacheInterface;
-    }): ValueOf<TagCacheInterface> | undefined;
+        key: keyof TagCache;
+    }): ValueOf<TagCache> | undefined;
     protected clearCache(): void;
     protected removeCache(): void;
 }

package/dist/PanoTagPlugin/controller/TagComputer.d.ts

@@ -1,11 +1,22 @@
 import type { Five, Mode } from '@realsee/five';
 import * as THREE from 'three';
-import type { Tag } from '../typings';
+import type { Tag, Tags, TagConfig, ContentTypeConfigKey, PlaneTag, TagElement, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, TagId, ModelElement, TagContentType, StickType } from '../typings';
+import { TagCacheController } from './TagCacheController';
 import { Raycaster } from 'three';
-import { TagUtil } from './TagUtil';
-export declare abstract class TagComputer extends TagUtil {
+export declare abstract class TagComputer extends TagCacheController {
+    tags: TagElement[];
+    config: {
+        globalConfig?: Tags['globalConfig'];
+        contentTypeConfig?: Tags['contentTypeConfig'];
+    };
+    protected get isPanorama(): boolean;
     private raycaster;
     protected constructor(five: Five);
+    getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S> | undefined;
+    /**
+     * @description: 改变类型配置
+     */
+    changeContentTypeConfig(key: ContentTypeConfigKey, contentTypeConfig: TagConfig, merge?: boolean): void;
     /**
      * @description: 获取是否可见
      */
@@ -24,6 +35,19 @@ export declare abstract class TagComputer extends TagUtil {
      * @description: 获取是否展开
      */
     getUnfoldedByCamera(tag: Tag<any, any>): boolean;
+    /**
+     * @description: 获取距离
+     */
+    getDistance(tag: Tag<any, any>, panoIndex?: number): number;
+    /**
+     * @description: 获取角度
+     */
+    getAngle(tag: Point3DTag | PlaneTag, panoIndex?: number): number;
+    /**
+     * @description: 获取merge后的配置
+     */
+    getTagConfig(tag: Tag<any, any>): TagConfig<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
+    protected can(action: 'show' | 'hide' | 'fold' | 'unfold', tag: Tag<any, any>): boolean;
     protected sort<T extends Tag<any, any>>(tags: T[]): T[];
     /**
      * @description: 一个点的标签
@@ -40,6 +64,15 @@ export declare abstract class TagComputer extends TagUtil {
         y: number;
         z: number;
     };
+    protected filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected filter3DTag(): TagElement<any, "Model" | "3DPoint" | "Plane">[];
+    protected filterPlaneTag(): PlaneTagElement[];
+    protected updateTagConfig(params?: {
+        force?: boolean;
+    }): void;
     /** 通过射线检测标签可用性 */
     protected getTagEnableByIntersect(tag: Tag<any, any>, raycaster: Raycaster): {
         value: boolean;

package/dist/PanoTagPlugin/controller/index.d.ts

@@ -1,10 +1,11 @@
-import type { Tag, PartialDeep, TagId, Tags, TagElement, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig } from '../typings';
+import type { Tag, PartialDeep, TagId, Tags, TagElement, State, AddTagConfig, LoadTagConfig } from '../typings';
 import type { TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { Five } from '@realsee/five';
-import { TagRender } from './TagRender';
+import { Object3D } from 'three';
+import { TagComputer } from './TagComputer';
 export declare const pluginFlag: (name: string) => string;
-declare class PanoTagPluginController extends TagRender {
+declare class PanoTagPluginController extends TagComputer {
     /** state */
     state: {
         enabled: boolean;
@@ -14,9 +15,25 @@ declare class PanoTagPluginController extends TagRender {
     private params;
     /** debug */
     private debug;
+    /** css3DRenderPlugin */
+    private css3DRenderPlugin?;
+    /** 点标签 */
+    private TagContainerSvelte?;
+    /** 临时状态 */
+    private temporaryState;
+    private mediaStore;
+    private group;
+    private gltfObjectGroup;
+    private isIOSWX;
+    private store;
+    /** 维护一个可用模型表，用于快速删除不应该在场景中的模型 */
+    private enabledModelTagSet;
     constructor(five: Five, params?: {
-        config?: Pick<Tags, 'contentTypeConfig' | 'globalConfig'>;
         debug?: boolean;
+        config?: {
+            globalConfig?: Tags['globalConfig'];
+            contentTypeConfig?: Tags['contentTypeConfig'];
+        };
     });
     /**
      * @description: 加载数据
@@ -25,19 +42,16 @@ declare class PanoTagPluginController extends TagRender {
     /**
      * @description: 添加标签
      */
-    addTag(tag: Tag<any, any> | Tag<any, any>[], paramsConfig?: AddTagConfig): Promise<void>;
+    addTag(tag: Tag<any, any> | Tag<any, any>[], config?: AddTagConfig): Promise<void>;
     /**
      * @description: 改变配置
      */
-    changeConfig(config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>, merge?: boolean): void;
+    changeConfig(config: TagComputer['config'], merge?: boolean): void;
     /**
      * @description: 改变全局配置
      */
-    changeGlobalConfig(globalConfig: Tags['globalConfig'], merge?: boolean): void;
-    /**
-     * @description: 改变类型配置
-     */
-    changeContentTypeConfig(key: ContentTypeConfigKey, contentTypeConfig: TagConfig, merge?: boolean): void;
+    changeGlobalConfig(globalConfig: TagComputer['config']['globalConfig'], merge?: boolean): void;
+    clearTags(): void;
     show(params?: {
         userAction?: boolean;
         withAnimation?: boolean;
@@ -52,16 +66,15 @@ declare class PanoTagPluginController extends TagRender {
     disable(params?: {
         userAction?: boolean;
     }): void;
-    setState(state: Partial<State>, params: {
-        userAction?: boolean;
-        visibleWithAnimation?: boolean;
-    }): void;
     /**
      * @description: 销毁
      */
     dispose(): void;
+    setState(state: Partial<State>, params: {
+        userAction?: boolean;
+        visibleWithAnimation?: boolean;
+    }): void;
     changeUnfoldedById(id: TagId, unfolded: boolean): void;
-    changeEnabledById(id: TagId, enabled: boolean): void;
     /**
      * @description: 修改3D标签normal
      */
@@ -84,8 +97,17 @@ declare class PanoTagPluginController extends TagRender {
      * @description: 销毁tag
      */
     destroyTagById(id: TagId | TagId[]): void;
+    /** 暂停当前标签内进行的所有多媒体 */
+    pauseCurrentMedia(): void;
     /** 更改 tag 模型 */
     changeTagModel: (tag: TagElement<any, 'Model'>, data: PartialDeep<Tag<'MediaModel'>['data']>) => Promise<void>;
+    /** 更新标签中多媒体面片的位置
+     * @param tag 标签
+     * @param model 模型
+     * @param scale css3DObject 原始缩放比例
+     */
+    updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagElement<any, S>, model: Object3D): void;
+    private updateTagCss3DObjectVisible;
     /**
      * @description: 设置 visible 和 unfolded
      */
@@ -94,10 +116,12 @@ declare class PanoTagPluginController extends TagRender {
     private handleHide;
     private handleEnable;
     private handleDisable;
+    private disposedErrorLog;
     /**
      * @description: 添加 cameraUpdate, panoArrived 等事件监听
      */
     private addEventListener;
+    private loadVideoFirstFrame;
     private addResizeListener;
     private addResizeObserver;
     /**
@@ -109,16 +133,48 @@ declare class PanoTagPluginController extends TagRender {
     /**
      * @description: 走点/切换模型后显示
      */
+    private temporaryShow;
     /**
      * @description: 走点/切换模型时临时隐藏
      */
+    private temporaryHide;
     private clickhandler;
+    /**
+     * @description: 更新所有标签
+     */
+    private updateRenderAllTags;
+    private updateTagContainerVisible;
     private handleFiveCameraUpdateDebounce;
     private handleFiveCameraUpdate;
     private handleFivePanoArrived;
     /** 楼层切换时，需要更新标签可见性 */
     private handleFiveModelShownFloorChange;
     private setUnfoldedByCamera;
+    /**
+     * @description: 渲染单个点的标签
+     */
+    private updateRenderPointTag;
+    /**
+     * @description: 渲染3D贴片
+     */
+    private updateRenderPlaneTag;
+    /** 更新所有模型标签
+     *
+     * 1. 移除不应该在场景中的模型
+     * 2. 更新模型的可见性
+     *
+     * FIXME: 有性能问题，但是之前的逻辑都是这么写，暂时先这样吧
+     */
+    private updateRenderModelTag;
+    private disposeAllCSS3DContainer;
+    /**
+     * @description: 检查并销毁不用的3D贴片
+     */
+    private checkPanelTag;
+    /** 添加模型标签 */
+    private addMediaModelTag;
+    /** 加载外部模型 */
+    private loadModel;
     private changeTagMode;
 }
 export default PanoTagPluginController;

package/dist/PanoTagPlugin/typings/controller.d.ts

@@ -5,10 +5,10 @@ import type { Vector3 } from 'three';
 import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
 import type { Writable } from 'svelte/store';
 import type { Subscribe } from '@realsee/five';
-import type { TagId, StickType, TagGLTFObject } from './tag/Utils';
+import type { TagId, StickType } from './tag/Utils';
 import type { TagContentType } from './tag/TagData';
 import type { Tag } from './tag/Tag';
-import type ImageModel from '../utils/model/imageModel';
+import { GLTFObject } from '@realsee/five/gltf-loader';
 declare type NonNullable<T> = T extends null | undefined | void ? never : T;
 export declare type TagHooks = InstanceType<typeof PanoTagPluginController>['hooks'];
 export interface State extends BasePlugin.State {
@@ -68,7 +68,7 @@ export declare type TagEvents = {
     show: () => void;
     hide: () => void;
 };
-export interface TagCacheInterface {
+export interface TagCache {
     visible?: boolean;
     unfolded?: boolean;
     minimumDistanceResult?: boolean;
@@ -81,11 +81,16 @@ export interface TagCacheInterface {
         reason?: string;
     };
 }
+export declare type TagGLTFObject = GLTFObject & {
+    customID: number | string;
+    isTagModel: boolean;
+};
 export declare type TagElement<C extends TagContentType = TagContentType, S extends StickType = StickType> = Tag<C, S> & Partial<{
     pointTagStyle: {
         leftPercent: number;
         topPercent: number;
     };
+    clickable: boolean;
     temporaryState: {
         visible: boolean;
     };
@@ -95,12 +100,6 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
         initialNormal: Vector3;
         currentNormal: Vector3;
     };
-    imageModel: ImageModel;
-    model: {
-        promise: Promise<TagGLTFObject>;
-        object?: TagGLTFObject;
-    };
-    mediaVisible: boolean;
     play: () => void;
     pause: () => void;
 }> & {
@@ -110,12 +109,14 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
     };
     hooks: Subscribe<TagEvents>;
     mergedConfig: TagConfig<C, S>;
-    unfold: () => void;
-    fold: () => void;
-    enable: () => void;
-    disable: () => void;
-    destroy: () => void;
-};
+} & (S extends 'Model' ? {
+    model?: {
+        promise: Promise<TagGLTFObject>;
+        object?: TagGLTFObject;
+    };
+} : unknown) & (C extends 'MediaModel' ? {
+    mediaVisible?: boolean;
+} : unknown);
 export declare type MediaStore = Writable<{
     currentMediaElement: HTMLMediaElement | null;
 }>;

package/dist/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -85,7 +85,5 @@ export interface TagConfig<C extends TagContentType = TagContentType, S extends
         unfolded?: boolean;
     };
     tag3DConfig?: Create3DDomContainerParamsType['config'];
-    /** 当图片为一张时可以通过Mesh渲染 */
-    renderType?: 'Mesh' | 'Dom';
     clickable?: false;
 }

package/dist/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -1,5 +1,3 @@
-import { GLTFObject } from '@realsee/five/gltf-loader';
-import { Group } from 'three';
 import type { Tag } from './Tag';
 import type { TagContentType } from './TagData';
 export declare type TagId = string | number;
@@ -45,16 +43,6 @@ export interface TagStyle {
         size?: TagIconSize;
     } & TagIconUrl;
 }
-export declare type TagGLTFObject = GLTFObject & {
-    customID: number | string;
-    isTagModel: boolean;
-};
-export interface TagObjectGroup extends Group {
-    children: Array<TagGLTFObjectGroup>;
-}
-export interface TagGLTFObjectGroup extends Group {
-    children: TagGLTFObject[];
-}
 /**
  * @description S: 18; M: 20; L: 24; XL: 28
  */

package/dist/PanoTagPlugin/utils/tag/tagCheck.d.ts

@@ -1,8 +1,8 @@
 import type { Tag, TagElement } from '../../typings';
-export declare function isPointTag(tag: Tag<any, any>): boolean;
-export declare function isPlaneTag(tag: Tag<any, any>): boolean;
-export declare function isPoint2DTag(tag: Tag<any, any>): boolean;
-export declare function isPoint3DTag(tag: Tag<any, any>): boolean;
-export declare function is2DTag(tag: Tag<any, any>): boolean;
-export declare function is3DTag(tag: Tag<any, any>): boolean;
-export declare function isMediaModelTag(tag: Tag<any, any>): tag is TagElement<'MediaModel', 'Model'>;
+export declare function isPointTag(tag: Tag): boolean;
+export declare function isPlaneTag(tag: Tag): boolean;
+export declare function isPoint2DTag(tag: Tag): boolean;
+export declare function isPoint3DTag(tag: Tag): boolean;
+export declare function is2DTag(tag: Tag): boolean;
+export declare function is3DTag(tag: Tag): boolean;
+export declare function isMediaModelTag(tag: Tag): tag is TagElement<'MediaModel', 'Model'>;

package/dist/base/BasePlugin.d.ts

@@ -24,6 +24,8 @@ interface BaseOptions {
 export interface Config {
     /** 静态资源前缀 */
     staticPrefix?: string;
+    /** 国际化转换函数 */
+    i18n?: (key: string) => string;
 }
 /**
  * 插件基本事件