@realsee/dnalogel 2.1.2-alpha.2 → 2.1.2-alpha.4

package/esm/ModelTVVideoPlugin/Plugin.js

@@ -0,0 +1,163 @@
+var F = (s, b, e) => new Promise((m, y) => {
+  var w = (l) => {
+    try {
+      x(e.next(l));
+    } catch (p) {
+      y(p);
+    }
+  }, M = (l) => {
+    try {
+      x(e.throw(l));
+    } catch (p) {
+      y(p);
+    }
+  }, x = (l) => l.done ? m(l.value) : Promise.resolve(l.value).then(w, M);
+  x((e = e.apply(s, b)).next());
+});
+import * as d from "three";
+import { p as I } from "./utils/parseData.js";
+import { CSS3DRenderPlugin as O } from "../CSS3DRenderPlugin/index.js";
+const C = (s, { videoElement: b }) => {
+  const e = {
+    videoMeshes: [],
+    videoTextureEnabled: !1,
+    videoSource: "",
+    rectPoints: [],
+    enabled: !1,
+    videoElement: b
+  }, m = O(s), y = /* @__PURE__ */ new Map(), w = (t) => {
+    e.videoTexture && (e.videoTexture.image.muted = t);
+  }, M = () => e.videoTexture ? e.videoTexture.image.muted : !0, x = () => {
+    if (e.enabled || !e.videoTexture)
+      return;
+    e.enabled = !0, e.videoMeshes = p(), e.videoMeshes.forEach((n) => s.scene.add(n));
+    const t = () => {
+      if (!e.videoTexture)
+        return;
+      const n = () => {
+        var i;
+        !e.videoTexture || ((i = e.videoTexture) == null || i.image.removeEventListener("timeupdate", n), e.videoTextureEnabled = !0, e.videoMeshes.forEach((o) => {
+          o.material.map !== e.videoTexture && (o.material.map = e.videoTexture);
+        }), s.needsRender = !0);
+      };
+      e.videoTexture.image.addEventListener("timeupdate", n), e.videoTexture && e.videoMeshes.length && (e.videoTexture.image.play(), e.videoTexture.image.onplay = () => {
+        m.hide();
+      }, e.videoTexture.image.onpause = () => {
+        m.show();
+      }, e.videoTexture.image.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      });
+    };
+    if (s.model.loaded)
+      t();
+    else
+      return s.once("modelLoaded", () => t());
+  }, l = () => {
+    !e.enabled || (e.enabled = !1, e.videoMeshes.forEach((t) => {
+      t.geometry.dispose(), t.material.dispose(), s.scene.remove(t), e.videoTexture && e.videoTexture.image.pause();
+    }), e.videoMeshes = [], s.needsRender = !0);
+  }, p = () => e.rectPoints.map((t, n) => {
+    const i = new d.BufferGeometry(), o = 128, a = [];
+    a.push(...t[0].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        t[0].x + (t[1].x - t[0].x) * r / o,
+        t[0].y + (t[1].y - t[0].y) * r / o,
+        t[0].z + (t[1].z - t[0].z) * r / o
+      );
+    a.push(...t[1].toArray()), a.push(...t[2].toArray());
+    for (let r = 1; r < o; r++)
+      a.push(
+        t[2].x + (t[3].x - t[2].x) * r / o,
+        t[2].y + (t[3].y - t[2].y) * r / o,
+        t[2].z + (t[3].z - t[2].z) * r / o
+      );
+    a.push(...t[3].toArray());
+    const c = [];
+    c.push(0, 1);
+    for (let r = 1; r < o; r++)
+      c.push(0, 1 - r / o);
+    c.push(0, 0), c.push(1, 0);
+    for (let r = 1; r < o; r++)
+      c.push(1, r / o);
+    c.push(1, 1);
+    const u = [];
+    for (let r = 0; r < o; r++)
+      u.push(r, r + 1, o * 2 - r, r, o * 2 - r, o * 2 + 1 - r);
+    i.setAttribute("position", new d.BufferAttribute(new Float32Array(a), 3)), i.setAttribute("uv", new d.BufferAttribute(new Float32Array(c), 2)), i.setIndex(new d.BufferAttribute(new Uint32Array(u), 1));
+    const f = new d.AxesHelper(10);
+    s.scene.add(f);
+    const h = new d.MeshBasicMaterial({
+      map: e.videoTextureEnabled ? e.videoTexture : e.imageTexture,
+      side: d.DoubleSide
+    }), v = new d.Mesh(i, h);
+    v.renderOrder = 1, v.name = `ModelTVVideoPlugin-${n}-${performance.now()}`;
+    const z = [t[1], t[2], t[3], t[0]], T = m.create3DDomContainer(z);
+    if (T != null && T.container) {
+      const r = document.createElement("div");
+      r.classList.add("play-icon"), r.style.width = "100%", r.style.height = "100%", r.style.display = "flex", r.style.justifyContent = "center", r.style.alignItems = "center", r.style.pointerEvents = "none", T.container.appendChild(r);
+      const g = document.createElement("img");
+      g.src = "//vrlab-static.ljcdn.com/release/web/play.2ada5b6f.png", g.style.width = "200px", g.style.pointerEvents = "auto", g.onclick = () => {
+        e.videoTexture.image.muted = !1, e.videoTexture.image.play();
+      }, r.appendChild(g), y.set(v, T);
+    }
+    return v;
+  }), L = (t) => {
+    const n = new d.TextureLoader().load(t);
+    return n.minFilter = d.LinearFilter, n.magFilter = d.LinearFilter, n.format = d.RGBFormat, n;
+  }, P = (t, n) => new Promise((i, o) => {
+    const a = new XMLHttpRequest();
+    a.onreadystatechange = () => {
+      if (a.readyState == 4)
+        if (a.status == 200) {
+          const c = window.URL || window.webkitURL;
+          n = n || document.createElement("video"), n.crossOrigin = "anonymous", n.muted = !0, n.loop = !0, n.playsInline = !0, n.src = c.createObjectURL(a.response);
+          const u = new d.VideoTexture(n);
+          u.minFilter = d.LinearFilter, u.magFilter = d.LinearFilter, u.format = d.RGBFormat, i(Object.assign(u, { videoSource: t }));
+        } else
+          o(new Error("Video download Error: " + a.status));
+    }, a.onerror = (c) => o(c), a.open("GET", t), a.responseType = "blob", a.send();
+  }), V = (t, n) => F(void 0, null, function* () {
+    const { video_src: i, video_poster_src: o, points: a } = t;
+    e.videoSource = i, e.rectPoints = I(a).map((c) => c.map(({ x: u, y: f, z: h }) => new d.Vector3(u, f, h))), e.imageTexture = L(o), n && (e.videoElement = n), e.videoTexture = yield P(e.videoSource, e.videoElement), e.enabled = !!t.enable, e.enabled && x();
+  }), E = (t) => {
+    if (!e.enabled)
+      return;
+    const n = e.videoMeshes;
+    if (!(!n || t.intersectObjects(n).length === 0))
+      return e.videoTexture && (e.videoTexture.image.paused || e.videoTexture.image.pause()), !1;
+  }, A = (t) => {
+    t === "Floorplan" ? m.hide() : m.show();
+  }, R = () => {
+    if (!e.enabled)
+      return;
+    const t = s.camera.position;
+    if (y.forEach((n, i) => {
+      const o = n.css3DObject.position.clone(), a = o.clone().sub(t).normalize(), c = new d.Raycaster(t, a), u = s.model.intersectRaycaster(c)[0], f = o.distanceTo(t), h = 0.01;
+      u && u.distance + h < f ? n.hide() : n.show();
+    }), !M()) {
+      const n = e.rectPoints.find((i) => {
+        const o = i[0].clone().add(i[1]).add(i[2]).add(i[3]).divideScalar(4);
+        return i.map((a) => a.clone().add(o).divideScalar(2)).filter((a) => {
+          const c = a.distanceTo(t), u = new d.Raycaster(t, a.clone().sub(t).normalize()), f = s.model.intersectRaycaster(u)[0], h = 0.01;
+          return !(f && f.distance + h < c);
+        }).length >= 2;
+      });
+      (!n || n.length === 0) && w(!0);
+    }
+  }, S = () => {
+    l(), e.videoTexture = void 0, s.off("modeChange", A), s.off("wantsTapGesture", E), s.off("panoArrived", R), s.off("renderFrame", () => {
+      e.videoMeshes.forEach((t) => {
+        t && (t.needsRender = !0);
+      });
+    });
+  };
+  return s.on("modeChange", A), s.on("wantsTapGesture", E), s.on("panoArrived", R), s.on("renderFrame", () => {
+    e.videoMeshes.forEach((t) => {
+      t && (t.needsRender = !0);
+    });
+  }), { enable: x, disable: l, load: V, dispose: S, state: e, css3DRenderPlugin: m };
+};
+export {
+  C as M
+};

