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

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -7,14 +7,14 @@ import "../../shared-utils/tag.js";
 import { isModelLike as et } from "../../shared-utils/five/mode.js";
 import "../../vendor/hammerjs/hammer.js";
 import "../../shared-utils/three/PointSelector/index.js";
-import "../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../shared-utils/three/core/Sphere.js";
 import "../../vendor/animejs/lib/anime.es.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../shared-utils/five/FivePuppet.js";
 import "./Tag/TextTag/index.js";
 import "./Tag/TextTag/TextTag.js";
@@ -94,6 +94,7 @@ import "../../shared-utils/even.js";
 import "../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../shared-utils/three/centerPoint.js";
 import "../../shared-utils/three/getObjectVisible.js";
+import "../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../shared-utils/three/PointSelector/utils/html.js";
 import "../../shared-utils/CSS3DRender/index.js";
 import "../../shared-utils/CSS3DRender/CSS3DRenderer.js";
@@ -117,10 +118,7 @@ import "../../shared-utils/five/getPosition.js";
 import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../Sculpt/utils/three/rayOnLine.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "./Tag/AudioTag/index.js";
 import "./Tag/AudioTag/AudioTag.js";
 import "./Common/Audio.js";
@@ -138,7 +136,6 @@ import "../../vendor/classnames/index.js";
 import "../controller/Tag/ModelTag.js";
 import "../../shared-utils/CSS3DRender/CSS3DObject.js";
 import "../../shared-utils/three/GLTFLoader.js";
-import "@realsee/five/gltf-loader";
 import "../utils/planeNormal.js";
 import "../utils/tag/tagCheck.js";
 import "../utils/model/mediaPlane.js";
