@realsee/dnalogel 2.16.0-1 → 2.16.0-11

package/libs/GuideLinePlugin/GuideLineModeItem.d.ts

@@ -2,60 +2,101 @@ import type GuideLinePlugin from './Controller';
 import type { Five } from '@realsee/five';
 import type * as PluginType from './typing';
 import * as THREE from 'three';
+import { GuideLineItem } from './GuideLineItem';
+import { PanoTagPluginController, Tag } from '../PanoTagPlugin';
 /** @link https://threejs.org/docs/index.html#api/en/extras/curves/CatmullRomCurve3 */
 declare type CatmullRomCurve3RestParams = Omit<PluginType.CatmullRomCurve3, 'type' | 'points'>;
 /** 在不同模态下的 GuideLine */
 declare class GuideLineModeItem {
+    get panoGroup(): number[];
+    startTagPlugin: PanoTagPluginController;
+    endTagPlugin: PanoTagPluginController;
     readonly mesh: THREE.Mesh<THREE.BufferGeometry, THREE.ShaderMaterial>;
     private five;
     private mode;
     private path;
+    private _panoGroup;
+    private skippedPositions;
     private textureUrl;
     private scale;
     private width;
     private unitLength;
     private visible;
-    /** 在当前模态下，是否展示 */
+    /** Five Mode 是否满足 */
     private modeVisible;
+    /** 默认是否展示 */
+    private defaultVisible;
+    /** 走点动画 */
+    private inWalkAnimation;
     private customVisible;
+    private parent;
     private plugin;
     private textureHasLoaded;
     private disposed;
+    private flowAnime;
+    private flickerAnime;
     constructor(five: Five, options: {
         mode: PluginType.GuideLineModeItemMode;
         plugin: GuideLinePlugin;
+        parent: GuideLineItem;
     });
     /** 自定义展示 */
     setCustomVisible(visible: boolean | null): void;
-    /** 设置模型态展示 */
-    setModeVisible(visible: boolean): void;
+    /** 设置默认展示 */
+    setDefaultVisible(visible: boolean): void;
     dispose(): void;
     /** 基础宽、长 */
     setUnitSize(width: number, length: number): void;
     /** 设置缩放 */
     setScale(scale: number): void;
     /** 通过点位设置线条形状 */
-    setGeometryByPanoGroup(panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle): void;
+    setGeometryByPanoGroup(_panoGroup: number[], options?: CatmullRomCurve3RestParams & PluginType.GuideLineGeometryStyle & {
+        skipPanoGroup?: boolean;
+    }): void;
     /** 通过路径设置线条形状 */
     setGeometryByPath(path: PluginType.PathItem[], options?: PluginType.GuideLineGeometryStyle): void;
     /** 设置线条材质 */
     setMartial(options?: PluginType.GuideLineMaterialStyle): void;
+    /** 设置贴图颜色 */
     setColor(color: null | number[]): void;
+    /** 设置背景颜色 */
     setBackgroundColor(color: number[]): void;
+    /** 设置整体透明度 */
     setOpacity(opacity: number): void;
+    /** 设置背景透明度 */
     setBackgroundOpacity(opacity: number): void;
+    /** 设置贴图透明度 */
     setMapOpacity(opacity: number): void;
+    /** 设置贴图 */
     setTextureUrl(url: string): void;
+    setStartTag(tag: Tag): void;
+    setEndTag(tag: Tag): void;
+    /** 闪烁 */
+    flicker(): void;
+    private setTag;
+    private onTagContainerChange;
+    /** 当设置 GuideLinePLugin 展示 */
     private onPluginShow;
+    /** 当设置 GuideLinePLugin 隐藏 */
     private onPluginHide;
+    /** 当设置 GuideLinePLugin 开启 */
     private onPluginEnable;
+    /** 当设置 GuideLinePLugin 关闭 */
     private onPluginDisable;
+    /** 开始走点动画 */
+    private onWalkAnimationStart;
+    /** 结束走点动画 */
+    private onWalkAnimationEnd;
     /** 模型状态变更 */
     private onFiveModeChange;
+    /** 更新可见性 */
     private updateVisible;
     private doShow;
     private doHide;
+    /** 通过 panoIndex 数组计算路径 */
     private getPathFromPanoGroup;
+    private onFlowAnimeUpdate;
+    private onFlickerAnimeUpdate;
     private logWarning;
     private logError;
 }

