@realsee/dnalogel 3.64.23-alpha.4 → 3.64.23-ke-webgpu.1

package/libs/shared-utils/exports.js

@@ -7,86 +7,79 @@ import { LightTag as m, tag as n } from "./tag.js";
 import { checkFiveModelLoaded as p } from "./five/index.js";
 import { Magnifier as l } from "./three/Magnifier.js";
 import { getCoordsFromClient as f, getCoordsFromElement as a } from "./three/getCoords.js";
-import { PointSelector as d } from "./three/PointSelector/index.js";
+import { PointSelector as d, isFace as s } from "./three/PointSelector/index.js";
 import { PointHelper as g } from "./three/PointSelector/utils/PointHelper.js";
-import { PointSelectorHelper as s } from "./three/PointSelector/utils/PointSelectorHelper.js";
-import { Object3D as u } from "./three/core/Object3D.js";
+import { PointSelectorHelper as u } from "./three/PointSelector/utils/PointSelectorHelper.js";
+import { Object3D as b } from "./three/core/Object3D.js";
 import { LineSegments as c } from "./three/core/LineSegments.js";
-import { bounding as b, boundingBox as F, boundingSphere as P, boxVertex as v, boxVertexes as x, worldBounding as L, worldBoundingBox as S, worldBoundingSphere as k } from "./three/boundingBox.js";
-import { animeMap as w, blink as M, reblink as B } from "./three/blink.js";
-import { getIntersectFromRelativePosition as y } from "./three/getIntersect.js";
-import { getRaycasterFromFivePointer as H } from "./three/getRaycaster.js";
-import { PointDomHelper as I } from "./three/PointDomHelper.js";
-import { LegacyPointHelper as R } from "./three/LegacyPointHelper.js";
-import { isNil as _, notNil as h } from "./isNil.js";
-import { uuid as j } from "./uuid.js";
-import { absoluteUrl as C, isAbsoluteURL as D } from "./url/absoluteUrl.js";
-import { awaitNextFrame as O, getFrameTime as T, nextFrame as N, requestAnimationFrameInterval as q } from "./animationFrame/index.js";
-import { equal as A } from "./equal.js";
-import { FivePuppet as E } from "./five/FivePuppet.js";
-import { isModelLike as U, isPanoramaLike as V } from "./five/mode.js";
-import { lookObject as z } from "./five/lookObject.js";
-import { lookPoint as G } from "./five/lookPoint.js";
-import { fiveModelIsLoaded as J, waitFiveModelLoaded as K } from "./five/fiveModelLoad.js";
-import { FiveDomEvents as Q } from "./five/FiveDomEvents.js";
-import { initialCSS3DRender as W } from "./CSS3DRender/index.js";
-import { BetterTween as X, tweenProgress as Y } from "./animationFrame/BetterTween.js";
-const ho = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import { bounding as x, boundingBox as F, boundingSphere as v, boxVertex as P, boxVertexes as S, worldBounding as L, worldBoundingBox as k, worldBoundingSphere as w } from "./three/boundingBox.js";
+import { animeMap as M, blink as B, reblink as _ } from "./three/blink.js";
+import { isNil as h, notNil as j } from "./isNil.js";
+import { uuid as C } from "./uuid.js";
+import { absoluteUrl as I, isAbsoluteURL as O } from "./url/absoluteUrl.js";
+import { awaitNextFrame as T, getFrameTime as y, nextFrame as D, requestAnimationFrameInterval as H } from "./animationFrame/index.js";
+import { equal as N } from "./equal.js";
+import { FivePuppet as R } from "./five/FivePuppet.js";
+import { isModelLike as q, isPanoramaLike as A } from "./five/mode.js";
+import { lookObject as E } from "./five/lookObject.js";
+import { lookPoint as U } from "./five/lookPoint.js";
+import { fiveModelIsLoaded as V, waitFiveModelLoaded as z } from "./five/fiveModelLoad.js";
+import { FiveDomEvents as G } from "./five/FiveDomEvents.js";
+import { initialCSS3DRender as J } from "./CSS3DRender/index.js";
+import { BetterTween as K, tweenProgress as Q } from "./animationFrame/BetterTween.js";
+const Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BetterTween: X,
-  FiveDomEvents: Q,
-  FivePuppet: E,
+  BetterTween: K,
+  FiveDomEvents: G,
+  FivePuppet: R,
   Interval: e,
