@realsee/dnalogel 2.0.4 → 2.0.5--alpha.1

package/libs/PanoSpatialTagPlugin/Plugin.js

@@ -1,19 +1,22 @@
 import * as a from "three";
 import { Subscribe as we, Five as ye } from "@realsee/five";
-import { CSS3DRenderPlugin as Te } from "../CSS3DRenderPlugin/Plugin.js";
+import { CSS3DRenderPlugin as Te } from "../CSS3DRenderPlugin/index.js";
 import Me from "./Components/origins.js";
 import Pe from "./Components/tag.js";
 import { pluginStyle as xe } from "./style.js";
 import Ee from "../shared-utils/tinyEJSrender.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/math/evenNumber.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/transformPositionToVector3.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+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";
 import "../index.d6d7690a.js";
 import "./store.js";
 import "../index.4ab67e58.js";
-const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Fe = (n, s) => {
+const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoSpatialTagPlugin__blur.png", Ue = (n, s) => {
   var k, z, q, B, G, J, K, Q;
   let j = s == null ? void 0 : s.container, y = 1.4;
   const ee = (k = s == null ? void 0 : s.wait) != null ? k : 200, oe = (z = s == null ? void 0 : s.maxNumberOnScreen) != null ? z : 3, I = (q = s == null ? void 0 : s.minRad) != null ? q : Math.PI / 4, L = (B = s == null ? void 0 : s.nearTolerance) != null ? B : 100, te = (G = s == null ? void 0 : s.upsideHeight) != null ? G : 1.6, A = (J = s == null ? void 0 : s.minDistance) != null ? J : 1.2, u = (K = s == null ? void 0 : s.maxDistance) != null ? K : 3.5, C = Te(n), S = document.createElement("div");
@@ -250,6 +253,6 @@ const D = 1e-3, v = 0.01, je = "https://vrlab-image4.ljcdn.com/release/web/PanoS
   };
 };
 export {
-  Fe as PanoSpatialTagPlugin,
-  Fe as default
+  Ue as PanoSpatialTagPlugin,
+  Ue as default
 };

package/libs/PanoSpatialTagPlugin/index.js

@@ -1,13 +1,16 @@
 import "./Plugin.js";
-import { PanoSpatialTagPlugin as b, PanoSpatialTagPlugin as c } from "./Plugin.js";
+import { PanoSpatialTagPlugin as j, PanoSpatialTagPlugin as k } from "./Plugin.js";
 import "three";
 import "@realsee/five";
-import "../CSS3DRenderPlugin/Plugin.js";
+import "../CSS3DRenderPlugin/index.js";
+import "../CSS3DRenderPlugin/Controller.js";
+import "../CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "../shared-utils/math/evenNumber.js";
-import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/three/transformPositionToVector3.js";
-import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
+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";
 import "./Components/origins.js";
 import "../index.d6d7690a.js";
 import "./store.js";
@@ -16,6 +19,6 @@ import "./Components/tag.js";
 import "./style.js";
 import "../shared-utils/tinyEJSrender.js";
 export {
-  b as PanoSpatialTagPlugin,
-  c as default
+  j as PanoSpatialTagPlugin,
+  k as default
 };

package/libs/index.js

