@realsee/dnalogel 2.1.2-alpha.1 → 2.1.2-alpha.11

package/libs/floorplan/MapviewFloorplanPlugin/Controller.js

@@ -1 +1,321 @@
-"use strict";var C=Object.defineProperty,_=Object.defineProperties;var y=Object.getOwnPropertyDescriptors;var g=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable;var v=(o,n,e)=>n in o?C(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,u=(o,n)=>{for(var e in n||(n={}))P.call(n,e)&&v(o,e,n[e]);if(g)for(var e of g(n))M.call(n,e)&&v(o,e,n[e]);return o},m=(o,n)=>_(o,y(n));var s=(o,n,e)=>(v(o,typeof n!="symbol"?n+"":n,e),e);var c=(o,n,e)=>new Promise((t,i)=>{var a=d=>{try{r(e.next(d))}catch(l){i(l)}},h=d=>{try{r(e.throw(d))}catch(l){i(l)}},r=d=>d.done?t(d.value):Promise.resolve(d.value).then(a,h);r((e=e.apply(o,n)).next())});const x=require("three"),I=require("../../shared-utils/to.js"),D=require("../../shared-utils/equal.js"),O=require("../Components/Main.js"),b=require("../utils/formatData.js"),L=require("../Assets/camera.js"),T=require("../../shared-utils/filter.js"),j=require("../constant.js"),k=require("../../base/BasePluginWithData.js"),S=require("../../shared-utils/getPxmm.js"),E=require("../utils/correctFiveState.js"),F=require("../../shared-utils/changeModelCanvasOpacity.js"),f=require("../utils/constant.js");function B(o){if(o&&o.__esModule)return o;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const H=B(x);function q(o){const{latitude:n,longitude:e}=o,t=Math.abs(n-Math.PI/2)>5*Math.PI/180,i=e>5*(Math.PI/180)&&e<355*(Math.PI/180);return t||i}function R(o){const{latitude:n,longitude:e}=o,t=Math.abs(n-Math.PI/2)<10*Math.PI/180,i=e<30*(Math.PI/180)||e>330*(Math.PI/180);return t&&i}class U extends k.Controller{constructor(e,t){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||!E.checkShowState(this.five,this.showState)||!this.container||!this.wrapper)return;const{min:e,max:t}=this.data.bounding,i=t.x-e.x,a=t.y-e.y,h=this.state.config.attachedTo?{attachedTo:this.state.config.attachedTo}:void 0,r=S.getPxmm(this.five,this.wrapper,this.floorIndex,h),d=Math.ceil(i*r),l=Math.ceil(a*r);this.size.width===d&&this.size.height===l||(this.container.style.width=d+"px",this.container.style.height=l+"px",this.size={width:d,height:l})});s(this,"_disable",e=>{var i,a,h;const{userAction:t}=e;this.hooks.emit("disable",{userAction:t}),(i=this.showRejection)==null||i.call(this,f.FloorplanErrorType.BreakOffByDisable),this.showPromise=void 0,(a=this.app)==null||a.$destroy(),this.app=void 0,(h=this.container)==null||h.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 h;if(!this.state.enabled)return;if(!((h=this.five.model)!=null&&h.loaded))throw new Error(f.FloorplanErrorType.ModelNotLoaded);if(!this.data)throw new Error(f.FloorplanErrorType.DataNotLoaded);this.isHiddenByHideFunc=!1;const t={floorIndex:this.floorIndex,modelOpacity:this.state.config.modelOpacity,immediately:!1,isAutoShow:!1,userAction:!0},i=u(u({},t),e),a=()=>c(this,null,function*(){this.hooks.emit("show",{userAction:i.userAction,auto:i.isAutoShow});let r=!1,d;this.showRejection=A=>{r=!0,d=A};const[l]=yield I.to(E.correctFiveState(this.five,this.showState,i.userAction));if(l)throw l;if(r)throw d?new Error(d):new Error(f.FloorplanErrorType.UnknownError);this.updateSize(),this.updatePosition(),this.floorIndex=i.floorIndex,this.five.model.show(this.floorIndex);const p=i.modelOpacity,w=i.immediately?0:f.SHOW_ANIME_DURATION;F.changeModelCanvasOpacity(this.five,p,w),this.render(w)});return this.showPromise=a().then(()=>{this.hooks.emit("showAnimationEnded",{auto:i.isAutoShow,userAction:i.userAction})}).catch(r=>{if(this.updateState({visible:!1},i.userAction),!i.isAutoShow&&r instanceof Error)throw r}).finally(()=>{this.showPromise=void 0,this.showRejection=void 0}),this.showPromise}));s(this,"_hide",e=>{var a;(a=this.showRejection)==null||a.call(this,f.FloorplanErrorType.BreakOffByHide),this.showPromise=void 0;const i=u(u({},{userAction:!0,isAutoHide:!1}),e);F.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,"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();this.updatePosition(),this.updateSize(),q(i)&&(this.updateState({visible:!1},t),this._hide({userAction:t}))});s(this,"onFiveWantsPanGesture",(e,t)=>{if(this.five.getCurrentState().mode===this.showState.mode&&this.state.config.autoShowEnable!==!1){if(t&&this.state.visible)return this.five.updateCamera(this.showState,0),!1;if(t&&!this.state.visible){if(this.isHiddenByHideFunc)return;const i=this.five.getCurrentState();return i.mode!==this.showState.mode||this.state.visible?void 0:(R(i)&&(this.updateState({visible:!0},!0),this._show({isAutoShow:!0})),!1)}}});s(this,"onFiveWantsTapGesture",()=>this.handleClick());s(this,"onFiveWantsChangeMode",(e,t)=>{t==="Panorama"&&e===this.showState.mode&&(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:"Mapview",longitude:0,latitude:Math.PI/2,fov:90};const i={northDesc:"\u5317",modelOpacity:1,hoverEnable:!0,compassEnable:!0,autoShowEnable:!0,ruleLabelsEnable:!0,roomLabelsEnable:!0,cameraImageUrl:L.CAMERA_IMAGE,attachedTo:j.FLOOR_PLAN_ATTACHED_TO.BOUNDING_CENTER,getLabelElement:void 0,adaptiveRoomLabelVisibleEnable:!0,getRoomAreaText:r=>(r/1e6).toFixed(1)+"\u33A1",getRuleDistanceText:r=>r.toString()},a=t?T.omit(t,["selector","scale"]):{},h=u(u({},i),a);this.state={enabled:!0,visible:!1,config:h},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 a(p){return Object.prototype.hasOwnProperty.apply(p,["version"])}const h=e;h&&!h.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 r=JSON.parse(JSON.stringify(e)),d=a(r)?r.data:r,l=this.data;this.data=yield b.formatData(d),this.hooks.emit("dataLoaded",this.data),this.hooks.emit("dataChange",this.data,l),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,a=t.userAction!==void 0?t.userAction:!0;if(this.updateState(e,a),e.enabled!==void 0&&i.enabled!==e.enabled&&(e.enabled?this._enable({userAction:a}):this._disable({userAction:a})),e.visible!==void 0&&i.visible!==e.visible){const h={userAction:a};e.visible?this._show(h):this._hide(h)}}changeConfigs(e,t=!0){this.updateState({config:e},t),this.render()}updatePosition(){var r;const e=S.getAttachedY(this.five,this.floorIndex,this.state.config.attachedTo),t=(r=this.five.model)==null?void 0:r.bounding.getCenter(new H.Vector3).setY(e);if(!t)return;const i=t.clone().project(this.five.camera),a=(i.x+1)/2,h=-(i.y-1)/2;this.container.style.left=a*100+"%",this.container.style.top=h*100+"%"}formatData(e){return c(this,null,function*(){return yield b.formatData(e.data)})}updateState(e,t){const i=this.state,a=e.config?u(u({},i.config),e.config):i.config;this.state=m(u(u({},this.state),e),{config:a}),!D.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("panoArrived",this.onFivePanoArrived),e.on("cameraUpdate",this.onFiveCameraUpdate),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("panoArrived",this.onFivePanoArrived),e.off("cameraUpdate",this.onFiveCameraUpdate),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(u({},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 O.Main({target:this.container,intro:!0,props:t})}}exports.Controller=U;
+var E = Object.defineProperty, F = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var b = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, y = Object.prototype.propertyIsEnumerable;
+var v = (h, n, t) => n in h ? E(h, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[n] = t, l = (h, n) => {
+  for (var t in n || (n = {}))
+    P.call(n, t) && v(h, t, n[t]);
+  if (b)
+    for (var t of b(n))
+      y.call(n, t) && v(h, t, n[t]);
+  return h;
+}, m = (h, n) => F(h, C(n));
+var s = (h, n, t) => (v(h, typeof n != "symbol" ? n + "" : n, t), t);
+var c = (h, n, t) => new Promise((e, i) => {
+  var o = (d) => {
+    try {
+      a(t.next(d));
+    } catch (u) {
+      i(u);
+    }
+  }, r = (d) => {
+    try {
+      a(t.throw(d));
+    } catch (u) {
+      i(u);
+    }
+  }, a = (d) => d.done ? e(d.value) : Promise.resolve(d.value).then(o, r);
+  a((t = t.apply(h, n)).next());
+});
+import * as x from "three";
+import { to as I } from "../../shared-utils/to.js";
+import { equal as M } from "../../shared-utils/equal.js";
+import L from "../Components/Main.js";
+import { formatData as g } from "../utils/formatData.js";
+import { CAMERA_IMAGE as _ } from "../Assets/camera.js";
+import { omit as D } from "../../shared-utils/filter.js";
+import { FLOOR_PLAN_ATTACHED_TO as O } from "../constant.js";
+import { Controller as T } from "../../base/BasePluginWithData.js";
+import { getPxmm as k, getAttachedY as B } from "../../shared-utils/getPxmm.js";
+import { checkShowState as H, correctFiveState as R } from "../utils/correctFiveState.js";
+import { changeModelCanvasOpacity as S } from "../../shared-utils/changeModelCanvasOpacity.js";
+import { FloorplanErrorType as f, SHOW_ANIME_DURATION as G } from "../utils/constant.js";
+function W(h) {
+  const { latitude: n, longitude: t } = h, e = Math.abs(n - Math.PI / 2) > 5 * Math.PI / 180, i = t > 5 * (Math.PI / 180) && t < 355 * (Math.PI / 180);
+  return e || i;
+}
+function z(h) {
+  const { latitude: n, longitude: t } = h, e = Math.abs(n - Math.PI / 2) < 10 * Math.PI / 180, i = t < 30 * (Math.PI / 180) || t > 330 * (Math.PI / 180);
+  return e && i;
+}
+class et extends T {
+  constructor(t, e) {
+    super(t);
+    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 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");
+    });
+    s(this, "show", (...e) => c(this, [...e], function* (t = {}) {
+      if (!this.state.enabled || !this.showPromise && this.state.visible)
+        return;
+      const i = t.userAction !== void 0 ? t.userAction : !0;
+      this.updateState({ visible: !0 }, i), this._show(t);
+    }));
+    s(this, "hide", (...e) => c(this, [...e], function* (t = {}) {
+      !this.state.enabled || (this.isHiddenByHideFunc = !0, this.state.visible !== !1 && (this.updateState({ visible: !1 }, t.userAction || !0), this._hide(t)));
+    }));
+    s(this, "updateSize", () => {
+      if (!this.data || !H(this.five, this.showState) || !this.container || !this.wrapper)
+        return;
+      const { min: t, max: e } = this.data.bounding, i = e.x - t.x, o = e.y - t.y, r = this.state.config.attachedTo ? { attachedTo: this.state.config.attachedTo } : void 0, a = k(this.five, this.wrapper, this.floorIndex, r), d = Math.ceil(i * a), u = Math.ceil(o * 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 });
+    });
+    s(this, "_disable", (t) => {
+      var i, o, r;
+      const { userAction: e } = t;
+      this.hooks.emit("disable", { userAction: e }), (i = this.showRejection) == null || i.call(this, f.BreakOffByDisable), this.showPromise = void 0, (o = this.app) == null || o.$destroy(), this.app = void 0, (r = this.container) == null || r.remove(), this.removeEventListener();
+    });
+    s(this, "_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 }));
+    });
+    s(this, "_show", (t) => c(this, null, function* () {
+      var r;
+      if (!this.state.enabled)
+        return;
+      if (!((r = this.five.model) != null && r.loaded))
+        throw new Error(f.ModelNotLoaded);
+      if (!this.data)
+        throw new Error(f.DataNotLoaded);
+      this.isHiddenByHideFunc = !1;
+      const e = {
+        floorIndex: this.floorIndex,
+        modelOpacity: this.state.config.modelOpacity,
+        immediately: !1,
+        isAutoShow: !1,
+        userAction: !0
+      }, i = l(l({}, e), t), o = () => c(this, null, function* () {
+        this.hooks.emit("show", { userAction: i.userAction, auto: i.isAutoShow });
+        let a = !1, d;
+        this.showRejection = (A) => {
+          a = !0, d = A;
+        };
+        const [u] = yield I(R(this.five, this.showState, i.userAction));
+        if (u)
+          throw u;
+        if (a)
+          throw d ? new Error(d) : new Error(f.UnknownError);
+        this.updateSize(), this.updatePosition(), this.floorIndex = i.floorIndex, this.five.model.show(this.floorIndex);
+        const p = i.modelOpacity, w = i.immediately ? 0 : G;
+        S(this.five, p, w), this.render(w);
+      });
+      return this.showPromise = o().then(() => {
+        this.hooks.emit("showAnimationEnded", {
+          auto: i.isAutoShow,
+          userAction: i.userAction
+        });
+      }).catch((a) => {
+        if (this.updateState({ visible: !1 }, i.userAction), !i.isAutoShow && a instanceof Error)
+          throw a;
+      }).finally(() => {
+        this.showPromise = void 0, this.showRejection = void 0;
+      }), this.showPromise;
+    }));
+    s(this, "_hide", (t) => {
+      var o;
+      (o = this.showRejection) == null || o.call(this, f.BreakOffByHide), this.showPromise = void 0;
+      const i = l(l({}, {
+        userAction: !0,
+        isAutoHide: !1
+      }), t);
+      S(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 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);
+    });
+    s(this, "onFiveModeChange", (t) => {
+      t !== this.showState.mode && (this.updateState({ visible: !1 }, !1), this._hide({ userAction: !1 }));
+    });
+    s(this, "onFivePanoArrived", (t) => {
+      var e;
+      !((e = this.five) != null && e.work) || (this.panoIndex = t, this.floorIndex = this.five.work.observers[t].floorIndex);
+    });
+    s(this, "onFiveCameraUpdate", (t, e) => {
+      if (!this.state.visible || this.showPromise)
+        return;
+      const i = this.five.getCurrentState();
+      this.updatePosition(), this.updateSize(), W(i) && (this.updateState({ visible: !1 }, e), this._hide({ userAction: e }));
+    });
+    s(this, "onFiveWantsPanGesture", (t, e) => {
+      if (this.five.getCurrentState().mode === this.showState.mode && this.state.config.autoShowEnable !== !1) {
+        if (e && this.state.visible)
+          return this.five.updateCamera(this.showState, 0), !1;
+        if (e && !this.state.visible) {
+          if (this.isHiddenByHideFunc)
+            return;
+          const i = this.five.getCurrentState();
+          return i.mode !== this.showState.mode || this.state.visible ? void 0 : (z(i) && (this.updateState({ visible: !0 }, !0), this._show({ isAutoShow: !0 })), !1);
+        }
+      }
+    });
+    s(this, "onFiveWantsTapGesture", () => this.handleClick());
+    s(this, "onFiveWantsChangeMode", (t, e) => {
+      e === "Panorama" && t === this.showState.mode && (this.lastPanoramaLongitude = this.five.getCurrentState().longitude);
+    });
+    s(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;
+        }
+        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")), this.showState = {
+      mode: "Mapview",
+      longitude: 0,
+      latitude: Math.PI / 2,
+      fov: 90
+    };
+    const i = {
+      northDesc: "\u5317",
+      modelOpacity: 1,
+      hoverEnable: !0,
+      compassEnable: !0,
+      autoShowEnable: !0,
+      ruleLabelsEnable: !0,
+      roomLabelsEnable: !0,
+      cameraImageUrl: _,
+      attachedTo: O.BOUNDING_CENTER,
+      getLabelElement: void 0,
+      adaptiveRoomLabelVisibleEnable: !0,
+      getRoomAreaText: (a) => (a / 1e6).toFixed(1) + "\u33A1",
+      getRuleDistanceText: (a) => a.toString()
+    }, o = e ? D(e, ["selector", "scale"]) : {}, r = l(l({}, i), o);
+    this.state = {
+      enabled: !0,
+      visible: !1,
+      config: r
+    }, this.initContainer(), t.model.loaded ? this.onFiveModelLoaded() : t.once("modelLoaded", this.onFiveModelLoaded), t.once("dispose", this.dispose), this.addEventListener();
+  }
+  load(t, e, i = !0) {
+    return c(this, null, function* () {
+      function o(p) {
+        return Object.prototype.hasOwnProperty.apply(p, ["version"]);
+      }
+      const r = t;
+      r && !r.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 = o(a) ? a.data : a, u = this.data;
+      this.data = yield g(d), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, u), e && this.updateState(e, i), this.render();
+    });
+  }
+  appendTo(t) {
+    if (this.wrapper = t, !!this.state.enabled)
+      return t.appendChild(this.container), this.render(), this;
+  }
+  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 i = this.state, o = e.userAction !== void 0 ? e.userAction : !0;
+    if (this.updateState(t, o), t.enabled !== void 0 && i.enabled !== t.enabled && (t.enabled ? this._enable({ userAction: o }) : this._disable({ userAction: o })), t.visible !== void 0 && i.visible !== t.visible) {
+      const r = { userAction: o };
+      t.visible ? this._show(r) : this._hide(r);
+    }
+  }
+  changeConfigs(t, e = !0) {
+    this.updateState({ config: t }, e), this.render();
+  }
+  updatePosition() {
+    var a;
+    const t = B(this.five, this.floorIndex, this.state.config.attachedTo), e = (a = this.five.model) == null ? void 0 : a.bounding.getCenter(new x.Vector3()).setY(t);
+    if (!e)
+      return;
+    const i = e.clone().project(this.five.camera), o = (i.x + 1) / 2, r = -(i.y - 1) / 2;
+    this.container.style.left = o * 100 + "%", this.container.style.top = r * 100 + "%";
+  }
+  formatData(t) {
+    return c(this, null, function* () {
+      return yield g(t.data);
+    });
+  }
+  updateState(t, e) {
+    const i = this.state, o = t.config ? l(l({}, i.config), t.config) : i.config;
+    this.state = m(l(l({}, this.state), t), { config: o }), !M(this.state, i, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: i, userAction: e });
+  }
+  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 t = this.five;
+    t.on("modeChange", this.onFiveModeChange), t.on("panoArrived", this.onFivePanoArrived), t.on("cameraUpdate", this.onFiveCameraUpdate), t.on("wantsPanGesture", this.onFiveWantsPanGesture), t.on("wantsTapGesture", this.onFiveWantsTapGesture), t.on("wantsChangeMode", this.onFiveWantsChangeMode), t.on("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  removeEventListener() {
+    const t = this.five;
+    this.hasAddedEventListener = !1, t.off("modelLoaded", this.onFiveModelLoaded), t.off("modeChange", this.onFiveModeChange), t.off("panoArrived", this.onFivePanoArrived), t.off("cameraUpdate", this.onFiveCameraUpdate), t.off("wantsPanGesture", this.onFiveWantsPanGesture), t.off("wantsTapGesture", this.onFiveWantsTapGesture), t.off("wantsChangeMode", this.onFiveWantsChangeMode), t.off("modelShownFloorChange", this.onModelShownFloorChange);
+  }
+  render(t) {
+    if (!this.state.enabled || !this.container || !this.data || this.size.width === 0)
+      return;
+    const e = m(l({}, 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 L({ target: this.container, intro: !0, props: e });
+  }
+}
+export {
+  et as Controller
+};

package/libs/floorplan/MapviewFloorplanPlugin/index.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./Controller.js");require("three");require("../../shared-utils/to.js");require("../../shared-utils/equal.js");require("../../shared-utils/isTruelyObject.js");require("../Components/Main.js");require("svelte/internal");require("svelte/easing");require("svelte/transition");require("../Components/Camera.js");require("../Assets/camera.js");require("../../shared-utils/math/rad2Deg.js");require("../Components/Compass.js");require("../Assets/compass.js");require("../Components/CurrentFloor.js");require("svelte/store");require("../Components/BaseImage.js");require("../Components/Normalmage.js");require("../Components/SvgImage.js");require("../Components/RoomLabels/RoomLabels.js");require("../Components/RoomLabels/RoomLabel.js");require("svelte");require("../Components/RuleLabels/RuleLabels.js");require("../Components/RuleLabels/RuleItem.js");require("../Components/RoomMaterials/RoomMaterial.js");require("../utils/formatPosition.js");require("../Components/RoomMaterials/RoomMaterial_0.js");require("../Components/RoomMaterials/RoomMaterial_1.js");require("../Components/RoomMaterials/RoomMaterial_2.js");require("../Components/RoomHighlight/RoomHighlight.js");require("../Components/RoomHighlight/Room.js");require("../utils/formatData.js");require("../Assets/floorplanExtraObject.js");require("../../shared-utils/filter.js");require("../../shared-utils/tap.js");require("../constant.js");require("../../base/BasePluginWithData.js");require("../../base/BasePlugin.js");require("../../shared-utils/Subscribe.js");require("../../shared-utils/getPxmm.js");require("../utils/correctFiveState.js");require("../utils/constant.js");require("../../shared-utils/nearlyEqual.js");require("../../shared-utils/five/changeMode.js");require("../../shared-utils/changeModelCanvasOpacity.js");const e=(r,s)=>new o.Controller(r,s);exports.MapviewFloorplanPlugin=e;exports.default=e;
+import { Controller as n } from "./Controller.js";
+const l = (o, r) => new n(o, r);
+export {
+  l as MapviewFloorplanPlugin
+};