@realsee/dnalogel 2.1.2-alpha.0 → 2.1.2-alpha.10

package/dist/floorplan/ModelFloorplanPlugin/index..js

@@ -0,0 +1,320 @@
+var E = Object.defineProperty, S = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var v = (r, o, e) => o in r ? E(r, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[o] = e, l = (r, o) => {
+  for (var e in o || (o = {}))
+    P.call(o, e) && v(r, e, o[e]);
+  if (b)
+    for (var e of b(o))
+      I.call(o, e) && v(r, e, o[e]);
+  return r;
+}, m = (r, o) => S(r, C(o));
+var s = (r, o, e) => (v(r, typeof o != "symbol" ? o + "" : o, e), e);
+var c = (r, o, e) => new Promise((t, i) => {
+  var n = (a) => {
+    try {
+      h(e.next(a));
+    } catch (u) {
+      i(u);
+    }
+  }, d = (a) => {
+    try {
+      h(e.throw(a));
+    } catch (u) {
+      i(u);
+    }
+  }, h = (a) => a.done ? t(a.value) : Promise.resolve(a.value).then(n, d);
+  h((e = e.apply(r, o)).next());
+});
+import { FIVE_CAMERA_DEFAULT_FOV as M, checkShowState as x, FloorplanErrorType as f, to as y, correctFiveState as _, SHOW_ANIME_DURATION as L } from "../../chunks/es/correctFiveState.e7feab9f.es.js";
+import { equal as D } from "../../chunks/es/equal.7db4a6f7.es.js";
+import { FLOOR_PLAN_ATTACHED_TO as O, getPxmm as k, changeModelCanvasOpacity as g, Main as T } from "../../chunks/es/changeModelCanvasOpacity.45ef9fd6.es.js";
+import { CAMERA_IMAGE as B, formatData as F } from "../../chunks/es/formatData.a2b39ef9.es.js";
+import { omit as G } from "../../chunks/es/filter.97ec06c4.es.js";
+import { Controller as H } from "../../chunks/es/BasePluginWithData.4bf4e649.es.js";
+import "svelte/internal";
+import "svelte/easing";
+import "svelte/transition";
+import "svelte/store";
+import "svelte";
+import "three";
+import "../../chunks/es/BasePlugin.813e25f7.es.js";
+import "../../chunks/es/Subscribe.c73e0f91.es.js";
+function W(r) {
+  const { latitude: o, longitude: e } = r, t = Math.abs(o - Math.PI / 2) > 5 * Math.PI / 180, i = e > 5 * (Math.PI / 180) && e < 355 * (Math.PI / 180);
+  return t || i;
+}
+function R(r) {
+  const { latitude: o, longitude: e } = r, t = Math.abs(o - Math.PI / 2) < 10 * Math.PI / 180, i = e < 30 * (Math.PI / 180) || e > 330 * (Math.PI / 180);
+  return t && i;
+}
+class N extends H {
+  constructor(e, t) {
+    var h;
+    super(e);
+    s(this, "name", "modelFloorplanPlugin");
+    s(this, "state");
+    s(this, "data");
+    s(this, "showState");
+    s(this, "showPromise");
+    s(this, "app");
+    s(this, "panoIndex", 0);
+    s(this, "floorIndex", 0);
+    s(this, "selector");
+    s(this, "showRejection");
+    s(this, "wrapper");
+    s(this, "container", document.createElement("div"));
+    s(this, "lastPanoramaLongitude", 0);
+    s(this, "size", { width: 0, height: 0 });
+    s(this, "hasAddedEventListener", !1);
+    s(this, "isHiddenByHideFunc", !1);
+    s(this, "dispose", () => {
+      var e, t;
+      this.removeEventListener(), (e = this.app) == null || e.$destroy(), this.app = void 0, (t = this.container) == null || t.remove(), this.data = void 0, this.wrapper = void 0, this.selector = void 0, this.hooks.emit("dispose");
+    });
+    s(this, "show", (...t) => c(this, [...t], function* (e = {}) {
+      if (!this.state.enabled || !this.showPromise && this.state.visible)
+        return;
+      const i = e.userAction !== void 0 ? e.userAction : !0;
+      this.updateState({ visible: !0 }, i), this._show(e);
+    }));
+    s(this, "hide", (...t) => c(this, [...t], function* (e = {}) {
+      !this.state.enabled || (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, e.userAction || !0), this._hide(e)));
+    }));
+    s(this, "updateSize", () => {
+      if (!this.data || !x(this.five, this.showState) || !this.container || !this.wrapper)
+        return;
+      const { min: e, max: t } = this.data.bounding, i = t.x - e.x, n = t.y - e.y, d = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, h = k(this.five, this.wrapper, this.floorIndex, d), a = Math.ceil(i * h), u = Math.ceil(n * h);
+      this.size.width === a && this.size.height === u || (this.container.style.width = a + "px", this.container.style.height = u + "px", this.size = { width: a, height: u });
+    });
+    s(this, "_disable", (e) => {
+      var i, n, d;
+      const { userAction: t } = e;
+      this.hooks.emit("disable", { userAction: t }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (n = this.app) == null || n.$destroy(), this.app = void 0, (d = this.container) == null || d.remove(), this.removeEventListener();
+    });
+    s(this, "_enable", (e) => {
+      const { userAction: t } = e;
+      this.addEventListener(), this.wrapper && (this.wrapper.append(this.container), this.hooks.emit("enable", { userAction: t }), this.state.visible && this._show({ userAction: t }));
+    });
+    s(this, "_show", (e) => c(this, null, function* () {
+      var d;
+      if (!this.state.enabled)
+        return;
+      if (!((d = this.five.model) != null && d.loaded))
+        throw new Error(f.ModelNotLoaded);
+      if (!this.data)
+        throw new Error(f.DataNotLoaded);
+      this.isHiddenByHideFunc = !1;
+      const t = {
+        floorIndex: this.floorIndex,
+        modelOpacity: this.state.config.modelOpacity,
+        immediately: !1,
+        isAutoShow: !1,
+        userAction: !0
+      }, i = l(l({}, t), e), n = () => c(this, null, function* () {
+        this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
+        let h = !1, a;
+        this.showRejection = (A) => {
+          h = !0, a = A;
+        };
+        const [u] = yield y(_(this.five, this.showState, i.userAction));
+        if (u)
+          throw u;
+        if (h)
+          throw a ? new Error(a) : new Error(f.UnknownError);
+        this.updateSize(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
+        const p = i.modelOpacity, w = i.immediately ? 0 : L;
+        g(this.five, p, w), this.render(w);
+      });
+      return this.showPromise = n().then(() => {
+        this.hooks.emit("showAnimationEnded", {
+          auto: i.isAutoShow,
+          userAction: i.userAction
+        });
+      }).catch((h) => {
+        if (this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && h instanceof Error)
+          throw h;
+      }).finally(() => {
+        this.showPromise = void 0, this.showRejection = void 0;
+      }), this.showPromise;
+    }));
+    s(this, "_hide", (e) => {
+      var n;
+      (n = this.showRejection) == null || n.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      const i = l(l({}, {
+        userAction: !0,
+        isAutoHide: !1
+      }), e);
+      g(this.five, 1, 0), this.hooks.emit("hide", { auto: i.isAutoHide, userAction: i.userAction }), this.render();
+    });
+    s(this, "handleClick", () => {
+      if (!this.state.visible)
+        return;
+      if (this.hooks.emit("click"))
+        return !1;
+    });
+    s(this, "onFiveModelLoaded", () => {
+      if (this.state.enabled === !1 || this.wrapper || !this.selector)
+        return;
+      const e = this.selector instanceof Element ? this.selector : document.querySelector(this.selector);
+      if (!e)
+        throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");
+      this.wrapper = e, e.append(this.container);
+    });
+    s(this, "onFiveModeChange", (e) => {
+      e !== this.showState.mode && (this.updateState({ visible: !1 }, !1), this._hide({ userAction: !1 }));
+    });
+    s(this, "onFiveInteriaPan", (e, t) => {
+      if (!t || this.state.config.autoShowEnable === !1 || this.isHiddenByHideFunc)
+        return;
+      const i = this.five.getCurrentState();
+      i.mode === "Floorplan" && (this.state.visible || R(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })));
+    });
+    s(this, "onFivePanoArrived", (e) => {
+      var t;
+      !((t = this.five) != null && t.work) || (this.panoIndex = e, this.floorIndex = this.five.work.observers[e].floorIndex);
+    });
+    s(this, "onFiveCameraUpdate", (e, t) => {
+      if (!this.state.visible || this.showPromise)
+        return;
+      const i = this.five.getCurrentState();
+      W(i) && (this.updateState({ visible: !1 }, t), this._hide({ userAction: t, isAutoHide: !0 }));
+    });
+    s(this, "onFiveWantsGesture", (e, t) => {
+      if (!!this.state.visible && (t.length > 1 || e === "mouseWheel"))
+        return !1;
+    });
+    s(this, "onFiveWantsPanGesture", (e, t) => {
+      if (this.five.getCurrentState().mode === "Floorplan" && this.state.config.autoShowEnable !== !1 && t && this.state.visible)
+        return this.five.updateCamera(this.showState, 0), !1;
+    });
+    s(this, "onFiveWantsTapGesture", () => this.handleClick());
+    s(this, "onFiveWantsChangeMode", (e, t) => {
+      t === "Panorama" && e === "Floorplan" && (this.lastPanoramaLongitude = this.five.getCurrentState().longitude);
+    });
+    s(this, "onModelShownFloorChange", (e) => {
+      if (this.floorIndex !== e) {
+        if (e === null) {
+          const t = this.five.getCurrentState().panoIndex;
+          this.floorIndex = this.five.work.observers[t].floorIndex;
+          return;
+        }
+        this.floorIndex = e, this.updateSize(), this.render();
+      }
+    });
+    t != null && t.selector && (this.selector = t.selector, console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5")), this.showState = {
+      mode: "Floorplan",
+      longitude: 0,
+      latitude: Math.PI / 2,
+      fov: M / ((h = t == null ? void 0 : t.scale) != null ? h : 1)
+    };
+    const i = {
+      northDesc: "\u5317",
+      modelOpacity: 1,
+      hoverEnable: !0,
+      compassEnable: !0,
+      autoShowEnable: !0,
+      ruleLabelsEnable: !0,
+      roomLabelsEnable: !0,
+      adaptiveRoomLabelVisibleEnable: !0,
+      cameraImageUrl: B,
+      attachedTo: O.BOUNDING_CENTER,
+      getLabelElement: void 0,
+      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
+      getRuleDistanceText: (a) => a.toString()
+    }, n = t ? G(t, ["selector", "scale"]) : {}, d = l(l({}, i), n);
+    this.state = {
+      enabled: !0,
+      visible: !1,
+      config: d
+    }, this.initContainer(), e.model.loaded ? this.onFiveModelLoaded() : e.once("modelLoaded", this.onFiveModelLoaded), e.once("dispose", this.dispose), this.addEventListener();
+  }
+  load(e, t, i = !0) {
+    return c(this, null, function* () {
+      function n(p) {
+        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
+      }
+      const d = e;
+      d && !d.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 h = JSON.parse(JSON.stringify(e)), a = n(h) ? h.data : h, u = this.data;
+      this.data = yield F(a), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), t && this.updateState(t, i), this.render();
+    });
+  }
+  appendTo(e) {
+    if (this.wrapper = e, !!this.state.enabled)
+      return e.appendChild(this.container), this.render(), this;
+  }
+  enable(e = {}) {
+    if (this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !0 }, e.userAction || t), this._enable({ userAction: t });
+  }
+  disable(e = {}) {
+    if (!this.state.enabled)
+      return;
+    const t = e.userAction !== void 0 ? e.userAction : !0;
+    this.updateState({ enabled: !1 }, e.userAction || t), this._disable({ userAction: t });
+  }
+  setState(e, t = {}) {
+    const i = this.state, n = t.userAction !== void 0 ? t.userAction : !0;
+    if (this.updateState(e, n), e.enabled !== void 0 && i.enabled !== e.enabled && (e.enabled ? this._enable({ userAction: n }) : this._disable({ userAction: n })), e.visible !== void 0 && i.visible !== e.visible) {
+      const d = { userAction: n };
+      e.visible ? this._show(d) : this._hide(d);
+    }
+    this.render();
+  }
+  changeConfigs(e, t = !0) {
+    this.updateState({ config: e }, t), this.render();
+  }
+  formatData(e) {
+    return c(this, null, function* () {
+      return yield F(e.data);
+    });
+  }
+  updateState(e, t) {
+    const i = this.state, n = e.config ? l(l({}, i.config), e.config) : i.config;
+    this.state = m(l(l({}, this.state), e), { config: n }), !D(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: t });
+  }
+  initContainer() {
+    this.container.classList.add("floorplan-plugin"), Object.assign(this.container.style, {
+      position: "absolute",
+      left: "50%",
+      top: "50%",
+      transform: "translate(-50%, -50%)",
+      zIndex: 10,
+      pointerEvents: "none"
+    }), this.five.addExtraElement(this.container);
+  }
+  addEventListener() {
+    if (!this.state.enabled || this.hasAddedEventListener)
+      return;
+    const e = this.five;
+    e.on("modeChange", this.onFiveModeChange), e.on("interiaPan", this.onFiveInteriaPan), e.on("panoArrived", this.onFivePanoArrived), e.on("cameraUpdate", this.onFiveCameraUpdate), e.on("wantsGesture", this.onFiveWantsGesture), e.on("wantsPanGesture", this.onFiveWantsPanGesture), e.on("wantsTapGesture", this.onFiveWantsTapGesture), e.on("wantsChangeMode", this.onFiveWantsChangeMode), e.on("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  removeEventListener() {
+    const e = this.five;
+    this.hasAddedEventListener = !1, e.off("modelLoaded", this.onFiveModelLoaded), e.off("modeChange", this.onFiveModeChange), e.off("interiaPan", this.onFiveInteriaPan), e.off("panoArrived", this.onFivePanoArrived), e.off("cameraUpdate", this.onFiveCameraUpdate), e.off("wantsGesture", this.onFiveWantsGesture), e.off("wantsPanGesture", this.onFiveWantsPanGesture), e.off("wantsTapGesture", this.onFiveWantsTapGesture), e.off("wantsChangeMode", this.onFiveWantsChangeMode), e.off("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  render(e) {
+    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
+      return;
+    const t = m(l({}, this.state.config), {
+      visible: this.state.visible,
+      duration: e != null ? e : 0,
+      panoIndex: this.panoIndex,
+      floorIndex: this.floorIndex,
+      floorplanData: this.data,
+      lastPanoramaLongitude: this.lastPanoramaLongitude
+    });
+    if (this.app)
+      return this.app.$set(t);
+    this.app = new T({ target: this.container, intro: !0, props: t });
+  }
+}
+const se = (r, o) => new N(r, o);
+export {
+  se as ModelFloorplanPlugin,
+  se as default
+};

package/dist/floorplan/ModelFloorplanPlugin/index.cjs.js

@@ -0,0 +1 @@
+"use strict";var A=Object.defineProperty,C=Object.defineProperties;var P=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var w=(r,o,e)=>o in r?A(r,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[o]=e,l=(r,o)=>{for(var e in o||(o={}))y.call(o,e)&&w(r,e,o[e]);if(F)for(var e of F(o))M.call(o,e)&&w(r,e,o[e]);return r},b=(r,o)=>C(r,P(o));var s=(r,o,e)=>(w(r,typeof o!="symbol"?o+"":o,e),e);var f=(r,o,e)=>new Promise((t,i)=>{var n=a=>{try{h(e.next(a))}catch(u){i(u)}},d=a=>{try{h(e.throw(a))}catch(u){i(u)}},h=a=>a.done?t(a.value):Promise.resolve(a.value).then(n,d);h((e=e.apply(r,o)).next())});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../chunks/cjs/correctFiveState.4c8472bd.cjs.js"),I=require("../../chunks/cjs/equal.e9fcbd4e.cjs.js"),v=require("../../chunks/cjs/changeModelCanvasOpacity.8d84f111.cjs.js"),g=require("../../chunks/cjs/formatData.81e95011.cjs.js"),_=require("../../chunks/cjs/filter.cf9ebbb3.cjs.js"),x=require("../../chunks/cjs/BasePluginWithData.0a28882d.cjs.js");require("svelte/internal");require("svelte/easing");require("svelte/transition");require("svelte/store");require("svelte");require("three");require("../../chunks/cjs/BasePlugin.57e5204f.cjs.js");require("../../chunks/cjs/Subscribe.5398d5c6.cjs.js");function D(r){const{latitude:o,longitude:e}=r,t=Math.abs(o-Math.PI/2)>5*Math.PI/180,i=e>5*(Math.PI/180)&&e<355*(Math.PI/180);return t||i}function j(r){const{latitude:o,longitude:e}=r,t=Math.abs(o-Math.PI/2)<10*Math.PI/180,i=e<30*(Math.PI/180)||e>330*(Math.PI/180);return t&&i}class L extends x.Controller{constructor(e,t){var h;super(e);s(this,"name","modelFloorplanPlugin");s(this,"state");s(this,"data");s(this,"showState");s(this,"showPromise");s(this,"app");s(this,"panoIndex",0);s(this,"floorIndex",0);s(this,"selector");s(this,"showRejection");s(this,"wrapper");s(this,"container",document.createElement("div"));s(this,"lastPanoramaLongitude",0);s(this,"size",{width:0,height:0});s(this,"hasAddedEventListener",!1);s(this,"isHiddenByHideFunc",!1);s(this,"dispose",()=>{var e,t;this.removeEventListener(),(e=this.app)==null||e.$destroy(),this.app=void 0,(t=this.container)==null||t.remove(),this.data=void 0,this.wrapper=void 0,this.selector=void 0,this.hooks.emit("dispose")});s(this,"show",(...t)=>f(this,[...t],function*(e={}){if(!this.state.enabled||!this.showPromise&&this.state.visible)return;const i=e.userAction!==void 0?e.userAction:!0;this.updateState({visible:!0},i),this._show(e)}));s(this,"hide",(...t)=>f(this,[...t],function*(e={}){!this.state.enabled||(this.isHiddenByHideFunc=!0,this.state.visible!==!1&&(this.updateState({visible:!1},e.userAction||!0),this._hide(e)))}));s(this,"updateSize",()=>{if(!this.data||!c.checkShowState(this.five,this.showState)||!this.container||!this.wrapper)return;const{min:e,max:t}=this.data.bounding,i=t.x-e.x,n=t.y-e.y,d=this.state.config.attachedTo?{attachedTo:this.state.config.attachedTo}:void 0,h=v.getPxmm(this.five,this.wrapper,this.floorIndex,d),a=Math.ceil(i*h),u=Math.ceil(n*h);this.size.width===a&&this.size.height===u||(this.container.style.width=a+"px",this.container.style.height=u+"px",this.size={width:a,height:u})});s(this,"_disable",e=>{var i,n,d;const{userAction:t}=e;this.hooks.emit("disable",{userAction:t}),(i=this.showRejection)==null||i.call(this,c.FloorplanErrorType.BreakOffByDisable),this.showPromise=void 0,(n=this.app)==null||n.$destroy(),this.app=void 0,(d=this.container)==null||d.remove(),this.removeEventListener()});s(this,"_enable",e=>{const{userAction:t}=e;this.addEventListener(),this.wrapper&&(this.wrapper.append(this.container),this.hooks.emit("enable",{userAction:t}),this.state.visible&&this._show({userAction:t}))});s(this,"_show",e=>f(this,null,function*(){var d;if(!this.state.enabled)return;if(!((d=this.five.model)!=null&&d.loaded))throw new Error(c.FloorplanErrorType.ModelNotLoaded);if(!this.data)throw new Error(c.FloorplanErrorType.DataNotLoaded);this.isHiddenByHideFunc=!1;const t={floorIndex:this.floorIndex,modelOpacity:this.state.config.modelOpacity,immediately:!1,isAutoShow:!1,userAction:!0},i=l(l({},t),e),n=()=>f(this,null,function*(){this.hooks.emit("show",{userAction:i.userAction,auto:i.isAutoShow});let h=!1,a;this.showRejection=S=>{h=!0,a=S};const[u]=yield c.to(c.correctFiveState(this.five,this.showState,i.userAction));if(u)throw u;if(h)throw a?new Error(a):new Error(c.FloorplanErrorType.UnknownError);this.updateSize(),this.floorIndex=i.floorIndex,this.five.model.show(this.floorIndex);const p=i.modelOpacity,m=i.immediately?0:c.SHOW_ANIME_DURATION;v.changeModelCanvasOpacity(this.five,p,m),this.render(m)});return this.showPromise=n().then(()=>{this.hooks.emit("showAnimationEnded",{auto:i.isAutoShow,userAction:i.userAction})}).catch(h=>{if(this.updateState({visible:!1},i.userAction),!i.isAutoShow&&h instanceof Error)throw h}).finally(()=>{this.showPromise=void 0,this.showRejection=void 0}),this.showPromise}));s(this,"_hide",e=>{var n;(n=this.showRejection)==null||n.call(this,c.FloorplanErrorType.BreakOffByHide),this.showPromise=void 0;const i=l(l({},{userAction:!0,isAutoHide:!1}),e);v.changeModelCanvasOpacity(this.five,1,0),this.hooks.emit("hide",{auto:i.isAutoHide,userAction:i.userAction}),this.render()});s(this,"handleClick",()=>{if(!this.state.visible)return;if(this.hooks.emit("click"))return!1});s(this,"onFiveModelLoaded",()=>{if(this.state.enabled===!1||this.wrapper||!this.selector)return;const e=this.selector instanceof Element?this.selector:document.querySelector(this.selector);if(!e)throw new Error("\u4E0D\u6B63\u786E\u7684\u7236\u5BB9\u5668\u9009\u62E9\u5668");this.wrapper=e,e.append(this.container)});s(this,"onFiveModeChange",e=>{e!==this.showState.mode&&(this.updateState({visible:!1},!1),this._hide({userAction:!1}))});s(this,"onFiveInteriaPan",(e,t)=>{if(!t||this.state.config.autoShowEnable===!1||this.isHiddenByHideFunc)return;const i=this.five.getCurrentState();i.mode==="Floorplan"&&(this.state.visible||j(i)&&(this.updateState({visible:!0},!0),this._show({isAutoShow:!0})))});s(this,"onFivePanoArrived",e=>{var t;!((t=this.five)!=null&&t.work)||(this.panoIndex=e,this.floorIndex=this.five.work.observers[e].floorIndex)});s(this,"onFiveCameraUpdate",(e,t)=>{if(!this.state.visible||this.showPromise)return;const i=this.five.getCurrentState();D(i)&&(this.updateState({visible:!1},t),this._hide({userAction:t,isAutoHide:!0}))});s(this,"onFiveWantsGesture",(e,t)=>{if(!!this.state.visible&&(t.length>1||e==="mouseWheel"))return!1});s(this,"onFiveWantsPanGesture",(e,t)=>{if(this.five.getCurrentState().mode==="Floorplan"&&this.state.config.autoShowEnable!==!1&&t&&this.state.visible)return this.five.updateCamera(this.showState,0),!1});s(this,"onFiveWantsTapGesture",()=>this.handleClick());s(this,"onFiveWantsChangeMode",(e,t)=>{t==="Panorama"&&e==="Floorplan"&&(this.lastPanoramaLongitude=this.five.getCurrentState().longitude)});s(this,"onModelShownFloorChange",e=>{if(this.floorIndex!==e){if(e===null){const t=this.five.getCurrentState().panoIndex;this.floorIndex=this.five.work.observers[t].floorIndex;return}this.floorIndex=e,this.updateSize(),this.render()}});t!=null&&t.selector&&(this.selector=t.selector,console.warn("\u4E0D\u63A8\u8350\u7EE7\u7EED\u4F7F\u7528 params.selector \u914D\u7F6E\u7236\u5BB9\u5668\uFF0C\u8BF7\u4F7F\u7528 appendTo \u65B9\u6CD5")),this.showState={mode:"Floorplan",longitude:0,latitude:Math.PI/2,fov:c.FIVE_CAMERA_DEFAULT_FOV/((h=t==null?void 0:t.scale)!=null?h:1)};const i={northDesc:"\u5317",modelOpacity:1,hoverEnable:!0,compassEnable:!0,autoShowEnable:!0,ruleLabelsEnable:!0,roomLabelsEnable:!0,adaptiveRoomLabelVisibleEnable:!0,cameraImageUrl:g.CAMERA_IMAGE,attachedTo:v.FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,getLabelElement:void 0,getRoomAreaText:a=>(a/1e6).toFixed(1)+"\u33A1",getRuleDistanceText:a=>a.toString()},n=t?_.omit(t,["selector","scale"]):{},d=l(l({},i),n);this.state={enabled:!0,visible:!1,config:d},this.initContainer(),e.model.loaded?this.onFiveModelLoaded():e.once("modelLoaded",this.onFiveModelLoaded),e.once("dispose",this.dispose),this.addEventListener()}load(e,t,i=!0){return f(this,null,function*(){function n(p){return Object.prototype.hasOwnProperty.apply(p,["version"])}const d=e;d&&!d.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 h=JSON.parse(JSON.stringify(e)),a=n(h)?h.data:h,u=this.data;this.data=yield g.formatData(a),this.hooks.emit("dataLoaded",this.data),this.hooks.emit("dataChange",this.data,u),t&&this.updateState(t,i),this.render()})}appendTo(e){if(this.wrapper=e,!!this.state.enabled)return e.appendChild(this.container),this.render(),this}enable(e={}){if(this.state.enabled)return;const t=e.userAction!==void 0?e.userAction:!0;this.updateState({enabled:!0},e.userAction||t),this._enable({userAction:t})}disable(e={}){if(!this.state.enabled)return;const t=e.userAction!==void 0?e.userAction:!0;this.updateState({enabled:!1},e.userAction||t),this._disable({userAction:t})}setState(e,t={}){const i=this.state,n=t.userAction!==void 0?t.userAction:!0;if(this.updateState(e,n),e.enabled!==void 0&&i.enabled!==e.enabled&&(e.enabled?this._enable({userAction:n}):this._disable({userAction:n})),e.visible!==void 0&&i.visible!==e.visible){const d={userAction:n};e.visible?this._show(d):this._hide(d)}this.render()}changeConfigs(e,t=!0){this.updateState({config:e},t),this.render()}formatData(e){return f(this,null,function*(){return yield g.formatData(e.data)})}updateState(e,t){const i=this.state,n=e.config?l(l({},i.config),e.config):i.config;this.state=b(l(l({},this.state),e),{config:n}),!I.equal(this.state,i,{deep:!0})&&this.hooks.emit("stateChange",{state:this.state,prevState:i,userAction:t})}initContainer(){this.container.classList.add("floorplan-plugin"),Object.assign(this.container.style,{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%, -50%)",zIndex:10,pointerEvents:"none"}),this.five.addExtraElement(this.container)}addEventListener(){if(!this.state.enabled||this.hasAddedEventListener)return;const e=this.five;e.on("modeChange",this.onFiveModeChange),e.on("interiaPan",this.onFiveInteriaPan),e.on("panoArrived",this.onFivePanoArrived),e.on("cameraUpdate",this.onFiveCameraUpdate),e.on("wantsGesture",this.onFiveWantsGesture),e.on("wantsPanGesture",this.onFiveWantsPanGesture),e.on("wantsTapGesture",this.onFiveWantsTapGesture),e.on("wantsChangeMode",this.onFiveWantsChangeMode),e.on("modelShownFloorChange",this.onModelShownFloorChange)}removeEventListener(){const e=this.five;this.hasAddedEventListener=!1,e.off("modelLoaded",this.onFiveModelLoaded),e.off("modeChange",this.onFiveModeChange),e.off("interiaPan",this.onFiveInteriaPan),e.off("panoArrived",this.onFivePanoArrived),e.off("cameraUpdate",this.onFiveCameraUpdate),e.off("wantsGesture",this.onFiveWantsGesture),e.off("wantsPanGesture",this.onFiveWantsPanGesture),e.off("wantsTapGesture",this.onFiveWantsTapGesture),e.off("wantsChangeMode",this.onFiveWantsChangeMode),e.off("modelShownFloorChange",this.onModelShownFloorChange)}render(e){if(!this.state.enabled||!this.container||!this.data||this.size.width===0)return;const t=b(l({},this.state.config),{visible:this.state.visible,duration:e!=null?e:0,panoIndex:this.panoIndex,floorIndex:this.floorIndex,floorplanData:this.data,lastPanoramaLongitude:this.lastPanoramaLongitude});if(this.app)return this.app.$set(t);this.app=new v.Main({target:this.container,intro:!0,props:t})}}const E=(r,o)=>new L(r,o);exports.ModelFloorplanPlugin=E;exports.default=E;