@realsee/dnalogel 2.16.0-4 → 2.16.0-alpha.1

package/dist/CSS3DRenderPlugin/Controller.d.ts

@@ -79,5 +79,4 @@ export default class Controller extends CSS3DRender implements BasePlugin.Contro
         appendToElement: (element: HTMLElement) => import("./utils/three/CSS3DRenderer").default;
     };
     getBehindFiveElement(): HTMLElement;
-    isAbsoluteURL(url: string): string;
 }

package/dist/CruisePlugin/Controller.d.ts

@@ -1,7 +1,8 @@
 import type { Five } from '@realsee/five';
 import type { BaseOptions } from '../base/BasePlugin';
 import * as BasePluginWithData from '../base/BasePluginWithData';
-import type { PluginState, EventMap, PluginServerData, PluginData, Config } from './typing';
+import type { PluginState, EventMap, PluginServerData, PluginData } from './typing';
+import type { Config } from '../base/BasePlugin';
 export declare const pluginFlag: (name: string) => string;
 export default class CruisePluginController extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
     static PluginVersion: string;

package/dist/CruisePlugin/typing.d.ts

@@ -1,8 +1,7 @@
 import type { MovePanoOptions, Pose, State } from '@realsee/five';
 import type CruisePlugin from '.';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
-import type * as BasePlugin from '../base/BasePlugin';
-import type { PluginDataV1 as GuideLinePluginData } from '../GuideLinePlugin/typing';
+import type { PluginData as GuideLinePluginData } from '../GuideLinePlugin/typing';
 declare type FivePoseAndState = Partial<Pose> & Partial<State>;
 export declare type MoveEffect = MovePanoOptions['effect'];
 export declare type CruiseData = {
@@ -27,12 +26,7 @@ export interface CruiseKeyframe {
 export interface PluginData {
     keyframesId: string;
     keyframes: CruiseKeyframe[];
-    guildPluginOptions?: {
-        arrowTextureUrl?: string;
-        skipPanoIndexMesh?: boolean;
-        unitWidth?: number;
-        unitHeight?: number;
-    };
+    guildPluginOptions?: GuideLinePluginData['config'];
 }
 export interface PluginServerData extends BasePluginWithData.ServerData {
     data: {
@@ -141,9 +135,5 @@ export interface EventMap extends BasePluginWithData.EventMap<PluginState, Plugi
         userAction: boolean;
     }) => void;
 }
-export interface Config extends BasePlugin.Config {
-    /** 漫游时是否加载路线 */
-    useGuideLine?: boolean;
-}
 export declare type CruisePluginExportType = ReturnType<typeof CruisePlugin>;
 export {};

package/dist/GuideLinePlugin/Controller.d.ts

@@ -1,13 +1,10 @@
 import * as BasePluginWithData from '../base/BasePluginWithData';
 import type { Five } from '@realsee/five';
 import type { EventMap, PluginData, PluginServerData, PluginState } from './typing';
-import type * as PluginType from './typing';
 import type { Config } from '../base/BasePlugin';
-import { GuideLineItem } from './GuideLineItem';
 export declare const pluginFlag: (name: string) => string;
 export default class Controller extends BasePluginWithData.Controller<PluginState, EventMap, PluginServerData, PluginData> {
-    readonly version = "v1.1.0";
-    readonly name = "GuideLinePlugin";
+    static lasestVersion: string;
     state: {
         visible: boolean;
         enabled: boolean;
@@ -15,45 +12,40 @@ export default class Controller extends BasePluginWithData.Controller<PluginStat
     };
     protected data?: PluginData;
     private linesGroup?;
-    /** GuideLineItem 索引 */
-    private itemMap;
     constructor(five: Five, config?: Config);
     load(serverData: PluginServerData | PluginData, state?: PluginState, userAction?: boolean): Promise<void>;
-    formatData(serverData: any): Promise<PluginType.PluginDataV2>;
-    /** 展示插件 */
+    formatData(serverData: any): Promise<PluginData>;
     show(options?: {
         userAction?: boolean;
     }): Promise<void>;
-    /** 隐藏插件 */
     hide(options?: {
         userAction?: boolean;
     }): Promise<void>;
-    /** 开启插件 */
     enable(options?: {
         userAction?: boolean;
     }): void;
-    /** 关闭插件 */
     disable(options?: {
         userAction?: boolean;
     }): void;
-    /** 销毁插件 */
     dispose(): void;
     setState(state: Partial<PluginState>, options?: {
         userAction?: boolean;
     }): void;
-    /** 添加一个 GuideLineItem */
-    addGuideLineItem(data?: PluginType.GuideLineItem): GuideLineItem;
-    /** 获取 Plugin 内的 GuideLineItem */
-    getGuideLineItemByID(id: string | number): GuideLineItem;
-    removeGuideLineItem(item: GuideLineItem): void;
-    clear(): void;
     private handleEnable;
     private handleVisible;
     private handleDispose;
+    /**
+     * 获取多条路线的 Mesh Group
+     */
+    private getLinesGroup;
+    /**
+     * 获取单条路线
+     */
+    private getLine;
     private disposedErrorLog;
+    private actionWhenEnabled;
     /**
      * @description: Wait for five model ready
      */
-    private waitFiveLoaded;
-    private getDataWithoutVersion;
+    private waitFiveModelLoaded;
 }

package/dist/GuideLinePlugin/index.d.ts

@@ -1,9 +1,5 @@
 import type { Five } from '@realsee/five';
 import Controller from './Controller';
-import type * as GuideLinePluginType from './typing';
-import * as GuideLineItem from './GuideLineItem';
-import * as GuideLineModeItem from './GuideLineModeItem';
 export declare const GuideLinePlugin: (five: Five, config?: ConstructorParameters<typeof Controller>[1]) => Controller;
 export type { GuideLinePluginExportType } from './typing';
 export default GuideLinePlugin;
-export { GuideLineItem, GuideLineModeItem, GuideLinePluginType };

package/dist/GuideLinePlugin/typing.d.ts

@@ -1,5 +1,4 @@
 import type GuideLinePlugin from '.';
-import type { RequireAtLeastOne } from 'type-fest';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
 export interface RouteConfig {
     arrowTextureUrl?: string;
@@ -10,15 +9,10 @@ export interface RouteConfig {
 export interface Route extends RouteConfig {
     panoIndexList: number[];
 }
-export interface PluginDataV1 {
+export interface PluginData {
     routes: Route[];
     config?: RouteConfig;
 }
-export interface PluginDataV2 {
-    /** 路线数据 */
-    lines: GuideLineItem[];
-}
-export declare type PluginData = PluginDataV1 | PluginDataV2;
 export interface PluginServerData extends BasePluginWithData.ServerData {
     data: PluginData;
 }
@@ -41,70 +35,3 @@ export interface EventMap extends BasePluginWithData.EventMap<PluginState, Plugi
     }) => void;
 }
 export declare type GuideLinePluginExportType = ReturnType<typeof GuideLinePlugin>;
-export interface LineGeometriesConfig {
-    /** 是否越过点位圆环。可以开启此选项来使越过点位，使其不会重叠显示 */
-    skipPanoIndexMesh?: boolean;
-    unitWidth?: number;
-    unitLength?: number;
-}
-export declare type GuideLineModeItemMode = 'panorama' | 'model';
-export interface GuideLineItemContainer<T> {
-    onChildRemoved?: (child: T) => void;
-}
-/** 单条路线的数据 */
-export declare type GuideLineItem = RequireAtLeastOne<{
-    /** server ID */
-    id?: number;
-    /** client ID，不存在时，会使用 String(id) 作为 client ID */
-    render_id?: string;
-    /** 路线名称 */
-    name?: string;
-    /** 可展示的楼层 */
-    visible_floor_indexes?: null | number[];
-    /** 点位数组 */
-    pano_group?: number[];
-    /** 路径：由多个曲线组合而成的路径，路径为空时，会使用 pano_group 自动创建 */
-    path?: PathItem[];
-    /** 全景态使用的数据 */
-    panorama_style?: GuideLineStyle;
-    /** 模型态使用的数据 */
-    model_style?: GuideLineStyle;
-}, 'id' | 'render_id'>;
-/** 影响形状的样式 */
-export interface GuideLineGeometryStyle {
-    /** scale 之前的路线宽度，默认值是 0.5 */
-    width?: number;
-    /** 每一段 scale 之前的 长度，默认值是 0.5 */
-    unit_length?: number;
-    /** 线宽缩放 */
-    scale?: number;
-}
-/** 影响材质的样式 */
-export interface GuideLineMaterialStyle {
-    /** 是否可见 */
-    visible?: boolean;
-    /** rgb 颜色 [r, g, b] */
-    color?: number[];
-    /** 背景颜色 */
-    background_color?: number[];
-    /** 背景透明度 */
-    background_opacity?: number;
-    /** 透明度 */
-    opacity?: number;
-    /** 贴图 */
-    texture?: {
-        /** 贴图地址 */
-        url: string;
-    };
-}
-/** 不同模态下的路线数据 */
-export declare type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle;
-/** 目前只支持 CatmullRomCurve3 */
-export declare type PathItem = CatmullRomCurve3;
-export interface CatmullRomCurve3 {
-    type: 'CatmullRomCurve3';
-    points: number[][];
-    closed?: boolean;
-    curve_type?: string;
-    tension?: number;
-}

package/dist/GuideLinePlugin/utils/getLineGeometries.d.ts

@@ -0,0 +1,16 @@
+import * as THREE from 'three';
+export interface LineGeometriesConfig {
+    /** 是否越过点位圆环。可以开启此选项来使越过点位，使其不会重叠显示 */
+    skipPanoIndexMesh?: boolean;
+    unitWidth?: number;
+    unitHeight?: number;
+}
+/**
+ * @description: 根据坐标获取平滑曲线
+ * @param {Vector3[]} positionList 坐标点数组
+ * @param {number} config.unitWidth 宽
+ * @param {number} config.unitHeight 高
+ * @param {boolean} config.skipPanoIndexMesh 是否越过点位圆环。可以开启此选项来使越过点位，使其不会重叠显示
+ * @return {THREE.BufferGeometry[]} THREE.BufferGeometry[]
+ */
+export default function getLineGeometries(positionList: THREE.Vector3[], config?: LineGeometriesConfig): THREE.BufferGeometry[];

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 ImagePlane from '../utils/model/imagePlane';
+import type { ImagePlane, VideoPlane } from '../utils/model/mediaPlane';
 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 {
@@ -89,11 +89,14 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
     };
     tag3DContentSvelte: {
         svelteApp: TagContentSvelte;
+        /** @deprecated rename to css3DInstance */
         domContainer: NonNullable<Create3DDomContainerReturnType>;
+        css3DInstance: NonNullable<Create3DDomContainerReturnType>;
         initialNormal: Vector3;
         currentNormal: Vector3;
+        dispose: () => void;
     };
-    imagePlane: ImagePlane;
+    mediaPlane: ImagePlane | VideoPlane;
     model: {
         promise: Promise<TagGLTFObject>;
         object?: TagGLTFObject;

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

@@ -1,11 +1,9 @@
 import type { State as FiveState } from '@realsee/five';
 import type { TagConfig } from './TagConfig';
 import { ContentTypeMap, ContentType, TagContentType } from './TagData';
-import type { ContentTypeConfigKey, Position, TagId, StickType, TagStyle } from './Utils';
+import type { ContentTypeConfigKey, Position, TagId, StickType, TagStyle, ElementRenderer } from './Utils';
 export type { ContentTypeMap, TagContentType };
 export { ContentType };
-/** 返回一个销毁函数 */
-declare type ElementRenderer = (container: HTMLElement) => () => void;
 export interface Tags {
     version?: string;
     /** tag配置 > 按type配置 > 全局配置 */

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 ImagePlane from '../../utils/model/imagePlane';
+import { ImagePlane } from '../../utils/model/mediaPlane';
 export declare type TagId = string | number;
 export declare type ArrayPosition = number[];
 export declare type Position = ArrayPosition;
@@ -42,7 +42,10 @@ export interface TagStyle {
 export declare type TagGLTFObject = GLTFObject & {
     customID: number | string;
     isTagModel: boolean;
+    updateTagCss3DObjectMatrix?: () => void;
 };
+/** 返回一个销毁函数 */
+export declare type ElementRenderer = (container: HTMLElement) => () => void;
 export interface TagObjectGroup extends Group {
     children: Array<TagGLTFObjectGroup>;
 }

package/dist/PanoTagPlugin/utils/model/mediaPlane.d.ts

@@ -0,0 +1,71 @@
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+declare type Src = string;
+declare type VideoTexture = Omit<THREE.VideoTexture, 'image'> & {
+    image: HTMLVideoElement;
+};
+declare type ImageTexture = Omit<THREE.Texture, 'image'> & {
+    image: HTMLImageElement;
+};
+declare class MediaPlane extends THREE.Mesh<THREE.BufferGeometry | THREE.Geometry, THREE.MeshBasicMaterial> {
+    name: string;
+    src?: string;
+    removeFromParent(): this;
+    protected setMatrixByCornerPoints(cornerPoints: Vector3[]): void;
+}
+declare class ImagePlane extends MediaPlane {
+    name: string;
+    constructor(imageSrc: string, cornerPoints: Vector3[]);
+}
+declare class VideoPlane extends MediaPlane {
+    readonly isVideoPlane = true;
+    name: string;
+    videoInstance: HTMLVideoElement;
+    private objectFit;
+    private buttonSrc;
+    private paused;
+    private videoCoverSrc?;
+    private domEvents?;
+    private disposers;
+    private domEventsListenerTemporaryList;
+    private cornerPoints;
+    private videoMesh?;
+    private coverMesh?;
+    private buttonMesh?;
+    private videoTextureMap;
+    private ImageTextureMap;
+    constructor(videoSrc: string, cornerPoints: Vector3[], params?: {
+        videoInstance?: HTMLVideoElement;
+        playButton?: 'withText' | 'withoutText' | string;
+        videoCoverSrc?: string;
+        objectFit?: 'contain' | 'fill';
+        videoTextureMap?: Map<Src, VideoTexture>;
+        ImageTextureMap?: Map<Src, ImageTexture>;
+    });
+    play(): Promise<void>;
+    pause(): void;
+    initialDomEvents(five: any): void;
+    initialRenderHooks(five: any): void;
+    private render;
+    private addDomEventListener;
+    private removeDomEventListener;
+    private addCoverMesh;
+    private addVideoMesh;
+    private addButtonMesh;
+    /**
+     * @description: 将视频封面Mesh
+     */
+    private getCoverMesh;
+    /**
+     * @description: 获取视频Mesh
+     */
+    private getVideoMesh;
+    /**
+     * @description: 获取视频Mesh
+     */
+    private getButtonMesh;
+    private getButtonTexture;
+    private getCoverTexture;
+    private getVideoTexture;
+}
+export { ImagePlane, VideoPlane };

package/dist/base/BasePlugin.d.ts

@@ -95,7 +95,6 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      * @param options 配置项
      */
     setState?(state: Partial<PluginState>, options?: BaseOptions): void;
-    isAbsoluteURL(url: string): string;
     /**
      * 启用插件，让插件能够响应交互
      */