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

package/libs/ModelMakerPlugin/index.js

@@ -1,4 +1,5 @@
-import { Controller as r } from "./Controller.js";
+import { Controller as t } from "./Controller.js";
+import "@realsee/five-webgpu";
 import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
@@ -21,6 +22,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";
@@ -29,36 +32,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 "@realsee/five";
 import "../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../shared-utils/isTouchDevice.js";
 import "../shared-utils/five/getPosition.js";
@@ -82,6 +80,7 @@ import "../Sculpt/Meshes/PolygonWithEdge.js";
 import "../Sculpt/Meshes/Polyline.js";
 import "../Sculpt/Meshes/LineWithDots.js";
 import "../Sculpt/Meshes/Point.js";
+import "../shared-utils/three/circleImageURL.js";
 import "../shared-utils/three/closeVectors.js";
 import "../Sculpt/Meshes/Polygon.js";
 import "../shared-utils/three/generatePolygonGeometry.js";
@@ -94,11 +93,12 @@ import "../vendor/svelte/internal/index.js";
 import "../components/AreaLabel/LabelItem.js";
 import "../components/AreaLabel/Assets/roomLabelBg.js";
 import "../shared-utils/math/rad2Deg.js";
+import "./utils/BoxLabelItem.js";
 import "./item/prismItem.js";
 import "./item/polygonItem.js";
 import "../CruisePlugin/utils/sleep.js";
 import "../shared-utils/constants.js";
-const Xo = (...o) => new r(...o);
+const Yo = (o, r) => new t(o, r);
 export {
-  Xo as ModelMakerPlugin
+  Yo as ModelMakerPlugin
 };

package/libs/ModelMakerPlugin/item/baseItem.d.ts

@@ -1,4 +1,4 @@
-import type { Five, Mode } from '@realsee/five';
+import type { Five, Mode } from '@realsee/five-webgpu';
 import * as THREE from 'three';
 import { Subscribe } from '../../shared-utils/Subscribe';
 import type { LightTag } from '../../shared-utils/tag';
@@ -43,5 +43,10 @@ export declare class ModelMakerBaseItem extends Subscribe<Event> {
     disable(): void;
     updateVisible(): void;
     protected onClick(): boolean;
+    /**
+     * Helper method to find the controller instance
+     * Walks up the scene graph to find the ModelMakerPluginGroup
+     */
+    protected findController(): any;
 }
 export {};

package/libs/ModelMakerPlugin/item/baseItem.js

@@ -1,11 +1,11 @@
 var p = Object.defineProperty;
