@realsee/dnalogel 2.0.0-alpha.11 → 2.0.0-alpha.14

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # CHANGELOG
 
+## 2.0.0-alpha.14
+- 1.feat: 新增 ModelTVVideoPlugin 插件；
+- 2.fix: 修复 ModelItemLabelPlugin disable & enable 方法逻辑；
+- 3.refactor: 增加 ModelItemLabelPlugin 类型导出。
+
+## 2.0.0-alpha.13
+- 1.chore: 修改 tsconfig.json target 配置项为 es6。
+
+## 2.0.0-alpha.12
+- 1.feat: 新增 ModelItemLabelPlugin
+
 ## 2.0.0-alpha.11
 - 1.fix: 修复 ModelRoomLabelPlugin 未监听多楼层切换 rerender 问题。
 - 2.feat: ModelFloorplanPlugin & TopviewFloorplanPlugin 新增 `northDesc?: string` 配置项，支持用户修改指北针名称。

package/README.md

@@ -1,50 +1,100 @@
-# 注意
-2.x 版本依赖 `svelte`， 使用时请同时安装 
-```bash
-npm install svelte 
-```
+<p align="center">
+	<a href="https://realsee.js.org/"><img src="https://vrlab-public.ljcdn.com/common/file/web/ea031fa5-ad82-46b3-86c8-7b20ec1e635a.jpg" width="60" /></a>
+</p>
 
-# 如视 -- "Dnalogel"
+<p align="center">
+  <a href="https://www.npmjs.com/package/@realsee/dnalogel">
+    <img src="https://img.shields.io/npm/v/@realsee/dnalogel.svg" alt="npm version" >
+  </a>
+  <a href="https://packagephobia.now.sh/result?p=@realsee/dnalogel">
+    <img src="https://packagephobia.now.sh/badge?p=@realsee/dnalogel" alt="install size" >
+  </a>
+  <a href="https://github.com/realsee-developer/dnalogel/blob/main/plugins/TERMS.txt">
+    <img src="https://img.shields.io/npm/l/@realsee/dnalogel.svg" alt="license">
+  </a>
+</p>
 
