@realsee/dnalogel 2.0.0-alpha.2 → 2.0.0-alpha.22

package/libs/floorplan/ModelFloorplanPlugin/Controller.js

@@ -1,44 +1,462 @@
-import Main from './Components/Main.svelte';
+import { omit } from '../../shared-utils/filter';
+import { Subscribe } from '@realsee/five';
+import { FloorplanErrorType, FIVE_CAMERA_DEFAULT_FOV, SHOW_ANIME_DURATION } from './utils/constant';
 import to from '../../shared-utils/to';
+import Main from '../Components/Main';
 import formatData from '../utils/formatData';
 import equal from '../../shared-utils/equal';
 import getPxmm from '../../shared-utils/getPxmm';
 import correctFiveState, { checkShowState } from './utils/correctFiveState';
 import changeModelCanvasOpacity from '../../shared-utils/changeModelCanvasOpacity';
-import { omit } from '../../shared-utils/filter';
-import { Subscribe } from '@realsee/five';
-import { FloorplanErrorType, FIVE_CAMERA_DEFAULT_FOV, SHOW_ANIME_DURATION } from './utils/constant';
 export const MODEL_FLOORPLAN_PLUGIN_NAME = 'modelFloorplanPlugin';
 export default class ModelFloorplanPluginController {
-    name = MODEL_FLOORPLAN_PLUGIN_NAME;
-    /** 用于绑定事件钩子 */
-    hooks;
-    /** 展示状态 */
-    visible = false;
-    /** 户型图大小 */
-    size = { width: 0, height: 0 };
-    app = undefined;
-    pxmm = 0;
-    five;
-    panoIndex = 0;
-    floorIndex = 0;
-    configs = {};
-    lastPanoramaLongitude = 0;
-    selector;
-    floorplanData;
-    wrapper;
-    container = document.createElement('div');
-    showState;
-    /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
-    ModelFloorplanPluginsShowOpts;
-    showPromise;
-    showRejection;
     constructor(five, params) {
+        var _a;
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: MODEL_FLOORPLAN_PLUGIN_NAME
+        });
+        /** 用于绑定事件钩子 */
+        Object.defineProperty(this, "hooks", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 展示状态 */
+        Object.defineProperty(this, "visible", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /** 户型图大小 */
+        Object.defineProperty(this, "size", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: { width: 0, height: 0 }
+        });
+        Object.defineProperty(this, "app", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: undefined
+        });
+        Object.defineProperty(this, "pxmm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "five", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "panoIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "floorIndex", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "configs", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "lastPanoramaLongitude", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "selector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "floorplanData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "container", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: document.createElement('div')
+        });
+        Object.defineProperty(this, "showState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** 记录上次 show 的参数，如果不一致，需要 reject 掉正在进行的 showPromise */
+        Object.defineProperty(this, "ModelFloorplanPluginsShowOpts", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showPromise", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showRejection", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dispose", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a, _b;
+                const five = this.five;
+                this.hide();
+                (_a = this.app) === null || _a === void 0 ? void 0 : _a.$destroy();
+                (_b = this.container) === null || _b === void 0 ? void 0 : _b.remove();
+                five.off('modelLoaded', this.handleModelLoaded);
+                five.off('modeChange', this.handleModeChange);
+                five.off('panGesture', this.handlePanGesture);
+                five.off('panoArrived', this.handlePanoArrived);
+                five.off('wantsChangeMode', this.handleWantsChangeMode);
+                five.off('wantsInteriaPan', this.handleWantsInteriaPan);
+                five.off('wantsTapGesture', this.handleWantsTapGesture);
+                five.off('modelShownFloorChange', this.onModelShownFloorChange);
+            }
+        });
+        /** 更新户型图大小 */
+        Object.defineProperty(this, "updateSize", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.floorplanData)
+                    return;
+                if (!checkShowState(this.five, this.showState))
+                    return;
+                if (!this.container || !this.wrapper)
+                    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);
+                if (this.size.width === _width && this.size.height === _height)
+                    return;
+                this.pxmm = pxmm;
+                this.size = { width: _width, height: _height };
+                this.container.style.width = _width + 'px';
+                this.container.style.height = _height + 'px';
+            }
+        });
+        /** 展示户型图
+         * 1. show 函数大部分情况下需要耗时
+         * 2. 如果当前已经在展示中，将不会触发任何事件
+         * 3. 如果展示过程被中断，将抛出错误
+         * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
+         * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
+         * @param opts.floorIndex 楼层
+         * @param opts.modelOpacity 模型透明度
+         * @param opts.immediately 是否立即展示
+         * @param opts.isAutoShow 是否是自动展示
+         */
+        Object.defineProperty(this, "show", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (opts) => {
+                var _a, _b;
+                // 已经在展示中了
+                if (!this.showPromise && this.visible)
+                    return true;
+                if (!((_a = this.five.model) === null || _a === void 0 ? void 0 : _a.loaded))
+                    throw new Error(FloorplanErrorType.ModelNotLoaded);
+                if (!this.floorplanData)
+                    throw new Error(FloorplanErrorType.DataNotLoaded);
+                this.visible = true;
+                if (this.showPromise) {
+                    const sameWithLastOpts = equal(opts, this.ModelFloorplanPluginsShowOpts, { deep: false });
+                    if (!!this.showPromise && sameWithLastOpts)
+                        return this.showPromise;
+                    if (!!this.showPromise && !sameWithLastOpts)
+                        (_b = this.showRejection) === null || _b === void 0 ? void 0 : _b.call(this, FloorplanErrorType.DifferentShowParams);
+                }
+                this.ModelFloorplanPluginsShowOpts = opts;
+                const getShowPromise = async () => {
+                    var _a, _b;
+                    let hasRejected = false;
+                    let externalErrorMsg;
+                    this.showRejection = (errorMsg) => {
+                        hasRejected = true;
+                        externalErrorMsg = errorMsg;
+                    };
+                    const [correctError] = await to(correctFiveState(this.five, this.showState, opts === null || opts === void 0 ? void 0 : opts.userAction));
+                    if (correctError)
+                        throw correctError;
+                    // 异步结束要判断当前是不是被中断了，是不是调用了隐藏
+                    if (hasRejected)
+                        throw externalErrorMsg ? new Error(externalErrorMsg) : new Error(FloorplanErrorType.UnknownError);
+                    if (!this.visible)
+                        throw new Error(FloorplanErrorType.UnknownError);
+                    // 更新户型图状态
+                    this.visible = true;
+                    // 更新户型图大小
+                    this.updateSize();
+                    // 高亮当前楼层，有两个目的
+                    // 1. 点击模型时，可以跳转到当前楼层的点位上
+                    // 2. 当前楼层比较小时，户型图也比较小，如果展示全部楼层，会展示户型图外有一圈模型
+                    if (opts === null || opts === void 0 ? void 0 : opts.floorIndex)
+                        this.floorIndex = opts.floorIndex;
+                    this.five.model.show(this.floorIndex);
+                    // 模型消失, 渲染户型图
+                    const modelOpacity = (_b = (_a = opts === null || opts === void 0 ? void 0 : opts.modelOpacity) !== null && _a !== void 0 ? _a : this.configs.modelOpacity) !== null && _b !== void 0 ? _b : 1;
+                    const renderDuration = (opts === null || opts === void 0 ? void 0 : opts.immediately) ? 0 : SHOW_ANIME_DURATION;
+                    changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
+                    this.render(renderDuration);
+                    // 展示之后的事件监听
+                    this.five.on('wantsGesture', this.handleWantsGesture);
+                    this.five.on('wantsTapGesture', this.handleWantsTapGesture);
+                    return true;
+                };
+                const showPromise = getShowPromise()
+                    .then(() => {
+                    var _a;
+                    this.hooks.emit('showAnimationEnded', { auto: !!(opts === null || opts === void 0 ? void 0 : opts.isAutoShow), userAction: (_a = opts === null || opts === void 0 ? void 0 : opts.userAction) !== null && _a !== void 0 ? _a : true });
+                    return true;
+                })
+                    .catch((error) => {
+                    // 自动展示的报错内部处理
+                    if (opts === null || opts === void 0 ? void 0 : opts.isAutoShow)
+                        return false;
+                    if (!(error instanceof Error))
+                        return false;
+                    // 非自动展示的报错继续向外抛出
+                    throw error;
+                })
+                    .finally(() => {
+                    this.showPromise = undefined;
+                    this.showRejection = undefined;
+                });
+                this.showPromise = showPromise;
+                return showPromise;
+            }
+        });
+        /** 隐藏户型图 */
+        Object.defineProperty(this, "hide", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (options) => {
+                var _a, _b;
+                if (this.size.width === 0)
+                    return true;
+                if (this.visible === false)
+                    return true;
+                const isAutoHide = !!(options === null || options === void 0 ? void 0 : options.isAutoHide);
+                this.five.off('wantsGesture', this.handleWantsGesture);
+                this.five.off('wantsTapGesture', this.handleWantsTapGesture);
+                this.visible = false;
+                (_a = this.showRejection) === null || _a === void 0 ? void 0 : _a.call(this, FloorplanErrorType.BreakOffByHide);
+                changeModelCanvasOpacity(this.five, 1, 0);
+                this.render();
+                this.hooks.emit('hide', { auto: isAutoHide, userAction: (_b = options === null || options === void 0 ? void 0 : options.userAction) !== null && _b !== void 0 ? _b : true });
+                return true;
+            }
+        });
+        /** 模型楼层高亮改变时，自动进行楼层切换 */
+        Object.defineProperty(this, "onModelShownFloorChange", {
+            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;
+                }
+                this.floorIndex = shownFloor;
+                this.updateSize();
+                this.render();
+            }
+        });
+        Object.defineProperty(this, "handleModelLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                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, "handleClick", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.visible)
+                    return;
+                const prevented = this.hooks.emit('click');
+                if (prevented)
+                    return false;
+            }
+        });
+        Object.defineProperty(this, "handleWantsTapGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => this.handleClick()
+        });
+        /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
+        Object.defineProperty(this, "handleWantsChangeMode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode !== 'Panorama') {
+                    this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
+                }
+                if (mode !== 'Floorplan')
+                    this.hide();
+            }
+        });
+        /** 监听模型态变化，只有在模型态才进行手势动作监听 */
+        Object.defineProperty(this, "handleModeChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (mode) => {
+                if (mode === 'Floorplan') {
+                    this.five.on('panGesture', this.handlePanGesture);
+                }
+                else {
+                    this.hide();
+                    this.five.off('panGesture', this.handlePanGesture);
+                }
+            }
+        });
+        /** panoIndex 改变时，更新 floorIndex */
+        Object.defineProperty(this, "handlePanoArrived", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (index) => {
+                var _a;
+                if (!((_a = this.five) === null || _a === void 0 ? void 0 : _a.work))
+                    return;
+                this.panoIndex = index;
+                this.floorIndex = this.five.work.observers[index].floorIndex;
+            }
+        });
+        /** 当户型图正在展示中的时候禁用惯性 */
+        Object.defineProperty(this, "handleWantsInteriaPan", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.visible)
+                    return false;
+            }
+        });
+        /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
+        Object.defineProperty(this, "handleWantsGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (type, pointers) => {
+                if (!this.visible)
+                    return;
+                if (pointers.length > 1)
+                    return false;
+                if (type === 'mouseWheel')
+                    return false;
+            }
+        });
+        /** 监听三维模型滑动
+         * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
+         * 2. 如何户型图已经展示，滑动时关闭户型图
+         */
+        Object.defineProperty(this, "handlePanGesture", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async ({ latitude, longitude }, isFinal) => {
+                if (this.five.getCurrentState().mode !== 'Floorplan')
+                    return;
+                if (this.configs.autoShowEnable === false)
+                    return;
+                // 如果操作结束后，户型图还在展示中，初始化模型状态
+                if (isFinal && this.visible)
+                    return this.five.setState(this.showState, true);
+                // 满足消失的条件：
+                // 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
+                const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
+                const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
+                const canHide = latitudeHide || longitudeHide;
+                if (this.visible && canHide)
+                    return this.hide({ isAutoHide: true });
+                if (this.five.camera.fov / FIVE_CAMERA_DEFAULT_FOV < 0.8)
+                    return;
+                // 户型图展示条件：
+                // 水平旋转角正负 30 度 && 俯仰角度小于 10 度
+                const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
+                const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
+                if (isFinal && !this.visible && latitudeVisible && longitudeVisible) {
+                    // 当手指离开时需要等惯性结束之后在进行判断
+                    const handleInteriaPan = async (any, isFinal) => {
+                        if (!isFinal)
+                            return;
+                        this.five.off('interiaPan', handleInteriaPan);
+                        await this.show({ isAutoShow: true });
+                    };
+                    this.five.on('interiaPan', handleInteriaPan);
+                    return;
+                }
+            }
+        });
         this.five = five;
         this.hooks = new Subscribe();
         this.selector = params.selector;
         this.configs = omit(params, ['selector']);
