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

package/dist/index.umd.js

@@ -1011,31 +1011,6 @@
         FLOOR_PLAN_ATTACHED_TO[FLOOR_PLAN_ATTACHED_TO["BOUNDING_CENTER"] = 3] = "BOUNDING_CENTER";
     })(exports.FLOOR_PLAN_ATTACHED_TO || (exports.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 要检查的值
@@ -4539,26 +4514,22 @@
 
     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 = {
@@ -4604,21 +4575,19 @@
         };
         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) => {
@@ -4713,37 +4682,35 @@
     /** 等待 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();
             });
         });
     }
@@ -5090,24 +5057,22 @@
             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() {
@@ -5132,25 +5097,21 @@
             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)
@@ -5180,42 +5141,36 @@
                 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;
@@ -6268,55 +6223,49 @@
             // =============== 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)
@@ -6361,10 +6310,8 @@
             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;
@@ -6424,18 +6371,16 @@
      * 有异常，则返回 [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;
@@ -6480,29 +6425,27 @@
      * 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 的相机视角是否满足户型图自动隐藏条件
@@ -6671,7 +6614,7 @@
                 enumerable: true,
                 configurable: true,
                 writable: true,
-                value: (options = {}) => __awaiter(this, void 0, void 0, function* () {
+                value: async (options = {}) => {
                     if (!this.state.enabled)
                         return;
                     // 已经展示完成了，不做任何操作
@@ -6680,14 +6623,14 @@
                     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;
@@ -6695,7 +6638,7 @@
                         return;
                     this.updateState({ visible: false }, options.userAction || true);
                     this._hide(options);
-                })
+                }
             });
             /** 更新户型图大小 */
             Object.defineProperty(this, "updateSize", {
@@ -6761,11 +6704,11 @@
                 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);
@@ -6779,7 +6722,7 @@
                         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;
@@ -6787,7 +6730,7 @@
                             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;
                         // 异步结束要判断当前是不是被中断了
@@ -6805,7 +6748,7 @@
                         const renderDuration = mergedOptions.immediately ? 0 : SHOW_ANIME_DURATION;
                         changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
                         this.render(renderDuration);
-                    });
+                    };
                     this.showPromise = getShowPromise()
                         .then(() => {
                         this.hooks.emit('showAnimationEnded', {
@@ -6827,7 +6770,7 @@
                         this.showRejection = undefined;
                     });
                     return this.showPromise;
-                })
+                }
             });
             Object.defineProperty(this, "_hide", {
                 enumerable: true,
@@ -7061,24 +7004,22 @@
             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) {
@@ -7126,10 +7067,8 @@
                 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;
@@ -7357,10 +7296,10 @@
         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"配置参数缺失：未配置指南针指向！');
             }
@@ -7369,7 +7308,7 @@
             const zOffset = bounding.max.z - bounding.min.z;
             const maxOffset = Math.max(xOffset, zOffset);
             const fbxLoader = new FBXLoader.FBXLoader();
-            const object = yield fbxLoader.loadAsync(fbxUrl);
+            const object = await fbxLoader.loadAsync(fbxUrl);
             transfromToMeshBasicMaterial(object, {
                 transparent: true,
                 side: THREE__namespace.DoubleSide,
@@ -7383,7 +7322,7 @@
             bject3d2LocalMatrix(object, { position, rotation, scale });
             state.object = object;
             return true;
-        });
+        };
         const onCameraUpdate = ({ latitude }) => {
             if (!state.object)
                 return;
@@ -7453,25 +7392,25 @@
         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.FBXLoader().loadAsync(fbxUrl);
+            const object = await 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 = (_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 THREE.MeshBasicMaterial({ transparent: true, map: createCanvasTextTexture('入户门') });
@@ -7479,7 +7418,7 @@
             object.children[0].add(textMesh);
             state.object = object;
             return true;
-        });
+        };
         const initAnimation = () => {
             if (state.animation)
                 return;
@@ -7716,21 +7655,21 @@
      */
     const CameraMovementPlugin = (five$1) => {
         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$1.currentMode) {
-                yield five$1.changeMode(args.mode);
+                await five$1.changeMode(args.mode);
             }
             if (opts.preload && args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
-                yield five$1.preloadPano(args.panoIndex);
+                await five$1.preloadPano(args.panoIndex);
             }
             if (opts.asyncEndCallback) {
-                yield opts.asyncEndCallback();
+                await opts.asyncEndCallback();
             }
             if (args.panoIndex === undefined &&
                 args.fov === undefined &&
@@ -7738,7 +7677,7 @@
                 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$1.panoIndex;
                 if (panoIndex !== undefined) {
                     five$1.moveToPano(panoIndex, Object.assign({
@@ -7751,7 +7690,7 @@
                     reject(false);
                 }
             });
-        });
+        };
         const getAnimeParams = (args) => {
             const currentFiveState = five$1.state;
             // latitude
@@ -7767,20 +7706,20 @@
                 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$1.currentMode !== five.Five.Mode.Panorama) {
-                yield five$1.changeMode(five.Five.Mode.Panorama);
+                await five$1.changeMode(five.Five.Mode.Panorama);
             }
             if (args.panoIndex !== undefined && args.panoIndex !== five$1.panoIndex) {
                 if (opts.preload)
-                    yield five$1.preloadPano(args.panoIndex);
-                yield new Promise((resolve, reject) => {
+                    await five$1.preloadPano(args.panoIndex);
+                await new Promise((resolve, reject) => {
                     if (!args.panoIndex) {
                         resolve(true);
                         return;
@@ -7792,10 +7731,10 @@
                 });
             }
             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);
@@ -7837,7 +7776,7 @@
                         state.interruptCallback(true);
                 }, duration);
             });
