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

package/libs/PanoMeasurePlugin/Components/Tip.js

@@ -0,0 +1,154 @@
+import { SvelteComponent as D, init as q, safe_not_equal as E, append_styles as N, empty as O, insert as w, transition_in as d, transition_out as b, check_outros as P, detach as z, onMount as W, onDestroy as j, element as g, text as A, attr as k, append as y, set_data as B, add_render_callback as F, create_bidirectional_transition as C, group_outros as G, binding_callbacks as H } from "../../vendor/svelte/internal/index.js";
+import { fade as v } from "../../vendor/svelte/transition/index.js";
+import "@realsee/five/line";
+import "../utils/constants.js";
+import "three";
+import "@realsee/five";
+import "../Model/polygon.js";
+import "hammerjs";
+import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
+import "../../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
+import "../../vendor/svelte/easing/index.js";
+import "../../shared-utils/three/IObject3D.js";
+import "../utils/generatePolygonGeometry.js";
+import "earcut";
+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 "../../shared-utils/three/centerPoint.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
+import "../../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
+function I(l) {
+  N(l, "svelte-18z4ai8", ".Measure-Tips.svelte-18z4ai8.svelte-18z4ai8{box-sizing:border-box;position:absolute;pointer-events:none;width:100%;padding:0 2.5rem}.Measure-Tips.svelte-18z4ai8 .text.svelte-18z4ai8{position:relative;margin:auto;width:-moz-max-content;width:max-content;max-width:100%;top:1.875rem;color:#fff;word-break:break-all;word-wrap:break-word}");
+}
+function T(l) {
+  let o, r, e, i, n;
+  return {
+    c() {
+      o = g("div"), r = g("div"), e = A(
+        /*tip*/
+        l[2]
+      ), k(r, "class", "text svelte-18z4ai8"), k(o, "class", "Measure-Tips svelte-18z4ai8");
+    },
+    m(s, a) {
+      w(s, o, a), y(o, r), y(r, e), l[6](r), n = !0;
+    },
+    p(s, a) {
+      (!n || a & /*tip*/
+      4) && B(
+        e,
+        /*tip*/
+        s[2]
+      );
+    },
+    i(s) {
+      n || (F(() => {
+        n && (i || (i = C(o, v, {}, !0)), i.run(1));
+      }), n = !0);
+    },
+    o(s) {
+      i || (i = C(o, v, {}, !1)), i.run(0), n = !1;
+    },
+    d(s) {
+      s && z(o), l[6](null), s && i && i.end();
+    }
+  };
+}
+function J(l) {
+  let o, r, e = (
+    /*visible*/
+    l[0] && T(l)
+  );
+  return {
+    c() {
+      e && e.c(), o = O();
+    },
+    m(i, n) {
+      e && e.m(i, n), w(i, o, n), r = !0;
+    },
+    p(i, [n]) {
+      /*visible*/
+      i[0] ? e ? (e.p(i, n), n & /*visible*/
+      1 && d(e, 1)) : (e = T(i), e.c(), d(e, 1), e.m(o.parentNode, o)) : e && (G(), b(e, 1, 1, () => {
+        e = null;
+      }), P());
+    },
+    i(i) {
+      r || (d(e), r = !0);
+    },
+    o(i) {
+      b(e), r = !1;
+    },
+    d(i) {
+      e && e.d(i), i && z(o);
+    }
+  };
+}
+function K(l, o, r) {
+  let { measureController: e } = o, { tips: i } = o, { tipStyle: n = {} } = o, { visible: s = !0 } = o, a = null;
+  const M = (t) => {
+    const S = e.currentMeasureType;
+    let p = "";
+    return p = i[t], p === void 0 && (p = i[S][t]), p;
+  }, f = (t) => {
+    r(2, c = M(t));
+  }, m = () => {
+    r(2, c = "");
+  };
+  let c = "";
+  const u = (t) => {
+    t === "Edit" ? e.changeMeasureType ? f("start") : f("select") : t === "Watch" ? f("select") : m();
+  }, h = () => {
+    f("select");
+  }, _ = (t) => {
+    e.currentMeasureType === "area" && (t.length >= 2 ? f("close") : t.length === 0 ? f("start") : m());
+  };
+  W(() => {
+    u(e.getCurrentMode()), e.hook.on("modeChange", u), e.hook.on("complete", h), e.hook.on("pointsChange", _);
+  }), j(() => {
+    e.hook.off("modeChange", u), e.hook.off("complete", h), e.hook.off("pointsChange", _), m();
+  });
+  function x(t) {
+    H[t ? "unshift" : "push"](() => {
+      a = t, r(1, a), r(5, n);
+    });
+  }
+  return l.$$set = (t) => {
+    "measureController" in t && r(3, e = t.measureController), "tips" in t && r(4, i = t.tips), "tipStyle" in t && r(5, n = t.tipStyle), "visible" in t && r(0, s = t.visible);
+  }, l.$$.update = () => {
+    if (l.$$.dirty & /*textDom, tipStyle*/
+    34 && a)
+      for (const t in n)
+        n.hasOwnProperty(t) && r(1, a.style[t] = n[t], a);
+    l.$$.dirty & /*tip*/
+    4 && console.log({ tip: c });
+  }, [s, a, c, e, i, n, x];
+}
+class ge extends D {
+  constructor(o) {
+    super(), q(
+      this,
+      o,
+      K,
+      J,
+      E,
+      {
+        measureController: 3,
+        tips: 4,
+        tipStyle: 5,
+        visible: 0
+      },
+      I
+    );
+  }
+}
+export {
+  ge as default
+};

