chbim-time-axis-v2 0.0.18 → 0.0.191

package/dist/chbim-time-axis-v2.es.js

@@ -5,6 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { watch, toValue as toValue$1, computed, unref, reactive, shallowRef, ref, getCurrentScope, onScopeDispose, shallowReadonly, defineComponent, mergeDefaults, useSlots, useTemplateRef, openBlock, createBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, provide, readonly, toRef, onMounted, nextTick, onUnmounted, createElementBlock, normalizeClass, createVNode, Teleport, createElementVNode, normalizeStyle, Transition, createCommentVNode, inject, withModifiers, Fragment, toDisplayString, resolveDynamicComponent, h, mergeProps, createTextVNode, onBeforeUpdate, withDirectives, vShow, withKeys, createStaticVNode } from "vue";
+import * as Cesium from "cesium";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -13137,10 +13138,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (clock) {
           isPlaying.value = clock.shouldAnimate;
           const onTick = () => {
-            const Cesium = window.Cesium;
-            if (!Cesium)
+            const Cesium2 = window.Cesium;
+            if (!Cesium2)
               return;
-            const now = Cesium.JulianDate.toDate(clock.currentTime);
+            const now = Cesium2.JulianDate.toDate(clock.currentTime);
             currentTime.value = dayjs(now).toISOString();
             if (isPlaying.value !== clock.shouldAnimate) {
               isPlaying.value = clock.shouldAnimate;
@@ -13405,9 +13406,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleTimeUpdate = (newTime) => {
       currentTime.value = newTime;
       const clock = targetClock.value;
-      const Cesium = window.Cesium;
-      if (clock && Cesium) {
-        clock.currentTime = Cesium.JulianDate.fromIso8601(newTime);
+      const Cesium2 = window.Cesium;
+      if (clock && Cesium2) {
+        clock.currentTime = Cesium2.JulianDate.fromIso8601(newTime);
       }
     };
     const toggleMaximize = () => {
@@ -13635,10 +13636,236 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const CesiumGantt_vue_vue_type_style_index_0_scoped_bc47a9ac_lang = "";
 const CesiumGantt = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bc47a9ac"]]);
+class ViewportRoam {
+  constructor(viewer, data, intervals) {
+    __publicField(this, "viewer");
+    __publicField(this, "positionProperty");
+    __publicField(this, "headingProperty");
+    __publicField(this, "pitchProperty");
+    __publicField(this, "rollProperty");
+    __publicField(this, "_onTick");
+    __publicField(this, "_isPlaying", false);
+    __publicField(this, "validIntervals");
+    this.viewer = viewer;
+    this.validIntervals = new Cesium.TimeIntervalCollection([]);
+    this.positionProperty = new Cesium.SampledPositionProperty();
+    this.headingProperty = new Cesium.SampledProperty(Number);
+    this.pitchProperty = new Cesium.SampledProperty(Number);
+    this.rollProperty = new Cesium.SampledProperty(Number);
+    const interpolationOptions = {
+      interpolationDegree: 1,
+      interpolationAlgorithm: Cesium.LinearApproximation
+    };
+    this.positionProperty.setInterpolationOptions(interpolationOptions);
+    this.headingProperty.setInterpolationOptions(interpolationOptions);
+    this.pitchProperty.setInterpolationOptions(interpolationOptions);
+    this.rollProperty.setInterpolationOptions(interpolationOptions);
+    this._onTick = (clock) => {
+      const time = clock.currentTime;
+      this.updateCamera(time);
+    };
+    if (data) {
+      this.updateData(data, intervals);
+    }
+  }
+  /**
+   * 更新漫游数据
+   * @param data 漫游点列表或任务列表
+   * @param intervals 有效时间区间（仅当data为点列表时有效）
+   */
+  updateData(data, intervals) {
+    this.positionProperty = new Cesium.SampledPositionProperty();
+    this.headingProperty = new Cesium.SampledProperty(Number);
+    this.pitchProperty = new Cesium.SampledProperty(Number);
+    this.rollProperty = new Cesium.SampledProperty(Number);
+    const interpolationOptions = {
+      interpolationDegree: 1,
+      interpolationAlgorithm: Cesium.LinearApproximation
+    };
+    this.positionProperty.setInterpolationOptions(interpolationOptions);
+    this.headingProperty.setInterpolationOptions(interpolationOptions);
+    this.pitchProperty.setInterpolationOptions(interpolationOptions);
+    this.rollProperty.setInterpolationOptions(interpolationOptions);
+    this.validIntervals = new Cesium.TimeIntervalCollection([]);
+    if (this.isRoamPointArray(data)) {
+      this.initData(data);
+      if (intervals) {
+        intervals.forEach(
+          (interval) => this.validIntervals.addInterval(interval)
+        );
+      }
+    } else {
+      const { points, intervals: taskIntervals } = this.parseTasks(data);
+      this.initData(points);
+      taskIntervals.forEach(
+        (interval) => this.validIntervals.addInterval(interval)
+      );
+    }
+  }
+  isRoamPointArray(data) {
+    return data.length > 0 && "lat" in data[0] && "lng" in data[0];
+  }
+  /**
+   * 解析任务列表，提取漫游点和时间区间
+   */
+  parseTasks(tasks) {
+    const points = [];
+    const intervals = [];
+    const processRoamData = (roamData, startTime, endTime) => {
+      if (!roamData || roamData.length === 0)
+        return;
+      const start = dayjs(startTime).valueOf();
+      const end = dayjs(endTime).valueOf();
+      const totalDuration = end - start;
+      const hasSelfTime = roamData.every((item) => item.time);
+      if (!hasSelfTime) {
+        if (roamData.length === 1) {
+          if (!roamData[0].time) {
+            roamData[0].time = startTime;
+          }
+        } else {
+          roamData.forEach((item, index) => {
+            const progress = index / (roamData.length - 1);
+            const time = start + totalDuration * progress;
+            item.time = dayjs(time).toISOString();
+          });
+        }
+      }
+      points.push(...roamData);
+      if (hasSelfTime && roamData.length > 0) {
+        const firstTime = roamData[0].time;
+        const lastTime = roamData[roamData.length - 1].time;
+        intervals.push(
+          new Cesium.TimeInterval({
+            start: Cesium.JulianDate.fromIso8601(firstTime),
+            stop: Cesium.JulianDate.fromIso8601(lastTime)
+          })
+        );
+      } else {
+        intervals.push(
+          new Cesium.TimeInterval({
+            start: Cesium.JulianDate.fromIso8601(startTime),
+            stop: Cesium.JulianDate.fromIso8601(endTime)
+          })
+        );
+      }
+    };
+    const traverse = (list) => {
+      list.forEach((item) => {
+        var _a;
+        if (item.type === "group" && item.children) {
+          traverse(item.children);
+        } else {
+          if (((_a = item.attr) == null ? void 0 : _a.roamData) && item.startTime && item.endTime) {
+            processRoamData(item.attr.roamData, item.startTime, item.endTime);
+          }
+          if (item.blocks) {
+            item.blocks.forEach((block) => {
+              var _a2;
+              if (((_a2 = block.attr) == null ? void 0 : _a2.roamData) && block.startTime && block.endTime) {
+                processRoamData(
+                  block.attr.roamData,
+                  block.startTime,
+                  block.endTime
+                );
+              }
+            });
+          }
+        }
+      });
+    };
+    traverse(tasks);
+    return { points, intervals };
+  }
+  initData(data) {
+    const sortedData = [...data].sort(
+      (a, b) => dayjs(a.time).valueOf() - dayjs(b.time).valueOf()
+    );
+    let lastHeading;
+    sortedData.forEach((item) => {
+      if (!item.time)
+        return;
+      const time = Cesium.JulianDate.fromIso8601(item.time);
+      const position = Cesium.Cartesian3.fromDegrees(
+        item.lng,
+        item.lat,
+        item.alt
+      );
+      this.positionProperty.addSample(time, position);
+      let currentHeading = item.heading;
+      if (lastHeading !== void 0) {
+        let diff = currentHeading - lastHeading;
+        while (diff > 180) {
+          currentHeading -= 360;
+          diff -= 360;
+        }
+        while (diff < -180) {
+          currentHeading += 360;
+          diff += 360;
+        }
+      }
+      lastHeading = currentHeading;
+      this.headingProperty.addSample(
+        time,
+        Cesium.Math.toRadians(currentHeading)
+      );
+      this.pitchProperty.addSample(time, Cesium.Math.toRadians(item.pitch));
+      this.rollProperty.addSample(time, Cesium.Math.toRadians(item.roll || 0));
+    });
+  }
+  /**
+   * 开始跟随时间轴播放漫游
+   */
+  start() {
+    if (this._isPlaying)
+      return;
+    this.viewer.clock.onTick.addEventListener(this._onTick);
+    this._isPlaying = true;
+  }
+  /**
+   * 停止漫游
+   */
+  stop() {
+    if (!this._isPlaying)
+      return;
+    this.viewer.clock.onTick.removeEventListener(this._onTick);
+    this._isPlaying = false;
+  }
+  /**
+   * 根据当前时间更新相机
+   * @param time
+   */
+  updateCamera(time) {
+    if (this.validIntervals.length > 0 && !this.validIntervals.contains(time)) {
+      return;
+    }
+    const position = this.positionProperty.getValue(time);
+    const heading = this.headingProperty.getValue(time);
+    const pitch = this.pitchProperty.getValue(time);
+    const roll = this.rollProperty.getValue(time);
+    if (position && heading !== void 0 && pitch !== void 0) {
+      this.viewer.camera.setView({
+        destination: position,
+        orientation: {
+          heading,
+          pitch,
+          roll: roll || 0
+        }
+      });
+    }
+  }
+  /**
+   * 销毁实例
+   */
+  destroy() {
+    this.stop();
+  }
+}
 CesiumGantt.install = (app) => {
   app.component("CesiumGantt", CesiumGantt);
 };
 export {
   CesiumGantt,
+  ViewportRoam,
   CesiumGantt as default
 };