@realsee/dnalogel 2.16.0-alpha.4 → 2.16.0

package/libs/PanoTagPlugin/utils/planeNormal.js

@@ -1,15 +1,43 @@
-import { anyPositionToVector3 as c } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { anyPositionToVector3 as m } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import "three";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
 import "../../shared-utils/threex/domevents/index.js";
-function u(t) {
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
+function J(t) {
   if (t.length < 3)
     return;
-  const o = t.map(c), r = o[1].clone().sub(o[0]), n = o[2].clone().sub(o[1]);
-  return r.cross(n);
+  const o = t.map(m), r = o[1].clone().sub(o[0]), i = o[2].clone().sub(o[1]);
+  return r.cross(i);
 }
 export {
-  u as planeNormal
+  J as planeNormal
 };

package/libs/PanoTagPlugin/utils/tagPosition.js

@@ -1,27 +1,54 @@
-import { Matrix4 as m, Vector3 as a } from "three";
+import { Matrix4 as n, Vector3 as e } from "three";
 import { anyPositionToVector3 as i } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
-import { centerPoint as n } from "../../shared-utils/three/centerPoint.js";
+import { centerPoint as m } from "../../shared-utils/three/centerPoint.js";
 import "@realsee/five/gltf-loader";
 import "../../shared-utils/three/loadTexture.js";
 import "@realsee/five";
+import "object-assign-deep";
+import { isMediaModelTag as a } from "./tag/tagCheck.js";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../shared-utils/animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "./device.js";
 import "../../shared-utils/threex/domevents/index.js";
-import { isMediaModelTag as p } from "./tag/tagCheck.js";
+import "animejs";
+import "./constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "../../shared-utils/three/GLTFLoader.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../CSS3DRenderPlugin/utils/even.js";
+import "../../shared-utils/Subscribe.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../shared-utils/animationFrame/index.js";
 function s(r) {
   if (!!r)
     if (Array.isArray(r) && r.length === 4) {
       const o = r.map(i);
-      return n(o[0], o[2]);
+      return m(o[0], o[2]);
     } else
       return i(r);
 }
-function A(r) {
-  if (p(r) && r.matrix) {
-    const t = new m().fromArray(r.matrix), o = r.data.mediaPosition.map((e) => new a().fromArray(e).applyMatrix4(t));
-    return n(o[0], o[2]);
+function R(r) {
+  if (a(r) && r.matrix) {
+    const t = new n().fromArray(r.matrix), o = r.data.mediaPosition.map((p) => new e().fromArray(p).applyMatrix4(t));
+    return m(o[0], o[2]);
   } else
     return s(r.position);
 }
 export {
-  A as getTagPosition,
+  R as getTagPosition,
   s as tagPosition
 };

package/libs/base/BasePlugin.js

@@ -2,9 +2,9 @@ var i = Object.defineProperty;
 var a = (e, r, t) => r in e ? i(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var s = (e, r, t) => (a(e, typeof r != "symbol" ? r + "" : r, t), t);
 import { Subscribe as c } from "../shared-utils/Subscribe.js";
-class o {
+class x {
   constructor(r, t) {
-    s(this, "VERSION", "2.16.0-alpha.4");
+    s(this, "VERSION", "2.16.0");
     s(this, "five");
     s(this, "hooks", new c());
     s(this, "staticPrefix", "//vrlab-static.ljcdn.com");
@@ -15,5 +15,5 @@ class o {
   }
 }
 export {
-  o as Controller
+  x as Controller
 };

package/libs/index.js

@@ -225,7 +225,14 @@ import "./CruisePlugin/utils/sleep.js";
 import "object-assign-deep";
 import "./PanoTagPlugin/utils/addDebugPoints.js";
 import "@realsee/five/gltf-loader";
+import "./PanoTagPlugin/utils/device.js";
 import "./shared-utils/threex/domevents/index.js";
+import "animejs";
+import "./PanoTagPlugin/utils/constants.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "./shared-utils/three/GLTFLoader.js";
 import "./PanoTagPlugin/utils/tag/tagCheck.js";
 import "./PanoTagPlugin/utils/actionAfterFiveModelLoad.js";
 import "./PanoTagPlugin/utils/debounce.js";
@@ -242,7 +249,6 @@ import "./PanoTagPlugin/tag.config.js";
 import "./PanoTagPlugin/utils/planeNormal.js";
 import "./PanoTagPlugin/utils/normalPositionToPositions.js";
 import "./PanoTagPlugin/controller/TagCache.js";
-import "./PanoTagPlugin/utils/device.js";
 import "./PanoTagPlugin/utils/model/mediaPlane.js";
 import "./shared-utils/three/Quadrangle.js";
 import "./shared-utils/math/pointIsRectangle.js";
@@ -259,9 +265,7 @@ import "./PanoTagPlugin/Components/Common/Line/Straight.js";
 import "./PanoTagPlugin/Components/Common/Shadow.js";
 import "./PanoTagPlugin/Components/Common/Text/FlyMText.js";
 import "./PanoTagPlugin/Components/Common/Text/FlyText.js";
-import "animejs";
 import "./PanoTagPlugin/utils/search.js";
-import "./PanoTagPlugin/utils/constants.js";
 import "./PanoTagPlugin/Components/Common/Arrow.js";
 import "./PanoTagPlugin/utils/doUtil.js";
 import "./PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
@@ -290,11 +294,8 @@ import "./vendor/svelte-carousel/src/utils/clones.js";
 import "./vendor/svelte-carousel/src/utils/object.js";
 import "./vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
 import "./vendor/simply-reactive/src/simply-reactive.js";
-import "lodash.get";
-import "lodash.clonedeep";
 import "./vendor/simply-reactive/src/utils/subscription.js";
 import "./vendor/simply-reactive/src/utils/object.js";
-import "lodash.isequal";
 import "./vendor/simply-reactive/src/utils/watcher.js";
 import "./vendor/svelte-carousel/src/utils/lazy.js";
 import "./vendor/svelte-carousel/src/utils/ProgressManager.js";
@@ -314,7 +315,6 @@ import "./PanoTagPlugin/Components/Common/Icon/Icon.js";
 import "./PanoTagPlugin/utils/getImageInfo.js";
 import "./PanoTagPlugin/Components/Tag/CustomTag.js";
 import "./PanoTagPlugin/Components/Common/TagPoint.js";
-import "./shared-utils/three/GLTFLoader.js";
 import "./shared-utils/Object3DHelper/Helper/MoveHelper.js";
 import "./shared-utils/Object3DHelper/Base/BaseHelper.js";
 import "./shared-utils/Object3DHelper/utils/setObjectQuaternion.js";

package/libs/shared-utils/logger.js

@@ -1,6 +1,6 @@
 function A() {
   console.info(
-    "%c %c@realsee/dnalogel %cv2.16.0-alpha.4",
+    "%c %c@realsee/dnalogel %cv2.16.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/three/Quadrangle.d.ts

@@ -1,11 +1,11 @@
 import * as THREE from 'three';
-declare class QuadrangleMesh extends THREE.Mesh {
+declare class QuadrangleMesh extends THREE.Mesh<QuadrangleGeometry, THREE.Material> {
     name: string;
     /**
      * @description 生成一个四边形的Mesh
      * @param {Vector3Position[]} points: 四个顶点的坐标, [左下，右下，右上，左上]
      */
-    constructor(points: THREE.Vector3[], segments?: number);
+    constructor(points: THREE.Vector3[], material?: THREE.Material, segments?: number);
     removeFromParent(): this;
 }
 declare class QuadrangleGeometry extends THREE.BufferGeometry {

package/libs/shared-utils/three/Quadrangle.js

@@ -1,41 +1,57 @@
-var d = Object.defineProperty;
-var b = (a, o, e) => o in a ? d(a, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[o] = e;
-var w = (a, o, e) => (b(a, typeof o != "symbol" ? o + "" : o, e), e);
-import * as u from "three";
-import { pointIsRectangle as z } from "../math/pointIsRectangle.js";
-class G extends u.BufferGeometry {
+var b = Object.defineProperty;
+var m = (a, n, e) => n in a ? b(a, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[n] = e;
+var x = (a, n, e) => (m(a, typeof n != "symbol" ? n + "" : n, e), e);
+import * as i from "three";
+import { pointIsRectangle as v } from "../math/pointIsRectangle.js";
+import { centerPoint as g } from "./centerPoint.js";
+class M extends i.Mesh {
+  constructor(e, f, t) {
+    if (e.length !== 4)
+      throw new Error("QuadrangleMesh: Invalid number of points, it's not a quadrangle");
+    const [s, p, u, l] = e, o = g(...e), A = [s.clone().sub(o), p.clone().sub(o), u.clone().sub(o), l.clone().sub(o)], c = new z(A, t);
+    super(c, f);
+    x(this, "name", "QuadrangleMesh");
+    this.position.copy(o);
+  }
+  removeFromParent() {
+    const e = this.parent;
+    return e !== null && e.remove(this), this;
+  }
+}
+class z extends i.BufferGeometry {
   constructor(e, f) {
     super();
-    w(this, "name", "QuadrangleGeometry");
-    w(this, "points");
+    x(this, "name", "QuadrangleGeometry");
+    x(this, "points");
     this.points = e;
-    const t = f != null ? f : z(e) ? 64 : 1;
+    const t = f != null ? f : v(e) ? 64 : 1;
     if (e.length !== 4) {
       console.error("Invalid number of points, it's not a quadrangle");
       return;
     }
-    const [s, h, n, c] = e, [p, x, A, l] = [new u.Vector2(0, 0), new u.Vector2(1, 0), new u.Vector2(1, 1), new u.Vector2(0, 1)], y = [], i = [];
-    y.push(...s.toArray()), i.push(...p.toArray());
+    const [s, p, u, l] = e, [o, A, c, d] = [new i.Vector2(0, 0), new i.Vector2(1, 0), new i.Vector2(1, 1), new i.Vector2(0, 1)], y = [], h = [];
+    y.push(...s.toArray()), h.push(...o.toArray());
     for (let r = 1; r < t; r++)
       y.push(
-        s.x + (h.x - s.x) * r / t,
-        s.y + (h.y - s.y) * r / t,
-        s.z + (h.z - s.z) * r / t
-      ), i.push(p.x + (x.x - p.x) * r / t, p.y + (x.y - p.y) * r / t);
-    y.push(...h.toArray()), i.push(...x.toArray()), y.push(...n.toArray()), i.push(...A.toArray());
+        s.x + (p.x - s.x) * r / t,
+        s.y + (p.y - s.y) * r / t,
+        s.z + (p.z - s.z) * r / t
+      ), h.push(o.x + (A.x - o.x) * r / t, o.y + (A.y - o.y) * r / t);
+    y.push(...p.toArray()), h.push(...A.toArray()), y.push(...u.toArray()), h.push(...c.toArray());
     for (let r = 1; r < t; r++)
       y.push(
-        n.x + (c.x - n.x) * r / t,
-        n.y + (c.y - n.y) * r / t,
-        n.z + (c.z - n.z) * r / t
-      ), i.push(A.x + (l.x - A.x) * r / t, A.y + (l.y - A.y) * r / t);
-    y.push(...c.toArray()), i.push(...l.toArray());
-    const v = [];
+        u.x + (l.x - u.x) * r / t,
+        u.y + (l.y - u.y) * r / t,
+        u.z + (l.z - u.z) * r / t
+      ), h.push(c.x + (d.x - c.x) * r / t, c.y + (d.y - c.y) * r / t);
+    y.push(...l.toArray()), h.push(...d.toArray());
+    const w = [];
     for (let r = 0; r < t; r++)
-      v.push(r, r + 1, t * 2 - r, r, t * 2 - r, t * 2 + 1 - r);
-    this.setAttribute("position", new u.BufferAttribute(new Float32Array(y), 3)), this.setAttribute("uv", new u.BufferAttribute(new Float32Array(i), 2)), this.setIndex(new u.BufferAttribute(new Uint32Array(v), 1));
+      w.push(r, r + 1, t * 2 - r, r, t * 2 - r, t * 2 + 1 - r);
+    this.setAttribute("position", new i.BufferAttribute(new Float32Array(y), 3)), this.setAttribute("uv", new i.BufferAttribute(new Float32Array(h), 2)), this.setIndex(new i.BufferAttribute(new Uint32Array(w), 1));
   }
 }
 export {
-  G as QuadrangleGeometry
+  z as QuadrangleGeometry,
+  M as QuadrangleMesh
 };

package/libs/shared-utils/three/getPositionsByObjectFit.d.ts

@@ -1,2 +1,3 @@
 import * as THREE from 'three';
-export default function getPositionsByObjectFit(objectFit: 'contain' | 'fill', originPositions: THREE.Vector3[], originRatio: number): THREE.Vector3[];
+import { ObjectFit } from '../../PanoTagPlugin';
+export default function getPositionsByObjectFit(objectFit: ObjectFit, originPositions: THREE.Vector3[], originRatio: number): THREE.Vector3[];

package/libs/shared-utils/three/getPositionsByObjectFit.js

@@ -1,20 +1,40 @@
-import * as d from "three";
-function H(f, r, a) {
-  if (f === "fill")
-    return r;
-  if (f === "contain") {
-    const [t, e, c, n] = r, p = t.distanceTo(e), i = c.distanceTo(n), u = t.distanceTo(n), h = e.distanceTo(c), w = p, b = u, m = w / b;
-    if (m > a) {
-      const o = b * a, s = new d.Vector3().subVectors(e, t).multiplyScalar((p - o) / 2 / p), l = new d.Vector3().subVectors(c, n).multiplyScalar((i - o) / 2 / i);
-      return [t.clone().add(s), e.clone().sub(s), c.clone().sub(l), n.clone().add(l)];
-    } else if (m < a) {
-      const o = w / a, s = new d.Vector3().subVectors(n, t).multiplyScalar((u - o) / 2 / u), l = new d.Vector3().subVectors(c, e).multiplyScalar((h - o) / 2 / h);
-      return [t.clone().add(s), e.clone().add(l), c.clone().sub(l), n.clone().sub(s)];
+import * as l from "three";
+import "@realsee/five";
+import "object-assign-deep";
+import "@realsee/five/gltf-loader";
+import "./loadTexture.js";
+import "../threex/domevents/index.js";
+import "hammerjs";
+import "@tweenjs/tween.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../animationFrame/BetterTween.js";
+import "../../vendor/svelte/internal/index.js";
+import "../../PanoTagPlugin/utils/device.js";
+import "animejs";
+import "../../PanoTagPlugin/utils/constants.js";
+import "../../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
+import "lodash.get";
+import "lodash.clonedeep";
+import "lodash.isequal";
+import "classnames";
+import "./GLTFLoader.js";
+function G(m, i, s) {
+  if (m === "fill")
+    return i;
+  if (m === "contain") {
+    const [t, e, o, r] = i, a = t.distanceTo(e), u = o.distanceTo(r), d = t.distanceTo(r), f = e.distanceTo(o), h = a, w = d, b = h / w;
+    if (b > s) {
+      const c = w * s, n = new l.Vector3().subVectors(e, t).multiplyScalar((a - c) / 2 / a), p = new l.Vector3().subVectors(o, r).multiplyScalar((u - c) / 2 / u);
+      return [t.clone().add(n), e.clone().sub(n), o.clone().sub(p), r.clone().add(p)];
+    } else if (b < s) {
+      const c = h / s, n = new l.Vector3().subVectors(r, t).multiplyScalar((d - c) / 2 / d), p = new l.Vector3().subVectors(o, e).multiplyScalar((f - c) / 2 / f);
+      return [t.clone().add(n), e.clone().add(p), o.clone().sub(p), r.clone().sub(n)];
     } else
-      return r;
+      return i;
   } else
-    return r;
+    return console.warn(`objectFit: ${m} is not supported yet`), i;
 }
 export {
-  H as getPositionsByObjectFit
+  G as getPositionsByObjectFit
 };

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.16.0-alpha.4",
+  "version": "2.16.0",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",