@realsee/dnalogel 2.0.3 → 2.0.4-dev.1

package/libs/floorplan/TopviewFloorplanPlugin/Controller.js

@@ -1,493 +1,263 @@
-import * as THREE from 'three';
-import equal from '../../shared-utils/equal';
-import Main from '../Components/Main';
-import formatData from '../utils/formatData';
-import { CAMERA_IMAGE } from '../Assets/camera';
-import { omit } from '../../shared-utils/filter';
-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 Controller extends BasePlugin.Controller {
-    constructor(five, params) {
-        super(five);
-        // =============== public properties =================
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 'topviewFloorplanPlugin'
-        });
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        // =============== private properties =================
-        Object.defineProperty(this, "data", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "app", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: undefined
-        });
-        Object.defineProperty(this, "selector", {
-            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, "wrapper", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        /** 户型图主容器 */
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: document.createElement('div')
-        });
-        /** 展示户型图图前，Five 的 Panorama Longitude */
-        Object.defineProperty(this, "lastPanoramaLongitude", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        /** 户型图大小 */
-        Object.defineProperty(this, "size", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: { width: 0, height: 0 }
-        });
-        /** 是否已经执行过事件监听 */
-        Object.defineProperty(this, "hasAddedEventListener", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** 上一次隐藏是否是用户调用了 hide 导致的 */
-        Object.defineProperty(this, "isHiddenByHideFunc", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        /** 更新户型图大小 */
-        Object.defineProperty(this, "updateSize", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            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.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.data = undefined;
-                this.wrapper = undefined;
-                this.selector = undefined;
-                this.hooks.emit('dispose');
-            }
-        });
-        Object.defineProperty(this, "_disable", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            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 });
-            }
-        });
-        /** modelLoaded 之后自动执行 append container 操作  */
-        Object.defineProperty(this, "onFiveModelLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.state.enabled === false)
-                    return;
-                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);
-            }
-        });
-        /** 非 Topview 态隐藏户型图 */
-        Object.defineProperty(this, "onFiveModeChange", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (...[mode, , , , userAction]) => {
-                if (mode !== 'Topview' && this.state.visible) {
-                    this.updateState({ visible: false }, userAction);
-                    this._hide({ userAction });
-                }
-            }
-        });
-        Object.defineProperty(this, "onFivePanoArrived", {
-            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, "onFiveCameraUpdate", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (_, userAction) => {
-                if (!this.state.visible)
-                    return;
-                this.updatePosition();
-                this.updateSize();
-            }
-        });
-        Object.defineProperty(this, "onFiveWantsGesture", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (type) => {
-                if (type !== 'pan' && type !== 'pinch' && type !== 'mouseWheel')
-                    return;
-                if (this.state.visible && !this.state.config.gestureEnable)
-                    return false;
-            }
-        });
-        Object.defineProperty(this, "onFiveWantsMoveToPano", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.state.visible && this.state.config.preventRoomClick)
-                    return false;
-            }
-        });
-        /** 动画结束后是 Topview 态就展示户型图 */
-        Object.defineProperty(this, "onFiveInitAnimationEnded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (...[, , userAction]) => {
-                const { mode } = this.five.getCurrentState();
-                if (mode === 'Topview' && !this.isHiddenByHideFunc && !this.state.visible && this.state.config.autoShowEnable) {
-                    this.updateState({ visible: true }, userAction);
-                    this._show({ userAction });
-                }
-            }
-        });
-        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();
-            }
-        });
-        if (params === null || params === void 0 ? void 0 : params.selector) {
-            this.selector = params.selector;
-            console.warn('不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法');
+var f = Object.defineProperty;
+var v = (h, r, t) => r in h ? f(h, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[r] = t;
+var i = (h, r, t) => (v(h, typeof r != "symbol" ? r + "" : r, t), t);
+import * as m from "three";
+import b from "../../shared-utils/equal.js";
+import g from "../Components/Main.js";
+import l from "../utils/formatData.js";
+import { CAMERA_IMAGE as w } from "../Assets/camera.js";
+import { omit as E } from "../../shared-utils/filter.js";
+import { FLOOR_PLAN_ATTACHED_TO as F } from "../constant.js";
+import { Controller as A } from "../../base/BasePluginWithData.js";
+import C from "../../shared-utils/five/changeMode.js";
+import x, { getAttachedY as S } from "../../shared-utils/getPxmm.js";
+import c from "../../shared-utils/changeModelCanvasOpacity.js";
+import "../../shared-utils/isTruelyObject.js";
+import "../../index.d6d7690a.js";
+import "../Components/Camera.js";
+import "../../shared-utils/math/rad2Deg.js";
+import "../Components/Compass.js";
+import "../Assets/compass.js";
+import "../Components/CurrentFloor.js";
+import "../../index.4ab67e58.js";
+import "../Components/BaseImage.js";
+import "../Components/Normalmage.js";
+import "../Components/SvgImage.js";
+import "../Components/RoomLabels/RoomLabels.js";
+import "../Components/RoomLabels/RoomLabel.js";
+import "../Components/RuleLabels/RuleLabels.js";
+import "../Components/RuleLabels/RuleItem.js";
+import "../Components/RoomMaterials/RoomMaterial.js";
+import "../utils/formatPosition.js";
+import "../Components/RoomMaterials/RoomMaterial_0.js";
+import "../Components/RoomMaterials/RoomMaterial_1.js";
+import "../Components/RoomMaterials/RoomMaterial_2.js";
+import "../Components/RoomHighlight/RoomHighlight.js";
+import "../Components/RoomHighlight/Room.js";
+import "../Assets/floorplanExtraObject.js";
+import "../../shared-utils/tap.js";
+import "../../base/BasePlugin.js";
+import "@realsee/five";
+import "../../shared-utils/nearlyEqual.js";
+class ut extends A {
+  constructor(t, e) {
+    super(t);
+    i(this, "name", "topviewFloorplanPlugin");
+    i(this, "state");
+    i(this, "data");
+    i(this, "app");
+    i(this, "selector");
+    i(this, "panoIndex", 0);
+    i(this, "floorIndex", 0);
+    i(this, "wrapper");
+    i(this, "container", document.createElement("div"));
+    i(this, "lastPanoramaLongitude", 0);
+    i(this, "size", { width: 0, height: 0 });
+    i(this, "hasAddedEventListener", !1);
+    i(this, "isHiddenByHideFunc", !1);
+    i(this, "updateSize", () => {
+      if (!this.data || !this.container || !this.wrapper || this.five.getCurrentState().mode !== "Topview")
+        return;
+      const { min: t, max: e } = this.data.bounding, o = e.x - t.x, s = e.y - t.y, n = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = x(this.five, this.wrapper, this.floorIndex, n), d = Math.ceil(o * a), u = Math.ceil(s * a);
+      this.size.width === d && this.size.height === u || (this.container.style.width = d + "px", this.container.style.height = u + "px", this.size = { width: d, height: u });
+    });
+    i(this, "dispose", () => {
+      var t, e;
+      this.removeEventListener(), (t = this.app) == null || t.$destroy(), this.app = void 0, (e = this.container) == null || e.remove(), this.data = void 0, this.wrapper = void 0, this.selector = void 0, this.hooks.emit("dispose");
+    });
+    i(this, "_disable", (t) => {
+      var o, s;
+      const { userAction: e } = t;
+      (o = this.app) == null || o.$destroy(), this.app = void 0, (s = this.container) == null || s.remove(), this.removeEventListener(), this.hooks.emit("disable", { userAction: e });
+    });
+    i(this, "onFiveModelLoaded", () => {
+      if (this.state.enabled === !1 || this.wrapper || !this.selector)
+        return;
+      const t = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+      if (!t)
+        throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");
+      this.wrapper = t, t.append(this.container);
+    });
+    i(this, "onFiveModeChange", (...[t, , , , e]) => {
+      t !== "Topview" && this.state.visible && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
+    });
+    i(this, "onFivePanoArrived", (t) => {
+      var e;
+      !((e = this.five) != null && e.work) || (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
+    });
+    i(this, "onFiveCameraUpdate", (t, e) => {
+      !this.state.visible || (this.updatePosition(), this.updateSize());
+    });
+    i(this, "onFiveWantsGesture", (t) => {
+      if (!(t !== "pan" && t !== "pinch" && t !== "mouseWheel") && this.state.visible && !this.state.config.gestureEnable)
+        return !1;
+    });
+    i(this, "onFiveWantsMoveToPano", () => {
+      if (this.state.visible && this.state.config.preventRoomClick)
+        return !1;
+    });
+    i(this, "onFiveInitAnimationEnded", (...[, , t]) => {
+      const { mode: e } = this.five.getCurrentState();
+      e === "Topview" && !this.isHiddenByHideFunc && !this.state.visible && this.state.config.autoShowEnable && (this.updateState({ visible: !0 }, t), this._show({ userAction: t }));
+    });
+    i(this, "onModelShownFloorChange", (t) => {
+      if (this.floorIndex !== t) {
+        if (t === null) {
+          const e = this.five.getCurrentState().panoIndex;
+          this.floorIndex = this.five.work.observers[e].floorIndex;
+          return;
         }
-        // =============== 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,
-            getRoomAreaText: (size) => (size / 1000000).toFixed(1) + '㎡',
-            getRuleDistanceText: (distance) => distance.toString()
-        };
-        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
-        five.model.loaded ? this.onFiveModelLoaded() : five.once('modelLoaded', this.onFiveModelLoaded);
-        five.once('dispose', this.dispose);
-        this.addEventListener();
+        this.floorIndex = t, this.updateSize(), this.render();
+      }
+    });
+    e != null && e.selector && (this.selector = e.selector, console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5"));
+    const o = {
+      northDesc: "\u5317",
+      modelOpacity: 1,
+      hoverEnable: !0,
+      compassEnable: !0,
+      gestureEnable: !1,
+      autoShowEnable: !0,
+      ruleLabelsEnable: !0,
+      roomLabelsEnable: !0,
+      cameraImageUrl: w,
+      attachedTo: F.BOUNDING_CENTER,
+      getLabelElement: void 0,
+      adaptiveRoomLabelVisibleEnable: !0,
+      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
+      getRuleDistanceText: (a) => a.toString()
+    }, s = e ? E(e, ["selector", "scale"]) : {}, n = { ...o, ...s };
+    this.state = {
+      enabled: !0,
+      visible: !1,
+      config: n
+    }, this.initContainer(), t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+  }
+  async load(t, e, o = !0) {
+    function s(p) {
+      return Object.prototype.hasOwnProperty.apply(p, ["version"]);
     }
-    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;
-    }
-    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);
-        }
-    }
-    changeConfigs(config, userAction = true) {
-        this.updateState({ config }, userAction);
-        this.render();
-    }
-    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, auto: false });
-        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, auto: false });
-        this.render();
-    }
-    async _hide(options) {
-        if (!this.state.enabled)
-            return;
-        const { userAction } = options;
-        this.hooks.emit('hide', { userAction, auto: false });
-        const modelOpacity = 1;
-        const renderDuration = 0;
-        changeModelCanvasOpacity(this.five, modelOpacity, renderDuration);
-        this.render();
-    }
-    _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;
-        const config = state.config ? Object.assign(Object.assign({}, prevState.config), state.config) : prevState.config;
-        this.state = Object.assign(Object.assign(Object.assign({}, this.state), state), { config });
-        if (equal(this.state, prevState, { deep: true }))
-            return;
-        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);
+    const n = t;
+    n && !n.version && console.warn("\u4F20\u5165 serverData.data \u7684\u65B9\u5F0F\u540E\u7EED\u53EF\u80FD\u4E0D\u518D\u652F\u6301\uFF0C\u8BF7\u628A serverData \u6574\u4F53\u4F20\u5165 load \u51FD\u6570");
+    const a = JSON.parse(JSON.stringify(t)), d = s(a) ? a.data : a, u = this.data;
+    this.data = await l(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), e && this.updateState(e, o), this.render();
+  }
+  updatePosition() {
+    var a;
+    const t = S(this.five, this.floorIndex, this.state.config.attachedTo), e = (a = this.five.model) == null ? void 0 : a.bounding.getCenter(new m.Vector3()).setY(t);
+    if (!e)
+      return;
+    const o = e.clone().project(this.five.camera), s = (o.x + 1) / 2, n = -(o.y - 1) / 2;
+    this.container.style.left = s * 100 + "%", this.container.style.top = n * 100 + "%";
+  }
+  appendTo(t) {
+    if (this.wrapper = t, !!this.state.enabled)
+      return t.appendChild(this.container), this.render(), this;
+  }
+  async show(t = {}) {
+    if (this.state.visible)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ visible: !0 }, e), this._show({ userAction: e });
+  }
+  async hide(t = {}) {
+    if (this.isHiddenByHideFunc = !0, !this.state.visible)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ visible: !1 }, e), this._hide({ userAction: e });
+  }
+  enable(t = {}) {
+    if (this.state.enabled)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ enabled: !0 }, t.userAction || e), this._enable({ userAction: e });
+  }
+  disable(t = {}) {
+    if (!this.state.enabled)
+      return;
+    const e = t.userAction !== void 0 ? t.userAction : !0;
+    this.updateState({ enabled: !1 }, t.userAction || e), this._disable({ userAction: e });
+  }
+  setState(t, e = {}) {
+    const o = this.state, s = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, s), t.enabled !== void 0 && o.enabled !== t.enabled) {
+      const n = { userAction: s };
+      t.enabled ? this._enable(n) : this._disable(n);
     }