@@ -1,37 +1,37 @@
-import { PaintBrush as tm } from "./components/PaintBrush/index.js";
-import { PaintBrushTypeEnum as pm } from "./components/PaintBrush/typings.js";
-import { ModelViewPlugin as lm } from "./ModelViewPlugin/Plugin.js";
-import { CSS3DRenderPlugin as am } from "./CSS3DRenderPlugin/Plugin.js";
-import { PanoCursorRaycasterPlugin as um } from "./PanoCursorRaycasterPlugin/index.js";
-import { ModelRoomLabelPlugin as xm, modelRoomLabelPluginServerParams as gm } from "./ModelRoomLabelPlugin/index.js";
-import { FLOOR_PLAN_ATTACHED_TO as Tm } from "./floorplan/constant.js";
-import { ModelFloorplanPlugin as Lm } from "./floorplan/ModelFloorplanPlugin/index.js";
-import { MapviewFloorplanPlugin as dm } from "./floorplan/MapviewFloorplanPlugin/index.js";
-import { TopviewFloorplanPlugin as Rm } from "./floorplan/TopviewFloorplanPlugin/index.js";
-import { PanoFloorplanRadarPlugin as Am } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
-import { FLOOR_TYPE_MAP as Om, ROOM_FETILE_TYPE_MAP as Sm, ROOM_TYPE_MAP as Ym } from "./floorplan/typings/floorplanServerData.js";
-import { ModelChassisCompassPlugin as vm } from "./ModelChassisCompassPlugin/Plugin.js";
-import { ModelEntryDoorGuidePlugin as Fm } from "./ModelEntryDoorGuidePlugin/Plugin.js";
-import { CameraMovementPlugin as hm } from "./CameraMovementPlugin/CameraMovementPlugin.js";
-import { CameraMovementEffect as ym, Rotation as Bm } from "./CameraMovementPlugin/typing.js";
-import { PanoRulerPlugin as Vm } from "./PanoRulerPlugin/Plugin.js";
-import { PanoRulerProPlugin as Hm } from "./PanoRulerProPlugin/index.js";
-import { PanoCompassPlugin as jm } from "./PanoCompassPlugin/index.js";
-import { PanoMeasurePlugin as qm } from "./PanoMeasurePlugin/index.js";
-import { PanoSpatialTagPlugin as Jm } from "./PanoSpatialTagPlugin/Plugin.js";
-import { modelItemLabelPluginServerParams as Qm } from "./ModelItemLabelPlugin/index.js";
-import { ModelTVVideoPlugin as Xm } from "./ModelTVVideoPlugin/Plugin.js";
-import { DIRECTION as $m } from "./ModelTVVideoPlugin/typings.js";
-import { itemLabelPluginServerParams as rt } from "./ItemLabelPlugin/index.js";
-import { PanoDoorLabelPlugin as tt } from "./PanoDoorLabelPlugin/index.js";
-import { GuideLinePlugin as pt } from "./GuideLinePlugin/index.js";
-import { CruisePlugin as lt } from "./CruisePlugin/index.js";
-import { default as at } from "./PanoMeasurePlugin/Modules/Magnifier.js";
-import { ModelItemLabelPlugin as ut } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
-import { Plugin as xt } from "./ItemLabelPlugin/Plugin.js";
-import { DISPLAY_STRATEGY_TYPE as st } from "./ModelItemLabelPlugin/typings.js";
-import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Mt } from "./ItemLabelPlugin/typings.js";
-import { default as _t } from "./CruisePlugin/Controller.js";
+import { PaintBrush as lm } from "./components/PaintBrush/index.js";
+import { PaintBrushTypeEnum as am } from "./components/PaintBrush/typings.js";
+import { ModelViewPlugin as um } from "./ModelViewPlugin/Plugin.js";
+import { CSS3DRenderPlugin as xm } from "./CSS3DRenderPlugin/index.js";
+import { PanoCursorRaycasterPlugin as sm } from "./PanoCursorRaycasterPlugin/index.js";
+import { ModelRoomLabelPlugin as Mm, modelRoomLabelPluginServerParams as Lm } from "./ModelRoomLabelPlugin/index.js";
+import { FLOOR_PLAN_ATTACHED_TO as dm } from "./floorplan/constant.js";
+import { ModelFloorplanPlugin as Rm } from "./floorplan/ModelFloorplanPlugin/index.js";
+import { MapviewFloorplanPlugin as Am } from "./floorplan/MapviewFloorplanPlugin/index.js";
+import { TopviewFloorplanPlugin as Om } from "./floorplan/TopviewFloorplanPlugin/index.js";
+import { PanoFloorplanRadarPlugin as Ym } from "./floorplan/PanoFloorplanRadarPlugin/index.js";
+import { FLOOR_TYPE_MAP as vm, ROOM_FETILE_TYPE_MAP as Dm, ROOM_TYPE_MAP as Fm } from "./floorplan/typings/floorplanServerData.js";
+import { ModelChassisCompassPlugin as hm } from "./ModelChassisCompassPlugin/Plugin.js";
+import { ModelEntryDoorGuidePlugin as ym } from "./ModelEntryDoorGuidePlugin/Plugin.js";
+import { CameraMovementPlugin as Nm } from "./CameraMovementPlugin/CameraMovementPlugin.js";
+import { CameraMovementEffect as cm, Rotation as Hm } from "./CameraMovementPlugin/typing.js";
+import { PanoRulerPlugin as jm } from "./PanoRulerPlugin/Plugin.js";
+import { PanoRulerProPlugin as qm } from "./PanoRulerProPlugin/index.js";
+import { PanoCompassPlugin as Jm } from "./PanoCompassPlugin/index.js";
+import { PanoMeasurePlugin as Qm } from "./PanoMeasurePlugin/index.js";
+import { PanoSpatialTagPlugin as Xm } from "./PanoSpatialTagPlugin/Plugin.js";
+import { modelItemLabelPluginServerParams as $m } from "./ModelItemLabelPlugin/index.js";
+import { ModelTVVideoPlugin as rt } from "./ModelTVVideoPlugin/Plugin.js";
+import { DIRECTION as tt } from "./ModelTVVideoPlugin/typings.js";
+import { itemLabelPluginServerParams as pt } from "./ItemLabelPlugin/index.js";
+import { PanoDoorLabelPlugin as lt } from "./PanoDoorLabelPlugin/index.js";
+import { GuideLinePlugin as at } from "./GuideLinePlugin/index.js";
+import { CruisePlugin as ut } from "./CruisePlugin/index.js";
+import { default as xt } from "./PanoMeasurePlugin/Modules/Magnifier.js";
+import { ModelItemLabelPlugin as st } from "./ModelItemLabelPlugin/ModelItemLabelPlugin.js";
+import { Plugin as Mt } from "./ItemLabelPlugin/Plugin.js";
+import { DISPLAY_STRATEGY_TYPE as _t } from "./ModelItemLabelPlugin/typings.js";
+import { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE as Et } from "./ItemLabelPlugin/typings.js";
+import { default as Ct } from "./CruisePlugin/Controller.js";
 import "./components/PaintBrush/Controller.js";
 import "./components/PaintBrush/utils.js";
 import "./components/PaintBrush/tween.js";