package/libs/PanoMeasurePlugin/Components/Tip.svelte.d.ts

@@ -0,0 +1 @@
+export { SvelteComponentTyped as default } from 'svelte/internal';

package/libs/PanoMeasurePlugin/Controller/BaseController.d.ts

@@ -19,6 +19,7 @@ export interface ControllerParams {
     fiveHelper: FiveHelper;
     openParams: OpenParameter;
     editParams: EditParameter;
+    magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     getMeasureType: () => MeasureType;
     hook: Subscribe<PanoMeasurePluginEvent>;
     userDistanceItemCreator?: () => UserDistanceItem;
@@ -36,6 +37,7 @@ export default class BaseController {
     protected container: Element;
     protected fiveHelper: FiveHelper;
     protected editParams: EditParameter;
+    protected magnifierParams: ConstructorParameters<typeof Magnifier>[1];
     protected hook: ControllerParams['hook'];
     protected magnifier: ControllerParams['magnifier'];
     protected userDistanceItemCreator: ControllerParams['userDistanceItemCreator'];

package/libs/PanoMeasurePlugin/Controller/BaseController.js

@@ -1,7 +1,7 @@
 var m = Object.defineProperty;
-var l = (s, e, i) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
-var t = (s, e, i) => (l(s, typeof e != "symbol" ? e + "" : e, i), i);
-import { Color as u } from "three";
+var u = (s, e, i) => e in s ? m(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var t = (s, e, i) => (u(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { Color as l } from "three";
 import h from "../Model/line.js";
 import r from "../Model/point.js";
 import { preventDefault as n } from "../utils/ironbox.js";
@@ -14,7 +14,7 @@ import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/removeArrayItem.js";
-class P {
+class k {
   constructor(e) {
     t(this, "model");
     t(this, "five");
@@ -28,6 +28,7 @@ class P {
     t(this, "container");
     t(this, "fiveHelper");
     t(this, "editParams");
+    t(this, "magnifierParams");
     t(this, "hook");
     t(this, "magnifier");
     t(this, "userDistanceItemCreator");
@@ -36,7 +37,7 @@ class P {
       this.dashed.distanceItem.update(this.five), this.model.getAllLines().forEach((e) => e.distanceItem.update(this.five));
     });
     var a, o;
-    this.five = e.five, this.hook = e.hook, this.model = e.model, this.getMeasureType = e.getMeasureType, this.config = e.config, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.editParams = e.editParams, this.isMobile = (o = (a = e.openParams) == null ? void 0 : a.isMobile) != null ? o : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.dashed.distanceItem.setCanSelect(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine", console.log(this.dashed), this.perpendicularDashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.perpendicularDashed.distanceItem.setCanSelect(!1), this.perpendicularDashed.mesh.setMaterial({ dashed: !0, dashScale: 40, color: new u(10218089) }), this.perpendicularDashed.mesh.name = "perpendicularDashLine";
+    this.five = e.five, this.hook = e.hook, this.model = e.model, this.getMeasureType = e.getMeasureType, this.config = e.config, this.magnifierParams = e.magnifierParams, this.magnifier = e.magnifier, this.container = e.container, this.fiveHelper = e.fiveHelper, this.editParams = e.editParams, this.isMobile = (o = (a = e.openParams) == null ? void 0 : a.isMobile) != null ? o : !1, this.userDistanceItemCreator = e.userDistanceItemCreator, this.group = e.group, this.mouseGroup = e.mouseGroup, this.dashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.dashed.distanceItem.setCanSelect(!1), this.dashed.mesh.setMaterial({ dashed: !0, dashScale: 100 }), this.dashed.mesh.name = "dashLine", this.perpendicularDashed = new h(new r([0, 0, 0]), new r([0, 0, 0]), this.model), this.perpendicularDashed.distanceItem.setCanSelect(!1), this.perpendicularDashed.mesh.setMaterial({ dashed: !0, dashScale: 40, color: new l(10218089) }), this.perpendicularDashed.mesh.name = "perpendicularDashLine";
     const i = this.five.getElement();
     i && (i.addEventListener("touchstart", n), i.addEventListener("contextmenu", n));
   }
@@ -64,5 +65,5 @@ class P {
   }
 }
 export {
-  P as default
+  k as default
 };

package/libs/PanoMeasurePlugin/Controller/EditController.d.ts

@@ -7,14 +7,12 @@ export default class EditController extends BaseController {
     type: string;
     polyline: Polyline;
     area: Area;
-    /** 拖动的控制点 */
-    private pressPoint?;
     private hasAppendDashed;
-    private hasAppendMouseGroup;
     private fiveElement?;
     /** 上一个端点位置 */
     private lastPoint;
-    private hammer?;
+    private pointSelector;
+    private deleteDom;
     /** 根据 intersection 更新放大镜和吸附点 */
     private onIntersectionUpdate;
     constructor(params: ControllerParams);
@@ -30,29 +28,30 @@ export default class EditController extends BaseController {
      * @description: 测距的撤销功能
      */
     revokeLine: (_polyline?: Polyline) => void;
+    selectPoint(): void;
+    complete(): void;
     private onMouseLeave;
     /** 编辑线条发生改变时通知外部 */
     private onLineChanged;
-    private onPress;
-    /**
-     * 1. 如果之前没有长按行为「即没有长按点时」-> 滑动全景
-     * 2. 如果有长按点，把长按点位置更新为当前位置
-     */
-    private onPan;
-    private onPanEnd;
+    private onWantsSelect;
     /**
      * 1. 如果存在上一个点，需要绘制当前点到上一个点的连线
      * 2. 把上一个点的位置更新为当前点的位置
-     * 3. 清除 mouseGroup 和 magnifier
+     * 3. 清除 pointSelector
      */
-    private onTap;
-    private onWantsTapGesture;
-    /** 编辑时取消走点 */
-    private onWantsToMoveToPano;
-    /** 存在长按点时不能移动全景 */
-    private onWantsPanGesture;
+    private onSelect;
     /** 移动全景时更新 distanceItem 在屏幕上的位置 */
     private onCameraUpdate;
     /** 更新虚线 */
     private updateDashed;
+    private wantsTapGesture;
+    private chooseLine;
+    private chooseArea;
+    private highlightArea;
+    private unHighlightArea;
+    private highlightLines;
+    private unHighlightLines;
+    private highlightLine;
+    private deleteArea;
+    private deleteLine;
 }