@realsee/dnalogel 2.12.0 → 2.13.0

package/libs/PanoTagPlugin/mocks/v1/mock7.js

@@ -0,0 +1,228 @@
+const e = {
+  tagList: [
+    {
+      id: "u-T161w3kyIaSQn0",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [0.22148510000109672, 1.517, 3.1481822000000177],
+        [0.22148510000109672, 1.717, 3.1481822000000177],
+        [-0.07851489999890328, 1.717, 3.1481822000000177],
+        [-0.07851489999890328, 1.517, 3.1481822000000177]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-nqPWImkYiASqk0",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [0.34248509999999804, 1.517, 3.903182200000003],
+        [0.34248509999999804, 1.717, 3.903182200000003],
+        [0.34248509999999804, 1.717, 3.603182200000003],
+        [0.34248509999999804, 1.517, 3.603182200000003]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-4ASy5KkYIaSQHX",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-2.528514900000002, 1.517, 0.24818220000000293],
+        [-2.528514900000002, 1.717, 0.24818220000000293],
+        [-2.528514900000002, 1.717, 0.548182200000003],
+        [-2.528514900000002, 1.517, 0.548182200000003]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-fRw8wqKYIASQMy",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [0.24248509999999807, 1.517, -0.5926472999999969],
+        [0.24248509999999807, 1.717, -0.5926472999999969],
+        [0.24248509999999807, 1.717, -0.8926472999999969],
+        [0.24248509999999807, 1.517, -0.8926472999999969]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-kZ96uUkYiAsqj4",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [0.34248509999999804, 1.517, -8.495272299999996],
+        [0.34248509999999804, 1.717, -8.495272299999996],
+        [0.34248509999999804, 1.717, -8.795272299999997],
+        [0.34248509999999804, 1.517, -8.795272299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-KyPQ1nkyiAsqQH",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-3.7705148999999945, 1.517, -3.618522299999997],
+        [-3.7705148999999945, 1.717, -3.618522299999997],
+        [-4.070514899999995, 1.717, -3.618522299999997],
+        [-4.070514899999995, 1.517, -3.618522299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-9A7pXvkYIasqJY",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-2.5285148999999585, 1.517, -4.068522299999997],
+        [-2.5285148999999585, 1.517, -4.368522299999997],
+        [-2.5285148999999585, 1.717, -4.368522299999997],
+        [-2.5285148999999585, 1.717, -4.068522299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>"
+    },
+    {
+      id: "u-P3SmwCkYIaSQMs",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [0.24248509999999807, 1.517, -3.1820222999999968],
+        [0.24248509999999807, 1.717, -3.1820222999999968],
+        [0.24248509999999807, 1.717, -3.482022299999997],
+        [0.24248509999999807, 1.517, -3.482022299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-oksb9DKyiAsQMt",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-0.707514900000002, 1.517, -2.292647299999997],
+        [-0.707514900000002, 1.717, -2.292647299999997],
+        [-0.40751490000000196, 1.717, -2.292647299999997],
+        [-0.40751490000000196, 1.517, -2.292647299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-kBqHOJKyIAsQQd",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-2.528514900000002, 1.517, -7.402022299999997],
+        [-2.528514900000002, 1.717, -7.402022299999997],
+        [-2.528514900000002, 1.717, -7.102022299999997],
+        [-2.528514900000002, 1.517, -7.102022299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-WKW6BoKyiASqpv",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-1.3585149000000019, 1.517, -6.8122722999999965],
+        [-1.3585149000000019, 1.717, -6.8122722999999965],
+        [-1.3585149000000019, 1.717, -7.112272299999997],
+        [-1.3585149000000019, 1.517, -7.112272299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-9G3UJRkyiAsqQf",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-5.5205148999999984, 1.517, -6.888522299999997],
+        [-5.5205148999999984, 1.717, -6.888522299999997],
+        [-5.5205148999999984, 1.717, -6.588522299999997],
+        [-5.5205148999999984, 1.517, -6.588522299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-QVST2hkYiaSQPn",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-2.7705148999999945, 1.517, -7.762272299999997],
+        [-2.7705148999999945, 1.717, -7.762272299999997],
+        [-3.0705148999999947, 1.717, -7.762272299999997],
+        [-3.0705148999999947, 1.517, -7.762272299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    },
+    {
+      id: "u-gTvYY5KyIASQQd",
+      dimensionType: "3D",
+      pointType: "PlaneTag",
+      contentType: "Custom",
+      position: [
+        [-2.7285149000000017, 1.517, -6.712272299999997],
+        [-2.7285149000000017, 1.717, -6.712272299999997],
+        [-2.7285149000000017, 1.717, -7.012272299999997],
+        [-2.7285149000000017, 1.517, -7.012272299999997]
+      ],
+      element: "<div>TTT2367189372819378291378921</div>",
+      data: {
+        text: "111"
+      }
+    }
+  ]
+};
+export {
+  e as default
+};

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

@@ -5,10 +5,10 @@ import type { Vector3 } from 'three';
 import type { Create3DDomContainerReturnType } from '../../CSS3DRenderPlugin';
 import type { Writable } from 'svelte/store';
 import type { Subscribe } from '@realsee/five';
-import type { TagId, StickType } from './tag/Utils';
+import type { TagId, StickType, TagGLTFObject } from './tag/Utils';
 import type { TagContentType } from './tag/TagData';
 import type { Tag } from './tag/Tag';
-import { GLTFObject } from '@realsee/five/gltf-loader';
+import type ImageModel from '../utils/model/imageModel';
 declare type NonNullable<T> = T extends null | undefined | void ? never : T;
 export declare type TagHooks = InstanceType<typeof PanoTagPluginController>['hooks'];
 export interface State extends BasePlugin.State {
@@ -68,7 +68,7 @@ export declare type TagEvents = {
     show: () => void;
     hide: () => void;
 };
-export interface TagCache {
+export interface TagCacheInterface {
     visible?: boolean;
     unfolded?: boolean;
     minimumDistanceResult?: boolean;
@@ -81,16 +81,11 @@ export interface TagCache {
         reason?: string;
     };
 }
-export declare type TagGLTFObject = GLTFObject & {
-    customID: number | string;
-    isTagModel: boolean;
-};
 export declare type TagElement<C extends TagContentType = TagContentType, S extends StickType = StickType> = Tag<C, S> & Partial<{
     pointTagStyle: {
         leftPercent: number;
         topPercent: number;
     };
-    clickable: boolean;
     temporaryState: {
         visible: boolean;
     };
@@ -100,6 +95,12 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
         initialNormal: Vector3;
         currentNormal: Vector3;
     };
+    imageModel: ImageModel;
+    model: {
+        promise: Promise<TagGLTFObject>;
+        object?: TagGLTFObject;
+    };
+    mediaVisible: boolean;
     play: () => void;
     pause: () => void;
 }> & {
@@ -109,14 +110,12 @@ export declare type TagElement<C extends TagContentType = TagContentType, S exte
     };
     hooks: Subscribe<TagEvents>;
     mergedConfig: TagConfig<C, S>;
-} & (S extends 'Model' ? {
-    model?: {
-        promise: Promise<TagGLTFObject>;
-        object?: TagGLTFObject;
-    };
-} : unknown) & (C extends 'MediaModel' ? {
-    mediaVisible?: boolean;
-} : unknown);
+    unfold: () => void;
+    fold: () => void;
+    enable: () => void;
+    disable: () => void;
+    destroy: () => void;
+};
 export declare type MediaStore = Writable<{
     currentMediaElement: HTMLMediaElement | null;
 }>;

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

@@ -85,5 +85,7 @@ export interface TagConfig<C extends TagContentType = TagContentType, S extends
         unfolded?: boolean;
     };
     tag3DConfig?: Create3DDomContainerParamsType['config'];
+    /** 当图片为一张时可以通过Mesh渲染 */
+    renderType?: 'Mesh' | 'Dom';
     clickable?: false;
 }

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

@@ -1,5 +1,8 @@
+import { GLTFObject } from '@realsee/five/gltf-loader';
+import { Group } from 'three';
 import type { Tag } from './Tag';
 import type { TagContentType } from './TagData';
+import ImageModel from '../../utils/model/imageModel';
 export declare type TagId = string | number;
 export declare type ArrayPosition = number[];
 export declare type Position = ArrayPosition;
@@ -43,6 +46,19 @@ export interface TagStyle {
         size?: TagIconSize;
     } & TagIconUrl;
 }
+export declare type TagGLTFObject = GLTFObject & {
+    customID: number | string;
+    isTagModel: boolean;
+};
+export interface TagObjectGroup extends Group {
+    children: Array<TagGLTFObjectGroup>;
+}
+export interface TagGLTFObjectGroup extends Group {
+    children: TagGLTFObject[];
+}
+export interface ImagePlaneGroup extends Group {
+    children: ImageModel[];
+}
 /**
  * @description S: 18; M: 20; L: 24; XL: 28
  */

package/libs/PanoTagPlugin/utils/addDebugPoints.js

@@ -1,5 +1,5 @@
-import * as o from "three";
 import { arrayPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import * as o from "three";
 function M(h, p) {
   p.forEach((t) => {
     const r = new o.SphereGeometry(0.02, 16, 16), i = [], a = [

package/libs/PanoTagPlugin/utils/device.d.ts

@@ -0,0 +1 @@
+export declare const isIOSWX: boolean;

package/libs/PanoTagPlugin/utils/device.js

@@ -0,0 +1,4 @@
+const e = navigator.userAgent.toLowerCase().indexOf("micromessenger") !== -1 && navigator.userAgent.toLowerCase().indexOf("iphone") !== -1;
+export {
+  e as isIOSWX
+};

package/libs/PanoTagPlugin/utils/index.js

@@ -1,39 +1,38 @@
-import { centerPoint as i } from "../../CSS3DRenderPlugin/utils/centerPoint.js";
-import { even as m } from "../../CSS3DRenderPlugin/utils/even.js";
+import { even as a } from "../../CSS3DRenderPlugin/utils/even.js";
 import { random as p } from "../../CSS3DRenderPlugin/utils/random.js";
-import { anyPositionToVector3 as s, arrayPositionToVector3 as x, positionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { addDebugPoints as d } from "./addDebugPoints.js";
-import { noTypecheck as T } from "./noTypecheck.js";
-import { planeNormal as h } from "./planeNormal.js";
-import { getTagPosition as b, tagPosition as u } from "./tagPosition.js";
-import { checkRange as y } from "./checkRange.js";
-import { actionAfterFiveModelLoad as L, waitFiveModelLoaded as k } from "./actionAfterFiveModelLoad.js";
-import { normalPositionToPositions as S } from "./normalPositionToPositions.js";
-import { debounce as z } from "./debounce.js";
-import { throttle as B } from "./throttle.js";
-import { binarySearchFirstBig as N, searchFirstValueSmallThanLastValue as O } from "./search.js";
-import { resizeObserver as j } from "./resizeObserver.js";
+import { anyPositionToVector3 as f, arrayPositionToVector3 as s, positionToVector3 as x } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { addDebugPoints as l } from "./addDebugPoints.js";
+import { noTypecheck as P } from "./noTypecheck.js";
+import { planeNormal as g } from "./planeNormal.js";
+import { getTagPosition as V, tagPosition as b } from "./tagPosition.js";
+import { checkRange as v } from "./checkRange.js";
+import { actionAfterFiveModelLoad as F, waitFiveModelLoaded as L } from "./actionAfterFiveModelLoad.js";
+import { normalPositionToPositions as M } from "./normalPositionToPositions.js";
+import { debounce as w } from "./debounce.js";
+import { throttle as A } from "./throttle.js";
+import { binarySearchFirstBig as D, searchFirstValueSmallThanLastValue as N } from "./search.js";
+import { resizeObserver as R } from "./resizeObserver.js";
 import "three";
+import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
 export {
-  L as actionAfterFiveModelLoad,
-  d as addDebugPoints,
-  s as anyPositionToVector3,
-  x as arrayPositionToVector3,
-  N as binarySearchFirstBig,
-  i as centerPoint,
-  y as checkRange,
-  z as debounce,
-  m as even,
-  b as getTagPosition,
-  T as noTypecheck,
-  S as normalPositionToPositions,
-  h as planeNormal,
-  c as positionToVector3,
+  F as actionAfterFiveModelLoad,
+  l as addDebugPoints,
+  f as anyPositionToVector3,
+  s as arrayPositionToVector3,
+  D as binarySearchFirstBig,
+  v as checkRange,
+  w as debounce,
+  a as even,
+  V as getTagPosition,
+  P as noTypecheck,
+  M as normalPositionToPositions,
+  g as planeNormal,
+  x as positionToVector3,
   p as random,
-  j as resizeObserver,
-  O as searchFirstValueSmallThanLastValue,
-  u as tagPosition,
-  B as throttle,
-  k as waitFiveModelLoaded
+  R as resizeObserver,
+  N as searchFirstValueSmallThanLastValue,
+  b as tagPosition,
+  A as throttle,
+  L as waitFiveModelLoaded
 };

package/libs/PanoTagPlugin/utils/model/imageModel.d.ts

@@ -0,0 +1,8 @@
+import * as THREE from 'three';
+import { Vector3 } from 'three';
+declare class ImageModel extends THREE.Mesh {
+    name: string;
+    imageSrc?: string;
+    constructor(imageSrc: string, cornerPoints: Vector3[]);
+}
+export default ImageModel;

package/libs/PanoTagPlugin/utils/model/imageModel.js

@@ -0,0 +1,31 @@
+var A = Object.defineProperty;
+var H = (o, e, s) => e in o ? A(o, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[e] = s;
+var m = (o, e, s) => (H(o, typeof e != "symbol" ? e + "" : e, s), s);
+import * as h from "three";
+import { Vector3 as l } from "three";
+import { centerPoint as R } from "../../../shared-utils/three/centerPoint.js";
+import { loadTexture as W } from "../../../shared-utils/three/loadTexture.js";
+class k extends h.Mesh {
+  constructor(s, t) {
+    super();
+    m(this, "name", "ImageModel");
+    m(this, "imageSrc");
+    this.imageSrc = s, W(s).then((c) => {
+      const a = c.image.width, i = c.image.height, f = new h.MeshBasicMaterial({ map: c, transparent: !0 }), V = new h.PlaneGeometry(a, i);
+      this.geometry = V, this.material = f;
+      const y = new l().subVectors(t[1], t[0]), p = new l().subVectors(t[3], t[0]), M = R(...t), T = new l().crossVectors(y, p).normalize();
+      this.lookAt(T);
+      const g = this.up.clone().applyQuaternion(this.quaternion), d = p.clone(), x = new l().crossVectors(g, d).normalize();
+      this.rotateOnWorldAxis(x, g.angleTo(d)), this.position.copy(M);
+      const r = t[0].distanceTo(t[1]), n = t[1].distanceTo(t[2]);
+      this.scale.set(r / a, n / i, 1);
+      const w = a / i, u = r / n;
+      w > u ? this.scale.set(r / a, r / a, 1) : w < u ? this.scale.set(n / i, n / i, 1) : this.scale.set(r / a, n / i, 1);
+    }).catch((c) => {
+      console.log({ e: c });
+    });
+  }
+}
+export {
+  k as default
+};

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1,5 +1,5 @@
-import "three";
 import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "three";
 function i(t) {
   if (t.length < 3)
     return;

package/libs/PanoTagPlugin/utils/tag/tagCheck.d.ts

@@ -1,8 +1,8 @@
 import type { Tag, TagElement } from '../../typings';
-export declare function isPointTag(tag: Tag): boolean;
-export declare function isPlaneTag(tag: Tag): boolean;
-export declare function isPoint2DTag(tag: Tag): boolean;
-export declare function isPoint3DTag(tag: Tag): boolean;
-export declare function is2DTag(tag: Tag): boolean;
-export declare function is3DTag(tag: Tag): boolean;
-export declare function isMediaModelTag(tag: Tag): tag is TagElement<'MediaModel', 'Model'>;
+export declare function isPointTag(tag: Tag<any, any>): boolean;
+export declare function isPlaneTag(tag: Tag<any, any>): boolean;
+export declare function isPoint2DTag(tag: Tag<any, any>): boolean;
+export declare function isPoint3DTag(tag: Tag<any, any>): boolean;
+export declare function is2DTag(tag: Tag<any, any>): boolean;
+export declare function is3DTag(tag: Tag<any, any>): boolean;
+export declare function isMediaModelTag(tag: Tag<any, any>): tag is TagElement<'MediaModel', 'Model'>;

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -1,6 +1,6 @@
 import { Matrix4 as a, Vector3 as m } from "three";
-import { centerPoint as n } from "../../CSS3DRenderPlugin/utils/centerPoint.js";
 import { anyPositionToVector3 as i } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { centerPoint as n } from "../../shared-utils/three/centerPoint.js";
 import { isMediaModelTag as s } from "./tag/tagCheck.js";
 function c(r) {
   if (!!r)

package/libs/PanoVideoPlugin/Controller.js

@@ -27,8 +27,8 @@ import "../CSS3DRenderPlugin/utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.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 "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -18,8 +18,8 @@ import "../CSS3DRenderPlugin/utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.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/BetterTween.js";

package/libs/PanoVideoPlugin/index.js

@@ -15,8 +15,8 @@ import "../CSS3DRenderPlugin/utils/even.js";
 import "../shared-utils/Subscribe.js";
 import "../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/centerPoint.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 "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";

package/libs/base/BasePlugin.js

@@ -4,7 +4,7 @@ var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
 class x {
   constructor(r, t) {
-    s(this, "VERSION", "2.12.0");
+    s(this, "VERSION", "2.13.0");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");