@realsee/dnalogel 2.13.2 → 2.14.0-dev.0

package/dist/CSS3DRenderPlugin/Controller.d.ts

@@ -1,6 +1,6 @@
 import type * as BasePlugin from '../base/BasePlugin';
 import type { Five } from '@realsee/five';
-import { CSS3DRender, CSS3DRenderEventMap, CSS3DRenderState } from './CSS3DRender';
+import { CSS3DRender, CSS3DRenderEventMap, CSS3DRenderState } from './utils/three/CSS3DRender';
 import type { AnyPosition } from './utils';
 export declare const PLUGIN_NAME: string;
 export interface Create3DDomContainerParamsType {

package/dist/CSS3DRenderPlugin/index.d.ts

@@ -1,6 +1,6 @@
 import type { FivePlugin } from '@realsee/five';
 import Controller from './Controller';
 export declare const CSS3DRenderPlugin: FivePlugin<void, InstanceType<typeof Controller>>;
-export { CSS3DRender } from './CSS3DRender';
+export { CSS3DRender } from './utils/three/CSS3DRender';
 export * from './typing';
 export default CSS3DRenderPlugin;

package/dist/CSS3DRenderPlugin/typing.d.ts

@@ -1,6 +1,6 @@
 import type CSS3DRenderPlugin from '.';
 import type * as BasePlugin from '../base/BasePlugin';
-import type { CSS3DRender } from './CSS3DRender';
+import type { CSS3DRender } from './utils/three/CSS3DRender';
 export declare type CSS3DRenderPluginParameterType = undefined;
 export declare type CSS3DRenderPluginExportType = ReturnType<typeof CSS3DRenderPlugin>;
 export declare type CSS3DRenderExportType = InstanceType<typeof CSS3DRender>;

package/dist/CSS3DRenderPlugin/{CSS3DRender.d.ts → utils/three/CSS3DRender.d.ts}

@@ -1,11 +1,11 @@
 import type * as THREE from 'three';
-import { ICSS3DRenderer as CSS3DRenderer } from './utils/three/CSS3DRenderer';
-import { Subscribe } from '../shared-utils/Subscribe';
-import { AnyPosition } from './utils';
-import { CSS3DObjectPlus } from './utils/three/CSS3DObject';
-import { CSS3DBehindScene, CSS3DFrontScene } from './utils/three/CSS3DScene';
-import { CSS3DBehindGroup, CSS3DFrontGroup } from './utils/three/CSS3DGroup';
-export { MinRatio } from './utils/three/CSS3DObject';
+import { ICSS3DRenderer as CSS3DRenderer } from './CSS3DRenderer';
+import { Subscribe } from '../../../shared-utils/Subscribe';
+import { AnyPosition } from '..';
+import { CSS3DObjectPlus } from './CSS3DObject';
+import { CSS3DBehindScene, CSS3DFrontScene } from './CSS3DScene';
+import { CSS3DBehindGroup, CSS3DFrontGroup } from './CSS3DGroup';
+export { MinRatio } from './CSS3DObject';
 export declare const PLUGIN: string;
 export interface CSS3DRenderState {
     enabled: boolean;
@@ -25,6 +25,7 @@ export declare type CSS3DRenderEventMap = {
     disable: (options?: {
         userAction?: boolean;
     }) => void;
+    render: () => void;
     dispose: () => void;
     /**
      * 插件状态变化
@@ -74,6 +75,7 @@ export declare const globalStore: {
         css3DRenderer: CSS3DRenderer;
         container?: HTMLElement;
         scene?: THREE.Scene;
+        camera?: THREE.Camera;
     };
 };
 declare function setFrontModeContainer(container: HTMLElement): void;

package/dist/Object3DHelperPlugin/Controller.d.ts

@@ -4,10 +4,8 @@ import * as THREE from 'three';
 import { Object3DHelper } from '../shared-utils/Object3DHelper/index';
 import type { Object3DHelperState } from '../shared-utils/Object3DHelper/typings';
 import type { HelperConfig, HelperOffset, Object3DHelperPluginEventMap, Object3DHelperPluginState } from './typings';
-export declare const VERSION = "v1.0.0";
-export declare const PLUGIN: string;
+export declare const PLUGIN = "Object3DHelperPlugin";
 export declare class Object3DHelperController extends BasePlugin.Controller<Object3DHelperPluginState, Object3DHelperPluginEventMap> {
-    version: string;
     name: string;
     state: Object3DHelperState;
     objectHelperMap: Map<THREE.Object3D, {

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

@@ -1,6 +1,6 @@
 import type { Five, Mode } from '@realsee/five';
 import * as THREE from 'three';
-import type { Tag } from '../typings';
+import type { Tag, TagElement } from '../typings';
 import { Raycaster } from 'three';
 import { TagUtil } from './TagUtil';
 export declare abstract class TagComputer extends TagUtil {
@@ -12,10 +12,15 @@ export declare abstract class TagComputer extends TagUtil {
     getVisibleByPanoIndex(tag: Tag<any, any>, panoIndex?: number): boolean;
     getVisibleByFiveMode(tag: Tag<any, any>, mode: Mode): boolean;
     /** 检测是否匹配当前楼层 */
-    getVisibleByFloorIndex(tag: Tag<any, any>): boolean;
-    getVisible(tag: Tag<any, any>): boolean;
+    getVisibleByFloorIndex(tag: TagElement<any, any>): boolean;
+    /**
+     * @description 获取标签当前状态
+     * @return (this.state.visible && tag.state.visible) ?? true
+     */
+    getCurrentVisibleState(tag: TagElement<any, any>): boolean;
+    getVisible(tag: TagElement<any, any>): boolean;
     /** 获取当前点位上模型中的多媒体是否应该展示 */
-    getModelMedialVisibleByPanoIndex(tag: Tag<any, any>): boolean;
+    getModelMedialVisibleByPanoIndex(tag: TagElement<any, any>): boolean;
     /**
      * @description: 获取是否展开
      */

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

@@ -20,11 +20,14 @@ export declare abstract class TagRender extends TagComputer {
      * @description: 更新所有标签
      */
     protected updateRenderAllTags(): void;
-    protected updateRenderImageModel(): void;
+    /**
+     * @description: 渲染图片贴片
+     */
+    protected updateRenderImagePlane(): void;
     /**
      * @description: 渲染3D贴片
      */
-    protected updateRenderPlaneTag(): void;
+    protected updateRender3DDomTag(): void;
     /** 更新所有模型标签
      *
      * 1. 移除不应该在场景中的模型
@@ -37,7 +40,6 @@ export declare abstract class TagRender extends TagComputer {
     /** 更新标签中多媒体面片的位置
      * @param tag 标签
      * @param model 模型
-     * @param scale css3DObject 原始缩放比例
      */
     protected updateTagCss3DObjectMatrix<S extends 'Model' | 'Plane' = 'Model'>(tag: TagElement<any, S>, model: Object3D): void;
     /** 添加模型标签 */
@@ -54,5 +56,4 @@ export declare abstract class TagRender extends TagComputer {
     protected clearUnusedPanelTag(): void;
     /** 加载外部模型 */
     protected loadModel: (tag: TagElement<'MediaModel', 'Model'>) => Promise<TagGLTFObject>;
-    private updateTagCss3DObjectVisible;
 }

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

@@ -1,11 +1,12 @@
 import type { TagElement, TagContentType, StickType, TagId, TagConfig, PlaneTag, MediaStore } from '../typings';
+import * as THREE from 'three';
 import type { Tag, Tags, Point2DElement, Point3DElement, PlaneTagElement, PointTagElement, Point3DTag, ModelElement } from '../typings';
 import { TagCache } from './TagCache';
 import { CSS3DRenderPluginExportType } from '../../CSS3DRenderPlugin';
 import { Five } from '@realsee/five';
 export declare abstract class TagUtil extends TagCache {
-    config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;
     tags: TagElement[];
+    config: Pick<Tags, 'globalConfig' | 'contentTypeConfig'>;
     protected mediaStore: MediaStore;
     /** css3DRenderPlugin */
     protected css3DRenderPlugin?: CSS3DRenderPluginExportType;
@@ -13,13 +14,15 @@ export declare abstract class TagUtil extends TagCache {
         /** 清理函数数组 */
         disposers: (() => any)[];
         visibleWithAnimation?: boolean;
-        css3DRenderDisposer: Map<TagId, () => void>;
+        css3DRenderDisposer: Map<TagId, (() => any)[]>;
         eventListenerDisposer?: () => void;
         resizeObserverDisposer?: () => void;
         resizeObserverDisposerAdding: boolean;
         disposed: boolean;
     };
     protected get isPanorama(): boolean;
+    private domEvents?;
+    private mouseInfo?;
     protected constructor(five: Five);
     getTagById<C extends TagContentType = any, S extends StickType = any>(id: TagId): TagElement<C, S> | undefined;
     /** 暂停当前标签内进行的所有多媒体 */
@@ -33,7 +36,7 @@ export declare abstract class TagUtil extends TagCache {
     protected updateTagConfig(params?: {
         force?: boolean;
     }): void;
-    protected can<T extends TagElement<any, any>>(action: 'show' | 'hide' | 'fold' | 'unfold' | 'renderByMesh', paramsTag: T): boolean;
+    protected can<T extends TagElement<any, any>>(action: 'show' | 'hide' | 'fold' | 'unfold' | 'renderByMesh' | 'renderByMeshDom', paramsTag: T): boolean;
     /**
      * @description: 获取角度
      */
@@ -42,10 +45,15 @@ export declare abstract class TagUtil extends TagCache {
      * @description: 获取距离
      */
     protected getDistance(tag: Tag<any, any>, panoIndex?: number): number;
+    protected getPositions(tag: TagElement<any, any>): any;
+    protected fiveWantMovePanoHandler: (panoIndex: number) => false | void;
+    protected addObjectClickHandler(tag: TagElement, object: THREE.Object3D | undefined, handler: (event: Event) => any): () => void;
+    protected getTagNormal(tag: TagElement<any, 'Plane'> | TagElement<any, 'Model'> | TagElement<any, '3DPoint'>): THREE.Vector3;
     protected get filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected get filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected get filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
-    protected get filterImageModel(): PlaneTagElement<"MediaPlane">[];
+    protected get filterImagePlane(): PlaneTagElement<"MediaPlane">[];
+    protected get filterMediaModel(): ModelElement<"MediaModel">[];
     protected get filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected get filter3DTag(): (TagElement<any, "Plane"> | TagElement<any, "Model"> | TagElement<any, "3DPoint">)[];
     /**

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

@@ -8,7 +8,7 @@ import type { Subscribe } from '@realsee/five';
 import type { TagId, StickType, TagGLTFObject } from './tag/Utils';
 import type { TagContentType } from './tag/TagData';
 import type { Tag } from './tag/Tag';
-import type ImageModel from '../utils/model/imageModel';
+import type ImagePlane from '../utils/model/imagePlane';
 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 {
@@ -22,9 +22,7 @@ export interface TemporaryState {
 }
 export interface EventMap extends BasePlugin.EventMap<State> {
     click: (params: {
-        event: MouseEvent & {
-            currentTarget: EventTarget;
-        };
+        event: Event;
     } & ({
         target: 'TagPoint';
         tag: PointTagElement<any>;
@@ -85,7 +83,7 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
     pointTagStyle: {
         leftPercent: number;
         topPercent: number;
-    };
+    } | null;
     temporaryState: {
         visible: boolean;
     };
@@ -95,7 +93,7 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
         initialNormal: Vector3;
         currentNormal: Vector3;
     };
-    imageModel: ImageModel;
+    imagePlane: ImagePlane;
     model: {
         promise: Promise<TagGLTFObject>;
         object?: TagGLTFObject;

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

@@ -14,7 +14,7 @@ export interface Tags {
     /** 按type配置 */
     contentTypeConfig?: Partial<Record<ContentTypeConfigKey, TagConfig>>;
     /** 标签列表配置 */
-    tagList: Tag<any, any>[];
+    tagList: Tag[];
 }
 export declare type Tag<C extends TagContentType = TagContentType, S extends StickType = StickType> = {
     /** 开启/禁用 */
@@ -30,13 +30,13 @@ export declare type Tag<C extends TagContentType = TagContentType, S extends Sti
     /** @type {TagContentType} 内容类型，根据内容类型展示对应UI */
     contentType: C;
     /** 点 */
-    position: S extends 'Plane' ? [Position, Position, Position, Position] : S extends '2DPoint' | '3DPoint' | 'Model' ? Position : any;
+    position: S extends 'Plane' ? [Position, Position, Position, Position] : S extends '2DPoint' | '3DPoint' | 'Model' ? Position : Position | [Position, Position, Position, Position];
     /** 法向量 */
     normal?: Position;
     /** 自定义标签内容 */
     element?: string | Element | ElementRenderer;
     /** 标签数据 */
-    data: ContentTypeMap[C];
+    data: C extends TagContentType ? ContentTypeMap[C] : ContentTypeMap[keyof ContentTypeMap];
     /** 「展开/收起」 「可见/不可见」 的策略配置 */
     config?: TagConfig<C, S>;
     /** 打标签时的 five state */

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

@@ -2,7 +2,7 @@ import { GLTFObject } from '@realsee/five/gltf-loader';
 import { Group } from 'three';
 import type { Tag } from './Tag';
 import type { TagContentType } from './TagData';
-import ImageModel from '../../utils/model/imageModel';
+import ImagePlane from '../../utils/model/imagePlane';
 export declare type TagId = string | number;
 export declare type ArrayPosition = number[];
 export declare type Position = ArrayPosition;
@@ -18,13 +18,6 @@ export declare enum DimensionType {
     Three = "3D"
 }
 export declare type TagDimensionType = '2D' | '3D';
-/**  @deprecated 改用具体的string */
-export declare enum PointType {
-    PointTag = "PointTag",
-    PlaneTag = "PlaneTag"
-}
-/**  @deprecated 改用 stickType */
-export declare type TagPointType = keyof typeof PointType;
 export declare type StickType = '2DPoint' | '3DPoint' | 'Plane' | 'Model';
 export interface TagIconUrl {
     url: string;
@@ -57,7 +50,7 @@ export interface TagGLTFObjectGroup extends Group {
     children: TagGLTFObject[];
 }
 export interface ImagePlaneGroup extends Group {
-    children: ImageModel[];
+    children: ImagePlane[];
 }
 /**
  * @description S: 18; M: 20; L: 24; XL: 28

package/{libs/PanoTagPlugin/utils/model/imageModel.d.ts → dist/PanoTagPlugin/utils/model/imagePlane.d.ts}

@@ -1,8 +1,9 @@
 import * as THREE from 'three';
 import { Vector3 } from 'three';
-declare class ImageModel extends THREE.Mesh {
+declare class ImagePlane extends THREE.Mesh {
     name: string;
     imageSrc?: string;
     constructor(imageSrc: string, cornerPoints: Vector3[]);
+    setMatrixByCornerPoints(cornerPoints: Vector3[]): void;
 }
-export default ImageModel;
+export default ImagePlane;

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

@@ -1,8 +1,9 @@
-import type { Tag, TagElement } from '../../typings';
+import type { PlaneTagElement, Tag } from '../../typings';
 export declare function isPointTag(tag: Tag<any, any>): boolean;
-export declare function isPlaneTag(tag: Tag<any, any>): boolean;
+export declare function isPlaneTag(tag: Tag<any, any>): tag is PlaneTagElement;
 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 is3DTag(tag: Tag<any, any>): tag is Tag<any, '3DPoint'> | Tag<any, 'Plane'>;
+export declare function isMediaModelTag(tag: Tag<any, any>): tag is Tag<'MediaModel', 'Model'>;
+export declare function isMediaPlaneTag(tag: Tag<any, any>): tag is Tag<'MediaModel', 'Model'>;