@@ -175,21 +172,21 @@ function it(o) {
 function j(o) {
   let t, i, e, r, p, a, b, k, s;
   const M = [rt, ot], u = [];
-  function S(m, l) {
+  function S(n, l) {
     return (
       /*havePoint*/
-      m[8] ? 0 : 1
+      n[8] ? 0 : 1
     );
   }
   i = S(o), e = u[i] = M[i](o);
-  const n = [mt, pt], c = [];
-  function y(m, l) {
+  const m = [nt, pt], c = [];
+  function y(n, l) {
     return (
       /*haveContent*/
-      m[15] ? 0 : 1
+      n[15] ? 0 : 1
     );
   }
-  return p = y(o), a = c[p] = n[p](o), {
+  return p = y(o), a = c[p] = m[p](o), {
     c() {
       t = Z("div"), e.c(), r = X(), a.c(), d(t, "class", "tag svelte-2g2g8a"), d(
         t,
@@ -228,71 +225,71 @@ function j(o) {
       o[10]}, 0) scale(${/*screenPosition*/
       o[7].scale})`);
     },
-    m(m, l) {
-      I(m, t, l), u[i].m(t, null), Y(t, r), c[p].m(t, null), o[17](t), s = !0;
+    m(n, l) {
+      I(n, t, l), u[i].m(t, null), Y(t, r), c[p].m(t, null), o[17](t), s = !0;
     },
-    p(m, l) {
+    p(n, l) {
       let h = i;
-      i = S(m), i === h ? u[i].p(m, l) : (L(), g(u[h], 1, 1, () => {
+      i = S(n), i === h ? u[i].p(n, l) : (L(), g(u[h], 1, 1, () => {
         u[h] = null;
-      }), z(), e = u[i], e ? e.p(m, l) : (e = u[i] = M[i](m), e.c()), _(e, 1), e.m(t, r));
+      }), z(), e = u[i], e ? e.p(n, l) : (e = u[i] = M[i](n), e.c()), _(e, 1), e.m(t, r));
       let w = p;
-      p = y(m), p === w ? c[p].p(m, l) : (L(), g(c[w], 1, 1, () => {
+      p = y(n), p === w ? c[p].p(n, l) : (L(), g(c[w], 1, 1, () => {
         c[w] = null;
-      }), z(), a = c[p], a ? a.p(m, l) : (a = c[p] = n[p](m), a.c()), _(a, 1), a.m(t, null)), (!s || l & /*id*/
+      }), z(), a = c[p], a ? a.p(n, l) : (a = c[p] = m[p](n), a.c()), _(a, 1), a.m(t, null)), (!s || l & /*id*/
       16384) && d(
         t,
         "data-tag-id",
         /*id*/
-        m[14]
+        n[14]
       ), (!s || l & /*unfolded*/
       64) && d(
         t,
         "data-tag-unfolded",
         /*unfolded*/
-        m[6]
+        n[6]
       ), (!s || l & /*tag*/
       1 && b !== (b = /*tag*/
-      m[0].contentType)) && d(t, "data-content-type", b), (!s || l & /*id*/
+      n[0].contentType)) && d(t, "data-content-type", b), (!s || l & /*id*/
       16384 && k !== (k = `tag-${/*id*/
-      m[14]}`)) && d(t, "id", k), (!s || l & /*tag*/
+      n[14]}`)) && d(t, "id", k), (!s || l & /*tag*/
       1) && T(
         t,
         "unClickable",
         /*tag*/
-        m[0].config.clickable === !1
+        n[0].config.clickable === !1
       ), (!s || l & /*hide*/
       4096) && T(
         t,
         "hide",
         /*hide*/
-        m[12]
+        n[12]
       ), (!s || l & /*zIndex*/
       512) && T(
         t,
         "enableZIndex",
         /*zIndex*/
-        m[9]
+        n[9]
       ), l & /*zIndex*/
       512 && C(
         t,
         "z-index",
         /*zIndex*/
-        m[9]
+        n[9]
       ), l & /*left, top, screenPosition*/
       3200 && C(t, "transform", `translate3d(${/*left*/
-      m[11]}, ${/*top*/
-      m[10]}, 0) scale(${/*screenPosition*/
-      m[7].scale})`);
+      n[11]}, ${/*top*/
+      n[10]}, 0) scale(${/*screenPosition*/
+      n[7].scale})`);
     },
-    i(m) {
+    i(n) {
       s || (_(e), _(a), s = !0);
     },
-    o(m) {
+    o(n) {
       g(e), g(a), s = !1;
     },
-    d(m) {
-      m && P(t), u[i].d(), c[p].d(), o[17](null);
+    d(n) {
+      n && P(t), u[i].d(), c[p].d(), o[17](null);
     }
   };
 }
@@ -359,7 +356,7 @@ function pt(o) {
     }
   };
 }
-function mt(o) {
+function nt(o) {
   let t, i;
   return t = new $({
     props: {
@@ -428,7 +425,7 @@ function mt(o) {
     }
   };
 }
-function nt(o) {
+function mt(o) {
   let t, i, e = (
     /*screenPosition*/
     o[7] && !/*disable*/
@@ -461,36 +458,36 @@ function nt(o) {
   };
 }
 function at(o, t, i) {
-  let e, r, p, a, b, k, s, M, u, S, { tag: n } = t, { mediaStore: c } = t, { rendererMap: y = /* @__PURE__ */ new Map() } = t, { contentTypeMap: m = /* @__PURE__ */ new Map() } = t, { state: l } = t, { temporaryState: h } = t;
+  let e, r, p, a, b, k, s, M, u, S, { tag: m } = t, { mediaStore: c } = t, { rendererMap: y = /* @__PURE__ */ new Map() } = t, { contentTypeMap: n = /* @__PURE__ */ new Map() } = t, { state: l } = t, { temporaryState: h } = t;
   const w = W("hooks");
   function H(f) {
     x[f ? "unshift" : "push"](() => {
-      n.dom = f, i(0, n);
+      m.dom = f, i(0, m);
     });
   }
   return o.$$set = (f) => {
-    "tag" in f && i(0, n = f.tag), "mediaStore" in f && i(1, c = f.mediaStore), "rendererMap" in f && i(2, y = f.rendererMap), "contentTypeMap" in f && i(3, m = f.contentTypeMap), "state" in f && i(4, l = f.state), "temporaryState" in f && i(5, h = f.temporaryState);
+    "tag" in f && i(0, m = f.tag), "mediaStore" in f && i(1, c = f.mediaStore), "rendererMap" in f && i(2, y = f.rendererMap), "contentTypeMap" in f && i(3, n = f.contentTypeMap), "state" in f && i(4, l = f.state), "temporaryState" in f && i(5, h = f.temporaryState);
   }, o.$$.update = () => {
     var f, q, A, D;
     o.$$.dirty & /*tag, rendererMap*/
     5 && i(8, e = (() => {
       var F, N, R;
-      return !(((N = (F = n.style) == null ? void 0 : F.point) == null ? void 0 : N.enabled) === !1 || ((R = y.get(n.contentType)) == null ? void 0 : R.usePoint) === !1 || n.contentType === "Sticker" || n.contentType === "Link" || n.contentType === "VRLink" || n.contentType === "PanoLink" || n.contentType === "Panorama" || n.contentType === "Audio" && n.data.appearance === "plane");
+      return !(((N = (F = m.style) == null ? void 0 : F.point) == null ? void 0 : N.enabled) === !1 || ((R = y.get(m.contentType)) == null ? void 0 : R.usePoint) === !1 || m.contentType === "Sticker" || m.contentType === "Link" || m.contentType === "VRLink" || m.contentType === "PanoLink" || m.contentType === "Panorama" || m.contentType === "Audio" && m.data.appearance === "plane");
     })()), o.$$.dirty & /*tag, havePoint*/
-    257 && i(15, r = (() => !(n.stickType !== "2DPoint" || n.entryFromModel && et(n.five.state.mode) && e))()), o.$$.dirty & /*tag*/
-    1 && i(14, p = n.id), o.$$.dirty & /*tag*/
-    1 && i(7, a = n.screenPosition), o.$$.dirty & /*tag*/
-    1 && i(13, b = n.enabled === !1 || !n.state), o.$$.dirty & /*tag, screenPosition*/
-    129 && i(12, k = !((f = n.state) != null && f.visible) || ((q = n.temporaryState) == null ? void 0 : q.visible) === !1 || !a), o.$$.dirty & /*tag*/
-    1 && i(6, s = (A = n.state) == null ? void 0 : A.unfolded), o.$$.dirty & /*screenPosition*/
+    257 && i(15, r = (() => !(m.stickType !== "2DPoint" || m.entryFromModel && et(m.five.state.mode) && e))()), o.$$.dirty & /*tag*/
+    1 && i(14, p = m.id), o.$$.dirty & /*tag*/
+    1 && i(7, a = m.screenPosition), o.$$.dirty & /*tag*/
+    1 && i(13, b = m.enabled === !1 || !m.state), o.$$.dirty & /*tag, screenPosition*/
+    129 && i(12, k = !((f = m.state) != null && f.visible) || ((q = m.temporaryState) == null ? void 0 : q.visible) === !1 || !a), o.$$.dirty & /*tag*/
+    1 && i(6, s = (A = m.state) == null ? void 0 : A.unfolded), o.$$.dirty & /*screenPosition*/
     128 && i(11, M = (a == null ? void 0 : a.leftPx) + "px"), o.$$.dirty & /*screenPosition*/
     128 && i(10, u = (a == null ? void 0 : a.topPx) + "px"), o.$$.dirty & /*unfolded, tag*/
-    65 && i(9, S = s ? ((D = n.zIndex) != null ? D : 0) + (s ? 1e6 : 0) : void 0);
+    65 && i(9, S = s ? ((D = m.zIndex) != null ? D : 0) + (s ? 1e6 : 0) : void 0);
   }, [
-    n,
+    m,
     c,
     y,
-    m,
+    n,
     l,
     h,
     s,
@@ -507,13 +504,13 @@ function at(o, t, i) {
     H
   ];
 }
-class yo extends J {
+class go extends J {
   constructor(t) {
     super(), K(
       this,
       t,
       at,
-      nt,
+      mt,
       O,
       {
         tag: 0,
@@ -528,5 +525,5 @@ class yo extends J {
   }
 }
 export {
-  yo as default
+  go as default
 };

package/libs/PanoTagPlugin/controller/Tag/BaseTag.d.ts

@@ -1,4 +1,4 @@
-import type { Mode, State as FiveState } from '@realsee/five';
+import type { Five, Mode, State as FiveState } from '@realsee/five-webgpu';
 import type PanoTagPluginController from '..';
 import type { StickType, Tag, TagClickParams, TagConfig, TagContentType, Tag as TagData, TagEvents, TagGLTFObject, TagId } from '../..';
 import { Subscribe } from '../../../shared-utils/Subscribe';
@@ -65,7 +65,7 @@ export declare abstract class BaseTag<C extends TagContentType = TagContentType,
     zIndex?: number;
     play?: () => void;
     pause?: () => void;
-    get five(): import("@realsee/five").Five;
+    get five(): Five;
     get fiveUtil(): import("../../../shared-utils/Utils/FiveUtil").FiveUtil;
     get workUtil(): import("../../../shared-utils/Utils/WorkUtil").WorkUtil;
     get centerPosition(): THREE.Vector3;

package/libs/PanoTagPlugin/controller/Tag/BaseTag.js

@@ -44,22 +44,22 @@ import { isPanoramaLike as T, isModelLike as x } from "../../../shared-utils/fiv
 import * as B from "three";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
+import "three/webgpu";
+import "three/tsl";
 import { centerPoint as ie } from "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { anyPositionToVector3 as O } from "../../../shared-utils/positionToVector3.js";
 import { toArray as te } from "../../../shared-utils/util.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import { isNil as R, notNil as E } from "../../../shared-utils/isNil.js";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import { blink as se, reblink as ne } from "../../../shared-utils/three/blink.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import { vectorToCoordinates as oe } from "../../../shared-utils/vectorToCoordinate.js";
 import { transformPosition as L } from "../../../shared-utils/five/transformPosition.js";
 import { lookPoint as re } from "../../../shared-utils/five/lookPoint.js";
 import { uuid as le } from "../../../shared-utils/uuid.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import { objectAssignDeepExports as y } from "../../../vendor/object-assign-deep/objectAssignDeep.js";
 import { getTagPosition as $, getTagCenterPosition as z } from "../../utils/tagPosition.js";
@@ -74,7 +74,7 @@ import { withResolvers as ce } from "../../../shared-utils/promise/withResolvers
 import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../../../vendor/animejs/lib/anime.es.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
 import "../../../shared-utils/five/getFiveModel.js";
@@ -93,6 +93,7 @@ import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/getObjectVisible.js";
+import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../shared-utils/three/core/Raycaster.js";
 import "../../../shared-utils/three/PointSelector/utils/html.js";
 import "../../../shared-utils/CSS3DRender/index.js";
@@ -116,11 +117,8 @@ import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../../Sculpt/utils/three/rayOnLine.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
 import "../../../shared-utils/formatRad.js";
-class Ji {
+class zi {
   constructor(i, e) {
     f(this, "plugin");
     f(this, "id");
@@ -192,6 +190,8 @@ class Ji {
     var i;
     return ((i = this.temporaryState) == null ? void 0 : i.visible) !== !1 && this.state.visible !== !1 && this.enabled !== !1;
   }
+  // 显式标注返回类型。否则 d.ts 生成时推断出的类型会引用 five-webgpu 的内部路径
+  // （five/application/five），产出不可移植的声明文件（TS2742）。
   get five() {
     return this.plugin.five;
   }
@@ -713,5 +713,5 @@ class Ji {
   }
 }
 export {
-  Ji as BaseTag
+  zi as BaseTag
 };

package/libs/PanoTagPlugin/controller/Tag/ModelTag.js

@@ -41,23 +41,24 @@ import { CONST as V } from "../../../shared-utils/constants.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
-import "../../../shared-utils/three/CSS3DRenderer/index.js";
-import "@realsee/five/line";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/webgpu";
+import "three/tsl";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "../../../vendor/animejs/lib/anime.es.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { waitFiveModelLoaded as H } from "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../shared-utils/createResizeObserver.js";
 import "../../../shared-utils/even.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/isNil.js";
-import "@realsee/five/gltf-loader";
+import "@realsee/five-webgpu";
 import "../../../shared-utils/three/loadTexture.js";
 import "../../../shared-utils/three/Quadrangle.js";
 import "../../../shared-utils/math/pointsIsRectangle.js";
@@ -159,10 +160,6 @@ import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../../Sculpt/utils/three/rayOnLine.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "@realsee/five";
 import "../../utils/noTypecheck.js";
 import "../../Components/Tag/AudioTag/index.js";
 import "../../Components/Tag/AudioTag/AudioTag.js";
@@ -197,7 +194,7 @@ import "../../../shared-utils/five/getFloorIndex.js";
 import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
-class Jo extends R {
+class Yo extends R {
   constructor(t, m) {
     super(t, m);
     v(this, "loading", !1);
@@ -291,5 +288,5 @@ class Jo extends R {
   }
 }
 export {
-  Jo as ModelTag
+  Yo as ModelTag
 };

package/libs/PanoTagPlugin/controller/Tag/PlaneTag.js

@@ -37,20 +37,21 @@ import { BaseTag as A } from "./BaseTag.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
-import "../../../shared-utils/three/CSS3DRenderer/index.js";
+import "three/webgpu";
+import "three/tsl";
 import { initialCSS3DRender as L } from "../../../shared-utils/CSS3DRender/index.js";
-import "@realsee/five/line";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/LineGeometry.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "../../../vendor/animejs/lib/anime.es.js";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import { waitFiveModelLoaded as C } from "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/five/FivePuppet.js";
 import "../../../shared-utils/even.js";
 import "../../../shared-utils/CSS3DRender/OpacityMesh.js";
 import "../../../shared-utils/three/centerPoint.js";
+import "../../../shared-utils/three/CSS3DRenderer/index.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
 import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/three/loadTexture.js";
 import "../../../shared-utils/three/Quadrangle.js";
@@ -155,10 +156,7 @@ import "../../../shared-utils/five/getPosition.js";
 import "../../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../../Sculpt/utils/three/rayOnLine.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../../utils/noTypecheck.js";
 import "../../Components/Tag/AudioTag/index.js";
 import "../../Components/Tag/AudioTag/AudioTag.js";
@@ -176,7 +174,6 @@ import "../../Components/Tag/CustomTag.js";
 import "../../../vendor/classnames/index.js";
 import "./ModelTag.js";
 import "../../../shared-utils/three/GLTFLoader.js";
-import "@realsee/five/gltf-loader";
 import "../../utils/tag/tagCheck.js";
 import "../../../shared-utils/five/mode.js";
 import "../../utils/tag/calculateTagConfig.js";
@@ -197,7 +194,7 @@ import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
 const O = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
-class Je extends A {
+class Ze extends A {
   constructor(i, t) {
     super(i, t), this.state.unfolded = !0, this.loadModel();
   }
@@ -306,5 +303,5 @@ class Je extends A {
   }
 }
 export {
-  Je as PlaneTag
+  Ze as PlaneTag
 };

package/libs/PanoTagPlugin/controller/Tag/PointTag.js

@@ -9,7 +9,7 @@ import "../../../vendor/object-assign-deep/objectAssignDeep.js";
 import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
 import "../../typings/tag/TagConfig.js";
-import "@realsee/five";
+import "@realsee/five-webgpu";
 import "../../../shared-utils/tag.js";
 import "../../../shared-utils/positionToVector3.js";
 import "../../../shared-utils/five/vector3ToScreen.js";
@@ -28,6 +28,8 @@ import "../../../shared-utils/three/PointSelector/index.js";
 import "../../../shared-utils/three/PointSelector/utils/PointSelectorHelper.js";
 import "../../../shared-utils/three/Magnifier.js";
 import "../../../shared-utils/three/PointSelector/utils/PointHelper.js";
+import "three/webgpu";
+import "three/tsl";
 import "../../../shared-utils/three/Assets/index.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
 import "../../../shared-utils/even.js";
@@ -36,35 +38,31 @@ import "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/three/getObjectVisible.js";
 import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import "@realsee/five/line";
+import "three/examples/jsm/lines/LineGeometry.js";
 import "../../../shared-utils/isNil.js";
-import "../../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import "../../../shared-utils/three/core/Sphere.js";
 import "../../../vendor/animejs/lib/anime.es.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
-import "../../../shared-utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../shared-utils/five/FivePuppet.js";
+import "../../../shared-utils/five/fiveModelLoad.js";
 import "../../../shared-utils/three/PointSelector/utils/html.js";
 import "../../../shared-utils/CSS3DRender/index.js";
-import "../../../shared-utils/five/fiveModelLoad.js";
+import "../../../shared-utils/CSS3DRender/CSS3DRenderer.js";
+import "../../../shared-utils/createResizeObserver.js";
 import "../../../shared-utils/three/PointSelector/utils/PointHelper2.js";
 import "../../../Sculpt/Meshes/Line.js";
 import "../../../Sculpt/typings/style.js";
 import "../../../shared-utils/three/IObject3D.js";
 import "../../../Sculpt/utils/Meshes/getLengthHTML.js";
 import "../../../shared-utils/three/applyObjectMatrixWorld.js";
+import "../../../shared-utils/util.js";
 import "../../../shared-utils/three/core/LineGeometry.js";
 import "../../../shared-utils/three/core/LineMaterial.js";
 import "../../../shared-utils/three/core/Line2.js";
 import "../../../shared-utils/three/core/LineMaterial2.js";
 import "../../../Sculpt/utils/unit.js";
 import "../../../Sculpt/utils/renderDom.js";
-import "../../../shared-utils/five/FivePuppet.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../../shared-utils/isTouchDevice.js";
 import "../../../shared-utils/five/getPosition.js";
@@ -87,7 +85,7 @@ import "../../../shared-utils/safeObj.js";
 import "../../utils/Cache.js";
 import "../../../shared-utils/promise/withResolvers.js";
 const v = new l.Vector2();
-class Jt extends g {
+class $t extends g {
   constructor(t, i) {
     super(t, i);
     p(this, "__Object__");
@@ -130,10 +128,10 @@ class Jt extends g {
     this.originPosition = t, this.position = t, this.cache.clear(), this.updateVisible(), this.updateScreenPosition(), this.updateZIndex(), this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
   updateScreenPosition(t) {
-    var m;
+    var a;
     if (this.stickType !== "2DPoint" && this.stickType !== "3DPoint")
       return;
-    const { force: i = !1 } = t != null ? t : {}, s = i ? this.state.visible : this.currentVisible, e = (m = this.__Object__) != null ? m : {
+    const { force: i = !1 } = t != null ? t : {}, s = i ? this.state.visible : this.currentVisible, e = (a = this.__Object__) != null ? a : {
       timeoutId: void 0,
       inAnimation: !1
     };
@@ -145,7 +143,7 @@ class Jt extends g {
       return;
     const n = this.computeTagProject();
     if (n && this.five.renderer) {
-      const a = (() => {
+      const m = (() => {
         if (!this.currentConfig.simulate3D)
           return 1;
         const u = 2 * Math.tan(0.5 * this.five.camera.fov / 180 * Math.PI), h = this.getDistance(void 0, 1);
@@ -154,7 +152,7 @@ class Jt extends g {
       this.screenPosition = {
         leftPx: (n.x + 1) / 2 * d.x,
         topPx: (-n.y + 1) / 2 * d.y,
-        scale: a
+        scale: m
       };
     } else
       this.screenPosition = null;
@@ -178,5 +176,5 @@ class Jt extends g {
   }
 }
 export {
-  Jt as PointTag
+  $t as PointTag
 };

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

@@ -1,7 +1,7 @@
 import type { TagObjectGroup, TagGLTFObjectGroup, ImagePlaneGroup, TagContentType, ElementRenderer, TagRendererMap, TagContentTypeMapping } from '../typings';
 import type { TemporaryState } from '../typings';
 import TagContainerSvelte from '../Components/TagContainer.svelte';
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import { TagUtil } from './TagUtil';
 export declare abstract class TagRender extends TagUtil {
     rendererMap: TagRendererMap;