@realsee/dnalogel 2.1.0-alpha.1 → 2.1.0-alpha.10

package/dist/CSS3DRenderPlugin/CSS3DRender.d.ts

@@ -3,17 +3,15 @@ import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import { Subscribe } from '../shared-utils/Subscribe';
 import { AnyPosition } from './utils';
 import { CSS3DObjectPlus } from './utils/CSS3DObjectPlus';
-export declare const VERSION = "v1.1.0";
 export declare const __ELEMENT__ = "__CSS3DOBJECT_CSS3DRENDER_CONTAINER__";
 export declare const PLUGIN: string;
-export declare const pluginFlag: (name: string) => string;
 export declare const MinRatio = 0.00216;
-export interface State {
+export interface CSS3DRenderState {
     enabled: boolean;
     visible: boolean;
     disposed: boolean;
 }
-export declare type EventMap = {
+export declare type CSS3DRenderEventMap = {
     show: (options?: {
         userAction?: boolean;
     }) => void;
@@ -34,8 +32,8 @@ export declare type EventMap = {
      * @param params.userAction 是否是用户触发
      */
     stateChange: (params: {
-        state: State;
-        prevState?: State;
+        state: CSS3DRenderState;
+        prevState?: CSS3DRenderState;
         userAction: boolean;
     }) => void;
 };
@@ -77,11 +75,11 @@ export declare const globalStore: {
     };
 };
 export declare class CSS3DRender {
-    hooks: Subscribe<EventMap>;
-    state: State;
+    hooks: Subscribe<CSS3DRenderEventMap>;
+    state: CSS3DRenderState;
     private store;
-    getCurrentState(): State;
-    setState(state: Partial<State>, options?: {
+    getCurrentState(): CSS3DRenderState;
+    setState(state: Partial<CSS3DRenderState>, options?: {
         userAction: boolean;
     }): void;
     dispose(): void;

package/dist/CSS3DRenderPlugin/CSS3DRenderPlugin/CSS3DRender.d.ts

@@ -3,17 +3,15 @@ import { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer';
 import { Subscribe } from '../shared-utils/Subscribe';
 import { AnyPosition } from './utils';
 import { CSS3DObjectPlus } from './utils/CSS3DObjectPlus';
-export declare const VERSION = "v1.1.0";
 export declare const __ELEMENT__ = "__CSS3DOBJECT_CSS3DRENDER_CONTAINER__";
 export declare const PLUGIN: string;
-export declare const pluginFlag: (name: string) => string;
 export declare const MinRatio = 0.00216;
-export interface State {
+export interface CSS3DRenderState {
     enabled: boolean;
     visible: boolean;
     disposed: boolean;
 }
-export declare type EventMap = {
+export declare type CSS3DRenderEventMap = {
     show: (options?: {
         userAction?: boolean;
     }) => void;
@@ -34,8 +32,8 @@ export declare type EventMap = {
      * @param params.userAction 是否是用户触发
      */
     stateChange: (params: {
-        state: State;
-        prevState?: State;
+        state: CSS3DRenderState;
+        prevState?: CSS3DRenderState;
         userAction: boolean;
     }) => void;
 };
@@ -77,11 +75,11 @@ export declare const globalStore: {
     };
 };
 export declare class CSS3DRender {
-    hooks: Subscribe<EventMap>;
-    state: State;
+    hooks: Subscribe<CSS3DRenderEventMap>;
+    state: CSS3DRenderState;
     private store;
-    getCurrentState(): State;
-    setState(state: Partial<State>, options?: {
+    getCurrentState(): CSS3DRenderState;
+    setState(state: Partial<CSS3DRenderState>, options?: {
         userAction: boolean;
     }): void;
     dispose(): void;

package/dist/CSS3DRenderPlugin/CSS3DRenderPlugin/Controller.d.ts

@@ -1,6 +1,6 @@
 import type * as BasePlugin from '../base/BasePlugin';
 import type { Five } from '@realsee/five';
-import { CSS3DRender, EventMap, State } from './CSS3DRender';
+import { CSS3DRender, CSS3DRenderEventMap, CSS3DRenderState } from './CSS3DRender';
 import { AnyPosition } from './utils';
 export declare const PLUGIN_NAME: string;
 export interface Create3DDomContainerParamsType {
@@ -20,7 +20,7 @@ export interface Create3DDomContainerParamsType {
         behindFiveContainer: HTMLElement;
     });
 }
-export default class Controller extends CSS3DRender implements BasePlugin.Controller<State, EventMap> {
+export default class Controller extends CSS3DRender implements BasePlugin.Controller<CSS3DRenderState, CSS3DRenderEventMap> {
     five: Five;
     constructor(five: Five);
     /** @deprecated disposeAll() renamed as dispose() */

package/dist/CSS3DRenderPlugin/CSS3DRenderPlugin/typing.d.ts

@@ -6,11 +6,11 @@ export declare type CSS3DRenderPluginExportType = ReturnType<typeof CSS3DRenderP
 export declare type CSS3DRenderExportType = InstanceType<typeof CSS3DRender>;
 export declare type Create3DDomContainerReturnType = ReturnType<CSS3DRenderPluginExportType['create3DDomContainer']>;
 export declare type Create3DElementReturnType = ReturnType<InstanceType<typeof CSS3DRender>['create3DElement']>;
-export interface State extends BasePlugin.State {
+export interface CSS3DRenderPluginState extends BasePlugin.State {
     enabled: boolean;
     visible: boolean;
 }
-export interface EventMap extends BasePlugin.EventMap<State> {
+export interface CSS3DRenderPluginEventMap extends BasePlugin.EventMap<CSS3DRenderPluginState> {
     show: (options?: {
         userAction?: boolean;
     }) => void;

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, EventMap, State } from './CSS3DRender';
+import { CSS3DRender, CSS3DRenderEventMap, CSS3DRenderState } from './CSS3DRender';
 import { AnyPosition } from './utils';
 export declare const PLUGIN_NAME: string;
 export interface Create3DDomContainerParamsType {
@@ -20,7 +20,7 @@ export interface Create3DDomContainerParamsType {
         behindFiveContainer: HTMLElement;
     });
 }
-export default class Controller extends CSS3DRender implements BasePlugin.Controller<State, EventMap> {
+export default class Controller extends CSS3DRender implements BasePlugin.Controller<CSS3DRenderState, CSS3DRenderEventMap> {
     five: Five;
     constructor(five: Five);
     /** @deprecated disposeAll() renamed as dispose() */

package/dist/CSS3DRenderPlugin/Object3DHelperPlugin/Controller.d.ts

@@ -1,16 +1,49 @@
 import type { Five } from '@realsee/five';
-import type * as BasePlugin from '../base/BasePlugin';
+import * as BasePlugin from '../base/BasePlugin';
 import type * as THREE from 'three';
 import { Object3DHelper } from '../shared-utils/Object3DHelper';
-import type { State, EventMap } from '../shared-utils/Object3DHelper/typings';
+import type { Object3DHelperState } from '../shared-utils/Object3DHelper/typings';
+import type { Object3DHelperPluginEventMap, Object3DHelperPluginState } from './typings';
 export declare const VERSION = "v1.0.0";
 export declare const PLUGIN: string;
-export declare const pluginFlag: (name: string) => string;
-export declare class Object3DHelperController extends Object3DHelper implements BasePlugin.Controller<State, EventMap> {
+export declare class Object3DHelperController extends BasePlugin.Controller<Object3DHelperPluginState, Object3DHelperPluginEventMap> {
     version: string;
     name: string;
-    five: Five;
+    state: Object3DHelperState;
+    objectHelperMap: Map<THREE.Object3D, Object3DHelper>;
     constructor(five: Five);
+    /**
+     * @description Show guide line
+     */
+    show(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Hide guide line
+     */
+    hide(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Enable
+     */
+    enable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Disable
+     */
+    disable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Dispose
+     */
+    dispose(): void;
+    setState(state: Partial<Object3DHelperState>, options?: {
+        userAction?: boolean;
+    } & Record<string, any>): void;
+    getObject3DHelper(object3D: THREE.Object3D): Object3DHelper;
     /**
      * @description 添加 helper
      * @param { THREE.Object3D } object3D       要添加helper的物体
@@ -23,4 +56,10 @@ export declare class Object3DHelperController extends Object3DHelper implements
         rotateHelper?: boolean;
         scaleHelper?: boolean;
     }): void;
+    removeObject3DHelper(object3D: THREE.Object3D): void;
+    private handleEnable;
+    private handleVisible;
+    private handleDispose;
+    private everyHelperDo;
+    private actionIfStateIsEnabled;
 }

package/dist/CSS3DRenderPlugin/Object3DHelperPlugin/FiveControllerWrapper.d.ts

@@ -12,7 +12,7 @@ declare class ControllerWrapper<Helper extends BaseHelper = BaseHelper, Controll
     private onFiveWantsTapGesture;
     private onFiveWantsGesture;
 }
-declare const controllerWrapper: <Helper extends BaseHelper<THREE.Object3D> = BaseHelper<THREE.Object3D>, Controller extends BaseController<BaseHelper<THREE.Object3D>, THREE.Object3D> = BaseController<Helper, THREE.Object3D>>(five: Five, HelperController: new (camera: THREE.Camera, model: THREE.Object3D, originObject3D: THREE.Object3D, helperObject3D: Helper, container: HTMLElement, scene: THREE.Scene, needsRender?: () => void) => Controller, object: THREE.Object3D, helperObjects: Helper) => ControllerWrapper<Helper, Controller>;
+declare const controllerWrapper: <Helper extends BaseHelper<THREE.Object3D> = BaseHelper<THREE.Object3D>, Controller extends BaseController<BaseHelper<THREE.Object3D>, THREE.Object3D> = BaseController<Helper, THREE.Object3D>>(five: Five, HelperController: new (camera: THREE.Camera, model: THREE.Object3D, originObject3D: THREE.Object3D, helperObject3D: Helper, container: HTMLElement, scene: THREE.Scene, onRender?: () => void) => Controller, object: THREE.Object3D, helperObjects: Helper) => ControllerWrapper<Helper, Controller>;
 export { ControllerWrapper };
 export { controllerWrapper };
 export { ControllerWrapper as FiveControllerWrapper };

package/dist/CSS3DRenderPlugin/Object3DHelperPlugin/typings.d.ts

@@ -0,0 +1,24 @@
+export interface Object3DHelperPluginState {
+    enabled: boolean;
+    visible: boolean;
+    disposed: boolean;
+}
+export declare type Object3DHelperPluginEventMap = {
+    show: (options?: {
+        userAction?: boolean;
+    }) => void;
+    hide: (options?: {
+        userAction?: boolean;
+    }) => void;
+    enable: (options?: {
+        userAction?: boolean;
+    }) => void;
+    disable: (options?: {
+        userAction?: boolean;
+    }) => void;
+    dispose: () => void;
+    stateChange: (params: {
+        state: Object3DHelperPluginState;
+        prevState?: Object3DHelperPluginState;
+    }) => void;
+};

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

@@ -1,11 +1,7 @@
-import type { Five } from '@realsee/five';
+import { Five } from '@realsee/five';
 import type { Tag, ContentType, PartialDeep, TagId, Tags, State } from '../typings';
 import { TagComputer } from './TagComputer';
-import { ArrayPosition } from '..';
-export declare const DefaultConfig: {
-    globalConfig?: Tags['globalConfig'];
-    contentTypeConfig?: Tags['contentTypeConfig'];
-};
+import { ArrayPosition } from '../typings';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagComputer {
     /** 版本号 */
@@ -27,9 +23,15 @@ declare class PanoTagPluginController extends TagComputer {
     private temporaryState;
     private mediaStore;
     private store;
+    private staticUrl;
     constructor(five: Five, params?: {
         debug?: boolean;
         mergePluginDefaultConfigToLoadDataConfig?: boolean;
+        staticConfig?: {
+            host?: string;
+            protocol?: string;
+            port?: number;
+        } | string;
         config?: {
             globalConfig?: Tags['globalConfig'];
             contentTypeConfig?: Tags['contentTypeConfig'];

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

@@ -1,7 +1,7 @@
 import type { FivePlugin } from '@realsee/five';
 import PanoTagPluginController from './controller';
-export * from './typings';
 export * from './controller';
+export * from './typings/tag';
 export declare type PanoTagPluginExportInterface = InstanceType<typeof PanoTagPluginController>;
 export declare type PanoTagPluginParamsInterface = ConstructorParameters<typeof PanoTagPluginController>[1];
 export declare const PanoTagPlugin: FivePlugin<PanoTagPluginParamsInterface, PanoTagPluginExportInterface>;

package/dist/CSS3DRenderPlugin/PanoTagPlugin/mocks/mock1.d.ts

@@ -0,0 +1,167 @@
+declare const _default: {
+    tagList: (({
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[];
+        data: {
+            text: string;
+            mediaData?: undefined;
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        element: HTMLParagraphElement;
+        style: {
+            point: {
+                style: string;
+                iconUrl: string;
+            };
+        };
+        normal?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[];
+        data: {
+            text: string;
+            mediaData: {
+                url: string;
+                videoCoverUrl: string;
+                type: string;
+            }[];
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        element?: undefined;
+        style?: undefined;
+        normal?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[][];
+        data: {
+            mediaData: {
+                url: string;
+                videoCoverUrl: string;
+                type: string;
+            }[];
+            text?: undefined;
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        element?: undefined;
+        style?: undefined;
+        normal?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[];
+        data: {
+            title: string;
+            brandTags: string[];
+            tags: string[];
+            headerPictureUrl: string;
+            highlightText: string;
+            price: {
+                value: string;
+                unit: string;
+            };
+            text?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        style: {
+            point: {
+                style: string;
+                iconUrl: string;
+            };
+        };
+        element?: undefined;
+        normal?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        normal: number[];
+        position: number[];
+        data: {
+            text: string;
+            mediaData?: undefined;
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        element?: undefined;
+        style?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[];
+        data: {
+            audioUrl: string;
+            text: string;
+            mediaData?: undefined;
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            linkType?: undefined;
+        };
+        element?: undefined;
+        style?: undefined;
+        normal?: undefined;
+    } | {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        position: number[];
+        data: {
+            linkType: string;
+            text: string;
+            mediaData?: undefined;
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+        };
+        element?: undefined;
+        style?: undefined;
+        normal?: undefined;
+    }) & {
+        id: number;
+    })[];
+};
+export default _default;

package/dist/CSS3DRenderPlugin/PanoTagPlugin/mocks/mock2.d.ts

@@ -0,0 +1,233 @@
+declare const _default: {
+    tagList: ({
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style?: undefined;
+            };
+        };
+        contentType: string;
+        data: {
+            title: string;
+            brandTags: string[];
+            tags: string[];
+            headerPictureUrl: string;
+            highlightText: string;
+            price: {
+                unit: string;
+                value: string;
+            };
+            extraData: {
+                brandTags: string[];
+                headerPictureUrl: string;
+                highlightText: string;
+                price: {
+                    unit: string;
+                    value: string;
+                };
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style?: undefined;
+                    };
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                tags: string[];
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            text?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style?: undefined;
+            };
+        };
+        contentType: string;
+        data: {
+            text: string;
+            mediaData: {
+                type: string;
+                url: string;
+                videoCoverUrl: string;
+                name: string;
+                width: number;
+                height: number;
+            }[];
+            extraData: {
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style?: undefined;
+                    };
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            audioUrl: string;
+            extraData: {
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            linkType?: undefined;
+        };
+        style?: undefined;
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            linkType: string;
+            extraData: {
+                linkOpeningMethod: string;
+                linkType: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tagClosedStyle?: undefined;
+                tagIconUrl?: undefined;
+                tags?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+        };
+        style?: undefined;
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        style: {
+            point: {
+                iconUrl: string;
+                style: string;
+            };
+        };
+        contentType: string;
+        data: {
+            text: string;
+            linkType: string;
+            extraData: {
+                linkOpeningMethod: string;
+                linkType: string;
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style: string;
+                    };
+                };
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                tagClosedStyle?: undefined;
+                tagIconUrl?: undefined;
+                tags?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+        };
+    } | {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: string[];
+        contentType: string;
+        data: {
+            text: string;
+            extraData: {
+                tagClosedStyle: string;
+                tagIconUrl: string;
+                brandTags?: undefined;
+                headerPictureUrl?: undefined;
+                highlightText?: undefined;
+                price?: undefined;
+                style?: undefined;
+                tags?: undefined;
+                linkOpeningMethod?: undefined;
+                linkType?: undefined;
+            };
+            title?: undefined;
+            brandTags?: undefined;
+            tags?: undefined;
+            headerPictureUrl?: undefined;
+            highlightText?: undefined;
+            price?: undefined;
+            mediaData?: undefined;
+            audioUrl?: undefined;
+            linkType?: undefined;
+        };
+        style?: undefined;
+    })[];
+};
+export default _default;