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

package/libs/PanoMeasurePlugin/Modules/Magnifier.js

@@ -1 +1,103 @@
-"use strict";var P=Object.defineProperty;var w=(i,t,e)=>t in i?P(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var n=(i,t,e)=>(w(i,typeof t!="symbol"?t+"":t,e),e);const b=require("hammerjs"),E=require("three"),C=require("@realsee/five"),D=i=>i&&typeof i=="object"&&"default"in i?i:{default:i};function S(i){if(i&&i.__esModule)return i;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const e in i)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(i,e);Object.defineProperty(t,e,s.get?s:{enumerable:!0,get:()=>i[e]})}}return t.default=i,Object.freeze(t)}const _=D(b),y=S(E);function u(i,t,e){const s=i[t];i[t]=i[e],i[e]=s}function H(i,t,e){const s=e/2;for(let a=1;a<=s;a++){const h=e-(a-1);for(let r=1;r<=t;r++){const c=(a-1)*t+r-1,l=(h-1)*t+r-1;u(i,c*4+0,l*4+0),u(i,c*4+1,l*4+1),u(i,c*4+2,l*4+2),u(i,c*4+3,l*4+3)}}}class R{constructor(t,e){n(this,"width");n(this,"height");n(this,"visible",!1);n(this,"hooks",new C.Subscribe);n(this,"contentDom",document.createElement("canvas"));n(this,"five");n(this,"scale");n(this,"wrapper");n(this,"config");n(this,"offset",{x:0,y:0});n(this,"canvas",this.contentDom);n(this,"context");n(this,"renderCenter",new y.Vector3);n(this,"lastPanEvent");n(this,"hammer");n(this,"onPan",t=>{var o,f,d,g;if(!this.wrapper)return;const e=(f=(o=this.lastPanEvent)==null?void 0:o.deltaX)!=null?f:0,s=(g=(d=this.lastPanEvent)==null?void 0:d.deltaY)!=null?g:0,a=t.deltaX-e,h=t.deltaY-s;if(this.lastPanEvent=t,this.hooks.emit("wantsPanGesture",{srcEvent:t,deltaX:a,deltaY:h}))return;const c=this.offset.x+a,l=this.offset.y+h;this.contentDom.style.boxShadow="0 2px 30px 0 rgba(0,0,0,0.20)",this.canvas.style.transform=`translate3d(${c}px, ${l}px, 100px)`,this.offset={x:c,y:l}});n(this,"onPanEnd",t=>{this.lastPanEvent=void 0,this.contentDom.style.boxShadow="none"});var a,h,r;if(!t.renderer)throw new Error("Five Render \u672A\u521D\u59CB\u5316");this.five=t,this.scale=(a=e==null?void 0:e.scale)!=null?a:2,this.width=(h=e==null?void 0:e.width)!=null?h:190,this.height=(r=e==null?void 0:e.height)!=null?r:190,this.config={dragEnabled:(e==null?void 0:e.dragEnabled)||!1,autoFixPCPosition:(e==null?void 0:e.autoFixPCPosition)||!1,initialPosition:(e==null?void 0:e.initialPosition)||{left:"0",top:"0"}};const s=this.canvas.getContext("2d");if(!s)throw new Error("CANNOT CREATE CONTEXT2D");this.context=s,this.config.dragEnabled&&(this.hammer=new _.default(this.canvas),this.hammer.on("pan",this.onPan),this.hammer.on("panend",this.onPanEnd))}dispose(){var t;this.clear(),this.remove(),(t=this.hammer)==null||t.destroy()}remove(){this.canvas.remove(),this.visible=!1}clear(){this.context.clearRect(0,0,this.canvas.width,this.canvas.height)}appendTo(t){this.wrapper=t,this.initStyle(),t.append(this.canvas),this.visible=!0}renderWithPoint(t){!this.wrapper||(this.renderCenter=t,this.render(),this.config.autoFixPCPosition&&this.autoFixPCPosition())}autoFixPCPosition(){if(!this.wrapper)return;const{width:t,height:e}=this,s=this.renderCenter.clone().project(this.five.camera),a=(s.x+1)/2*this.wrapper.clientWidth,h=-(s.x-1)/2*this.wrapper.clientWidth,r=-(s.y-1)/2*this.wrapper.clientHeight;a<183?(this.canvas.style.top=-e/2+"px",this.canvas.style.left=90+"px"):r<183?(this.canvas.style.top=90+"px",this.canvas.style.left=-t/2+"px"):h<183?(this.canvas.style.top=-e/2+"px",this.canvas.style.left=-t-90+"px"):(this.canvas.style.left=-t/2+"px",this.canvas.style.top=-e-90+"px"),this.canvas.style.transform=`translate3d(${a}px, ${r}px, 10px)`,this.offset={x:a,y:r}}render(){if(!this.five.renderer||!this.wrapper)return;const{scale:t,context:e,width:s,height:a}=this,h=this.renderCenter.clone().project(this.five.camera),r=this.five.renderer.getSize(new y.Vector2),c=1,l=s/t,o=a/t,f=c*t,d=(h.x+1)/2*r.x,g=(h.y+1)/2*r.y,x=this.five.getPixels(d-l/2,g-l/2,l,o,f),v=Math.floor(s*c),p=Math.floor(a*c);H(x,v,p);const m=new ImageData(v,p);m.data.set(x),e.putImageData(m,0,0)}initStyle(){const t=this.canvas;t.classList.add("five-plugin__magnifier"),t.style.position="absolute",t.style.pointerEvents="all",t.style.borderRadius="50%",t.style.zIndex="99";const e=1;t.setAttribute("width",(this.width*e).toString()),t.setAttribute("height",(this.height*e).toString()),t.style.border="2px solid rgba(255,255,255,0.20)",t.style.width=this.width+"px",t.style.height=this.height+"px",t.style.top=this.config.initialPosition.top,t.style.left=this.config.initialPosition.left,t.style.transform="translate(0,0,100px)",this.config.dragEnabled&&(this.canvas.style.cursor="pointer")}}exports.Magnifier=R;
+var P = Object.defineProperty;
+var w = (a, t, e) => t in a ? P(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var i = (a, t, e) => (w(a, typeof t != "symbol" ? t + "" : t, e), e);
+import E from "hammerjs";
+import * as y from "three";
+import { Subscribe as b } from "@realsee/five";
+function g(a, t, e) {
+  const n = a[t];
+  a[t] = a[e], a[e] = n;
+}
+function C(a, t, e) {
+  const n = e / 2;
+  for (let s = 1; s <= n; s++) {
+    const h = e - (s - 1);
+    for (let r = 1; r <= t; r++) {
+      const l = (s - 1) * t + r - 1, o = (h - 1) * t + r - 1;
+      g(a, l * 4 + 0, o * 4 + 0), g(a, l * 4 + 1, o * 4 + 1), g(a, l * 4 + 2, o * 4 + 2), g(a, l * 4 + 3, o * 4 + 3);
+    }
+  }
+}
+class H {
+  constructor(t, e) {
+    i(this, "width");
+    i(this, "height");
+    i(this, "visible", !1);
+    i(this, "hooks", new b());
+    i(this, "contentDom", document.createElement("canvas"));
+    i(this, "five");
+    i(this, "scale");
+    i(this, "wrapper");
+    i(this, "config");
+    i(this, "offset", { x: 0, y: 0 });
+    i(this, "canvas", this.contentDom);
+    i(this, "context");
+    i(this, "renderCenter", new y.Vector3());
+    i(this, "lastPanEvent");
+    i(this, "hammer");
+    i(this, "onPan", (t) => {
+      var c, d, f, x;
+      if (!this.wrapper)
+        return;
+      const e = (d = (c = this.lastPanEvent) == null ? void 0 : c.deltaX) != null ? d : 0, n = (x = (f = this.lastPanEvent) == null ? void 0 : f.deltaY) != null ? x : 0, s = t.deltaX - e, h = t.deltaY - n;
+      if (this.lastPanEvent = t, this.hooks.emit("wantsPanGesture", { srcEvent: t, deltaX: s, deltaY: h }))
+        return;
+      const l = this.offset.x + s, o = this.offset.y + h;
+      this.contentDom.style.boxShadow = "0 2px 30px 0 rgba(0,0,0,0.20)", this.canvas.style.transform = `translate3d(${l}px, ${o}px, 100px)`, this.offset = { x: l, y: o };
+    });
+    i(this, "onPanEnd", (t) => {
+      this.lastPanEvent = void 0, this.contentDom.style.boxShadow = "none";
+    });
+    var s, h, r;
+    if (!t.renderer)
+      throw new Error("Five Render \u672A\u521D\u59CB\u5316");
+    this.five = t, this.scale = (s = e == null ? void 0 : e.scale) != null ? s : 2, this.width = (h = e == null ? void 0 : e.width) != null ? h : 190, this.height = (r = e == null ? void 0 : e.height) != null ? r : 190, this.config = {
+      dragEnabled: (e == null ? void 0 : e.dragEnabled) || !1,
+      autoFixPCPosition: (e == null ? void 0 : e.autoFixPCPosition) || !1,
+      initialPosition: (e == null ? void 0 : e.initialPosition) || { left: "0", top: "0" }
+    };
+    const n = this.canvas.getContext("2d");
+    if (!n)
+      throw new Error("CANNOT CREATE CONTEXT2D");
+    this.context = n, this.config.dragEnabled && (this.hammer = new E(this.canvas), this.hammer.on("pan", this.onPan), this.hammer.on("panend", this.onPanEnd));
+  }
+  dispose() {
+    var t;
+    this.clear(), this.remove(), (t = this.hammer) == null || t.destroy();
+  }
+  remove() {
+    this.canvas.remove(), this.visible = !1;
+  }
+  clear() {
+    this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  }
+  appendTo(t) {
+    this.wrapper = t, this.initStyle(), t.append(this.canvas), this.visible = !0;
+  }
+  renderWithPoint(t) {
+    !this.wrapper || (this.renderCenter = t, this.render(), this.config.autoFixPCPosition && this.autoFixPCPosition());
+  }
+  autoFixPCPosition() {
+    if (!this.wrapper)
+      return;
+    const { width: t, height: e } = this, n = this.renderCenter.clone().project(this.five.camera), s = (n.x + 1) / 2 * this.wrapper.clientWidth, h = -(n.x - 1) / 2 * this.wrapper.clientWidth, r = -(n.y - 1) / 2 * this.wrapper.clientHeight;
+    s < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = 90 + "px") : r < 183 ? (this.canvas.style.top = 90 + "px", this.canvas.style.left = -t / 2 + "px") : h < 183 ? (this.canvas.style.top = -e / 2 + "px", this.canvas.style.left = -t - 90 + "px") : (this.canvas.style.left = -t / 2 + "px", this.canvas.style.top = -e - 90 + "px"), this.canvas.style.transform = `translate3d(${s}px, ${r}px, 10px)`, this.offset = { x: s, y: r };
+  }
+  render() {
+    if (!this.five.renderer || !this.wrapper)
+      return;
+    const { scale: t, context: e, width: n, height: s } = this, h = this.renderCenter.clone().project(this.five.camera), r = this.five.renderer.getSize(new y.Vector2()), l = 1, o = n / t, c = s / t, d = l * t, f = (h.x + 1) / 2 * r.x, x = (h.y + 1) / 2 * r.y, v = this.five.getPixels(f - o / 2, x - o / 2, o, c, d), p = Math.floor(n * l), m = Math.floor(s * l);
+    C(v, p, m);
+    const u = new ImageData(p, m);
+    u.data.set(v), e.putImageData(u, 0, 0);
+  }
+  initStyle() {
+    const t = this.canvas;
+    t.classList.add("five-plugin__magnifier"), t.style.position = "absolute", t.style.pointerEvents = "all", t.style.borderRadius = "50%", t.style.zIndex = "99";
+    const e = 1;
+    t.setAttribute("width", (this.width * e).toString()), t.setAttribute("height", (this.height * e).toString()), t.style.border = "2px solid rgba(255,255,255,0.20)", t.style.width = this.width + "px", t.style.height = this.height + "px", t.style.top = this.config.initialPosition.top, t.style.left = this.config.initialPosition.left, t.style.transform = "translate(0,0,100px)", this.config.dragEnabled && (this.canvas.style.cursor = "pointer");
+  }
+}
+export {
+  H as Magnifier
+};