-        this.showState = { longitude: 0, latitude: Math.PI / 2, fov: FIVE_CAMERA_DEFAULT_FOV / (params?.scale ?? 1) };
+        this.showState = { longitude: 0, latitude: Math.PI / 2, fov: FIVE_CAMERA_DEFAULT_FOV / ((_a = params === null || params === void 0 ? void 0 : params.scale) !== null && _a !== void 0 ? _a : 1) };
         // 设置 container 样式
         this.container.classList.add('floorplan-plugin');
         Object.assign(this.container.style, {
@@ -46,33 +464,18 @@ export default class ModelFloorplanPluginController {
             left: '50%',
             top: '50%',
             transform: 'translate(-50%, -50%)',
-            pointerEvents: 'none',
             zIndex: 10,
         });
+        this.five.addExtraElement(this.container);
         // 如果初始化的时候模型已经加载完毕了，就不用再等 modelLoaded
         this.five.model.loaded ? this.handleModelLoaded() : five.once('modelLoaded', this.handleModelLoaded);
         five.once('dispose', this.dispose);
         five.on('modeChange', this.handleModeChange);
-        five.on('panGesture', this.handlePanGesture);
         five.on('panoArrived', this.handlePanoArrived);
         five.on('wantsChangeMode', this.handleWantsChangeMode);
         five.on('wantsInteriaPan', this.handleWantsInteriaPan);
         five.on('modelShownFloorChange', this.onModelShownFloorChange);
     }