package/esm/ModelTVVideoPlugin/index.d.ts

@@ -0,0 +1,5 @@
+import ModelTVVideoPlugin from './Plugin';
+export { ModelTVVideoPlugin };
+export default ModelTVVideoPlugin;
+export type { ModelTVVideoPluginParameterType, ModelTVVideoPluginData, Point, ModelTVVideoPluginExportType } from './typings';
+export { DIRECTION } from './typings';

package/esm/ModelTVVideoPlugin/index.js

@@ -0,0 +1,19 @@
+import "./Plugin.js";
+import { M as T, M as g } from "./Plugin.js";
+import { D as x } from "./typings.js";
+import "three";
+import "./utils/parseData.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../shared-utils/Subscribe.js";
+import "../CSS3DRenderPlugin/utils/evenNumber.js";
+import "../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../CSS3DRenderPlugin/utils/CSS3DObjectPlus.js";
+import "../CSS3DRenderPlugin/utils/centerPoint.js";
+export {
+  x as DIRECTION,
+  T as ModelTVVideoPlugin,
+  g as default
+};

package/esm/ModelTVVideoPlugin/typings.d.ts

@@ -0,0 +1,25 @@
+export interface ModelTVVideoPluginParameterType {
+    videoElement?: HTMLVideoElement;
+}
+export declare enum DIRECTION {
+    TOP_LEFT = "topLeft",
+    TOP_RIGHT = "topRight",
+    BOTTOM_LEFT = "bottomLeft",
+    BOTTOM_RIGHT = "bottomRight"
+}
+export interface Point {
+    x: number;
+    y: number;
+    z: number;
+}
+export interface ModelTVVideoPluginData {
+    enable?: boolean;
+    video_src: string;
+    video_poster_src: string;
+    points: Point[][] | Record<DIRECTION, Point>[];
+}
+export interface ModelTVVideoPluginExportType {
+    enable: () => void;
+    disable: () => void;
+    load: (data: ModelTVVideoPluginData, videoElement?: HTMLVideoElement) => Promise<void>;
+}

