@realsee/dnalogel 3.43.0 → 3.44.1

package/libs/PipelinePlugin/Controller.js

@@ -1,30 +1,30 @@
 var j = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var P = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var A = (c, n, e) => n in c ? j(c, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[n] = e, m = (c, n) => {
+var A = (d, n, e) => n in d ? j(d, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[n] = e, l = (d, n) => {
   for (var e in n || (n = {}))
-    P.call(n, e) && A(c, e, n[e]);
+    P.call(n, e) && A(d, e, n[e]);
   if (v)
     for (var e of v(n))
-      _.call(n, e) && A(c, e, n[e]);
-  return c;
+      _.call(n, e) && A(d, e, n[e]);
+  return d;
 };
-var u = (c, n, e) => (A(c, typeof n != "symbol" ? n + "" : n, e), e);
-var d = (c, n, e) => new Promise((t, i) => {
+var u = (d, n, e) => (A(d, typeof n != "symbol" ? n + "" : n, e), e);
+var p = (d, n, e) => new Promise((t, i) => {
   var s = (a) => {
     try {
-      o(e.next(a));
-    } catch (p) {
-      i(p);
+      h(e.next(a));
+    } catch (c) {
+      i(c);
     }
   }, r = (a) => {
     try {
-      o(e.throw(a));
-    } catch (p) {
-      i(p);
+      h(e.throw(a));
+    } catch (c) {
+      i(c);
     }
-  }, o = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(s, r);
-  o((e = e.apply(c, n)).next());
+  }, h = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(s, r);
+  h((e = e.apply(d, n)).next());
 });
 import * as F from "three";
 import { Controller as S } from "../base/BasePluginWithData.js";
@@ -36,22 +36,8 @@ import { ObjectFlowPipe as D } from "./utils/Objects/FlowPipe.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/even.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../shared-utils/Utils/FiveUtil.js";
@@ -60,6 +46,7 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/url/absoluteUrl.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/animationFrame/index.js";
 import "./utils/Objects/Pipe.js";
@@ -68,7 +55,7 @@ import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
 const g = { flowSpeed: 0.6, rotateSpeed: 0 };
-class Oe extends S {
+class ne extends S {
   constructor(e) {
     super(e);
     // ==================== public properties ====================
@@ -97,12 +84,12 @@ class Oe extends S {
       const [t] = e, i = t.intersectObjects(this.pipeObjects, !1);
       if (i.length === 0 || !this.data)
         return;
-      const o = i[0].object.customID, a = this.data.pipes.find(({ id: h }) => h === o), p = this.data.pipelines.find((h) => a && h.pipes.includes(a));
-      if (!(!a || !p))
+      const h = i[0].object.customID, a = this.data.pipes.find(({ id: o }) => o === h), c = this.data.pipelines.find((o) => a && o.pipes.includes(a));
+      if (!(!a || !c))
         return this.hooks.emit("tap", {
           intersectObjects: i,
           pipe: a,
-          pipeline: p,
+          pipeline: c,
           wantsFiveTapGestureParams: e
         }), !1;
     });
@@ -125,19 +112,19 @@ class Oe extends S {
    */
   // eslint-disable-next-line max-params
   load(e, t, i, s) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       const r = this.data;
       this.data = yield this.formatData(e, s), this.removeAllPipes(), this.hooks.emit("dataChange", this.data, r), this.pipeObjects = yield Promise.all(
-        this.data.pipes.filter((o) => !!(o != null && o.texture)).map((b) => d(this, [b], function* ({ id: o, texture: a, path: p, radius: h }) {
-          const l = yield this.loadPipeTexture(a), f = { id: o, path: p, textureURL: a, texture: l, geometryConfig: { radius: h } };
+        this.data.pipes.filter((h) => !!(h != null && h.texture)).map((b) => p(this, [b], function* ({ id: h, texture: a, path: c, radius: o }) {
+          const m = yield this.loadPipeTexture(a), f = { id: h, path: c, textureURL: a, texture: m, geometryConfig: { radius: o } };
           return new D(f);
         }))
-      ), this.data.pipelines.forEach((o) => {
-        o.pipes.reduce((a, p) => {
-          const h = this.findPipeObjectWithID(p.id);
-          return h == null || h.setInitialDisplacement(a), a + ((h == null ? void 0 : h.pathLength) || 0);
+      ), this.data.pipelines.forEach((h) => {
+        h.pipes.reduce((a, c) => {
+          const o = this.findPipeObjectWithID(c.id);
+          return o == null || o.setInitialDisplacement(a), a + ((o == null ? void 0 : o.pathLength) || 0);
         }, 0);
-      }), this.hooks.emit("dataLoaded", this.data), this.state.visible === !1 && this.pipeObjects.forEach((o) => o.setOpacity(0)), this.state.enabled && (this.group.add(...this.pipeObjects), this.five.needsRender = !0), t && this.setState(t, { userAction: i });
+      }), this.hooks.emit("dataLoaded", this.data), this.state.visible === !1 && this.pipeObjects.forEach((h) => h.setOpacity(0)), this.state.enabled && (this.group.add(...this.pipeObjects), this.five.needsRender = !0), t && this.setState(t, { userAction: i });
     });
   }
   /** 更改插件 State
@@ -192,10 +179,10 @@ class Oe extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   show() {
-    return d(this, arguments, function* (e = {}) {
+    return p(this, arguments, function* (e = {}) {
       if (this.state.visible)
         return;
-      const t = m({
+      const t = l({
         userAction: !0,
         anime: { duration: 500 }
       }, e);
@@ -209,10 +196,10 @@ class Oe extends S {
    * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
    */
   hide() {
-    return d(this, arguments, function* (e = {}) {
+    return p(this, arguments, function* (e = {}) {
       if (this.state.visible === !1)
         return;
-      const t = m({
+      const t = l({
         userAction: !0,
         anime: { duration: 500 }
       }, e);
@@ -230,15 +217,15 @@ class Oe extends S {
    * @param `options.userAction` `<boolean> | <undefined>` 是否是否是用户操作。
    * */
   switchPipelines(e) {
-    return d(this, null, function* () {
-      var p, h, b, l, f, w;
+    return p(this, null, function* () {
+      var c, o, b, m, f, w;
       if (!this.data)
         return;
-      const t = (p = e == null ? void 0 : e.target) != null ? p : null, i = (h = e == null ? void 0 : e.userAction) != null ? h : !0;
+      const t = (c = e == null ? void 0 : e.target) != null ? c : null, i = (o = e == null ? void 0 : e.userAction) != null ? o : !0;
       this.updateState({ target: t }, i);
-      const s = { duration: 500 }, r = (l = (b = e == null ? void 0 : e.hideAnime) != null ? b : e == null ? void 0 : e.anime) != null ? l : s, o = (w = (f = e == null ? void 0 : e.showAnime) != null ? f : e == null ? void 0 : e.anime) != null ? w : s, a = {
+      const s = { duration: 500 }, r = (m = (b = e == null ? void 0 : e.hideAnime) != null ? b : e == null ? void 0 : e.anime) != null ? m : s, h = (w = (f = e == null ? void 0 : e.showAnime) != null ? f : e == null ? void 0 : e.anime) != null ? w : s, a = {
         target: t,
-        showAnime: o,
+        showAnime: h,
         hideAnime: r
       };
       this._switchPipelines(a);
@@ -271,7 +258,7 @@ class Oe extends S {
     this.updateState({ speed: t }, i), this._setSpeed(t);
   }
   formatData(e, t) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       return y(e, t);
     });
   }
@@ -282,7 +269,7 @@ class Oe extends S {
     this.hooks.emit("disable", { userAction: e.userAction }), this.disposeAnime(), this.five.scene.remove(this.group), this.five.needsRender = !0, this.five.off("wantsTapGesture", this.onWantsFiveTapGesture);
   }
   _show(e) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       var s;
       this.hooks.emit("show", { userAction: e.userAction });
       const t = (s = e == null ? void 0 : e.anime) != null ? s : { duration: 500 }, i = this.findPipeObjectWithTarget(this.state.target);
@@ -290,7 +277,7 @@ class Oe extends S {
     });
   }
   _hide(e) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       var i;
       this.hooks.emit("hide", { userAction: e.userAction });
       const t = (i = e == null ? void 0 : e.anime) != null ? i : { duration: 500 };
@@ -298,7 +285,7 @@ class Oe extends S {
     });
   }
   _switchPipelines(e) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       if (!this.data)
         return;
       const t = this.findPipeObjectWithTarget(e.target), i = e.hideAnime;
@@ -318,11 +305,11 @@ class Oe extends S {
   }
   updateState(e, t) {
     const i = this.state;
-    this.state = m(m({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
+    this.state = l(l({}, this.state), e), this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
   }
   /** 加载管道贴图，如果再加载中，复用之前的加载 Promise */
   loadPipeTexture(e) {
-    return d(this, null, function* () {
+    return p(this, null, function* () {
       const t = this.texturePromiseCache.get(e);
       if (t)
         return t;
@@ -348,5 +335,5 @@ class Oe extends S {
   }
 }
 export {
-  Oe as Controller
+  ne as Controller
 };

package/libs/PipelinePlugin/index.js

@@ -4,22 +4,8 @@ import "../base/BasePluginWithData.js";
 import "../base/BasePlugin.js";
 import "../shared-utils/Subscribe.js";
 import "hammerjs";
-import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../shared-utils/positionToVector3.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../shared-utils/util.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../CSS3DRenderPlugin/utils/even.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/getObjectVisible.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
-import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "@realsee/five/line";
 import "../shared-utils/three/THREESphere.js";
 import "animejs";
 import "../shared-utils/Utils/FiveUtil.js";
@@ -28,6 +14,7 @@ import "../shared-utils/Utils/WorkUtil.js";
 import "../shared-utils/five/transformPosition.js";
 import "../shared-utils/five/getFiveModel.js";
 import "../shared-utils/url/absoluteUrl.js";
+import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../shared-utils/equal.js";
 import "../shared-utils/isTruelyObject.js";
 import "../shared-utils/isNil.js";
@@ -40,8 +27,8 @@ import "../shared-utils/animationFrame/BetterTween.js";
 import "../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../shared-utils/three/Extras/Core/Interpolations.js";
 import "../shared-utils/three/Extras/Core/Interpolations2.js";
-const S = (r) => new o(r);
+const E = (r) => new o(r);
 export {
-  S as PipelinePlugin,
-  S as default
+  E as PipelinePlugin,
+  E as default
 };

package/libs/PipelinePlugin/utils/Objects/FlowPipe.js

@@ -1,29 +1,15 @@
 var v = Object.defineProperty;
-var u = (o, e, t) => e in o ? v(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
-var r = (o, e, t) => (u(o, typeof e != "symbol" ? e + "" : e, t), t);
+var u = (o, i, t) => i in o ? v(o, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[i] = t;
+var r = (o, i, t) => (u(o, typeof i != "symbol" ? i + "" : i, t), t);
 import "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { requestAnimationFrameInterval as c } from "../../../shared-utils/animationFrame/index.js";
 import { ObjectPipe as h } from "./Pipe.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/getObjectVisible.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/BetterTween.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
@@ -47,7 +33,7 @@ const d = (
   }
 `
 );
-class K extends h {
+class x extends h {
   constructor(t) {
     super(t, d);
     /** 初始状态下，当前水管内的水流在整体管道上的位移
@@ -62,36 +48,36 @@ class K extends h {
     r(this, "flowAnimationDisposer", () => {
     });
   }
-  setInitialDisplacement(t, i = "backward") {
-    this.initialDisplacement = Math.abs(t) * (i === "forward" ? -1 : 1), this.moveFromOrigin(this.initialDisplacement);
+  setInitialDisplacement(t, e = "backward") {
+    this.initialDisplacement = Math.abs(t) * (e === "forward" ? -1 : 1), this.moveFromOrigin(this.initialDisplacement);
   }
   /** 水流移动「基于初始位置」
    * @description 因为贴图的运动与 u 的 uOffset 相反，比较反直觉，所以封装方法易于理解
    * @param displacement 位移：米 * 方向(向前 -> 正, 向后 -> 负)
    */
   moveFromOrigin(t) {
-    const i = t * this.uPreMeter;
-    return this.material.uniforms.uOffset.value = i, this.material.needsUpdate = !0, this.needsRender = !0, !0;
+    const e = t * this.uPreMeter;
+    return this.material.uniforms.uOffset.value = e, this.material.needsUpdate = !0, this.needsRender = !0, !0;
   }
   /** 水流移动「基于调整管道差值之后的位置」
    *
    * @param distance 位移：米 * 方向
    */
   moveForwardFromInitialOffset(t) {
-    const i = t * -1, m = this.initialDisplacement + i;
-    this.moveFromOrigin(m);
+    const e = t * -1, n = this.initialDisplacement + e;
+    this.moveFromOrigin(n);
   }
   flow() {
     this.flowAnimationDisposer(), this.oldTime = (/* @__PURE__ */ new Date()).getTime();
-    let t = 0, i = 0;
-    const m = c(() => {
-      const n = (/* @__PURE__ */ new Date()).getTime(), s = n - this.oldTime, a = this.flowSpeed * (s / 1e3), l = this.rotateSpeed * (s / 1e3);
-      t = t + a, i = i + l;
-      const p = 1 / 360, f = i * p;
-      this.material.uniforms.vOffset.value = f, this.moveForwardFromInitialOffset(t), this.oldTime = n;
+    let t = 0, e = 0;
+    const n = c(() => {
+      const s = (/* @__PURE__ */ new Date()).getTime(), a = s - this.oldTime, m = this.flowSpeed * (a / 1e3), l = this.rotateSpeed * (a / 1e3);
+      t = t + m, e = e + l;
+      const f = 1 / 360, p = e * f;
+      this.material.uniforms.vOffset.value = p, this.moveForwardFromInitialOffset(t), this.oldTime = s;
     });
     this.flowAnimationDisposer = function() {
-      m(), this.moveForwardFromInitialOffset(0);
+      n(), this.moveForwardFromInitialOffset(0);
     };
   }
   stopFlow() {
@@ -105,5 +91,5 @@ class K extends h {
   }
 }
 export {
-  K as ObjectFlowPipe
+  x as ObjectFlowPipe
 };

package/libs/PipelinePlugin/utils/Objects/HighlightPipe.js

@@ -1,48 +1,34 @@
-var s = Object.defineProperty;
-var n = (e, t, i) => t in e ? s(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
-var o = (e, t, i) => (n(e, typeof t != "symbol" ? t + "" : t, i), i);
+var o = Object.defineProperty;
+var a = (e, t, i) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[t] = i;
+var s = (e, t, i) => (a(e, typeof t != "symbol" ? t + "" : t, i), i);
 import "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
-import { tweenProgress as h } from "../../../shared-utils/animationFrame/BetterTween.js";
-import { ObjectPipe as a } from "./Pipe.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/getObjectVisible.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import { tweenProgress as n } from "../../../shared-utils/animationFrame/BetterTween.js";
+import { ObjectPipe as p } from "./Pipe.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
-class J extends a {
+class x extends p {
   constructor(i) {
     super(i);
-    o(this, "imageCount", 64);
-    o(this, "highlightAnime");
+    s(this, "imageCount", 64);
+    s(this, "highlightAnime");
   }
   highlight(i) {
     const r = (i == null ? void 0 : i.duration) || 500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => this.setOpacity(m)).yoyo(!0).repeat(1 / 0).play();
+    this.disposeAnime(), this.highlightAnime = n(r).onUpdate(({ progress: h }) => this.setOpacity(h)).yoyo(!0).repeat(1 / 0).play();
   }
   highlight1(i) {
     const r = (i == null ? void 0 : i.duration) || 2500;
-    this.disposeAnime(), this.highlightAnime = h(r).onUpdate(({ progress: m }) => {
-      const p = -(Math.ceil(m * this.imageCount) - 1) / this.imageCount;
-      this.material.uniforms.vOffset.value !== p && (this.material.uniforms.vOffset.value = p, this.material.needsUpdate = !0, this.needsRender = !0);
+    this.disposeAnime(), this.highlightAnime = n(r).onUpdate(({ progress: h }) => {
+      const m = -(Math.ceil(h * this.imageCount) - 1) / this.imageCount;
+      this.material.uniforms.vOffset.value !== m && (this.material.uniforms.vOffset.value = m, this.material.needsUpdate = !0, this.needsRender = !0);
     }).repeat(1 / 0).play();
   }
   disposeAnime() {
@@ -51,5 +37,5 @@ class J extends a {
   }
 }
 export {
-  J as ObjectHighlightPipe
+  x as ObjectHighlightPipe
 };

package/libs/PipelinePlugin/utils/Objects/Pipe.js

@@ -1,54 +1,40 @@
 var d = Object.defineProperty;
 var v = Object.getOwnPropertySymbols;
 var A = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var f = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t, y = (a, e) => {
+var f = (o, e, t) => e in o ? d(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, y = (o, e) => {
   for (var t in e || (e = {}))
-    A.call(e, t) && f(a, t, e[t]);
+    A.call(e, t) && f(o, t, e[t]);
   if (v)
     for (var t of v(e))
-      w.call(e, t) && f(a, t, e[t]);
-  return a;
+      w.call(e, t) && f(o, t, e[t]);
+  return o;
 };
-var m = (a, e, t) => (f(a, typeof e != "symbol" ? e + "" : e, t), t);
-var l = (a, e, t) => new Promise((i, s) => {
-  var o = (p) => {
+var p = (o, e, t) => (f(o, typeof e != "symbol" ? e + "" : e, t), t);
+var l = (o, e, t) => new Promise((i, s) => {
+  var a = (u) => {
     try {
-      n(t.next(p));
+      n(t.next(u));
     } catch (c) {
       s(c);
     }
-  }, r = (p) => {
+  }, r = (u) => {
     try {
-      n(t.throw(p));
+      n(t.throw(u));
     } catch (c) {
       s(c);
     }
-  }, n = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(o, r);
-  n((t = t.apply(a, e)).next());
+  }, n = (u) => u.done ? i(u.value) : Promise.resolve(u.value).then(a, r);
+  n((t = t.apply(o, e)).next());
 });
-import * as u from "three";
+import * as m from "three";
 import "hammerjs";
-import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { BetterTween as g } from "../../../shared-utils/animationFrame/BetterTween.js";
 import { CustomBezierCurve3 as x } from "../../../shared-utils/three/Extras/Curves/BezierCurve3.js";
-import "../../../shared-utils/positionToVector3.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
-import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
-import "../../../shared-utils/util.js";
-import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
-import "../../../CSS3DRenderPlugin/utils/even.js";
-import "../../../shared-utils/Subscribe.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
-import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
-import "../../../shared-utils/three/centerPoint.js";
-import "../../../shared-utils/three/getObjectVisible.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
-import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../../shared-utils/animationFrame/index.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations.js";
 import "../../../shared-utils/three/Extras/Core/Interpolations2.js";
@@ -79,29 +65,29 @@ const C = (
   }
 `
 );
-class h extends u.Mesh {
+class h extends m.Mesh {
   constructor(t, i = O) {
     super();
-    m(this, "geometryConfig", {
+    p(this, "geometryConfig", {
       radius: 1.5 / 100,
       tubularSegments: 20,
       radialSegments: 8
     });
-    m(this, "customID");
-    m(this, "path");
-    m(this, "pathLength", 0);
-    m(this, "pathPoints");
-    m(this, "texture");
-    m(this, "opacityAnime");
+    p(this, "customID");
+    p(this, "path");
+    p(this, "pathLength", 0);
+    p(this, "pathPoints");
+    p(this, "texture");
+    p(this, "opacityAnime");
     /** u / m: 每米水管对应到贴图上，应该对应的 u 的长度 */
-    m(this, "uPreMeter", 1);
-    t.geometryConfig && (this.geometryConfig = y(y({}, this.geometryConfig), t.geometryConfig)), this.customID = t.id || this.uuid, this.pathPoints = t.path, this.path = h.calculatePath(t.path.map((p) => new u.Vector3().fromArray(p))), this.pathLength = this.path.getLength(), this.texture = h.formatTexture(t.texture);
-    const { radius: s, tubularSegments: o, radialSegments: r } = this.geometryConfig, n = h.formatTexture(t.texture);
+    p(this, "uPreMeter", 1);
+    t.geometryConfig && (this.geometryConfig = y(y({}, this.geometryConfig), t.geometryConfig)), this.customID = t.id || this.uuid, this.pathPoints = t.path, this.path = h.calculatePath(t.path.map((u) => new m.Vector3().fromArray(u))), this.pathLength = this.path.getLength(), this.texture = h.formatTexture(t.texture);
+    const { radius: s, tubularSegments: a, radialSegments: r } = this.geometryConfig, n = h.formatTexture(t.texture);
     this.geometry = h.formatGeometryUV(
-      new u.TubeBufferGeometry(this.path, o, s, r),
+      new m.TubeBufferGeometry(this.path, a, s, r),
       this.pathLength,
       this.uPreMeter
-    ), this.material = new u.ShaderMaterial({
+    ), this.material = new m.ShaderMaterial({
       uniforms: {
         opacity: { value: 1 },
         uOffset: { value: 0 },
@@ -120,13 +106,13 @@ class h extends u.Mesh {
    * @description 两个控制点使用直线路径，多个控制点使用贝塞尔路径
    */
   static calculatePath(t) {
-    return t.length === 2 ? new u.LineCurve3(t[0], t[1]) : new x(t);
+    return t.length === 2 ? new m.LineCurve3(t[0], t[1]) : new x(t);
   }
   static formatGeometryUV(t, i, s) {
-    const o = t.getAttribute("uv");
-    for (let r = 0; r < o.count; r++) {
-      const n = o.getX(r) * i * s;
-      o.setX(r, n);
+    const a = t.getAttribute("uv");
+    for (let r = 0; r < a.count; r++) {
+      const n = a.getX(r) * i * s;
+      a.setX(r, n);
     }
     return t;
   }
@@ -134,12 +120,12 @@ class h extends u.Mesh {
    * 管道的 Texture 需要满足一定的要求，需要使用 formatTexture 先 format
    */
   static formatTexture(t) {
-    return t.wrapS = u.RepeatWrapping, t.wrapT = u.RepeatWrapping, t;
+    return t.wrapS = m.RepeatWrapping, t.wrapT = m.RepeatWrapping, t;
   }
   hide(t) {
     return l(this, null, function* () {
-      var o;
-      (o = this.opacityAnime) == null || o.dispose();
+      var a;
+      (a = this.opacityAnime) == null || a.dispose();
       const i = 0;
       if (typeof (t == null ? void 0 : t.duration) != "number")
         return this.setOpacity(i);
@@ -153,8 +139,8 @@ class h extends u.Mesh {
   }
   show(t) {
     return l(this, null, function* () {
-      var o;
-      (o = this.opacityAnime) == null || o.dispose();
+      var a;
+      (a = this.opacityAnime) == null || a.dispose();
       const i = 1;
       if (typeof (t == null ? void 0 : t.duration) != "number")
         return this.setOpacity(i);

package/libs/Sculpt/Meshes/Box.js

@@ -5,12 +5,12 @@ import { IObject3D as a } from "../../shared-utils/three/IObject3D.js";
 import { anyPositionToVector3 as c } from "../../shared-utils/positionToVector3.js";
 import "three";
 import "hammerjs";
-import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
-import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
-import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "@realsee/five/line";
 import "../../shared-utils/three/THREESphere.js";
 import "animejs";
 import { notNil as r } from "../../shared-utils/isNil.js";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import { RectangleWithEdgeMesh as P } from "./RectangleWithEdge.js";
 import { RectangleMesh as m } from "./Rectangle.js";
 class w extends a {