@@ -41,11 +41,14 @@ import "./shared-utils/uuid.js";
 import "./components/PaintBrush/style.js";
 import "@realsee/five";
 import "three";
+import "./CSS3DRenderPlugin/Controller.js";
+import "./CSS3DRenderPlugin/CSS3DRender.js";
 import "three/examples/jsm/renderers/CSS3DRenderer";
-import "./shared-utils/math/evenNumber.js";
-import "./shared-utils/three/centerPoint.js";
-import "./shared-utils/three/transformPositionToVector3.js";
-import "./CSS3DRenderPlugin/utils/createResizeObserver.js";
+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";
 import "./shared-utils/createLine/index.js";
 import "@realsee/five/line";
 import "./ModelRoomLabelPlugin/Controller.js";
@@ -104,6 +107,7 @@ import "three/examples/jsm/loaders/FBXLoader";
 import "./shared-utils/object3d2LocalMatrix.js";
 import "./shared-utils/three/transfromToMeshBasicMaterial.js";
 import "./shared-utils/createCanvasTextTexture.js";
+import "./shared-utils/three/transformPositionToVector3.js";
 import "./shared-utils/animationFrame/tween.js";
 import "./shared-utils/animationFrame/index.js";
 import "./shared-utils/animationFrame/formatRad.js";