package/esm/ModelTVVideoPlugin/typings.js

@@ -0,0 +1,4 @@
+var o = /* @__PURE__ */ ((t) => (t.TOP_LEFT = "topLeft", t.TOP_RIGHT = "topRight", t.BOTTOM_LEFT = "bottomLeft", t.BOTTOM_RIGHT = "bottomRight", t))(o || {});
+export {
+  o as D
+};

package/esm/ModelTVVideoPlugin/utils/parseData.d.ts

@@ -0,0 +1,2 @@
+import { DIRECTION, Point } from '../typings';
+export declare function parseModelTVVideoPoints(points: Point[][] | Record<DIRECTION, Point>[]): Point[][];

package/esm/ModelTVVideoPlugin/utils/parseData.js

@@ -0,0 +1,20 @@
+import { D as e } from "../typings.js";
+function t(r) {
+  if (r.length === 0)
+    return [];
+  if (Array.isArray(r[0]))
+    return r;
+  let O = [];
+  return r.forEach((T) => {
+    const a = [
+      T[e.TOP_LEFT],
+      T[e.BOTTOM_LEFT],
+      T[e.BOTTOM_RIGHT],
+      T[e.TOP_RIGHT]
+    ];
+    O.push(a);
+  }), O;
+}
+export {
+  t as p
+};