-    dispose = () => {
-        const five = this.five;
-        this.hide();
-        this.app?.$destroy();
-        this.container?.remove();
-        five.off('modelLoaded', this.handleModelLoaded);
-        five.off('modeChange', this.handleModeChange);
-        five.off('panGesture', this.handlePanGesture);
-        five.off('panoArrived', this.handlePanoArrived);
-        five.off('wantsChangeMode', this.handleWantsChangeMode);
-        five.off('wantsInteriaPan', this.handleWantsInteriaPan);
-        five.off('wantsTapGesture', this.handleWantsTapGesture);
-        five.off('modelShownFloorChange', this.onModelShownFloorChange);
-    };
     /** 加载户型图数据 */
     async load(data) {
         const copyData = JSON.parse(JSON.stringify(data));
@@ -85,134 +488,9 @@ export default class ModelFloorplanPluginController {
         wrapper.appendChild(this.container);
         return this;
     }
-    /** 更新户型图大小 */
-    updateSize = () => {
-        if (!this.floorplanData)
-            return;
-        if (!checkShowState(this.five, this.showState))
-            return;
-        if (!this.container || !this.wrapper)
-            return;
-        // 计算户型图展示大小
-        const { min, max } = this.floorplanData.bounding;
-        const width = max.x - min.x;
-        const height = max.y - min.y;
-        // 每毫米对应的 px 值
-        const pxmm = getPxmm(this.five, this.wrapper);
-        const _width = Math.ceil(width * pxmm);
-        const _height = Math.ceil(height * pxmm);
-        if (this.size.width === _width && this.size.height === _height)
-            return;
-        this.pxmm = pxmm;
-        this.size = { width: _width, height: _height };
-        this.container.style.width = _width + 'px';
-        this.container.style.height = _height + 'px';
-    };
-    /** 展示户型图
-     * 1. show 函数大部分情况下需要耗时
-     * 2. 如果当前已经在展示中，将不会触发任何事件
-     * 3. 如果展示过程被中断，将抛出错误
-     * 4. 多次调用 show 方法，只会触发一次 showAnimationEnded 事件，但是展示结果会取决于最后一次调用参数
-     * 5. 如果多次调用 show 方法，参数与上次参数不一致时，上次 show Promise 会被 reject
-     * @param opts.floorIndex 楼层
-     * @param opts.modelOpacity 模型透明度
-     * @param opts.immediately 是否立即展示
-     * @param opts.isAutoShow 是否是自动展示
-     */
-    show = async (opts) => {
-        // 已经在展示中了
-        if (!this.showPromise && this.visible)
-            return true;
-        if (!this.five.model?.loaded)
-            throw new Error(FloorplanErrorType.ModelNotLoaded);
-        if (!this.floorplanData)
-            throw new Error(FloorplanErrorType.DataNotLoaded);
-        this.visible = true;
-        if (this.showPromise) {
-            const sameWithLastOpts = equal(opts, this.ModelFloorplanPluginsShowOpts, { deep: false });
-            if (!!this.showPromise && sameWithLastOpts)
-                return this.showPromise;
-            if (!!this.showPromise && !sameWithLastOpts)
-                this.showRejection?.(FloorplanErrorType.DifferentShowParams);
-        }
-        this.ModelFloorplanPluginsShowOpts = opts;
-        const getShowPromise = async () => {
-            let hasRejected = false;
-            let externalErrorMsg;
-            this.showRejection = (errorMsg) => {
-                hasRejected = true;
-                externalErrorMsg = errorMsg;
-            };
-            const [correctError] = await to(correctFiveState(this.five, this.showState, opts?.userAction));
-            if (correctError)
-                throw correctError;
-            // 异步结束要判断当前是不是被中断了，是不是调用了隐藏
-            if (hasRejected)
-                throw externalErrorMsg ? new Error(externalErrorMsg) : new Error(FloorplanErrorType.UnknownError);
-            if (!this.visible)
-                throw new Error(FloorplanErrorType.UnknownError);
-            // 更新户型图状态
-            this.visible = true;
-            // 更新户型图大小
-            this.updateSize();
-            // 高亮当前楼层，有两个目的
-            // 1. 点击模型时，可以跳转到当前楼层的点位上
-            // 2. 当前楼层比较小时，户型图也比较小，如果展示全部楼层，会展示户型图外有一圈模型
-            if (opts?.floorIndex)
-                this.floorIndex = opts.floorIndex;
-            this.five.model.show(this.floorIndex);
-            // 模型消失, 渲染户型图
-            const modelOpacity = opts?.modelOpacity ?? this.configs.modelOpacity ?? 1;
-            const renderDuration = opts?.immediately ? 0 : SHOW_ANIME_DURATION;
-            changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-            this.render(renderDuration);
-            // 展示之后的事件监听
-            this.five.on('wantsGesture', this.handleWantsGesture);
-            this.five.on('wantsTapGesture', this.handleWantsTapGesture);
-            return true;
-        };
-        const showPromise = getShowPromise()
-            .then(() => {
-            this.hooks.emit('showAnimationEnded', { auto: !!opts?.isAutoShow, userAction: opts?.userAction ?? true });
-            return true;
-        })
-            .catch((error) => {
-            // 自动展示的报错内部处理
-            if (opts?.isAutoShow)
-                return false;
-            if (!(error instanceof Error))
-                return false;
-            // 非自动展示的报错继续向外抛出
-            throw error;
-        })
-            .finally(() => {
-            this.showPromise = undefined;
-            this.showRejection = undefined;
-        });
-        this.showPromise = showPromise;
-        return showPromise;
-    };
-    /** 隐藏户型图 */
-    hide = (options) => {
-        if (this.size.width === 0)
-            return true;
-        if (this.visible === false)
-            return true;
-        const isAutoHide = !!options?.isAutoHide;
-        this.five.off('wantsGesture', this.handleWantsGesture);
-        this.five.off('wantsTapGesture', this.handleWantsTapGesture);
-        this.visible = false;
-        this.showRejection?.(FloorplanErrorType.BreakOffByHide);
-        changeModelCanvasOpacity(this.five, 1, 0);
-        this.render();
-        this.hooks.emit('hide', { auto: isAutoHide, userAction: options?.userAction ?? true });
-        return true;
-    };
     /** 更改户型图楼层 */
     changeFloor(floorIndex) {
         this.five.model.show(floorIndex);
-        this.floorIndex = floorIndex;
-        this.render();
     }
     changeConfigs(params) {
         Object.assign(this.configs, params);
@@ -220,128 +498,26 @@ export default class ModelFloorplanPluginController {
             return;
         this.render();
     }
-    /** 模型楼层高亮改变时，自动进行楼层切换 */
-    onModelShownFloorChange = (shownFloor) => {
-        if (shownFloor === null)
-            return;
-        this.floorIndex = shownFloor;
-        this.render();
-    };
-    handleModelLoaded = () => {
-        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);
-    };
-    handleClick = () => {
-        if (!this.visible)
-            return;
-        const prevented = this.hooks.emit('click');
-        if (prevented)
-            return false;
-    };
-    handleWantsTapGesture = () => this.handleClick();
-    /** 从 Panorama 切换到其他模态时，记录当前的相机水平视角 */
-    handleWantsChangeMode = (mode) => {
-        if (mode !== 'Panorama') {
-            this.lastPanoramaLongitude = this.five.getCurrentState().longitude;
-        }
-        if (mode !== 'Floorplan')
-            this.hide();
-    };
-    /** 监听模型态变化，只有在模型态才进行手势动作监听 */
-    handleModeChange = (mode) => {
-        if (mode === 'Floorplan') {
-            this.five.on('panGesture', this.handlePanGesture);
-        }
-        else {
-            this.hide();
-            this.five.off('panGesture', this.handlePanGesture);
-        }
-    };
-    /** panoIndex 改变时，更新 floorIndex */
-    handlePanoArrived = (index) => {
-        if (!this.five?.work)
-            return;
-        this.panoIndex = index;
-        this.floorIndex = this.five.work.observers[index].floorIndex;
-    };
-    /** 当户型图正在展示中的时候禁用惯性 */
-    handleWantsInteriaPan = () => {
-        if (this.visible)
-            return false;
-    };
-    /** 在户型图展示时阻止多指操作, 阻止鼠标放大 */
-    handleWantsGesture = (type, pointers) => {
-        if (!this.visible)
-            return;
-        if (pointers.length > 1)
-            return false;
-        if (type === 'mouseWheel')
-            return false;
-    };
-    /** 监听三维模型滑动
-     * 1. 在三维模型转动结束时，如果达到设置的阈值，会自动切换到户型图
-     * 2. 如何户型图已经展示，滑动时关闭户型图
-     */
-    handlePanGesture = async ({ latitude, longitude }, isFinal) => {
-        if (this.configs.autoShowEnable === false)
-            return;
-        // 如果操作结束后，户型图还在展示中，初始化模型状态
-        if (isFinal && this.visible)
-            return this.five.setState(this.showState, true);
-        // 满足消失的条件：
-        // 水平旋转角大于正负 5 度 || 俯仰角度大于 5 度
-        const latitudeHide = Math.abs(latitude - Math.PI / 2) > (5 * Math.PI) / 180;
-        const longitudeHide = longitude > 5 * (Math.PI / 180) && longitude < 355 * (Math.PI / 180);
-        const canHide = latitudeHide || longitudeHide;
-        if (this.visible && canHide)
-            return this.hide({ isAutoHide: true });
-        if (this.five.camera.fov / FIVE_CAMERA_DEFAULT_FOV < 0.8)
-            return;
-        // 户型图展示条件：
-        // 水平旋转角正负 30 度 && 俯仰角度小于 10 度
-        const latitudeVisible = Math.abs(latitude - Math.PI / 2) < (10 * Math.PI) / 180;
-        const longitudeVisible = longitude < 30 * (Math.PI / 180) || longitude > 330 * (Math.PI / 180);
-        if (isFinal && !this.visible && latitudeVisible && longitudeVisible) {
-            // 当手指离开时需要等惯性结束之后在进行判断
-            const handleInteriaPan = async (any, isFinal) => {
-                if (!isFinal)
-                    return;
-                this.five.off('interiaPan', handleInteriaPan);
-                await this.show({ isAutoShow: true });
-            };
-            this.five.on('interiaPan', handleInteriaPan);
-            return;
-        }
-    };
     render(duration) {
         if (!this.container || !this.floorplanData)
             return;
         if (this.size.width === 0)
             return;
-        const { hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
+        const { northDesc, hoverEnable, cameraImageUrl, getLabelElement, roomLabelsEnable, compassEnable, ruleLabelsEnable } = this.configs;
         const props = {
-            five: this.five,
-            pxmm: this.pxmm,
             cameraImageUrl,
+            getLabelElement,
+            northDesc: northDesc !== null && northDesc !== void 0 ? northDesc : '北',
             visible: this.visible,
-            duration: duration ?? 0,
+            duration: duration !== null && duration !== void 0 ? duration : 0,
             panoIndex: this.panoIndex,
             floorIndex: this.floorIndex,
             floorplanData: this.floorplanData,
-            hoverEnable: hoverEnable ?? false,
-            compassEnable: compassEnable ?? true,
-            ruleLabelsEnable: ruleLabelsEnable ?? true,
-            roomLabelsEnable: roomLabelsEnable ?? true,
+            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,
-            getLabelElement,
-            onRoomHeightClick: this.handleClick,
         };
         if (!this.app) {
             this.app = new Main({