package/libs/PanoMeasurePlugin/Modules/UIController/HTML.js

@@ -1,4 +1,5 @@
-"use strict";const t=require("./mobileHTML.js"),e=`
+import { startIconImage as t, endIconImage as e } from "./mobileHTML.js";
+const o = `
   <svg class="fpm__revoke-icon" width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
     <defs>
       <linearGradient x1="47.631%" y1="55.183%" x2="2.967%" y2="86.323%" id="fpm__revoke-a">
@@ -18,7 +19,7 @@
       stroke-width=".5"
     />
   </svg>
-`,o=`
+`, i = `
   <svg class="fpm__exit-icon width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
     <defs>
       <linearGradient x1="36.288%" y1="73.736%" x2="54.242%" y2="97.166%" id="fpm__exit-a">
@@ -39,7 +40,7 @@
       stroke-width=".5"
     />
   </svg>
-`,i=`
+`, a = `
   <style>
     .fpm__other-btn {
       height: 40px;
@@ -96,10 +97,10 @@
       opacity: 1;
     }
     .fpm__main__start {
-      background-image: url(${t.startIconImage});
+      background-image: url(${t});
     }
     .fpm__main__end {
-      background-image: url(${t.endIconImage});
+      background-image: url(${e});
     }
     
   </style>