-        });
+        };
         return {
             move,
             rotate,
@@ -8197,7 +8136,7 @@
             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) {
@@ -8209,9 +8148,9 @@
                 return _load(roomInfo, roomRules);
             }
             else {
-                return yield new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
+                return await new Promise((resolve) => five$1.once('modelLoaded', () => resolve(_load(roomInfo, roomRules))));
             }
-        });
+        };
         if (params.roomInfo && params.roomRules) {
             load(params.roomInfo, params.roomRules);
         }
@@ -9121,22 +9060,20 @@
                 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)
@@ -9154,26 +9091,24 @@
             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) {
@@ -9242,14 +9177,12 @@
     }
 
     const textureLoader = new THREE__namespace.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__namespace.sRGBEncoding;
-                return texture;
-            });
+    async function loadTexture(url) {
+        return new Promise((resolve, reject) => {
+            textureLoader.load(url, resolve, undefined, reject);
+        }).then((texture) => {
+            texture.encoding = THREE__namespace.sRGBEncoding;
+            return texture;
         });
     }
 
@@ -9676,19 +9609,17 @@
                 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) {
@@ -9702,64 +9633,58 @@
          * 初始化
          * @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__namespace.CircleGeometry(0.7, 32);
-                const compassMaterial = new THREE__namespace.MeshBasicMaterial({
-                    map: compassTexture,
-                    transparent: true,
-                    opacity: 0,
-                    depthTest: false,
-                });
-                const compassMesh = new THREE__namespace.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__namespace.CircleGeometry(0.7, 32);
+            const compassMaterial = new THREE__namespace.MeshBasicMaterial({
+                map: compassTexture,
+                transparent: true,
+                opacity: 0,
+                depthTest: false,
             });
+            const compassMesh = new THREE__namespace.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__namespace.PlaneGeometry(0.2, 0.16);
-                const entryDoorMaterial = new THREE__namespace.MeshBasicMaterial({
-                    map: entryDoorTexture,
-                    transparent: true,
-                    opacity: 0.8,
-                    depthTest: false,
-                });
-                const entryDoorMesh = new THREE__namespace.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__namespace.PlaneGeometry(0.2, 0.16);
+            const entryDoorMaterial = new THREE__namespace.MeshBasicMaterial({
+                map: entryDoorTexture,
+                transparent: true,
+                opacity: 0.8,
+                depthTest: false,
             });
+            const entryDoorMesh = new THREE__namespace.Mesh(entryDoorGeometry, entryDoorMaterial);
+            entryDoorMesh.name = 'pano-compass-entry-door';
+            return entryDoorMesh;
         }
         loadRoomInfo() {
             const points = [
@@ -15669,7 +15594,7 @@ void main() {
                 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)
@@ -15679,11 +15604,11 @@ void main() {
             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;