@realsee/dnalogel 2.1.0-alpha.2 → 2.1.0-alpha.3

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

@@ -0,0 +1,69 @@
+import type { Five } from '@realsee/five';
+import { Tag, Tags, TagConfig, PointType, DimensionType, ContentTypeConfigKey, PlaneTag, TagElement, Tag2DElement, Tag3DElement, PlaneTagElement, PointTagElement, Tag3D, TagId } from '../typings';
+import { TagCacheController } from './TagCacheController';
+export declare abstract class TagComputer extends TagCacheController {
+    tags: TagElement[];
+    config: {
+        globalConfig?: Tags['globalConfig'];
+        contentTypeConfig?: Tags['contentTypeConfig'];
+    };
+    private raycaster;
+    protected constructor(five: Five);
+    /**
+     * @description: 改变配置
+     */
+    changeConfig(config: TagComputer['config'], merge?: boolean): void;
+    /**
+     * @description: 改变全局配置
+     */
+    changeGlobalConfig(globalConfig: TagComputer['config']['globalConfig'], merge?: boolean): void;
+    /**
+     * @description: 改变类型配置
+     */
+    changeContentTypeConfig(key: ContentTypeConfigKey, contentTypeConfig: TagConfig, merge?: boolean): void;
+    /**
+     * @description: 获取是否可见
+     */
+    getVisibleByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByPanoIndex(tag: Tag, panoIndex?: number): boolean;
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByCamera(tag: Tag): boolean;
+    /**
+     * @description: 获取距离
+     */
+    getDistance(tag: Tag, panoIndex?: number): number;
+    /**
+     * @description: 获取角度
+     */
+    getAngle(tag: Tag3D | PlaneTag, panoIndex?: number): number;
+    /**
+     * @description: 获取merge后的配置
+     */
+    getTagConfig(tag: Tag): TagConfig<import("../typings").ContentType, PointType, DimensionType, {}>;
+    /**
+     * @description: 一个点的标签
+     */
+    setPointTagPosition(): void;
+    setVisibleByPanoIndex(): void;
+    setUnfoldedByPanoIndex(): void;
+    setVisibleAndUnfoldedByPanoIndex(): void;
+    /**
+     * @description: 一个点的标签
+     */
+    getTagProject(tag: Tag): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    getTagById(id: TagId): TagElement<import("../typings").ContentType, PointType, DimensionType, {}>;
+    filterPointTag(): PointTagElement[];
+    filterTag2D(): Tag2DElement[];
+    filter3DPointTag(): Tag3DElement[];
+    filter3DTag(): TagElement<any, PointType, DimensionType.Three>[];
+    filterPlaneTag(): PlaneTagElement[];
+}

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

