@realsee/dnalogel 3.65.6 → 3.66.0-alpha.10

package/libs/PanoTagPlugin/controller/Tag/PointTag.d.ts

@@ -27,6 +27,9 @@ export declare class PointTag<C extends TagContentType = TagContentType> extends
     }): void;
     set(tag: PartialObjectDeep<Tag<C, '2DPoint' | '3DPoint'>>, deepMerge?: boolean): void;
     setData(...data: Parameters<InstanceType<typeof BaseTag<C, '2DPoint' | '3DPoint'>>['setData']>): void;
+    /**
+     * @description 根据全景漫游索引更新标签是否展开
+     */
     updateUnfoldedByPanoIndex(): void;
     computeNormal(): THREE.Vector3;
 }

package/libs/PanoTagPlugin/controller/Tag/PointTag.js

@@ -1,6 +1,6 @@
 var c = Object.defineProperty;
-var f = (r, o, t) => o in r ? c(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var p = (r, o, t) => (f(r, typeof o != "symbol" ? o + "" : o, t), t);
+var h = (s, n, t) => n in s ? c(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t;
+var p = (s, n, t) => (h(s, typeof n != "symbol" ? n + "" : n, t), t);
 import { BaseTag as g } from "./BaseTag.js";
 import * as l from "three";
 import "../../../shared-utils/Subscribe.js";
@@ -86,8 +86,8 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-const v = new l.Vector2();
-class Jt extends g {
+const y = new l.Vector2();
+class Gt extends g {
   constructor(t, i) {
     super(t, i);
     p(this, "__Object__");
@@ -98,8 +98,8 @@ class Jt extends g {
    */
   unfoldAndFoldOthers() {
     const t = this.can("fold"), i = this.can("unfold");
-    t && i && (this.state.unfolded = !this.state.unfolded, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((s) => {
-      s.id !== this.id && s.fold();
+    t && i && (this.state.unfolded = !this.state.unfolded, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }), this.state.unfolded && this.plugin.tags.forEach((o) => {
+      o.id !== this.id && o.fold();
     }));
   }
   onClick(t) {
@@ -123,38 +123,38 @@ class Jt extends g {
    * @param {boolean} unfolded
    */
   setUnfold(t) {
-    const i = this.can("fold"), s = this.can("unfold");
-    i && s && (this.state.unfolded = t, this.hooks.emit(t ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
+    const i = this.can("fold"), o = this.can("unfold");
+    i && o && (this.state.unfolded = t, this.hooks.emit(t ? "unfolded" : "folded"), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
   }
   setPosition(t) {
     this.originPosition = t, this.position = t, this.cache.clear(), this.updateVisible(), this.updateScreenPosition(), this.updateZIndex(), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
   updateScreenPosition(t) {
-    var m;
+    var a;
     if (this.stickType !== "2DPoint" && this.stickType !== "3DPoint")
       return;
-    const { force: i = !1 } = t != null ? t : {}, s = i ? this.state.visible : this.currentVisible, e = (m = this.__Object__) != null ? m : {
+    const { force: i = !1 } = t != null ? t : {}, o = i ? this.state.visible : this.currentVisible, e = (a = this.__Object__) != null ? a : {
       timeoutId: void 0,
       inAnimation: !1
     };
-    if (this.__Object__ = e, !s && this.screenPosition ? (e.inAnimation = !0, e.timeoutId = setTimeout(() => {
+    if (this.__Object__ = e, !o && this.screenPosition ? (e.inAnimation = !0, e.timeoutId = setTimeout(() => {
       requestAnimationFrame(() => {
         this.currentVisible || (e.inAnimation = !1, this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] }));
       });
-    }, 1e3)) : e.timeoutId && (clearTimeout(e.timeoutId), e.inAnimation = !1, e.timeoutId = void 0), !s && !e.inAnimation)
+    }, 1e3)) : e.timeoutId && (clearTimeout(e.timeoutId), e.inAnimation = !1, e.timeoutId = void 0), !o && !e.inAnimation)
       return;
-    const n = this.computeTagProject();
-    if (n && this.five.renderer) {
-      const a = (() => {
+    const r = this.computeTagProject();
+    if (r && this.five.renderer) {
+      const m = (() => {
         if (!this.currentConfig.simulate3D)
           return 1;
-        const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), h = this.getDistance(void 0, 1);
-        return Math.max(Math.min(1 - u * h / 40, 1), 0.5);
-      })(), d = this.five.renderer.getSize(v);
+        const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), f = this.getDistance(void 0, 1);
+        return Math.max(Math.min(1 - u * f / 40, 1), 0.5);
+      })(), d = this.five.renderer.getSize(y);
       this.screenPosition = {
-        leftPx: (n.x + 1) / 2 * d.x,
-        topPx: (-n.y + 1) / 2 * d.y,
-        scale: a
+        leftPx: (r.x + 1) / 2 * d.x,
+        topPx: (-r.y + 1) / 2 * d.y,
+        scale: m
       };
     } else
       this.screenPosition = null;
@@ -166,11 +166,23 @@ class Jt extends g {
   setData(...t) {
     super.setData(...t), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
+  /**
+   * @description 根据全景漫游索引更新标签是否展开
+   */
   updateUnfoldedByPanoIndex() {
-    const t = this.getUnfoldedByPanoIndex();
-    if (this.state && (t !== void 0 && (this.state.unfolded = t), t && !this.state.visible)) {
-      const i = this.getConfig();
-      typeof i.unfoldedConfig == "object" && i.unfoldedConfig.autoFoldWhenHide !== !1 && (this.state.unfolded = !1);
+    var o;
+    const t = this.getConfig();
+    if ((o = t.popoverConfig) != null && o.enabled) {
+      const e = ["Link", "VRLink", "PanoLink", "Panorama"], r = t.unfoldedConfig;
+      if (!e.includes(this.contentType) && !(typeof r == "object" && r.keep === "unfolded")) {
+        this.state && (this.state.unfolded = !1);
+        return;
+      }
+    }
+    const i = this.getUnfoldedByPanoIndex();
+    if (this.state && (i !== void 0 && (this.state.unfolded = i), i && !this.state.visible)) {
+      const e = this.getConfig();
+      typeof e.unfoldedConfig == "object" && e.unfoldedConfig.autoFoldWhenHide !== !1 && (this.state.unfolded = !1);
     }
   }
   computeNormal() {
@@ -178,5 +190,5 @@ class Jt extends g {
   }
 }
 export {
-  Jt as PointTag
+  Gt as PointTag
 };

package/libs/PanoTagPlugin/controller/index.js

@@ -12,19 +12,19 @@ var g = (d, a, e) => a in d ? P(d, a, { enumerable: !0, configurable: !0, writab
 }, c = (d, a) => U(d, A(a));
 var p = (d, a, e) => (g(d, typeof a != "symbol" ? a + "" : a, e), e);
 var l = (d, a, e) => new Promise((i, t) => {
-  var o = (s) => {
+  var o = (r) => {
     try {
-      n(e.next(s));
+      n(e.next(r));
     } catch (h) {
       t(h);
     }
-  }, r = (s) => {
+  }, s = (r) => {
     try {
-      n(e.throw(s));
+      n(e.throw(r));
     } catch (h) {
       t(h);
     }
-  }, n = (s) => s.done ? i(s.value) : Promise.resolve(s.value).then(o, r);
+  }, n = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(o, s);
   n((e = e.apply(d, a)).next());
 });
 import * as u from "three";
@@ -218,8 +218,17 @@ import "../Components/Tag/CustomTag.js";
 import "../../vendor/classnames/index.js";
 import "../Components/TagItem.js";
 import "../Components/Common/TagPoint.js";
-const S = "Dnalogel-PanoTagPlugin", Do = (d) => `${S}--${d}`;
-class Po extends R {
+import "../Components/Common/TagPopover/index.js";
+import "../Components/Common/TagPopover/PopoverContent.js";
+import "../Components/Common/TagPopover/TagPopoverArrow.js";
+import "../Components/Common/TagPopover/TagPopup.js";
+import "../Components/Common/VideoIcon.js";
+import "../Components/Common/TagPopover/PanoramaIcon.js";
+import "../Components/Common/TagPopover/TagPopoverToolBar.js";
+import "../Components/Common/TagPopover/ArrowRightIcon.js";
+import "../Components/Common/TagPopover/ShareIcon.js";
+const S = "Dnalogel-PanoTagPlugin", Lo = (d) => `${S}--${d}`;
+class Io extends R {
   constructor(e, i) {
     super(e);
     /** state */
@@ -280,10 +289,10 @@ class Po extends R {
         i.position.copy(t.position), i.quaternion.copy(t.quaternion);
         const o = this.five.camera.position;
         i.lookAt(o.clone().setY(i.position.y));
-        const r = t.quaternion.clone(), n = i.quaternion.clone(), s = W();
-        s.onUpdate(({ progress: D }) => {
-          t.quaternion.copy(r.clone().slerp(n, D));
-        }), s.play();
+        const s = t.quaternion.clone(), n = i.quaternion.clone(), r = W();
+        r.onUpdate(({ progress: D }) => {
+          t.quaternion.copy(s.clone().slerp(n, D));
+        }), r.play();
       });
     }));
     /** 楼层切换时，需要更新标签可见性 */
@@ -300,9 +309,9 @@ class Po extends R {
       this.renderQueue.forEach((e, i) => {
         const { keys: t } = e;
         if (i === "TagContainerSvelte") {
-          const r = this.filterPointTag.filter((s) => s.screenPosition), n = {
+          const s = this.filterPointTag.filter((r) => r.screenPosition), n = {
             hooks: this.hooks,
-            tags: r,
+            tags: s,
             state: this.state,
             temporaryState: this.temporaryState,
             mediaStore: this.mediaStore,
@@ -311,13 +320,13 @@ class Po extends R {
             zIndex: this.params.containerZIndex
           };
           if (this.TagContainerSvelte) {
-            let s = {};
+            let r = {};
             if (t.length === 0)
-              s = n;
+              r = n;
             else
               for (const h of t)
-                s[h] = n[h];
-            this.TagContainerSvelte.$set(s);
+                r[h] = n[h];
+            this.TagContainerSvelte.$set(r);
           } else {
             if (!this.container)
               return console.error("updateRenderPlaneTag: tag2DContainer not found");
@@ -325,8 +334,8 @@ class Po extends R {
               target: this.container,
               props: c(f({}, n), { state: c(f({}, this.state), { enabled: !1 }) })
             }), N(() => {
-              var s;
-              (s = this.TagContainerSvelte) == null || s.$set({ state: this.state });
+              var r;
+              (r = this.TagContainerSvelte) == null || r.$set({ state: this.state });
             });
           }
         }
@@ -343,10 +352,10 @@ class Po extends R {
     }
   }
   appendTo(e) {
-    var t, o, r;
+    var t, o, s;
     this.container = e;
     const i = (o = (t = this.TagContainerSvelte) == null ? void 0 : t.$$) == null ? void 0 : o.root;
-    i && i !== this.container && ((r = this.TagContainerSvelte) == null || r.$destroy(), this.TagContainerSvelte = void 0);
+    i && i !== this.container && ((s = this.TagContainerSvelte) == null || s.$destroy(), this.TagContainerSvelte = void 0);
   }
   /**
    * @description 加载数据
@@ -357,7 +366,7 @@ class Po extends R {
       this.clearTags();
       try {
         console.debug(this.NAME, " load:", { data: JSON.parse(JSON.stringify(e)) });
-      } catch (r) {
+      } catch (s) {
       }
       this.config = m({}, this.config, {
         globalConfig: (t = e.globalConfig) != null ? t : {},
@@ -373,17 +382,17 @@ class Po extends R {
   addTag(e) {
     return l(this, null, function* () {
       const t = (Array.isArray(e) ? e : [e]).filter((o) => o.position).map((o) => {
-        const r = M(o);
-        if (r === "2DPoint" || r === "3DPoint")
+        const s = M(o);
+        if (s === "2DPoint" || s === "3DPoint")
           return new z(this, o);
-        if (r === "Model")
+        if (s === "Model")
           return new j(this, o);
-        if (r === "Plane")
+        if (s === "Plane")
           return new Q(this, o);
       });
       return t.forEach(I), this.tags.push(...t), this.tagsLengthWillUpdate = !0, G(this.five).then(() => l(this, null, function* () {
-        var o, r;
-        this.store.eventListenerDisposer && ((r = (o = this.store).eventListenerDisposer) == null || r.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(t, (n) => {
+        var o, s;
+        this.store.eventListenerDisposer && ((s = (o = this.store).eventListenerDisposer) == null || s.call(o)), this.state.enabled && this.handleEnable(), this.addResizeListener(), this.clearUnusedPanelTag(), this.tagsDo(t, (n) => {
           this.tags.includes(n) && (n.updateVisible(), n.updateZIndex());
         }), this.setUnfolded(), this.addRenderQueue({ type: "TagContainerSvelte" }), this.hooks.emit("tagsLengthChange");
       }));
@@ -455,11 +464,11 @@ class Po extends R {
    * @description 销毁
    */
   dispose() {
-    var e, i, t, o, r, n;
-    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((s) => {
+    var e, i, t, o, s, n;
+    this.pauseCurrentMedia(), this.disposeAllCSS3DContainer(), (e = this.TagContainerSvelte) == null || e.$destroy(), this.filterCSS3DTag.forEach((r) => {
       var h;
-      return (h = s.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
-    }), this.tags.forEach((s) => s.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (i = this.store.disposers) == null || i.forEach((s) => s == null ? void 0 : s()), this.store.disposers = [], (o = (t = this.store).eventListenerDisposer) == null || o.call(t), this.store.eventListenerDisposer = void 0, (n = (r = this.store).resizeObserverDisposer) == null || n.call(r), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
+      return (h = r.tag3DContentSvelte) == null ? void 0 : h.svelteApp.$destroy();
+    }), this.tags.forEach((r) => r.cache.clear()), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (i = this.store.disposers) == null || i.forEach((r) => r == null ? void 0 : r()), this.store.disposers = [], (o = (t = this.store).eventListenerDisposer) == null || o.call(t), this.store.eventListenerDisposer = void 0, (n = (s = this.store).resizeObserverDisposer) == null || n.call(s), this.store.resizeObserverDisposer = void 0, this.store.resizeObserverDisposerAdding = !1, this.five.scene.remove(this.group), this.group.remove(...this.group.children), this.gltfObjectGroup.remove(...this.gltfObjectGroup.children), this.imagePlaneGroup.remove(...this.imagePlaneGroup.children), this.five.needsRender = !0, this.store.disposed = !0, this.hooks.emit("dispose");
   }
   /**
    * @description 闪烁标签
@@ -548,8 +557,8 @@ class Po extends R {
   clearTags() {
     var e;
     this.tags.length && (this.tags.forEach((i) => {
-      var t, o, r, n, s, h;
-      (t = i.tag3DContentSvelte) == null || t.dispose(), (r = (o = i.mediaPlane) == null ? void 0 : o.parent) == null || r.remove(i.mediaPlane), (h = (s = (n = i.model) == null ? void 0 : n.object) == null ? void 0 : s.parent) == null || h.remove(i.model.object);
+      var t, o, s, n, r, h;
+      (t = i.tag3DContentSvelte) == null || t.dispose(), (s = (o = i.mediaPlane) == null ? void 0 : o.parent) == null || s.remove(i.mediaPlane), (h = (r = (n = i.model) == null ? void 0 : n.object) == null ? void 0 : r.parent) == null || h.remove(i.model.object);
     }), this.tags = [], this.tagsLengthWillUpdate = !0, this.hooks.emit("tagsLengthChange"), (e = this.TagContainerSvelte) == null || e.$destroy(), this.TagContainerSvelte = void 0, this.disposeAllCSS3DContainer()), this.enabledModelTagSet.clear(), this.cache.clear();
   }
   /**
@@ -592,17 +601,17 @@ class Po extends R {
       this.state.enabled && (this.filterPointTag.forEach((h) => h.updateScreenPosition({ force: !0 })), this.temporaryState.visible = !0, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
     }, t = () => {
       this.state.enabled && (this.temporaryState.visible = !1, this.addRenderQueue({ type: "TagContainerSvelte", keys: ["temporaryState"] }));
-    }, { observe: o, unobserve: r } = y(
+    }, { observe: o, unobserve: s } = y(
       L(() => {
         this.store.resizeObserverDisposer && t();
       }, 500),
       e
-    ), { observe: n, unobserve: s } = y(
+    ), { observe: n, unobserve: r } = y(
       b(() => i(), 400),
       e
     );
     return o(), n(), () => {
-      r(), s();
+      s(), r();
     };
   }
   setUnfoldedByCamera() {
@@ -636,7 +645,7 @@ class Po extends R {
   }
 }
 export {
-  Po as PanoTagPluginController,
-  Po as default,
-  Do as pluginFlag
+  Io as PanoTagPluginController,
+  Io as default,
+  Lo as pluginFlag
 };

package/libs/PanoTagPlugin/index.js

@@ -1,7 +1,7 @@
 import r from "./controller/index.js";
-import { pluginFlag as Ir } from "./controller/index.js";
-import { defaultGlobalConfig as Kr } from "./typings/tag/TagConfig.js";
-import { ContentType as Mr, DimensionType as Nr, PointType as Or } from "./Archive/deprecated.js";
+import { pluginFlag as Sr } from "./controller/index.js";
+import { defaultGlobalConfig as Vr } from "./typings/tag/TagConfig.js";
+import { ContentType as Xr, DimensionType as Yr, PointType as Zr } from "./Archive/deprecated.js";
 import "three";
 import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "../shared-utils/positionToVector3.js";
@@ -191,15 +191,24 @@ import "./controller/Tag/PlaneTag.js";
 import "./Components/TagContainer.js";
 import "./Components/TagItem.js";
 import "./Components/Common/TagPoint.js";
+import "./Components/Common/TagPopover/index.js";
+import "./Components/Common/TagPopover/PopoverContent.js";
+import "./Components/Common/TagPopover/TagPopoverArrow.js";
+import "./Components/Common/TagPopover/TagPopup.js";
+import "./Components/Common/VideoIcon.js";
+import "./Components/Common/TagPopover/PanoramaIcon.js";
+import "./Components/Common/TagPopover/TagPopoverToolBar.js";
+import "./Components/Common/TagPopover/ArrowRightIcon.js";
+import "./Components/Common/TagPopover/ShareIcon.js";
 import "../shared-utils/animationFrame/BetterTween.js";
-const Br = (o, t) => new r(o, t);
+const Or = (o, t) => new r(o, t);
 export {
-  Mr as ContentType,
-  Nr as DimensionType,
-  Br as PanoTagPlugin,
+  Xr as ContentType,
+  Yr as DimensionType,
+  Or as PanoTagPlugin,
   r as PanoTagPluginController,
-  Or as PointType,
-  Br as default,
-  Kr as defaultGlobalConfig,
-  Ir as pluginFlag
+  Zr as PointType,
+  Or as default,
+  Vr as defaultGlobalConfig,
+  Sr as pluginFlag
 };

package/libs/PanoTagPlugin/tag.config.js

@@ -3,15 +3,22 @@ const e = {
     visibleConfig: {
       followModelVisibility: !0
     },
-    unfoldedConfig: {
-      autoUnfold: {
-        enable: !0,
-        strategy: "MinimumDistance",
-        distance: { max: 5 }
-      }
-    },
     tag3DConfig: {
       ratio: 35e-4
+    },
+    popoverConfig: {
+      enabled: !0,
+      debug: !0,
+      trigger: "hover",
+      triggerDelay: 200,
+      placement: "auto",
+      transitionDuration: 100,
+      // theme: 'light',
+      toolbar: {
+        showMore: !0,
+        showShare: !0
+      },
+      viewMoreText: "查看更多"
     }
   },
   contentTypeConfig: {

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

@@ -24,6 +24,15 @@ export type TagClickParams = {
 } | {
     target: 'TagModel';
     tag: TagInstance<'Model', 'Model'> | TagInstance<'MediaModel', 'Model'>;
+} | {
+    target: 'TagPopoverViewMore';
+    tag: TagInstance;
+} | {
+    target: 'TagPopoverShare';
+    tag: TagInstance;
+} | {
+    target: 'TagPopoverContent';
+    tag: TagInstance;
 });
 export interface PluginEventMap extends BasePlugin.EventMap<State> {
     loaded: () => void;
@@ -61,10 +70,17 @@ export type TagEvents<C extends TagContentType = TagContentType> = {
     show: () => void;
     hide: () => void;
     dataChanged: (data: TagInstance<C>['data']) => void;
+    hover: (params: {
+        event: Event;
+        tag: TagInstance;
+    }) => void;
+    showPopover: () => void;
+    hidePopover: () => void;
 };
 export interface TagCacheInterface {
     visible?: boolean;
     unfolded?: boolean;
+    popoverVisible?: boolean;
     minimumDistanceResult?: boolean;
     distance?: number;
     angle?: number;

package/libs/PanoTagPlugin/typings/tag/TagConfig.d.ts

@@ -6,6 +6,21 @@ import type { PartialObjectDeep } from '../../../typings/typings';
 import type { Vector3 } from 'three';
 import type { TagInstance } from '../..';
 type TagVisibleMode = Mode | Mode[] | 'PanoramaLike' | 'ModelLike' | 'all';
+/**
+ * @description 标签悬停时popover的位置
+ * @default 'auto'
+ * top 是标签上方，bottom 是标签下方，left 是标签左侧，right 是标签右侧
+ * top-left 是标签上方，Popover的左边界与标签的左边界对齐
+ * top-right 是标签上方，Popover的右边界与标签的右边界对齐
+ * bottom-left 是标签下方，Popover的左边界与标签的左边界对齐
+ * bottom-right 是标签下方，Popover的右边界与标签的右边界对齐
+ * left-top 是标签左侧，Popover的上边界与标签的上边界对齐
+ * left-bottom 是标签左侧，Popover的下边界与标签的下边界对齐
+ * right-top 是标签右侧，Popover的上边界与标签的上边界对齐
+ * right-bottom 是标签右侧，Popover的下边界与标签的下边界对齐
+ * auto 是根据标签位置自动计算
+ */
+export type TagPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'left-top' | 'left-bottom' | 'right-top' | 'right-bottom' | 'auto';
 export interface TagConfig<C extends TagContentType = TagContentType> {
     /**
      * @description 显示/隐藏相关配置
@@ -123,6 +138,7 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
     } | ConfigFunction;
     /**
      * @description 展开/收起相关配置
+     * @warning 与 popoverConfig 同时使用时，popoverConfig 优先级更高
      */
     unfoldedConfig?: {
         /**
@@ -238,6 +254,79 @@ export interface TagConfig<C extends TagContentType = TagContentType> {
      * @deprecated private property
      */
     _isMerged?: boolean;
+    /**
+     * @description 标签浮窗相关配置
+     * @warning 开启之后 unfoldedConfig 无效
+     */
+    popoverConfig?: {
+        /**
+         * @description 是否启用 TagPopover
+         * @warning 开启之后 unfoldedConfig 无效
+         * @default false
+         */
+        enabled?: boolean;
+        /**
+         * @description 是否开启调试模式，调试模式popover常驻
+         * @default false
+         */
+        debug?: boolean;
+        /**
+         * @description 触发方式
+         * @description hover - 鼠标悬停触发
+         * @description click - 点击触发（fold/unfold模式）
+         * @default 'hover'
+         */
+        trigger?: 'hover' | 'click';
+        /**
+         * @description 触发延迟时间（仅在 trigger 为 hover 时生效）, 单位为毫秒
+         * @default 300
+         */
+        triggerDelay?: number;
+        /**
+         * @description popover的位置, 默认根据标签位置自动计算
+         * @description top 是标签上方，bottom 是标签下方，left 是标签左侧，right 是标签右侧
+         * @description top-left 是标签上方，Popover的左边界与标签的左边界对齐
+         * @description top-right 是标签上方，Popover的右边界与标签的右边界对齐
+         * @description bottom-left 是标签下方，Popover的左边界与标签的左边界对齐
+         * @description bottom-right 是标签下方，Popover的右边界与标签的右边界对齐
+         * @description left-top 是标签左侧，Popover的上边界与标签的上边界对齐
+         * @description left-bottom 是标签左侧，Popover的下边界与标签的下边界对齐
+         * @description right-top 是标签右侧，Popover的上边界与标签的上边界对齐
+         * @description right-bottom 是标签右侧，Popover的下边界与标签的下边界对齐
+         * @description auto 是根据标签位置自动计算
+         * @default 'auto'
+         */
+        placement?: TagPlacement;
+        /**
+         * @description 过渡动画的持续时间, 单位为毫秒
+         * @default 100
+         */
+        transitionDuration?: number;
+        /**
+         * @description 主题，可选值为 'dark' | 'light'
+         * @default 'dark'
+         */
+        theme?: 'dark' | 'light';
+        /**
+         * @description 工具栏配置
+         */
+        toolbar?: {
+            showMore?: boolean;
+            showShare?: boolean;
+        };
+        /**
+         * @description 图片URL转换函数
+         */
+        imageURLTransform?: (url: string, options: {
+            width: number;
+            height: number;
+        }) => string;
+        /**
+         * @description 查看更多按钮的文本
+         * @default '查看更多'
+         */
+        viewMoreText?: string;
+    };
 }
 export declare const defaultGlobalConfig: TagConfig;
 type ConfigFunction = (five: Five, tagState: {

package/libs/PanoTagPlugin/typings/tag/Utils.d.ts

@@ -85,4 +85,9 @@ export type Point2DTag<C extends TagContentType = TagContentType> = TagInstance<
 export type Point3DTag<C extends TagContentType = TagContentType> = TagInstance<C, '3DPoint'>;
 /** 三维贴片 */
 export type PlaneTag<C extends TagContentType = TagContentType> = TagInstance<C, 'Plane'>;
+export interface TagState {
+    visible: boolean;
+    unfolded: boolean;
+    popoverVisible?: boolean;
+}
 export {};

package/libs/base/BasePlugin.js

@@ -22,7 +22,7 @@ let F = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.65.6");
+    i(this, "VERSION", "3.66.0-alpha.10");
     i(this, "NAME");
     i(this, "five");
     i(this, "workUtil");