@realsee/dnalogel 2.1.0-alpha.13 → 2.1.0-alpha.15

package/libs/src/PanoSpatialTagPlugin/typings.d.ts

@@ -0,0 +1,40 @@
+import type * as THREE from 'three';
+export declare type PanoSpatialTagPluginId = string | number;
+export interface PanoSpatialTagPluginContentReplacement {
+    [key: string]: string;
+}
+interface PanoSpatialTagPluginAppData {
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight?: number;
+}
+export interface PanoSpatialTagPluginDataElement extends PanoSpatialTagPluginAppData {
+    id: PanoSpatialTagPluginId;
+    position: number[];
+    normal: number[];
+}
+export interface PanoSpatialTagPluginTagElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    app: any;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginOriginElement {
+    id: PanoSpatialTagPluginId;
+    front: boolean;
+    left: number;
+    top: number;
+    destroying?: boolean;
+}
+export interface PanoSpatialTagPluginContentEvent {
+    [className: string]: (id: PanoSpatialTagPluginId) => any;
+}
+export interface PanoSpatialTagPluginPointElement {
+    id: PanoSpatialTagPluginId;
+    position: THREE.Vector3;
+    normal: THREE.Vector3;
+    replacement: PanoSpatialTagPluginContentReplacement;
+    weight: number;
+    distance?: number;
+}
+export {};

package/libs/src/PanoSpatialTagPlugin/typings.js

@@ -0,0 +1 @@
+export {};

package/libs/src/PanoTagPlugin/Assets/Icon.d.ts

@@ -0,0 +1,2 @@
+export declare const Image_Arrow = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAB0ElEQVRYCe2WSUoEQRBFLVHEiVZU1I03cKW38SSewRt4A5fiTty5cQIFR9pZQWkcUNSe2/Z9yISiSGxRkUAy4BGZSVX168gistraYsQKxArECsQKxApYqkDyU5lmsznMM+ZgAGpQhaUkSRbINgLJCXiCBtSgAkVYtGGIBTKj8AgKSVahDNvQa0IUkUG4Bx91BpLdBTOS/cgUIB3a+gMwI9mFzE3a0I3z5B4r292JzGVA8tSSZILMcUDyzIykthOZvYDk+V9Ktmz4yGzhOhV4/+5YU4N/hzqo0StX3Fg5TcnNlYvgs8bPsM4hkScHoyO46haRnGEYktQVI+4ypUYKyXtxyUu27JCceAMJvjo0HoM5CEZ7cPX7i013q3IWVV5r2aw/2TK+svWbPGU68KQCa6pYeus1V0X99quSfvtVSc39lmfz2mdbz32tg1dAJ0421AVs9E7/FxBSezrMmjI/gm5/nYmMkBq+TqBs7LNgTlZH6EnWlPmORdk+pHQipUNfTxtg7p3NIXWRMvXfoqusmXsNhpC6crIS1Zf9C6yAOdlxpK5BW18CiT7A/G93gE+P0FY/RoO+RWqS62YhB2r4YhlixArECsQKxArECvzjCnwAOr0wF44ggHAAAAAASUVORK5CYII=";
+export declare const Image_Play = "data:image/png;base64,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";

package/libs/src/PanoTagPlugin/Assets/Icon.js

