@realsee/dnalogel 2.16.0-4 → 2.16.0-7

package/libs/GuideLinePlugin/index.js

@@ -1,6 +1,6 @@
 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 Ro } from "./GuideLineItem/index.js";
+import { GuideLineModeItem$1 as To } from "./GuideLineModeItem/index.js";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -30,13 +30,125 @@ import "polyline-normals";
 import "../shared-utils/uuid.js";
 import "../shared-utils/three/loadTexture.js";
 import "object-assign-deep";
+import "@realsee/five/gltf-loader";
+import "../vendor/svelte/internal/index.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 "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../shared-utils/three/GLTFLoader.js";
+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 "../shared-utils/log.js";
 import "./utils/createLineGeometry.js";
 import "../shared-utils/five/mode.js";
-const E = (i, o) => new t(i, o);
+import "../PanoTagPlugin/controller/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 "../vendor/svelte/store/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 "../PanoTagPlugin/utils/search.js";
+import "../PanoTagPlugin/Components/Common/Arrow.js";
+import "../PanoTagPlugin/Assets/Icon.js";
+import "../PanoTagPlugin/utils/doUtil.js";
+import "../shared-utils/svelte/resizeObserver.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/simply-reactive/src/simply-reactive.js";
+import "../vendor/simply-reactive/src/utils/subscription.js";
+import "../vendor/simply-reactive/src/utils/object.js";
+import "../vendor/simply-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 "../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 "./Components/Tag.js";
+import "../shared-utils/to.js";
+import "../shared-utils/five/changeMode.js";
+import "../shared-utils/nearlyEqual.js";
+const No = (i, o) => new t(i, o);
 export {
-  J as GuideLineItem,
-  N as GuideLineModeItem,
-  E as GuideLinePlugin,
-  E as default
+  Ro as GuideLineItem,
+  To as GuideLineModeItem,
+  No as GuideLinePlugin,
+  No 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;
@@ -40,6 +41,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 +75,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 */
@@ -97,10 +118,18 @@ 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;
+        text_background_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,34 @@
-
+import "@realsee/five";
+import "object-assign-deep";
+import "three";
+import "@realsee/five/gltf-loader";
+import "../shared-utils/three/loadTexture.js";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../shared-utils/animationFrame/BetterTween.js";
+import "../vendor/svelte/internal/index.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 "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+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 "../shared-utils/animationFrame/index.js";

package/libs/GuideLinePlugin/utils/createLineGeometry.js

@@ -1,23 +1,26 @@
 import * as n from "three";
-import { Vector3 as y } from "three";
-import z from "polyline-normals";
-const G = 2, M = 3, X = 3, k = 2;
+import { Vector3 as P } from "three";
+import G from "polyline-normals";
+const z = 2, M = 3, X = 3, k = 2;
 function Y(e) {
-  const i = e.width, g = e.unitLength / i, c = i / 2, P = e.path, f = new n.CurvePath();
-  P.forEach((t) => {
+  const i = e.width, E = e.unitLength / i, c = i / 2, p = e.path;
+  if (p.length === 0)
+    return { geometry: new n.BufferGeometry(), maxU: 0 };
+  const h = new n.CurvePath();
+  p.forEach((t) => {
     const a = I(t);
-    a && f.add(a);
+    a && h.add(a);
   });
-  const x = Math.ceil(f.getLength() * 100), o = f.getPoints(x), p = o.length, L = z(o.map((t) => [t.x, t.z])), C = (p - 1) * G * M, d = 2 * p, B = d * X, T = d * k, r = new Uint32Array(C), s = new Float32Array(B), u = new Float32Array(T);
-  let w = 0, N = 0;
+  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, d = 2 * w, C = d * X, U = d * k, r = new Uint32Array(B), s = new Float32Array(C), u = new Float32Array(U);
+  let y = 0, N = 0;
   for (let t = 0; t < o.length; t++) {
-    const [a, R] = L[t][0], U = o[t], { x: A, y: _, z: b } = U, m = new y(A + a * c, _ + 0.05, b + R * c);
+    const [a, R] = L[t][0], T = o[t], { x: A, y: _, z: b } = T, m = new P(A + a * c, _ + 0.05, b + R * c);
     s[t * 6 + 0] = m.x, s[t * 6 + 1] = m.y, s[t * 6 + 2] = m.z;
-    const v = new y(A - a * c, _ + 0.05, b - R * c);
-    s[t * 6 + 3] = v.x, s[t * 6 + 4] = v.y, s[t * 6 + 5] = v.z, w += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
-    const h = w / i / g;
-    if (N = h, u[t * 4 + 0] = 0, u[t * 4 + 1] = h, u[t * 4 + 2] = 1, u[t * 4 + 3] = h, e.skipPositions) {
-      const V = new n.Vector3().lerpVectors(m, v, 0.5);
+    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, y += t > 0 ? o[t - 1].clone().sub(o[t]).length() : 0;
+    const v = y / i / E;
+    if (N = v, u[t * 4 + 0] = 0, u[t * 4 + 1] = v, u[t * 4 + 2] = 1, u[t * 4 + 3] = v, e.skipPositions) {
+      const V = new n.Vector3().lerpVectors(m, f, 0.5);
       if (e.skipPositions.some((F) => F.distanceTo(V) < 0.26))
         continue;
     }
@@ -28,8 +31,8 @@ function Y(e) {
 }
 function I(e) {
   if (O(e)) {
-    const i = [e.closed, e.curve_type, e.tension], E = e.points.map((c) => new n.Vector3().fromArray(c));
-    return new n.CatmullRomCurve3(E, ...i);
+    const i = [e.closed, e.curve_type, e.tension], g = e.points.map((c) => new n.Vector3().fromArray(c));
+    return new n.CatmullRomCurve3(g, ...i);
   }
 }
 function O(e) {

package/libs/GuideLinePlugin/utils/index.js

@@ -7,6 +7,19 @@ import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../shared-utils/animationFrame/BetterTween.js";
 import "../../shared-utils/three/loadTexture.js";
+import "object-assign-deep";
+import "@realsee/five/gltf-loader";
+import "../../vendor/svelte/internal/index.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 "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
@@ -20,13 +33,13 @@ import "../../shared-utils/three/centerPoint.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../shared-utils/animationFrame/index.js";
-function k(o) {
+function O(o) {
   const t = o.data, m = o.item, r = o.mode === "panorama" ? t.panorama_style : t.model_style;
   if (!r)
     return;
-  const e = t.path, p = r, i = r;
-  t.path ? m.setGeometryByPath(e, p) : t.pano_group && m.setGeometryByPanoGroup(t.pano_group, p), m.setMartial(i);
+  const i = t.path, p = r, e = r;
+  t.path ? m.setGeometryByPath(i, p) : t.pano_group && m.setGeometryByPanoGroup(t.pano_group, p), m.setMartial(e);
 }
 export {
-  k as updateGuideLineModeItemByData
+  O as updateGuideLineModeItemByData
 };

package/libs/PanoTagPlugin/Components/Common/TagPoint.js

@@ -1,7 +1,7 @@
-import { SvelteComponent as F, init as M, safe_not_equal as U, append_styles as W, element as v, space as b, create_component as D, attr as h, set_style as j, toggle_class as y, insert as X, append as c, mount_component as I, listen as B, transition_in as R, transition_out as q, detach as E, destroy_component as A, getContext as G, bubble as H } from "../../../vendor/svelte/internal/index.js";
-import J from "./Shadow.js";
-import K from "./Icon/Icon.js";
-import { Image_Default_Point as N } from "../../Assets/Icon.js";
+import { SvelteComponent as B, init as E, safe_not_equal as G, append_styles as H, empty as J, insert as W, transition_in as v, transition_out as T, check_outros as K, detach as X, getContext as O, element as j, space as L, create_component as F, attr as b, set_style as y, toggle_class as _, append as g, mount_component as M, listen as Q, destroy_component as N, group_outros as V, bubble as Y } from "../../../vendor/svelte/internal/index.js";
+import Z from "./Shadow.js";
+import x from "./Icon/Icon.js";
+import { Image_Default_Point as ee } from "../../Assets/Icon.js";
 import "../../../vendor/svelte/transition/index.js";
 import "../../../vendor/svelte/easing/index.js";
 import "three";
@@ -10,100 +10,126 @@ import "@realsee/five/gltf-loader";
 import "../../../shared-utils/three/loadTexture.js";
 import "../../utils/getImageInfo.js";
 import "../../utils/px2rem.js";
-function O(t) {
-  W(t, "svelte-1jkrwn7", '@charset "UTF-8";.tag-point-click-helper.svelte-1jkrwn7.svelte-1jkrwn7{position:absolute;pointer-events:auto;cursor:pointer;width:calc(100% + 0.75rem);height:calc(100% + 0.75rem);left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-1jkrwn7.svelte-1jkrwn7{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}.tag-folded-point.svelte-1jkrwn7.svelte-1jkrwn7,.tag-unfolded-point.svelte-1jkrwn7.svelte-1jkrwn7{transition:all 0.5s}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-1jkrwn7 .tag-folded-point.svelte-1jkrwn7{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-1jkrwn7 .tag-folded-point.svelte-1jkrwn7{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{opacity:1;scale:1}');
+function te(e) {
+  H(e, "svelte-1jkrwn7", '@charset "UTF-8";.tag-point-click-helper.svelte-1jkrwn7.svelte-1jkrwn7{position:absolute;pointer-events:auto;cursor:pointer;width:calc(100% + 0.75rem);height:calc(100% + 0.75rem);left:50%;top:50%;transform:translate(-50%, -50%)}.tag-point-wrapper.svelte-1jkrwn7.svelte-1jkrwn7{pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:-1}.tag-folded-point.svelte-1jkrwn7.svelte-1jkrwn7,.tag-unfolded-point.svelte-1jkrwn7.svelte-1jkrwn7{transition:all 0.5s}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;border-radius:50%}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0.3125rem;height:0.3125rem;border-radius:50%;background-color:white}.tag-point-wrapper.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7:before{content:"";position:absolute;width:0.875rem;height:0.875rem;border-radius:50%;background-color:rgba(0, 0, 0, 0.2)}.tag-point-wrapper.folded.svelte-1jkrwn7 .tag-folded-point.svelte-1jkrwn7{opacity:1;scale:1}.tag-point-wrapper.folded.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{opacity:0;scale:1}.tag-point-wrapper.unfolded.svelte-1jkrwn7 .tag-folded-point.svelte-1jkrwn7{opacity:0;scale:0.2}.tag-point-wrapper.unfolded.svelte-1jkrwn7 .tag-unfolded-point.svelte-1jkrwn7{opacity:1;scale:1}');
 }
-function Q(t) {
-  let n, a, f, p, m, d, w, o, i, l, g, k;
-  return p = new J({
+function U(e) {
+  let t, l, n, o, a, f, w, u, r, s, c, h;
+  return o = new Z({
     props: {
       center: !0,
       blurRadius: 15,
       spreadRadius: 5,
       opacity: 0.3
     }
-  }), i = new K({
+  }), r = new x({
     props: {
-      icon: t[2],
-      width: t[1]
+      icon: e[2],
+      width: e[1]
     }
-  }), i.$on("iconLoaded", t[7]), {
+  }), r.$on("iconLoaded", e[8]), {
     c() {
-      n = v("div"), a = v("div"), f = b(), D(p.$$.fragment), m = b(), d = v("div"), w = b(), o = v("div"), D(i.$$.fragment), h(a, "class", "tag-point-click-helper svelte-1jkrwn7"), h(d, "class", "tag-unfolded-point svelte-1jkrwn7"), j(d, "transition-delay", (t[3] ? t[5] : 0) + "ms"), h(o, "class", "tag-folded-point svelte-1jkrwn7"), j(o, "transition-delay", (t[3] ? t[5] : 0) + "ms"), h(n, "class", "tag-point-wrapper svelte-1jkrwn7"), y(n, "unfolded", t[0]), y(n, "folded", t[3]);
+      t = j("div"), l = j("div"), n = L(), F(o.$$.fragment), a = L(), f = j("div"), w = L(), u = j("div"), F(r.$$.fragment), b(l, "class", "tag-point-click-helper svelte-1jkrwn7"), b(f, "class", "tag-unfolded-point svelte-1jkrwn7"), y(f, "transition-delay", (e[3] ? e[6] : 0) + "ms"), b(u, "class", "tag-folded-point svelte-1jkrwn7"), y(u, "transition-delay", (e[3] ? e[6] : 0) + "ms"), b(t, "class", "tag-point-wrapper svelte-1jkrwn7"), _(t, "unfolded", e[0]), _(t, "folded", e[3]);
     },
-    m(e, s) {
-      X(e, n, s), c(n, a), c(n, f), I(p, n, null), c(n, m), c(n, d), c(n, w), c(n, o), I(i, o, null), l = !0, g || (k = B(a, "click", t[4]), g = !0);
+    m(i, p) {
+      W(i, t, p), g(t, l), g(t, n), M(o, t, null), g(t, a), g(t, f), g(t, w), g(t, u), M(r, u, null), s = !0, c || (h = Q(l, "click", e[5]), c = !0);
     },
-    p(e, [s]) {
-      s & 8 && j(d, "transition-delay", (e[3] ? e[5] : 0) + "ms");
-      const r = {};
-      s & 4 && (r.icon = e[2]), s & 2 && (r.width = e[1]), i.$set(r), s & 8 && j(o, "transition-delay", (e[3] ? e[5] : 0) + "ms"), (!l || s & 1) && y(n, "unfolded", e[0]), (!l || s & 8) && y(n, "folded", e[3]);
+    p(i, p) {
+      p & 8 && y(f, "transition-delay", (i[3] ? i[6] : 0) + "ms");
+      const k = {};
+      p & 4 && (k.icon = i[2]), p & 2 && (k.width = i[1]), r.$set(k), p & 8 && y(u, "transition-delay", (i[3] ? i[6] : 0) + "ms"), (!s || p & 1) && _(t, "unfolded", i[0]), (!s || p & 8) && _(t, "folded", i[3]);
     },
-    i(e) {
-      l || (R(p.$$.fragment, e), R(i.$$.fragment, e), l = !0);
+    i(i) {
+      s || (v(o.$$.fragment, i), v(r.$$.fragment, i), s = !0);
     },
-    o(e) {
-      q(p.$$.fragment, e), q(i.$$.fragment, e), l = !1;
+    o(i) {
+      T(o.$$.fragment, i), T(r.$$.fragment, i), s = !1;
     },
-    d(e) {
-      e && E(n), A(p), A(i), g = !1, k();
+    d(i) {
+      i && X(t), N(o), N(r), c = !1, h();
     }
   };
 }
-function V(t, n, a) {
-  let f, p, m, d;
-  const w = G("hooks");
-  let { tag: o } = n, i, l = !1;
-  const g = () => {
-    i !== void 0 && clearTimeout(i), l = !0, i = setTimeout(
+function ne(e) {
+  let t, l, n = e[4] && U(e);
+  return {
+    c() {
+      n && n.c(), t = J();
+    },
+    m(o, a) {
+      n && n.m(o, a), W(o, t, a), l = !0;
+    },
+    p(o, [a]) {
+      o[4] ? n ? (n.p(o, a), a & 16 && v(n, 1)) : (n = U(o), n.c(), v(n, 1), n.m(t.parentNode, t)) : n && (V(), T(n, 1, 1, () => {
+        n = null;
+      }), K());
+    },
+    i(o) {
+      l || (v(n), l = !0);
+    },
+    o(o) {
+      T(n), l = !1;
+    },
+    d(o) {
+      n && n.d(o), o && X(t);
+    }
+  };
+}
+function oe(e, t, l) {
+  let n, o, a, f, w;
+  const u = O("hooks");
+  let { tag: r } = t, s, c = !1;
+  const h = () => {
+    r.style.point.enabled !== !1 && (s !== void 0 && clearTimeout(s), c = !0, s = setTimeout(
       () => {
-        l = !1;
+        c = !1;
       },
       800
-    );
-  }, k = (r) => {
-    l || w.emit("click", { event: r, target: "TagPoint", tag: o });
-  }, e = (() => o.contentType === "Text" && o.data.appearance === "plane" ? 500 : 800)();
-  function s(r) {
-    H.call(this, t, r);
+    ));
+  }, i = (d) => {
+    r.style.point.enabled !== !1 && (c || u.emit("click", { event: d, target: "TagPoint", tag: r }));
+  }, p = (() => r.contentType === "Text" && r.data.appearance === "plane" ? 500 : 800)();
+  function k(d) {
+    Y.call(this, e, d);
   }
-  return t.$$set = (r) => {
-    "tag" in r && a(6, o = r.tag);
-  }, t.$$.update = () => {
-    var r, _, T, L;
-    t.$$.dirty & 64 && a(0, f = (r = o.state) == null ? void 0 : r.unfolded), t.$$.dirty & 1 && a(3, p = !f), t.$$.dirty & 64 && a(2, m = (T = (_ = o.style) == null ? void 0 : _.point) != null && T.url ? (L = o.style) == null ? void 0 : L.point : { url: N }), t.$$.dirty & 64 && a(1, d = (() => {
-      var $, z, C, S;
-      const P = (z = ($ = o.style) == null ? void 0 : $.point) == null ? void 0 : z.width;
-      if (typeof P == "number")
-        return P;
-      const u = (S = (C = o.style) == null ? void 0 : C.point) == null ? void 0 : S.size;
-      if (typeof u == "number")
-        return u;
-      if (u === "S")
+  return e.$$set = (d) => {
+    "tag" in d && l(7, r = d.tag);
+  }, e.$$.update = () => {
+    var d, P, z, C, S, D;
+    e.$$.dirty & 128 && l(4, n = ((P = (d = r.style) == null ? void 0 : d.point) == null ? void 0 : P.enabled) !== !1), e.$$.dirty & 128 && l(0, o = (z = r.state) == null ? void 0 : z.unfolded), e.$$.dirty & 1 && l(3, a = !o), e.$$.dirty & 128 && l(2, f = (S = (C = r.style) == null ? void 0 : C.point) != null && S.url ? (D = r.style) == null ? void 0 : D.point : { url: ee }), e.$$.dirty & 128 && l(1, w = (() => {
+      var R, $, q, A;
+      const I = ($ = (R = r.style) == null ? void 0 : R.point) == null ? void 0 : $.width;
+      if (typeof I == "number")
+        return I;
+      const m = (A = (q = r.style) == null ? void 0 : q.point) == null ? void 0 : A.size;
+      if (typeof m == "number")
+        return m;
+      if (m === "S")
         return 18;
-      if (u === "M")
+      if (m === "M")
         return 20;
-      if (u === "L")
+      if (m === "L")
         return 24;
-      if (u === "XL")
+      if (m === "XL")
         return 28;
     })());
-  }, g(), [
+  }, h(), [
+    o,
+    w,
     f,
-    d,
-    m,
+    a,
+    n,
+    i,
     p,
-    k,
-    e,
-    o,
-    s
+    r,
+    k
   ];
 }
-class pt extends F {
-  constructor(n) {
-    super(), M(this, n, V, Q, U, { tag: 6 }, O);
+class we extends B {
+  constructor(t) {
+    super(), E(this, t, oe, ne, G, { tag: 7 }, te);
   }
 }
 export {
-  pt as default
+  we as default
 };

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

@@ -34,6 +34,7 @@ export declare abstract class TagComputer extends TagUtil {
      * @description: 一个点的标签
      */
     protected setPointTagPosition(): void;
+    protected setVisible(): void;
     protected setVisibleByPanoIndex(): void;
     protected setModelMedialVisible(): void;
     protected setUnfoldedByPanoIndex(): void;

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -237,6 +237,12 @@ class ge extends S {
       i.pointTagStyle = { leftPercent: (n.x + 1) / 2 * 100, topPercent: (-n.y + 1) / 2 * 100 };
     });
   }
+  setVisible() {
+    this.tags.forEach((e) => {
+      const i = this.getVisible(e);
+      e.state && (e.state.visible = i);
+    });
+  }
   setVisibleByPanoIndex() {
     this.tags.forEach((e) => {
       const i = this.getVisibleByPanoIndex(e);

package/libs/PanoTagPlugin/controller/TagUtil.d.ts

@@ -31,7 +31,7 @@ export declare abstract class TagUtil extends TagCache {
      * @description: 获取merge后的配置
      * TODO: 缓存
      */
-    getTagConfig(tag: Tag<any, any>): TagConfig<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
+    getTagConfig(tag: Tag<any, any>): TagConfig<"Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown", StickType>;
     protected loadVideoFirstFrame(): void;
     protected updateTagConfig(params?: {
         force?: boolean;
@@ -50,12 +50,12 @@ export declare abstract class TagUtil extends TagCache {
     protected preventWhenMouseDown: () => false | void;
     protected addObjectClickHandler(tag: TagElement, object: THREE.Object3D | undefined, handler: (event: Event) => any): () => void;
     protected getTagNormal(tag: TagElement<any, 'Plane'> | TagElement<any, 'Model'> | TagElement<any, '3DPoint'>): THREE.Vector3;
-    protected get filterPointTag(): PointTagElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
-    protected get filter2DPointTag(): Point2DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
-    protected get filter3DPointTag(): Point3DElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filterPointTag(): PointTagElement<"Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filter2DPointTag(): Point2DElement<"Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filter3DPointTag(): Point3DElement<"Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected get filterImagePlane(): PlaneTagElement<"MediaPlane">[];
     protected get filterMediaModel(): ModelElement<"MediaModel">[];
-    protected get filterModelTag(): ModelElement<"Image" | "Link" | "Audio" | "Text" | "ImageText" | "Video" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
+    protected get filterModelTag(): ModelElement<"Audio" | "Text" | "ImageText" | "Image" | "Video" | "Link" | "Sticker" | "VRLink" | "PanoLink" | "Marketing" | "MediaPlane" | "MediaModel" | "Custom" | "Unknown">[];
     protected get filterCSS3DTag(): (TagElement<any, "Plane"> | TagElement<any, "Model"> | TagElement<any, "3DPoint">)[];
     /**
      * @description 检查是否已经销毁