@@ -0,0 +1,138 @@
+import { Five } from '@realsee/five';
+import type { Tag, ContentType, PartialDeep, TagId, Tags, State } from '../typings';
+import { TagComputer } from './TagComputer';
+import { ArrayPosition } from '../typings';
+export declare const pluginFlag: (name: string) => string;
+declare class PanoTagPluginController extends TagComputer {
+    /** 版本号 */
+    version: string;
+    /** state */
+    state: {
+        enabled: boolean;
+        visible: boolean;
+    };
+    /** 插件参数 */
+    private params;
+    /** debug */
+    private debug;
+    /** css3DRenderPlugin */
+    private css3DRenderPlugin?;
+    /** 点标签 */
+    private PointTagSvelte?;
+    /** 临时状态 */
+    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'];
+        };
+    });
+    /**
+     * @description: 加载数据
+     */
+    load(data: Tags): void;
+    /**
+     * @description: 添加标签
+     */
+    addTag(tag: Tag | Tag[]): void;
+    show(params?: {
+        userAction?: boolean;
+        withAnimation?: boolean;
+    }): Promise<void>;
+    hide(params?: {
+        userAction?: boolean;
+        withAnimation?: boolean;
+    }): Promise<void>;
+    enable(params?: {
+        userAction?: boolean;
+    }): void;
+    disable(params?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description: 销毁
+     */
+    dispose(): void;
+    setState(state: Partial<State>, params: {
+        userAction?: boolean;
+        visibleWithAnimation?: boolean;
+    }): void;
+    /**
+     * @description: 修改3D标签normal
+     */
+    changeTagNormalById(id: TagId, normal: ArrayPosition): void;
+    /**
+     * @description: 改变data
+     */
+    changeDataById<C extends ContentType = ContentType.Custom>(id: TagId, data: PartialDeep<Tag<C>['data']>, deepMerge?: boolean): void;
+    /**
+     * @description: 改变tag任意属性
+     */
+    changeTagById<C extends ContentType = ContentType.Custom>(id: TagId, tag: PartialDeep<{
+        [P in keyof Pick<Tag<C>, 'enabled' | 'style' | 'dimensionType' | 'contentType' | 'data' | 'normal'>]: Tag[P];
+    }>, deepMerge?: boolean): void;
+    /**
+     * @description: 销毁tag
+     */
+    destroyTagById(id: TagId | TagId[]): void;
+    /** 暂停当前标签内进行的所有多媒体 */
+    pauseCurrentMedia(): void;
+    private handleShow;
+    private handleHide;
+    private handleEnable;
+    private handleDisable;
+    private disposedErrorLog;
+    /**
+     * @description: 添加 cameraUpdate, panoArrived 等事件监听
+     */
+    private addEventListener;
+    private addResizeObserver;
+    /**
+     * @description: 切换模式处理函数
+     */
+    private handleFiveModeChange;
+    private handleFiveWantsMoveToPano;
+    /**
+     * @description: 走点/切换模型后显示
+     */
+    private temporaryShow;
+    /**
+     * @description: 走点/切换模型时临时隐藏
+     */
+    private temporaryHide;
+    private clickhandler;
+    /**
+     * @description: 更新所有标签
+     */
+    private updateRenderAllTag;
+    private updateTagContainerVisible;
+    private handleFiveCameraUpdateDebounce;
+    private handleFiveCameraUpdate;
+    private handleFivePanoArrived;
+    private setUnfoldedByCamera;
+    /**
+     * @description: 渲染单个点的标签
+     */
+    private updateRenderPointTag;
+    /**
+     * @description: 渲染3D贴片
+     */
+    private updateRenderPlaneTag;
+    private disposeAllCSS3DContainer;
+    /**
+     * @description: 检查并销毁不用的3D贴片
+     */
+    private checkPanelTag;
+}
+export default PanoTagPluginController;
+export { PanoTagPluginController };

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

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

package/dist/CruisePlugin/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/CruisePlugin/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;

package/dist/CruisePlugin/PanoTagPlugin/mocks/mock3.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    tagList: {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: number[];
+        data: {
+            text: string;
+        };
+        normal: number[];
+        contentType: string;
+    }[];
+};
+export default _default;

package/dist/CruisePlugin/PanoTagPlugin/mocks/mock4.d.ts

@@ -0,0 +1,56 @@
+declare const _default: {
+    tagList: {
+        id: number;
+        pointType: string;
+        dimensionType: string;
+        position: number[];
+        normal: number[];
+        style: {
+            point: {
+                iconUrl: string;
+                style: string;
+            };
+            style: string;
+        };
+        contentType: string;
+        data: {
+            text: string;
+            extraData: {
+                baseNormal: number[];
+                fiveState: {
+                    fov: number;
+                    latitude: number;
+                    longitude: number;
+                    mode: string;
+                    offset: {
+                        x: number;
+                        y: number;
+                        z: number;
+                    };
+                    panoIndex: number;
+                };
+                style: {
+                    point: {
+                        iconUrl: string;
+                        style: string;
+                    };
+                    style: string;
+                };
+                tagClosedStyle: string;
+                tagIconUrl: string;
+            };
+        };
+        state: {
+            visible: boolean;
+            unfolded: boolean;
+        };
+        pointTagStyle: {
+            leftPercent: number;
+            topPercent: number;
+        };
+        temporaryState: {
+            visible: boolean;
+        };
+    }[];
+};
+export default _default;

package/dist/CruisePlugin/PanoTagPlugin/mocks/mock5.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    tagList: {
+        dimensionType: string;
+        pointType: string;
+        contentType: string;
+        normal: number[];
+        position: number[];
+        data: {
+            text: string;
+        };
+    }[];
+};
+export default _default;