package/libs/GuideLinePlugin/GuideLineModeItem.js

@@ -4,13 +4,24 @@ import "./utils/createLineGeometry.js";
 import "../shared-utils/five/mode.js";
 import "hammerjs";
 import "@realsee/five";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/three/loadTexture.js";
-import { GuideLineModeItem as w } from "./GuideLineModeItem/index.js";
-import "polyline-normals";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
+import { GuideLineModeItem as Ci } from "./GuideLineModeItem/index.js";
+import "../PanoTagPlugin/controller/index.js";
+import "@realsee/five/gltf-loader";
+import "./Components/Tag.js";
+import "./utils/index.js";
+import "../vendor/polyline-normals/index.js";
+import "../vendor/polyline-miter-util/index.js";
+import "../vendor/gl-vec2/add.js";
+import "../vendor/gl-vec2/set.js";
+import "../vendor/gl-vec2/normalize.js";
+import "../vendor/gl-vec2/subtract.js";
+import "../vendor/gl-vec2/dot.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -24,6 +35,107 @@ import "../shared-utils/three/centerPoint.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../shared-utils/animationFrame/index.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "../PanoTagPlugin/utils/tag/tagCheck.js";
+import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
+import "../PanoTagPlugin/utils/debounce.js";
+import "../PanoTagPlugin/utils/throttle.js";
+import "../PanoTagPlugin/utils/resizeObserver.js";
+import "../PanoTagPlugin/utils/tag/format.js";
+import "../shared-utils/audio.js";
+import "../PanoTagPlugin/controller/TagRender.js";
+import "../PanoTagPlugin/controller/TagComputer.js";
+import "../PanoTagPlugin/utils/tagPosition.js";
+import "../PanoTagPlugin/utils/checkRange.js";
+import "../shared-utils/isNil.js";
+import "../PanoTagPlugin/controller/TagUtil.js";
+import "../PanoTagPlugin/tag.config.js";
+import "../PanoTagPlugin/utils/planeNormal.js";
+import "../PanoTagPlugin/utils/normalPositionToPositions.js";
+import "../PanoTagPlugin/controller/TagCache.js";
+import "../base/BasePlugin.js";
+import "../shared-utils/isAbsoluteURL.js";
+import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
+import "../PanoTagPlugin/utils/device.js";
+import "../shared-utils/threex/domevents/index.js";
+import "../PanoTagPlugin/Components/TagContainer.js";
+import "../PanoTagPlugin/Components/TagItem.js";
+import "../PanoTagPlugin/Components/Tag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Straight.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
+import "../shared-utils/uuid.js";
+import "../PanoTagPlugin/Components/Common/Shadow.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
+import "animejs";
+import "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/utils/constants.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
+import "../PanoTagPlugin/Components/Common/Text/MText.js";
+import "../PanoTagPlugin/utils/px2rem.js";
+import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
+import "../PanoTagPlugin/Components/Common/Media.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-reactive/src/utils/watcher.js";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
+import "../PanoTagPlugin/Components/Common/MediaItem.js";
+import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
+import "../PanoTagPlugin/utils/noTypecheck.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
+import "../PanoTagPlugin/Components/Common/Audio.js";
+import "../PanoTagPlugin/utils/audio/SharedAudio.js";
+import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
+import "../PanoTagPlugin/Components/Tag/LinkTag.js";
+import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
+import "../PanoTagPlugin/utils/getImageInfo.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "../vendor/classnames/index.js";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../PanoTagPlugin/utils/model/imagePlane.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
 export {
-  w as GuideLineModeItem
+  Ci as GuideLineModeItem
 };

package/libs/GuideLinePlugin/index.d.ts

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

package/libs/GuideLinePlugin/index.js

@@ -1,13 +1,13 @@
 import t from "./Controller.js";
-import { GuideLineItem$1 as J } from "./GuideLineItem/index.js";
-import { GuideLineModeItem$1 as N } from "./GuideLineModeItem/index.js";
+import { GuideLineItem$1 as Zo } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as it } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "@realsee/five";
 import "hammerjs";
 import "three";
