@jorgmoritz/gis-manager 0.1.38 → 0.1.40

package/dist/vue/index.cjs

@@ -1509,6 +1509,11 @@ var HeightMarker = class {
   }
 };
 
+// src/core/path-manager/constants.ts
+var DEFAULT_FOV = 172;
+var SENSOR_WIDTH = 36;
+var FOCAL_LENGTH_PRESETS = [112, 56, 14, 7, 3, 1];
+
 // src/core/path-manager/CameraFOVController.ts
 var CameraFOVController = class {
   constructor(opts = {}) {
@@ -1540,8 +1545,8 @@ var CameraFOVController = class {
       this.updateDisplay();
       this.emitChange();
     });
-    this.sensorWidth = opts.sensorWidth ?? 36;
-    this.focalLengthPresets = opts.focalLengthPresets ?? [112, 56, 14, 7, 3, 1];
+    this.sensorWidth = opts.sensorWidth ?? SENSOR_WIDTH;
+    this.focalLengthPresets = opts.focalLengthPresets ?? FOCAL_LENGTH_PRESETS;
     if (opts.minFOV === void 0 || opts.maxFOV === void 0) {
       const minFocalLength = Math.min(...this.focalLengthPresets);
       const maxFocalLength = Math.max(...this.focalLengthPresets);
@@ -1551,7 +1556,7 @@ var CameraFOVController = class {
       this.minFOV = opts.minFOV;
       this.maxFOV = opts.maxFOV;
     }
-    this.currentFOV = opts.initialFOV ?? this.focalLengthToFOVDirect(56);
+    this.currentFOV = opts.initialFOV ?? DEFAULT_FOV;
     this.useGlobalEventBus = opts.useGlobalEventBus ?? true;
     this.createUI();
     this.setupExternalFOVListener();
@@ -1901,7 +1906,7 @@ var CameraFOVController = class {
 
 // src/core/path-manager/PathPreview.ts
 var PathPreview = class {
-  // 当前 FOV 值
+  // 折叠按钮
   constructor(CesiumNS, mainViewer, opts = {}) {
     this.CesiumNS = CesiumNS;
     this.mainViewer = mainViewer;
@@ -1910,16 +1915,18 @@ var PathPreview = class {
     // Lightweight overlay viewer
     __publicField(this, "containerEl");
     // Container for the overlay viewer
-    __publicField(this, "footprintEntity");
-    // Entity for ground footprint polygon
     __publicField(this, "destroyed", false);
     // Track if the instance has been destroyed
     __publicField(this, "fovController");
     // FOV 控制器
     __publicField(this, "currentFOV");
+    // 当前 FOV 值
+    __publicField(this, "collapsed", false);
+    // 折叠状态
+    __publicField(this, "toggleBtn");
     /** 已加载的 3D Tiles 实例（预览窗口独立的） */
     __publicField(this, "tilesets", /* @__PURE__ */ new Map());
-    this.currentFOV = opts.fov ?? 50;
+    this.currentFOV = opts.fov ?? DEFAULT_FOV;
     this.ensureViewer();
     this.ensureFOVController();
   }
@@ -1931,9 +1938,9 @@ var PathPreview = class {
       host = document.createElement("div");
       host.style.position = "absolute";
       host.style.right = "10px";
-      host.style.bottom = "10px";
-      host.style.width = "480px";
-      host.style.height = "320px";
+      host.style.bottom = "80px";
+      host.style.width = "320px";
+      host.style.height = "200px";
       host.style.border = "1px solid rgba(255, 255, 255, 1)";
       host.style.borderRadius = "6px";
       host.style.overflow = "hidden";
@@ -1943,6 +1950,7 @@ var PathPreview = class {
         parent?.appendChild(host);
       } catch {
       }
+      this.createToggleButton(host);
     }
     this.containerEl = host;
     const v = new C.Viewer(host, {
@@ -1977,6 +1985,157 @@ var PathPreview = class {
     this.syncFromMainViewer();
     this.disableUserInteraction();
   }
+  /**
+   * 创建折叠按钮
+   */
+  createToggleButton(container) {
+    if (typeof document === "undefined") return;
+    this.toggleBtn = document.createElement("div");
+    this.toggleBtn.style.cssText = `
+      position: absolute;
+      top: 6px;
+      left: 6px;
+      width: 24px;
+      height: 24px;
+      background: rgba(0, 0, 0, 0.6);
+      border: 1px solid rgba(255, 255, 255, 0.5);
+      border-radius: 4px;
+      cursor: pointer;
+      z-index: 20;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all 0.2s;
+      pointer-events: auto;
+    `;
+    this.toggleBtn.innerHTML = `
+      <svg width="12" height="12" viewBox="0 0 12 12" fill="white" style="transition: transform 0.2s;">
+        <path d="M4 2 L8 6 L4 10" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>
+    `;
+    this.toggleBtn.addEventListener("mouseenter", () => {
+      if (this.toggleBtn) {
+        this.toggleBtn.style.background = "rgba(47, 119, 251, 0.8)";
+      }
+    });
+    this.toggleBtn.addEventListener("mouseleave", () => {
+      if (this.toggleBtn) {
+        this.toggleBtn.style.background = "rgba(0, 0, 0, 0.6)";
+      }
+    });
+    this.toggleBtn.addEventListener("click", (e) => {
+      e.stopPropagation();
+      this.toggle();
+    });
+    container.appendChild(this.toggleBtn);
+  }
+  /**
+   * 切换折叠状态
+   */
+  toggle() {
+    if (this.collapsed) {
+      this.expand();
+    } else {
+      this.collapse();
+    }
+  }
+  /**
+   * 折叠预览窗口
+   */
+  collapse() {
+    if (this.collapsed || !this.containerEl) return;
+    this.collapsed = true;
+    this.containerEl.dataset.originalWidth = this.containerEl.style.width;
+    this.containerEl.dataset.originalHeight = this.containerEl.style.height;
+    this.containerEl.style.width = "36px";
+    this.containerEl.style.height = "36px";
+    this.containerEl.style.overflow = "hidden";
+    if (this.overlayViewer) {
+      const viewerContainer = this.overlayViewer.container;
+      if (viewerContainer) {
+        viewerContainer.style.display = "none";
+      }
+    }
+    this.hideFOVController();
+    if (this.toggleBtn) {
+      this.toggleBtn.style.cssText = `
+        position: absolute;
+        top: 2px;
+        left: 2px;
+        right: 2px;
+        bottom: 2px;
+        width: auto;
+        height: auto;
+        background: rgba(47, 119, 251, 0.9);
+        border: 1px solid rgba(255, 255, 255, 0.8);
+        border-radius: 4px;
+        cursor: pointer;
+        z-index: 20;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.2s;
+        pointer-events: auto;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+      `;
+      this.toggleBtn.innerHTML = `
+        <svg width="16" height="16" viewBox="0 0 12 12" fill="white">
+          <path d="M8 2 L4 6 L8 10" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      `;
+    }
+    this.containerEl.style.display = "block";
+  }
+  /**
+   * 展开预览窗口
+   */
+  expand() {
+    if (!this.collapsed || !this.containerEl) return;
+    this.collapsed = false;
+    this.containerEl.style.width = this.containerEl.dataset.originalWidth || "320px";
+    this.containerEl.style.height = this.containerEl.dataset.originalHeight || "200px";
+    if (this.overlayViewer) {
+      const viewerContainer = this.overlayViewer.container;
+      if (viewerContainer) {
+        viewerContainer.style.display = "block";
+      }
+    }
+    this.showFOVController();
+    if (this.toggleBtn) {
+      this.toggleBtn.style.cssText = `
+        position: absolute;
+        top: 6px;
+        left: 6px;
+        width: 24px;
+        height: 24px;
+        background: rgba(0, 0, 0, 0.6);
+        border: 1px solid rgba(255, 255, 255, 0.5);
+        border-radius: 4px;
+        cursor: pointer;
+        z-index: 20;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.2s;
+        pointer-events: auto;
+      `;
+      this.toggleBtn.innerHTML = `
+        <svg width="12" height="12" viewBox="0 0 12 12" fill="white">
+          <path d="M4 2 L8 6 L4 10" stroke="white" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      `;
+    }
+    try {
+      this.overlayViewer?.scene?.requestRender?.();
+    } catch {
+    }
+  }
+  /**
+   * 获取折叠状态
+   */
+  isCollapsed() {
+    return this.collapsed;
+  }
   /**
    * 从主 viewer 同步配置
    * 共享 Provider（安全）而非 DataSource
@@ -2232,28 +2391,6 @@ var PathPreview = class {
       console.warn("[PathPreview] Failed to update FOV:", e);
     }
   }
-  // private ensureFootprint(): void {
-  //   const C: any = this.CesiumNS as any;
-  //   if (this.footprintEntity) return;
-  //   this.footprintEntity = (this.layer.entities as any).add({
-  //     polygon: {
-  //       // Only show when we have at least 3 ground hit points
-  //       show: new C.CallbackProperty(() => (this._footprintPositions?.length ?? 0) >= 3, false),
-  //       hierarchy: new C.CallbackProperty(() => {
-  //         const arr = this._footprintPositions;
-  //         return arr && arr.length >= 3 ? arr.slice() : undefined;
-  //       }, false),
-  //       material: C.Color.CYAN.withAlpha(0.18),
-  //       outline: true,
-  //       outlineColor: C.Color.CYAN.withAlpha(0.7),
-  //       outlineWidth: 1,
-  //       // Use per-position heights from globe intersections to avoid terrain-ground primitive path
-  //       perPositionHeight: true,
-  //     },
-  //     properties: { _type: 'preview-footprint' },
-  //   });
-  // }
-  // private _footprintPositions: any[] | undefined;
   /**
    * Set the camera pose and field of view for the overlay viewer.
    * @param cartesian cartesian position
@@ -2273,29 +2410,6 @@ var PathPreview = class {
       orientation: { heading: h2, pitch: p, roll: r }
     });
   }
-  // // Recompute footprint using overlay scene
-  // try {
-  //   const scene: any = v.scene;
-  //   const w = scene?.canvas?.width ?? 256;
-  //   const hgt = scene?.canvas?.height ?? 144;
-  //   const corners = [
-  //     new C.Cartesian2(2, 2),
-  //     new C.Cartesian2(w - 2, 2),
-  //     new C.Cartesian2(w - 2, hgt - 2),
-  //     new C.Cartesian2(2, hgt - 2),
-  //   ];
-  //   const pts: any[] = [];
-  //   for (const c of corners) {
-  //     const ray = v.camera.getPickRay(c);
-  //     if (!ray) continue;
-  //     const hit = scene.globe?.pick?.(ray, scene);
-  //     if (hit) pts.push(hit);
-  //   }
-  //   // this._footprintPositions = pts.length >= 3 ? pts : undefined;
-  //   v.scene?.requestRender?.();
-  //   (this.mainViewer.scene as any)?.requestRender?.();
-  // } catch {}
-  // }
   /**
    * 设置 FOV（如果启用了 FOV 控制器）
    */
@@ -2362,7 +2476,11 @@ var PathPreview = class {
     } catch {
     }
     this.fovController = void 0;
-    this.footprintEntity = void 0;
+    try {
+      this.toggleBtn?.remove();
+    } catch {
+    }
+    this.toggleBtn = void 0;
     try {
       this.tilesets.forEach((tileset) => {
         try {
@@ -2416,7 +2534,7 @@ var FrustumPyramid = class {
    */
   computeFrustumGeometry(apex, headingDeg, pitchDeg, rollDeg, fovDeg, length) {
     const C = this.CesiumNS;
-    const fov = Math.max(1, Math.min(120, fovDeg ?? this.opts.fov ?? 50));
+    const fov = Math.max(1, Math.min(120, fovDeg ?? this.opts.fov ?? DEFAULT_FOV));
     const aspectRatio = this.opts.aspectRatio ?? 4 / 3;
     const halfFovH = C.Math.toRadians(fov / 2);
     const halfWidth = Math.tan(halfFovH) * length;
@@ -2595,7 +2713,7 @@ var FrustumPyramid = class {
     const lakeFill = (this.opts.fillColor ?? C.Color.fromCssColorString("#1e90ff")).withAlpha(alpha);
     const width = this.opts.width ?? 3;
     this.ensureEntities(lakeEdge, width, lakeFill);
-    const effectiveFov = Math.max(1, Math.min(120, fovDeg ?? this.opts.fov ?? 50));
+    const effectiveFov = Math.max(1, Math.min(120, fovDeg ?? this.opts.fov ?? DEFAULT_FOV));
     const aspectRatio = this.opts.aspectRatio ?? 4 / 3;
     this.logAnglesIfChanged(effectiveFov, aspectRatio, headingDeg, pitchDeg);
     const { apex: apexPos, corners, baseCenter } = this.computeFrustumGeometry(
@@ -2799,7 +2917,7 @@ var AirplaneCursor = class {
     this.step = opts.stepMeters ?? 2;
     this.angleStep = opts.angleStepDeg ?? 1;
     this.fastFactor = opts.fastFactor ?? 5;
-    this.currentFOV = opts.fovDeg ?? 50;
+    this.currentFOV = opts.fovDeg ?? DEFAULT_FOV;
     this.ensureEntity(opts.color ?? C.Color.CYAN.withAlpha(0.9));
     this.attachKeyboard(opts);
     this.setupFOVListener();
@@ -3077,7 +3195,8 @@ var AirplaneCursor = class {
           this.viewer.dataSources.add(layer);
         }
         this.frustum = new FrustumPyramid(this.CesiumNS, layer, {
-          fov: this.opts.fovDeg ?? 40,
+          fov: this.opts.fovDeg ?? DEFAULT_FOV,
+          // 使用统一的默认 FOV
           length: 80,
           color: this.opts.color,
           fillAlpha: 0.25,
@@ -3086,8 +3205,8 @@ var AirplaneCursor = class {
           logAngles: false,
           logThrottleMs: 300
         });
-        const frustumFovScale = 0.6;
-        const frustumLengthScale = 0.1;
+        const frustumFovScale = 0.5;
+        const frustumLengthScale = 0.2;
         this.frustum.showAtDynamic(
           () => this.pose.position,
           () => this.pose.heading,
@@ -5168,11 +5287,11 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
       const fArr = getArr("_vertexFov");
       pitches[i] = typeof pArr?.[i] === "number" ? pArr[i] : -10;
       rolls[i] = typeof rArr?.[i] === "number" ? rArr[i] : 0;
-      fovs[i] = typeof fArr?.[i] === "number" ? fArr[i] : 50;
+      fovs[i] = typeof fArr?.[i] === "number" ? fArr[i] : DEFAULT_FOV;
     } catch {
       pitches[i] = -10;
       rolls[i] = 0;
-      fovs[i] = 50;
+      fovs[i] = DEFAULT_FOV;
     }
   }
   entity.polyline.positions = new C.CallbackProperty(() => positions.slice(), false);
@@ -5201,7 +5320,7 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
             headings[activeIndex] ?? 0,
             pitches[activeIndex] ?? -10,
             0,
-            fovs[activeIndex] ?? 50
+            fovs[activeIndex] ?? DEFAULT_FOV
           );
       }
     } catch {
@@ -5377,13 +5496,13 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
           }
         },
         // frustumLengthFactor: options?.preview?.lengthFactor ?? 0.3,
-        fovDeg: options?.preview?.fov ?? 50
+        fovDeg: options?.preview?.fov ?? DEFAULT_FOV
       });
       if (options?.preview?.enabled !== false && airplaneCursor) {
         preview = new PathPreview(CesiumNS, viewer, {
           container: options?.preview?.container,
           showFootprint: options?.preview?.showFootprint ?? false,
-          fov: options?.preview?.fov ?? 50,
+          fov: options?.preview?.fov ?? DEFAULT_FOV,
           pitch: options?.preview?.pitch ?? -10,
           roll: options?.preview?.roll ?? 0
         });
@@ -5395,7 +5514,7 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
             initialPose.heading,
             initialPose.pitch,
             initialPose.roll,
-            options?.preview?.fov ?? 50
+            options?.preview?.fov ?? DEFAULT_FOV
           );
         } catch {
           console.warn("PathEditing: failed to set initial preview pose");
@@ -5653,7 +5772,7 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
       heading: headings[index] ?? 0,
       pitch: pitches[index] ?? 0,
       roll: rolls[index] ?? 0,
-      fov: fovs[index] ?? 50
+      fov: fovs[index] ?? DEFAULT_FOV
     };
     const totalVertices = positions.length;
     const totalVisibleVertices = totalVertices;
@@ -5727,7 +5846,7 @@ function startPathEditing(CesiumNS, viewer, entityOrId, options) {
           heading: headings[index] ?? 0,
           pitch: pitches[index] ?? -10,
           roll: rolls[index] ?? 0,
-          fov: fovs[index] ?? 50,
+          fov: fovs[index] ?? DEFAULT_FOV,
           index,
           distance: calculatePathDistance(CesiumNS, positions, index),
           ellipsoidHeight,
@@ -6197,7 +6316,7 @@ function startPathDrawing(CesiumNS, viewer, options, onComplete) {
         try {
           const auto = options?.autoStartEditing;
           const editOptions = {
-            // 🔧 默认使用自由编辑模式（快速编辑和自由编辑互斥）
+            // 默认使用自由编辑模式（快速编辑和自由编辑互斥）
             quickEdit: false
           };
           if (typeof auto === "object" && auto.preview) {