@@ -107,7 +108,7 @@
   <div class="fpm_operating-space">
     <div class="fpm__other-btn">
       <div class="fpm__other-content fpm__revoke">
-        ${e}
+        ${o}
         <span class="fpm__text fpm__revoke-text">\u64A4\u9500</span>
       </div>
     </div>
@@ -117,9 +118,12 @@
     </div>
     <div class="fpm__other-btn">
       <div class="fpm__other-content fpm__exit">
-        ${o}
+        ${i}
         <span class="fpm__text fpm__exit-text">\u9000\u51FA</span>
       </div>
     </div>
   </div>
-`;exports.htmlString=i;
+`;
+export {
+  a as htmlString
+};

package/libs/PanoMeasurePlugin/Modules/UIController/MainBtnController.js

@@ -1 +1,50 @@
-"use strict";var m=Object.defineProperty;var o=(s,e,t)=>e in s?m(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var n=(s,e,t)=>(o(s,typeof e!="symbol"?e+"":e,t),t);const a=require("./style.js");class l{constructor(e,t){n(this,"container");n(this,"measureController");n(this,"mainElement");n(this,"onMouseEnter",()=>{const{mainItem:e}=this.mainElement;e.style.opacity="1"});n(this,"onMouseLeave",()=>{const{mainItem:e}=this.mainElement;e.style.opacity="0.85"});n(this,"onClick",()=>{this.measureController.getCurrentMode()==="Watch"?this.measureController.changeMode("Edit"):this.measureController.save().changeMode("Watch")});n(this,"modeChangeHandler",e=>{e==="Watch"?this.change2Add():this.change2Done()});this.measureController=e,this.container=t,this.mainElement=this.getMainElement(),Object.assign(this.mainElement.mainIcon.style,a.mainIconStyle),Object.assign(this.mainElement.mainItem.style,a.mainItemStyle),this.change2Add(),this.measureController.hook.on("modeChange",this.modeChangeHandler),this.mainElement.mainItem.addEventListener("click",this.onClick),this.mainElement.mainItem.addEventListener("mouseenter",this.onMouseEnter),this.mainElement.mainItem.addEventListener("mouseleave",this.onMouseLeave)}dispose(){this.measureController.hook.off("modeChange",this.modeChangeHandler),this.mainElement.mainItem.removeEventListener("click",this.onClick),this.mainElement.mainItem.removeEventListener("mouseenter",this.onMouseEnter),this.mainElement.mainItem.removeEventListener("mouseleave",this.onMouseLeave)}getMainElement(){const e=this.container.querySelector(".fpm__main-text"),t=this.container.querySelector(".fpm__main"),i=this.container.querySelector(".fpm__main-icon");if(!t||!e||!i)throw new Error("cannot find dom");return{mainTextDom:e,mainItem:t,mainIcon:i}}change2Add(){const{mainIcon:e,mainTextDom:t}=this.mainElement;e.className.includes("fpm__main__start")||e.className.includes("fpm__main__end")&&(e.style.transform="scale(0.8)",t.className.includes("fpm__main-text__show")?t.classList.replace("fpm__main-text__show","fpm__main-text__hide"):t.classList.add("fpm__main-text__hide"),setTimeout(()=>{e.classList.replace("fpm__main__end","fpm__main__start"),e.style.transform="scale(1)",t.innerText="\u5F00\u59CB",t.classList.replace("fpm__main-text__hide","fpm__main-text__show")},200))}change2Done(){const{mainTextDom:e,mainIcon:t}=this.getMainElement();e.innerText!=="\u7ED3\u675F"&&(t.className.includes("fpm__main__end")||t.className.includes("fpm__main__start")&&(t.style.transform="scale(0.8)",e.className.includes("fpm__main-text__show")?e.classList.replace("fpm__main-text__show","fpm__main-text__hide"):e.classList.add("fpm__main-text__hide"),setTimeout(()=>{t.classList.replace("fpm__main__start","fpm__main__end"),t.style.transform="scale(1)",e.innerText="\u7ED3\u675F",e.classList.replace("fpm__main-text__hide","fpm__main-text__show")},200)))}}exports.MainBtnController=l;
+var a = Object.defineProperty;
+var m = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var n = (i, e, t) => (m(i, typeof e != "symbol" ? e + "" : e, t), t);
+import { mainIconStyle as o, mainItemStyle as r } from "./style.js";
+class c {
+  constructor(e, t) {
+    n(this, "container");
+    n(this, "measureController");
+    n(this, "mainElement");
+    n(this, "onMouseEnter", () => {
+      const { mainItem: e } = this.mainElement;
+      e.style.opacity = "1";
+    });
+    n(this, "onMouseLeave", () => {
+      const { mainItem: e } = this.mainElement;
+      e.style.opacity = "0.85";
+    });
+    n(this, "onClick", () => {
+      this.measureController.getCurrentMode() === "Watch" ? this.measureController.changeMode("Edit") : this.measureController.save().changeMode("Watch");
+    });
+    n(this, "modeChangeHandler", (e) => {
+      e === "Watch" ? this.change2Add() : this.change2Done();
+    });
+    this.measureController = e, this.container = t, this.mainElement = this.getMainElement(), Object.assign(this.mainElement.mainIcon.style, o), Object.assign(this.mainElement.mainItem.style, r), this.change2Add(), this.measureController.hook.on("modeChange", this.modeChangeHandler), this.mainElement.mainItem.addEventListener("click", this.onClick), this.mainElement.mainItem.addEventListener("mouseenter", this.onMouseEnter), this.mainElement.mainItem.addEventListener("mouseleave", this.onMouseLeave);
+  }
+  dispose() {
+    this.measureController.hook.off("modeChange", this.modeChangeHandler), this.mainElement.mainItem.removeEventListener("click", this.onClick), this.mainElement.mainItem.removeEventListener("mouseenter", this.onMouseEnter), this.mainElement.mainItem.removeEventListener("mouseleave", this.onMouseLeave);
+  }
+  getMainElement() {
+    const e = this.container.querySelector(".fpm__main-text"), t = this.container.querySelector(".fpm__main"), s = this.container.querySelector(".fpm__main-icon");
+    if (!t || !e || !s)
+      throw new Error("cannot find dom");
+    return { mainTextDom: e, mainItem: t, mainIcon: s };
+  }
+  change2Add() {
+    const { mainIcon: e, mainTextDom: t } = this.mainElement;
+    e.className.includes("fpm__main__start") || e.className.includes("fpm__main__end") && (e.style.transform = "scale(0.8)", t.className.includes("fpm__main-text__show") ? t.classList.replace("fpm__main-text__show", "fpm__main-text__hide") : t.classList.add("fpm__main-text__hide"), setTimeout(() => {
+      e.classList.replace("fpm__main__end", "fpm__main__start"), e.style.transform = "scale(1)", t.innerText = "\u5F00\u59CB", t.classList.replace("fpm__main-text__hide", "fpm__main-text__show");
+    }, 200));
+  }
+  change2Done() {
+    const { mainTextDom: e, mainIcon: t } = this.getMainElement();
+    e.innerText !== "\u7ED3\u675F" && (t.className.includes("fpm__main__end") || t.className.includes("fpm__main__start") && (t.style.transform = "scale(0.8)", e.className.includes("fpm__main-text__show") ? e.classList.replace("fpm__main-text__show", "fpm__main-text__hide") : e.classList.add("fpm__main-text__hide"), setTimeout(() => {
+      t.classList.replace("fpm__main__start", "fpm__main__end"), t.style.transform = "scale(1)", e.innerText = "\u7ED3\u675F", e.classList.replace("fpm__main-text__hide", "fpm__main-text__show");
+    }, 200)));
+  }
+}
+export {
+  c as MainBtnController
+};

package/libs/PanoMeasurePlugin/Modules/UIController/Revoke/index.js

@@ -1 +1,36 @@
-"use strict";var i=Object.defineProperty;var h=(r,e,o)=>e in r?i(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o;var t=(r,e,o)=>(h(r,typeof e!="symbol"?e+"":e,o),o);class c{constructor(e,o){t(this,"container");t(this,"revokeIcon");t(this,"revokeItem");t(this,"measureController");t(this,"onClick",()=>{this.measureController.revoke()});t(this,"onModeChange",e=>{if(e!=="Edit"&&this.revokeItem.className.includes("enabled")){this.revokeItem.classList.remove("enabled");return}this.measureController.hook.on("anchorChange",o=>{o&&this.revokeItem.classList.add("enabled")})});t(this,"handleRevoke",()=>()=>{});this.measureController=e,this.container=o;const n=this.container.querySelector(".fpm__revoke-icon"),s=this.container.querySelector(".fpm__revoke");if(!n||!s)throw new Error("\u4E0D\u6B63\u786E\u7684\u9009\u62E9\u5668");this.revokeIcon=n,this.revokeItem=s,this.revokeItem.addEventListener("click",this.onClick),e.hook.on("modeChange",this.onModeChange)}dispose(){this.revokeItem.removeEventListener("click",this.onClick),this.measureController.hook.off("modeChange",this.onModeChange)}}exports.Revoke=c;
+var i = Object.defineProperty;
+var h = (r, e, o) => e in r ? i(r, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[e] = o;
+var t = (r, e, o) => (h(r, typeof e != "symbol" ? e + "" : e, o), o);
+class a {
+  constructor(e, o) {
+    t(this, "container");
+    t(this, "revokeIcon");
+    t(this, "revokeItem");
+    t(this, "measureController");
+    t(this, "onClick", () => {
+      this.measureController.revoke();
+    });
+    t(this, "onModeChange", (e) => {
+      if (e !== "Edit" && this.revokeItem.className.includes("enabled")) {
+        this.revokeItem.classList.remove("enabled");
+        return;
+      }
+      this.measureController.hook.on("anchorChange", (o) => {
+        o && this.revokeItem.classList.add("enabled");
+      });
+    });
+    t(this, "handleRevoke", () => () => {
+    });
+    this.measureController = e, this.container = o;
+    const n = this.container.querySelector(".fpm__revoke-icon"), s = this.container.querySelector(".fpm__revoke");
+    if (!n || !s)
+      throw new Error("\u4E0D\u6B63\u786E\u7684\u9009\u62E9\u5668");
+    this.revokeIcon = n, this.revokeItem = s, this.revokeItem.addEventListener("click", this.onClick), e.hook.on("modeChange", this.onModeChange);
+  }
+  dispose() {
+    this.revokeItem.removeEventListener("click", this.onClick), this.measureController.hook.off("modeChange", this.onModeChange);
+  }
+}
+export {
+  a as Revoke
+};

package/libs/PanoMeasurePlugin/Modules/UIController/index.js

@@ -1 +1,48 @@
-"use strict";var u=Object.defineProperty;var d=(o,t,e)=>t in o?u(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var n=(o,t,e)=>(d(o,typeof t!="symbol"?t+"":t,e),e);const m=require("./HTML.js"),y=require("./mobileHTML.js"),l=require("./style.js"),p=require("./MainBtnController.js"),_=require("./mobileMainBtnController.js"),M=require("./Revoke/index.js");class C{constructor(t,e){n(this,"revoke");n(this,"container");n(this,"mainController");n(this,"disposers",[]);n(this,"measureController");n(this,"mode");n(this,"handleExit",()=>{const t=this.container.querySelector(".fpm__exit-icon"),e=this.container.querySelector(".fpm__exit");if(!e||!t)throw new Error("cannot find dom");this.mode==="pc"&&(Object.assign(e.style,l.exitItemStyle),Object.assign(t==null?void 0:t.style,l.exitIconStyle));const s=()=>e.style.opacity="1",r=()=>e.style.opacity="0.85",i=()=>{this.measureController.disable()};return e.addEventListener("click",i),e.addEventListener("mouseenter",s),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("click",i),e.removeEventListener("mouseenter",s),e.removeEventListener("mouseleave",r)}});var a,c;this.measureController=t,this.mode=(a=e.openParams)!=null&&a.isMobile?"mobile":"pc",this.container=document.createElement("div"),this.container.innerHTML=(c=e.openParams)!=null&&c.isMobile?y.mobileHTMLString:m.htmlString,this.container.classList.add("fpm__ui-controller",this.mode),e.container.appendChild(this.container);const s=this.container.querySelectorAll(".fpm__text"),r=this.container.querySelector(".fpm_ui-bg"),i=this.container.querySelector(".fpm_operating-space");Object.assign(r==null?void 0:r.style,l.controllerBackgroundStyle),Object.assign(i==null?void 0:i.style,l.operatingSpaceStyle),Object.assign(this.container.style,l.uiWrapperStyle),s.forEach(h=>Object.assign(h.style,l.textStyle))}dispose(){this.hide(),this.container.remove()}show(){return this.container.style.display="block",this.container.style.opacity="1",this.container.style.transform="translate(0, 0)",this.mode==="pc"?(this.revoke=new M.Revoke(this.measureController,this.container),this.mainController=new p.MainBtnController(this.measureController,this.container)):this.mainController=new _.mobileMainBtnController(this.measureController,this.container),this.disposers.push(this.handleExit()),this}hide(){var t,e;return this.container.style.display="none",this.container.style.opacity="0",this.container.style.transform="translate(0, 10px)",this.mode==="pc"&&((t=this.revoke)==null||t.dispose()),(e=this.mainController)==null||e.dispose(),this.disposers.forEach(s=>s()),this.disposers=[],this}}exports.UIController=C;
+var h = Object.defineProperty;
+var m = (o, t, e) => t in o ? h(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => (m(o, typeof t != "symbol" ? t + "" : t, e), e);
+import { htmlString as p } from "./HTML.js";
+import { mobileHTMLString as d } from "./mobileHTML.js";
+import { controllerBackgroundStyle as y, operatingSpaceStyle as u, uiWrapperStyle as f, textStyle as v, exitItemStyle as C, exitIconStyle as b } from "./style.js";
+import { MainBtnController as E } from "./MainBtnController.js";
+import { mobileMainBtnController as S } from "./mobileMainBtnController.js";
+import { Revoke as x } from "./Revoke/index.js";
+class O {
+  constructor(t, e) {
+    i(this, "revoke");
+    i(this, "container");
+    i(this, "mainController");
+    i(this, "disposers", []);
+    i(this, "measureController");
+    i(this, "mode");
+    i(this, "handleExit", () => {
+      const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
+      if (!e || !t)
+        throw new Error("cannot find dom");
+      this.mode === "pc" && (Object.assign(e.style, C), Object.assign(t == null ? void 0 : t.style, b));
+      const s = () => e.style.opacity = "1", n = () => e.style.opacity = "0.85", r = () => {
+        this.measureController.disable();
+      };
+      return e.addEventListener("click", r), e.addEventListener("mouseenter", s), e.addEventListener("mouseleave", n), () => {
+        e.removeEventListener("click", r), e.removeEventListener("mouseenter", s), e.removeEventListener("mouseleave", n);
+      };
+    });
+    var l, a;
+    this.measureController = t, this.mode = (l = e.openParams) != null && l.isMobile ? "mobile" : "pc", this.container = document.createElement("div"), this.container.innerHTML = (a = e.openParams) != null && a.isMobile ? d : p, this.container.classList.add("fpm__ui-controller", this.mode), e.container.appendChild(this.container);
+    const s = this.container.querySelectorAll(".fpm__text"), n = this.container.querySelector(".fpm_ui-bg"), r = this.container.querySelector(".fpm_operating-space");
+    Object.assign(n == null ? void 0 : n.style, y), Object.assign(r == null ? void 0 : r.style, u), Object.assign(this.container.style, f), s.forEach((c) => Object.assign(c.style, v));
+  }
+  dispose() {
+    this.hide(), this.container.remove();
+  }
+  show() {
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new x(this.measureController, this.container), this.mainController = new E(this.measureController, this.container)) : this.mainController = new S(this.measureController, this.container), this.disposers.push(this.handleExit()), this;
+  }
+  hide() {
+    var t, e;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((t = this.revoke) == null || t.dispose()), (e = this.mainController) == null || e.dispose(), this.disposers.forEach((s) => s()), this.disposers = [], this;
+  }
+}
+export {
+  O as UIController
+};

package/libs/PanoMeasurePlugin/Modules/UIController/mobileHTML.js

@@ -1,4 +1,4 @@
-"use strict";const I="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTUuMyUiIHk9Ii01LjMlIiB3aWR0aD0iMTEwLjUlIiBoZWlnaHQ9IjExMC41JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjUgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48ZmlsdGVyIHg9Ii0xMS40JSIgeT0iLTExLjQlIiB3aWR0aD0iMTIyLjklIiBoZWlnaHQ9IjEyMi45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19jIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0LjUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIi8+PGZlT2Zmc2V0IGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4zIDAiIGluPSJzaGFkb3dJbm5lcklubmVyMSIvPjwvZmlsdGVyPjxmaWx0ZXIgeD0iLTEyNi42JSIgeT0iLTMzNy41JSIgd2lkdGg9IjM1My4xJSIgaGVpZ2h0PSI3NzUlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJwcmVmaXhfX2UiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2IiBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmlsdGVyPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9IjAlIiBpZD0icHJlZml4X19kIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii43IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjI2LjQzMiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iODIuMzA1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJwcmVmaXhfX2YiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjA1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzNiIgY3k9IjM2IiByPSIyOC40NDQiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcHJlZml4X19jKSIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjxjaXJjbGUgc3Ryb2tlPSJ1cmwoI3ByZWZpeF9fZCkiIHN0cm9rZS13aWR0aD0iLjQiIGZpbGwtb3BhY2l0eT0iLjI0MSIgZmlsbD0iI0ZGRiIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGN4PSIzNiIgY3k9IjM2IiByPSIyOC4yNDQiLz48ZWxsaXBzZSBmaWxsPSIjRkZGIiBvcGFjaXR5PSIuNTk2IiBmaWx0ZXI9InVybCgjcHJlZml4X19lKSIgY3g9IjM2IiBjeT0iMzYiIHJ4PSIxOC45NjMiIHJ5PSI3LjExMSIvPjxwYXRoIGQ9Ik0zNiAwQzE2LjExOCAwIDAgMTYuMTE4IDAgMzZzMTYuMTE4IDM2IDM2IDM2IDM2LTE2LjExOCAzNi0zNlM1NS44ODIgMCAzNiAwem0wIDQuNDQ0YzE3LjQyOCAwIDMxLjU1NiAxNC4xMjggMzEuNTU2IDMxLjU1NlM1My40MjggNjcuNTU2IDM2IDY3LjU1NiA0LjQ0NCA1My40MjggNC40NDQgMzYgMTguNTcyIDQuNDQ0IDM2IDQuNDQ0eiIgZmlsbD0idXJsKCNwcmVmaXhfX2YpIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+",i="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxNS41MSUiIHkxPSIxMi40OTclIiB4Mj0iODUuMjY1JSIgeTI9Ijg2LjE0MyUiIGlkPSJwcmVmaXhfX2IiPjxzdG9wIHN0b3AtY29sb3I9IiM5NUFFRkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjM4NkZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9IjAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjOTlBRUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjI2LjQzMiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iODIuMzA1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OUFFRkYiIHN0b3Atb3BhY2l0eT0iLjQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJwcmVmaXhfX2QiPjxzdG9wIHN0b3AtY29sb3I9IiM4Nzk3RDIiIHN0b3Atb3BhY2l0eT0iLjA1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYyNzdDNyIgc3RvcC1vcGFjaXR5PSIuMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii02My4zJSIgeT0iLTE2OC44JSIgd2lkdGg9IjIyNi42JSIgaGVpZ2h0PSI0MzcuNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9InByZWZpeF9fYyI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iOCIgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0idXJsKCNwcmVmaXhfX2EpIiBzdHJva2Utd2lkdGg9Ii40IiBmaWxsPSJ1cmwoI3ByZWZpeF9fYikiIG9wYWNpdHk9Ii43IiBjeD0iMzYiIGN5PSIzNiIgcj0iMjguMjQ0Ii8+PGVsbGlwc2UgZmlsbD0iIzdDOTBEQSIgb3BhY2l0eT0iLjU5NiIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYykiIGN4PSIzNiIgY3k9IjM2IiByeD0iMTguOTYzIiByeT0iNy4xMTEiLz48cGF0aCBkPSJNMzYgMEMxNi4xMTggMCAwIDE2LjExOCAwIDM2czE2LjExOCAzNiAzNiAzNiAzNi0xNi4xMTggMzYtMzZTNTUuODgyIDAgMzYgMHptMCA0LjQ0NGMxNy40MjggMCAzMS41NTYgMTQuMTI4IDMxLjU1NiAzMS41NTZTNTMuNDI4IDY3LjU1NiAzNiA2Ny41NTYgNC40NDQgNTMuNDI4IDQuNDQ0IDM2IDE4LjU3MiA0LjQ0NCAzNiA0LjQ0NHoiIGZpbGw9InVybCgjcHJlZml4X19kKSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==",l=`
+const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxmaWx0ZXIgeD0iLTUuMyUiIHk9Ii01LjMlIiB3aWR0aD0iMTEwLjUlIiBoZWlnaHQ9IjExMC41JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19hIj48ZmVPZmZzZXQgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSIvPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIGluPSJzaGFkb3dPZmZzZXRPdXRlcjEiIHJlc3VsdD0ic2hhZG93Qmx1ck91dGVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93Qmx1ck91dGVyMSIgaW4yPSJTb3VyY2VBbHBoYSIgb3BlcmF0b3I9Im91dCIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDEgMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwLjUgMCIgaW49InNoYWRvd0JsdXJPdXRlcjEiLz48L2ZpbHRlcj48ZmlsdGVyIHg9Ii0xMS40JSIgeT0iLTExLjQlIiB3aWR0aD0iMTIyLjklIiBoZWlnaHQ9IjEyMi45JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0icHJlZml4X19jIj48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0LjUiIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIi8+PGZlT2Zmc2V0IGluPSJzaGFkb3dCbHVySW5uZXIxIiByZXN1bHQ9InNoYWRvd09mZnNldElubmVyMSIvPjxmZUNvbXBvc2l0ZSBpbj0ic2hhZG93T2Zmc2V0SW5uZXIxIiBpbjI9IlNvdXJjZUFscGhhIiBvcGVyYXRvcj0iYXJpdGhtZXRpYyIgazI9Ii0xIiBrMz0iMSIgcmVzdWx0PSJzaGFkb3dJbm5lcklubmVyMSIvPjxmZUNvbG9yTWF0cml4IHZhbHVlcz0iMCAwIDAgMCAxIDAgMCAwIDAgMSAwIDAgMCAwIDEgMCAwIDAgMC4zIDAiIGluPSJzaGFkb3dJbm5lcklubmVyMSIvPjwvZmlsdGVyPjxmaWx0ZXIgeD0iLTEyNi42JSIgeT0iLTMzNy41JSIgd2lkdGg9IjM1My4xJSIgaGVpZ2h0PSI3NzUlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIGlkPSJwcmVmaXhfX2UiPjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE2IiBpbj0iU291cmNlR3JhcGhpYyIvPjwvZmlsdGVyPjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9IjAlIiBpZD0icHJlZml4X19kIj48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9Ii43IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjI2LjQzMiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iODIuMzA1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJwcmVmaXhfX2YiPjxzdG9wIHN0b3AtY29sb3I9IiNGRkYiIHN0b3Atb3BhY2l0eT0iLjA1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIuMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48Y2lyY2xlIGlkPSJwcmVmaXhfX2IiIGN4PSIzNiIgY3k9IjM2IiByPSIyOC40NDQiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNwcmVmaXhfX2EpIiB4bGluazpocmVmPSIjcHJlZml4X19iIi8+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjcHJlZml4X19jKSIgeGxpbms6aHJlZj0iI3ByZWZpeF9fYiIvPjxjaXJjbGUgc3Ryb2tlPSJ1cmwoI3ByZWZpeF9fZCkiIHN0cm9rZS13aWR0aD0iLjQiIGZpbGwtb3BhY2l0eT0iLjI0MSIgZmlsbD0iI0ZGRiIgc3Ryb2tlLWxpbmVqb2luPSJzcXVhcmUiIGN4PSIzNiIgY3k9IjM2IiByPSIyOC4yNDQiLz48ZWxsaXBzZSBmaWxsPSIjRkZGIiBvcGFjaXR5PSIuNTk2IiBmaWx0ZXI9InVybCgjcHJlZml4X19lKSIgY3g9IjM2IiBjeT0iMzYiIHJ4PSIxOC45NjMiIHJ5PSI3LjExMSIvPjxwYXRoIGQ9Ik0zNiAwQzE2LjExOCAwIDAgMTYuMTE4IDAgMzZzMTYuMTE4IDM2IDM2IDM2IDM2LTE2LjExOCAzNi0zNlM1NS44ODIgMCAzNiAwem0wIDQuNDQ0YzE3LjQyOCAwIDMxLjU1NiAxNC4xMjggMzEuNTU2IDMxLjU1NlM1My40MjggNjcuNTU2IDM2IDY3LjU1NiA0LjQ0NCA1My40MjggNC40NDQgMzYgMTguNTcyIDQuNDQ0IDM2IDQuNDQ0eiIgZmlsbD0idXJsKCNwcmVmaXhfX2YpIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L2c+PC9zdmc+", i = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IHgxPSIxNS41MSUiIHkxPSIxMi40OTclIiB4Mj0iODUuMjY1JSIgeTI9Ijg2LjE0MyUiIGlkPSJwcmVmaXhfX2IiPjxzdG9wIHN0b3AtY29sb3I9IiM5NUFFRkYiIG9mZnNldD0iMCUiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjM4NkZGIiBvZmZzZXQ9IjEwMCUiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTAwJSIgeDI9IjUwJSIgeTI9IjAlIiBpZD0icHJlZml4X19hIj48c3RvcCBzdG9wLWNvbG9yPSIjOTlBRUZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGRiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjI2LjQzMiUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRkZGIiBzdG9wLW9wYWNpdHk9IjAiIG9mZnNldD0iODIuMzA1JSIvPjxzdG9wIHN0b3AtY29sb3I9IiM5OUFFRkYiIHN0b3Atb3BhY2l0eT0iLjQiIG9mZnNldD0iMTAwJSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IHgxPSI1MCUiIHkxPSIwJSIgeDI9IjUwJSIgeTI9IjEwMCUiIGlkPSJwcmVmaXhfX2QiPjxzdG9wIHN0b3AtY29sb3I9IiM4Nzk3RDIiIHN0b3Atb3BhY2l0eT0iLjA1IiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzYyNzdDNyIgc3RvcC1vcGFjaXR5PSIuMiIgb2Zmc2V0PSIxMDAlIi8+PC9saW5lYXJHcmFkaWVudD48ZmlsdGVyIHg9Ii02My4zJSIgeT0iLTE2OC44JSIgd2lkdGg9IjIyNi42JSIgaGVpZ2h0PSI0MzcuNSUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9InByZWZpeF9fYyI+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iOCIgaW49IlNvdXJjZUdyYXBoaWMiLz48L2ZpbHRlcj48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIHN0cm9rZT0idXJsKCNwcmVmaXhfX2EpIiBzdHJva2Utd2lkdGg9Ii40IiBmaWxsPSJ1cmwoI3ByZWZpeF9fYikiIG9wYWNpdHk9Ii43IiBjeD0iMzYiIGN5PSIzNiIgcj0iMjguMjQ0Ii8+PGVsbGlwc2UgZmlsbD0iIzdDOTBEQSIgb3BhY2l0eT0iLjU5NiIgZmlsdGVyPSJ1cmwoI3ByZWZpeF9fYykiIGN4PSIzNiIgY3k9IjM2IiByeD0iMTguOTYzIiByeT0iNy4xMTEiLz48cGF0aCBkPSJNMzYgMEMxNi4xMTggMCAwIDE2LjExOCAwIDM2czE2LjExOCAzNiAzNiAzNiAzNi0xNi4xMTggMzYtMzZTNTUuODgyIDAgMzYgMHptMCA0LjQ0NGMxNy40MjggMCAzMS41NTYgMTQuMTI4IDMxLjU1NiAzMS41NTZTNTMuNDI4IDY3LjU1NiAzNiA2Ny41NTYgNC40NDQgNTMuNDI4IDQuNDQ0IDM2IDE4LjU3MiA0LjQ0NCAzNiA0LjQ0NHoiIGZpbGw9InVybCgjcHJlZml4X19kKSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9nPjwvc3ZnPg==", l = `
   <svg class="fpm__exit-icon width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
     <defs>
       <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="86.3016741%" id="radialGradient-1">
@@ -14,7 +14,7 @@
         <path d="M19.1859205,4.10000004 C19.3691554,4.09993923 19.5526088,4.16602323 19.6925352,4.29904206 C19.8171021,4.41745965 19.8858582,4.56899486 19.8980316,4.7239943 C19.9103475,4.88080848 19.8647874,5.04088037 19.7661957,5.16777131 L19.7661957,5.16777131 L14.3769795,11.1697063 C14.1649599,11.4058657 14.0589501,11.7029328 14.0589501,12 C14.0589501,12.2970672 14.1649599,12.5941343 14.3769795,12.8302937 L14.3769795,12.8302937 L19.6928862,18.7509889 C19.8173649,18.8694879 19.8860087,19.0210672 19.8980683,19.1760728 C19.9102693,19.3328965 19.8645908,19.4929392 19.7701664,19.6153111 C19.6099275,19.772809 19.4324896,19.8610254 19.2586274,19.8856752 C19.0810547,19.910851 18.9081905,19.8692156 18.765363,19.7704965 L18.765363,19.7704965 L11.9999322,13.2904645 L5.32508998,19.6962598 C5.16077108,19.8156635 4.99335965,19.8785989 4.83451361,19.8898888 C4.67442082,19.9012674 4.52389835,19.8596921 4.3968979,19.7731206 C4.23619359,19.588506 4.14871527,19.4164558 4.12392544,19.2589757 C4.09801173,19.094356 4.14341261,18.9485987 4.23380428,18.8322287 L4.23380428,18.8322287 L9.62302046,12.8302937 C9.81773049,12.6134147 9.92302682,12.3451662 9.93892926,12.0727274 C9.95499717,11.7974536 9.87975312,11.5179151 9.70614397,11.2737767 L9.70614397,11.2737767 L4.31595492,5.25860214 C4.17860663,5.08857057 4.11166276,4.9104714 4.11172409,4.7432513 C4.11178577,4.57506821 4.18051603,4.41972395 4.30746483,4.29904206 C4.43371817,4.17902131 4.59543385,4.11349344 4.76041858,4.10187732 L4.76041858,4.10187732 L12.0000677,10.7085251 L18.6794563,4.29937602 C18.8192839,4.16626546 19.0026873,4.10006086 19.1859205,4.10000004 Z" id="\u5F62\u72B6\u7ED3\u5408"></path>
       </g>
   </svg>
-`,m=`
+`, m = `
   <style>
   .mobile .fpm__exit {
     position: absolute;
@@ -74,4 +74,9 @@
       <div class="fpm__main-text fpm__main-btn-text">\u5F00\u59CB</div>
     </div>
   </div>
-`;exports.endIconImage=i;exports.mobileHTMLString=m;exports.startIconImage=I;
+`;
+export {
+  i as endIconImage,
+  m as mobileHTMLString,
+  I as startIconImage
+};

package/libs/PanoMeasurePlugin/Modules/UIController/mobileMainBtnController.js

@@ -1 +1,39 @@
-"use strict";var m=Object.defineProperty;var _=(n,e,t)=>e in n?m(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var i=(n,e,t)=>(_(n,typeof e!="symbol"?e+"":e,t),t);const a=require("./style.js");class l{constructor(e,t){i(this,"container");i(this,"measureController");i(this,"mainElement");i(this,"onClick",()=>{this.mainElement.mainTextDom.innerText==="\u5F00\u59CB"?(this.measureController.hook.emit("willChangeState","watching","editing"),this.change2Done()):(this.measureController.hook.emit("willChangeState","editing","watching"),this.change2Add())});this.measureController=e,this.container=t,this.mainElement=this.getMainElement(),Object.assign(this.mainElement.mainIcon.style,a.mainIconStyle),Object.assign(this.mainElement.mainItem.style,a.mainItemStyle),this.change2Add(),this.mainElement.mainItem.addEventListener("click",this.onClick)}dispose(){this.mainElement.mainItem.removeEventListener("click",this.onClick)}getMainElement(){const e=this.container.querySelector(".fpm__main-text"),t=this.container.querySelector(".fpm__main"),s=this.container.querySelector(".fpm__main-icon");if(!t||!e||!s)throw new Error("cannot find dom");return{mainTextDom:e,mainItem:t,mainIcon:s}}change2Add(){const{mainIcon:e,mainTextDom:t}=this.mainElement;e.className.includes("fpm__main__start")||e.className.includes("fpm__main__end")&&(e.style.transform="scale(0.8)",t.className.includes("fpm__main-text__show")?t.classList.replace("fpm__main-text__show","fpm__main-text__hide"):t.classList.add("fpm__main-text__hide"),setTimeout(()=>{e.classList.replace("fpm__main__end","fpm__main__start"),e.style.transform="scale(1)",t.innerText="\u5F00\u59CB",t.classList.replace("fpm__main-text__hide","fpm__main-text__show")},200))}change2Done(){const{mainTextDom:e,mainIcon:t}=this.mainElement;e.innerText!=="\u7ED3\u675F"&&(t.className.includes("fpm__main__end")||t.className.includes("fpm__main__start")&&(t.style.transform="scale(0.8)",e.className.includes("fpm__main-text__show")?e.classList.replace("fpm__main-text__show","fpm__main-text__hide"):e.classList.add("fpm__main-text__hide"),setTimeout(()=>{t.classList.replace("fpm__main__start","fpm__main__end"),t.style.transform="scale(1)",e.innerText="\u7ED3\u675F",e.classList.replace("fpm__main-text__hide","fpm__main-text__show")},200)))}}exports.mobileMainBtnController=l;
+var m = Object.defineProperty;
+var s = (n, e, t) => e in n ? m(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var i = (n, e, t) => (s(n, typeof e != "symbol" ? e + "" : e, t), t);
+import { mainIconStyle as _, mainItemStyle as l } from "./style.js";
+class o {
+  constructor(e, t) {
+    i(this, "container");
+    i(this, "measureController");
+    i(this, "mainElement");
+    i(this, "onClick", () => {
+      this.mainElement.mainTextDom.innerText === "\u5F00\u59CB" ? (this.measureController.hook.emit("willChangeState", "watching", "editing"), this.change2Done()) : (this.measureController.hook.emit("willChangeState", "editing", "watching"), this.change2Add());
+    });
+    this.measureController = e, this.container = t, this.mainElement = this.getMainElement(), Object.assign(this.mainElement.mainIcon.style, _), Object.assign(this.mainElement.mainItem.style, l), this.change2Add(), this.mainElement.mainItem.addEventListener("click", this.onClick);
+  }
+  dispose() {
+    this.mainElement.mainItem.removeEventListener("click", this.onClick);
+  }
+  getMainElement() {
+    const e = this.container.querySelector(".fpm__main-text"), t = this.container.querySelector(".fpm__main"), a = this.container.querySelector(".fpm__main-icon");
+    if (!t || !e || !a)
+      throw new Error("cannot find dom");
+    return { mainTextDom: e, mainItem: t, mainIcon: a };
+  }
+  change2Add() {
+    const { mainIcon: e, mainTextDom: t } = this.mainElement;
+    e.className.includes("fpm__main__start") || e.className.includes("fpm__main__end") && (e.style.transform = "scale(0.8)", t.className.includes("fpm__main-text__show") ? t.classList.replace("fpm__main-text__show", "fpm__main-text__hide") : t.classList.add("fpm__main-text__hide"), setTimeout(() => {
+      e.classList.replace("fpm__main__end", "fpm__main__start"), e.style.transform = "scale(1)", t.innerText = "\u5F00\u59CB", t.classList.replace("fpm__main-text__hide", "fpm__main-text__show");
+    }, 200));
+  }
+  change2Done() {
+    const { mainTextDom: e, mainIcon: t } = this.mainElement;
+    e.innerText !== "\u7ED3\u675F" && (t.className.includes("fpm__main__end") || t.className.includes("fpm__main__start") && (t.style.transform = "scale(0.8)", e.className.includes("fpm__main-text__show") ? e.classList.replace("fpm__main-text__show", "fpm__main-text__hide") : e.classList.add("fpm__main-text__hide"), setTimeout(() => {
+      t.classList.replace("fpm__main__start", "fpm__main__end"), t.style.transform = "scale(1)", e.innerText = "\u7ED3\u675F", e.classList.replace("fpm__main-text__hide", "fpm__main-text__show");
+    }, 200)));
+  }
+}
+export {
+  o as mobileMainBtnController
+};

package/libs/PanoMeasurePlugin/Modules/UIController/style.js

@@ -1 +1,62 @@
-"use strict";const t={display:"none",position:"absolute",top:"0",left:"0",width:"100%",height:"100%",opacity:"0",transform:"translate(0, 10px)",transition:"opacity 500ms ease-in-out, transform 500ms ease-in-out"},e={position:"absolute",left:"50%",bottom:"32px",transform:"translateX(-50%)",height:"89px",display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:"14px",pointerEvents:"all",color:"#fff",zIndex:"10"},o={position:"absolute",bottom:"0",left:"0",opacity:"0.5",width:"100%",height:"184px",background:"linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",zIndex:"0"},n={margin:"0 64px"},i={opacity:"0.85"},a={width:"72px",height:"72px",backgroundSize:"100%",cursor:"pointer",transition:"all 200ms ease-in-out"},r={width:"24px",height:"24px",marginRight:"4px",backgroundSize:"100%",cursor:"pointer"},l={cursor:"default",userSelect:"none"};exports.controllerBackgroundStyle=o;exports.exitIconStyle=r;exports.exitItemStyle=i;exports.mainIconStyle=a;exports.mainItemStyle=n;exports.operatingSpaceStyle=e;exports.textStyle=l;exports.uiWrapperStyle=t;
+const t = {
+  display: "none",
+  position: "absolute",
+  top: "0",
+  left: "0",
+  width: "100%",
+  height: "100%",
+  opacity: "0",
+  transform: "translate(0, 10px)",
+  transition: "opacity 500ms ease-in-out, transform 500ms ease-in-out"
+}, e = {
+  position: "absolute",
+  left: "50%",
+  bottom: "32px",
+  transform: "translateX(-50%)",
+  height: "89px",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  fontSize: "14px",
+  pointerEvents: "all",
+  color: "#fff",
+  zIndex: "10"
+}, o = {
+  position: "absolute",
+  bottom: "0",
+  left: "0",
+  opacity: "0.5",
+  width: "100%",
+  height: "184px",
+  background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
+  zIndex: "0"
+}, n = {
+  margin: "0 64px"
+}, i = {
+  opacity: "0.85"
+}, a = {
+  width: "72px",
+  height: "72px",
+  backgroundSize: "100%",
+  cursor: "pointer",
+  transition: "all 200ms ease-in-out"
+}, r = {
+  width: "24px",
+  height: "24px",
+  marginRight: "4px",
+  backgroundSize: "100%",
+  cursor: "pointer"
+}, s = {
+  cursor: "default",
+  userSelect: "none"
+};
+export {
+  o as controllerBackgroundStyle,
+  r as exitIconStyle,
+  i as exitItemStyle,
+  a as mainIconStyle,
+  n as mainItemStyle,
+  e as operatingSpaceStyle,
+  s as textStyle,
+  t as uiWrapperStyle
+};