@realsee/dnalogel 2.0.0-alpha.35 → 2.0.0-alpha.38

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -1,37 +1,44 @@
 import * as THREE from 'three';
-import { pluginStyle } from './style';
+import equal from '../../shared-utils/equal';
+import Main from '../Components/Main';
 import formatData from '../utils/formatData';
-import getPxmm from '../../shared-utils/getPxmm';
+import { CAMERA_IMAGE } from '../Assets/camera';
 import { omit } from '../../shared-utils/filter';
-import Main from '../Components/Main';
+import { FLOOR_PLAN_ATTACHED_TO } from '../constant';
+import * as BasePlugin from '../../base/BasePluginWithData';
+import changeMode from '../../shared-utils/five/changeMode';
+import getPxmm, { getAttachedY } from '../../shared-utils/getPxmm';
 import changeModelCanvasOpacity from '../../shared-utils/changeModelCanvasOpacity';
-export class TopviewFloorplanPluginController {
+export class Controller extends BasePlugin.Controller {
     constructor(five, params) {
-        Object.defineProperty(this, "size", {
+        super(five);
+        // =============== public properties =================
+        Object.defineProperty(this, "name", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: { width: 0, height: 0 }
+            value: 'topviewFloorplanPlugin'
         });
-        Object.defineProperty(this, "visible", {
+        Object.defineProperty(this, "state", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: false
+            value: void 0
         });
-        Object.defineProperty(this, "pxmm", {
+        // =============== private properties =================
+        Object.defineProperty(this, "data", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: 0
+            value: void 0
         });
         Object.defineProperty(this, "app", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: undefined
         });
-        Object.defineProperty(this, "five", {
+        Object.defineProperty(this, "selector", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -49,98 +56,136 @@ export class TopviewFloorplanPluginController {
             writable: true,
             value: 0
         });
-        Object.defineProperty(this, "configs", {
+        /** 户型图父容器 */
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 户型图主容器 */
+        Object.defineProperty(this, "container", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: {}
+            value: document.createElement('div')
         });
+        /** 展示户型图图前，Five 的 Panorama Longitude */
         Object.defineProperty(this, "lastPanoramaLongitude", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: 0
         });
-        Object.defineProperty(this, "selector", {
+        /** 户型图大小 */
+        Object.defineProperty(this, "size", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: { width: 0, height: 0 }
         });
-        Object.defineProperty(this, "floorplanData", {
+        /** 是否已经执行过事件监听 */
+        Object.defineProperty(this, "hasAddedEventListener", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: false
         });
-        Object.defineProperty(this, "wrapper", {
+        /** 上一次隐藏是否是用户调用了 hide 导致的 */
+        Object.defineProperty(this, "isHiddenByHideFunc", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: false
         });
-        Object.defineProperty(this, "container", {
+        /** 更新户型图大小 */
+        Object.defineProperty(this, "updateSize", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: document.createElement('div')
+            value: () => {
+                if (!this.data)
+                    return;
+                if (!this.container || !this.wrapper)
+                    return;
+                if (this.five.getCurrentState().mode !== 'Topview')
+                    return;
+                // 计算户型图展示大小
+                const { min, max } = this.data.bounding;
+                const width = max.x - min.x;
+                const height = max.y - min.y;
+                // 每毫米对应的 px 值
+                const options = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : undefined;
+                const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
+                const _width = Math.ceil(width * pxmm);
+                const _height = Math.ceil(height * pxmm);
+                if (this.size.width === _width && this.size.height === _height)
+                    return;
+                this.container.style.width = _width + 'px';
+                this.container.style.height = _height + 'px';
+                this.size = { width: _width, height: _height };
+            }
         });
+        /** 销毁插件 */
         Object.defineProperty(this, "dispose", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: () => {
                 var _a, _b;
-                this.hide();
+                this.removeEventListener();
                 (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                this.app = undefined;
                 (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
-                this.five.off('modeChange', this.onFiveModeChange);
-                this.five.off('panGesture', this.onFivePanGesture);
-                this.five.off('panoArrived', this.onFivePanoArrived);
-                this.five.off('modelLoaded', this.onFiveModelLoaded);
-                this.five.off('pinchGesture', this.onFivePinchGesture);
-                this.five.off('wantsGesture', this.onFiveWantsGesture);
-                this.five.off('wantsMoveToPano', this.onFiveWantsMoveToPano);
-                this.five.off('initAnimationEnded', this.onFiveInitAnimationEnded);
-                this.five.off('modelShownFloorChange', this.onModelShownFloorChange);
+                this.data = undefined;
+                this.wrapper = undefined;
+                this.selector = undefined;
+                this.hooks.emit('dispose');
             }
         });
-        Object.defineProperty(this, "onFiveWantsMoveToPano", {
+        Object.defineProperty(this, "_disable", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                if (this.visible && this.configs.preventRoomClick)
-                    return false;
+            value: (options) => {
+                var _a, _b;
+                const { userAction } = options;
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                this.app = undefined;
+                (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
+                this.removeEventListener();
+                this.hooks.emit('disable', { userAction });
             }
         });
-        Object.defineProperty(this, "onFiveWantsGesture", {
+        /** modelLoaded 之后自动执行 append container 操作  */
+        Object.defineProperty(this, "onFiveModelLoaded", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (type) => {
-                if (type !== 'pan' && type !== 'pinch' && type !== 'mouseWheel')
+            value: () => {
+                if (this.state.enabled === false)
                     return;
-                if (this.visible && !this.configs.gestureEnable)
-                    return false;
+                if (this.wrapper)
+                    return;
+                if (!this.selector)
+                    return;
+                const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+                if (!wrapper)
+                    throw new Error('不正确的父容器选择器');
+                this.wrapper = wrapper;
+                wrapper.append(this.container);
             }
         });
-        Object.defineProperty(this, "onModelShownFloorChange", {
+        /** 非 Topview 态隐藏户型图 */
+        Object.defineProperty(this, "onFiveModeChange", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (shownFloor) => {
-                if (this.floorIndex === shownFloor)
-                    return;
-                if (shownFloor === null) {
-                    const panoIndex = this.five.getCurrentState().panoIndex;
-                    this.floorIndex = this.five.work.observers[panoIndex].floorIndex;
-                    return;
+            value: (...[mode, , , , userAction]) => {
+                if (mode !== 'Topview' && this.state.visible) {
+                    this.updateState({ visible: false }, userAction);
+                    this._hide({ userAction });
                 }
-                // 模型楼层高亮改变时，自动进行楼层切换
-                this.floorIndex = shownFloor;
-                this.updateSize();
-                this.render();
             }
         });
         Object.defineProperty(this, "onFivePanoArrived", {
@@ -155,51 +200,35 @@ export class TopviewFloorplanPluginController {
                 this.floorIndex = this.five.work.observers[index].floorIndex;
             }
         });
-        Object.defineProperty(this, "onFivePanGesture", {
+        Object.defineProperty(this, "onFiveCameraUpdate", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                if (!this.visible)
-                    return;
-                this.updatePosition();
-            }
-        });
-        Object.defineProperty(this, "onFivePinchGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (!this.visible)
+            value: (_, userAction) => {
+                if (!this.state.visible)
                     return;
                 this.updatePosition();
                 this.updateSize();
             }
         });
-        Object.defineProperty(this, "onFiveModelLoaded", {
+        Object.defineProperty(this, "onFiveWantsGesture", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                if (this.wrapper)
-                    return;
-                if (!this.selector)
+            value: (type) => {
+                if (type !== 'pan' && type !== 'pinch' && type !== 'mouseWheel')
                     return;
-                const wrapper = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
-                if (!wrapper)
-                    throw new Error('不正确的父容器选择器');
-                this.wrapper = wrapper;
-                wrapper.append(this.container);
+                if (this.state.visible && !this.state.config.gestureEnable)
+                    return false;
             }
         });
-        /** 非 Topview 态隐藏户型图 */
-        Object.defineProperty(this, "onFiveModeChange", {
+        Object.defineProperty(this, "onFiveWantsMoveToPano", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (mode) => {
-                if (mode !== 'Topview')
-                    return this.hide();
+            value: () => {
+                if (this.state.visible && this.state.config.preventRoomClick)
+                    return false;
             }
         });
         /** 动画结束后是 Topview 态就展示户型图 */
@@ -207,134 +236,251 @@ export class TopviewFloorplanPluginController {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
+            value: (...[, , userAction]) => {
                 const { mode } = this.five.getCurrentState();
-                if (mode === 'Topview')
-                    this.show();
+                if (mode === 'Topview' && !this.isHiddenByHideFunc && !this.state.visible && this.state.config.autoShowEnable) {
+                    this.updateState({ visible: true }, userAction);
+                    this._show({ userAction });
+                }
             }
         });
-        /** 更新户型图大小 */
-        Object.defineProperty(this, "updateSize", {
+        Object.defineProperty(this, "onModelShownFloorChange", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: () => {
-                if (!this.floorplanData)
-                    return;
-                if (!this.container || !this.wrapper)
+            value: (shownFloor) => {
+                if (this.floorIndex === shownFloor)
                     return;
-                if (this.five.getCurrentState().mode !== 'Topview')
+                if (shownFloor === null) {
+                    const panoIndex = this.five.getCurrentState().panoIndex;
+                    this.floorIndex = this.five.work.observers[panoIndex].floorIndex;
                     return;
-                // 计算户型图展示大小
-                const { min, max } = this.floorplanData.bounding;
-                const width = max.x - min.x;
-                const height = max.y - min.y;
-                // 每毫米对应的 px 值
-                const options = this.configs.attachedTo ? { attachedTo: this.configs.attachedTo } : undefined;
-                const pxmm = getPxmm(this.five, this.wrapper, this.floorIndex, options);
-                const _width = Math.ceil(width * pxmm);
-                const _height = Math.ceil(height * pxmm);
-                this.pxmm = pxmm;
-                this.size = { width: _width, height: _height };
-                this.container.style.width = _width + 'px';
-                this.container.style.height = _height + 'px';
+                }
+                // 模型楼层高亮改变时，自动进行楼层切换
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
             }
         });
-        this.five = five;
-        this.selector = params.selector;
-        this.configs = omit(params, ['selector']);
-        this.five.addExtraElement(this.container);
-        // 设置 container 样式
-        this.container.classList.add('floorplan-plugin');
-        Object.assign(this.container.style, pluginStyle);
+        if (params === null || params === void 0 ? void 0 : params.selector) {
+            this.selector = params.selector;
+            console.warn('不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法');
+        }
+        // =============== init State ===============
+        const baseConfig = {
+            northDesc: '北',
+            modelOpacity: 1,
+            hoverEnable: true,
+            compassEnable: true,
+            gestureEnable: false,
+            autoShowEnable: true,
+            ruleLabelsEnable: true,
+            roomLabelsEnable: true,
+            cameraImageUrl: CAMERA_IMAGE,
+            attachedTo: FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,
+            getLabelElement: undefined,
+            adaptiveRoomLabelVisibleEnable: true,
+        };
+        const paramsConfig = params ? omit(params, ['selector', 'scale']) : {};
+        const config = Object.assign(Object.assign({}, baseConfig), paramsConfig);
+        this.state = {
+            enabled: true,
+            visible: false,
+            config,
+        };
+        // =============== init Container ===============
+        this.initContainer();
+        // =============== init Listener ===============
+        // 注意插件声明周期内只监听一次的事件不放在 addEventListener 里面
         // 如果初始化的时候模型已经加载完毕了，就不用再等 modelLoaded
-        this.five.model.loaded
-            ? this.onFiveModelLoaded()
-            : five.once('modelLoaded', this.onFiveModelLoaded);
-        this.five.once('dispose', this.dispose);
-        this.five.on('modeChange', this.onFiveModeChange);
-        this.five.on('panGesture', this.onFivePanGesture);
-        this.five.on('mouseWheel', this.onFivePinchGesture);
-        this.five.on('panoArrived', this.onFivePanoArrived);
-        this.five.on('pinchGesture', this.onFivePinchGesture);
-        this.five.on('wantsGesture', this.onFiveWantsGesture);
-        this.five.on('wantsMoveToPano', this.onFiveWantsMoveToPano);
-        this.five.on('initAnimationEnded', this.onFiveInitAnimationEnded);
-        this.five.on('modelShownFloorChange', this.onModelShownFloorChange);
+        five.model.loaded ? this.onFiveModelLoaded() : five.once('modelLoaded', this.onFiveModelLoaded);
+        five.once('dispose', this.dispose);
+        this.addEventListener();
     }
-    /** 加载户型图数据 */
-    async load(data) {
-        const copyData = JSON.parse(JSON.stringify(data));
-        this.floorplanData = await formatData(copyData);
+    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() {
+        var _a;
+        const y = getAttachedY(this.five, this.floorIndex, this.state.config.attachedTo);
+        const modelPosition = (_a = this.five.model) === null || _a === void 0 ? void 0 : _a.bounding.getCenter(new THREE.Vector3()).setY(y);
+        if (!modelPosition)
+            return;
+        const ndcPosition = modelPosition.clone().project(this.five.camera);
+        const left = (ndcPosition.x + 1) / 2;
+        const top = -(ndcPosition.y - 1) / 2;
+        this.container.style.left = left * 100 + '%';
+        this.container.style.top = top * 100 + '%';
+    }
     /** 把插件的渲染DOM插入到对应的容器中去 */
     appendTo(wrapper) {
         this.wrapper = wrapper;
+        // 插件 disabled 时，只是不执行副作用，但是 wrapper 还是要赋值的，不然 enable 的时候找不到父容器
+        if (!this.state.enabled)
+            return;
         wrapper.appendChild(this.container);
+        this.render();
         return this;
     }
-    show() {
-        this.visible = true;
+    async show(options = {}) {
+        // 已经展示完成了，不做任何操作
+        if (this.state.visible)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ visible: true }, userAction);
+        this._show({ 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)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ enabled: true }, options.userAction || userAction);
+        this._enable({ userAction });
+    }
+    disable(options = {}) {
+        if (!this.state.enabled)
+            return;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState({ enabled: false }, options.userAction || userAction);
+        this._disable({ userAction });
+    }
+    /** 更改插件 State */
+    setState(state, options = {}) {
+        const prevState = this.state;
+        const userAction = options.userAction !== undefined ? options.userAction : true;
+        this.updateState(state, userAction);
+        if (state.enabled !== undefined && prevState.enabled !== state.enabled) {
+            const options = { userAction };
+            state.enabled ? this._enable(options) : this._disable(options);
+        }
+        if (state.visible !== undefined && prevState.visible !== state.visible) {
+            const options = { userAction };
+            state.visible ? this._show(options) : this._hide(options);
+        }
+    }
+    async formatData(serverData) {
+        return await formatData(serverData.data);
+    }
+    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.configs.modelOpacity;
-        if (typeof modelOpacity === 'number') {
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-        }
-        this.render(renderDuration);
+        const modelOpacity = this.state.config.modelOpacity;
+        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+        this.hooks.emit('showAnimationEnded', { userAction });
+        this.render();
     }
-    hide() {
+    async _hide(options) {
+        if (!this.state.enabled)
+            return;
+        const { userAction } = options;
+        this.hooks.emit('hide', { userAction });
         const modelOpacity = 1;
         const renderDuration = 0;
-        this.visible = false;
         changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
         this.render();
     }
-    /** 更新户型图位置 */
-    updatePosition() {
-        var _a;
-        const modelCenter = (_a = this.five.model) === null || _a === void 0 ? void 0 : _a.bounding.getCenter(new THREE.Vector3());
-        if (!modelCenter)
+    _enable(options) {
+        const { userAction } = options;
+        this.addEventListener();
+        if (this.wrapper)
+            this.wrapper.append(this.container);
+        this.hooks.emit('enable', { userAction });
+        if (this.state.visible)
+            this._show({ userAction });
+    }
+    updateState(state, userAction) {
+        const prevState = this.state;
+        this.state = Object.assign(Object.assign({}, this.state), state);
+        if (equal(this.state, prevState, { deep: true }))
             return;
-        const ndcModelCenter = modelCenter.clone().project(this.five.camera);
-        const left = (ndcModelCenter.x + 1) / 2;
-        const top = -(ndcModelCenter.y - 1) / 2;
-        this.container.style.left = left * 100 + '%';
-        this.container.style.top = top * 100 + '%';
+        this.hooks.emit('stateChange', { state: this.state, prevState, userAction });
+    }
+    addEventListener() {
+        if (!this.state.enabled)
+            return;
+        if (this.hasAddedEventListener)
+            return;
+        const five = this.five;
+        five.on('modeChange', this.onFiveModeChange);
+        five.on('panoArrived', this.onFivePanoArrived);
+        five.on('cameraUpdate', this.onFiveCameraUpdate);
+        five.on('wantsGesture', this.onFiveWantsGesture);
+        five.on('wantsMoveToPano', this.onFiveWantsMoveToPano);
+        five.on('initAnimationEnded', this.onFiveInitAnimationEnded);
+        five.on('modelShownFloorChange', this.onModelShownFloorChange);
+    }
+    removeEventListener() {
+        const five = this.five;
+        this.hasAddedEventListener = false;
+        // 注意这里并没有消除 dispose 的监听
+        five.off('modeChange', this.onFiveModeChange);
+        five.off('panoArrived', this.onFivePanoArrived);
+        five.off('cameraUpdate', this.onFiveCameraUpdate);
+        five.off('wantsGesture', this.onFiveWantsGesture);
+        five.off('wantsMoveToPano', this.onFiveWantsMoveToPano);
+        five.off('initAnimationEnded', this.onFiveInitAnimationEnded);
+        five.off('modelShownFloorChange', this.onModelShownFloorChange);
+    }
+    /** 如果用户是通过 selector 设置父容器，需要在 modelLoaded 之后把 container 自动放到父容器里
+     *
+     * - TODO: 等 selector 功能下掉之后删除这个逻辑
+     */
+    initContainer() {
+        this.container.classList.add('floorplan-plugin');
+        Object.assign(this.container.style, {
+            position: 'absolute',
+            left: '50%',
+            top: '50%',
+            transform: 'translate3d(-50%, -50%, 10px)',
+            zIndex: 10,
+            pointerEvents: 'none',
+            'will-change': 'width, height',
+        });
+        this.five.addExtraElement(this.container);
     }
     render(duration) {
-        if (!this.container || !this.floorplanData)
+        if (!this.state.enabled)
+            return;
+        if (!this.container || !this.data)
             return;
         if (this.size.width === 0)
             return;
-        const { northDesc, getLabelElement, cameraImageUrl, hoverEnable, compassEnable, roomLabelsEnable, ruleLabelsEnable, } = this.configs;
-        const props = {
-            getLabelElement,
-            northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
-            cameraImageUrl,
-            visible: this.visible,
-            duration: duration !== null && duration !== void 0 ? duration : 0,
-            panoIndex: this.panoIndex,
-            floorIndex: this.floorIndex,
-            floorplanData: this.floorplanData,
-            hoverEnable: hoverEnable !== null && hoverEnable !== void 0 ? hoverEnable : false,
-            compassEnable: compassEnable !== null && compassEnable !== void 0 ? compassEnable : true,
-            ruleLabelsEnable: ruleLabelsEnable !== null && ruleLabelsEnable !== void 0 ? ruleLabelsEnable : true,
-            roomLabelsEnable: roomLabelsEnable !== null && roomLabelsEnable !== void 0 ? roomLabelsEnable : true,
-            lastPanoramaLongitude: this.lastPanoramaLongitude,
-        };
-        if (!this.app) {
-            this.app = new Main({
-                target: this.container,
-                intro: true,
-                props,
-            });
-        }
-        else {
-            this.app.$set(props);
-        }
+        const props = Object.assign(Object.assign({}, this.state.config), { visible: this.state.visible, duration: duration !== null && duration !== void 0 ? duration : 0, panoIndex: this.panoIndex, floorIndex: this.floorIndex, floorplanData: this.data, lastPanoramaLongitude: this.lastPanoramaLongitude });
+        if (this.app)
+            return this.app.$set(props);
+        this.app = new Main({ target: this.container, intro: true, props });
     }
 }

package/libs/floorplan/TopviewFloorplanPlugin/index.d.ts

@@ -1,5 +1,7 @@
+import type { Parameters } from './typing';
 import type { FivePlugin } from '@realsee/five';
-import { TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType } from './Controller';
-export declare const TopviewFloorplanPlugin: FivePlugin<TopviewFloorplanPluginParameterType, TopviewFloorplanPluginReturnType>;
+import { Controller } from './Controller';
+export declare const TopviewFloorplanPlugin: FivePlugin<undefined | Parameters, Controller>;
+export declare type TopviewFloorplanPluginParameterType = Parameters | undefined;
+export declare type TopviewFloorplanPluginReturnType = InstanceType<typeof Controller>;
 export default TopviewFloorplanPlugin;
-export type { TopviewFloorplanPluginReturnType, TopviewFloorplanPluginParameterType } from './Controller';

package/libs/floorplan/TopviewFloorplanPlugin/index.js

@@ -1,5 +1,5 @@
-import { TopviewFloorplanPluginController, } from './Controller';
+import { Controller } from './Controller';
 export const TopviewFloorplanPlugin = (five, params) => {
-    return new TopviewFloorplanPluginController(five, params);
+    return new Controller(five, params);
 };
 export default TopviewFloorplanPlugin;