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

package/libs/floorplan/Components/Compass.js

@@ -20,7 +20,7 @@ import {
 import { COMPASS_IMAGE } from '../Assets/compass';
 
 function add_css(target) {
-	append_styles(target, "svelte-z9kwkx", ".floorplan-plugin__compass.svelte-z9kwkx{position:absolute;left:50%;top:-2.39583rem;width:12.03125rem;height:2.13542rem;will-change:opacity;transform-origin:center 9.58333rem}.floorplan-plugin__compass-image.svelte-z9kwkx{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-z9kwkx{position:absolute;left:50%;top:0.78125rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.52083rem;color:#fff}");
+	append_styles(target, "svelte-rpkaro", ".floorplan-plugin__compass.svelte-rpkaro{position:absolute;left:50%;top:-2.875rem;width:14.4375rem;height:2.5625rem;will-change:opacity;transform-origin:center 11.5rem}.floorplan-plugin__compass-image.svelte-rpkaro{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0.1;background-repeat:no-repeat;background-size:100% 100%}.floorplan-plugin__compass-text.svelte-rpkaro{position:absolute;left:50%;top:0.9375rem;transform:translateX(-50%);opacity:0.2;font-weight:bold;font-size:0.625rem;color:#fff}");
 }
 
 // (14:0) {#if canCompassShow}
@@ -38,10 +38,10 @@ function create_if_block(ctx) {
 			t0 = space();
 			span = element("span");
 			t1 = text(/*northDesc*/ ctx[0]);
-			attr(div0, "class", "floorplan-plugin__compass-image svelte-z9kwkx");
+			attr(div0, "class", "floorplan-plugin__compass-image svelte-rpkaro");
 			set_style(div0, "background-image", `url(${COMPASS_IMAGE})`);
-			attr(span, "class", "floorplan-plugin__compass-text svelte-z9kwkx");
-			attr(div1, "class", "floorplan-plugin__compass svelte-z9kwkx");
+			attr(span, "class", "floorplan-plugin__compass-text svelte-rpkaro");
+			attr(div1, "class", "floorplan-plugin__compass svelte-rpkaro");
 			set_style(div1, "transform", /*compassTransformStyle*/ ctx[2], false);
 		},
 		m(target, anchor) {

package/libs/floorplan/PanoFloorplanRadarPlugin/Components/Camera.js

@@ -18,7 +18,7 @@ import { CAMERA_IMAGE } from '../../Assets/camera';
 import throttle from '../../../shared-utils/throttle';
 
 function add_css(target) {
-	append_styles(target, "svelte-1ty3s4p", ".plugin-radar__camera-wrapper.svelte-1ty3s4p{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1ty3s4p{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1ty3s4p{position:absolute;left:-0.78125rem;top:-0.78125rem;width:0.88542rem;height:0.88542rem;transform-origin:0.78125rem 0.78125rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
+	append_styles(target, "svelte-1nqrlxd", ".plugin-radar__camera-wrapper.svelte-1nqrlxd{width:100%;height:100%;position:absolute;pointer-events:none}.plugin-radar__camera-position.svelte-1nqrlxd{position:absolute;left:0;top:0;width:0;height:0;transform:none;pointer-events:none;transition:transform 1s linear}.plugin-radar__camera-rotate.svelte-1nqrlxd{position:absolute;left:-0.9375rem;top:-0.9375rem;width:1.0625rem;height:1.0625rem;transform-origin:0.9375rem 0.9375rem;transform:rotate(45deg);background-repeat:no-repeat;background-size:100%}");
 }
 
 function create_fragment(ctx) {
@@ -31,12 +31,12 @@ function create_fragment(ctx) {
 			div2 = element("div");
 			div1 = element("div");
 			div0 = element("div");
-			attr(div0, "class", "plugin-radar__camera-rotate svelte-1ty3s4p");
+			attr(div0, "class", "plugin-radar__camera-rotate svelte-1nqrlxd");
 			set_style(div0, "background-image", "url(" + (/*cameraImageUrl*/ ctx[0] || CAMERA_IMAGE) + ")");
 			set_style(div0, "transform", /*rotateTransform*/ ctx[1], false);
-			attr(div1, "class", "plugin-radar__camera-position svelte-1ty3s4p");
+			attr(div1, "class", "plugin-radar__camera-position svelte-1nqrlxd");
 			set_style(div1, "transform", /*positionTransform*/ ctx[2], false);
-			attr(div2, "class", "plugin-radar__camera-wrapper svelte-1ty3s4p");
+			attr(div2, "class", "plugin-radar__camera-wrapper svelte-1nqrlxd");
 		},
 		m(target, anchor) {
 			insert(target, div2, anchor);

package/libs/index.d.ts

@@ -17,4 +17,6 @@ export * from './ItemLabelPlugin';
 export * from './PanoDoorLabelPlugin';
 export * from './GuideLinePlugin';
 export * from './CruisePlugin';
+export * from './PanoTagPlugin';
+export * from './Object3DHelperPlugin';
 export declare const DnalogelVersion = "2.0.0-alpha.58";

package/libs/index.js

@@ -32,4 +32,8 @@ export * from './PanoDoorLabelPlugin';
 export * from './GuideLinePlugin';
 // 漫游插件
 export * from './CruisePlugin';
+// 全景标签插件
+export * from './PanoTagPlugin';
+// 三维物体编辑插件
+export * from './Object3DHelperPlugin';
 export const DnalogelVersion = '2.0.0-alpha.58';

package/libs/shared-utils/Object3DHelper/Base/BaseController.js

@@ -107,16 +107,17 @@ export class BaseController {
         this.needsRender();
     }
     show() {
-        this.helperObject3D.visible = true;
+        this.helperObject3D.show();
         this.needsRender();
     }
     hide() {
-        this.helperObject3D.visible = false;
+        this.helperObject3D.hide();
         this.needsRender();
     }
     dispose() {
-        this.scene.remove(this.helperObject3D);
         this.helperObject3D.dispose();
+        this.scene.remove(this.helperObject3D);
+        this.needsRender();
     }
     updateHelperPosition() {
         this.helperObject3D.updatePosition();

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.d.ts

@@ -5,8 +5,13 @@ import type { Direction, Direction4 } from '../typings';
 import type { tipsDom } from '../Helper/HTML/tipsDom';
 export declare abstract class BaseHelper<OriginObject3D extends Object3D = Object3D> extends Object3D {
     protected originObject3D: OriginObject3D;
+    protected needsRender: () => any;
     get helperObject(): Object3D;
-    constructor(originObject3D: OriginObject3D);
+    constructor(originObject3D: OriginObject3D, config?: {
+        needsRender?: () => any;
+    });
+    show(): void;
+    hide(): void;
     updatePosition(): void;
     setPosition(position: Vector3): void;
     updateMatrix4(matrix: THREE.Matrix4, origin?: THREE.Vector3): void;
@@ -15,8 +20,7 @@ export declare abstract class BaseHelper<OriginObject3D extends Object3D = Objec
         helperOrigin?: THREE.Vector3;
     }): void;
     updateQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
-    abstract hide(...args: any[]): void;
-    abstract show(...args: any[]): void;
+    abstract showDraggingHelper(directions?: Direction[]): void;
     abstract dispose(): void;
 }
 export declare abstract class MoveHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
@@ -35,8 +39,6 @@ export declare abstract class MoveHelperAbstract<OriginObject3D extends Object3D
         line?: Object3D;
         direction: Direction;
     };
-    abstract hide(...directions: Direction[]): void;
-    abstract show(...directions: Direction[]): void;
 }
 export declare abstract class RotateHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {
     abstract xyCircle: Mesh & {
@@ -64,8 +66,7 @@ export declare abstract class RotateHelperAbstract<OriginObject3D extends Object
         direction: Direction;
     };
     abstract angleTips?: ReturnType<typeof tipsDom>;
-    abstract hide(): void;
-    abstract show(direction?: Direction): void;
+    abstract showDraggingHelper(directions: Direction[]): void;
     abstract updateAngleHelperQuaternion(): void;
 }
 export declare abstract class ScaleHelperAbstract<OriginObject3D extends Object3D = Object3D> extends BaseHelper<OriginObject3D> {

package/libs/shared-utils/Object3DHelper/Base/BaseHelper.js

@@ -1,6 +1,7 @@
 import { Object3D } from 'three';
 export class BaseHelper extends Object3D {
-    constructor(originObject3D) {
+    constructor(originObject3D, config) {
+        var _a;
         super();
         Object.defineProperty(this, "originObject3D", {
             enumerable: true,
@@ -8,11 +9,26 @@ export class BaseHelper extends Object3D {
             writable: true,
             value: void 0
         });
+        Object.defineProperty(this, "needsRender", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.originObject3D = originObject3D;
+        this.needsRender = (_a = config === null || config === void 0 ? void 0 : config.needsRender) !== null && _a !== void 0 ? _a : (() => { });
     }
     get helperObject() {
         return this;
     }
+    show() {
+        this.visible = true;
+        this.needsRender();
+    }
+    hide() {
+        this.visible = false;
+        this.needsRender();
+    }
     updatePosition() {
         this.position.copy(this.originObject3D.position);
     }

package/libs/shared-utils/Object3DHelper/Controller/MoveController.js

@@ -61,7 +61,7 @@ export class MoveController extends BaseController {
         plane.setFromNormalAndCoplanarPoint(planeNormal, startIntersect);
         this.startInfo = { startVectorProject: startIntersect.clone().projectOnVector(directionVector), directionVector, plane };
         // 隐藏其他箭头
-        this.helperObject3D.hide(...['x', 'y', 'z'].filter((direction) => direction !== draggingDirection));
+        this.helperObject3D.showDraggingHelper([draggingDirection]);
         this.hooks.emit('moveStart');
         this.isDragging = true;
         console.log('%c MoveController dragStart', 'color: #e5af2e');

package/libs/shared-utils/Object3DHelper/Controller/RotateController.js

@@ -100,7 +100,7 @@ export class RotateController extends BaseController {
         // this.a = new THREE.PlaneHelper(plane, 10, 0xffff00)
         // this.scene.add(this.a)
         this.startInfo = { direction, startVector, staticStartVector, plane, angleHelper };
-        this.helperObject3D.show(direction);
+        this.helperObject3D.showDraggingHelper([direction]);
         this.hooks.emit('rotateStart');
         this.isDragging = true;
         console.log(`%c RotateController dragStart ${direction}`, 'color: #e5af2e');

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.d.ts

@@ -7,7 +7,7 @@ export declare class MoveHelper extends MoveHelperAbstract {
     yArrow: ArrowGroup;
     zArrow: ArrowGroup;
     constructor(originObject3D: Object3D);
-    hide(...directions: Direction[]): void;
-    show(direction?: Direction): void;
+    show(): void;
+    showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
 }

package/libs/shared-utils/Object3DHelper/Helper/MoveHelper.js

@@ -26,29 +26,16 @@ export class MoveHelper extends MoveHelperAbstract {
         this.add(this.yArrow);
         this.add(this.zArrow);
     }
-    hide(...directions) {
-        if (directions.length === 0) {
-            this.xArrow.visible = false;
-            this.yArrow.visible = false;
-            this.zArrow.visible = false;
-        }
-        else {
-            directions.forEach((direction) => {
-                const arrow = [this.xArrow, this.yArrow, this.zArrow].find((arrow) => arrow.direction === direction);
-                arrow && (arrow.visible = false);
-            });
-        }
+    show() {
+        super.show();
+        this.xArrow.visible = true;
+        this.yArrow.visible = true;
+        this.zArrow.visible = true;
     }
-    show(direction) {
-        if (!direction) {
-            this.xArrow.visible = true;
-            this.yArrow.visible = true;
-            this.zArrow.visible = true;
-        }
-        else {
-            const arrow = [this.xArrow, this.yArrow, this.zArrow].find((arrow) => arrow.direction === direction);
-            arrow && (arrow.visible = true);
-        }
+    showDraggingHelper(directions) {
+        this.xArrow.visible = directions.includes('x');
+        this.yArrow.visible = directions.includes('y');
+        this.zArrow.visible = directions.includes('z');
     }
     dispose() {
         this.remove(this.xArrow, this.yArrow, this.zArrow);

package/libs/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.d.ts

@@ -21,6 +21,7 @@ export declare class RectangleScaleHelper<T extends OriginObjectType = OriginObj
     updatePosition(): void;
     setPosition(position: Vector3): void;
     updateMatrix4(matrix: THREE.Matrix4): void;
+    showDraggingHelper(): void;
     setHelperScaleMatrix4(matrix: THREE.Matrix4, params?: {
         origin?: Vector3;
         helperOrigin?: Vector3;

package/libs/shared-utils/Object3DHelper/Helper/RectangleScaleHelper.js

@@ -88,6 +88,9 @@ export class RectangleScaleHelper extends RectangleScaleHelperAbstract {
         (_b = this.plane) === null || _b === void 0 ? void 0 : _b.applyMatrix4(matrix);
         this.cornerPositions.forEach((cornerPosition) => cornerPosition.applyMatrix4(matrix));
     }
+    showDraggingHelper() {
+        // nothing to do
+    }
     setHelperScaleMatrix4(matrix, params) {
         var _a, _b;
         (_a = this.css3DInstance) === null || _a === void 0 ? void 0 : _a.css3DObject.scale.applyMatrix4(matrix);

package/libs/shared-utils/Object3DHelper/Helper/RotateHelper.d.ts

@@ -21,7 +21,8 @@ export declare class RotateHelper extends RotateHelperAbstract {
     updateAngleHelperQuaternion(): void;
     updateQuaternion(quaternion: THREE.Quaternion, origin?: THREE.Vector3): void;
     hide(): void;
-    show(direction?: Direction): void;
+    show(): void;
+    showDraggingHelper(directions: Direction[]): void;
     dispose(): void;
     private filterRingHelper;
     private filterAngleHelper;

package/libs/shared-utils/Object3DHelper/Helper/RotateHelper.js

@@ -96,21 +96,21 @@ export class RotateHelper extends RotateHelperAbstract {
         this.zAngleHelper.baseAxes.applyQuaternion(quaternion);
     }
     hide() {
+        // 改为remove而不是设置visible，是因为会影响其他helper的碰撞检测
         this.remove(this.yzCircle, this.xzCircle, this.xyCircle, this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper);
     }
-    show(direction) {
-        var _a, _b;
-        if (direction) {
-            this.hide();
-            this.add(...this.filterRingHelper(direction));
-            this.add(...this.filterAngleHelper(direction));
-            (_a = this.angleTips) === null || _a === void 0 ? void 0 : _a.show();
-        }
-        else {
-            this.add(this.xyCircle, this.xzCircle, this.yzCircle);
-            this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper);
-            (_b = this.angleTips) === null || _b === void 0 ? void 0 : _b.hide();
-        }
+    show() {
+        var _a;
+        this.add(this.xyCircle, this.xzCircle, this.yzCircle);
+        this.remove(this.xRingHelper, this.yRingHelper, this.zRingHelper, this.xAngleHelper, this.yAngleHelper, this.zAngleHelper);
+        (_a = this.angleTips) === null || _a === void 0 ? void 0 : _a.hide();
+    }
+    showDraggingHelper(directions) {
+        var _a;
+        this.hide();
+        this.add(...this.filterRingHelper(directions));
+        this.add(...this.filterAngleHelper(directions));
+        (_a = this.angleTips) === null || _a === void 0 ? void 0 : _a.show();
     }
     dispose() {
         var _a, _b;
@@ -118,11 +118,11 @@ export class RotateHelper extends RotateHelperAbstract {
         if ((_a = this.angleTips) === null || _a === void 0 ? void 0 : _a.element)
             (_b = this.container) === null || _b === void 0 ? void 0 : _b.removeChild(this.angleTips.element);
     }
-    filterRingHelper(direction) {
-        return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((helper) => helper.direction === direction);
+    filterRingHelper(directions) {
+        return [this.xRingHelper, this.yRingHelper, this.zRingHelper].filter((helper) => directions.includes(helper.direction));
     }
-    filterAngleHelper(direction) {
-        return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((helper) => helper.direction === direction);
+    filterAngleHelper(directions) {
+        return [this.xAngleHelper, this.yAngleHelper, this.zAngleHelper].filter((helper) => directions.includes(helper.direction));
     }
 }
 class Circle extends THREE.Mesh {

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

@@ -1,5 +1,5 @@
 import type { OutlineHelper } from './Helper';
-import type { EventMap, State } from './typings';
+import type { Object3DHelperEventMap, Object3DHelperState } from './typings';
 import type { MoveController } from './Controller/MoveController';
 import type { RotateController } from './Controller/RotateController';
 import type { BaseController } from './Base/BaseController';
@@ -14,8 +14,8 @@ interface Helpers {
 }
 export declare class Object3DHelper {
     controllers: Controllers;
-    state: State;
-    hooks: Subscribe<EventMap>;
+    state: Object3DHelperState;
+    hooks: Subscribe<Object3DHelperEventMap>;
     private helpers;
     private eventListener;
     constructor(controllers?: Controllers, helpers?: Helpers);
@@ -47,7 +47,7 @@ export declare class Object3DHelper {
      * @description Dispose
      */
     dispose(): void;
-    setState(state: Partial<State>, options?: {
+    setState(state: Partial<Object3DHelperState>, options?: {
         userAction?: boolean;
     } & Record<string, any>): void;
     addControllers(controllers: Partial<{
@@ -56,7 +56,7 @@ export declare class Object3DHelper {
     addHelpers(helpers: Partial<{
         [K in keyof Helpers]: Helpers[K];
     }>): void;
-    getCurrentState(): State;
+    getCurrentState(): Object3DHelperState;
     private addEventListener;
     private handleEnd;
     private handleStart;

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

@@ -235,7 +235,6 @@ export class Object3DHelper {
         }
     }
     handleEnable(enabled, userAction = true) {
-        console.log({ enabled });
         if (enabled) {
             this.everyControllerDo((controller) => controller.enable());
             this.hooks.emit('enable', { userAction });
@@ -247,7 +246,6 @@ export class Object3DHelper {
         this.state.enabled = enabled;
     }
     handleVisible(visible, userAction = true) {
-        console.log({ visible });
         if (visible) {
             this.everyControllerDo((controller) => controller.show());
             this.actionIfStateIsEnabled(() => this.hooks.emit('show', { userAction }));

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

@@ -20,12 +20,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 +40,7 @@ export declare type EventMap = {
     }) => void;
     dispose: () => void;
     stateChange: (params: {
-        state: State;
-        prevState?: State;
+        state: Object3DHelperState;
+        prevState?: Object3DHelperState;
     }) => void;
 };

package/package.json

@@ -8,7 +8,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.1.0-alpha.2",
+  "version": "2.1.0-alpha.4",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "build": "yarn run tsb && yarn run build:rollup && yarn run build:components && yarn build:docs",
@@ -38,6 +38,8 @@
     "@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",
@@ -60,12 +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",
-    "classnames": "^2.3.1"
+    "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;