package/esm/ModelViewPlugin/Plugin.d.ts

@@ -0,0 +1,28 @@
+import type { PartialDeep } from 'type-fest';
+import { FivePlugin } from '@realsee/five';
+export interface Config {
+    lookAtCurrentCamera: boolean;
+    lockedPanoIndex: number | null;
+    lockedLatitude: number | null;
+    lockedLongitude: number | null;
+}
+export interface ModelViewPluginExportType {
+    appendTo: (element: HTMLElement, size?: {
+        width?: number;
+        height?: number;
+    }) => void;
+    refresh: (size?: {
+        width?: number;
+        height?: number;
+    }) => void;
+    changeConfigs: (config: Partial<Config>) => void;
+}
+export interface ModelViewPluginParameterType {
+    config: Config;
+}
+/**
+ * Five 模型插件
+ * @template ExportType 导出方法
+ */
+export declare const ModelViewPlugin: FivePlugin<PartialDeep<ModelViewPluginParameterType> | undefined, ModelViewPluginExportType>;
+export default ModelViewPlugin;

package/esm/ModelViewPlugin/Plugin.js

@@ -0,0 +1,106 @@
+var A = Object.defineProperty;
+var y = Object.getOwnPropertySymbols;
+var I = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var x = (o, i, d) => i in o ? A(o, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : o[i] = d, M = (o, i) => {
+  for (var d in i || (i = {}))
+    I.call(i, d) && x(o, d, i[d]);
+  if (y)
+    for (var d of y(i))
+      O.call(i, d) && x(o, d, i[d]);
+  return o;
+};
+import { Camera as W } from "@realsee/five";
+import * as a from "three";
+const S = (o, i) => {
+  let d = !0, r = null;
+  const u = M(M({}, {
+    lookAtCurrentCamera: !1,
+    lockedPanoIndex: null,
+    lockedLatitude: null,
+    lockedLongitude: null
+  }), i == null ? void 0 : i.config), l = new a.Scene(), f = new W(60);
+  let m = new a.Object3D(), h, w;
+  {
+    const e = new a.DirectionalLight(16777215, 0.5);
+    e.position.copy(new a.Vector3(1, 1, 1)), l.add(e);
+  }
+  {
+    const e = new a.DirectionalLight(16777215, 0.3);
+    l.add(e);
+  }
+  {
+    const e = new a.AmbientLight(16777215, 0.3);
+    l.add(e);
+  }
+  l.add(m);
+  const C = () => {
+    if (!!o.renderer)
+      return r || (r = new a.WebGLRenderer({ antialias: !1, alpha: !0 }), r.setPixelRatio(o.renderer.getPixelRatio()), r.outputEncoding = a.sRGBEncoding, r.setClearColor(1579548, 0), r.autoClear = !0), r;
+  }, L = () => {
+    m.traverse((e) => {
+      e instanceof a.Mesh && [].concat(e.material).forEach((n) => n.dispose());
+    }), l.remove(m), m = new a.Object3D(), l.add(m), p();
+  }, k = () => {
+    h = E(o.model, f.fov, f.aspect), w = o.model.bounding.getCenter(new a.Vector3());
+    function e(n) {
+      const t = n.clone();
+      return t.uniforms.modelAlpha.value = 1, t.uniforms.map.value && (t.uniforms.map.value.needsUpdate = !0), t;
+    }
+    function c(n) {
+      if (n instanceof a.Mesh) {
+        const t = n.geometry, s = Array.isArray(n.material) ? n.material.map(e) : e(n.material);
+        return new a.Mesh(t, s);
+      } else if (n instanceof a.Group) {
+        const t = new a.Group();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      } else {
+        const t = new a.Object3D();
+        return n.children.forEach((s) => t.add(c(s))), t;
+      }
+    }
+    l.remove(m), m = c(o.model), l.add(m), p();
+  }, P = (e, c = {}) => {
+    const n = C();
+    if (!n)
+      return;
+    e.appendChild(n.domElement), b(c);
+    const t = window.getComputedStyle(e).position;
+    t !== "relative" && t !== "absolute" && t !== "fixed" && t !== "sticky" && (e.style.position = "relative");
+  }, b = (e = {}) => {
+    if (!r)
+      return;
+    const n = r.domElement.parentNode;
+    if (n != null && n.nodeName) {
+      const { width: t = n.offsetWidth, height: s = n.offsetHeight } = e;
+      r.setSize(t, s), f.aspect = t / s, f.updateProjectionMatrix();
+    }
+    p();
+  };
+  function E(e, c, n) {
+    const t = e.bounding, s = Math.pow(
+      Math.pow(t.max.x - t.min.x + 1, 2) + Math.pow(t.max.y - t.min.y + 1, 2) + Math.pow(t.max.z - t.min.z + 1, 2),
+      1 / 2
+    );
+    let g = s / 2 / Math.tan(Math.PI * c / 360);
+    return n < 1 && (g = g / n), isNaN(g) ? s : g;
+  }
+  function N(e) {
+    return o.work.observers[e].standingPosition.clone();
+  }
+  const p = () => {
+    if (!h || !w)
+      return;
+    const e = o.getPose();
+    e.fov = f.fov, e.offset = w, e.distance = h, typeof u.lockedLatitude == "number" && (e.latitude = u.lockedLatitude), typeof u.lockedLongitude == "number" && (e.longitude = u.lockedLongitude), typeof u.lockedPanoIndex == "number" && (e.offset = N(u.lockedPanoIndex)), u.lookAtCurrentCamera && (e.offset = o.camera.position.clone().setY(o.camera.position.y + 1)), f.setFromPose(e), d = !0;
+  }, D = () => {
+    d !== !0 || !r || !r.domElement.parentNode || r.domElement.parentNode.offsetWidth === 0 || (r.render(l, f), d = !1);
+  }, R = () => {
+    r && r.dispose(), r = null;
+  }, j = (e) => {
+    Object.assign(u, e), p();
+  };
+  return Object.assign(window, { camera: f }), o.on("modelLoaded", k), o.on("modelWillLoad", L), o.on("cameraDirectionUpdate", p), o.on("dispose", R), o.on("renderFrame", D), o.on("cameraPositionUpdate", p), { appendTo: P, refresh: b, changeConfigs: j };
+};
+export {
+  S as M
+};

package/esm/ModelViewPlugin/index.d.ts

@@ -0,0 +1,4 @@
+import ModelViewPlugin from './Plugin';
+export { ModelViewPlugin };
+export default ModelViewPlugin;
+export type { ModelViewPluginExportType } from './Plugin';

package/esm/ModelViewPlugin/index.js

@@ -0,0 +1,8 @@
+import "./Plugin.js";
+import { M as t, M } from "./Plugin.js";
+import "@realsee/five";
+import "three";
+export {
+  t as ModelViewPlugin,
+  M as default
+};

package/esm/Object3DHelperPlugin/Controller.d.ts

@@ -0,0 +1,65 @@
+import type { Five } from '@realsee/five';
+import * as BasePlugin from '../base/BasePlugin';
+import type * as THREE from 'three';
+import { Object3DHelper } from '../shared-utils/Object3DHelper';
+import type { Object3DHelperState } from '../shared-utils/Object3DHelper/typings';
+import type { Object3DHelperPluginEventMap, Object3DHelperPluginState } from './typings';
+export declare const VERSION = "v1.0.0";
+export declare const PLUGIN: string;
+export declare class Object3DHelperController extends BasePlugin.Controller<Object3DHelperPluginState, Object3DHelperPluginEventMap> {
+    version: string;
+    name: string;
+    state: Object3DHelperState;
+    objectHelperMap: Map<THREE.Object3D, Object3DHelper>;
+    constructor(five: Five);
+    /**
+     * @description Show guide line
+     */
+    show(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Hide guide line
+     */
+    hide(options?: {
+        userAction?: boolean;
+    }): Promise<void>;
+    /**
+     * @description Enable
+     */
+    enable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Disable
+     */
+    disable(options?: {
+        userAction?: boolean;
+    }): void;
+    /**
+     * @description Dispose
+     */
+    dispose(): void;
+    setState(state: Partial<Object3DHelperState>, options?: {
+        userAction?: boolean;
+    } & Record<string, any>): void;
+    getObject3DHelper(object3D: THREE.Object3D): Object3DHelper;
+    /**
+     * @description 添加 helper
+     * @param { THREE.Object3D } object3D       要添加helper的物体
+     * @param { boolean } config.moveHelper     位移helper
+     * @param { boolean } config.rotateHelper   旋转helper
+     * @param { boolean } config.scaleHelper    缩放helper
+     */
+    addObject3DHelper(object3D: THREE.Object3D, config?: {
+        moveHelper?: boolean;
+        rotateHelper?: boolean;
+        scaleHelper?: boolean;
+    }): void;
+    removeObject3DHelper(object3D: THREE.Object3D): void;
+    private handleEnable;
+    private handleVisible;
+    private handleDispose;
+    private everyHelperDo;
+    private actionIfStateIsEnabled;
+}

package/esm/Object3DHelperPlugin/Controller.js

@@ -0,0 +1,145 @@
+var E = Object.defineProperty;
+var S = Object.getOwnPropertySymbols;
+var M = Object.prototype.hasOwnProperty, O = Object.prototype.propertyIsEnumerable;
+var b = (i, r, e) => r in i ? E(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e, f = (i, r) => {
+  for (var e in r || (r = {}))
+    M.call(r, e) && b(i, e, r[e]);
+  if (S)
+    for (var e of S(r))
+      O.call(r, e) && b(i, e, r[e]);
+  return i;
+};
+var h = (i, r, e) => (b(i, typeof r != "symbol" ? r + "" : r, e), e);
+var u = (i, r, e) => new Promise((s, t) => {
+  var l = (o) => {
+    try {
+      n(e.next(o));
+    } catch (p) {
+      t(p);
+    }
+  }, c = (o) => {
+    try {
+      n(e.throw(o));
+    } catch (p) {
+      t(p);
+    }
+  }, n = (o) => o.done ? s(o.value) : Promise.resolve(o.value).then(l, c);
+  n((e = e.apply(i, r)).next());
+});
+import { C as D } from "../base/BasePlugin.js";
+import "three";
+import { M as y } from "../shared-utils/Object3DHelper/Helper/MoveHelper.js";
+import { R as I } from "../shared-utils/Object3DHelper/Helper/RotateHelper.js";
+import { R as P } from "../shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js";
+import "../shared-utils/Object3DHelper/Helper/OutlineHelper.js";
+import { M as k } from "../shared-utils/Object3DHelper/Controller/MoveController.js";
+import { C as m } from "./FiveControllerWrapper.js";
+import { O as F } from "../shared-utils/Object3DHelper/index.js";
+import { R } from "../shared-utils/Object3DHelper/Controller/RotateController.js";
+import { C as $ } from "../shared-utils/Object3DHelper/Controller/CSS3DScaleController.js";
+const g = "v1.0.0", v = "Object3DHelperPlugin", H = `${v}@${g}`, j = () => {
+  console.error(`${H} is disposed`);
+}, L = () => {
+  console.warn(`${H} is disabled`);
+}, _ = () => {
+  console.error(`${H} is disabled`);
+};
+class K extends D {
+  constructor(e) {
+    super(e);
+    h(this, "version", g);
+    h(this, "name", v);
+    h(this, "state", {
+      visible: !0,
+      enabled: !0,
+      disposed: !1
+    });
+    h(this, "objectHelperMap", /* @__PURE__ */ new Map());
+    this.five = e, console.warn("Object3DHelper: \u4F7F\u7528\u6B64\u63D2\u4EF6\u9700\u8981\u5728\u521D\u59CB\u5316five\u65F6\uFF0C\u8BBE\u7F6Efive\u53C2\u6570: { backgroundAlpha: 0, backgroundColor: 0x000000 }"), Object.assign(window, { [`__${v.toUpperCase()}_DEBUG__`]: this });
+  }
+  show(e) {
+    return u(this, null, function* () {
+      this.setState({ visible: !0 }, e);
+    });
+  }
+  hide(e) {
+    return u(this, null, function* () {
+      this.setState({ visible: !1 }, e);
+    });
+  }
+  enable(e) {
+    this.setState({ enabled: !0 }, e);
+  }
+  disable(e) {
+    this.setState({ enabled: !1 }, e);
+  }
+  dispose() {
+    this.setState({ disposed: !0 });
+  }
+  setState(e, s) {
+    if (this.state.disposed)
+      return j();
+    if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0)
+      return _();
+    const t = f({}, this.state);
+    this.state = f(f({}, this.state), e), e.disposed !== void 0 && e.disposed !== t.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== t.visible && this.handleVisible(e.visible), e.enabled !== void 0 && e.enabled !== t.enabled && this.handleEnable(e.enabled), this.hooks.emit("stateChange", { state: this.state, prevState: t });
+  }
+  getObject3DHelper(e) {
+    return this.objectHelperMap.get(e);
+  }
+  addObject3DHelper(e, s = {}) {
+    var C;
+    if (!e)
+      return console.error("Object3D is undefined");
+    if (this.objectHelperMap.has(e)) {
+      console.warn(`Object3DHelperPlugin: object3D ${e.name} is already has helper`);
+      return;
+    }
+    const t = new F();
+    this.objectHelperMap.set(e, t);
+    const l = (C = this.five.getElement()) == null ? void 0 : C.parentElement, c = this.five.camera, { moveHelper: n = !0, rotateHelper: o = !0, scaleHelper: p = !0 } = s;
+    if (n) {
+      const a = new y(e), d = new m(this.five, k, e, a);
+      t.addControllers({ moveController: d.helperController });
+    }
+    if (o) {
+      let a;
+      l && c && (a = { container: l });
+      const d = new I(e, a), w = new m(this.five, R, e, d);
+      t.addControllers({ rotateController: w.helperController });
+    }
+    if (p && l) {
+      const a = new P(e, l, c, this.five.scene), d = new m(this.five, $, e, a);
+      t.addControllers({ scaleController: d.helperController });
+    }
+    e.isCSS3DObjectPlus && e.changeMode("behind", this.five.scene);
+  }
+  removeObject3DHelper(e) {
+    const s = this.objectHelperMap.get(e);
+    !s || (e.isCSS3DObjectPlus && e.changeMode("front"), this.objectHelperMap.delete(e), s.dispose());
+  }
+  handleEnable(e, s = !0) {
+    e ? (this.everyHelperDo((t) => t.enable()), this.hooks.emit("enable", { userAction: s })) : (this.everyHelperDo((t) => t.disable()), this.hooks.emit("disable", { userAction: s })), this.state.enabled = e;
+  }
+  handleVisible(e, s = !0) {
+    e ? (this.everyHelperDo((t) => t.show()), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: s }))) : (this.everyHelperDo((t) => t.hide()), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: s }))), this.state.visible = e;
+  }
+  handleDispose() {
+    this.everyHelperDo((e) => e.dispose());
+  }
+  everyHelperDo(e) {
+    this.objectHelperMap.forEach((s) => {
+      s && e(s);
+    });
+  }
+  actionIfStateIsEnabled(e, s) {
+    if (this.state.enabled)
+      return e();
+    s != null && s.warnLog && L();
+  }
+}
+export {
+  K as O,
+  H as P,
+  g as V
+};

