@realsee/dnalogel 2.0.0-alpha.42 → 2.0.0-alpha.43

package/dist/index.es.js

@@ -995,31 +995,6 @@ var FLOOR_PLAN_ATTACHED_TO;
     FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["BOUNDING_CENTER"] = 3] = "BOUNDING_CENTER";
 })(FLOOR_PLAN_ATTACHED_TO || (FLOOR_PLAN_ATTACHED_TO = {}));
 
-/******************************************************************************
-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());
-    });
-}
-
 /**
  * 检查一个值是否是狭义上的对象
  * @param {any} value 要检查的值
@@ -4523,26 +4498,22 @@ class Main$1 extends SvelteComponent {
 
 const FLOORPLAN_EXTRA_OBJECT_IMAGE = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAwCAYAAACFUvPfAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAALaADAAQAAAABAAAAMAAAAADe2FZjAAAEF0lEQVRoBe2WzWskRRiHf13V092TxI2oEzYeVDwITtyDuCiihwiCePGgxIM3vYgHL4J4UIhBRA8i/gPqyUvWg7AiIuIeloDiYUHJLOK6BPwIk9nNODM9Xf1RVe1b3elJRjCZmQ6euqGmuqer33rq4e23GqiOykBloDJQGagMVAYqA5WBykBlYFYD1qwP/tdzaZqOx9zYOLxeX0+L5yzLGp0X/03a25MOnGRcBtx+6Rlo9SL08G4EooFnxa8Yiivox5/h5Ys/4cl7NVorNDRnngX+0MIkVMeMSf23zyKML8J7/Dy8hwF2Buh9CnS+AEQIdLspBuGb+M7/qLW4qJrNpsLapjYhpwVnx3BMfCtNNx3Etc9xywvnMf80wG8HmQainw0RxSGrnmeBp+8k5/j9S0HbvXb5io0Lz880/0wPHV1NlhLd316He+4xOCv5ragF7L9PrH1qBJyB0626x/lC+qrSvH5r/W+n1WpxUM5nMY4GPeH8lHJaPgfeAFQHCL+ntkXT+vnUc3W6pvTIwC0wy3rA4dwLmK2avZ7Eo9uKBuYJfgJscbs8dLCxDMt+EOEPBEZNEWyBYHqTz6bPXrzUnNrSShxHIsYiOL69zrCGLLcLqJP68tB+9w5wj+YhWDafQ2s61wNqxjZhmrQ2pvMFCEvXuCUZ7wqH794ZWs28LJqlTXSUyuksF2M/yOwqgkx2c1ADa4wLAQRk2sAGQQakhN6yFC2hltfz5kSY44NKQeeh+vtI/SSzWhg2CzCgmWISmKUGmaYFBDfCSymnfxJ6/+ospVcWOLLp5DGP/y0P/Rp66O99DQNq7Po3Ds0a0wY+My2QSv2N2mO/OyxR2o6UQk+Lv7yJ06JYSnnolZVU9cUn2O9SmaMWGFBqYXRwbqAJWIi94TX5biotpcGl1DXZ6LnqIbNDTnmUgi52Mv5l5ysMxIcZcGjy2DTK4ZHlcBC14zeSge4qphICjj3bS0A7o9nSp2TOkm7aZ8bGZy/jxhO87V91G0+dfY/Z7BWIIK9KYUi5qy/Hf8YfBG3sqJTHiQWhmTVkbip+wX3x6volVSx+LPAxF+VLXhZ8VQ+iP2Rta/iWe5v42Fngj0BbdnRTXh12ZIcKhTaGbcYjybRwXBU1lu9KlndXp04NM52poKWO0RZsviNaP9a6grkO972+st05pXhE5c1hTEluJy7XUejGUQNLMbAmTdWY1rKBLW3aTJqBZ7nZkb36DhYCreeYHbMUXHvaYi5XDK70EcgulmRjm77wNtenzuXCbmnTRaAx493rbGf3Jr/njMzj920CnKdUaFCjlDioy7NYNvOdGrQJNgI32/L2tkXfFPlxgToqjWVhD6KdLnQRdARf/HHQz2r2X2Gqy8pAZaAyUBmoDFQGKgP/q4F/AJYg9/s0ZoABAAAAAElFTkSuQmCC';
 
-function formatOutlines(outlines) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const headers = new Headers({ 'Content-Type': 'text/plain' });
-        const getOutlineItem = function (item) {
-            return __awaiter(this, void 0, void 0, function* () {
-                const outlineItem = {
-                    index: item.index,
-                    url: item.url,
-                    svgUrl: item.svg_url,
-                };
-                if (item.svg_url) {
-                    const svgContent = yield fetch(item.svg_url, { headers }).then((res) => res.text());
-                    outlineItem.svgContent = svgContent;
-                }
-                return outlineItem;
-            });
+async function formatOutlines(outlines) {
+    const headers = new Headers({ 'Content-Type': 'text/plain' });
+    const getOutlineItem = async function (item) {
+        const outlineItem = {
+            index: item.index,
+            url: item.url,
+            svgUrl: item.svg_url,
         };
-        const svgOutlineItems = yield Promise.all(outlines.map(getOutlineItem));
-        return svgOutlineItems;
-    });
+        if (item.svg_url) {
+            const svgContent = await fetch(item.svg_url, { headers }).then((res) => res.text());
+            outlineItem.svgContent = svgContent;
+        }
+        return outlineItem;
+    };
+    const svgOutlineItems = await Promise.all(outlines.map(getOutlineItem));
+    return svgOutlineItems;
 }
 function formatRoom(data) {
     const floorplanRoomItem = {
@@ -4588,21 +4559,19 @@ function formatFloorplanEntrance(data) {
     };
     return floorplanEntrance;
 }
-function formatData(data) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const outlines = yield formatOutlines(data.outlines);
-        const bounding = data.computed_data.bounding;
-        const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
-        const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
-        const floorplanData = {
-            outlines,
-            entrance,
-            bounding,
-            floorDatas,
-            observers: data.computed_data.observers.map(formateFloorplanObserver),
-        };
-        return floorplanData;
-    });
+async function formatData(data) {
+    const outlines = await formatOutlines(data.outlines);
+    const bounding = data.computed_data.bounding;
+    const floorDatas = data.computed_data.floor_datas.map(formatFloorData);
+    const entrance = data.computed_data.entrance ? formatFloorplanEntrance(data.computed_data.entrance) : null;
+    const floorplanData = {
+        outlines,
+        entrance,
+        bounding,
+        floorDatas,
+        observers: data.computed_data.observers.map(formateFloorplanObserver),
+    };
+    return floorplanData;
 }
 function formatExtraObjects(data, five, floorplanData) {
     const extraObjects = data.map((object) => {
@@ -4697,37 +4666,35 @@ function nearlyEqual(num1, num2, accuracy = 4) {
 /** 等待 five changeMode 结束
  * @description Promise 的状态只代表 mode 与预期是否一致，不保证参数的一致性
  */