-    render(duration) {
-        if (!this.state.enabled)
-            return;
-        if (!this.container || !this.data)
-            return;
-        if (this.size.width === 0)
-            return;
-        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 });
+    if (t.visible !== void 0 && o.visible !== t.visible) {
+      const n = { userAction: s };
+      t.visible ? this._show(n) : this._hide(n);
     }
+  }
+  changeConfigs(t, e = !0) {
+    this.updateState({ config: t }, e), this.render();
+  }
+  async formatData(t) {
+    return await l(t.data);
+  }
+  async _show(t) {
+    if (!this.state.enabled)
+      return;
+    this.isHiddenByHideFunc = !1;
+    const { userAction: e } = t;
+    this.hooks.emit("show", { userAction: e, auto: !1 }), this.five.getCurrentState().mode !== "Topview" && await C(this.five, ["Topview", void 0, void 0, e]), this.five.model.show(this.floorIndex), this.updatePosition(), this.updateSize();
+    const o = 500, s = this.state.config.modelOpacity;
+    c(this.five, s, o), this.hooks.emit("showAnimationEnded", { userAction: e, auto: !1 }), this.render();
+  }
+  async _hide(t) {
+    if (!this.state.enabled)
+      return;
+    const { userAction: e } = t;
+    this.hooks.emit("hide", { userAction: e, auto: !1 });
+    const o = 1, s = 0;
+    c(this.five, o, s), this.render();
+  }
+  _enable(t) {
+    const { userAction: e } = t;
+    this.addEventListener(), this.wrapper && this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: e }), this.state.visible && this._show({ userAction: e });
+  }
+  updateState(t, e) {
+    const o = this.state, s = t.config ? { ...o.config, ...t.config } : o.config;
+    this.state = { ...this.state, ...t, config: s }, !b(this.state, o, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: e });
+  }
+  addEventListener() {
+    if (!this.state.enabled || this.hasAddedEventListener)
+      return;
+    const t = this.five;
+    t.on("modeChange", this.onFiveModeChange), t.on("panoArrived", this.onFivePanoArrived), t.on("cameraUpdate", this.onFiveCameraUpdate), t.on("wantsGesture", this.onFiveWantsGesture), t.on("wantsMoveToPano", this.onFiveWantsMoveToPano), t.on("initAnimationEnded", this.onFiveInitAnimationEnded), t.on("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  removeEventListener() {
+    const t = this.five;
+    this.hasAddedEventListener = !1, t.off("modeChange", this.onFiveModeChange), t.off("panoArrived", this.onFivePanoArrived), t.off("cameraUpdate", this.onFiveCameraUpdate), t.off("wantsGesture", this.onFiveWantsGesture), t.off("wantsMoveToPano", this.onFiveWantsMoveToPano), t.off("initAnimationEnded", this.onFiveInitAnimationEnded), t.off("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  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(t) {
+    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
+      return;
+    const e = {
+      ...this.state.config,
+      visible: this.state.visible,
+      duration: t != null ? t : 0,
+      panoIndex: this.panoIndex,
+      floorIndex: this.floorIndex,
+      floorplanData: this.data,
+      lastPanoramaLongitude: this.lastPanoramaLongitude
+    };
+    if (this.app)
+      return this.app.$set(e);
+    this.app = new g({ target: this.container, intro: !0, props: e });
+  }
 }
+export {
+  ut as Controller
+};