package/esm/Object3DHelperPlugin/FiveControllerWrapper.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @description: 将手势操作绑定到controller上
+ */
+import type { Five } from '@realsee/five';
+import type { BaseController } from '../shared-utils/Object3DHelper/Base/BaseController';
+import type * as THREE from 'three';
+import type { BaseHelper } from '../shared-utils/Object3DHelper/Helper';
+declare class ControllerWrapper<Helper extends BaseHelper = BaseHelper, Controller extends BaseController = BaseController<Helper>> {
+    helperController?: Controller;
+    private five;
+    constructor(five: Five, HelperController: new (...params: ConstructorParameters<typeof BaseController<Helper>>) => Controller, object: THREE.Object3D, helperObjects: Helper);
+    private onFiveWantsTapGesture;
+    private onFiveWantsGesture;
+}
+declare const controllerWrapper: <Helper extends BaseHelper<THREE.Object3D> = BaseHelper<THREE.Object3D>, Controller extends BaseController<BaseHelper<THREE.Object3D>, THREE.Object3D> = BaseController<Helper, THREE.Object3D>>(five: Five, HelperController: new (camera: THREE.Camera, model: THREE.Object3D, originObject3D: THREE.Object3D, helperObject3D: Helper, container: HTMLElement, scene: THREE.Scene, onRender?: () => void) => Controller, object: THREE.Object3D, helperObjects: Helper) => ControllerWrapper<Helper, Controller>;
+export { ControllerWrapper };
+export { controllerWrapper };
+export { ControllerWrapper as FiveControllerWrapper };
+export { controllerWrapper as fiveControllerWrapper };

