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

package/libs/CameraMovementPlugin/CameraMovementPlugin.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import { Five } from '@realsee/five';
 import * as TWEEN from '@tweenjs/tween.js';
 import { tweenProgress } from '../shared-utils/animationFrame/tween';
@@ -38,21 +29,21 @@ const getLongitudeParams = (from, to, rotation) => {
  */
 export 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 &&
@@ -60,7 +51,7 @@ export 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({
@@ -73,7 +64,7 @@ export const CameraMovementPlugin = (five) => {
                 reject(false);
             }
         });
-    });
+    };
     const getAnimeParams = (args) => {
         const currentFiveState = five.state;
         // latitude
@@ -89,20 +80,20 @@ export 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;
@@ -114,10 +105,10 @@ export 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);
@@ -159,7 +150,7 @@ export const CameraMovementPlugin = (five) => {
                     state.interruptCallback(true);
             }, duration);
         });
-    });
+    };
     return {
         move,
         rotate,

package/libs/ModelChassisCompassPlugin/Plugin.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import * as THREE from 'three';
 import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
 import object3d2LocalMatrix from '../shared-utils/object3d2LocalMatrix';
@@ -20,10 +11,10 @@ export 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"配置参数缺失：未配置指南针指向！');
         }
@@ -32,7 +23,7 @@ export 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,
@@ -46,7 +37,7 @@ export const ModelChassisCompassPlugin = (five, params) => {
         object3d2LocalMatrix(object, { position, rotation, scale });
         state.object = object;
         return true;
-    });
+    };
     const onCameraUpdate = ({ latitude }) => {
         if (!state.object)
             return;

package/libs/ModelEntryDoorGuidePlugin/Plugin.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import { AnimationMixer, MeshBasicMaterial } from 'three';
 import * as THREE from 'three';
 import { FBXLoader } from 'three/examples/jsm/loaders/FBXLoader';
@@ -25,25 +16,25 @@ export 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('入户门') });
@@ -51,7 +42,7 @@ export const ModelEntryDoorGuidePlugin = (five, params) => {
         object.children[0].add(textMesh);
         state.object = object;
         return true;
-    });
+    };
     const initAnimation = () => {
         if (state.animation)
             return;

package/libs/ModelTVVideoPlugin/Plugin.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import * as THREE from 'three';
 import { parseModelTVVideoPoints } from "./utils/parseData";
 export const ModelTVVideoPlugin = (five, { videoElement }) => {
@@ -161,7 +152,7 @@ export 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)
@@ -171,11 +162,11 @@ export 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;

package/libs/PanoCompassPlugin/controller.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import * as THREE from 'three';
 import { Five } from '@realsee/five';
 import * as BasePlugin from '../base/BasePluginWithData';
@@ -379,19 +370,17 @@ export class PanoCompassController extends BasePlugin.Controller {
             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) {
@@ -405,64 +394,58 @@ export class PanoCompassController extends BasePlugin.Controller {
      * 初始化
      * @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 = [

package/libs/PanoCompassPlugin/index.d.ts

@@ -4,4 +4,4 @@ import type { PanoCompassPluginParameterType } from './typings';
 export declare type PanoCompassPluginExportType = PanoCompassController;
 export declare const PanoCompassPlugin: FivePlugin<PanoCompassPluginParameterType, PanoCompassPluginExportType>;
 export default PanoCompassPlugin;
-export type { PanoCompassPluginParameterType } from './typings';
+export type { PanoCompassPluginParameterType, PanoCompassPluginData } from './typings';

package/libs/PanoRulerPlugin/Plugin.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import { Five } from '@realsee/five';
 import { Raycaster, Vector3 } from 'three';
 import { intersectionOfLine } from '../shared-utils/math/planimetry';
@@ -171,7 +162,7 @@ export 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) {
@@ -183,9 +174,9 @@ export 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);
     }

package/libs/PanoRulerProPlugin/Controller.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (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());
-    });
-};
 import RulerItems from './RulerItems';
 export default class Controller {
     constructor(five, params) {
@@ -59,22 +50,20 @@ export default 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)
@@ -92,26 +81,24 @@ export default 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) {