-function changeMode(five, changeModeParams) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield new Promise((resolve, reject) => {
-            // 虽然 changeMode 是异步函数，但不代表异步流程结束代表切换 Mode 动画结束
-            five.changeMode(...changeModeParams).catch((error) => reject(error));
-            five.once('initAnimationEnded', () => {
-                const fiveCurrentState = five.getCurrentState();
-                const correctMode = changeModeParams[0];
-                if (fiveCurrentState.mode !== correctMode)
-                    reject(new Error('mode 与预期不符'));
-                /** 检测当前的 current pose 和传入的 pose 是否一致 */
-                const checkPose = () => {
-                    const correctPose = changeModeParams[1];
-                    if (!correctPose)
+async function changeMode(five, changeModeParams) {
+    await new Promise((resolve, reject) => {
+        // 虽然 changeMode 是异步函数，但不代表异步流程结束代表切换 Mode 动画结束
+        five.changeMode(...changeModeParams).catch((error) => reject(error));
+        five.once('initAnimationEnded', () => {
+            const fiveCurrentState = five.getCurrentState();
+            const correctMode = changeModeParams[0];
+            if (fiveCurrentState.mode !== correctMode)
+                reject(new Error('mode 与预期不符'));
+            /** 检测当前的 current pose 和传入的 pose 是否一致 */
+            const checkPose = () => {
+                const correctPose = changeModeParams[1];
+                if (!correctPose)
+                    return true;
+                return Object.keys(correctPose).every((key) => {
+                    const fivePoseItem = fiveCurrentState[key];
+                    if (fivePoseItem === undefined)
                         return true;
-                    return Object.keys(correctPose).every((key) => {
-                        const fivePoseItem = fiveCurrentState[key];
-                        if (fivePoseItem === undefined)
-                            return true;
-                        const correctPoseItem = correctPose[key];
-                        if (typeof fivePoseItem === 'number' && typeof correctPoseItem === 'number') {
-                            return nearlyEqual(fivePoseItem, correctPoseItem, 2);
-                        }
-                        return fivePoseItem === correctPoseItem;
-                    });
-                };
-                const checkPoseResult = checkPose();
-                if (!checkPoseResult)
-                    reject(new Error('five pose 与预期不符'));
-                resolve();
-            });
+                    const correctPoseItem = correctPose[key];
+                    if (typeof fivePoseItem === 'number' && typeof correctPoseItem === 'number') {
+                        return nearlyEqual(fivePoseItem, correctPoseItem, 2);
+                    }
+                    return fivePoseItem === correctPoseItem;
+                });
+            };
+            const checkPoseResult = checkPose();
+            if (!checkPoseResult)
+                reject(new Error('five pose 与预期不符'));
+            resolve();
         });
     });
 }
@@ -5074,24 +5041,22 @@ class Controller$3 extends Controller$4 {
         five.once('dispose', this.dispose);
         this.addEventListener();
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const _data = serverData;
-            if (_data && !_data.version)
-                console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const _data = serverData;
+        if (_data && !_data.version)
+            console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
     /** 更新户型图位置 */
     updatePosition() {
@@ -5116,25 +5081,21 @@ class Controller$3 extends Controller$4 {
         this.render();
         return this;
     }
-    show(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // 已经展示完成了，不做任何操作
-            if (this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: true }, userAction);
-            this._show({ userAction });
-        });
+    async show(options = {}) {
+        // 已经展示完成了，不做任何操作
+        if (this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: true }, userAction);
+        this._show({ userAction });
     }
-    hide(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.isHiddenByHideFunc = true;
-            if (!this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: false }, userAction);
-            this._hide({ userAction });
-        });
+    async hide(options = {}) {
+        this.isHiddenByHideFunc = true;
+        if (!this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: false }, userAction);
+        this._hide({ userAction });
     }
     enable(options = {}) {
         if (this.state.enabled)
@@ -5164,42 +5125,36 @@ class Controller$3 extends Controller$4 {
             state.visible ? this._show(options) : this._hide(options);
         }
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
-    _show(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.enabled)
-                return;
-            this.isHiddenByHideFunc = false;
-            const { userAction } = options;
-            this.hooks.emit('show', { userAction });
-            if (this.five.getCurrentState().mode !== 'Topview') {
-                yield changeMode(this.five, ['Topview', undefined, undefined, userAction]);
-            }
-            this.five.model.show(this.floorIndex);
-            this.updatePosition();
-            this.updateSize();
-            const renderDuration = 500;
-            const modelOpacity = this.state.config.modelOpacity;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.hooks.emit('showAnimationEnded', { userAction });
-            this.render();
-        });
+    async _show(options) {
+        if (!this.state.enabled)
+            return;
+        this.isHiddenByHideFunc = false;
+        const { userAction } = options;
+        this.hooks.emit('show', { userAction });
+        if (this.five.getCurrentState().mode !== 'Topview') {
+            await changeMode(this.five, ['Topview', undefined, undefined, userAction]);
+        }
+        this.five.model.show(this.floorIndex);
+        this.updatePosition();
+        this.updateSize();
+        const renderDuration = 500;
+        const modelOpacity = this.state.config.modelOpacity;
+        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+        this.hooks.emit('showAnimationEnded', { userAction });
+        this.render();
     }
