@realsee/dnalogel 2.0.0-alpha.9 → 2.0.0-beta.36

package/dist/CSS3DRenderPlugin/Plugin.d.ts

@@ -0,0 +1,49 @@
+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/index.d.ts

@@ -1,49 +1,4 @@
-import { FivePlugin } from '@realsee/five';
-import { Vector3 } from 'three';
-import { CSS3DObject } from 'three/examples/jsm/renderers/CSS3DRenderer';
-import { Vector3Position } from '../typings/math.type';
-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>;
+import CSS3DRenderPlugin from './Plugin';
+export { CSS3DRenderPlugin };
 export default CSS3DRenderPlugin;
+export type { CSS3DRenderPluginExportType } from './Plugin';

package/dist/CSS3DRenderPlugin/index.js

@@ -27,7 +27,7 @@ var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
 function evenNumber(num, config) {
     const roundNum = Math.round(num);
-    return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.smaller ? -1 : 1);
+    return roundNum % 2 === 0 ? roundNum : roundNum + Number((config === null || config === void 0 ? void 0 : config.smaller) ? -1 : 1);
 }
 
 function centerPoint(point1, point2) {
@@ -64,24 +64,25 @@ function createResizeObserver(func, element) {
 const CSS3DRenderPlugin = (five) => {
     const state = { disposeCallbacks: [] };
     const create3DDomContainer = (...params) => {
+        var _a, _b, _c;
         const points = params[0].map((point) => (point instanceof THREE.Vector3 ? point : transformPositionToVector3(point)));
         const config = params[1];
-        if (points?.length < 4)
+        if ((points === null || points === void 0 ? void 0 : points.length) < 4)
             return console.error('points must be equal or greater than than 4');
-        if (!five?.model?.loaded)
-            return console.error('five.model.loaded is: ', five?.model?.loaded);
+        if (!((_a = five === null || five === void 0 ? void 0 : five.model) === null || _a === void 0 ? void 0 : _a.loaded))
+            return console.error('five.model.loaded is: ', (_b = five === null || five === void 0 ? void 0 : five.model) === null || _b === void 0 ? void 0 : _b.loaded);
         const fiveElement = five.getElement();
         if (!fiveElement)
             return console.error('five.getElement() is ' + fiveElement);
         const disposers = [];
-        const ratio = config?.ratio || 0.00216;
+        const ratio = (config === null || config === void 0 ? void 0 : config.ratio) || 0.00216;
         if (ratio <= 0.00215)
             console.warn('if you need click css3DElement on safari, ratio must be greater than 0.00215');
-        const dpr = config?.dpr || 1;
-        const mode = config?.mode || 'front';
-        const autoRender = config?.autoRender ?? true;
-        const behindFiveContainer = config?.behindFiveContainer || fiveElement.parentElement || document.body;
-        const container = config?.container || document.createElement('div');
+        const dpr = (config === null || config === void 0 ? void 0 : config.dpr) || 1;
+        const mode = (config === null || config === void 0 ? void 0 : config.mode) || 'front';
+        const autoRender = (_c = config === null || config === void 0 ? void 0 : config.autoRender) !== null && _c !== void 0 ? _c : true;
+        const behindFiveContainer = (config === null || config === void 0 ? void 0 : config.behindFiveContainer) || fiveElement.parentElement || document.body;
+        const container = (config === null || config === void 0 ? void 0 : config.container) || document.createElement('div');
         container.classList.add('__Dnalogel-plugin--CSS3DRenderPlugin');
         // 获取css3DObject, 如果mode为behind的话，一起获取mesh
         const { css3DObject, mesh } = createObject(points, { ratio, dpr, container, mode });
@@ -90,15 +91,14 @@ const CSS3DRenderPlugin = (five) => {
         const frontModeUnInited = mode === 'front' && !state.frontMode;
         const behindModeUnInited = mode === 'behind' && !state.behindMode;
         const inited = !(frontModeUnInited || behindModeUnInited);
-        let stopRenderFlag = false;
-        let requestAnimationFrameId = null;
         if (behindModeUnInited) {
             state.behindMode = { scene: new THREE.Scene(), css3DRenderer: new CSS3DRenderer.CSS3DRenderer() };
         }
         if (frontModeUnInited) {
             state.frontMode = { scene: new THREE.Scene(), css3DRenderer: new CSS3DRenderer.CSS3DRenderer() };
         }
-        const { scene, css3DRenderer } = mode === 'behind' ? state.behindMode : state.frontMode;
+        const stateMode = mode === 'behind' ? state.behindMode : state.frontMode;
+        const { scene, css3DRenderer } = stateMode;
         const render = (() => {
             if (!inited) {
                 const css3DRendererSetSize = () => {
@@ -115,14 +115,14 @@ const CSS3DRenderPlugin = (five) => {
                 css3DRenderer.domElement.style.userSelect = 'none';
                 css3DRenderer.domElement.style.pointerEvents = 'none';
                 const renderEveryFrame = () => {
-                    if (stopRenderFlag)
-                        return;
-                    requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+                    const requestAnimationFrameId = requestAnimationFrame(renderEveryFrame);
+                    stateMode.requestAnimationFrameId = requestAnimationFrameId;
                     css3DRenderer.render(scene, five.camera);
                 };
                 return () => {
+                    var _a;
                     scene.add(css3DObject);
-                    resizeObserver?.observe?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.observe) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                     renderEveryFrame();
                     if (mode === 'behind' && mesh) {
                         five.scene.add(mesh);
@@ -146,19 +146,20 @@ const CSS3DRenderPlugin = (five) => {
         }
         // ======= INIT END =======
         const dispose = () => {
-            stopRenderFlag = true;
-            disposers.forEach((d) => d?.());
+            var _a;
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
             scene.remove(css3DObject);
-            if (typeof requestAnimationFrameId === 'number')
-                cancelAnimationFrame(requestAnimationFrameId);
             if (scene.children.length === 0) {
+                if (typeof stateMode.requestAnimationFrameId === 'number') {
+                    cancelAnimationFrame(stateMode.requestAnimationFrameId);
+                }
                 css3DRenderer.domElement.remove();
                 if (mode === 'front')
                     state.frontMode = undefined;
                 if (mode === 'behind')
                     state.behindMode = undefined;
                 if (!state.behindMode && !state.frontMode) {
-                    resizeObserver?.unobserve?.();
+                    (_a = resizeObserver === null || resizeObserver === void 0 ? void 0 : resizeObserver.unobserve) === null || _a === void 0 ? void 0 : _a.call(resizeObserver);
                 }
             }
             return true;
@@ -193,9 +194,9 @@ const CSS3DRenderPlugin = (five) => {
         const rotateYAngle = new THREE.Vector3(1, 0, 0).angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
         const rotateZAngle = vector01.angleTo(new THREE.Vector3(vector01.x, 0, vector01.z));
         /**
-         * [0,1,0] => [0,0,1]  为rolate Worldx正方向
-         * [0,0,1] => [0,1,0]  为rolate Worldy正方向
-         * [0,1,1] => [-1,0,0] 为rolate Worldz正方向
+         * [0,1,0] => [0,0,1]  为rotate Worldx正方向
+         * [0,0,1] => [0,1,0]  为rotate Worldy正方向
+         * [0,1,1] => [-1,0,0] 为rotate Worldz正方向
          */
         const rotateX = (vector12.z > 0 ? -1 : 1) * rotateXAngle;
         const rotateY = (vector01.z < 0 ? 1 : -1) * rotateYAngle;
@@ -223,7 +224,7 @@ const CSS3DRenderPlugin = (five) => {
     return {
         create3DDomContainer,
         disposeAll: () => {
-            state.disposeCallbacks.forEach((d) => d?.());
+            state.disposeCallbacks.forEach((d) => d === null || d === void 0 ? void 0 : d());
             state.disposeCallbacks = [];
         },
     };

package/dist/CameraMovementPlugin/CameraMovementPlugin.d.ts

@@ -0,0 +1,7 @@
+import type { FivePlugin } from '@realsee/five';
+import { CameraMovementPluginExportType, CameraMovementPluginParameterType } from './typing';
+/**
+ * **运镜插件** 模拟类似于电影运镜效果。
+ */
+export declare const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType, CameraMovementPluginExportType>;
+export default CameraMovementPlugin;

package/dist/CameraMovementPlugin/index.d.ts

@@ -1,7 +1,5 @@
-import type { FivePlugin } from '@realsee/five';
-import { CameraMovementPluginExportType, CameraMovementPluginParameterType } from './typing';
-/**
- * **运镜插件** 模拟类似于电影运镜效果。
- */
-export declare const CameraMovementPlugin: FivePlugin<CameraMovementPluginParameterType, CameraMovementPluginExportType>;
+import CameraMovementPlugin from "./CameraMovementPlugin";
+export { CameraMovementPlugin };
 export default CameraMovementPlugin;
+export type { MoveArgs, MoveOpts, RotateArgs, RotateOpts, CameraMovementPluginExportType } from './typing';
+export { CameraMovementEffect, Rotation } from './typing';

package/dist/CameraMovementPlugin/index.js

@@ -107,20 +107,20 @@ function tweenProgress(duration, easing) {
 /**
  * 运镜效果
  */
-var CameraMovementEffect;
+exports.CameraMovementEffect = void 0;
 (function (CameraMovementEffect) {
     CameraMovementEffect["Move"] = "Move";
     CameraMovementEffect["Rotate"] = "Rotate";
-})(CameraMovementEffect || (CameraMovementEffect = {}));
+})(exports.CameraMovementEffect || (exports.CameraMovementEffect = {}));
 /**
  * 旋转类型
  */
-var Rotation;
+exports.Rotation = void 0;
 (function (Rotation) {
     Rotation["Clockwise"] = "Clockwise";
     Rotation["Anticlockwise"] = "Anticlockwise";
     Rotation["Loop"] = "Loop";
-})(Rotation || (Rotation = {}));
+})(exports.Rotation || (exports.Rotation = {}));
 
 const PI_2 = Math.PI * 2;
 /**
@@ -151,18 +151,18 @@ const getLongitudeParams = (from, to, rotation) => {
     from = formatLongitude(from);
     to = formatLongitude(to);
     // 逆时针旋转，初始值必须是较大的值
-    if (rotation === Rotation.Anticlockwise && from < to)
+    if (rotation === exports.Rotation.Anticlockwise && from < to)
         from += PI_2;
     // 顺时针旋转，结束值必须是较大值
-    if (rotation === Rotation.Clockwise && to < from)
+    if (rotation === exports.Rotation.Clockwise && to < from)
         to += PI_2;
     // Loop 旋转，找锐角旋转
     // 如果 to 比 from 大 180°，逆时针转
     // 如果 from 比 to 大 180°，顺时针转
-    if (rotation === Rotation.Loop && to - from > PI)
-        return getLongitudeParams(from, to, Rotation.Anticlockwise);
-    if (rotation === Rotation.Loop && from - to > PI)
-        return getLongitudeParams(from, to, Rotation.Clockwise);
+    if (rotation === exports.Rotation.Loop && to - from > PI)
+        return getLongitudeParams(from, to, exports.Rotation.Anticlockwise);
+    if (rotation === exports.Rotation.Loop && from - to > PI)
+        return getLongitudeParams(from, to, exports.Rotation.Clockwise);
     return { from, to };
 };
 /**
@@ -212,7 +212,7 @@ const CameraMovementPlugin = (five$1) => {
         const fromLatitude = formatLatitude(currentFiveState.latitude);
         const toLatitude = formatLatitude(args.latitude);
         // longitude
-        const { from: fromLongitude, to: toLongitude } = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || Rotation.Loop);
+        const { from: fromLongitude, to: toLongitude } = getLongitudeParams(currentFiveState.longitude, args.longitude, args.rotation || exports.Rotation.Loop);
         // fov
         const fromFov = currentFiveState.fov;
         const toFov = args.fov;
@@ -270,7 +270,7 @@ const CameraMovementPlugin = (five$1) => {
                 .onUpdate(onUpdate)
                 .onComplete(onComplete)
                 .onDestroy(onDestroy);
-            if (args.rotation === Rotation.Loop) {
+            if (args.rotation === exports.Rotation.Loop) {
                 tween.repeat(Infinity).yoyo(true);
             }
             /**

package/dist/CameraMovementPlugin/typing.d.ts

@@ -1,4 +1,4 @@
-import { Mode, Pose } from '@realsee/five';
+import type { Mode, Pose } from '@realsee/five';
 export interface CameraMovementPluginParameterType {
 }
 export interface CameraMovementPluginExportType {

package/dist/ItemLabelPlugin/Plugin.d.ts

@@ -0,0 +1,4 @@
+import type { FivePlugin } from "@realsee/five";
+import { ItemLabelPluginExportReturnsType, ItemLabelPluginParametersType } from "./typings";
+export declare const Plugin: FivePlugin<ItemLabelPluginParametersType, ItemLabelPluginExportReturnsType>;
+export default Plugin;

package/dist/ItemLabelPlugin/events.type.d.ts

@@ -0,0 +1,9 @@
+import type { SubscribeEventMap } from '@realsee/five';
+import type { ItemLabel } from "./typings";
+export interface ItemLabelEvent extends SubscribeEventMap {
+    /**
+     * 点击标签
+     */
+    onLabelClick: (itemLabel: ItemLabel) => void;
+}
+export declare type PluginEvent = ItemLabelEvent;

package/dist/ItemLabelPlugin/index.d.ts

@@ -0,0 +1,9 @@
+import ItemLabelPlugin from './Plugin';
+export { ItemLabelPlugin };
+export default ItemLabelPlugin;
+export declare const itemLabelPluginServerParams: {
+    name: string;
+    version: number;
+};
+export type { ItemLabelPluginParametersType, ItemLabelPluginData, ItemLabelPluginExportReturnsType } from './typings';
+export { ITEM_LABEL_PLUGIN_DISPLAY_STRATEGY_TYPE } from './typings';