@@ -195,42 +199,42 @@ import "./ItemLabelPlugin/utils/getLabelTransform.js";
 import "./ItemLabelPlugin/utils/transform2RenderData.js";
 import "./ItemLabelPlugin/utils/parseData.js";
 export {
-  am as CSS3DRenderPlugin,
-  ym as CameraMovementEffect,
-  hm as CameraMovementPlugin,
-  lt as CruisePlugin,
-  _t as CruisePluginController,
-  $m as DIRECTION,
-  st as DISPLAY_STRATEGY_TYPE,
-  Tm as FLOOR_PLAN_ATTACHED_TO,
-  Om as FLOOR_TYPE_MAP,
-  pt as GuideLinePlugin,
-  Mt as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
-  xt as ItemLabelPlugin,
-  at as Magnifier,
-  dm as MapviewFloorplanPlugin,
-  vm as ModelChassisCompassPlugin,
-  Fm as ModelEntryDoorGuidePlugin,
-  Lm as ModelFloorplanPlugin,
-  ut as ModelItemLabelPlugin,
-  xm as ModelRoomLabelPlugin,
-  Xm as ModelTVVideoPlugin,
-  lm as ModelViewPlugin,
-  tm as PaintBrush,
-  pm as PaintBrushTypeEnum,
-  jm as PanoCompassPlugin,
-  um as PanoCursorRaycasterPlugin,
-  tt as PanoDoorLabelPlugin,
-  Am as PanoFloorplanRadarPlugin,
-  qm as PanoMeasurePlugin,
-  Vm as PanoRulerPlugin,
-  Hm as PanoRulerProPlugin,
-  Jm as PanoSpatialTagPlugin,
-  Sm as ROOM_FETILE_TYPE_MAP,
-  Ym as ROOM_TYPE_MAP,
-  Bm as Rotation,
-  Rm as TopviewFloorplanPlugin,
-  rt as itemLabelPluginServerParams,
-  Qm as modelItemLabelPluginServerParams,
-  gm as modelRoomLabelPluginServerParams
+  xm as CSS3DRenderPlugin,
+  cm as CameraMovementEffect,
+  Nm as CameraMovementPlugin,
+  ut as CruisePlugin,
+  Ct as CruisePluginController,
+  tt as DIRECTION,
+  _t as DISPLAY_STRATEGY_TYPE,
+  dm as FLOOR_PLAN_ATTACHED_TO,
+  vm as FLOOR_TYPE_MAP,
+  at as GuideLinePlugin,
+  Et as ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE,
+  Mt as ItemLabelPlugin,
+  xt as Magnifier,
+  Am as MapviewFloorplanPlugin,
+  hm as ModelChassisCompassPlugin,
+  ym as ModelEntryDoorGuidePlugin,
+  Rm as ModelFloorplanPlugin,
+  st as ModelItemLabelPlugin,
+  Mm as ModelRoomLabelPlugin,
+  rt as ModelTVVideoPlugin,
+  um as ModelViewPlugin,
+  lm as PaintBrush,
+  am as PaintBrushTypeEnum,
+  Jm as PanoCompassPlugin,
+  sm as PanoCursorRaycasterPlugin,
+  lt as PanoDoorLabelPlugin,
+  Ym as PanoFloorplanRadarPlugin,
+  Qm as PanoMeasurePlugin,
+  jm as PanoRulerPlugin,
+  qm as PanoRulerProPlugin,
+  Xm as PanoSpatialTagPlugin,
+  Dm as ROOM_FETILE_TYPE_MAP,
+  Fm as ROOM_TYPE_MAP,
+  Hm as Rotation,
+  Om as TopviewFloorplanPlugin,
+  pt as itemLabelPluginServerParams,
+  $m as modelItemLabelPluginServerParams,
+  Lm as modelRoomLabelPluginServerParams
 };

package/libs/shared-utils/Subscribe.d.ts

@@ -1,45 +1,61 @@
-declare const __EVENT__ = "__events__";
+interface EventMap {
+    [name: string]: (...args: any[]) => void | boolean;
+}
 /**
- * 订阅类。
- * 观察者模式（供前端使用），Node端推荐<a href="https://nodejs.org/api/events.html#events_class_eventemitter">EventEmitter</a>。
+ * 监听者模式
+ * @template T - 预设的监听回调类型
+ * @example
+ * ```
+ * new Subscribe<{
+ * "foo": [arg1: number, arg2: string],
+ * "bar": [arg: boolean],
+ * }>()
+ * ```
  */
-export default class Subscribe {
-    private [__EVENT__];
-    constructor();
+declare class Subscribe<T extends EventMap> {
     /**
-     * 判断是否注册时事件
-     * @param  {string|[string]}  name     事件类型
+     * 判断是否注册了事件
+     * @param name - 事件类型
      */
-    hasListener(name: string): any;
+    hasListener(name: keyof T): boolean;
     /**
      * 注册事件
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
-     * @param  {any}              context  事件回调函数调用的上下文
-     * @param  {boolean}          once     是否只执行一次
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @param once - 是否只执行一次
+     * @returns 解除事件
+     * @template K - 预设的监听事件名称
+     * @template C - 回调函数函数上下文
      */
-    on(names: string | string[], callback: (...args: any[]) => void, context?: any, once?: boolean): () => this;
+    on<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>, once?: boolean): () => void;
     /**
      * 注册事件(是否只执行一次)
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
-     * @param  {any}              context  事件回调函数调用的上下文
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @returns 解除事件
+     * @template K - 预设的监听事件名称
+     * @template C - 回调函数函数上下文
      */
-    once(names: string | string[], callback: (...args: any[]) => void, context?: any): () => this;
+    once<K extends keyof T>(name: K, callback: (...args: Parameters<T[K]>) => ReturnType<T[K]>): () => void;
     /**
      * 解除事件
-     * @param  {string|[string]}  names    事件类型
-     * @param  {function}         callback 事件回调函数
      *
      * 如果 name 不传的话解除对应所有事件
      * 如果 name, callback 不传的话解除所有name的所有事件
+     * @param name - 事件类型
+     * @param callback - 事件回调函数
+     * @template K - 预设的监听事件名称
      */
-    off(names?: string | string[], callback?: (...args: any[]) => void): this;
+    off<K extends keyof T>(name?: K, callback?: (...args: Parameters<T[K]>) => ReturnType<T[K]>): void;
     /**
      * 触发事件
-     * @param  {string|[string]}    name      事件类型
-     * @param  {...any}             data      触发事件的数据
+     * @param name - 事件类型
+     * @param data - 触发事件的数据
+     * @returns canceled 是否被触发取消
+     * @template K - 预设的监听事件名称
      */
-    emit(name: string, ...data: any[]): boolean;
+    emit<K extends keyof T>(name: K, ...data: Parameters<T[K]>): boolean;
 }
