@vsleem-realsee-viewer/bimsee-plugin 2.0.24 → 2.0.26

package/README.internal.md

@@ -38,19 +38,19 @@
 
 ## 1.5 BimseeStore 类型说明
 
-| 属性/方法               | 类型/签名                                               | 说明                                 |
-| ----------------------- | ------------------------------------------------------- | ------------------------------------ |
-| `ready`                 | `boolean`                                               | 是否加载完成                         |
-| `coordinateTree?`       | `Coordinate`                                            | 坐标树结构                           |
-| `mappedCoordinateTree?` | `Coordinate`                                            | 映射后的坐标树结构                   |
-| `currentModel?`         | `Coordinate`                                            | 当前模型坐标系                       |
-| `currentSpace?`         | `Coordinate`                                            | 当前空间坐标系                       |
-| `currentPoint?`         | `Point`                                                 | 当前模型的点                         |
-| `reload`                | `(searchInfo: SearchInfo) => Promise<void>`             | 重新加载数据                         |
-| `selectModel`           | `(coordinate: Partial<Coordinate>) => void`             | 选择模型（找不到对应模型时抛出错误） |
-| `selectPoint`           | ` (point: Point) => void`                               | 设置模型的坐标点                     |
-| `setReferPoint`         | `(current: TrackPoint, options: ViewerOptions) => void` | 设置参考点                           |
-| `normalizeToModelPoint` | `(current: TrackPoint) => TrackPoint \| undefined`      | 设置模型的坐标点                     |
+| 属性/方法               | 类型/签名                                             | 说明                                 |
+| ----------------------- | ----------------------------------------------------- | ------------------------------------ |
+| `ready`                 | `boolean`                                             | 是否加载完成                         |
+| `coordinateTree?`       | `Coordinate`                                          | 坐标树结构                           |
+| `mappedCoordinateTree?` | `Coordinate`                                          | 映射后的坐标树结构                   |
+| `currentModel?`         | `Coordinate`                                          | 当前模型坐标系                       |
+| `currentSpace?`         | `Coordinate`                                          | 当前空间坐标系                       |
+| `currentPoint?`         | `Point`                                               | 当前模型的点                         |
+| `reload`                | `(searchInfo: SearchInfo) => Promise<void>`           | 重新加载数据                         |
+| `selectModel`           | `(coordinate: Partial<Coordinate>) => void`           | 选择模型（找不到对应模型时抛出错误） |
+| `selectPoint`           | ` (point: Point) => void`                             | 设置模型的坐标点                     |
+| `setReferPoint`         | `(current: TrackPoint, options: PanoOptions) => void` | 设置参考点                           |
+| `normalizeToModelPoint` | `(current: TrackPoint) => TrackPoint \| undefined`    | 设置模型的坐标点                     |
 
 ## 1.6 BimseeElement 实例对象
 
