@realsee/dnalogel 3.78.0-alpha.3 → 3.78.0-alpha.4

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

@@ -1,10 +1,10 @@
 var Q = Object.defineProperty, Y = Object.defineProperties;
 var ee = Object.getOwnPropertyDescriptors;
 var V = Object.getOwnPropertySymbols;
-var N = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
-var k = Math.pow, D = (g, t, e) => t in g ? Q(g, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[t] = e, y = (g, t) => {
+var $ = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var P = Math.pow, D = (g, t, e) => t in g ? Q(g, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : g[t] = e, y = (g, t) => {
   for (var e in t || (t = {}))
-    N.call(t, e) && D(g, e, t[e]);
+    $.call(t, e) && D(g, e, t[e]);
   if (V)
     for (var e of V(t))
       z.call(t, e) && D(g, e, t[e]);
@@ -13,7 +13,7 @@ var k = Math.pow, D = (g, t, e) => t in g ? Q(g, t, { enumerable: !0, configurab
 var W = (g, t) => {
   var e = {};
   for (var i in g)
-    N.call(g, i) && t.indexOf(i) < 0 && (e[i] = g[i]);
+    $.call(g, i) && t.indexOf(i) < 0 && (e[i] = g[i]);
   if (g != null && V)
     for (var i of V(g))
       t.indexOf(i) < 0 && z.call(g, i) && (e[i] = g[i]);
@@ -41,13 +41,13 @@ import { calculateTagConfig as R } from "../../utils/tag/calculateTagConfig.js";
 import { getTagStickType as ie } from "../../utils/tag/format.js";
 import "../../../shared-utils/tag.js";
 import { isPanoramaLike as E, isModelLike as B } from "../../../shared-utils/five/mode.js";
-import * as C from "three";
+import * as k from "three";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
 import { centerPoint as ne } from "../../../shared-utils/three/centerPoint.js";
 import "../../../shared-utils/three/CSS3DRenderer/index.js";
 import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
-import { anyPositionToVector3 as M } from "../../../shared-utils/positionToVector3.js";
+import { anyPositionToVector3 as w } from "../../../shared-utils/positionToVector3.js";
 import { toArray as se } from "../../../shared-utils/util.js";
 import "@realsee/five/line";
 import { isNil as J, notNil as H } from "../../../shared-utils/isNil.js";
@@ -58,19 +58,19 @@ import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../vendor/earcut/src/earcut.js";
 import { vectorToCoordinates as le } from "../../../shared-utils/vectorToCoordinate.js";
-import { transformPosition as T } from "../../../shared-utils/five/transformPosition.js";
+import { transformPosition as O } from "../../../shared-utils/five/transformPosition.js";
 import { lookPoint as ae } from "../../../shared-utils/five/lookPoint.js";
 import { uuid as fe } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { objectAssignDeepExports as w } from "../../../vendor/object-assign-deep/objectAssignDeep.js";
+import { objectAssignDeepExports as T } from "../../../vendor/object-assign-deep/objectAssignDeep.js";
 import { getTagPosition as q, getTagCenterPosition as X } from "../../utils/tagPosition.js";
 import { checkRange as S } from "../../utils/checkRange.js";
-import { isMediaPlaneTag as Z, isMediaModelTag as O } from "../../utils/tag/tagCheck.js";
+import { isMediaPlaneTag as Z, isMediaModelTag as _ } from "../../utils/tag/tagCheck.js";
 import { getUrlExt as G } from "../../../shared-utils/url/getUrl.js";
 import { getFloorIndex as de } from "../../../shared-utils/five/getFloorIndex.js";
 import { safeObj as K } from "../../../shared-utils/safeObj.js";
 import { Cache as ce } from "../../utils/Cache.js";
-import { _raycaster as _ } from "../../../shared-utils/three/temp.js";
+import { _raycaster as N } from "../../../shared-utils/three/temp.js";
 import { withResolvers as ue } from "../../../shared-utils/promise/withResolvers.js";
 import "../../../shared-utils/typescript/entries.js";
 import "../../utils/tag/adaptConfig.js";
@@ -189,14 +189,14 @@ class Jt {
     const s = JSON.parse(JSON.stringify(e.data)), o = (f = e.initialConfig) != null ? f : e.config ? JSON.parse(JSON.stringify(e.config)) : {};
     e.initialConfig = o;
     const l = R(e, t.config), r = this.getConfig(e);
-    e.config = r, this.id = (m = e.id) != null ? m : fe(), this.enabled = (p = e.enabled) != null ? p : !0, this.contentType = e.contentType, this.hoverEnabled = (c = (d = r.popoverConfig) == null ? void 0 : d.enabled) != null ? c : !0, this.data = (u = r.initialData) != null && u.important ? w(e.data, s, r.initialData) : w(e.data, r.initialData, s);
+    e.config = r, this.id = (m = e.id) != null ? m : fe(), this.enabled = (p = e.enabled) != null ? p : !0, this.contentType = e.contentType, this.hoverEnabled = (c = (d = r.popoverConfig) == null ? void 0 : d.enabled) != null ? c : !0, this.data = (u = r.initialData) != null && u.important ? T(e.data, s, r.initialData) : T(e.data, r.initialData, s);
     let n;
     typeof r.unfoldedConfig == "object" ? r.unfoldedConfig.keep === "unfolded" ? n = !0 : r.unfoldedConfig.keep === "folded" ? n = !1 : n = !this.can("fold") : n = !this.can("fold"), this.state = y({
       visible: void 0,
       unfolded: n
     }, r.initialState), this.isPopoverConfigEnabled() && (this.state.unfolded = !1), this.normalLineLength = (b = (v = e.style) == null ? void 0 : v.point) == null ? void 0 : b.normalLen, this.originPosition = e.position, e.originPosition = this.originPosition, this.position = (() => {
       var U;
-      const h = e.originPosition, P = t.workUtil.transform;
+      const h = e.originPosition, x = t.workUtil.transform;
       if (e.stickType === "3DBox") {
         if (!h)
           return {
@@ -204,25 +204,25 @@ class Jt {
             end: [0, 0, 0],
             rotation: [0, 0, 0]
           };
-        const { start: x, end: A, rotation: F } = h;
+        const { start: C, end: A, rotation: F } = h;
         return {
-          start: T(M(x), P).toArray(),
-          end: T(M(A), P).toArray(),
-          rotation: M(F).toArray()
+          start: w(C.map((I) => Number(I))).toArray(),
+          end: w(A.map((I) => Number(I))).toArray(),
+          rotation: w(F.map((I) => Number(I))).toArray()
         };
       }
       if (e.stickType === "Polygon")
-        return h ? h.map(M).map((x) => T(x, P).toArray()) : [];
+        return h ? h.map(w).map((C) => O(C, x).toArray()) : [];
       if (!h)
         return;
-      let I = h;
-      if (Array.isArray(h) && h.length === 4 ? I = h.map(M).map((x) => T(x, P).toArray()) : I = T(M(h), P).toArray(), (e.stickType === "2DPoint" || e.stickType === "3DPoint") && ((U = r == null ? void 0 : r.tagNormalLineConfig) != null && U.enabled) && e.normal && this.normalLineLength) {
-        const x = new C.Vector3().fromArray(e.normal);
-        I = new C.Vector3().fromArray(I).clone().add(x.clone().setLength(this.normalLineLength)).toArray();
+      let M = h;
+      if (Array.isArray(h) && h.length === 4 ? M = h.map(w).map((C) => O(C, x).toArray()) : M = O(w(h), x).toArray(), (e.stickType === "2DPoint" || e.stickType === "3DPoint") && ((U = r == null ? void 0 : r.tagNormalLineConfig) != null && U.enabled) && e.normal && this.normalLineLength) {
+        const C = new k.Vector3().fromArray(e.normal);
+        M = new k.Vector3().fromArray(M).clone().add(C.clone().setLength(this.normalLineLength)).toArray();
       }
-      return I;
+      return M;
     })(), this.matrix = e.matrix ? (() => {
-      const h = new C.Matrix4().fromArray(e.matrix);
+      const h = new k.Matrix4().fromArray(e.matrix);
       return h.premultiply(t.workUtil.transform), h.elements;
     })() : e.matrix, this.initialConfig = o, this.computedConfig = l, this.stickType = i, this.config = e.config, this.fiveState = e.fiveState, this.normal = e.normal, this.cache = new ce(), this.hooks = new te(), Object.keys(e).forEach((h) => {
       this[h] === void 0 && e[h] !== void 0 && (this[h] = e[h]);
@@ -325,8 +325,8 @@ class Jt {
         c.push(this.dom), c.push((b = (v = this.tag3DContentSvelte) == null ? void 0 : v.css3DInstance) == null ? void 0 : b.container), c.push((h = this.model) == null ? void 0 : h.object), c.push(this.mediaPlane), c.push(this.boxShape), c.push(this.polygonShape);
         const u = this.getAdditionalBlinkTargets();
         if (u) {
-          const P = Array.isArray(u) ? u : [u];
-          c.push(...P);
+          const x = Array.isArray(u) ? u : [u];
+          c.push(...x);
         }
         return c.filter(Boolean);
       })();
@@ -398,7 +398,7 @@ class Jt {
    * @param deepMerge 是否深度合并 data，默认为 true
    */
   setData(t, e = !0) {
-    e ? this.data = w(this.data, t) : this.data = y(y({}, this.data), t), this.hooks.emit("dataChanged", this.data);
+    e ? this.data = T(this.data, t) : this.data = y(y({}, this.data), t), this.hooks.emit("dataChanged", this.data);
   }
   /**
    * @description 修改标签位置
@@ -411,7 +411,7 @@ class Jt {
    * @param deepMerge 是否深度合并 data，默认为 true
    */
   set(t, e = !0) {
-    this.plugin.tagsLengthWillUpdate = !0, e ? w(this, t) : Object.assign(this, t), this.cache.clear();
+    this.plugin.tagsLengthWillUpdate = !0, e ? T(this, t) : Object.assign(this, t), this.cache.clear();
   }
   updateConfig() {
     var i;
@@ -420,7 +420,7 @@ class Jt {
     const e = this.getConfig();
     if (this.config = e, this.config.initialData) {
       const s = JSON.parse(JSON.stringify(this.data));
-      this.data = (i = e.initialData) != null && i.important ? w(this.data, s, e.initialData) : w(this.data, e.initialData, s);
+      this.data = (i = e.initialData) != null && i.important ? T(this.data, s, e.initialData) : T(this.data, e.initialData, s);
     }
     this.cache.clear();
   }
@@ -450,17 +450,17 @@ class Jt {
       if (!i || !i.start)
         return 1 / 0;
       const s = i.start;
-      return k(s[0] - t.x, 2) + k(s[1] - t.y, 2) + k(s[2] - t.z, 2);
+      return P(s[0] - t.x, 2) + P(s[1] - t.y, 2) + P(s[2] - t.z, 2);
     }
     if (this.stickType === "Polygon") {
       const i = this.position;
       if (!i || i.length === 0)
         return 1 / 0;
       const s = i[0];
-      return k(s[0] - t.x, 2) + k(s[1] - t.y, 2) + k(s[2] - t.z, 2);
+      return P(s[0] - t.x, 2) + P(s[1] - t.y, 2) + P(s[2] - t.z, 2);
     }
     let e;
-    return this.position || console.log(this, "no position"), Array.isArray(this.position[0]) ? e = this.position[0] : e = this.position, k(e[0] - t.x, 2) + k(e[1] - t.y, 2) + k(e[2] - t.z, 2);
+    return this.position || console.log(this, "no position"), Array.isArray(this.position[0]) ? e = this.position[0] : e = this.position, P(e[0] - t.x, 2) + P(e[1] - t.y, 2) + P(e[2] - t.z, 2);
   }
   getVisible(t) {
     if (!this.enabled || !this.plugin.state.enabled || !this.fiveUtil.model)
@@ -519,7 +519,7 @@ class Jt {
             if (i[0].type === "Image")
               return G(i[0].url) === "gif" ? "Dom" : "Mesh";
           }
-        } else if (O(this))
+        } else if (_(this))
           return i.length === 1 && i[0].type === "Image" ? G(i[0].url) === "gif" ? "Dom" : "Mesh" : "BehindDom";
       }
     })();
@@ -647,21 +647,21 @@ class Jt {
     );
     let l = 0, r = 0;
     for (const d of o) {
-      const c = new C.Vector3().subVectors(d, s).normalize();
+      const c = new k.Vector3().subVectors(d, s).normalize();
       let u;
-      _.set(s, c);
-      const [v] = this.fiveUtil.model.intersectRaycaster(_);
+      N.set(s, c);
+      const [v] = this.fiveUtil.model.intersectRaycaster(N);
       u = v == null ? void 0 : v.distance;
       const b = (() => {
-        if (!O(this))
+        if (!_(this))
           return;
-        const x = this.plugin.tags.filter(O).map((F) => {
-          var $;
-          return ($ = F.model) == null ? void 0 : $.object;
-        }).filter(H), [A] = _.intersectObjects(x, !0);
+        const C = this.plugin.tags.filter(_).map((F) => {
+          var I;
+          return (I = F.model) == null ? void 0 : I.object;
+        }).filter(H), [A] = N.intersectObjects(C, !0);
         return A;
-      })(), h = s.distanceTo(d), P = (f = e.distanceAccuracy) != null ? f : 0.01;
-      u = Math.min(u != null ? u : 1 / 0, (m = b == null ? void 0 : b.distance) != null ? m : 1 / 0), u + P >= h ? l++ : r++;
+      })(), h = s.distanceTo(d), x = (f = e.distanceAccuracy) != null ? f : 0.01;
+      u = Math.min(u != null ? u : 1 / 0, (m = b == null ? void 0 : b.distance) != null ? m : 1 / 0), u + x >= h ? l++ : r++;
       const U = (p = e.needPassed) != null ? p : 1;
       if (l >= U)
         return { value: !0 };
@@ -747,16 +747,16 @@ class Jt {
       if (t.autoUnfold.strategy === "FoldWhenMove")
         return !1;
       if (t.autoUnfold.strategy === "ScreenCenter") {
-        const s = this.plugin.filterPointTag, o = new C.Matrix4();
+        const s = this.plugin.filterPointTag, o = new k.Matrix4();
         o.multiplyMatrices(this.five.camera.projectionMatrix, this.five.camera.matrixWorldInverse);
-        const l = new C.Frustum();
+        const l = new k.Frustum();
         l.setFromProjectionMatrix(o);
-        const r = this.five.camera.getWorldDirection(new C.Vector3()), f = s.filter((p) => {
+        const r = this.five.camera.getWorldDirection(new k.Vector3()), f = s.filter((p) => {
           var v, b;
           if (!p.currentVisible)
             return !1;
           const d = p.getConfig().unfoldedConfig;
-          if (p.manuallyOperated || typeof d != "object" || (d == null ? void 0 : d.autoUnfold) === !1 || ((v = d == null ? void 0 : d.autoUnfold) == null ? void 0 : v.strategy) !== "ScreenCenter" || d.keep || ((b = d.autoUnfold) == null ? void 0 : b.enable) === !1 || !l.containsPoint(new C.Vector3().fromArray(p.position)))
+          if (p.manuallyOperated || typeof d != "object" || (d == null ? void 0 : d.autoUnfold) === !1 || ((v = d == null ? void 0 : d.autoUnfold) == null ? void 0 : v.strategy) !== "ScreenCenter" || d.keep || ((b = d.autoUnfold) == null ? void 0 : b.enable) === !1 || !l.containsPoint(new k.Vector3().fromArray(p.position)))
             return !1;
           const u = d.autoUnfold.distance;
           if (u) {
@@ -766,7 +766,7 @@ class Jt {
           }
           return !0;
         }).sort((p, d) => {
-          const c = new C.Vector3().fromArray(p.position), u = new C.Vector3().fromArray(d.position);
+          const c = new k.Vector3().fromArray(p.position), u = new k.Vector3().fromArray(d.position);
           return r.angleTo(c.sub(this.five.camera.position)) - r.angleTo(u.sub(this.five.camera.position));
         }).findIndex((p) => p.id === this.id);
         if (f === -1 || f <= ((i = t.autoUnfold.maxNumber) != null ? i : 1) - 1 === !1)

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

@@ -1,35 +1,35 @@
-var w = Object.defineProperty;
-var S = Object.getOwnPropertySymbols;
-var V = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable;
-var f = (a, s, t) => s in a ? w(a, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[s] = t, x = (a, s) => {
-  for (var t in s || (s = {}))
-    V.call(s, t) && f(a, t, s[t]);
-  if (S)
-    for (var t of S(s))
-      k.call(s, t) && f(a, t, s[t]);
+var P = Object.defineProperty;
+var b = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, B = Object.prototype.propertyIsEnumerable;
+var S = (a, n, t) => n in a ? P(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t, y = (a, n) => {
+  for (var t in n || (n = {}))
+    E.call(n, t) && S(a, t, n[t]);
+  if (b)
+    for (var t of b(n))
+      B.call(n, t) && S(a, t, n[t]);
   return a;
 };
-var d = (a, s, t) => (f(a, typeof s != "symbol" ? s + "" : s, t), t);
-var b = (a, s, t) => new Promise((i, o) => {
-  var e = (n) => {
+var f = (a, n, t) => (S(a, typeof n != "symbol" ? n + "" : n, t), t);
+var g = (a, n, t) => new Promise((i, o) => {
+  var e = (p) => {
     try {
-      m(t.next(n));
-    } catch (c) {
-      o(c);
+      l(t.next(p));
+    } catch (h) {
+      o(h);
     }
-  }, p = (n) => {
+  }, s = (p) => {
     try {
-      m(t.throw(n));
-    } catch (c) {
-      o(c);
+      l(t.throw(p));
+    } catch (h) {
+      o(h);
     }
-  }, m = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(e, p);
-  m((t = t.apply(a, s)).next());
+  }, l = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(e, s);
+  l((t = t.apply(a, n)).next());
 });
-import { BaseTag as C } from "./BaseTag.js";
+import { BaseTag as z } from "./BaseTag.js";
 import * as r from "three";
-import { Sculpt as P } from "../../../Sculpt/index.js";
-import { Box as E } from "../../../Sculpt/Objects/Box/index.js";
+import { Sculpt as T } from "../../../Sculpt/index.js";
+import { Box as D } from "../../../Sculpt/Objects/Box/index.js";
 import "../../../shared-utils/tag.js";
 import "../../../vendor/hammerjs/hammer.js";
 import "../../../shared-utils/three/PointSelector/index.js";
@@ -43,10 +43,11 @@ import "../../../shared-utils/three/blink.js";
 import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../../vendor/earcut/src/earcut.js";
-import { uuid as B } from "../../../shared-utils/uuid.js";
+import { transformPosition as x } from "../../../shared-utils/five/transformPosition.js";
+import { uuid as M } from "../../../shared-utils/uuid.js";
 import "../../../shared-utils/five/FivePuppet.js";
-import { getBoxCorners as z, applyMatrixToPoints as T } from "../../utils/tagPosition.js";
-import { sculptDataToBoxPosition as D } from "../../utils/sculptDataToBoxPosition.js";
+import { getBoxCorners as A, applyMatrixToPoints as F } from "../../utils/tagPosition.js";
+import { sculptDataToBoxPosition as U } from "../../utils/sculptDataToBoxPosition.js";
 import "../../../shared-utils/Subscribe.js";
 import "../../utils/tag/calculateTagConfig.js";
 import "../../../vendor/object-assign-deep/objectAssignDeep.js";
@@ -62,7 +63,6 @@ import "../../../shared-utils/util.js";
 import "../../../shared-utils/isNil.js";
 import "../../../shared-utils/vectorToCoordinate.js";
 import "../../../shared-utils/formatRad.js";
-import "../../../shared-utils/five/transformPosition.js";
 import "../../../shared-utils/five/lookPoint.js";
 import "../../../shared-utils/Utils/FiveUtil.js";
 import "../../../shared-utils/Utils/BaseUtil.js";
@@ -210,25 +210,25 @@ import "../../../shared-utils/forReverseEach.js";
 import "../../../Sculpt/Objects/Line/index.js";
 import "../../../Sculpt/Editors/BoxMeshEditor.js";
 import "../../../Sculpt/Meshes/Box.js";
-class ie extends C {
+class se extends z {
   constructor(t, i) {
     super(t, i);
-    d(this, "tagStyle");
-    d(this, "clickEventDispose");
-    d(this, "domClickDispose");
-    d(this, "screenPosition", null);
+    f(this, "tagStyle");
+    f(this, "clickEventDispose");
+    f(this, "domClickDispose");
+    f(this, "screenPosition", null);
     this.tagStyle = i.style, this.initializeSculptBox(), this.updateVisible();
   }
   /**
    * 获取 Box 样式配置（合并用户配置和默认值）
    */
   getBoxStyle() {
-    var i, o, e, p;
+    var i, o, e, s;
     const t = ((i = this.tagStyle) == null ? void 0 : i.boxOrPolygon) || {};
     return {
       color: (o = t.color) != null ? o : 16777215,
       opacity: (e = t.opacity) != null ? e : 0.4,
-      lineColor: (p = t.color) != null ? p : 16777215,
+      lineColor: (s = t.color) != null ? s : 16777215,
       lineWidth: 1
     };
   }
@@ -245,7 +245,7 @@ class ie extends C {
    * 更新标签数据
    */
   set(t, i = !0) {
-    super.set(t, i), t.style && (this.tagStyle = x(x({}, this.tagStyle), t.style)), t.position && (this.boxShape ? this.updateSculptBox() : this.initializeSculptBox()), t.style && this.boxShape && this.updateBoxStyle();
+    super.set(t, i), t.style && (this.tagStyle = y(y({}, this.tagStyle), t.style)), t.position && (this.boxShape ? this.updateSculptBox() : this.initializeSculptBox()), t.style && this.boxShape && this.updateBoxStyle();
   }
   /**
    * 设置标签数据
@@ -257,21 +257,21 @@ class ie extends C {
    * 获取盒子的中心点
    */
   getCenter() {
-    const t = this.originPosition;
+    const t = this.position;
     if (!(t != null && t.start) || !(t != null && t.end))
       return [0, 0, 0];
-    const i = t.end.map((n) => Number(n)), o = t.start.map((n) => Number(n)), e = i[0] / 2 + o[0] / 2, p = i[1] / 2 + o[1] / 2, m = i[2] / 2 + o[2] / 2;
-    return new r.Vector3(e, p, m).toArray();
+    const i = t.end.map((h) => Number(h)), o = t.start.map((h) => Number(h)), e = i[0] / 2 + o[0] / 2, s = i[1] / 2 + o[1] / 2, l = i[2] / 2 + o[2] / 2, p = new r.Vector3(e, s, l);
+    return x(p, this.workUtil.transform).toArray();
   }
   /**
    * 获取盒子的8个角点坐标
    */
   getCorners() {
     if (this.boxShape) {
-      const t = this.boxShape.data, i = t.points.map((p) => u(p)), o = new r.Vector3().subVectors(
+      const t = this.boxShape.data, i = t.points.map((s) => u(s)), o = new r.Vector3().subVectors(
         u(t.heightPoint),
         i[0]
-      ), e = i.map((p) => p.clone().add(o));
+      ), e = i.map((s) => s.clone().add(o));
       return [...i, ...e];
     }
     return [];
@@ -295,13 +295,13 @@ class ie extends C {
     const t = this.position;
     if (!(t != null && t.start) || !(t != null && t.end) || !(t != null && t.rotation))
       return;
-    const i = new P(this.five, void 0, {
+    const i = new T(this.five, void 0, {
       magnifier: null
     });
     i.clear(), i.group.removeFromParent();
-    const o = this.boxPositionToSculptData(t), e = this.getBoxStyle(), p = new E(
+    const o = this.boxPositionToSculptData(t), e = this.getBoxStyle(), s = new D(
       {
-        id: B(),
+        id: M(),
         type: "Box",
         points: o.bottomPoints,
         heightPoint: o.heightPoint,
@@ -313,9 +313,9 @@ class ie extends C {
         // occlusionMode: 'translucence' as any,
       }
     );
-    p.visible = this.visible, this.plugin.imagePlaneGroup.add(p), this.boxShape = p, p.editor.hooks.on("objectUpdate", () => {
+    s.visible = this.visible, this.plugin.imagePlaneGroup.add(s), this.boxShape = s, s.editor.hooks.on("objectUpdate", () => {
       this.syncBoxPositionFromSculpt();
-    }), p.editor.disable(), this.setupClickEvents();
+    }), s.editor.disable(), this.setupClickEvents();
   }
   /**
    * 设置点击事件
@@ -366,7 +366,7 @@ class ie extends C {
    * 用于编辑已存在的 Box
    */
   editorEnable() {
-    return b(this, null, function* () {
+    return g(this, null, function* () {
       if (!this.position) {
         console.warn("[BoxTag] Cannot enable editor without position. Call startDrawing() first.");
         return;
@@ -386,20 +386,23 @@ class ie extends C {
   syncBoxPositionFromSculpt() {
     if (!this.boxShape)
       return;
-    const t = this.boxShape.data, i = t.points.map((p) => u(p)), o = u(t.heightPoint), e = D(i, o);
+    const t = this.boxShape.data, i = t.points.map((s) => u(s)), o = u(t.heightPoint), e = U(i, o);
     this.position = e, this.hooks.emit("positionChanged", e);
   }
   /**
    * 将 BoxPosition 转换为 Sculpt 需要的数据格式
    */
   boxPositionToSculptData(t) {
-    const i = u(t.start), o = u(t.end), e = new r.Euler().fromArray(t.rotation), p = new r.Vector3((i.x + o.x) / 2, (i.y + o.y) / 2, (i.z + o.z) / 2), m = new r.Vector3(Math.abs(o.x - i.x) / 2, Math.abs(o.y - i.y) / 2, Math.abs(o.z - i.z) / 2), n = new r.Matrix4().makeRotationFromEuler(e), c = [
+    const i = u(t.start), o = u(t.end), e = new r.Euler().fromArray(t.rotation), s = new r.Vector3((i.x + o.x) / 2, (i.y + o.y) / 2, (i.z + o.z) / 2), l = new r.Vector3(Math.abs(o.x - i.x) / 2, Math.abs(o.y - i.y) / 2, Math.abs(o.z - i.z) / 2), p = new r.Matrix4().makeRotationFromEuler(e), h = [
       new r.Vector3(-0.5, -0.5, -0.5),
       new r.Vector3(0.5, -0.5, -0.5),
       new r.Vector3(0.5, -0.5, 0.5),
       new r.Vector3(-0.5, -0.5, 0.5)
-    ], l = new r.Vector3(-0.5, 0.5, -0.5), h = m.clone().multiplyScalar(2), y = c.map((v) => v.clone().multiply(h).applyMatrix4(n).add(p)), g = l.clone().multiply(h).applyMatrix4(n).add(p);
-    return { bottomPoints: y, heightPoint: g };
+    ], d = new r.Vector3(-0.5, 0.5, -0.5), c = l.clone().multiplyScalar(2), m = this.workUtil.transform, v = h.map((V) => {
+      const C = V.clone().multiply(c).applyMatrix4(p).add(s);
+      return x(C, m);
+    }), w = d.clone().multiply(c).applyMatrix4(p).add(s), k = x(w, m);
+    return { bottomPoints: v, heightPoint: k };
   }
   /**
    * @description 点击事件处理
@@ -453,7 +456,7 @@ class ie extends C {
       this.screenPosition = null, this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
       return;
     }
-    const o = new r.Vector3().fromArray(i.start), e = new r.Vector3().fromArray(i.end), p = new r.Euler().fromArray(i.rotation), m = [
+    const o = new r.Vector3().fromArray(i.start), e = new r.Vector3().fromArray(i.end), s = new r.Euler().fromArray(i.rotation), l = [
       new r.Vector3(o.x, o.y, o.z),
       new r.Vector3(e.x, o.y, o.z),
       new r.Vector3(o.x, e.y, o.z),
@@ -462,29 +465,29 @@ class ie extends C {
       new r.Vector3(e.x, o.y, e.z),
       new r.Vector3(o.x, e.y, e.z),
       new r.Vector3(e.x, e.y, e.z)
-    ], n = new r.Vector3().addVectors(o, e).multiplyScalar(0.5);
-    m.forEach((h) => {
-      h.sub(n).applyEuler(p).add(n);
+    ], p = new r.Vector3().addVectors(o, e).multiplyScalar(0.5), h = this.workUtil.transform;
+    l.forEach((m) => {
+      m.sub(p).applyEuler(s).add(p), m.copy(x(m, h));
     });
-    let c = m[0];
-    m.forEach((h) => {
-      h.x > c.x && (c = h);
+    let d = l[0];
+    l.forEach((m) => {
+      m.x > d.x && (d = m);
     });
-    const l = c.clone().project(this.five.camera);
-    if (l.x < -1 || l.x > 1 || l.y < -1 || l.y > 1 || l.z < 0 || l.z > 1)
+    const c = d.clone().project(this.five.camera);
+    if (c.x < -1 || c.x > 1 || c.y < -1 || c.y > 1 || c.z < 0 || c.z > 1)
       this.screenPosition = null;
     else if (this.five.renderer) {
-      const h = this.five.renderer.getSize(new r.Vector2());
+      const m = this.five.renderer.getSize(new r.Vector2());
       this.screenPosition = {
-        leftPx: (l.x + 1) / 2 * h.x,
-        topPx: (-l.y + 1) / 2 * h.y,
+        leftPx: (c.x + 1) / 2 * m.x,
+        topPx: (-c.y + 1) / 2 * m.y,
         scale: 1
       };
     }
     this.plugin.addRenderQueue({ type: "TagContainerSvelte", keys: ["tags"] });
   }
   get centerPosition() {
-    const t = z(this.position), i = T(t, this.matrix);
+    const t = A(this.position, this.workUtil.transform), i = F(t, this.matrix);
     let o = i[0];
     return i.forEach((e) => {
       e.x > o.x && (o = e);
@@ -508,5 +511,5 @@ class ie extends C {
   }
 }
 export {
-  ie as BoxTag
+  se as BoxTag
 };

package/libs/PanoTagPlugin/utils/index.js

@@ -1,36 +1,37 @@
-import { addDebugPoints as a } from "./addDebugPoints.js";
-import { noTypecheck as n } from "./noTypecheck.js";
-import { planeNormal as x } from "./planeNormal.js";
-import { applyMatrixToPoints as g, getBoxCorners as l, getTagCenterPosition as u, getTagPosition as T } from "./tagPosition.js";
-import { checkRange as d } from "./checkRange.js";
-import { normalPositionToPositions as h } from "./normalPositionToPositions.js";
-import { debounce as V, debounceByKey as y } from "./debounce.js";
-import { throttle as k } from "./throttle.js";
-import { binarySearchFirstBig as F, searchFirstValueSmallThanLastValue as I } from "./search.js";
-import { formatVideo as Y, getVideoThumbnail as D, getVimeoId as K, getYouTubeId as L, isVimeo as M, isYouTube as N } from "./videoHelper.js";
+import { addDebugPoints as p } from "./addDebugPoints.js";
+import { noTypecheck as s } from "./noTypecheck.js";
+import { planeNormal as f } from "./planeNormal.js";
+import { applyMatrixToPoints as l, getBoxCorners as u, getTagCenterPosition as T, getTagPosition as c } from "./tagPosition.js";
+import { checkRange as b } from "./checkRange.js";
+import { normalPositionToPositions as P } from "./normalPositionToPositions.js";
+import { debounce as y, debounceByKey as B } from "./debounce.js";
+import { throttle as C } from "./throttle.js";
+import { binarySearchFirstBig as I, searchFirstValueSmallThanLastValue as S } from "./search.js";
+import { formatVideo as D, getVideoThumbnail as K, getVimeoId as L, getYouTubeId as M, isVimeo as N, isYouTube as R } from "./videoHelper.js";
 import "three";
 import "../../shared-utils/positionToVector3.js";
 import "../../shared-utils/three/centerPoint.js";
 import "./tag/tagCheck.js";
+import "../../shared-utils/five/transformPosition.js";
 export {
-  a as addDebugPoints,
-  g as applyMatrixToPoints,
-  F as binarySearchFirstBig,
-  d as checkRange,
-  V as debounce,
-  y as debounceByKey,
-  Y as formatVideo,
-  l as getBoxCorners,
-  u as getTagCenterPosition,
-  T as getTagPosition,
-  D as getVideoThumbnail,
-  K as getVimeoId,
-  L as getYouTubeId,
-  M as isVimeo,
-  N as isYouTube,
-  n as noTypecheck,
-  h as normalPositionToPositions,
-  x as planeNormal,
-  I as searchFirstValueSmallThanLastValue,
-  k as throttle
+  p as addDebugPoints,
+  l as applyMatrixToPoints,
+  I as binarySearchFirstBig,
+  b as checkRange,
+  y as debounce,
+  B as debounceByKey,
+  D as formatVideo,
+  u as getBoxCorners,
+  T as getTagCenterPosition,
+  c as getTagPosition,
+  K as getVideoThumbnail,
+  L as getVimeoId,
+  M as getYouTubeId,
+  N as isVimeo,
+  R as isYouTube,
+  s as noTypecheck,
+  P as normalPositionToPositions,
+  f as planeNormal,
+  S as searchFirstValueSmallThanLastValue,
+  C as throttle
 };

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

@@ -1,9 +1,10 @@
 import type { Vector3 } from 'three';
+import { Matrix4 } from 'three';
 import type { TagInstance, BoxPosition } from '../typings';
 /**
  * 计算 BoxPosition 的8个角点
  */
-export declare function getBoxCorners(boxPosition: BoxPosition): Vector3[];
+export declare function getBoxCorners(boxPosition: BoxPosition, transform: Matrix4): Vector3[];
 /**
  * 应用 matrix 变换到点数组
  */