-[如视(realsee.com)](https://realsee.com) 提供了在浏览器环境中的渲染三维空间 [VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/) 。
-通过 [如视开放 API](https://open-platform.realsee.com/developer/open/api/#/) 并结合 Five 的渲染能力可以制作丰富多彩的三维空间应用。
+<h1 align="center">@realsee/dnalogel</h1>
 
-除了 Five 强大的三维空间渲染能力之外，我们也积累了大量的 **VR 看房** 常用功能，并以 `Five Plugins` 的形式进行抽象。
+# 👀 Overview
 
-无论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，凡是最终落地的功能我们均毫无保留的开源至 github [realsee-developer](https://github.com/realsee-developer) 空间。
+@realsee/dnalogel 将 [如视(realsee.com)](https://realsee.com) **VR 看房** 常用能力沉淀，并以 `Five Plugins` 形式进行抽象。
+结合[如视 VR 看房 SDK Five](https://open-platform.realsee.com/developer/docs/front/3d-space/get-started/rendering-engine/) 
+与 [如视开放 API](https://open-platform.realsee.com/developer/open/api/#/) ,可以制作出丰富多彩的三维空间应用。不论是经过线上环境千锤百炼的刚需功能，还是灵感一现的炫酷尝试，所有已经落地的功能我们均毫无保留的开源至github [realsee-developer/dnalogel](https://github.com/realsee-developer/dnalogel) 。
 
-如果插件满足您的需求，`npm install @realsee/dnalogel`一键安装使用。
+# 🔨 Usage
 
-如果不满足需求，没关系，把我们当作代码示例，我们抛砖引玉。
+**1、安装**
 
-我们也很期待您基于 [Three.js](https://threejs.org/) 、[Five.js](https://www.npmjs.com/package/@realsee/five) 等这类渲染库做出有意思的功能。
+```bash
+npm install @realsee/dnalogel
+```
 
+```bash
+yarn add @realsee/dnalogel
+```
 
-### 插件列表
-- ModelViewPlugin：模型小窗插件
-- PanoFloorplanRadarPlugin：全景户型雷达图插件
-- ModelRoomLabelPlugin：模型态房屋标签插件
-- TopviewFloorplanPlugin：俯视模型户型图插件
-- ModelChassisCompassPlugin：模型底盘指南针插件
-- ModelEntryDoorGuidePlugin：模型入户门引导插件
-- CSS3DRenderPlugin：CSS3D渲染插件
-- CameraMovementPlugin：相机运镜插件
-- ModelFloorplanPlugin：模型户型图插件
-- PanoRulerPlugin：全景标尺插件
-- PanoCompassPlugin：全景指南针插件
-- ... 待补充
+2.x 版本依赖 `svelte`， 使用时请同时安装:
+```bash
+npm install svelte 
+```
+
+```bash
+yarn add svelte 
+```
 
-### 使用方式
+**2、插件注册**
 
 ```js
 import { Five } from '@realsee/five'
-import Plugin from '@realsee/dnalogel/plugins/Plugin'
+import { Plugin } from '@realsee/dnalogel'
 const five = new Five({
   plugins: [[Plugin, 'PluginName', initOptions]],
 })
+```
+
+**3、插件方法使用**
 
+```js
 // 不同插件提供的方法可能存在差异,请参考各插件 API 文档
 five.plugins.PluginName.load(data)
 five.plugins.PluginName.enable()
 five.plugins.PluginName.disable()
+five.plugins.PluginName.dispose()
 ```
+
+**4、插件依赖数据获取**
+
+您可以通过 [open API](https://open-platform.realsee.com/developer/open/api#/) 查看数据获取方式及相关 open API 。
+
+# 📖 Documents
+
+- [说明文档](https://open-platform.realsee.com/developer/docs/front/3d-space/advanced/dnalogel/ModelViewPlugin/)
+- [API 文档](https://unpkg.com/@realsee/dnalogel/docs/index.html)
+- [demo 源码](https://github.com/realsee-developer/dnalogel/tree/main/examples/src)
+- [数据依赖来源：open API](https://open-platform.realsee.com/developer/open/api/)
+- [CHANGELOG](https://github.com/realsee-developer/dnalogel/blob/main/plugins/CHANGELOG.md)
+
+# 💡 Preview
+
+我们为每个插件书写了简单的效果示例，您可点击预览：
+[@realsee/dnalogel showcase](https://realsee.js.org/dnalogel/)
+
+
+# 🧾 Lists
+
+- 🔌 ModelViewPlugin：模型小窗插件
+- 🔌 PanoFloorplanRadarPlugin：全景户型雷达图插件
+- 🔌 ModelRoomLabelPlugin：模型态房屋标签插件
+- 🔌 TopviewFloorplanPlugin：俯视模型户型图插件
+- 🔌 ModelChassisCompassPlugin：模型底盘指南针插件
+- 🔌 ModelEntryDoorGuidePlugin：模型入户门引导插件
+- 🔌 CSS3DRenderPlugin：CSS3D渲染插件
+- 🔌 CameraMovementPlugin：相机运镜插件
+- 🔌 ModelFloorplanPlugin：模型户型图插件
+- 🔌 PanoRulerPlugin：全景标尺插件
+- 🔌 PanoCompassPlugin：全景指南针插件
+- 其他插件持续更新中...
+
+# License
+[TERMS](https://github.com/realsee-developer/dnalogel/blob/main/plugins/TERMS.txt)

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 });
@@ -119,8 +120,9 @@ const CSS3DRenderPlugin = (five) => {
                     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);
@@ -144,7 +146,8 @@ const CSS3DRenderPlugin = (five) => {
         }
         // ======= INIT END =======
         const dispose = () => {
-            disposers.forEach((d) => d?.());
+            var _a;
+            disposers.forEach((d) => d === null || d === void 0 ? void 0 : d());
             scene.remove(css3DObject);
             if (scene.children.length === 0) {
                 if (typeof stateMode.requestAnimationFrameId === 'number') {
@@ -156,7 +159,7 @@ const CSS3DRenderPlugin = (five) => {
                 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;
@@ -221,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/index.js

@@ -25,6 +25,31 @@ function _interopNamespace(e) {
 
 var TWEEN__namespace = /*#__PURE__*/_interopNamespace(TWEEN);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 const _requestAnimationFrame = window.requestAnimationFrame || ((fn) => setTimeout(fn, 16));
 const _cancelAnimationFrame = window.cancelAnimationFrame || clearTimeout;
 function nextFrame(fn, delay = 0) {
@@ -170,21 +195,21 @@ const getLongitudeParams = (from, to, rotation) => {
  */
 const CameraMovementPlugin = (five$1) => {
     const state = {};
-    const move = async (args, duration, opts = { preload: true }) => {
+    const move = (args, duration, opts = { preload: true }) => __awaiter(void 0, void 0, void 0, function* () {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
+            yield opts.asyncStartCallback();
         }
         if (args.mode && args.mode !== five$1.currentMode) {
-            await five$1.changeMode(args.mode);
+            yield five$1.changeMode(args.mode);
         }
         if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
-            await five$1.preloadPano(args.panoIndex);
+            yield five$1.preloadPano(args.panoIndex);
         }
         if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
+            yield opts.asyncEndCallback();
         }
         if (args.panoIndex === undefined &&
             args.fov === undefined &&
@@ -192,7 +217,7 @@ const CameraMovementPlugin = (five$1) => {
             args.longitude === undefined) {
             return true;
         }
-        return await new Promise((resolve, reject) => {
+        return yield new Promise((resolve, reject) => {
             const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five$1.panoIndex;
             if (panoIndex !== undefined) {
                 five$1.moveToPano(panoIndex, Object.assign({
@@ -205,7 +230,7 @@ const CameraMovementPlugin = (five$1) => {
                 reject(false);
             }
         });
-    };
+    });
     const getAnimeParams = (args) => {
         const currentFiveState = five$1.state;
         // latitude
@@ -221,20 +246,20 @@ const CameraMovementPlugin = (five$1) => {
             to: { latitude: toLatitude, longitude: toLongitude, fov: toFov },
         };
     };
-    const rotate = async (args, duration, opts = {}) => {
+    const rotate = (args, duration, opts = {}) => __awaiter(void 0, void 0, void 0, function* () {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            await opts.asyncStartCallback();
+            yield opts.asyncStartCallback();
         }
         if (five$1.currentMode !== five.Five.Mode.Panorama) {
-            await five$1.changeMode(five.Five.Mode.Panorama);
+            yield five$1.changeMode(five.Five.Mode.Panorama);
         }
         if (args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
             if (opts.preload)
-                await five$1.preloadPano(args.panoIndex);
-            await new Promise((resolve, reject) => {
+                yield five$1.preloadPano(args.panoIndex);
+            yield new Promise((resolve, reject) => {
                 if (!args.panoIndex) {
                     resolve(true);
                     return;
@@ -246,10 +271,10 @@ const CameraMovementPlugin = (five$1) => {
             });
         }
         if (opts.asyncEndCallback) {
-            await opts.asyncEndCallback();
+            yield opts.asyncEndCallback();
         }
         const { from, to } = getAnimeParams(args);
-        return await new Promise((resolve) => {
+        return yield new Promise((resolve) => {
             const onUpdate = ({ progress }) => {
                 const state = {};
                 state.longitude = progressNumber(from.longitude, to.longitude, progress);
@@ -291,7 +316,7 @@ const CameraMovementPlugin = (five$1) => {
                     state.interruptCallback(true);
             }, duration);
         });
-    };
+    });
     return {
         move,
         rotate,

package/dist/ModelChassisCompassPlugin/index.js

@@ -25,6 +25,31 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 const genRotationMatrix = (x, y, z) => {
     const matrix = new THREE__namespace.Matrix4();
     const euler = new THREE__namespace.Euler(x, y, z, 'YXZ');
@@ -55,12 +80,13 @@ const bject3d2LocalMatrix = (mesh, { scale, rotation, position, }) => {
 
 function transfromToMeshBasicMaterial(object, options) {
     object.traverse((ele) => {
+        var _a;
         if (ele.type === 'Mesh') {
             const mesh = ele;
             const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
             mesh.material = new THREE.MeshBasicMaterial(materialConf);
             mesh.renderOrder = 1;
-            if (ele.parent?.type === 'Mesh') {
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
                 ele.renderOrder = ele.parent.renderOrder + 1;
             }
         }
@@ -75,9 +101,9 @@ const ModelChassisCompassPlugin = (five, params) => {
     const defaultNorthRad = params.north_rad || undefined;
     // 局部状态
     const state = {};
-    const load = async (data) => {
-        const fbxUrl = data?.fbx_url || defaultFbxUrl;
-        const northRad = data?.north_rad || defaultNorthRad;
+    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
+        const northRad = (data === null || data === void 0 ? void 0 : data.north_rad) || defaultNorthRad;
         if (!northRad) {
             throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
         }
@@ -86,7 +112,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         const zOffset = bounding.max.z - bounding.min.z;
         const maxOffset = Math.max(xOffset, zOffset);
         const fbxLoader = new FBXLoader.FBXLoader();
-        const object = await fbxLoader.loadAsync(fbxUrl);
+        const object = yield fbxLoader.loadAsync(fbxUrl);
         transfromToMeshBasicMaterial(object, {
             transparent: true,
             side: THREE__namespace.DoubleSide,
@@ -100,7 +126,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         bject3d2LocalMatrix(object, { position, rotation, scale });
         state.object = object;
         return true;
-    };
+    });
     const onCameraUpdate = ({ latitude }) => {
         if (!state.object)
             return;

package/dist/ModelEntryDoorGuidePlugin/index.js

@@ -25,12 +25,38 @@ function _interopNamespace(e) {
 
 var THREE__namespace = /*#__PURE__*/_interopNamespace(THREE);
 
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
 function createCanvasTextTexture(text, config) {
-    const size = config?.size ?? 512;
-    const fontSize = config?.fontSize ?? size * (35 / 256) * 1.2;
-    const backgroundColor = config?.backgroundColor ?? 'rgba(0,0,0,0)';
-    const fontColor = config?.fontColor ?? '#fff';
-    const textAlign = config?.textAlign ?? 'center';
+    var _a, _b, _c, _d, _e;
+    const size = (_a = config === null || config === void 0 ? void 0 : config.size) !== null && _a !== void 0 ? _a : 512;
+    const fontSize = (_b = config === null || config === void 0 ? void 0 : config.fontSize) !== null && _b !== void 0 ? _b : size * (35 / 256) * 1.2;
+    const backgroundColor = (_c = config === null || config === void 0 ? void 0 : config.backgroundColor) !== null && _c !== void 0 ? _c : 'rgba(0,0,0,0)';
+    const fontColor = (_d = config === null || config === void 0 ? void 0 : config.fontColor) !== null && _d !== void 0 ? _d : '#fff';
+    const textAlign = (_e = config === null || config === void 0 ? void 0 : config.textAlign) !== null && _e !== void 0 ? _e : 'center';
     const canvas = document.createElement('canvas');
     canvas.setAttribute('width', size + '');
     canvas.setAttribute('height', size + '');
@@ -48,12 +74,13 @@ const transformPositionToVector3 = ({ x, y, z }) => new THREE.Vector3(x, y, z);
 
 function transfromToMeshBasicMaterial(object, options) {
     object.traverse((ele) => {
+        var _a;
         if (ele.type === 'Mesh') {
             const mesh = ele;
             const materialConf = Object.assign({ map: mesh.material.map || {} }, options);
             mesh.material = new THREE.MeshBasicMaterial(materialConf);
             mesh.renderOrder = 1;
-            if (ele.parent?.type === 'Mesh') {
+            if (((_a = ele.parent) === null || _a === void 0 ? void 0 : _a.type) === 'Mesh') {
                 ele.renderOrder = ele.parent.renderOrder + 1;
             }
         }
@@ -64,31 +91,33 @@ function transfromToMeshBasicMaterial(object, options) {
  * 模型入户门引导插件
  */
 const ModelEntryDoorGuidePlugin = (five, params) => {
+    var _a, _b, _c;
     // 局部状态
     const state = {};
-    const defaultAnimationEnable = params.animationEnabled ?? true;
-    const defaultModelPosition = params.position ?? undefined;
-    const defaultRad = params.rad ?? undefined;
+    const defaultAnimationEnable = (_a = params.animationEnabled) !== null && _a !== void 0 ? _a : true;
+    const defaultModelPosition = (_b = params.position) !== null && _b !== void 0 ? _b : undefined;
+    const defaultRad = (_c = params.rad) !== null && _c !== void 0 ? _c : undefined;
     const defaultFbxUrl = params.fbx_url || '//vrlab-image4.ljcdn.com/release/web/entryDoorMini/Anim_Door1.fbx';
     const mixers = [];
-    const load = async (data) => {
-        const position = data?.position ?? defaultModelPosition;
+    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
+        var _d, _e, _f, _g, _h, _j, _k;
+        const position = (_d = data === null || data === void 0 ? void 0 : data.position) !== null && _d !== void 0 ? _d : defaultModelPosition;
         if (!position)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): position is undefined`);
         const modelPosition = transformPositionToVector3(position);
-        const rad = data?.rad ?? defaultRad;
-        const fbxUrl = data?.fbx_url ?? defaultFbxUrl;
+        const rad = (_e = data === null || data === void 0 ? void 0 : data.rad) !== null && _e !== void 0 ? _e : defaultRad;
+        const fbxUrl = (_f = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _f !== void 0 ? _f : defaultFbxUrl;
         state.rad = rad;
         if (rad === undefined)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${rad}`);
         // 加载模型
-        const object = await new FBXLoader.FBXLoader().loadAsync(fbxUrl);
+        const object = yield new FBXLoader.FBXLoader().loadAsync(fbxUrl);
         // 设置位置
         object.position.copy(modelPosition);
         object.rotation.z = rad;
         object.scale.set(0.8, 0.8, 0.8);
         transfromToMeshBasicMaterial(object, { transparent: true, side: THREE__namespace.DoubleSide });
-        const textMesh = object.children?.[0]?.children?.[3]?.clone();
+        const textMesh = (_k = (_j = (_h = (_g = object.children) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.children) === null || _j === void 0 ? void 0 : _j[3]) === null || _k === void 0 ? void 0 : _k.clone();
         if (!textMesh)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${textMesh}`);
         textMesh.material = new THREE.MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
@@ -96,7 +125,7 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         object.children[0].add(textMesh);
         state.object = object;
         return true;
-    };
+    });
     const initAnimation = () => {
         if (state.animation)
             return;
@@ -140,16 +169,17 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         };
         const stop = () => {
             action.stop();
-            stopAnimation?.();
+            stopAnimation === null || stopAnimation === void 0 ? void 0 : stopAnimation();
             stopAnimation = undefined;
         };
         const animation = { play, stop };
         state.animation = animation;
     };
     const show = (config) => {
+        var _a;
         if (!state.object)
             return console.error('ModelEntryDoorGuidePlugin.enable(): object is ', state.object);
-        const animationEnable = config?.animationEnable ?? defaultAnimationEnable;
+        const animationEnable = (_a = config === null || config === void 0 ? void 0 : config.animationEnable) !== null && _a !== void 0 ? _a : defaultAnimationEnable;
         if (animationEnable) {
             if (!state.animation)
                 initAnimation();

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

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

package/dist/ModelItemLabelPlugin/index.d.ts

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