@realsee/dnalogel 2.25.0 → 2.26.1

package/libs/PanoMeasurePlugin/Model/polyline.js

@@ -1,10 +1,10 @@
-var m = Object.defineProperty;
-var a = (r, i, t) => i in r ? m(r, i, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[i] = t;
-var s = (r, i, t) => (a(r, typeof i != "symbol" ? i + "" : i, t), t);
-import P from "./line.js";
-import g from "./point.js";
-import { uuid as L } from "../../shared-utils/uuid.js";
-import { Subscribe as v } from "@realsee/five";
+var c = Object.defineProperty;
+var f = (r, i, e) => i in r ? c(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
+var o = (r, i, e) => (f(r, typeof i != "symbol" ? i + "" : i, e), e);
+import a from "./line.js";
+import m from "./point.js";
+import { uuid as P } from "../../shared-utils/uuid.js";
+import { Subscribe as g } from "@realsee/five";
 import "../utils/line.js";
 import "@realsee/five/line";
 import "../utils/constants.js";
@@ -13,38 +13,46 @@ import "../utils/dom/distanceItem.js";
 import "../utils/dom/base.js";
 import "../utils/isNDCPointInScreen.js";
 import "../../shared-utils/three/centerPoint.js";
-import "../../shared-utils/removeArrayItem.js";
-class W {
+class M {
   constructor(i) {
-    s(this, "id", L());
-    s(this, "lines", []);
-    s(this, "points", []);
-    s(this, "visiblePanoIndexes");
-    s(this, "model");
-    s(this, "type", "polyline");
-    s(this, "hook", new v());
+    o(this, "id", P());
+    o(this, "lines", []);
+    o(this, "visiblePanoIndexes");
+    o(this, "model");
+    o(this, "type", "polyline");
+    o(this, "hook", new g());
     this.model = i.model;
   }
+  get points() {
+    const i = /* @__PURE__ */ new Set();
+    return this.lines.forEach((e) => {
+      i.add(e.points[0]), i.add(e.points[1]);
+    }), Array.from(i);
+  }
   addLine(i) {
     if (this.includes(i)) {
       console.error(new Error("不能重复添加线段"));
       return;
     }
-    const t = this.getLastPoint(), h = t && i.findAnotherPoint(t);
-    t ? t && h ? (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i)) : console.error(new Error("传入线段无法与当前折线进行连接")) : (this.lines.push(i), this.points.push(...i.points), this.hook.emit("lineAdded", i));
+    const e = this.getLastPoint(), l = e && i.findAnotherPoint(e);
+    if (e && !l) {
+      console.error(new Error("传入线段无法与当前折线进行连接"));
+      return;
+    }
+    this.lines.push(i), this.hook.emit("lineAdded", i);
   }
   removeLine(i) {
-    if (this.lines.length !== 0) {
-      if (!this.isLastLine(i)) {
-        console.error(new Error("传入线段不是当前折线的最后一段"));
-        return;
-      }
-      this.lines.pop(), this.lines.length === 0 ? this.points.slice(0, this.points.length) : this.points.pop(), this.hook.emit("lineRemoved", i);
+    if (this.lines.length === 0)
+      return;
+    if (!this.isLastLine(i)) {
+      console.error(new Error("传入线段不是当前折线的最后一段"));
+      return;
     }
+    this.lines.pop() && this.hook.emit("lineRemoved", i);
   }
   isLastLine(i) {
-    const t = this.getLastLine();
-    return t ? i.id === t.id : !1;
+    const e = this.getLastLine();
+    return e ? i.id === e.id : !1;
   }
   getLastLine() {
     return this.lines.slice(-1)[0];
@@ -57,17 +65,17 @@ class W {
   }
   clear() {
     const i = this.lines.slice();
-    this.lines.slice(0, this.lines.length), this.points.slice(0, this.points.length), i.reduceRight((t, h) => this.hook.emit("lineRemoved", h), void 0);
+    this.lines.length = 0, i.reduceRight((e, l) => this.hook.emit("lineRemoved", l), void 0);
   }
   /** 是否产生重叠 */
   overlapWith(i) {
-    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((t) => this.includes(t)) : i.type === "polyline" ? i.points.some((t) => this.includes(t)) : !0;
+    return i.type === "point" ? this.includes(i) : i.type === "line" ? i.points.some((e) => this.includes(e)) : i.type === "polyline" ? i.points.some((e) => this.includes(e)) : !0;
   }
   includes(i) {
-    return i.type === "point" ? this.points.find(({ id: t }) => t === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: t }) => t === i.id) !== void 0 : !1;
+    return i.type === "point" ? this.points.find(({ id: e }) => e === i.id) !== void 0 : i.type === "line" ? this.lines.find(({ id: e }) => e === i.id) !== void 0 : !1;
   }
   isEmpty() {
-    return this.points.length === 0;
+    return this.lines.length === 0;
   }
   getLastPoint() {
     return this.points.slice(-1)[0];
@@ -80,38 +88,38 @@ class W {
     };
   }
   getPointByID(i) {
-    return this.points.find(({ id: t }) => t === i);
+    return this.points.find(({ id: e }) => e === i);
   }
   fromJson(i) {
     this.clear(), this.id = i.id;
-    const { getPoint: t, getAllPoints: h } = f(), u = i.lines.map((e) => {
-      const [p, d] = e.points, n = t(p), l = t(d);
-      if (!n || !l)
+    const { getPoint: e } = u(), l = i.lines.map((t) => {
+      const [d, p] = t.points, n = e(d), h = e(p);
+      if (!n || !h)
         throw new Error("线上的点不存在");
-      const o = new P(n, l, this.model);
-      return o.id = e.id, o.text = e.text, o;
-    }), c = h();
-    this.points.push(...c), this.lines.push(...u), this.visiblePanoIndexes = i.visiblePanoIndexes;
-    function f() {
-      const e = /* @__PURE__ */ new Map();
-      function p(n) {
-        const l = e.get(n.id);
-        if (l)
-          return l;
-        const o = new g(n.position);
-        return o.id = n.id, e.set(n.id, o), o;
+      const s = new a(n, h, this.model);
+      return s.id = t.id, s.text = t.text, s;
+    });
+    this.lines.push(...l), this.visiblePanoIndexes = i.visiblePanoIndexes;
+    function u() {
+      const t = /* @__PURE__ */ new Map();
+      function d(n) {
+        const h = t.get(n.id);
+        if (h)
+          return h;
+        const s = new m(n.position);
+        return s.id = n.id, t.set(n.id, s), s;
       }
-      function d() {
-        return Array.from(e.values());
+      function p() {
+        return Array.from(t.values());
       }
-      return { getPoint: p, getAllPoints: d };
+      return { getPoint: d, getAllPoints: p };
     }
     return this;
   }
   replace(i) {
-    this.id = i.id, this.clear(), this.lines.push(...i.lines), this.points.push(...i.points);
+    this.id = i.id, this.clear(), this.lines.push(...i.lines);
   }
 }
 export {
-  W as Polyline
+  M as Polyline
 };

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

@@ -1,6 +1,6 @@
 var a = Object.defineProperty;
-var h = (r, o, t) => o in r ? a(r, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[o] = t;
-var e = (r, o, t) => (h(r, typeof o != "symbol" ? o + "" : o, t), t);
+var h = (r, e, t) => e in r ? a(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var o = (r, e, t) => (h(r, typeof e != "symbol" ? e + "" : e, 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";
@@ -25,7 +25,6 @@ import "../../utils/dom/base.js";
 import "../../utils/isNDCPointInScreen.js";
 import "../../../shared-utils/three/centerPoint.js";
 import "../../Model/point.js";
-import "../../../shared-utils/removeArrayItem.js";
 import "../../../shared-utils/throttle.js";
 import "../../Controller/BaseController.js";
 import "../../utils/ironbox.js";
@@ -75,28 +74,27 @@ 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 to {
-  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)
+class Yt {
+  constructor(e, t) {
+    o(this, "revoke");
+    o(this, "container");
+    o(this, "mainController");
+    o(this, "disposers", []);
+    o(this, "measureController");
+    o(this, "mode");
+    o(this, "svelteDom");
+    o(this, "_params");
+    o(this, "handleExit", () => {
+      const e = this.container.querySelector(".fpm__exit-icon"), t = this.container.querySelector(".fpm__exit");
+      if (!t || !e)
         throw new Error("cannot find dom");
-      this.mode === "pc" && (Object.assign(t.style, E), Object.assign(o == null ? void 0 : o.style, x));
+      this.mode === "pc" && (Object.assign(t.style, E), Object.assign(e == null ? void 0 : e.style, x));
       const i = () => {
         t.style.opacity = "1";
       }, s = () => {
@@ -109,7 +107,7 @@ class to {
       };
     });
     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)";
+    this._params = t, this.measureController = e, 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 i = (n = t.useNewUI) != null ? n : !1;
     if (i && (t.pointSelectorMode === "cursor" ? this.svelteDom = new _({
       target: t.container,
@@ -124,17 +122,17 @@ class to {
     }
   }
   dispose() {
-    var o;
-    this.hide(), (o = this.svelteDom) == null || o.$destroy(), this.container.remove();
+    var e;
+    this.hide(), (e = this.svelteDom) == null || e.$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 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 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((i) => i()), this.disposers = [], this;
+    var e, t;
+    return this.container.style.display = "none", this.container.style.opacity = "0", this.container.style.transform = "translate(0, 10px)", this.mode === "pc" && ((e = this.revoke) == null || e.dispose()), (t = this.mainController) == null || t.dispose(), this.disposers.forEach((i) => i()), this.disposers = [], this;
   }
 }
 export {
-  to as UIController
+  Yt as UIController
 };

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

@@ -19,8 +19,7 @@ import { noop as x } from "../../../shared-utils/noop.js";
 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"));
@@ -131,5 +130,5 @@ class L {
   }
 }
 export {
-  L as default
+  V as default
 };

package/libs/PanoMeasurePlugin/index.js

@@ -1,9 +1,9 @@
 import t from "./Controller/index.js";
-import { default as Yo } from "./Modules/Magnifier.js";
-import { Model as _o } from "./Model/index.js";
-import { default as or } from "./Model/point.js";
-import { default as tr } from "./Model/line.js";
-import { Polyline as mr } from "./Model/polyline.js";
+import { default as Wo } from "./Modules/Magnifier.js";
+import { Model as Yo } from "./Model/index.js";
+import { default as _o } from "./Model/point.js";
+import { default as or } from "./Model/line.js";
+import { Polyline as tr } from "./Model/polyline.js";
 import "./Controller/EditController.js";
 import "../shared-utils/throttle.js";
 import "./Controller/BaseController.js";
@@ -18,7 +18,6 @@ import "./utils/dom/distanceItem.js";
 import "./utils/dom/base.js";
 import "./utils/isNDCPointInScreen.js";
 import "../shared-utils/three/centerPoint.js";
-import "../shared-utils/removeArrayItem.js";
 import "./Model/area.js";
 import "./Model/polygon.js";
 import "../shared-utils/three/IObject3D.js";
@@ -64,7 +63,6 @@ import "./Modules/DeleteDom/index.js";
 import "./Modules/DeleteDom/_Assets/delete.svg.js";
 import "./Modules/DeleteDom/_Assets/delete_bg.png.js";
 import "./Modules/DeleteDom/_Assets/delete_hover_bg.png.js";
-import "./utils/findAssociatedLines.js";
 import "./utils/math.js";
 import "./Controller/ViewController.js";
 import "./Controller/WatchController.js";
@@ -99,15 +97,15 @@ import "../vendor/object-assign-deep/objectAssignDeep.js";
 import "./Components/Tip.js";
 import "./Controller/ShortcutKeyController.js";
 import "../shared-utils/safeObj.js";
-const Vo = function(o, r) {
+const To = function(o, r) {
   return new t(o, r);
 };
 export {
-  Yo as Magnifier,
-  Vo as PanoMeasurePlugin,
-  tr as PanoMeasurePluginLine,
-  _o as PanoMeasurePluginModel,
-  or as PanoMeasurePluginPoint,
-  mr as PanoMeasurePluginPolyline,
-  Vo as default
+  Wo as Magnifier,
+  To as PanoMeasurePlugin,
+  or as PanoMeasurePluginLine,
+  Yo as PanoMeasurePluginModel,
+  _o as PanoMeasurePluginPoint,
+  tr as PanoMeasurePluginPolyline,
+  To as default
 };

package/libs/PanoVideoPlugin/VideoMeshController.js

@@ -77,8 +77,7 @@ class K {
     });
     /** 兼容视频播放 */
     t(this, "onFiveWantsMoveToPano", (e) => {
-      e === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch((i) => {
-        console.error("🐶 ==> error:", i);
+      e === this.panoIndex && (this.hasVideoEverPlayed || this.video.play().catch(() => {
       }));
     });
     /** 走到某个点位上时，挂载/卸载视频 */

package/libs/PipelinePlugin/Controller.d.ts

@@ -0,0 +1,108 @@
+import type { Five } from '@realsee/five';
+import type { State, EventMap, ServerData, PluginData, LoadOptions, ShowHideOptions, SetSpeedOptions, ShowPipelinesOptions } from './typing';
+import * as THREE from 'three';
+import * as BasePlugin from '../base/BasePluginWithData';
+import { ObjectFlowPipe } from './utils/Objects/FlowPipe';
+export declare class Controller extends BasePlugin.Controller<State, EventMap, ServerData.RootObject, PluginData.RootObject> {
+    data?: PluginData.RootObject;
+    /** 插件状态
+     * @property `visible` `<boolean>` 是否可见
+     * @property `enabled` `<boolean>` 是否启用
+     * @property `visiblePipeIDs` `<string[]>` 可见的管道 ID
+     * @property `speed` `<Speed>` 水流速度
+     * @property `speed.flowSpeed` `<number>` 横向流动速度，默认是 0.6 m/s
+     * @property `speed.rotateSpeed` `<number>` 纵向旋转速度：默认是 0 deg/s
+     */
+    state: State;
+    /** 当前插件所有新增 THREE 相关副作用都在 group 下 */
+    group: THREE.Group;
+    /** 用于展示水流的水管 */
+    pipeObjects: ObjectFlowPipe[];
+    /** 水管贴图缓存 */
+    private texturePromiseCache;
+    constructor(five: Five);
+    /** 加载管道数据，重复调用会使用新数据覆盖旧数据
+     * @param `data` `<Plugin.ServerData>` Open API 接口返回的数据。
+     * @param `initialState` `<Plugin.State> | <undefined>` 数据加载后，要应用的 state，默认是 undefined。
+     * @param `userAction` `<boolean> | <undefined>` 是否是用户操作，默认是 true。
+     * @param `options` `<Plugin.LoadOptions> | <undefined>` 数据加载配置项。
+     * @param `options.getPipeRadius` `<(pipe: ServerData.LinesDataset) => number> | <undefined>` 允许用户通过函数自定义管道半径。
+     * @param `options.getPipeUrl` `<(water: Water) => string> | <undefined>` 允许用户通过函数自定义管道贴图，
+     * 函数返回的 string 就是当前 water 对应的贴图地址。
+     */
+    load(data: ServerData.RootObject, initialState?: Partial<State>, userAction?: boolean, options?: Partial<LoadOptions>): Promise<void>;
+    /** 更改插件 State
+     * @param `state` `<Partial<Plugin.State>>` 插件属性 `state` 的子集。
+     * @param `options` `<Option> | <undefined>`
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
+     */
+    setState(state: Partial<State>, options?: BasePlugin.BaseOptions): void;
+    /** 启用插件
+     * @param `options` `<Option> | <undefined>`
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
+     */
+    enable(options?: BasePlugin.BaseOptions): void;
+    /** 禁用插件
+     * @param `options` `<Option> | <undefined>`
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
+     */
+    disable(options?: BasePlugin.BaseOptions): void;
+    /** 展示管道模型，注意如果通过 `switchPipelines` 更改过 `visibleIDs`，则只会展示这一部分模型。
+     * @param `options` `<Partial<ShowHideOptions>> | <undefined>`
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
+     * @param `options.anime` `<AnimeOptions> | <undefined>` 动画配置。
+     * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
+     */
+    show(options?: Partial<ShowHideOptions>): Promise<void>;
+    /** 插件内容整体隐藏
+     * @param `options` `<Partial<ShowHideOptions>> | <undefined>`
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是用户操作。默认是 true。
+     * @param `options.anime` `<AnimeOptions> | <undefined>` 动画配置。
+     * @param `options.anime.duration` `<number> | <undefined>` 动画时间，默认是 500ms。
+     */
+    hide(options?: Partial<ShowHideOptions>): Promise<void>;
+    /** 切换管路
+     * @param `options` `Partial<ShowPipelinesOptions> | <undefined>`
+     * @param `options.target` `<{ startLibraryID: number; endLibraryID: number }[]> | <undefined>`
+     * 目标管路，存在时，展示目标管路包含的管道，同时隐藏其他管道。不存在则展示所有管道。
+     * startLibraryID 和 endLibraryID 是起始和结束的设备 ID。
+     * @param `options.showAnime` `<AnimeOptions> | <undefined>` 展示的动画配置。
+     * @param `options.hideAnime` `<AnimeOptions> | <undefined>` 隐藏的动画配置。
+     * @param `options.anime` `<AnimeOptions> | <undefined>` 兜底的动画配置。
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是否是用户操作。
+     * */
+    switchPipelines(options?: Partial<ShowPipelinesOptions>): Promise<void>;
+    /** 开始流动 */
+    flow(options?: BasePlugin.BaseOptions): void;
+    /** 停止流动 */
+    stopFlow(options?: BasePlugin.BaseOptions): void;
+    /** 更改水管流速
+     * @param `options` `<SetSpeedOptions> | <undefined>`
+     * @param `options.speed` `<Speed> | <undefined>` 参考 `state.speed` 的描述。
+     * @param `options.userAction` `<boolean> | <undefined>` 是否是否是用户操作。
+     */
+    setSpeed(options?: Partial<SetSpeedOptions>): void;
+    /** 销毁插件，移除所有副作用，销毁后将不响应任何 API */
+    dispose: () => void;
+    protected formatData(data: ServerData.RootObject, options?: Partial<LoadOptions>): Promise<PluginData.RootObject>;
+    private _enable;
+    private _disable;
+    private _show;
+    private _hide;
+    private _switchPipelines;
+    private _flow;
+    private _stopFlow;
+    private _setSpeed;
+    private updateState;
+    /** 加载管道贴图，如果再加载中，复用之前的加载 Promise */
+    private loadPipeTexture;
+    /** 销毁所有动画 */
+    private disposeAnime;
+    /** 移除所有管道模型 */
+    private removeAllPipes;
+    /** 根据 ID 查找管道模型 */
+    private findPipeObjectWithID;
+    /** 根据 target 查找管道模型 */
+    private findPipeObjectWithTarget;
+    private onWantsFiveTapGesture;
+}