-  LegacyPointHelper: R,
   LightTag: m,
   LineSegments: c,
   Magnifier: l,
-  Object3D: u,
-  PointDomHelper: I,
+  Object3D: b,
   PointHelper: g,
   PointSelector: d,
-  PointSelectorHelper: s,
+  PointSelectorHelper: u,
   Rectangle: t,
-  absoluteUrl: C,
-  animeMap: w,
-  awaitNextFrame: O,
-  blink: M,
-  bounding: b,
+  absoluteUrl: I,
+  animeMap: M,
+  awaitNextFrame: T,
+  blink: B,
+  bounding: x,
   boundingBox: F,
-  boundingSphere: P,
-  boxVertex: v,
-  boxVertexes: x,
+  boundingSphere: v,
+  boxVertex: P,
+  boxVertexes: S,
   checkFiveModelLoaded: p,
   convexHull: i,
-  equal: A,
-  fiveModelIsLoaded: J,
+  equal: N,
+  fiveModelIsLoaded: V,
   getCoordsFromClient: f,
   getCoordsFromElement: a,
-  getFrameTime: T,
-  getIntersectFromRelativePosition: y,
-  getRaycasterFromFivePointer: H,
-  initialCSS3DRender: W,
+  getFrameTime: y,
+  initialCSS3DRender: J,
   inside: o,
-  isAbsoluteURL: D,
-  isModelLike: U,
-  isNil: _,
-  isPanoramaLike: V,
-  lookObject: z,
-  lookPoint: G,
-  nextFrame: N,
-  notNil: h,
+  isAbsoluteURL: O,
+  isFace: s,
+  isModelLike: q,
+  isNil: h,
+  isPanoramaLike: A,
+  lookObject: E,
+  lookPoint: U,
+  nextFrame: D,
+  notNil: j,
   pointInPolygon: o,
-  reblink: B,
-  requestAnimationFrameInterval: q,
+  reblink: _,
+  requestAnimationFrameInterval: H,
   sculpt: r,
   tag: n,
-  tweenProgress: Y,
-  uuid: j,
-  waitFiveModelLoaded: K,
+  tweenProgress: Q,
+  uuid: C,
+  waitFiveModelLoaded: z,
   worldBounding: L,
-  worldBoundingBox: S,
-  worldBoundingSphere: k
+  worldBoundingBox: k,
+  worldBoundingSphere: w
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ho as exports
+  Mo as exports
 };

package/libs/shared-utils/five/FiveDomEvents.d.ts

@@ -6,7 +6,7 @@
  * 3. 基于第二点，废弃了之前使用浏览器原生事件监听点击的方式，改为使用 wantsTapGesture 的方式
  * 4. 重构之后只会在 wantsTapGesture 事件触发的时候做射线检测
  */
