@realsee/dnalogel 3.35.0-dev.0 → 3.35.0

package/libs/PanoMeasurePlugin/typings/data.d.ts

@@ -1,8 +1,11 @@
+import type { Mode as FiveMode } from '@realsee/five';
 export interface PolylineJson {
     id: string;
     lines: LineJson[];
     /** 当前折线在哪个点位上可见，字段不存在时，不做限制 */
     visiblePanoIndexes?: number[];
+    /** 当前折线在哪些 FiveMode 上可见，字段不存在时，不做限制 */
+    visibleFiveMode?: FiveMode[];
 }
 export interface LineJson {
     id: string;

package/libs/PanoRulerPlugin/Plugin.js

@@ -70,10 +70,7 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
     `, o = document.createElement("div");
     return o.setAttribute("class", "PanoRulerPlugin-rule"), o.setAttribute("data-name", r), o.setAttribute("style", "display: none"), o.innerHTML = c, o;
   }, h = document.createElement("div");
-  h.setAttribute(
-    "style",
-    "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;"
-  );
+  h.setAttribute("style", "position: absolute;pointer-events: none;width: 100%;height: 100%;left: 0;top: 0;overflow: hidden;");
   const S = document.createElement("div");
   S.innerHTML = ce, h.appendChild(S);
   const l = {}, u = (r, a) => {
@@ -129,9 +126,7 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
     const o = r || n.roomInfo, i = a || n.roomRules;
     if (!o || !i)
       throw new Error("标尺数据依赖不齐全！");
-    return e.loaded = !1, e.options = B(B({}, e.options), c || {}), t.model.loaded ? u(o, i) : yield new Promise(
-      (y) => t.once("modelLoaded", () => y(u(o, i)))
-    );
+    return e.loaded = !1, e.options = B(B({}, e.options), c || {}), t.model.loaded ? u(o, i) : yield new Promise((y) => t.once("modelLoaded", () => y(u(o, i))));
   });
   n.roomInfo && n.roomRules && x(n.roomInfo, n.roomRules);
   const v = (r, a, c, o) => {
@@ -218,24 +213,29 @@ const ue = (t, n) => Math.sqrt(Math.pow(t.z - n.z, 2) + Math.pow(t.x - n.x, 2)),
         continue;
       }
       const K = w.distanceTo(_);
-      if (_.clone().sub(_.clone().sub(w).divide(new L(2, 2, 2))).distanceTo(y) / K > 8) {
+      if (_.clone().sub(
+        _.clone().sub(w).divide(new L(2, 2, 2))
+      ).distanceTo(y) / K > 8) {
         g.style.display = "none";
         continue;
       }
       const O = w.clone().project(c), R = (O.x + 1) / 2 * m, F = (-O.y + 1) / 2 * d, V = _.clone().project(c), N = (V.x + 1) / 2 * m, D = (-V.y + 1) / 2 * d, E = Math.sqrt(Math.pow(N - R, 2) + Math.pow(D - F, 2));
       let H = E, z = 50;
-      const M = v({ x: ~~R, y: ~~F }, {
-        x: ~~N,
-        y: ~~D
-      }, m, d);
+      const M = v(
+        { x: ~~R, y: ~~F },
+        {
+          x: ~~N,
+          y: ~~D
+        },
+        m,
+        d
+      );
       if (M && M.length === 1 && (f === w ? (H = Math.sqrt(Math.pow(M[0].x - R, 2) + Math.pow(M[0].y - F, 2)), z = H / E * 50) : f === _ && (H = Math.sqrt(Math.pow(M[0].x - N, 2) + Math.pow(M[0].y - D, 2)), z = 100 - H / E * 50)), M && M.length === 2) {
         const G = {
           x: (M[0].x + M[1].x) / 2,
           y: (M[0].y + M[1].y) / 2
         };
-        z = Math.sqrt(
-          Math.pow(G.x - R, 2) + Math.pow(G.y - F, 2)
-        ) / E * 100;
+        z = Math.sqrt(Math.pow(G.x - R, 2) + Math.pow(G.y - F, 2)) / E * 100;
       }
       const te = (Math.PI / 2 - Math.atan2(N - R, F - D)) / Math.PI * 180, W = T.querySelector(".PanoRulerPlugin-rule-label"), U = W.children[0].clientWidth;
       U >= E || U / 2 >= z / 100 * E || U / 2 >= (1 - z / 100) * E ? T.style.display = "none" : (T.style.display = "block", T.style.width = E + "px", T.style.left = R + "px", T.style.top = F + "px", T.style.transform = `rotate(${-te}deg)`, W.style.left = `${z}%`);

package/libs/PanoVideoPlugin/Controller.d.ts

@@ -1,5 +1,6 @@
 import type { Five } from '@realsee/five';
 import type { LoadParams, PluginEventMap, PluginState, PluginData, VideoItem } from './typings';
+import { VideoMeshController } from './VideoMeshController';
 import * as BasePlugin from '../base/BasePlugin';
 export declare class PanoVideoPluginController extends BasePlugin.Controller<PluginState, PluginEventMap> {
     /** 插件 State */
@@ -8,8 +9,9 @@ export declare class PanoVideoPluginController extends BasePlugin.Controller<Plu
     };
     /** 插件是否已被销毁 */
     get disposed(): boolean;
+    controllerMap: Map<string, VideoMeshController>;
+    data?: PluginData;
     private enabled;
-    private controllerMap;
     private _disposed;
     constructor(five: Five);
     /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */

package/libs/PanoVideoPlugin/Controller.js

@@ -2,15 +2,15 @@ var f = Object.defineProperty, m = Object.defineProperties;
 var b = Object.getOwnPropertyDescriptors;
 var p = Object.getOwnPropertySymbols;
 var M = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable;
-var l = (o, t, r) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[t] = r, a = (o, t) => {
-  for (var r in t || (t = {}))
-    M.call(t, r) && l(o, r, t[r]);
+var l = (o, t, e) => t in o ? f(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, a = (o, t) => {
+  for (var e in t || (t = {}))
+    M.call(t, e) && l(o, e, t[e]);
   if (p)
-    for (var r of p(t))
-      W.call(t, r) && l(o, r, t[r]);
+    for (var e of p(t))
+      W.call(t, e) && l(o, e, t[e]);
   return o;
 }, d = (o, t) => m(o, b(t));
-var s = (o, t, r) => (l(o, typeof t != "symbol" ? t + "" : t, r), r);
+var s = (o, t, e) => (l(o, typeof t != "symbol" ? t + "" : t, e), e);
 import { VideoMeshController as c } from "./VideoMeshController.js";
 import { Controller as _ } from "../base/BasePlugin.js";
 import "./utils/shader.js";
@@ -39,12 +39,12 @@ import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../shared-utils/url/absoluteUrl.js";
 class T extends _ {
-  constructor(r) {
-    super(r);
-    s(this, "enabled", !0);
+  constructor(e) {
+    super(e);
     s(this, "controllerMap", /* @__PURE__ */ new Map());
+    s(this, "data");
+    s(this, "enabled", !0);
     s(this, "_disposed", !1);
-    this.five = r;
   }
   /** 插件 State */
   get state() {
@@ -57,11 +57,11 @@ class T extends _ {
     return this._disposed;
   }
   /** 加载点位视频数据，加载数据并不代表会加载点位视频。 */
-  load(r, e) {
+  load(e, r) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    typeof ((i = e == null ? void 0 : e.initialState) == null ? void 0 : i.enabled) != "undefined" && e.initialState.enabled !== this.enabled && (e.initialState.enabled ? this.enable() : this.disable()), r.list.forEach((n) => {
+    typeof ((i = r == null ? void 0 : r.initialState) == null ? void 0 : i.enabled) != "undefined" && r.initialState.enabled !== this.enabled && (r.initialState.enabled ? this.enable() : this.disable()), e.list.forEach((n) => {
       const u = n.pano_index, g = n.render_id;
       n.video_list.forEach((h) => {
         this.controllerMap.set(
@@ -73,41 +73,41 @@ class T extends _ {
           }))
         );
       });
-    });
+    }), this.data = e, this.hooks.emit("dataLoaded", e);
   }
   /** 开启插件功能。 */
-  enable(r) {
+  enable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (this.enabled)
       return;
     this.enabled = !0, Array.from(this.controllerMap.values()).forEach((n) => n.enable());
-    const e = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
-    this.hooks.emit("enable", { userAction: e });
+    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("enable", { userAction: r });
   }
   /** 禁用插件功能。 */
-  disable(r) {
+  disable(e) {
     var i;
     if (this.disposed)
       return this.logWarning("插件已被销毁");
     if (!this.enabled)
       return;
     this.enabled = !1, Array.from(this.controllerMap.values()).forEach((n) => n.disable());
-    const e = (i = r == null ? void 0 : r.userAction) != null ? i : !0;
-    this.hooks.emit("disable", { userAction: e });
+    const r = (i = e == null ? void 0 : e.userAction) != null ? i : !0;
+    this.hooks.emit("disable", { userAction: r });
   }
   /** 看向某个视频。
    * - 会自动切换到全景模式。
    * - 如果遇到不能自动播放的问题，需要放到用户交互事件中调用。
    */
-  lookAtVideoItemByRenderID(r) {
+  lookAtVideoItemByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.lookAtVideo();
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.lookAtVideo();
   }
   /**
    * 取消静音。
@@ -125,26 +125,26 @@ class T extends _ {
    * }}
    * ```
    */
-  unmuteByRenderID(r) {
+  unmuteByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.unmute();
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.unmute();
   }
   /** 为一个点位添加视频（可以是多条）。 */
-  add(r, e) {
+  add(e, r) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    e.forEach((i) => {
+    r.forEach((i) => {
       if (this.controllerMap.get(i.render_id))
         return this.logWarning(`ID 为 ${i.render_id} 的点位视频已存在`);
       const n = i.render_id;
       this.controllerMap.set(
         i.render_id,
         new c(this.five, d(a({}, i), {
-          panoIndex: r,
+          panoIndex: e,
           renderID: n,
           initialState: { enabled: this.enabled }
         }))
@@ -152,30 +152,30 @@ class T extends _ {
     });
   }
   /** 根据 VideoItem render_id 删除某个视频。 */
-  removeByRenderID(r) {
+  removeByRenderID(e) {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    const e = this.controllerMap.get(r);
-    if (!e)
-      return this.logWarning(`ID 为 ${r} 的点位视频不存在`);
-    e.dispose(), this.controllerMap.delete(r);
+    const r = this.controllerMap.get(e);
+    if (!r)
+      return this.logWarning(`ID 为 ${e} 的点位视频不存在`);
+    r.dispose(), this.controllerMap.delete(e);
   }
   /** 清空现有数据 */
   clear() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 销毁插件 */
   dispose() {
     if (this.disposed)
       return this.logWarning("插件已被销毁");
-    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((r) => r.dispose()), this.controllerMap.clear();
+    this._disposed = !0, Array.from(this.controllerMap.values()).forEach((e) => e.dispose()), this.controllerMap.clear();
   }
   /** 控制台打印警告 */
   // TODO: 全局函数 curry 化
-  logWarning(r) {
-    console.warn("⛔ ==> [PanoVideoPluginController]:", r);
+  logWarning(e) {
+    console.warn("⛔ ==> [PanoVideoPluginController]:", e);
   }
 }
 export {

package/libs/PanoVideoPlugin/typings.d.ts

@@ -1,4 +1,4 @@
-import type * as BasePlugin from '../base/BasePlugin';
+import type * as BasePlugin from '../base/BasePluginWithData';
 /** 单个视频元素 */
 export interface VideoItem {
     /** client render ID
@@ -52,7 +52,7 @@ export interface PluginState {
 export interface PluginData {
     list: PanoVideoItem[];
 }
-export interface PluginEventMap extends BasePlugin.EventMap<PluginState> {
+export interface PluginEventMap extends BasePlugin.EventMap<PluginState, PluginData> {
     /** 点位视频模型开启 */
     enable: (params: {
         userAction: boolean;

package/libs/base/BasePlugin.js

@@ -10,12 +10,12 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "animejs";
 import { absoluteUrl as l } from "../shared-utils/url/absoluteUrl.js";
-let v = class {
+let C = class {
   constructor(t, r) {
     /**
      * @realsee/dnalogel 版本号
      */
-    i(this, "VERSION", "3.35.0-dev.0");
+    i(this, "VERSION", "3.35.0");
     i(this, "five");
     /**
      * @description: 插件事件钩子
@@ -38,5 +38,5 @@ let v = class {
   }
 };
 export {
-  v as Controller
+  C as Controller
 };

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.35.0-dev.0",
+    "%c %c@realsee/dnalogel %cv3.35.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",

package/libs/shared-utils/tag.d.ts

@@ -4,13 +4,13 @@ export declare class LightTag {
     container: HTMLDivElement;
     visible: boolean;
     enabled: boolean;
+    wrapper: HTMLElement;
     private five;
     private position;
-    private wrapper;
     private disposer;
-    private wrapperStyle;
+    private config;
     constructor(five: Five, position: AnyPosition, config?: {
-        wrapperStyle?: Partial<CSSStyleDeclaration>;
+        wrapper?: HTMLElement;
     });
     show(): void;
     hide(params?: {
@@ -22,5 +22,5 @@ export declare class LightTag {
     private onFiveEveryReady;
 }
 export declare function tag(five: Five, position: AnyPosition, config?: {
-    wrapperStyle?: Partial<CSSStyleDeclaration>;
+    wrapper?: HTMLElement;
 }): LightTag;

package/libs/shared-utils/tag.js

@@ -1,27 +1,27 @@
 var l = Object.defineProperty;
-var c = (o, e, t) => e in o ? l(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var s = (o, e, t) => (c(o, typeof e != "symbol" ? e + "" : e, t), t);
-import { anyPositionToVector3 as p } from "./positionToVector3.js";
+var p = (s, e, t) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => (p(s, typeof e != "symbol" ? e + "" : e, t), t);
+import { anyPositionToVector3 as f } from "./positionToVector3.js";
 import * as d from "three";
 import { vector3ToScreen as y } from "./five/vector3ToScreen.js";
-const h = "LightTagContainer_shgjakdhwakjdhsja";
-class f {
+const c = "LightTagContainer_shgjakdhwakjdhsja";
+class v {
   constructor(e, t, n) {
-    s(this, "container");
-    s(this, "visible", !1);
-    s(this, "enabled", !1);
-    s(this, "five");
-    s(this, "position");
-    s(this, "wrapper");
-    s(this, "disposer");
-    s(this, "wrapperStyle", {});
-    s(this, "onCameraUpdate", () => {
+    i(this, "container");
+    i(this, "visible", !1);
+    i(this, "enabled", !1);
+    i(this, "wrapper");
+    i(this, "five");
+    i(this, "position");
+    i(this, "disposer");
+    i(this, "config");
+    i(this, "onCameraUpdate", () => {
       if (this.visible === !1)
         return;
       const e = y(this.five.camera, this.position);
       e ? (this.container.style.left = e.leftPercent + "%", this.container.style.top = e.topPercent + "%") : (this.container.style.left = "-100%", this.container.style.top = "-100%");
     });
-    s(this, "onFiveEveryReady", () => {
+    i(this, "onFiveEveryReady", () => {
       var e;
       if (this.visible && this.five.state.mode !== "Panorama") {
         const t = new d.Raycaster();
@@ -30,11 +30,10 @@ class f {
         (n == null ? void 0 : n.distance) > this.position.distanceTo(this.five.camera.position) ? (this.container.style.opacity = "1", this.container.style.pointerEvents = "auto") : (this.container.style.opacity = "0", this.container.style.pointerEvents = "none");
       }
     });
-    var i;
-    this.five = e, this.position = p(t).clone(), this.container = (() => {
-      const a = document.createElement("div");
-      return a.style.width = "0", a.style.height = "0", a.style.position = "absolute", a;
-    })(), this.wrapperStyle = (i = n == null ? void 0 : n.wrapperStyle) != null ? i : {}, this.enable(), this.show();
+    this.five = e, this.position = f(t).clone(), this.container = (() => {
+      const o = document.createElement("div");
+      return o.style.width = "0", o.style.height = "0", o.style.position = "absolute", o;
+    })(), this.config = n, this.enable(), this.show();
   }
   show() {
     this.visible = !0, this.container.style.opacity = "1", this.container.style.pointerEvents = "auto", this.container.style.transition = "opacity 0.2s linear", this.onCameraUpdate();
@@ -43,16 +42,13 @@ class f {
     this.visible = !1, e != null && e.withAnimation ? this.container.style.transition = "opacity 0.2s linear" : this.container.style.transition = "", this.container.style.opacity = "0", this.container.style.pointerEvents = "none";
   }
   enable() {
-    var n;
+    var n, o, r, h;
     if (this.enabled)
       return;
-    this.enabled = !0, this.wrapper = (n = document.getElementById(h)) != null ? n : (() => {
-      var a;
-      const i = document.createElement("div");
-      return i.id = h, i.style.position = "absolute", i.style.top = "0", i.style.left = "0", i.style.width = "100%", i.style.height = "100%", i.style.pointerEvents = "none", Object.keys(this.wrapperStyle).forEach((r) => {
-        i.style[r] = this.wrapperStyle[r];
-      }), (a = this.five.getElement()) == null || a.parentElement.appendChild(i), i;
-    })(), this.wrapper.appendChild(this.container);
+    this.enabled = !0, this.wrapper || (this.wrapper = (o = (n = this.config.wrapper) != null ? n : document.getElementById(c)) != null ? o : (() => {
+      const a = document.createElement("div");
+      return a.id = c, a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.pointerEvents = "none", a;
+    })(), (r = this.five.getElement()) != null && r.parentElement.contains(this.wrapper) || (h = this.five.getElement()) == null || h.parentElement.appendChild(this.wrapper)), this.wrapper.appendChild(this.container);
     let e = !1;
     const t = () => {
       e || (e = !0, this.five.ready().then(() => {
@@ -68,8 +64,8 @@ class f {
     this.enabled && (this.enabled = !1, this.wrapper.removeChild(this.container), (e = this.disposer) == null || e.call(this));
   }
 }
-function w(o, e, t) {
-  return new f(o, e, t);
+function w(s, e, t) {
+  return new v(s, e, t);
 }
 export {
   w as tag

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/dnalogel",
-  "version": "3.35.0-dev.0",
+  "version": "3.35.0",
   "main": "./dist/index.js",
   "module": "./libs/index.js",
   "types": "./libs/index.d.ts",
@@ -24,7 +24,7 @@
     "build:dist": "NODE_ENV=production BUILD_MODULE=dist vite build -m production",
     "build:components": "NODE_ENV=production BUILD_MODULE=components vite build -m production",
     "docs": "typedoc --options ./typedoc.json",
-    "prepublishOnly": "run-p build",
+    "prepublishOnly": "run-p build docs",
     "postpublish": "cnpm sync @realsee/dnalogel"
   },
   "files": [