-import "@tweenjs/tween.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
@@ -22,21 +22,141 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/isAbsoluteURL.js";
-import "../shared-utils/animationFrame/BetterTween.js";
-import "../shared-utils/animationFrame/index.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
-import "polyline-normals";
 import "../shared-utils/uuid.js";
-import "../shared-utils/three/loadTexture.js";
-import "object-assign-deep";
+import "../CruisePlugin/Controller.js";
+import "./index.js";
+import "../CruisePlugin/utils/coordinatesAngle.js";
+import "../CruisePlugin/utils/coordinatesToVector.js";
+import "../CruisePlugin/utils/safeCall.js";
+import "../CruisePlugin/utils/vectorToCoordinates.js";
+import "../CruisePlugin/utils/formatRad.js";
+import "../CruisePlugin/utils/linerValue.js";
+import "../CruisePlugin/utils/sleep.js";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/log.js";
 import "./utils/createLineGeometry.js";
+import "../vendor/polyline-normals/index.js";
+import "../vendor/polyline-miter-util/index.js";
+import "../vendor/gl-vec2/add.js";
+import "../vendor/gl-vec2/set.js";
+import "../vendor/gl-vec2/normalize.js";
+import "../vendor/gl-vec2/subtract.js";
+import "../vendor/gl-vec2/dot.js";
 import "../shared-utils/five/mode.js";
-const E = (i, o) => new t(i, o);
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../shared-utils/animationFrame/index.js";
+import "../shared-utils/three/loadTexture.js";
+import "../PanoTagPlugin/controller/index.js";
+import "../PanoTagPlugin/utils/addDebugPoints.js";
+import "@realsee/five/gltf-loader";
+import "../PanoTagPlugin/utils/tag/tagCheck.js";
+import "../PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
+import "../PanoTagPlugin/utils/debounce.js";
+import "../PanoTagPlugin/utils/throttle.js";
+import "../PanoTagPlugin/utils/resizeObserver.js";
+import "../PanoTagPlugin/utils/tag/format.js";
+import "../shared-utils/audio.js";
+import "../PanoTagPlugin/controller/TagRender.js";
+import "../PanoTagPlugin/controller/TagComputer.js";
+import "../PanoTagPlugin/utils/tagPosition.js";
+import "../PanoTagPlugin/utils/checkRange.js";
+import "../shared-utils/isNil.js";
+import "../PanoTagPlugin/controller/TagUtil.js";
+import "../PanoTagPlugin/tag.config.js";
+import "../PanoTagPlugin/utils/planeNormal.js";
+import "../PanoTagPlugin/utils/normalPositionToPositions.js";
+import "../PanoTagPlugin/controller/TagCache.js";
+import "../vendor/svelte/store/index.js";
+import "../vendor/svelte/internal/index.js";
+import "../PanoTagPlugin/utils/device.js";
+import "../shared-utils/threex/domevents/index.js";
+import "../PanoTagPlugin/Components/TagContainer.js";
+import "../PanoTagPlugin/Components/TagItem.js";
+import "../PanoTagPlugin/Components/Tag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Straight.js";
+import "../vendor/svelte/transition/index.js";
+import "../vendor/svelte/easing/index.js";
+import "../PanoTagPlugin/Components/Common/Shadow.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
+import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
+import "animejs";
+import "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/utils/constants.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
+import "../PanoTagPlugin/Components/Common/Text/MText.js";
+import "../PanoTagPlugin/utils/px2rem.js";
+import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
+import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
+import "../PanoTagPlugin/Components/Common/Media.js";
+import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
+import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
+import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
+import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
+import "../vendor/svelte-carousel/src/direction.js";
+import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
+import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
+import "../vendor/svelte-carousel/src/utils/event.js";
+import "../vendor/svelte-carousel/src/units.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
+import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
+import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
+import "../vendor/svelte-carousel/src/utils/math.js";
+import "../vendor/svelte-carousel/src/actions/tappable/event.js";
+import "../vendor/svelte-carousel/src/utils/page.js";
+import "../vendor/svelte-carousel/src/utils/clones.js";
+import "../vendor/svelte-carousel/src/utils/object.js";
+import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
+import "../vendor/easy-reactive/src/simply-reactive.js";
+import "../vendor/lodash.get/index.js";
+import "../_commonjsHelpers.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/easy-reactive/src/utils/subscription.js";
+import "../vendor/easy-reactive/src/utils/object.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/easy-reactive/src/utils/watcher.js";
+import "../vendor/svelte-carousel/src/utils/lazy.js";
+import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
+import "../vendor/svelte-carousel/src/utils/interval.js";
+import "../PanoTagPlugin/Components/Common/MediaItem.js";
+import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
+import "../PanoTagPlugin/utils/noTypecheck.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
+import "../PanoTagPlugin/Components/Common/Audio.js";
+import "../PanoTagPlugin/utils/audio/SharedAudio.js";
+import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
+import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
+import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
+import "../PanoTagPlugin/Components/Tag/LinkTag.js";
+import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
+import "../PanoTagPlugin/utils/getImageInfo.js";
+import "../PanoTagPlugin/Components/Tag/CustomTag.js";
+import "../vendor/classnames/index.js";
+import "../PanoTagPlugin/Components/Common/TagPoint.js";
+import "../PanoTagPlugin/utils/model/imagePlane.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "./Components/Tag.js";
+import "./utils/index.js";
+import "../shared-utils/to.js";
+import "../shared-utils/five/changeMode.js";
+import "../shared-utils/nearlyEqual.js";
+const Wo = (i, o) => new t(i, o);
 export {
-  J as GuideLineItem,
-  N as GuideLineModeItem,
-  E as GuideLinePlugin,
-  E as default
+  Zo as GuideLineItem,
+  it as GuideLineModeItem,
+  Wo as GuideLinePlugin,
+  Wo as default
 };

