@realsee/dnalogel 2.0.0-alpha.33 → 2.0.0-alpha.35-beta2

package/dist/PanoSpatialTagPlugin/index.js

@@ -885,7 +885,6 @@ class Template {
 }
 
 const MESH_SIZE = 0.001;
-const RAY_ORIGIN_Y = 1.4;
 const RAY_TOLERANT_DISTANCE = 0.01;
 const BLUR_IMAGE_URL = 'https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png';
 const MIN_DISTANCE = 1.2;
@@ -896,6 +895,7 @@ const MAX_DISTANCE = 3.5;
 const PanoSpatialTagPlugin = (five$1, params) => {
     var _a, _b, _c, _d, _e, _f;
     let wrapper = params === null || params === void 0 ? void 0 : params.container;
+    let centerY = 1.4;
     const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
     const maxNumberOnScreen = (_b = params === null || params === void 0 ? void 0 : params.maxNumberOnScreen) !== null && _b !== void 0 ? _b : 3;
     const minRad = (_c = params === null || params === void 0 ? void 0 : params.minRad) !== null && _c !== void 0 ? _c : Math.PI / 4;
@@ -954,7 +954,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
         frustum.setFromProjectionMatrix(projScreenMatrix);
         state.tags.forEach(tag => {
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(tag.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(tag.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return tag.destroying = true;
             if (!frustum.containsPoint(tag.position))
@@ -1049,7 +1049,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         const points = state.points.reduce((result, point) => {
             if (state.tags.find(tag => point.id === tag.id && !tag.destroying))
                 return result;
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(point.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(point.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return result;
             if (!frustum.containsPoint(point.position))
@@ -1110,10 +1110,12 @@ const PanoSpatialTagPlugin = (five$1, params) => {
                     Math.pow((mouse.y - _mouse.y) / 2 * clientHeight, 2)) > nearTolerance;
             }))
                 continue;
-            const raycaster = new THREE__namespace.Raycaster(camera.position.clone().setY(RAY_ORIGIN_Y), point.position.clone().sub(camera.position.clone().setY(RAY_ORIGIN_Y)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
-            const [intersect] = five$1.model.bvhs.loaded ?
-                five$1.model.intersectRaycaster(raycaster) :
-                raycaster.intersectObjects(five$1.model.children, true);
+            const raycaster = new THREE__namespace.Raycaster(camera.position.clone().setY(centerY), point.position.clone().sub(camera.position.clone().setY(centerY)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
+            const [intersect] = state.intersectObjects ?
+                raycaster.intersectObjects(state.intersectObjects, true) :
+                (five$1.model.bvhs.loaded ?
+                    five$1.model.intersectRaycaster(raycaster) :
+                    raycaster.intersectObjects(five$1.model.children, true));
             if (!intersect)
                 continue;
             if (point.distance - intersect.distance < RAY_TOLERANT_DISTANCE) {
@@ -1180,6 +1182,13 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         if (data.folded === true)
             state.folded = data.folded;
     };
+    /** 设置射线碰撞检测objects
+     *
+     */
+    const setIntersectObjects = (objects) => {
+        state.intersectObjects = objects;
+        updateTags();
+    };
     /** 标签启用
      * 启用插件并重新计算展示标签
      */
@@ -1253,13 +1262,16 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         five$1.off('panoArrived', onPanoArrived);
         five$1.off('modeChange', onModeChange);
         five$1.off('cameraUpdate', onCameraUpdate);
+        window.removeEventListener('resize', updateOrigins, false);
     };
+    window.addEventListener('resize', updateOrigins, false);
     if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five$1.getElement().parentElement;
         if (wrapper)
             wrapper.appendChild(container);
         state.forbidden = false;
+        centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
         updateTags();
         five$1.on('panoWillArrive', onPanoWillArrive);
         five$1.on('panoArrived', onPanoArrived);
@@ -1272,6 +1284,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
                 wrapper = five$1.getElement().parentElement;
             if (wrapper)
                 wrapper.appendChild(container);
+            centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
             state.forbidden = false;
             updateTags();
             five$1.on('panoWillArrive', onPanoWillArrive);
@@ -1283,6 +1296,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
     five$1.on('dispose', dispose);
     return {
         load,
+        setIntersectObjects,
         unfoldAll,
         foldAll,
         unfold,

package/dist/components/PaintBrush/Controller.d.ts

@@ -0,0 +1,43 @@
+import { noop } from './utils';
+import { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings';
+import { Subscribe } from './Subscribe';
+export declare class Controller extends Subscribe<PaintBrushEventMap> {
+    configs: PaintBrushConfigs;
+    private clientWidth;
+    private clientHeight;
+    private ready;
+    private uuid;
+    private tween?;
+    private tweening;
+    private container;
+    private canvas;
+    private data;
+    private tempLine;
+    get color(): string;
+    get state(): Record<string, PaintBrushState[]>;
+    get dpr(): number;
+    constructor(configs: PaintBrushConfigs);
+    ifInsertToDOM(): HTMLDivElement;
+    /**
+     *
+     * @param className 初始化画板
+     * @returns
+     */
+    initCanvas(className: string): HTMLCanvasElement;
+    /**
+     * 初始化操作面板
+     * @returns
+     */
+    initCtrl(): HTMLDivElement;
+    openBrush(): void;
+    closeBrush(): void;
+    updateCurrentColor(color: string): void;
+    openBrushHandle(): void;
+    emitStateChange(action: PaintBrushAction, userAction?: boolean): void;
+    action(action: PaintBrushAction): void;
+    handleDrawLine(_uuid: string, data: PaintBrushState, { withUndo }: {
+        withUndo?: boolean;
+    }, callback?: typeof noop): void;
+    handleUndo(uuid: string): void;
+    destroyBrush(): void;
+}

package/dist/components/PaintBrush/Subscribe.d.ts

@@ -0,0 +1,76 @@
+export declare type EventMap = {
+    [name: string]: (...args: any[]) => void | boolean;
+};
+/**
+ * 监听者模式
+ * @template T 预设的监听回调类型
+ * @example
+ * ```
+ * new Subscribe<{
+ * "foo": [arg1: number, arg2: string],
+ * "bar": [arg: boolean],
+ * }>()
+ * ```
+ */
+declare class Subscribe<T extends EventMap> {
+    /**
+     * 判断是否注册了事件
+     * @param name  事件类型
+     */
+    hasListener(name: keyof T): boolean;
+    /**
+     * 注册事件
+     * @param  name    事件类型
+     * @param  callback 事件回调函数
+     * @param  once     是否只执行一次
+     * @returns 解除事件
+     * @template K 预设的监听事件名称
+     * @template C 回调函数函数上下文
+     */
+    on<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
+    /**
+     * 注册事件(是否只执行一次)
+     * @param  name     事件类型
+     * @param  callback 事件回调函数
+     * @returns 解除事件
+     * @template K 预设的监听事件名称
+     * @template C 回调函数函数上下文
+     */
+    once<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
+    /**
+     * 解除事件
+     *
+     * 如果 name 不传的话解除对应所有事件
+     * 如果 name, callback 不传的话解除所有name的所有事件
+     * @param  name     事件类型
+     * @param  callback 事件回调函数
+     * @template K 预设的监听事件名称
+     */
+    off<K extends keyof T>(name?: K, callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>): void;
+    /**
+     * 触发事件
+     * @param  name  事件类型
+     * @param  data  触发事件的数据
+     * @returns canceled 是否被触发取消
+     * @template K 预设的监听事件名称
+     */
+    emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
+}
+export declare namespace SubscribeMixinType {
+    interface hasListener<T extends EventMap> {
+        (name: keyof T): boolean;
+    }
+    interface on<T extends EventMap> {
+        <K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
+    }
+    interface once<T extends EventMap> {
+        <K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
+    }
+    interface off<T extends EventMap> {
+        <K extends keyof T>(names?: K | K[], callback?: (...args: any[]) => any): void;
+    }
+    interface emit<T extends EventMap> {
+        <K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
+    }
+}
+export { Subscribe };

package/dist/components/PaintBrush/index.d.ts

@@ -0,0 +1,27 @@
+import type { PaintBrushAction, PaintBrushConfigs, PaintBrushEventMap, PaintBrushState } from './typings';
+export declare class PaintBrush {
+    private controller;
+    constructor(configs?: Partial<PaintBrushConfigs>);
+    on<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    off<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    once<K extends keyof PaintBrushEventMap>(name: K, callback: (...args: Parameters<PaintBrushEventMap[K]>) => ReturnType<PaintBrushEventMap[K]>): void;
+    /**
+     * 显示画笔。
+     */
+    show(): void;
+    action(action: PaintBrushAction): void;
+    /**
+     * 获取画笔状态。
+     */
+    get state(): Record<string, PaintBrushState[]>;
+    get configs(): PaintBrushConfigs;
+    /**
+     * 销毁。
+     *
+     * @deprecated
+     *
+     * @description 画笔应该维护一个 **全局单例**，重复利用。
+     */
+    dispose(): void;
+    setCurrentColor(color: string): void;
+}

package/dist/components/PaintBrush/style.d.ts

@@ -0,0 +1,2 @@
+declare const PaintBrushStyle = "\n<style type=\"text/css\">\n\n#_gl_paintBrush {\nposition: fixed;\ntop: 0;\nbottom: 0;\nleft: 0;\nright: 0;\ntransform: translateZ(0);\nz-index: 1997;\npointer-events: none;\nopacity: 0;\ntransition: all 500ms;\n}\n\n#_gl_paintBrush.brushing {\n  opacity: 1;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas--sync {\n  pointer-events: none;\n  z-index: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  top: 0;\n}\n\n#_gl_paintBrush ._paintBrush-canvas {\n  pointer-events: none;\n  z-index: 1;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-canvas {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl {\n  width: 140px;\n  height: 52px;\n  position: absolute;\n  bottom: 28px;\n  right: 50%;\n  transform: translateX(50%);\n  font-size: 10px;\n  color: white;\n  z-index: 2;\n}\n\n#_gl_paintBrush.brushing ._paintBrush-ctrl {\n  pointer-events: auto;\n}\n\n#_gl_paintBrush ._paintBrush-ctrl ._paintBrush-ctrlinner {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: 26px;\n  padding: 8px 16px;\n  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);\n  background-image: linear-gradient(180deg, hsl(0deg 0% 0% / 57%), hsl(0deg 0% 0% / 70%) 117%);\n}\n\n._paintBrush-ctrlitem {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 38px;\n  height: 38px;\n  cursor: pointer;\n}\n\n._paintBrush-ctrlitem--undo >.brush-icon{\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/revoke.ab7694ef.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n._paintBrush-ctrlitem--close >.brush-icon {\n    background-image: url(\"//vrlab-static.ljcdn.com/release/web/exit_paintbrush.02bc1341.svg\");\n    background-size: 100%;\n    width: 22px;\n    height: 22px;\n}\n\n</style>\n";
+export default PaintBrushStyle;

package/dist/components/PaintBrush/tween.d.ts

@@ -0,0 +1,62 @@
+import { Tween } from '@tweenjs/tween.js';
+export declare const Easing: {
+    Linear: {
+        None: (amount: number) => number;
+    };
+    Quadratic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Cubic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Quartic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Quintic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Sinusoidal: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Exponential: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Circular: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Elastic: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Back: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+    Bounce: {
+        In: (amount: number) => number;
+        Out: (amount: number) => number;
+        InOut: (amount: number) => number;
+    };
+};
+export interface TweenRes extends Tween<any> {
+    onDestroy: (fn: () => void) => any;
+    destroy: () => any;
+}
+export default function tween(from: any, to: any, duration: number, easing?: (amount: number) => number): TweenRes;
+export declare function tweenProgress(duration: number, easing: (amount: number) => number): TweenRes;

package/dist/components/PaintBrush/typings.d.ts

@@ -0,0 +1,58 @@
+export interface PaintBrushConfigs {
+    container?: HTMLDivElement;
+    currentColor: string;
+    DPR?: number;
+    onClickClose?: () => void;
+    onClickUndo?: () => void;
+    onUndoText?: string;
+    onExitText?: string;
+}
+export declare type PaintBrushEventMap = {
+    readyChange: (ready: boolean) => void;
+    stateChange: (state: PaintBrushAction, userAction: boolean) => void;
+};
+export interface PaintBrushState {
+    move: {
+        x: number;
+        y: number;
+    };
+    line: {
+        x: number;
+        y: number;
+    }[];
+    color: string;
+    uuid: string;
+    duration: number;
+}
+export declare enum PaintBrushTypeEnum {
+    Drawline = "Drawline",
+    Undo = "Undo",
+    Exit = "Exit"
+}
+export interface PaintBrushAction {
+    uuid: string;
+    /**
+     * 类型枚举
+     */
+    type: PaintBrushTypeEnum;
+    /**
+     * 颜色色值
+     */
+    color: string;
+    /**
+     * 是否就绪
+     */
+    ready: boolean;
+    /**
+     * 状态值
+     */
+    state?: PaintBrushState;
+    /**
+     * 时间戳：当作 uuid 使用
+     */
+    timestamp?: number;
+    /**
+     * 是否是结尾数据
+     */
+    end?: boolean;
+}

package/dist/components/PaintBrush/utils.d.ts

@@ -0,0 +1,26 @@
+export declare function noop(): void;
+export interface Coords {
+    x: number;
+    y: number;
+}
+export declare function queue(promiseCallback?: () => Promise<void>): void;
+export declare function transformCoords(coords: Coords, cw: number, ch: number): {
+    x: number;
+    y: number;
+};
+export declare function unTransformCoords(coords: Coords, cw: number, ch: number): {
+    x: number;
+    y: number;
+};
+export declare function getQuadraticCurvePoint(points: Coords[]): {
+    control?: undefined;
+    end?: undefined;
+} | {
+    control: Coords;
+    end: {
+        x: number;
+        y: number;
+    };
+};
+export declare function execInterval(i: number, time: number, callback?: typeof noop): void;
+export declare function nextFrame(fn: FrameRequestCallback, delay?: number): void;

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PaintBrush';
+export * from './PaintBrush/typings';

package/dist/index.es.js

@@ -12426,7 +12426,6 @@ class Template {
 }
 
 const MESH_SIZE = 0.001;
-const RAY_ORIGIN_Y = 1.4;
 const RAY_TOLERANT_DISTANCE = 0.01;
 const BLUR_IMAGE_URL = 'https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png';
 const MIN_DISTANCE = 1.2;
@@ -12437,6 +12436,7 @@ const MAX_DISTANCE = 3.5;
 const PanoSpatialTagPlugin = (five, params) => {
     var _a, _b, _c, _d, _e, _f;
     let wrapper = params === null || params === void 0 ? void 0 : params.container;
+    let centerY = 1.4;
     const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
     const maxNumberOnScreen = (_b = params === null || params === void 0 ? void 0 : params.maxNumberOnScreen) !== null && _b !== void 0 ? _b : 3;
     const minRad = (_c = params === null || params === void 0 ? void 0 : params.minRad) !== null && _c !== void 0 ? _c : Math.PI / 4;
@@ -12495,7 +12495,7 @@ const PanoSpatialTagPlugin = (five, params) => {
         projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
         frustum.setFromProjectionMatrix(projScreenMatrix);
         state.tags.forEach(tag => {
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(tag.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(tag.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return tag.destroying = true;
             if (!frustum.containsPoint(tag.position))
@@ -12590,7 +12590,7 @@ const PanoSpatialTagPlugin = (five, params) => {
         const points = state.points.reduce((result, point) => {
             if (state.tags.find(tag => point.id === tag.id && !tag.destroying))
                 return result;
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(point.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(point.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return result;
             if (!frustum.containsPoint(point.position))
@@ -12651,10 +12651,12 @@ const PanoSpatialTagPlugin = (five, params) => {
                     Math.pow((mouse.y - _mouse.y) / 2 * clientHeight, 2)) > nearTolerance;
             }))
                 continue;
-            const raycaster = new THREE.Raycaster(camera.position.clone().setY(RAY_ORIGIN_Y), point.position.clone().sub(camera.position.clone().setY(RAY_ORIGIN_Y)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
-            const [intersect] = five.model.bvhs.loaded ?
-                five.model.intersectRaycaster(raycaster) :
-                raycaster.intersectObjects(five.model.children, true);
+            const raycaster = new THREE.Raycaster(camera.position.clone().setY(centerY), point.position.clone().sub(camera.position.clone().setY(centerY)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
+            const [intersect] = state.intersectObjects ?
+                raycaster.intersectObjects(state.intersectObjects, true) :
+                (five.model.bvhs.loaded ?
+                    five.model.intersectRaycaster(raycaster) :
+                    raycaster.intersectObjects(five.model.children, true));
             if (!intersect)
                 continue;
             if (point.distance - intersect.distance < RAY_TOLERANT_DISTANCE) {
@@ -12721,6 +12723,13 @@ const PanoSpatialTagPlugin = (five, params) => {
         if (data.folded === true)
             state.folded = data.folded;
     };
+    /** 设置射线碰撞检测objects
+     *
+     */
+    const setIntersectObjects = (objects) => {
+        state.intersectObjects = objects;
+        updateTags();
+    };
     /** 标签启用
      * 启用插件并重新计算展示标签
      */
@@ -12794,13 +12803,16 @@ const PanoSpatialTagPlugin = (five, params) => {
         five.off('panoArrived', onPanoArrived);
         five.off('modeChange', onModeChange);
         five.off('cameraUpdate', onCameraUpdate);
+        window.removeEventListener('resize', updateOrigins, false);
     };
+    window.addEventListener('resize', updateOrigins, false);
     if ((_f = five === null || five === void 0 ? void 0 : five.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five.getElement().parentElement;
         if (wrapper)
             wrapper.appendChild(container);
         state.forbidden = false;
+        centerY = five.model.bounding.getCenter(new THREE.Vector3()).y;
         updateTags();
         five.on('panoWillArrive', onPanoWillArrive);
         five.on('panoArrived', onPanoArrived);
@@ -12813,6 +12825,7 @@ const PanoSpatialTagPlugin = (five, params) => {
                 wrapper = five.getElement().parentElement;
             if (wrapper)
                 wrapper.appendChild(container);
+            centerY = five.model.bounding.getCenter(new THREE.Vector3()).y;
             state.forbidden = false;
             updateTags();
             five.on('panoWillArrive', onPanoWillArrive);
@@ -12824,6 +12837,7 @@ const PanoSpatialTagPlugin = (five, params) => {
     five.on('dispose', dispose);
     return {
         load,
+        setIntersectObjects,
         unfoldAll,
         foldAll,
         unfold,

package/dist/index.js

@@ -12454,7 +12454,6 @@ class Template {
 }
 
 const MESH_SIZE = 0.001;
-const RAY_ORIGIN_Y = 1.4;
 const RAY_TOLERANT_DISTANCE = 0.01;
 const BLUR_IMAGE_URL = 'https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png';
 const MIN_DISTANCE = 1.2;
@@ -12465,6 +12464,7 @@ const MAX_DISTANCE = 3.5;
 const PanoSpatialTagPlugin = (five$1, params) => {
     var _a, _b, _c, _d, _e, _f;
     let wrapper = params === null || params === void 0 ? void 0 : params.container;
+    let centerY = 1.4;
     const wait = (_a = params === null || params === void 0 ? void 0 : params.wait) !== null && _a !== void 0 ? _a : 200;
     const maxNumberOnScreen = (_b = params === null || params === void 0 ? void 0 : params.maxNumberOnScreen) !== null && _b !== void 0 ? _b : 3;
     const minRad = (_c = params === null || params === void 0 ? void 0 : params.minRad) !== null && _c !== void 0 ? _c : Math.PI / 4;
@@ -12523,7 +12523,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         projScreenMatrix.multiplyMatrices(camera.projectionMatrix, camera.matrixWorldInverse);
         frustum.setFromProjectionMatrix(projScreenMatrix);
         state.tags.forEach(tag => {
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(tag.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(tag.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return tag.destroying = true;
             if (!frustum.containsPoint(tag.position))
@@ -12618,7 +12618,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         const points = state.points.reduce((result, point) => {
             if (state.tags.find(tag => point.id === tag.id && !tag.destroying))
                 return result;
-            const distance = camera.position.clone().setY(RAY_ORIGIN_Y).distanceTo(point.position);
+            const distance = camera.position.clone().setY(centerY).distanceTo(point.position);
             if (distance < MIN_DISTANCE || distance > MAX_DISTANCE)
                 return result;
             if (!frustum.containsPoint(point.position))
@@ -12679,10 +12679,12 @@ const PanoSpatialTagPlugin = (five$1, params) => {
                     Math.pow((mouse.y - _mouse.y) / 2 * clientHeight, 2)) > nearTolerance;
             }))
                 continue;
-            const raycaster = new THREE__namespace.Raycaster(camera.position.clone().setY(RAY_ORIGIN_Y), point.position.clone().sub(camera.position.clone().setY(RAY_ORIGIN_Y)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
-            const [intersect] = five$1.model.bvhs.loaded ?
-                five$1.model.intersectRaycaster(raycaster) :
-                raycaster.intersectObjects(five$1.model.children, true);
+            const raycaster = new THREE__namespace.Raycaster(camera.position.clone().setY(centerY), point.position.clone().sub(camera.position.clone().setY(centerY)).normalize(), 0, point.distance + RAY_TOLERANT_DISTANCE);
+            const [intersect] = state.intersectObjects ?
+                raycaster.intersectObjects(state.intersectObjects, true) :
+                (five$1.model.bvhs.loaded ?
+                    five$1.model.intersectRaycaster(raycaster) :
+                    raycaster.intersectObjects(five$1.model.children, true));
             if (!intersect)
                 continue;
             if (point.distance - intersect.distance < RAY_TOLERANT_DISTANCE) {
@@ -12749,6 +12751,13 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         if (data.folded === true)
             state.folded = data.folded;
     };
+    /** 设置射线碰撞检测objects
+     *
+     */
+    const setIntersectObjects = (objects) => {
+        state.intersectObjects = objects;
+        updateTags();
+    };
     /** 标签启用
      * 启用插件并重新计算展示标签
      */
@@ -12822,13 +12831,16 @@ const PanoSpatialTagPlugin = (five$1, params) => {
         five$1.off('panoArrived', onPanoArrived);
         five$1.off('modeChange', onModeChange);
         five$1.off('cameraUpdate', onCameraUpdate);
+        window.removeEventListener('resize', updateOrigins, false);
     };
+    window.addEventListener('resize', updateOrigins, false);
     if ((_f = five$1 === null || five$1 === void 0 ? void 0 : five$1.model) === null || _f === void 0 ? void 0 : _f.loaded) {
         if (!wrapper)
             wrapper = five$1.getElement().parentElement;
         if (wrapper)
             wrapper.appendChild(container);
         state.forbidden = false;
+        centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
         updateTags();
         five$1.on('panoWillArrive', onPanoWillArrive);
         five$1.on('panoArrived', onPanoArrived);
@@ -12841,6 +12853,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
                 wrapper = five$1.getElement().parentElement;
             if (wrapper)
                 wrapper.appendChild(container);
+            centerY = five$1.model.bounding.getCenter(new THREE__namespace.Vector3()).y;
             state.forbidden = false;
             updateTags();
             five$1.on('panoWillArrive', onPanoWillArrive);
@@ -12852,6 +12865,7 @@ const PanoSpatialTagPlugin = (five$1, params) => {
     five$1.on('dispose', dispose);
     return {
         load,
+        setIntersectObjects,
         unfoldAll,
         foldAll,
         unfold,