@@ -0,0 +1,2 @@
+export const Image_Arrow = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAKqADAAQAAAABAAAAKgAAAADUGqULAAAB0ElEQVRYCe2WSUoEQRBFLVHEiVZU1I03cKW38SSewRt4A5fiTty5cQIFR9pZQWkcUNSe2/Z9yISiSGxRkUAy4BGZSVX168gistraYsQKxArECsQKxApYqkDyU5lmsznMM+ZgAGpQhaUkSRbINgLJCXiCBtSgAkVYtGGIBTKj8AgKSVahDNvQa0IUkUG4Bx91BpLdBTOS/cgUIB3a+gMwI9mFzE3a0I3z5B4r292JzGVA8tSSZILMcUDyzIykthOZvYDk+V9Ktmz4yGzhOhV4/+5YU4N/hzqo0StX3Fg5TcnNlYvgs8bPsM4hkScHoyO46haRnGEYktQVI+4ypUYKyXtxyUu27JCceAMJvjo0HoM5CEZ7cPX7i013q3IWVV5r2aw/2TK+svWbPGU68KQCa6pYeus1V0X99quSfvtVSc39lmfz2mdbz32tg1dAJ0421AVs9E7/FxBSezrMmjI/gm5/nYmMkBq+TqBs7LNgTlZH6EnWlPmORdk+pHQipUNfTxtg7p3NIXWRMvXfoqusmXsNhpC6crIS1Zf9C6yAOdlxpK5BW18CiT7A/G93gE+P0FY/RoO+RWqS62YhB2r4YhlixArECsQKxArECvzjCnwAOr0wF44ggHAAAAAASUVORK5CYII=';
+export const Image_Play = 'data:image/png;base64,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';

package/libs/src/PanoTagPlugin/controller/TagCacheController.d.ts

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

package/libs/src/PanoTagPlugin/controller/TagCacheController.js

@@ -0,0 +1,43 @@
+import * as BasePlugin from '../../base/BasePlugin';
+export class TagCacheController extends BasePlugin.Controller {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "tagCacheByPanoIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
+    /**
+     * @description: 获取缓存
+     */
+    getCaches({ panoIndex, id, key }) {
+        var _a, _b, _c, _d;
+        const { five } = this;
+        const fivePanoIndex = (_a = five.panoIndex) !== null && _a !== void 0 ? _a : panoIndex;
+        if (fivePanoIndex === undefined)
+            throw new Error(`TagCacheController getCache(): fivePanoIndex is ${fivePanoIndex}`);
+        const cacheKey = `${(_c = (_b = five.work) === null || _b === void 0 ? void 0 : _b.workCode) !== null && _c !== void 0 ? _c : five.model.uuid}-${fivePanoIndex}`;
+        let caches = this.tagCacheByPanoIndex[cacheKey];
+        if (!caches) {
+            caches = new Map();
+            this.tagCacheByPanoIndex[cacheKey] = caches;
+        }
+        if (id === undefined)
+            return caches;
+        if (key === undefined) {
+            const cache = caches.get(id);
+            if (cache)
+                return cache;
+            else {
+                caches.set(id, {});
+                return caches.get(id);
+            }
+        }
+        return (_d = caches.get(id)) === null || _d === void 0 ? void 0 : _d[key];
+    }
+    clearCache() {
+        this.tagCacheByPanoIndex = {};
+    }
+}

package/libs/src/PanoTagPlugin/controller/TagComputer.d.ts

@@ -0,0 +1,68 @@
+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);
+    getTagById(id: TagId): TagElement<import("../typings").ContentType, PointType, DimensionType, {}>;
+    /**
+     * @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: 一个点的标签
+     */
+    protected setPointTagPosition(): void;
+    protected setVisibleByPanoIndex(): void;
+    protected setUnfoldedByPanoIndex(): void;
+    /**
+     * @description: 一个点的标签
+     */
+    protected getTagProject(tag: Tag): {
+        x: number;
+        y: number;
+        z: number;
+    };
+    protected filterPointTag(): PointTagElement[];
+    protected filterTag2D(): Tag2DElement[];
+    protected filter3DPointTag(): Tag3DElement[];
+    protected filter3DTag(): TagElement<any, PointType, DimensionType.Three>[];
+    protected filterPlaneTag(): PlaneTagElement[];
+}

package/libs/src/PanoTagPlugin/controller/TagComputer.js