package/libs/GuideLinePlugin/typing.d.ts

@@ -1,6 +1,7 @@
 import type GuideLinePlugin from '.';
 import type { RequireAtLeastOne } from 'type-fest';
 import type * as BasePluginWithData from '../base/BasePluginWithData';
+import { Tag } from '../PanoTagPlugin';
 export interface RouteConfig {
     arrowTextureUrl?: string;
     skipPanoIndexMesh?: boolean;
@@ -24,7 +25,6 @@ export interface PluginServerData extends BasePluginWithData.ServerData {
 }
 export interface PluginState extends BasePluginWithData.State {
     visible: boolean;
-    disposed: boolean;
 }
 export interface EventMap extends BasePluginWithData.EventMap<PluginState, PluginData> {
     show: (options: {
@@ -40,6 +40,14 @@ export interface EventMap extends BasePluginWithData.EventMap<PluginState, Plugi
         userAction: boolean;
     }) => void;
 }
+export declare type GuideLineItemEventMap = {
+    walkStart: (options: {
+        userAction: boolean;
+    }) => void;
+    walkEnded: (options: {
+        userAction: boolean;
+    }) => void;
+};
 export declare type GuideLinePluginExportType = ReturnType<typeof GuideLinePlugin>;
 export interface LineGeometriesConfig {
     /** 是否越过点位圆环。可以开启此选项来使越过点位，使其不会重叠显示 */
@@ -66,10 +74,22 @@ export declare type GuideLineItem = RequireAtLeastOne<{
     /** 路径：由多个曲线组合而成的路径，路径为空时，会使用 pano_group 自动创建 */
     path?: PathItem[];
     /** 全景态使用的数据 */
-    panorama_style?: GuideLineStyle;
+    panorama_style?: PanoramaGuideLineStyle;
     /** 模型态使用的数据 */
-    model_style?: GuideLineStyle;
+    model_style?: ModelGuideLineStyle;
 }, 'id' | 'render_id'>;
+/** 全景路径样式 */
+export interface PanoramaGuideLineStyle extends GuideLineStyle {
+    start_tag?: Tag;
+    end_tag?: Tag;
+}
+/** 模型路径样式 */
+export interface ModelGuideLineStyle extends GuideLineStyle {
+    start_tag?: ModelGuideLineTag;
+    end_tag?: ModelGuideLineTag;
+}
+/** 不同模态下的路线数据 */
+export declare type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle;
 /** 影响形状的样式 */
 export interface GuideLineGeometryStyle {
     /** scale 之前的路线宽度，默认值是 0.5 */
@@ -85,6 +105,10 @@ export interface GuideLineMaterialStyle {
     visible?: boolean;
     /** rgb 颜色 [r, g, b] */
     color?: number[];
+    /** 背景颜色 */
+    background_color?: number[];
+    /** 背景透明度 */
+    background_opacity?: number;
     /** 透明度 */
     opacity?: number;
     /** 贴图 */
@@ -93,10 +117,17 @@ export interface GuideLineMaterialStyle {
         url: string;
     };
 }
-/** 不同模态下的路线数据 */
-export declare type GuideLineStyle = GuideLineGeometryStyle & GuideLineMaterialStyle;
+/** 模型路线引导标签 */
+export interface ModelGuideLineTag extends Tag<'Custom', '2DPoint'> {
+    position: number[];
+    data: {
+        text: string;
+        icon_url: string;
+    };
+}
 /** 目前只支持 CatmullRomCurve3 */
 export declare type PathItem = CatmullRomCurve3;
+/** @link https://threejs.org/docs/index.html?q=cu#api/zh/extras/curves/CatmullRomCurve3 */
 export interface CatmullRomCurve3 {
     type: 'CatmullRomCurve3';
     points: number[][];

package/libs/GuideLinePlugin/typing.js

@@ -1 +1,32 @@
-
+import "@realsee/five";
+import "../vendor/object-assign-deep/objectAssignDeep.js";
+import "three";
+import "@realsee/five/gltf-loader";
+import "../shared-utils/three/loadTexture.js";
+import "hammerjs";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../PanoTagPlugin/utils/device.js";
+import "../shared-utils/threex/domevents/index.js";
+import "animejs";
+import "../PanoTagPlugin/utils/constants.js";
+import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "../vendor/lodash.get/index.js";
+import "../vendor/lodash.clonedeep/index.js";
+import "../vendor/lodash.isequal/index.js";
+import "../vendor/classnames/index.js";
+import "../shared-utils/three/GLTFLoader.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../CSS3DRenderPlugin/utils/even.js";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../shared-utils/three/centerPoint.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../_commonjsHelpers.js";

package/libs/GuideLinePlugin/utils/createLineGeometry.d.ts

@@ -8,6 +8,7 @@ interface LineGeometryOption {
     width: number;
     /** 每一段的长度，默认是 0.5 */
     unitLength: number;
+    skipPositions?: THREE.Vector3[];
 }
 /** 创建路线的几何体
  * @param curvePoints 三维点位
@@ -15,5 +16,8 @@ interface LineGeometryOption {
  * @param unitLength 每一段的长度
  * @returns THREE BufferGeometry
  */
-export declare function createLineGeometry(options: LineGeometryOption): THREE.BufferGeometry;
+export declare function createLineGeometry(options: LineGeometryOption): {
+    geometry: THREE.BufferGeometry;
+    maxU: number;
+};
 export {};

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,35 +1,49 @@
-import * as c from "three";
-import { Vector3 as b } from "three";
-import U from "polyline-normals";
-const F = 2, V = 3, z = 3, G = 2;
-function D(e) {
-  const u = e.width, g = e.unitLength / u, s = u / 2, y = e.path, m = new c.CurvePath();
-  y.forEach((t) => {
-    const a = M(t);
-    a && m.add(a);
+import * as n from "three";
+import { Vector3 as P } from "three";
+import { polylineNormals as G } from "../../vendor/polyline-normals/index.js";
+import "../../vendor/polyline-miter-util/index.js";
+import "../../vendor/gl-vec2/add.js";
+import "../../vendor/gl-vec2/set.js";
+import "../../vendor/gl-vec2/normalize.js";
+import "../../vendor/gl-vec2/subtract.js";
+import "../../vendor/gl-vec2/dot.js";
+const z = 2, M = 3, X = 3, k = 2;
+function Q(e) {
+  const i = e.width, g = e.unitLength / i, c = i / 2, E = e.path;
+  if (E.length === 0)
+    return { geometry: new n.BufferGeometry(), maxU: 0 };
+  const h = new n.CurvePath();
+  E.forEach((t) => {
+    const a = I(t);
+    a && h.add(a);
   });
-  const d = Math.ceil(m.getLength() * 100), n = m.getPoints(d), L = n.length, P = U(n.map((t) => [t.x, t.z])), x = (n.length - 1) * F * V, E = 2 * L, C = E * z, B = E * G, o = new Uint32Array(x), r = new Float32Array(C), i = new Float32Array(B);
-  let N = 0;
-  for (let t = 0; t < n.length; t++) {
-    const [a, R] = P[t][0], T = n[t], { x: p, y: w, z: A } = T, v = new b(p + a * s, w + 0.05, A + R * s);
-    r[t * 6 + 0] = v.x, r[t * 6 + 1] = v.y, r[t * 6 + 2] = v.z;
-    const h = new b(p - a * s, w + 0.05, A - R * s);
-    r[t * 6 + 3] = h.x, r[t * 6 + 4] = h.y, r[t * 6 + 5] = h.z, N += t > 0 ? n[t - 1].clone().sub(n[t]).length() : 0;
-    const _ = N / u / g;
-    i[t * 4 + 0] = 0, i[t * 4 + 1] = _, i[t * 4 + 2] = 1, i[t * 4 + 3] = _, t !== n.length - 1 && (o[t * 6 + 0] = t * 2 + 0, o[t * 6 + 1] = t * 2 + 2, o[t * 6 + 2] = t * 2 + 1, o[t * 6 + 3] = t * 2 + 2, o[t * 6 + 4] = t * 2 + 3, o[t * 6 + 5] = t * 2 + 1);
+  const x = Math.ceil(h.getLength() * 100), o = h.getPoints(x), w = o.length, L = G(o.map((t) => [t.x, t.z])), B = (w - 1) * z * M, y = 2 * w, C = y * X, U = y * k, r = new Uint32Array(B), s = new Float32Array(C), u = new Float32Array(U);
+  let d = 0, N = 0;
+  for (let t = 0; t < o.length; t++) {
+    const [a, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, l = new P(A + a * c, _ + 0.05, b + R * c);
+    s[t * 6 + 0] = l.x, s[t * 6 + 1] = l.y, s[t * 6 + 2] = l.z;
+    const f = new P(A - a * c, _ + 0.05, b - R * c);
+    s[t * 6 + 3] = f.x, s[t * 6 + 4] = f.y, s[t * 6 + 5] = f.z, d += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const p = d / i / g;
+    if (N = p, u[t * 4 + 0] = 0, u[t * 4 + 1] = p, u[t * 4 + 2] = 1, u[t * 4 + 3] = p, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(l, f, 0.5);
+      if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
+        continue;
+    }
+    t !== o.length - 1 && (r[t * 6 + 0] = t * 2 + 0, r[t * 6 + 1] = t * 2 + 2, r[t * 6 + 2] = t * 2 + 1, r[t * 6 + 3] = t * 2 + 2, r[t * 6 + 4] = t * 2 + 3, r[t * 6 + 5] = t * 2 + 1);
   }
-  const l = new c.BufferGeometry();
-  return l.setAttribute("position", new c.BufferAttribute(r, 3)), l.setAttribute("uv", new c.BufferAttribute(i, 2)), l.setIndex(new c.BufferAttribute(o, 1)), l;
+  const m = new n.BufferGeometry();
+  return m.setAttribute("position", new n.BufferAttribute(s, 3)), m.setAttribute("uv", new n.BufferAttribute(u, 2)), m.setIndex(new n.BufferAttribute(r, 1)), { geometry: m, maxU: N };
 }
-function M(e) {
-  if (X(e)) {
-    const u = [e.closed, e.curve_type, e.tension], f = e.points.map((s) => new c.Vector3().fromArray(s));
-    return new c.CatmullRomCurve3(f, ...u);
+function I(e) {
+  if (O(e)) {
+    const i = [e.closed, e.curve_type, e.tension], v = e.points.map((c) => new n.Vector3().fromArray(c));
+    return new n.CatmullRomCurve3(v, ...i);
   }
 }
-function X(e) {
+function O(e) {
   return e.type === "CatmullRomCurve3";
 }
 export {
-  D as createLineGeometry
+  Q as createLineGeometry
 };