-var h = (o, e, i) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : o[e] = i;
-var t = (o, e, i) => (h(o, typeof e != "symbol" ? e + "" : e, i), i);
+var h = (r, o, i) => o in r ? p(r, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[o] = i;
+var e = (r, o, i) => (h(r, typeof o != "symbol" ? o + "" : o, i), i);
 import * as l from "three";
-import { addIfNotExists as d } from "../../shared-utils/three/addIfNotExists.js";
-import { Subscribe as n } from "../../shared-utils/Subscribe.js";
+import { addIfNotExists as n } from "../../shared-utils/three/addIfNotExists.js";
+import { Subscribe as d } from "../../shared-utils/Subscribe.js";
 import { tag as a } from "../../shared-utils/tag.js";
-import { boundingBox as v } from "../../shared-utils/three/boundingBox.js";
+import { boundingBox as u } from "../../shared-utils/three/boundingBox.js";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/five/vector3ToScreen.js";
 import "../../shared-utils/five/getFiveModel.js";
@@ -23,6 +23,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";
@@ -31,58 +33,54 @@ 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 "@realsee/five-webgpu";
+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 "@realsee/five";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 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";
-class Mi extends n {
+class Mi extends d {
   constructor(i) {
     var s, m;
     super();
-    t(this, "type");
-    t(this, "tag");
-    t(this, "rawData");
-    t(this, "model");
-    t(this, "visibles", []);
-    t(this, "five");
-    t(this, "group");
-    t(this, "fiveDomEvents");
-    t(this, "disposers", []);
+    e(this, "type");
+    e(this, "tag");
+    e(this, "rawData");
+    e(this, "model");
+    e(this, "visibles", []);
+    e(this, "five");
+    e(this, "group");
+    e(this, "fiveDomEvents");
+    e(this, "disposers", []);
     this.five = i.five, this.model = i.model, this.group = i.group, this.type = i.type, this.rawData = i.rawData, this.fiveDomEvents = i.fiveDomEvents;
-    const r = (m = (s = i.position) != null ? s : this.model.center) != null ? m : v(this.model).getCenter(new l.Vector3());
-    this.tag = a(this.five, r, { wrapper: i.tagWrapper }), this.tag.extraObjectsForIntersectCheck.push(this.group);
+    const t = (m = (s = i.position) != null ? s : this.model.center) != null ? m : u(this.model).getCenter(new l.Vector3());
+    this.tag = a(this.five, t, { wrapper: i.tagWrapper }), this.tag.extraObjectsForIntersectCheck.push(this.group);
   }
   get container() {
     return this.tag.container;
@@ -100,7 +98,7 @@ class Mi extends n {
     this.visibles[0] = !1, this.updateVisible(), this.emit("hide");
   }
   enable() {
-    d(this.group, this.model), this.five.needsRender = !0, this.model.updateMatrixWorld(!0), this.tag.setTransformMatrix(this.model.matrixWorld), this.tag.enable();
+    n(this.group, this.model), this.five.needsRender = !0, this.model.updateMatrixWorld(!0), this.tag.setTransformMatrix(this.model.matrixWorld), this.tag.enable();
     const i = this.onClick.bind(this);
     this.fiveDomEvents.removeEventListener(this.model, "click"), this.fiveDomEvents.addEventListener(this.model, "click", i, { skipPano: !0 }), this.disposers.push(() => {
       this.fiveDomEvents.removeEventListener(this.model, "click");
@@ -110,10 +108,30 @@ class Mi extends n {
     this.group.remove(this.model), this.five.needsRender = !0, this.tag.disable(), this.disposers.forEach((i) => i()), this.disposers = [], this.emit("disable");
   }
   updateVisible() {
-    !this.visibles.some((r) => r === !1) ? (this.tag.show(), this.model.visible = !0) : (this.tag.hide(), this.model.visible = !1), this.five.needsRender = !0;
+    !this.visibles.some((t) => t === !1) ? (this.tag.show(), this.model.visible = !0) : (this.tag.hide(), this.model.visible = !1), this.five.needsRender = !0;
   }
   onClick() {
-    return this.emit("click", this);
+    const i = this.findController();
+    return i && i.items.forEach((t) => {
+      t !== this && t.tag && t.tag.visible && t.tag.hide();
+    }), this.emit("click", this);
+  }
+  /**
+   * Helper method to find the controller instance
+   * Walks up the scene graph to find the ModelMakerPluginGroup
+   */
+  findController() {
+    let i = this.model.parent;
+    for (; i; ) {
+      if (i.name === "ModelMakerPluginGroup") {
+        const t = window == null ? void 0 : window.__MODELMAKER_DEBUG__;
+        if (t && Array.isArray(t.items))
+          return t;
+        break;
+      }
+      i = i.parent;
+    }
+    return null;
   }
 }
 export {

package/libs/ModelMakerPlugin/item/boxItem.d.ts

@@ -1,6 +1,10 @@
 import { ModelMakerBaseItem } from './baseItem';
+import type { LightTag } from '../../shared-utils/tag';
 export declare class ModelMakerBoxItem extends ModelMakerBaseItem {
-    constructor(...args: ConstructorParameters<typeof ModelMakerBaseItem>);
+    edgeTags: LightTag[];
+    constructor(params: ConstructorParameters<typeof ModelMakerBaseItem>[0] & {
+        edgeTags?: LightTag[];
+    });
     enable(): void;
     disable(): void;
     show(): void;

package/libs/ModelMakerPlugin/item/boxItem.js

@@ -1,7 +1,18 @@
 var p = Object.defineProperty;
-var m = (o, i, t) => i in o ? p(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
-var r = (o, i, t) => (m(o, typeof i != "symbol" ? i + "" : i, t), t);
-import { ModelMakerBaseItem as s } from "./baseItem.js";
+var a = Object.getOwnPropertySymbols;
+var d = Object.prototype.hasOwnProperty, g = Object.prototype.propertyIsEnumerable;
+var n = (e, o, t) => o in e ? p(e, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[o] = t;
+var h = (e, o) => {
+  var t = {};
+  for (var i in e)
+    d.call(e, i) && o.indexOf(i) < 0 && (t[i] = e[i]);
+  if (e != null && a)
+    for (var i of a(e))
+      o.indexOf(i) < 0 && g.call(e, i) && (t[i] = e[i]);
+  return t;
+};
+var r = (e, o, t) => (n(e, typeof o != "symbol" ? o + "" : o, t), t);
+import { ModelMakerBaseItem as l } from "./baseItem.js";
 import "three";
 import "../../shared-utils/three/addIfNotExists.js";
 import "../../shared-utils/Subscribe.js";
@@ -23,6 +34,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";
@@ -31,36 +44,32 @@ 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 "@realsee/five-webgpu";
+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 "@realsee/five";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/five/getPosition.js";
@@ -68,30 +77,42 @@ import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../Sculpt/utils/three/rayOnLine.js";
 import "../../shared-utils/three/boundingBox.js";
-class Mi extends s {
-  constructor(...t) {
-    super(...t);
+class ki extends l {
+  constructor(t) {
+    const s = t, { edgeTags: i } = s, m = h(s, ["edgeTags"]);
+    super(m);
+    r(this, "edgeTags", []);
     r(this, "hideTag", () => {
-      this.tag.hide();
+      this.tag.hide(), this.edgeTags.forEach((t) => t.hide());
     });
-    this.enable(), this.tag.hide(), this.updateVisible();
+    i && (this.edgeTags = i), this.enable(), this.tag.hide(), this.updateVisible();
   }
   enable() {
     super.enable(), this.five.on("mode.change.request", this.hideTag), this.five.on("pano.request", this.hideTag);
   }
   disable() {
-    super.disable(), this.five.off("mode.change.request", this.hideTag), this.five.off("pano.request", this.hideTag);
+    super.disable(), this.five.off("mode.change.request", this.hideTag), this.five.off("pano.request", this.hideTag), this.edgeTags.forEach((t) => t.destroy()), this.edgeTags = [];
   }
   show() {
-    super.show(), this.tag.hide();
+    super.show(), this.tag.hide(), this.edgeTags.forEach((t) => t.hide());
   }
   onClick() {
-    return this.tag.visible ? this.tag.hide() : this.tag.show({ force: !0 }), super.onClick(), !0;
+    const t = this.findController();
+    return t ? (t.forceFinishBoxAnimation(), this.five.currentMode !== "Panorama" ? (this.five.once("pano.arrived", () => {
+      t.playBoxAnimation(this.rawData.id).then(() => {
+        t.showItemTag(this.rawData.id), this.edgeTags.forEach((i) => i.show({ force: !0 }));
+      });
+    }), this.five.setState({
+      mode: "Panorama",
+      longitude: this.rawData.extend.longitude,
+      latitude: this.rawData.extend.latitude,
+      panoIndex: this.rawData.extend.index
+    })) : this.tag.visible ? (this.tag.hide(), this.edgeTags.forEach((i) => i.hide())) : (t.showItemTag(this.rawData.id), this.edgeTags.forEach((i) => i.show({ force: !0 })))) : (super.onClick(), this.tag.visible ? (this.tag.hide(), this.edgeTags.forEach((i) => i.hide())) : (this.tag.show({ force: !0 }), this.edgeTags.forEach((i) => i.show({ force: !0 })))), !0;
   }
   updateVisible() {
-    !this.visibles.some((e) => e === !1) ? this.model.visible = !0 : (this.tag.hide(), this.model.visible = !1), this.five.needsRender = !0;
+    !this.visibles.some((i) => i === !1) ? this.model.visible = !0 : (this.tag.hide(), this.edgeTags.forEach((i) => i.hide()), this.model.visible = !1), this.five.needsRender = !0;
   }
 }
 export {
-  Mi as ModelMakerBoxItem
+  ki as ModelMakerBoxItem
 };

package/libs/ModelMakerPlugin/item/polygonItem.js

@@ -24,6 +24,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";
@@ -32,36 +34,32 @@ 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 "@realsee/five-webgpu";
+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 "@realsee/five";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
 import "../../shared-utils/isTouchDevice.js";
 import "../../shared-utils/five/getPosition.js";
@@ -69,7 +67,7 @@ import "../../shared-utils/five/getRaycasterByNdcPosition.js";
 import "../../shared-utils/three/PointSelector/utils/contents.js";
 import "../../Sculpt/utils/three/rayOnLine.js";
 import "../../shared-utils/three/boundingBox.js";
-class ct extends a {
+class At extends a {
   constructor(...t) {
     super(...t);
     p(this, "onPanoArrived", (t) => {
@@ -94,5 +92,5 @@ class ct extends a {
   }
 }
 export {
-  ct as ModelMakerPolygonItem
+  At as ModelMakerPolygonItem
 };

package/libs/ModelMakerPlugin/item/prismItem.js

@@ -15,15 +15,15 @@ import "../../shared-utils/tag.js";
 import * as b from "three";
 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 "three/examples/jsm/lines/LineGeometry.js";
 import { isNil as f } from "../../shared-utils/isNil.js";
-import "../../shared-utils/three/core/Five_LineMaterial2.js";
+import "three/examples/jsm/lines/webgpu/Line2.js";
 import { boundingBox as C, boxVertex as a } from "../../shared-utils/three/boundingBox.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 { ModelMakerBaseItem as S } from "./baseItem.js";
 import "../../shared-utils/positionToVector3.js";
@@ -50,6 +50,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";
@@ -73,12 +74,9 @@ 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 "../../shared-utils/three/addIfNotExists.js";
-class Ro extends S {
+class No extends S {
   constructor(...o) {
     const r = o[0], p = C(r.model), m = new b.Vector3().lerpVectors(a(p, 0), a(p, 5), 0.5);
     super(h(n({}, r), { position: m }));
@@ -102,5 +100,5 @@ class Ro extends S {
   }
 }
 export {
-  Ro as ModelMakerPrismItem
+  No as ModelMakerPrismItem
 };

package/libs/ModelMakerPlugin/typings/data.d.ts

@@ -20,6 +20,8 @@ export interface ServerBoxItem extends ServerBaseItem {
         color?: string;
         /** 透明度 */
         opacity?: number;
+        /** 标签位置(顶点坐标) */
+        positionIndex?: number;
     };
 }
 export interface ServerTrianglesItem extends ServerBaseItem {

package/libs/ModelMakerPlugin/typings/index.d.ts

@@ -1,4 +1,4 @@
-import type { Five } from '@realsee/five';
+import type { Five } from '@realsee/five-webgpu';
 import type * as BasePlugin from '../../base/BasePluginWithData';
 import type { ModelMakerBaseItem } from '../item/baseItem';
 import type { ServerData } from './data';