-    _hide(options) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.enabled)
-                return;
-            const { userAction } = options;
-            this.hooks.emit('hide', { userAction });
-            const modelOpacity = 1;
-            const renderDuration = 0;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.render();
-        });
+    async _hide(options) {
+        if (!this.state.enabled)
+            return;
+        const { userAction } = options;
+        this.hooks.emit('hide', { userAction });
+        const modelOpacity = 1;
+        const renderDuration = 0;
+        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+        this.render();
     }
     _enable(options) {
         const { userAction } = options;
@@ -6252,55 +6207,49 @@ class Controller$2 extends Controller$4 {
         // =============== init Listener ===============
         five.once('dispose', this.dispose);
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // const loadImage = async () => {
-            //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
-            //   // 当有 svgString 时，没有加载过程
-            //   if (floorplanData.outlines[floorIndex]?.svgContent) return
-            //   // 如果当前楼层图片不存在，不存在加载过程
-            //   const nowFloorImageSrc = floorplanData.outlines[floorIndex]?.url
-            //   if (!nowFloorImageSrc) return
-            //   // 图片加载完成时再 render
-            //   await new Promise<void>((resolve) => {
-            //     const nowFloorImage = new Image()
-            //     nowFloorImage.src = nowFloorImageSrc
-            //     nowFloorImage.onload = () => resolve()
-            //   })
-            // }
-            // await loadImage()
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        // const loadImage = async () => {
+        //   const floorIndex = this.five.work.observers[this.five.getCurrentState().panoIndex].floorIndex
+        //   // 当有 svgString 时，没有加载过程
+        //   if (floorplanData.outlines[floorIndex]?.svgContent) return
+        //   // 如果当前楼层图片不存在，不存在加载过程
+        //   const nowFloorImageSrc = floorplanData.outlines[floorIndex]?.url
+        //   if (!nowFloorImageSrc) return
+        //   // 图片加载完成时再 render
+        //   await new Promise<void>((resolve) => {
+        //     const nowFloorImage = new Image()
+        //     nowFloorImage.src = nowFloorImageSrc
+        //     nowFloorImage.onload = () => resolve()
+        //   })
+        // }
+        // await loadImage()
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
-    show(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            // 已经展示完成了，不做任何操作
-            if (this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: true }, userAction);
-            this._show({ userAction });
-        });
+    async show(options = {}) {
+        // 已经展示完成了，不做任何操作
+        if (this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: true }, userAction);
+        this._show({ userAction });
     }