@@ -0,0 +1,410 @@
+import objectAssignDeep from 'object-assign-deep';
+import * as THREE from 'three';
+import { DefaultConfig } from '../tag.config';
+import { PointType, DimensionType, } from '../typings';
+import { planeNormal, anyPositionToVector3, tagPosition, checkRange } from '../utils';
+import { arrayPositionToVector3 } from '../utils';
+import { TagCacheController } from './TagCacheController';
+export class TagComputer extends TagCacheController {
+    constructor(five) {
+        super(five);
+        Object.defineProperty(this, "tags", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: DefaultConfig
+        });
+        Object.defineProperty(this, "raycaster", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new THREE.Raycaster()
+        });
+    }
+    getTagById(id) {
+        const tag = this.tags.find((tag) => {
+            return tag.id === id;
+        });
+        if (!tag) {
+            console.error(`getTagById(): tag is ${tag}, id is ${id}`);
+            return undefined;
+        }
+        return tag;
+    }
+    /**
+     * @description: 改变配置
+     */
+    changeConfig(config, merge = true) {
+        if (merge) {
+            this.config = objectAssignDeep({}, this.config, config);
+        }
+        else {
+            this.config = config;
+        }
+        // 配置改变后要清空缓存，重新计算
+        this.clearCache();
+    }
+    /**
+     * @description: 改变全局配置
+     */
+    changeGlobalConfig(globalConfig, merge = true) {
+        if (merge) {
+            this.config.globalConfig = objectAssignDeep({}, this.config.globalConfig, globalConfig);
+        }
+        else {
+            this.config.globalConfig = globalConfig;
+        }
+        // 配置改变后要清空缓存，重新计算
+        this.clearCache();
+    }
+    /**
+     * @description: 改变类型配置
+     */
+    changeContentTypeConfig(key, contentTypeConfig, merge = true) {
+        if (!this.config.contentTypeConfig)
+            this.config.contentTypeConfig = {};
+        if (merge) {
+            this.config.contentTypeConfig[key] = objectAssignDeep({}, this.config.contentTypeConfig[key], contentTypeConfig);
+        }
+        else {
+            this.config.contentTypeConfig[key] = contentTypeConfig;
+        }
+        // 配置改变后要清空缓存，重新计算
+        this.clearCache();
+    }
+    /**
+     * @description: 获取是否可见
+     */
+    getVisibleByPanoIndex(tag, panoIndex) {
+        var _a;
+        const cache = this.getCaches({ panoIndex, id: tag.id });
+        const fivePanoIndex = (_a = this.five.panoIndex) !== null && _a !== void 0 ? _a : panoIndex;
+        if (cache.visible !== undefined)
+            return cache.visible;
+        else {
+            const visible = (() => {
+                var _a, _b, _c, _d, _e;
+                const config = (_a = this.getTagConfig(tag).visibleConfig) !== null && _a !== void 0 ? _a : {};
+                const distance = this.getDistance(tag);
+                if (typeof config === 'function') {
+                    return config(this.five, { tag, distance });
+                }
+                else {
+                    // console.log(tag.id, '点位检测', tag)
+                    // 点位检测
+                    if (config.visiblePanoIndex !== undefined) {
+                        if (fivePanoIndex === undefined)
+                            return false;
+                        if (!config.visiblePanoIndex.includes(fivePanoIndex))
+                            return false;
+                    }
+                    // console.log(tag.id, '距离检测', tag)
+                    // 距离检测
+                    if (config.visibleDistance !== undefined) {
+                        if (config.visibleDistance !== 'unLimited') {
+                            const visible = checkRange(distance, config.visibleDistance);
+                            if (visible === false)
+                                return false;
+                        }
+                    }
+                    // console.log(tag.id, '碰撞检测', tag)
+                    // 碰撞检测
+                    if (((_b = config.intersectRaycaster) === null || _b === void 0 ? void 0 : _b.enabled) !== false) {
+                        // console.log(tag.id, '进入碰撞检测', tag)
+                        if (fivePanoIndex === undefined)
+                            return false;
+                        const observerPosition = (_c = this.five.work.observers[fivePanoIndex]) === null || _c === void 0 ? void 0 : _c.position;
+                        if (observerPosition === undefined)
+                            throw new Error(`getVisible(): observerPosition is ${observerPosition}`);
+                        const direction = tagPosition(tag.position).sub(observerPosition).normalize(); // 向量相减得到相机到模型的射线
+                        this.raycaster.set(observerPosition, direction);
+                        const [intersection] = this.five.model.intersectRaycaster(this.raycaster);
+                        // console.log(this.five.model.intersectRaycaster(this.raycaster), this.five.model, this.raycaster, this.five.model.loaded)
+                        const distanceError = (_e = (_d = config.intersectRaycaster) === null || _d === void 0 ? void 0 : _d.distanceAccuracy) !== null && _e !== void 0 ? _e : 0.01; // 标签误差
+                        if (intersection && intersection.distance + distanceError < distance)
+                            return false;
+                    }
+                    // console.log(tag.id, '角度检测', tag, config.angleRange)
+                    // 角度检测
+                    if (config.angleRange && tag.dimensionType === DimensionType.Three) {
+                        const visible = checkRange(this.getAngle(tag), config.angleRange);
+                        if (visible === false)
+                            return false;
+                    }
+                    // 结束
+                    // console.log(tag.id, '结束', tag, visible)
+                    return true;
+                }
+            })();
+            cache.visible = visible;
+            return cache.visible;
+        }
+    }
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByPanoIndex(tag, panoIndex) {
+        const visible = this.getVisibleByPanoIndex(tag);
+        if (!visible)
+            return;
+        const cache = this.getCaches({ panoIndex, id: tag.id });
+        if (cache.unfolded !== undefined)
+            return cache.unfolded;
+        else {
+            const config = this.getTagConfig(tag).unfoldedConfig;
+            if (!config)
+                return;
+            const unfolded = (() => {
+                const distance = this.getDistance(tag);
+                if (typeof config === 'function') {
+                    return config(this.five, { tag, distance });
+                }
+                else {
+                    if (config.disableUnfold === true)
+                        return false;
+                    if (config.disableFold === true)
+                        return true;
+                    // 距离检测
+                    if (config.unfoldDistance) {
+                        const unfolded = checkRange(distance, config.unfoldDistance);
+                        if (unfolded === false)
+                            return false;
+                    }
+                }
+            })();
+            cache.unfolded = unfolded;
+            const unfoldedByCamera = this.getUnfoldedByCamera(tag);
+            if (unfoldedByCamera !== undefined)
+                return unfoldedByCamera;
+            return cache.unfolded;
+        }
+    }
+    /**
+     * @description: 获取是否展开
+     */
+    getUnfoldedByCamera(tag) {
+        const visible = this.getVisibleByPanoIndex(tag);
+        if (!visible)
+            return;
+        const unfolded = (() => {
+            var _a;
+            const distance = this.getDistance(tag);
+            const config = this.getTagConfig(tag).unfoldedConfig;
+            if (!config)
+                return;
+            if (typeof config === 'function') {
+                return config(this.five, { tag, distance });
+            }
+            else {
+                if (config.disableUnfold === true)
+                    return false;
+                if (config.disableFold === true)
+                    return true;
+                if (config.autoUnfold === undefined)
+                    return;
+                // 屏幕位置检测
+                if (config.autoUnfold.strategy === 'ScreenPostion') {
+                    const project = this.getTagProject(tag);
+                    if (project) {
+                        const unfolded = checkRange(project.x, config.autoUnfold.autoUnfoldProjectX);
+                        if (unfolded === false)
+                            return false;
+                    }
+                }
+                // 最近距离检测
+                if (config.autoUnfold.strategy === 'MinimumDistance') {
+                    const pointTag = this.filterPointTag();
+                    const sameStrategyTags = pointTag
+                        .filter((t) => this.getVisibleByPanoIndex(t)) // 筛选可见标签
+                        .filter((t) => {
+                        const project = this.getTagProject(t);
+                        if (!project)
+                            return false;
+                        const { x, y, z } = project;
+                        return !(Math.abs(z) > 1 || Math.abs(x) > 1 || Math.abs(y) > 1);
+                    })
+                        .filter((t) => {
+                        var _a;
+                        const tagConfig = this.getTagConfig(t).unfoldedConfig;
+                        return typeof tagConfig === 'object' && ((_a = tagConfig.autoUnfold) === null || _a === void 0 ? void 0 : _a.strategy) === 'MinimumDistance';
+                    }) // 筛选 MinimumDistance 标签
+                        .map((t) => ({ id: t.id, distance: this.getDistance(t) })) // map
+                        .filter((t) => t.distance !== undefined) // 过滤
+                        .sort((a, b) => a.distance - b.distance); // 距离排序
+                    const index = sameStrategyTags.findIndex((t) => t.id === tag.id);
+                    if (index === -1)
+                        return false;
+                    const unfolded = index <= ((_a = config.autoUnfold.maxNumber) !== null && _a !== void 0 ? _a : 1) - 1;
+                    if (unfolded === false)
+                        return false;
+                }
+                return true;
+            }
+        })();
+        return unfolded;
+    }
+    /**
+     * @description: 获取距离
+     */
+    getDistance(tag, panoIndex) {
+        var _a, _b, _c;
+        const fivePanoIndex = (_a = this.five.panoIndex) !== null && _a !== void 0 ? _a : panoIndex;
+        if (fivePanoIndex === undefined)
+            throw new Error(`getDistance(): fivePanoIndex is ${fivePanoIndex}`);
+        const cache = this.getCaches({ panoIndex, id: tag.id });
+        if (cache.distance !== undefined)
+            return cache.distance;
+        else {
+            const observerPosition = (_c = (_b = this.five.work) === null || _b === void 0 ? void 0 : _b.observers[fivePanoIndex]) === null || _c === void 0 ? void 0 : _c.position;
+            if (observerPosition === undefined)
+                throw new Error(`getDistance(): observerPosition is ${observerPosition}`);
+            const position = (() => {
+                if (tag.pointType === PointType.PointTag) {
+                    return arrayPositionToVector3(tag === null || tag === void 0 ? void 0 : tag.position);
+                }
+                else {
+                    return tagPosition(tag.position);
+                }
+            })();
+            const distance = observerPosition.distanceTo(position);
+            cache.distance = distance;
+            return distance;
+        }
+    }
+    /**
+     * @description: 获取角度
+     */
+    getAngle(tag, panoIndex) {
+        var _a, _b, _c;
+        const fivePanoIndex = (_a = this.five.panoIndex) !== null && _a !== void 0 ? _a : panoIndex;
+        if (fivePanoIndex === undefined)
+            throw new Error(`getDistance(): fivePanoIndex is ${fivePanoIndex}`);
+        const cache = this.getCaches({ panoIndex, id: tag.id });
+        if (cache.angle !== undefined)
+            return cache.angle;
+        else {
+            const observerPosition = (_c = (_b = this.five.work) === null || _b === void 0 ? void 0 : _b.observers[fivePanoIndex]) === null || _c === void 0 ? void 0 : _c.position;
+            if (observerPosition === undefined)
+                throw new Error(`getAngleRange(): observerPosition is ${observerPosition}`);
+            const normal = (() => {
+                if (tag.pointType === PointType.PointTag)
+                    return anyPositionToVector3(tag.normal);
+                else
+                    return planeNormal(tag.position);
+            })();
+            if (!normal)
+                return;
+            const tagToCameraVector3 = new THREE.Vector3().copy(observerPosition).sub(tagPosition(tag.position)); // 标签点到相机的向量
+            const angle = (normal.angleTo(tagToCameraVector3) * 180) / Math.PI;
+            cache.angle = angle;
+            return cache.angle;
+        }
+    }
+    // TODO: 缓存
+    /**
+     * @description: 获取merge后的配置
+     */
+    getTagConfig(tag) {
+        var _a;
+        if (!tag)
+            return (_a = this.config.globalConfig) !== null && _a !== void 0 ? _a : {};
+        const contentTypeConfig = {};
+        if (this.config.contentTypeConfig) {
+            Object.keys(this.config.contentTypeConfig).forEach((_key) => {
+                const key = _key;
+                if (contentTypeConfig[key])
+                    return;
+                const keys = key.split('-');
+                const [dimensionTypeInkey = 'Any', contenttypeInKey = 'Any', pointTypeInkey = 'Any'] = keys || [];
+                if ((tag.dimensionType === dimensionTypeInkey || dimensionTypeInkey === 'Any') &&
+                    (tag.contentType === contenttypeInKey || contenttypeInKey === 'Any') &&
+                    (tag.pointType === pointTypeInkey || pointTypeInkey === 'Any')) {
+                    contentTypeConfig[key] = this.config.contentTypeConfig[key]; // 加!是因为前面已经 if (this.config.contentTypeConfig) 过了
+                }
+            });
+        }
+        // merge config
+        const mergeConfig = objectAssignDeep({}, this.config.globalConfig, ...Object.values(contentTypeConfig), tag.config);
+        return mergeConfig;
+    }
+    /**
+     * @description: 一个点的标签
+     */
+    setPointTagPosition() {
+        const tags = this.filterPointTag();
+        if (tags.length === 0)
+            return;
+        tags.forEach((tag) => {
+            var _a;
+            if (!((_a = tag.state) === null || _a === void 0 ? void 0 : _a.visible)) {
+                tag.pointTagStyle = undefined;
+                return;
+            }
+            const project = this.getTagProject(tag);
+            if (!project) {
+                tag.pointTagStyle = undefined;
+                return;
+            }
+            tag.pointTagStyle = { leftPercent: ((project.x + 1) / 2) * 100, topPercent: ((-project.y + 1) / 2) * 100 };
+        });
+    }
+    setVisibleByPanoIndex() {
+        this.tags.forEach((tag) => {
+            const visible = this.getVisibleByPanoIndex(tag);
+            if (tag.state)
+                tag.state.visible = visible;
+        });
+    }
+    setUnfoldedByPanoIndex() {
+        this.tags.forEach((tag) => {
+            const unfolded = this.getUnfoldedByPanoIndex(tag);
+            if (!tag.state)
+                return;
+            if (unfolded !== undefined) {
+                tag.state.unfolded = unfolded;
+            }
+            // 如果标签展开但不可见，就要判断autoUnfoldWhenHide
+            if (unfolded && !tag.state.visible) {
+                const config = this.getTagConfig(tag);
+                if (typeof config.unfoldedConfig === 'object' && config.unfoldedConfig.autoUnfoldWhenHide !== false) {
+                    tag.state.unfolded = false;
+                }
+            }
+        });
+    }
+    /**
+     * @description: 一个点的标签
+     */
+    getTagProject(tag) {
+        const visible = this.getVisibleByPanoIndex(tag);
+        if (!visible)
+            return;
+        const vector3Position = tagPosition(tag.position);
+        const { x, y, z } = vector3Position.project(this.five.camera);
+        if (z > 1)
+            return;
+        return { x, y, z };
+    }
+    // TODO: 优化点：下面这些函数，调用比较频繁，可以按点位加缓存
+    filterPointTag() {
+        return this.tags.filter((tag) => tag.pointType === PointType.PointTag);
+    }
+    filterTag2D() {
+        return this.tags.filter((tag) => tag.dimensionType === DimensionType.Two);
+    }
+    filter3DPointTag() {
+        return this.tags.filter((tag) => tag.dimensionType === DimensionType.Three && tag.pointType === PointType.PointTag);
+    }
+    filter3DTag() {
+        return this.tags.filter((tag) => tag.dimensionType === DimensionType.Three);
+    }
+    filterPlaneTag() {
+        return this.tags.filter((tag) => tag.dimensionType === DimensionType.Three && tag.pointType === PointType.PlaneTag);
+    }
+}