-export {};
+export default Subscribe;
+export { Subscribe };
+export type { EventMap as SubscribeEventMap };

package/libs/shared-utils/Subscribe.js

@@ -1,59 +1,51 @@
-var l = Object.defineProperty;
-var _ = (i, t, e) => t in i ? l(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var f = (i, t, e) => (_(i, typeof t != "symbol" ? t + "" : t, e), e);
-const o = "__events__";
-var v;
-class d {
-  constructor() {
-    f(this, v);
-    this[o] = {};
-  }
+function d(f) {
+  return typeof Symbol > "u" ? `$Symbol<${f}>$` : Symbol(f);
+}
+const i = d("$$EVENT$$");
+function r(f) {
+  return f[i] || (f[i] = {}), f[i];
+}
+function v(f) {
+  f[i] || delete f[i];
+}
+class E {
   hasListener(t) {
-    const e = this[o];
-    return e && e[t] && e[t].length;
+    const e = r(this);
+    return Boolean((e == null ? void 0 : e[t]) && e[t].length > 0);
   }
-  on(t, e, r, s = !1) {
-    for (const n of [].concat(t))
-      this[o][n] || (this[o][n] = []), this[o][n].push([e, r, s]);
-    return () => this.off(t, e);
+  on(t, e, o) {
+    const s = r(this);
+    return s[t] || (s[t] = []), s[t].push([e, o || !1]), () => this.off(t, e);
   }
-  once(t, e, r) {
-    return this.on(t, e, r, !0);
+  once(t, e) {
+    return this.on(t, e, !0);
   }
   off(t, e) {
-    if (arguments.length === 0) {
-      this[o] = {};
+    if (t === void 0) {
+      v(this);
       return;
     }
-    if (((s) => s)(t)) {
-      const s = this[o];
-      for (const n of [].concat(t))
-        if (s[n] !== void 0) {
-          if (e === void 0) {
-            s[n].length = 0;
-            continue;
-          }
-          s[n] = s[n].filter((c) => c[0] !== e);
-        }
+    const o = r(this);
+    if (o[t] || (o[t] = []), e === void 0) {
+      o[t].length = 0;
+      return;
     }
-    return this;
+    let s = 0;
+    for (; s < o[t].length && o[t][s][0] !== e; s++)
+      ;
+    s < o[t].length && o[t].splice(s, 1);
   }
   emit(t, ...e) {
-    let r = !1;
-    const s = this[o][t] || [];
-    s.length === 0 && console.warn(` \u{1F480} "${t}" \u27F6 Unregistered event. `);
-    for (const n of s)
-      try {
-        const [c, h = this, u = !1] = n, a = c.apply(h, e);
-        if (u && this.off(t, c), a === !1)
-          return r = !0, r;
-      } catch (c) {
-        console.warn(c);
-      }
-    return r;
+    let o = !1;
+    const l = r(this)[t] || [];
+    for (let u of l.slice()) {
+      const [n, c = !1] = u, h = n(...e);
+      c && this.off(t, n), h === !1 && (o = !0);
+    }
+    return o;
   }
 }
-v = o;
 export {
-  d as default
+  E as Subscribe,
+  E as default
 };

package/package.json

@@ -9,7 +9,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.0.4",
+  "version": "2.0.5--alpha.1",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "sh bin/build-production.sh",

package/docs/interfaces/CSS3DRenderPluginExportType.html

@@ -1,4 +0,0 @@
-<!DOCTYPE html><html class="default"><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>CSS3DRenderPluginExportType | 如视看房插件合集 - v2.0.3</title><meta name="description" content="Documentation for 如视看房插件合集 - v2.0.3"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><script>document.body.classList.add(localStorage.getItem("tsd-theme") || "os")</script><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">如视看房插件合集 - v2.0.3</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">如视看房插件合集 - v2.0.3</a></li><li><a href="CSS3DRenderPluginExportType.html">CSS3DRenderPluginExportType</a></li></ul><h1>Interface CSS3DRenderPluginExportType </h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">CSS3DRenderPluginExportType</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Methods</h3><ul class="tsd-index-list"><li class="tsd-kind-method tsd-parent-kind-interface"><a href="CSS3DRenderPluginExportType.html#create3DDomContainer" class="tsd-kind-icon">create3DDom<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="CSS3DRenderPluginExportType.html#disposeAll" class="tsd-kind-icon">dispose<wbr/>All</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Methods</h2><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="create3DDomContainer" class="tsd-anchor"></a><h3 class="tsd-anchor-link">create3DDom<wbr/>Container<a href="#create3DDomContainer" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">create3DDom<wbr/>Container<span class="tsd-signature-symbol">(</span>points<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Vector3Position</span><span class="tsd-signature-symbol">[]</span>, config<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-symbol">{ </span>autoRender<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>container<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>dpr<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>ratio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>mode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">&quot;front&quot;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>autoRender<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>container<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>dpr<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>ratio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>behindFiveContainer<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>mode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;behind&quot;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>css3DObject<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSS3DObject</span><span class="tsd-signature-symbol">; </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>render<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/9031a31/plugins/src/CSS3DRenderPlugin/Plugin.ts#L25">CSS3DRenderPlugin/Plugin.ts:25</a></li></ul></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>description:</dt><dd><p>根据传入的四个点位创建一个3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中</p>
-</dd></dl></div><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameters"><li><h5>points: <span class="tsd-signature-type">Vector3</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Vector3Position</span><span class="tsd-signature-symbol">[]</span></h5></li><li><h5><span class="tsd-flag ts-flagOptional">Optional</span> config: <span class="tsd-signature-symbol">{ </span>autoRender<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>container<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>dpr<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>ratio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>mode<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">&quot;front&quot;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>autoRender<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>container<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>dpr<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>ratio<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-symbol">{ </span>behindFiveContainer<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>mode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">&quot;behind&quot;</span><span class="tsd-signature-symbol"> }</span></h5></li></ul><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>container<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span><span class="tsd-signature-symbol">; </span>css3DObject<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSS3DObject</span><span class="tsd-signature-symbol">; </span>dispose<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">; </span>render<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> }</span></h4><div><p>: container: dom容器, dispose: 清理函数</p>
-</div></li></ul></section><section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-interface"><a id="disposeAll" class="tsd-anchor"></a><h3 class="tsd-anchor-link">dispose<wbr/>All<a href="#disposeAll" aria-label="Permalink" class="tsd-anchor-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-link" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 14a3.5 3.5 0 0 0 5 0l4 -4a3.5 3.5 0 0 0 -5 -5l-.5 .5"></path><path d="M14 10a3.5 3.5 0 0 0 -5 0l-4 4a3.5 3.5 0 0 0 5 5l.5 -.5"></path></svg></a></h3><ul class="tsd-signatures tsd-kind-method tsd-parent-kind-interface"><li class="tsd-signature tsd-kind-icon">dispose<wbr/>All<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li></ul><ul class="tsd-descriptions"><li class="tsd-description"><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/realsee-developer/dnalogel/blob/9031a31/plugins/src/CSS3DRenderPlugin/Plugin.ts#L37">CSS3DRenderPlugin/Plugin.ts:37</a></li></ul></aside><div class="tsd-comment tsd-typography"><dl class="tsd-comment-tags"><dt>description:</dt><dd><p>销毁所有的渲染内容</p>
-</dd></dl></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4><div></div></li></ul></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="CSS3DRenderPluginExportType.html" class="tsd-kind-icon">CSS3DRender<wbr/>Plugin<wbr/>Export<wbr/>Type</a><ul><li class="tsd-kind-method tsd-parent-kind-interface"><a href="CSS3DRenderPluginExportType.html#create3DDomContainer" class="tsd-kind-icon">create3DDom<wbr/>Container</a></li><li class="tsd-kind-method tsd-parent-kind-interface"><a href="CSS3DRenderPluginExportType.html#disposeAll" class="tsd-kind-icon">dispose<wbr/>All</a></li></ul></li></ul></nav></div></div></div><footer class=""><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li><li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li><li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li><li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li></ul><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="overlay"></div><script src="../assets/main.js"></script></body></html>

package/libs/CSS3DRenderPlugin/Plugin.d.ts

@@ -1,49 +0,0 @@
-import type { FivePlugin } from '@realsee/five';
-import type { Vector3Position } from '../typings/math.type';
-import { Vector3 } from 'three';
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-export declare type CSS3DRenderPluginParameterType = undefined;
-export interface CSS3DRenderPluginExportType {
-    /**
-     * @description: 根据传入的四个点位创建一个3d dom容器，可以通过ReactDom.render()的方式将react组件放到容器中
-     * @param {Five} five
-     * @param {Vector3[] | Vector3Position[]} points: 矩形四个点坐标
-     * @param {number} config.ratio: 1px对应多少米，默认为 0.002，即1px对应2mm
-     * @param {number} config.dpr: dpr, 默认为1
-     * @param {HTMLElement} config.container: HTMLElement
-     * @param {number} config.autoRender: 默认为true，如果需要手动render则传false
-     * @param {'front' | 'behind'} config.mode: 两种模式
-     * @param {HTMLElement} config.behindFiveContainer: 如果config.mode为'behind'，需要传入容器，并确保此容器位five下方，且中间没有其他dom元素遮挡
-     * @return {{ container: HTMLElement; dispose: () => void }}: container: dom容器, dispose: 清理函数
-     */
-    create3DDomContainer: (points: Vector3[] | Vector3Position[], config?: {
-        ratio?: number;
-        dpr?: number;
-        autoRender?: boolean;
-        container?: HTMLElement;
-        [key: string]: any;
-    } & ({
-        mode?: 'front';
-    } | {
-        mode: 'behind';
-        behindFiveContainer: HTMLElement;
-    })) => {
-        container: HTMLElement;
-        dispose: () => void;
-        css3DObject: CSS3DObject;
-        render?: () => void;
-    } | void;
-    /**
-     * @description: 销毁所有的渲染内容
-     * @return {void}
-     */
-    disposeAll: () => void;
-}
-/**
- * **CSS3DRenderPlugin** 提供矩形区域（三维空间四个坐标点），你可以在此矩形区域中渲染 DOM 内容。
- * 实现原理参考[CSS3DRenderer](https://threejs.org/docs/index.html?q=CSS3D#examples/en/renderers/CSS3DRenderer)。
- *
- * @returns
- */
-export declare const CSS3DRenderPlugin: FivePlugin<CSS3DRenderPluginParameterType, CSS3DRenderPluginExportType>;
-export default CSS3DRenderPlugin;

package/libs/CSS3DRenderPlugin/Plugin.js

@@ -1,80 +0,0 @@
-import * as R from "three";
-import { Vector3 as p, Scene as q } from "three";
-import { CSS3DRenderer as H, CSS3DObject as V } from "three/examples/jsm/renderers/CSS3DRenderer";
-import F from "../shared-utils/math/evenNumber.js";
-import X from "../shared-utils/three/centerPoint.js";
-import Y from "../shared-utils/three/transformPositionToVector3.js";
-import Z from "./utils/createResizeObserver.js";
-const O = (c) => {
-  const n = { disposeCallbacks: [] }, j = (...t) => {
-    var I, T, W;
-    const f = t[0].map((a) => a instanceof p ? a : Y(a)), e = t[1];
-    if ((f == null ? void 0 : f.length) < 4)
-      return console.error("points must be equal or greater than than 4");
-    if (!((I = c == null ? void 0 : c.model) != null && I.loaded))
-      return console.error("five.model.loaded is: ", (T = c == null ? void 0 : c.model) == null ? void 0 : T.loaded);
-    const i = c.getElement();
-    if (!i)
-      return console.error("five.getElement() is " + i);
-    const h = [], x = (e == null ? void 0 : e.ratio) || 216e-5;
-    x <= 215e-5 && console.warn("if you need click css3DElement on safari, ratio must be greater than 0.00215");
-    const P = (e == null ? void 0 : e.dpr) || 1, l = (e == null ? void 0 : e.mode) || "front", C = (W = e == null ? void 0 : e.autoRender) != null ? W : !0, A = (e == null ? void 0 : e.behindFiveContainer) || i.parentElement || document.body, s = (e == null ? void 0 : e.container) || document.createElement("div");
-    s.classList.add("__Dnalogel-plugin--CSS3DRenderPlugin");
-    const { css3DObject: u, mesh: o } = z(f, { ratio: x, dpr: P, container: s, mode: l });
-    let r;
-    const D = l === "front" && !n.frontMode, M = l === "behind" && !n.behindMode, k = !(D || M);
-    M && (n.behindMode = { scene: new q(), css3DRenderer: new H() }), D && (n.frontMode = { scene: new q(), css3DRenderer: new H() });
-    const w = l === "behind" ? n.behindMode : n.frontMode, { scene: b, css3DRenderer: d } = w, m = (() => {
-      if (k)
-        return () => {
-          b.add(u);
-        };
-      {
-        const a = () => {
-          const E = F(i.clientWidth, { smaller: !0 }), U = F(i.clientHeight, { smaller: !0 });
-          d.setSize(E, U);
-        };
-        a(), r = Z(a, i), d.domElement.style.position = "absolute", d.domElement.style.top = "0", d.domElement.style.userSelect = "none", d.domElement.style.pointerEvents = "none";
-        const y = () => {
-          const E = requestAnimationFrame(y);
-          w.requestAnimationFrameId = E, d.render(b, c.camera);
-        };
-        return () => {
-          var E;
-          b.add(u), (E = r == null ? void 0 : r.observe) == null || E.call(r), y(), l === "behind" && o && (c.scene.add(o), h.push(() => o && c.scene.remove(o)));
-        };
-      }
-    })();
-    D && (i.parentElement || document.body).appendChild(d.domElement), M && A.appendChild(d.domElement);
-    const S = () => {
-      var a;
-      return h.forEach((y) => y == null ? void 0 : y()), b.remove(u), b.children.length === 0 && (typeof w.requestAnimationFrameId == "number" && cancelAnimationFrame(w.requestAnimationFrameId), d.domElement.remove(), l === "front" && (n.frontMode = void 0), l === "behind" && (n.behindMode = void 0), !n.behindMode && !n.frontMode && ((a = r == null ? void 0 : r.unobserve) == null || a.call(r))), !0;
-    }, g = n.disposeCallbacks.findIndex((a) => a === S);
-    return g !== -1 ? n.disposeCallbacks.splice(g, 1) : n.disposeCallbacks.push(S), C && m(), { container: s, dispose: S, css3DObject: u, render: C ? void 0 : m };
-  }, z = (t, f) => {
-    const { ratio: e, dpr: i, container: h, mode: x } = f, P = t[0].distanceTo(t[1]), l = t[1].distanceTo(t[2]), C = F(P / e * i), A = F(l / e * i), s = new V(h);
-    s.scale.set(e, e, e), h.style.width = C + "px", h.style.height = A + "px", h.style.pointerEvents = "none";
-    const u = X(t[0], t[2]), o = t[1].clone().sub(t[0]), r = t[2].clone().sub(t[1]), D = new p(0, 1, 0).angleTo(new p(0, r.y, r.z)), M = new p(1, 0, 0).angleTo(new p(o.x, 0, o.z)), k = o.angleTo(new p(o.x, 0, o.z)), w = (r.z > 0 ? -1 : 1) * D, b = (o.z < 0 ? 1 : -1) * M, d = (o.x > 0 && o.y < 0 || o.x < 0 && o.y > 0 ? -1 : 1) * k;
-    s.rotateOnWorldAxis(new p(1, 0, 0), w), s.rotateOnWorldAxis(new p(0, 1, 0), b), s.rotateOnWorldAxis(new p(0, 0, 1), d), s.position.set(u.x, u.y, u.z);
-    let m;
-    if (x === "behind") {
-      const S = new R.MeshBasicMaterial({
-        opacity: 0,
-        transparent: !1,
-        side: R.DoubleSide
-      }), g = new R.PlaneGeometry(C, A);
-      m = new R.Mesh(g, S), m.name = "CSS3DRenderPlugin-mesh", m.position.copy(s.position), m.rotation.copy(s.rotation), m.scale.copy(s.scale);
-    }
-    return { css3DObject: s, mesh: m };
-  };
-  return {
-    create3DDomContainer: j,
-    disposeAll: () => {
-      n.disposeCallbacks.forEach((t) => t == null ? void 0 : t()), n.disposeCallbacks = [];
-    }
-  };
-};
-export {
-  O as CSS3DRenderPlugin,
-  O as default
-};