@realsee/dnalogel 2.21.0-dev.0 → 2.21.0-dev.11

package/libs/PanoMeasurePlugin/utils/dom/areaDom.js

@@ -1,29 +1,50 @@
-var m = Object.defineProperty;
-var p = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var s = (r, e, t) => (p(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { ItemDom as h } from "./base.js";
-import { getGeometryInfo as d } from "../geometryUtil.js";
+var p = Object.defineProperty, l = Object.defineProperties;
+var x = Object.getOwnPropertyDescriptors;
+var c = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var s = (o, e, t) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
+  for (var t in e || (e = {}))
+    D.call(e, t) && s(o, t, e[t]);
+  if (c)
+    for (var t of c(e))
+      y.call(e, t) && s(o, t, e[t]);
+  return o;
+}, d = (o, e) => l(o, x(e));
+var u = (o, e, t) => (s(o, typeof e != "symbol" ? e + "" : e, t), t);
+import { ItemDom as I } from "./base.js";
+import { getGeometryInfo as A } from "../geometryUtil.js";
 import "../isNDCPointInScreen.js";
 import "three";
 import "../../../shared-utils/three/centerPoint.js";
-class I extends h {
+class f extends I {
   constructor(t) {
+    t.containerStyle = d(a({}, t.containerStyle), {
+      zIndex: "1"
+    }), t.contentStyle = d(a({}, t.contentStyle), {
+      background: "#6386FF",
+      borderRadius: "2px"
+    });
     super(t);
-    s(this, "area");
-    this.params = t, this.area = t.area, this.containerDom.appendChild(this.contentDom);
+    u(this, "area");
+    this.area = t.area, this.containerDom.appendChild(this.contentDom);
   }
   /**
    * @description: dom 依赖的多边形的顶点的位置更新时，更新 dom 的位置和面积
    */
-  updateArea(t, o) {
-    const i = o != null ? o : this.area.polygon.geometry, { area: a, center: n } = d(i);
-    this.ndcPosition = n, this.updateDomPosition(t), this.updateAreaText(a);
+  updateArea(t, n) {
+    const r = n != null ? n : this.area.polygon.geometry, i = A(r);
+    if (!i) {
+      this.ndcPosition = null, this.updateDomPosition(t);
+      return;
+    }
+    const { area: h, center: m } = i;
+    this.ndcPosition = m, this.updateDomPosition(t), this.updateAreaText(h);
   }
-  updateAreaText(t, o) {
-    const { unit: i = "m²", fix: a = 2 } = o != null ? o : {};
-    this.contentDom.innerText = `${t.toFixed(a)}${i}`;
+  updateAreaText(t, n) {
+    const { unit: r = "m²", fix: i = 2 } = n != null ? n : {};
+    this.contentDom.innerText = `${t.toFixed(i)}${r}`;
   }
 }
 export {
-  I as AreaItem
+  f as AreaItem
 };

package/libs/PanoMeasurePlugin/utils/dom/base.d.ts

@@ -2,6 +2,8 @@ import type { Vector3 } from 'three';
 import type { Five } from '@realsee/five';
 export interface ItemDomParams {
     clickCallback?: (event: MouseEvent, item: ItemDom) => unknown;
+    containerStyle?: Partial<CSSStyleDeclaration>;
+    contentStyle?: Partial<CSSStyleDeclaration>;
 }
 export declare abstract class ItemDom {
     ndcPosition: Vector3 | null;
@@ -18,6 +20,8 @@ export declare abstract class ItemDom {
     remove(): void;
     show(): void;
     hide(): void;
+    tempHide(): void;
+    tempShow(): void;
     /**
      * @description: camera update 的时候，更新dom的位置
      */

package/libs/PanoMeasurePlugin/utils/dom/base.js

@@ -1,30 +1,30 @@
-var a = Object.defineProperty;
-var h = (e, t, n) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var i = (e, t, n) => (h(e, typeof t != "symbol" ? t + "" : t, n), n);
-import { isNDCPointInFront as d } from "../isNDCPointInScreen.js";
-function m() {
-  const e = document.createElement("div");
-  return e.setAttribute(
+var h = Object.defineProperty;
+var d = (e, t, i) => t in e ? h(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var n = (e, t, i) => (d(e, typeof t != "symbol" ? t + "" : t, i), i);
+import { isNDCPointInFront as y } from "../isNDCPointInScreen.js";
+function m(e) {
+  const t = document.createElement("div");
+  return t.setAttribute(
     "style",
     "backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);-webkit-tap-highlight-color: rgba(0,0,0,0);"
-  ), e.style.width = "max-content", e.style.padding = "3px 6px", e.style.lineHeight = "1", e.style.textAlign = "center", e.style.transform = "translate(-50%, -50%)", e.style.borderRadius = "100px", e.style.fontSize = "14px", e.style.color = "#fff", e.style.background = "rgba(195,195,195,0.70)", e.style.border = "0.5px solid rgba(255,255,255,0.6)", e.style.cursor = "pointer", e;
+  ), t.style.width = "max-content", t.style.padding = "3px 6px", t.style.lineHeight = "1", t.style.textAlign = "center", t.style.transform = "translate(-50%, -50%)", t.style.fontSize = "14px", t.style.color = "#fff", t.style.cursor = "pointer", t.style.userSelect = "none", e != null && e.style && Object.assign(t.style, e == null ? void 0 : e.style), t;
 }
-function y(e) {
+function D(e) {
   const t = document.createElement("div");
-  return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.opacity = "0", t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", t;
+  return e != null && e.id && (t.id = e == null ? void 0 : e.id), t.classList.add("five-plugin-measure__distance"), t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.width = "0", t.style.height = "0", t.style.transform = "translate3d(0, 0, 0)", t.style.transformOrigin = "left top", e != null && e.style && Object.assign(t.style, e.style), t;
 }
-class g {
+class u {
   constructor(t) {
-    i(this, "ndcPosition");
-    i(this, "contentDom");
-    i(this, "containerDom");
-    i(this, "params");
-    i(this, "canSelected");
-    i(this, "handleClick", (t) => {
-      var n, o;
-      (o = (n = this.params).clickCallback) == null || o.call(n, t, this);
+    n(this, "ndcPosition");
+    n(this, "contentDom");
+    n(this, "containerDom");
+    n(this, "params");
+    n(this, "canSelected");
+    n(this, "handleClick", (t) => {
+      var i, o;
+      (o = (i = this.params).clickCallback) == null || o.call(i, t, this);
     });
-    this.params = t, this.contentDom = m(), this.containerDom = y(), this.setCanSelect(!0);
+    this.params = t, this.contentDom = m({ style: t.contentStyle }), this.containerDom = D({ style: t.containerStyle }), this.setCanSelect(!0);
   }
   setCanSelect(t) {
     this.canSelected = t, this.containerDom.style.pointerEvents = t ? "all" : "none";
@@ -42,31 +42,37 @@ class g {
     this.contentDom.removeEventListener("click", this.handleClick), this.containerDom.remove();
   }
   show() {
-    this.containerDom.style.opacity = "1", this.containerDom.style.pointerEvents = this.canSelected ? "auto" : "none";
+    this.containerDom.style.visibility = "visible";
   }
   hide() {
-    this.containerDom.style.opacity = "0", this.containerDom.style.pointerEvents = "none";
+    this.containerDom.style.visibility = "hidden";
+  }
+  tempHide() {
+    this.containerDom.style.opacity = "0";
+  }
+  tempShow() {
+    this.containerDom.style.opacity = "1";
   }
   /**
    * @description: camera update 的时候，更新dom的位置
    */
   updateDomPosition(t) {
     if (!this.ndcPosition) {
-      this.hide();
+      this.tempHide();
       return;
     }
-    const n = t.getElement();
-    if (!n)
+    const i = t.getElement();
+    if (!i)
       return;
-    const o = n.clientWidth, r = n.clientHeight, s = this.ndcPosition.project(t.camera);
-    if (!d(s)) {
-      this.hide();
+    const o = i.clientWidth, l = i.clientHeight, s = this.ndcPosition.clone().project(t.camera);
+    if (!y(s)) {
+      this.tempHide();
       return;
     }
-    const c = (s.x + 1) / 2 * o, l = -(s.y - 1) / 2 * r;
-    this.containerDom.style.transform = `translate(${c}px, ${l}px)`, this.show();
+    const c = (s.x + 1) / 2 * o, r = -(s.y - 1) / 2 * l;
+    this.containerDom.style.transform = `translate(${c}px, ${r}px)`, this.tempShow();
   }
 }
 export {
-  g as ItemDom
+  u as ItemDom
 };

package/libs/PanoMeasurePlugin/utils/dom/distanceItem.js

@@ -1,15 +1,30 @@
-var S = Object.defineProperty;
-var M = (o, n, t) => n in o ? S(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
-var x = (o, n, t) => (M(o, typeof n != "symbol" ? n + "" : n, t), t);
-import { ItemDom as T } from "./base.js";
-import { Vector2 as P } from "three";
-import { isNDCPointInFront as u } from "../isNDCPointInScreen.js";
-class z extends T {
+var $ = Object.defineProperty, w = Object.defineProperties;
+var H = Object.getOwnPropertyDescriptors;
+var P = Object.getOwnPropertySymbols;
+var j = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var u = (n, e, t) => e in n ? $(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, b = (n, e) => {
+  for (var t in e || (e = {}))
+    j.call(e, t) && u(n, t, e[t]);
+  if (P)
+    for (var t of P(e))
+      v.call(e, t) && u(n, t, e[t]);
+  return n;
+}, y = (n, e) => w(n, H(e));
+var C = (n, e, t) => (u(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { ItemDom as z } from "./base.js";
+import { Vector2 as I } from "three";
+import { isNDCPointInFront as g } from "../isNDCPointInScreen.js";
+class V extends z {
   constructor(t) {
-    var i;
+    var o;
+    t.contentStyle = y(b({}, t.contentStyle), {
+      background: "rgba(195,195,195,0.70)",
+      border: "0.5px solid rgba(255,255,255,0.6)",
+      borderRadius: "999px"
+    });
     super(t);
-    x(this, "line");
-    this.params = t, this.line = t.line, (i = this.params.userDistanceItem) != null && i.element ? this.containerDom.appendChild(this.params.userDistanceItem.element) : this.containerDom.appendChild(this.contentDom);
+    C(this, "line");
+    this.line = t.line, (o = this.params.userDistanceItem) != null && o.element ? this.containerDom.appendChild(this.params.userDistanceItem.element) : this.containerDom.appendChild(this.contentDom);
   }
   update(t) {
     var D;
@@ -17,31 +32,31 @@ class z extends T {
       this.hide();
       return;
     }
-    const i = t.getElement();
-    if (!i)
+    const o = t.getElement();
+    if (!o)
       return;
-    const a = i.clientWidth, r = i.clientHeight, l = a / 2, c = r / 2;
+    const l = o.clientWidth, r = o.clientHeight, a = l / 2, c = r / 2;
     if (this.line.points.length < 2)
       return;
-    const [h, m] = this.line.points, e = h.position.clone().project(t.camera), s = m.position.clone().project(t.camera), d = e.clone().lerp(s, 0.5), p = new P(e.x * l, e.y * c), f = new P(s.x * l, s.y * c), g = p.distanceTo(f);
-    if ((() => !(Math.abs(e.z) > 1 || Math.abs(s.z) > 1 || !u(e) && !u(s) || !u(d) || g === 0))() === !1) {
+    const [h, d] = this.line.points, i = h.position.clone().project(t.camera), s = d.position.clone().project(t.camera), m = i.clone().lerp(s, 0.5), p = new I(i.x * a, i.y * c), f = new I(s.x * a, s.y * c), x = p.distanceTo(f);
+    if ((() => !(Math.abs(i.z) > 1 || Math.abs(s.z) > 1 || !g(i) && !g(s) || !g(m) || x === 0))() === !1) {
       this.hide();
       return;
     }
-    const y = (d.x + 1) / 2 * a, C = -(d.y - 1) / 2 * r, I = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, b = this.containerDom.parentElement && this.contentDom.clientWidth > g ? -20 : 0;
-    this.containerDom.style.transform = `translate(${y}px, ${C}px) rotate(${I}deg) translateY(${b}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
-    const E = this.getCurrentContent();
-    this.contentDom.innerText = E;
+    const S = (m.x + 1) / 2 * l, E = -(m.y - 1) / 2 * r, M = -(Math.atan((p.y - f.y) / (p.x - f.x)) * 180) / Math.PI, T = this.containerDom.parentElement && this.contentDom.clientWidth > x ? -20 : 0;
+    this.containerDom.style.transform = `translate(${S}px, ${E}px) rotate(${M}deg) translateY(${T}px)`, this.show(), (D = this.params.userDistanceItem) == null || D.update({ line: this.line, polyline: this.line.getPolyline() });
+    const W = this.getCurrentContent();
+    this.contentDom.innerText = W;
   }
   /** 获取内容文本 */
   getCurrentContent() {
-    var h, m, e, s;
+    var h, d, i, s;
     if (this.line.points.length < 2)
       return "";
-    const [t, i] = this.line.points, a = t.position.clone().distanceTo(i.position), r = (m = this.line.text) != null ? m : (h = this.line.model.config) == null ? void 0 : h.defaultText, l = (s = (e = this.line.model.config) == null ? void 0 : e.getDistanceText) == null ? void 0 : s.call(e, a), c = r != null ? r : l;
-    return c != null ? c : a.toFixed(2) + "m";
+    const [t, o] = this.line.points, l = t.position.clone().distanceTo(o.position), r = (d = this.line.text) != null ? d : (h = this.line.model.config) == null ? void 0 : h.defaultText, a = (s = (i = this.line.model.config) == null ? void 0 : i.getDistanceText) == null ? void 0 : s.call(i, l), c = r != null ? r : a;
+    return c != null ? c : l.toFixed(2) + "m";
   }
 }
 export {
-  z as DistanceItem
+  V as DistanceItem
 };

package/libs/PanoMeasurePlugin/utils/generatePolygonGeometry.js

@@ -1,11 +1,11 @@
-import * as n from "three";
+import * as r from "three";
 import u from "earcut";
 function m(i) {
-  const t = i.slice();
+  const t = [...new Set(i)];
   if (t.length < 3)
     return;
   t.at(-1).equals(t[0]) || t.push(t[0]);
-  const r = t.flatMap((o) => [o.x, o.y, o.z]), s = new n.Float32BufferAttribute(r, 3), a = u(r, void 0, 3), e = new n.BufferGeometry();
+  const n = t.flatMap((o) => [o.x, o.y, o.z]), s = new r.Float32BufferAttribute(n, 3), a = u(n, void 0, 3), e = new r.BufferGeometry();
   return e.setAttribute("position", s), e.setIndex(a), e.name = "PolygonGeometry", e;
 }
 export {

package/libs/PanoMeasurePlugin/utils/geometryUtil.d.ts

@@ -4,4 +4,4 @@ export declare function getGeometryArea(geometry: THREE.BufferGeometry): number;
 export declare function getGeometryInfo(geometry: THREE.BufferGeometry): {
     center: Vector3;
     area: number;
-};
+} | void;

package/libs/PanoMeasurePlugin/utils/geometryUtil.js

@@ -1,37 +1,39 @@
-import { Vector3 as a } from "three";
+import { Vector3 as l } from "three";
 import { centerPoint as A } from "../../shared-utils/three/centerPoint.js";
-function b(r) {
-  return u(r).reduce((e, [n, i, o]) => e + l(n, i, o), 0);
+function w(r) {
+  return a(r).reduce((e, [n, i, o]) => e + u(n, i, o), 0);
 }
-function h(r) {
-  const t = u(r);
-  let e = 0, n = new a();
+function b(r) {
+  const t = a(r);
+  if (t.length === 0)
+    return;
+  let e = 0, n = new l();
   for (const [i, o, c] of t) {
-    const s = l(i, o, c), g = d(i, o, c, s);
+    const s = u(i, o, c), g = d(i, o, c, s);
     e += s, n.add(g);
   }
   return n = n.divideScalar(e), { center: n, area: e };
 }
-function l(r, t, e) {
+function u(r, t, e) {
   return t.clone().sub(r).cross(e.clone().sub(r)).length() / 2;
 }
 function d(r, t, e, n) {
-  const i = n != null ? n : l(r, t, e);
+  const i = n != null ? n : u(r, t, e);
   return A(r, t, e).multiplyScalar(i);
 }
-function u(r) {
+function a(r) {
   var i;
   const t = r.getAttribute("position"), e = (i = r.getIndex()) == null ? void 0 : i.array;
   if (!t || !e)
     return [];
   let n = [];
   for (let o = 0; o < e.length; o += 3) {
-    const c = e[o], s = e[o + 1], g = e[o + 2], f = new a().fromArray([t.getX(c), t.getY(c), t.getZ(c)]), m = new a().fromArray([t.getX(s), t.getY(s), t.getZ(s)]), p = new a().fromArray([t.getX(g), t.getY(g), t.getZ(g)]);
+    const c = e[o], s = e[o + 1], g = e[o + 2], f = new l().fromArray([t.getX(c), t.getY(c), t.getZ(c)]), m = new l().fromArray([t.getX(s), t.getY(s), t.getZ(s)]), p = new l().fromArray([t.getX(g), t.getY(g), t.getZ(g)]);
     n.push([f, m, p]);
   }
   return n;
 }
 export {
-  b as getGeometryArea,
-  h as getGeometryInfo
+  w as getGeometryArea,
+  b as getGeometryInfo
 };

package/libs/PanoMeasurePlugin/utils/ndc2Screen.d.ts

@@ -1,4 +1,5 @@
-import { Vector2, Vector3 } from 'three';
+import { Vector2 } from 'three';
+import type { Vector3 } from 'three';
 export default function ndc2Screen(ndcPosition: Vector3, containerSize: {
     width: number;
     height: number;

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -23,7 +23,7 @@ import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";
 import "../vendor/svelte/store/index.js";

package/libs/PanoSpatialTagPlugin/index.js

@@ -20,7 +20,7 @@ import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "hammerjs";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "./Components/origins.js";
 import "../vendor/svelte/internal/index.js";
 import "./store.js";

package/libs/PanoTagPlugin/controller/TagCache.js

@@ -20,7 +20,7 @@ import "../../shared-utils/three/centerPoint.js";
 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/absoluteUrl.js";
 class F extends u {
   constructor(t) {
     super(t);

package/libs/PanoTagPlugin/controller/TagComputer.js

@@ -41,7 +41,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/isAbsoluteURL.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";

package/libs/PanoTagPlugin/controller/TagRender.js

@@ -52,7 +52,7 @@ import "../utils/planeNormal.js";
 import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
-import "../../shared-utils/isAbsoluteURL.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../vendor/svelte/store/index.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/device.js";
@@ -228,7 +228,7 @@ class ei extends w {
         return;
       const a = e.position.map(y);
       if (e.mediaPlane && e.mediaPlane.removeFromParent(), n === "Image")
-        e.mediaPlane = new j(i, a, { objectFit: e.data.objectFit }), this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
+        e.mediaPlane = new j(i, a, { objectFit: e.data.objectFit }), e.config.clickable !== !1 && this.domEvents.addAutoBindEventListener(e.mediaPlane, "click", (l) => {
           this.hooks.emit("click", { tag: e, target: "TagContent", event: l.origDomEvent });
         });
       else if (n === "Video") {

package/libs/PanoTagPlugin/controller/TagUtil.js

@@ -31,7 +31,7 @@ import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
 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/absoluteUrl.js";
 import "../../vendor/svelte/internal/index.js";
 import "../../shared-utils/three/loadTexture.js";
 import "../../shared-utils/three/Quadrangle.js";

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

@@ -1,8 +1,9 @@
-import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig, PartialObjectDeep } from '../typings';
+import type { Tag, TagId, Tags, TagInstance, State, AddTagConfig, LoadTagConfig, ContentTypeConfigKey, TagConfig } from '../typings';
 import type { PickTagContentTypeInContentTypeConfigKey, TagContentType } from '..';
 import type { ArrayPosition } from '../typings';
 import { type Five } from '@realsee/five';
 import { TagRender } from './TagRender';
+import type { PartialObjectDeep } from '../../typings/typings';
 export declare const pluginFlag: (name: string) => string;
 declare class PanoTagPluginController extends TagRender {
     /** state */

package/libs/PanoTagPlugin/controller/index.js

@@ -58,7 +58,7 @@ import "../utils/normalPositionToPositions.js";
 import "./TagCache.js";
 import "../../base/BasePlugin.js";
 import "../../shared-utils/Subscribe.js";
-import "../../shared-utils/isAbsoluteURL.js";
+import "../../shared-utils/absoluteUrl.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
 import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";

package/libs/PanoTagPlugin/index.js

@@ -39,7 +39,7 @@ import "./utils/planeNormal.js";
 import "./utils/normalPositionToPositions.js";
 import "./controller/TagCache.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 import "../vendor/svelte/store/index.js";
 import "../vendor/svelte/internal/index.js";
 import "../shared-utils/device.js";

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

@@ -2,8 +2,8 @@ import type { Create3DDomContainerParamsType } from '../../../CSS3DRenderPlugin/
 import type { Five, Mode } from '@realsee/five';
 import type { ContentTypeMap, TagContentType } from './TagData';
 import type { MinMax } from './Utils';
-import type { PartialObjectDeep } from './Utils';
 import type { TagInstance } from './TagInstance';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type ConfigFunction = (five: Five, tagState: {
     tag: TagInstance<any>;
     /** 标签点或中心点的到摄像机的距离 */

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

@@ -1,7 +1,7 @@
 import type { Tag } from './Tag';
 import type TagContentSvelte from '../../Components/Tag/index.svelte';
 import type { TagContentType } from './TagData';
-import type { PartialObjectDeep, StickType, TagGLTFObject } from './Utils';
+import type { StickType, TagGLTFObject } from './Utils';
 import type { Create3DDomContainerReturnType } from '../../../CSS3DRenderPlugin';
 import type { Vector3 } from 'three';
 import type { ImagePlane, VideoPlane } from '../../utils/model/mediaPlane';
@@ -9,6 +9,7 @@ import type { TagEvents } from '../controller';
 import type { TagConfig } from './TagConfig';
 import type { Subscribe } from '@realsee/five';
 import type { SetRequired } from 'type-fest';
+import type { PartialObjectDeep } from '../../../typings/typings';
 type RequiredTag<C extends TagContentType = TagContentType, S extends StickType = StickType> = SetRequired<Tag<C, S>, 'id' | 'data' | 'enabled' | 'config' | 'stickType' | 'contentType'>;
 export type TagInstance<C extends TagContentType = TagContentType, S extends StickType = StickType> = RequiredTag<C, S> & Partial<{
     screenPosition: {

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

@@ -2,16 +2,12 @@ import type { GLTFObject } from '@realsee/five/gltf-loader';
 import type { Group } from 'three';
 import type { TagContentType } from './TagData';
 import type { ImagePlane } from '../../utils/model/mediaPlane';
-import type { PartialDeep } from 'type-fest';
 import type { TagInstance } from './TagInstance';
 export type TagId = string | number;
 export type ArrayPosition = number[];
 export type Position = ArrayPosition;
 export type PanoIndex = number;
 export type WorkCode = string;
-export type PartialObjectDeep<ObjectType extends object> = {
-    [KeyType in keyof ObjectType]?: PartialDeep<ObjectType[KeyType]>;
-};
 export interface MinMax {
     min?: number;
     max?: number;

package/libs/PanoVideoPlugin/Controller.js

@@ -34,7 +34,7 @@ import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 class N extends _ {
   constructor(e) {
     super(e);

package/libs/PanoVideoPlugin/index.js

@@ -23,7 +23,7 @@ import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/index.js";
 import "../base/BasePlugin.js";
-import "../shared-utils/isAbsoluteURL.js";
+import "../shared-utils/absoluteUrl.js";
 const q = (o) => new r(o);
 export {
   q as PanoVideoPlugin,

package/libs/base/BasePlugin.d.ts

@@ -95,7 +95,10 @@ declare abstract class Controller<PluginState extends State, PluginEventMap exte
      * @param options 配置项
      */
     setState?(state: Partial<PluginState>, options?: BaseOptions): void;
-    isAbsoluteURL(url: string): string;
+    /**
+       * @description: 获取静态资源的url
+    */
+    absoluteUrl(url: string): string;
     /**
      * 启用插件，让插件能够响应交互
      */

package/libs/base/BasePlugin.js

@@ -1,6 +1,6 @@
 var s = Object.defineProperty;
-var o = (i, t, r) => t in i ? s(i, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : i[t] = r;
-var e = (i, t, r) => (o(i, typeof t != "symbol" ? t + "" : t, r), r);
+var o = (e, t, r) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var i = (e, t, r) => (o(e, typeof t != "symbol" ? t + "" : t, r), r);
 import { Subscribe as a } from "../shared-utils/Subscribe.js";
 import "hammerjs";
 import "three";
@@ -8,19 +8,19 @@ import "@realsee/five";
 import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { isAbsoluteURL as m } from "../shared-utils/isAbsoluteURL.js";
-let n = class {
+import { absoluteUrl as l } from "../shared-utils/absoluteUrl.js";
+let b = class {
   constructor(t, r) {
     /**
      * @realsee/dnalogel 版本号
      */
-    e(this, "VERSION", "2.21.0-dev.0");
-    e(this, "five");
+    i(this, "VERSION", "2.21.0-dev.11");
+    i(this, "five");
     /**
      * 插件事件钩子
      */
-    e(this, "hooks", new a());
-    e(this, "staticPrefix", "//vrlab-static.ljcdn.com");
+    i(this, "hooks", new a());
+    i(this, "staticPrefix", "//vr-image-4.realsee-cdn.cn");
     this.five = t, r != null && r.staticPrefix && (this.staticPrefix = r.staticPrefix);
   }
   /**
@@ -29,10 +29,13 @@ let n = class {
   getCurrentState() {
     return this.state;
   }
-  isAbsoluteURL(t) {
-    return m(t) ? t : `${this.staticPrefix}${t}`;
+  /**
+     * @description: 获取静态资源的url
+  */
+  absoluteUrl(t) {
+    return l(this.staticPrefix, t);
   }
 };
 export {
-  n as Controller
+  b as Controller
 };

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

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