@realsee/dnalogel 2.21.0-0 → 2.21.0-dev.10

package/libs/PanoMeasurePlugin/Modules/UIController/index.d.ts

@@ -1,13 +1,19 @@
 import type MeasureController from '../../Controller';
+export type UIMode = 'pc' | 'mobile';
 export interface UIControllerParams {
-    container: Element;
-    mode?: 'pc' | 'mobile';
+    container?: Element;
+    mode?: UIMode;
+    pointSelectorMode?: 'fixed' | 'cursor';
+    useNewUI?: boolean;
+    /**
+     * @description: 是否展示退出按钮
+     */
+    showExit?: boolean;
     startButtonText?: string;
     endButtonText?: string;
     revokeButtonText?: string;
     exitButtonText?: string;
 }
-export type UIMode = 'pc' | 'mobile';
 export declare class UIController {
     private revoke?;
     private container;
@@ -15,6 +21,7 @@ export declare class UIController {
     private disposers;
     private measureController;
     private mode;
+    private svelteDom?;
     private _params;
     constructor(measureController: MeasureController, params: UIControllerParams);
     dispose(): void;

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

@@ -1,53 +1,139 @@
-var c = Object.defineProperty;
-var h = (i, t, e) => t in i ? c(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var s = (i, t, e) => (h(i, typeof t != "symbol" ? t + "" : t, e), e);
-import m from "./HTML.js";
-import p from "./mobileHTML.js";
-import { controllerBackgroundStyle as d, operatingSpaceStyle as y, uiWrapperStyle as u, textStyle as f, exitItemStyle as v, exitIconStyle as C } from "./style.js";
-import { MainBtnController as _ } from "./MainBtnController.js";
-import { MobileMainBtnController as b } from "./mobileMainBtnController.js";
-import E from "./Revoke/index.js";
-class w {
-  constructor(t, e) {
-    s(this, "revoke");
-    s(this, "container");
-    s(this, "mainController");
-    s(this, "disposers", []);
-    s(this, "measureController");
-    s(this, "mode");
-    s(this, "_params");
-    s(this, "handleExit", () => {
-      const t = this.container.querySelector(".fpm__exit-icon"), e = this.container.querySelector(".fpm__exit");
-      if (!e || !t)
+var a = Object.defineProperty;
+var h = (i, o, t) => o in i ? a(i, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[o] = t;
+var e = (i, o, t) => (h(i, typeof o != "symbol" ? o + "" : o, t), t);
+import d from "./HTML.js";
+import u from "./mobileHTML.js";
+import { controllerBackgroundStyle as y, operatingSpaceStyle as f, uiWrapperStyle as v, textStyle as C, exitItemStyle as E, exitIconStyle as x } from "./style.js";
+import { MainBtnController as S } from "./MainBtnController.js";
+import { MobileMainBtnController as g } from "./mobileMainBtnController.js";
+import w from "./Revoke/index.js";
+import _ from "../../Components/Controller0.js";
+import b from "../../Components/Controller1.js";
+import "../../../vendor/svelte/internal/index.js";
+import "../../Components/Common/Switcher0.js";
+import "../../Components/Common/Exit.js";
+import "../../Controller/EditController.js";
+import "../../Model/line.js";
+import "../../../shared-utils/uuid.js";
+import "../../utils/line.js";
+import "@realsee/five/line";
+import "../../utils/constants.js";
+import "three";
+import "@realsee/five";
+import "../../utils/dom/distanceItem.js";
+import "../../utils/dom/base.js";
+import "../../utils/isNDCPointInScreen.js";
+import "../../Model/point.js";
+import "../../../shared-utils/removeArrayItem.js";
+import "../../../shared-utils/throttle.js";
+import "../../Controller/BaseController.js";
+import "../../utils/ironbox.js";
+import "../../Model/polyline.js";
+import "../../Model/area.js";
+import "../../Model/polygon.js";
+import "../../../shared-utils/three/IObject3D.js";
+import "../../utils/generatePolygonGeometry.js";
+import "earcut";
+import "../../utils/dom/areaDom.js";
+import "../../utils/geometryUtil.js";
+import "../../../shared-utils/three/centerPoint.js";
+import "../../utils/isIntersecting.js";
+import "../../../shared-utils/three/PointSelector.js";
+import "../../../shared-utils/three/PointSelectorHelper.js";
+import "../../../shared-utils/three/Magnifier.js";
+import "hammerjs";
+import "../../../shared-utils/three/getIntersect.js";
+import "../../../shared-utils/three/PointHelper.js";
+import "../../../shared-utils/three/Assets/index.js";
+import "../../../shared-utils/three/PointDomHelper.js";
+import "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../rangePiece/html.js";
+import "../../../CSS3DRenderPlugin/index.js";
+import "../../../CSS3DRenderPlugin/Controller.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
+import "three/examples/jsm/renderers/CSS3DRenderer";
+import "../../../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/createResizeObserver.js";
+import "../../../CSS3DRenderPlugin/utils/even.js";
+import "../../../shared-utils/Subscribe.js";
+import "../../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
+import "../../../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+import "../../../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
+import "../../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../../shared-utils/absoluteUrl.js";
+import "../../../shared-utils/animationFrame/BetterTween.js";
+import "../../../shared-utils/animationFrame/index.js";
+import "../../../shared-utils/isTouchDevice.js";
+import "../../../shared-utils/getIntersectionFromEvent.js";
+import "../../../shared-utils/getPointFromHammerEvent.js";
+import "../DeleteDom/index.js";
+import "../DeleteDom/_Assets/delete.svg.js";
+import "../DeleteDom/_Assets/delete_bg.png.js";
+import "../DeleteDom/_Assets/delete_hover_bg.png.js";
+import "../../utils/findAssociatedLines.js";
+import "../../utils/math.js";
+import "../../Components/Common/icons/index.js";
+import "../../Components/Common/Switcher1.js";
+import "../../Components/Common/CircleButton.js";
+import "../../../vendor/svelte/transition/index.js";
+import "../../../vendor/svelte/easing/index.js";
+class Zt {
+  constructor(o, t) {
+    e(this, "revoke");
+    e(this, "container");
+    e(this, "mainController");
+    e(this, "disposers", []);
+    e(this, "measureController");
+    e(this, "mode");
+    e(this, "svelteDom");
+    e(this, "_params");
+    e(this, "handleExit", () => {
+      const o = this.container.querySelector(".fpm__exit-icon"), t = this.container.querySelector(".fpm__exit");
+      if (!t || !o)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(e.style, v), Object.assign(t == null ? void 0 : t.style, C));
-      const o = () => {
-        e.style.opacity = "1";
-      }, r = () => {
-        e.style.opacity = "0.85";
+      this.mode === "pc" && (Object.assign(t.style, E), Object.assign(o == null ? void 0 : o.style, x));
+      const r = () => {
+        t.style.opacity = "1";
+      }, s = () => {
+        t.style.opacity = "0.85";
       }, n = () => {
         this.measureController.disable();
       };
-      return e.addEventListener("click", n), e.addEventListener("mouseenter", o), e.addEventListener("mouseleave", r), () => {
-        e.removeEventListener("click", n), e.removeEventListener("mouseenter", o), e.removeEventListener("mouseleave", r);
+      return t.addEventListener("click", n), t.addEventListener("mouseenter", r), t.addEventListener("mouseleave", s), () => {
+        t.removeEventListener("click", n), t.removeEventListener("mouseenter", r), t.removeEventListener("mouseleave", s);
       };
     });
-    var a;
-    this._params = e, this.measureController = t, this.mode = (a = e.mode) != null ? a : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? p : m, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)", e.container.appendChild(this.container);
-    const o = this.container.querySelectorAll(".fpm__text"), r = this.container.querySelector(".fpm_ui-bg"), n = this.container.querySelector(".fpm_operating-space");
-    Object.assign(r == null ? void 0 : r.style, d), Object.assign(n == null ? void 0 : n.style, y), Object.assign(this.container.style, u), o.forEach((l) => Object.assign(l.style, f));
+    var s, n;
+    this._params = t, this.measureController = o, this.mode = (s = t.mode) != null ? s : "pc", this.container = document.createElement("div"), this.container.innerHTML = this.mode === "mobile" ? u : d, this.container.classList.add("fpm__ui-controller", this.mode), this.container.style.background = "rgba(0, 0, 0, 0.15)";
+    const r = (n = t.useNewUI) != null ? n : !1;
+    if (r && (t.pointSelectorMode === "cursor" ? this.svelteDom = new _({
+      target: t.container,
+      props: { measureController: this.measureController, showExit: t.showExit }
+    }) : t.pointSelectorMode === "fixed" && (this.svelteDom = new b({
+      target: t.container,
+      props: { measureController: this.measureController, showExit: t.showExit }
+    }))), !r) {
+      t.container.appendChild(this.container);
+      const l = this.container.querySelectorAll(".fpm__text"), m = this.container.querySelector(".fpm_ui-bg"), p = this.container.querySelector(".fpm_operating-space");
+      Object.assign(m == null ? void 0 : m.style, y), Object.assign(p == null ? void 0 : p.style, f), Object.assign(this.container.style, v), l.forEach((c) => Object.assign(c.style, C));
+    }
   }
   dispose() {
-    this.hide(), this.container.remove();
+    var o;
+    this.hide(), (o = this.svelteDom) == null || o.$destroy(), 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 E(this.measureController, this.container), this.mainController = new _(this.measureController, this.container, this._params)) : this.mainController = new b(this.measureController, this.container, this._params), this.disposers.push(this.handleExit()), this;
+    return this.container.style.display = "block", this.container.style.opacity = "1", this.container.style.transform = "translate(0, 0)", this.mode === "pc" ? (this.revoke = new w(this.measureController, this.container), this.mainController = new S(this.measureController, this.container, this._params)) : this.mainController = new g(this.measureController, this.container, this._params), 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((o) => o()), this.disposers = [], this;
+    var o, t;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((o = this.revoke) == null || o.dispose()), (t = this.mainController) == null || t.dispose(), this.disposers.forEach((r) => r()), this.disposers = [], this;
   }
 }
 export {
-  w as UIController
+  Zt as UIController
 };

package/libs/PanoMeasurePlugin/Modules/UIController/style.d.ts

@@ -1,11 +1,3 @@
-export declare const addHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png";
-export declare const addNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png";
-export declare const cancelHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png";
-export declare const cancelNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png";
-export declare const doneHoverImage = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png";
-export declare const doneNormalImage = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png";
-export declare const exitImage = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png";
-export declare const revokeImage = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png";
 export declare const uiWrapperStyle: Partial<CSSStyleDeclaration>;
 export declare const operatingSpaceStyle: Partial<CSSStyleDeclaration>;
 export declare const controllerBackgroundStyle: Partial<CSSStyleDeclaration>;

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

@@ -1,4 +1,4 @@
-const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png", t = "//vrlab-static.ljcdn.com/release/web/measure/add-normal.39e967e9.png", a = "//vrlab-static.ljcdn.com/release/web/measure/canale-hover.74b37e24.png", n = "//vrlab-static.ljcdn.com/release/web/measure/cancle-normal.77bb326c.png", o = "//vrlab-static.ljcdn.com/release/web/measure/done-hover.9e09438b.png", r = "//vrlab-static.ljcdn.com/release/web/measure/done-normal.4fcddd73.png", s = "//vrlab-static.ljcdn.com/release/web/measure/exit.6693ad51.png", c = "//vrlab-static.ljcdn.com/release/web/measure/revoke.3e424843.png", l = {
+const t = {
   display: "none",
   position: "absolute",
   top: "0",
@@ -8,7 +8,7 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   opacity: "0",
   transform: "translate(0, 10px)",
   transition: "opacity 500ms ease-in-out, transform 500ms ease-in-out"
-}, i = {
+}, e = {
   position: "absolute",
   left: "50%",
   bottom: "32px",
@@ -21,7 +21,7 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   pointerEvents: "all",
   color: "#fff",
   zIndex: "10"
-}, m = {
+}, n = {
   position: "absolute",
   bottom: "0",
   left: "0",
@@ -30,41 +30,33 @@ const e = "//vrlab-static.ljcdn.com/release/web/measure/add-hover.944fffad.png",
   height: "184px",
   background: "linear-gradient(180deg, rgba(0,0,0,0.00) 0%, #000000 100%)",
   zIndex: "0"
-}, d = {
+}, o = {
   margin: "0 64px"
-}, p = {
+}, i = {
   opacity: "0.85"
-}, g = {
+}, a = {
   width: "72px",
   height: "72px",
   backgroundSize: "100%",
   cursor: "pointer",
   transition: "all 200ms ease-in-out"
-}, b = {
+}, s = {
   width: "24px",
   height: "24px",
   marginRight: "4px",
   backgroundSize: "100%",
   cursor: "pointer"
-}, u = {
+}, r = {
   userSelect: "none",
   pointerEvents: "none"
 };
 export {
-  e as addHoverImage,
-  t as addNormalImage,
-  a as cancelHoverImage,
-  n as cancelNormalImage,
-  m as controllerBackgroundStyle,
-  o as doneHoverImage,
-  r as doneNormalImage,
-  b as exitIconStyle,
-  s as exitImage,
-  p as exitItemStyle,
-  g as mainIconStyle,
-  d as mainItemStyle,
-  i as operatingSpaceStyle,
-  c as revokeImage,
-  u as textStyle,
-  l as uiWrapperStyle
+  n as controllerBackgroundStyle,
+  s as exitIconStyle,
+  i as exitItemStyle,
+  a as mainIconStyle,
+  o as mainItemStyle,
+  e as operatingSpaceStyle,
+  r as textStyle,
+  t as uiWrapperStyle
 };

package/libs/PanoMeasurePlugin/Modules/rangePiece/index.d.ts

@@ -2,6 +2,7 @@ import type { Five, Subscribe } from '@realsee/five';
 import type { Group } from 'three';
 import type { Model } from '../../Model';
 import type { PanoMeasurePluginEvent } from '../../typings/event.type';
+import type FiveHelper from '../FiveHelper';
 import type { OpenParameter } from '../../typings/data';
 export interface RangePieceControllerParams {
     openParams: OpenParameter;
@@ -10,6 +11,7 @@ export interface RangePieceControllerParams {
     group: Group;
     model: Model;
     mouseGroup: Group;
+    fiveHelper: FiveHelper;
     hook: Subscribe<PanoMeasurePluginEvent>;
 }
 export default class RangePieceController {
@@ -18,6 +20,7 @@ export default class RangePieceController {
     private group;
     private mouseGroup;
     private hasAppendMouseGroup;
+    private fiveHelper;
     private hook;
     private content;
     private intersectMesh;

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

@@ -1,15 +1,15 @@
 var y = Object.defineProperty;
 var m = Object.getOwnPropertySymbols;
 var g = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var l = (a, t, e) => t in a ? y(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e, d = (a, t) => {
-  for (var e in t || (t = {}))
-    g.call(t, e) && l(a, e, t[e]);
+var l = (c, e, t) => e in c ? y(c, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : c[e] = t, d = (c, e) => {
+  for (var t in e || (e = {}))
+    g.call(e, t) && l(c, t, e[t]);
   if (m)
-    for (var e of m(t))
-      S.call(t, e) && l(a, e, t[e]);
-  return a;
+    for (var t of m(e))
+      S.call(e, t) && l(c, t, e[t]);
+  return c;
 };
-var i = (a, t, e) => (l(a, typeof t != "symbol" ? t + "" : t, e), e);
+var o = (c, e, t) => (l(c, typeof e != "symbol" ? e + "" : e, t), t);
 import { Raycaster as M, Mesh as v, RingGeometry as G, MeshBasicMaterial as C, DoubleSide as w } from "three";
 import p from "../../Model/point.js";
 import { exports as f } from "../../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
@@ -20,55 +20,56 @@ import A from "../../utils/calculateThreeMouse.js";
 import { getMouseGroup as X } from "../../utils/mouseGroup.js";
 import "../../../shared-utils/uuid.js";
 import "../../../shared-utils/removeArrayItem.js";
-class L {
+class V {
   // eslint-disable-next-line @typescript-eslint/explicit-member-accessibility
-  constructor(t) {
-    i(this, "container", document.createElement("div"));
-    i(this, "five");
-    i(this, "group");
-    i(this, "mouseGroup");
-    i(this, "hasAppendMouseGroup", !1);
-    i(this, "hook");
-    i(this, "content");
-    i(this, "intersectMesh");
-    i(this, "centerMouseXY");
-    i(this, "raycaster", new M());
-    i(this, "pieceStyl", {
+  constructor(e) {
+    o(this, "container", document.createElement("div"));
+    o(this, "five");
+    o(this, "group");
+    o(this, "mouseGroup");
+    o(this, "hasAppendMouseGroup", !1);
+    o(this, "fiveHelper");
+    o(this, "hook");
+    o(this, "content");
+    o(this, "intersectMesh");
+    o(this, "centerMouseXY");
+    o(this, "raycaster", new M());
+    o(this, "pieceStyl", {
       matrix3d: [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1],
       scale: 1,
       opacity: 0.4
     });
-    i(this, "onCameraDirectionUpdate", () => {
-      const t = this.getIntersection();
-      if (t) {
-        this.pieceChange(t), this.updateMouseGroup(t);
-        const e = new p(this.mouseGroup.position);
-        this.hook.emit("nowPointChange", e);
+    o(this, "onCameraDirectionUpdate", () => {
+      const e = this.getIntersection();
+      if (e) {
+        this.pieceChange(e), this.updateMouseGroup(e);
+        const t = new p(this.mouseGroup.position);
+        this.hook.emit("nowPointChange", t);
       }
     });
-    i(this, "onWillChangeState", (t, e) => {
+    o(this, "onWillChangeState", (e, t) => {
       var s;
       this.dotAnimation();
-      const o = (s = this.getIntersection()) == null ? void 0 : s.point;
-      o && (e === "editing" ? this.hook.emit("getStartPoint", new p(o)) : this.hook.emit("getEndPoint", new p(o)));
+      const i = (s = this.getIntersection()) == null ? void 0 : s.point;
+      i && (t === "editing" ? this.hook.emit("getStartPoint", new p(i)) : this.hook.emit("getEndPoint", new p(i)));
     });
     /** 计算目标中心点经纬度 */
-    i(this, "computedCenterMouseXY", () => {
-      const t = this.container.querySelector(".range-piece__aim");
-      if (!t)
+    o(this, "computedCenterMouseXY", () => {
+      const e = this.container.querySelector(".range-piece__aim");
+      if (!e)
         return null;
-      const { left: e, top: o, width: s, height: n } = t.getBoundingClientRect(), r = Math.round(e + s / 2), c = Math.round(o + n / 2), h = A({ x: r, y: c }, this.five.getElement());
+      const { left: t, top: i, width: s, height: n } = e.getBoundingClientRect(), r = Math.round(t + s / 2), a = Math.round(i + n / 2), h = A({ x: r, y: a }, this.five.getElement());
       this.centerMouseXY = h;
     });
     /** 计算目标中心点intersection */
-    i(this, "getIntersection", () => {
+    o(this, "getIntersection", () => {
       if (!this.centerMouseXY)
         return null;
       this.raycaster.setFromCamera(this.centerMouseXY, this.five.camera);
-      const t = this.five.model.intersectRaycaster(this.raycaster)[0];
-      return t || null;
+      const e = this.five.model.intersectRaycaster(this.raycaster)[0];
+      return e || null;
     });
-    this.five = t.five, this.hook = t.hook, this.group = t.group, this.mouseGroup = X(d({ isMobile: !0 }, t.openParams.crossHairParameter)), this.container.innerHTML = P, this.container.classList.add("range-piece-controller"), this.content = this.container.querySelector(".range-piece__content"), this.content && (this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`), t.container.append(this.container), this.intersectMesh = new v(
+    this.five = e.five, this.hook = e.hook, this.group = e.group, this.mouseGroup = X(d({ isMobile: !0 }, e.openParams.crossHairParameter)), this.fiveHelper = e.fiveHelper, this.container.innerHTML = P, this.container.classList.add("range-piece-controller"), this.content = this.container.querySelector(".range-piece__content"), this.content && (this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`), e.container.append(this.container), this.intersectMesh = new v(
       new G(0.04, 0.08, 32),
       new C({ color: 1245179, opacity: 0, side: w, transparent: !0 })
     ), this.container.addEventListener("animationend", this.computedCenterMouseXY), this.five.on("cameraUpdate", this.onCameraDirectionUpdate), this.hook.on("willChangeState", this.onWillChangeState);
@@ -76,33 +77,33 @@ class L {
   dispose() {
     this.container.removeEventListener("animationend", this.computedCenterMouseXY), this.five.off("cameraUpdate", this.onCameraDirectionUpdate), this.hook.off("willChangeState", this.onWillChangeState), this.container.remove(), this.group.remove(this.mouseGroup), this.mouseGroup.remove(), this.hasAppendMouseGroup = !1, this.five.scene.remove(this.intersectMesh);
   }
-  pieceChange(t) {
-    const e = t.face, o = t.point;
-    if (e && o) {
-      const n = e.normal.clone().clone().multiplyScalar(0.05), r = o.clone().add(n);
+  pieceChange(e) {
+    const t = e.face, i = e.point;
+    if (t && i) {
+      const n = t.normal.clone().clone().multiplyScalar(0.05), r = i.clone().add(n);
       this.intersectMesh.position.copy(r);
-      const c = r.clone().add(n);
-      this.intersectMesh.lookAt(c), this.five.scene.add(this.intersectMesh);
+      const a = r.clone().add(n);
+      this.intersectMesh.lookAt(a), this.five.scene.add(this.intersectMesh);
       const u = this.intersectMesh.modelViewMatrix.clone().toArray();
       this.changePieceStyl("matrix3d", u);
-      const h = this.calculateSize(o);
+      const h = this.calculateSize(i);
       this.changePieceStyl("scale", h);
     }
   }
-  calculateSize(t) {
-    if (!t)
+  calculateSize(e) {
+    if (!e)
       return;
-    const e = this.five.camera.position;
-    let o = t.distanceTo(e);
+    const t = this.five.camera.position;
+    let i = e.distanceTo(t);
     const s = 4, n = 1;
-    return o > s && (o = s), o < n && (o = n), -0.51 / (s - n) * o + 1;
+    return i > s && (i = s), i < n && (i = n), -0.51 / (s - n) * i + 1;
   }
   /** 点击按钮时圆片动画 */
   dotAnimation() {
-    const t = f.Easing.Quadratic.InOut, e = { opacity: 0.4, scale: this.pieceStyl.scale }, o = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
+    const e = f.Easing.Quadratic.InOut, t = { opacity: 0.4, scale: this.pieceStyl.scale }, i = { opacity: [1, 0.4], scale: [this.pieceStyl.scale * 0.8, this.pieceStyl.scale] };
     let s = x;
-    const n = new f.Tween(e).to(o, 500).easing(t).start(0).onUpdate(({ opacity: r, scale: c }) => {
-      this.changePieceStyl("scale", c), this.changePieceStyl("opacity", r);
+    const n = new f.Tween(t).to(i, 500).easing(e).start(0).onUpdate(({ opacity: r, scale: a }) => {
+      this.changePieceStyl("scale", a), this.changePieceStyl("opacity", r);
     }).onComplete(() => {
       s();
     });
@@ -110,26 +111,26 @@ class L {
       n.update(r);
     });
   }
-  changePieceStyl(t, e) {
-    this.content && (this.pieceStyl[t] = e, this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`);
+  changePieceStyl(e, t) {
+    this.content && (this.pieceStyl[e] = t, this.content.style.transform = `matrix3d(${this.pieceStyl.matrix3d.toString()}) scale(${this.pieceStyl.scale})`, this.content.style.opacity = `${this.pieceStyl.opacity}`);
   }
-  updateMouseGroup(t, e) {
+  updateMouseGroup(e, t) {
     if (!this.hasAppendMouseGroup) {
       this.group.add(this.mouseGroup), this.hasAppendMouseGroup = !0;
-      const o = this.container.querySelector(".range-piece__aim");
-      o && (o.style.opacity = "0");
+      const i = this.container.querySelector(".range-piece__aim");
+      i && (i.style.opacity = "0");
     }
-    if (!t)
+    if (!e)
       return this.mouseGroup;
-    if (this.mouseGroup.position.copy(t.point), e)
-      this.mouseGroup.quaternion.copy(e.quaternion);
-    else if (t.face) {
-      const s = t.face.normal.clone().multiplyScalar(0.05), r = t.point.clone().add(s).clone().add(s);
+    if (this.mouseGroup.position.copy(e.point), t)
+      this.mouseGroup.quaternion.copy(t.quaternion);
+    else if (e.face) {
+      const s = e.face.normal.clone().multiplyScalar(0.05), r = e.point.clone().add(s).clone().add(s);
       this.mouseGroup.lookAt(r);
     }
     return this.mouseGroup;
   }
 }
 export {
-  L as default
+  V as default
 };