@@ -130,7 +130,7 @@ type maskerSlot =slot & {
 | `setMouseover`      | `(mouseover: boolean) => void`             | 设置鼠标悬停状态         |
 | `setMinFov`         | `(minFov: number) => void`                 | 设置最小视野             |
 | `setMaxFov`         | `(maxFov: number) => void`                 | 设置最大视野             |
-| `setMaskerStatus`   | `(options: ViewerOptions) => void`         | 更新蒙层状态             |
+| `setMaskerStatus`   | `(options: PanoOptions) => void`           | 更新蒙层状态             |
 | `zoom`              | `(level: number) => void`                  | 缩放到指定级别           |
 | `rotate`            | `(position: Position) => void`             | 旋转蒙层到指定位置       |
 | `getState`          | ` () => MaskerProps`                       | 获取当前蒙层状态         |

package/dist/components/Bimsee.vue.d.ts

@@ -67,7 +67,7 @@ declare function __VLS_template(): {
                 setMouseover: (mouseover: boolean) => void;
                 setMinFov: (minFov: number) => void;
                 setMaxFov: (maxFov: number) => void;
-                setMaskerStatus: (options: import('..').ViewerOptions) => void;
+                setMaskerStatus: (options: import('..').PanoOptions) => void;
                 zoom: (level: number) => void;
                 rotate: (position: import('packages/shared/dist').Position) => void;
                 getState: () => import('..').MaskerProps;
@@ -112,7 +112,7 @@ declare function __VLS_template(): {
             "onPosition-updated"?: ((...args: any[]) => any) | undefined;
             "onZoom-updated"?: ((...args: any[]) => any) | undefined;
             onReady?: ((...args: any[]) => any) | undefined;
-        }>, "dataHelper" | "isMouseover" | "isMousedown" | "setState" | "setVisible" | "setMousedown" | "setMouseover" | "setMinFov" | "setMaxFov" | "setMaskerStatus" | "zoom" | "rotate" | "getState" | "getPosition" | "getZoomLevel" | "getCameraPosition" | "getCameraTarget" | "getCameraHFov" | "getCameraStatus"> & import('vue').ShallowUnwrapRef<{
+        }>, "zoom" | "dataHelper" | "isMouseover" | "isMousedown" | "setState" | "setVisible" | "setMousedown" | "setMouseover" | "setMinFov" | "setMaxFov" | "setMaskerStatus" | "rotate" | "getState" | "getPosition" | "getZoomLevel" | "getCameraPosition" | "getCameraTarget" | "getCameraHFov" | "getCameraStatus"> & import('vue').ShallowUnwrapRef<{
             dataHelper: import('../types').DataHelper;
             isMouseover: () => boolean;
             isMousedown: () => boolean;
@@ -122,7 +122,7 @@ declare function __VLS_template(): {
             setMouseover: (mouseover: boolean) => void;
             setMinFov: (minFov: number) => void;
             setMaxFov: (maxFov: number) => void;
-            setMaskerStatus: (options: import('..').ViewerOptions) => void;
+            setMaskerStatus: (options: import('..').PanoOptions) => void;
             zoom: (level: number) => void;
             rotate: (position: import('packages/shared/dist').Position) => void;
             getState: () => import('..').MaskerProps;
@@ -228,7 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<BimseeProps, {
             setMouseover: (mouseover: boolean) => void;
             setMinFov: (minFov: number) => void;
             setMaxFov: (maxFov: number) => void;
-            setMaskerStatus: (options: import('..').ViewerOptions) => void;
+            setMaskerStatus: (options: import('..').PanoOptions) => void;
             zoom: (level: number) => void;
             rotate: (position: import('packages/shared/dist').Position) => void;
             getState: () => import('..').MaskerProps;
@@ -273,7 +273,7 @@ declare const __VLS_component: import('vue').DefineComponent<BimseeProps, {
         "onPosition-updated"?: ((...args: any[]) => any) | undefined;
         "onZoom-updated"?: ((...args: any[]) => any) | undefined;
         onReady?: ((...args: any[]) => any) | undefined;
-    }>, "dataHelper" | "isMouseover" | "isMousedown" | "setState" | "setVisible" | "setMousedown" | "setMouseover" | "setMinFov" | "setMaxFov" | "setMaskerStatus" | "zoom" | "rotate" | "getState" | "getPosition" | "getZoomLevel" | "getCameraPosition" | "getCameraTarget" | "getCameraHFov" | "getCameraStatus"> & import('vue').ShallowUnwrapRef<{
+    }>, "zoom" | "dataHelper" | "isMouseover" | "isMousedown" | "setState" | "setVisible" | "setMousedown" | "setMouseover" | "setMinFov" | "setMaxFov" | "setMaskerStatus" | "rotate" | "getState" | "getPosition" | "getZoomLevel" | "getCameraPosition" | "getCameraTarget" | "getCameraHFov" | "getCameraStatus"> & import('vue').ShallowUnwrapRef<{
         dataHelper: import('../types').DataHelper;
         isMouseover: () => boolean;
         isMousedown: () => boolean;
@@ -283,7 +283,7 @@ declare const __VLS_component: import('vue').DefineComponent<BimseeProps, {
         setMouseover: (mouseover: boolean) => void;
         setMinFov: (minFov: number) => void;
         setMaxFov: (maxFov: number) => void;
-        setMaskerStatus: (options: import('..').ViewerOptions) => void;
+        setMaskerStatus: (options: import('..').PanoOptions) => void;
         zoom: (level: number) => void;
         rotate: (position: import('packages/shared/dist').Position) => void;
         getState: () => import('..').MaskerProps;

package/dist/components/Masker.vue.d.ts

@@ -32,7 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     setMouseover: (mouseover: boolean) => void;
     setMinFov: (minFov: number) => void;
     setMaxFov: (maxFov: number) => void;
-    setMaskerStatus: (options: import('..').ViewerOptions) => void;
+    setMaskerStatus: (options: import('..').PanoOptions) => void;
     zoom: (level: number) => void;
     rotate: (position: import('packages/shared/dist').Position) => void;
     getState: () => import('..').MaskerProps;

package/dist/hooks/useMasker.d.ts

@@ -1,5 +1,5 @@
 import { Point } from '@vsleem-realsee-viewer/shared';
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { BimseeProps, BimseeStore, CameraStatus, MaskerElement } from '../types';
 export declare function useMasker(propsRef: ComputedRef<BimseeProps>, storeRef: ComputedRef<BimseeStore>, maskerElRef: Ref<HTMLDivElement | undefined>, emit: EmitType): {
     getProps: ComputedRef<Required<Partial<import('..').MaskerProps>>>;

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 /** 组件导出 */
 export { Bimsee as BimseePlugin } from './components';
 export { default as Bimsee } from './components/Bimsee.vue';
+export type { BimseeErrorCode } from './enums';
 /** 配置相关类型导出 */
-export type { AppSetting /** 应用设置 */, BimseeSetting /** bim配置 */, CameraStatus /** 相机状态 */, SearchInfo /** 搜索信息 */, ViewerOptions /** 视图选项 */, } from './types';
+export type { AppSetting /** 应用设置 */, BimseeSetting /** bim配置 */, CameraStatus /** 相机状态 */, PanoOptions /** 视图选项 */, SearchInfo /** 搜索信息 */, } from './types';
 /** 组件属性类型导出 */
 export type { BimseeElement /** Bimsee 元素类型 */, BimseeProps /** Bimsee 组件属性 */, BimseeStore /** Bimsee 状态管理元素类型 */, MaskerElement /** 蒙层元素类型 */, MaskerProps /** 蒙层属性 */, 
 /** Bimsee 相关 */

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { ref as y, computed as F, watch as $, unref as C, defineComponent as ae, onBeforeUnmount as re, createElementBlock as se, openBlock as ie, withDirectives as ke, renderSlot as H, createElementVNode as Te, vShow as Ee, normalizeProps as q, guardReactiveProps as K, onMounted as Ce, nextTick as Le, createVNode as _e, mergeProps as Ie, toHandlers as Fe, withCtx as be } from "vue";
-import { APP_SETTING as Re, utils as ue, Position as G, Vector3 as te, Point as xe, CoordinateModelType as ze, AppError as j, DataSource as Be, http as Ne } from "@vsleem-realsee-viewer/shared";
-const W = {
+import { ref as g, computed as F, watch as $, unref as C, defineComponent as se, onBeforeUnmount as ie, createElementBlock as ue, openBlock as ce, withDirectives as ke, renderSlot as q, createElementVNode as Te, vShow as Ee, normalizeProps as K, guardReactiveProps as W, onMounted as Ce, nextTick as Le, createVNode as _e, mergeProps as Ie, toHandlers as Fe, withCtx as be } from "vue";
+import { APP_SETTING as Re, utils as le, Position as j, Vector3 as ne, Point as ze, CoordinateModelType as xe, AppError as H, DataSource as Be, http as Ne } from "@vsleem-realsee-viewer/shared";
+const J = {
   visible: !0,
   defaultYaw: 0,
   defaultPitch: 0,
@@ -9,26 +9,26 @@ const W = {
   maxFov: 120
 }, De = {
   appSetting: Re,
-  masker: W,
+  masker: J,
   immediate: !0
-}, { cloneDeep: oe, deepMergeProps: Ye, getDiffProps: $e } = ue;
-function Ve(r, m, n, d) {
-  const a = y(oe(W)), s = y(), f = y(), t = F(() => a.value), h = F(() => {
-    const { coordinateTree: e, mappedCoordinateTree: o, currentSpace: v, currentModel: M, currentPoint: w } = m.value || {};
+}, { cloneDeep: ae, deepMergeProps: Ye, getDiffProps: $e } = le;
+function Ve(r, v, n, d) {
+  const a = g(ae(J)), i = g(), f = g(), t = F(() => a.value), h = F(() => {
+    const { coordinateTree: e, mappedCoordinateTree: o, currentSpace: m, currentModel: M, currentPoint: w } = v.value || {};
     return {
       coordinateTree: e,
       mappedCoordinateTree: o,
-      currentSpace: v,
+      currentSpace: m,
       currentModel: M,
       currentPoint: w,
-      cameraStatus: s.value,
+      cameraStatus: i.value,
       state: t.value
     };
   });
-  $(() => oe(r.value.masker), S, { immediate: !0, deep: !0 });
-  function S(e, o) {
-    const v = $e(e, o);
-    c(v);
+  $(() => ae(r.value.masker), y, { immediate: !0, deep: !0 });
+  function y(e, o) {
+    const m = $e(e, o);
+    c(m);
   }
   function u() {
     return C(t);
@@ -36,49 +36,49 @@ function Ve(r, m, n, d) {
   function c(e) {
     e && Ye(a.value, e);
   }
-  function k() {
+  function S() {
     const e = C(n);
-    e && (e.addEventListener("mousedown", L), e.addEventListener("touchstart", L), e.addEventListener("click", I), window.addEventListener("mousemove", E), window.addEventListener("touchmove", E), window.addEventListener("mouseup", p), window.addEventListener("touchend", p), e.addEventListener("mouseover", i), e.addEventListener("mouseout", l), e.addEventListener("wheel", g));
+    e && (e.addEventListener("mousedown", L), e.addEventListener("touchstart", L), e.addEventListener("click", I), window.addEventListener("mousemove", T), window.addEventListener("touchmove", T), window.addEventListener("mouseup", p), window.addEventListener("touchend", p), e.addEventListener("mouseover", s), e.addEventListener("mouseout", l), e.addEventListener("wheel", E));
   }
-  function T() {
+  function k() {
     const e = C(n);
-    e && (e.removeEventListener("mousedown", L), e.removeEventListener("touchstart", L), window.removeEventListener("mousemove", E), window.removeEventListener("touchmove", E), window.removeEventListener("mouseup", p), window.removeEventListener("touchend", p), e.removeEventListener("mouseover", i), e.removeEventListener("mouseout", l), e.removeEventListener("wheel", g));
+    e && (e.removeEventListener("mousedown", L), e.removeEventListener("touchstart", L), window.removeEventListener("mousemove", T), window.removeEventListener("touchmove", T), window.removeEventListener("mouseup", p), window.removeEventListener("touchend", p), e.removeEventListener("mouseover", s), e.removeEventListener("mouseout", l), e.removeEventListener("wheel", E));
   }
   function I(e) {
     d("click", e);
   }
   function L(e) {
-    const o = e instanceof TouchEvent ? e.touches[0] : e, { defaultYaw: v = 0, defaultPitch: M = 0 } = t.value, w = Number(v) - Number(m.value.currentPoint?.yaw || 0);
+    const o = e instanceof TouchEvent ? e.touches[0] : e, { defaultYaw: m = 0, defaultPitch: M = 0 } = t.value, w = Number(m) - Number(v.value.currentPoint?.yaw || 0);
     f.value = {
       pageX: o.pageX,
       pageY: o.pageY,
       defaultYaw: w,
       defaultPitch: M
-    }, O(!0), d("mousedown", e);
+    }, X(!0), d("mousedown", e);
   }
-  function E(e) {
-    if (!f.value || !J()) return;
-    const o = e instanceof TouchEvent ? e.touches[0] : e, { pageX: v, pageY: M } = o, { pageX: w, pageY: _ } = f.value, { defaultYaw: b = 0, defaultPitch: Y = 0 } = f.value, z = Math.PI * 0.15 / 180;
-    let B = (Number(b) - (v - w) * z) % (2 * Math.PI), R = (Number(Y) + (M - _) * z) % (2 * Math.PI);
+  function T(e) {
+    if (!f.value || !ee()) return;
+    const o = e instanceof TouchEvent ? e.touches[0] : e, { pageX: m, pageY: M } = o, { pageX: w, pageY: _ } = f.value, { defaultYaw: b = 0, defaultPitch: Y = 0 } = f.value, x = Math.PI * 0.15 / 180;
+    let B = (Number(b) - (m - w) * x) % (2 * Math.PI), R = (Number(Y) + (M - _) * x) % (2 * Math.PI);
     R = Math.max(-Math.PI / 2, Math.min(Math.PI / 2, R));
-    const X = new G({ yaw: B, pitch: R });
-    Q(X);
+    const G = new j({ yaw: B, pitch: R });
+    te(G);
   }
   function p() {
-    O(!1), f.value = void 0;
+    X(!1), f.value = void 0;
   }
-  function i() {
-    U(!0);
+  function s() {
+    O(!0);
   }
   function l() {
-    U(!1);
+    O(!1);
   }
-  function g(e) {
+  function E(e) {
     e.preventDefault(), e.stopPropagation();
     const o = Math.sign(e.deltaY) * 5;
     if (o === 0) return;
-    const { minFov: v = 0, maxFov: M = 0 } = t.value, { hFov: w = 0 } = s.value || {}, _ = Math.min(Math.max(w + o, v), M);
-    _ !== w && ee(x.fovToZoomLevel(_));
+    const { minFov: m = 0, maxFov: M = 0 } = t.value, { hFov: w = 0 } = i.value || {}, _ = Math.min(Math.max(w + o, m), M);
+    _ !== w && oe(z.fovToZoomLevel(_));
   }
   function P() {
     const { defaultYaw: e, defaultPitch: o } = t.value;
@@ -88,33 +88,33 @@ function Ve(r, m, n, d) {
     return t.value.defaultZoomLvl;
   }
   function D() {
-    return s.value?.position;
+    return i.value?.position;
   }
   function Z() {
-    return s.value?.hFov;
+    return i.value?.hFov;
   }
-  function le() {
-    return s.value?.target;
+  function Q() {
+    return i.value?.target;
   }
-  function de() {
-    return s.value;
+  function A() {
+    return i.value;
   }
-  function ve() {
+  function me() {
     return t.value?.mouseover ?? !1;
   }
-  function J() {
+  function ee() {
     return t.value?.mousedown ?? !1;
   }
-  function A(e) {
-    s.value = { ...s.value, ...e };
+  function U(e) {
+    i.value = { ...i.value, ...e };
   }
-  function me(e) {
+  function ve(e) {
     c({ visible: e });
   }
-  function U(e) {
+  function O(e) {
     c({ mouseover: e });
   }
-  function O(e) {
+  function X(e) {
     c({ mousedown: e });
   }
   function fe(e) {
@@ -124,39 +124,39 @@ function Ve(r, m, n, d) {
     c({ maxFov: e });
   }
   function he(e) {
-    const { currentPoint: o } = m.value;
+    const { currentPoint: o } = v.value;
     if (o) {
-      const { minFov: v, maxFov: M } = t.value, { yaw: w = 0, pitch: _ = 0, zoomLevel: b = 0 } = e, Y = new G({ yaw: w, pitch: _ }), z = x.modelPointToCameraPosition(o), B = x.maskerRotateToCameraTarget(Y, z), R = x.zoomLevelToFov(b);
-      c({ defaultYaw: w, defaultPitch: _, defaultZoomLvl: b }), A({ position: z, target: B, hFov: R, minFov: v, maxFov: M });
+      const { minFov: m, maxFov: M } = t.value, { zoom: w = 0 } = e, { yaw: _ = 0, pitch: b = 0 } = e.position || {}, Y = new j({ yaw: _, pitch: b }), x = z.modelPointToCameraPosition(o), B = z.maskerRotateToCameraTarget(Y, x), R = z.zoomLevelToFov(w);
+      c({ defaultYaw: _, defaultPitch: b, defaultZoomLvl: w }), U({ position: x, target: B, hFov: R, minFov: m, maxFov: M });
     }
   }
-  function Q(e) {
-    const o = s.value?.position;
+  function te(e) {
+    const o = i.value?.position;
     if (!o) return;
-    const { yaw: v, pitch: M } = e, w = Number(m.value.currentPoint?.yaw || 0) + v, _ = new G({ yaw: Number(w), pitch: Number(M) }), b = x.maskerRotateToCameraTarget(_, o);
-    c({ defaultYaw: w, defaultPitch: M }), A({ target: b }), d("position-updated", { position: e, target: b });
+    const { yaw: m, pitch: M } = e, w = Number(v.value.currentPoint?.yaw || 0) + m, _ = new j({ yaw: Number(w), pitch: Number(M) }), b = z.maskerRotateToCameraTarget(_, o);
+    c({ defaultYaw: w, defaultPitch: M }), U({ target: b }), d("position-updated", { position: e, target: b });
   }
-  function ee(e) {
-    const o = x.zoomLevelToFov(e);
-    c({ defaultZoomLvl: e }), A({ hFov: o }), d("zoom-updated", { zoomLevel: e, hFov: o });
+  function oe(e) {
+    const o = z.zoomLevelToFov(e);
+    c({ defaultZoomLvl: e }), U({ hFov: o }), d("zoom-updated", { zoomLevel: e, hFov: o });
   }
   function we(e) {
-    return new te(e);
+    return new ne(e);
   }
   function Me(e, o) {
-    const { x: v = 0, y: M = 0, z: w = 0 } = o, { yaw: _, pitch: b } = e, Y = -_, z = b, B = 100, R = 0, X = B * Math.cos(R + Y) + v, ye = B * Math.sin(R + Y) + M, Se = B * Math.tan(z) + w;
-    return new te({ x: X, y: ye, z: Se });
+    const { x: m = 0, y: M = 0, z: w = 0 } = o, { yaw: _, pitch: b } = e, Y = -_, x = b, B = 100, R = 0, G = B * Math.cos(R + Y) + m, ye = B * Math.sin(R + Y) + M, Se = B * Math.tan(x) + w;
+    return new ne({ x: G, y: ye, z: Se });
   }
   function Pe(e) {
-    const { minFov: o = 20, maxFov: v = 120 } = t.value, w = 100 - (Math.max(o, Math.min(v, e)) - o) / (v - o) * 100;
+    const { minFov: o = 20, maxFov: m = 120 } = t.value, w = 100 - (Math.max(o, Math.min(m, e)) - o) / (m - o) * 100;
     return Math.max(0, Math.min(100, Math.round(w)));
   }
   function ge(e) {
-    const { minFov: o = 20, maxFov: v = 120 } = t.value;
-    let M = v + e / 100 * (o - v);
-    return Math.max(o, Math.min(v, M));
+    const { minFov: o = 20, maxFov: m = 120 } = t.value;
+    let M = m + e / 100 * (o - m);
+    return Math.max(o, Math.min(m, M));
   }
-  const x = {
+  const z = {
     modelPointToCameraPosition: we,
     maskerRotateToCameraTarget: Me,
     fovToZoomLevel: Pe,
@@ -166,216 +166,218 @@ function Ve(r, m, n, d) {
     getProps: t,
     getBindValue: h,
     maskerAction: {
-      dataHelper: x,
-      isMouseover: ve,
-      isMousedown: J,
+      dataHelper: z,
+      isMouseover: me,
+      isMousedown: ee,
       setState: c,
-      setVisible: me,
-      setMousedown: O,
-      setMouseover: U,
+      setVisible: ve,
+      setMousedown: X,
+      setMouseover: O,
       setMinFov: fe,
       setMaxFov: pe,
       setMaskerStatus: he,
-      zoom: ee,
-      rotate: Q,
+      zoom: oe,
+      rotate: te,
       getState: u,
       getPosition: P,
       getZoomLevel: N,
       getCameraPosition: D,
-      getCameraTarget: le,
+      getCameraTarget: Q,
       getCameraHFov: Z,
-      getCameraStatus: de
+      getCameraStatus: A
     },
-    handleMaskerEvents: k,
-    handleUninstallEvents: T
+    handleMaskerEvents: S,
+    handleUninstallEvents: k
   };
 }
-const Ze = { class: "vsleem-masker" }, Ae = /* @__PURE__ */ ae({
+const Ze = { class: "vsleem-masker" }, Ae = /* @__PURE__ */ se({
   __name: "Masker",
   props: {
     bimseeProps: {},
     bimseeStore: {}
   },
   emits: ["ready", "click", "mousedown", "zoom-updated", "position-updated"],
-  setup(r, { expose: m, emit: n }) {
-    const d = r, a = n, s = y(), f = F(() => d.bimseeProps), t = F(() => d.bimseeStore), { getProps: h, getBindValue: S, maskerAction: u, handleMaskerEvents: c, handleUninstallEvents: k } = Ve(f, t, s, a);
-    $(() => C(t)?.ready, T, { immediate: !0 }), re(L);
-    function T(E) {
-      E && (I(), c());
+  setup(r, { expose: v, emit: n }) {
+    const d = r, a = n, i = g(), f = F(() => d.bimseeProps), t = F(() => d.bimseeStore), { getProps: h, getBindValue: y, maskerAction: u, handleMaskerEvents: c, handleUninstallEvents: S } = Ve(f, t, i, a);
+    $(() => C(t)?.ready, k, { immediate: !0 }), ie(L);
+    function k(T) {
+      T && (I(), c());
     }
     function I() {
       a("ready", u?.getCameraStatus());
     }
     function L() {
-      k();
+      S();
     }
-    return m(u), (E, p) => (ie(), se("div", Ze, [
+    return v(u), (T, p) => (ce(), ue("div", Ze, [
       ke(Te("div", {
         ref_key: "maskerElRef",
-        ref: s,
+        ref: i,
         class: "masker-container"
       }, null, 512), [
         [Ee, C(h).visible]
       ]),
-      H(E.$slots, "default", q(K(C(S))), void 0, !0)
+      q(T.$slots, "default", K(W(C(y))), void 0, !0)
     ]));
   }
-}), ce = (r, m) => {
+}), de = (r, v) => {
   const n = r.__vccOpts || r;
-  for (const [d, a] of m)
+  for (const [d, a] of v)
     n[d] = a;
   return n;
-}, Ue = /* @__PURE__ */ ce(Ae, [["__scopeId", "data-v-605902cc"]]);
+}, Ue = /* @__PURE__ */ de(Ae, [["__scopeId", "data-v-605902cc"]]);
 var V = /* @__PURE__ */ ((r) => (r[r.StoreMissParams = 11e3] = "StoreMissParams", r[r.StoreNoCSTree = 11001] = "StoreNoCSTree", r[r.StoreSelectNoBIMModel = 11002] = "StoreSelectNoBIMModel", r))(V || {});
-function Oe(r, { setReferPoint: m }) {
-  const n = y(), d = y(), a = y(!1), s = y(!1), f = y(), t = y(), h = F(() => n.value?.findCsById(f.value)), S = F(() => h.value?.findParentSpace());
-  async function u(i) {
-    const { projectId: l, modelCsId: g } = i || {};
+function Oe(r, { setReferPoint: v }) {
+  const n = g(), d = g(), a = g(!1), i = g(!1), f = g(), t = g(), h = F(() => n.value?.findCsById(f.value)), y = F(() => h.value?.findParentSpace());
+  async function u(s) {
+    const { projectId: l, modelCsId: E } = s || {};
     try {
       if (!l)
-        throw new j(V.StoreMissParams, "缺少必要的查询参数");
+        throw new H(V.StoreMissParams, "缺少必要的查询参数");
       if (a.value = !0, l != n.value?.projectId) {
         const N = await Be.getCoordinateTree(l), D = await r.value.handleResponseFn?.(N) || N;
         if (!D)
-          throw new j(
+          throw new H(
             V.StoreNoCSTree,
             `未查询到项目ID为 ${l} 的坐标系树`
           );
         n.value = D;
       }
-      const P = n.value?.findCsById(g);
-      d.value = P?.getMappedCsTree(), k({ modelCsId: g }), r.value.fetchSuccess?.(n.value);
+      const P = n.value?.findCsById(E);
+      d.value = P?.getMappedCsTree(), S({ modelCsId: E }), r.value.fetchSuccess?.(n.value);
     } catch (P) {
       console.error(P), r.value.fetchError?.(P);
     } finally {
       a.value = !1;
     }
   }
-  function c(i = !1) {
-    s.value = i;
+  function c(s = !1) {
+    i.value = s;
   }
-  function k(i) {
-    const { modelCsId: l } = i;
-    l && T({ id: l });
+  function S(s) {
+    const { modelCsId: l } = s;
+    l && k({ id: l });
   }
-  function T(i) {
-    const { id: l } = i;
-    if (n.value?.findCsById(l)?.modelType === ze.BIMModel)
+  function k(s) {
+    const { id: l } = s;
+    if (n.value?.findCsById(l)?.modelType === xe.BIMModel)
       f.value = l;
     else
-      throw new j(V.StoreSelectNoBIMModel, `未找到ID为 ${l} 的BIM模型坐标系`);
+      throw new H(V.StoreSelectNoBIMModel, `未找到ID为 ${l} 的BIM模型坐标系`);
   }
-  function I(i) {
-    t.value = i;
+  function I(s) {
+    t.value = s;
   }
-  function L(i) {
-    if (!h.value || !i) return;
-    const l = n.value?.findCsById(i.coordinate?.id);
+  function L(s) {
+    if (!h.value || !s) return;
+    const l = n.value?.findCsById(s.coordinate?.id);
     if (!l) return;
-    const g = l?.getDestRelativeMap(h.value);
-    if (!g) return;
-    const P = new xe(i.point).projection(
-      g,
+    const E = l?.getDestRelativeMap(h.value);
+    if (!E) return;
+    const P = new ze(s.point).projection(
+      E,
       l,
       h.value
     );
     if (P)
       return P.y = -P.y, {
-        ...i,
+        ...s,
         coordinate: h.value,
         point: P,
         position: P
       };
   }
-  function E() {
+  function T() {
     return p.value;
   }
   const p = F(
     () => ({
       // 状态
-      ready: s.value,
+      ready: i.value,
       coordinateTree: n.value,
       mappedCoordinateTree: d.value,
       currentPoint: t.value,
       // 计算属性
-      currentSpace: S.value,
+      currentSpace: y.value,
       currentModel: h.value,
       // 方法
       reload: u,
-      selectModel: T,
+      selectModel: k,
       selectPoint: I,
-      setReferPoint: m,
+      setReferPoint: v,
       normalizeToModelPoint: L
     })
   );
   return {
     storeRef: p,
-    getStore: E,
+    getStore: T,
     setReady: c
   };
 }
-const { cloneDeep: ne, deepMergeProps: Xe, getDiffProps: Ge } = ue;
-function je(r, m, n) {
-  const d = y(ne(De)), a = F(() => d.value);
-  $(() => ne(r), u, { immediate: !0, deep: !0 }), $(
+const { cloneDeep: re, deepMergeProps: Xe, getDiffProps: Ge } = le;
+function je(r, v, n) {
+  const d = g(re(De)), a = F(() => d.value);
+  $(() => re(r), u, { immediate: !0, deep: !0 }), $(
     () => a.value.searchInfo,
-    () => I(s.value.ready),
+    () => I(i.value.ready),
     { deep: !0 }
   );
-  const { storeRef: s, getStore: f, setReady: t } = Oe(a, { setReferPoint: E });
-  Ce(h), re(S);
+  const { storeRef: i, getStore: f, setReady: t } = Oe(a, { setReferPoint: T });
+  Ce(h), ie(y);
   async function h() {
-    const { appSetting: p, immediate: i } = C(a);
-    p && Ne.setRequestGlobalConfig(p), i && (await I(!0), setTimeout(T, 0));
+    const { appSetting: p, immediate: s } = C(a);
+    p && Ne.setRequestGlobalConfig(p), s && (await I(!0), setTimeout(k, 0));
   }
-  function S() {
+  function y() {
     n?.("destroy");
   }
-  function u(p, i) {
-    const l = Ge(p, i);
-    k(l);
+  function u(p, s) {
+    const l = Ge(p, s);
+    S(l);
   }
   function c() {
     return C(a);
   }
-  function k(p) {
+  function S(p) {
     p && Xe(d.value, p);
   }
-  function T() {
+  function k() {
     t(!0), n?.("ready");
   }
   async function I(p) {
-    const { searchInfo: i } = a.value;
-    p && i && (await s.value?.reload(i), n?.("reload"));
+    const { searchInfo: s } = a.value;
+    p && s && (await i.value?.reload(s), n?.("reload"));
   }
   function L() {
-    return m.value;
+    return v.value;
   }
-  async function E(p, i) {
+  async function T(p, s) {
     const l = f();
     if (l) {
-      const g = l.normalizeToModelPoint(p);
-      if (!g) return;
-      l.selectPoint(g.point), await Le();
-      const { yaw: P = 0, pitch: N = 0, zoomLevel: D = 0 } = i, Z = g.point?.yaw + P;
-      L()?.setMaskerStatus({ yaw: Z, pitch: N, zoomLevel: D });
+      const E = L();
+      if (!E) return;
+      const P = l.normalizeToModelPoint(p);
+      if (!P) return;
+      l.selectPoint(P.point), await Le();
+      const { zoom: N = 0 } = s, { yaw: D = 0, pitch: Z = 0 } = s.position || {}, A = { yaw: P.point?.yaw + D, pitch: Z };
+      E.setMaskerStatus({ position: A, zoom: N });
     }
   }
   return {
-    storeRef: s,
+    storeRef: i,
     getStore: f,
     getMasker: L,
     getState: c,
-    setState: k
+    setState: S
   };
 }
-function He(r, m, n) {
+function He(r, v, n) {
   const d = F(() => r.value.ready && !!r.value.currentModel), a = F(() => {
-    const { coordinateTree: t, mappedCoordinateTree: h, currentSpace: S, currentModel: u, currentPoint: c } = r.value || {};
+    const { coordinateTree: t, mappedCoordinateTree: h, currentSpace: y, currentModel: u, currentPoint: c } = r.value || {};
     return {
       coordinateTree: t,
       mappedCoordinateTree: h,
-      currentSpace: S,
+      currentSpace: y,
       currentModel: u,
       currentPoint: c
     };
@@ -383,7 +385,7 @@ function He(r, m, n) {
   $(
     () => a.value?.currentModel?.id,
     (t) => {
-      t && s(a.value?.currentModel);
+      t && i(a.value?.currentModel);
     },
     {
       immediate: !0
@@ -398,7 +400,7 @@ function He(r, m, n) {
       deep: !0
     }
   );
-  function s(t) {
+  function i(t) {
     n("change-model", t);
   }
   function f(t) {
@@ -409,43 +411,43 @@ function He(r, m, n) {
     getBindValue: a
   };
 }
-function qe(r, m) {
-  const n = y({ yaw: 0, pitch: 0 });
+function qe(r, v) {
+  const n = g({ yaw: 0, pitch: 0 });
   function d(u) {
-    m("masker-ready", u);
+    v("masker-ready", u);
   }
   function a(u) {
-    m("masker-click", u);
+    v("masker-click", u);
   }
-  function s(u) {
-    m("masker-mousedown", u);
+  function i(u) {
+    v("masker-mousedown", u);
   }
   function f(u) {
-    m("masker-zoom-updated", u);
+    v("masker-zoom-updated", u);
   }
   function t(u) {
-    m("masker-position-updated", u, h(u));
+    v("masker-position-updated", u, h(u));
   }
   function h(u) {
-    const { yaw: c, pitch: k } = u.position, { yaw: T, pitch: I } = C(n);
-    return n.value = { yaw: c, pitch: k }, { yaw: c - T, pitch: k - I };
+    const { yaw: c, pitch: S } = u.position, { yaw: k, pitch: I } = C(n);
+    return n.value = { yaw: c, pitch: S }, { yaw: c - k, pitch: S - I };
   }
   return { maskerEvents: {
     ready: d,
     click: a,
-    mousedown: s,
+    mousedown: i,
     zoomUpdated: f,
     positionUpdated: t
   } };
 }
-const Ke = { class: "vsleem-bimsee" }, We = /* @__PURE__ */ ae({
+const Ke = { class: "vsleem-bimsee" }, We = /* @__PURE__ */ se({
   name: "Bimsee",
   __name: "Bimsee",
   props: {
     appSetting: {},
     searchInfo: {},
     bimseeSetting: {},
-    masker: { default: () => W },
+    masker: { default: () => J },
     immediate: { type: Boolean, default: !0 },
     handleResponseFn: {},
     fetchSuccess: {},
@@ -463,27 +465,27 @@ const Ke = { class: "vsleem-bimsee" }, We = /* @__PURE__ */ ae({
     "masker-zoom-updated",
     "masker-position-updated"
   ],
-  setup(r, { expose: m, emit: n }) {
-    const d = r, a = n, s = y(), f = je(d, s, a), { storeRef: t, getMasker: h } = f, { getBindValue: S } = He(t, h, a), { maskerEvents: u } = qe(h, a);
-    return m(f), (c, k) => (ie(), se("div", Ke, [
+  setup(r, { expose: v, emit: n }) {
+    const d = r, a = n, i = g(), f = je(d, i, a), { storeRef: t, getMasker: h } = f, { getBindValue: y } = He(t, h, a), { maskerEvents: u } = qe(h, a);
+    return v(f), (c, S) => (ce(), ue("div", Ke, [
       _e(Ue, Ie({
         ref_key: "maskerElRef",
-        ref: s,
+        ref: i,
         bimseeProps: d,
         bimseeStore: C(t)
       }, Fe(C(u))), {
-        default: be((T) => [
-          H(c.$slots, "masker", q(K(T)), void 0, !0)
+        default: be((k) => [
+          q(c.$slots, "masker", K(W(k)), void 0, !0)
         ]),
         _: 3
       }, 16, ["bimseeStore"]),
-      H(c.$slots, "default", q(K(C(S))), void 0, !0)
+      q(c.$slots, "default", K(W(C(y))), void 0, !0)
     ]));
   }
-}), tt = /* @__PURE__ */ ce(We, [["__scopeId", "data-v-348a21e7"]]);
+}), tt = /* @__PURE__ */ de(We, [["__scopeId", "data-v-348a21e7"]]);
 export {
   De as BIMSEE_CONFIG,
   tt as Bimsee,
   tt as BimseePlugin,
-  W as MASKER_CONFIG
+  J as MASKER_CONFIG
 };

package/dist/index.umd.js

@@ -1 +1 @@
-(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vsleem-realsee-viewer/shared")):typeof define=="function"&&define.amd?define(["exports","vue","@vsleem-realsee-viewer/shared"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.BimseePlugin={},_.Vue,_.VSLeemShared))})(this,(function(_,e,g){"use strict";const V={visible:!0,defaultYaw:0,defaultPitch:0,defaultZoomLvl:30,minFov:20,maxFov:120},j={appSetting:g.APP_SETTING,masker:V,immediate:!0},{cloneDeep:X,deepMergeProps:ee,getDiffProps:te}=g.utils;function oe(s,p,a,f){const r=e.ref(X(V)),i=e.ref(),v=e.ref(),o=e.computed(()=>r.value),w=e.computed(()=>{const{coordinateTree:t,mappedCoordinateTree:n,currentSpace:m,currentModel:P,currentPoint:M}=p.value||{};return{coordinateTree:t,mappedCoordinateTree:n,currentSpace:m,currentModel:P,currentPoint:M,cameraStatus:i.value,state:o.value}});e.watch(()=>X(s.value.masker),k,{immediate:!0,deep:!0});function k(t,n){const m=te(t,n);l(m)}function u(){return e.unref(o)}function l(t){t&&ee(r.value,t)}function T(){const t=e.unref(a);t&&(t.addEventListener("mousedown",L),t.addEventListener("touchstart",L),t.addEventListener("click",F),window.addEventListener("mousemove",C),window.addEventListener("touchmove",C),window.addEventListener("mouseup",h),window.addEventListener("touchend",h),t.addEventListener("mouseover",c),t.addEventListener("mouseout",d),t.addEventListener("wheel",S))}function E(){const t=e.unref(a);t&&(t.removeEventListener("mousedown",L),t.removeEventListener("touchstart",L),window.removeEventListener("mousemove",C),window.removeEventListener("touchmove",C),window.removeEventListener("mouseup",h),window.removeEventListener("touchend",h),t.removeEventListener("mouseover",c),t.removeEventListener("mouseout",d),t.removeEventListener("wheel",S))}function F(t){f("click",t)}function L(t){const n=t instanceof TouchEvent?t.touches[0]:t,{defaultYaw:m=0,defaultPitch:P=0}=o.value,M=Number(m)-Number(p.value.currentPoint?.yaw||0);v.value={pageX:n.pageX,pageY:n.pageY,defaultYaw:M,defaultPitch:P},Z(!0),f("mousedown",t)}function C(t){if(!v.value||!W())return;const n=t instanceof TouchEvent?t.touches[0]:t,{pageX:m,pageY:P}=n,{pageX:M,pageY:I}=v.value,{defaultYaw:B=0,defaultPitch:Y=0}=v.value,z=Math.PI*.15/180;let N=(Number(B)-(m-M)*z)%(2*Math.PI),R=(Number(Y)+(P-I)*z)%(2*Math.PI);R=Math.max(-Math.PI/2,Math.min(Math.PI/2,R));const G=new g.Position({yaw:N,pitch:R});J(G)}function h(){Z(!1),v.value=void 0}function c(){U(!0)}function d(){U(!1)}function S(t){t.preventDefault(),t.stopPropagation();const n=Math.sign(t.deltaY)*5;if(n===0)return;const{minFov:m=0,maxFov:P=0}=o.value,{hFov:M=0}=i.value||{},I=Math.min(Math.max(M+n,m),P);I!==M&&Q(b.fovToZoomLevel(I))}function y(){const{defaultYaw:t,defaultPitch:n}=o.value;return{yaw:t,pitch:n}}function x(){return o.value.defaultZoomLvl}function D(){return i.value?.position}function A(){return i.value?.hFov}function me(){return i.value?.target}function pe(){return i.value}function ve(){return o.value?.mouseover??!1}function W(){return o.value?.mousedown??!1}function O(t){i.value={...i.value,...t}}function he(t){l({visible:t})}function U(t){l({mouseover:t})}function Z(t){l({mousedown:t})}function we(t){l({minFov:t})}function Me(t){l({maxFov:t})}function Pe(t){const{currentPoint:n}=p.value;if(n){const{minFov:m,maxFov:P}=o.value,{yaw:M=0,pitch:I=0,zoomLevel:B=0}=t,Y=new g.Position({yaw:M,pitch:I}),z=b.modelPointToCameraPosition(n),N=b.maskerRotateToCameraTarget(Y,z),R=b.zoomLevelToFov(B);l({defaultYaw:M,defaultPitch:I,defaultZoomLvl:B}),O({position:z,target:N,hFov:R,minFov:m,maxFov:P})}}function J(t){const n=i.value?.position;if(!n)return;const{yaw:m,pitch:P}=t,M=Number(p.value.currentPoint?.yaw||0)+m,I=new g.Position({yaw:Number(M),pitch:Number(P)}),B=b.maskerRotateToCameraTarget(I,n);l({defaultYaw:M,defaultPitch:P}),O({target:B}),f("position-updated",{position:t,target:B})}function Q(t){const n=b.zoomLevelToFov(t);l({defaultZoomLvl:t}),O({hFov:n}),f("zoom-updated",{zoomLevel:t,hFov:n})}function ge(t){return new g.Vector3(t)}function ye(t,n){const{x:m=0,y:P=0,z:M=0}=n,{yaw:I,pitch:B}=t,Y=-I,z=B,N=100,R=0,G=N*Math.cos(R+Y)+m,Te=N*Math.sin(R+Y)+P,Ee=N*Math.tan(z)+M;return new g.Vector3({x:G,y:Te,z:Ee})}function Se(t){const{minFov:n=20,maxFov:m=120}=o.value,M=100-(Math.max(n,Math.min(m,t))-n)/(m-n)*100;return Math.max(0,Math.min(100,Math.round(M)))}function ke(t){const{minFov:n=20,maxFov:m=120}=o.value;let P=m+t/100*(n-m);return Math.max(n,Math.min(m,P))}const b={modelPointToCameraPosition:ge,maskerRotateToCameraTarget:ye,fovToZoomLevel:Se,zoomLevelToFov:ke};return{getProps:o,getBindValue:w,maskerAction:{dataHelper:b,isMouseover:ve,isMousedown:W,setState:l,setVisible:he,setMousedown:Z,setMouseover:U,setMinFov:we,setMaxFov:Me,setMaskerStatus:Pe,zoom:Q,rotate:J,getState:u,getPosition:y,getZoomLevel:x,getCameraPosition:D,getCameraTarget:me,getCameraHFov:A,getCameraStatus:pe},handleMaskerEvents:T,handleUninstallEvents:E}}const ne={class:"vsleem-masker"},ae=e.defineComponent({__name:"Masker",props:{bimseeProps:{},bimseeStore:{}},emits:["ready","click","mousedown","zoom-updated","position-updated"],setup(s,{expose:p,emit:a}){const f=s,r=a,i=e.ref(),v=e.computed(()=>f.bimseeProps),o=e.computed(()=>f.bimseeStore),{getProps:w,getBindValue:k,maskerAction:u,handleMaskerEvents:l,handleUninstallEvents:T}=oe(v,o,i,r);e.watch(()=>e.unref(o)?.ready,E,{immediate:!0}),e.onBeforeUnmount(L);function E(C){C&&(F(),l())}function F(){r("ready",u?.getCameraStatus())}function L(){T()}return p(u),(C,h)=>(e.openBlock(),e.createElementBlock("div",ne,[e.withDirectives(e.createElementVNode("div",{ref_key:"maskerElRef",ref:i,class:"masker-container"},null,512),[[e.vShow,e.unref(w).visible]]),e.renderSlot(C.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(k))),void 0,!0)]))}}),q=(s,p)=>{const a=s.__vccOpts||s;for(const[f,r]of p)a[f]=r;return a},re=q(ae,[["__scopeId","data-v-605902cc"]]);var $=(s=>(s[s.StoreMissParams=11e3]="StoreMissParams",s[s.StoreNoCSTree=11001]="StoreNoCSTree",s[s.StoreSelectNoBIMModel=11002]="StoreSelectNoBIMModel",s))($||{});function se(s,{setReferPoint:p}){const a=e.ref(),f=e.ref(),r=e.ref(!1),i=e.ref(!1),v=e.ref(),o=e.ref(),w=e.computed(()=>a.value?.findCsById(v.value)),k=e.computed(()=>w.value?.findParentSpace());async function u(c){const{projectId:d,modelCsId:S}=c||{};try{if(!d)throw new g.AppError($.StoreMissParams,"缺少必要的查询参数");if(r.value=!0,d!=a.value?.projectId){const x=await g.DataSource.getCoordinateTree(d),D=await s.value.handleResponseFn?.(x)||x;if(!D)throw new g.AppError($.StoreNoCSTree,`未查询到项目ID为 ${d} 的坐标系树`);a.value=D}const y=a.value?.findCsById(S);f.value=y?.getMappedCsTree(),T({modelCsId:S}),s.value.fetchSuccess?.(a.value)}catch(y){console.error(y),s.value.fetchError?.(y)}finally{r.value=!1}}function l(c=!1){i.value=c}function T(c){const{modelCsId:d}=c;d&&E({id:d})}function E(c){const{id:d}=c;if(a.value?.findCsById(d)?.modelType===g.CoordinateModelType.BIMModel)v.value=d;else throw new g.AppError($.StoreSelectNoBIMModel,`未找到ID为 ${d} 的BIM模型坐标系`)}function F(c){o.value=c}function L(c){if(!w.value||!c)return;const d=a.value?.findCsById(c.coordinate?.id);if(!d)return;const S=d?.getDestRelativeMap(w.value);if(!S)return;const y=new g.Point(c.point).projection(S,d,w.value);if(y)return y.y=-y.y,{...c,coordinate:w.value,point:y,position:y}}function C(){return h.value}const h=e.computed(()=>({ready:i.value,coordinateTree:a.value,mappedCoordinateTree:f.value,currentPoint:o.value,currentSpace:k.value,currentModel:w.value,reload:u,selectModel:E,selectPoint:F,setReferPoint:p,normalizeToModelPoint:L}));return{storeRef:h,getStore:C,setReady:l}}const{cloneDeep:H,deepMergeProps:ie,getDiffProps:ce}=g.utils;function ue(s,p,a){const f=e.ref(H(j)),r=e.computed(()=>f.value);e.watch(()=>H(s),u,{immediate:!0,deep:!0}),e.watch(()=>r.value.searchInfo,()=>F(i.value.ready),{deep:!0});const{storeRef:i,getStore:v,setReady:o}=se(r,{setReferPoint:C});e.onMounted(w),e.onBeforeUnmount(k);async function w(){const{appSetting:h,immediate:c}=e.unref(r);h&&g.http.setRequestGlobalConfig(h),c&&(await F(!0),setTimeout(E,0))}function k(){a?.("destroy")}function u(h,c){const d=ce(h,c);T(d)}function l(){return e.unref(r)}function T(h){h&&ie(f.value,h)}function E(){o(!0),a?.("ready")}async function F(h){const{searchInfo:c}=r.value;h&&c&&(await i.value?.reload(c),a?.("reload"))}function L(){return p.value}async function C(h,c){const d=v();if(d){const S=d.normalizeToModelPoint(h);if(!S)return;d.selectPoint(S.point),await e.nextTick();const{yaw:y=0,pitch:x=0,zoomLevel:D=0}=c,A=S.point?.yaw+y;L()?.setMaskerStatus({yaw:A,pitch:x,zoomLevel:D})}}return{storeRef:i,getStore:v,getMasker:L,getState:l,setState:T}}function le(s,p,a){const f=e.computed(()=>s.value.ready&&!!s.value.currentModel),r=e.computed(()=>{const{coordinateTree:o,mappedCoordinateTree:w,currentSpace:k,currentModel:u,currentPoint:l}=s.value||{};return{coordinateTree:o,mappedCoordinateTree:w,currentSpace:k,currentModel:u,currentPoint:l}});e.watch(()=>r.value?.currentModel?.id,o=>{o&&i(r.value?.currentModel)},{immediate:!0}),e.watch(()=>r.value?.currentPoint,o=>{o&&v(r.value?.currentPoint)},{immediate:!0,deep:!0});function i(o){a("change-model",o)}function v(o){a("change-point",o)}return{getShow:f,getBindValue:r}}function de(s,p){const a=e.ref({yaw:0,pitch:0});function f(u){p("masker-ready",u)}function r(u){p("masker-click",u)}function i(u){p("masker-mousedown",u)}function v(u){p("masker-zoom-updated",u)}function o(u){p("masker-position-updated",u,w(u))}function w(u){const{yaw:l,pitch:T}=u.position,{yaw:E,pitch:F}=e.unref(a);return a.value={yaw:l,pitch:T},{yaw:l-E,pitch:T-F}}return{maskerEvents:{ready:f,click:r,mousedown:i,zoomUpdated:v,positionUpdated:o}}}const fe={class:"vsleem-bimsee"},K=q(e.defineComponent({name:"Bimsee",__name:"Bimsee",props:{appSetting:{},searchInfo:{},bimseeSetting:{},masker:{default:()=>V},immediate:{type:Boolean,default:!0},handleResponseFn:{},fetchSuccess:{},fetchError:{}},emits:["ready","reload","destroy","change-model","change-point","masker-ready","masker-click","masker-mousedown","masker-zoom-updated","masker-position-updated"],setup(s,{expose:p,emit:a}){const f=s,r=a,i=e.ref(),v=ue(f,i,r),{storeRef:o,getMasker:w}=v,{getBindValue:k}=le(o,w,r),{maskerEvents:u}=de(w,r);return p(v),(l,T)=>(e.openBlock(),e.createElementBlock("div",fe,[e.createVNode(re,e.mergeProps({ref_key:"maskerElRef",ref:i,bimseeProps:f,bimseeStore:e.unref(o)},e.toHandlers(e.unref(u))),{default:e.withCtx(E=>[e.renderSlot(l.$slots,"masker",e.normalizeProps(e.guardReactiveProps(E)),void 0,!0)]),_:3},16,["bimseeStore"]),e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(k))),void 0,!0)]))}}),[["__scopeId","data-v-348a21e7"]]);_.BIMSEE_CONFIG=j,_.Bimsee=K,_.BimseePlugin=K,_.MASKER_CONFIG=V,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));
+(function(_,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@vsleem-realsee-viewer/shared")):typeof define=="function"&&define.amd?define(["exports","vue","@vsleem-realsee-viewer/shared"],e):(_=typeof globalThis<"u"?globalThis:_||self,e(_.BimseePlugin={},_.Vue,_.VSLeemShared))})(this,(function(_,e,y){"use strict";const V={visible:!0,defaultYaw:0,defaultPitch:0,defaultZoomLvl:30,minFov:20,maxFov:120},X={appSetting:y.APP_SETTING,masker:V,immediate:!0},{cloneDeep:q,deepMergeProps:oe,getDiffProps:ne}=y.utils;function ae(s,p,a,f){const r=e.ref(q(V)),c=e.ref(),v=e.ref(),o=e.computed(()=>r.value),w=e.computed(()=>{const{coordinateTree:t,mappedCoordinateTree:n,currentSpace:m,currentModel:P,currentPoint:M}=p.value||{};return{coordinateTree:t,mappedCoordinateTree:n,currentSpace:m,currentModel:P,currentPoint:M,cameraStatus:c.value,state:o.value}});e.watch(()=>q(s.value.masker),S,{immediate:!0,deep:!0});function S(t,n){const m=ne(t,n);l(m)}function u(){return e.unref(o)}function l(t){t&&oe(r.value,t)}function k(){const t=e.unref(a);t&&(t.addEventListener("mousedown",I),t.addEventListener("touchstart",I),t.addEventListener("click",F),window.addEventListener("mousemove",E),window.addEventListener("touchmove",E),window.addEventListener("mouseup",h),window.addEventListener("touchend",h),t.addEventListener("mouseover",i),t.addEventListener("mouseout",d),t.addEventListener("wheel",C))}function T(){const t=e.unref(a);t&&(t.removeEventListener("mousedown",I),t.removeEventListener("touchstart",I),window.removeEventListener("mousemove",E),window.removeEventListener("touchmove",E),window.removeEventListener("mouseup",h),window.removeEventListener("touchend",h),t.removeEventListener("mouseover",i),t.removeEventListener("mouseout",d),t.removeEventListener("wheel",C))}function F(t){f("click",t)}function I(t){const n=t instanceof TouchEvent?t.touches[0]:t,{defaultYaw:m=0,defaultPitch:P=0}=o.value,M=Number(m)-Number(p.value.currentPoint?.yaw||0);v.value={pageX:n.pageX,pageY:n.pageY,defaultYaw:M,defaultPitch:P},G(!0),f("mousedown",t)}function E(t){if(!v.value||!Q())return;const n=t instanceof TouchEvent?t.touches[0]:t,{pageX:m,pageY:P}=n,{pageX:M,pageY:L}=v.value,{defaultYaw:B=0,defaultPitch:Y=0}=v.value,z=Math.PI*.15/180;let N=(Number(B)-(m-M)*z)%(2*Math.PI),R=(Number(Y)+(P-L)*z)%(2*Math.PI);R=Math.max(-Math.PI/2,Math.min(Math.PI/2,R));const j=new y.Position({yaw:N,pitch:R});ee(j)}function h(){G(!1),v.value=void 0}function i(){Z(!0)}function d(){Z(!1)}function C(t){t.preventDefault(),t.stopPropagation();const n=Math.sign(t.deltaY)*5;if(n===0)return;const{minFov:m=0,maxFov:P=0}=o.value,{hFov:M=0}=c.value||{},L=Math.min(Math.max(M+n,m),P);L!==M&&te(b.fovToZoomLevel(L))}function g(){const{defaultYaw:t,defaultPitch:n}=o.value;return{yaw:t,pitch:n}}function x(){return o.value.defaultZoomLvl}function D(){return c.value?.position}function A(){return c.value?.hFov}function J(){return c.value?.target}function O(){return c.value}function ve(){return o.value?.mouseover??!1}function Q(){return o.value?.mousedown??!1}function U(t){c.value={...c.value,...t}}function he(t){l({visible:t})}function Z(t){l({mouseover:t})}function G(t){l({mousedown:t})}function we(t){l({minFov:t})}function Me(t){l({maxFov:t})}function Pe(t){const{currentPoint:n}=p.value;if(n){const{minFov:m,maxFov:P}=o.value,{zoom:M=0}=t,{yaw:L=0,pitch:B=0}=t.position||{},Y=new y.Position({yaw:L,pitch:B}),z=b.modelPointToCameraPosition(n),N=b.maskerRotateToCameraTarget(Y,z),R=b.zoomLevelToFov(M);l({defaultYaw:L,defaultPitch:B,defaultZoomLvl:M}),U({position:z,target:N,hFov:R,minFov:m,maxFov:P})}}function ee(t){const n=c.value?.position;if(!n)return;const{yaw:m,pitch:P}=t,M=Number(p.value.currentPoint?.yaw||0)+m,L=new y.Position({yaw:Number(M),pitch:Number(P)}),B=b.maskerRotateToCameraTarget(L,n);l({defaultYaw:M,defaultPitch:P}),U({target:B}),f("position-updated",{position:t,target:B})}function te(t){const n=b.zoomLevelToFov(t);l({defaultZoomLvl:t}),U({hFov:n}),f("zoom-updated",{zoomLevel:t,hFov:n})}function ge(t){return new y.Vector3(t)}function ye(t,n){const{x:m=0,y:P=0,z:M=0}=n,{yaw:L,pitch:B}=t,Y=-L,z=B,N=100,R=0,j=N*Math.cos(R+Y)+m,Te=N*Math.sin(R+Y)+P,Ee=N*Math.tan(z)+M;return new y.Vector3({x:j,y:Te,z:Ee})}function Se(t){const{minFov:n=20,maxFov:m=120}=o.value,M=100-(Math.max(n,Math.min(m,t))-n)/(m-n)*100;return Math.max(0,Math.min(100,Math.round(M)))}function ke(t){const{minFov:n=20,maxFov:m=120}=o.value;let P=m+t/100*(n-m);return Math.max(n,Math.min(m,P))}const b={modelPointToCameraPosition:ge,maskerRotateToCameraTarget:ye,fovToZoomLevel:Se,zoomLevelToFov:ke};return{getProps:o,getBindValue:w,maskerAction:{dataHelper:b,isMouseover:ve,isMousedown:Q,setState:l,setVisible:he,setMousedown:G,setMouseover:Z,setMinFov:we,setMaxFov:Me,setMaskerStatus:Pe,zoom:te,rotate:ee,getState:u,getPosition:g,getZoomLevel:x,getCameraPosition:D,getCameraTarget:J,getCameraHFov:A,getCameraStatus:O},handleMaskerEvents:k,handleUninstallEvents:T}}const re={class:"vsleem-masker"},se=e.defineComponent({__name:"Masker",props:{bimseeProps:{},bimseeStore:{}},emits:["ready","click","mousedown","zoom-updated","position-updated"],setup(s,{expose:p,emit:a}){const f=s,r=a,c=e.ref(),v=e.computed(()=>f.bimseeProps),o=e.computed(()=>f.bimseeStore),{getProps:w,getBindValue:S,maskerAction:u,handleMaskerEvents:l,handleUninstallEvents:k}=ae(v,o,c,r);e.watch(()=>e.unref(o)?.ready,T,{immediate:!0}),e.onBeforeUnmount(I);function T(E){E&&(F(),l())}function F(){r("ready",u?.getCameraStatus())}function I(){k()}return p(u),(E,h)=>(e.openBlock(),e.createElementBlock("div",re,[e.withDirectives(e.createElementVNode("div",{ref_key:"maskerElRef",ref:c,class:"masker-container"},null,512),[[e.vShow,e.unref(w).visible]]),e.renderSlot(E.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(S))),void 0,!0)]))}}),H=(s,p)=>{const a=s.__vccOpts||s;for(const[f,r]of p)a[f]=r;return a},ie=H(se,[["__scopeId","data-v-605902cc"]]);var $=(s=>(s[s.StoreMissParams=11e3]="StoreMissParams",s[s.StoreNoCSTree=11001]="StoreNoCSTree",s[s.StoreSelectNoBIMModel=11002]="StoreSelectNoBIMModel",s))($||{});function ce(s,{setReferPoint:p}){const a=e.ref(),f=e.ref(),r=e.ref(!1),c=e.ref(!1),v=e.ref(),o=e.ref(),w=e.computed(()=>a.value?.findCsById(v.value)),S=e.computed(()=>w.value?.findParentSpace());async function u(i){const{projectId:d,modelCsId:C}=i||{};try{if(!d)throw new y.AppError($.StoreMissParams,"缺少必要的查询参数");if(r.value=!0,d!=a.value?.projectId){const x=await y.DataSource.getCoordinateTree(d),D=await s.value.handleResponseFn?.(x)||x;if(!D)throw new y.AppError($.StoreNoCSTree,`未查询到项目ID为 ${d} 的坐标系树`);a.value=D}const g=a.value?.findCsById(C);f.value=g?.getMappedCsTree(),k({modelCsId:C}),s.value.fetchSuccess?.(a.value)}catch(g){console.error(g),s.value.fetchError?.(g)}finally{r.value=!1}}function l(i=!1){c.value=i}function k(i){const{modelCsId:d}=i;d&&T({id:d})}function T(i){const{id:d}=i;if(a.value?.findCsById(d)?.modelType===y.CoordinateModelType.BIMModel)v.value=d;else throw new y.AppError($.StoreSelectNoBIMModel,`未找到ID为 ${d} 的BIM模型坐标系`)}function F(i){o.value=i}function I(i){if(!w.value||!i)return;const d=a.value?.findCsById(i.coordinate?.id);if(!d)return;const C=d?.getDestRelativeMap(w.value);if(!C)return;const g=new y.Point(i.point).projection(C,d,w.value);if(g)return g.y=-g.y,{...i,coordinate:w.value,point:g,position:g}}function E(){return h.value}const h=e.computed(()=>({ready:c.value,coordinateTree:a.value,mappedCoordinateTree:f.value,currentPoint:o.value,currentSpace:S.value,currentModel:w.value,reload:u,selectModel:T,selectPoint:F,setReferPoint:p,normalizeToModelPoint:I}));return{storeRef:h,getStore:E,setReady:l}}const{cloneDeep:K,deepMergeProps:ue,getDiffProps:le}=y.utils;function de(s,p,a){const f=e.ref(K(X)),r=e.computed(()=>f.value);e.watch(()=>K(s),u,{immediate:!0,deep:!0}),e.watch(()=>r.value.searchInfo,()=>F(c.value.ready),{deep:!0});const{storeRef:c,getStore:v,setReady:o}=ce(r,{setReferPoint:E});e.onMounted(w),e.onBeforeUnmount(S);async function w(){const{appSetting:h,immediate:i}=e.unref(r);h&&y.http.setRequestGlobalConfig(h),i&&(await F(!0),setTimeout(T,0))}function S(){a?.("destroy")}function u(h,i){const d=le(h,i);k(d)}function l(){return e.unref(r)}function k(h){h&&ue(f.value,h)}function T(){o(!0),a?.("ready")}async function F(h){const{searchInfo:i}=r.value;h&&i&&(await c.value?.reload(i),a?.("reload"))}function I(){return p.value}async function E(h,i){const d=v();if(d){const C=I();if(!C)return;const g=d.normalizeToModelPoint(h);if(!g)return;d.selectPoint(g.point),await e.nextTick();const{zoom:x=0}=i,{yaw:D=0,pitch:A=0}=i.position||{},O={yaw:g.point?.yaw+D,pitch:A};C.setMaskerStatus({position:O,zoom:x})}}return{storeRef:c,getStore:v,getMasker:I,getState:l,setState:k}}function fe(s,p,a){const f=e.computed(()=>s.value.ready&&!!s.value.currentModel),r=e.computed(()=>{const{coordinateTree:o,mappedCoordinateTree:w,currentSpace:S,currentModel:u,currentPoint:l}=s.value||{};return{coordinateTree:o,mappedCoordinateTree:w,currentSpace:S,currentModel:u,currentPoint:l}});e.watch(()=>r.value?.currentModel?.id,o=>{o&&c(r.value?.currentModel)},{immediate:!0}),e.watch(()=>r.value?.currentPoint,o=>{o&&v(r.value?.currentPoint)},{immediate:!0,deep:!0});function c(o){a("change-model",o)}function v(o){a("change-point",o)}return{getShow:f,getBindValue:r}}function me(s,p){const a=e.ref({yaw:0,pitch:0});function f(u){p("masker-ready",u)}function r(u){p("masker-click",u)}function c(u){p("masker-mousedown",u)}function v(u){p("masker-zoom-updated",u)}function o(u){p("masker-position-updated",u,w(u))}function w(u){const{yaw:l,pitch:k}=u.position,{yaw:T,pitch:F}=e.unref(a);return a.value={yaw:l,pitch:k},{yaw:l-T,pitch:k-F}}return{maskerEvents:{ready:f,click:r,mousedown:c,zoomUpdated:v,positionUpdated:o}}}const pe={class:"vsleem-bimsee"},W=H(e.defineComponent({name:"Bimsee",__name:"Bimsee",props:{appSetting:{},searchInfo:{},bimseeSetting:{},masker:{default:()=>V},immediate:{type:Boolean,default:!0},handleResponseFn:{},fetchSuccess:{},fetchError:{}},emits:["ready","reload","destroy","change-model","change-point","masker-ready","masker-click","masker-mousedown","masker-zoom-updated","masker-position-updated"],setup(s,{expose:p,emit:a}){const f=s,r=a,c=e.ref(),v=de(f,c,r),{storeRef:o,getMasker:w}=v,{getBindValue:S}=fe(o,w,r),{maskerEvents:u}=me(w,r);return p(v),(l,k)=>(e.openBlock(),e.createElementBlock("div",pe,[e.createVNode(ie,e.mergeProps({ref_key:"maskerElRef",ref:c,bimseeProps:f,bimseeStore:e.unref(o)},e.toHandlers(e.unref(u))),{default:e.withCtx(T=>[e.renderSlot(l.$slots,"masker",e.normalizeProps(e.guardReactiveProps(T)),void 0,!0)]),_:3},16,["bimseeStore"]),e.renderSlot(l.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(S))),void 0,!0)]))}}),[["__scopeId","data-v-348a21e7"]]);_.BIMSEE_CONFIG=X,_.Bimsee=W,_.BimseePlugin=W,_.MASKER_CONFIG=V,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})}));

package/dist/types/masker.d.ts

@@ -1,4 +1,4 @@
-import { Position, Vector3, Point } from '@vsleem-realsee-viewer/shared';
+import { Point, Position, Vector3 } from '@vsleem-realsee-viewer/shared';
 export type CameraStatus = {
     position?: Vector3 /** 相机在世界坐标系中的位置 */;
     target?: Vector3 /** 相机瞄准的目标点 */;
@@ -7,11 +7,10 @@ export type CameraStatus = {
     minFov?: number /** 最小视野角度 */;
     maxFov?: number /** 最大视野角度 */;
 };
-/** 视图选项 */
-export type ViewerOptions = {
-    yaw: number /** 默认偏航角(球面基准) */;
-    pitch: number /** 默认俯仰角(球面基准) */;
-    zoomLevel: number /** 默认缩放级别(球面基准) */;
+/** 部分全景图选项 */
+export type PanoOptions = {
+    position: Partial<Position> /** 球面视角(球面基准) */;
+    zoom: number /** 缩放级别(球面基准) */;
 };
 /** 蒙层参数 */
 export type MaskerProps = {
@@ -48,7 +47,7 @@ export type MaskerElement = {
     setMouseover: (mouseover: boolean) => void /** 设置鼠标悬停状态 */;
     setMinFov: (minFov: number) => void /** 设置最小视野 */;
     setMaxFov: (maxFov: number) => void /** 设置最大视野 */;
-    setMaskerStatus: (options: ViewerOptions) => void /** 更新蒙层状态 */;
+    setMaskerStatus: (options: PanoOptions) => void /** 更新蒙层状态 */;
     zoom: (level: number) => void /** 缩放到指定级别 */;
     rotate: (position: Position) => void /** 旋转视图到指定位置 */;
     getState: () => MaskerProps /** 获取当前蒙层状态 */;

package/dist/types/store.d.ts

@@ -1,5 +1,5 @@
 import { Coordinate, Point } from '@vsleem-realsee-viewer/shared';
-import { SearchInfo, TrackPoint, ViewerOptions } from '../types';
+import { PanoOptions, SearchInfo, TrackPoint } from '../types';
 /** Bimsee 状态管理元素类型 */
 export type BimseeStore = {
     /** 是否加载完成 */
@@ -21,7 +21,7 @@ export type BimseeStore = {
     /**设置模型的点 */
     selectPoint: (point: Point) => void;
     /** 设置参考点 */
-    setReferPoint: (current: TrackPoint, options: ViewerOptions) => void;
+    setReferPoint: (current: TrackPoint, options: PanoOptions) => void;
     /**将参考点坐标归一化到当前模型坐标系点 */
     normalizeToModelPoint: (current: TrackPoint) => TrackPoint | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vsleem-realsee-viewer/bimsee-plugin",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "description": "Bimsee plugin for VSLeem RealSee Viewer",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",
@@ -13,11 +13,11 @@
     "dist"
   ],
   "dependencies": {
-    "@vsleem-realsee-viewer/shared": "2.0.24"
+    "@vsleem-realsee-viewer/shared": "2.0.26"
   },
   "peerDependencies": {
     "vue": "^3.0.0",
-    "@vsleem-realsee-viewer/shared": "2.0.24"
+    "@vsleem-realsee-viewer/shared": "2.0.26"
   },
   "peerDependenciesMeta": {
     "vue": {