-    hide(options = {}) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.state.visible)
-                return;
-            const userAction = options.userAction !== undefined ? options.userAction : true;
-            this.updateState({ visible: false }, userAction);
-            this._hide({ userAction });
-        });
+    async hide(options = {}) {
+        if (!this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: false }, userAction);
+        this._hide({ userAction });
     }
     enable(options = {}) {
         if (this.state.enabled)
@@ -6345,10 +6294,8 @@ class Controller$2 extends Controller$4 {
         this.extraObjects = formatExtraObjects(data, this.five, this.data);
         this.render();
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
     _enable(options) {
         const { userAction } = options;
@@ -6408,18 +6355,16 @@ const PanoFloorplanRadarPlugin = (five, params) => {
  * 有异常，则返回 [Error, undefined]
  * 用于替代 try&catch 处理 await 异常的方案
  */
-function to(promise) {
-    return __awaiter(this, void 0, void 0, function* () {
-        try {
-            const data = yield promise;
-            return [null, data];
-        }
-        catch (error) {
-            if (error instanceof Error)
-                return [error, null];
-            return [new Error(''), null];
-        }
-    });
+async function to(promise) {
+    try {
+        const data = await promise;
+        return [null, data];
+    }
+    catch (error) {
+        if (error instanceof Error)
+            return [error, null];
+        return [new Error(''), null];
+    }
 }
 
 var FloorplanErrorType;
@@ -6464,29 +6409,27 @@ function checkShowState(five, showState) {
  * 2. 内置了相应的动画时间计算
  * 3. 纠正成功会返回 true，失败「可能会被用户行为中断」会返回 false
  */
-function correctFiveState(five, showState, userAction = true) {
-    return __awaiter(this, void 0, void 0, function* () {
-        // 当前已满足状态，不需要变更
-        const result = checkShowState(five, showState);
-        if (result === true)
-            return;
-        const currentFiveState = five.getCurrentState();
-        // 纠正 mode
-        if (currentFiveState.mode !== showState.mode) {
-            const [changeModeError] = yield to(changeMode(five, [showState.mode, showState, undefined, userAction]));
-            if (changeModeError)
-                throw new Error(FloorplanErrorType.ChangeModeError);
-            return;
-        }
-        // 纠正相机状态
-        // 根据 latitude、longitude、fov 计算动画时间，最多 1s
-        const { latitude, longitude, fov } = currentFiveState;
-        const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
-        const [updateCameraError] = yield to(five.updateCamera(showState, time, userAction));
-        if (updateCameraError)
-            throw new Error(FloorplanErrorType.UpdateCameraError);
+async function correctFiveState(five, showState, userAction = true) {
+    // 当前已满足状态，不需要变更
+    const result = checkShowState(five, showState);
+    if (result === true)
         return;
-    });
+    const currentFiveState = five.getCurrentState();
+    // 纠正 mode
+    if (currentFiveState.mode !== showState.mode) {
+        const [changeModeError] = await to(changeMode(five, [showState.mode, showState, undefined, userAction]));
+        if (changeModeError)
+            throw new Error(FloorplanErrorType.ChangeModeError);
+        return;
+    }
+    // 纠正相机状态
+    // 根据 latitude、longitude、fov 计算动画时间，最多 1s
+    const { latitude, longitude, fov } = currentFiveState;
+    const time = Math.min(1000, Math.max(200, Math.abs(latitude - Math.PI / 2) * 1000, (longitude > Math.PI ? 2 * Math.PI - longitude : longitude) * 500, Math.abs(fov - showState.fov) * 10));
+    const [updateCameraError] = await to(five.updateCamera(showState, time, userAction));
+    if (updateCameraError)
+        throw new Error(FloorplanErrorType.UpdateCameraError);
+    return;
 }
 
 /** 当前 five 的相机视角是否满足户型图自动隐藏条件
@@ -6655,7 +6598,7 @@ class Controller$1 extends Controller$4 {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options = {}) => __awaiter(this, void 0, void 0, function* () {
+            value: async (options = {}) => {
                 if (!this.state.enabled)
                     return;
                 // 已经展示完成了，不做任何操作
@@ -6664,14 +6607,14 @@ class Controller$1 extends Controller$4 {
                 const userAction = options.userAction !== undefined ? options.userAction : true;
                 this.updateState({ visible: true }, userAction);
                 this._show(options);
-            })
+            }
         });
         /** 隐藏户型图 */
         Object.defineProperty(this, "hide", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options = {}) => __awaiter(this, void 0, void 0, function* () {
+            value: async (options = {}) => {
                 if (!this.state.enabled)
                     return;
                 this.isHiddenByHideFunc = true;
@@ -6679,7 +6622,7 @@ class Controller$1 extends Controller$4 {
                     return;
                 this.updateState({ visible: false }, options.userAction || true);
                 this._hide(options);
-            })
+            }
         });
         /** 更新户型图大小 */
         Object.defineProperty(this, "updateSize", {
@@ -6745,11 +6688,11 @@ class Controller$1 extends Controller$4 {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (options) => __awaiter(this, void 0, void 0, function* () {
-                var _b;
+            value: async (options) => {
+                var _a;
                 if (!this.state.enabled)
                     return;
-                if (!((_b = this.five.model) === null || _b === void 0 ? void 0 : _b.loaded))
+                if (!((_a = this.five.model) === null || _a === void 0 ? void 0 : _a.loaded))
                     throw new Error(FloorplanErrorType.ModelNotLoaded);
                 if (!this.data)
                     throw new Error(FloorplanErrorType.DataNotLoaded);
@@ -6763,7 +6706,7 @@ class Controller$1 extends Controller$4 {
                     userAction: true,
                 };
                 const mergedOptions = Object.assign(Object.assign({}, baseShowOpts), options);
-                const getShowPromise = () => __awaiter(this, void 0, void 0, function* () {
+                const getShowPromise = async () => {
                     this.hooks.emit('show', { userAction: mergedOptions.userAction, auto: mergedOptions.isAutoShow });
                     let hasRejected = false;
                     let externalErrorMsg;
@@ -6771,7 +6714,7 @@ class Controller$1 extends Controller$4 {
                         hasRejected = true;
                         externalErrorMsg = errorMsg;
                     };
-                    const [correctError] = yield to(correctFiveState(this.five, this.showState, mergedOptions.userAction));
+                    const [correctError] = await to(correctFiveState(this.five, this.showState, mergedOptions.userAction));
                     if (correctError)
                         throw correctError;
                     // 异步结束要判断当前是不是被中断了
@@ -6789,7 +6732,7 @@ class Controller$1 extends Controller$4 {
                     const renderDuration = mergedOptions.immediately ? 0 : SHOW_ANIME_DURATION;
                     changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
                     this.render(renderDuration);
-                });
+                };
                 this.showPromise = getShowPromise()
                     .then(() => {
                     this.hooks.emit('showAnimationEnded', {
@@ -6811,7 +6754,7 @@ class Controller$1 extends Controller$4 {
                     this.showRejection = undefined;
                 });
                 return this.showPromise;
-            })
+            }
         });
         Object.defineProperty(this, "_hide", {
             enumerable: true,
@@ -7045,24 +6988,22 @@ class Controller$1 extends Controller$4 {
         five.once('dispose', this.dispose);
         this.addEventListener();
     }
-    load(serverData, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            function isPluginServerData(serverData) {
-                return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
-            }
-            const _data = serverData;
-            if (_data && !_data.version)
-                console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
-            const copyData = JSON.parse(JSON.stringify(serverData));
-            const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
-            const prevData = this.data;
-            this.data = yield formatData(_serverData);
-            this.hooks.emit('dataLoaded', this.data);
-            this.hooks.emit('dataChange', this.data, prevData);
-            if (state)
-                this.updateState(state, userAction);
-            this.render();
-        });
+    async load(serverData, state, userAction = true) {
+        function isPluginServerData(serverData) {
+            return Object.prototype.hasOwnProperty.apply(serverData, ['version']);
+        }
+        const _data = serverData;
+        if (_data && !_data.version)
+            console.warn('传入 serverData.data 的方式后续可能不再支持，请把 serverData 整体传入 load 函数');
+        const copyData = JSON.parse(JSON.stringify(serverData));
+        const _serverData = isPluginServerData(copyData) ? copyData.data : copyData;
+        const prevData = this.data;
+        this.data = await formatData(_serverData);
+        this.hooks.emit('dataLoaded', this.data);
+        this.hooks.emit('dataChange', this.data, prevData);
+        if (state)
+            this.updateState(state, userAction);
+        this.render();
     }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
@@ -7110,10 +7051,8 @@ class Controller$1 extends Controller$4 {
             return;
         this.render();
     }
-    formatData(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            return yield formatData(serverData.data);
-        });
+    async formatData(serverData) {
+        return await formatData(serverData.data);
     }
     updateState(state, userAction) {
         const prevState = this.state;
@@ -7341,10 +7280,10 @@ const ModelChassisCompassPlugin = (five, params) => {
     const defaultNorthRad = (_a = params.north_rad) !== null && _a !== void 0 ? _a : undefined;
     // 局部状态
     const state = {};
-    const load = (data) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
+    const load = async (data) => {
+        var _a;
         const fbxUrl = (data === null || data === void 0 ? void 0 : data.fbx_url) || defaultFbxUrl;
-        const northRad = (_b = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _b !== void 0 ? _b : defaultNorthRad;
+        const northRad = (_a = data === null || data === void 0 ? void 0 : data.north_rad) !== null && _a !== void 0 ? _a : defaultNorthRad;
         if (typeof northRad !== 'number') {
             throw new Error('"northRad"配置参数缺失：未配置指南针指向！');
         }
@@ -7353,7 +7292,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         const zOffset = bounding.max.z - bounding.min.z;
         const maxOffset = Math.max(xOffset, zOffset);
         const fbxLoader = new FBXLoader();
-        const object = yield fbxLoader.loadAsync(fbxUrl);
+        const object = await fbxLoader.loadAsync(fbxUrl);
         transfromToMeshBasicMaterial(object, {
             transparent: true,
             side: THREE.DoubleSide,
@@ -7367,7 +7306,7 @@ const ModelChassisCompassPlugin = (five, params) => {
         bject3d2LocalMatrix(object, { position, rotation, scale });
         state.object = object;
         return true;
-    });
+    };
     const onCameraUpdate = ({ latitude }) => {
         if (!state.object)
             return;
@@ -7437,25 +7376,25 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
     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 = (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;
+    const load = async (data) => {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const position = (_a = data === null || data === void 0 ? void 0 : data.position) !== null && _a !== void 0 ? _a : defaultModelPosition;
         if (!position)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): position is undefined`);
         const modelPosition = transformPositionToVector3(position);
-        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;
+        const rad = (_b = data === null || data === void 0 ? void 0 : data.rad) !== null && _b !== void 0 ? _b : defaultRad;
+        const fbxUrl = (_c = data === null || data === void 0 ? void 0 : data.fbx_url) !== null && _c !== void 0 ? _c : defaultFbxUrl;
         state.rad = rad;
         if (rad === undefined)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): rad is ${rad}`);
         // 加载模型
-        const object = yield new FBXLoader().loadAsync(fbxUrl);
+        const object = await new 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.DoubleSide });
-        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();
+        const textMesh = (_g = (_f = (_e = (_d = object.children) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.children) === null || _f === void 0 ? void 0 : _f[3]) === null || _g === void 0 ? void 0 : _g.clone();
         if (!textMesh)
             return Promise.reject(`ModelEntryDoorGuidePlugin.load(): textMesh is ${textMesh}`);
         textMesh.material = new MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
@@ -7463,7 +7402,7 @@ const ModelEntryDoorGuidePlugin = (five, params) => {
         object.children[0].add(textMesh);
         state.object = object;
         return true;
-    });
+    };
     const initAnimation = () => {
         if (state.animation)
             return;
@@ -7700,21 +7639,21 @@ const getLongitudeParams = (from, to, rotation) => {
  */
 const CameraMovementPlugin = (five) => {
     const state = {};
-    const move = (args, duration, opts = { preload: true }) => __awaiter(void 0, void 0, void 0, function* () {
+    const move = async (args, duration, opts = { preload: true }) => {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            yield opts.asyncStartCallback();
+            await opts.asyncStartCallback();
         }
         if (args.mode && args.mode !== five.currentMode) {
-            yield five.changeMode(args.mode);
+            await five.changeMode(args.mode);
         }
         if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five.panoIndex) {
-            yield five.preloadPano(args.panoIndex);
+            await five.preloadPano(args.panoIndex);
         }
         if (opts.asyncEndCallback) {
-            yield opts.asyncEndCallback();
+            await opts.asyncEndCallback();
         }
         if (args.panoIndex === undefined &&
             args.fov === undefined &&
@@ -7722,7 +7661,7 @@ const CameraMovementPlugin = (five) => {
             args.longitude === undefined) {
             return true;
         }
-        return yield new Promise((resolve, reject) => {
+        return await new Promise((resolve, reject) => {
             const panoIndex = args.panoIndex !== undefined ? args.panoIndex : five.panoIndex;
             if (panoIndex !== undefined) {
                 five.moveToPano(panoIndex, Object.assign({
@@ -7735,7 +7674,7 @@ const CameraMovementPlugin = (five) => {
                 reject(false);
             }
         });
-    });
+    };
     const getAnimeParams = (args) => {
         const currentFiveState = five.state;
         // latitude
@@ -7751,20 +7690,20 @@ const CameraMovementPlugin = (five) => {
             to: { latitude: toLatitude, longitude: toLongitude, fov: toFov },
         };
     };
-    const rotate = (args, duration, opts = {}) => __awaiter(void 0, void 0, void 0, function* () {
+    const rotate = async (args, duration, opts = {}) => {
         if (state.interruptCallback) {
             state.interruptCallback(false);
         }
         if (opts.asyncStartCallback) {
-            yield opts.asyncStartCallback();
+            await opts.asyncStartCallback();
         }
         if (five.currentMode !== Five.Mode.Panorama) {
-            yield five.changeMode(Five.Mode.Panorama);
+            await five.changeMode(Five.Mode.Panorama);
         }
         if (args.panoIndex !== undefined && args.panoIndex !== five.panoIndex) {
             if (opts.preload)
-                yield five.preloadPano(args.panoIndex);
-            yield new Promise((resolve, reject) => {
+                await five.preloadPano(args.panoIndex);
+            await new Promise((resolve, reject) => {
                 if (!args.panoIndex) {
                     resolve(true);
                     return;
@@ -7776,10 +7715,10 @@ const CameraMovementPlugin = (five) => {
             });
         }
         if (opts.asyncEndCallback) {
-            yield opts.asyncEndCallback();
+            await opts.asyncEndCallback();
         }
         const { from, to } = getAnimeParams(args);
-        return yield new Promise((resolve) => {
+        return await new Promise((resolve) => {
             const onUpdate = ({ progress }) => {
                 const state = {};
                 state.longitude = progressNumber(from.longitude, to.longitude, progress);
@@ -7821,7 +7760,7 @@ const CameraMovementPlugin = (five) => {
                     state.interruptCallback(true);
             }, duration);
         });
-    });
+    };
     return {
         move,
         rotate,
@@ -8181,7 +8120,7 @@ const PanoRulerPlugin = (five, params) => {
         freshRule();
         return true;
     };
-    const load = (_roomInfo, _roomRules, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const load = async (_roomInfo, _roomRules, options) => {
         const roomInfo = _roomInfo || params.roomInfo;
         const roomRules = _roomRules || params.roomRules;
         if (!roomInfo || !roomRules) {
@@ -8193,9 +8132,9 @@ const PanoRulerPlugin = (five, params) => {
             return _load(roomInfo, roomRules);
         }
         else {
-            return yield new Promise((resolve) => five.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
+            return await new Promise((resolve) => five.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
         }
-    });
+    };
     if (params.roomInfo && params.roomRules) {
         load(params.roomInfo, params.roomRules);
     }
@@ -9105,22 +9044,20 @@ class Controller {
             if ((_a = params.options) === null || _a === void 0 ? void 0 : _a.className)
                 this.container.classList.add((_b = params.options) === null || _b === void 0 ? void 0 : _b.className);
         }
-        this.five.once('modelLoaded', () => __awaiter(this, void 0, void 0, function* () {
-            var _c, _d;
-            (_d = (_c = this.five.getElement()) === null || _c === void 0 ? void 0 : _c.parentNode) === null || _d === void 0 ? void 0 : _d.append(this.container);
-        }));
+        this.five.once('modelLoaded', async () => {
+            var _a, _b;
+            (_b = (_a = this.five.getElement()) === null || _a === void 0 ? void 0 : _a.parentNode) === null || _b === void 0 ? void 0 : _b.append(this.container);
+        });
         this.five.once('dispose', () => this.dispose());
     }
-    load(serverData) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (!this.five.work)
-                return;
-            const data = serverData.data;
-            if (!data)
-                throw new Error('标尺数据依赖不齐全！');
-            this.panoRulerProData = data;
-            this.state.loaded = true;
-        });
+    async load(serverData) {
+        if (!this.five.work)
+            return;
+        const data = serverData.data;
+        if (!data)
+            throw new Error('标尺数据依赖不齐全！');
+        this.panoRulerProData = data;
+        this.state.loaded = true;
     }
     enable() {
         if (!this.state.loaded)
@@ -9138,26 +9075,24 @@ class Controller {
         this.render();
         return true;
     }
-    render() {
+    async render() {
         var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.state.enabled) {
-                if (!this.panoRulerProData || !this.container)
-                    return;
-                this.rulerItems = new RulerItems({
-                    target: this.container,
-                    props: {
-                        five: this.five,
-                        rulerDatas: this.panoRulerProData,
-                        options: this.state.options,
-                    },
-                });
-            }
-            else {
-                (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
-                this.rulerItems = undefined;
-            }
-        });
+        if (this.state.enabled) {
+            if (!this.panoRulerProData || !this.container)
+                return;
+            this.rulerItems = new RulerItems({
+                target: this.container,
+                props: {
+                    five: this.five,
+                    rulerDatas: this.panoRulerProData,
+                    options: this.state.options,
+                },
+            });
+        }
+        else {
+            (_a = this.rulerItems) === null || _a === void 0 ? void 0 : _a.$destroy();
+            this.rulerItems = undefined;
+        }
     }
     dispose() {
         if (this.container) {
@@ -9226,14 +9161,12 @@ function getRoomInfoInstance() {
 }
 
 const textureLoader = new THREE.TextureLoader();
-function loadTexture(url) {
-    return __awaiter(this, void 0, void 0, function* () {
-        return new Promise((resolve, reject) => {
-            textureLoader.load(url, resolve, undefined, reject);
-        }).then((texture) => {
-            texture.encoding = THREE.sRGBEncoding;
-            return texture;
-        });
+async function loadTexture(url) {
+    return new Promise((resolve, reject) => {
+        textureLoader.load(url, resolve, undefined, reject);
+    }).then((texture) => {
+        texture.encoding = THREE.sRGBEncoding;
+        return texture;
     });
 }
 
@@ -9660,19 +9593,17 @@ class PanoCompassController extends Controller$4 {
             this.init();
         }
     }
-    load(data, state, userAction = true) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const nextData = yield this.formatData(data);
-            if (JSON.stringify(this.data) !== JSON.stringify(nextData)) {
-                this.hooks.emit('dataChange', nextData, this.data);
-                this.data = Object.assign({}, nextData);
-                this.init();
-                if (state) {
-                    this.setState(state, { userAction });
-                }
-                this.hooks.emit('dataLoaded', this.data);
+    async load(data, state, userAction = true) {
+        const nextData = await this.formatData(data);
+        if (JSON.stringify(this.data) !== JSON.stringify(nextData)) {
+            this.hooks.emit('dataChange', nextData, this.data);
+            this.data = Object.assign({}, nextData);
+            this.init();
+            if (state) {
+                this.setState(state, { userAction });
             }
-        });
+            this.hooks.emit('dataLoaded', this.data);
+        }
     }
     formatData(serverData) {
         if (serverData.version && serverData.data) {
@@ -9686,64 +9617,58 @@ class PanoCompassController extends Controller$4 {
      * 初始化
      * @todo 逻辑需要细分
      */
-    init() {
+    async init() {
         var _a, _b, _c, _d;
-        return __awaiter(this, void 0, void 0, function* () {
-            const northRad = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.north_rad) !== null && _b !== void 0 ? _b : null;
-            this._clearCompassIfNeed();
-            if (northRad !== null) {
-                this.compassMesh = yield this.loadCompassMesh();
-                this.compassMesh.rotateX(-Math.PI / 2);
-                this.compassMesh.rotateZ(northRad - Math.PI / 2);
-                this.group.add(this.compassMesh);
-            }
-            const entrance = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.entrance) !== null && _d !== void 0 ? _d : null;
-            this._clearEntryDoorIfNeed();
-            if (entrance !== null) {
-                this.entryDoorMesh = yield this.loadEntryDoorMesh();
-                this.roomInfoWrapperInstance = this.loadRoomInfo();
-                this.roomInfoInstance = getRoomInfoInstance();
-                this.entryDoorMesh.rotateX(-Math.PI / 2);
-                if (this.roomInfoWrapperInstance) {
-                    this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
-                }
-                this.group.add(this.entryDoorMesh);
+        const northRad = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.north_rad) !== null && _b !== void 0 ? _b : null;
+        this._clearCompassIfNeed();
+        if (northRad !== null) {
+            this.compassMesh = await this.loadCompassMesh();
+            this.compassMesh.rotateX(-Math.PI / 2);
+            this.compassMesh.rotateZ(northRad - Math.PI / 2);
+            this.group.add(this.compassMesh);
+        }
+        const entrance = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.entrance) !== null && _d !== void 0 ? _d : null;
+        this._clearEntryDoorIfNeed();
+        if (entrance !== null) {
+            this.entryDoorMesh = await this.loadEntryDoorMesh();
+            this.roomInfoWrapperInstance = this.loadRoomInfo();
+            this.roomInfoInstance = getRoomInfoInstance();
+            this.entryDoorMesh.rotateX(-Math.PI / 2);
+            if (this.roomInfoWrapperInstance) {
+                this.roomInfoInstance.appendTo(this.roomInfoWrapperInstance.container);
             }
-            this.onFivePanoArrived(this.five.panoIndex || 0);
-            this.five.needsRender = true;
-        });
+            this.group.add(this.entryDoorMesh);
+        }
+        this.onFivePanoArrived(this.five.panoIndex || 0);
+        this.five.needsRender = true;
     }
-    loadCompassMesh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const compassImageUrl = this.state.config.compassImageUrl;
-            const compassTexture = yield loadTexture(compassImageUrl);
-            const compassGeometry = new THREE.CircleGeometry(0.7, 32);
-            const compassMaterial = new THREE.MeshBasicMaterial({
-                map: compassTexture,
-                transparent: true,
-                opacity: 0,
-                depthTest: false,
-            });
-            const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
-            compassMesh.name = 'pano-compass-mesh';
-            return compassMesh;
+    async loadCompassMesh() {
+        const compassImageUrl = this.state.config.compassImageUrl;
+        const compassTexture = await loadTexture(compassImageUrl);
+        const compassGeometry = new THREE.CircleGeometry(0.7, 32);
+        const compassMaterial = new THREE.MeshBasicMaterial({
+            map: compassTexture,
+            transparent: true,
+            opacity: 0,
+            depthTest: false,
         });
+        const compassMesh = new THREE.Mesh(compassGeometry, compassMaterial);
+        compassMesh.name = 'pano-compass-mesh';
+        return compassMesh;
     }
-    loadEntryDoorMesh() {
-        return __awaiter(this, void 0, void 0, function* () {
-            const entryDoorImageUrl = this.state.config.entryDoorImageUrl;
-            const entryDoorTexture = yield loadTexture(entryDoorImageUrl);
-            const entryDoorGeometry = new THREE.PlaneGeometry(0.2, 0.16);
-            const entryDoorMaterial = new THREE.MeshBasicMaterial({
-                map: entryDoorTexture,
-                transparent: true,
-                opacity: 0.8,
-                depthTest: false,
-            });
-            const entryDoorMesh = new THREE.Mesh(entryDoorGeometry, entryDoorMaterial);
-            entryDoorMesh.name = 'pano-compass-entry-door';
-            return entryDoorMesh;
+    async loadEntryDoorMesh() {
+        const entryDoorImageUrl = this.state.config.entryDoorImageUrl;
+        const entryDoorTexture = await loadTexture(entryDoorImageUrl);
+        const entryDoorGeometry = new THREE.PlaneGeometry(0.2, 0.16);
+        const entryDoorMaterial = new THREE.MeshBasicMaterial({
+            map: entryDoorTexture,
+            transparent: true,
+            opacity: 0.8,
+            depthTest: false,
         });
+        const entryDoorMesh = new THREE.Mesh(entryDoorGeometry, entryDoorMaterial);
+        entryDoorMesh.name = 'pano-compass-entry-door';
+        return entryDoorMesh;
     }
     loadRoomInfo() {
         const points = [
@@ -15653,7 +15578,7 @@ const ModelTVVideoPlugin = (five, { videoElement }) => {
             xhr.send();
         });
     };
-    const load = (data, videoElement) => __awaiter(void 0, void 0, void 0, function* () {
+    const load = async (data, videoElement) => {
         const { video_src, video_poster_src, points } = data;
         state.videoSource = video_src;
         // TODO 存疑，先处理多一次遍历 o(2n)
@@ -15663,11 +15588,11 @@ const ModelTVVideoPlugin = (five, { videoElement }) => {
         if (videoElement) {
             state.videoElement = videoElement;
         }
-        state.videoTexture = yield getVideoTexture(state.videoSource, state.videoElement);
+        state.videoTexture = await getVideoTexture(state.videoSource, state.videoElement);
         state.enabled = !!data.enable;
         if (state.enabled)
             enable();
-    });
+    };
     const dispose = () => {
         disable();
         state.videoTexture = undefined;