package/esm/Object3DHelperPlugin/FiveControllerWrapper.js

@@ -0,0 +1,31 @@
+var p = Object.defineProperty;
+var c = (t, e, r) => e in t ? p(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var n = (t, e, r) => (c(t, typeof e != "symbol" ? e + "" : e, r), r);
+class C {
+  constructor(e, r, a, i) {
+    n(this, "helperController");
+    n(this, "five");
+    n(this, "onFiveWantsTapGesture", (e) => {
+      if (!this.helperController)
+        return;
+      const r = this.helperController.onWantsTapGesture(e);
+      return this.five.needsRender = !0, r;
+    });
+    n(this, "onFiveWantsGesture", (...e) => {
+      if (!this.helperController)
+        return;
+      const r = this.helperController.onWantsGesture(...e);
+      return this.five.needsRender = !0, r;
+    });
+    const { camera: s, model: o, scene: l } = e, u = e.getElement();
+    if (this.five = e, !s || !o || !u || !l)
+      return;
+    const h = () => {
+      e.needsRender = !0;
+    };
+    this.helperController = new r(s, o, a, i, u, l, h), e.on("wantsTapGesture", this.onFiveWantsTapGesture), e.on("wantsGesture", this.onFiveWantsGesture);
+  }
+}
+export {
+  C
+};

package/esm/Object3DHelperPlugin/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../shared-utils/Object3DHelper/typings';
+export * from './Controller';
+import type { FivePlugin } from '@realsee/five';
+import { Object3DHelperController } from './Controller';
+export declare const Object3DHelperPlugin: FivePlugin<void, InstanceType<typeof Object3DHelperController>>;
+export default Object3DHelperPlugin;