-import type { Five, Model as FiveModel } from '@realsee/five';
+import type { Five, Model as FiveModel } from '@realsee/five-webgpu';
 import type * as THREE from 'three';
 export interface FiveDomEventMap {
     /**

package/libs/shared-utils/five/FiveLine.d.ts

@@ -1,10 +1,35 @@
-import { Line as Five_Line } from '@realsee/five/line';
 import * as THREE from 'three';
+import { Line2NodeMaterial } from 'three/webgpu';
+import { Line2 } from 'three/examples/jsm/lines/webgpu/Line2.js';
 export type Color = THREE.Color | string | number;
-export declare class FiveLine extends Five_Line {
-    constructor(...args: ConstructorParameters<typeof Five_Line>);
-    toJSON(): {
-        type: string;
-        points: any;
-    };
+/**
+ * 由 `@realsee/five/line` 的 `Line` 移植而来。
+ *
+ * five-webgpu 移除了 `line` 入口（旧 five 是把 three 的 line addons vendored 进 `lib/line/utils/`
+ * 再加这个自研类），且全 `lib/` 无任何等价实现，因此把它移植到 dnalogel 内部。
+ *
+ * 与原实现的差异：
+ * 1. 粗线材质换成 `Line2NodeMaterial`（WebGPU 下 `lines/LineMaterial.js` 是 ShaderMaterial，不可用）
+ * 2. 去掉了 `setResolution`。resolution 已从材质移到对象上，且 WebGPU 版 `LineSegments2.onBeforeRender`
+ *    会自己用当前 viewport 维护 `_resolution`，不需要外部干预
+ * 3. 原实现里 `setMaterial` 对 `dashed` 的特殊处理（改 `defines.USE_DASH` 再置 `needsUpdate`）已删除，
+ *    `Line2NodeMaterial` 原生支持 `dashed` 属性，且 NodeMaterial 没有 `defines`
+ */
+export declare class FiveLine extends THREE.Object3D {
+    line: Line2;
+    points: THREE.Points<THREE.BufferGeometry, THREE.PointsMaterial>;
+    needsRender: boolean;
+    readonly isFiveLine = true;
+    /** r183 起 `Object3D.type` 是 readonly，不能像原实现那样在构造函数里赋值，改为字段声明 */
+    readonly type = "FiveLine";
+    constructor(vector0?: THREE.Vector3, vector1?: THREE.Vector3);
+    setPoints(vector0: THREE.Vector3, vector1: THREE.Vector3): void;
+    getPoints(): [THREE.Vector3, THREE.Vector3];
+    setMaterial(map: ConstructorParameters<typeof Line2NodeMaterial>[0]): void;
+    /**
+     * ⚠️ 这是 ke 分支既有的调试用重写，返回的是精简结构，并不满足 three 的 `Object3DJSON` 契约。
+     * r183 给 `toJSON` 加了严格返回类型才暴露出来。经确认 dnalogel 内部无任何调用方，
+     * 故迁移阶段只做类型让行、不改变行为；是否应改名（避免污染 three 的序列化链路）留作后续决策。
+     */
+    toJSON(): THREE.Object3DJSON;
 }

package/libs/shared-utils/five/FiveLine.js

@@ -1,8 +1,60 @@
-import { Line as e } from "@realsee/five/line";
-class n extends e {
-  constructor(...t) {
-    super(...t);
+var u = Object.defineProperty;
+var h = (s, i, e) => i in s ? u(s, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[i] = e;
+var o = (s, i, e) => (h(s, typeof i != "symbol" ? i + "" : i, e), e);
+import * as t from "three";
+import { Line2NodeMaterial as m } from "three/webgpu";
+import { Line2 as d } from "three/examples/jsm/lines/webgpu/Line2.js";
+import { LineGeometry as y } from "three/examples/jsm/lines/LineGeometry.js";
+import { getSharedCircleTexture as f } from "../three/circleImageURL.js";
+const a = 14467195, L = 8, w = 2, A = 20;
+class T extends t.Object3D {
+  constructor(e = new t.Vector3(), r = new t.Vector3()) {
+    super();
+    o(this, "line");
+    o(this, "points");
+    o(this, "needsRender");
+    o(this, "isFiveLine", !0);
+    /** r183 起 `Object3D.type` 是 readonly，不能像原实现那样在构造函数里赋值，改为字段声明 */
+    o(this, "type", "FiveLine");
+    this.needsRender = !0;
+    const n = new y(), c = new m({
+      color: a,
+      linewidth: w,
+      // 旧 five 用的是 dashScale，Line2NodeMaterial 对应的是 LineDashedMaterial 的 scale
+      scale: A,
+      dashed: !1
+    });
+    this.line = new d(n, c);
+    const l = new t.BufferGeometry(), p = new t.PointsMaterial({
+      color: a,
+      size: L,
+      map: f(),
+      sizeAttenuation: !1,
+      transparent: !0
+    });
+    this.points = new t.Points(l, p), this.points.renderOrder = 11, this.points.frustumCulled = !1, this.setPoints(e, r), this.add(this.line, this.points);
   }
+  setPoints(e, r) {
+    const n = [].concat(e.toArray(), r.toArray());
+    this.points.geometry.setAttribute("position", new t.BufferAttribute(new Float32Array(n), 3)), this.line.geometry.setPositions(n), this.line.computeLineDistances(), this.needsRender = !0;
+  }
+  getPoints() {
+    const e = this.points.geometry.attributes.position.array;
+    return [new t.Vector3(e[0], e[1], e[2]), new t.Vector3(e[3], e[4], e[5])];
+  }
+  setMaterial(e) {
+    if (!e)
+      return;
+    const r = this.line.material;
+    for (const n in e)
+      Object.prototype.hasOwnProperty.call(e, n) && (r[n] = e[n]);
+    this.needsRender = !0;
+  }
+  /**
+   * ⚠️ 这是 ke 分支既有的调试用重写，返回的是精简结构，并不满足 three 的 `Object3DJSON` 契约。
+   * r183 给 `toJSON` 加了严格返回类型才暴露出来。经确认 dnalogel 内部无任何调用方，
+   * 故迁移阶段只做类型让行、不改变行为；是否应改名（避免污染 three 的序列化链路）留作后续决策。
+   */
   toJSON() {
     return {
       type: "FiveLine",
@@ -11,5 +63,5 @@ class n extends e {
   }
 }
 export {
-  n as FiveLine
+  T as FiveLine
 };

package/libs/shared-utils/five/FivePuppet.d.ts

@@ -1,4 +1,4 @@
-import { Five } from '@realsee/five';
+import { Five } from '@realsee/five-webgpu';
 import * as THREE from 'three';
 /**
  * @description 模拟 Five 行为的 canvas，与 Five 唯一区别是 scene 是空的

package/libs/shared-utils/five/FivePuppet.js

@@ -1,10 +1,10 @@
-var m = Object.defineProperty;
-var p = (a, e, t) => e in a ? m(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var r = (a, e, t) => (p(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { InternalWebGLRenderer as d } from "@realsee/five";
+var d = Object.defineProperty;
+var m = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var r = (a, e, t) => (m(a, typeof e != "symbol" ? e + "" : e, t), t);
+import { InternalWebGPURenderer as p } from "@realsee/five-webgpu";
 import * as i from "three";
 const l = new i.Vector2();
-class u {
+class C {
   constructor(e, t) {
     r(this, "scene", new i.Scene());
     r(this, "five");
@@ -18,7 +18,7 @@ class u {
     r(this, "_cameraCache");
     r(this, "animate", () => {
       var s, c, o;
-      if (this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate), !this.five.renderer)
+      if (this.cancelRequestAnimationFrameId = requestAnimationFrame(this.animate), !this.five.renderer || !this.renderer.isInitialized)
         return;
       const e = this.five.renderer.getSize(l), t = e.toArray().join(",");
       t !== this._rendererCache && (this._rendererCache = t, this.renderer.setSize(e.x, e.y));
@@ -35,14 +35,9 @@ class u {
       var e;
       this.stopAnimate(), this.renderer.dispose(), this.renderer.domElement.remove(), (e = this.canvasWrapper) == null || e.remove();
     });
-    this.five = e, this.params = t, this.renderer = new d({
-      webgl2: !0,
-      pixelRatio: window.devicePixelRatio,
-      backgroundAlpha: 0,
-      backgroundColor: 0
-    }), this.renderer.domElement.style.pointerEvents = "none", this.renderer.setSize(1, 1), window.__FIVEPUPPET_DEBUG__ = this, this.animate();
+    this.five = e, this.params = t, this.renderer = new p({}), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setClearColor(0, 0), this.renderer.domElement.style.pointerEvents = "none", this.renderer.setSize(1, 1), window.__FIVEPUPPET_DEBUG__ = this, this.animate();
   }
 }
 export {
-  u as FivePuppet
+  C as FivePuppet
 };

package/libs/shared-utils/five/changeMode.d.ts

@@ -1,3 +1,3 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 /** 等待 five changeMode 结束 */
 export default function changeMode(five: Five, changeModeParams: Parameters<Five['changeMode']>): Promise<boolean>;

package/libs/shared-utils/five/fiveEveryReadyListener.d.ts

@@ -1,2 +1,2 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 export declare function fiveEveryReadyListener(five: Five, callback: () => void): () => void;

package/libs/shared-utils/five/fiveLoaded.d.ts

@@ -1,2 +1,2 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 export declare function waitFiveLoaded(five: Five): Promise<void>;

package/libs/shared-utils/five/fiveModelLoad.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 /**
  * @description: 等待 five model 加载完成
  */

package/libs/shared-utils/five/getFiveModel.d.ts

@@ -1,2 +1,2 @@
-import { Five } from '@realsee/five';
-export declare function getFiveModel(five: Five): import("@realsee/five").Model;
+import { Five } from '@realsee/five-webgpu';
+export declare function getFiveModel(five: Five): import("@realsee/five-webgpu").Model;

package/libs/shared-utils/five/getFloorIndex.d.ts

@@ -1,4 +1,4 @@
-import type { Work } from '@realsee/five';
+import type { Work } from '@realsee/five-webgpu';
 export default function getFloorIndex(work: Work, point: {
     y: number;
 }): number;

package/libs/shared-utils/five/getPosition.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 interface IIntersection extends THREE.Intersection {
     raycaster: THREE.Raycaster;
     isVirtual: boolean;

package/libs/shared-utils/five/getPosition.js

@@ -1,41 +1,41 @@
 var u = Object.defineProperty, m = Object.defineProperties;
 var d = Object.getOwnPropertyDescriptors;
-var c = Object.getOwnPropertySymbols;
+var o = Object.getOwnPropertySymbols;
 var p = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
-var s = (e, t, n) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, l = (e, t) => {
+var c = (e, t, n) => t in e ? u(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, s = (e, t) => {
   for (var n in t || (t = {}))
-    p.call(t, n) && s(e, n, t[n]);
-  if (c)
-    for (var n of c(t))
-      y.call(t, n) && s(e, n, t[n]);
+    p.call(t, n) && c(e, n, t[n]);
+  if (o)
+    for (var n of o(t))
+      y.call(t, n) && c(e, n, t[n]);
   return e;
-}, a = (e, t) => m(e, d(t));
-import * as i from "three";
+}, l = (e, t) => m(e, d(t));
+import * as a from "three";
 import { getFiveModel as R } from "./getFiveModel.js";
-function w(e, t, n) {
-  const r = V(e, t);
+function b(e, t, n) {
+  const r = I(e, t);
   return n != null && n.virtualPoint ? r != null ? r : f(t) : r;
 }
 function f(e, t = 3) {
-  const n = new i.Vector3().addVectors(
+  const n = new a.Vector3().addVectors(
     e.ray.origin,
     e.ray.direction.clone().normalize().multiplyScalar(t)
   ), r = e.ray.direction.clone().negate();
   return {
     distance: t,
     point: n,
-    object: new i.Object3D(),
-    face: new i.Face3(0, 0, 0, r),
+    object: new a.Object3D(),
+    face: { a: 0, b: 0, c: 0, normal: r, materialIndex: 0 },
     raycaster: e,
     isVirtual: !0
   };
 }
-function V(e, t) {
-  const o = R(e).intersectRaycaster(t)[0];
-  if (o)
-    return a(l({}, o), { raycaster: t, isVirtual: !1 });
+function I(e, t) {
+  const i = R(e).intersectRaycaster(t)[0];
+  if (i)
+    return l(s({}, i), { raycaster: t, isVirtual: !1 });
 }
 export {
-  w as getIntersectByRaycaster,
+  b as getIntersectByRaycaster,
   f as getVirtualIntersectByRaycaster
 };

package/libs/shared-utils/five/getRaycasterByNdcPosition.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import * as THREE from 'three';
 export declare function getRaycasterByNdcPosition(five: Five, position: {
     x: number;

package/libs/shared-utils/five/getRaycasterByNdcPosition.js

@@ -1,7 +1,7 @@
-import * as n from "three";
-function m(o, r) {
-  const { x: a, y: s } = r, e = a * 2 - 1, c = s * 2 - 1, t = new n.Raycaster();
-  return t.setFromCamera({ x: e, y: c }, o.camera), t.params.Points.threshold = 0.02, t;
+import * as o from "three";
+function m(r, e) {
+  const { x: a, y: s } = e, c = a * 2 - 1, n = s * 2 - 1, t = new o.Raycaster();
+  return t.setFromCamera(new o.Vector2(c, n), r.camera), t.params.Points.threshold = 0.02, t;
 }
 export {
   m as getRaycasterByNdcPosition

package/libs/shared-utils/five/index.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 /** Five 模型是否加载完成 */
 export declare function checkFiveModelLoaded(five: Five): {
     result: boolean;

package/libs/shared-utils/five/index.js

@@ -1,16 +1,16 @@
 import "three";
 import "../../vendor/hammerjs/hammer.js";
 import "../three/PointSelector/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../tag.js";
-import "../three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "./FivePuppet.js";
-import "@realsee/five/line";
-import "../three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 function g(e) {
   return e.model ? e.work ? e.model.loaded ? e.model.name !== e.work.model.file ? { result: !1, msg: "five.model.name 与 five.work.model.file 不一致" } : { result: !0, msg: "" } : { result: !1, msg: "five.model 未加载完成" } : { result: !1, msg: "five 数据未加载" } : { result: !1, msg: "five.model 不存在" };
 }

package/libs/shared-utils/five/initialCSS3DRender.js

@@ -1,2 +1,2 @@
-import "../three/CSS3DRenderer/index.js";
+import "three";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";

package/libs/shared-utils/five/lookObject.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 /**
  * @description 以最佳视角观察物体
  * @param five five 实例

package/libs/shared-utils/five/lookObject.js

@@ -25,23 +25,23 @@ var g = (o, e, t) => new Promise((c, d) => {
   }, m = (a) => a.done ? c(a.value) : Promise.resolve(a.value).then(f, s);
   m((t = t.apply(o, e)).next());
 });
-import * as n from "three";
+import * as r from "three";
 import "../../vendor/hammerjs/hammer.js";
 import "../three/PointSelector/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../tag.js";
 import { vectorToCoordinates as O } from "../vectorToCoordinate.js";
 import { FiveUtil as Y } from "../Utils/FiveUtil.js";
 import { notNil as k } from "../isNil.js";
-import "../three/CSS3DRenderer/index.js";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "./FivePuppet.js";
-import "@realsee/five/line";
-import "../three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import { worldBoundingSphere as j } from "../three/boundingBox.js";
 import "../../vendor/animejs/lib/anime.es.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-function rt(o, e, t) {
+function nt(o, e, t) {
   return g(this, null, function* () {
     var P, x, z;
     if (!e)
@@ -49,40 +49,40 @@ function rt(o, e, t) {
     const c = j(e);
     if (!c)
       return;
-    const d = new Y(o), f = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = c.center, m = o.camera.position.clone().sub(s).setY(0).normalize(), a = o.state.mode === "Mapview" ? o.state.fov : 60, C = Math.max(1.5, c.radius * f), A = C * (1 / Math.tan(n.MathUtils.degToRad(a / 2)));
+    const d = new Y(o), f = (P = t == null ? void 0 : t.scale) != null ? P : 1.4, s = c.center, m = o.camera.position.clone().sub(s).setY(0).normalize(), a = o.state.mode === "Mapview" ? o.state.fov : 60, C = Math.max(1.5, c.radius * f), A = C * (1 / Math.tan(r.MathUtils.degToRad(a / 2)));
     let l = 0;
-    const p = [], M = (r) => {
-      const i = n.MathUtils.degToRad(r);
-      return m.clone().applyAxisAngle(new n.Vector3(0, 1, 0), i).clone().multiplyScalar(A).add(new n.Vector3(0, C, 0)).add(s);
+    const p = [], M = (n) => {
+      const i = r.MathUtils.degToRad(n);
+      return m.clone().applyAxisAngle(new r.Vector3(0, 1, 0), i).clone().multiplyScalar(A).add(new r.Vector3(0, C, 0)).add(s);
     };
     for (; l !== 360; ) {
-      let r = 0;
+      let n = 0;
       const i = M(l), w = (y) => {
-        const _ = y.distanceTo(i), B = new n.Raycaster(y, i.clone().sub(y).normalize()), h = d.model.intersectRaycaster(B, void 0, !0)[0], S = h == null ? void 0 : h.distance;
-        k(S) ? S > _ && (r += 1) : r += 1;
-      }, E = c.clampPoint(i, new n.Vector3());
+        const _ = y.distanceTo(i), B = new r.Raycaster(y, i.clone().sub(y).normalize()), h = d.model.intersectRaycaster(B)[0], S = h == null ? void 0 : h.distance;
+        k(S) ? S > _ && (n += 1) : n += 1;
+      }, E = c.clampPoint(i, new r.Vector3());
       w(E);
-      const I = new n.Vector3(s.x, i.y, s.z);
-      if (w(I), k(p[r]) && l > p[r] || (p[r] = l), r === 2)
+      const I = new r.Vector3(s.x, i.y, s.z);
+      if (w(I), k(p[n]) && l > p[n] || (p[n] = l), n === 2)
         break;
       l += 30;
     }
-    const R = M((z = (x = p[2]) != null ? x : p[1]) != null ? z : 0), v = R.distanceTo(s), b = O(s.clone().sub(R).normalize());
+    const R = M((z = (x = p[2]) != null ? x : p[1]) != null ? z : 0), b = R.distanceTo(s), v = O(s.clone().sub(R).normalize());
     if (o.state.mode === "Mapview")
       return o.updateCamera(
         T({
           offset: s,
-          distance: v
-        }, b),
+          distance: b
+        }, v),
         800
       );
     o.setState(T({
       mode: "Mapview",
       offset: s,
-      distance: v
-    }, b)), yield o.ready();
+      distance: b
+    }, v)), yield o.ready();
   });
 }
 export {
-  rt as lookObject
+  nt as lookObject
 };

package/libs/shared-utils/five/lookPoint.d.ts

@@ -1,5 +1,5 @@
 import * as THREE from 'three';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 /**
  * @description 以最佳视角看向一个三维空间点
  * @param five five 实例

package/libs/shared-utils/five/lookPoint.js

@@ -1,16 +1,16 @@
 var g = Object.defineProperty;
-var b = Object.getOwnPropertySymbols;
+var v = Object.getOwnPropertySymbols;
 var x = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
 var U = (o, t, e) => t in o ? g(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, y = (o, t) => {
   for (var e in t || (t = {}))
     x.call(t, e) && U(o, e, t[e]);
-  if (b)
-    for (var e of b(t))
+  if (v)
+    for (var e of v(t))
       E.call(t, e) && U(o, e, t[e]);
   return o;
 };
 var P = (o, t, e) => new Promise((r, d) => {
-  var f = (s) => {
+  var u = (s) => {
     try {
       a(e.next(s));
     } catch (l) {
@@ -22,7 +22,7 @@ var P = (o, t, e) => new Promise((r, d) => {
     } catch (l) {
       d(l);
     }
-  }, a = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(f, i);
+  }, a = (s) => s.done ? r(s.value) : Promise.resolve(s.value).then(u, i);
   a((e = e.apply(o, t)).next());
 });
 import * as c from "three";
@@ -34,18 +34,18 @@ function j(o, t, e) {
     var h, C;
     if (!t)
       return;
-    const r = (h = e == null ? void 0 : e.distance) != null ? h : 3, d = new V(o), f = o.camera.position.clone().sub(t).setY(0).normalize(), i = o.state.mode === "Mapview" ? o.state.fov : 60, a = r, s = a * Math.cos(c.MathUtils.degToRad(i / 2)), l = a * Math.sin(c.MathUtils.degToRad(i / 2));
+    const r = (h = e == null ? void 0 : e.distance) != null ? h : 3, d = new V(o), u = o.camera.position.clone().sub(t).setY(0).normalize(), i = o.state.mode === "Mapview" ? o.state.fov : 60, a = r, s = a * Math.cos(c.MathUtils.degToRad(i / 2)), l = a * Math.sin(c.MathUtils.degToRad(i / 2));
     let m = 0;
     const R = [], M = (n) => {
-      const u = c.MathUtils.degToRad(n);
-      return f.clone().applyAxisAngle(new c.Vector3(0, 1, 0), u).clone().multiplyScalar(s).add(new c.Vector3(0, l, 0)).add(t);
+      const f = c.MathUtils.degToRad(n);
+      return u.clone().applyAxisAngle(new c.Vector3(0, 1, 0), f).clone().multiplyScalar(s).add(new c.Vector3(0, l, 0)).add(t);
     };
     for (; m !== 360; ) {
       let n = 0;
-      const u = M(m);
+      const f = M(m);
       if (((w) => {
-        const A = w.distanceTo(u), I = new c.Raycaster(w, u.clone().sub(w).normalize()), p = d.model.intersectRaycaster(I, void 0, !0)[0], v = p == null ? void 0 : p.distance;
-        _(v) ? v > A && (n += 1) : n += 1;
+        const A = w.distanceTo(f), I = new c.Raycaster(w, f.clone().sub(w).normalize()), p = d.model.intersectRaycaster(I)[0], b = p == null ? void 0 : p.distance;
+        _(b) ? b > A && (n += 1) : n += 1;
       })(t), R[n] = m, n === 1)
         break;
       m += 30;