@realsee/dnalogel 2.1.0-alpha.1 → 2.1.0-alpha.10

package/libs/shared-utils/Object3DHelper/index.js

@@ -1,7 +1,8 @@
 import { Subscribe } from '../Subscribe';
-const VERSION = 'v1.0.0';
+const VERSION = 'v1.0.1';
 const NAME = 'Object3DHelper';
 const NAMEVERSION = `${NAME}@${VERSION}`;
+const OBJECT_OPACITY = 0.4;
 const disposedErrorLog = () => {
     console.error(`${NAMEVERSION} is disposed`);
 };
@@ -17,7 +18,7 @@ export class Object3DHelper {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: {}
         });
         Object.defineProperty(this, "state", {
             enumerable: true,
@@ -52,25 +53,24 @@ export class Object3DHelper {
             configurable: true,
             writable: true,
             value: (controller, ...positionParams) => {
-                var _a, _b, _c, _d, _e, _f, _g, _h;
+                var _a, _b, _c, _d;
                 const [position] = positionParams;
                 const matrix4 = position === null || position === void 0 ? void 0 : position.matrix4;
                 if (matrix4) {
                     if (controller !== this.controllers.moveController)
-                        (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.setHelperMatrix4(matrix4);
+                        (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.applyHelperMatrix4(matrix4);
                     if (controller !== this.controllers.rotateController)
-                        (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.setHelperMatrix4(matrix4);
-                    (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.setHelperMatrix4(matrix4);
+                        (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.applyHelperMatrix4(matrix4);
+                    if (controller !== this.controllers.scaleController)
+                        (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.applyHelperMatrix4(matrix4);
                     (_d = this.helpers.outlineHelper) === null || _d === void 0 ? void 0 : _d.applyMatrix4(matrix4);
                 }
-                if (position === null || position === void 0 ? void 0 : position.position) {
-                    if (controller !== this.controllers.moveController)
-                        (_e = this.controllers.moveController) === null || _e === void 0 ? void 0 : _e.setHelperPosition(position.position);
-                    if (controller !== this.controllers.rotateController)
-                        (_f = this.controllers.rotateController) === null || _f === void 0 ? void 0 : _f.setHelperPosition(position.position);
-                    (_g = this.controllers.scaleController) === null || _g === void 0 ? void 0 : _g.setHelperPosition(position.position);
-                    (_h = this.helpers.outlineHelper) === null || _h === void 0 ? void 0 : _h.position.copy(position.position);
-                }
+                // if (position?.position) {
+                //   if (controller !== this.controllers.moveController) this.controllers.moveController?.setHelperPosition(position.position)
+                //   if (controller !== this.controllers.rotateController) this.controllers.rotateController?.setHelperPosition(position.position)
+                //   this.controllers.scaleController?.setHelperPosition(position.position)
+                //   this.helpers.outlineHelper?.position.copy(position.position)
+                // }
             }
         });
         Object.defineProperty(this, "handleScaleUpdate", {
@@ -82,7 +82,7 @@ export class Object3DHelper {
                 const [params] = positionParams;
                 const matrix4 = params === null || params === void 0 ? void 0 : params.matrix4;
                 if (matrix4) {
-                    (_a = this.controllers.scaleController) === null || _a === void 0 ? void 0 : _a.setHelperScaleMatrix4(matrix4, params);
+                    (_a = this.controllers.scaleController) === null || _a === void 0 ? void 0 : _a.applyHelperScaleMatrix4(matrix4, params);
                     (_b = this.helpers.outlineHelper) === null || _b === void 0 ? void 0 : _b.scale.applyMatrix4(matrix4);
                 }
             }
@@ -98,18 +98,20 @@ export class Object3DHelper {
                     const { quaternion, origin } = rotate;
                     if (quaternion) {
                         if (controller !== this.controllers.moveController)
-                            (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.setHelperQuaternion(quaternion, origin);
+                            (_a = this.controllers.moveController) === null || _a === void 0 ? void 0 : _a.applyHelperQuaternion(quaternion, origin);
                         if (controller !== this.controllers.rotateController)
-                            (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.setHelperQuaternion(quaternion, origin);
+                            (_b = this.controllers.rotateController) === null || _b === void 0 ? void 0 : _b.applyHelperQuaternion(quaternion, origin);
                         if (controller !== this.controllers.scaleController)
-                            (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.setHelperQuaternion(quaternion, origin);
+                            (_c = this.controllers.scaleController) === null || _c === void 0 ? void 0 : _c.applyHelperQuaternion(quaternion, origin);
                         (_d = this.helpers.outlineHelper) === null || _d === void 0 ? void 0 : _d.applyQuaternion(quaternion);
                     }
                 }
             }
         });
-        this.controllers = controllers !== null && controllers !== void 0 ? controllers : {};
+        if (controllers)
+            this.addControllers(controllers);
         this.helpers = helpers !== null && helpers !== void 0 ? helpers : {};
+        this.setState(this.state);
     }
     /**
      * @description Show guide line
@@ -155,10 +157,10 @@ export class Object3DHelper {
             if (state.disposed)
                 this.handleDispose();
         }
-        if (state.visible !== undefined && state.visible !== prevState.visible) {
+        if (state.visible !== undefined) {
             this.handleVisible(state.visible);
         }
-        if (state.enabled !== undefined && state.enabled !== prevState.enabled) {
+        if (state.enabled !== undefined) {
             this.handleEnable(state.enabled);
         }
         this.hooks.emit('stateChange', { state: this.state, prevState });
@@ -166,6 +168,7 @@ export class Object3DHelper {
     addControllers(controllers) {
         this.controllers = Object.assign(Object.assign({}, this.controllers), controllers);
         this.addEventListener();
+        this.setState(this.state);
     }
     addHelpers(helpers) {
         this.helpers = Object.assign(Object.assign({}, this.helpers), helpers);
@@ -235,25 +238,35 @@ export class Object3DHelper {
         }
     }
     handleEnable(enabled, userAction = true) {
-        console.log({ enabled });
         if (enabled) {
-            this.everyControllerDo((controller) => controller.enable());
+            this.everyControllerDo((controller) => {
+                controller.enable();
+                controller.setOpacity(OBJECT_OPACITY);
+            });
             this.hooks.emit('enable', { userAction });
         }
         else {
-            this.everyControllerDo((controller) => controller.disable());
+            this.everyControllerDo((controller) => {
+                controller.disable();
+                controller.restoreOpacity();
+            });
             this.hooks.emit('disable', { userAction });
         }
         this.state.enabled = enabled;
     }
     handleVisible(visible, userAction = true) {
-        console.log({ visible });
         if (visible) {
-            this.everyControllerDo((controller) => controller.show());
+            this.everyControllerDo((controller) => {
+                controller.show();
+                controller.setOpacity(OBJECT_OPACITY);
+            });
             this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));
         }
         else {
-            this.everyControllerDo((controller) => controller.hide());
+            this.everyControllerDo((controller) => {
+                controller.hide();
+                controller.restoreOpacity();
+            });
             this.actionIfStateIsEnabled(() => this.hooks.emit('hide', { userAction }));
         }
         this.state.visible = visible;
@@ -265,9 +278,17 @@ export class Object3DHelper {
         });
     }
     handleDispose() {
+        var _a, _b;
         Object.values(this.controllers).forEach((controller) => {
             controller === null || controller === void 0 ? void 0 : controller.dispose();
+            controller === null || controller === void 0 ? void 0 : controller.restoreOpacity();
         });
+        for (const k in this.controllers) {
+            if (!k)
+                continue;
+            const key = k;
+            (_b = (_a = this.eventListener)[key]) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
     }
     actionIfStateIsEnabled(func, options) {
         if (this.state.enabled)

package/libs/shared-utils/Object3DHelper/typings/Hooks.d.ts

@@ -5,7 +5,6 @@ export declare type HelperEventMap = {
     scaleStart: () => void;
     positionUpdate: (position: {
         matrix4?: THREE.Matrix4;
-        position?: THREE.Vector3;
     } | undefined) => void;
     rotateUpdate: (rotate: {
         quaternion?: THREE.Quaternion;
@@ -20,12 +19,12 @@ export declare type HelperEventMap = {
     rotateEnd: () => void;
     scaleEnd: () => void;
 };
-export interface State {
+export interface Object3DHelperState {
     enabled: boolean;
     visible: boolean;
     disposed: boolean;
 }
-export declare type EventMap = {
+export declare type Object3DHelperEventMap = {
     show: (options?: {
         userAction?: boolean;
     }) => void;
@@ -40,7 +39,7 @@ export declare type EventMap = {
     }) => void;
     dispose: () => void;
     stateChange: (params: {
-        state: State;
-        prevState?: State;
+        state: Object3DHelperState;
+        prevState?: Object3DHelperState;
     }) => void;
 };

package/libs/shared-utils/Object3DHelper/utils/finiteNumber.d.ts

@@ -0,0 +1 @@
+export default function finiteNumber(value: number | undefined | null | void, defaultValue?: number): number;

package/libs/shared-utils/Object3DHelper/utils/finiteNumber.js

@@ -0,0 +1,9 @@
+export default function finiteNumber(value, defaultValue = 0) {
+    if (typeof value === 'undefined' || value === null)
+        return defaultValue;
+    if (typeof value === 'number') {
+        if (Number.isNaN(value) || !Number.isFinite(value))
+            return defaultValue;
+    }
+    return value;
+}

package/package.json

@@ -8,7 +8,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.1.0-alpha.1",
+  "version": "2.1.0-alpha.10",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "yarn run tsb && yarn run build:rollup && yarn run build:components && yarn build:docs",
@@ -38,11 +38,12 @@
     "@sveltejs/vite-plugin-svelte": "^1.0.0-next.44",
     "@tsconfig/svelte": "^2.0.1",
     "@types/hammerjs": "2.0.41",
+    "@types/animejs": "^3.1.5",
+    "@types/object-assign-deep": "0.4.0",
     "@typescript-eslint/eslint-plugin": "^5.12.1",
     "@typescript-eslint/parser": "^5.12.1",
     "@vitejs/plugin-react-refresh": "^1.3.6",
     "autoprefixer": "^10.4.2",
-    "classnames": "^2.3.1",
     "eslint": "^8.9.0",
     "eslint-config-alloy": "^4.5.1",
     "glob": "^8.0.1",
@@ -61,11 +62,15 @@
     "tslib": "^2.3.1",
     "typedoc": "^0.22.11",
     "typescript": "^4.5.5",
+    "type-fest": "^2.17.0",
     "vite": "^2.8.0"
   },
   "dependencies": {
     "@tweenjs/tween.js": "^18.6.4",
     "hammerjs": "^2.0.8",
-    "svelte": "^3.47.0"
+    "svelte": "^3.49.0",
+    "classnames": "^2.3.1",
+    "object-assign-deep": "0.4.0",
+    "animejs": "^3.2.1"
   }
 }

package/dist/CSS3DRenderPlugin/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/dist/CSS3DRenderPlugin/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/CSS3DRenderPlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/dist/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/dist/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/CameraMovementPlugin/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/dist/CameraMovementPlugin/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/CameraMovementPlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/dist/CruisePlugin/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/dist/CruisePlugin/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/CruisePlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/dist/GuideLinePlugin/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/dist/GuideLinePlugin/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/GuideLinePlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/dist/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;

package/dist/ItemLabelPlugin/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/dist/ItemLabelPlugin/CSS3DRenderPlugin/utils/createResizeObserver.d.ts

@@ -1,7 +0,0 @@
-/**
- * @description: 究极简陋的 ResizeObserver polyfill
- */
-export default function createResizeObserver(func: () => any, element?: HTMLElement): {
-    observe: () => void;
-    unobserve: () => void;
-};

package/dist/ItemLabelPlugin/GuideLinePlugin/utils/getLineGeometry.d.ts

@@ -1,2 +0,0 @@
-import * as THREE from 'three';
-export default function getLineGeometry(positionList: THREE.Vector3[]): void | THREE.BufferGeometry;